1mpacto-react-ui 2.0.20 → 2.0.21

package/dist/components/Pagination/Pagination.mjs

@@ -1,14 +1,14 @@
-import { jsxs as l, Fragment as Z, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, Fragment as Z, jsx as e } from "react/jsx-runtime";
 import B, { useMemo as z, isValidElement as N } from "react";
-import s from "./style.module.scss.mjs";
+import r from "./style.module.scss.mjs";
 import { formatNumber as u } from "../../utils/common.mjs";
 import { ChevronDownIcon as M } from "../Calendar/CalendarYear.mjs";
 import D from "../Popover/Popover.mjs";
 import nn from "../Button/Button.mjs";
 import { configPagination as j } from "./Pagination.config.mjs";
-const $ = (t, i) => {
-  const m = i - t + 1;
-  return Array.from({ length: m }, (c, w) => w + t);
+const $ = (t, o) => {
+  const a = o - t + 1;
+  return Array.from({ length: a }, (s, w) => w + t);
 }, L = {
   "en-US": {
     "Rows per page:": "Rows per page:",
@@ -32,11 +32,11 @@ const $ = (t, i) => {
   }
 }, dn = ({
   totalData: t,
-  totalPage: i,
-  pageNumber: m,
-  pageSize: c,
+  totalPage: o,
+  pageNumber: a,
+  pageSize: s,
   className: w,
-  id: d = "1ru-pagination",
+  id: m = "1ru-pagination",
   kind: F = "box",
   prevIcon: f,
   nextIcon: g,
@@ -50,11 +50,11 @@ const $ = (t, i) => {
   locale: y = "id-ID",
   fonts: I = "inter"
 }) => {
-  const C = B.useRef(null), [r, R] = B.useState(m), [J, G] = B.useState(m.toString()), p = 1, K = (r - 1) * c + 1, V = c * r, Q = t ? `${u(K, "decimal")}-${V >= t ? u(t, "decimal") : u(V, "decimal")}` : 0, T = z(() => {
-    const n = Math.ceil(t / c);
+  const C = B.useRef(null), [i, R] = B.useState(a), [J, G] = B.useState(a.toString()), p = 1, K = (i - 1) * s + 1, V = s * i, Q = t ? `${u(K, "decimal")}-${V >= t ? u(t, "decimal") : u(V, "decimal")}` : 0, T = z(() => {
+    const n = Math.ceil(t / s);
     if (p + 5 >= n)
       return $(1, n);
-    const a = Math.max(r - p, 1), _ = Math.min(r + p, n), k = a > 2, P = _ < n - 2, A = 1, Y = n;
+    const d = Math.max(i - p, 1), _ = Math.min(i + p, n), k = d > 2, P = _ < n - 2, A = 1, Y = n;
     if (!k && P) {
       const b = 3 + 2 * p;
       return [...$(1, b), "mr", n];
@@ -64,48 +64,45 @@ const $ = (t, i) => {
       return [A, "ml", ...E];
     }
     if (k && P) {
-      const b = $(a, _);
+      const b = $(d, _);
       return [A, "ml", ...b, "mr", Y];
     }
-  }, [t, c, p, r]), h = (n) => {
+  }, [t, s, p, i]), h = (n) => {
     typeof x == "function" && (x(n), R(n.pageNumber), G(n.pageNumber.toString()));
   }, W = (n) => {
     if (typeof x == "function" && S) {
       if (n === "ml") {
-        const a = r - 5;
-        R(a < 1 ? 1 : r - 5);
+        const d = i - 5;
+        R(d < 1 ? 1 : i - 5);
       } else if (n === "mr") {
-        const a = r + 5;
-        R(a > i ? i : r + 5);
+        const d = i + 5;
+        R(d > o ? o : i + 5);
       }
     }
   }, X = (n) => {
     G(n);
-    const e = Number(n);
-    e > 0 && e <= i && h({
-      pageSize: c,
+    const c = Number(n);
+    c > 0 && c <= o && h({
+      pageSize: s,
       totalData: t,
-      totalPage: i,
-      pageNumber: e
+      totalPage: o,
+      pageNumber: c
     });
   };
   return /* @__PURE__ */ l(Z, { children: [
-    /* @__PURE__ */ l("div", { id: d, className: `${j.kind[F]} ${j.fonts[I].value} ${w}`, children: [
-      /* @__PURE__ */ l("div", { className: s["pagination-size"], children: [
-        /* @__PURE__ */ o("span", { children: L[y]["Rows per page:"] }),
-        H && /* @__PURE__ */ o(
+    /* @__PURE__ */ l("div", { id: m, className: `${j.kind[F]} ${j.fonts[I].value} ${w}`, children: [
+      /* @__PURE__ */ l("div", { className: r["pagination-size"], children: [
+        /* @__PURE__ */ e("span", { children: L[y]["Rows per page:"] }),
+        H && /* @__PURE__ */ e(
           nn,
           {
-            id: `${d}-option-size`,
+            id: `${m}-option-size`,
             variants: "ghost-blue-gray-100-bg_white",
             size: "xs",
-            endIcon: /* @__PURE__ */ o(M, { className: "!iru-text-gray-500 !iru-w-[14px] !iru-h-[14px] iru-mx-0.5" }),
+            endIcon: /* @__PURE__ */ e(M, { 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: (n) => {
-              var e;
-              return (e = C.current) == null ? void 0 : e.handlerShow(n);
-            },
-            children: u(c, "decimal")
+            onClick: (n) => C.current?.handlerShow(n),
+            children: u(s, "decimal")
           }
         ),
         /* @__PURE__ */ l("span", { children: [
@@ -116,111 +113,110 @@ const $ = (t, i) => {
           u(t, "decimal")
         ] })
       ] }),
-      /* @__PURE__ */ l("div", { className: s["navigation-container"], children: [
-        /* @__PURE__ */ o(
+      /* @__PURE__ */ l("div", { className: r["navigation-container"], children: [
+        /* @__PURE__ */ e(
           "button",
           {
-            id: `${d}-button-prev`,
-            className: `${s["button-prev"]}`,
-            disabled: r === 1,
+            id: `${m}-button-prev`,
+            className: `${r["button-prev"]}`,
+            disabled: i === 1,
             onClick: () => h({
-              pageSize: c,
+              pageSize: s,
               totalData: t,
-              totalPage: i,
-              pageNumber: m - 1
+              totalPage: o,
+              pageNumber: a - 1
             }),
-            children: typeof f == "function" || N(f) ? N(f) ? f : f() : /* @__PURE__ */ o(M, { className: "iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]" })
+            children: typeof f == "function" || N(f) ? N(f) ? f : f() : /* @__PURE__ */ e(M, { className: "iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]" })
           }
         ),
-        (T ?? []).map((n, e) => {
+        (T ?? []).map((n, c) => {
           if (typeof n != "number") {
-            const a = ["ml", "mr"].includes(n);
-            return /* @__PURE__ */ o(
+            const d = ["ml", "mr"].includes(n);
+            return /* @__PURE__ */ e(
               "button",
               {
-                className: s["button-container"],
+                className: r["button-container"],
                 disabled: !S,
                 onClick: () => W(n),
-                children: a ? "..." : n
+                children: d ? "..." : n
               },
-              e
+              c
             );
           }
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ e(
             "button",
             {
-              id: `${d}-button-${n}`,
-              className: `${n === m ? s["pagination-active"] : ""} ${s["button-container"]}  
+              id: `${m}-button-${n}`,
+              className: `${n === a ? r["pagination-active"] : ""} ${r["button-container"]}  
                 ${j.fonts[I].typographyButtonLabel}`,
-              disabled: n === m,
+              disabled: n === a,
               onClick: () => h({
-                pageSize: c,
+                pageSize: s,
                 totalData: t,
-                totalPage: i,
+                totalPage: o,
                 pageNumber: n
               }),
               children: u(n, "decimal")
             },
-            e
+            c
           );
         }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           "button",
           {
-            id: `${d}-button-next`,
-            className: `${s["button-next"]}`,
-            disabled: r === i || !i,
+            id: `${m}-button-next`,
+            className: `${r["button-next"]}`,
+            disabled: i === o || !o,
             onClick: () => h({
-              pageSize: c,
+              pageSize: s,
               totalData: t,
-              totalPage: i,
-              pageNumber: m + 1
+              totalPage: o,
+              pageNumber: a + 1
             }),
-            children: typeof g == "function" || N(g) ? N(g) ? g : g() : /* @__PURE__ */ o(M, { className: "-iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]" })
+            children: typeof g == "function" || N(g) ? N(g) ? g : g() : /* @__PURE__ */ e(M, { className: "-iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]" })
           }
         ),
-        v && /* @__PURE__ */ l("div", { className: s["goto-page"], children: [
-          /* @__PURE__ */ o("span", { children: L[y]["Go to:"] }),
-          /* @__PURE__ */ o(
+        v && /* @__PURE__ */ l("div", { className: r["goto-page"], children: [
+          /* @__PURE__ */ e("span", { children: L[y]["Go to:"] }),
+          /* @__PURE__ */ e(
             "input",
             {
-              id: `${d}-goto-page`,
+              id: `${m}-goto-page`,
               type: "number",
-              className: s["goto-page-input"],
+              className: r["goto-page-input"],
               value: J,
               onChange: (n) => X(n.target.value),
-              onBlur: () => G(r.toString())
+              onBlur: () => G(i.toString())
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ e(
       D,
       {
         floatingOptions: { placement: "bottom-end" },
         ref: C,
-        className: s["options-size"],
+        className: r["options-size"],
         offset: U,
         zIndex: q,
-        id: `${d}-popover-options-size`,
-        children: O.map((n, e) => /* @__PURE__ */ o(
+        id: `${m}-popover-options-size`,
+        children: O.map((n, c) => /* @__PURE__ */ e(
           "p",
           {
-            id: `${d}-option-size-${n}`,
-            className: `${s.option} ${n === c ? s.active : ""}`,
+            id: `${m}-option-size-${n}`,
+            className: `${r.option} ${n === s ? r.active : ""}`,
             onClick: () => {
-              var a;
               h({
                 totalData: t,
-                totalPage: i,
+                totalPage: o,
                 pageSize: n,
                 pageNumber: 1
-              }), (a = C.current) == null || a.setShow(!1);
+              }), C.current?.setShow(!1);
             },
             children: u(n, "decimal")
           },
-          e
+          c
         ))
       }
     )

package/dist/components/SelectDropdownContainer/SelectDropdownContainer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),t=require("react"),ne=require("react-select"),oe=require("../Popover/Popover.cjs"),re=require("./SelectDropdownContainer.module.scss.cjs"),V=require("../../hooks/useDeepCompareEffect.cjs"),p=require("./SelectDropdownContainer.config.cjs"),y=t.forwardRef((m,N)=>{const{width:h,children:E,components:I,classNameContainer:x="",classNameContainerShowSelect:M="",classNameContainerSelect:$="",classNameLabelError:b="",error:q,onChange:v,externalValue:l=!1,defaultValueButtonDropdown:r={},autoClose:j=!0,onMenuOpen:z=()=>{},autoCloseOutside:L=!0,styleInnerPopper:_={},onMenuClose:T=()=>{},zIndexPopper:W=0,id:k="select-dropdown-container",idPopover:F="select-dropdown-container-popover",useAutoPlacement:A,flipOptions:B,autoPlacementOptions:H,withSearch:G=!1,floatingOptions:J={},offsetPopover:K=5,selectProps:Q={},errorLabel:U="payhere",controlType:w="payhere",actionValueChange:X=()=>{},...Y}=m,s=t.useRef(null),a=t.useRef(null),[Z,g]=t.useState(""),[o,S]=t.useState(!1),[i,c]=t.useState({}),[D,P]=t.useState(0),C=e=>{var n;(n=a.current)==null||n.setShow(e),S(e)},ee=()=>{if(l)return m.isMulti?r:[r]},O=e=>{var n;(n=a.current)==null||n.handlerShow(e),P(s.current.offsetWidth),S(d=>!d)},R=()=>{var e;L&&((e=a.current)==null||e.setShow(!1))},te=(e,n)=>{var d;j&&(S(!1),(d=a.current)==null||d.setShow(!1)),typeof v=="function"&&v(e,n),l||c(e)},u=()=>{s.current&&P(s.current.offsetWidth)};return V.useDeepCompareEffect(()=>{l&&c(r),X(r)},[l,r]),t.useEffect(()=>{o?z():o||(T(),g(""))},[o]),t.useImperativeHandle(N,()=>({selectValue:i,setSelectValue:c,handlerClose:R,handlerShow:O,show:o,setShow:C}),[o,V.useDeepCompareMemoize(i)]),t.useEffect(()=>(window.addEventListener("resize",u),window.addEventListener("load",u),()=>{window.removeEventListener("resize",u),window.removeEventListener("load",u)}),[s]),f.jsxs("div",{id:k,className:`${re.default.container} ${x} ${o?`${M} open-popover`:null}`,ref:s,children:[E({selectValue:i,setSelectValue:c,handlerClose:R,handlerShow:O,show:o,setShow:C}),f.jsx(oe.default,{ref:a,offset:K,useAutoPlacement:A,flipOptions:B,autoPlacementOptions:H,zIndex:W,styleInnerPopover:_,id:F,width:typeof h=="function"?h(D,i):h||D,className:`${$} ${p.configSelectDropdownContainer.classNamePopover[w]}`,floatingOptions:J,children:f.jsx(ne,{className:"iru-w-full",defaultValue:ee(),inputValue:Z,onInputChange:(e,{action:n})=>{n==="input-change"&&g(e)},openMenuOnFocus:!0,autoFocus:!1,backspaceRemovesValue:!1,components:{IndicatorSeparator:null,...I},controlShouldRenderValue:!1,hideSelectedOptions:!1,isClearable:!1,menuIsOpen:!0,tabSelectsValue:!1,styles:G?p.configSelectDropdownContainer.variant[w]:p.configSelectDropdownContainer.noSearchVariant[w],noOptionsMessage:()=>"Tidak ada data.",onChange:te,selectProps:{...Q,setShowDropdown:C},...Y})}),f.jsx("div",{className:`${p.configSelectDropdownContainer.error[U]} ${b}`,children:q})]})});y.displayName="SelectDropdownContainer";exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),e=require("react"),te=require("react-select"),ne=require("../Popover/Popover.cjs"),oe=require("./SelectDropdownContainer.module.scss.cjs"),R=require("../../hooks/useDeepCompareEffect.cjs"),f=require("./SelectDropdownContainer.config.cjs"),V=e.forwardRef((C,y)=>{const{width:p,children:N,components:E,classNameContainer:I="",classNameContainerShowSelect:x="",classNameContainerSelect:M="",classNameLabelError:$="",error:b,onChange:m,externalValue:l=!1,defaultValueButtonDropdown:o={},autoClose:q=!0,onMenuOpen:j=()=>{},autoCloseOutside:z=!0,styleInnerPopper:L={},onMenuClose:_=()=>{},zIndexPopper:T=0,id:W="select-dropdown-container",idPopover:k="select-dropdown-container-popover",useAutoPlacement:F,flipOptions:A,autoPlacementOptions:B,withSearch:H=!1,floatingOptions:G={},offsetPopover:J=5,selectProps:K={},errorLabel:Q="payhere",controlType:h="payhere",actionValueChange:U=()=>{},...X}=C,r=e.useRef(null),s=e.useRef(null),[Y,v]=e.useState(""),[n,w]=e.useState(!1),[i,c]=e.useState({}),[g,D]=e.useState(0),S=t=>{s.current?.setShow(t),w(t)},Z=()=>{if(l)return C.isMulti?o:[o]},P=t=>{s.current?.handlerShow(t),D(r.current.offsetWidth),w(a=>!a)},O=()=>{z&&s.current?.setShow(!1)},ee=(t,a)=>{q&&(w(!1),s.current?.setShow(!1)),typeof m=="function"&&m(t,a),l||c(t)},u=()=>{r.current&&D(r.current.offsetWidth)};return R.useDeepCompareEffect(()=>{l&&c(o),U(o)},[l,o]),e.useEffect(()=>{n?j():n||(_(),v(""))},[n]),e.useImperativeHandle(y,()=>({selectValue:i,setSelectValue:c,handlerClose:O,handlerShow:P,show:n,setShow:S}),[n,R.useDeepCompareMemoize(i)]),e.useEffect(()=>(window.addEventListener("resize",u),window.addEventListener("load",u),()=>{window.removeEventListener("resize",u),window.removeEventListener("load",u)}),[r]),d.jsxs("div",{id:W,className:`${oe.default.container} ${I} ${n?`${x} open-popover`:null}`,ref:r,children:[N({selectValue:i,setSelectValue:c,handlerClose:O,handlerShow:P,show:n,setShow:S}),d.jsx(ne.default,{ref:s,offset:J,useAutoPlacement:F,flipOptions:A,autoPlacementOptions:B,zIndex:T,styleInnerPopover:L,id:k,width:typeof p=="function"?p(g,i):p||g,className:`${M} ${f.configSelectDropdownContainer.classNamePopover[h]}`,floatingOptions:G,children:d.jsx(te,{className:"iru-w-full",defaultValue:Z(),inputValue:Y,onInputChange:(t,{action:a})=>{a==="input-change"&&v(t)},openMenuOnFocus:!0,autoFocus:!1,backspaceRemovesValue:!1,components:{IndicatorSeparator:null,...E},controlShouldRenderValue:!1,hideSelectedOptions:!1,isClearable:!1,menuIsOpen:!0,tabSelectsValue:!1,styles:H?f.configSelectDropdownContainer.variant[h]:f.configSelectDropdownContainer.noSearchVariant[h],noOptionsMessage:()=>"Tidak ada data.",onChange:ee,selectProps:{...K,setShowDropdown:S},...X})}),d.jsx("div",{className:`${f.configSelectDropdownContainer.error[Q]} ${$}`,children:b})]})});V.displayName="SelectDropdownContainer";exports.default=V;

package/dist/components/SelectDropdownContainer/SelectDropdownContainer.mjs

@@ -1,150 +1,146 @@
-import { jsxs as ee, jsx as S } from "react/jsx-runtime";
-import t from "react";
-import te from "react-select";
-import oe from "../Popover/Popover.mjs";
-import ne from "./SelectDropdownContainer.module.scss.mjs";
-import { useDeepCompareEffect as re, useDeepCompareMemoize as ae } from "../../hooks/useDeepCompareEffect.mjs";
-import { configSelectDropdownContainer as p } from "./SelectDropdownContainer.config.mjs";
-const se = t.forwardRef(
-  (C, R) => {
+import { jsxs as _, jsx as w } from "react/jsx-runtime";
+import e from "react";
+import ee from "react-select";
+import te from "../Popover/Popover.mjs";
+import oe from "./SelectDropdownContainer.module.scss.mjs";
+import { useDeepCompareEffect as ne, useDeepCompareMemoize as re } from "../../hooks/useDeepCompareEffect.mjs";
+import { configSelectDropdownContainer as f } from "./SelectDropdownContainer.config.mjs";
+const ae = e.forwardRef(
+  (S, O) => {
     const {
-      width: d,
-      children: g,
-      components: I,
-      classNameContainer: E = "",
-      classNameContainerShowSelect: $ = "",
-      classNameContainerSelect: D = "",
-      classNameLabelError: x = "",
-      error: z,
-      onChange: v,
+      width: p,
+      children: R,
+      components: g,
+      classNameContainer: I = "",
+      classNameContainerShowSelect: E = "",
+      classNameContainerSelect: $ = "",
+      classNameLabelError: D = "",
+      error: x,
+      onChange: C,
       externalValue: l = !1,
-      defaultValueButtonDropdown: r = {},
-      autoClose: L = !0,
-      onMenuOpen: M = () => {
+      defaultValueButtonDropdown: n = {},
+      autoClose: z = !0,
+      onMenuOpen: L = () => {
       },
-      autoCloseOutside: b = !0,
-      styleInnerPopper: W = {},
-      onMenuClose: j = () => {
+      autoCloseOutside: M = !0,
+      styleInnerPopper: b = {},
+      onMenuClose: W = () => {
       },
-      zIndexPopper: k = 0,
-      id: F = "select-dropdown-container",
-      idPopover: T = "select-dropdown-container-popover",
-      useAutoPlacement: A,
-      flipOptions: B,
-      autoPlacementOptions: H,
-      withSearch: q = !1,
-      floatingOptions: G = {},
-      offsetPopover: J = 5,
-      selectProps: K = {},
-      errorLabel: Q = "payhere",
-      controlType: h = "payhere",
-      actionValueChange: U = () => {
+      zIndexPopper: j = 0,
+      id: k = "select-dropdown-container",
+      idPopover: F = "select-dropdown-container-popover",
+      useAutoPlacement: T,
+      flipOptions: A,
+      autoPlacementOptions: B,
+      withSearch: H = !1,
+      floatingOptions: q = {},
+      offsetPopover: G = 5,
+      selectProps: J = {},
+      errorLabel: K = "payhere",
+      controlType: d = "payhere",
+      actionValueChange: Q = () => {
       },
-      ...X
-    } = C, a = t.useRef(null), s = t.useRef(null), [Y, P] = t.useState(""), [n, m] = t.useState(!1), [i, c] = t.useState({}), [V, y] = t.useState(0), w = (e) => {
-      var o;
-      (o = s.current) == null || o.setShow(e), m(e);
-    }, Z = () => {
+      ...U
+    } = S, r = e.useRef(null), a = e.useRef(null), [X, v] = e.useState(""), [o, h] = e.useState(!1), [i, c] = e.useState({}), [P, V] = e.useState(0), m = (t) => {
+      a.current?.setShow(t), h(t);
+    }, Y = () => {
       if (l)
-        return C.isMulti ? r : [r];
-    }, N = (e) => {
-      var o;
-      (o = s.current) == null || o.handlerShow(e), y(a.current.offsetWidth), m((f) => !f);
-    }, O = () => {
-      var e;
-      b && ((e = s.current) == null || e.setShow(!1));
-    }, _ = (e, o) => {
-      var f;
-      L && (m(!1), (f = s.current) == null || f.setShow(!1)), typeof v == "function" && v(e, o), l || c(e);
+        return S.isMulti ? n : [n];
+    }, y = (t) => {
+      a.current?.handlerShow(t), V(r.current.offsetWidth), h((s) => !s);
+    }, N = () => {
+      M && a.current?.setShow(!1);
+    }, Z = (t, s) => {
+      z && (h(!1), a.current?.setShow(!1)), typeof C == "function" && C(t, s), l || c(t);
     }, u = () => {
-      a.current && y(a.current.offsetWidth);
+      r.current && V(r.current.offsetWidth);
     };
-    return re(() => {
-      l && c(r), U(r);
-    }, [l, r]), t.useEffect(() => {
-      n ? M() : n || (j(), P(""));
-    }, [n]), t.useImperativeHandle(
-      R,
+    return ne(() => {
+      l && c(n), Q(n);
+    }, [l, n]), e.useEffect(() => {
+      o ? L() : o || (W(), v(""));
+    }, [o]), e.useImperativeHandle(
+      O,
       () => ({
         selectValue: i,
         setSelectValue: c,
-        handlerClose: O,
-        handlerShow: N,
-        show: n,
-        setShow: w
+        handlerClose: N,
+        handlerShow: y,
+        show: o,
+        setShow: m
       }),
-      [n, ae(i)]
-    ), t.useEffect(() => (window.addEventListener("resize", u), window.addEventListener("load", u), () => {
+      [o, re(i)]
+    ), e.useEffect(() => (window.addEventListener("resize", u), window.addEventListener("load", u), () => {
       window.removeEventListener("resize", u), window.removeEventListener("load", u);
-    }), [a]), /* @__PURE__ */ ee(
+    }), [r]), /* @__PURE__ */ _(
       "div",
       {
-        id: F,
-        className: `${ne.container} ${E} ${n ? `${$} open-popover` : null}`,
-        ref: a,
+        id: k,
+        className: `${oe.container} ${I} ${o ? `${E} open-popover` : null}`,
+        ref: r,
         children: [
-          g({
+          R({
             selectValue: i,
             setSelectValue: c,
-            handlerClose: O,
-            handlerShow: N,
-            show: n,
-            setShow: w
+            handlerClose: N,
+            handlerShow: y,
+            show: o,
+            setShow: m
           }),
-          /* @__PURE__ */ S(
-            oe,
+          /* @__PURE__ */ w(
+            te,
             {
-              ref: s,
-              offset: J,
-              useAutoPlacement: A,
-              flipOptions: B,
-              autoPlacementOptions: H,
-              zIndex: k,
-              styleInnerPopover: W,
-              id: T,
-              width: typeof d == "function" ? d(V, i) : d || V,
-              className: `${D} ${p.classNamePopover[h]}`,
-              floatingOptions: G,
-              children: /* @__PURE__ */ S(
-                te,
+              ref: a,
+              offset: G,
+              useAutoPlacement: T,
+              flipOptions: A,
+              autoPlacementOptions: B,
+              zIndex: j,
+              styleInnerPopover: b,
+              id: F,
+              width: typeof p == "function" ? p(P, i) : p || P,
+              className: `${$} ${f.classNamePopover[d]}`,
+              floatingOptions: q,
+              children: /* @__PURE__ */ w(
+                ee,
                 {
                   className: "iru-w-full",
-                  defaultValue: Z(),
-                  inputValue: Y,
-                  onInputChange: (e, { action: o }) => {
-                    o === "input-change" && P(e);
+                  defaultValue: Y(),
+                  inputValue: X,
+                  onInputChange: (t, { action: s }) => {
+                    s === "input-change" && v(t);
                   },
                   openMenuOnFocus: !0,
                   autoFocus: !1,
                   backspaceRemovesValue: !1,
                   components: {
                     IndicatorSeparator: null,
-                    ...I
+                    ...g
                   },
                   controlShouldRenderValue: !1,
                   hideSelectedOptions: !1,
                   isClearable: !1,
                   menuIsOpen: !0,
                   tabSelectsValue: !1,
-                  styles: q ? p.variant[h] : p.noSearchVariant[h],
+                  styles: H ? f.variant[d] : f.noSearchVariant[d],
                   noOptionsMessage: () => "Tidak ada data.",
-                  onChange: _,
+                  onChange: Z,
                   selectProps: {
-                    ...K,
-                    setShowDropdown: w
+                    ...J,
+                    setShowDropdown: m
                   },
-                  ...X
+                  ...U
                 }
               )
             }
           ),
-          /* @__PURE__ */ S("div", { className: `${p.error[Q]} ${x}`, children: z })
+          /* @__PURE__ */ w("div", { className: `${f.error[K]} ${D}`, children: x })
         ]
       }
     );
   }
 );
-se.displayName = "SelectDropdownContainer";
+ae.displayName = "SelectDropdownContainer";
 export {
-  se as default
+  ae as default
 };

package/dist/components/Sidebar/ItemSidebar.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),o=require("react"),s=require("./itemSidebar.module.scss.cjs"),r=require("./ItemSidebar.config.cjs"),H=({as:I,show:h,open:t,patch:j,iconSubs:d,variant:c="payhere-brand-base-white",setShow:f,onClickItems:x,propsLink:g,...e})=>{var p,E,M,O,A,V,q,F;let b=i.jsx(i.Fragment,{});const N=I??"div",[y,a]=o.useState(!1),l=j===e.slug,$=h.split("/"),n=$.includes(e.name),S=()=>{if(e.subs.length>0)if(n){const m=$.splice(0,$.indexOf(e.name));m.length>0?f(`${m.join("/")}/`):f("")}else f(`${h}${e.name}/`);else typeof x=="function"&&x(e)};return e.isShow?([1,3,5,6,7,8].includes(e.parent)&&(b=i.jsxs(i.Fragment,{children:[i.jsxs(N,{id:e.name,className:`${s.default["item-sidebar-1"]}
-          ${(p=r.configItemSidebar.variant)==null?void 0:p[c]} ${(E=r.configItemSidebar.parent)==null?void 0:E[e.parent.toString()]} 
-          ${l||e.subs.length>0&&n?s.default.active:""} ${typeof t=="boolean"&&t?s.default["item-sidebar-open"]:""} ${typeof t=="boolean"&&!t?s.default["item-sidebar-close"]:""}
-        `,onClick:S,onMouseOver:()=>a(!0),onMouseOut:()=>a(!1),...g?g(e.slug,e):{},children:[i.jsxs("div",{className:"iru-flex iru-items-center iru-gap-3 iru-relative",children:[o.isValidElement(e.svgIcon)&&i.jsx("div",{className:s.default["item-icon"],children:l||e.subs.length>0&&n?e==null?void 0:e.svgIconActive:y?(e==null?void 0:e.svgIconHover)||(e==null?void 0:e.svgIconActive):e==null?void 0:e.svgIcon}),i.jsx("div",{className:s.default["item-label"],children:e.label})]}),o.isValidElement(e.endIcon)&&i.jsx("div",{className:s.default["end-icon"],children:e==null?void 0:e.endIcon}),e.subs.length>0&&t&&i.jsxs("div",{className:`${s.default["item-icon-subs"]} ${n?s.default["item-icon-subs-active"]:""}`,id:`item-sidebar-subs-${e.name}-icon`,children:[o.isValidElement(d)&&d,typeof d=="function"&&d()]})]}),e.parent===3&&!e.subs.length&&i.jsx("div",{className:(M=r.configItemSidebar.divider)==null?void 0:M[c]})]})),(e.parent===2||e.parent===4)&&(b=i.jsxs(i.Fragment,{children:[i.jsxs(N,{id:e.name,className:`${s.default["item-sidebar-2"]}
-          ${(O=r.configItemSidebar.variant)==null?void 0:O[c]} ${(A=r.configItemSidebar.parent)==null?void 0:A[e.parent.toString()]} 
-          ${l||e.subs.length>0&&n?s.default.active:""} ${typeof t=="boolean"&&t?s.default["item-sidebar-open"]:""} ${typeof t=="boolean"&&!t?s.default["item-sidebar-close"]:""}
-        `,onClick:S,onMouseOver:()=>a(!0),onMouseOut:()=>a(!1),...g?g(e.slug,e):{},children:[o.isValidElement(e.svgIcon)&&i.jsx("div",{className:s.default["item-icon"],children:l||e.subs.length>0&&n?e==null?void 0:e.svgIconActive:y?(e==null?void 0:e.svgIconHover)||(e==null?void 0:e.svgIconActive):e==null?void 0:e.svgIcon}),i.jsx("div",{className:s.default["item-label"],children:e.label}),e.subs.length>0&&t&&i.jsxs("div",{className:`${s.default["item-icon-subs"]} ${n?s.default["item-icon-subs-active"]:""}`,id:`item-sidebar-subs-${e.name}-icon`,children:[o.isValidElement(d)&&d,typeof d=="function"&&d()]})]}),e.parent===4&&!e.subs.length&&i.jsx("div",{className:(V=r.configItemSidebar.divider)==null?void 0:V[c]})]})),e.subs.length>0?i.jsxs("div",{className:`${t||n?"":"-mt-2"}`,children:[b,i.jsx("div",{id:`item-sidebar-subs-${e.name}-${t&&n?"open":"close"}`,className:`${s.default["item-subs-sidebar"]} 
-          ${(q=r.configItemSidebar.variant)==null?void 0:q[c]} ${!t||!n?s.default.hidden:""}`,children:e.subs.map(m=>o.createElement(H,{...m,as:m.manualRoute?"div":m.subs.length>0?I:e.linkComponent,key:m.name,patch:j,iconSubs:d,show:h,open:t,variant:c,setShow:f}))}),[3,4].includes(e.parent)&&i.jsx("div",{className:(F=r.configItemSidebar.divider)==null?void 0:F[c]})]}):b):i.jsx(i.Fragment,{})};exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),m=require("react"),s=require("./itemSidebar.module.scss.cjs"),r=require("./ItemSidebar.config.cjs"),S=({as:I,show:h,open:t,patch:j,iconSubs:d,variant:c="payhere-brand-base-white",setShow:l,onClickItems:x,propsLink:o,...e})=>{let f=i.jsx(i.Fragment,{});const u=I??"div",[N,g]=m.useState(!1),b=j===e.slug,$=h.split("/"),n=$.includes(e.name),y=()=>{if(e.subs.length>0)if(n){const a=$.splice(0,$.indexOf(e.name));a.length>0?l(`${a.join("/")}/`):l("")}else l(`${h}${e.name}/`);else typeof x=="function"&&x(e)};return e.isShow?([1,3,5,6,7,8].includes(e.parent)&&(f=i.jsxs(i.Fragment,{children:[i.jsxs(u,{id:e.name,className:`${s.default["item-sidebar-1"]}
+          ${r.configItemSidebar.variant?.[c]} ${r.configItemSidebar.parent?.[e.parent.toString()]} 
+          ${b||e.subs.length>0&&n?s.default.active:""} ${typeof t=="boolean"&&t?s.default["item-sidebar-open"]:""} ${typeof t=="boolean"&&!t?s.default["item-sidebar-close"]:""}
+        `,onClick:y,onMouseOver:()=>g(!0),onMouseOut:()=>g(!1),...o?o(e.slug,e):{},children:[i.jsxs("div",{className:"iru-flex iru-items-center iru-gap-3 iru-relative",children:[m.isValidElement(e.svgIcon)&&i.jsx("div",{className:s.default["item-icon"],children:b||e.subs.length>0&&n?e?.svgIconActive:N?e?.svgIconHover||e?.svgIconActive:e?.svgIcon}),i.jsx("div",{className:s.default["item-label"],children:e.label})]}),m.isValidElement(e.endIcon)&&i.jsx("div",{className:s.default["end-icon"],children:e?.endIcon}),e.subs.length>0&&t&&i.jsxs("div",{className:`${s.default["item-icon-subs"]} ${n?s.default["item-icon-subs-active"]:""}`,id:`item-sidebar-subs-${e.name}-icon`,children:[m.isValidElement(d)&&d,typeof d=="function"&&d()]})]}),e.parent===3&&!e.subs.length&&i.jsx("div",{className:r.configItemSidebar.divider?.[c]})]})),(e.parent===2||e.parent===4)&&(f=i.jsxs(i.Fragment,{children:[i.jsxs(u,{id:e.name,className:`${s.default["item-sidebar-2"]}
+          ${r.configItemSidebar.variant?.[c]} ${r.configItemSidebar.parent?.[e.parent.toString()]} 
+          ${b||e.subs.length>0&&n?s.default.active:""} ${typeof t=="boolean"&&t?s.default["item-sidebar-open"]:""} ${typeof t=="boolean"&&!t?s.default["item-sidebar-close"]:""}
+        `,onClick:y,onMouseOver:()=>g(!0),onMouseOut:()=>g(!1),...o?o(e.slug,e):{},children:[m.isValidElement(e.svgIcon)&&i.jsx("div",{className:s.default["item-icon"],children:b||e.subs.length>0&&n?e?.svgIconActive:N?e?.svgIconHover||e?.svgIconActive:e?.svgIcon}),i.jsx("div",{className:s.default["item-label"],children:e.label}),e.subs.length>0&&t&&i.jsxs("div",{className:`${s.default["item-icon-subs"]} ${n?s.default["item-icon-subs-active"]:""}`,id:`item-sidebar-subs-${e.name}-icon`,children:[m.isValidElement(d)&&d,typeof d=="function"&&d()]})]}),e.parent===4&&!e.subs.length&&i.jsx("div",{className:r.configItemSidebar.divider?.[c]})]})),e.subs.length>0?i.jsxs("div",{className:`${t||n?"":"-mt-2"}`,children:[f,i.jsx("div",{id:`item-sidebar-subs-${e.name}-${t&&n?"open":"close"}`,className:`${s.default["item-subs-sidebar"]} 
+          ${r.configItemSidebar.variant?.[c]} ${!t||!n?s.default.hidden:""}`,children:e.subs.map(a=>m.createElement(S,{...a,as:a.manualRoute?"div":a.subs.length>0?I:e.linkComponent,key:a.name,patch:j,iconSubs:d,show:h,open:t,variant:c,setShow:l}))}),[3,4].includes(e.parent)&&i.jsx("div",{className:r.configItemSidebar.divider?.[c]})]}):f):i.jsx(i.Fragment,{})};exports.default=S;