@star-insure/sdk 6.0.14 → 6.0.15

package/dist/sdk.es75.js

@@ -1,82 +1,235 @@
-import { j as e } from "./sdk.es38.js";
-import { router as w } from "@inertiajs/react";
-import c from "react";
-import { HiMagnifyingGlass as p, HiXMark as g } from "./sdk.es78.js";
-import { useClickOutside as x } from "./sdk.es6.js";
+import { j as s } from "./sdk.es39.js";
+import { router as g } from "@inertiajs/react";
+import m from "react";
+import T from "react-select";
+import { HiChevronDown as k } from "./sdk.es76.js";
+import D from "./sdk.es155.js";
+import E from "./sdk.es70.js";
+import y from "./sdk.es17.js";
+import "@headlessui/react";
 import "./sdk.es9.js";
-import "./sdk.es10.js";
-import "./sdk.es11.js";
-function C({ search: u, active: l, onActive: s, placeholder: m, focusSearchShortcut: f = !1 }) {
-  const [a, o] = c.useState(""), d = c.useRef(null);
-  c.useEffect(() => {
+import i from "./sdk.es37.js";
+import F from "./sdk.es68.js";
+function H({ filter: e }) {
+  const [d, u] = m.useState(!1), [c, l] = m.useState([]), [w, p] = m.useState([]), f = c.length > 0;
+  m.useEffect(() => {
     if (typeof window < "u") {
-      const t = new URLSearchParams(window.location.search).get("search");
-      t && (o(t), s(!0));
+      const t = new URLSearchParams(window.location.search), a = [];
+      for (const [n, o] of t.entries()) {
+        const r = n.replaceAll(/\[\d+\]/g, "[]");
+        a.push([r, o]);
+      }
+      if (e.type === "date") {
+        const n = a.find(([r]) => r === `${e.name}[from]`)?.[1], o = a.find(([r]) => r === `${e.name}[to]`)?.[1];
+        n && o && l([n, o]);
+      } else if (e.type === "greaterThan") {
+        const n = a.filter(([o]) => o === `${e.name}-GTE`).map(([o, r]) => r);
+        n.length > 0 && l(n);
+      } else if (e.type === "scope") {
+        const n = a.filter(([o]) => o === `scope${e.name}`).map(([o, r]) => r);
+        n.length > 0 && l(n);
+      } else if (e.type === "select") {
+        const n = a.filter(([o]) => o === `${e.name}[]`).map(([o, r]) => r);
+        if (n.length > 0) {
+          l(n);
+          const o = e.options && e.options.filter(
+            (r) => n.includes(r.value.toString())
+          );
+          o && o.length > 0 && p(o);
+        }
+      } else {
+        const n = a.filter(([o]) => o === `${e.name}[]`).map(([o, r]) => r);
+        n.length > 0 && l(n);
+      }
     }
-    const r = (n) => {
-      f && n.key === "/" && (n.preventDefault(), s(!0)), n.key === "Escape" && s(!1);
-    };
-    return window.addEventListener("keydown", r), () => {
-      window.removeEventListener("keydown", r);
-    };
-  }, [f]), x(d, () => {
-    a || s(!1);
-  });
-  function h(r, n) {
-    if (r?.preventDefault(), typeof u != "string") return;
-    let t = u;
-    t[0] !== "/" && (t = `/${t}`);
-    const i = new URLSearchParams(window?.location.search);
-    i.set("search", n ?? a), i.set("page", "1"), w.get(`${t}?${i.toString()}`);
+  }, [e]);
+  function b(t) {
+    const { value: a, checked: n } = t.currentTarget;
+    l(n ? (o) => [...o, a] : c.filter((o) => o !== a));
   }
-  return /* @__PURE__ */ e.jsxs("div", { ref: d, className: "", children: [
-    !l && /* @__PURE__ */ e.jsx(
-      "button",
-      {
-        title: "Open Search Bar",
-        type: "button",
-        onClick: () => s(!0),
-        className: "flex items-center justify-center rounded-full hover:text-accent p-1 hover:bg-gray-100",
-        children: /* @__PURE__ */ e.jsx(p, { className: "h-5 w-5 stroke-[1.25]" })
-      }
-    ),
-    l && /* @__PURE__ */ e.jsxs(
-      "form",
-      {
-        onSubmit: h,
-        className: "group flex items-center gap-2 rounded-full bg-white pr-4 pl-1 shadow transition-all focus-within:outline-none focus-within:ring-1 focus-within:ring-accent",
-        children: [
-          /* @__PURE__ */ e.jsx(
-            "input",
+  function h(t) {
+    const { name: a, value: n } = t.currentTarget;
+    return a.includes("from") ? l([n]) : a.includes("to") ? c.length === 0 ? l([i(F(/* @__PURE__ */ new Date(), 1), "yyyy-MM-dd"), n]) : l([c[0], n]) : l([]);
+  }
+  const v = (t) => {
+    p(t);
+    const a = t.map((n) => n.value.toString());
+    a.length > 0 ? l(a) : l([]);
+  };
+  function j() {
+    return null;
+  }
+  function x(t) {
+    const { value: a } = t.currentTarget;
+    l(a ? [a] : []);
+  }
+  function $(t) {
+    const { value: a } = t.currentTarget;
+    l(a ? [a] : []);
+  }
+  function N(t) {
+    t.preventDefault();
+    const a = new URLSearchParams(window.location.search);
+    if (a.set("page", "1"), e.type === "date") {
+      const [n, o] = c;
+      a.set(`${e.name}[from]`, n ?? i(/* @__PURE__ */ new Date(), "yyyy-MM-dd")), a.set(`${e.name}[to]`, o ?? i(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
+    } else e.type === "greaterThan" ? (a.delete(`${e.name}-GTE`), c.length > 0 && a.set(`${e.name}-GTE`, c[0])) : e.type === "scope" ? (a.delete(`${e.name}`), c.length > 0 && a.set(`scope${e.name}`, c[0])) : (Array.from({ length: e.options?.length || 50 }).forEach((n, o) => {
+      a.delete(`${e.name}[${o}]`);
+    }), c.forEach((n) => {
+      a.append(`${e.name}[]`, n);
+    }));
+    g.get(`${window.location.pathname}?${a.toString()}`);
+  }
+  function S() {
+    const t = new URLSearchParams(window.location.search);
+    t.set("page", "1"), e.type === "date" ? (t.delete(`${e.name}[from]`), t.delete(`${e.name}[to]`)) : e.type === "greaterThan" ? t.delete(`${e.name}-GTE`) : e.type === "scope" ? t.delete(`scope${e.name}`) : c.forEach((a, n) => {
+      t.delete(`${e.name}[${n}]`);
+    }), l([]), p([]), g.get(`${window.location.pathname}?${t.toString()}`);
+  }
+  function C(t) {
+    u(!d);
+  }
+  return /* @__PURE__ */ s.jsx(D, { onClose: () => u(!open), active: d, title: /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      onClick: () => C(),
+      className: E(
+        "flex rounded-2xl border hover:cursor-pointer hover:border-accent bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-accent transition-colors",
+        {
+          "!bg-accent border-accent": f
+        }
+      ),
+      children: [
+        /* @__PURE__ */ s.jsx("p", { className: "whitespace-nowrap", children: e.label }),
+        /* @__PURE__ */ s.jsx(k, {})
+      ]
+    }
+  ), children: /* @__PURE__ */ s.jsxs(
+    "form",
+    {
+      className: `mt-2 flex max-h-[350px] min-w-[200px] max-w-[260px] flex-col gap-2 rounded-md border border-gray-300 bg-white shadow-lg ${e.type && e.type === "select" ? "" : "overflow-y-scroll"}`,
+      onSubmit: N,
+      children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-start gap-1 p-4", children: [
+          (!e.type || e.type === "options") && e.options?.map((t, a) => /* @__PURE__ */ s.jsxs("div", { className: "checkbox text-sm ", children: [
+            /* @__PURE__ */ s.jsx(
+              "input",
+              {
+                type: "checkbox",
+                name: e.name,
+                id: t.label,
+                value: t.value.toString(),
+                checked: c.includes(t.value.toString()),
+                onChange: b
+              }
+            ),
+            /* @__PURE__ */ s.jsx("label", { className: "leading-tight", htmlFor: t.label, children: t.label })
+          ] }, `${t.label}-${a}`)),
+          e.type === "greaterThan" && e.options && /* @__PURE__ */ s.jsxs("label", { className: "mb-2 w-full", children: [
+            /* @__PURE__ */ s.jsx("div", { className: "text-sm", children: "Greater than or equal to" }),
+            /* @__PURE__ */ s.jsxs(
+              "select",
+              {
+                name: e.name,
+                id: e.label,
+                value: c[0],
+                onChange: x,
+                className: "!p-2 text-sm w-full",
+                children: [
+                  /* @__PURE__ */ s.jsx("option", { value: "", children: "Select option" }),
+                  e.options?.map((t) => /* @__PURE__ */ s.jsx("option", { value: t.value, children: t.label }, t.value))
+                ]
+              }
+            )
+          ] }),
+          e.type === "scope" && e.options && /* @__PURE__ */ s.jsx("label", { className: "mb-2 w-full", children: /* @__PURE__ */ s.jsxs(
+            "select",
             {
-              type: "text",
-              name: "search",
-              id: "search",
-              value: a,
-              onChange: (r) => o(r.currentTarget.value || ""),
-              className: "no-focus-shadow !focus:border-0 !border-0 !bg-transparent !shadow-none !ring-opacity-0 !transition-none placeholder:text-gray-400 !py-1.5 text-sm",
-              autoFocus: !0,
-              placeholder: m
+              name: e.name,
+              id: e.label,
+              value: c[0],
+              onChange: x,
+              className: "!p-2 text-sm w-full",
+              children: [
+                /* @__PURE__ */ s.jsx("option", { value: "", children: "Select option" }),
+                e.options?.map((t) => /* @__PURE__ */ s.jsx("option", { value: t.value, children: t.label }, t.value))
+              ]
             }
-          ),
-          a && /* @__PURE__ */ e.jsx(
-            "button",
+          ) }),
+          e.type === "date" && /* @__PURE__ */ s.jsxs("div", { className: "mb-2 flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ s.jsxs("label", { className: "text-xs w-full", children: [
+              "From",
+              /* @__PURE__ */ s.jsx(
+                "input",
+                {
+                  type: "date",
+                  name: `${e.name}[from]`,
+                  id: `${e.name}[from]`,
+                  onChange: h,
+                  value: c[0] ?? "",
+                  className: "!p-2 text-sm w-full"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s.jsxs("label", { className: "text-xs w-full", children: [
+              "To",
+              /* @__PURE__ */ s.jsx(
+                "input",
+                {
+                  type: "date",
+                  name: `${e.name}[to]`,
+                  id: `${e.name}[to]`,
+                  onChange: h,
+                  value: c[1] ?? "",
+                  className: "!p-2 text-sm w-full"
+                }
+              )
+            ] })
+          ] }),
+          e.type === "select" && e.options && /* @__PURE__ */ s.jsx("div", { className: "w-full", children: /* @__PURE__ */ s.jsx(
+            T,
             {
-              type: "button",
-              title: "Clear Search",
-              onClick: () => {
-                o(""), h(void 0, "");
+              isMulti: !0,
+              options: e.options,
+              className: "basic-multi-select text-xs w-52 !transition-none",
+              classNamePrefix: "select",
+              onChange: v,
+              components: {
+                ClearIndicator: j
+                // Hide the ClearIndicator (X button) -> exits filter when clicked
               },
-              children: /* @__PURE__ */ e.jsx(g, { className: "h-5 w-5" })
+              value: w,
+              theme: (t) => ({
+                ...t,
+                colors: {
+                  ...t.colors,
+                  primary25: "rgb(111, 199, 182)",
+                  primary: "rgb(111, 199, 182)"
+                }
+              })
             }
-          ),
-          /* @__PURE__ */ e.jsx("button", { type: "submit", children: /* @__PURE__ */ e.jsx(p, { className: "h-5 w-5" }) })
-        ]
-      }
-    )
-  ] });
+          ) }),
+          e.type === "text" && /* @__PURE__ */ s.jsx("div", { className: "w-full", children: /* @__PURE__ */ s.jsx(
+            "input",
+            {
+              type: "text",
+              name: e.name,
+              placeholder: e.label,
+              value: c[0] ?? "",
+              onChange: $,
+              className: "!p-2 text-sm w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ s.jsxs("div", { className: "bg-gray-100 border-t border-gray-200 flex items-center gap-2 p-4 bottom-0 sticky", children: [
+          /* @__PURE__ */ s.jsx(y, { type: "button", className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none", onClick: S, small: !0, children: "Clear" }),
+          /* @__PURE__ */ s.jsx(y, { type: "submit", status: "primary", className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none", small: !0, children: "Apply" })
+        ] })
+      ]
+    }
+  ) });
 }
 export {
-  C as default
+  H as FilterItem
 };
 //# sourceMappingURL=sdk.es75.js.map

package/dist/sdk.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es75.js","sources":["../src/components/filter/SearchBar.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport React from \"react\";\nimport { HiMagnifyingGlass, HiXMark } from \"react-icons/hi2\";\nimport { useClickOutside } from \"../../lib\";\n\ninterface Props {\n    search?: string;\n    active: boolean;\n    onActive: Function;\n    placeholder?: string;\n    focusSearchShortcut?: boolean;\n}\n\nexport default function SearchBar({ search, active, onActive, placeholder, focusSearchShortcut = false }: Props) {\n    const [query, setQuery] = React.useState<string>('');\n\n    const searchRef = React.useRef<HTMLDivElement | null>(null);\n\n    /**\n     * Populate search input on load\n     */\n    React.useEffect(() => {\n        if (typeof window !== 'undefined') {\n            // Populate search\n            const search = new URLSearchParams(window.location.search);\n\n            const q = search.get('search') as string;\n\n            if (q) {\n                setQuery(q);\n                onActive(true);\n            }\n        }\n\n        const listener = (e: KeyboardEvent) => {\n            if (focusSearchShortcut && e.key === '/') {\n                e.preventDefault();\n                onActive(true);\n            }\n\n            if (e.key === 'Escape') {\n                onActive(false);\n            }\n        };\n\n        window.addEventListener('keydown', listener);\n\n        return () => {\n            window.removeEventListener('keydown', listener);\n        };\n    }, [focusSearchShortcut]);\n\n    /**\n     * Minimise the search bar on click outside if there's no search query\n     */\n    useClickOutside(searchRef, () => {\n        if (!query) {\n            onActive(false);\n        }\n    });\n\n    /**\n     * Handle the search function\n     */\n    function handleSearch(e?: React.FormEvent, queryOverride?: string) {\n        e?.preventDefault();\n\n        if (typeof search !== 'string') return;\n\n        let path: string = search;\n        if (path[0] !== '/') {\n            path = `/${path}`;\n        }\n\n        const params = new URLSearchParams(window?.location.search);\n        params.set('search', queryOverride ?? query);\n        params.set('page', '1');\n\n        router.get(`${path}?${params.toString()}`);\n    }\n\n    return (\n        <div ref={searchRef} className=\"\">\n            {!active && (\n                <button\n                    title=\"Open Search Bar\"\n                    type=\"button\"\n                    onClick={() => onActive(true)}\n                    className=\"flex items-center justify-center rounded-full hover:text-accent p-1 hover:bg-gray-100\"\n                >\n                    <HiMagnifyingGlass className=\"h-5 w-5 stroke-[1.25]\" />\n                </button>\n            )}\n            {active && (\n                <form\n                    onSubmit={handleSearch}\n                    className=\"group flex items-center gap-2 rounded-full bg-white pr-4 pl-1 shadow transition-all focus-within:outline-none focus-within:ring-1 focus-within:ring-accent\"\n                >\n                    <input\n                        type=\"text\"\n                        name=\"search\"\n                        id=\"search\"\n                        value={query}\n                        onChange={(e) => setQuery(e.currentTarget.value || '')}\n                        className=\"no-focus-shadow !focus:border-0 !border-0 !bg-transparent !shadow-none !ring-opacity-0 !transition-none placeholder:text-gray-400 !py-1.5 text-sm\"\n                        autoFocus\n                        placeholder={placeholder}\n                    />\n                    {query && (\n                        <button\n                            type=\"button\"\n                            title=\"Clear Search\"\n                            onClick={() => {\n                                setQuery('');\n                                handleSearch(undefined, '');\n                            }}\n                        >\n                            <HiXMark className=\"h-5 w-5\" />\n                        </button>\n                    )}\n                    <button type=\"submit\">\n                        <HiMagnifyingGlass className=\"h-5 w-5\" />\n                    </button>\n                </form>\n            )}\n        </div>\n    );\n}\n"],"names":["SearchBar","search","active","onActive","placeholder","focusSearchShortcut","query","setQuery","React","searchRef","q","listener","e","useClickOutside","handleSearch","queryOverride","path","params","router","jsxs","jsx","HiMagnifyingGlass","HiXMark"],"mappings":";;;;;;;;AAawB,SAAAA,EAAU,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,UAAAC,GAAU,aAAAC,GAAa,qBAAAC,IAAsB,MAAgB;AAC7G,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAiB,EAAE,GAE7CC,IAAYD,EAAM,OAA8B,IAAI;AAK1DA,EAAAA,EAAM,UAAU,MAAM;AACd,QAAA,OAAO,SAAW,KAAa;AAIzB,YAAAE,IAFS,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAExC,IAAI,QAAQ;AAE7B,MAAIA,MACAH,EAASG,CAAC,GACVP,EAAS,EAAI;AAAA,IACjB;AAGE,UAAAQ,IAAW,CAACC,MAAqB;AAC/B,MAAAP,KAAuBO,EAAE,QAAQ,QACjCA,EAAE,eAAe,GACjBT,EAAS,EAAI,IAGbS,EAAE,QAAQ,YACVT,EAAS,EAAK;AAAA,IAEtB;AAEO,kBAAA,iBAAiB,WAAWQ,CAAQ,GAEpC,MAAM;AACF,aAAA,oBAAoB,WAAWA,CAAQ;AAAA,IAClD;AAAA,EAAA,GACD,CAACN,CAAmB,CAAC,GAKxBQ,EAAgBJ,GAAW,MAAM;AAC7B,IAAKH,KACDH,EAAS,EAAK;AAAA,EAClB,CACH;AAKQ,WAAAW,EAAaF,GAAqBG,GAAwB;AAG3D,QAFJH,GAAG,eAAe,GAEd,OAAOX,KAAW,SAAU;AAEhC,QAAIe,IAAef;AACf,IAAAe,EAAK,CAAC,MAAM,QACZA,IAAO,IAAIA,CAAI;AAGnB,UAAMC,IAAS,IAAI,gBAAgB,QAAQ,SAAS,MAAM;AACnD,IAAAA,EAAA,IAAI,UAAUF,KAAiBT,CAAK,GACpCW,EAAA,IAAI,QAAQ,GAAG,GAEtBC,EAAO,IAAI,GAAGF,CAAI,IAAIC,EAAO,SAAU,CAAA,EAAE;AAAA,EAAA;AAG7C,SACKE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,KAAKV,GAAW,WAAU,IAC1B,UAAA;AAAA,IAAA,CAACP,KACEkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,MAAMjB,EAAS,EAAI;AAAA,QAC5B,WAAU;AAAA,QAEV,UAAAiB,gBAAAA,EAAAA,IAACC,GAAkB,EAAA,WAAU,wBAAwB,CAAA;AAAA,MAAA;AAAA,IACzD;AAAA,IAEHnB,KACGiB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAUL;AAAA,QACV,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAM,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,MAAK;AAAA,cACL,IAAG;AAAA,cACH,OAAOd;AAAA,cACP,UAAU,CAACM,MAAML,EAASK,EAAE,cAAc,SAAS,EAAE;AAAA,cACrD,WAAU;AAAA,cACV,WAAS;AAAA,cACT,aAAAR;AAAA,YAAA;AAAA,UACJ;AAAA,UACCE,KACGc,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAS,MAAM;AACX,gBAAAb,EAAS,EAAE,GACXO,EAAa,QAAW,EAAE;AAAA,cAC9B;AAAA,cAEA,UAAAM,gBAAAA,EAAAA,IAACE,GAAQ,EAAA,WAAU,UAAU,CAAA;AAAA,YAAA;AAAA,UACjC;AAAA,UAEJF,gBAAAA,EAAAA,IAAC,YAAO,MAAK,UACT,gCAACC,GAAkB,EAAA,WAAU,UAAU,CAAA,EAC3C,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GAER;AAER;"}
+{"version":3,"file":"sdk.es75.js","sources":["../src/components/filter/FilterItem.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport { format, subYears } from \"date-fns\";\nimport React from \"react\";\nimport { FilterOption, FilterValue } from \"../../types\";\nimport Select from 'react-select';\nimport { HiChevronDown } from \"react-icons/hi2\";\nimport Dropdown from \"./Dropdown\";\nimport cn from 'classnames';\nimport { Button } from \"../common\";\n\nexport function FilterItem({ filter }: { filter: FilterOption, path?: string }) {\n    const [isOpen, setOpen] = React.useState<boolean>(false);\n    const [selected, setSelected] = React.useState<string[]>([]);\n\n    const [selectedOptions, setSelectedOptions] = React.useState<FilterValue[]>([]); // Filter type: select\n    const hasFilters = selected.length > 0;\n\n    // Populate values on load\n    React.useEffect(() => {\n        if (typeof window !== 'undefined') {\n            const search = new URLSearchParams(window.location.search);\n\n            // Strip all index keys from the square brackets\n            const filtersFromUrl = [];\n            for (const [key, value] of search.entries()) {\n                const updatedKey = key.replaceAll(/\\[\\d+\\]/g, '[]');\n                filtersFromUrl.push([updatedKey, value]);\n            }\n\n            // Conditional logic dependent on the filter type\n            if (filter.type === 'date') {\n                const fromDate = filtersFromUrl.find(([key]) => key === `${filter.name}[from]`)?.[1];\n                const toDate = filtersFromUrl.find(([key]) => key === `${filter.name}[to]`)?.[1];\n                if (fromDate && toDate) {\n                    setSelected([fromDate, toDate]);\n                }\n            } else if (filter.type === 'greaterThan') {\n                const selectedFromUrl = filtersFromUrl\n                    .filter(([key]) => key === `${filter.name}-GTE`)\n                    .map(([_, value]) => value);\n                if (selectedFromUrl.length > 0) {\n                    setSelected(selectedFromUrl);\n                }\n            } else if (filter.type === 'scope') {\n                const selectedFromUrl = filtersFromUrl\n                    .filter(([key]) => key === `scope${filter.name}`)\n                    .map(([_, value]) => value);\n                if (selectedFromUrl.length > 0) {\n                    setSelected(selectedFromUrl);\n                }\n            } else if (filter.type === 'select') {\n                const selectedFromUrl = filtersFromUrl\n                    .filter(([key]) => key === `${filter.name}[]`)\n                    .map(([_, value]) => value);\n                if (selectedFromUrl.length > 0) {\n                    setSelected(selectedFromUrl);\n                    const selectedOptions = filter.options && filter.options.filter(item =>\n                        selectedFromUrl.includes(item.value.toString())\n                    );\n                    if (selectedOptions && selectedOptions.length > 0) {\n                        setSelectedOptions(selectedOptions);\n                    }\n                }\n            } else {\n                // Default case for 'options' type and others\n                const selectedFromUrl = filtersFromUrl\n                    .filter(([key]) => key === `${filter.name}[]`)\n                    .map(([_, value]) => value);\n                if (selectedFromUrl.length > 0) {\n                    setSelected(selectedFromUrl);\n                }\n            }\n        }\n    }, [filter]);\n\n    function handleInput(e: React.SyntheticEvent<HTMLInputElement>) {\n        const { value, checked } = e.currentTarget;\n\n        if (checked) {\n            setSelected((curr) => [...curr, value]);\n        } else {\n            setSelected(selected.filter((f) => f !== value));\n        }\n    }\n\n    function handleDateSelect(e: React.SyntheticEvent<HTMLInputElement>) {\n        const { name, value } = e.currentTarget;\n\n        // First value in \"selected\" will be the \"from\", second will be the \"to\"\n        if (name.includes('from')) {\n            return setSelected([value]);\n        }\n\n        if (name.includes('to')) {\n            // Make sure we have a \"from\" value first\n            if (selected.length === 0) {\n                // We'll default to a year ago if nothing entered\n                return setSelected([format(subYears(new Date(), 1), 'yyyy-MM-dd'), value]);\n            }\n            return setSelected([selected[0], value]);\n        }\n\n        return setSelected([]);\n    }\n\n    /**\n     * Handle Select for FilterType: Select\n     */\n    const handleSelectedOptions = (options: FilterValue[] | any) => {\n        setSelectedOptions(options);\n        const selectedValues = options.map((option : FilterValue) => option.value.toString());\n\n        if (selectedValues.length > 0) {\n            setSelected(selectedValues);\n        } else {\n            setSelected([]);\n        }\n    };\n\n    /**\n     * For Filter Select\n     * Removes the Clear Button\n     */\n    function NullComponent() {\n        return null;\n    }\n\n    function handleSelect(e: React.SyntheticEvent<HTMLSelectElement>) {\n        const { value } = e.currentTarget;\n\n        if (value) {\n            setSelected([value]);\n        } else {\n            setSelected([]);\n        }\n    }\n\n    function handleText(e: React.SyntheticEvent<HTMLInputElement>) {\n        const { value } = e.currentTarget;\n\n        if (value) {\n            setSelected([value]);\n        } else {\n            setSelected([]);\n        }\n    }\n\n    function handleApply(e: React.FormEvent) {\n        e.preventDefault();\n\n        const search = new URLSearchParams(window.location.search);\n\n        // Reset the page in the query\n        search.set('page', '1');\n\n        if (filter.type === 'date') {\n            const [from, to] = selected;\n\n            search.set(`${filter.name}[from]`, from ?? format(new Date(), 'yyyy-MM-dd'));\n            search.set(`${filter.name}[to]`, to ?? format(new Date(), 'yyyy-MM-dd'));\n        } else if (filter.type === 'greaterThan') {\n            search.delete(`${filter.name}-GTE`);\n\n            if (selected.length > 0) {\n                search.set(`${filter.name}-GTE`, selected[0]);\n            }\n        } else if (filter.type === 'scope') {\n            search.delete(`${filter.name}`);\n            if (selected.length > 0) {\n                search.set(`scope${filter.name}`, selected[0]);\n            }\n        } else {\n            // Funny way to clear all selected options by index\n            Array.from({length: filter.options?.length || 50}).forEach((_v, i) => {\n                // Clear this filter first\n                search.delete(`${filter.name}[${i}]`);\n            })\n\n            // Apply the filters to the query string\n            selected.forEach((selectedValue) => {\n                // Fall back to option equality filters\n                search.append(`${filter.name}[]`, selectedValue);\n            });\n        }\n\n        // Fetch new data\n        router.get(`${window.location.pathname}?${search.toString()}`);\n    }\n\n    function handleClear() {\n        const search = new URLSearchParams(window.location.search);\n\n        // Reset the page in the query\n        search.set('page', '1');\n\n        // Clear this filter\n        if (filter.type === 'date') {\n            search.delete(`${filter.name}[from]`);\n            search.delete(`${filter.name}[to]`);\n        } else if (filter.type === 'greaterThan') {\n            search.delete(`${filter.name}-GTE`);\n        } else if (filter.type === 'scope') {\n            search.delete(`scope${filter.name}`);\n        } else {\n            selected.forEach((_v, i) => {\n                search.delete(`${filter.name}[${i}]`);\n            });\n        }\n\n        // Reset the local state\n        setSelected([]);\n        setSelectedOptions([]);\n\n        // Fetch new data\n        router.get(`${window.location.pathname}?${search.toString()}`);\n    }\n\n    function handleClick(force?: boolean) {\n        if (typeof force === 'boolean') {\n            return setOpen(force);\n        }\n\n        setOpen(!isOpen);\n    }\n\n    return (\n        <Dropdown onClose={() => setOpen(!open)} active={isOpen} title={\n            <div\n                onClick={() => handleClick()}\n                className={cn(\n                    'flex rounded-2xl border hover:cursor-pointer hover:border-accent bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-accent transition-colors',\n                    {\n                        '!bg-accent border-accent': hasFilters,\n                    }\n            )}>\n                <p className=\"whitespace-nowrap\">{filter.label}</p>\n                <HiChevronDown />\n            </div>\n        }>\n            <form\n                className={`mt-2 flex max-h-[350px] min-w-[200px] max-w-[260px] flex-col gap-2 rounded-md border border-gray-300 bg-white shadow-lg ${ filter.type && filter.type === 'select' ? '' : 'overflow-y-scroll'}`}\n                onSubmit={handleApply}\n            >\n                <div className=\"flex flex-col items-start gap-1 p-4\">\n                    {(!filter.type || filter.type === 'options') &&\n                        filter.options?.map((option, i) => (\n                            <div className=\"checkbox text-sm \" key={`${option.label}-${i}`}>\n                                <input\n                                    type=\"checkbox\"\n                                    name={filter.name}\n                                    id={option.label}\n                                    value={option.value.toString()}\n                                    checked={selected.includes(option.value.toString())}\n                                    onChange={handleInput}\n                                />\n                                <label className=\"leading-tight\" htmlFor={option.label}>\n                                    {option.label}\n                                </label>\n                            </div>\n                        ))}\n                    {filter.type === 'greaterThan' && filter.options && (\n                        <label className=\"mb-2 w-full\">\n                            <div className=\"text-sm\">Greater than or equal to</div>\n                            <select\n                                name={filter.name}\n                                id={filter.label}\n                                value={selected[0]}\n                                onChange={handleSelect}\n                                className=\"!p-2 text-sm w-full\"\n                            >\n                                <option value=\"\">Select option</option>\n                                {filter.options?.map((option) => (\n                                    <option key={option.value} value={option.value}>\n                                        {option.label}\n                                    </option>\n                                ))}\n                            </select>\n                        </label>\n                    )}\n                    {filter.type === 'scope' && filter.options && (\n                        <label className=\"mb-2 w-full\">\n                            <select\n                                name={filter.name}\n                                id={filter.label}\n                                value={selected[0]}\n                                onChange={handleSelect}\n                                className=\"!p-2 text-sm w-full\"\n                            >\n                                <option value=\"\">Select option</option>\n                                {filter.options?.map((option) => (\n                                    <option key={option.value} value={option.value}>\n                                        {option.label}\n                                    </option>\n                                ))}\n                            </select>\n                        </label>\n                    )}\n                    {filter.type === 'date' && (\n                        <div className=\"mb-2 flex flex-col gap-4 w-full\">\n                            <label className=\"text-xs w-full\">\n                                From\n                                <input\n                                    type=\"date\"\n                                    name={`${filter.name}[from]`}\n                                    id={`${filter.name}[from]`}\n                                    onChange={handleDateSelect}\n                                    value={selected[0] ?? ''}\n                                    className=\"!p-2 text-sm w-full\"\n                                />\n                            </label>\n                            <label className=\"text-xs w-full\">\n                                To\n                                <input\n                                    type=\"date\"\n                                    name={`${filter.name}[to]`}\n                                    id={`${filter.name}[to]`}\n                                    onChange={handleDateSelect}\n                                    value={selected[1] ?? ''}\n                                    className=\"!p-2 text-sm w-full\"\n                                />\n                            </label>\n                        </div>\n                    )}\n                    {filter.type === 'select' && filter.options && (\n                        <div className=\"w-full\">\n                            <Select\n                                isMulti\n                                options={filter.options}\n                                className=\"basic-multi-select text-xs w-52 !transition-none\"\n                                classNamePrefix=\"select\"\n                                onChange={handleSelectedOptions}\n                                components={{\n                                    ClearIndicator: NullComponent, // Hide the ClearIndicator (X button) -> exits filter when clicked\n                                }}\n                                value={selectedOptions}\n                                theme={(theme) => ({\n                                    ...theme,\n                                    colors: {\n                                        ...theme.colors,\n                                        primary25: 'rgb(111, 199, 182)',\n                                        primary: 'rgb(111, 199, 182)',\n                                    },\n                                })}\n                            />\n                        </div>\n                    )}\n                    {filter.type === 'text' && (\n                        <div className={'w-full'}>\n                            <input\n                                type=\"text\"\n                                name={filter.name}\n                                placeholder={filter.label}\n                                value={selected[0] ?? ''}\n                                onChange={handleText}\n                                className=\"!p-2 text-sm w-full\"\n                            />\n                        </div>\n                    )}\n                </div>\n                <div className=\"bg-gray-100 border-t border-gray-200 flex items-center gap-2 p-4 bottom-0 sticky\">\n                    <Button type=\"button\" className=\"!min-w-[0px] flex-grow !px-2 text-sm !transition-none\" onClick={handleClear} small>\n                        Clear\n                    </Button>\n                    <Button type=\"submit\" status=\"primary\" className=\"!min-w-[0px] flex-grow !px-2 text-sm !transition-none\" small>\n                        Apply\n                    </Button>\n                </div>\n            </form>\n        </Dropdown>\n    );\n}\n"],"names":["FilterItem","filter","isOpen","setOpen","React","selected","setSelected","selectedOptions","setSelectedOptions","hasFilters","search","filtersFromUrl","key","value","updatedKey","fromDate","toDate","selectedFromUrl","_","item","handleInput","e","checked","curr","f","handleDateSelect","name","format","subYears","handleSelectedOptions","options","selectedValues","option","NullComponent","handleSelect","handleText","handleApply","from","to","_v","i","selectedValue","router","handleClear","handleClick","force","jsx","Dropdown","jsxs","cn","HiChevronDown","Select","theme","Button"],"mappings":";;;;;;;;;;;;AAUgB,SAAAA,EAAW,EAAE,QAAAC,KAAmD;AAC5E,QAAM,CAACC,GAAQC,CAAO,IAAIC,EAAM,SAAkB,EAAK,GACjD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAmB,CAAA,CAAE,GAErD,CAACG,GAAiBC,CAAkB,IAAIJ,EAAM,SAAwB,CAAA,CAAE,GACxEK,IAAaJ,EAAS,SAAS;AAGrCD,EAAAA,EAAM,UAAU,MAAM;AACd,QAAA,OAAO,SAAW,KAAa;AAC/B,YAAMM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM,GAGnDC,IAAiB,CAAC;AACxB,iBAAW,CAACC,GAAKC,CAAK,KAAKH,EAAO,WAAW;AACzC,cAAMI,IAAaF,EAAI,WAAW,YAAY,IAAI;AAClD,QAAAD,EAAe,KAAK,CAACG,GAAYD,CAAK,CAAC;AAAA,MAAA;AAIvC,UAAAZ,EAAO,SAAS,QAAQ;AACxB,cAAMc,IAAWJ,EAAe,KAAK,CAAC,CAACC,CAAG,MAAMA,MAAQ,GAAGX,EAAO,IAAI,QAAQ,IAAI,CAAC,GAC7Ee,IAASL,EAAe,KAAK,CAAC,CAACC,CAAG,MAAMA,MAAQ,GAAGX,EAAO,IAAI,MAAM,IAAI,CAAC;AAC/E,QAAIc,KAAYC,KACAV,EAAA,CAACS,GAAUC,CAAM,CAAC;AAAA,MAClC,WACOf,EAAO,SAAS,eAAe;AACtC,cAAMgB,IAAkBN,EACnB,OAAO,CAAC,CAACC,CAAG,MAAMA,MAAQ,GAAGX,EAAO,IAAI,MAAM,EAC9C,IAAI,CAAC,CAACiB,GAAGL,CAAK,MAAMA,CAAK;AAC1B,QAAAI,EAAgB,SAAS,KACzBX,EAAYW,CAAe;AAAA,MAC/B,WACOhB,EAAO,SAAS,SAAS;AAChC,cAAMgB,IAAkBN,EACnB,OAAO,CAAC,CAACC,CAAG,MAAMA,MAAQ,QAAQX,EAAO,IAAI,EAAE,EAC/C,IAAI,CAAC,CAACiB,GAAGL,CAAK,MAAMA,CAAK;AAC1B,QAAAI,EAAgB,SAAS,KACzBX,EAAYW,CAAe;AAAA,MAC/B,WACOhB,EAAO,SAAS,UAAU;AACjC,cAAMgB,IAAkBN,EACnB,OAAO,CAAC,CAACC,CAAG,MAAMA,MAAQ,GAAGX,EAAO,IAAI,IAAI,EAC5C,IAAI,CAAC,CAACiB,GAAGL,CAAK,MAAMA,CAAK;AAC1B,YAAAI,EAAgB,SAAS,GAAG;AAC5B,UAAAX,EAAYW,CAAe;AAC3B,gBAAMV,IAAkBN,EAAO,WAAWA,EAAO,QAAQ;AAAA,YAAO,OAC5DgB,EAAgB,SAASE,EAAK,MAAM,SAAU,CAAA;AAAA,UAClD;AACIZ,UAAAA,KAAmBA,EAAgB,SAAS,KAC5CC,EAAmBD,CAAe;AAAA,QACtC;AAAA,MACJ,OACG;AAEH,cAAMU,IAAkBN,EACnB,OAAO,CAAC,CAACC,CAAG,MAAMA,MAAQ,GAAGX,EAAO,IAAI,IAAI,EAC5C,IAAI,CAAC,CAACiB,GAAGL,CAAK,MAAMA,CAAK;AAC1B,QAAAI,EAAgB,SAAS,KACzBX,EAAYW,CAAe;AAAA,MAC/B;AAAA,IACJ;AAAA,EACJ,GACD,CAAChB,CAAM,CAAC;AAEX,WAASmB,EAAYC,GAA2C;AAC5D,UAAM,EAAE,OAAAR,GAAO,SAAAS,EAAQ,IAAID,EAAE;AAE7B,IACIf,EADAgB,IACY,CAACC,MAAS,CAAC,GAAGA,GAAMV,CAAK,IAEzBR,EAAS,OAAO,CAACmB,MAAMA,MAAMX,CAAK,CAFR;AAAA,EAG1C;AAGJ,WAASY,EAAiBJ,GAA2C;AACjE,UAAM,EAAE,MAAAK,GAAM,OAAAb,EAAM,IAAIQ,EAAE;AAGtB,WAAAK,EAAK,SAAS,MAAM,IACbpB,EAAY,CAACO,CAAK,CAAC,IAG1Ba,EAAK,SAAS,IAAI,IAEdrB,EAAS,WAAW,IAEbC,EAAY,CAACqB,EAAOC,EAAa,oBAAA,QAAQ,CAAC,GAAG,YAAY,GAAGf,CAAK,CAAC,IAEtEP,EAAY,CAACD,EAAS,CAAC,GAAGQ,CAAK,CAAC,IAGpCP,EAAY,CAAA,CAAE;AAAA,EAAA;AAMnB,QAAAuB,IAAwB,CAACC,MAAiC;AAC5D,IAAAtB,EAAmBsB,CAAO;AACpB,UAAAC,IAAiBD,EAAQ,IAAI,CAACE,MAAyBA,EAAO,MAAM,UAAU;AAEhF,IAAAD,EAAe,SAAS,IACxBzB,EAAYyB,CAAc,IAE1BzB,EAAY,CAAA,CAAE;AAAA,EAEtB;AAMA,WAAS2B,IAAgB;AACd,WAAA;AAAA,EAAA;AAGX,WAASC,EAAab,GAA4C;AACxD,UAAA,EAAE,OAAAR,MAAUQ,EAAE;AAEpB,IACgBf,EADZO,IACY,CAACA,CAAK,IAEN,CAAA,CAFO;AAAA,EAGvB;AAGJ,WAASsB,EAAWd,GAA2C;AACrD,UAAA,EAAE,OAAAR,MAAUQ,EAAE;AAEpB,IACgBf,EADZO,IACY,CAACA,CAAK,IAEN,CAAA,CAFO;AAAA,EAGvB;AAGJ,WAASuB,EAAYf,GAAoB;AACrC,IAAAA,EAAE,eAAe;AAEjB,UAAMX,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAKrD,QAFGA,EAAA,IAAI,QAAQ,GAAG,GAElBT,EAAO,SAAS,QAAQ;AAClB,YAAA,CAACoC,GAAMC,CAAE,IAAIjC;AAEZ,MAAAK,EAAA,IAAI,GAAGT,EAAO,IAAI,UAAUoC,KAAQV,EAAW,oBAAA,KAAQ,GAAA,YAAY,CAAC,GACpEjB,EAAA,IAAI,GAAGT,EAAO,IAAI,QAAQqC,KAAMX,EAAW,oBAAA,KAAQ,GAAA,YAAY,CAAC;AAAA,IAAA,MAC3E,CAAW1B,EAAO,SAAS,iBACvBS,EAAO,OAAO,GAAGT,EAAO,IAAI,MAAM,GAE9BI,EAAS,SAAS,KAClBK,EAAO,IAAI,GAAGT,EAAO,IAAI,QAAQI,EAAS,CAAC,CAAC,KAEzCJ,EAAO,SAAS,WACvBS,EAAO,OAAO,GAAGT,EAAO,IAAI,EAAE,GAC1BI,EAAS,SAAS,KAClBK,EAAO,IAAI,QAAQT,EAAO,IAAI,IAAII,EAAS,CAAC,CAAC,MAIjD,MAAM,KAAK,EAAC,QAAQJ,EAAO,SAAS,UAAU,GAAG,CAAA,EAAE,QAAQ,CAACsC,GAAIC,MAAM;AAElE,MAAA9B,EAAO,OAAO,GAAGT,EAAO,IAAI,IAAIuC,CAAC,GAAG;AAAA,IAAA,CACvC,GAGQnC,EAAA,QAAQ,CAACoC,MAAkB;AAEhC,MAAA/B,EAAO,OAAO,GAAGT,EAAO,IAAI,MAAMwC,CAAa;AAAA,IAAA,CAClD;AAIE,IAAAC,EAAA,IAAI,GAAG,OAAO,SAAS,QAAQ,IAAIhC,EAAO,SAAU,CAAA,EAAE;AAAA,EAAA;AAGjE,WAASiC,IAAc;AACnB,UAAMjC,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAGlD,IAAAA,EAAA,IAAI,QAAQ,GAAG,GAGlBT,EAAO,SAAS,UAChBS,EAAO,OAAO,GAAGT,EAAO,IAAI,QAAQ,GACpCS,EAAO,OAAO,GAAGT,EAAO,IAAI,MAAM,KAC3BA,EAAO,SAAS,gBACvBS,EAAO,OAAO,GAAGT,EAAO,IAAI,MAAM,IAC3BA,EAAO,SAAS,UACvBS,EAAO,OAAO,QAAQT,EAAO,IAAI,EAAE,IAE1BI,EAAA,QAAQ,CAACkC,GAAIC,MAAM;AACxB,MAAA9B,EAAO,OAAO,GAAGT,EAAO,IAAI,IAAIuC,CAAC,GAAG;AAAA,IAAA,CACvC,GAILlC,EAAY,CAAA,CAAE,GACdE,EAAmB,CAAA,CAAE,GAGdkC,EAAA,IAAI,GAAG,OAAO,SAAS,QAAQ,IAAIhC,EAAO,SAAU,CAAA,EAAE;AAAA,EAAA;AAGjE,WAASkC,EAAYC,GAAiB;AAKlC,IAAA1C,EAAQ,CAACD,CAAM;AAAA,EAAA;AAIf,SAAA4C,gBAAAA,MAACC,GAAS,EAAA,SAAS,MAAM5C,EAAQ,CAAC,IAAI,GAAG,QAAQD,GAAQ,OACrD8C,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS,MAAMJ,EAAY;AAAA,MAC3B,WAAWK;AAAA,QACP;AAAA,QACA;AAAA,UACI,4BAA4BxC;AAAA,QAAA;AAAA,MAExC;AAAA,MACI,UAAA;AAAA,QAAAqC,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qBAAqB,UAAA7C,EAAO,OAAM;AAAA,8BAC9CiD,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGnB,GAAA,UAAAF,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,2HAA4H/C,EAAO,QAAQA,EAAO,SAAS,WAAW,KAAK,mBAAmB;AAAA,MACzM,UAAUmC;AAAA,MAEV,UAAA;AAAA,QAACY,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uCACT,UAAA;AAAA,WAAA,CAAC/C,EAAO,QAAQA,EAAO,SAAS,cAC9BA,EAAO,SAAS,IAAI,CAAC+B,GAAQQ,MACxBQ,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAAF,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,MAAM7C,EAAO;AAAA,gBACb,IAAI+B,EAAO;AAAA,gBACX,OAAOA,EAAO,MAAM,SAAS;AAAA,gBAC7B,SAAS3B,EAAS,SAAS2B,EAAO,MAAM,UAAU;AAAA,gBAClD,UAAUZ;AAAA,cAAA;AAAA,YACd;AAAA,YACA0B,gBAAAA,EAAAA,IAAC,WAAM,WAAU,iBAAgB,SAASd,EAAO,OAC5C,YAAO,MACZ,CAAA;AAAA,UAAA,EAAA,GAXoC,GAAGA,EAAO,KAAK,IAAIQ,CAAC,EAY5D,CACH;AAAA,UACJvC,EAAO,SAAS,iBAAiBA,EAAO,WACpC+C,gBAAAA,OAAA,SAAA,EAAM,WAAU,eACb,UAAA;AAAA,YAACF,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,WAAU,UAAwB,4BAAA;AAAA,YACjDE,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAM/C,EAAO;AAAA,gBACb,IAAIA,EAAO;AAAA,gBACX,OAAOI,EAAS,CAAC;AAAA,gBACjB,UAAU6B;AAAA,gBACV,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAACY,gBAAAA,EAAA,IAAA,UAAA,EAAO,OAAM,IAAG,UAAa,iBAAA;AAAA,kBAC7B7C,EAAO,SAAS,IAAI,CAAC+B,MACjBc,gBAAAA,EAAAA,IAAA,UAAA,EAA0B,OAAOd,EAAO,OACpC,UAAAA,EAAO,MADC,GAAAA,EAAO,KAEpB,CACH;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACL,GACJ;AAAA,UAEH/B,EAAO,SAAS,WAAWA,EAAO,WAC9B6C,gBAAAA,MAAA,SAAA,EAAM,WAAU,eACb,UAAAE,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM/C,EAAO;AAAA,cACb,IAAIA,EAAO;AAAA,cACX,OAAOI,EAAS,CAAC;AAAA,cACjB,UAAU6B;AAAA,cACV,WAAU;AAAA,cAEV,UAAA;AAAA,gBAACY,gBAAAA,EAAA,IAAA,UAAA,EAAO,OAAM,IAAG,UAAa,iBAAA;AAAA,gBAC7B7C,EAAO,SAAS,IAAI,CAAC+B,MACjBc,gBAAAA,EAAAA,IAAA,UAAA,EAA0B,OAAOd,EAAO,OACpC,UAAAA,EAAO,MADC,GAAAA,EAAO,KAEpB,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,UAEH/B,EAAO,SAAS,UACZ+C,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,YAACA,gBAAAA,EAAAA,KAAA,SAAA,EAAM,WAAU,kBAAiB,UAAA;AAAA,cAAA;AAAA,cAE9BF,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,MAAM,GAAG7C,EAAO,IAAI;AAAA,kBACpB,IAAI,GAAGA,EAAO,IAAI;AAAA,kBAClB,UAAUwB;AAAA,kBACV,OAAOpB,EAAS,CAAC,KAAK;AAAA,kBACtB,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd,GACJ;AAAA,YACA2C,gBAAAA,EAAAA,KAAC,SAAM,EAAA,WAAU,kBAAiB,UAAA;AAAA,cAAA;AAAA,cAE9BF,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,MAAM,GAAG7C,EAAO,IAAI;AAAA,kBACpB,IAAI,GAAGA,EAAO,IAAI;AAAA,kBAClB,UAAUwB;AAAA,kBACV,OAAOpB,EAAS,CAAC,KAAK;AAAA,kBACtB,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd,EACJ,CAAA;AAAA,UAAA,GACJ;AAAA,UAEHJ,EAAO,SAAS,YAAYA,EAAO,WAC/B6C,gBAAAA,MAAA,OAAA,EAAI,WAAU,UACX,UAAAA,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,SAAO;AAAA,cACP,SAASlD,EAAO;AAAA,cAChB,WAAU;AAAA,cACV,iBAAgB;AAAA,cAChB,UAAU4B;AAAA,cACV,YAAY;AAAA,gBACR,gBAAgBI;AAAA;AAAA,cACpB;AAAA,cACA,OAAO1B;AAAA,cACP,OAAO,CAAC6C,OAAW;AAAA,gBACf,GAAGA;AAAA,gBACH,QAAQ;AAAA,kBACJ,GAAGA,EAAM;AAAA,kBACT,WAAW;AAAA,kBACX,SAAS;AAAA,gBAAA;AAAA,cAEjB;AAAA,YAAA;AAAA,UAAA,GAER;AAAA,UAEHnD,EAAO,SAAS,UACZ6C,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,UACZ,UAAAA,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,MAAM7C,EAAO;AAAA,cACb,aAAaA,EAAO;AAAA,cACpB,OAAOI,EAAS,CAAC,KAAK;AAAA,cACtB,UAAU8B;AAAA,cACV,WAAU;AAAA,YAAA;AAAA,UAAA,EAElB,CAAA;AAAA,QAAA,GAER;AAAA,QACAa,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,oFACX,UAAA;AAAA,UAACF,gBAAAA,EAAAA,IAAAO,GAAA,EAAO,MAAK,UAAS,WAAU,yDAAwD,SAASV,GAAa,OAAK,IAAC,UAEpH,QAAA,CAAA;AAAA,UACAG,gBAAAA,EAAAA,IAACO,GAAO,EAAA,MAAK,UAAS,QAAO,WAAU,WAAU,yDAAwD,OAAK,IAAC,UAE/G,QAAA,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/sdk.es76.js

@@ -1,79 +1,29 @@
-import { j as t } from "./sdk.es38.js";
-import x from "react";
-import { Tooltip as f } from "react-tooltip";
-import { Link as z, router as F } from "@inertiajs/react";
-import { useClickOutside as T } from "./sdk.es6.js";
-import "./sdk.es9.js";
-import "./sdk.es10.js";
-import "./sdk.es11.js";
-import $ from "./sdk.es48.js";
-function C({ title: r, href: i, as: l = "Link", target: h = "_self", type: v, onClick: d = () => {
-}, shortcutKey: a, backgroundColor: p, hoverBackgroundColor: u, textColor: g, actions: c }) {
-  const m = $("rounded-full font-bold px-4 py-1.5 text-sm whitespace-nowrap hover:border-gray-400 transition-colors border border-gray-300", {
-    "bg-white": !p,
-    [`bg-${p}`]: !!p,
-    [`text-${g}`]: !!g,
-    "hover:bg-gray-100": !u,
-    [`hover:bg-${u}`]: !!u
-  }), o = `action-${r}`, s = a ? `Ctrl + ${a}` : void 0, j = x.useRef(null), L = c && c.length > 0, N = "relative cursor-pointer " + m, [w, b] = x.useState(!1), E = () => {
-    b(!w);
-  };
-  T(j, () => b(!1));
-  function I() {
-    if (l === "Link" && i)
-      return F.get(i);
-    if (l === "a" && i)
-      return window.location.href = i;
-    d();
-  }
-  return x.useEffect(() => {
-    if (typeof window > "u" || !a) return;
-    const n = (e) => {
-      const k = e.ctrlKey || e.metaKey, y = e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement, A = e.target instanceof Element && e.target.closest("form");
-      k && !y && !A && e.key === a && (e.preventDefault(), I());
-    };
-    return window.addEventListener("keydown", n), () => {
-      window.removeEventListener("keydown", n);
-    };
-  }, [a]), L ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    s && /* @__PURE__ */ t.jsx(f, { id: o, className: "z-10" }),
-    /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        ref: j,
-        "data-tooltip-id": o,
-        "data-tooltip-content": s,
-        className: N,
-        onClick: E,
-        children: [
-          r,
-          w && /* @__PURE__ */ t.jsx("div", { className: "absolute top-[120%] right-[-20%] z-10", children: /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-2 bg-white rounded-lg shadow-xl p-3", children: c && c.map((n, e) => n.hidden ? null : /* @__PURE__ */ t.jsx(
-            C,
-            {
-              title: n.title,
-              as: n.as,
-              href: n.href,
-              target: n.target,
-              onClick: n.onClick,
-              type: "button"
-            },
-            e
-          )) }) })
-        ]
-      }
-    )
-  ] }) : l === "Link" && i ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    s && /* @__PURE__ */ t.jsx(f, { id: o, className: "z-10" }),
-    /* @__PURE__ */ t.jsx(z, { "data-tooltip-id": o, "data-tooltip-content": s, className: m, href: i, onClick: () => d(), children: r })
-  ] }) : l === "a" && i ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    s && /* @__PURE__ */ t.jsx(f, { id: o, className: "z-10" }),
-    /* @__PURE__ */ t.jsx("a", { "data-tooltip-id": o, "data-tooltip-content": s, className: m, target: h, href: i, onClick: () => d(), children: r })
-  ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    s && /* @__PURE__ */ t.jsx(f, { id: o, className: "z-10" }),
-    /* @__PURE__ */ t.jsx("button", { "data-tooltip-id": o, "data-tooltip-content": s, className: m, type: v, onClick: () => d(), children: r })
-  ] });
+import { GenIcon as l } from "./sdk.es153.js";
+import "./sdk.es154.js";
+function r(e) {
+  return l({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M11.03 3.97a.75.75 0 010 1.06l-6.22 6.22H21a.75.75 0 010 1.5H4.81l6.22 6.22a.75.75 0 11-1.06 1.06l-7.5-7.5a.75.75 0 010-1.06l7.5-7.5a.75.75 0 011.06 0z", clipRule: "evenodd" } }] })(e);
+}
+function i(e) {
+  return l({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z", clipRule: "evenodd" } }] })(e);
+}
+function n(e) {
+  return l({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z", clipRule: "evenodd" } }] })(e);
+}
+function d(e) {
+  return l({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z", clipRule: "evenodd" } }] })(e);
+}
+function o(e) {
+  return l({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" } }] })(e);
+}
+function u(e) {
+  return l({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", clipRule: "evenodd" } }] })(e);
 }
 export {
-  C as default
+  r as HiArrowLeft,
+  i as HiChevronDown,
+  n as HiChevronLeft,
+  d as HiChevronRight,
+  o as HiMagnifyingGlass,
+  u as HiXMark
 };
 //# sourceMappingURL=sdk.es76.js.map