dgz-ui-shared 1.0.2 → 1.0.4

package/dist/DateRangePicker-B9lDZ2FT.cjs

@@ -0,0 +1,6 @@
+"use strict";const s=require("./jsx-runtime-DUiatUiq.cjs"),a=require("react"),m=require("./timepicker-a0cR_CqS-DbmOeTeF.cjs"),n=require("./dayjs.min-DiHYRps1.cjs"),p=require("./check-DE-1lGDl-7MQr4Ksp.cjs"),d=require("./popover-CBRr00GV-BcOs0SIq.cjs"),y=require("./utils-PffWk1Lg-Bm8mmArS.cjs"),k=require("./useTranslation-CZf20ucv.cjs"),v=require("./createLucideIcon-BnAj0RnC.cjs");/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const E=[["path",{d:"M11 14h1v4",key:"fy54vd"}],["path",{d:"M16 2v4",key:"4m81vk"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"M8 2v4",key:"1cmpym"}],["rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",key:"12vinp"}]],O=v.createLucideIcon("calendar-1",E),q=({className:j,format:i=m.to,selected:x,timezone:u,onRangeSelected:b=()=>{},placeholder:D})=>{const{t:o}=k.useTranslation(),[R,f]=a.useState(!1),[t,c]=a.useState();a.useEffect(()=>{c(x)},[x]);const g=a.useMemo(()=>{const e=n.dayjs().endOf("day");return[{from:e.startOf("week").toDate(),to:e.endOf("week").toDate(),label:o("This week")},{from:e.startOf("month").toDate(),to:e.endOf("month").toDate(),label:o("This month")},{from:e.startOf("year").toDate(),to:e.endOf("year").toDate(),label:o("This year")},{from:e.subtract(7,"day").startOf("day").toDate(),to:e.toDate(),label:o("Last 7 days")},{from:e.subtract(30,"day").startOf("day").toDate(),to:e.toDate(),label:o("Last 30 days")},{from:e.subtract(3,"month").startOf("day").toDate(),to:e.toDate(),label:o("Last 3 months")},{from:e.subtract(6,"month").startOf("day").toDate(),to:e.toDate(),label:o("Last 6 months")},{from:e.subtract(12,"month").startOf("day").toDate(),to:e.toDate(),label:o("Last 12 months")}]},[o]),h=e=>{const{from:r,to:l}=e;c({from:r,to:l}),r&&l&&(b({from:r,to:l}),f(!1))};return s.jsxRuntimeExports.jsx("div",{className:y.vr("grid gap-2",j),children:s.jsxRuntimeExports.jsxs(d.Ae,{open:R,onOpenChange:f,children:[s.jsxRuntimeExports.jsx(d.Oe,{asChild:!0,children:s.jsxRuntimeExports.jsxs(p.u,{id:"date",size:"sm",variant:"secondary",className:y.vr("min-w-[170px] text-body-xs-regular justify-between",!t&&"text-primary"),children:[t!=null&&t.from?t.to?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[n.dayjs(t.from).format(i)," -"," ",n.dayjs(t.to).format(i)]}):n.dayjs(t.from).format(i):s.jsxRuntimeExports.jsx("span",{className:"text-secondary",children:D}),s.jsxRuntimeExports.jsx(O,{className:"text-secondary"})]})}),s.jsxRuntimeExports.jsxs(d.ue,{className:"w-auto p-0 flex",align:"end",side:"bottom",children:[s.jsxRuntimeExports.jsx("div",{className:"space-y-1 flex flex-col p-2 border-e border-border-alpha-light",children:g.map((e,r)=>s.jsxRuntimeExports.jsx(p.u,{size:"xs",variant:"ghost",className:"justify-start",onClick:()=>h(e),children:e.label},r))}),s.jsxRuntimeExports.jsx(m.Gs,{className:"border-e border-border-alpha-light",mode:"single",endMonth:t==null?void 0:t.to,selected:t==null?void 0:t.from,selectedToDate:t==null?void 0:t.to,selectedFromDate:t==null?void 0:t.from,timeZone:u,disabled:t!=null&&t.to?{after:t.to}:void 0,onSelect:e=>{c({...t,from:e})}}),s.jsxRuntimeExports.jsx(m.Gs,{mode:"single",startMonth:t==null?void 0:t.from,selected:t==null?void 0:t.to,timeZone:u,disabled:t!=null&&t.from?{before:t.from}:void 0,selectedToDate:t==null?void 0:t.to,selectedFromDate:t==null?void 0:t.from,onSelect:e=>{t&&h({...t,to:e})}})]})]})})};exports.DateRangePicker=q;

