lizaui 9.0.51 → 9.0.53

package/dist/components/table/body/table-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/table/body/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,8BAA8B,CAAC;AAiFzF,eAAO,MAAM,SAAS,EAEhB,CAAC,KAAK,SAAS,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/table/body/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,8BAA8B,CAAC;AAqFzF,eAAO,MAAM,SAAS,EAEhB,CAAC,KAAK,SAAS,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC"}

package/dist/components/table/header/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../../src/components/table/header/table-header-row.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAqD,MAAM,OAAO,CAAC;AAI1F,OAAO,EAAE,KAAK,mBAAmB,EAAwB,MAAM,8BAA8B,CAAC;AAK9F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwDlD,CAAC"}
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../../src/components/table/header/table-header-row.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAqD,MAAM,OAAO,CAAC;AAI1F,OAAO,EAAE,KAAK,mBAAmB,EAAwB,MAAM,8BAA8B,CAAC;AAK9F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuDlD,CAAC"}

package/dist/components/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAqD,MAAM,OAAO,CAAC;AAI1E,eAAO,MAAM,QAAQ,GAAI,uDAAuD,UAAU,4CAmCzF,CAAC;AAEF,eAAO,MAAM,KAAK,2DArC8D,UAAU;;;;;;;;;CAkDxF,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAqD,MAAM,OAAO,CAAC;AAI1E,eAAO,MAAM,QAAQ,GAAI,uDAAuD,UAAU,4CAoCzF,CAAC;AAEF,eAAO,MAAM,KAAK,2DAtC8D,UAAU;;;;;;;;;CAmDxF,CAAC"}

package/dist/table/index.cjs.js

