1mpacto-react-ui 2.0.19 → 2.0.21

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;

package/dist/components/Input/InputFloatingInner.mjs

@@ -1,37 +1,36 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { forwardRef as v, isValidElement as s } from "react";
+import { forwardRef as x, isValidElement as s } from "react";
 import e from "./InputFloatingInner.module.scss.mjs";
-import { configInputFloatingInner as F } from "./InputFloatingInner.config.mjs";
-const E = v((m, p) => {
-  var d;
+import { configInputFloatingInner as v } from "./InputFloatingInner.config.mjs";
+const F = x((d, m) => {
   const {
-    isRequired: f,
-    classNameContainer: u,
-    classNameLabelError: N,
-    classNameLabel: $,
-    className: I,
+    isRequired: p,
+    classNameContainer: f,
+    classNameLabelError: u,
+    classNameLabel: N,
+    className: $,
     name: l,
     id: o,
-    label: b,
-    type: h = "text",
+    label: I,
+    type: b = "text",
     startIcon: n,
     endIcon: a,
     error: i,
-    sizeInput: y = "large",
+    sizeInput: h = "large",
     ...c
-  } = m, g = () => typeof n == "function" || s(n), x = () => typeof a == "function" || s(a);
-  return /* @__PURE__ */ t("div", { className: `${e.container} ${(d = F.size) == null ? void 0 : d[y]} ${u ?? ""}`, children: [
+  } = d, y = () => typeof n == "function" || s(n), g = () => typeof a == "function" || s(a);
+  return /* @__PURE__ */ t("div", { className: `${e.container} ${v.size?.[h]} ${f ?? ""}`, children: [
     /* @__PURE__ */ t("div", { className: e["container-input"], children: [
       /* @__PURE__ */ r(
         "input",
         {
           id: o ?? l,
           className: `${e.input} ${i ? e.error : ""} 
-          ${g() ? e["isset-left-icon"] : ""} 
-          ${x() ? e["isset-right-icon"] : ""} 
-        ${I ?? ""}`,
-          ref: p,
-          type: h,
+          ${y() ? e["isset-left-icon"] : ""} 
+          ${g() ? e["isset-right-icon"] : ""} 
+        ${$ ?? ""}`,
+          ref: m,
+          type: b,
           ...c
         }
       ),
@@ -39,10 +38,10 @@ const E = v((m, p) => {
         typeof n == "function" && n(),
         s(n) && n
       ] }),
-      /* @__PURE__ */ t("label", { className: `${e.label} ${$ ?? ""}`, htmlFor: o ?? l, children: [
-        b,
+      /* @__PURE__ */ t("label", { className: `${e.label} ${N ?? ""}`, htmlFor: o ?? l, children: [
+        I,
         " ",
-        f && /* @__PURE__ */ r("span", { className: "iru-text-laba-red-08", children: "*" })
+        p && /* @__PURE__ */ r("span", { className: "iru-text-laba-red-08", children: "*" })
       ] }),
       /* @__PURE__ */ t("div", { className: e["end-icon"], children: [
         typeof a == "function" && a(),
@@ -53,13 +52,13 @@ const E = v((m, p) => {
       "label",
       {
         className: `${e["label-error"]} 
-          ${c.disabled ? e.disabled : ""} ${N ?? ""}`,
+          ${c.disabled ? e.disabled : ""} ${u ?? ""}`,
         children: i
       }
     )
   ] });
 });
-E.displayName = "InputFloatingInner";
+F.displayName = "InputFloatingInner";
 export {
-  E as default
+  F as default
 };

package/dist/components/NumberFormat/NumberFormat.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),n=require("react-number-format"),a=require("../../config/bigNumber/index.cjs"),s=require("../../utils/common.cjs"),d=({max:r,min:u,selectedText:l="Rp0",onChange:e,onFocusInput:o,...c})=>f.jsx(n.NumericFormat,{isAllowed:t=>r!==void 0&&s.isAccurateBigNumber(r)&&a.BigNumber(t.value).isGreaterThan(r)?(typeof e=="function"&&e({target:{value:a.BigNumber(r).toString()}}),!1):u!==void 0&&s.isAccurateBigNumber(u)&&a.BigNumber(t.value).isLessThan(u)?(typeof e=="function"&&e({target:{value:a.BigNumber(u).toString()}}),!1):!0,onValueChange:(t,{source:i})=>{typeof e=="function"&&i.includes("event")&&e({target:{value:t.value}})},decimalSeparator:",",thousandSeparator:".",decimalScale:2,valueIsNumericString:!0,thousandsGroupStyle:"thousand",onFocus:t=>{var i;((i=t==null?void 0:t.target)==null?void 0:i.value)===l&&(typeof o=="function"?o(""):typeof e=="function"&&e({target:{value:""}}))},...c});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),n=require("react-number-format"),i=require("../../config/bigNumber/index.cjs"),o=require("../../utils/common.cjs"),d=({max:r,min:u,selectedText:s="Rp0",onChange:e,onFocusInput:a,...l})=>f.jsx(n.NumericFormat,{isAllowed:t=>r!==void 0&&o.isAccurateBigNumber(r)&&i.BigNumber(t.value).isGreaterThan(r)?(typeof e=="function"&&e({target:{value:i.BigNumber(r).toString()}}),!1):u!==void 0&&o.isAccurateBigNumber(u)&&i.BigNumber(t.value).isLessThan(u)?(typeof e=="function"&&e({target:{value:i.BigNumber(u).toString()}}),!1):!0,onValueChange:(t,{source:c})=>{typeof e=="function"&&c.includes("event")&&e({target:{value:t.value}})},decimalSeparator:",",thousandSeparator:".",decimalScale:2,valueIsNumericString:!0,thousandsGroupStyle:"thousand",onFocus:t=>{t?.target?.value===s&&(typeof a=="function"?a(""):typeof e=="function"&&e({target:{value:""}}))},...l});exports.default=d;

package/dist/components/NumberFormat/NumberFormat.mjs

@@ -1,31 +1,30 @@
 import { jsx as c } from "react/jsx-runtime";
 import { NumericFormat as p } from "react-number-format";
-import { BigNumber as a } from "../../config/bigNumber/index.mjs";
-import { isAccurateBigNumber as f } from "../../utils/common.mjs";
+import { BigNumber as i } from "../../config/bigNumber/index.mjs";
+import { isAccurateBigNumber as o } from "../../utils/common.mjs";
 const S = ({
   max: r,
   min: u,
-  selectedText: l = "Rp0",
-  onChange: t,
-  onFocusInput: o,
-  ...s
+  selectedText: f = "Rp0",
+  onChange: e,
+  onFocusInput: a,
+  ...l
 }) => /* @__PURE__ */ c(
   p,
   {
-    isAllowed: (e) => r !== void 0 && f(r) && a(e.value).isGreaterThan(r) ? (typeof t == "function" && t({ target: { value: a(r).toString() } }), !1) : u !== void 0 && f(u) && a(e.value).isLessThan(u) ? (typeof t == "function" && t({ target: { value: a(u).toString() } }), !1) : !0,
-    onValueChange: (e, { source: i }) => {
-      typeof t == "function" && i.includes("event") && t({ target: { value: e.value } });
+    isAllowed: (t) => r !== void 0 && o(r) && i(t.value).isGreaterThan(r) ? (typeof e == "function" && e({ target: { value: i(r).toString() } }), !1) : u !== void 0 && o(u) && i(t.value).isLessThan(u) ? (typeof e == "function" && e({ target: { value: i(u).toString() } }), !1) : !0,
+    onValueChange: (t, { source: s }) => {
+      typeof e == "function" && s.includes("event") && e({ target: { value: t.value } });
     },
     decimalSeparator: ",",
     thousandSeparator: ".",
     decimalScale: 2,
     valueIsNumericString: !0,
     thousandsGroupStyle: "thousand",
-    onFocus: (e) => {
-      var i;
-      ((i = e == null ? void 0 : e.target) == null ? void 0 : i.value) === l && (typeof o == "function" ? o("") : typeof t == "function" && t({ target: { value: "" } }));
+    onFocus: (t) => {
+      t?.target?.value === f && (typeof a == "function" ? a("") : typeof e == "function" && e({ target: { value: "" } }));
     },
-    ...s
+    ...l
   }
 );
 export {

package/dist/components/Pagination/Pagination.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),l=require("react"),r=require("./style.module.scss.cjs"),m=require("../../utils/common.cjs"),G=require("../Calendar/CalendarYear.cjs"),W=require("../Popover/Popover.cjs"),X=require("../Button/Button.cjs"),q=require("./Pagination.config.cjs"),x=(t,s)=>{const u=s-t+1;return Array.from({length:u},(a,N)=>N+t)},k={"en-US":{"Rows per page:":"Rows per page:",of:"of","Go to:":"Go to:"},"id-ID":{"Rows per page:":"Baris per halaman:",of:"dari","Go to:":"Go to:"},"zh-CN":{"Rows per page:":"每页行数：",of:"共","Go to:":"跳至："},"nl-NL":{"Rows per page:":"Rijen per pagina:",of:"van","Go to:":"Ga naar:"}},Z=({totalData:t,totalPage:s,pageNumber:u,pageSize:a,className:N,id:d="1ru-pagination",kind:E="box",prevIcon:g,nextIcon:p,onChange:j,optionPageSize:I=[25,50,75,100],offset:L=1.5,zIndex:O,withGotoPage:A=!1,withMorePage:M=!0,withOptionPageSize:F=!1,locale:$="id-ID",fonts:S="inter"})=>{const w=l.useRef(null),[i,C]=l.useState(u),[T,y]=l.useState(u.toString()),f=1,U=(i-1)*a+1,_=a*i,Y=t?`${m.formatNumber(U,"decimal")}-${_>=t?m.formatNumber(t,"decimal"):m.formatNumber(_,"decimal")}`:0,H=l.useMemo(()=>{const e=Math.ceil(t/a);if(f+5>=e)return x(1,e);const c=Math.max(i-f,1),B=Math.min(i+f,e),R=c>2,P=B<e-2,V=1,Q=e;if(!R&&P){const b=3+2*f;return[...x(1,b),"mr",e]}if(R&&!P){const b=3+2*f,v=x(e-b+1,e);return[V,"ml",...v]}if(R&&P){const b=x(c,B);return[V,"ml",...b,"mr",Q]}},[t,a,f,i]),h=e=>{typeof j=="function"&&(j(e),C(e.pageNumber),y(e.pageNumber.toString()))},J=e=>{if(typeof j=="function"&&M){if(e==="ml"){const c=i-5;C(c<1?1:i-5)}else if(e==="mr"){const c=i+5;C(c>s?s:i+5)}}},K=e=>{y(e);const o=Number(e);o>0&&o<=s&&h({pageSize:a,totalData:t,totalPage:s,pageNumber:o})};return n.jsxs(n.Fragment,{children:[n.jsxs("div",{id:d,className:`${q.configPagination.kind[E]} ${q.configPagination.fonts[S].value} ${N}`,children:[n.jsxs("div",{className:r.default["pagination-size"],children:[n.jsx("span",{children:k[$]["Rows per page:"]}),F&&n.jsx(X.default,{id:`${d}-option-size`,variants:"ghost-blue-gray-100-bg_white",size:"xs",endIcon:n.jsx(G.ChevronDownIcon,{className:"!iru-text-gray-500 !iru-w-[14px] !iru-h-[14px] iru-mx-0.5"}),className:"!iru-rounded-md !iru-min-w-[60px] iru-justify-between",onClick:e=>{var o;return(o=w.current)==null?void 0:o.handlerShow(e)},children:m.formatNumber(a,"decimal")}),n.jsxs("span",{children:[Y," ",k[$].of," ",m.formatNumber(t,"decimal")]})]}),n.jsxs("div",{className:r.default["navigation-container"],children:[n.jsx("button",{id:`${d}-button-prev`,className:`${r.default["button-prev"]}`,disabled:i===1,onClick:()=>h({pageSize:a,totalData:t,totalPage:s,pageNumber:u-1}),children:typeof g=="function"||l.isValidElement(g)?l.isValidElement(g)?g:g():n.jsx(G.ChevronDownIcon,{className:"iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]"})}),(H??[]).map((e,o)=>{if(typeof e!="number"){const c=["ml","mr"].includes(e);return n.jsx("button",{className:r.default["button-container"],disabled:!M,onClick:()=>J(e),children:c?"...":e},o)}return n.jsx("button",{id:`${d}-button-${e}`,className:`${e===u?r.default["pagination-active"]:""} ${r.default["button-container"]}  
-                ${q.configPagination.fonts[S].typographyButtonLabel}`,disabled:e===u,onClick:()=>h({pageSize:a,totalData:t,totalPage:s,pageNumber:e}),children:m.formatNumber(e,"decimal")},o)}),n.jsx("button",{id:`${d}-button-next`,className:`${r.default["button-next"]}`,disabled:i===s||!s,onClick:()=>h({pageSize:a,totalData:t,totalPage:s,pageNumber:u+1}),children:typeof p=="function"||l.isValidElement(p)?l.isValidElement(p)?p:p():n.jsx(G.ChevronDownIcon,{className:"-iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]"})}),A&&n.jsxs("div",{className:r.default["goto-page"],children:[n.jsx("span",{children:k[$]["Go to:"]}),n.jsx("input",{id:`${d}-goto-page`,type:"number",className:r.default["goto-page-input"],value:T,onChange:e=>K(e.target.value),onBlur:()=>y(i.toString())})]})]})]}),n.jsx(W.default,{floatingOptions:{placement:"bottom-end"},ref:w,className:r.default["options-size"],offset:L,zIndex:O,id:`${d}-popover-options-size`,children:I.map((e,o)=>n.jsx("p",{id:`${d}-option-size-${e}`,className:`${r.default.option} ${e===a?r.default.active:""}`,onClick:()=>{var c;h({totalData:t,totalPage:s,pageSize:e,pageNumber:1}),(c=w.current)==null||c.setShow(!1)},children:m.formatNumber(e,"decimal")},o))})]})};exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),l=require("react"),i=require("./style.module.scss.cjs"),m=require("../../utils/common.cjs"),G=require("../Calendar/CalendarYear.cjs"),W=require("../Popover/Popover.cjs"),X=require("../Button/Button.cjs"),q=require("./Pagination.config.cjs"),x=(t,o)=>{const c=o-t+1;return Array.from({length:c},(r,N)=>N+t)},k={"en-US":{"Rows per page:":"Rows per page:",of:"of","Go to:":"Go to:"},"id-ID":{"Rows per page:":"Baris per halaman:",of:"dari","Go to:":"Go to:"},"zh-CN":{"Rows per page:":"每页行数：",of:"共","Go to:":"跳至："},"nl-NL":{"Rows per page:":"Rijen per pagina:",of:"van","Go to:":"Ga naar:"}},Z=({totalData:t,totalPage:o,pageNumber:c,pageSize:r,className:N,id:u="1ru-pagination",kind:E="box",prevIcon:g,nextIcon:p,onChange:j,optionPageSize:I=[25,50,75,100],offset:L=1.5,zIndex:O,withGotoPage:A=!1,withMorePage:M=!0,withOptionPageSize:F=!1,locale:$="id-ID",fonts:S="inter"})=>{const w=l.useRef(null),[s,C]=l.useState(c),[T,y]=l.useState(c.toString()),f=1,U=(s-1)*r+1,_=r*s,Y=t?`${m.formatNumber(U,"decimal")}-${_>=t?m.formatNumber(t,"decimal"):m.formatNumber(_,"decimal")}`:0,H=l.useMemo(()=>{const e=Math.ceil(t/r);if(f+5>=e)return x(1,e);const d=Math.max(s-f,1),B=Math.min(s+f,e),R=d>2,P=B<e-2,V=1,Q=e;if(!R&&P){const b=3+2*f;return[...x(1,b),"mr",e]}if(R&&!P){const b=3+2*f,v=x(e-b+1,e);return[V,"ml",...v]}if(R&&P){const b=x(d,B);return[V,"ml",...b,"mr",Q]}},[t,r,f,s]),h=e=>{typeof j=="function"&&(j(e),C(e.pageNumber),y(e.pageNumber.toString()))},J=e=>{if(typeof j=="function"&&M){if(e==="ml"){const d=s-5;C(d<1?1:s-5)}else if(e==="mr"){const d=s+5;C(d>o?o:s+5)}}},K=e=>{y(e);const a=Number(e);a>0&&a<=o&&h({pageSize:r,totalData:t,totalPage:o,pageNumber:a})};return n.jsxs(n.Fragment,{children:[n.jsxs("div",{id:u,className:`${q.configPagination.kind[E]} ${q.configPagination.fonts[S].value} ${N}`,children:[n.jsxs("div",{className:i.default["pagination-size"],children:[n.jsx("span",{children:k[$]["Rows per page:"]}),F&&n.jsx(X.default,{id:`${u}-option-size`,variants:"ghost-blue-gray-100-bg_white",size:"xs",endIcon:n.jsx(G.ChevronDownIcon,{className:"!iru-text-gray-500 !iru-w-[14px] !iru-h-[14px] iru-mx-0.5"}),className:"!iru-rounded-md !iru-min-w-[60px] iru-justify-between",onClick:e=>w.current?.handlerShow(e),children:m.formatNumber(r,"decimal")}),n.jsxs("span",{children:[Y," ",k[$].of," ",m.formatNumber(t,"decimal")]})]}),n.jsxs("div",{className:i.default["navigation-container"],children:[n.jsx("button",{id:`${u}-button-prev`,className:`${i.default["button-prev"]}`,disabled:s===1,onClick:()=>h({pageSize:r,totalData:t,totalPage:o,pageNumber:c-1}),children:typeof g=="function"||l.isValidElement(g)?l.isValidElement(g)?g:g():n.jsx(G.ChevronDownIcon,{className:"iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]"})}),(H??[]).map((e,a)=>{if(typeof e!="number"){const d=["ml","mr"].includes(e);return n.jsx("button",{className:i.default["button-container"],disabled:!M,onClick:()=>J(e),children:d?"...":e},a)}return n.jsx("button",{id:`${u}-button-${e}`,className:`${e===c?i.default["pagination-active"]:""} ${i.default["button-container"]}  
+                ${q.configPagination.fonts[S].typographyButtonLabel}`,disabled:e===c,onClick:()=>h({pageSize:r,totalData:t,totalPage:o,pageNumber:e}),children:m.formatNumber(e,"decimal")},a)}),n.jsx("button",{id:`${u}-button-next`,className:`${i.default["button-next"]}`,disabled:s===o||!o,onClick:()=>h({pageSize:r,totalData:t,totalPage:o,pageNumber:c+1}),children:typeof p=="function"||l.isValidElement(p)?l.isValidElement(p)?p:p():n.jsx(G.ChevronDownIcon,{className:"-iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]"})}),A&&n.jsxs("div",{className:i.default["goto-page"],children:[n.jsx("span",{children:k[$]["Go to:"]}),n.jsx("input",{id:`${u}-goto-page`,type:"number",className:i.default["goto-page-input"],value:T,onChange:e=>K(e.target.value),onBlur:()=>y(s.toString())})]})]})]}),n.jsx(W.default,{floatingOptions:{placement:"bottom-end"},ref:w,className:i.default["options-size"],offset:L,zIndex:O,id:`${u}-popover-options-size`,children:I.map((e,a)=>n.jsx("p",{id:`${u}-option-size-${e}`,className:`${i.default.option} ${e===r?i.default.active:""}`,onClick:()=>{h({totalData:t,totalPage:o,pageSize:e,pageNumber:1}),w.current?.setShow(!1)},children:m.formatNumber(e,"decimal")},a))})]})};exports.default=Z;