@tap-payments/os-micro-frontend-shared 0.1.24 → 0.1.26

package/build/components/StatusBar/StatusBar.js

@@ -36,18 +36,24 @@ function StatusBar({ isFilteredIdsShown, onStatusChange, availableStatuses, stat
                         }
                     } })));
             }
-            const isCurrentStatusDropdown = !isMultiSelection && ((_b = s.status) === null || _b === void 0 ? void 0 : _b.includes(status || ''));
+            const statusItems = s.status;
+            if (!statusItems)
+                return null;
+            const formattedStatuses = (statusItems.filter(Boolean).map((item) => (typeof item === 'string' ? { value: item } : item)) ||
+                []);
+            const isCurrentStatusDropdown = !isMultiSelection && !!status && formattedStatuses.some((item) => (item === null || item === void 0 ? void 0 : item.value) === status);
             const variant = isCurrentStatusDropdown ? 'active' : 'inActive';
-            const statusLabel = isCurrentStatusDropdown && !isMultiSelection ? status : s.status[0];
+            const statusLabel = isCurrentStatusDropdown && !isMultiSelection ? status : (_b = formattedStatuses[0]) === null || _b === void 0 ? void 0 : _b.value;
             return (_jsx("div", { children: _jsx(StatusButton, Object.assign({}, s, { label: t(statusLabel || ''), variant: variant, onButtonBodyClick: (buttonStatus) => {
                         handleStatusChange(buttonStatus);
-                    }, dropdownOptions: s.status.map((stat) => ({
-                        label: t(stat || ''),
+                    }, dropdownOptions: formattedStatuses.map((stat) => ({
+                        label: t((stat === null || stat === void 0 ? void 0 : stat.value) || ''),
                         onClick: () => {
-                            handleStatusChange(stat);
+                            handleStatusChange(stat.value);
                         },
-                        status: stat,
-                    })) })) }, (_c = s === null || s === void 0 ? void 0 : s.status) === null || _c === void 0 ? void 0 : _c[0]));
+                        status: stat === null || stat === void 0 ? void 0 : stat.value,
+                        icon: stat.icon,
+                    })) })) }, (_c = formattedStatuses[0]) === null || _c === void 0 ? void 0 : _c.value));
         }) }));
 }
 export default memo(StatusBar);

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

@@ -1,3 +1,3 @@
 import StatusBar from './StatusBar';
 export default StatusBar;
-export { type AvailableStatus } from './type';
+export { type AvailableStatus, type DetailedStatusItem } from './type';

package/build/components/StatusBar/type.d.ts

@@ -1,12 +1,17 @@
 /// <reference types="react" />
 import { StatusButtonProps } from '../StatusButton';
 import { TableHeaderStatus } from '../../types/index.js';
+export type DetailedStatusItem<T> = {
+    value: T extends Array<unknown> ? T[number] : T;
+    icon?: React.ReactNode;
+};
 export type AvailableStatus<T extends TableHeaderStatus | TableHeaderStatus[] = undefined> = StatusButtonProps & {
-    status?: T;
+    status?: T | DetailedStatusItem<T>[];
     render?: <IStatus extends T>(controls: {
         status: IStatus;
-        onChange: (selected?: AvailableStatus<T>['status']) => void;
+        onChange: (selected?: T) => void;
     }, options?: Omit<AvailableStatus<T>, 'render'> & {
         index: number;
     }) => React.ReactNode;
 };
+export type TerminalStatus = 'ACTIVE' | 'INACTIVE' | 'DEACTIVATED' | 'FAULTY' | 'CANCELLED' | 'ARCHIVED' | (string & {});

package/build/components/StatusBar/type.js

@@ -1 +1,7 @@
+const test = [
+    {
+        status: [{ value: 'ACTIVE' }, { value: 'ACTIVE', icon: '' }],
+    },
+];
+console.log(test);
 export {};

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.24",
+  "version": "0.1.26",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",