lizaui 9.0.51 → 9.0.53

package/dist/table/index.es.js

@@ -204,7 +204,7 @@ const TableEmptyState = memo((t0) => {
 });
 TableEmptyState.displayName = "TableEmptyState";
 function TableBodyComponent(t0) {
-  const $ = c(43);
+  const $ = c(45);
   let children;
   let className;
   let props;
@@ -261,27 +261,39 @@ function TableBodyComponent(t0) {
     isChecks
   } = useTableContext();
   const total = Number(totalColumn) + Number(isActions) + Number(isChecks);
-  let t6;
-  if ($[11] !== className) {
-    t6 = 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 = 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
@@ -291,114 +303,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) => isValidElement(child_0) ? React__default.cloneElement(child_0, {
+      let t92;
+      if ($[22] !== children || $[23] !== data || $[24] !== rowKey) {
+        let t10;
+        if ($[26] !== data || $[27] !== rowKey) {
+          t10 = (child_0, index_0) => isValidElement(child_0) ? React__default.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__default.Children.map(children, t9);
-        $[20] = children;
-        $[21] = data;
-        $[22] = rowKey;
-        $[23] = t82;
+        t92 = React__default.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__ */ jsx("div", { className: "mt-3.5", children: /* @__PURE__ */ jsx(LoaderCircle, { size: 45 }) });
-      $[27] = t82;
+    let t92;
+    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+      t92 = /* @__PURE__ */ jsx("div", { className: "mt-3.5", children: /* @__PURE__ */ jsx(LoaderCircle, { size: 45 }) });
+      $[29] = t92;
     } else {
-      t82 = $[27];
+      t92 = $[29];
     }
-    let t9;
-    if ($[28] !== loadingLabel) {
-      t9 = /* @__PURE__ */ jsx("div", { className: "flex justify-center relative", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center items-center gap-2", children: [
-        t82,
+    let t10;
+    if ($[30] !== loadingLabel) {
+      t10 = /* @__PURE__ */ jsx("div", { className: "flex justify-center relative", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center items-center gap-2", children: [
+        t92,
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ 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__ */ jsx("tr", { className: "border-b border-divider", children: /* @__PURE__ */ 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__ */ jsx("tr", { className: "border-b border-divider", children: /* @__PURE__ */ 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__ */ jsx(TableEmptyState, { text: emptyText });
-        $[33] = emptyText;
-        $[34] = t82;
+      let t92;
+      if ($[35] !== emptyText) {
+        t92 = /* @__PURE__ */ jsx(TableEmptyState, { text: emptyText });
+        $[35] = emptyText;
+        $[36] = t92;
       } else {
-        t82 = $[34];
+        t92 = $[36];
       }
-      let t9;
-      if ($[35] !== t82 || $[36] !== total) {
-        t9 = /* @__PURE__ */ jsx("tr", { className: "border-b border-divider", children: /* @__PURE__ */ 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__ */ jsx("tr", { className: "border-b border-divider", children: /* @__PURE__ */ 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__ */ jsxs("tbody", { className: mergedClass, ...props, children: [
+  let t9;
+  if ($[40] !== domProps || $[41] !== fallbackContent || $[42] !== mergedClass || $[43] !== renderedRows) {
+    t9 = /* @__PURE__ */ 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 = memo((props) => {
   const $ = c(2);
@@ -568,7 +580,7 @@ const TableBodyColumn = memo(forwardRef((t0, ref) => {
 }));
 TableBodyColumn.displayName = "TableBodyColumn";
 const TableHeaderRow = React__default.memo((t0) => {
-  const $ = c(44);
+  const $ = c(42);
   let children;
   let className;
   let disabledCheck;
@@ -638,107 +650,104 @@ const TableHeaderRow = React__default.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 isValidElement(child) ? React__default.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) => isValidElement(child_0) ? React__default.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__default.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 = 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__ */ jsx(TableHeaderColumn, { className: "min-w-10 w-10", children: /* @__PURE__ */ jsx(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__ */ 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__ */ 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;
 });
@@ -935,7 +944,8 @@ const TableHOC = ({
     selectKeys = [],
     isActions = true,
     widthAction = 100,
-    dataHeader
+    dataHeader,
+    ...otherProps
   } = props;
   const tableClass = useMemo(() => twMerge("table-main-container w-full border-collapse table-auto", className), [className]);
   const containerClass = useMemo(() => twMerge("max-w-full overflow-x-auto overflow-y-auto bg-content1", classNameContainer), [classNameContainer]);
@@ -948,7 +958,8 @@ const TableHOC = ({
     widthAction,
     totalColumn: dataHeader?.length || 0
   }, children: /* @__PURE__ */ jsx("div", { className: containerClass, children: /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(LazyMotion, { features: () => import("framer-motion").then((res) => res.domAnimation), children: /* @__PURE__ */ jsx("table", { className: tableClass, children: React__default.Children.map(children, (child) => isValidElement(child) ? React__default.cloneElement(child, {
-    ...props
+    dataHeader,
+    ...otherProps
   }) : child) }) }) }) }) });
 };
 const Table = Object.assign(TableHOC, {