1mpacto-react-ui 2.0.26 → 2.0.28

package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.mjs

@@ -1,26 +1,28 @@
-const e = "_container_1efq6_1", _ = "_label_1efq6_159", a = "_disabled_1efq6_163", l = {
-  container: e,
-  "container-input": "_container-input_1efq6_1",
-  "input-radio-checkbox-s": "_input-radio-checkbox-s_1efq6_1",
-  "input-radio-checkbox-m": "_input-radio-checkbox-m_1efq6_1",
-  "input-radio-checkbox-small": "_input-radio-checkbox-small_1efq6_1",
-  "input-radio-checkbox-reguler": "_input-radio-checkbox-reguler_1efq6_1",
-  "checked-icon": "_checked-icon_1efq6_11",
-  "default-disabled-radio": "_default-disabled-radio_1efq6_48",
-  "default-disabled-checkbox": "_default-disabled-checkbox_1efq6_58",
-  "laba-blue-10": "_laba-blue-10_1efq6_66",
-  "laba-blue-10-hv_bg_transparent": "_laba-blue-10-hv_bg_transparent_1efq6_78",
-  "blue-700": "_blue-700_1efq6_90",
-  "blue-700-hv_bg_transparent": "_blue-700-hv_bg_transparent_1efq6_102",
-  "bill-primary-500": "_bill-primary-500_1efq6_114",
-  "bill-primary-600-hv_bg_transparent": "_bill-primary-600-hv_bg_transparent_1efq6_126",
-  "bill-secondary-800-hv_bg_transparent": "_bill-secondary-800-hv_bg_transparent_1efq6_138",
-  label: _,
-  disabled: a
+const _ = "_container_8svpp_1", a = "_label_8svpp_239", p = "_disabled_8svpp_243", e = {
+  container: _,
+  "container-input": "_container-input_8svpp_1",
+  "input-radio-checkbox-s": "_input-radio-checkbox-s_8svpp_1",
+  "input-radio-checkbox-m": "_input-radio-checkbox-m_8svpp_1",
+  "input-radio-checkbox-small": "_input-radio-checkbox-small_8svpp_1",
+  "input-radio-checkbox-reguler": "_input-radio-checkbox-reguler_8svpp_1",
+  "checked-icon": "_checked-icon_8svpp_11",
+  "default-disabled-radio": "_default-disabled-radio_8svpp_48",
+  "default-disabled-checkbox": "_default-disabled-checkbox_8svpp_58",
+  "laba-blue-10": "_laba-blue-10_8svpp_66",
+  "laba-blue-10-hv_bg_transparent": "_laba-blue-10-hv_bg_transparent_8svpp_78",
+  "blue-700": "_blue-700_8svpp_90",
+  "blue-700-hv_bg_transparent": "_blue-700-hv_bg_transparent_8svpp_102",
+  "bill-primary-500": "_bill-primary-500_8svpp_114",
+  "bill-primary-600-hv_bg_transparent": "_bill-primary-600-hv_bg_transparent_8svpp_126",
+  "bill-secondary-800-hv_bg_transparent": "_bill-secondary-800-hv_bg_transparent_8svpp_138",
+  "fin-primary-500": "_fin-primary-500_8svpp_150",
+  "fin-primary-500-hv_bg_transparent": "_fin-primary-500-hv_bg_transparent_8svpp_188",
+  label: a,
+  disabled: p
 };
 export {
-  e as container,
-  l as default,
-  a as disabled,
-  _ as label
+  _ as container,
+  e as default,
+  p as disabled,
+  a as label
 };

package/dist/components/RadioCheckbox/RadioCheckboxLabel.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../config/components/borderRadius.cjs"),r=require("../../config/components/font.cjs"),t=require("../../config/components/typography.cjs"),e=require("./RadioCheckboxLabel.module.scss.cjs"),o={borderRadius:a.configBorderRadius,typographyLabel:t.configtypography,typographyDesc:t.configtypography,fonts:r.configFont,variants:{"laba-blue-01":e.default["laba-blue-01"],"blue-50":e.default["blue-50"],"bill-secondary-50":e.default["bill-secondary-50"],"transparent-text_orange-700":e.default["transparent-text_orange-700"],"transparent-text_green-700":e.default["transparent-text_green-700"]}};exports.configRadioCheckboxLabel=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../config/components/borderRadius.cjs"),t=require("../../config/components/font.cjs"),a=require("../../config/components/typography.cjs"),e=require("./RadioCheckboxLabel.module.scss.cjs"),o={borderRadius:r.configBorderRadius,typographyLabel:a.configtypography,typographyDesc:a.configtypography,fonts:t.configFont,variants:{"laba-blue-01":e.default["laba-blue-01"],"blue-50":e.default["blue-50"],"bill-secondary-50":e.default["bill-secondary-50"],"fin-primary-500":e.default["fin-primary-500"],"transparent-text_orange-700":e.default["transparent-text_orange-700"],"transparent-text_green-700":e.default["transparent-text_green-700"]}};exports.configRadioCheckboxLabel=o;

