1mpacto-react-ui 2.0.20 → 2.0.22

package/dist/components/DatePicker/FilterDate.mjs

@@ -1,33 +1,33 @@
-import { jsxs as h, Fragment as H, jsx as s } from "react/jsx-runtime";
-import i, { isValidElement as _ } from "react";
-import v from "./DateRangePicker.mjs";
-import ee from "../Popover/Popover.mjs";
-import k from "../Calendar/style.module.scss.mjs";
-import { formatDate as w } from "../../utils/common.mjs";
-import te from "../Button/Button.mjs";
-const De = ({
-  value: r,
-  prevIcon: N,
-  nextIcon: R,
-  buttonReset: g,
-  buttonSubmit: W,
-  className: j,
-  classNameButton: B,
-  buttonClick: c,
-  buttonList: p,
-  typePicker: E = "RANGE",
-  onChange: K,
-  idPopover: P = "filter-date-popover",
-  id: $ = "filter-date",
-  floatingOptions: O = {},
-  offsetPopover: z = 5,
-  zIndexPopper: V = 0,
-  defaultValueLabel: D,
-  isCustomTime: A = !1,
-  mountedExecuteChange: G = !0,
-  formatingDate: l
+import { jsxs as m, Fragment as T, jsx as s } from "react/jsx-runtime";
+import o, { isValidElement as X } from "react";
+import Z from "./DateRangePicker.mjs";
+import _ from "../Popover/Popover.mjs";
+import h from "../Calendar/style.module.scss.mjs";
+import { formatDate as k } from "../../utils/common.mjs";
+import ee from "../Button/Button.mjs";
+const le = ({
+  value: n,
+  prevIcon: x,
+  nextIcon: H,
+  buttonReset: w,
+  buttonSubmit: N,
+  className: R,
+  classNameButton: W,
+  buttonClick: l,
+  buttonList: g,
+  typePicker: j = "RANGE",
+  onChange: v,
+  idPopover: B = "filter-date-popover",
+  id: E = "filter-date",
+  floatingOptions: P = {},
+  offsetPopover: $ = 5,
+  zIndexPopper: O = 0,
+  defaultValueLabel: c,
+  isCustomTime: z = !1,
+  mountedExecuteChange: V = !0,
+  formatingDate: D
 }) => {
-  const S = [
+  const p = [
     { key: "thisDay", value: "Hari ini" },
     { key: "thisWeek", value: "Minggu ini" },
     { key: "thisMonth", value: "Bulan ini" },
@@ -37,16 +37,16 @@ const De = ({
     { key: "lastMonth", value: "Bulan lalu" },
     { key: "lastYear", value: "Tahun lalu" },
     { key: "custom", value: "Kustom" }
-  ], b = i.useRef(null), [n, M] = i.useState(), [I, o] = i.useState(), [Y, T] = i.useState(), d = (e, t) => {
+  ], S = o.useRef(null), [b, M] = o.useState(), [A, r] = o.useState(), [Y, F] = o.useState(), d = (e, t) => {
     const a = new Date(e ?? /* @__PURE__ */ new Date());
     return t === "start" ? new Date(a.setHours(0, 0, 0)) : new Date(a.setHours(23, 59, 59));
-  }, J = () => {
+  }, G = () => {
     const e = /* @__PURE__ */ new Date();
     return {
       startDate: e,
       endDate: e
     };
-  }, q = () => {
+  }, I = () => {
     const e = /* @__PURE__ */ new Date();
     e.setDate(e.getDate() - e.getDay());
     const t = /* @__PURE__ */ new Date();
@@ -54,25 +54,25 @@ const De = ({
       startDate: e,
       endDate: t
     };
-  }, C = () => {
+  }, J = () => {
     const e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth(), 1), a = new Date(e.getFullYear(), e.getMonth() + 1, 0);
     return {
       startDate: t,
       endDate: a
     };
-  }, L = () => {
+  }, q = () => {
     const e = new Date((/* @__PURE__ */ new Date()).getFullYear(), 0, 1), t = new Date((/* @__PURE__ */ new Date()).getFullYear(), 11, 31);
     return {
       startDate: e,
       endDate: t
     };
-  }, Q = () => {
+  }, C = () => {
     const e = new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() - 1));
     return {
       startDate: e,
       endDate: e
     };
-  }, U = () => {
+  }, L = () => {
     const e = /* @__PURE__ */ new Date();
     e.setDate(e.getDate() - (7 + e.getDay()));
     const t = /* @__PURE__ */ new Date();
@@ -80,161 +80,158 @@ const De = ({
       startDate: e,
       endDate: t
     };
-  }, X = () => {
+  }, Q = () => {
     const e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth() - 1, 1), a = new Date(e.getFullYear(), e.getMonth(), 0);
     return {
       startDate: t,
       endDate: a
     };
-  }, Z = () => {
+  }, U = () => {
     const e = new Date((/* @__PURE__ */ new Date()).getFullYear() - 1, 0, 1), t = new Date((/* @__PURE__ */ new Date()).getFullYear() - 1, 11, 31);
     return {
       startDate: e,
       endDate: t
     };
   }, u = (e, t, a) => {
-    var m;
-    if (T(e), typeof K == "function") {
-      let F = e;
-      l === "string" && e ? F = {
-        startDate: w(e.startDate, l),
-        endDate: w(e.endDate, l)
-      } : typeof l == "boolean" && e && (F = {
-        startDate: w(e.startDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),
-        endDate: w(e.endDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx")
-      }), (m = b.current) == null || m.setShow(!1), K(F, t ?? "", a);
+    if (F(e), typeof v == "function") {
+      let i = e;
+      D === "string" && e ? i = {
+        startDate: k(e.startDate, D),
+        endDate: k(e.endDate, D)
+      } : typeof D == "boolean" && e && (i = {
+        startDate: k(e.startDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),
+        endDate: k(e.endDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx")
+      }), S.current?.setShow(!1), v(i, t ?? "", a);
     }
   }, y = (e, t) => {
     M(e);
     let a;
-    if ((e == null ? void 0 : e.key) !== "custom") {
-      switch (o(e), e == null ? void 0 : e.key) {
+    if (e?.key !== "custom") {
+      switch (r(e), e?.key) {
         case "thisDay":
-          a = J();
+          a = G();
           break;
         case "thisWeek":
-          a = q();
+          a = I();
           break;
         case "thisMonth":
-          a = C();
+          a = J();
           break;
         case "thisYear":
-          a = L();
+          a = q();
           break;
         case "yesterday":
-          a = Q();
+          a = C();
           break;
         case "lastWeek":
-          a = U();
+          a = L();
           break;
         case "lastMonth":
-          a = X();
+          a = Q();
           break;
         case "lastYear":
-          a = Z();
+          a = U();
           break;
       }
       a && t && u(
         { startDate: d(a.startDate, "start"), endDate: d(a.endDate, "end") },
-        e == null ? void 0 : e.value,
+        e?.value,
         e
       );
     }
   }, f = (e, t) => {
-    const a = (p ?? S).find((m) => m.key === e);
-    !e && !a ? (t && u(), y(void 0, t), o(void 0)) : typeof e == "object" ? (t && u(
+    const a = (g ?? p).find((i) => i.key === e);
+    !e && !a ? (t && u(), y(void 0, t), r(void 0)) : typeof e == "object" ? (t && u(
       {
         startDate: d(e.startDate, "start"),
         endDate: d(e.endDate, "end")
       },
       "Kustom",
       { key: "custom", value: "Kustom" }
-    ), y({ key: "custom", value: "Kustom" }, t), o({ key: "custom", value: "Kustom" })) : (y(a, t), o(a));
-  }, x = () => {
-    var e;
-    if (r) {
-      T(r);
-      const t = (e = p ?? S) == null ? void 0 : e.find(
-        (a) => a.key === r.label || a.value === r.label
+    ), y({ key: "custom", value: "Kustom" }, t), r({ key: "custom", value: "Kustom" })) : (y(a, t), r(a));
+  }, K = () => {
+    if (n) {
+      F(n);
+      const e = (g ?? p)?.find(
+        (t) => t.key === n.label || t.value === n.label
       );
-      Object.keys(t || {}).length > 0 && M(t);
+      Object.keys(e || {}).length > 0 && M(e);
     } else
-      M(void 0), o(void 0);
+      M(void 0), r(void 0);
   };
-  return i.useEffect(() => {
-    x();
-  }, [JSON.stringify(r)]), i.useEffect(() => {
-    f(D ?? r, G);
-  }, []), /* @__PURE__ */ h(H, { children: [
-    /* @__PURE__ */ h(
+  return o.useEffect(() => {
+    K();
+  }, [JSON.stringify(n)]), o.useEffect(() => {
+    f(c ?? n, V);
+  }, []), /* @__PURE__ */ m(T, { children: [
+    /* @__PURE__ */ m(
       "div",
       {
         onClick: (e) => {
-          var t;
-          (t = b.current) == null || t.handlerShow(e), x();
+          S.current?.handlerShow(e), K();
         },
-        className: B,
-        id: $,
+        className: W,
+        id: E,
         children: [
-          _(c) && c,
-          typeof c == "function" ? c(Y, I) : "Pilih Filter"
+          X(l) && l,
+          typeof l == "function" ? l(Y, A) : "Pilih Filter"
         ]
       }
     ),
     /* @__PURE__ */ s(
-      ee,
+      _,
       {
-        zIndex: V,
-        ref: b,
-        offset: z,
-        id: P,
-        floatingOptions: { placement: "bottom-end", ...O },
-        children: /* @__PURE__ */ h("div", { className: `${k["container-filter-date"]} ${j}`, children: [
-          /* @__PURE__ */ h("div", { children: [
-            (p ?? S).map((e, t) => /* @__PURE__ */ s(
+        zIndex: O,
+        ref: S,
+        offset: $,
+        id: B,
+        floatingOptions: { placement: "bottom-end", ...P },
+        children: /* @__PURE__ */ m("div", { className: `${h["container-filter-date"]} ${R}`, children: [
+          /* @__PURE__ */ m("div", { children: [
+            (g ?? p).map((e, t) => /* @__PURE__ */ s(
               "div",
               {
-                className: `${k["button-filter-date"]} hover:iru-bg-laba-blue-01 ${(n == null ? void 0 : n.key) === e.key ? "iru-text-laba-blue-10" : ""}`,
+                className: `${h["button-filter-date"]} hover:iru-bg-laba-blue-01 ${b?.key === e.key ? "iru-text-laba-blue-10" : ""}`,
                 onClick: () => y(e, !0),
                 children: e.value
               },
               t
             )),
-            (n == null ? void 0 : n.key) !== "custom" && /* @__PURE__ */ s(H, { children: typeof g == "function" ? /* @__PURE__ */ s(
+            b?.key !== "custom" && /* @__PURE__ */ s(T, { children: typeof w == "function" ? /* @__PURE__ */ s(
               "div",
               {
-                className: k["button-filter-date-custome"],
-                onClick: () => f(D, !0),
-                children: g()
+                className: h["button-filter-date-custome"],
+                onClick: () => f(c, !0),
+                children: w()
               }
             ) : /* @__PURE__ */ s(
-              te,
+              ee,
               {
-                className: k["button-reset-filter-date"],
+                className: h["button-reset-filter-date"],
                 variants: "nude-laba-blue-10",
                 size: "small",
-                onClick: () => f(D, !0),
+                onClick: () => f(c, !0),
                 children: "Reset"
               }
             ) })
           ] }),
-          (n == null ? void 0 : n.key) === "custom" && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            v,
+          b?.key === "custom" && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
+            Z,
             {
               defaultValue: Y,
               value: Y,
-              prevIcon: N,
-              nextIcon: R,
-              buttonReset: g,
-              buttonSubmit: W,
-              isCustomTime: A,
+              prevIcon: x,
+              nextIcon: H,
+              buttonReset: w,
+              buttonSubmit: N,
+              isCustomTime: z,
               onChange: (e) => {
-                u(e, "Kustom", { key: "custom", value: "Kustom" }), o({ key: "custom", value: "Kustom" });
+                u(e, "Kustom", { key: "custom", value: "Kustom" }), r({ key: "custom", value: "Kustom" });
               },
               onReset: () => {
-                f(D, !0);
+                f(c, !0);
               },
-              typePicker: E,
+              typePicker: j,
               withConfirm: !0
             }
           ) })
@@ -244,5 +241,5 @@ const De = ({
   ] });
 };
 export {
-  De as default
+  le as default
 };

package/dist/components/DatePicker/MonthYearPicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),k=require("react"),f=require("react-aria"),h=require("@internationalized/date"),I=require("../Popover/Popover.cjs"),R=require("../Calendar/Calendar.cjs"),s=r=>{let a;const n=new Date(r??new Date);return r&&(a=h.parseDate(new Date(n.setHours(n.getHours()+7)).toISOString().slice(0,10))),a},b=({month:r,year:a,type:n=["month","year"],activeType:p="month",minDate:i,maxDate:c,className:g,classNameButton:m,onChange:d,buttonClick:u,id:v="date-picker",idPopover:j="date-picker-popover",floatingOptions:x={},offsetPopover:P=5,zIndexPopper:S=1,hiddenHeader:q})=>{const{locale:w}=f.useLocale(),l=k.useRef(null),D=s(i),C=s(c),$=e=>{var o;typeof d=="function"&&(d({month:e.month,year:e.year}),(o=l.current)==null||o.setShow(!1))};return t.jsxs(t.Fragment,{children:[t.jsx("div",{id:v,onClick:e=>{var o;e.stopPropagation(),(o=l.current)==null||o.handlerShow(e)},className:m,children:typeof u=="function"?u({month:r,year:a}):"Pilih Tanggal"}),t.jsx("div",{className:g??"",children:t.jsx(I.default,{zIndex:S,ref:l,offset:P,id:j,floatingOptions:{placement:"bottom-end",...x},onClick:e=>e.stopPropagation(),children:t.jsx(f.I18nProvider,{locale:"id-ID",children:t.jsx(R.default,{minValue:D,maxValue:C,minDate:i,maxDate:c,activeType:n.length===1?n[0]:p,locale:w,value:s(`${a}/${r}/1`),createCalendar:h.createCalendar,defaultValue:s(`${a}/${r}/1`),onChange:$,handlerReset:()=>{},handlerSubmit:()=>{},withDateSelect:!1,type:n,hiddenHeader:q})})})})]})};exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),u=require("react-aria"),f=require("@internationalized/date"),k=require("../Popover/Popover.cjs"),I=require("../Calendar/Calendar.cjs"),o=r=>{let a;const n=new Date(r??new Date);return r&&(a=f.parseDate(new Date(n.setHours(n.getHours()+7)).toISOString().slice(0,10))),a},R=({month:r,year:a,type:n=["month","year"],activeType:h="month",minDate:l,maxDate:i,className:p,classNameButton:g,onChange:c,buttonClick:d,id:m="date-picker",idPopover:v="date-picker-popover",floatingOptions:j={},offsetPopover:x=5,zIndexPopper:P=1,hiddenHeader:S})=>{const{locale:q}=u.useLocale(),s=$.useRef(null),w=o(l),D=o(i),C=e=>{typeof c=="function"&&(c({month:e.month,year:e.year}),s.current?.setShow(!1))};return t.jsxs(t.Fragment,{children:[t.jsx("div",{id:m,onClick:e=>{e.stopPropagation(),s.current?.handlerShow(e)},className:g,children:typeof d=="function"?d({month:r,year:a}):"Pilih Tanggal"}),t.jsx("div",{className:p??"",children:t.jsx(k.default,{zIndex:P,ref:s,offset:x,id:v,floatingOptions:{placement:"bottom-end",...j},onClick:e=>e.stopPropagation(),children:t.jsx(u.I18nProvider,{locale:"id-ID",children:t.jsx(I.default,{minValue:w,maxValue:D,minDate:l,maxDate:i,activeType:n.length===1?n[0]:h,locale:q,value:o(`${a}/${r}/1`),createCalendar:f.createCalendar,defaultValue:o(`${a}/${r}/1`),onChange:C,handlerReset:()=>{},handlerSubmit:()=>{},withDateSelect:!1,type:n,hiddenHeader:S})})})})]})};exports.default=R;

package/dist/components/DatePicker/MonthYearPicker.mjs

@@ -1,77 +1,75 @@
-import { jsxs as I, Fragment as $, jsx as n } from "react/jsx-runtime";
-import R from "react";
-import { useLocale as V, I18nProvider as j } from "react-aria";
-import { createCalendar as y, parseDate as H } from "@internationalized/date";
-import N from "../Popover/Popover.mjs";
-import O from "../Calendar/Calendar.mjs";
-const i = (t) => {
+import { jsxs as C, Fragment as I, jsx as a } from "react/jsx-runtime";
+import $ from "react";
+import { useLocale as R, I18nProvider as V } from "react-aria";
+import { createCalendar as j, parseDate as y } from "@internationalized/date";
+import H from "../Popover/Popover.mjs";
+import N from "../Calendar/Calendar.mjs";
+const n = (t) => {
   let o;
   const r = new Date(t ?? /* @__PURE__ */ new Date());
-  return t && (o = H(new Date(r.setHours(r.getHours() + 7)).toISOString().slice(0, 10))), o;
-}, Y = ({
+  return t && (o = y(new Date(r.setHours(r.getHours() + 7)).toISOString().slice(0, 10))), o;
+}, M = ({
   month: t,
   year: o,
   type: r = ["month", "year"],
-  activeType: m = "month",
-  minDate: c,
-  maxDate: s,
-  className: p,
-  classNameButton: h,
-  onChange: d,
-  buttonClick: f,
-  id: u = "date-picker",
-  idPopover: g = "date-picker-popover",
-  floatingOptions: v = {},
-  offsetPopover: P = 5,
-  zIndexPopper: w = 1,
-  hiddenHeader: D
+  activeType: f = "month",
+  minDate: l,
+  maxDate: c,
+  className: m,
+  classNameButton: p,
+  onChange: s,
+  buttonClick: d,
+  id: h = "date-picker",
+  idPopover: u = "date-picker-popover",
+  floatingOptions: g = {},
+  offsetPopover: v = 5,
+  zIndexPopper: P = 1,
+  hiddenHeader: w
 }) => {
-  const { locale: S } = V(), l = R.useRef(null), k = i(c), x = i(s), C = (e) => {
-    var a;
-    typeof d == "function" && (d({ month: e.month, year: e.year }), (a = l.current) == null || a.setShow(!1));
+  const { locale: D } = R(), i = $.useRef(null), S = n(l), k = n(c), x = (e) => {
+    typeof s == "function" && (s({ month: e.month, year: e.year }), i.current?.setShow(!1));
   };
-  return /* @__PURE__ */ I($, { children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ C(I, { children: [
+    /* @__PURE__ */ a(
       "div",
       {
-        id: u,
+        id: h,
         onClick: (e) => {
-          var a;
-          e.stopPropagation(), (a = l.current) == null || a.handlerShow(e);
+          e.stopPropagation(), i.current?.handlerShow(e);
         },
-        className: h,
-        children: typeof f == "function" ? f({ month: t, year: o }) : "Pilih Tanggal"
+        className: p,
+        children: typeof d == "function" ? d({ month: t, year: o }) : "Pilih Tanggal"
       }
     ),
-    /* @__PURE__ */ n("div", { className: p ?? "", children: /* @__PURE__ */ n(
-      N,
+    /* @__PURE__ */ a("div", { className: m ?? "", children: /* @__PURE__ */ a(
+      H,
       {
-        zIndex: w,
-        ref: l,
-        offset: P,
-        id: g,
-        floatingOptions: { placement: "bottom-end", ...v },
+        zIndex: P,
+        ref: i,
+        offset: v,
+        id: u,
+        floatingOptions: { placement: "bottom-end", ...g },
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ n(j, { locale: "id-ID", children: /* @__PURE__ */ n(
-          O,
+        children: /* @__PURE__ */ a(V, { locale: "id-ID", children: /* @__PURE__ */ a(
+          N,
           {
-            minValue: k,
-            maxValue: x,
-            minDate: c,
-            maxDate: s,
-            activeType: r.length === 1 ? r[0] : m,
-            locale: S,
-            value: i(`${o}/${t}/1`),
-            createCalendar: y,
-            defaultValue: i(`${o}/${t}/1`),
-            onChange: C,
+            minValue: S,
+            maxValue: k,
+            minDate: l,
+            maxDate: c,
+            activeType: r.length === 1 ? r[0] : f,
+            locale: D,
+            value: n(`${o}/${t}/1`),
+            createCalendar: j,
+            defaultValue: n(`${o}/${t}/1`),
+            onChange: x,
             handlerReset: () => {
             },
             handlerSubmit: () => {
             },
             withDateSelect: !1,
             type: r,
-            hiddenHeader: D
+            hiddenHeader: w
           }
         ) })
       }
@@ -79,5 +77,5 @@ const i = (t) => {
   ] });
 };
 export {
-  Y as default
+  M as default
 };

package/dist/components/FilterContainer/FilterContainer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react/jsx-runtime"),p=require("react"),m=require("../../utils/common.cjs"),b=require("../../hooks/useDeepCompareEffect.cjs"),V=(i,f,l)=>{if((f==null?void 0:f.length)>0){const r={};return f.forEach(e=>{i[e]&&(r[e]=i[e]),l&&i[`${l}${e}`]&&(r[`${l}${e}`]=i[`${l}${e}`])}),r}return i},A=p.forwardRef((i,f)=>{const{children:l,onChange:r,prefixNativeValue:e="",defaultNativeValue:C,defaultValue:O,mountedExecuteChange:N=!0,keepKeys:g=[],resetPagination:P=!0,keyPageNumber:q="pageNumber",triggerReset:z={},reset:$}=i,y=P?{[q]:1}:{},[s,d]=p.useState(V(O??{},g,"")),[u,h]=p.useState(m.sanitizeObjectKeyPrefix(e,V(C??{},g,e))),[S,F]=p.useState(!1),x=(t,a)=>{const c={};return Object.keys(a).forEach(o=>{c[`${t}${o}`]=a[o]}),c},D=(t,a,c,o)=>{let n=t;const R=x(e,{[a]:t});Array.isArray(t)&&(c==="array-of-object-to-array"?n=m.transformArrayOfObjectToArray(t,o):c==="array-of-object-to-string"?n=m.transformArrayOfObjectToString(t,o):c==="array-to-string"&&(n=n.toString())),typeof r=="function"&&r({...s,[a]:n,...y},{...u,...R}),d(j=>({...j,[a]:n})),h(j=>({...j,...R}))},E=(t,a)=>{const o=x(e,{...a??t});typeof r=="function"&&r({...s,...t,...y},{...u,...o}),d(n=>({...n,...t})),h(n=>({...n,...o}))};return b.useDeepCompareEffect(()=>{!S&&typeof r=="function"&&N&&(r(s,u),F(!0))},[s,u,S,N]),b.useDeepCompareEffect(()=>{$&&(h(m.sanitizeObjectKeyPrefix(e,V(C??{},g,e))),d(V(O??{},g,"")))},[$,z]),p.useImperativeHandle(f,()=>({nativeValue:u,value:s,handlerOnChange:D,handlerOnChangeNative:E}),[b.useDeepCompareMemoize(s),b.useDeepCompareMemoize(u)]),v.jsx(v.Fragment,{children:l({handlerOnChange:D,handlerOnChangeNative:E,value:s,nativeValue:u})})});A.displayName="FilterContainer";exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react/jsx-runtime"),l=require("react"),m=require("../../utils/common.cjs"),b=require("../../hooks/useDeepCompareEffect.cjs"),V=(i,p,f)=>{if(p?.length>0){const r={};return p.forEach(e=>{i[e]&&(r[e]=i[e]),f&&i[`${f}${e}`]&&(r[`${f}${e}`]=i[`${f}${e}`])}),r}return i},A=l.forwardRef((i,p)=>{const{children:f,onChange:r,prefixNativeValue:e="",defaultNativeValue:y,defaultValue:C,mountedExecuteChange:O=!0,keepKeys:g=[],resetPagination:P=!0,keyPageNumber:q="pageNumber",triggerReset:z={},reset:N}=i,$=P?{[q]:1}:{},[s,d]=l.useState(V(C??{},g,"")),[u,h]=l.useState(m.sanitizeObjectKeyPrefix(e,V(y??{},g,e))),[S,F]=l.useState(!1),x=(t,a)=>{const c={};return Object.keys(a).forEach(o=>{c[`${t}${o}`]=a[o]}),c},D=(t,a,c,o)=>{let n=t;const R=x(e,{[a]:t});Array.isArray(t)&&(c==="array-of-object-to-array"?n=m.transformArrayOfObjectToArray(t,o):c==="array-of-object-to-string"?n=m.transformArrayOfObjectToString(t,o):c==="array-to-string"&&(n=n.toString())),typeof r=="function"&&r({...s,[a]:n,...$},{...u,...R}),d(j=>({...j,[a]:n})),h(j=>({...j,...R}))},E=(t,a)=>{const o=x(e,{...a??t});typeof r=="function"&&r({...s,...t,...$},{...u,...o}),d(n=>({...n,...t})),h(n=>({...n,...o}))};return b.useDeepCompareEffect(()=>{!S&&typeof r=="function"&&O&&(r(s,u),F(!0))},[s,u,S,O]),b.useDeepCompareEffect(()=>{N&&(h(m.sanitizeObjectKeyPrefix(e,V(y??{},g,e))),d(V(C??{},g,"")))},[N,z]),l.useImperativeHandle(p,()=>({nativeValue:u,value:s,handlerOnChange:D,handlerOnChangeNative:E}),[b.useDeepCompareMemoize(s),b.useDeepCompareMemoize(u)]),v.jsx(v.Fragment,{children:f({handlerOnChange:D,handlerOnChangeNative:E,value:s,nativeValue:u})})});A.displayName="FilterContainer";exports.default=A;

package/dist/components/FilterContainer/FilterContainer.mjs

@@ -1,57 +1,57 @@
 import { jsx as w, Fragment as z } from "react/jsx-runtime";
-import p from "react";
+import l from "react";
 import { sanitizeObjectKeyPrefix as S, transformArrayOfObjectToArray as H, transformArrayOfObjectToString as I } from "../../utils/common.mjs";
 import { useDeepCompareEffect as E, useDeepCompareMemoize as F } from "../../hooks/useDeepCompareEffect.mjs";
-const g = (i, c, l) => {
-  if ((c == null ? void 0 : c.length) > 0) {
+const g = (i, p, c) => {
+  if (p?.length > 0) {
     const r = {};
-    return c.forEach((e) => {
-      i[e] && (r[e] = i[e]), l && i[`${l}${e}`] && (r[`${l}${e}`] = i[`${l}${e}`]);
+    return p.forEach((e) => {
+      i[e] && (r[e] = i[e]), c && i[`${c}${e}`] && (r[`${c}${e}`] = i[`${c}${e}`]);
     }), r;
   }
   return i;
-}, M = p.forwardRef((i, c) => {
+}, M = l.forwardRef((i, p) => {
   const {
-    children: l,
+    children: c,
     onChange: r,
     prefixNativeValue: e = "",
-    defaultNativeValue: O,
-    defaultValue: d,
-    mountedExecuteChange: j = !0,
+    defaultNativeValue: y,
+    defaultValue: O,
+    mountedExecuteChange: d = !0,
     keepKeys: m = [],
     resetPagination: v = !0,
     keyPageNumber: D = "pageNumber",
     triggerReset: K = {},
-    reset: C
-  } = i, N = v ? { [D]: 1 } : {}, [s, V] = p.useState(g(d ?? {}, m, "")), [f, h] = p.useState(
-    S(e, g(O ?? {}, m, e))
-  ), [$, P] = p.useState(!1), x = (t, a) => {
+    reset: j
+  } = i, C = v ? { [D]: 1 } : {}, [s, V] = l.useState(g(O ?? {}, m, "")), [f, h] = l.useState(
+    S(e, g(y ?? {}, m, e))
+  ), [N, P] = l.useState(!1), $ = (t, a) => {
     const u = {};
     return Object.keys(a).forEach((o) => {
       u[`${t}${o}`] = a[o];
     }), u;
-  }, y = (t, a, u, o) => {
+  }, x = (t, a, u, o) => {
     let n = t;
-    const R = x(e, { [a]: t });
-    Array.isArray(t) && (u === "array-of-object-to-array" ? n = H(t, o) : u === "array-of-object-to-string" ? n = I(t, o) : u === "array-to-string" && (n = n.toString())), typeof r == "function" && r({ ...s, [a]: n, ...N }, { ...f, ...R }), V((b) => ({ ...b, [a]: n })), h((b) => ({ ...b, ...R }));
+    const R = $(e, { [a]: t });
+    Array.isArray(t) && (u === "array-of-object-to-array" ? n = H(t, o) : u === "array-of-object-to-string" ? n = I(t, o) : u === "array-to-string" && (n = n.toString())), typeof r == "function" && r({ ...s, [a]: n, ...C }, { ...f, ...R }), V((b) => ({ ...b, [a]: n })), h((b) => ({ ...b, ...R }));
   }, A = (t, a) => {
-    const o = x(e, { ...a ?? t });
-    typeof r == "function" && r({ ...s, ...t, ...N }, { ...f, ...o }), V((n) => ({ ...n, ...t })), h((n) => ({ ...n, ...o }));
+    const o = $(e, { ...a ?? t });
+    typeof r == "function" && r({ ...s, ...t, ...C }, { ...f, ...o }), V((n) => ({ ...n, ...t })), h((n) => ({ ...n, ...o }));
   };
   return E(() => {
-    !$ && typeof r == "function" && j && (r(s, f), P(!0));
-  }, [s, f, $, j]), E(() => {
-    C && (h(
+    !N && typeof r == "function" && d && (r(s, f), P(!0));
+  }, [s, f, N, d]), E(() => {
+    j && (h(
       S(
         e,
-        g(O ?? {}, m, e)
+        g(y ?? {}, m, e)
       )
-    ), V(g(d ?? {}, m, "")));
-  }, [C, K]), p.useImperativeHandle(c, () => ({ nativeValue: f, value: s, handlerOnChange: y, handlerOnChangeNative: A }), [
+    ), V(g(O ?? {}, m, "")));
+  }, [j, K]), l.useImperativeHandle(p, () => ({ nativeValue: f, value: s, handlerOnChange: x, handlerOnChangeNative: A }), [
     F(s),
     F(f)
-  ]), /* @__PURE__ */ w(z, { children: l({
-    handlerOnChange: y,
+  ]), /* @__PURE__ */ w(z, { children: c({
+    handlerOnChange: x,
     handlerOnChangeNative: A,
     value: s,
     nativeValue: f

package/dist/components/Input/InputFloatingInner.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),e=require("./InputFloatingInner.module.scss.cjs"),y=require("./InputFloatingInner.config.cjs"),d=s.forwardRef((u,f)=>{var c;const{isRequired:m,classNameContainer:p,classNameLabelError:I,classNameLabel:N,className:$,name:i,id:r,label:b,type:g="text",startIcon:n,endIcon:a,error:l,sizeInput:x="large",...o}=u,h=()=>typeof n=="function"||s.isValidElement(n),j=()=>typeof a=="function"||s.isValidElement(a);return t.jsxs("div",{className:`${e.default.container} ${(c=y.configInputFloatingInner.size)==null?void 0:c[x]} ${p??""}`,children:[t.jsxs("div",{className:e.default["container-input"],children:[t.jsx("input",{id:r??i,className:`${e.default.input} ${l?e.default.error:""} 
-          ${h()?e.default["isset-left-icon"]:""} 
-          ${j()?e.default["isset-right-icon"]:""} 
-        ${$??""}`,ref:f,type:g,...o}),t.jsxs("div",{className:e.default["start-icon"],children:[typeof n=="function"&&n(),s.isValidElement(n)&&n]}),t.jsxs("label",{className:`${e.default.label} ${N??""}`,htmlFor:r??i,children:[b," ",m&&t.jsx("span",{className:"iru-text-laba-red-08",children:"*"})]}),t.jsxs("div",{className:e.default["end-icon"],children:[typeof a=="function"&&a(),s.isValidElement(a)&&a]})]}),l&&t.jsx("label",{className:`${e.default["label-error"]} 
-          ${o.disabled?e.default.disabled:""} ${I??""}`,children:l})]})});d.displayName="InputFloatingInner";exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),e=require("./InputFloatingInner.module.scss.cjs"),j=require("./InputFloatingInner.config.cjs"),c=s.forwardRef((d,u)=>{const{isRequired:f,classNameContainer:m,classNameLabelError:p,classNameLabel:I,className:N,name:i,id:r,label:$,type:b="text",startIcon:n,endIcon:a,error:l,sizeInput:g="large",...o}=d,x=()=>typeof n=="function"||s.isValidElement(n),h=()=>typeof a=="function"||s.isValidElement(a);return t.jsxs("div",{className:`${e.default.container} ${j.configInputFloatingInner.size?.[g]} ${m??""}`,children:[t.jsxs("div",{className:e.default["container-input"],children:[t.jsx("input",{id:r??i,className:`${e.default.input} ${l?e.default.error:""} 
+          ${x()?e.default["isset-left-icon"]:""} 
+          ${h()?e.default["isset-right-icon"]:""} 
+        ${N??""}`,ref:u,type:b,...o}),t.jsxs("div",{className:e.default["start-icon"],children:[typeof n=="function"&&n(),s.isValidElement(n)&&n]}),t.jsxs("label",{className:`${e.default.label} ${I??""}`,htmlFor:r??i,children:[$," ",f&&t.jsx("span",{className:"iru-text-laba-red-08",children:"*"})]}),t.jsxs("div",{className:e.default["end-icon"],children:[typeof a=="function"&&a(),s.isValidElement(a)&&a]})]}),l&&t.jsx("label",{className:`${e.default["label-error"]} 
+          ${o.disabled?e.default.disabled:""} ${p??""}`,children:l})]})});c.displayName="InputFloatingInner";exports.default=c;