@tap-payments/os-micro-frontend-shared 0.0.170 → 0.0.172

package/build/components/Button/StyledButton/StyledButton.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { BoxProps } from '@mui/material';
+import { BoxProps } from '@mui/material/Box';
 export interface StyledButtonProps extends BoxProps {
+    title?: string;
     isActive?: boolean;
     isDisabled?: boolean;
 }
-declare function StyledButton({ children, ...props }: StyledButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function StyledButton({ children, title, ...props }: StyledButtonProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof StyledButton>;
 export default _default;

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

@@ -11,9 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
+import Tooltip from '../../Tooltip';
 import { Button } from './style';
 function StyledButton(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return _jsx(Button, Object.assign({}, props, { children: children }));
+    var { children, title } = _a, props = __rest(_a, ["children", "title"]);
+    return (_jsx(Tooltip, Object.assign({ title: title }, { children: _jsx(Button, Object.assign({}, props, { children: children })) })));
 }
 export default memo(StyledButton);

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

@@ -1,9 +1,11 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-export const Button = styled(Box)(({ isActive, isDisabled, theme }) => (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)(({ 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 && {
     opacity: 0.5,
     pointerEvents: 'none',
-}))));
+})), { img: {
+        filter: 'brightness(0) invert(0)',
+    } })));

package/build/components/FileUpload/FileUpload.js

@@ -3,12 +3,12 @@ import { memo, useEffect, useMemo, useState } from 'react';
 import Box from '@mui/material/Box';
 import { useDropzone } from 'react-dropzone';
 import { useTranslation } from 'react-i18next';
+import Icon from '../Icon';
 import { blueCircleCheckIcon, redVerifyIcon, trashBinIcon, uploadBlueIcon } from '../../constants/index.js';
 import { readableFileSize } from '../../utils/index.js';
 import { Wrapper, Title, Format, FileUploader, Content, Upload, TextWrapper, Maximum, UploadAgain, StyledButton, SendBulkContainer } from './style';
 import CircularProgressWithLabel from '../CircularProgressWithLabel';
 import Button from '../Button/StyledButton';
-import Icon from '../Icon';
 function FileUpload({ accept, footer, options, isCreateLoading, progress, error, subtitleComponent, isSuccess: isUploadSuccess, onConfirm, isSendDisabled, }) {
     const { t } = useTranslation();
     const [selectedFiles, setSelectedFiles] = useState([]);

package/build/components/StatusButton/constant.d.ts

@@ -5,7 +5,6 @@ export declare const statusButtonIcons: {
     cancelled: string;
     reversed: string;
     reports: string;
-    view: string;
     search: string;
     chevronDown: string;
     unAuthorized: string;

package/build/components/StatusButton/constant.js

@@ -1,4 +1,4 @@
-import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, viewIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, paidOutFilterIcon, scheduledFilterIcon, } from '../../constants/index.js';
+import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, paidOutFilterIcon, scheduledFilterIcon, } from '../../constants/index.js';
 export const statusButtonIcons = {
     inProgress: initiatedIcon,
     initiated: initiatedIcon,
@@ -6,7 +6,6 @@ export const statusButtonIcons = {
     cancelled: cancelledIcon,
     reversed: reverseActionIcon,
     reports: reportsIcon,
-    view: viewIcon,
     search: searchIcon,
     chevronDown: chevronDownIcon,
     unAuthorized: unAuthorizedIcon,

package/build/components/StatusButton/style.d.ts

@@ -20,7 +20,7 @@ export declare const CountBadge: import("@emotion/styled").StyledComponent<impor
 }, {}, {}>;
 export declare const StatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
-    icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "view" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
+    icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

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

@@ -5,7 +5,6 @@ export declare const statusButtonIcons: {
     cancelled: string;
     reversed: string;
     reports: string;
-    view: string;
     search: string;
     chevronDown: string;
     unAuthorized: string;

package/build/components/TableHeader_V2/components/StatusButtons/constant.js

@@ -1,4 +1,4 @@
-import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, viewIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, paidOutFilterIcon, scheduledFilterIcon, } from '../../../../constants/index.js';
+import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, paidOutFilterIcon, scheduledFilterIcon, } from '../../../../constants/index.js';
 export const statusButtonIcons = {
     inProgress: initiatedIcon,
     initiated: initiatedIcon,
@@ -6,7 +6,6 @@ export const statusButtonIcons = {
     cancelled: cancelledIcon,
     reversed: reverseActionIcon,
     reports: reportsIcon,
-    view: viewIcon,
     search: searchIcon,
     chevronDown: chevronDownIcon,
     unAuthorized: unAuthorizedIcon,

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

@@ -20,7 +20,7 @@ export declare const CountBadge: import("@emotion/styled").StyledComponent<impor
 }, {}, {}>;
 export declare const StyledStatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
-    icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "view" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
+    icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../../..").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

package/build/components/TableHeader_V2/components/TableView/TableView.js

@@ -1,14 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useState } from 'react';
-import { Box, ClickAwayListener } from '@mui/material';
+import { ClickAwayListener } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import Tooltip from '../../../Tooltip';
 import { closeXIcon, viewIcon } from '../../../../constants/index.js';
