@tap-payments/os-micro-frontend-shared 0.0.273 → 0.0.275-test.1

package/build/components/ScrollLoader/ScrollLoader.d.ts

@@ -0,0 +1,10 @@
+import React, { PropsWithChildren } from 'react';
+import { StackProps } from '@mui/material/Stack';
+export type ScrollLoaderProps<IRootProps extends object = StackProps> = PropsWithChildren<IRootProps & {
+    component?: React.FC<IRootProps> | React.ElementType;
+    loadMoreItems: () => Promise<unknown>;
+    loading?: boolean;
+    hasMore?: boolean;
+}>;
+declare const ScrollLoader: <IRootProps extends object = StackProps>(props: ScrollLoaderProps<IRootProps>) => import("react/jsx-runtime").JSX.Element;
+export default ScrollLoader;

package/build/components/ScrollLoader/ScrollLoader.js

@@ -0,0 +1,43 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import Stack from '@mui/material/Stack';
+const OFFSET = 50;
+const ScrollLoader = (props) => {
+    const { component = Stack, loadMoreItems, hasMore, loading, children } = props, rootProps = __rest(props, ["component", "loadMoreItems", "hasMore", "loading", "children"]);
+    const loadMoreItemsRef = useRef(loadMoreItems);
+    loadMoreItemsRef.current = loadMoreItems;
+    const Component = component;
+    const containerRef = useRef(null);
+    const handleScroll = useCallback(() => {
+        const el = containerRef.current;
+        if (!el || loading || !hasMore)
+            return;
+        const isBottom = el.scrollHeight - el.scrollTop <= el.clientHeight + OFFSET;
+        if (isBottom)
+            loadMoreItemsRef.current();
+    }, [loading, hasMore]);
+    useEffect(() => {
+        loadMoreItemsRef.current().then(() => {
+            setTimeout(() => {
+                handleScroll();
+            }, 100);
+        });
+    }, []);
+    return (_jsx(Component, Object.assign({ overflow: "auto", height: "100%", maxHeight: "calc(100vh - 321px)", ref: containerRef, onScroll: handleScroll, style: {
+            overflow: 'auto',
+            height: '100%',
+            maxHeight: 'calc(100vh - 321px)',
+        } }, rootProps, { children: children })));
+};
+export default ScrollLoader;

package/build/components/ScrollLoader/index.d.ts

@@ -0,0 +1,3 @@
+import ScrollLoader from './ScrollLoader';
+export default ScrollLoader;
+export * from './ScrollLoader';

package/build/components/ScrollLoader/index.js

@@ -0,0 +1,3 @@
+import ScrollLoader from './ScrollLoader';
+export default ScrollLoader;
+export * from './ScrollLoader';

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

@@ -23,6 +23,7 @@ function SalesChannelCell(_a) {
         const channelCode = (_a = channel.code) === null || _a === void 0 ? void 0 : _a.replace(/_/g, '');
         return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, isTextShown ? 74 : 0), sx: {
                     width: isTextShown ? '70px' : '36px',
+                    cursor: 'pointer',
                 }, onClick: () => {
                     window.open(channel.address, '_blank');
                 } }, { children: isTextShown ? (_jsx(ChannelTextWrapper, { children: _jsx(ChannelTextLabel, { children: channelCode }) })) : (_jsx(StyledSourceImage, { src: channel.logo, alt: channelCode })) })) }), `${channel}-${index}`));

package/build/components/VirtualTable/components/TableError.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type TableErrorProps = {
+    isTimeoutError?: boolean;
+    tableError?: boolean;
+    sandboxMode?: boolean;
+    tableEmpty?: boolean;
+    error: Error | null;
+    triggerDataRefetch: () => Promise<unknown>;
+};
+declare const _default: import("react").MemoExoticComponent<(props: TableErrorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/build/components/VirtualTable/components/TableError.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import ErrorList from './ErrorList';
+import { backendErrorHandler } from '../../../utils/index.js';
+import EmptyList from './EmptyList';
+const TableError = (props) => {
+    const { isTimeoutError, tableError, triggerDataRefetch, sandboxMode, tableEmpty, error } = props;
+    if (isTimeoutError) {
+        return (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_timeoutError", shouldMinimizeWidth: true, heading: "timeOut", message: "yourRequestOutPleaseTryAgain", triggerDataRefetch: triggerDataRefetch, sandboxMode: sandboxMode }));
+    }
+    const axiosErr = error;
+    if (tableError) {
+        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'connectionErrorMsg' });
+        return (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: formatted, triggerDataRefetch: triggerDataRefetch, sandboxMode: sandboxMode }));
+    }
+    if (tableEmpty) {
+        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'tryAdjustingTheDateOrFilters' });
+        return _jsx(EmptyList, { sandboxMode: sandboxMode, heading: "nothingFound", message: formatted });
+    }
+    return (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: "connectionErrorMsg", triggerDataRefetch: triggerDataRefetch, sandboxMode: sandboxMode }));
+};
+export default memo(TableError);

