1mpacto-react-ui 2.0.16 → 2.0.18

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

@@ -0,0 +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=_;

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

@@ -0,0 +1,19 @@
+const e = "_container_17mpy_1", _ = "_disabled_17mpy_11", a = "_label_17mpy_15", n = "_desc_17mpy_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",
+  disabled: _,
+  label: a,
+  desc: n,
+  "same-background": "_same-background_17mpy_21"
+};
+export {
+  e as container,
+  t as default,
+  n as desc,
+  _ as disabled,
+  a as label
+};

package/dist/components/SelectDropdownContainer/SelectDropdownContainer.cjs

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +1,27 @@
+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 = {
+  error: {
+    laba: e["error-laba"],
+    payhere: e["error-payhere"],
+    bill: e["error-bill"]
+  },
+  variant: {
+    laba: a,
+    payhere: o,
+    bill: r
+  },
+  noSearchVariant: {
+    laba: t,
+    payhere: n,
+    bill: l
+  },
+  classNamePopover: {
+    laba: "",
+    payhere: "",
+    bill: "!iru-rounded-xl"
+  }
+};
+export {
+  c as configSelectDropdownContainer
+};

package/dist/components/SelectDropdownContainer/SelectDropdownContainer.mjs

@@ -0,0 +1,150 @@
+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) => {
+    const {
+      width: d,
+      children: g,
+      components: I,
+      classNameContainer: E = "",
+      classNameContainerShowSelect: $ = "",
+      classNameContainerSelect: D = "",
+      classNameLabelError: x = "",
+      error: z,
+      onChange: v,
+      externalValue: l = !1,
+      defaultValueButtonDropdown: r = {},
+      autoClose: L = !0,
+      onMenuOpen: M = () => {
+      },
+      autoCloseOutside: b = !0,
+      styleInnerPopper: W = {},
+      onMenuClose: j = () => {
+      },
+      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 = () => {
+      },
+      ...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 = () => {
+      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);
+    }, u = () => {
+      a.current && y(a.current.offsetWidth);
+    };
+    return re(() => {
+      l && c(r), U(r);
+    }, [l, r]), t.useEffect(() => {
+      n ? M() : n || (j(), P(""));
+    }, [n]), t.useImperativeHandle(
+      R,
+      () => ({
+        selectValue: i,
+        setSelectValue: c,
+        handlerClose: O,
+        handlerShow: N,
+        show: n,
+        setShow: w
+      }),
+      [n, ae(i)]
+    ), t.useEffect(() => (window.addEventListener("resize", u), window.addEventListener("load", u), () => {
+      window.removeEventListener("resize", u), window.removeEventListener("load", u);
+    }), [a]), /* @__PURE__ */ ee(
+      "div",
+      {
+        id: F,
+        className: `${ne.container} ${E} ${n ? `${$} open-popover` : null}`,
+        ref: a,
+        children: [
+          g({
+            selectValue: i,
+            setSelectValue: c,
+            handlerClose: O,
+            handlerShow: N,
+            show: n,
+            setShow: w
+          }),
+          /* @__PURE__ */ S(
+            oe,
+            {
+              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,
+                {
+                  className: "iru-w-full",
+                  defaultValue: Z(),
+                  inputValue: Y,
+                  onInputChange: (e, { action: o }) => {
+                    o === "input-change" && P(e);
+                  },
+                  openMenuOnFocus: !0,
+                  autoFocus: !1,
+                  backspaceRemovesValue: !1,
+                  components: {
+                    IndicatorSeparator: null,
+                    ...I
+                  },
+                  controlShouldRenderValue: !1,
+                  hideSelectedOptions: !1,
+                  isClearable: !1,
+                  menuIsOpen: !0,
+                  tabSelectsValue: !1,
+                  styles: q ? p.variant[h] : p.noSearchVariant[h],
+                  noOptionsMessage: () => "Tidak ada data.",
+                  onChange: _,
+                  selectProps: {
+                    ...K,
+                    setShowDropdown: w
+                  },
+                  ...X
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ S("div", { className: `${p.error[Q]} ${x}`, children: z })
+        ]
+      }
+    );
+  }
+);
+se.displayName = "SelectDropdownContainer";
+export {
+  se as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_container_whbr8_1",e={container:r,"error-payhere":"_error-payhere_whbr8_7","error-laba":"_error-laba_whbr8_16","error-bill":"_error-bill_whbr8_25"};exports.container=r;exports.default=e;

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

@@ -0,0 +1,10 @@
+const r = "_container_whbr8_1", e = {
+  container: r,
+  "error-payhere": "_error-payhere_whbr8_7",
+  "error-laba": "_error-laba_whbr8_16",
+  "error-bill": "_error-bill_whbr8_25"
+};
+export {
+  r as container,
+  e as default
+};

package/dist/components/SelectDropdownContainer/styleConfig.cjs

@@ -0,0 +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;

package/dist/components/SelectDropdownContainer/styleConfig.mjs

@@ -0,0 +1,277 @@
+const n = {
+  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"
+  })
+}, e = {
+  control: (o) => ({
+    ...o,
+    border: "1px solid #BDBDBD",
+    "&:hover": {
+      borderColor: "#64B5F6"
+    },
+    borderRadius: "6px",
+    outline: "none",
+    // boxShadow: '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"
+  })
+}, r = {
+  control: (o) => ({
+    ...o,
+    border: "1px solid #BDBDBD",
+    "&:hover": {
+      borderColor: "#64B5F6"
+    },
+    borderRadius: "6px",
+    outline: "none",
+    // boxShadow: '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: () => ({
+    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"
+  })
+}, l = {
+  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"
+  })
+}, p = {
+  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"
+  })
+};
+export {
+  r as styleSelectDropdownContainerBill,
+  n as styleSelectDropdownContainerLaba,
+  p as styleSelectDropdownContainerNoSearchBill,
+  d as styleSelectDropdownContainerNoSearchLaba,
+  l as styleSelectDropdownContainerNoSearchPayhere,
+  e as styleSelectDropdownContainerPayhere
+};

