@tap-payments/os-micro-frontend-shared 0.0.217-test.4 → 0.0.217-test.4-test.5

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Tap Payments
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Tap Payments
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,12 +1,12 @@
-# os-micro-frontend-shared
-
-## Publishing Workflow
-
-1. Update version in package.json
-2. Commit changes
-3. Create and push a tag:
-
-```bash
-npm version patch  # or minor, major
-git push origin main --tags
-```
+# os-micro-frontend-shared
+
+## Publishing Workflow
+
+1. Update version in package.json
+2. Commit changes
+3. Create and push a tag:
+
+```bash
+npm version patch  # or minor, major
+git push origin main --tags
+```

package/build/components/MenuItem/MenuItem.js

@@ -14,6 +14,6 @@ import { memo } from 'react';
 import { CheckboxStyled, MenuItemStyled } from './style';
 function MenuItem(_a) {
     var { isSelected, isDisabled, isIndeterminate, onClick, children } = _a, props = __rest(_a, ["isSelected", "isDisabled", "isIndeterminate", "onClick", "children"]);
-    return (_jsxs(MenuItemStyled, Object.assign({ className: isDisabled ? 'disabled menu-item' : 'menu-item', onClick: onClick, disabled: isDisabled }, props, { children: [isSelected !== undefined && _jsx(CheckboxStyled, { size: "small", checked: isSelected, disabled: isDisabled, indeterminate: isIndeterminate }), children] })));
+    return (_jsxs(MenuItemStyled, Object.assign({ className: isDisabled ? 'disabled menu-item' : 'menu-item', onClick: onClick, disabled: isDisabled }, props, { children: [isSelected !== undefined && _jsx(CheckboxStyled, { size: "small", checked: isSelected, indeterminate: isIndeterminate, disabled: isDisabled }), children] })));
 }
 export default memo(MenuItem);

package/build/components/MenuItem/style.js

@@ -23,4 +23,9 @@ export const CheckboxStyled = styled(Checkbox)(() => ({
         width: '12px !important',
         height: '12px !important',
     },
+    '&.Mui-disabled': {
+        '[data-testid="IndeterminateCheckBoxIcon"]': {
+            fill: 'rgba(0, 0, 0, 0.26)',
+        },
+    },
 }));

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

@@ -1,5 +1,3 @@
 export { default as ActionCell } from './ActionCell';
-export { default as ActionsColumn } from './ActionsColumn';
-export { default as ActionIconColumn } from './ActionIconColumn';
 export * from './components';
 export * from './type';

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

@@ -1,5 +1,3 @@
 export { default as ActionCell } from './ActionCell';
-export { default as ActionsColumn } from './ActionsColumn';
-export { default as ActionIconColumn } from './ActionIconColumn';
 export * from './components';
 export * from './type';

package/build/constants/table/cell/chargeTableCellWidth.d.ts

@@ -159,14 +159,4 @@ export declare const chargeTableCellWidth: {
         readonly text: "52px";
         readonly sheet: "52px";
     };
-    readonly actionIcon: {
-        readonly default: "30px";
-        readonly text: "30px";
-        readonly sheet: "30px";
-    };
-    readonly actionIconSheet: {
-        readonly default: "100px";
-        readonly text: "100px";
-        readonly sheet: "300px";
-    };
 };

package/build/constants/table/cell/chargeTableCellWidth.js

@@ -159,14 +159,4 @@ export const chargeTableCellWidth = {
         text: '52px',
         sheet: '52px',
     },
-    actionIcon: {
-        default: '30px',
-        text: '30px',
-        sheet: '30px',
-    },
-    actionIconSheet: {
-        default: '100px',
-        text: '100px',
-        sheet: '300px',
-    },
 };

