@star-insure/sdk 6.7.0 → 6.8.0

package/dist/sdk.es51.js

@@ -1,29 +1,235 @@
-import { GenIcon as l } from "./sdk.es85.js";
-import "./sdk.es86.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);
+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.es52.js";
+import D from "./sdk.es87.js";
+import E from "./sdk.es43.js";
+import y from "./sdk.es17.js";
+import "@headlessui/react";
+import "./sdk.es9.js";
+import i from "./sdk.es37.js";
+import F from "./sdk.es78.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), 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);
+      }
+    }
+  }, [e]);
+  function b(t) {
+    const { value: a, checked: n } = t.currentTarget;
+    l(n ? (o) => [...o, a] : c.filter((o) => o !== a));
+  }
+  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",
+            {
+              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 === "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,
+            {
+              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
+              },
+              value: w,
+              theme: (t) => ({
+                ...t,
+                colors: {
+                  ...t.colors,
+                  primary25: "rgb(111, 199, 182)",
+                  primary: "rgb(111, 199, 182)"
+                }
+              })
+            }
+          ) }),
+          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 {
-  r as HiArrowLeft,
-  i as HiChevronDown,
-  n as HiChevronLeft,
-  d as HiChevronRight,
-  o as HiMagnifyingGlass,
-  u as HiXMark
+  H as FilterItem
 };
 //# sourceMappingURL=sdk.es51.js.map