@tap-payments/os-micro-frontend-shared 0.1.31-test.7 → 0.1.32-test.1

package/build/components/StatusChip/StatusChip.d.ts

@@ -1,3 +1,3 @@
 import { ChipProps } from './type';
-declare const StatusChip: ({ children, unknownText, copyText, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const StatusChip: ({ children, unknownText, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
 export default StatusChip;

package/build/components/StatusChip/StatusChip.js

@@ -9,49 +9,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import Box from '@mui/material/Box';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
-import { AnimatePresence, motion } from 'framer-motion';
-import { copyText as copyTextHandler } from '../../utils/index.js';
-import { blueCopyIcon, greenCheckIcon } from '../../constants/index.js';
 import { unknownGeographyColors } from './constants';
 import { ChipStyled } from './style';
 const StatusChip = (_a) => {
-    var { children, unknownText, copyText } = _a, props = __rest(_a, ["children", "unknownText", "copyText"]);
-    const [showCopy, setShowCopy] = useState(false);
+    var { children, unknownText } = _a, props = __rest(_a, ["children", "unknownText"]);
     const { t } = useTranslation();
     if (!children) {
         return (_jsx(ChipStyled, Object.assign({}, unknownGeographyColors, props, { children: unknownText ? t(unknownText) : t('unknown') })));
     }
-    const handleCopy = (e) => {
-        e.stopPropagation();
-        if (copyText) {
-            setShowCopy(true);
-            copyTextHandler(copyText);
-            const timer = setTimeout(() => {
-                setShowCopy(false);
-            }, 2000);
-            return () => {
-                clearTimeout(timer);
-            };
-        }
-    };
-    return (_jsxs(Box, Object.assign({ sx: { position: 'relative', zIndex: props.isSelected ? 3 : 0 } }, { children: [_jsx(ChipStyled, Object.assign({}, props, { sx: { visibility: 'hidden', pointerEvents: 'none' } }, { children: _jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: '4px' } }, { children: children })) })), _jsx(motion.div, Object.assign({ layout: true, transition: {
-                    type: 'spring',
-                    stiffness: 180,
-                    damping: 25,
-                    mass: 0.4,
-                } }, { children: _jsxs(ChipStyled, Object.assign({}, props, { sx: {
-                        position: 'absolute',
-                        top: 0,
-                        left: 0,
-                        zIndex: props.isSelected ? 3 : 0,
-                    } }, { children: [_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: '4px' } }, { children: children })), _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: props.isSelected && copyText && (_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',
-                                } })) }))] })) }))] })));
+    return _jsx(ChipStyled, Object.assign({}, props, { children: children }));
 };
 export default StatusChip;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const ChipStyled: 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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     textColor?: string | undefined;
     bgColor?: string | undefined;
     borderColor?: string | undefined;
@@ -9,12 +9,8 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
     padding?: string | undefined;
     unknownText?: string | undefined;
     maxWidth?: string | undefined;
-    isSelected?: boolean | undefined;
-    copyText?: string | undefined;
 } & 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/styles").Theme>> & {
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
     children?: import("react").ReactNode;
-} & {
-    isSelected?: boolean | undefined;
 }, {}, {}>;

package/build/components/StatusChip/style.js

