@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js

@@ -1,123 +1,54 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Badge as g } from "../../../Badge/Badge.js";
+import { t as e } from "../../../../utils-DHuiYnx1.js";
 import { Button as i } from "../../../Button/Button.js";
-import { DatePicker as x } from "../../../Datepicker/DatePicker.js";
-import { filterButtonIconVariants as w, filterButtonVariants as y } from "../../Filter.variants.js";
-import { cn as t } from "../../../../utils/index.js";
-import { useDateFilterDropdown as k } from "./DateFilterDropdown.hook.js";
-import { C as D } from "../../../../chevron-down-BBFYYzZq.js";
-const A = ({
-  label: d,
-  position: l = "left",
-  countryCode: s = "US",
-  onApply: p
-}) => {
-  const {
-    id: m,
-    appliedDay: n,
-    isOpen: r,
-    selectedDay: o,
-    wrapperRef: c,
-    handleApply: f,
-    handleOpen: h,
-    handleSelect: u,
-    handleReset: b
-  } = k({ onApply: p, countryCode: s });
-  return /* @__PURE__ */ a("div", { ref: c, className: "relative", children: [
-    /* @__PURE__ */ a(
-      "button",
-      {
-        className: t(y(), {
-          "text-slate-700": r
-        }),
-        onClick: h,
-        children: [
-          d,
-          n && /* @__PURE__ */ e(g, { label: n }),
-          /* @__PURE__ */ e(
-            D,
-            {
-              className: t(w(), {
-                "rotate-180 text-blue-600 dark:text-aurora-500": r
-              })
-            }
-          )
-        ]
-      }
-    ),
-    r && /* @__PURE__ */ a(
-      "div",
-      {
-        className: t(
-          "absolute",
-          "top-full",
-          "mt-1",
-          "bg-white",
-          "rounded-md",
-          "shadow-md",
-          "animate-in",
-          "fade-in-0",
-          "z-10",
-          "border",
-          "border-gray-200",
-          "flex",
-          "flex-col",
-          "gap-4",
-          "py-4",
-          "px-6",
-          "dark:bg-metal-800",
-          "dark:border-metal-700",
-          {
-            "left-0": l === "left",
-            "right-0": l === "right"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ e(
-            x,
-            {
-              className: "p-0",
-              arrowClassName: "-top-1 right-0",
-              monthsClassName: t(
-                "shadow-none",
-                "p-0",
-                "w-auto",
-                "dark:border-transparent"
-              ),
-              defaultSelected: o,
-              defaultMonth: o,
-              onSelect: u
-            },
-            o?.toISOString() ?? m
-          ),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              className: t(
-                "flex",
-                "justify-end",
-                "items-center",
-                "gap-4",
-                "py-2"
-              ),
-              children: [
-                /* @__PURE__ */ e(
-                  i,
-                  {
-                    variant: "secondary",
-                    appearance: "compact",
-                    onClick: b,
-                    children: "Reset"
-                  }
-                ),
-                /* @__PURE__ */ e(i, { appearance: "compact", onClick: f, children: "Apply" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+import { t as g } from "../../../../chevron-down-DgssmYWu.js";
+import { Badge as x } from "../../../Badge/Badge.js";
+import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
+import { filterButtonIconVariants as y, filterButtonVariants as k } from "../../Filter.variants.js";
+import { useDateFilterDropdown as D } from "./DateFilterDropdown.hook.js";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+var A = ({ label: d, position: l = "left", countryCode: s = "US", onApply: p }) => {
+  const { id: m, appliedDay: n, isOpen: r, selectedDay: o, wrapperRef: c, handleApply: f, handleOpen: h, handleSelect: u, handleReset: b } = D({
+    onApply: p,
+    countryCode: s
+  });
+  return /* @__PURE__ */ a("div", {
+    ref: c,
+    className: "relative",
+    children: [/* @__PURE__ */ a("button", {
+      className: e(k(), { "text-slate-700": r }),
+      onClick: h,
+      children: [
+        d,
+        n && /* @__PURE__ */ t(x, { label: n }),
+        /* @__PURE__ */ t(g, { className: e(y(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
+      ]
+    }), r && /* @__PURE__ */ a("div", {
+      className: e("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "flex", "flex-col", "gap-4", "py-4", "px-6", "dark:bg-metal-800", "dark:border-metal-700", {
+        "left-0": l === "left",
+        "right-0": l === "right"
+      }),
+      children: [/* @__PURE__ */ t(w, {
+        className: "p-0",
+        arrowClassName: "-top-1 right-0",
+        monthsClassName: e("shadow-none", "p-0", "w-auto", "dark:border-transparent"),
+        defaultSelected: o,
+        defaultMonth: o,
+        onSelect: u
+      }, o?.toISOString() ?? m), /* @__PURE__ */ a("div", {
+        className: e("flex", "justify-end", "items-center", "gap-4", "py-2"),
+        children: [/* @__PURE__ */ t(i, {
+          variant: "secondary",
+          appearance: "compact",
+          onClick: b,
+          children: "Reset"
+        }), /* @__PURE__ */ t(i, {
+          appearance: "compact",
+          onClick: f,
+          children: "Apply"
+        })]
+      })]
+    })]
+  });
 };
 export {
   A as DateFilterDropdown

package/dist/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.hook.js

@@ -1,83 +1,61 @@
-import { useRef as F, useId as S, useState as u, useMemo as D, useCallback as a, useEffect as p } from "react";
-import { sendOpenFilterEvent as k, FilterEvent as v } from "../../events/index.js";
-import { getLocale as x } from "../../utils/index.js";
-import { useFilterContext as I } from "../../contexts/filter.hook.js";
-const P = ({
-  defaultRange: h,
-  onApply: t,
-  countryCode: E = "US"
-}) => {
-  const { closeOnApply: i } = I(), d = F(null), o = S(), [R, s] = u(!1), [l, c] = u(
-    h
-  ), [n, f] = u(), C = D(() => {
+import { useFilterContext as F } from "../../contexts/filter.hook.js";
+import { FilterEvent as g, sendOpenFilterEvent as S } from "../../events/index.js";
+import { t as D } from "../../../../utils-CQSRNcoF.js";
+import { useCallback as a, useEffect as p, useId as k, useMemo as x, useRef as I, useState as u } from "react";
+var P = ({ defaultRange: h, onApply: t, countryCode: v = "US" }) => {
+  const { closeOnApply: i } = F(), d = I(null), o = k(), [R, r] = u(!1), [l, c] = u(h), [n, f] = u(), E = x(() => {
     if (!n?.from) return;
-    const e = (r) => r.toLocaleDateString(x(E), {
+    const e = (s) => s.toLocaleDateString(D(v), {
       day: "numeric",
       month: "short"
     });
     return n.to ? `${e(n.from)} - ${e(n.to)}` : e(n.from);
-  }, [n]), O = a(
-    () => s((e) => (e || k(o), !e)),
-    [o]
-  ), b = a(() => {
+  }, [n]), C = a(() => r((e) => (e || S(o), !e)), [o]), O = a(() => {
     const e = {
       from: l?.from,
       to: l?.to
     };
-    f(e), t?.(e), i && s(!1);
-  }, [i, t, l]), L = a((e) => {
-    c({ from: e.from, to: e.to });
-  }, []), m = a(() => s(!1), []), w = a(() => {
-    c(void 0), f(void 0), t?.(), i && s(!1);
+    f(e), t?.(e), i && r(!1);
+  }, [
+    i,
+    t,
+    l
+  ]), b = a((e) => {
+    c({
+      from: e.from,
+      to: e.to
+    });
+  }, []), m = a(() => r(!1), []), L = a(() => {
+    c(void 0), f(void 0), t?.(), i && r(!1);
   }, [i, t]);
   return p(() => {
     const e = new AbortController();
-    return document.addEventListener(
-      v.OPEN,
-      (r) => {
-        r.detail !== o && s(!1);
-      },
-      {
-        signal: e.signal
-      }
-    ), document.addEventListener(
-      v.RESET,
-      () => {
-        c(void 0), f(void 0), t?.();
-      },
-      {
-        signal: e.signal
-      }
-    ), () => {
+    return document.addEventListener(g.OPEN, (s) => {
+      s.detail !== o && r(!1);
+    }, { signal: e.signal }), document.addEventListener(g.RESET, () => {
+      c(void 0), f(void 0), t?.();
+    }, { signal: e.signal }), () => {
       e.abort();
     };
   }, [o, t]), p(() => {
-    const e = new AbortController(), r = (g) => {
-      d.current?.contains(g.target) || m();
+    const e = new AbortController(), s = (w) => {
+      d.current?.contains(w.target) || m();
     };
-    return document.addEventListener("mousedown", r, {
-      signal: e.signal
-    }), document.addEventListener(
-      "visibilitychange",
-      () => {
-        document.hidden && m();
-      },
-      {
-        signal: e.signal
-      }
-    ), () => {
+    return document.addEventListener("mousedown", s, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
+      document.hidden && m();
+    }, { signal: e.signal }), () => {
       e.abort();
     };
   }, [m, d]), {
     id: o,
-    appliedRange: C,
+    appliedRange: E,
     isOpen: R,
     selectedRange: l,
     wrapperRef: d,
-    handleApply: b,
-    handleOpen: O,
-    handleRangeChange: L,
-    handleReset: w
+    handleApply: O,
+    handleOpen: C,
+    handleRangeChange: b,
+    handleReset: L
   };
 };
 export {

package/dist/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js

@@ -1,120 +1,57 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Badge as C } from "../../../Badge/Badge.js";
+import { t as a } from "../../../../utils-DHuiYnx1.js";
 import { Button as l } from "../../../Button/Button.js";
-import { DateRangePicker as v } from "../../../DateRangePicker/DateRangePicker.js";
-import { filterButtonIconVariants as D, filterButtonVariants as N } from "../../Filter.variants.js";
-import { cn as t } from "../../../../utils/index.js";
-import { useDateRangeFilterDropdown as y } from "./DateRangeFilterDropdown.hook.js";
-import { C as B } from "../../../../chevron-down-BBFYYzZq.js";
-const S = ({
-  label: i,
-  position: n = "left",
-  showTime: s = !1,
-  timeFormat: d = "24",
-  showPresets: m = !0,
-  defaultRange: c,
-  minDate: p,
-  maxDate: f,
-  countryCode: h = "US",
-  onApply: g
-}) => {
-  const {
-    appliedRange: o,
-    isOpen: r,
-    selectedRange: u,
-    wrapperRef: R,
-    handleApply: b,
-    handleOpen: k,
-    handleRangeChange: w,
-    handleReset: x
-  } = y({ defaultRange: c, onApply: g, countryCode: h });
-  return /* @__PURE__ */ a("div", { ref: R, className: "relative", children: [
-    /* @__PURE__ */ a(
-      "button",
-      {
-        className: t(N(), {
-          "text-slate-700": r
-        }),
-        onClick: k,
-        children: [
-          i,
-          o && /* @__PURE__ */ e(C, { label: o }),
-          /* @__PURE__ */ e(
-            B,
-            {
-              className: t(D(), {
-                "rotate-180 text-blue-600 dark:text-aurora-500": r
-              })
-            }
-          )
-        ]
-      }
-    ),
-    r && /* @__PURE__ */ a(
-      "div",
-      {
-        className: t(
-          "absolute",
-          "top-full",
-          "mt-1",
-          "bg-white",
-          "rounded-md",
-          "shadow-md",
-          "animate-in",
-          "fade-in-0",
-          "z-10",
-          "dark:bg-metal-800",
-          "dark:border-metal-700",
-          {
-            "left-0": n === "left",
-            "right-0": n === "right"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ e(
-            v,
-            {
-              defaultRange: u,
-              showTime: s,
-              timeFormat: d,
-              showPresets: m,
-              minDate: p,
-              maxDate: f,
-              onRangeChange: w,
-              classNames: {
-                container: "shadow-none"
-              }
-            }
-          ),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              className: t(
-                "flex",
-                "justify-end",
-                "items-center",
-                "gap-4",
-                "p-4",
-                "pt-0"
-              ),
-              children: [
-                /* @__PURE__ */ e(
-                  l,
-                  {
-                    variant: "secondary",
-                    appearance: "compact",
-                    onClick: x,
-                    children: "Reset"
-                  }
-                ),
-                /* @__PURE__ */ e(l, { appearance: "compact", onClick: b, children: "Apply" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+import { t as x } from "../../../../chevron-down-DgssmYWu.js";
+import { Badge as C } from "../../../Badge/Badge.js";
+import { DateRangePicker as D } from "../../../DateRangePicker/DateRangePicker.js";
+import { filterButtonIconVariants as N, filterButtonVariants as y } from "../../Filter.variants.js";
+import { useDateRangeFilterDropdown as B } from "./DateRangeFilterDropdown.hook.js";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+var S = ({ label: i, position: n = "left", showTime: s = !1, timeFormat: d = "24", showPresets: m = !0, defaultRange: p, minDate: c, maxDate: f, countryCode: h = "US", onApply: g }) => {
+  const { appliedRange: o, isOpen: r, selectedRange: u, wrapperRef: R, handleApply: b, handleOpen: k, handleRangeChange: v, handleReset: w } = B({
+    defaultRange: p,
+    onApply: g,
+    countryCode: h
+  });
+  return /* @__PURE__ */ t("div", {
+    ref: R,
+    className: "relative",
+    children: [/* @__PURE__ */ t("button", {
+      className: a(y(), { "text-slate-700": r }),
+      onClick: k,
+      children: [
+        i,
+        o && /* @__PURE__ */ e(C, { label: o }),
+        /* @__PURE__ */ e(x, { className: a(N(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
+      ]
+    }), r && /* @__PURE__ */ t("div", {
+      className: a("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "dark:bg-metal-800", "dark:border-metal-700", {
+        "left-0": n === "left",
+        "right-0": n === "right"
+      }),
+      children: [/* @__PURE__ */ e(D, {
+        defaultRange: u,
+        showTime: s,
+        timeFormat: d,
+        showPresets: m,
+        minDate: c,
+        maxDate: f,
+        onRangeChange: v,
+        classNames: { container: "shadow-none" }
+      }), /* @__PURE__ */ t("div", {
+        className: a("flex", "justify-end", "items-center", "gap-4", "p-4", "pt-0"),
+        children: [/* @__PURE__ */ e(l, {
+          variant: "secondary",
+          appearance: "compact",
+          onClick: w,
+          children: "Reset"
+        }), /* @__PURE__ */ e(l, {
+          appearance: "compact",
+          onClick: b,
+          children: "Apply"
+        })]
+      })]
+    })]
+  });
 };
 export {
   S as DateRangeFilterDropdown

package/dist/components/Filter/components/ResetButton/ResetButton.js

@@ -1,32 +1,21 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import { Button as i } from "../../../Button/Button.js";
-import { cn as c } from "../../../../utils/index.js";
-import { resetEvent as p } from "../../events/index.js";
-const d = ({
-  disabled: e,
-  className: r,
-  onClick: t,
-  ...o
-}) => {
-  const n = m(() => {
-    p(), t?.();
-  }, [t]);
-  return /* @__PURE__ */ a(
-    i,
-    {
-      type: "button",
-      variant: "link",
-      appearance: "compact",
-      version: "alternate",
-      onClick: n,
-      disabled: e,
-      className: c("hover:no-underline", r),
-      ...o,
-      children: "Reset"
-    }
-  );
-};
+import { t as n } from "../../../../utils-DHuiYnx1.js";
+import { Button as a } from "../../../Button/Button.js";
+import { resetEvent as m } from "../../events/index.js";
+import { useCallback as i } from "react";
+import { jsx as p } from "react/jsx-runtime";
+var v = ({ disabled: r, className: e, onClick: t, ...o }) => /* @__PURE__ */ p(a, {
+  type: "button",
+  variant: "link",
+  appearance: "compact",
+  version: "alternate",
+  onClick: i(() => {
+    m(), t?.();
+  }, [t]),
+  disabled: r,
+  className: n("hover:no-underline", e),
+  ...o,
+  children: "Reset"
+});
 export {
-  d as ResetButton
+  v as ResetButton
 };