1mpacto-react-ui 2.0.26 → 2.0.28

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

@@ -1,51 +1,58 @@
-const _ = "_loading_14f86_14", e = {
-  "button-bill-xxs": "_button-bill-xxs_14f86_6",
-  "button-bill-xs": "_button-bill-xs_14f86_6",
-  "button-bill-s": "_button-bill-s_14f86_6",
-  "button-bill-m": "_button-bill-m_14f86_6",
-  "button-bill-l": "_button-bill-l_14f86_6",
-  "button-xs": "_button-xs_14f86_6",
-  "button-s": "_button-s_14f86_6",
-  "button-m": "_button-m_14f86_6",
-  "button-l": "_button-l_14f86_6",
-  "button-extra-small": "_button-extra-small_14f86_6",
-  "button-small": "_button-small_14f86_6",
-  "button-reguler": "_button-reguler_14f86_6",
-  "button-large": "_button-large_14f86_6",
-  loading: _,
-  "nude-laba-red-05": "_nude-laba-red-05_14f86_29",
-  "nude-laba-red-10": "_nude-laba-red-10_14f86_29",
-  "nude-gray-500": "_nude-gray-500_14f86_29",
-  "nude-green-700": "_nude-green-700_14f86_29",
-  "nude-red-700": "_nude-red-700_14f86_29",
-  "nude-laba-blue-10": "_nude-laba-blue-10_14f86_29",
-  "ghost-laba-green-10": "_ghost-laba-green-10_14f86_29",
-  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_14f86_29",
-  "ghost-green-700": "_ghost-green-700_14f86_29",
-  "ghost-red-700": "_ghost-red-700_14f86_29",
-  "ghost-laba-blue-10": "_ghost-laba-blue-10_14f86_29",
-  "filled-laba-white_laba-red-05": "_filled-laba-white_laba-red-05_14f86_29",
-  "filled-laba-white_laba-blue-10": "_filled-laba-white_laba-blue-10_14f86_29",
-  "primary-green-700-dsb_laba-grey-06": "_primary-green-700-dsb_laba-grey-06_14f86_29",
-  "primary-red-700-dsb_laba-grey-06": "_primary-red-700-dsb_laba-grey-06_14f86_29",
-  "primary-laba-blue-10": "_primary-laba-blue-10_14f86_29",
-  "primary-bill-red-700": "_primary-bill-red-700_14f86_29",
-  "tertiary-bill-secondary-800": "_tertiary-bill-secondary-800_14f86_29",
-  "secondary-bill-secondary-800": "_secondary-bill-secondary-800_14f86_29",
-  "primary-bill-primary-600": "_primary-bill-primary-600_14f86_29",
-  "tertiary-gray-500": "_tertiary-gray-500_14f86_29",
-  "tertiary-red-600": "_tertiary-red-600_14f86_29",
-  "tertiary-red-300": "_tertiary-red-300_14f86_29",
-  "tertiary-blue-700": "_tertiary-blue-700_14f86_29",
-  "secondary-green-600": "_secondary-green-600_14f86_29",
-  "secondary-red-700": "_secondary-red-700_14f86_29",
-  "secondary-red-600": "_secondary-red-600_14f86_29",
-  "secondary-blue-700": "_secondary-blue-700_14f86_29",
-  "primary-red-700": "_primary-red-700_14f86_29",
-  "primary-blue-700": "_primary-blue-700_14f86_29",
-  "icon-loading": "_icon-loading_14f86_192"
+const a = "_loading_ayzhk_14", _ = {
+  "button-fin-xs": "_button-fin-xs_ayzhk_6",
+  "button-fin-s": "_button-fin-s_ayzhk_6",
+  "button-fin-m": "_button-fin-m_ayzhk_6",
+  "button-fin-l": "_button-fin-l_ayzhk_6",
+  "button-bill-xxs": "_button-bill-xxs_ayzhk_6",
+  "button-bill-xs": "_button-bill-xs_ayzhk_6",
+  "button-bill-s": "_button-bill-s_ayzhk_6",
+  "button-bill-m": "_button-bill-m_ayzhk_6",
+  "button-bill-l": "_button-bill-l_ayzhk_6",
+  "button-xs": "_button-xs_ayzhk_6",
+  "button-s": "_button-s_ayzhk_6",
+  "button-m": "_button-m_ayzhk_6",
+  "button-l": "_button-l_ayzhk_6",
+  "button-extra-small": "_button-extra-small_ayzhk_6",
+  "button-small": "_button-small_ayzhk_6",
+  "button-reguler": "_button-reguler_ayzhk_6",
+  "button-large": "_button-large_ayzhk_6",
+  loading: a,
+  "nude-laba-red-05": "_nude-laba-red-05_ayzhk_29",
+  "nude-laba-red-10": "_nude-laba-red-10_ayzhk_29",
+  "nude-gray-500": "_nude-gray-500_ayzhk_29",
+  "nude-green-700": "_nude-green-700_ayzhk_29",
+  "nude-red-700": "_nude-red-700_ayzhk_29",
+  "nude-laba-blue-10": "_nude-laba-blue-10_ayzhk_29",
+  "ghost-laba-green-10": "_ghost-laba-green-10_ayzhk_29",
+  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_ayzhk_29",
+  "ghost-green-700": "_ghost-green-700_ayzhk_29",
+  "ghost-red-700": "_ghost-red-700_ayzhk_29",
+  "ghost-laba-blue-10": "_ghost-laba-blue-10_ayzhk_29",
+  "filled-laba-white_laba-red-05": "_filled-laba-white_laba-red-05_ayzhk_29",
+  "filled-laba-white_laba-blue-10": "_filled-laba-white_laba-blue-10_ayzhk_29",
+  "primary-green-700-dsb_laba-grey-06": "_primary-green-700-dsb_laba-grey-06_ayzhk_29",
+  "primary-red-700-dsb_laba-grey-06": "_primary-red-700-dsb_laba-grey-06_ayzhk_29",
+  "primary-laba-blue-10": "_primary-laba-blue-10_ayzhk_29",
+  "tertiary-fin-primary-500": "_tertiary-fin-primary-500_ayzhk_29",
+  "secondary-fin-primary-500": "_secondary-fin-primary-500_ayzhk_29",
+  "primary-fin-primary-500": "_primary-fin-primary-500_ayzhk_29",
+  "primary-bill-red-700": "_primary-bill-red-700_ayzhk_29",
+  "tertiary-bill-secondary-800": "_tertiary-bill-secondary-800_ayzhk_29",
+  "secondary-bill-secondary-800": "_secondary-bill-secondary-800_ayzhk_29",
+  "primary-bill-primary-600": "_primary-bill-primary-600_ayzhk_29",
+  "tertiary-gray-500": "_tertiary-gray-500_ayzhk_29",
+  "tertiary-red-600": "_tertiary-red-600_ayzhk_29",
+  "tertiary-red-300": "_tertiary-red-300_ayzhk_29",
+  "tertiary-blue-700": "_tertiary-blue-700_ayzhk_29",
+  "secondary-green-600": "_secondary-green-600_ayzhk_29",
+  "secondary-red-700": "_secondary-red-700_ayzhk_29",
+  "secondary-red-600": "_secondary-red-600_ayzhk_29",
+  "secondary-blue-700": "_secondary-blue-700_ayzhk_29",
+  "primary-red-700": "_primary-red-700_ayzhk_29",
+  "primary-blue-700": "_primary-blue-700_ayzhk_29",
+  "icon-loading": "_icon-loading_ayzhk_236"
 };
 export {
-  e as default,
-  _ as loading
+  _ as default,
+  a as loading
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_input_5nva2_12",e="_label_5nva2_38",_="_error_5nva2_58",a={"container-large":"_container-large_5nva2_1","container-input":"_container-input_5nva2_6",input:n,label:e,error:_,"isset-right-icon":"_isset-right-icon_5nva2_80","isset-left-icon":"_isset-left-icon_5nva2_83","start-icon":"_start-icon_5nva2_86","end-icon":"_end-icon_5nva2_93","label-error":"_label-error_5nva2_100","hidden-label":"_hidden-label_5nva2_111","container-small":"_container-small_5nva2_225","bill-blue-800":"_bill-blue-800_5nva2_449","fin-black":"_fin-black_5nva2_456"};exports.default=a;exports.error=_;exports.input=n;exports.label=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_input_zpfet_12",t="_label_zpfet_43",_="_error_zpfet_63",l={"container-large":"_container-large_zpfet_1","container-input":"_container-input_zpfet_6",input:e,label:t,error:_,"isset-right-icon":"_isset-right-icon_zpfet_89","isset-left-icon":"_isset-left-icon_zpfet_92","start-icon":"_start-icon_zpfet_95","end-icon":"_end-icon_zpfet_102","label-error":"_label-error_zpfet_109","hidden-label":"_hidden-label_zpfet_120","container-small":"_container-small_zpfet_243","bill-blue-800":"_bill-blue-800_zpfet_485","fin-black":"_fin-black_zpfet_492"};exports.default=l;exports.error=_;exports.input=e;exports.label=t;

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

@@ -1,22 +1,22 @@
-const n = "_input_5nva2_12", _ = "_label_5nva2_38", a = "_error_5nva2_58", e = {
-  "container-large": "_container-large_5nva2_1",
-  "container-input": "_container-input_5nva2_6",
-  input: n,
-  label: _,
-  error: a,
-  "isset-right-icon": "_isset-right-icon_5nva2_80",
-  "isset-left-icon": "_isset-left-icon_5nva2_83",
-  "start-icon": "_start-icon_5nva2_86",
-  "end-icon": "_end-icon_5nva2_93",
-  "label-error": "_label-error_5nva2_100",
-  "hidden-label": "_hidden-label_5nva2_111",
-  "container-small": "_container-small_5nva2_225",
-  "bill-blue-800": "_bill-blue-800_5nva2_449",
-  "fin-black": "_fin-black_5nva2_456"
+const e = "_input_zpfet_12", t = "_label_zpfet_43", _ = "_error_zpfet_63", n = {
+  "container-large": "_container-large_zpfet_1",
+  "container-input": "_container-input_zpfet_6",
+  input: e,
+  label: t,
+  error: _,
+  "isset-right-icon": "_isset-right-icon_zpfet_89",
+  "isset-left-icon": "_isset-left-icon_zpfet_92",
+  "start-icon": "_start-icon_zpfet_95",
+  "end-icon": "_end-icon_zpfet_102",
+  "label-error": "_label-error_zpfet_109",
+  "hidden-label": "_hidden-label_zpfet_120",
+  "container-small": "_container-small_zpfet_243",
+  "bill-blue-800": "_bill-blue-800_zpfet_485",
+  "fin-black": "_fin-black_zpfet_492"
 };
 export {
-  e as default,
-  a as error,
-  n as input,
-  _ as label
+  n as default,
+  _ as error,
+  e as input,
+  t as label
 };

package/dist/components/Modal/ModalDialog.cjs

@@ -1 +1,11 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),r=require("react"),T=require("react-dom"),e=require("./style.module.scss.cjs"),a=require("./ModalDialog.config.cjs"),_=({as:d,children:f,id:m="modal",idModal:g="iru-modal",withOverlay:$=!0,show:t,size:M="regular",position:p="center",className:q,classNameContainer:v,onClose:i,brand:y="",...j})=>{const C=d??"div",[o,n]=r.useState(t),[R,s]=r.useState(!1);r.useEffect(()=>{if(t)n(!0),s(!1);else if(o){s(!0);const l=setTimeout(()=>{n(!1)},400);return()=>clearTimeout(l)}},[t,o]);const S=()=>{typeof i=="function"&&i()};if(!o)return null;const u=document.getElementById(g);return u?T.createPortal(c.jsx("div",{id:m,onClick:S,className:`
+        ${a.configModal.brand[y]||""} 
+        ${$?e.default["with-overlay"]:""} 
+        ${R?e.default["modal-hide"]:e.default["modal-show"]} 
+        ${v??""}
+      `.trim(),children:c.jsx(C,{onClick:l=>l.stopPropagation(),className:`
+          ${e.default["modal-content"]} 
+          ${a.configModal.position[p]||""} 
+          ${a.configModal.size[M]||""} 
+          ${q??""}
+        `.trim(),...j,children:f})}),u):null};exports.default=_;

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./style.module.scss.cjs"),l={size:{small:t.default["modal-small"],medium:t.default["modal-medium"],regular:t.default["modal-regular"],large:t.default["modal-large"]},brand:{"":t.default["brand-general"],fin:t.default["brand-fin"]},position:{center:t.default["modal-center"],"right-top":t.default["modal-right-top"],"right-bottom":t.default["modal-right-bottom"],"left-top":t.default["modal-left-top"],"left-bottom":t.default["modal-left-bottom"]}};exports.configModal=l;

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

@@ -1,12 +1,23 @@
-import l from "./style.module.scss.mjs";
-const a = {
+import o from "./style.module.scss.mjs";
+const l = {
   size: {
-    small: l["modal-small"],
-    medium: l["modal-medium"],
-    regular: l["modal-regular"],
-    large: l["modal-large"]
+    small: o["modal-small"],
+    medium: o["modal-medium"],
+    regular: o["modal-regular"],
+    large: o["modal-large"]
+  },
+  brand: {
+    "": o["brand-general"],
+    fin: o["brand-fin"]
+  },
+  position: {
+    center: o["modal-center"],
+    "right-top": o["modal-right-top"],
+    "right-bottom": o["modal-right-bottom"],
+    "left-top": o["modal-left-top"],
+    "left-bottom": o["modal-left-bottom"]
   }
 };
 export {
-  a as configModal
+  l as configModal
 };

package/dist/components/Modal/ModalDialog.mjs

@@ -1,44 +1,71 @@
-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
+import { jsx as m } from "react/jsx-runtime";
+import { useState as c, useEffect as I } from "react";
+import { createPortal as M } from "react-dom";
+import e from "./style.module.scss.mjs";
+import { configModal as i } from "./ModalDialog.config.mjs";
+const z = ({
+  as: d,
+  children: f,
+  id: u = "modal",
+  idModal: p = "iru-modal",
+  withOverlay: g = !0,
+  show: t,
+  size: $ = "regular",
+  position: y = "center",
+  className: C,
+  classNameContainer: h,
+  onClose: l,
+  brand: v = "",
+  ...T
 }) => {
-  const g = l ?? "div", p = () => {
-    typeof a == "function" && a();
+  const k = d ?? "div", [o, n] = c(t), [x, a] = c(!1);
+  I(() => {
+    if (t)
+      n(!0), a(!1);
+    else if (o) {
+      a(!0);
+      const r = setTimeout(() => {
+        n(!1);
+      }, 400);
+      return () => clearTimeout(r);
+    }
+  }, [t, o]);
+  const E = () => {
+    typeof l == "function" && l();
   };
-  return /* @__PURE__ */ t($, { children: r && document.getElementById(e) && y(
-    /* @__PURE__ */ t(
+  if (!o) return null;
+  const s = document.getElementById(p);
+  return s ? M(
+    /* @__PURE__ */ m(
       "div",
       {
-        id: n,
-        onClick: p,
-        className: `${o.modal} ${i ? o["with-overlay"] : ""} ${r ? o["modal-show"] : ""} ${s ?? ""}`,
-        children: /* @__PURE__ */ t(
-          g,
+        id: u,
+        onClick: E,
+        className: `
+        ${i.brand[v] || ""} 
+        ${g ? e["with-overlay"] : ""} 
+        ${x ? e["modal-hide"] : e["modal-show"]} 
+        ${h ?? ""}
+      `.trim(),
+        children: /* @__PURE__ */ m(
+          k,
           {
-            onClick: (u) => u.stopPropagation(),
-            className: `${o["modal-content"]} ${h.size[c]} ${d ?? ""}`,
-            ...f,
-            children: m
+            onClick: (r) => r.stopPropagation(),
+            className: `
+          ${e["modal-content"]} 
+          ${i.position[y] || ""} 
+          ${i.size[$] || ""} 
+          ${C ?? ""}
+        `.trim(),
+            ...T,
+            children: f
           }
         )
       }
     ),
-    document.getElementById(e)
-  ) });
+    s
+  ) : null;
 };
 export {
-  C as default
+  z as default
 };

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

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o={"modal-content":"_modal-content_qxu4j_77","modal-small":"_modal-small_qxu4j_77","modal-medium":"_modal-medium_qxu4j_81","modal-regular":"_modal-regular_qxu4j_85","modal-large":"_modal-large_qxu4j_89","modal-center":"_modal-center_qxu4j_93","modal-right-top":"_modal-right-top_qxu4j_99","modal-right-bottom":"_modal-right-bottom_qxu4j_104","modal-left-top":"_modal-left-top_qxu4j_109","modal-left-bottom":"_modal-left-bottom_qxu4j_114","brand-general":"_brand-general_qxu4j_120","with-overlay":"_with-overlay_qxu4j_132","modal-show":"_modal-show_qxu4j_146","modal-hide":"_modal-hide_qxu4j_164","brand-fin":"_brand-fin_qxu4j_181"};exports.default=o;

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

@@ -1,14 +1,20 @@
-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"
+const _ = {
+  "modal-content": "_modal-content_qxu4j_77",
+  "modal-small": "_modal-small_qxu4j_77",
+  "modal-medium": "_modal-medium_qxu4j_81",
+  "modal-regular": "_modal-regular_qxu4j_85",
+  "modal-large": "_modal-large_qxu4j_89",
+  "modal-center": "_modal-center_qxu4j_93",
+  "modal-right-top": "_modal-right-top_qxu4j_99",
+  "modal-right-bottom": "_modal-right-bottom_qxu4j_104",
+  "modal-left-top": "_modal-left-top_qxu4j_109",
+  "modal-left-bottom": "_modal-left-bottom_qxu4j_114",
+  "brand-general": "_brand-general_qxu4j_120",
+  "with-overlay": "_with-overlay_qxu4j_132",
+  "modal-show": "_modal-show_qxu4j_146",
+  "modal-hide": "_modal-hide_qxu4j_164",
+  "brand-fin": "_brand-fin_qxu4j_181"
 };
 export {
-  l as default,
-  o as modal
+  _ as default
 };

package/dist/components/Pagination/Pagination.cjs

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

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../config/components/font.cjs"),a=require("./style.module.scss.cjs"),n={kind:{box:a.default["pagination-box"],nude:a.default["pagination-nude"],"box-fin":a.default["pagination-box-fin"]},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=n;

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

@@ -1,9 +1,10 @@
 import { configFont as t } from "../../config/components/font.mjs";
 import a from "./style.module.scss.mjs";
-const e = {
+const i = {
   kind: {
     box: a["pagination-box"],
-    nude: a["pagination-nude"]
+    nude: a["pagination-nude"],
+    "box-fin": a["pagination-box-fin"]
   },
   fonts: {
     inter: {
@@ -21,5 +22,5 @@ const e = {
   }
 };
 export {
-  e as configPagination
+  i as configPagination
 };