@@ -1,8 +1,38 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { SELECTION_COLORS } from '../../utils/index.js';
+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 { Box, styled } from '@mui/material';
 export const ChipStyled = styled(Box, {
-    shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'padding', 'maxWidth', 'isSelected'].includes(prop),
-})(({ theme, isSelected, textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, maxWidth, }) => {
-    return Object.assign({ display: 'flex', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 9.5px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: '67px', maxWidth: maxWidth || 'none', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box', transition: 'width 0.5s ease-in-out' }, (isSelected && { color: SELECTION_COLORS.primary, borderColor: SELECTION_COLORS.primary }));
+    shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'padding', 'maxWidth'].includes(prop),
+})((_a) => {
+    var { theme } = _a, props = __rest(_a, ["theme"]);
+    const { textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, maxWidth } = props;
+    return {
+        display: 'block',
+        textAlign: 'center',
+        verticalAlign: 'middle',
+        height: '18px',
+        padding: padding || '0px 9.5px',
+        borderRadius: '30px',
+        border: `1px solid ${borderColor}`,
+        backgroundColor: bgColor,
+        color: textColor,
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.5 : 1,
+        whiteSpace: 'nowrap',
+        fontSize: '11px',
+        minWidth: '67px',
+        maxWidth: maxWidth || 'none',
+        overflow: 'hidden',
+        textOverflow: maxWidth ? 'ellipsis' : 'unset',
+        boxSizing: 'border-box',
+    };
 });

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

@@ -8,6 +8,4 @@ export type ChipProps = PropsWithChildren<{
     padding?: string;
     unknownText?: string;
     maxWidth?: string;
-    isSelected?: boolean;
-    copyText?: string;
 } & BoxProps>;

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

@@ -10,8 +10,6 @@ export declare const StyledStatusChip: import("@emotion/styled").StyledComponent
     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>> & {

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

@@ -5,8 +5,6 @@ export interface ChipConfig {
     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/ActionCell/ActionsColumn.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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'>> & {
@@ -6,5 +6,5 @@ type ActionsColumnProps = Readonly<Pick<ActionCellProps, 'flag' | 'flagTooltip'
     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>;
+declare const _default: import("react").MemoExoticComponent<typeof ActionsColumn>;
 export default _default;

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

@@ -24,6 +24,7 @@ function ActionsColumn(_a) {
     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"]);
     return (_jsx(TableCell, Object.assign({}, props, { sx: {
             overflow: 'visible',
+            zIndex: 1,
         } }, { 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',

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, ...props }: DestinationCellProps): import("react/jsx-runtime").JSX.Element | null;
 export default DestinationCell;

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

@@ -10,16 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
 import Tooltip from '../../../Tooltip';
 import { destinationSolidIcon } from '../../../../constants/index.js';
 import { formatAmount } from '../../../../utils/index.js';
 import { DestinationCellContainer, DestinationCount, StyledDestinationCell, StyledDestinationIcon } from './styled';
+import TableCell from '../../TableCell';
 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 } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "isTextShown", "destination", "destinationsAmount", "hidden", "iconDirection", "tableMode"]);
     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,19 +27,15 @@ 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);
-                },
-                copyText: `${formattedDestAmount.integerAmount}.${formattedDestAmount.decimalAmount}`,
             };
