ntee code

Author: ap-justin

src/pages/nonprofit-outreach/api.ts

@@ -43,7 +43,7 @@ class Filter {
     return vals;
   }
 
-  set_opts<T extends string>(kv: { [key in T]: T }) {
+  opts<T extends string>(kv: { [key in T]: T }) {
     const [[k, v]] = Object.entries(kv);
     if (!v) return;
     const opts = this.extract_blank_exists(k, v as string);
@@ -52,7 +52,7 @@ class Filter {
       this.filter.$and.push({ [k]: { $in: opts } });
     }
   }
-  set_texts<T extends string>(kv: { [key in T]: T }) {
+  texts<T extends string>(kv: { [key in T]: T }) {
     const [[k, v]] = Object.entries(kv);
     if (!v) return;
     const texts = this.extract_blank_exists(k, v as string);
@@ -64,6 +64,17 @@ class Filter {
       });
     }
   }
+  starts_with<T extends string>(kv: { [key in T]: T }) {
+    const [[k, v]] = Object.entries(kv);
+    if (!v) return;
+    const starts = this.extract_blank_exists(k, v as string);
+    if (starts.length > 0) {
+      this.filter.$and ||= [];
+      this.filter.$and.push({
+        $and: starts.map((t) => ({ [k]: { $regex: `^${t}`, $options: "i" } })),
+      });
+    }
+  }
 
   get all() {
     return this.filter;
@@ -94,22 +105,22 @@ export const loader: LoaderFunction = async ({ request }) => {
   } = Object.fromEntries(url.searchParams.entries());
 
   const filter = new Filter();
-  filter.set_opts({ asset_code });
-  filter.set_opts({ income_code });
-  filter.set_opts({ website_url });
-  filter.set_opts({ state });
-  filter.set_opts({ country });
-  filter.set_opts({ subsection_code });
-  filter.set_opts({ affilation_code });
-  filter.set_opts({ deductibility_code });
-  filter.set_opts({ deductibility_code_pub78 });
-  filter.set_opts({ ntee_code });
-  filter.set_texts({ classification_code });
-  filter.set_texts({ activity_code });
-  filter.set_opts({ foundation_code });
-  filter.set_opts({ organization_code });
-  filter.set_opts({ exempt_organization_status_code });
-  filter.set_opts({ filing_requirement_code });
+  filter.opts({ asset_code });
+  filter.opts({ income_code });
+  filter.opts({ website_url });
+  filter.opts({ state });
+  filter.opts({ country });
+  filter.opts({ subsection_code });
+  filter.opts({ affilation_code });
+  filter.opts({ deductibility_code });
+  filter.opts({ deductibility_code_pub78 });
+  filter.texts({ classification_code });
+  filter.texts({ activity_code });
+  filter.opts({ foundation_code });
+  filter.opts({ organization_code });
+  filter.opts({ exempt_organization_status_code });
+  filter.opts({ filing_requirement_code });
+  filter.starts_with({ ntee_code });
 
   const skip = (+page - 1) * +limit;
 

src/pages/nonprofit-outreach/index.tsx

@@ -166,7 +166,24 @@ export default function Page() {
                     }}
                   />
                 </th>
-                <th>NTEE code</th>
+                <th>
+                  <TextFilter
+                    num={1}
+                    label="NTEE code"
+                    _key="ntee_code"
+                    values={(k) => params.get(k)?.split(",") || []}
+                    onChange={(vs, k) => {
+                      setParams((p) => {
+                        if (vs.length === 0) {
+                          p.delete(k);
+                          return p;
+                        }
+                        p.set(k, vs.join(","));
+                        return p;
+                      });
+                    }}
+                  />
+                </th>
                 <th>In care of</th>
                 <th>Principal officer</th>
                 <th>Group exemption number</th>

src/pages/nonprofit-outreach/text-filter.tsx

@@ -74,8 +74,8 @@ export function TextFilter(props: Props) {
         {Array.from({ length: props.num }, (_, i) => (
           <Field
             key={i}
+            label=""
             {...register(`text${i}` as any)}
-            label={`Code ${i + 1}`}
             classes={{ input: "text-xs py-1 px-2", label: "mb-0! text-xs" }}
           />
         ))}