@eztrak/shared 0.15.0 → 0.15.3

package/dist/components/index.mjs

@@ -11,6 +11,7 @@ import {
   ROW_ACTION_DEFAULT_ICON_SIZE,
   ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE,
   ROW_ACTION_ITEM_HOVER_CLASS,
+  ROW_ACTION_ITEM_TEXT_CLASS,
   ROW_ACTION_PRESETS,
   ResetColumnsButton,
   ResetFiltersButton,
@@ -22,7 +23,7 @@ import {
   TooltipText,
   dropdownStyles,
   resolveActions
-} from "../chunk-KFBKDGZV.mjs";
+} from "../chunk-QM2TGUZN.mjs";
 import "../chunk-EIX5CUQF.mjs";
 export {
   ActionMenuItem,
@@ -37,6 +38,7 @@ export {
   ROW_ACTION_DEFAULT_ICON_SIZE,
   ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE,
   ROW_ACTION_ITEM_HOVER_CLASS,
+  ROW_ACTION_ITEM_TEXT_CLASS,
   ROW_ACTION_PRESETS,
   ResetColumnsButton,
   ResetFiltersButton,

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 export { CreateBaseQueryWithRetryOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, resetPageParam, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.mjs';
 export { C as ConfirmationAlertOptions, E as ErrorClassification, a as ErrorSuggestedAction, H as HandleApiErrorOptions, R as RtkQueryError, c as classifyError, b as confirmationAlert, f as formatValidationErrorsHtml, h as handleApiError, i as isRetryableError } from './handleApiError-CwVIJOqO.mjs';
 export { UseGridHeightOptions, useGridHeight, usePaginationUrlSync } from './hooks/index.mjs';
-export { ActionMenuItem, ActionMenuItemProps, CardSkeleton, CardSkeletonProps, CardSkeletonVariant, CellEditPayload, CellEditorInputType, CustomCellEditor, CustomCellEditorProps, CustomCellEditorRef, CustomPagination, CustomPaginationClassNames, CustomPaginationProps, DropdownFilter, DropdownFilterProps, DropdownOption, EztrakTab, EztrakTabs, EztrakTabsClassNames, EztrakTabsProps, LayoutStatus, Loader, LoaderProps, Modal, ModalProps, PaginationData, PopupActionHandler, PopupCellRenderer, PopupCellRendererParams, PopupCellRendererProps, PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, ResetColumnsButtonProps, ResetFiltersButton, ResetFiltersButtonProps, ResetFiltersButtonVariant, ResolvedRowAction, RowAction, RowActionConfirmFn, RowActionFlag, RowActionItemRenderContext, RowActionItemType, RowActionPreset, RowActionPresetName, RowActions, RowActionsList, RowActionsMode, RowActionsProps, RowActionsRenderContext, SearchInput, SearchInputProps, TableErrorBoundary, TableErrorBoundaryProps, TableLayoutToolbarControls, TableLayoutToolbarControlsProps, ToolTip, ToolTipProps, TooltipText, TooltipTextProps, dropdownStyles, resolveActions } from './components/index.mjs';
+export { ActionMenuItem, ActionMenuItemProps, CardSkeleton, CardSkeletonProps, CardSkeletonVariant, CellEditPayload, CellEditorInputType, CustomCellEditor, CustomCellEditorProps, CustomCellEditorRef, CustomPagination, CustomPaginationClassNames, CustomPaginationProps, DropdownFilter, DropdownFilterProps, DropdownOption, EztrakTab, EztrakTabs, EztrakTabsClassNames, EztrakTabsProps, LayoutStatus, Loader, LoaderProps, Modal, ModalProps, PaginationData, PopupActionHandler, PopupCellRenderer, PopupCellRendererParams, PopupCellRendererProps, PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_ITEM_TEXT_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, ResetColumnsButtonProps, ResetFiltersButton, ResetFiltersButtonProps, ResetFiltersButtonVariant, ResolvedRowAction, RowAction, RowActionConfirmFn, RowActionFlag, RowActionItemRenderContext, RowActionItemType, RowActionPreset, RowActionPresetName, RowActions, RowActionsList, RowActionsMode, RowActionsProps, RowActionsRenderContext, SearchInput, SearchInputProps, TableErrorBoundary, TableErrorBoundaryProps, TableLayoutToolbarControls, TableLayoutToolbarControlsProps, ToolTip, ToolTipProps, TooltipText, TooltipTextProps, dropdownStyles, resolveActions } from './components/index.mjs';
 import 'clsx';
 import '@reduxjs/toolkit/query';
 import 'react-router-dom';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { CreateBaseQueryWithRetryOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, resetPageParam, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.js';
 export { C as ConfirmationAlertOptions, E as ErrorClassification, a as ErrorSuggestedAction, H as HandleApiErrorOptions, R as RtkQueryError, c as classifyError, b as confirmationAlert, f as formatValidationErrorsHtml, h as handleApiError, i as isRetryableError } from './handleApiError-CwVIJOqO.js';
 export { UseGridHeightOptions, useGridHeight, usePaginationUrlSync } from './hooks/index.js';
-export { ActionMenuItem, ActionMenuItemProps, CardSkeleton, CardSkeletonProps, CardSkeletonVariant, CellEditPayload, CellEditorInputType, CustomCellEditor, CustomCellEditorProps, CustomCellEditorRef, CustomPagination, CustomPaginationClassNames, CustomPaginationProps, DropdownFilter, DropdownFilterProps, DropdownOption, EztrakTab, EztrakTabs, EztrakTabsClassNames, EztrakTabsProps, LayoutStatus, Loader, LoaderProps, Modal, ModalProps, PaginationData, PopupActionHandler, PopupCellRenderer, PopupCellRendererParams, PopupCellRendererProps, PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, ResetColumnsButtonProps, ResetFiltersButton, ResetFiltersButtonProps, ResetFiltersButtonVariant, ResolvedRowAction, RowAction, RowActionConfirmFn, RowActionFlag, RowActionItemRenderContext, RowActionItemType, RowActionPreset, RowActionPresetName, RowActions, RowActionsList, RowActionsMode, RowActionsProps, RowActionsRenderContext, SearchInput, SearchInputProps, TableErrorBoundary, TableErrorBoundaryProps, TableLayoutToolbarControls, TableLayoutToolbarControlsProps, ToolTip, ToolTipProps, TooltipText, TooltipTextProps, dropdownStyles, resolveActions } from './components/index.js';
+export { ActionMenuItem, ActionMenuItemProps, CardSkeleton, CardSkeletonProps, CardSkeletonVariant, CellEditPayload, CellEditorInputType, CustomCellEditor, CustomCellEditorProps, CustomCellEditorRef, CustomPagination, CustomPaginationClassNames, CustomPaginationProps, DropdownFilter, DropdownFilterProps, DropdownOption, EztrakTab, EztrakTabs, EztrakTabsClassNames, EztrakTabsProps, LayoutStatus, Loader, LoaderProps, Modal, ModalProps, PaginationData, PopupActionHandler, PopupCellRenderer, PopupCellRendererParams, PopupCellRendererProps, PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_ITEM_TEXT_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, ResetColumnsButtonProps, ResetFiltersButton, ResetFiltersButtonProps, ResetFiltersButtonVariant, ResolvedRowAction, RowAction, RowActionConfirmFn, RowActionFlag, RowActionItemRenderContext, RowActionItemType, RowActionPreset, RowActionPresetName, RowActions, RowActionsList, RowActionsMode, RowActionsProps, RowActionsRenderContext, SearchInput, SearchInputProps, TableErrorBoundary, TableErrorBoundaryProps, TableLayoutToolbarControls, TableLayoutToolbarControlsProps, ToolTip, ToolTipProps, TooltipText, TooltipTextProps, dropdownStyles, resolveActions } from './components/index.js';
 import 'clsx';
 import '@reduxjs/toolkit/query';
 import 'react-router-dom';

package/dist/index.js

@@ -42,6 +42,7 @@ __export(src_exports, {
   ROW_ACTION_DEFAULT_ICON_SIZE: () => ROW_ACTION_DEFAULT_ICON_SIZE,
   ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE: () => ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE,
   ROW_ACTION_ITEM_HOVER_CLASS: () => ROW_ACTION_ITEM_HOVER_CLASS,
+  ROW_ACTION_ITEM_TEXT_CLASS: () => ROW_ACTION_ITEM_TEXT_CLASS,
   ROW_ACTION_PRESETS: () => ROW_ACTION_PRESETS,
   ResetColumnsButton: () => ResetColumnsButton,
   ResetFiltersButton: () => ResetFiltersButton,
@@ -2157,23 +2158,34 @@ function PopupCellRenderer({
   onAction,
   placement = "bottom-end",
   tippyProps,
-  ariaLabel = "Row actions"
+  ariaLabel = "Row actions",
+  openOnHover = false
 }) {
   const [visible, setVisible] = (0, import_react9.useState)(false);
+  const instanceRef = (0, import_react9.useRef)(null);
   const show = () => setVisible(true);
-  const hide = () => setVisible(false);
+  const hide = () => {
+    setVisible(false);
+    instanceRef.current?.hide();
+  };
   const rowData = params?.data;
   const handleAction = (actionType, actionRowData) => {
     onAction?.(actionType, actionRowData ?? rowData, hide);
     hide();
   };
   const content = typeof dropDownContent === "function" ? dropDownContent(handleAction) : dropDownContent;
+  const hoverOrClickProps = openOnHover ? {
+    trigger: "mouseenter",
+    delay: [0, 150],
+    hideOnClick: false
+  } : {
+    visible,
+    onClickOutside: hide
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-full", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_react10.default,
     {
       content,
-      visible,
-      onClickOutside: hide,
       allowHTML: true,
       arrow: false,
       appendTo: () => document.body,
@@ -2183,12 +2195,16 @@ function PopupCellRenderer({
       theme: "light",
       maxWidth: "none",
       offset: [0, 5],
+      onCreate: (instance) => {
+        instanceRef.current = instance;
+      },
+      ...hoverOrClickProps,
       ...tippyProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "button",
         {
           type: "button",
-          onClick: visible ? hide : show,
+          onClick: openOnHover ? void 0 : visible ? hide : show,
           className: cn(
             "flex items-center justify-center gap-2 rounded-full text-gray-500 hover:text-gray-800",
             className
@@ -2207,13 +2223,14 @@ function PopupCellRenderer({
 // src/components/row-actions/presets.ts
 var import_fa2 = require("react-icons/fa");
 var ROW_ACTION_ITEM_HOVER_CLASS = "hover:bg-primary-50 hover:text-primary-150";
+var ROW_ACTION_ITEM_TEXT_CLASS = "text-secondary";
 var ROW_ACTION_DEFAULT_ICON_SIZE = 16;
 var ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE = {
   zIndex: 1e4
 };
 var ROW_ACTION_PRESETS = {
   edit: { label: "Edit", icon: import_fa2.FaEdit },
-  delete: { label: "Delete", icon: import_fa2.FaTrashAlt, danger: true },
+  delete: { label: "Delete", icon: import_fa2.FaTrashAlt, danger: true, iconClassName: "text-red-500" },
   view: { label: "View", icon: import_fa2.FaEye },
   notes: { label: "Notes", icon: import_fa2.FaFileAlt },
   history: { label: "History", icon: import_fa2.FaHistory },
@@ -2229,6 +2246,7 @@ function ActionMenuItem({
   icon: Icon,
   iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
   iconClassName,
+  labelClassName,
   tooltip,
   tooltipPlacement = "top",
   tooltipDelayShow,
@@ -2267,9 +2285,9 @@ function ActionMenuItem({
           },
           className: cn(
             "flex items-center gap-2 text-sm transition-colors duration-150",
+            ROW_ACTION_ITEM_TEXT_CLASS,
             showLabel ? "w-full rounded-xl px-3 py-2 text-left" : "justify-center rounded-md p-1",
             disabled ? "cursor-not-allowed opacity-50" : ROW_ACTION_ITEM_HOVER_CLASS,
-            danger && "text-red-500",
             highlight && !danger && "text-primary-150",
             className
           ),
@@ -2282,7 +2300,7 @@ function ActionMenuItem({
                 size: iconSize
               }
             ) : null,
-            showLabel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: label }) : null
+            showLabel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: labelClassName, children: label }) : null
           ]
         }
       )
@@ -2331,7 +2349,9 @@ function resolveActions(actions, data, hasPermission, presets) {
       tooltipPlacement: action.tooltipPlacement,
       confirm: action.confirm,
       closeOnClick: action.closeOnClick !== false,
-      className: action.className
+      className: action.className,
+      iconClassName: cn(preset?.iconClassName, action.iconClassName) || void 0,
+      labelClassName: action.labelClassName
     };
     return [resolved];
   });
@@ -2363,11 +2383,13 @@ function RowActions({
   menuClassName,
   itemClassName,
   itemIconClassName,
+  itemLabelClassName,
   iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
   triggerTooltip = "Actions",
   triggerAriaLabel = "Row actions",
   hasPermission,
   placement = "bottom-end",
+  openOnHover = false,
   tippyProps,
   presets,
   confirmFn = confirmationAlert,
@@ -2408,7 +2430,8 @@ function RowActions({
         label: action.label,
         icon: action.icon,
         iconSize: action.iconSize ?? iconSize,
-        iconClassName: itemIconClassName,
+        iconClassName: cn(itemIconClassName, action.iconClassName),
+        labelClassName: cn(itemLabelClassName, action.labelClassName),
         tooltip: action.tooltip,
         tooltipPlacement: action.tooltipPlacement ?? tooltipPlacement,
         tooltipDelayShow,
@@ -2481,6 +2504,7 @@ function RowActions({
           hideTitle: true,
           className,
           placement,
+          openOnHover,
           tippyProps,
           ariaLabel: triggerAriaLabel,
           dropDownContent: (handleAction) => buildMenu(() => handleAction("close"))
@@ -2582,6 +2606,7 @@ var TableErrorBoundary = ({
   ROW_ACTION_DEFAULT_ICON_SIZE,
   ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE,
   ROW_ACTION_ITEM_HOVER_CLASS,
+  ROW_ACTION_ITEM_TEXT_CLASS,
   ROW_ACTION_PRESETS,
   ResetColumnsButton,
   ResetFiltersButton,