1mpacto-react-ui 2.0.27 → 2.0.28

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;

package/dist/components/SelectDropdownContainer/styleConfig.mjs

@@ -1,4 +1,4 @@
-const n = {
+const r = {
   control: (o) => ({
     ...o,
     border: "1px solid #D6D6D6",
@@ -48,7 +48,7 @@ const n = {
     lineHeight: "16px",
     fontFamily: "Lato"
   })
-}, e = {
+}, n = {
   control: (o) => ({
     ...o,
     border: "1px solid #BDBDBD",
@@ -99,7 +99,7 @@ const n = {
     lineHeight: "22px",
     fontFamily: "Inter"
   })
-}, r = {
+}, e = {
   control: (o) => ({
     ...o,
     border: "1px solid #BDBDBD",
@@ -156,6 +156,100 @@ const n = {
     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"
+    }
+  })
+}, a = {
   control: () => ({
     display: "none"
   }),
@@ -190,7 +284,7 @@ const n = {
     lineHeight: "16px",
     fontFamily: "Lato"
   })
-}, l = {
+}, t = {
   control: () => ({
     display: "none"
   }),
@@ -225,7 +319,7 @@ const n = {
     lineHeight: "22px",
     fontFamily: "Inter"
   })
-}, p = {
+}, l = {
   control: () => ({
     display: "none"
   }),
@@ -266,12 +360,58 @@ const n = {
     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
+  })
 };
 export {
-  r as styleSelectDropdownContainerBill,
-  n as styleSelectDropdownContainerLaba,
-  p as styleSelectDropdownContainerNoSearchBill,
-  d as styleSelectDropdownContainerNoSearchLaba,
-  l as styleSelectDropdownContainerNoSearchPayhere,
-  e as styleSelectDropdownContainerPayhere
+  e as styleSelectDropdownContainerBill,
+  d as styleSelectDropdownContainerFin,
+  r as styleSelectDropdownContainerLaba,
+  l as styleSelectDropdownContainerNoSearchBill,
+  p as styleSelectDropdownContainerNoSearchFin,
+  a as styleSelectDropdownContainerNoSearchLaba,
+  t as styleSelectDropdownContainerNoSearchPayhere,
+  n as styleSelectDropdownContainerPayhere
 };

package/dist/components/Sidebar/Sidebar.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_sidebar_1sa0l_16",e={"splace-screen":"_splace-screen_1sa0l_1","payhere-brand-base-white":"_payhere-brand-base-white_1sa0l_13",sidebar:a,"button-collaps-sidebar":"_button-collaps-sidebar_1sa0l_31","menu-sidebar":"_menu-sidebar_1sa0l_48","sidebar-open":"_sidebar-open_1sa0l_79","container-icon-company-sidebar":"_container-icon-company-sidebar_1sa0l_96","icon-company-sidebar":"_icon-company-sidebar_1sa0l_99","sidebar-close":"_sidebar-close_1sa0l_107","content-sidebar":"_content-sidebar_1sa0l_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_1sa0l_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_1sa0l_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_1sa0l_607","laba-white":"_laba-white_1sa0l_805","lpd-brand-base-white":"_lpd-brand-base-white_1sa0l_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_1sa0l_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_1sa0l_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_1sa0l_1825","bill-brand-base":"_bill-brand-base_1sa0l_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_1sa0l_2460","fin-base":"_fin-base_1sa0l_2861","fin-base-responsive":"_fin-base-responsive_1sa0l_3255"};exports.default=e;exports.sidebar=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_sidebar_1v0uy_16",a={"splace-screen":"_splace-screen_1v0uy_1","payhere-brand-base-white":"_payhere-brand-base-white_1v0uy_13",sidebar:e,"button-collaps-sidebar":"_button-collaps-sidebar_1v0uy_31","menu-sidebar":"_menu-sidebar_1v0uy_48","sidebar-open":"_sidebar-open_1v0uy_79","container-icon-company-sidebar":"_container-icon-company-sidebar_1v0uy_96","icon-company-sidebar":"_icon-company-sidebar_1v0uy_99","sidebar-close":"_sidebar-close_1v0uy_107","content-sidebar":"_content-sidebar_1v0uy_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_1v0uy_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_1v0uy_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_1v0uy_607","laba-white":"_laba-white_1v0uy_805","lpd-brand-base-white":"_lpd-brand-base-white_1v0uy_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_1v0uy_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_1v0uy_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_1v0uy_1825","bill-brand-base":"_bill-brand-base_1v0uy_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_1v0uy_2460","fin-base":"_fin-base_1v0uy_2861","fin-base-responsive":"_fin-base-responsive_1v0uy_3255"};exports.default=a;exports.sidebar=e;

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

