@tap-payments/os-micro-frontend-shared 0.0.228-test.19-test.20 → 0.0.228-test.20

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

@@ -21,7 +21,7 @@ export declare const StatusIcon: import("@emotion/styled").StyledComponent<impor
     variant: DropdownButtonVariants;
 }, 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 & React.RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ChevronContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ButtonContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

package/build/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IProps } from './type';
-declare const Dropdown: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<HTMLDivElement>>;
+declare function Dropdown({ open, menuItems, anchorEl, onClose, footer, selected, multiple, allowShadows, ...props }: IProps): import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/build/components/DropdownMenu/DropdownMenu.js

@@ -12,11 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider, Box, useTheme } from '@mui/material';
 import { StyledListItemText, StyledMenu, StyledListItemIcon, StyledMenuItem, CheckboxStyled } from './styles';
-import { forwardRef } from 'react';
-const Dropdown = forwardRef((_a, ref) => {
+function Dropdown(_a) {
     var { open, menuItems, anchorEl, onClose, footer, selected, multiple, allowShadows = true } = _a, props = __rest(_a, ["open", "menuItems", "anchorEl", "onClose", "footer", "selected", "multiple", "allowShadows"]);
     const theme = useTheme();
-    return (_jsxs(StyledMenu, Object.assign({ ref: ref, open: open, anchorEl: anchorEl, onClose: onClose, onContextMenu: (e) => {
+    return (_jsxs(StyledMenu, Object.assign({ open: open, anchorEl: anchorEl, onClose: onClose, onContextMenu: (e) => {
             e.preventDefault();
             onClose();
         } }, props, { className: "tap-dropdown", minWidth: (anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth) || 'auto' }, { children: [menuItems.map((item, idx) => {
@@ -40,5 +39,5 @@ const Dropdown = forwardRef((_a, ref) => {
                             boxShadow: allowShadows ? theme.shadows[10] : 'none',
                         })), item.sx) }, { children: [multiple && _jsx(CheckboxStyled, { size: "small", checked: item.selected }), item.icon && _jsx(StyledListItemIcon, { children: item.icon }), _jsx(StyledListItemText, { children: item.label }), _jsx(Box, Object.assign({ className: item.alwaysShowRightAction ? '' : 'menu-right-action' }, { children: item.rightAction && item.rightAction }))] }))) }, `${item.label}-${idx}`));
             }), footer] })));
-});
+}
 export default Dropdown;

package/build/components/DropdownMenu/styles.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import { MenuProps } from '@mui/material';
 export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
 }, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "selected" | "dense" | "disableGutters" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     alwaysShowRightAction?: boolean | undefined;
 }, {}, {}>;
-export declare const StyledMenu: import("@emotion/styled").StyledComponent<MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const StyledMenu: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     minWidth?: string | number | undefined;
 }, {}, {}>;
 export declare const StyledListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -1,5 +1,6 @@
 import React, { CSSProperties, ReactNode } from 'react';
 import { type SxProps, type Theme } from '@mui/material/styles';
+import { StyledMenu } from './styles';
 export interface MenuItemI {
     label?: string | null | ReactNode;
     name?: string;
@@ -12,7 +13,7 @@ export interface MenuItemI {
     alwaysShowRightAction?: boolean;
     sx?: SxProps<Theme>;
 }
-export interface IProps {
+export interface IProps extends React.ComponentProps<typeof StyledMenu> {
     open: boolean;
     onClose: () => void;
     menuItems: MenuItemI[];

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { TableHeaderStatus } from '../../types/index.js';
 import { AvailableStatus } from './type';
-interface StatusBarProps {
-    status?: TableHeaderStatus | TableHeaderStatus[];
-    availableStatuses?: AvailableStatus[];
+interface StatusBarProps<IStatus extends TableHeaderStatus | TableHeaderStatus[] = undefined> {
+    status?: IStatus;
+    availableStatuses?: AvailableStatus<IStatus>[];
     isFilteredIdsShown?: boolean;
-    onStatusChange?: (status: StatusBarProps['status']) => void;
+    onStatusChange?: (status: StatusBarProps<IStatus>['status']) => void;
 }
-declare function StatusBar({ isFilteredIdsShown, onStatusChange, availableStatuses, status, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+declare function StatusBar<IStatus extends TableHeaderStatus | TableHeaderStatus[] = undefined>({ isFilteredIdsShown, onStatusChange, availableStatuses, status, }: StatusBarProps<IStatus>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof StatusBar>;
 export default _default;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { StatusButtonProps } from '../StatusButton';
 import { TableHeaderStatus } from '../../types/index.js';
-export type AvailableStatus<T = undefined> = StatusButtonProps & {
-    status: T | TableHeaderStatus | (TableHeaderStatus | T)[];
-    render?: (status: AvailableStatus['status'], onChange: (selected: AvailableStatus['status']) => void) => React.ReactNode;
+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;
 };

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

@@ -23,7 +23,7 @@ export declare const StatusIcon: import("@emotion/styled").StyledComponent<impor
     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 & React.RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ChevronContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

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.228-test.19-test.20",
+  "version": "0.0.228-test.20",
   "testVersion": 20,
   "type": "module",
   "main": "build/index.js",