-        }, [selectedChip, rowIndex, colIndex]);
-        return (_jsx(Box, Object.assign({}, props, { children: _jsx(StatusGroupChips, { chips: sheetViewChips }) })));
+        }, []);
+        return (_jsx(TableCell, Object.assign({ sx: {
+                width: 'fit-content',
+                overflow: 'visible',
+            } }, props, { children: _jsx(StatusGroupChips, { chips: sheetViewChips }) })));
     }
     if (!destinationsCount || hidden) {
         return null;
@@ -49,6 +45,9 @@ function DestinationCell(_a) {
             justifyContent: 'flex-start',
             height: 'auto',
         } }, { children: destinationsCount > 1 ? (_jsxs("div", { children: ["Destination ", (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.id, " - ", _jsx(CurrencyIcon, { currency: (_d = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _d === void 0 ? void 0 : _d.currency }), ' ', firstDestinationFormattedAmount.integerAmount, ".", firstDestinationFormattedAmount.decimalAmount, " +", destinationsCount - 1] })) : (_jsxs("div", { children: ["Destination ", (_e = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _e === void 0 ? void 0 : _e.id, " - ", _jsx(CurrencyIcon, { currency: (_f = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _f === void 0 ? void 0 : _f.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] })) })));
-    return (_jsx(Box, Object.assign({}, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: !isTextShown ? (_jsxs(StyledDestinationCell, Object.assign({ tableMode: tableMode }, { children: [_jsx(StyledDestinationIcon, { src: destinationSolidIcon, pointLeft: iconDirection === 'left' }), destinationsCount > 1 && (_jsx(DestinationCellContainer, Object.assign({ destinationsCount: 1 }, { children: _jsx(DestinationCount, { children: destinationsCount }) })))] }))) : (textView) })) })));
+    return (_jsx(TableCell, Object.assign({ sx: {
+            width: 'fit-content',
+            overflow: 'visible',
+        } }, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: !isTextShown ? (_jsxs(StyledDestinationCell, Object.assign({ tableMode: tableMode }, { children: [_jsx(StyledDestinationIcon, { src: destinationSolidIcon, pointLeft: iconDirection === 'left' }), destinationsCount > 1 && (_jsx(DestinationCellContainer, Object.assign({ destinationsCount: 1 }, { children: _jsx(DestinationCount, { children: destinationsCount }) })))] }))) : (textView) })) })));
 }
 export default DestinationCell;

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, ChipSelection } from '../../../types/index.js';
+import type { Charge, TableMode } 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, ChipSelection {
+export interface DestinationCellProps extends TableCellProps {
     destinationsCount?: number;
     flagIcon?: string;
     destinationsTooltip?: React.ReactNode;

package/build/components/VirtualTables/SheetViewVirtualTable/SheetViewVirtualTable.js

@@ -7,7 +7,7 @@ import { SheetViewVirtualTableWrapper } from './style';
 import { usePinnedColumns, useSynchronizedScroll, useTableState, useTableData, useVirtualTableContainer, usePinnedColumnsWidths } from './hooks';
 import { PinnedColumn, MainTable, LoadingMainTable, NoDataView, VirtualTable } from './components';
 function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, rowHeight = 28, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout = 100, isPinnable = false, tableMode, }) {
-    const { selectedCell, selectedColumn, showBackDrop, setShowBackdrop, handleCellClick, handleColumnClick, handleChipClick, selectedChip } = useTableState();
+    const { selectedCell, selectedColumn, showBackDrop, setShowBackdrop, handleCellClick, handleColumnClick } = useTableState();
     const { isError, tableLoading, tableError, tableEmpty, hasTimeoutError, showNoDataView, lastItemIndex, areTotalRowsNotFillingHeight, itemsCount, isDelayedFetchingNextPage, } = useTableData({
         rows,
         isLoading,
@@ -29,9 +29,7 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
         isError,
         selectedCell,
         selectedColumn,
-        selectedChip,
         handleCellClick,
-        handleChipClick,
     });
     const onPointerDown = (e) => {
         dragControls === null || dragControls === void 0 ? void 0 : dragControls.start(e);

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useTableState.d.ts

@@ -8,9 +8,7 @@ export declare const useTableState: () => {
     selectedCell: string | null;
     selectedColumn: string | null;
     showBackDrop: boolean;
-    selectedChip: string | null;
     setShowBackdrop: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleChipClick: (rowIndex: number, columnIndex: number, event: React.MouseEvent, chipIndex: number, pinnedType?: 'start' | 'end') => void;
     handleCellClick: (rowIndex: number, columnIndex: number, event: React.MouseEvent, pinnedType?: 'start' | 'end') => void;
     handleColumnClick: (columnIndex: number, event: React.MouseEvent, pinnedType?: 'start' | 'end') => void;
     resetSelection: () => void;

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useTableState.js

@@ -2,47 +2,28 @@ import { useState, useCallback } from 'react';
 export const useTableState = () => {
     const [selectedCell, setSelectedCell] = useState(null);
     const [selectedColumn, setSelectedColumn] = useState(null);
-    const [selectedChip, setSelectedChip] = useState(null);
     const [showBackDrop, setShowBackdrop] = useState(false);
-    const handleChipClick = useCallback((rowIndex, columnIndex, event, chipIndex, pinnedType) => {
-        event.stopPropagation();
-        const chipKey = `${pinnedType !== null && pinnedType !== void 0 ? pinnedType : 'default'}-${rowIndex}-${columnIndex}-${chipIndex}`;
-        const cellKey = `${pinnedType !== null && pinnedType !== void 0 ? pinnedType : 'default'}-${rowIndex}-${columnIndex}`;
-        const isChipAlreadySelected = selectedChip === chipKey;
-        if (isChipAlreadySelected) {
-            setSelectedChip(null);
-            setSelectedCell(null);
-            return;
-        }
-        setSelectedChip(chipKey);
-        setSelectedCell(cellKey);
-    }, [selectedChip, setSelectedChip, setSelectedCell]);
     const handleCellClick = useCallback((rowIndex, columnIndex, event, pinnedType) => {
         event.stopPropagation();
         const cellKey = `${pinnedType !== null && pinnedType !== void 0 ? pinnedType : 'default'}-${rowIndex}-${columnIndex}`;
         setSelectedCell((prev) => (prev === cellKey ? null : cellKey));
         setSelectedColumn(null);
-        setSelectedChip(null);
     }, []);
     const handleColumnClick = useCallback((columnIndex, event, pinnedType) => {
         event.stopPropagation();
         const columnKey = `${pinnedType !== null && pinnedType !== void 0 ? pinnedType : 'default'}-${columnIndex}`;
         setSelectedColumn((prev) => (prev === columnKey ? null : columnKey));
         setSelectedCell(null);
-        setSelectedChip(null);
     }, []);
     const resetSelection = useCallback(() => {
         setSelectedCell(null);
         setSelectedColumn(null);
-        setSelectedChip(null);
     }, []);
     return {
         selectedCell,
         selectedColumn,
         showBackDrop,
-        selectedChip,
         setShowBackdrop,
-        handleChipClick,
         handleCellClick,
         handleColumnClick,
         resetSelection,

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useVirtualTableContainer.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { IColumnProps, TableChipProps } from '../../../../types/index.js';
+import type { IColumnProps } from '../../../../types/index.js';
 import type { TableRowProps } from '@mui/material/TableRow';
-interface UseVirtualTableContainerProps<T = unknown> extends TableChipProps {
+interface UseVirtualTableContainerProps<T = unknown> {
     rowHeight: number;
     areAllRowsLoaded?: boolean;
     rows: T[];
@@ -16,11 +16,9 @@ interface UseVirtualTableContainerProps<T = unknown> extends TableChipProps {
     isError: boolean;
     selectedCell: string | null;
     selectedColumn: string | null;
-    selectedChip: string | null;
     handleCellClick: (rowIndex: number, columnIndex: number, event: React.MouseEvent, pinnedType?: 'start' | 'end') => void;
-    handleChipClick: (rowIndex: number, columnIndex: number, event: React.MouseEvent, chipIndex: number, pinnedType?: 'start' | 'end') => void;
 }
-export declare const useVirtualTableContainer: <T = unknown>({ rowHeight, areAllRowsLoaded, rows, isDelayedFetchingNextPage, rowProps, scrollToIndex, footerProps, isError, selectedCell, selectedColumn, selectedChip, handleCellClick, handleChipClick, }: UseVirtualTableContainerProps<T>) => {
+export declare const useVirtualTableContainer: <T = unknown>({ rowHeight, areAllRowsLoaded, rows, isDelayedFetchingNextPage, rowProps, scrollToIndex, footerProps, isError, selectedCell, selectedColumn, handleCellClick, }: UseVirtualTableContainerProps<T>) => {
     getItemSize: (index: number, height: number) => number;
     getItemDataForContainer: (columnsData: IColumnProps[], isPinnedColumn: boolean, height: number) => {
         columns: any;
@@ -38,9 +36,7 @@ export declare const useVirtualTableContainer: <T = unknown>({ rowHeight, areAll
         isPinned: any;
         selectedCell: any;
         selectedColumn: any;
-        selectedChip: any;
         onCellClick: any;
-        onChipClick: any;
         containerHeight: any;
         rowHeight: any;
     };

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useVirtualTableContainer.js

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from 'react';
 import memoize from 'memoize-one';
-const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToIndex, lastItemIndex, totalCount, isError, areAllRowsLoaded, isPinned, selectedCell, selectedColumn, selectedChip, onCellClick, onChipClick, containerHeight, rowHeight) => ({
+const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToIndex, lastItemIndex, totalCount, isError, areAllRowsLoaded, isPinned, selectedCell, selectedColumn, onCellClick, containerHeight, rowHeight) => ({
     columns,
     isLoading,
     rows,
@@ -16,13 +16,11 @@ const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToInde
     isPinned,
     selectedCell,
     selectedColumn,
-    selectedChip,
     onCellClick,
-    onChipClick,
     containerHeight,
     rowHeight,
 }));
-export const useVirtualTableContainer = ({ rowHeight, areAllRowsLoaded, rows, isDelayedFetchingNextPage, rowProps, scrollToIndex, footerProps, isError, selectedCell, selectedColumn, selectedChip, handleCellClick, handleChipClick, }) => {
+export const useVirtualTableContainer = ({ rowHeight, areAllRowsLoaded, rows, isDelayedFetchingNextPage, rowProps, scrollToIndex, footerProps, isError, selectedCell, selectedColumn, handleCellClick, }) => {
     const getItemSize = useCallback((index, height) => {
         const isLastRow = areAllRowsLoaded && index === rows.length;
         if (isLastRow) {
@@ -46,7 +44,7 @@ export const useVirtualTableContainer = ({ rowHeight, areAllRowsLoaded, rows, is
             areAllRowsLoaded,
         ];
     }, [isDelayedFetchingNextPage, rows, rowProps, scrollToIndex, footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount, isError, areAllRowsLoaded]);
-    const commonItemDataSuffix = useMemo(() => [selectedCell, selectedColumn, selectedChip, handleCellClick, handleChipClick], [selectedCell, selectedColumn, selectedChip, handleCellClick, handleChipClick]);
+    const commonItemDataSuffix = useMemo(() => [selectedCell, selectedColumn, handleCellClick], [selectedCell, selectedColumn, handleCellClick]);
     const getItemDataForContainer = useCallback((columnsData, isPinnedColumn, height) => createItemData(columnsData, ...commonItemDataParams, isPinnedColumn, ...commonItemDataSuffix, height, rowHeight), [commonItemDataParams, commonItemDataSuffix, rowHeight]);
     return {
         getItemSize,

package/build/components/VirtualTables/components/TableRow.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type TableRowProps } from '@mui/material';
+import type { TableRowProps } from '@mui/material';
 import type { IColumnProps } from '../../../types/index.js';
 interface ITableRowProps<R = any> {
     row: R;
@@ -13,11 +13,9 @@ interface ITableRowProps<R = any> {
     isSheetView?: boolean;
     selectedCell?: string | null;
     selectedColumn?: string | null;
-    selectedChip?: string | null;
     onCellClick?: (rowIndex: number, columnIndex: number, event: React.MouseEvent, pinnedType?: 'start' | 'end') => void;
-    onChipClick?: (rowIndex: number, columnIndex: number, event: React.MouseEvent, chipIndex: number, pinnedType?: 'start' | 'end') => void;
     isLastRow?: boolean;
 }
-declare function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell, selectedColumn, selectedChip, onCellClick, isLastRow, onChipClick, }: Readonly<ITableRowProps>): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell, selectedColumn, onCellClick, isLastRow, }: Readonly<ITableRowProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableRow>;
 export default _default;

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

@@ -1,21 +1,17 @@
 import { createElement as _createElement } from "react";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
-import { Box } from '@mui/material';
 import { areEqual } from 'react-window';
 import { StyledCell, StyledTableRow } from './style';
 import { getSelectionStyles } from '../../../utils/index.js';
-function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = null, selectedColumn = null, selectedChip = null, onCellClick, isLastRow = false, onChipClick, }) {
-    const renderCell = (column, rowIndex, colIndex) => {
+function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = null, selectedColumn = null, onCellClick, isLastRow = false, }) {
+    const renderCell = (column) => {
         const { render, format, selector } = column;
-        const handleChipClick = (event, chipIndex) => {
-            onChipClick === null || onChipClick === void 0 ? void 0 : onChipClick(rowIndex, colIndex, event, chipIndex, column.pinned);
-        };
         if (!(column === null || column === void 0 ? void 0 : column.id) || !row)
             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], chipSelection: { 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] }) : _jsx(_Fragment, { children: formattedValue });
     };
     const content = useMemo(() => (_jsx(_Fragment, { children: columns.map((column, colIndex) => {
             var _a, _b;
@@ -38,10 +34,8 @@ function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = n
                 effectiveFirst = isFirstColumn && column.pinned !== 'start';
                 effectiveLast = isLastColumn && column.pinned !== 'end';
             }
-            return (_jsx(StyledCell, Object.assign({ component: "div", "data-testid": "TableRow_TableCell", "data-column-id": column.id, "data-column-width": column.width, "data-column-width-used": column.width, "data-column-align": column.align, "data-column-order": column.order, "data-column-header": typeof column.header === 'string' ? column.header : 'component', "data-column-sortable": !!column.sortable, "data-column-filterable": !!column.filter, isFirst: effectiveFirst, isLast: effectiveLast, onClick: (event) => {
-                    onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(index, colIndex, event, column.pinned);
-                }, sx: Object.assign(Object.assign({ width: column.width, minWidth: column.width, textAlign: column.align, justifyContent: column.align === 'right' ? 'flex-end' : 'flex-start', cursor: onCellClick ? 'pointer' : 'default' }, selectionStyles), column.cellStyle), isSheetView: isSheetView, isSelected: isCellSelected }, { children: _jsx(Box, Object.assign({ sx: { position: 'relative', zIndex: 1, width: '100%' } }, { children: renderCell(column, index, colIndex) })) }), `${column.id}-${colIndex}`));
-        }) })), [columns, row, index, selectedCell, selectedColumn, onCellClick, isLastRow, selectedChip, isSheetView]);
+            return (_jsx(StyledCell, Object.assign({ component: "div", "data-testid": "TableRow_TableCell", "data-column-id": column.id, "data-column-width": column.width, "data-column-width-used": column.width, "data-column-align": column.align, "data-column-order": column.order, "data-column-header": typeof column.header === 'string' ? column.header : 'component', "data-column-sortable": !!column.sortable, "data-column-filterable": !!column.filter, isFirst: effectiveFirst, isLast: effectiveLast, onClick: (event) => onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(index, colIndex, event, column.pinned), sx: Object.assign(Object.assign({ width: column.width, minWidth: column.width, textAlign: column.align, justifyContent: column.align === 'right' ? 'flex-end' : 'flex-start', cursor: onCellClick ? 'pointer' : 'default' }, selectionStyles), column.cellStyle), isSheetView: isSheetView, isSelected: isCellSelected }, { children: renderCell(column) }), `${column.id}-${colIndex}`));
+        }) })), [columns, row, index, selectedCell, selectedColumn, onCellClick, isLastRow]);
     return (_createElement(StyledTableRow, Object.assign({ "data-testid": "TableRow", onClick: rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick, showShadowHighlight: rowProps === null || rowProps === void 0 ? void 0 : rowProps.showShadowHighlight, showLoadedStyle: rowProps === null || rowProps === void 0 ? void 0 : rowProps.showLoadedStyle, component: "article" }, rowProps, { key: index, isSheetView: isSheetView }), content));
 }
 export default memo(TableRow, areEqual);

