@tap-payments/os-micro-frontend-shared 0.0.30 → 0.0.31

package/build/types/table.d.ts

@@ -3,6 +3,7 @@ import { BoxProps } from '@mui/material/Box';
 import { TableHeadProps } from '@mui/material/TableHead';
 import { TableRowProps } from '@mui/material/TableRow';
 import { DragControls } from 'framer-motion';
+import { Country } from './appConfig';
 import { SortingOrder } from './sort';
 export interface TableFilters<T> {
     order: string;
@@ -71,10 +72,13 @@ export interface IColumnFilterOption {
         value: unknown;
         setValue: (value: unknown) => void;
         isDisabled?: boolean;
-        getInputValue: (key: string) => string;
-        isInputHasValue: boolean;
-        onClickReset: () => void;
+        getInputValue: (key: string, type?: string) => string;
+        isInputHasValue: (key: string, type?: string) => boolean;
+        onClickReset: (key: string, type?: string) => void;
     }) => React.ReactNode;
+    type?: 'text' | 'phone';
+    countries?: Country[];
+    isCountriesLoading?: boolean;
 }
 export type IColumnListFilterOption = Omit<IColumnFilterOption, 'apiKey' | 'options'> & {
     value: string;
@@ -88,6 +92,8 @@ export interface IColumnFilterList {
 export interface IColumnFilterInputs {
     type: 'inputs';
     options?: IColumnFilterOption[];
+    countries?: Country[];
+    isCountriesLoading?: boolean;
 }
 export interface IColumnFilterCustom {
     type: 'custom';
@@ -127,9 +133,13 @@ export interface IVirtualTable<R = any> {
     };
     dragControls?: DragControls;
 }
-export type IColumnFilter = {
-    onConfirm?: (filterValues: Record<string, string> | Record<string, string[]>) => void;
+export type ColumnFilterValues = Record<string, string | string[] | {
+    phone: string;
+    country: Country | undefined;
+}>;
+export type IColumnFilter = ({
+    onConfirm?: (filterValues: ColumnFilterValues) => void;
     onClear: (apiKeys: string[]) => void;
-    data?: Record<string, string> | Record<string, string[]>;
+    data?: ColumnFilterValues;
     isOnlyOneFilter?: boolean;
-} & (IColumnFilterList | IColumnFilterInputs | IColumnFilterCustom);
+} & (IColumnFilterList | IColumnFilterInputs | IColumnFilterCustom));

package/build/utils/string.d.ts

@@ -6,3 +6,4 @@ export declare const generateUniqueUUID: () => `${string}-${string}-${string}-${
 export declare const copyText: (text: string) => void;
 export declare const capitalizeFirstLetter: (text: string) => string;
 export declare const percentageToNumber: (percentageStr: string) => number;
+export declare const maskValue: (value: string) => string;

package/build/utils/string.js

@@ -51,3 +51,4 @@ export const percentageToNumber = (percentageStr) => {
     const [number] = percentageStr.split('%');
     return parseFloat(number) || 0;
 };
+export const maskValue = (value) => `••• ${value.slice(-4)}`;

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, } 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;
@@ -43,6 +43,8 @@ export const getCellWidth = ({ table, cellID, tableMode }) => {
             return walletStatementTableCellWidth[cellID][tableMode];
         case 'merchants':
             return merchantsTableCellWidth[cellID][tableMode];
+        case 'terminals':
+            return terminalsTableCellWidth[cellID][tableMode];
         default:
             return '100px';
     }

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.30",
+  "version": "0.0.31",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -23,9 +23,9 @@
       "types": "./build/components/index.d.ts"
     },
     "./components/*": {
-      "import": "./build/components/*",
-      "require": "./build/components/*",
-      "types": "./build/components/*"
+      "import": "./build/components/*/index.js",
+      "require": "./build/components/*/index.js",
+      "types": "./build/components/*/index.d.ts"
     },
     "./hooks": {
       "import": "./build/hooks/index.js",