package/build/components/VirtualTable/components/TableNoData.d.ts

@@ -10,7 +10,7 @@ interface TableNoDataProps {
     triggerDataRefetch: () => Promise<unknown>;
     footerProps: IVirtualTable['footerProps'];
 }
-declare function TableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }: TableNoDataProps): JSX.Element;
+declare function TableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }: TableNoDataProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TableNoData {
     var displayName: string;
 }

package/build/components/VirtualTable/components/TableNoData.js

@@ -1,32 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
-import { backendErrorHandler } from '../../../utils/index.js';
-import EmptyList from './EmptyList/EmptyList';
-import ErrorList from './ErrorList/ErrorList';
 import TableLoading from './TableLoading';
 import { StyledSolidBackground } from '../style';
+import TableError from './TableError';
 function TableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }) {
-    let content;
     if (tableLoading) {
-        content = (_jsx(StyledSolidBackground, Object.assign({ "data-testid": "VirtualTable_SolidBackground" }, { children: _jsx(TableLoading, { "data-testid": "VirtualTable_TableLoading", columns: orderedColumns, isLoading: true }) })));
+        return (_jsx(StyledSolidBackground, Object.assign({ "data-testid": "VirtualTable_SolidBackground" }, { children: _jsx(TableLoading, { "data-testid": "VirtualTable_TableLoading", columns: orderedColumns, isLoading: true }) })));
     }
-    else if (isTimeoutError) {
-        content = (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_timeoutError", shouldMinimizeWidth: true, heading: "timeOut", message: "yourRequestOutPleaseTryAgain", triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
-    }
-    else if (tableError) {
-        const axiosErr = error;
-        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'connectionErrorMsg' });
-        content = (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: formatted, triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
-    }
-    else if (tableEmpty) {
-        const axiosErr = error;
-        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'tryAdjustingTheDateOrFilters' });
-        content = _jsx(EmptyList, { sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode, heading: "nothingFound", message: formatted });
-    }
-    else {
-        content = (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: "connectionErrorMsg", triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
-    }
-    return content;
+    return (_jsx(TableError, { isTimeoutError: isTimeoutError, tableEmpty: tableEmpty, tableError: tableError, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode, error: error, triggerDataRefetch: triggerDataRefetch }));
 }
 TableNoData.displayName = 'TableNoData';
 export default memo(TableNoData);

package/build/components/VirtualTable/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './EmptyList';
 export * from './ErrorList';
 export * from './TableFooter';
 export { default as TableFooter } from './TableFooter';
+export { default as TableError } from './TableError';
 export * from './virtualScroll';
 export * from './RowErrorState';
 export { default as TableHeader } from './TableHeader';

package/build/components/VirtualTable/components/index.js

@@ -3,6 +3,7 @@ export * from './EmptyList';
 export * from './ErrorList';
 export * from './TableFooter';
 export { default as TableFooter } from './TableFooter';
+export { default as TableError } from './TableError';
 export * from './virtualScroll';
 export * from './RowErrorState';
 export { default as TableHeader } from './TableHeader';

package/build/components/index.d.ts

@@ -12,7 +12,7 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { default as VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, } from './VirtualTable';
+export { default as VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTable';
 export { default as SheetViewVirtualTable } from './VirtualTable/SheetView/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
@@ -95,3 +95,5 @@ export * from './TableHeader';
 export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
 export * from './SourceChips';
+export { default as ScrollLoader } from './ScrollLoader';
+export * from './ScrollLoader';

package/build/components/index.js

@@ -12,7 +12,7 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { default as VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, } from './VirtualTable';
+export { default as VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTable';
 export { default as SheetViewVirtualTable } from './VirtualTable/SheetView/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
@@ -95,3 +95,5 @@ export * from './TableHeader';
 export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
 export * from './SourceChips';
+export { default as ScrollLoader } from './ScrollLoader';
+export * from './ScrollLoader';

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.0.273",
+  "version": "0.0.275-test.1",
   "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
@@ -131,4 +131,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}