@@ -228,7 +228,7 @@ const TableEmptyState = React.memo((t0) => {
 });
 TableEmptyState.displayName = "TableEmptyState";
 function TableBodyComponent(t0) {
-  const $ = compilerRuntime.c(43);
+  const $ = compilerRuntime.c(45);
   let children;
   let className;
   let props;
@@ -285,27 +285,39 @@ function TableBodyComponent(t0) {
     isChecks
   } = useTableContext();
   const total = Number(totalColumn) + Number(isActions) + Number(isChecks);
-  let t6;
-  if ($[11] !== className) {
-    t6 = tailwindMerge.twMerge(className);
-    $[11] = className;
-    $[12] = t6;
+  const t6 = props;
+  let domProps;
+  if ($[11] !== t6) {
+    domProps = {
+      ...t6
+    };
+    delete domProps.dataHeader;
+    $[11] = t6;
+    $[12] = domProps;
   } else {
-    t6 = $[12];
+    domProps = $[12];
   }
-  const mergedClass = t6;
   let t7;
+  if ($[13] !== className) {
+    t7 = tailwindMerge.twMerge(className);
+    $[13] = className;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  const mergedClass = t7;
+  let t8;
   bb0: {
     if (!data || data.length === 0) {
-      t7 = null;
+      t8 = null;
       break bb0;
     }
     if (typeof children === "function") {
-      let t82;
-      if ($[13] !== children || $[14] !== data || $[15] !== rowKey) {
-        let t9;
-        if ($[17] !== children || $[18] !== rowKey) {
-          t9 = (el, index) => {
+      let t92;
+      if ($[15] !== children || $[16] !== data || $[17] !== rowKey) {
+        let t10;
+        if ($[19] !== children || $[20] !== rowKey) {
+          t10 = (el, index) => {
             const child = children({
               item: el,
               index
@@ -315,114 +327,114 @@ function TableBodyComponent(t0) {
               key: keyValue
             }) : null;
           };
-          $[17] = children;
-          $[18] = rowKey;
-          $[19] = t9;
+          $[19] = children;
+          $[20] = rowKey;
+          $[21] = t10;
         } else {
-          t9 = $[19];
+          t10 = $[21];
         }
-        t82 = data.map(t9);
-        $[13] = children;
-        $[14] = data;
-        $[15] = rowKey;
-        $[16] = t82;
+        t92 = data.map(t10);
+        $[15] = children;
+        $[16] = data;
+        $[17] = rowKey;
+        $[18] = t92;
       } else {
-        t82 = $[16];
+        t92 = $[18];
       }
-      t7 = t82;
+      t8 = t92;
     } else {
-      let t82;
-      if ($[20] !== children || $[21] !== data || $[22] !== rowKey) {
-        let t9;
-        if ($[24] !== data || $[25] !== rowKey) {
-          t9 = (child_0, index_0) => React.isValidElement(child_0) ? React.cloneElement(child_0, {
+      let t92;
+      if ($[22] !== children || $[23] !== data || $[24] !== rowKey) {
+        let t10;
+        if ($[26] !== data || $[27] !== rowKey) {
+          t10 = (child_0, index_0) => React.isValidElement(child_0) ? React.cloneElement(child_0, {
             key: rowKey ? rowKey(data[index_0], index_0) : index_0
           }) : child_0;
-          $[24] = data;
-          $[25] = rowKey;
-          $[26] = t9;
+          $[26] = data;
+          $[27] = rowKey;
+          $[28] = t10;
         } else {
-          t9 = $[26];
+          t10 = $[28];
         }
-        t82 = React.Children.map(children, t9);
-        $[20] = children;
-        $[21] = data;
-        $[22] = rowKey;
-        $[23] = t82;
+        t92 = React.Children.map(children, t10);
+        $[22] = children;
+        $[23] = data;
+        $[24] = rowKey;
+        $[25] = t92;
       } else {
-        t82 = $[23];
+        t92 = $[25];
       }
-      t7 = t82;
+      t8 = t92;
     }
   }
-  const renderedRows = t7;
+  const renderedRows = t8;
   let fallbackContent = null;
   if (isLoading) {
-    let t82;
-    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-      t82 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3.5", children: /* @__PURE__ */ jsxRuntime.jsx(loaderCircle.LoaderCircle, { size: 45 }) });
-      $[27] = t82;
+    let t92;
+    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+      t92 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3.5", children: /* @__PURE__ */ jsxRuntime.jsx(loaderCircle.LoaderCircle, { size: 45 }) });
+      $[29] = t92;
     } else {
-      t82 = $[27];
+      t92 = $[29];
     }
-    let t9;
-    if ($[28] !== loadingLabel) {
-      t9 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center items-center gap-2", children: [
-        t82,
+    let t10;
+    if ($[30] !== loadingLabel) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center items-center gap-2", children: [
+        t92,
         /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-1 text-sm text-default-800", children: loadingLabel }) })
       ] }) });
-      $[28] = loadingLabel;
-      $[29] = t9;
+      $[30] = loadingLabel;
+      $[31] = t10;
     } else {
-      t9 = $[29];
+      t10 = $[31];
     }
-    let t10;
-    if ($[30] !== t9 || $[31] !== total) {
-      t10 = /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-divider", children: /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-2.5 w-full", colSpan: total, children: t9 }) });
-      $[30] = t9;
-      $[31] = total;
+    let t11;
+    if ($[32] !== t10 || $[33] !== total) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-divider", children: /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-2.5 w-full", colSpan: total, children: t10 }) });
       $[32] = t10;
+      $[33] = total;
+      $[34] = t11;
     } else {
-      t10 = $[32];
+      t11 = $[34];
     }
-    fallbackContent = t10;
+    fallbackContent = t11;
   } else {
     if (data.length === 0) {
-      let t82;
-      if ($[33] !== emptyText) {
-        t82 = /* @__PURE__ */ jsxRuntime.jsx(TableEmptyState, { text: emptyText });
-        $[33] = emptyText;
-        $[34] = t82;
+      let t92;
+      if ($[35] !== emptyText) {
+        t92 = /* @__PURE__ */ jsxRuntime.jsx(TableEmptyState, { text: emptyText });
+        $[35] = emptyText;
+        $[36] = t92;
       } else {
-        t82 = $[34];
+        t92 = $[36];
       }
-      let t9;
-      if ($[35] !== t82 || $[36] !== total) {
-        t9 = /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-divider", children: /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-10 w-full", colSpan: total, children: t82 }) });
-        $[35] = t82;
-        $[36] = total;
-        $[37] = t9;
+      let t10;
+      if ($[37] !== t92 || $[38] !== total) {
+        t10 = /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-divider", children: /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-10 w-full", colSpan: total, children: t92 }) });
+        $[37] = t92;
+        $[38] = total;
+        $[39] = t10;
       } else {
-        t9 = $[37];
+        t10 = $[39];
       }
