@tap-payments/os-micro-frontend-shared 0.1.14-test.6 → 0.1.14-test.7

package/build/components/Chip/style.js

@@ -19,18 +19,18 @@ export const ChipStyled = styled(forwardRef((props, ref) => {
     return _jsx(Box, Object.assign({ ref: ref }, restProps, { className: calcClassName }));
 }), {
     shouldForwardProp: (prop) => prop !== 'icon',
-})(({ theme, icon }) => {
-    return Object.assign(Object.assign({ border: `1px solid ${theme.palette.divider}`, borderRadius: '30px', backgroundColor: theme.palette.background.paper, display: 'flex', alignItems: 'center', justifyContent: 'center' }, (icon && { justifyContent: 'flex-start', gap: theme.spacing(1) })), { '&.CustomVariant_text': {
-            padding: `${theme.spacing(0.75)} ${theme.spacing(1)}`,
-            height: '30px',
-            maxWidth: '150px',
-        }, '&.CustomVariant_circular': {
-            height: 24,
-            width: 24,
-        }, '&.CustomVariant_pill-icon': {
-            height: 24,
-            width: 36,
-        } });
+})(({ theme, variant, icon }) => {
+    return Object.assign(Object.assign(Object.assign(Object.assign({ border: `1px solid ${theme.palette.divider}`, borderRadius: '30px', backgroundColor: theme.palette.background.paper, display: 'flex', alignItems: 'center', justifyContent: 'center' }, (icon && { justifyContent: 'flex-start', gap: theme.spacing(1) })), (variant === 'text' && {
+        padding: `${theme.spacing(0.75)} ${theme.spacing(1)}`,
+        height: '30px',
+        maxWidth: '150px',
+    })), (variant === 'circular' && {
+        height: 24,
+        width: 24,
+    })), (variant === 'pill-icon' && {
+        height: 24,
+        width: 36,
+    }));
 });
 export const StyledSourceCell = styled('span')(({ theme }) => ({
     display: 'flex',

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

@@ -3,9 +3,9 @@ import { TextAndLang } from '../../../../types/index.js';
 type TerminalsPlatformCellProps = {
     name: TextAndLang[];
     icon?: React.ReactNode;
-    displayRules: {
-        showIcon: boolean;
-        showLabel: boolean;
+    displayRules?: {
+        showIcon?: boolean;
+        showLabel?: boolean;
     };
 };
 declare const _default: import("react").MemoExoticComponent<({ name, icon, displayRules }: TerminalsPlatformCellProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -8,7 +8,7 @@ import { Chip, TableCell, Tooltip } from '../../../index.js';
 import { getNameText } from '../../../../utils/index.js';
 const TerminalsPlatformCell = ({ name, icon, displayRules }) => {
     const { i18n } = useTranslation();
-    const { showIcon, showLabel } = displayRules;
+    const { showIcon = true, showLabel = true } = displayRules || {};
     const platformName = getNameText(name, i18n.language);
     const displayIcon = showIcon && !!icon;
     return (_jsx(TableCell, { children: _jsxs(Stack, Object.assign({ "data-testid": "sdf", direction: "row", alignItems: "center", spacing: 1 }, { children: [displayIcon && (_jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, { children: icon }))), showLabel && (_jsx(Tooltip, Object.assign({ title: platformName }, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, { children: platformName || (_jsx(Box, Object.assign({ component: "span", sx: { opacity: 0.2 } }, { children: "Unavailable" }))) })) })))] })) }));

package/build/components/TooltipChip/TooltipChip.js

@@ -15,6 +15,6 @@ import { StyledChip } from './style';
 const TooltipChip = ({ title, slotProps = {}, children }) => {
     const { chip = {}, tooltip = {} } = slotProps;
     const { sx: chipSx } = chip, chipProps = __rest(chip, ["sx"]);
-    return (_jsx(Tooltip, Object.assign({}, tooltip, { title: title }, { children: _jsx(StyledChip, Object.assign({}, chipProps, { sx: Object.assign({ '&.CustomVariant_text': { height: 24 }, display: 'inline-flex', color: 'text.primary' }, chipSx) }, { children: children })) })));
+    return (_jsx(Tooltip, Object.assign({}, tooltip, { title: title }, { children: _jsx(StyledChip, Object.assign({}, chipProps, { sx: Object.assign({ height: 24, display: 'inline-flex', color: 'text.primary' }, chipSx) }, { children: children })) })));
 };
 export default TooltipChip;

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.1.14-test.6",
-  "testVersion": 6,
+  "version": "0.1.14-test.7",
+  "testVersion": 7,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",