@tap-payments/os-micro-frontend-shared 0.1.31-test.24 → 0.1.31-test.27-test.28

package/build/components/MaskedText/MaskedText.d.ts

@@ -1,3 +1,3 @@
 import { MaskedTextProps } from './type';
-declare const MaskedText: ({ text, startLength, endLength, chipIndex, copyText, cellInfo }: MaskedTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const MaskedText: ({ text, startLength, endLength, chipIndex, copyText, selectionProps }: MaskedTextProps) => import("react/jsx-runtime").JSX.Element;
 export default MaskedText;

package/build/components/MaskedText/MaskedText.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import StatusChipWithCopy from '../StatusChipWithCopy';
 import { passwordDotsIcon } from '../../constants/index.js';
-const MaskedText = ({ text, startLength = 8, endLength = 4, chipIndex, copyText, cellInfo }) => {
+const MaskedText = ({ text, startLength = 8, endLength = 4, chipIndex, copyText, selectionProps }) => {
     const startText = text.slice(0, startLength);
     const endText = text.slice(text.length - endLength);
-    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: chipIndex, copyText: copyText, cellInfo: cellInfo }, { children: [startText, _jsx("img", { src: passwordDotsIcon, alt: "passwordDots" }), endText] })));
+    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: chipIndex, copyText: copyText, selectionProps: selectionProps }, { children: [startText, _jsx("img", { src: passwordDotsIcon, alt: "passwordDots" }), endText] })));
 };
 export default MaskedText;

package/build/components/StatusChip/StatusChip.js

@@ -40,10 +40,6 @@ const StatusChip = (_a) => {
     };
     return (_jsxs(motion.div, Object.assign({ style: { position: 'relative' }, animate: { zIndex: isSelected ? 3 : 0 } }, { children: [_jsx(ChipStyled, Object.assign({}, props, { sx: { visibility: 'hidden', pointerEvents: 'none' } }, { children: _jsx(Wrapper, { children: children }) })), _jsx(ChipStyled, Object.assign({}, props, { isSelected: isSelected, style: { position: 'absolute', top: 0, left: 0, zIndex: isSelected ? 3 : 0 } }, { children: _jsxs(motion.div, Object.assign({ layout: "size", style: { display: 'flex', gap: '4px' }, animate: {
                         paddingRight: isSelected && copyText ? 12 : 0,
-                    }, transition: { delay: !isSelected ? 0.2 : 0 } }, { children: [_jsx(Wrapper, { children: children }), _jsx(AnimatePresence, { children: isSelected && copyText && (_jsx(CopyWrapper, { children: _jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: handleCopy, src: showCopy ? greenCheckIcon : blueCopyIcon, style: {
-                                        height: 12,
-                                        width: 12,
-                                        objectFit: 'contain',
-                                    } }) })) })] })) }))] })));
+                    }, transition: { delay: !isSelected ? 0.2 : 0 } }, { children: [_jsx(Wrapper, { children: children }), _jsx(AnimatePresence, { children: isSelected && copyText && (_jsx(CopyWrapper, { children: _jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: handleCopy, src: showCopy ? greenCheckIcon : blueCopyIcon, style: Object.assign({ height: 12, width: 12, objectFit: 'contain' }, (showCopy && { filter: 'none' })) }) })) })] })) }))] })));
 };
 export default StatusChip;

package/build/components/StatusChipWithCopy/StatusChipWithCopy.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { StatusChipProps } from '../StatusChip';
-import { CellInfo } from '../../types/index.js';
+import { SelectionProps } from '../../types/index.js';
 export interface StatusChipWithCopyProps extends StatusChipProps {
     copyText?: string;
     chipIndex: number;
-    cellInfo: CellInfo;
+    selectionProps: SelectionProps;
 }