package/dist/components/Sidebar/ItemSidebar.cjs

@@ -0,0 +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;

package/dist/components/Sidebar/ItemSidebar.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./itemSidebar.module.scss.cjs"),a={variant:{"payhere-brand-base-white":e.default["sidebar-payhere"],"payhere-brand-base-transparent":e.default["sidebar-payhere"],"payhere-brand-indigo-900-transparent":e.default["sidebar-payhere-indigo-800"],"payhere-brand-blue-gray-900-transparent":e.default["sidebar-payhere-blue-gray-800"],"laba-white":e.default["sidebar-laba"],"lpd-brand-base-white":e.default["sidebar-lpd"],"lpd-brand-base-transparent":e.default["sidebar-lpd"],"lpd-brand-base-white-responsive":e.default["sidebar-lpd"],"lpd-brand-base-transparent-responsive":e.default["sidebar-lpd"],"bill-brand-base":e.default["sidebar-bill"],"bill-brand-base-responsive":e.default["sidebar-bill"]},parent:{1:e.default["parent-sidebar-1"],2:e.default["parent-sidebar-2"],3:e.default["parent-sidebar-3"],4:e.default["parent-sidebar-4"],5:e.default["parent-sidebar-5"],6:e.default["parent-sidebar-6"],7:e.default["parent-sidebar-7"],8:e.default["parent-sidebar-8"]},divider:{"payhere-brand-base-white":e.default["divider-item-sidebar-payhere"],"payhere-brand-base-transparent":e.default["divider-item-sidebar-payhere"],"payhere-brand-indigo-900-transparent":e.default["divider-item-sidebar-payhere"],"payhere-brand-blue-gray-900-transparent":e.default["divider-item-sidebar-payhere"],"laba-white":e.default["divider-item-sidebar-laba"],"lpd-brand-base-white":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-transparent":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-white-responsive":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-transparent-responsive":e.default["divider-item-sidebar-lpd"],"bill-brand-base":e.default["divider-item-sidebar-bill"],"bill-brand-base-responsive":e.default["divider-item-sidebar-bill"]}};exports.configItemSidebar=a;

package/dist/components/Sidebar/ItemSidebar.config.mjs

@@ -0,0 +1,42 @@
+import e from "./itemSidebar.module.scss.mjs";
+const r = {
+  variant: {
+    "payhere-brand-base-white": e["sidebar-payhere"],
+    "payhere-brand-base-transparent": e["sidebar-payhere"],
+    "payhere-brand-indigo-900-transparent": e["sidebar-payhere-indigo-800"],
+    "payhere-brand-blue-gray-900-transparent": e["sidebar-payhere-blue-gray-800"],
+    "laba-white": e["sidebar-laba"],
+    "lpd-brand-base-white": e["sidebar-lpd"],
+    "lpd-brand-base-transparent": e["sidebar-lpd"],
+    "lpd-brand-base-white-responsive": e["sidebar-lpd"],
+    "lpd-brand-base-transparent-responsive": e["sidebar-lpd"],
+    "bill-brand-base": e["sidebar-bill"],
+    "bill-brand-base-responsive": e["sidebar-bill"]
+  },
+  parent: {
+    1: e["parent-sidebar-1"],
+    2: e["parent-sidebar-2"],
+    3: e["parent-sidebar-3"],
+    4: e["parent-sidebar-4"],
+    5: e["parent-sidebar-5"],
+    6: e["parent-sidebar-6"],
+    7: e["parent-sidebar-7"],
+    8: e["parent-sidebar-8"]
+  },
+  divider: {
+    "payhere-brand-base-white": e["divider-item-sidebar-payhere"],
+    "payhere-brand-base-transparent": e["divider-item-sidebar-payhere"],
+    "payhere-brand-indigo-900-transparent": e["divider-item-sidebar-payhere"],
+    "payhere-brand-blue-gray-900-transparent": e["divider-item-sidebar-payhere"],
+    "laba-white": e["divider-item-sidebar-laba"],
+    "lpd-brand-base-white": e["divider-item-sidebar-lpd"],
+    "lpd-brand-base-transparent": e["divider-item-sidebar-lpd"],
+    "lpd-brand-base-white-responsive": e["divider-item-sidebar-lpd"],
+    "lpd-brand-base-transparent-responsive": e["divider-item-sidebar-lpd"],
+    "bill-brand-base": e["divider-item-sidebar-bill"],
+    "bill-brand-base-responsive": e["divider-item-sidebar-bill"]
+  }
+};
+export {
+  r as configItemSidebar
+};