@tap-payments/os-micro-frontend-shared 0.0.234-test.2-test.3 → 0.0.235-test.1

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

@@ -4,7 +4,7 @@ interface StatusBarProps<IStatus extends TableHeaderStatus | TableHeaderStatus[]
     status?: IStatus;
     availableStatuses?: AvailableStatus<IStatus>[];
     isFilteredIdsShown?: boolean;
-    onStatusChange?: (status: IStatus) => void;
+    onStatusChange?: (status?: IStatus) => void;
 }
 declare function StatusBar<IStatus extends TableHeaderStatus | TableHeaderStatus[] = undefined>({ isFilteredIdsShown, onStatusChange, availableStatuses, status, }: StatusBarProps<IStatus>): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof StatusBar;

package/build/components/StatusBar/StatusBar.js

@@ -20,19 +20,19 @@ function StatusBar({ isFilteredIdsShown, onStatusChange, availableStatuses, stat
     const getButtonStatus = useCallback((buttonStatus) => {
         return buttonStatus === status && !isFilteredIdsShown ? 'active' : 'inActive';
     }, [status, isFilteredIdsShown]);
-    const handleChange = useCallback((selected) => {
+    const handleStatusChange = useCallback((selected) => {
         onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(selected);
     }, [onStatusChange]);
     return (_jsx(_Fragment, { children: availableStatuses === null || availableStatuses === void 0 ? void 0 : availableStatuses.map((_a, index) => {
             var _b, _c;
             var { render } = _a, s = __rest(_a, ["render"]);
             if (render) {
-                return _jsx(Fragment, { children: render(status, handleChange) }, `custom-status-slot-${index}`);
+                return (_jsx(Fragment, { children: render({ status: status, onChange: handleStatusChange }, Object.assign(Object.assign({}, s), { index })) }, `custom-status-slot-${index}`));
             }
             if (!Array.isArray(s.status)) {
                 return (_createElement(StatusButton, Object.assign({}, s, { key: `status-button-array-${s.status}`, variant: getButtonStatus(s.status), onClick: () => {
                         if (!Array.isArray(s.status)) {
-                            handleChange(s.status);
+                            handleStatusChange(s.status);
                         }
                     } })));
             }
@@ -40,11 +40,11 @@ function StatusBar({ isFilteredIdsShown, onStatusChange, availableStatuses, stat
             const variant = isCurrentStatusDropdown ? 'active' : 'inActive';
             const statusLabel = isCurrentStatusDropdown && !isMultiSelection ? status : s.status[0];
             return (_jsx("div", { children: _jsx(StatusButton, Object.assign({}, s, { label: t(statusLabel || ''), variant: variant, onButtonBodyClick: (buttonStatus) => {
-                        handleChange(buttonStatus);
+                        handleStatusChange(buttonStatus);
                     }, dropdownOptions: s.status.map((stat) => ({
                         label: t(stat || ''),
                         onClick: () => {
-                            handleChange(stat);
+                            handleStatusChange(stat);
                         },
                         status: stat,
                     })) })) }, (_c = s === null || s === void 0 ? void 0 : s.status) === null || _c === void 0 ? void 0 : _c[0]));

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

@@ -2,6 +2,11 @@
 import { StatusButtonProps } from '../StatusButton';
 import { TableHeaderStatus } from '../../types/index.js';
 export type AvailableStatus<T extends TableHeaderStatus | TableHeaderStatus[] = undefined> = StatusButtonProps & {
-    status: T;
-    render?: <IStatus extends T>(status: IStatus, onChange: (selected: AvailableStatus<T>['status']) => void) => React.ReactNode;
+    status?: T;
+    render?: <IStatus extends T>(controls: {
+        status: IStatus;
+        onChange: (selected?: AvailableStatus<T>['status']) => void;
+    }, options?: Omit<AvailableStatus<T>, 'render'> & {
+        index: number;
+    }) => React.ReactNode;
 };

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