-declare function StatusChipWithCopy({ children, copyText, chipIndex, cellInfo: { onChipClick, rowIndex, colIndex, selectedChip }, ...reset }: StatusChipWithCopyProps): import("react/jsx-runtime").JSX.Element;
+declare function StatusChipWithCopy({ children, copyText, chipIndex, selectionProps: { onClick, rowIndex, colIndex, selectedId }, ...reset }: StatusChipWithCopyProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof StatusChipWithCopy>;
 export default _default;

package/build/components/StatusChipWithCopy/StatusChipWithCopy.js

@@ -12,12 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
 import StatusChip from '../StatusChip';
-import { checkIsChipSelected } from './utils';
+import { checkIsSelected } from './utils';
 function StatusChipWithCopy(_a) {
-    var { children, copyText, chipIndex, cellInfo: { onChipClick, rowIndex, colIndex, selectedChip } } = _a, reset = __rest(_a, ["children", "copyText", "chipIndex", "cellInfo"]);
-    const isSelected = useMemo(() => checkIsChipSelected({ rowIndex, colIndex, selectedChip, chipIndex }), [rowIndex, colIndex, selectedChip, chipIndex]);
+    var { children, copyText, chipIndex, selectionProps: { onClick, rowIndex, colIndex, selectedId } } = _a, reset = __rest(_a, ["children", "copyText", "chipIndex", "selectionProps"]);
+    const isSelected = useMemo(() => checkIsSelected({ rowIndex, colIndex, selectedId, chipIndex }), [rowIndex, colIndex, selectedId, chipIndex]);
     return (_jsx(StatusChip, Object.assign({}, reset, { copyText: copyText, onClick: (e) => {
-            onChipClick === null || onChipClick === void 0 ? void 0 : onChipClick(e, chipIndex);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e, chipIndex);
         }, isSelected: isSelected }, { children: children })));
 }
 export default memo(StatusChipWithCopy);

package/build/components/StatusChipWithCopy/utils.d.ts

