@tap-payments/os-micro-frontend-shared 0.0.180-alpha.4 → 0.0.180-alpha.5

package/build/components/TableCells/CustomCells/ActionCell/ActionCell.d.ts

@@ -4,7 +4,6 @@ import { TableMode } from '../../../../types/index.js';
 type Props = Readonly<ActionCellProps> & {
     onJsonViewClick?: () => void;
     tableMode?: TableMode;
-    renderDropdown?: (anchorEl: HTMLElement | null, setAnchorEl: (anchorEl: HTMLElement | null) => void) => React.ReactNode;
 };
 declare function ActionCell({ flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown, row, showJsonViewer, isTextShown, showIdButton, rowId, onJsonViewClick, tableMode, renderDropdown, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ActionCell>;

package/build/components/TableCells/CustomCells/ActionCell/ActionCell.js

@@ -29,7 +29,7 @@ function ActionCell(_a) {
     var _b, _c;
     var { flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown = true, row, showJsonViewer = true, isTextShown, showIdButton = true, rowId, onJsonViewClick, tableMode, renderDropdown } = _a, props = __rest(_a, ["flag", "actions", "flagTooltip", "flagsCount", "dropdownAction", "onCloseDropdown", "isDropdownShown", "row", "showJsonViewer", "isTextShown", "showIdButton", "rowId", "onJsonViewClick", "tableMode", "renderDropdown"]);
     const { t } = useTranslation();
-    const { open, anchorEl, filteredActions, isAnyActionLoading, isAnyActionHasError, isAnyActionSuccessful, areThereAnyShownActions, handleClick, handleClose, setAnchorEl, } = useActionCell({ actions, isDropdownShown, onCloseDropdown });
+    const { open, anchorEl, filteredActions, isAnyActionLoading, isAnyActionHasError, isAnyActionSuccessful, areThereAnyShownActions, handleClick, handleClose, setAnchorEl, } = useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown });
     return (_jsx(TableCell, Object.assign({}, props, { sx: {
             overflow: 'visible',
         } }, { children: _jsxs(ActionCellContainer, Object.assign({ "data-testid": "ActionCell_ActionCellContainer", tableMode: tableMode }, { children: [flag && (_jsx(_Fragment, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: flagTooltip }, { children: _jsx(TextLabel, Object.assign({ "data-testid": "ActionCell_FlagLabel", sx: {

package/build/components/TableCells/CustomCells/ActionCell/hooks/useActionCell.d.ts

@@ -4,8 +4,9 @@ interface UseActionCellProps {
     actions: ActionCellProps['actions'];
     isDropdownShown?: ActionCellProps['isDropdownShown'];
     onCloseDropdown?: ActionCellProps['onCloseDropdown'];
+    renderDropdown?: ActionCellProps['renderDropdown'];
 }
-export declare function useActionCell({ actions, isDropdownShown, onCloseDropdown }: Readonly<UseActionCellProps>): {
+export declare function useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown }: Readonly<UseActionCellProps>): {
     anchorEl: HTMLElement | null;
     open: boolean;
     filteredActions: {

package/build/components/TableCells/CustomCells/ActionCell/hooks/useActionCell.js

@@ -1,12 +1,12 @@
 import { useEffect, useState } from 'react';
-export function useActionCell({ actions, isDropdownShown, onCloseDropdown }) {
+export function useActionCell({ actions, isDropdownShown, onCloseDropdown, renderDropdown }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const open = Boolean(anchorEl);
     const filteredActions = actions.filter((a) => a.isShown !== false);
     const isAnyActionLoading = filteredActions.some((a) => a.isLoading);
     const isAnyActionHasError = filteredActions.some((a) => a.isError);
     const isAnyActionSuccessful = filteredActions.some((a) => a.isSuccess);
-    const areThereAnyShownActions = filteredActions.length > 0;
+    const areThereAnyShownActions = filteredActions.length > 0 || !!renderDropdown;
     const handleClick = (event) => {
         if (isAnyActionLoading || !areThereAnyShownActions) {
             return;

package/build/components/TableCells/CustomCells/type.d.ts

@@ -109,6 +109,7 @@ export interface ActionCellProps extends TableCellProps {
     showJsonViewer?: boolean;
     isTextShown?: boolean;
     showIdButton?: boolean;
+    renderDropdown?: (anchorEl: HTMLElement | null, setAnchorEl: (anchorEl: HTMLElement | null) => void) => React.ReactNode;
 }
 export interface DeviceCellProps extends TableCellProps {
     deviceType?: 'DESKTOP' | 'PHONE' | 'TABLET';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.180-alpha.4",
+  "version": "0.0.180-alpha.5",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",