1mpacto-react-ui 2.0.16 → 2.0.18

package/dist/components/Input/InputInnerLabel.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_input_19hx0_12",_="_label_19hx0_39",t="_error_19hx0_59",n={"container-large":"_container-large_19hx0_1","container-input":"_container-input_19hx0_6",input:e,label:_,error:t,"isset-right-icon":"_isset-right-icon_19hx0_82","isset-left-icon":"_isset-left-icon_19hx0_85","start-icon":"_start-icon_19hx0_88","end-icon":"_end-icon_19hx0_95","label-error":"_label-error_19hx0_102","hidden-label":"_hidden-label_19hx0_113","container-small":"_container-small_19hx0_229"};exports.default=n;exports.error=t;exports.input=e;exports.label=_;

package/dist/components/Input/InputInnerLabel.module.scss.mjs

@@ -0,0 +1,20 @@
+const _ = "_input_19hx0_12", e = "_label_19hx0_39", n = "_error_19hx0_59", t = {
+  "container-large": "_container-large_19hx0_1",
+  "container-input": "_container-input_19hx0_6",
+  input: _,
+  label: e,
+  error: n,
+  "isset-right-icon": "_isset-right-icon_19hx0_82",
+  "isset-left-icon": "_isset-left-icon_19hx0_85",
+  "start-icon": "_start-icon_19hx0_88",
+  "end-icon": "_end-icon_19hx0_95",
+  "label-error": "_label-error_19hx0_102",
+  "hidden-label": "_hidden-label_19hx0_113",
+  "container-small": "_container-small_19hx0_229"
+};
+export {
+  t as default,
+  n as error,
+  _ as input,
+  e as label
+};

package/dist/components/Input/InputNative.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),e=require("./InputNative.module.scss.cjs"),x=require("./InputNative.config.cjs"),n=l.forwardRef(({name:d,classNameContainer:c,id:f,type:o="text",startIcon:i,endIcon:t,error:a,sizeInput:r="xs",classNameLabelError:m,className:p,...u},N)=>{const v=()=>typeof i=="function"||l.isValidElement(i),$=()=>typeof t=="function"||l.isValidElement(t);return s.jsxs("div",{className:`${x.configInputNative.size[r]} ${c}`,children:[s.jsxs("div",{className:`${e.default["container-input"]}`,children:[s.jsxs("div",{className:e.default["start-icon"],children:[typeof i=="function"&&i(),l.isValidElement(i)&&i]}),s.jsx("input",{id:f??d,className:`${e.default.input} ${a?e.default.error:""}
+          ${v()?e.default["isset-left-icon"]:""} 
+          ${$()?e.default["isset-right-icon"]:""} 
+          ${p??""}`,ref:N,type:o,...u}),s.jsxs("div",{className:e.default["end-icon"],children:[typeof t=="function"&&t(),l.isValidElement(t)&&t]})]}),a&&s.jsx("label",{className:`${e.default["label-error"]} 
+          ${u.disabled?e.default.disabled:""} ${m??""}`,children:a})]})});n.displayName="InputNative";exports.default=n;

package/dist/components/Input/InputNative.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./InputNative.module.scss.cjs"),t={size:{l:e.default["container-l"],s:e.default["container-s"],xs:e.default["container-xs"]}};exports.configInputNative=t;

package/dist/components/Input/InputNative.config.mjs

@@ -0,0 +1,11 @@
+import n from "./InputNative.module.scss.mjs";
+const o = {
+  size: {
+    l: n["container-l"],
+    s: n["container-s"],
+    xs: n["container-xs"]
+  }
+};
+export {
+  o as configInputNative
+};

package/dist/components/Input/InputNative.mjs