package/dist/components/RadioCheckbox/RadioCheckboxLabel.config.mjs

@@ -1,16 +1,17 @@
-import { configBorderRadius as e } from "../../config/components/borderRadius.mjs";
-import { configFont as o } from "../../config/components/font.mjs";
+import { configBorderRadius as a } from "../../config/components/borderRadius.mjs";
+import { configFont as e } from "../../config/components/font.mjs";
 import { configtypography as t } from "../../config/components/typography.mjs";
 import r from "./RadioCheckboxLabel.module.scss.mjs";
 const l = {
-  borderRadius: e,
+  borderRadius: a,
   typographyLabel: t,
   typographyDesc: t,
-  fonts: o,
+  fonts: e,
   variants: {
     "laba-blue-01": r["laba-blue-01"],
     "blue-50": r["blue-50"],
     "bill-secondary-50": r["bill-secondary-50"],
+    "fin-primary-500": r["fin-primary-500"],
     "transparent-text_orange-700": r["transparent-text_orange-700"],
     "transparent-text_green-700": r["transparent-text_green-700"]
   }

package/dist/components/RadioCheckbox/RadioCheckboxLabel.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_17mpy_1",a="_disabled_17mpy_11",_="_label_17mpy_15",t="_desc_17mpy_18",n={container:e,"bill-secondary-50":"_bill-secondary-50_17mpy_1","laba-blue-01":"_laba-blue-01_17mpy_1","transparent-text_orange-700":"_transparent-text_orange-700_17mpy_1","transparent-text_green-700":"_transparent-text_green-700_17mpy_1","blue-50":"_blue-50_17mpy_1",disabled:a,label:_,desc:t,"same-background":"_same-background_17mpy_21"};exports.container=e;exports.default=n;exports.desc=t;exports.disabled=a;exports.label=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_10pyz_1",_="_disabled_10pyz_11",a="_label_10pyz_15",t="_desc_10pyz_18",n={container:e,"fin-primary-500":"_fin-primary-500_10pyz_1","bill-secondary-50":"_bill-secondary-50_10pyz_1","laba-blue-01":"_laba-blue-01_10pyz_1","transparent-text_orange-700":"_transparent-text_orange-700_10pyz_1","transparent-text_green-700":"_transparent-text_green-700_10pyz_1","blue-50":"_blue-50_10pyz_1",disabled:_,label:a,desc:t,"same-background":"_same-background_10pyz_21"};exports.container=e;exports.default=n;exports.desc=t;exports.disabled=_;exports.label=a;

package/dist/components/RadioCheckbox/RadioCheckboxLabel.module.scss.mjs

@@ -1,14 +1,15 @@
-const e = "_container_17mpy_1", _ = "_disabled_17mpy_11", a = "_label_17mpy_15", n = "_desc_17mpy_18", t = {
+const e = "_container_10pyz_1", _ = "_disabled_10pyz_11", a = "_label_10pyz_15", n = "_desc_10pyz_18", t = {
   container: e,
-  "bill-secondary-50": "_bill-secondary-50_17mpy_1",
-  "laba-blue-01": "_laba-blue-01_17mpy_1",
-  "transparent-text_orange-700": "_transparent-text_orange-700_17mpy_1",
-  "transparent-text_green-700": "_transparent-text_green-700_17mpy_1",
-  "blue-50": "_blue-50_17mpy_1",
+  "fin-primary-500": "_fin-primary-500_10pyz_1",
+  "bill-secondary-50": "_bill-secondary-50_10pyz_1",
+  "laba-blue-01": "_laba-blue-01_10pyz_1",
+  "transparent-text_orange-700": "_transparent-text_orange-700_10pyz_1",
+  "transparent-text_green-700": "_transparent-text_green-700_10pyz_1",
+  "blue-50": "_blue-50_10pyz_1",
   disabled: _,
   label: a,
   desc: n,
-  "same-background": "_same-background_17mpy_21"
+  "same-background": "_same-background_10pyz_21"
 };
 export {
   e as container,

package/dist/components/SelectDropdownContainer/SelectDropdownContainer.cjs

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

package/dist/components/SelectDropdownContainer/SelectDropdownContainer.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./SelectDropdownContainer.module.scss.cjs"),e=require("./styleConfig.cjs"),o={error:{laba:r.default["error-laba"],payhere:r.default["error-payhere"],bill:r.default["error-bill"]},variant:{laba:e.styleSelectDropdownContainerLaba,payhere:e.styleSelectDropdownContainerPayhere,bill:e.styleSelectDropdownContainerBill},noSearchVariant:{laba:e.styleSelectDropdownContainerNoSearchLaba,payhere:e.styleSelectDropdownContainerNoSearchPayhere,bill:e.styleSelectDropdownContainerNoSearchBill},classNamePopover:{laba:"",payhere:"",bill:"!iru-rounded-xl"}};exports.configSelectDropdownContainer=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./SelectDropdownContainer.module.scss.cjs"),e=require("./styleConfig.cjs"),o={error:{laba:r.default["error-laba"],payhere:r.default["error-payhere"],bill:r.default["error-bill"]},variant:{laba:e.styleSelectDropdownContainerLaba,payhere:e.styleSelectDropdownContainerPayhere,bill:e.styleSelectDropdownContainerBill,fin:e.styleSelectDropdownContainerFin},variantPopover:{laba:"white",payhere:"white",bill:"white",fin:"white-fin"},noSearchVariant:{laba:e.styleSelectDropdownContainerNoSearchLaba,payhere:e.styleSelectDropdownContainerNoSearchPayhere,bill:e.styleSelectDropdownContainerNoSearchBill,fin:e.styleSelectDropdownContainerNoSearchFin},classNamePopover:{laba:"",payhere:"",bill:"!iru-rounded-xl",fin:""}};exports.configSelectDropdownContainer=o;

package/dist/components/SelectDropdownContainer/SelectDropdownContainer.config.mjs

@@ -1,27 +1,36 @@
 import e from "./SelectDropdownContainer.module.scss.mjs";
-import { styleSelectDropdownContainerBill as r, styleSelectDropdownContainerPayhere as o, styleSelectDropdownContainerLaba as a, styleSelectDropdownContainerNoSearchBill as l, styleSelectDropdownContainerNoSearchPayhere as n, styleSelectDropdownContainerNoSearchLaba as t } from "./styleConfig.mjs";
-const c = {
+import { styleSelectDropdownContainerFin as r, styleSelectDropdownContainerBill as o, styleSelectDropdownContainerPayhere as a, styleSelectDropdownContainerLaba as l, styleSelectDropdownContainerNoSearchFin as n, styleSelectDropdownContainerNoSearchBill as t, styleSelectDropdownContainerNoSearchPayhere as i, styleSelectDropdownContainerNoSearchLaba as p } from "./styleConfig.mjs";
+const y = {
   error: {
     laba: e["error-laba"],
     payhere: e["error-payhere"],
     bill: e["error-bill"]
   },
   variant: {
-    laba: a,
-    payhere: o,
-    bill: r
+    laba: l,
+    payhere: a,
+    bill: o,
+    fin: r
+  },
+  variantPopover: {
+    laba: "white",
+    payhere: "white",
+    bill: "white",
+    fin: "white-fin"
   },
   noSearchVariant: {
-    laba: t,
-    payhere: n,
-    bill: l
+    laba: p,
+    payhere: i,
+    bill: t,
+    fin: n
   },
   classNamePopover: {
     laba: "",
     payhere: "",
-    bill: "!iru-rounded-xl"
+    bill: "!iru-rounded-xl",
+    fin: ""
   }
 };
 export {
-  c as configSelectDropdownContainer
+  y as configSelectDropdownContainer
 };

package/dist/components/SelectDropdownContainer/SelectDropdownContainer.mjs

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

package/dist/components/SelectDropdownContainer/styleConfig.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i={control:o=>({...o,border:"1px solid #D6D6D6","&:hover":{borderColor:"#0163C8"},borderRadius:"4px",outline:"none",boxShadow:"none",color:"#898989",backgroundColor:"white",margin:"0px",cursor:"text",minHeight:32,fontSize:"12px",lineHeight:"16px",fontFamily:"Lato"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px"}),option:(o,e)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Lato",cursor:"pointer",background:e.isSelected?"#F0F7FF":"white",color:e.isSelected?"#0163C8":o.color,"&:hover":{background:e.isDisabled?"":"#F0F7FF",color:e.isDisabled?"":"#0163C8",cursor:e.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"12px",lineHeight:"16px",fontFamily:"Lato"})},n={control:o=>({...o,border:"1px solid #BDBDBD","&:hover":{borderColor:"#64B5F6"},borderRadius:"6px",outline:"none",color:"#212121",backgroundColor:"white",margin:"0px",cursor:"text",minHeight:38,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter",marginBottom:"5px"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px"}),option:(o,e)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter",cursor:"pointer",background:e.isSelected?"#E1F5FE":"white",color:e.isSelected?"#1565C0":o.color,"&:hover":{background:e.isDisabled?"":"#E1F5FE",color:e.isDisabled?"":"#1565C0",cursor:e.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter"})},r={control:o=>({...o,border:"1px solid #BDBDBD","&:hover":{borderColor:"#64B5F6"},borderRadius:"6px",outline:"none",color:"#212121",backgroundColor:"white",margin:"0px",cursor:"text",minHeight:38,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",marginBottom:"5px"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px",borderRadius:"12px"}),menuList:o=>({...o,borderRadius:"12px"}),option:(o,e)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",cursor:"pointer",background:e.isSelected?"#F0FEFD":"white",color:e.isSelected?"#2F7E79":o.color,"&:hover":{background:e.isDisabled?"":"#F0FEFD",color:e.isDisabled?"":"#2F7E79",cursor:e.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans"})},l={control:()=>({display:"none"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px"}),option:(o,e)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Lato",cursor:"pointer",background:e.isSelected?"#F0F7FF":"white",color:e.isSelected?"#0163C8":o.color,"&:hover":{background:e.isDisabled?"":"#F0F7FF",color:e.isDisabled?"":"#0163C8",cursor:e.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"12px",lineHeight:"16px",fontFamily:"Lato"})},t={control:()=>({display:"none"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px"}),option:(o,e)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter",cursor:"pointer",background:e.isSelected?"#E1F5FE":"white",color:e.isSelected?"#1565C0":o.color,"&:hover":{background:e.isDisabled?"":"#E1F5FE",color:e.isDisabled?"":"#1565C0",cursor:e.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter"})},d={control:()=>({display:"none"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px",borderRadius:"12px"}),menuList:o=>({...o,borderRadius:"12px"}),option:(o,e)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",fontWeight:"500",cursor:"pointer",background:e.isSelected?"#F0FEFD":"white",color:e.isSelected?"#2F7E79":o.color,"&:hover":{background:e.isDisabled?"":"#F0FEFD",color:e.isDisabled?"":"#2F7E79",cursor:e.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans"})};exports.styleSelectDropdownContainerBill=r;exports.styleSelectDropdownContainerLaba=i;exports.styleSelectDropdownContainerNoSearchBill=d;exports.styleSelectDropdownContainerNoSearchLaba=l;exports.styleSelectDropdownContainerNoSearchPayhere=t;exports.styleSelectDropdownContainerPayhere=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={control:o=>({...o,border:"1px solid #D6D6D6","&:hover":{borderColor:"#0163C8"},borderRadius:"4px",outline:"none",boxShadow:"none",color:"#898989",backgroundColor:"white",margin:"0px",cursor:"text",minHeight:32,fontSize:"12px",lineHeight:"16px",fontFamily:"Lato"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px"}),option:(o,i)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Lato",cursor:"pointer",background:i.isSelected?"#F0F7FF":"white",color:i.isSelected?"#0163C8":o.color,"&:hover":{background:i.isDisabled?"":"#F0F7FF",color:i.isDisabled?"":"#0163C8",cursor:i.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"12px",lineHeight:"16px",fontFamily:"Lato"})},r={control:o=>({...o,border:"1px solid #BDBDBD","&:hover":{borderColor:"#64B5F6"},borderRadius:"6px",outline:"none",color:"#212121",backgroundColor:"white",margin:"0px",cursor:"text",minHeight:38,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter",marginBottom:"5px"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px"}),option:(o,i)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter",cursor:"pointer",background:i.isSelected?"#E1F5FE":"white",color:i.isSelected?"#1565C0":o.color,"&:hover":{background:i.isDisabled?"":"#E1F5FE",color:i.isDisabled?"":"#1565C0",cursor:i.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter"})},n={control:o=>({...o,border:"1px solid #BDBDBD","&:hover":{borderColor:"#64B5F6"},borderRadius:"6px",outline:"none",color:"#212121",backgroundColor:"white",margin:"0px",cursor:"text",minHeight:38,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",marginBottom:"5px"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px",borderRadius:"12px"}),menuList:o=>({...o,borderRadius:"12px"}),option:(o,i)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",cursor:"pointer",background:i.isSelected?"#F0FEFD":"white",color:i.isSelected?"#2F7E79":o.color,"&:hover":{background:i.isDisabled?"":"#F0FEFD",color:i.isDisabled?"":"#2F7E79",cursor:i.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans"})},d={control:o=>({...o,border:"1px solid #29B6F6","&:hover":{borderColor:"#29B6F6"},borderRadius:"8px",outline:"none",backgroundColor:"#ECEFF1",margin:"0px",cursor:"text",minHeight:38,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",marginBottom:"5px",'html[data-color-mode="dark"] &':{backgroundColor:"#1B3049"}}),dropdownIndicator:o=>({...o,padding:"0px 8px",color:"#616161"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px",marginBottom:"0px",borderBottomRightRadius:"12px",borderBottomLeftRadius:"12px",background:"white",'html[data-color-mode="dark"] &':{background:"#0E1824"}}),noOptionsMessage:o=>({...o,color:"#78909C",fontFamily:"PJakartaSans",'html[data-color-mode="dark"] &':{color:"#78909C"}}),menuList:o=>({...o,borderRadius:"4px"}),option:(o,i)=>({...o,fontSize:"14px",lineHeight:"22px",fontWeight:500,fontFamily:"PJakartaSans",cursor:"pointer",borderRadius:"4px",background:i.isSelected?"#CFD8DC":"white",color:i.isDisabled?"#90A4AE":"#0A121B","&:hover":{background:i.isDisabled?"":"#CFD8DC",cursor:i.isDisabled?"default":""},'html[data-color-mode="dark"] &':{background:i.isSelected?"#223C5B":"#0E1824",color:i.isDisabled?"#546E7A":"white","&:hover":{background:i.isDisabled?"":"#223C5B"}}}),group:o=>({...o,padding:0}),input:o=>({...o,color:"#0A121B",'html[data-color-mode="dark"] &':{color:"white !important",caretColor:"white !important","& input":{color:"white !important"}}}),placeholder:o=>({...o,color:"#78909C",fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",'html[data-color-mode="dark"] &':{color:"#78909C"}})},t={control:()=>({display:"none"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px"}),option:(o,i)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Lato",cursor:"pointer",background:i.isSelected?"#F0F7FF":"white",color:i.isSelected?"#0163C8":o.color,"&:hover":{background:i.isDisabled?"":"#F0F7FF",color:i.isDisabled?"":"#0163C8",cursor:i.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"12px",lineHeight:"16px",fontFamily:"Lato"})},a={control:()=>({display:"none"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px"}),option:(o,i)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter",cursor:"pointer",background:i.isSelected?"#E1F5FE":"white",color:i.isSelected?"#1565C0":o.color,"&:hover":{background:i.isDisabled?"":"#E1F5FE",color:i.isDisabled?"":"#1565C0",cursor:i.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"Inter"})},l={control:()=>({display:"none"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px",borderRadius:"12px"}),menuList:o=>({...o,borderRadius:"12px"}),option:(o,i)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",fontWeight:"500",cursor:"pointer",background:i.isSelected?"#F0FEFD":"white",color:i.isSelected?"#2F7E79":o.color,"&:hover":{background:i.isDisabled?"":"#F0FEFD",color:i.isDisabled?"":"#2F7E79",cursor:i.isDisabled?"default":""}}),group:o=>({...o,padding:0}),placeholder:o=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans"})},p={control:()=>({display:"none"}),dropdownIndicator:o=>({...o,padding:"0px 8px"}),menu:o=>({...o,position:"static",boxShadow:"none",marginTop:"0px",marginBottom:"0px",borderBottomRightRadius:"12px",borderBottomLeftRadius:"12px"}),menuList:o=>({...o,borderRadius:"4px"}),option:(o,i)=>({...o,fontSize:"14px",lineHeight:"22px",fontFamily:"PJakartaSans",fontWeight:"500",cursor:"pointer",borderRadius:"4px",background:i.isSelected?"#CFD8DC":"white",color:i.isDisabled?"#90A4AE":"#0A121B","&:hover":{background:i.isDisabled?"":"#CFD8DC",cursor:i.isDisabled?"default":""},'html[data-color-mode="dark"] &':{background:i.isSelected?"#223C5B":"#0E1824",color:i.isDisabled?"#546E7A":"white","&:hover":{background:i.isDisabled?"":"#223C5B"}}}),group:o=>({...o,padding:0})};exports.styleSelectDropdownContainerBill=n;exports.styleSelectDropdownContainerFin=d;exports.styleSelectDropdownContainerLaba=e;exports.styleSelectDropdownContainerNoSearchBill=l;exports.styleSelectDropdownContainerNoSearchFin=p;exports.styleSelectDropdownContainerNoSearchLaba=t;exports.styleSelectDropdownContainerNoSearchPayhere=a;exports.styleSelectDropdownContainerPayhere=r;