erp-pos-ecommerce-shared 0.2.20 → 0.2.21

package/dist/components.js

@@ -1296,6 +1296,7 @@ function useDataTable({
 }
 var defaultHeaderTextColor = "light-dark(var(--mantine-color-dimmed), var(--mantine-color-gray-4))";
 var defaultHeaderHoverBg = "light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-2))";
+var actionsColumnWidth = 56;
 function normalizeHeaderStyle(value) {
   if (value == null) {
     return {
@@ -1343,8 +1344,9 @@ var TableHeader = ({
   };
   const getColumnStyle = (size) => {
     if (!size || totalColumnsSize <= 0) return void 0;
+    const baseWidth = `${size / totalColumnsSize * 100}%`;
     return {
-      width: `${size / totalColumnsSize * 100}%`,
+      width: hasActionsColumn ? `calc((100% - ${actionsColumnWidth}px) * ${size / totalColumnsSize})` : baseWidth,
       minWidth: size
     };
   };
@@ -1418,12 +1420,20 @@ var TableHeader = ({
         header.id
       );
     }),
-    hasActionsColumn && /* @__PURE__ */ jsx(Table.Th, { bg: bgColor })
+    hasActionsColumn && /* @__PURE__ */ jsx(
+      Table.Th,
+      {
+        bg: bgColor,
+        style: { width: actionsColumnWidth, minWidth: actionsColumnWidth }
+      }
+    )
   ] }, headerGroup.id)) });
 };
+var actionsColumnWidth2 = 56;
 var TableBody = ({
   table,
   canCheck = false,
+  hasActionsColumn = false,
   columnActions,
   MenuIcon = MoreVertical,
   listMenuActions,
@@ -1434,8 +1444,9 @@ var TableBody = ({
   const totalColumnsSize = table.getVisibleLeafColumns().reduce((sum, column) => sum + column.getSize(), 0);
   const getColumnStyle = (size) => {
     if (!size || totalColumnsSize <= 0) return void 0;
+    const baseWidth = `${size / totalColumnsSize * 100}%`;
     return {
-      width: `${size / totalColumnsSize * 100}%`,
+      width: hasActionsColumn ? `calc((100% - ${actionsColumnWidth2}px) * ${size / totalColumnsSize})` : baseWidth,
       minWidth: size
     };
   };
@@ -1497,7 +1508,7 @@ var TableBody = ({
           },
           cell.id
         )),
-        (columnActions || listMenuActions) && /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", align: "center", gap: "sm", children: [
+        (columnActions || listMenuActions) && /* @__PURE__ */ jsx(Table.Td, { style: { width: actionsColumnWidth2, minWidth: actionsColumnWidth2 }, children: /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", align: "center", gap: "sm", children: [
           columnActions?.(row.original),
           listMenuActions && /* @__PURE__ */ jsxs(Menu, { variant: "subtle", children: [
             /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "gray", size: "sm", children: /* @__PURE__ */ jsx(MenuIcon, { size: 16 }) }) }),
@@ -1686,6 +1697,7 @@ var SimpleDataTable = ({
             onRowHover,
             table,
             canCheck,
+            hasActionsColumn,
             columnActions,
             listMenuActions
           }