+import { StyledButton } from '../../../Button';
+import Icon from '../../../Icon';
 import CustomViews from './CustomViews';
 import DefaultViews from './DefaultViews';
 import { ButtonStyled, ViewWrapper } from './style';
-import { StyledButton } from '../../../Button';
-import Icon from '../../../Icon';
 function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }) {
     const [anchorViewEl, setAnchorViewEl] = useState(null);
     const [defaultViewEl, setDefaultViewElement] = useState(null);
@@ -37,7 +36,7 @@ function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews,
         closeViewDropdown();
     };
     if (!anchorViewEl) {
-        return (_jsx(Tooltip, Object.assign({ title: t('tableView'), "data-testid": "TableView_no_anchorViewEl" }, { children: _jsx(Box, { children: _jsx(StyledButton, Object.assign({ onClick: onViewButtonClick, "data-testid": "TableView_no_anchorViewEl_button" }, { children: _jsx(Icon, { src: viewIcon, alt: "view-icon", sx: { width: 14, height: 14 } }) })) }) })));
+        return (_jsx(StyledButton, Object.assign({ title: t('tableView'), onClick: onViewButtonClick, "data-testid": "TableView_no_anchorViewEl_button" }, { children: _jsx(Icon, { src: viewIcon, alt: "view-icon", sx: { width: 14, height: 14 } }) })));
     }
     return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === 'custom' && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
                         setCustomViewElement(customViewEl ? null : e.currentTarget);

package/build/components/index.d.ts

@@ -21,7 +21,6 @@ export { default as StatusChip } from './StatusChip';
 export { default as SimpleDialog, type SimpleDialogProps } from './SimpleDialog';
 export { default as SearchButton } from './SearchButton';
 export { default as Loaders } from './Loaders';
-export { default as ExportButton } from './ExportButton';
 export { default as DropdownMenu, type IProps, type MenuItemI, StyledIconForDropDown, StyledMenuTitle, StyledOption, StyledSelect, StyledSelectComponent, } from './DropdownMenu';
 export { default as DockButton, type DockButtonProps, type DockButtonWrapperProps } from './DockButton';
 export { default as DateButton } from './DateButton';

package/build/components/index.js

@@ -21,7 +21,6 @@ export { default as StatusChip } from './StatusChip';
 export { default as SimpleDialog } from './SimpleDialog';
 export { default as SearchButton } from './SearchButton';
 export { default as Loaders } from './Loaders';
-export { default as ExportButton } from './ExportButton';
 export { default as DropdownMenu, StyledIconForDropDown, StyledMenuTitle, StyledOption, StyledSelect, StyledSelectComponent, } from './DropdownMenu';
 export { default as DockButton } from './DockButton';
 export { default as DateButton } from './DateButton';

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

package/build/components/ExportButton/ExportButton.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { StatusButtonProps } from '../StatusButton/type';
-declare function SearchButton(props: Omit<StatusButtonProps, 'variant'>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof SearchButton>;
-export default _default;

package/build/components/ExportButton/ExportButton.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { styled } from '@mui/material';
-import StatusButton from '../StatusButton';
-const StyledExportButton = styled(StatusButton)(() => ({
-    minWidth: 'auto',
-    borderRadius: '4px',
-    paddingInline: '8px',
-}));
-function SearchButton(props) {
-    return _jsx(StyledExportButton, Object.assign({}, props, { type: "button", variant: "inActive" }));
-}
-export default memo(SearchButton);

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

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

package/build/components/ExportButton/index.js

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