@@ -0,0 +1,58 @@
+import { jsxs as l, jsx as m } from "react/jsx-runtime";
+import s from "react";
+import i from "./InputNative.module.scss.mjs";
+import { configInputNative as y } from "./InputNative.config.mjs";
+const h = s.forwardRef(
+  ({
+    name: d,
+    classNameContainer: c,
+    id: f,
+    type: o = "text",
+    startIcon: e,
+    endIcon: t,
+    error: a,
+    sizeInput: p = "xs",
+    classNameLabelError: r,
+    className: u,
+    ...n
+  }, $) => {
+    const N = () => typeof e == "function" || s.isValidElement(e), v = () => typeof t == "function" || s.isValidElement(t);
+    return /* @__PURE__ */ l("div", { className: `${y.size[p]} ${c}`, children: [
+      /* @__PURE__ */ l("div", { className: `${i["container-input"]}`, children: [
+        /* @__PURE__ */ l("div", { className: i["start-icon"], children: [
+          typeof e == "function" && e(),
+          s.isValidElement(e) && e
+        ] }),
+        /* @__PURE__ */ m(
+          "input",
+          {
+            id: f ?? d,
+            className: `${i.input} ${a ? i.error : ""}
+          ${N() ? i["isset-left-icon"] : ""} 
+          ${v() ? i["isset-right-icon"] : ""} 
+          ${u ?? ""}`,
+            ref: $,
+            type: o,
+            ...n
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: i["end-icon"], children: [
+          typeof t == "function" && t(),
+          s.isValidElement(t) && t
+        ] })
+      ] }),
+      a && /* @__PURE__ */ m(
+        "label",
+        {
+          className: `${i["label-error"]} 
+          ${n.disabled ? i.disabled : ""} ${r ?? ""}`,
+          children: a
+        }
+      )
+    ] });
+  }
+);
+h.displayName = "InputNative";
+export {
+  h as default
+};

package/dist/components/Input/InputNative.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_input_1t291_12",e="_error_1t291_57",n={"container-xs":"_container-xs_1t291_1","container-input":"_container-input_1t291_6",input:t,error:e,"isset-right-icon":"_isset-right-icon_1t291_66","isset-left-icon":"_isset-left-icon_1t291_70","start-icon":"_start-icon_1t291_74","end-icon":"_end-icon_1t291_81","label-error":"_label-error_1t291_88","container-s":"_container-s_1t291_100","container-l":"_container-l_1t291_199"};exports.default=n;exports.error=e;exports.input=t;

package/dist/components/Input/InputNative.module.scss.mjs

@@ -0,0 +1,18 @@
+const t = "_input_1t291_12", n = "_error_1t291_57", _ = {
+  "container-xs": "_container-xs_1t291_1",
+  "container-input": "_container-input_1t291_6",
+  input: t,
+  error: n,
+  "isset-right-icon": "_isset-right-icon_1t291_66",
+  "isset-left-icon": "_isset-left-icon_1t291_70",
+  "start-icon": "_start-icon_1t291_74",
+  "end-icon": "_end-icon_1t291_81",
+  "label-error": "_label-error_1t291_88",
+  "container-s": "_container-s_1t291_100",
+  "container-l": "_container-l_1t291_199"
+};
+export {
+  _ as default,
+  n as error,
+  t as input
+};

package/dist/components/Input/InputReguler.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("react"),e=require("./InputReguler.module.scss.cjs"),v=require("./InputReguler.config.cjs"),u=t.forwardRef((f,m)=>{const{isRequired:p,classNameContainer:b,className:N,classNameLabel:$,classNameLabelError:x,name:d,id:c,label:o,type:h="text",startIcon:s,endIcon:a,error:i,sizeInput:j="large",contentLabel:n,classNameLabelContainer:g,...r}=f,I=()=>typeof s=="function"||t.isValidElement(s),R=()=>typeof a=="function"||t.isValidElement(a);return l.jsxs("div",{className:`${v.configInputReguler.size[j]} ${b??""}`,children:[l.jsxs("div",{className:`${e.default["label-container"]} ${g??""}`,children:[o&&l.jsxs("label",{htmlFor:c??d,className:`${e.default.label} ${r.disabled?e.default.disabled:""} ${$??""}`,children:[o," ",p&&l.jsx("span",{className:"iru-text-laba-red-08",children:"*"})]}),n&&l.jsxs("div",{className:e.default["content-label"],children:[typeof n=="function"&&n(),t.isValidElement(n)&&n]})]}),l.jsxs("div",{className:`${e.default["container-input"]}`,children:[l.jsxs("div",{className:e.default["start-icon"],children:[typeof s=="function"&&s(),t.isValidElement(s)&&s]}),l.jsx("input",{id:c??d,className:`${e.default.input} ${i?e.default.error:""}
+          ${I()?e.default["isset-left-icon"]:""} 
+          ${R()?e.default["isset-right-icon"]:""} 
+          ${N??""}`,ref:m,type:h,...r}),l.jsxs("div",{className:e.default["end-icon"],children:[typeof a=="function"&&a(),t.isValidElement(a)&&a]})]}),i&&l.jsx("label",{className:`${e.default["label-error"]} 
+          ${r.disabled?e.default.disabled:""} ${x??""}`,children:i})]})});u.displayName="InputReguler";exports.default=u;

