1mpacto-react-ui 0.0.71 → 0.0.73

package/dist/index.mjs

@@ -3447,35 +3447,35 @@ const Vt = {
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-}, pS = () => /* @__PURE__ */ D.jsx("div", { className: "1ru-w-full 1ru-bg-red-900", children: "index" }), f3 = "_loading_6tim5_10", Ye = {
-  "button-base": "_button-base_6tim5_6",
-  "button-xs": "_button-xs_6tim5_6",
-  "button-s": "_button-s_6tim5_6",
-  "button-m": "_button-m_6tim5_6",
-  "button-l": "_button-l_6tim5_6",
-  "button-small": "_button-small_6tim5_6",
-  "button-reguler": "_button-reguler_6tim5_6",
-  "button-large": "_button-large_6tim5_6",
+}, pS = () => /* @__PURE__ */ D.jsx("div", { className: "1ru-w-full 1ru-bg-red-900", children: "index" }), f3 = "_loading_55t43_10", Ye = {
+  "button-base": "_button-base_55t43_6",
+  "button-xs": "_button-xs_55t43_6",
+  "button-s": "_button-s_55t43_6",
+  "button-m": "_button-m_55t43_6",
+  "button-l": "_button-l_55t43_6",
+  "button-small": "_button-small_55t43_6",
+  "button-reguler": "_button-reguler_55t43_6",
+  "button-large": "_button-large_55t43_6",
   loading: f3,
-  "button-disabled-laba-grey-06": "_button-disabled-laba-grey-06_6tim5_18",
-  "nude-laba-red-10": "_nude-laba-red-10_6tim5_18",
-  "nude-gray-500": "_nude-gray-500_6tim5_18",
-  "nude-laba-blue-10": "_nude-laba-blue-10_6tim5_18",
-  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_6tim5_18",
-  "ghost-laba-blue-10": "_ghost-laba-blue-10_6tim5_18",
-  "filled-laba-blue-10": "_filled-laba-blue-10_6tim5_18",
-  "button-disabled-gray-100": "_button-disabled-gray-100_6tim5_18",
-  "tertiary-gray-500": "_tertiary-gray-500_6tim5_18",
-  "tertiary-red-600": "_tertiary-red-600_6tim5_18",
-  "tertiary-red-300": "_tertiary-red-300_6tim5_18",
-  "tertiary-blue-700": "_tertiary-blue-700_6tim5_18",
-  "secondary-green-600": "_secondary-green-600_6tim5_18",
-  "secondary-red-600": "_secondary-red-600_6tim5_18",
-  "secondary-blue-700": "_secondary-blue-700_6tim5_18",
-  "primary-red-700": "_primary-red-700_6tim5_18",
-  "primary-blue-700": "_primary-blue-700_6tim5_18",
-  "icon-loading": "_icon-loading_6tim5_90",
-  "spin-loading": "_spin-loading_6tim5_1"
+  "button-disabled-laba-grey-06": "_button-disabled-laba-grey-06_55t43_18",
+  "nude-laba-red-10": "_nude-laba-red-10_55t43_18",
+  "nude-gray-500": "_nude-gray-500_55t43_18",
+  "nude-laba-blue-10": "_nude-laba-blue-10_55t43_18",
+  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_55t43_18",
+  "ghost-laba-blue-10": "_ghost-laba-blue-10_55t43_18",
+  "filled-laba-blue-10": "_filled-laba-blue-10_55t43_18",
+  "button-disabled-gray-100": "_button-disabled-gray-100_55t43_18",
+  "tertiary-gray-500": "_tertiary-gray-500_55t43_18",
+  "tertiary-red-600": "_tertiary-red-600_55t43_18",
+  "tertiary-red-300": "_tertiary-red-300_55t43_18",
+  "tertiary-blue-700": "_tertiary-blue-700_55t43_18",
+  "secondary-green-600": "_secondary-green-600_55t43_18",
+  "secondary-red-600": "_secondary-red-600_55t43_18",
+  "secondary-blue-700": "_secondary-blue-700_55t43_18",
+  "primary-red-700": "_primary-red-700_55t43_18",
+  "primary-blue-700": "_primary-blue-700_55t43_18",
+  "icon-loading": "_icon-loading_55t43_90",
+  "spin-loading": "_spin-loading_55t43_1"
 }, g3 = ({ className: e = "" }) => /* @__PURE__ */ D.jsx(
   "svg",
   {
@@ -3515,8 +3515,9 @@ const Vt = {
     loading: l,
     onClick: c,
     type: f = "button",
-    ...g
-  } = e, d = {
+    disabled: g,
+    ...d
+  } = e, m = {
     size: {
       large: Ye["button-large"],
       reguler: Ye["button-reguler"],
@@ -3558,16 +3559,17 @@ const Vt = {
     {
       onClick: l ? void 0 : c,
       ref: t,
-      className: `${d.size[n]} ${d.variants[r]} 
+      className: `${m.size[n]} ${m.variants[r]} 
       ${l ? Ye.loading : ""}  ${u ?? ""}`,
       type: f,
-      ...g,
+      disabled: l ?? g,
+      ...d,
       children: [
         !l && /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
           typeof a == "function" && a(),
           ye(a) && a
         ] }),
-        l && /* @__PURE__ */ D.jsx(g3, { className: `${d.loadingSize[n]} ${s}` }),
+        l && /* @__PURE__ */ D.jsx(g3, { className: `${m.loadingSize[n]} ${s}` }),
         i,
         !l && /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
           typeof o == "function" && o(),
@@ -11408,7 +11410,7 @@ const D2 = /* @__PURE__ */ Be(() => {
     endReached: I
   } = e, [E, C] = de(0), S = () => {
     if (i === "min-max") {
-      const k = (o + 1) * u;
+      const k = (o + (o === 0 ? 1 : 0)) * u;
       return { height: o > l ? s : E > k ? E : k };
     }
     return i === "container" ? { height: E } : {};
@@ -11728,7 +11730,7 @@ const W2 = ({ style: e, context: t, ...n }) => /* @__PURE__ */ D.jsx("table", {
   classNamePointer: c,
   emptyPlaceholder: f
 }) => {
-  var m, p;
+  var m, p, b;
   const [g, d] = A.useState(0);
   return /* @__PURE__ */ D.jsx(
     Jm,
@@ -11745,67 +11747,67 @@ const W2 = ({ style: e, context: t, ...n }) => /* @__PURE__ */ D.jsx("table", {
         // eslint-disable-next-line
         // @ts-ignore
         Table: W2,
-        EmptyPlaceholder: () => /* @__PURE__ */ D.jsx("tr", { ref: (b) => {
-          var h;
-          return d(((h = b == null ? void 0 : b.getBoundingClientRect()) == null ? void 0 : h.height) ?? 60);
-        }, children: /* @__PURE__ */ D.jsx("td", { colSpan: e.getVisibleFlatColumns().length, children: ye(f) && f }) })
+        EmptyPlaceholder: () => /* @__PURE__ */ D.jsx("tbody", { ref: (h) => {
+          var v;
+          return d(((v = h == null ? void 0 : h.getBoundingClientRect()) == null ? void 0 : v.height) ?? 0);
+        }, children: /* @__PURE__ */ D.jsx("tr", { children: /* @__PURE__ */ D.jsx("td", { colSpan: e.getVisibleFlatColumns().length, children: ye(f) && f }) }) })
       },
       classNameContainer: t,
-      fixedHeaderContent: () => e.getHeaderGroups().map((b) => /* @__PURE__ */ D.jsx("tr", { children: b.headers.map((h) => {
-        var v, y;
+      fixedHeaderContent: () => e.getHeaderGroups().map((h) => /* @__PURE__ */ D.jsx("tr", { children: h.headers.map((v) => {
+        var y, w;
         return /* @__PURE__ */ D.jsx(
           "th",
           {
-            colSpan: h.colSpan,
-            style: typeof ((v = h.column.columnDef.meta) == null ? void 0 : v.styleTh) == "function" ? (y = h.column.columnDef.meta) == null ? void 0 : y.styleTh(h.column.columnDef) : {},
-            children: h.isPlaceholder ? null : /* @__PURE__ */ D.jsxs(
+            colSpan: v.colSpan,
+            style: typeof ((y = v.column.columnDef.meta) == null ? void 0 : y.styleTh) == "function" ? (w = v.column.columnDef.meta) == null ? void 0 : w.styleTh(v.column.columnDef) : {},
+            children: v.isPlaceholder ? null : /* @__PURE__ */ D.jsxs(
               "div",
               {
-                className: h.column.getCanSort() ? Qr.sorting : "",
-                onClick: h.column.getToggleSortingHandler(),
+                className: v.column.getCanSort() ? Qr.sorting : "",
+                onClick: v.column.getToggleSortingHandler(),
                 children: [
-                  za(h.column.columnDef.header, h.getContext()),
-                  h.column.getCanSort() && /* @__PURE__ */ D.jsx("span", { className: "1ru-flex-shrink-0", children: h.column.getIsSorted() === "asc" || h.column.getIsSorted() === "desc" ? /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
-                    h.column.getIsSorted() === "asc" && /* @__PURE__ */ D.jsx(D.Fragment, { children: s }),
-                    h.column.getIsSorted() === "desc" && /* @__PURE__ */ D.jsx(D.Fragment, { children: l })
+                  za(v.column.columnDef.header, v.getContext()),
+                  v.column.getCanSort() && /* @__PURE__ */ D.jsx("span", { className: "1ru-flex-shrink-0", children: v.column.getIsSorted() === "asc" || v.column.getIsSorted() === "desc" ? /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
+                    v.column.getIsSorted() === "asc" && /* @__PURE__ */ D.jsx(D.Fragment, { children: s }),
+                    v.column.getIsSorted() === "desc" && /* @__PURE__ */ D.jsx(D.Fragment, { children: l })
                   ] }) : /* @__PURE__ */ D.jsx(D.Fragment, {}) })
                 ]
               }
             )
           },
-          h.id
+          v.id
         );
-      }) }, b.id)),
-      itemContent: (b, h) => {
-        var y, w;
-        const v = (w = (y = e.getRowModel()) == null ? void 0 : y.rows) == null ? void 0 : w[h];
-        return /* @__PURE__ */ D.jsx(b, { children: ({ ...x }) => /* @__PURE__ */ sl(
+      }) }, h.id)),
+      itemContent: (h, v) => {
+        var w, x;
+        const y = (x = (w = e.getRowModel()) == null ? void 0 : w.rows) == null ? void 0 : x[v];
+        return /* @__PURE__ */ D.jsx(h, { children: ({ ...I }) => /* @__PURE__ */ sl(
           "tr",
           {
-            ...x,
-            onClick: (I) => {
-              I.stopPropagation(), r && typeof n == "function" && n(v.original, v);
+            ...I,
+            onClick: (E) => {
+              E.stopPropagation(), r && typeof n == "function" && n(y.original, y);
             },
             className: r ? c : "",
-            key: v.id,
-            id: i(v)
+            key: y.id,
+            id: i(y)
           },
-          v.getVisibleCells().map((I) => {
-            var E, C, S;
+          y.getVisibleCells().map((E) => {
+            var C, S, B;
             return /* @__PURE__ */ D.jsx(D.Fragment, { children: /* @__PURE__ */ D.jsx(
               "td",
               {
-                style: typeof ((E = I.column.columnDef.meta) == null ? void 0 : E.styleTd) == "function" ? I.column.columnDef.meta.styleTd(v.original, v) : {},
-                className: typeof ((C = I.column.columnDef.meta) == null ? void 0 : C.classNameTd) == "function" ? (S = I.column.columnDef.meta) == null ? void 0 : S.classNameTd(v.original, v) : "",
-                children: za(I.column.columnDef.cell, I.getContext())
+                style: typeof ((C = E.column.columnDef.meta) == null ? void 0 : C.styleTd) == "function" ? E.column.columnDef.meta.styleTd(y.original, y) : {},
+                className: typeof ((S = E.column.columnDef.meta) == null ? void 0 : S.classNameTd) == "function" ? (B = E.column.columnDef.meta) == null ? void 0 : B.classNameTd(y.original, y) : "",
+                children: za(E.column.columnDef.cell, E.getContext())
               },
-              I.id
+              E.id
             ) });
           })
-        ) }, v.id);
+        ) }, y.id);
       },
       ...a,
-      minHeightItem: ((a == null ? void 0 : a.minHeightItem) ?? 60) + g
+      minHeightItem: ((a == null ? void 0 : a.minHeightItem) ?? 60) + ((((b = e.getRowModel().rows) == null ? void 0 : b.length) || 0) > 0 ? 0 : g)
     }
   );
 }, wS = ({
@@ -11902,7 +11904,7 @@ const W2 = ({ style: e, context: t, ...n }) => /* @__PURE__ */ D.jsx("table", {
     endReached: x
   } = e, [I, E] = de(0), C = () => {
     if (i === "min-max") {
-      const $ = (o + 1) * u;
+      const $ = (o + (o === 0 ? 1 : 0)) * u;
       return { height: o > l ? s : I > $ ? I : $ };
     }
     return i === "container" ? { height: I } : {};
@@ -23384,35 +23386,35 @@ const Q1 = (e) => {
       ]
     }
   );
-}, G9 = "_loading_1o7qs_10", Ue = {
-  "button-base": "_button-base_1o7qs_6",
-  "button-xs": "_button-xs_1o7qs_6",
-  "button-s": "_button-s_1o7qs_6",
-  "button-m": "_button-m_1o7qs_6",
-  "button-l": "_button-l_1o7qs_6",
-  "button-small": "_button-small_1o7qs_6",
-  "button-reguler": "_button-reguler_1o7qs_6",
-  "button-large": "_button-large_1o7qs_6",
+}, G9 = "_loading_1bhvc_10", Ue = {
+  "button-base": "_button-base_1bhvc_6",
+  "button-xs": "_button-xs_1bhvc_6",
+  "button-s": "_button-s_1bhvc_6",
+  "button-m": "_button-m_1bhvc_6",
+  "button-l": "_button-l_1bhvc_6",
+  "button-small": "_button-small_1bhvc_6",
+  "button-reguler": "_button-reguler_1bhvc_6",
+  "button-large": "_button-large_1bhvc_6",
   loading: G9,
-  "button-disabled-laba-grey-06": "_button-disabled-laba-grey-06_1o7qs_18",
-  "nude-laba-red-10": "_nude-laba-red-10_1o7qs_18",
-  "nude-gray-500": "_nude-gray-500_1o7qs_18",
-  "nude-laba-blue-10": "_nude-laba-blue-10_1o7qs_18",
-  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_1o7qs_18",
-  "ghost-laba-blue-10": "_ghost-laba-blue-10_1o7qs_18",
-  "filled-laba-blue-10": "_filled-laba-blue-10_1o7qs_18",
-  "button-disabled-gray-100": "_button-disabled-gray-100_1o7qs_18",
-  "tertiary-gray-500": "_tertiary-gray-500_1o7qs_18",
-  "tertiary-red-600": "_tertiary-red-600_1o7qs_18",
-  "tertiary-red-300": "_tertiary-red-300_1o7qs_18",
-  "tertiary-blue-700": "_tertiary-blue-700_1o7qs_18",
-  "secondary-green-600": "_secondary-green-600_1o7qs_18",
-  "secondary-red-600": "_secondary-red-600_1o7qs_18",
-  "secondary-blue-700": "_secondary-blue-700_1o7qs_18",
-  "primary-red-700": "_primary-red-700_1o7qs_18",
-  "primary-blue-700": "_primary-blue-700_1o7qs_18",
-  "icon-loading": "_icon-loading_1o7qs_76",
-  "spin-loading": "_spin-loading_1o7qs_1"
+  "button-disabled-laba-grey-06": "_button-disabled-laba-grey-06_1bhvc_18",
+  "nude-laba-red-10": "_nude-laba-red-10_1bhvc_18",
+  "nude-gray-500": "_nude-gray-500_1bhvc_18",
+  "nude-laba-blue-10": "_nude-laba-blue-10_1bhvc_18",
+  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_1bhvc_18",
+  "ghost-laba-blue-10": "_ghost-laba-blue-10_1bhvc_18",
+  "filled-laba-blue-10": "_filled-laba-blue-10_1bhvc_18",
+  "button-disabled-gray-100": "_button-disabled-gray-100_1bhvc_18",
+  "tertiary-gray-500": "_tertiary-gray-500_1bhvc_18",
+  "tertiary-red-600": "_tertiary-red-600_1bhvc_18",
+  "tertiary-red-300": "_tertiary-red-300_1bhvc_18",
+  "tertiary-blue-700": "_tertiary-blue-700_1bhvc_18",
+  "secondary-green-600": "_secondary-green-600_1bhvc_18",
+  "secondary-red-600": "_secondary-red-600_1bhvc_18",
+  "secondary-blue-700": "_secondary-blue-700_1bhvc_18",
+  "primary-red-700": "_primary-red-700_1bhvc_18",
+  "primary-blue-700": "_primary-blue-700_1bhvc_18",
+  "icon-loading": "_icon-loading_1bhvc_76",
+  "spin-loading": "_spin-loading_1bhvc_1"
 }, H9 = ({ className: e = "" }) => /* @__PURE__ */ D.jsx(
   "svg",
   {
@@ -23450,8 +23452,9 @@ const Q1 = (e) => {
     loading: u,
     onClick: s,
     type: l = "button",
-    ...c
-  } = e, f = {
+    disabled: c,
+    ...f
+  } = e, g = {
     size: {
       large: Ue["button-large"],
       reguler: Ue["button-reguler"],
@@ -23493,12 +23496,13 @@ const Q1 = (e) => {
     {
       onClick: u ? void 0 : s,
       ref: t,
-      className: `${f.size[n]} ${f.variants[r]} 
+      className: `${g.size[n]} ${g.variants[r]} 
       ${u ? Ue.loading : ""}  ${o ?? ""}`,
       type: l,
-      ...c,
+      disabled: u ?? c,
+      ...f,
       children: [
-        u && /* @__PURE__ */ D.jsx(H9, { className: `${f.loadingSize[n]} ${i}` }),
+        u && /* @__PURE__ */ D.jsx(H9, { className: `${g.loadingSize[n]} ${i}` }),
         a
       ]
     }
@@ -25036,19 +25040,23 @@ function VS(e) {
   var t = G$(e);
   return A.createElement(db, Object.assign({}, t));
 }
-const NS = ({ max: e, min: t, onChange: n, ...r }) => /* @__PURE__ */ D.jsx(
+const NS = ({ max: e, min: t, selectedText: n = "Rp0", onChange: r, onFocusInput: a, ...o }) => /* @__PURE__ */ D.jsx(
   M$,
   {
-    isAllowed: (a) => e !== void 0 && fs(e) && Number(a.value) > e ? (typeof n == "function" && n({ target: { value: e.toString() } }), !1) : t !== void 0 && fs(t) && Number(a.value) < t ? (typeof n == "function" && n({ target: { value: t.toString() } }), !1) : !0,
-    onValueChange: (a, { source: o }) => {
-      typeof n == "function" && o.includes("event") && n({ target: { value: a.value } });
+    isAllowed: (i) => e !== void 0 && fs(e) && Number(i.value) > e ? (typeof r == "function" && r({ target: { value: e.toString() } }), !1) : t !== void 0 && fs(t) && Number(i.value) < t ? (typeof r == "function" && r({ target: { value: t.toString() } }), !1) : !0,
+    onValueChange: (i, { source: u }) => {
+      typeof r == "function" && u.includes("event") && r({ target: { value: i.value } });
     },
     decimalSeparator: ",",
     thousandSeparator: ".",
     decimalScale: 2,
     valueIsNumericString: !0,
     thousandsGroupStyle: "thousand",
-    ...r
+    onFocus: (i) => {
+      var u;
+      ((u = i == null ? void 0 : i.target) == null ? void 0 : u.value) === n && (typeof a == "function" ? a("") : typeof r == "function" && r({ target: { value: "" } }));
+    },
+    ...o
   }
 ), OS = ({
   children: e,