package/package.json

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

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ActionCellProps } from '../type';
-type ActionIconColumnProps = Readonly<Pick<ActionCellProps, 'actions' | 'dropdownAction' | 'onCloseDropdown' | 'isDropdownShown' | 'renderDropdown'>>;
-declare function ActionIconColumn({ actions, dropdownAction, onCloseDropdown, isDropdownShown, renderDropdown, ...props }: ActionIconColumnProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ActionIconColumn>;
-export default _default;

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

@@ -1,48 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { AnimatePresence } from 'framer-motion';
-import Dropdown from '../../../DropdownMenu';
-import { TableCell } from '../../../TableCells';
-import ActionIconsVariants from './components/ActionIconsVariants';
-import { actionIcons } from './constant';
-import { useActionCell } from './hooks/useActionCell';
-import { ActionIcon, ActionsIconContainer } from './style';
-import { TransparentButton } from '../style';
-function ActionIconColumn(_a) {
-    var { actions, dropdownAction, onCloseDropdown, isDropdownShown = true, renderDropdown } = _a, props = __rest(_a, ["actions", "dropdownAction", "onCloseDropdown", "isDropdownShown", "renderDropdown"]);
-    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: _jsx("div", Object.assign({ "data-testid": "ActionIconColumn_Container", style: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: '5px',
-            } }, { children: _jsxs(ActionsIconContainer, Object.assign({ id: "styled-popover", selected: !!dropdownAction || open, "data-testid": "ActionIconColumn_ActionsIconContainer", "data-is-active": areThereAnyShownActions, sx: Object.assign({}, (!areThereAnyShownActions && {
-                    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) {
-                                            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()}`)) }))) }))] }))] })) })) })));
-}
-export default memo(ActionIconColumn);

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ActionCellProps } from '../type';
-import { TableMode } from '../../../../types/index.js';
-type ActionsColumnProps = Readonly<Pick<ActionCellProps, 'flag' | 'flagTooltip' | 'flagsCount' | 'row' | 'showJsonViewer' | 'isTextShown' | 'showIdButton' | 'rowId'>> & {
-    onJsonViewClick?: () => void;
-    tableMode?: TableMode;
-};
-declare function ActionsColumn({ flag, flagTooltip, flagsCount, row, showJsonViewer, isTextShown, showIdButton, rowId, onJsonViewClick, tableMode, ...props }: ActionsColumnProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ActionsColumn>;
-export default _default;

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

@@ -1,78 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo } from 'react';
-import { motion } from 'framer-motion';
-import { useTranslation } from 'react-i18next';
-import Tooltip from '../../../Tooltip';
-import { TableCell } from '../../../TableCells';
-import StyledBadge, { BadgeVariants } from '../../../CountBadge';
-import { jsonBlackIcon } from '../../../../constants/index.js';
-import { colorToVariant, flags } from './constant';
-import { ActionCellContainer, ActionIcon } from './style';
-import { IDButton } from '../IDButton';
-import { BadgeWrapper, IdButtonContainer, TextLabel, TransparentButton } from '../style';
-import SheetViewIDButton from '../SheetViewIDButton/SheetViewIDButton';
-function ActionsColumn(_a) {
-    var _b, _c;
-    var { flag, flagTooltip, flagsCount, row, showJsonViewer = true, isTextShown, showIdButton = true, rowId, onJsonViewClick, tableMode } = _a, props = __rest(_a, ["flag", "flagTooltip", "flagsCount", "row", "showJsonViewer", "isTextShown", "showIdButton", "rowId", "onJsonViewClick", "tableMode"]);
-    const { t } = useTranslation();
-    return (_jsx(TableCell, Object.assign({}, props, { sx: {
-            overflow: 'visible',
-        } }, { children: _jsxs(ActionCellContainer, Object.assign({ "data-testid": "ActionsColumn_ActionCellContainer", tableMode: tableMode }, { children: [flag && (_jsx(_Fragment, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: flagTooltip }, { children: _jsx(TextLabel, Object.assign({ "data-testid": "ActionsColumn_FlagLabel", sx: {
-                                textAlign: 'left',
-                                justifyContent: 'flex-start',
-                            } }, { children: flagTooltip })) }))) : (_jsx(Tooltip, Object.assign({ title: flagTooltip }, { children: _jsxs(BadgeWrapper, Object.assign({ "data-testid": "ActionsColumn_FlagBadge", sx: {
-                                paddingInline: '12px',
-                                width: 'auto',
-                                alignItems: 'center',
-                                position: 'relative',
-                                zIndex: 21,
-                                gap: '0px',
-                            }, whileHover: ['animate', 'fadeIn'], variants: {
-                                animate: {
-                                    gap: '4px',
-                                },
-                            } }, { children: [_jsx(ActionIcon, { "data-testid": "ActionsColumn_FlagIcon", sx: {
-                                        width: '12px',
-                                        height: '11px',
-                                    }, src: (_b = flags[flag]) === null || _b === void 0 ? void 0 : _b.icon, alt: "flag-icon" }), (flagsCount !== null && flagsCount !== void 0 ? flagsCount : 0) > 1 && (_jsx(motion.div, Object.assign({ "data-testid": "ActionsColumn_StyledBadge_Container", style: {
-                                        alignItems: 'center',
-                                        justifyContent: 'center',
-                                        gap: '4px',
-                                        display: 'flex',
-                                        zIndex: 10,
-                                    }, initial: { width: 0, opacity: 0 }, transition: {
-                                        animate: {
-                                            duration: 0.5,
-                                        },
-                                        fadeIn: {
-                                            duration: 0.2,
-                                        },
-                                    }, variants: {
-                                        animate: {
-                                            width: 'auto',
-                                        },
-                                        fadeIn: {
-                                            transition: {
-                                                delay: 0.5,
-                                            },
-                                            opacity: 1,
-                                        },
-                                    } }, { children: _jsxs(StyledBadge, Object.assign({ compact: true, variant: colorToVariant[(_c = flags[flag]) === null || _c === void 0 ? void 0 : _c.color] || BadgeVariants.ORANGE, "data-testid": "ActionsColumn_StyledBadge" }, { children: [flagsCount, "x"] })) })))] })) }))) })), showIdButton ? (tableMode === 'sheet' ? (_jsx(SheetViewIDButton, { rowId: rowId || row.id })) : (_jsx(IDButton, { rowId: rowId || row.id }))) : null, _jsx("div", Object.assign({ "data-testid": "ActionsColumn_IconsContainer", style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        gap: '5px',
-                    } }, { children: showJsonViewer && (_jsx(TransparentButton, Object.assign({ onClick: onJsonViewClick, type: "button", "data-testid": "ActionsColumn_TransparentButton" }, { children: _jsx(Tooltip, Object.assign({ title: t('jsonViewer') }, { children: _jsx(IdButtonContainer, Object.assign({ tableMode: tableMode, "data-testid": "ActionsColumn_IdButtonContainer" }, { children: tableMode === 'sheet' ? (_jsx("span", Object.assign({ style: { fontSize: '11px', fontWeight: 400 } }, { children: "View API" }))) : (_jsx(motion.img, { src: jsonBlackIcon, alt: "icon" }, "id-icon")) })) })) }))) }))] })) })));
-}
-export default memo(ActionsColumn);