@@ -1,4 +1,4 @@
-import { CellInfo } from '../../types/index.js';
-export declare const checkIsChipSelected: ({ chipIndex, rowIndex, colIndex, selectedChip, }: Pick<CellInfo, "rowIndex" | "selectedChip" | "colIndex"> & {
+import { SelectionProps } from '../../types/index.js';
+export declare const checkIsSelected: ({ chipIndex, rowIndex, colIndex, selectedId, }: Pick<SelectionProps, "rowIndex" | "selectedId" | "colIndex"> & {
     chipIndex: number;
 }) => boolean;

package/build/components/StatusChipWithCopy/utils.js

@@ -1,4 +1,4 @@
-export const checkIsChipSelected = ({ chipIndex, rowIndex, colIndex, selectedChip, }) => {
-    const [, selectedRowIndex, selectedColumnIndex, selectedChipIndex] = (selectedChip !== null && selectedChip !== void 0 ? selectedChip : '').split('-');
+export const checkIsSelected = ({ chipIndex, rowIndex, colIndex, selectedId, }) => {
+    const [, selectedRowIndex, selectedColumnIndex, selectedChipIndex] = (selectedId !== null && selectedId !== void 0 ? selectedId : '').split('-');
     return Number(selectedRowIndex) === rowIndex && Number(selectedColumnIndex) === colIndex && Number(selectedChipIndex) === chipIndex;
 };

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

@@ -2,18 +2,4 @@
 export declare const StyledContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledStatusChip: import("@emotion/styled").StyledComponent<{
-    textColor?: string | undefined;
-    bgColor?: string | undefined;
-    borderColor?: string | undefined;
-    disabled?: boolean | undefined;
-    padding?: string | undefined;
-    unknownText?: string | undefined;
-    maxWidth?: string | undefined;
-    isSelected?: boolean | undefined;
-    copyText?: string | undefined;
-} & import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
-    children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledStatusChip: import("@emotion/styled").StyledComponent<import("../StatusChipWithCopy").StatusChipWithCopyProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/StatusGroupChips/style.js

@@ -1,12 +1,12 @@
 import { styled, Box } from '@mui/material';
-import StatusChip from '../StatusChip';
+import StatusChipWithCopy from '../StatusChipWithCopy';
 export const StyledContainer = styled(Box)(() => ({
     display: 'flex',
     gap: '4px',
     alignItems: 'center',
     flexDirection: 'row',
 }));
-export const StyledStatusChip = styled(StatusChip)(() => ({
+export const StyledStatusChip = styled(StatusChipWithCopy)(() => ({
     padding: '0.75px 12px',
     overflow: 'hidden',
     textOverflow: 'ellipsis',

package/build/components/StatusGroupChips/type.d.ts

@@ -1,12 +1,10 @@
 import type React from 'react';
-import type { BoxProps } from '@mui/material';
-export interface ChipConfig {
+import type { BoxProps } from '@mui/material/Box';
+import { StatusChipWithCopyProps } from '../StatusChipWithCopy';
+export interface ChipConfig extends Omit<StatusChipWithCopyProps, 'content'> {
     key: string;
     content: React.ReactNode;
     sx?: object;
-    onClick?: (event: React.MouseEvent) => void;
-    copyText: string;
-    isSelected?: boolean;
 }
 export interface StatusGroupChipsProps extends Omit<BoxProps, 'children'> {
     chips: ChipConfig[];

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

@@ -1,3 +1,3 @@
 import { DestinationCellProps } from '../type';
-declare function DestinationCell({ destinationsCount, destinationsTooltip, isTextShown, destination, destinationsAmount, hidden, iconDirection, tableMode, onChipClick, selectedChip, rowIndex, colIndex, ...props }: DestinationCellProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DestinationCell({ destinationsCount, destinationsTooltip, isTextShown, destination, destinationsAmount, hidden, iconDirection, tableMode, selectionProps, ...props }: DestinationCellProps): import("react/jsx-runtime").JSX.Element | null;
 export default DestinationCell;

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

@@ -19,7 +19,7 @@ import { TextLabel } from '../style';
 import { CurrencyIcon, StatusGroupChips } from '../../../index.js';
 function DestinationCell(_a) {
     var _b, _c, _d, _e, _f;
-    var { destinationsCount, destinationsTooltip, isTextShown, destination, destinationsAmount, hidden, iconDirection, tableMode, onChipClick, selectedChip, rowIndex, colIndex } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "isTextShown", "destination", "destinationsAmount", "hidden", "iconDirection", "tableMode", "onChipClick", "selectedChip", "rowIndex", "colIndex"]);
+    var { destinationsCount, destinationsTooltip, isTextShown, destination, destinationsAmount, hidden, iconDirection, tableMode, selectionProps } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "isTextShown", "destination", "destinationsAmount", "hidden", "iconDirection", "tableMode", "selectionProps"]);
     const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
     const formattedAmount = formatAmount(destinationsAmount || 0);
     const firstDestinationFormattedAmount = formatAmount(((_b = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _b === void 0 ? void 0 : _b.amount) || 0);
@@ -27,18 +27,14 @@ function DestinationCell(_a) {
     if (isSheetView) {
         const sheetViewChips = destinations === null || destinations === void 0 ? void 0 : destinations.map((dest, index) => {
             const formattedDestAmount = formatAmount((dest === null || dest === void 0 ? void 0 : dest.amount) || 0);
-            const [, selectedRowIndex, selectedColumnIndex, selectedChipIndex] = (selectedChip !== null && selectedChip !== void 0 ? selectedChip : '').split('-');
-            const isSelected = Number(selectedRowIndex) === rowIndex && Number(selectedColumnIndex) === colIndex && Number(selectedChipIndex) === index;
             return {
                 key: `destination-${(dest === null || dest === void 0 ? void 0 : dest.id) || index}`,
                 content: (_jsxs(_Fragment, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencyIcon, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] })),
-                isSelected,
-                onClick: (e) => {
-                    onChipClick === null || onChipClick === void 0 ? void 0 : onChipClick(e, index);
-                },
+                chipIndex: index,
+                selectionProps,
                 copyText: `${formattedDestAmount.integerAmount}.${formattedDestAmount.decimalAmount}`,
             };
-        }, [selectedChip, rowIndex, colIndex]);
+        }, [selectionProps]);
         return (_jsx(Box, Object.assign({}, props, { children: _jsx(StatusGroupChips, { chips: sheetViewChips }) })));
     }
     if (!destinationsCount || hidden) {

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { TableCellProps } from '@mui/material';
-import type { Charge, TableMode, CellInfo } from '../../../types/index.js';
+import type { Charge, TableMode, SelectionProps } from '../../../types/index.js';
 import type { ActionType, FlagType } from './ActionCell';
 import { getGeographyBoxColor } from '../../../utils/index.js';
 export type GeographyBoxVariant = keyof ReturnType<typeof getGeographyBoxColor>;
@@ -62,7 +62,7 @@ export interface AmountCellProps extends TableCellProps {
     isTextShown?: boolean;
     tableMode?: TableMode;
 }
-export interface DestinationCellProps extends TableCellProps, CellInfo {
+export interface DestinationCellProps extends TableCellProps {
     destinationsCount?: number;
     flagIcon?: string;
     destinationsTooltip?: React.ReactNode;
@@ -91,6 +91,7 @@ export interface DestinationCellProps extends TableCellProps, CellInfo {
     };
     iconDirection?: 'left' | 'right';
     tableMode?: TableMode;
+    selectionProps: SelectionProps;
 }
 export interface ActionCellProps extends TableCellProps {
     row?: unknown;

package/build/components/VirtualTables/components/TableRow.js

@@ -15,7 +15,13 @@ function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = n
             return null;
         const value = selector ? selector({ row, index, value: row[column === null || column === void 0 ? void 0 : column.id] }) : row[column === null || column === void 0 ? void 0 : column.id];
         const formattedValue = format ? format({ value, row, index }) : value;
-        return render ? (render({ row, column, index, value: row[column === null || column === void 0 ? void 0 : column.id], cellInfo: { onChipClick: handleChipClick, rowIndex, colIndex, selectedChip } })) : (_jsx(_Fragment, { children: formattedValue }));
+        return render ? (render({
+            row,
+            column,
+            index,
+            value: row[column === null || column === void 0 ? void 0 : column.id],
+            selectionProps: { onClick: handleChipClick, rowIndex, colIndex, selectedId: selectedChip },
+        })) : (_jsx(_Fragment, { children: formattedValue }));
     };
     const content = useMemo(() => (_jsx(_Fragment, { children: columns.map((column, colIndex) => {
             var _a, _b;

package/build/types/table.d.ts

@@ -50,18 +50,18 @@ export interface TableFooterProps extends BoxProps {
 export interface TableChipProps {
     onChipClick?: (rowIndex: number, columnIndex: number, event: React.MouseEvent, chipIndex: number, pinnedType?: 'start' | 'end') => void;
 }
-export interface CellInfo {
-    onChipClick?: (event: React.MouseEvent, chipIndex: number) => void;
+export interface SelectionProps {
+    onClick?: (event: React.MouseEvent, index: number) => void;
     colIndex?: number;
     rowIndex?: number;
-    selectedChip?: string | null;
+    selectedId?: string | null;
 }
 export interface IRenderAttr<R, C> {
     row: R;
     column: C;
     index: number;
     value: any;
-    cellInfo?: CellInfo;
+    selectionProps?: SelectionProps;
 }
 export interface IFormatAttr<R> {
     value: string | Record<string, any> | number;

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.31-test.24",
-  "testVersion": 24,
+  "version": "0.1.31-test.27-test.28",
+  "testVersion": 28,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",