@tap-payments/os-micro-frontend-shared 0.1.220 → 0.1.221

package/build/components/StatusButton/style.d.ts

@@ -21,7 +21,7 @@ export declare const CountBadge: import("@emotion/styled").StyledComponent<impor
 }, {}, {}>;
 export declare const StatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
-    icon?: "search" | "scheduled" | "paidOut" | "reversed" | "checked" | "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "authorized" | "unauthenticated" | "authenticated" | "unSettled" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | "dashedChecked" | "deactivated" | undefined;
+    icon?: "search" | "scheduled" | "paidOut" | "reversed" | "checked" | "inProgress" | "initiated" | "abandoned" | "cancelled" | "reports" | "chevronDown" | "unAuthorized" | "unSettled" | "unCaptured" | "captured" | "authorized" | "openFlag" | "closedFlag" | "unauthenticated" | "authenticated" | "dashedChecked" | "deactivated" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

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

@@ -80,15 +80,18 @@ export const ActionCell = memo((_a) => {
                                 pointerEvents: 'none',
                             })) }, { children: [_jsx(TransparentButton, Object.assign({ onClick: handleClick, "data-testid": "ActionCell_ActionsIconContainer_TransparentButton", "data-is-active": areThereAnyShownActions, sx: Object.assign({}, (!areThereAnyShownActions && {
                                         pointerEvents: 'none',
-                                    })) }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: _jsx(ActionIconsVariants, { isAnyActionLoading: isAnyActionLoading, isAnyActionHasError: isAnyActionHasError, isAnyActionSuccessful: isAnyActionSuccessful, areThereAnyShownActions: areThereAnyShownActions }) })) })), renderDropdown ? (renderDropdown(anchorEl, setAnchorEl)) : (_jsxs(_Fragment, { children: [dropdownAction, areThereAnyShownActions && (_jsx(Dropdown, { style: { zIndex: 2000 }, open: open, onClose: handleClose, anchorEl: anchorEl, menuItems: filteredActions.map((action) => (Object.assign(Object.assign({}, action), { onClick: (e) => {
-                                                    var _a;
-                                                    (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-                                                    if (!action.hasActionMenu) {
+                                    })) }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: _jsx(ActionIconsVariants, { isAnyActionLoading: isAnyActionLoading, isAnyActionHasError: isAnyActionHasError, isAnyActionSuccessful: isAnyActionSuccessful, areThereAnyShownActions: areThereAnyShownActions }) })) })), renderDropdown ? (renderDropdown(anchorEl, setAnchorEl)) : (_jsxs(_Fragment, { children: [dropdownAction, areThereAnyShownActions && (_jsx(Dropdown, { style: { zIndex: 2000 }, open: open, onClose: handleClose, anchorEl: anchorEl, menuItems: filteredActions.map((action) => {
+                                                var _a;
+                                                return (Object.assign(Object.assign({}, action), { onClick: (e) => {
+                                                        var _a;
+                                                        (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
+                                                        if (!action.hasActionMenu) {
+                                                            handleClose();
+                                                        }
+                                                    }, onRightClick: (e) => {
+                                                        var _a;
+                                                        (_a = action === null || action === void 0 ? void 0 : action.onRightClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
                                                         handleClose();
-                                                    }
-                                                }, onRightClick: (e) => {
-                                                    var _a;
-                                                    (_a = action === null || action === void 0 ? void 0 : action.onRightClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-                                                    handleClose();
-                                                }, icon: (_jsx(ActionIcon, { icon: action.icon, src: actionIcons[action.icon], initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }))) }))] }))] }))] }))] })) })));
+                                                    }, icon: action.customIcon || (_jsx(ActionIcon, { icon: action.icon, src: (_a = action.iconSrc) !== null && _a !== void 0 ? _a : (action.icon && actionIcons[action.icon]), initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }));
+                                            }) }))] }))] }))] }))] })) })));
 });

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