package/dist/components/Input/InputReguler.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./InputReguler.module.scss.cjs"),t={size:{large:e.default["container-large"],medium:e.default["container-medium"],small:e.default["container-small"]}};exports.configInputReguler=t;

package/dist/components/Input/InputReguler.config.mjs

@@ -0,0 +1,11 @@
+import e from "./InputReguler.module.scss.mjs";
+const r = {
+  size: {
+    large: e["container-large"],
+    medium: e["container-medium"],
+    small: e["container-small"]
+  }
+};
+export {
+  r as configInputReguler
+};

package/dist/components/Input/InputReguler.mjs

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

package/dist/components/Input/InputReguler.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_label_1qpwf_6",n="_disabled_1qpwf_26",_="_input_1qpwf_39",t="_error_1qpwf_93",i={"container-large":"_container-large_1qpwf_1","label-container":"_label-container_1qpwf_6",label:e,disabled:n,"content-label":"_content-label_1qpwf_29","container-input":"_container-input_1qpwf_33",input:_,error:t,"isset-right-icon":"_isset-right-icon_1qpwf_102","isset-left-icon":"_isset-left-icon_1qpwf_106","start-icon":"_start-icon_1qpwf_110","end-icon":"_end-icon_1qpwf_117","label-error":"_label-error_1qpwf_124","container-medium":"_container-medium_1qpwf_139","container-small":"_container-small_1qpwf_277"};exports.default=i;exports.disabled=n;exports.error=t;exports.input=_;exports.label=e;

package/dist/components/Input/InputReguler.module.scss.mjs

@@ -0,0 +1,24 @@
+const _ = "_label_1qpwf_6", e = "_disabled_1qpwf_26", n = "_input_1qpwf_39", t = "_error_1qpwf_93", i = {
+  "container-large": "_container-large_1qpwf_1",
+  "label-container": "_label-container_1qpwf_6",
+  label: _,
+  disabled: e,
+  "content-label": "_content-label_1qpwf_29",
+  "container-input": "_container-input_1qpwf_33",
+  input: n,
+  error: t,
+  "isset-right-icon": "_isset-right-icon_1qpwf_102",
+  "isset-left-icon": "_isset-left-icon_1qpwf_106",
+  "start-icon": "_start-icon_1qpwf_110",
+  "end-icon": "_end-icon_1qpwf_117",
+  "label-error": "_label-error_1qpwf_124",
+  "container-medium": "_container-medium_1qpwf_139",
+  "container-small": "_container-small_1qpwf_277"
+};
+export {
+  i as default,
+  e as disabled,
+  t as error,
+  n as input,
+  _ as label
+};

package/dist/components/Modal/ModalDialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react-dom"),t=require("./style.module.scss.cjs"),j=require("./ModalDialog.config.cjs"),v=({as:r,children:n,id:d="modal",idModal:o="1ru-modal",withOverlay:u=!0,show:l,size:c="regular",className:i,classNameContainer:s,onClose:a,...m})=>{const g=r??"div",f=()=>{typeof a=="function"&&a()};return e.jsx(e.Fragment,{children:l&&document.getElementById(o)&&y.createPortal(e.jsx("div",{id:d,onClick:f,className:`${t.default.modal} ${u?t.default["with-overlay"]:""} ${l?t.default["modal-show"]:""} ${s??""}`,children:e.jsx(g,{onClick:$=>$.stopPropagation(),className:`${t.default["modal-content"]} ${j.configModal.size[c]} ${i??""}`,...m,children:n})}),document.getElementById(o))})};exports.default=v;

package/dist/components/Modal/ModalDialog.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./style.module.scss.cjs"),e={size:{small:l.default["modal-small"],medium:l.default["modal-medium"],regular:l.default["modal-regular"],large:l.default["modal-large"]}};exports.configModal=e;

package/dist/components/Modal/ModalDialog.config.mjs

