@tap-payments/os-micro-frontend-shared 0.0.185 → 0.0.187

package/build/components/Button/StyledButton/style.js

@@ -1,6 +1,6 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-export const Button = styled(Box)(({ isActive, isDisabled, theme }) => (Object.assign(Object.assign(Object.assign({ minWidth: 32, height: 32, width: 'fit-content', borderRadius: '4px', padding: '9px 8px', display: 'flex', alignItems: 'center', justifyContent: 'center', border: `1px solid ${theme.palette.divider}`, cursor: 'pointer' }, (isActive && {
+export const Button = styled(Box, { shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isDisabled' })(({ isActive, isDisabled, theme }) => (Object.assign(Object.assign(Object.assign({ minWidth: 32, height: 32, width: 'fit-content', borderRadius: '4px', padding: '9px 8px', display: 'flex', alignItems: 'center', justifyContent: 'center', border: `1px solid ${theme.palette.divider}`, cursor: 'pointer' }, (isActive && {
     boxShadow: theme.shadows[7],
     borderColor: theme.palette.info.dark,
 })), (isDisabled && {

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.185",
+  "version": "0.0.187",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/StatusButtons/StatusButtons.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { AvailableStatus } from '../StatusBar/type';
-import { TableHeaderStatus } from '../../types/index.js';
-export type StatusButtonsProps = {
-    availableStatuses: AvailableStatus[];
-    status: TableHeaderStatus;
-    onStatusChange?: (status: TableHeaderStatus) => void;
-    isFilteredIdsShown?: boolean;
-};
-declare const _default: import("react").MemoExoticComponent<(props: StatusButtonsProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/build/components/StatusButtons/StatusButtons.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import StatusButton from '../StatusButton/StatusButton';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-const StatusButtonItem = memo((props) => {
-    var _a;
-    const { availableStatus, getButtonStatus, onStatusChange, status } = props;
-    const { t } = useTranslation();
-    if (!Array.isArray(availableStatus.status)) {
-        return (_createElement(StatusButton, Object.assign({}, availableStatus, { key: `status-button-array-${availableStatus.status}`, variant: getButtonStatus(availableStatus.status), onClick: () => {
-                if (!Array.isArray(availableStatus.status)) {
-                    onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(availableStatus.status);
-                }
-            } })));
-    }
-    const isCurrentStatusDropdown = (_a = availableStatus.status) === null || _a === void 0 ? void 0 : _a.includes(status || '');
-    const variant = isCurrentStatusDropdown ? 'active' : 'inActive';
-    const statusLabel = isCurrentStatusDropdown ? status : availableStatus.status[0];
-    return (_jsx("div", { children: _jsx(StatusButton, Object.assign({}, availableStatus, { label: t(statusLabel || ''), variant: variant, onButtonBodyClick: (buttonStatus) => {
-                onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(buttonStatus);
-            }, dropdownOptions: availableStatus.status.map((stat) => ({
-                label: t(stat || ''),
-                onClick: () => {
-                    onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(stat);
-                },
-                status: stat,
-            })) })) }));
-});
-const StatusButtons = (props) => {
-    const { availableStatuses, status, onStatusChange, isFilteredIdsShown } = props;
-    const getButtonStatus = useMemo(() => (buttonStatus) => buttonStatus === status && !isFilteredIdsShown ? 'active' : 'inActive', [status, isFilteredIdsShown]);
-    return (_jsx(_Fragment, { children: availableStatuses === null || availableStatuses === void 0 ? void 0 : availableStatuses.map((availableStatus) => {
-            var _a;
-            return (_jsx(StatusButtonItem, { availableStatus: availableStatus, getButtonStatus: getButtonStatus, onStatusChange: onStatusChange, status: status }, Array.isArray(availableStatus.status) ? (_a = availableStatus === null || availableStatus === void 0 ? void 0 : availableStatus.status) === null || _a === void 0 ? void 0 : _a[0] : `status-button-array-${availableStatus.status}`));
-        }) }));
-};
-export default memo(StatusButtons);