@star-insure/sdk 4.3.0 → 4.3.2

package/dist/types/misc/index.d.ts

@@ -9,7 +9,7 @@ export interface FilterOption {
     label: string;
     name: string;
     options?: FilterValue[];
-    type?: 'options' | 'date' | 'greaterThan' | 'scope' | 'select' | 'datalist' | 'column';
+    type?: 'options' | 'date' | 'greaterThan' | 'scope' | 'select' | 'datalist' | 'column' | 'text';
 }
 export interface FilterValue {
     label: string;

package/package.json

@@ -2,7 +2,7 @@
     "name": "@star-insure/sdk",
     "description": "The SDK for Star Insure client apps with shared helper functions and TypeScript definitions.",
     "author": "alexclark_nz",
-    "version": "4.3.0",
+    "version": "4.3.2",
     "license": "MIT",
     "repository": {
         "type": "git",

package/src/components/filter/FilterItem.tsx

@@ -114,6 +114,16 @@ export function FilterItem({ filter }: { filter: FilterOption, path?: string })
         }
     }
 
+    function handleText(e: React.SyntheticEvent<HTMLInputElement>) {
+        const { value } = e.currentTarget;
+
+        if (value) {
+            setSelected([value]);
+        } else {
+            setSelected([]);
+        }
+    }
+
     function handleApply(e: React.FormEvent) {
         e.preventDefault();
 
@@ -304,6 +314,18 @@ export function FilterItem({ filter }: { filter: FilterOption, path?: string })
                             />
                         </div>
                     )}
+                    {filter.type === 'text' && (
+                        <div className={'w-full'}>
+                            <input
+                                type="text"
+                                name={filter.name}
+                                placeholder={filter.label}
+                                value={selected[0] ?? ''}
+                                onChange={handleText}
+                                className="!p-2 text-sm w-full"
+                            />
+                        </div>
+                    )}
                 </div>
                 <div className="bg-gray-100 border-t border-gray-200 flex items-center gap-2 p-4 bottom-0 sticky">
                     <Button type="button" className="!min-w-[0px] flex-grow !px-2 text-sm !transition-none" onClick={handleClear} small>

package/src/lib/fetch.tsx

@@ -0,0 +1,81 @@
+import React from 'react';
+import { usePage } from './page';
+
+type FetchOptions = {
+    url: string;
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    params?: Record<string, any>;
+    headers?: Record<string, string>;
+};
+
+type FetcherFunction<T> = () => Promise<
+    | {
+          ok: false;
+          message: string | undefined;
+          data?: undefined;
+      }
+    | {
+          ok: true;
+          data?: T;
+          message: string | undefined;
+      }
+>;
+
+/**
+ * A helper to return a fetch function including default headers and authorization.
+ */
+export function useFetch<T = any>({
+    url: baseUrl,
+    method = 'GET',
+    params = {},
+    headers = {},
+}: FetchOptions): FetcherFunction<T> {
+    const { access_token } = usePage().props;
+
+    let url = baseUrl;
+
+    if (method === 'GET') {
+        const queryParams = new URLSearchParams(params);
+        url = `${url}?${queryParams.toString()}`;
+    }
+
+    return React.useMemo(
+        () => async () => {
+            const res = await fetch(url, {
+                method,
+                headers: {
+                    'Content-Type': 'application/json',
+                    Accept: 'application/json',
+                    Authorization: access_token ? `Bearer ${access_token}` : '',
+                    ...headers,
+                },
+                body: Object.keys(params).length > 0 && method !== 'GET' ? JSON.stringify(params) : null,
+            });
+
+            const { ok } = res;
+            const body = await res.text();
+
+            let parsedBody: T | string = body;
+
+            try {
+                parsedBody = JSON.parse(body) as T;
+            } catch (error) {
+                // Response wasn't JSON, just use the text version.
+            }
+
+            const message = typeof parsedBody === 'string' ? parsedBody : undefined;
+
+            if (!ok) {
+                return {
+                    ok,
+                    message,
+                };
+            }
+
+            const data = typeof parsedBody !== 'string' ? parsedBody : undefined;
+
+            return { ok, data, message };
+        },
+        [access_token, url, params, headers, method],
+    );
+}

package/src/types/misc/index.ts

@@ -11,7 +11,7 @@ export interface FilterOption {
     label: string;
     name: string;
     options?: FilterValue[];
-    type?: 'options' | 'date' | 'greaterThan' | 'scope' | 'select' | 'datalist' | 'column';
+    type?: 'options' | 'date' | 'greaterThan' | 'scope' | 'select' | 'datalist' | 'column' | 'text';
 }
 
 export interface FilterValue {