smartsell-ui-kit 0.1.22 → 0.1.23

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { B as ButtonProps, C as ControlSize } from './types-CSdgG6bT.cjs';
-export { a as Button, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as TableRowClickHandler, a1 as Textarea, a2 as TextareaProps, a3 as UiKitTheme, a4 as createModalSlotIds, a5 as useUiKitTheme } from './types-CSdgG6bT.cjs';
+import { B as ButtonProps, C as ControlSize } from './types-SEt2ljGe.cjs';
+export { a as Button, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as TableRowClickHandler, a1 as Textarea, a2 as TextareaProps, a3 as UiKitTheme, a4 as createModalSlotIds, a5 as useUiKitTheme } from './types-SEt2ljGe.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { HTMLAttributes, ReactNode, AriaRole, CSSProperties } from 'react';
 import 'smartsell-theme';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { B as ButtonProps, C as ControlSize } from './types-CSdgG6bT.js';
-export { a as Button, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as TableRowClickHandler, a1 as Textarea, a2 as TextareaProps, a3 as UiKitTheme, a4 as createModalSlotIds, a5 as useUiKitTheme } from './types-CSdgG6bT.js';
+import { B as ButtonProps, C as ControlSize } from './types-SEt2ljGe.js';
+export { a as Button, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as TableRowClickHandler, a1 as Textarea, a2 as TextareaProps, a3 as UiKitTheme, a4 as createModalSlotIds, a5 as useUiKitTheme } from './types-SEt2ljGe.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { HTMLAttributes, ReactNode, AriaRole, CSSProperties } from 'react';
 import 'smartsell-theme';

package/dist/index.js

@@ -4905,12 +4905,15 @@ function ChevronIcon({ direction }) {
     }
   );
 }
-function OverflowMenu({ label, children }) {
+function OverflowMenu({ label, children, openRequest }) {
   const [isOpen, setIsOpen] = useState6(false);
   const [menuPosition, setMenuPosition] = useState6(null);
   const containerRef = useRef5(null);
   const buttonRef = useRef5(null);
   const menuRef = useRef5(null);
+  useEffect7(() => {
+    if (openRequest) setIsOpen(true);
+  }, [openRequest]);
   const updateMenuPosition = () => {
     var _a, _b, _c;
     const triggerRect = (_a = buttonRef.current) == null ? void 0 : _a.getBoundingClientRect();
@@ -5034,6 +5037,7 @@ function TableBase({
   mobileColumns,
   getRowId: getCustomRowId,
   onRowClick,
+  rowClickOpensActions = false,
   actions,
   stickyActionsColumn = true,
   maxInlineActions = DEFAULT_MAX_INLINE_ACTIONS,
@@ -5064,6 +5068,7 @@ function TableBase({
   const containerRef = useRef5(null);
   const [containerWidth, setContainerWidth] = useState6(null);
   const [isSettingsModalOpen, setIsSettingsModalOpen] = useState6(false);
+  const [requestedActions, setRequestedActions] = useState6({ rowId: "", count: 0 });
   const resolvedLabels = mergeTableLabels({
     ...labels != null ? labels : {},
     ...translations != null ? translations : {}
@@ -5123,7 +5128,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",
@@ -5236,9 +5249,16 @@ function TableBase({
           inlineActions.map(
             (action) => renderActionButton(action, item, rowIndex, "inline")
           ),
-          overflowActions.length > 0 ? /* @__PURE__ */ jsx18(OverflowMenu, { label: resolvedLabels.actionsMenuLabel, children: overflowActions.map(
-            (action) => renderActionButton(action, item, rowIndex, "menu")
-          ) }) : null
+          overflowActions.length > 0 ? /* @__PURE__ */ jsx18(
+            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
         ]
       }
     );
@@ -5370,7 +5390,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__ */ jsx18(
                       "div",
@@ -5541,7 +5561,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(