@tap-payments/os-micro-frontend-shared 0.1.39 → 0.1.40-9.fix.1

package/build/utils/style.js

@@ -1,3 +1,4 @@
+// Selection style constants
 export const SELECTION_COLORS = {
     primary: '#1F88D0',
     background: 'white',
@@ -5,36 +6,62 @@ export const SELECTION_COLORS = {
     transparent: 'transparent',
 };
 const BORDER_STYLES = {
-    thin: '1px',
-    thick: '1.5px',
+    thin: '0.5px',
+    thick: '1px',
     none: '0px',
 };
 const CELL_DIMENSIONS = {
     minHeight: '28px',
     fullHeight: '100%',
 };
-export const getSelectionStyles = ({ isSelected, isCellSelected, isColumnSelected, isLastRow }) => {
+/**
+ * Generates CSS styles for table cell selection states
+ *
+ * @param params - Selection state parameters
+ * @returns CSS-in-JS style object for the selected cell/column
+ */
+export const getSelectionStyles = ({ isSelected, isCellSelected, isColumnSelected, isRowSelected, isLastRow, }) => {
+    // Early return for non-selected cells
     if (!isSelected) {
         return {};
     }
+    // Row selection styles
+    if (isRowSelected) {
+        return getRowSelectionStyles();
+    }
+    // Single cell selection styles
     if (isCellSelected && !isColumnSelected) {
         return getSingleCellSelectionStyles();
     }
+    // Column selection styles
     if (isColumnSelected) {
         return getColumnSelectionStyles(isLastRow);
     }
     return {};
 };
+/**
+ * Returns styles for row selection
+ */
+const getRowSelectionStyles = () => ({
+    backgroundColor: SELECTION_COLORS.background,
+    color: SELECTION_COLORS.primary,
+});
+/**
+ * Returns styles for a single selected cell
+ */
 const getSingleCellSelectionStyles = () => ({
     border: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
     backgroundColor: SELECTION_COLORS.background,
     color: SELECTION_COLORS.primary,
-    '&:before': {
-        border: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
-    },
+    borderRadius: '2px',
 });
+/**
+ * Returns styles for column selection
+ *
+ * @param isLastRow - Whether this is the last row in the selection
+ */
 const getColumnSelectionStyles = (isLastRow) => {
-    const borderWidth = getBorderWidthForColumn(isLastRow);
+    const borderWidth = getBorderWidthForColumn();
     const borderBottom = getBorderBottomForColumn(isLastRow);
     return {
         borderWidth,
@@ -45,18 +72,24 @@ const getColumnSelectionStyles = (isLastRow) => {
         minHeight: CELL_DIMENSIONS.minHeight,
         display: 'flex',
         alignItems: 'center',
-        '&:before': {
-            borderWidth,
-            borderBottom: isLastRow
-                ? `${BORDER_STYLES.thick} solid ${SELECTION_COLORS.primary}`
-                : `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.transparent}`,
-        },
     };
 };
-const getBorderWidthForColumn = (isLastRow) => {
-    const { none, thick } = BORDER_STYLES;
-    return isLastRow ? `${none} ${thick} ${thick} ${thick}` : `${none} ${thick} ${none} ${thick}`;
+/**
+ * Calculates border width for column selection
+ */
+const getBorderWidthForColumn = () => {
+    const { none, thin } = BORDER_STYLES;
+    return `${none} ${thin} ${thin} ${thin}`;
 };
+/**
+ * Calculates border bottom for column selection
+ */
 const getBorderBottomForColumn = (isLastRow) => {
     return isLastRow ? `${BORDER_STYLES.thick} solid ${SELECTION_COLORS.primary}` : `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.border}`;
 };
+export const getRowSelectionBorderStyles = ({ effectiveFirst, isPinnedStart, isPinnedEnd }) => ({
+    borderTop: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
+    borderBottom: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
+    borderRight: `${BORDER_STYLES.thin} solid ${isPinnedEnd ? SELECTION_COLORS.primary : 'none'}`,
+    borderLeft: `${BORDER_STYLES.thin} solid ${isPinnedStart && effectiveFirst ? SELECTION_COLORS.primary : 'transparent'}`,
+});

package/build/utils/table.d.ts

@@ -1,4 +1,4 @@
-import { TableCellWidthProps, TableMode } from '../types/index.js';
+import { TableCellWidthProps, TableMode, TableNavigation } from '../types/index.js';
 export declare const getColumnWidthPercentage: (widthInPx: number, options?: {
     isFirst?: boolean;
     isLast?: boolean;
@@ -6,4 +6,17 @@ 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 isTableDefaultMode: (tableMode?: TableMode) => boolean;
+export declare const isTableDefaultMode: (tableMode: TableMode) => boolean;
+export declare const isTableSheetMode: (tableMode: TableMode) => boolean;
+export declare const isTableTextMode: (tableMode: TableMode) => boolean;
+interface ActionNavigationView<T> {
+    prefixes: string[];
+    keys?: string[];
+    label: string;
+    appCode: string;
+    serviceCode: string;
+    icon: TableNavigation['icon'];
+    accessor?: (rowData: T) => string[];
+}
+export declare const getPossibleActionNavigationView: <T>() => Record<string, ActionNavigationView<T>>;
+export {};

package/build/utils/table.js

@@ -1,8 +1,8 @@
-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';
+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, APP_CODES, } from '../constants/index.js';
 export const getColumnWidthPercentage = (widthInPx, options) => {
     const { isFirst, isLast } = options || {};
     const paddingInPx = isFirst || isLast ? 0 : 0;
-    const widthInPercentage = ((widthInPx + paddingInPx) / 898) * 100;
+    const widthInPercentage = ((widthInPx + paddingInPx) / 898) * 100; // 1128 is the total width of the table
     return `${widthInPercentage}%`;
 };
 export const getCellWidth = ({ table, cellID, tableMode }) => {
@@ -73,6 +73,158 @@ export const isHeightNotFullyFilledByRows = (totalRows) => {
     const allowedRows = maxRowsThatFit();
     return totalRows < allowedRows + 1;
 };
-export const isTableDefaultMode = (tableMode = 'default') => {
+export const isTableDefaultMode = (tableMode) => {
     return tableMode === 'default';
 };
+export const isTableSheetMode = (tableMode) => {
+    return tableMode === 'sheet';
+};
+export const isTableTextMode = (tableMode) => {
+    return tableMode === 'text';
+};
+export const getPossibleActionNavigationView = () => {
+    return {
+        charge: {
+            prefixes: ['chg_', 'payout_', 'settlement_', 'terminal_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b, _c, _d;
+                return [
+                    rowData.id,
+                    (_b = (_a = rowData.capture) === null || _a === void 0 ? void 0 : _a.charge) === null || _b === void 0 ? void 0 : _b.map((charge) => charge.id),
+                    (_c = rowData.charge) === null || _c === void 0 ? void 0 : _c.id,
+                    (_d = rowData.transactions) === null || _d === void 0 ? void 0 : _d.map((transaction) => transaction.id),
+                    rowData.charge_id,
+                ];
+            },
+            label: 'Charge',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.charges.code,
+            icon: 'capture',
+        },
+        authorize: {
+            prefixes: ['auth_'],
+            keys: ['id', 'authorize.id', 'source.id', 'charge.source.id'],
+            label: 'Authorization',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.authorization.code,
+            icon: 'capture',
+        },
+        intents: {
+            prefixes: ['intent_'],
+            keys: [],
+            label: 'Intents',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.intents.code,
+            icon: 'capture',
+        },
+        refunds: {
+            prefixes: ['re_', 'payout_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b, _c, _d;
+                return [
+                    (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _a === void 0 ? void 0 : _a.refund) === null || _b === void 0 ? void 0 : _b.map((refund) => refund.id),
+                    rowData === null || rowData === void 0 ? void 0 : rowData.id,
+                    ...(((_c = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _c === void 0 ? void 0 : _c.length) ? [(_d = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _d === void 0 ? void 0 : _d.map((refund) => refund.id)] : []),
+                ];
+            },
+            label: 'Refunds',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.refunds.code,
+            icon: 'refund',
+        },
+        authentication: {
+            prefixes: ['auth_payer_'],
+            keys: ['authentication.id'],
+            label: 'Authentication',
+            appCode: APP_CODES.authentication.code,
+            serviceCode: APP_CODES.authentication.services.authentication.code,
+            icon: 'capture',
+        },
+        order: {
+            prefixes: ['order_', 'ord_'],
+            keys: ['order.id'],
+            label: 'Order',
+            appCode: APP_CODES.order.code,
+            serviceCode: APP_CODES.order.services.orders.code,
+            icon: 'capture',
+        },
+        chargeFlags: {
+            prefixes: ['flag_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b;
+                return (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.flags) === null || _a === void 0 ? void 0 : _a.flag) === null || _b === void 0 ? void 0 : _b.map((flag) => flag.id);
+            },
+            label: 'Flags',
+            appCode: APP_CODES.protect.code,
+            serviceCode: APP_CODES.protect.services.chargesFlags.code,
+            icon: 'flag',
+        },
+        authorizationFlags: {
+            prefixes: ['flag_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b;
+                return (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.flags) === null || _a === void 0 ? void 0 : _a.flag) === null || _b === void 0 ? void 0 : _b.map((flag) => flag.id);
+            },
+            label: 'Flags',
+            appCode: APP_CODES.protect.code,
+            serviceCode: APP_CODES.protect.services.authorizationsFlags.code,
+            icon: 'flag',
+        },
+        token: {
+            prefixes: ['tok_'],
+            keys: ['source.id'],
+            label: 'Token',
+            appCode: APP_CODES.tokens.code,
+            serviceCode: APP_CODES.tokens.services.tokens.code,
+            icon: 'capture',
+        },
+        destination: {
+            prefixes: ['trf_', 'payout_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b;
+                return [(_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.destinations) === null || _a === void 0 ? void 0 : _a.destination) === null || _b === void 0 ? void 0 : _b.map((destination) => { var _a; return (_a = destination === null || destination === void 0 ? void 0 : destination.transfer) === null || _a === void 0 ? void 0 : _a.id; }), rowData === null || rowData === void 0 ? void 0 : rowData.id];
+            },
+            label: 'Destination',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.destinations.code,
+            icon: 'destination',
+        },
+        payout: {
+            prefixes: ['payout_'],
+            keys: ['balance.payout.id'],
+            label: 'Payout',
+            appCode: APP_CODES.payouts.code,
+            serviceCode: APP_CODES.payouts.services.payouts.code,
+            icon: 'capture',
+        },
+        settlement: {
+            prefixes: ['settlement_'],
+            keys: ['settlement.id'],
+            label: 'Settlement',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.settlements.code,
+            icon: 'capture',
+        },
+        intent: {
+            prefixes: ['intent_'],
+            keys: ['intent.id'],
+            label: 'Intent',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.intents.code,
+            icon: 'capture',
+        },
+        topup: {
+            prefixes: ['topup_'],
+            keys: ['topup.id'],
+            label: 'Topup',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.topups.code,
+            icon: 'capture',
+        },
+    };
+};

package/build/utils/timezone.d.ts

@@ -0,0 +1,2 @@
+export declare const getTimezoneByCountryCode: (code: string) => import("..").Timezone;
+export declare const getTimezoneByTimezone: (timezone: string) => import("..").Timezone;

package/build/utils/timezone.js

@@ -0,0 +1,3 @@
+import { COUNTRIES_TIMEZONES } from '../constants/index.js';
+export const getTimezoneByCountryCode = (code) => { var _a; return (_a = COUNTRIES_TIMEZONES.find((country) => country.countryCode === code)) !== null && _a !== void 0 ? _a : COUNTRIES_TIMEZONES[0]; };
+export const getTimezoneByTimezone = (timezone) => { var _a; return (_a = COUNTRIES_TIMEZONES.find((country) => country.timezone === timezone)) !== null && _a !== void 0 ? _a : COUNTRIES_TIMEZONES[0]; };

package/build/utils/url.d.ts

@@ -1 +1,2 @@
 export declare const openNewTab: (url: string, target?: string) => void;
+export declare const openUrl: (url: string) => void;

package/build/utils/url.js

@@ -6,3 +6,15 @@ export const openNewTab = (url, target = '_blank') => {
     link.click();
     link.remove();
 };
+export const openUrl = (url) => {
+    const isUrl = /^https?:\/\//i.test(url);
+    if (isUrl) {
+        // Open normal URLs directly
+        window.open(url, '_blank', 'noopener,noreferrer');
+    }
+    else {
+        // Show the string in the url bar as a query param
+        const newUrl = 'about:blank?' + encodeURIComponent(url);
+        window.open(newUrl, '_blank', 'noopener,noreferrer');
+    }
+};

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.39",
+  "version": "0.1.409.fix.1",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
   "types": "build/index.d.ts",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
       "types": "./build/index.d.ts",
       "import": "./build/index.js",
@@ -60,6 +61,7 @@
   ],
   "scripts": {
     "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
+    "push:local": "yarn ts:build && yalc publish --push",
     "push": "npm run ts:build && npm publish --access public",
     "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
     "dev": "vite",
@@ -78,12 +80,14 @@
     "@mui/material": "^5.12.3",
     "@uiw/react-json-view": "^2.0.0-alpha.16",
     "axios": "^1.4.0",
+    "color": "^5.0.0",
     "dayjs": "^1.11.8",
     "framer-motion": "10.11.0",
     "i18next": "^22.4.15",
     "memoize-one": "^6.0.0",
     "re-resizable": "^6.9.9",
     "react": "^18.2.0",
+    "react-colorful": "^5.6.1",
     "react-currency-input-field": "^3.6.11",
     "react-dom": "^18.2.0",
     "react-draggable": "^4.4.6",
@@ -91,13 +95,15 @@
     "react-hook-form": "^7.45.4",
     "react-hot-toast": "^2.4.1",
     "react-i18next": "^12.2.2",
+    "react-lazy-load-image-component": "^1.6.3",
     "react-multi-date-picker": "^4.1.2",
     "react-router-dom": "^7.7.0",
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
     "react18-input-otp": "^1.1.4",
-    "recharts": "^2.15.1"
+    "recharts": "^2.15.1",
+    "yup": "^1.7.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
@@ -105,6 +111,7 @@
     "@types/lodash": "^4.17.15",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.3.5",
+    "@types/react-lazy-load-image-component": "^1.6.4",
     "@types/react-virtualized-auto-sizer": "^1.0.8",
     "@types/react-window": "^1.8.5",
     "@types/react-window-infinite-loader": "^1.0.6",
@@ -122,6 +129,32 @@
     "vite": "6.0.5",
     "vite-tsconfig-paths": "^4.2.0"
   },
+  "peerDependencies": {
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11",
+    "@hookform/resolvers": "^3",
+    "@mui/material": "^5",
+    "@uiw/react-json-view": "^2.0.0-alpha",
+    "dayjs": "^1",
+    "framer-motion": "^10",
+    "i18next": "^22",
+    "re-resizable": "^6",
+    "react": "^18",
+    "react-currency-input-field": "^3",
+    "react-dom": "^18",
+    "react-draggable": "^4",
+    "react-dropzone": "^14",
+    "react-hook-form": "^7",
+    "react-hot-toast": "^2",
+    "react-i18next": "^12",
+    "react-multi-date-picker": "^4",
+    "react-router-dom": "^7",
+    "react-virtualized-auto-sizer": "^1",
+    "react-window": "^1.8",
+    "react-window-infinite-loader": "^1",
+    "react18-input-otp": "^1",
+    "recharts": "^2"
+  },
   "lint-staged": {
     "src/**/*.{ts,tsx,json,js,jsx}": [
       "yarn run prettier:fix",

package/build/components/CurrencyIcon/CurrencyIcon.d.ts

@@ -1,5 +0,0 @@
-declare function CurrencyIcon({ currency, fontSize }: {
-    currency?: string;
-    fontSize?: number;
-}): import("react/jsx-runtime").JSX.Element;
-export default CurrencyIcon;

package/build/components/CurrencyIcon/CurrencyIcon.js

@@ -1,15 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { DirhamIconImage, SARIconImage } from '../../constants/index.js';
-import { StyleCurrencyIcon } from './style';
-const currencyMap = {
-    SAR: SARIconImage,
-    AED: DirhamIconImage,
-};
-function CurrencyIcon({ currency, fontSize }) {
-    const currencyIcon = currencyMap[currency];
-    if (!currencyIcon) {
-        return _jsx(_Fragment, { children: currency });
-    }
-    return _jsx(StyleCurrencyIcon, { component: "img", src: currencyIcon, alt: currency, sx: { height: fontSize } });
-}
-export default CurrencyIcon;

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

@@ -1,2 +0,0 @@
-import CurrencyIcon from './CurrencyIcon';
-export default CurrencyIcon;

package/build/components/CurrencyIcon/index.js

@@ -1,2 +0,0 @@
-import CurrencyIcon from './CurrencyIcon';
-export default CurrencyIcon;

package/build/components/CurrencyIcon/style.js

@@ -1,13 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const StyleCurrencyIcon = styled(Box)(() => ({
-    height: 10,
-}));
-export const CurrencySpan = styled('span')(({ theme }) => ({
-    fontSize: theme.typography.body2.fontSize,
-    lineHeight: '17px',
-    fontWeight: '700',
-}));
-export const DecimalSpan = styled('span')(() => ({
-    fontWeight: '400',
-}));

package/build/components/Notifications/Notifications.d.ts

@@ -1 +0,0 @@
-export default function Notifications(): import("react/jsx-runtime").JSX.Element;

package/build/components/Notifications/Notifications.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { Toaster, resolveValue } from 'react-hot-toast';
-import { actionSuccessIcon, warningInfoIcon } from '../../constants/index.js';
-import { Content } from './style';
-const icons = {
-    success: actionSuccessIcon,
-    error: warningInfoIcon,
-};
-export default function Notifications() {
-    return (_jsx(Toaster, { children: (t) => (_jsxs(Content, { children: [icons[t.type] && _jsx(Box, { component: "img", src: icons[t.type], alt: t.type }), _jsx(Box, { children: resolveValue(t.message, t) })] })) }));
-}

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

@@ -1,2 +0,0 @@
-import Notifications from './Notifications';
-export default Notifications;

package/build/components/Notifications/index.js

@@ -1,2 +0,0 @@
-import Notifications from './Notifications';
-export default Notifications;

package/build/components/TableCells/CustomCells/SourceCell/utils.d.ts

@@ -1 +0,0 @@
-export declare const getPaymentMethodKey: (method?: string) => string | undefined;

package/build/components/TableCells/CustomCells/SourceCell/utils.js

@@ -1,8 +0,0 @@
-const paymentMethodMap = {
-    american_express: 'AMEX',
-    debit: 'card',
-    credit: 'card',
-};
-export const getPaymentMethodKey = (method) => {
-    return paymentMethodMap[(method === null || method === void 0 ? void 0 : method.toLowerCase()) || ''] || method;
-};

package/build/components/TableCells/CustomCells/SourceMergedCell/CollapsedViewIcon.d.ts

@@ -1,11 +0,0 @@
-import type { SxProps } from '@mui/material';
-import { SourceMergedCellProps } from './type';
-export interface CollapsedViewIconProps {
-    hasPreviousIcon: boolean;
-    hasNextIcon: boolean;
-    isTextShown?: boolean;
-    collapsedViewIcon: SourceMergedCellProps['icons'][number];
-    sx?: SxProps;
-}
-declare const CollapsedViewIcon: ({ hasPreviousIcon, hasNextIcon, isTextShown, collapsedViewIcon, ...props }: Readonly<CollapsedViewIconProps>) => import("react/jsx-runtime").JSX.Element;
-export default CollapsedViewIcon;

package/build/components/TableCells/CustomCells/SourceMergedCell/CollapsedViewIcon.js

@@ -1,51 +0,0 @@
-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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { collapsedViewIconVariants, StatusIcon, StatusWrapper } from './style';
-const CollapsedViewIcon = (_a) => {
-    var { hasPreviousIcon, hasNextIcon, isTextShown, collapsedViewIcon } = _a, props = __rest(_a, ["hasPreviousIcon", "hasNextIcon", "isTextShown", "collapsedViewIcon"]);
-    return (_jsxs(_Fragment, { children: [hasPreviousIcon && (_jsx(StatusWrapper, Object.assign({ variants: {
-                    initial: {
-                        x: -5,
-                        zIndex: 95,
-                        opacity: 1,
-                    },
-                    hover: {
-                        x: -5,
-                        zIndex: 95,
-                        opacity: 0,
-                    },
-                }, transition: collapsedViewIconVariants }, props, { children: _jsx(StatusIcon, Object.assign({ isTextShown: isTextShown }, props, { children: collapsedViewIcon.icon })) }))), _jsx(StatusWrapper, Object.assign({ variants: {
-                    initial: {
-                        x: 0,
-                        zIndex: 100,
-                        opacity: 1,
-                    },
-                    hover: {
-                        x: 0,
-                        zIndex: 100,
-                        opacity: 0,
-                    },
-                }, transition: collapsedViewIconVariants }, props, { children: _jsx(StatusIcon, Object.assign({ isTextShown: isTextShown }, props, { children: collapsedViewIcon.icon })) })), hasNextIcon && (_jsx(StatusWrapper, Object.assign({ variants: {
-                    initial: {
-                        x: 5,
-                        zIndex: 95,
-                        opacity: 1,
-                    },
-                    hover: {
-                        x: 5,
-                        zIndex: 95,
-                        opacity: 0,
-                    },
-                }, transition: collapsedViewIconVariants }, props, { children: _jsx(StatusIcon, Object.assign({ isTextShown: isTextShown }, props, { children: collapsedViewIcon.icon })) })))] }));
-};
-export default CollapsedViewIcon;

package/build/components/TableCells/CustomCells/SourceMergedCell/SourceMergedCell.d.ts

@@ -1,3 +0,0 @@
-import { SourceMergedCellProps } from './type';
-declare function SourceMergedCell({ icons, isTextShown, centerIconKey, collapsedViewIcon, isReversed, tableMode, ...props }: Readonly<SourceMergedCellProps>): import("react/jsx-runtime").JSX.Element;
-export default SourceMergedCell;