lizaui 9.0.60 → 9.0.62

package/dist/table/index.es.js

@@ -84,7 +84,7 @@ const initialValues = {
   isActions: true,
   widthAction: 100,
   totalColumn: 0,
-  sortDescriptors: [],
+  sortDescriptor: null,
   onSortChange: () => {
   },
   columnWidths: {},
@@ -285,7 +285,7 @@ const ResizeHandle = memo((t0) => {
   }
   let t7;
   if ($[8] !== onPointerDown || $[9] !== t2 || $[10] !== t6) {
-    t7 = /* @__PURE__ */ jsxs("div", { className: t2, onPointerDown, role: "separator", "aria-orientation": "vertical", "aria-label": "Resize column", children: [
+    t7 = /* @__PURE__ */ jsxs("div", { className: t2, onPointerDown, onClick: _temp, onDoubleClick: _temp2, role: "separator", "aria-orientation": "vertical", "aria-label": "Resize column", children: [
       t3,
       t6
     ] });
@@ -299,8 +299,14 @@ const ResizeHandle = memo((t0) => {
   return t7;
 });
 ResizeHandle.displayName = "ResizeHandle";
+function _temp(e) {
+  return e.stopPropagation();
+}
+function _temp2(e_0) {
+  return e_0.stopPropagation();
+}
 const TableHeaderColumn = React__default.memo((t0) => {
-  const $ = c(61);
+  const $ = c(55);
   const {
     children,
     className,
@@ -329,7 +335,7 @@ const TableHeaderColumn = React__default.memo((t0) => {
   const text = t3 === void 0 ? "" : t3;
   const colspan = t4 === void 0 ? void 0 : t4;
   const {
-    sortDescriptors,
+    sortDescriptor,
     onSortChange,
     columnWidths,
     onColumnResize,
@@ -428,87 +434,63 @@ const TableHeaderColumn = React__default.memo((t0) => {
   const isChildrenEmpty = t13;
   const isSortable = header?.sort;
   header?.id;
+  const isCurrentlySorted = sortDescriptor?.column === header?.id;
   let t14;
-  if ($[23] !== header?.id || $[24] !== sortDescriptors) {
-    t14 = sortDescriptors?.find((d) => d.column === header?.id);
-    $[23] = header?.id;
-    $[24] = sortDescriptors;
-    $[25] = t14;
-  } else {
-    t14 = $[25];
-  }
-  const currentSort = t14;
-  let t15;
-  if ($[26] !== currentSort || $[27] !== header?.id || $[28] !== sortDescriptors) {
-    t15 = () => {
-      if (!sortDescriptors || sortDescriptors.length <= 1 || !currentSort) {
-        return null;
+  if ($[23] !== header || $[24] !== isResizing || $[25] !== isSortable || $[26] !== onSortChange) {
+    t14 = (e) => {
+      if (isResizing) {
+        e.preventDefault();
+        return;
       }
-      return sortDescriptors.findIndex((d_0) => d_0.column === header?.id) + 1;
-    };
-    $[26] = currentSort;
-    $[27] = header?.id;
-    $[28] = sortDescriptors;
-    $[29] = t15;
-  } else {
-    t15 = $[29];
-  }
-  header?.id;
-  const sortOrderIndex = t15();
-  let t16;
-  if ($[30] !== header || $[31] !== isSortable || $[32] !== onSortChange) {
-    t16 = () => {
       if (isSortable && onSortChange && header?.id) {
         onSortChange(header.id);
       }
     };
-    $[30] = header;
-    $[31] = isSortable;
-    $[32] = onSortChange;
-    $[33] = t16;
+    $[23] = header;
+    $[24] = isResizing;
+    $[25] = isSortable;
+    $[26] = onSortChange;
+    $[27] = t14;
   } else {
-    t16 = $[33];
+    t14 = $[27];
   }
-  const handleSort = t16;
-  let t17;
-  if ($[34] !== currentSort || $[35] !== icon || $[36] !== isSortable || $[37] !== sortOrderIndex) {
-    t17 = () => {
+  const handleSort = t14;
+  let t15;
+  if ($[28] !== icon || $[29] !== isCurrentlySorted || $[30] !== isSortable || $[31] !== sortDescriptor) {
+    t15 = () => {
       if (!isSortable) {
         return icon;
       }
-      if (currentSort) {
-        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
-          sortOrderIndex && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-foreground-500 dark:text-foreground-500", children: sortOrderIndex }),
-          currentSort.direction === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4 text-foreground-500 dark:text-foreground-500" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-foreground-500 dark:text-foreground-500" })
-        ] });
+      if (isCurrentlySorted && sortDescriptor) {
+        return sortDescriptor.direction === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4 text-foreground-500 dark:text-foreground-500" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-foreground-500 dark:text-foreground-500" });
       }
       return /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-4 w-4 text-default-300" });
     };
-    $[34] = currentSort;
-    $[35] = icon;
-    $[36] = isSortable;
-    $[37] = sortOrderIndex;
-    $[38] = t17;
-  } else {
-    t17 = $[38];
-  }
-  const renderSortIcon = t17;
-  const t18 = isResizable ? columnRef : void 0;
-  const t19 = isSortable ? "cursor-pointer transition-colors" : "";
-  const t20 = isResizing && "select-none";
-  let t21;
-  if ($[39] !== mergedClass || $[40] !== t19 || $[41] !== t20) {
-    t21 = twMerge(mergedClass, t19, t20);
-    $[39] = mergedClass;
-    $[40] = t19;
-    $[41] = t20;
-    $[42] = t21;
-  } else {
-    t21 = $[42];
-  }
-  let t22;
-  if ($[43] !== children || $[44] !== header?.information || $[45] !== isChildrenEmpty || $[46] !== renderSortIcon || $[47] !== text) {
-    t22 = isChildrenEmpty ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-x-2 font-medium", children: [
+    $[28] = icon;
+    $[29] = isCurrentlySorted;
+    $[30] = isSortable;
+    $[31] = sortDescriptor;
+    $[32] = t15;
+  } else {
+    t15 = $[32];
+  }
+  const renderSortIcon = t15;
+  const t16 = isResizable ? columnRef : void 0;
+  const t17 = isSortable ? "cursor-pointer transition-colors" : "";
+  const t18 = isResizing && "select-none";
+  let t19;
+  if ($[33] !== mergedClass || $[34] !== t17 || $[35] !== t18) {
+    t19 = twMerge(mergedClass, t17, t18);
+    $[33] = mergedClass;
+    $[34] = t17;
+    $[35] = t18;
+    $[36] = t19;
+  } else {
+    t19 = $[36];
+  }
+  let t20;
+  if ($[37] !== children || $[38] !== header?.information || $[39] !== isChildrenEmpty || $[40] !== renderSortIcon || $[41] !== text) {
+    t20 = isChildrenEmpty ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-x-2 font-medium", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex  items-center gap-x-2", children: [
         /* @__PURE__ */ jsx("p", { className: "line-clamp-1 text-xs text-foreground-500 dark:text-foreground-500 text-left", children: text }),
         header?.information && /* @__PURE__ */ jsx(Tooltip, { content: header?.information || "", children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", role: "img", className: "text-default-300 cursor-pointer dark:text-foreground-500", width: 16, height: 16, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
@@ -519,43 +501,43 @@ const TableHeaderColumn = React__default.memo((t0) => {
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex-1 flex justify-end", children: renderSortIcon() })
     ] }) : children;
-    $[43] = children;
-    $[44] = header?.information;
-    $[45] = isChildrenEmpty;
-    $[46] = renderSortIcon;
-    $[47] = text;
-    $[48] = t22;
-  } else {
-    t22 = $[48];
-  }
-  let t23;
-  if ($[49] !== handlePointerDown || $[50] !== isResizable || $[51] !== isResizing) {
-    t23 = isResizable && /* @__PURE__ */ jsx(ResizeHandle, { onPointerDown: handlePointerDown, isResizing });
-    $[49] = handlePointerDown;
-    $[50] = isResizable;
-    $[51] = isResizing;
-    $[52] = t23;
-  } else {
-    t23 = $[52];
-  }
-  let t24;
-  if ($[53] !== colspan || $[54] !== handleSort || $[55] !== mergedStyle || $[56] !== t18 || $[57] !== t21 || $[58] !== t22 || $[59] !== t23) {
-    t24 = /* @__PURE__ */ jsxs("th", { ref: t18, className: t21, style: mergedStyle, colSpan: colspan, onClick: handleSort, children: [
-      t22,
-      t23
+    $[37] = children;
+    $[38] = header?.information;
+    $[39] = isChildrenEmpty;
+    $[40] = renderSortIcon;
+    $[41] = text;
+    $[42] = t20;
+  } else {
+    t20 = $[42];
+  }
+  let t21;
+  if ($[43] !== handlePointerDown || $[44] !== isResizable || $[45] !== isResizing) {
+    t21 = isResizable && /* @__PURE__ */ jsx(ResizeHandle, { onPointerDown: handlePointerDown, isResizing });
+    $[43] = handlePointerDown;
+    $[44] = isResizable;
+    $[45] = isResizing;
+    $[46] = t21;
+  } else {
+    t21 = $[46];
+  }
+  let t22;
+  if ($[47] !== colspan || $[48] !== handleSort || $[49] !== mergedStyle || $[50] !== t16 || $[51] !== t19 || $[52] !== t20 || $[53] !== t21) {
+    t22 = /* @__PURE__ */ jsxs("th", { ref: t16, className: t19, style: mergedStyle, colSpan: colspan, onClick: handleSort, children: [
+      t20,
+      t21
     ] });
-    $[53] = colspan;
-    $[54] = handleSort;
-    $[55] = mergedStyle;
-    $[56] = t18;
-    $[57] = t21;
-    $[58] = t22;
-    $[59] = t23;
-    $[60] = t24;
-  } else {
-    t24 = $[60];
-  }
-  return t24;
+    $[47] = colspan;
+    $[48] = handleSort;
+    $[49] = mergedStyle;
+    $[50] = t16;
+    $[51] = t19;
+    $[52] = t20;
+    $[53] = t21;
+    $[54] = t22;
+  } else {
+    t22 = $[54];
+  }
+  return t22;
 });
 TableHeaderColumn.displayName = "TableHeaderColumn";
 const TableEmptyState = memo((t0) => {
@@ -1327,7 +1309,7 @@ const TableHOC = ({
     isActions = true,
     widthAction = 100,
     dataHeader,
-    sortDescriptors,
+    sortDescriptor,
     onSortChange,
     columnWidths = {},
     onColumnResize,
@@ -1344,7 +1326,7 @@ const TableHOC = ({
     isActions,
     widthAction,
     totalColumn: dataHeader?.length || 0,
-    sortDescriptors,
+    sortDescriptor,
     onSortChange,
     columnWidths,
     onColumnResize,
@@ -1365,12 +1347,12 @@ const Table = Object.assign(TableHOC, {
   BodyColumn: TableBodyColumn
 });
 const useTable = (t0) => {
-  const $ = c(24);
+  const $ = c(22);
   const {
     initialDisabledKeys: t1,
     initialSelectKey: t2,
     initialValueSearch: t3,
-    initialSortDescriptors: t4,
+    initialSortDescriptor: t4,
     initialColumnWidths: t5
   } = t0;
   let t6;
@@ -1400,32 +1382,24 @@ const useTable = (t0) => {
     t8 = $[5];
   }
   const initialValueSearch = t8;
+  const initialSortDescriptor = t4 === void 0 ? null : t4;
   let t9;
-  if ($[6] !== t4) {
-    t9 = t4 === void 0 ? [] : t4;
-    $[6] = t4;
+  if ($[6] !== t5) {
+    t9 = t5 === void 0 ? {} : t5;
+    $[6] = t5;
     $[7] = t9;
   } else {
     t9 = $[7];
   }
-  const initialSortDescriptors = t9;
-  let t10;
-  if ($[8] !== t5) {
-    t10 = t5 === void 0 ? {} : t5;
-    $[8] = t5;
-    $[9] = t10;
-  } else {
-    t10 = $[9];
-  }
-  const initialColumnWidths = t10;
+  const initialColumnWidths = t9;
   const [selectKeys, setSelectKeys] = useState(initialSelectKey);
   const [disabledKeys, setDisabledKeys] = useState(initialDisabledKeys);
   const [valueSearch, setValueSearch] = useState(initialValueSearch);
-  const [sortDescriptors, setSortDescriptors] = useState(initialSortDescriptors);
+  const [sortDescriptor, setSortDescriptor] = useState(initialSortDescriptor);
   const [columnWidths, setColumnWidths] = useState(initialColumnWidths);
-  let t11;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-    t11 = (value) => {
+  let t10;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = (value) => {
       setSelectKeys((prev) => {
         const exists = prev.some((el) => el.id === value.id);
         if (exists) {
@@ -1434,44 +1408,44 @@ const useTable = (t0) => {
         return [...prev, value];
       });
     };
-    $[10] = t11;
+    $[8] = t10;
   } else {
-    t11 = $[10];
+    t10 = $[8];
   }
-  const handleSelectKey = t11;
-  let t12;
-  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t12 = (value_0) => {
+  const handleSelectKey = t10;
+  let t11;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = (value_0) => {
       setSelectKeys(value_0);
     };
-    $[11] = t12;
+    $[9] = t11;
   } else {
-    t12 = $[11];
+    t11 = $[9];
   }
-  const handleSelectKeys = t12;
-  let t13;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-    t13 = (value_1) => {
+  const handleSelectKeys = t11;
+  let t12;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = (value_1) => {
       setDisabledKeys(value_1);
     };
-    $[12] = t13;
+    $[10] = t12;
   } else {
-    t13 = $[12];
+    t12 = $[10];
   }
-  const handleDisabledKeys = t13;
-  let t14;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-    t14 = () => {
+  const handleDisabledKeys = t12;
+  let t13;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = () => {
       setSelectKeys([]);
     };
-    $[13] = t14;
+    $[11] = t13;
   } else {
-    t14 = $[13];
+    t13 = $[11];
   }
-  const handleResetSelectKeys = t14;
-  let t15;
-  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-    t15 = (key, value_2) => {
+  const handleResetSelectKeys = t13;
+  let t14;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = (key, value_2) => {
       setValueSearch((prev_0) => {
         if (prev_0[key] === value_2) {
           return prev_0;
@@ -1487,73 +1461,69 @@ const useTable = (t0) => {
         return newState;
       });
     };
-    $[14] = t15;
+    $[12] = t14;
   } else {
-    t15 = $[14];
+    t14 = $[12];
   }
-  const handleSetValueSearch = t15;
-  let t16;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-    t16 = (column) => {
-      setSortDescriptors((prev_1) => {
-        const existingIndex = prev_1.findIndex((s) => s.column === column);
-        if (existingIndex !== -1) {
-          const existing = prev_1[existingIndex];
-          if (existing.direction === "asc") {
-            const newSorts = [...prev_1];
-            newSorts[existingIndex] = {
-              ...existing,
+  const handleSetValueSearch = t14;
+  let t15;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = (column) => {
+      setSortDescriptor((prev_1) => {
+        if (prev_1?.column === column) {
+          if (prev_1.direction === "asc") {
+            return {
+              column,
               direction: "desc"
             };
-            return newSorts;
           } else {
-            return prev_1.filter((s_0) => s_0.column !== column);
+            return null;
           }
         }
-        return [...prev_1, {
+        return {
           column,
           direction: "asc"
-        }];
+        };
       });
     };
-    $[15] = t16;
+    $[13] = t15;
   } else {
-    t16 = $[15];
+    t15 = $[13];
   }
-  const handleSort = t16;
-  let t17;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-    t17 = (columnId, width) => {
+  const handleSort = t15;
+  let t16;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = (columnId, width) => {
       setColumnWidths((prev_2) => ({
         ...prev_2,
         [columnId]: width
       }));
     };
-    $[16] = t17;
+    $[14] = t16;
   } else {
-    t17 = $[16];
+    t16 = $[14];
   }
-  const handleColumnResize = t17;
-  let t18;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-    t18 = (columnId_0, width_0) => {
+  const handleColumnResize = t16;
+  let t17;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t17 = (columnId_0, width_0) => {
       setColumnWidths((prev_3) => ({
         ...prev_3,
         [columnId_0]: width_0
       }));
     };
-    $[17] = t18;
+    $[15] = t17;
   } else {
-    t18 = $[17];
+    t17 = $[15];
   }
-  const handleColumnResizeEnd = t18;
-  let t19;
-  if ($[18] !== columnWidths || $[19] !== disabledKeys || $[20] !== selectKeys || $[21] !== sortDescriptors || $[22] !== valueSearch) {
-    t19 = {
+  const handleColumnResizeEnd = t17;
+  let t18;
+  if ($[16] !== columnWidths || $[17] !== disabledKeys || $[18] !== selectKeys || $[19] !== sortDescriptor || $[20] !== valueSearch) {
+    t18 = {
       selectKeys,
       disabledKeys,
       valueSearch,
-      sortDescriptors,
+      sortDescriptor,
       columnWidths,
       handleSelectKeys,
       handleSelectKey,
@@ -1564,16 +1534,16 @@ const useTable = (t0) => {
       handleColumnResize,
       handleColumnResizeEnd
     };
-    $[18] = columnWidths;
-    $[19] = disabledKeys;
-    $[20] = selectKeys;
-    $[21] = sortDescriptors;
-    $[22] = valueSearch;
-    $[23] = t19;
+    $[16] = columnWidths;
+    $[17] = disabledKeys;
+    $[18] = selectKeys;
+    $[19] = sortDescriptor;
+    $[20] = valueSearch;
+    $[21] = t18;
   } else {
-    t19 = $[23];
+    t18 = $[21];
   }
-  return t19;
+  return t18;
 };
 export {
   Table,