smartsell-ui-kit 0.1.22 → 0.1.23

package/README.md

@@ -227,6 +227,11 @@ receives the clicked item and its visible row index. The desktop table row and t
 mobile card use the same callback; the only visual change is the pointer cursor. Built-in row
 action buttons stop propagation so their handlers do not also trigger `onRowClick`.
 
+Use `rowClickOpensActions` to make a row open its existing overflow actions menu. The
+menu must exist, so set `maxInlineActions={0}` when every action should appear there.
+Without either row-click property, rows stay passive. When both are provided,
+`rowClickOpensActions` takes precedence over `onRowClick`.
+
 ```tsx
 <Table
   items={customers}

package/dist/index.cjs

@@ -4927,12 +4927,15 @@ function ChevronIcon({ direction }) {
     }
   );
 }
-function OverflowMenu({ label, children }) {
+function OverflowMenu({ label, children, openRequest }) {
   const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
   const [menuPosition, setMenuPosition] = (0, import_react14.useState)(null);
   const containerRef = (0, import_react14.useRef)(null);
   const buttonRef = (0, import_react14.useRef)(null);
   const menuRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
+    if (openRequest) setIsOpen(true);
+  }, [openRequest]);
   const updateMenuPosition = () => {
     var _a, _b, _c;
     const triggerRect = (_a = buttonRef.current) == null ? void 0 : _a.getBoundingClientRect();
@@ -5056,6 +5059,7 @@ function TableBase({
   mobileColumns,
   getRowId: getCustomRowId,
   onRowClick,
+  rowClickOpensActions = false,
   actions,
   stickyActionsColumn = true,
   maxInlineActions = DEFAULT_MAX_INLINE_ACTIONS,
@@ -5086,6 +5090,7 @@ function TableBase({
   const containerRef = (0, import_react14.useRef)(null);
   const [containerWidth, setContainerWidth] = (0, import_react14.useState)(null);
   const [isSettingsModalOpen, setIsSettingsModalOpen] = (0, import_react14.useState)(false);
+  const [requestedActions, setRequestedActions] = (0, import_react14.useState)({ rowId: "", count: 0 });
   const resolvedLabels = mergeTableLabels({
     ...labels != null ? labels : {},
     ...translations != null ? translations : {}
@@ -5145,7 +5150,15 @@ function TableBase({
     ariaLabel,
     normalizedPage
   );
-  const hasRowClick = Boolean(onRowClick);
+  const hasRowClick = Boolean(onRowClick || rowClickOpensActions);
+  const handleRowClick = (item, rowIndex) => {
+    if (rowClickOpensActions) {
+      const rowId = getRowId(item, rowIndex, getCustomRowId);
+      setRequestedActions((current) => ({ rowId, count: current.count + 1 }));
+    } else {
+      onRowClick == null ? void 0 : onRowClick(item, rowIndex);
+    }
+  };
   const shouldStickActionsColumn = Boolean(actions) && stickyActionsColumn;
   const getStickyActionsCellStyle = (backgroundColor, backgroundImage, isHeader = false) => ({
     position: "sticky",
@@ -5258,9 +5271,16 @@ function TableBase({
           inlineActions.map(
             (action) => renderActionButton(action, item, rowIndex, "inline")
           ),
-          overflowActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OverflowMenu, { label: resolvedLabels.actionsMenuLabel, children: overflowActions.map(
-            (action) => renderActionButton(action, item, rowIndex, "menu")
-          ) }) : null
+          overflowActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            OverflowMenu,
+            {
+              label: resolvedLabels.actionsMenuLabel,
+              openRequest: requestedActions.rowId === getRowId(item, rowIndex, getCustomRowId) ? requestedActions.count : void 0,
+              children: overflowActions.map(
+                (action) => renderActionButton(action, item, rowIndex, "menu")
+              )
+            }
+          ) : null
         ]
       }
     );
@@ -5392,7 +5412,7 @@ function TableBase({
                     "px-3.5 py-3 shadow-none",
                     hasRowClick ? "cursor-pointer" : ""
                   ].join(" "),
-                  onClick: onRowClick ? () => onRowClick(item, rowIndex) : void 0,
+                  onClick: hasRowClick ? () => handleRowClick(item, rowIndex) : void 0,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       "div",
@@ -5563,7 +5583,7 @@ function TableBase({
                         isAlternateRow ? "bg-[var(--theme-background)]" : "bg-[var(--theme-surface)]",
                         hasRowClick ? "cursor-pointer" : ""
                       ].join(" "),
-                      onClick: onRowClick ? () => onRowClick(item, rowIndex) : void 0,
+                      onClick: hasRowClick ? () => handleRowClick(item, rowIndex) : void 0,
                       children: [
                         desktopColumns.map((column, columnIndex) => {
                           return renderDesktopCell(