@@ -33,16 +33,19 @@ function ActionIconColumn(_a) {
                     pointerEvents: 'none',
                 })) }, { children: [_jsx(TransparentButton, Object.assign({ onClick: handleClick, "data-testid": "ActionIconColumn_ActionsIconContainer_TransparentButton", "data-is-active": areThereAnyShownActions, sx: Object.assign({}, (!areThereAnyShownActions && {
                             pointerEvents: 'none',
-                        })) }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: _jsx(ActionIconsVariants, { isAnyActionLoading: isAnyActionLoading, isAnyActionHasError: isAnyActionHasError, isAnyActionSuccessful: isAnyActionSuccessful, areThereAnyShownActions: areThereAnyShownActions }) })) })), renderDropdown ? (renderDropdown(anchorEl, setAnchorEl)) : (_jsxs(_Fragment, { children: [dropdownAction, areThereAnyShownActions && (_jsx(Dropdown, { style: { zIndex: 2000 }, open: open, onClose: handleClose, anchorEl: anchorEl, menuItems: filteredActions.map((action) => (Object.assign(Object.assign({}, action), { onClick: (e) => {
-                                        var _a;
-                                        (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-                                        if (!action.hasActionMenu) {
+                        })) }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: _jsx(ActionIconsVariants, { isAnyActionLoading: isAnyActionLoading, isAnyActionHasError: isAnyActionHasError, isAnyActionSuccessful: isAnyActionSuccessful, areThereAnyShownActions: areThereAnyShownActions }) })) })), renderDropdown ? (renderDropdown(anchorEl, setAnchorEl)) : (_jsxs(_Fragment, { children: [dropdownAction, areThereAnyShownActions && (_jsx(Dropdown, { style: { zIndex: 2000 }, open: open, onClose: handleClose, anchorEl: anchorEl, menuItems: filteredActions.map((action) => {
+                                    var _a;
+                                    return (Object.assign(Object.assign({}, action), { onClick: (e) => {
+                                            var _a;
+                                            (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
+                                            if (!action.hasActionMenu) {
+                                                handleClose();
+                                            }
+                                        }, onRightClick: (e) => {
+                                            var _a;
+                                            (_a = action === null || action === void 0 ? void 0 : action.onRightClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
                                             handleClose();
-                                        }
-                                    }, onRightClick: (e) => {
-                                        var _a;
-                                        (_a = action === null || action === void 0 ? void 0 : action.onRightClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-                                        handleClose();
-                                    }, icon: (_jsx(ActionIcon, { icon: action.icon, src: actionIcons[action.icon], initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }))) }))] }))] })) })) })));
+                                        }, icon: action.customIcon || (_jsx(ActionIcon, { icon: action.icon, src: (_a = action.iconSrc) !== null && _a !== void 0 ? _a : (action.icon && actionIcons[action.icon]), initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, `action.label-${action.label.trim()}`)) }));
+                                }) }))] }))] })) })) })));
 }
 export default memo(ActionIconColumn);

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

@@ -13,12 +13,14 @@ export declare function useActionCell({ actions, isDropdownShown, onCloseDropdow
         label: string;
         onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
         onRightClick?: ((e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void) | undefined;
-        icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | "viewReceipt";
+        icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | "viewReceipt" | undefined;
         isLoading?: boolean | undefined;
         isError?: boolean | undefined;
         isSuccess?: boolean | undefined;
         isShown?: boolean | undefined;
         hasActionMenu?: boolean | undefined;
+        iconSrc?: string | undefined;
+        customIcon?: React.ReactNode;
     }[];
     isAnyActionLoading: boolean;
     isAnyActionHasError: boolean;

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

@@ -39,12 +39,14 @@ export interface ActionCellProps extends TableCellProps {
         label: string;
         onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
         onRightClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
-        icon: ActionType;
+        icon?: ActionType;
         isLoading?: boolean;
         isError?: boolean;
         isSuccess?: boolean;
         isShown?: boolean;
         hasActionMenu?: boolean;
+        iconSrc?: string;
+        customIcon?: React.ReactNode;
     }>;
     flagTooltip?: React.ReactNode;
     flagsCount?: number;

package/build/constants/assets.d.ts

@@ -555,3 +555,4 @@ export declare const activeGreenIcon: string;
 export declare const inActiveGreyIcon: string;
 export declare const terminalLinkVideo: string;
 export declare const bluePlusIcon: string;
+export declare const blackSettingsVariant2Icon: string;

package/build/constants/assets.js

@@ -563,3 +563,4 @@ export const activeGreenIcon = `${lightUrl}/activeGreenIcon.svg`;
 export const inActiveGreyIcon = `${lightUrl}/inActiveGreyIcon.svg`;
 export const terminalLinkVideo = `${videosUrl}/terminal_link.mp4`;
 export const bluePlusIcon = `${lightUrl}/bluePlusIcon.svg`;
+export const blackSettingsVariant2Icon = `${lightUrl}/blackSettingsVariant2Icon.svg`;

package/build/types/table.d.ts

@@ -5,6 +5,7 @@ import { TableHeadProps } from '@mui/material/TableHead';
 import { TableRowProps } from '@mui/material/TableRow';
 import { DragControls } from 'framer-motion';
 import { CustomColumnFilterProps } from '../components/VirtualTables';
+import { ActionCellProps } from '../components/index.js';
 import { Country } from './appConfig';
 import { SortingOrder } from './sort';
 export interface TableFilters<T> {
@@ -152,3 +153,11 @@ export type IColumnFilter = ({
     isOnlyOneFilter?: boolean;
     wrapperSx?: SxProps;
 } & (IColumnFilterList | IColumnFilterInputs | IColumnFilterCustom));
+type ActionCellActionProps = Exclude<ActionCellProps['actions'], undefined>[number];
+export interface TableNavigation {
+    label: string;
+    onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    onRightClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    icon?: ActionCellActionProps['icon'];
+}
+export {};

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.1.220",
+  "version": "0.1.221",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",