@tap-payments/os-micro-frontend-shared 0.1.62-test.3 → 0.1.63-test.3

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/VirtualTables/SheetViewVirtualTable/components/SheetViewTableHeaderCell.js

@@ -44,9 +44,7 @@ function SheetViewTableHeaderCell({ column: { header, id, align, headerStyle, so
                 right: 0,
                 left: 0,
                 bottom: 0,
-            } }, headerStyle)) }, { children: _jsxs(TableHeaderInner, Object.assign({ onClick: handleHeaderInnerClick }, { children: [typeof header === 'function' ? (header()) : (_jsx(Box, Object.assign({ "data-testid": "SheetViewTableHeader_columns_header", sx: { maxWidth: '100%', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, { children: header && _jsx(HeaderText, Object.assign({ "data-testid": "SheetViewVirtualTable_TableHeader_StyledCell_header_text" }, { children: header })) }))), filter && (_jsx(ColumnFilter, Object.assign({}, filter, { anchorEl: columnFilterEl, setAnchorEl: setColumnFilterEl, onClose: (event) => {
-                        onColumnClick === null || onColumnClick === void 0 ? void 0 : onColumnClick(colIndex, event, pinned);
-                    } }))), sortable && (_jsx(ColumnSort, { columnId: id, onColumnSort: onColumnSort, columnsSorting: columnsSorting, onClick: (e) => {
+            } }, headerStyle)) }, { children: _jsxs(TableHeaderInner, Object.assign({ onClick: handleHeaderInnerClick }, { children: [typeof header === 'function' ? (header()) : (_jsx(Box, Object.assign({ "data-testid": "SheetViewTableHeader_columns_header", sx: { maxWidth: '100%', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, { children: header && _jsx(HeaderText, Object.assign({ "data-testid": "SheetViewVirtualTable_TableHeader_StyledCell_header_text" }, { children: header })) }))), filter && _jsx(ColumnFilter, Object.assign({}, filter, { anchorEl: columnFilterEl, setAnchorEl: setColumnFilterEl })), sortable && (_jsx(ColumnSort, { columnId: id, onColumnSort: onColumnSort, columnsSorting: columnsSorting, onClick: (e) => {
                         onColumnClick === null || onColumnClick === void 0 ? void 0 : onColumnClick(colIndex, e, pinned);
                     } })), isPinnable && pinnable && !isDefaultPinned && !isLast && (_jsx(PinIconContainer, Object.assign({ onClick: (event) => {
                         event.stopPropagation();

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

@@ -1,26 +1,43 @@
-import { useRef, useCallback } from 'react';
+import { useRef, useCallback, useEffect } from 'react';
 export const useSynchronizedScroll = () => {
     const pinnedStartVirtualListRef = useRef(null);
     const scrollableVirtualListRef = useRef(null);
     const pinnedEndVirtualListRef = useRef(null);
     const isScrollingSyncRef = useRef(false);
+    const lastScrollOffsetRef = useRef(0);
+    const syncTimeoutRef = useRef(null);
+    const clearSyncTimeout = useCallback(() => {
+        if (syncTimeoutRef.current) {
+            clearTimeout(syncTimeoutRef.current);
+            syncTimeoutRef.current = null;
+        }
+    }, []);
+    useEffect(() => {
+        return () => {
+            clearSyncTimeout();
+        };
+    }, [clearSyncTimeout]);
     const handleScroll = useCallback(({ scrollOffset }, source) => {
         if (isScrollingSyncRef.current)
             return;
+        clearSyncTimeout();
+        lastScrollOffsetRef.current = scrollOffset;
         isScrollingSyncRef.current = true;
-        if (source !== 'start' && pinnedStartVirtualListRef.current) {
-            pinnedStartVirtualListRef.current.scrollTo(scrollOffset);
-        }
-        if (source !== 'end' && pinnedEndVirtualListRef.current) {
-            pinnedEndVirtualListRef.current.scrollTo(scrollOffset);
-        }
-        if (source !== 'scrollable' && scrollableVirtualListRef.current) {
-            scrollableVirtualListRef.current.scrollTo(scrollOffset);
-        }
-        requestAnimationFrame(() => {
-            isScrollingSyncRef.current = false;
-        });
-    }, []);
+        syncTimeoutRef.current = setTimeout(() => {
+            if (source !== 'start' && pinnedStartVirtualListRef.current) {
+                pinnedStartVirtualListRef.current.scrollTo(scrollOffset);
+            }
+            if (source !== 'end' && pinnedEndVirtualListRef.current) {
+                pinnedEndVirtualListRef.current.scrollTo(scrollOffset);
+            }
+            if (source !== 'scrollable' && scrollableVirtualListRef.current) {
+                scrollableVirtualListRef.current.scrollTo(scrollOffset);
+            }
+            requestAnimationFrame(() => {
+                isScrollingSyncRef.current = false;
+            });
+        }, 0);
+    }, [clearSyncTimeout]);
     return {
         pinnedStartVirtualListRef,
         scrollableVirtualListRef,

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

@@ -25,13 +25,16 @@ const VirtualScrollList = React.forwardRef((_a, ref) => {
     const renderedScrollTopRef = useRef(0);
     const scrollTopRef = useRef(undefined);
     const scrollLocked = useRef(false);
+    const isExternalScroll = useRef(false);
     const internalListRef = useRef(null);
     const listRef = ref || externalListRef || internalListRef;
     const scrollTo = useCallback(() => {
         var _a, _b;
         clearTimer();
         if (scrollTopRef.current !== undefined && listRef.current) {
-            scrollLocked.current = false;
+            if (!isExternalScroll.current) {
+                scrollLocked.current = false;
+            }
             renderedScrollTopRef.current = scrollTopRef.current;
             scrollTopRef.current = undefined;
             handleBackDropVisibility();
@@ -45,6 +48,7 @@ const VirtualScrollList = React.forwardRef((_a, ref) => {
         scrollTopRef.current = event.currentTarget.scrollTop;
         if (!scrollLocked.current) {
             scrollLocked.current = true;
+            isExternalScroll.current = false;
             scrollTo();
         }
     }, [scrollTo]);
@@ -57,7 +61,22 @@ const VirtualScrollList = React.forwardRef((_a, ref) => {
     const itemDataInternal = React.useMemo(() => (Object.assign(Object.assign({}, itemData), { renderedScrollTopRef })), [itemData]);
     const handleOnScroll = React.useCallback((props) => {
         onScroll === null || onScroll === void 0 ? void 0 : onScroll(props);
-        scrollLocked.current = scrollTo();
+        const isExternal = onScroll !== undefined;
+        if (isExternal) {
+            isExternalScroll.current = true;
+        }
+        requestAnimationFrame(() => {
+            if (!isExternalScroll.current || scrollTopRef.current !== undefined) {
+                if (scrollTo()) {
+                    if (isExternal) {
+                        setTimeout(() => {
+                            isExternalScroll.current = false;
+                            scrollLocked.current = false;
+                        }, 16);
+                    }
+                }
+            }
+        });
     }, [scrollTo, onScroll]);
     return (_jsx(VirtualScrollOuterProvider, Object.assign({ value: handleScroll }, { children: _jsx(VariableSizeList, Object.assign({ ref: listRef, "data-testid": "VirtualScrollList", itemData: itemDataInternal, outerElementType: VirtualScrollOuter, innerElementType: VirtualScrollInner }, restProps, { onScroll: handleOnScroll }, { children: children })) })));
 });

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

@@ -27,7 +27,7 @@ export declare const chargeTableCellWidth: {
     readonly reference: {
         readonly default: "95px";
         readonly text: "180px";
-        readonly sheet: "985px";
+        readonly sheet: "250px";
     };
     readonly order: {
         readonly default: "80px";

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

@@ -27,7 +27,7 @@ export const chargeTableCellWidth = {
     reference: {
         default: '95px',
         text: '180px',
-        sheet: '985px',
+        sheet: '250px',
     },
     order: {
         default: '80px',

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

@@ -70,9 +70,9 @@ export declare const refundTableCellWidth: {
         readonly sheet: "100px";
     };
     readonly merchant: {
-        readonly default: "110px";
-        readonly text: "150px";
-        readonly sheet: "150px";
+        readonly default: "100px";
+        readonly text: "100px";
+        readonly sheet: "100px";
     };
     readonly reference: {
         readonly default: "95px";

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

@@ -70,9 +70,9 @@ export const refundTableCellWidth = {
         sheet: '100px',
     },
     merchant: {
-        default: '110px',
-        text: '150px',
-        sheet: '150px',
+        default: '100px',
+        text: '100px',
+        sheet: '100px',
     },
     reference: {
         default: '95px',

package/package.json

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