package/dist/DateRangePicker-CfMYCBMq.js

@@ -0,0 +1,163 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import { useState as h, useEffect as g, useMemo as v } from "react";
+import { t as k, G as y } from "./timepicker-a0cR_CqS-BrgmF8fg.js";
+import { d as r } from "./dayjs.min-C0f7f7oH.js";
+import { u as p } from "./check-DE-1lGDl-CAn2HBZJ.js";
+import { A as N, O as w, u as M } from "./popover-CBRr00GV-h-gcn9d-.js";
+import { v as x } from "./utils-PffWk1Lg-CZY16h3s.js";
+import { u as L } from "./useTranslation-dH-uwymc.js";
+import { c as T } from "./createLucideIcon-B950nf2d.js";
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const C = [
+  ["path", { d: "M11 14h1v4", key: "fy54vd" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", key: "12vinp" }]
+], S = T("calendar-1", C), P = ({
+  className: b,
+  format: n = k,
+  selected: c,
+  timezone: i,
+  onRangeSelected: D = () => {
+  },
+  placeholder: u
+}) => {
+  const { t: s } = L(), [j, f] = h(!1), [t, m] = h();
+  g(() => {
+    m(c);
+  }, [c]);
+  const O = v(() => {
+    const e = r().endOf("day");
+    return [
+      {
+        from: e.startOf("week").toDate(),
+        to: e.endOf("week").toDate(),
+        label: s("This week")
+      },
+      {
+        from: e.startOf("month").toDate(),
+        to: e.endOf("month").toDate(),
+        label: s("This month")
+      },
+      {
+        from: e.startOf("year").toDate(),
+        to: e.endOf("year").toDate(),
+        label: s("This year")
+      },
+      {
+        from: e.subtract(7, "day").startOf("day").toDate(),
+        to: e.toDate(),
+        label: s("Last 7 days")
+      },
+      {
+        from: e.subtract(30, "day").startOf("day").toDate(),
+        to: e.toDate(),
+        label: s("Last 30 days")
+      },
+      {
+        from: e.subtract(3, "month").startOf("day").toDate(),
+        to: e.toDate(),
+        label: s("Last 3 months")
+      },
+      {
+        from: e.subtract(6, "month").startOf("day").toDate(),
+        to: e.toDate(),
+        label: s("Last 6 months")
+      },
+      {
+        from: e.subtract(12, "month").startOf("day").toDate(),
+        to: e.toDate(),
+        label: s("Last 12 months")
+      }
+    ];
+  }, [s]), d = (e) => {
+    const { from: a, to: l } = e;
+    m({ from: a, to: l }), a && l && (D({ from: a, to: l }), f(!1));
+  };
+  return /* @__PURE__ */ o.jsx("div", { className: x("grid gap-2", b), children: /* @__PURE__ */ o.jsxs(N, { open: j, onOpenChange: f, children: [
+    /* @__PURE__ */ o.jsx(w, { asChild: !0, children: /* @__PURE__ */ o.jsxs(
+      p,
+      {
+        id: "date",
+        size: "sm",
+        variant: "secondary",
+        className: x(
+          "min-w-[170px] text-body-xs-regular justify-between",
+          !t && "text-primary"
+        ),
+        children: [
+          t != null && t.from ? t.to ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            r(t.from).format(n),
+            " -",
+            " ",
+            r(t.to).format(n)
+          ] }) : r(t.from).format(n) : /* @__PURE__ */ o.jsx("span", { className: "text-secondary", children: u }),
+          /* @__PURE__ */ o.jsx(S, { className: "text-secondary" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ o.jsxs(M, { className: "w-auto p-0 flex", align: "end", side: "bottom", children: [
+      /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          className: "space-y-1 flex flex-col p-2 border-e border-border-alpha-light",
+          children: O.map((e, a) => /* @__PURE__ */ o.jsx(
+            p,
+            {
+              size: "xs",
+              variant: "ghost",
+              className: "justify-start",
+              onClick: () => d(e),
+              children: e.label
+            },
+            a
+          ))
+        }
+      ),
+      /* @__PURE__ */ o.jsx(
+        y,
+        {
+          className: "border-e border-border-alpha-light",
+          mode: "single",
+          endMonth: t == null ? void 0 : t.to,
+          selected: t == null ? void 0 : t.from,
+          selectedToDate: t == null ? void 0 : t.to,
+          selectedFromDate: t == null ? void 0 : t.from,
+          timeZone: i,
+          disabled: t != null && t.to ? {
+            after: t.to
+          } : void 0,
+          onSelect: (e) => {
+            m({ ...t, from: e });
+          }
+        }
+      ),
+      /* @__PURE__ */ o.jsx(
+        y,
+        {
+          mode: "single",
+          startMonth: t == null ? void 0 : t.from,
+          selected: t == null ? void 0 : t.to,
+          timeZone: i,
+          disabled: t != null && t.from ? {
+            before: t.from
+          } : void 0,
+          selectedToDate: t == null ? void 0 : t.to,
+          selectedFromDate: t == null ? void 0 : t.from,
+          onSelect: (e) => {
+            t && d({ ...t, to: e });
+          }
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  P as D
+};

package/dist/FilterWrapper-B1-45FgA.js

@@ -0,0 +1,178 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import { y as $, a as A, N as C, b as O } from "./MyInput-BQjLUH2I.js";
+import { u as r } from "./check-DE-1lGDl-CAn2HBZJ.js";
+import { u as k } from "./useTranslation-dH-uwymc.js";
+import { c } from "./createLucideIcon-B950nf2d.js";
+import { memo as D, useState as y, useEffect as f, useCallback as b } from "react";
+import { A as E, O as q, u as I } from "./popover-CBRr00GV-h-gcn9d-.js";
+import { M as L } from "./MySelect-Dq2P8WPq.js";
+import { u as R } from "./useFilter-DKCjRvhK.js";
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const T = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], V = c("chevron-down", T);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const W = [
+  ["path", { d: "M10 18h4", key: "1ulq68" }],
+  ["path", { d: "M11 6H3", key: "1u26ik" }],
+  ["path", { d: "M15 6h6", key: "1jlkvy" }],
+  ["path", { d: "M18 9V3", key: "xwwp7m" }],
+  ["path", { d: "M7 12h8", key: "7a1bxv" }]
+], B = c("list-filter-plus", W);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const H = [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M7 12h10", key: "b7w52i" }],
+  ["path", { d: "M10 18h4", key: "1ulq68" }]
+], P = c("list-filter", H);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const G = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], J = c("search", G), te = ({
+  name: l = "search",
+  defaultValue: a,
+  onSearchChange: t
+}) => {
+  const { t: n } = k(), o = (i) => {
+    const d = new FormData(i.currentTarget);
+    t(d.get(l)), i.preventDefault();
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "form",
+    {
+      className: "relative min-w-40 w-full max-w-64",
+      onSubmit: o,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          $,
+          {
+            className: "rounded-lg h-8",
+            name: l,
+            placeholder: n("Search..."),
+            defaultValue: a ? `${a}` : ""
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          r,
+          {
+            type: "submit",
+            variant: "ghost",
+            className: "!bg-transparent absolute top-0 right-0 cursor-pointer rounded-md text-foreground",
+            size: "sm",
+            children: /* @__PURE__ */ e.jsx(J, {})
+          }
+        )
+      ]
+    }
+  );
+}, ne = D(function({
+  filters: a,
+  params: t,
+  onFilter: n,
+  onChange: o,
+  onCancel: i,
+  ...d
+}) {
+  const { t: m } = k(), [N, v] = y(!1), [M, h] = y(!1), { form: u } = R({ params: t }), { watch: g, getValues: w, handleSubmit: S, control: x, reset: j } = u;
+  f(() => {
+    let s = !1;
+    a.map((z) => {
+      const p = A.get(t, `${z.name}`);
+      (Array.isArray(p) ? p.length > 0 : p) && (s = !0), v(s);
+    });
+  }, [a, t]), f(() => {
+    o && o(w());
+  }, [g()]);
+  const _ = b(
+    (s = {}) => {
+      n && n(s), h(!1);
+    },
+    [n]
+  ), F = b(() => {
+    j(), n && t && n({
+      ...t,
+      ...Object.fromEntries(
+        a.map((s) => [s.name, void 0])
+      )
+    }), h(!1);
+  }, [n, j, t, a]);
+  return /* @__PURE__ */ e.jsxs(E, { open: M, onOpenChange: h, children: [
+    /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsx(
+      r,
+      {
+        asChild: !0,
+        size: "sm",
+        variant: "secondary",
+        className: "ml-auto px-3",
+        ...d,
+        children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+          N ? /* @__PURE__ */ e.jsx(B, { size: 20 }) : /* @__PURE__ */ e.jsx(P, { size: 20 }),
+          " ",
+          /* @__PURE__ */ e.jsx("span", { className: "hidden md:inline", children: m("Filter") }),
+          /* @__PURE__ */ e.jsx(V, {})
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(I, { side: "bottom", align: "end", className: "", children: /* @__PURE__ */ e.jsx(C, { ...u, children: /* @__PURE__ */ e.jsxs("form", { onSubmit: S(_), className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "h-full shrink overflow-y-auto p-1", children: a.map(
+        (s) => s.options ? /* @__PURE__ */ e.jsx(
+          L,
+          {
+            control: x,
+            name: s.name,
+            placeholder: s.placeholder,
+            isMulti: s.isMulti,
+            options: s.options,
+            label: s.label
+          },
+          s.name
+        ) : /* @__PURE__ */ e.jsx(
+          O,
+          {
+            control: x,
+            placeholder: s.placeholder,
+            name: s.name,
+            label: s.label
+          },
+          s.name
+        )
+      ) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 justify-end gap-2", children: [
+        /* @__PURE__ */ e.jsx(
+          r,
+          {
+            variant: "destructive",
+            type: "reset",
+            size: "sm",
+            onClick: F,
+            children: m("Reset")
+          }
+        ),
+        /* @__PURE__ */ e.jsx(r, { type: "submit", size: "sm", children: m("Apply") })
+      ] })
+    ] }) }) })
+  ] });
+});
+export {
+  ne as F,
+  te as S
+};

package/dist/FilterWrapper-XLIh0aTI.cjs

@@ -0,0 +1,21 @@
+"use strict";const e=require("./jsx-runtime-DUiatUiq.cjs"),a=require("./MyInput-CQFbGr2c.cjs"),i=require("./check-DE-1lGDl-7MQr4Ksp.cjs"),k=require("./useTranslation-CZf20ucv.cjs"),l=require("./createLucideIcon-BnAj0RnC.cjs"),o=require("react"),j=require("./popover-CBRr00GV-BcOs0SIq.cjs"),F=require("./MySelect-DPLKIZ6K.cjs"),I=require("./useFilter-DuWATARL.cjs");/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const _=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],C=l.createLucideIcon("chevron-down",_);/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const L=[["path",{d:"M10 18h4",key:"1ulq68"}],["path",{d:"M11 6H3",key:"1u26ik"}],["path",{d:"M15 6h6",key:"1jlkvy"}],["path",{d:"M18 9V3",key:"xwwp7m"}],["path",{d:"M7 12h8",key:"7a1bxv"}]],$=l.createLucideIcon("list-filter-plus",L);/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const z=[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M7 12h10",key:"b7w52i"}],["path",{d:"M10 18h4",key:"1ulq68"}]],D=l.createLucideIcon("list-filter",z);/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const A=[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]],O=l.createLucideIcon("search",A),T=({name:u="search",defaultValue:t,onSearchChange:n})=>{const{t:r}=k.useTranslation(),c=x=>{const p=new FormData(x.currentTarget);n(p.get(u)),x.preventDefault()};return e.jsxRuntimeExports.jsxs("form",{className:"relative min-w-40 w-full max-w-64",onSubmit:c,children:[e.jsxRuntimeExports.jsx(a.yo,{className:"rounded-lg h-8",name:u,placeholder:r("Search..."),defaultValue:t?`${t}`:""}),e.jsxRuntimeExports.jsx(i.u,{type:"submit",variant:"ghost",className:"!bg-transparent absolute top-0 right-0 cursor-pointer rounded-md text-foreground",size:"sm",children:e.jsxRuntimeExports.jsx(O,{})})]})},V=o.memo(function({filters:t,params:n,onFilter:r,onChange:c,onCancel:x,...p}){const{t:d}=k.useTranslation(),[b,f]=o.useState(!1),[v,m]=o.useState(!1),{form:y}=I.useFilter({params:n}),{watch:N,getValues:M,handleSubmit:g,control:E,reset:R}=y;o.useEffect(()=>{let s=!1;t.map(S=>{const h=a.lodashExports.get(n,`${S.name}`);(Array.isArray(h)?h.length>0:h)&&(s=!0),f(s)})},[t,n]),o.useEffect(()=>{c&&c(M())},[N()]);const q=o.useCallback((s={})=>{r&&r(s),m(!1)},[r]),w=o.useCallback(()=>{R(),r&&n&&r({...n,...Object.fromEntries(t.map(s=>[s.name,void 0]))}),m(!1)},[r,R,n,t]);return e.jsxRuntimeExports.jsxs(j.Ae,{open:v,onOpenChange:m,children:[e.jsxRuntimeExports.jsx(j.Oe,{children:e.jsxRuntimeExports.jsx(i.u,{asChild:!0,size:"sm",variant:"secondary",className:"ml-auto px-3",...p,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[b?e.jsxRuntimeExports.jsx($,{size:20}):e.jsxRuntimeExports.jsx(D,{size:20})," ",e.jsxRuntimeExports.jsx("span",{className:"hidden md:inline",children:d("Filter")}),e.jsxRuntimeExports.jsx(C,{})]})})}),e.jsxRuntimeExports.jsx(j.ue,{side:"bottom",align:"end",className:"",children:e.jsxRuntimeExports.jsx(a.Nf,{...y,children:e.jsxRuntimeExports.jsxs("form",{onSubmit:g(q),className:"space-y-2",children:[e.jsxRuntimeExports.jsx("div",{className:"h-full shrink overflow-y-auto p-1",children:t.map(s=>s.options?e.jsxRuntimeExports.jsx(F.MySelect,{control:E,name:s.name,placeholder:s.placeholder,isMulti:s.isMulti,options:s.options,label:s.label},s.name):e.jsxRuntimeExports.jsx(a.MyInput,{control:E,placeholder:s.placeholder,name:s.name,label:s.label},s.name))}),e.jsxRuntimeExports.jsxs("div",{className:"flex shrink-0 justify-end gap-2",children:[e.jsxRuntimeExports.jsx(i.u,{variant:"destructive",type:"reset",size:"sm",onClick:w,children:d("Reset")}),e.jsxRuntimeExports.jsx(i.u,{type:"submit",size:"sm",children:d("Apply")})]})]})})})]})});exports.FilterWrapper=V;exports.Search=T;