-      fallbackContent = t9;
+      fallbackContent = t10;
     }
   }
-  let t8;
-  if ($[38] !== fallbackContent || $[39] !== mergedClass || $[40] !== props || $[41] !== renderedRows) {
-    t8 = /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: mergedClass, ...props, children: [
+  let t9;
+  if ($[40] !== domProps || $[41] !== fallbackContent || $[42] !== mergedClass || $[43] !== renderedRows) {
+    t9 = /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: mergedClass, ...domProps, children: [
       renderedRows,
       fallbackContent
     ] });
-    $[38] = fallbackContent;
-    $[39] = mergedClass;
-    $[40] = props;
-    $[41] = renderedRows;
-    $[42] = t8;
+    $[40] = domProps;
+    $[41] = fallbackContent;
+    $[42] = mergedClass;
+    $[43] = renderedRows;
+    $[44] = t9;
   } else {
-    t8 = $[42];
+    t9 = $[44];
   }
-  return t8;
+  return t9;
 }
 const TableBody = React.memo((props) => {
   const $ = compilerRuntime.c(2);
@@ -592,7 +604,7 @@ const TableBodyColumn = React.memo(React.forwardRef((t0, ref) => {
 }));
 TableBodyColumn.displayName = "TableBodyColumn";
 const TableHeaderRow = React.memo((t0) => {
-  const $ = compilerRuntime.c(44);
+  const $ = compilerRuntime.c(42);
   let children;
   let className;
   let disabledCheck;
@@ -662,107 +674,104 @@ const TableHeaderRow = React.memo((t0) => {
   let t5;
   if (typeof children === "function") {
     let t62;
-    if ($[13] !== children || $[14] !== dataHeader || $[15] !== props) {
+    if ($[13] !== children || $[14] !== dataHeader) {
       let t72;
-      if ($[17] !== children || $[18] !== props) {
+      if ($[16] !== children) {
         t72 = (el, index) => {
           const child = children({
             item: el
           });
           const keyValue = el.id ?? el.header ?? index;
           return React.isValidElement(child) ? React.cloneElement(child, {
-            key: keyValue,
-            ...props
+            key: keyValue
           }) : null;
         };
-        $[17] = children;
-        $[18] = props;
-        $[19] = t72;
+        $[16] = children;
+        $[17] = t72;
       } else {
-        t72 = $[19];
+        t72 = $[17];
       }
       t62 = dataHeader.map(t72);
       $[13] = children;
       $[14] = dataHeader;
-      $[15] = props;
-      $[16] = t62;
+      $[15] = t62;
     } else {
-      t62 = $[16];
+      t62 = $[15];
     }
     t5 = t62;
   } else {
     let t62;
-    if ($[20] !== children || $[21] !== dataHeader || $[22] !== props) {
+    if ($[18] !== children || $[19] !== dataHeader || $[20] !== props) {
       let t72;
-      if ($[24] !== dataHeader || $[25] !== props) {
+      if ($[22] !== dataHeader || $[23] !== props) {
         t72 = (child_0, index_0) => React.isValidElement(child_0) ? React.cloneElement(child_0, {
           key: dataHeader[index_0]?.id ?? dataHeader[index_0]?.header ?? index_0,
           ...props
         }) : child_0;
-        $[24] = dataHeader;
-        $[25] = props;
-        $[26] = t72;
+        $[22] = dataHeader;
+        $[23] = props;
+        $[24] = t72;
       } else {
-        t72 = $[26];
+        t72 = $[24];
       }
       t62 = React.Children.map(children, t72);
-      $[20] = children;
-      $[21] = dataHeader;
-      $[22] = props;
-      $[23] = t62;
+      $[18] = children;
+      $[19] = dataHeader;
+      $[20] = props;
+      $[21] = t62;
     } else {
-      t62 = $[23];
+      t62 = $[21];
     }
     t5 = t62;
   }
   const headerChildren = t5;
   let t6;
-  if ($[27] !== className) {
+  if ($[25] !== className) {
     t6 = tailwindMerge.twMerge("bg-default-100 h-[45px]", className);
-    $[27] = className;
-    $[28] = t6;
+    $[25] = className;
+    $[26] = t6;
   } else {
-    t6 = $[28];
+    t6 = $[26];
   }
   let t7;
-  if ($[29] !== color || $[30] !== handleChange || $[31] !== isChecks || $[32] !== uui || $[33] !== valueCheck) {
+  if ($[27] !== color || $[28] !== handleChange || $[29] !== isChecks || $[30] !== uui || $[31] !== valueCheck) {
     t7 = isChecks && /* @__PURE__ */ jsxRuntime.jsx(TableHeaderColumn, { className: "min-w-10 w-10", children: /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox, { id: uui, onChange: (e) => handleChange(e.target.checked), checked: valueCheck, className: "flex justify-center", color }) });
-    $[29] = color;
-    $[30] = handleChange;
-    $[31] = isChecks;
-    $[32] = uui;
-    $[33] = valueCheck;
-    $[34] = t7;
+    $[27] = color;
+    $[28] = handleChange;
+    $[29] = isChecks;
+    $[30] = uui;
+    $[31] = valueCheck;
+    $[32] = t7;
   } else {
-    t7 = $[34];
+    t7 = $[32];
   }
   let t8;
-  if ($[35] !== color || $[36] !== isActions || $[37] !== widthAction) {
+  if ($[33] !== color || $[34] !== isActions || $[35] !== widthAction) {
     t8 = isActions && /* @__PURE__ */ jsxRuntime.jsx(TableHeaderColumn, { color, style: {
       minWidth: `${widthAction}px`,
       width: `${widthAction}px`
     } });
-    $[35] = color;
-    $[36] = isActions;
-    $[37] = widthAction;
-    $[38] = t8;
+    $[33] = color;
+    $[34] = isActions;
+    $[35] = widthAction;
+    $[36] = t8;
   } else {
-    t8 = $[38];
+    t8 = $[36];
   }
   let t9;
-  if ($[39] !== headerChildren || $[40] !== t6 || $[41] !== t7 || $[42] !== t8) {
+  if ($[37] !== headerChildren || $[38] !== t6 || $[39] !== t7 || $[40] !== t8) {
     t9 = /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: t6, children: [
       t7,
       headerChildren,
       t8
     ] });
-    $[39] = headerChildren;
-    $[40] = t6;
-    $[41] = t7;
-    $[42] = t8;
-    $[43] = t9;
+    $[37] = headerChildren;
+    $[38] = t6;
+    $[39] = t7;
+    $[40] = t8;
+    $[41] = t9;
   } else {
-    t9 = $[43];
+    t9 = $[41];
   }
   return t9;
 });
@@ -959,7 +968,8 @@ const TableHOC = ({
     selectKeys = [],
     isActions = true,
     widthAction = 100,
-    dataHeader
+    dataHeader,
+    ...otherProps
   } = props;
   const tableClass = React.useMemo(() => tailwindMerge.twMerge("table-main-container w-full border-collapse table-auto", className), [className]);
   const containerClass = React.useMemo(() => tailwindMerge.twMerge("max-w-full overflow-x-auto overflow-y-auto bg-content1", classNameContainer), [classNameContainer]);
@@ -972,7 +982,8 @@ const TableHOC = ({
     widthAction,
     totalColumn: dataHeader?.length || 0
   }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClass, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.LazyMotion, { features: () => import("framer-motion").then((res) => res.domAnimation), children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: tableClass, children: React.Children.map(children, (child) => React.isValidElement(child) ? React.cloneElement(child, {
-    ...props
+    dataHeader,
+    ...otherProps
   }) : child) }) }) }) }) });
 };
 const Table = Object.assign(TableHOC, {