@tap-payments/os-micro-frontend-shared 0.1.48-test.3 → 0.1.48-test.5

package/build/components/Tooltip/Tooltip.d.ts

@@ -5,6 +5,7 @@ interface Props extends Omit<TooltipProps, 'children'> {
     placement?: TooltipProps['placement'];
     children?: ReactElement;
     className?: string;
+    intersectionRoot?: Element | null;
 }
-declare function Tooltip({ className, title, placement, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ className, title, placement, children, intersectionRoot, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/build/components/Tooltip/Tooltip.js

@@ -10,9 +10,35 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from 'react';
 import { StyledTooltip } from './styles';
 function Tooltip(_a) {
-    var { className, title, placement = 'top', children } = _a, rest = __rest(_a, ["className", "title", "placement", "children"]);
-    return (_jsx(StyledTooltip, Object.assign({ classes: { popper: className }, title: title, placement: placement, arrow: true }, rest, { children: children || _jsx(_Fragment, {}) })));
+    var { className, title, placement = 'top', children, intersectionRoot = null } = _a, rest = __rest(_a, ["className", "title", "placement", "children", "intersectionRoot"]);
+    const toolTipRef = useRef(null);
+    const [inView, setInView] = useState(true);
+    useEffect(() => {
+        if (!toolTipRef.current)
+            return;
+        const currentElement = toolTipRef.current;
+        const observer = new IntersectionObserver((entries) => {
+            const entry = entries[0];
+            setInView(entry.isIntersecting);
+        }, {
+            root: intersectionRoot,
+            rootMargin: '0px',
+            threshold: 0,
+        });
+        observer.observe(currentElement);
+        return () => {
+            observer.unobserve(currentElement);
+        };
+    }, [intersectionRoot]);
+    return (_jsx(StyledTooltip, Object.assign({ ref: toolTipRef, classes: { popper: className }, title: title, placement: placement, arrow: true, componentsProps: {
+            tooltip: {
+                sx: {
+                    display: inView ? 'block' : 'none',
+                },
+            },
+        } }, rest, { children: children || _jsx(_Fragment, {}) })));
 }
 export default Tooltip;

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

@@ -46,7 +46,7 @@ function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = n
             }
             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: isSheetView ? (_jsx(Box, Object.assign({ sx: { position: 'relative', zIndex: 1 } }, { children: renderCell(column, index, colIndex) }))) : (_jsx(_Fragment, { children: renderCell(column, index, colIndex) })) }), `${column.id}-${colIndex}`));
+                }, 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: Object.assign({}, (isSheetView && { position: 'relative', zIndex: 1 })) }, { children: renderCell(column, index, colIndex) })) }), `${column.id}-${colIndex}`));
         }) })), [columns, row, index, selectedCell, selectedColumn, onCellClick, isLastRow, selectedChip, isSheetView]);
     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));
 }

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

@@ -259,9 +259,4 @@ export declare const chargeTableCellWidth: {
         readonly text: "125px";
         readonly sheet: "145px";
     };
-    readonly brand: {
-        readonly default: "116px";
-        readonly text: "116px";
-        readonly sheet: "116px";
-    };
 };

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

@@ -259,9 +259,4 @@ export const chargeTableCellWidth = {
         text: '125px',
         sheet: '145px',
     },
-    brand: {
-        default: '116px',
-        text: '116px',
-        sheet: '116px',
-    },
 };

package/build/utils/columns.d.ts

@@ -9,8 +9,8 @@ export declare function filterShownColumns<T>(columns: Array<IColumnProps<T & {
 export declare function isParameterSelected(columns: ColumnViewProps[], columnId: string, parameter: string): boolean;
 export declare function mapDataToViews(columnData?: ColumnsView[], language?: string): ColumnViewProps[];
 export declare function mapViewsToData(columns: ColumnViewProps[]): ColumnsView[];
-export declare const updateColumnSelection: ({ columnsViewData, columnsName, selected, }: {
+export declare const updateColumnSelection: ({ columnsViewData, columnName, selected, }: {
     columnsViewData: ColumnsView[];
-    columnsName: string[];
+    columnName: string;
     selected: boolean;
 }) => ColumnsView[];

package/build/utils/columns.js

@@ -65,10 +65,11 @@ export function mapViewsToData(columns) {
         };
     });
 }
-export const updateColumnSelection = ({ columnsViewData, columnsName, selected, }) => {
+export const updateColumnSelection = ({ columnsViewData, columnName, selected, }) => {
     return columnsViewData.map((column) => {
-        var _a;
-        if (columnsName.includes((_a = column.name[0]) === null || _a === void 0 ? void 0 : _a.text)) {
+        var _a, _b;
+        const columnText = (_b = (_a = column.name[0]) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+        if (columnText === columnName.toLowerCase()) {
             return Object.assign(Object.assign({}, column), { selected });
         }
         return column;

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.48-test.3",
-  "testVersion": 3,
+  "version": "0.1.48-test.5",
+  "testVersion": 5,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",