@@ -0,0 +1,12 @@
+import l from "./style.module.scss.mjs";
+const a = {
+  size: {
+    small: l["modal-small"],
+    medium: l["modal-medium"],
+    regular: l["modal-regular"],
+    large: l["modal-large"]
+  }
+};
+export {
+  a as configModal
+};

package/dist/components/Modal/ModalDialog.mjs

@@ -0,0 +1,44 @@
+import { jsx as t, Fragment as $ } from "react/jsx-runtime";
+import { createPortal as y } from "react-dom";
+import o from "./style.module.scss.mjs";
+import { configModal as h } from "./ModalDialog.config.mjs";
+const C = ({
+  as: l,
+  children: m,
+  id: n = "modal",
+  idModal: e = "1ru-modal",
+  withOverlay: i = !0,
+  show: r,
+  size: c = "regular",
+  className: d,
+  classNameContainer: s,
+  onClose: a,
+  ...f
+}) => {
+  const g = l ?? "div", p = () => {
+    typeof a == "function" && a();
+  };
+  return /* @__PURE__ */ t($, { children: r && document.getElementById(e) && y(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        id: n,
+        onClick: p,
+        className: `${o.modal} ${i ? o["with-overlay"] : ""} ${r ? o["modal-show"] : ""} ${s ?? ""}`,
+        children: /* @__PURE__ */ t(
+          g,
+          {
+            onClick: (u) => u.stopPropagation(),
+            className: `${o["modal-content"]} ${h.size[c]} ${d ?? ""}`,
+            ...f,
+            children: m
+          }
+        )
+      }
+    ),
+    document.getElementById(e)
+  ) });
+};
+export {
+  C as default
+};

package/dist/components/Modal/style.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_modal_12o7y_1",l={modal:o,"modal-content":"_modal-content_12o7y_1","with-overlay":"_with-overlay_12o7y_23","modal-small":"_modal-small_12o7y_40","modal-medium":"_modal-medium_12o7y_44","modal-regular":"_modal-regular_12o7y_48","modal-large":"_modal-large_12o7y_52","modal-show":"_modal-show_12o7y_56"};exports.default=l;exports.modal=o;

package/dist/components/Modal/style.module.scss.mjs

@@ -0,0 +1,14 @@
+const o = "_modal_12o7y_1", l = {
+  modal: o,
+  "modal-content": "_modal-content_12o7y_1",
+  "with-overlay": "_with-overlay_12o7y_23",
+  "modal-small": "_modal-small_12o7y_40",
+  "modal-medium": "_modal-medium_12o7y_44",
+  "modal-regular": "_modal-regular_12o7y_48",
+  "modal-large": "_modal-large_12o7y_52",
+  "modal-show": "_modal-show_12o7y_56"
+};
+export {
+  l as default,
+  o as modal
+};

package/dist/components/NumberFormat/NumberFormat.cjs

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

package/dist/components/NumberFormat/NumberFormat.mjs

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

package/dist/components/Pagination/Pagination.cjs

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

package/dist/components/Pagination/Pagination.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../config/components/font.cjs"),a=require("./style.module.scss.cjs"),o={kind:{box:a.default["pagination-box"],nude:a.default["pagination-nude"]},fonts:{inter:{value:t.configFont.inter,typographyButtonLabel:"iru-text-payhere-body-sr"},lato:{value:t.configFont.lato,typographyButtonLabel:"iru-text-payhere-body-sr"},pJakartaSans:{value:t.configFont.pJakartaSans,typographyButtonLabel:"iru-text-bill-label-r"}}};exports.configPagination=o;

package/dist/components/Pagination/Pagination.config.mjs

@@ -0,0 +1,25 @@
+import { configFont as t } from "../../config/components/font.mjs";
+import a from "./style.module.scss.mjs";
+const e = {
+  kind: {
+    box: a["pagination-box"],
+    nude: a["pagination-nude"]
+  },
+  fonts: {
+    inter: {
+      value: t.inter,
+      typographyButtonLabel: "iru-text-payhere-body-sr"
+    },
+    lato: {
+      value: t.lato,
+      typographyButtonLabel: "iru-text-payhere-body-sr"
+    },
+    pJakartaSans: {
+      value: t.pJakartaSans,
+      typographyButtonLabel: "iru-text-bill-label-r"
+    }
+  }
+};
+export {
+  e as configPagination
+};