smartsell-ui-kit 0.1.6 → 0.1.7

package/dist/index.cjs

@@ -3831,7 +3831,7 @@ var import_react12 = require("react");
 
 // src/componentsBase/table/utils.ts
 var import_react11 = require("react");
-var DEFAULT_COLLAPSE_BELOW = 420;
+var DEFAULT_COLLAPSE_BELOW = 768;
 var DEFAULT_MAX_INLINE_ACTIONS = 2;
 var DEFAULT_PAGE_SIZE = 10;
 var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50];
@@ -4354,7 +4354,7 @@ function TableBase({
   const alternateSurfaceColor = theme.colors.background;
   const scrollRegionId = (0, import_react12.useId)().replace(/:/g, "");
   const containerRef = (0, import_react12.useRef)(null);
-  const [containerWidth, setContainerWidth] = (0, import_react12.useState)(null);
+  const [viewportWidth, setViewportWidth] = (0, import_react12.useState)(null);
   const [isSettingsModalOpen, setIsSettingsModalOpen] = (0, import_react12.useState)(false);
   const resolvedLabels = mergeTableLabels({
     ...labels != null ? labels : {},
@@ -4362,8 +4362,8 @@ function TableBase({
   });
   const normalizedPage = clampPage(page, totalPages);
   const normalizedPageSizeOptions = sanitizePageSizeOptions(pageSizeOptions, pageSize);
-  const isCollapsed = containerWidth !== null ? containerWidth < collapseBelow : false;
-  const mobileGridColumnCount = containerWidth !== null && containerWidth < 520 ? 1 : 2;
+  const isCollapsed = viewportWidth !== null ? viewportWidth < collapseBelow : false;
+  const mobileGridColumnCount = viewportWidth !== null && viewportWidth < 520 ? 1 : 2;
   const canGoToPreviousPage = normalizedPage > 1;
   const canGoToNextPage = normalizedPage < Math.max(1, totalPages);
   const canGoToFirstPage = canGoToPreviousPage;
@@ -4398,31 +4398,16 @@ function TableBase({
     borderLeft: `1px solid ${softBorderColor}`
   });
   (0, import_react12.useEffect)(() => {
-    const element = containerRef.current;
-    if (!element) {
+    if (typeof window === "undefined") {
       return;
     }
-    const setWidthFromElement = (nextWidth) => {
-      const measuredWidth = nextWidth != null ? nextWidth : element.getBoundingClientRect().width;
-      setContainerWidth(measuredWidth > 0 ? measuredWidth : null);
+    const updateViewportWidth = () => {
+      setViewportWidth(window.innerWidth);
     };
-    setWidthFromElement();
-    if (typeof ResizeObserver === "undefined") {
-      const handleResize = () => {
-        setWidthFromElement(window.innerWidth);
-      };
-      window.addEventListener("resize", handleResize);
-      return () => {
-        window.removeEventListener("resize", handleResize);
-      };
-    }
-    const observer = new ResizeObserver((entries) => {
-      const [entry] = entries;
-      setWidthFromElement(entry == null ? void 0 : entry.contentRect.width);
-    });
-    observer.observe(element);
+    updateViewportWidth();
+    window.addEventListener("resize", updateViewportWidth);
     return () => {
-      observer.disconnect();
+      window.removeEventListener("resize", updateViewportWidth);
     };
   }, []);
   const actionButtonBaseStyle = (tone, disabled, iconOnly) => ({
@@ -4679,7 +4664,7 @@ function TableBase({
         !hasRows && (!loading || error) ? renderEmptyState() : null,
         hasRows ? isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { role: "list", "aria-label": ariaLabel, className: "flex flex-col gap-3.5", children: items.map((item, rowIndex) => {
           const rowActions = renderActions(item, rowIndex);
-          const rowBackgroundColor = rowIndex % 2 === 0 ? theme.colors.surface : alternateSurfaceColor;
+          const rowBackgroundColor = theme.colors.surface;
           return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "article",
             {
@@ -4851,7 +4836,7 @@ function TableBase({
                           width: column.width,
                           minWidth: column.minWidth
                         },
-                        children: column.label
+                        children: !column.hideLabel ? column.label : null
                       },
                       getColumnKey(column, columnIndex)
                     );