@@ -1,28 +1,28 @@
-const a = "_sidebar_1sa0l_16", e = {
-  "splace-screen": "_splace-screen_1sa0l_1",
-  "payhere-brand-base-white": "_payhere-brand-base-white_1sa0l_13",
-  sidebar: a,
-  "button-collaps-sidebar": "_button-collaps-sidebar_1sa0l_31",
-  "menu-sidebar": "_menu-sidebar_1sa0l_48",
-  "sidebar-open": "_sidebar-open_1sa0l_79",
-  "container-icon-company-sidebar": "_container-icon-company-sidebar_1sa0l_96",
-  "icon-company-sidebar": "_icon-company-sidebar_1sa0l_99",
-  "sidebar-close": "_sidebar-close_1sa0l_107",
-  "content-sidebar": "_content-sidebar_1sa0l_132",
-  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_1sa0l_211",
-  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_1sa0l_409",
-  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_1sa0l_607",
-  "laba-white": "_laba-white_1sa0l_805",
-  "lpd-brand-base-white": "_lpd-brand-base-white_1sa0l_1195",
-  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_1sa0l_1393",
-  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_1sa0l_1591",
-  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_1sa0l_1825",
-  "bill-brand-base": "_bill-brand-base_1sa0l_2059",
-  "bill-brand-base-responsive": "_bill-brand-base-responsive_1sa0l_2460",
-  "fin-base": "_fin-base_1sa0l_2861",
-  "fin-base-responsive": "_fin-base-responsive_1sa0l_3255"
+const e = "_sidebar_1v0uy_16", a = {
+  "splace-screen": "_splace-screen_1v0uy_1",
+  "payhere-brand-base-white": "_payhere-brand-base-white_1v0uy_13",
+  sidebar: e,
+  "button-collaps-sidebar": "_button-collaps-sidebar_1v0uy_31",
+  "menu-sidebar": "_menu-sidebar_1v0uy_48",
+  "sidebar-open": "_sidebar-open_1v0uy_79",
+  "container-icon-company-sidebar": "_container-icon-company-sidebar_1v0uy_96",
+  "icon-company-sidebar": "_icon-company-sidebar_1v0uy_99",
+  "sidebar-close": "_sidebar-close_1v0uy_107",
+  "content-sidebar": "_content-sidebar_1v0uy_132",
+  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_1v0uy_211",
+  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_1v0uy_409",
+  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_1v0uy_607",
+  "laba-white": "_laba-white_1v0uy_805",
+  "lpd-brand-base-white": "_lpd-brand-base-white_1v0uy_1195",
+  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_1v0uy_1393",
+  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_1v0uy_1591",
+  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_1v0uy_1825",
+  "bill-brand-base": "_bill-brand-base_1v0uy_2059",
+  "bill-brand-base-responsive": "_bill-brand-base-responsive_1v0uy_2460",
+  "fin-base": "_fin-base_1v0uy_2861",
+  "fin-base-responsive": "_fin-base-responsive_1v0uy_3255"
 };
 export {
-  e as default,
-  a as sidebar
+  a as default,
+  e as sidebar
 };

package/dist/components/Step/StepIndicator.cjs

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("./StepIndicator.module.scss.cjs");function x(e,l){if(e<=0)return"0px";if(e===1)return"100%";const s=e-1;return`calc((100% - (${l} * ${s})) / ${e})`}const j=({activeStep:e=0,countStep:l=0,classNameActiveStepIndicator:s="",classNameContainer:$="",classNameDesc:u="",classNameStepIndicator:n="",id:c="1ru-step-indicator",locationStepIndicator:i="right",widthStepIndicator:h=120,dynamicWidthStepIndicator:d=!1,gapStepIndicator:a="2px",classNameStepIndicatorContainer:m=""})=>r.jsxs("div",{id:c,className:`${t.default["container-step-indicator"]} 
-      ${i==="left"?t.default.left:t.default.right} ${$||""}`,children:[i==="left"&&r.jsxs("p",{className:`${t.default["text-step-indicator"]} ${u||""}`,children:[e+1,"/",l]}),r.jsx("div",{className:`${t.default["step-indicator"]} ${m||""}
-        ${d?"iru-w-full":""} ${a}`,style:{gap:a},children:Array.from({length:l}).map((o,f)=>r.jsx("div",{className:`${t.default.indicator} ${n||""} 
-            ${f<=e?`${t.default.active} ${s}`:""}`,style:{width:d?x(l,a):h}},f))}),i==="right"&&r.jsxs("p",{className:`${t.default["text-step-indicator"]} ${u||""}`,children:[e+1,"/",l]})]});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),n=require("./StepIndicator.config.cjs"),r=require("./StepIndicator.module.scss.cjs");function j(e,t){if(e<=0)return"0px";if(e===1)return"100%";const s=e-1;return`calc((100% - (${t} * ${s})) / ${e})`}const p=({activeStep:e=0,countStep:t=0,classNameActiveStepIndicator:s="",classNameContainer:$="",classNameDesc:d="",classNameStepIndicator:c="",id:o="1ru-step-indicator",locationStepIndicator:i="right",widthStepIndicator:g=120,dynamicWidthStepIndicator:u=!1,gapStepIndicator:a="2px",classNameStepIndicatorContainer:h="",variant:m="laba-green-08",borderRadius:x="full"})=>l.jsxs("div",{id:o,className:`${n.configStepIndicator.variants[m]} 
+      ${i==="left"?r.default.left:r.default.right} ${$||""}`,children:[i==="left"&&l.jsxs("p",{className:`${r.default["text-step-indicator"]} ${d||""}`,children:[e+1,"/",t]}),l.jsx("div",{className:`${r.default["step-indicator"]} ${h||""}
+        ${u?"iru-w-full":""} ${a}`,style:{gap:a},children:Array.from({length:t}).map((v,f)=>l.jsx("div",{className:`${r.default.indicator}
+              ${n.configStepIndicator.borderRadius[x]} 
+              ${c||""} 
+              ${f<=e?`${r.default.active} ${s}`:""}`,style:{width:u?j(t,a):g}},f))}),i==="right"&&l.jsxs("p",{className:`${r.default["text-step-indicator"]} ${d||""}`,children:[e+1,"/",t]})]});exports.default=p;

package/dist/components/Step/StepIndicator.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../config/components/borderRadius.cjs"),e=require("./StepIndicator.module.scss.cjs"),t={variants:{"laba-green-08":e.default["laba-green-08"],"teal-600":e.default["teal-600"]},borderRadius:r.configBorderRadius};exports.configStepIndicator=t;

package/dist/components/Step/StepIndicator.config.mjs

@@ -0,0 +1,12 @@
+import { configBorderRadius as a } from "../../config/components/borderRadius.mjs";
+import r from "./StepIndicator.module.scss.mjs";
+const t = {
+  variants: {
+    "laba-green-08": r["laba-green-08"],
+    "teal-600": r["teal-600"]
+  },
+  borderRadius: a
+};
+export {
+  t as configStepIndicator
+};