@tap-payments/os-micro-frontend-shared 0.1.96-test.3 → 0.1.97-test.2

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/SheetViewTableLoading.d.ts

@@ -7,10 +7,7 @@ interface ISheetViewTableLoadingProps {
     isLoading?: boolean;
     rowsCount?: number;
     isPinned?: boolean;
-    tableType?: string;
-    containerHeight?: number;
-    isCompact?: boolean;
 }
-declare function SheetViewTableLoading({ columns, isLoaded, animationType, isPinned, containerHeight }: ISheetViewTableLoadingProps): import("react/jsx-runtime").JSX.Element;
+declare function SheetViewTableLoading({ columns, isLoaded, animationType, isLoading, rowsCount, isPinned, }: ISheetViewTableLoadingProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SheetViewTableLoading>;
 export default _default;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import { styled } from '@mui/material/styles';
 import uniqueId from 'lodash/uniqueId';
-import { calculateSheetViewMaxRows, getSheetViewRowHeight } from '../../../../utils/index.js';
+import { calculateMaxAllowedRows } from '../../../../utils/index.js';
 import SheetViewTableRowLoading from './SheetViewTableRowLoading';
 const Wrapper = styled('section')(({ isLoaded = false, isPinned = false }) => ({
     overflow: 'hidden',
@@ -11,11 +11,9 @@ const Wrapper = styled('section')(({ isLoaded = false, isPinned = false }) => ({
     filter: isLoaded && !isPinned ? 'blur(8px)' : 'none',
     marginTop: isLoaded && !isPinned ? '1rem' : '0',
 }));
-function SheetViewTableLoading({ columns, isLoaded = false, animationType, isPinned = false, containerHeight }) {
-    const availableHeight = containerHeight || window.innerHeight * 0.8;
-    const rowHeight = getSheetViewRowHeight();
-    const maxAllowedRows = calculateSheetViewMaxRows(availableHeight, rowHeight);
-    console.log({ maxAllowedRows, availableHeight, rowHeight, containerHeight });
+function SheetViewTableLoading({ columns, isLoaded = false, animationType, isLoading = false, rowsCount, isPinned = false, }) {
+    let maxAllowedRows = rowsCount || calculateMaxAllowedRows(isLoaded, isLoading);
+    maxAllowedRows = rowsCount || Math.max(maxAllowedRows, 25);
     return (_jsx(Wrapper, Object.assign({ isLoaded: isLoaded, isPinned: isPinned, "data-testid": "SheetViewTableLoading" }, { children: [...Array(maxAllowedRows)].map((_, index) => (_jsx(SheetViewTableRowLoading, { columns: columns, animationType: animationType, rowIndex: index, useTableBackground: !isPinned }, `i-${uniqueId('SheetViewTableLoadingRow_')}`))) })));
 }
 export default memo(SheetViewTableLoading);

package/build/components/VirtualTables/components/style.js

@@ -146,7 +146,7 @@ export const SheetViewTableContainer = styled(Box)(() => ({
     position: 'relative',
     display: 'flex',
     flexDirection: 'column',
-    height: '100%',
+    height: 'calc(100vh - 300px)',
     paddingInline: '28px',
     borderRadius: '8px',
     marginBottom: '16px !important',

package/build/constants/apps.d.ts

@@ -84,6 +84,18 @@ export declare const APP_CODES: {
             merchant: {
                 code: string;
                 functions: {
+                    updateEntity: {
+                        code: string;
+                    };
+                    updateBrand: {
+                        code: string;
+                    };
+                    updateUsers: {
+                        code: string;
+                    };
+                    createUsers: {
+                        code: string;
+                    };
                     view: {
                         code: string;
                     };

package/build/constants/apps.js

@@ -40,7 +40,15 @@ export const APP_CODES = {
         services: {
             merchant: {
                 code: 'MERCHANT',
-                functions: Object.assign({}, SERVICE_COMMON_FUNCTIONS),
+                functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), { updateEntity: {
+                        code: 'UPDATE ENTITY',
+                    }, updateBrand: {
+                        code: 'UPDATE BRAND',
+                    }, updateUsers: {
+                        code: 'UPDATE USERS',
+                    }, createUsers: {
+                        code: 'CREATE USERS',
+                    } }),
             },
             retailer: {
                 code: 'RETAILER',

package/build/utils/style.js

@@ -31,6 +31,10 @@ export const getSelectionStyles = ({ isSelected, isCellSelected, isColumnSelecte
 const getRowSelectionStyles = () => ({
     backgroundColor: SELECTION_COLORS.background,
     color: SELECTION_COLORS.primary,
+    border: 'none',
+    '&:before': {
+        border: 'none',
+    },
 });
 const getSingleCellSelectionStyles = () => ({
     border: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,

package/build/utils/table.d.ts

@@ -6,9 +6,4 @@ export declare const getColumnWidthPercentage: (widthInPx: number, options?: {
 export declare const getCellWidth: ({ table, cellID, tableMode }: TableCellWidthProps) => string;
 export declare const calculateMaxAllowedRows: (isLoaded: boolean, isLoading: boolean) => number;
 export declare const isHeightNotFullyFilledByRows: (totalRows: number) => boolean;
-export declare const calculateSheetViewHeight: (totalRows: number, rowHeight?: number) => number;
-export declare const calculateSheetViewMaxRows: (availableHeight: number, rowHeight?: number) => number;
-export declare const isSheetViewScrollable: (totalRows: number, containerHeight: number, rowHeight?: number) => boolean;
-export declare const getSheetViewRowHeight: () => number;
-export declare const calculateSheetViewOptimalHeight: (totalRows: number, tableType: string, maxHeightPercentage?: number) => number;
 export declare const isTableDefaultMode: (tableMode?: TableMode) => boolean;

package/build/utils/table.js

@@ -1,4 +1,4 @@
-import { walletDetailsTableCellWidth, authenticationsTableCellWidth, authorizationTableCellWidth, chargeTableCellWidth, destinationsTableCellWidth, intentsTableCellWidth, invoicesTableCellWidth, leadsTableCellWidth, ordersTableCellWidth, payoutsTableCellWidth, protectChargesTableCellWidth, protectAuthorizationsTableCellWidth, refundTableCellWidth, tokensTableCellWidth, walletStatementTableCellWidth, topupsTableCellWidth, walletTableCellWidth, TABLE_CONTENT_ROW_HEIGHT, TABLE_LOADING_ROW_HEIGHT, TABLE_ROW_HEIGHT, merchantsTableCellWidth, terminalsTableCellWidth, SHEET_VIEW_TABLE_ROW_HEIGHT, } from '../constants/index.js';
+import { walletDetailsTableCellWidth, authenticationsTableCellWidth, authorizationTableCellWidth, chargeTableCellWidth, destinationsTableCellWidth, intentsTableCellWidth, invoicesTableCellWidth, leadsTableCellWidth, ordersTableCellWidth, payoutsTableCellWidth, protectChargesTableCellWidth, protectAuthorizationsTableCellWidth, refundTableCellWidth, tokensTableCellWidth, walletStatementTableCellWidth, topupsTableCellWidth, walletTableCellWidth, TABLE_CONTENT_ROW_HEIGHT, TABLE_LOADING_ROW_HEIGHT, TABLE_ROW_HEIGHT, merchantsTableCellWidth, terminalsTableCellWidth, } from '../constants/index.js';
 export const getColumnWidthPercentage = (widthInPx, options) => {
     const { isFirst, isLast } = options || {};
     const paddingInPx = isFirst || isLast ? 0 : 0;
@@ -73,38 +73,6 @@ export const isHeightNotFullyFilledByRows = (totalRows) => {
     const allowedRows = maxRowsThatFit();
     return totalRows < allowedRows + 1;
 };
-export const calculateSheetViewHeight = (totalRows, rowHeight = TABLE_CONTENT_ROW_HEIGHT) => {
-    const headerHeight = 56;
-    const padding = 16;
-    const calculatedHeight = headerHeight + totalRows * rowHeight + padding;
-    const minHeight = 200;
-    const maxHeight = window.innerHeight * 0.8;
-    return Math.max(minHeight, Math.min(calculatedHeight, maxHeight));
-};
-export const calculateSheetViewMaxRows = (availableHeight, rowHeight = TABLE_CONTENT_ROW_HEIGHT) => {
-    const headerHeight = 56;
-    const padding = 16;
-    const availableContentHeight = availableHeight - headerHeight - padding;
-    return Math.floor(availableContentHeight / rowHeight);
-};
-export const isSheetViewScrollable = (totalRows, containerHeight, rowHeight = TABLE_CONTENT_ROW_HEIGHT) => {
-    const headerHeight = 56;
-    const padding = 16;
-    const contentHeight = headerHeight + totalRows * rowHeight + padding;
-    return contentHeight > containerHeight;
-};
-export const getSheetViewRowHeight = () => {
-    const baseRowHeight = SHEET_VIEW_TABLE_ROW_HEIGHT;
-    return baseRowHeight * 0.8;
-};
-export const calculateSheetViewOptimalHeight = (totalRows, tableType, maxHeightPercentage = 0.8) => {
-    const rowHeight = getSheetViewRowHeight();
-    const headerHeight = 56;
-    const padding = 16;
-    const calculatedHeight = headerHeight + totalRows * rowHeight + padding;
-    const maxHeight = window.innerHeight * maxHeightPercentage;
-    return Math.min(calculatedHeight, maxHeight);
-};
 export const isTableDefaultMode = (tableMode = 'default') => {
     return tableMode === 'default';
 };

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