package/build/components/VirtualTables/components/virtualScroll/ListItemWrapper.js

@@ -57,7 +57,7 @@ function ListItemWrapper(_a) {
     const row = rows[index];
     const isLoadingRow = isLoading && index === lastItemIndex + 1;
     const isLoadedRow = index <= newLoadedRowsEndIndex;
-    const rowClickHandler = React.useCallback(() => createRowClickHandler(row, rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick), [row, rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick]);
+    const rowClickHandler = React.useCallback(createRowClickHandler(row, rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick), [row, rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick]);
     const memoizedRowProps = React.useMemo(() => (Object.assign(Object.assign({ showShadowHighlight: scrollToIndex === index, showLoadedStyle: isLoadedRow }, rowProps), { onClick: rowClickHandler })), [scrollToIndex, index, isLoadedRow, rowProps, rowClickHandler]);
     const renderSheetViewLoadingRow = React.useCallback((lastRowContent) => {
         return (_jsx(Box, Object.assign({ sx: {

package/build/constants/assets.d.ts

@@ -523,4 +523,3 @@ export declare const deactivatedCircle: string;
 export declare const exclamationOutlinedCircle: string;
 export declare const outlinedCircle: string;
 export declare const greenCheck2ACE00: string;
-export declare const blueCopyIcon: string;

package/build/constants/assets.js

@@ -527,4 +527,3 @@ export const deactivatedCircle = `${lightUrl}/deactivatedCircle.svg`;
 export const exclamationOutlinedCircle = `${lightUrl}/exclamationOutlinedCircle.svg`;
 export const outlinedCircle = `${lightUrl}/outlinedCircle.svg`;
 export const greenCheck2ACE00 = `${lightUrl}/greenCheck2ACE00.svg`;
-export const blueCopyIcon = `${lightUrl}/blueCopyIcon.svg`;

package/build/types/table.d.ts

@@ -47,21 +47,11 @@ export interface TableFooterProps extends BoxProps {
     maximized?: boolean;
     children?: React.ReactNode;
 }
-export interface TableChipProps {
-    onChipClick?: (rowIndex: number, columnIndex: number, event: React.MouseEvent, chipIndex: number, pinnedType?: 'start' | 'end') => void;
-}
-export interface ChipSelection {
-    onChipClick?: (event: React.MouseEvent, chipIndex: number) => void;
-    colIndex?: number;
-    rowIndex?: number;
-    selectedChip?: string | null;
-}
 export interface IRenderAttr<R, C> {
     row: R;
     column: C;
     index: number;
     value: any;
-    chipSelection?: ChipSelection;
 }
 export interface IFormatAttr<R> {
     value: string | Record<string, any> | number;

package/build/utils/style.d.ts

@@ -1,9 +1,3 @@
-export declare const SELECTION_COLORS: {
-    readonly primary: "#1F88D0";
-    readonly background: "white";
-    readonly border: "#F2F2F2";
-    readonly transparent: "transparent";
-};
 interface GetSelectionStylesParams {
     isSelected: boolean;
     isCellSelected: boolean;

package/build/utils/style.js

@@ -1,4 +1,4 @@
-export const SELECTION_COLORS = {
+const SELECTION_COLORS = {
     primary: '#1F88D0',
     background: 'white',
     border: '#F2F2F2',

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