@tap-payments/os-micro-frontend-shared 0.1.268 → 0.1.269

package/build/components/ViewColumnRadioFilter/ViewColumnRadioFilter.d.ts

@@ -0,0 +1,2 @@
+import { ViewColumnFilterProps } from './type';
+export default function ViewColumnRadioFilter({ menuLabel, options, selectedValue, onValueChange }: Readonly<ViewColumnFilterProps>): import("react/jsx-runtime").JSX.Element;

package/build/components/ViewColumnRadioFilter/ViewColumnRadioFilter.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { rightArrow } from '../../constants/index.js';
+import { RadioGroup } from '../index.js';
+import { SubMenu, FilterMenuItem } from './style';
+export default function ViewColumnRadioFilter({ menuLabel, options, selectedValue, onValueChange }) {
+    const [submenuAnchorEl, setSubmenuAnchorEl] = useState(null);
+    const [localSelectedValue, setLocalSelectedValue] = useState(selectedValue);
+    const menuItemRef = useRef(null);
+    useEffect(() => {
+        setLocalSelectedValue(selectedValue);
+    }, [selectedValue]);
+    const onOpen = (event) => {
+        setSubmenuAnchorEl(event.currentTarget);
+    };
+    const onClose = () => {
+        setSubmenuAnchorEl(null);
+    };
+    const onClick = (event) => {
+        event.stopPropagation();
+        setSubmenuAnchorEl(event.currentTarget);
+    };
+    const handleRadioChange = (value) => {
+        setLocalSelectedValue(value);
+        onValueChange(value);
+    };
+    return (_jsxs(FilterMenuItem, Object.assign({ ref: menuItemRef, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, hideCheckbox: true }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: menuLabel })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(SubMenu, Object.assign({ open: Boolean(submenuAnchorEl), anchorEl: submenuAnchorEl, placement: "right-start" }, { children: _jsx(RadioGroup, { options: options, value: localSelectedValue || '', onOptionChange: handleRadioChange, defaultValue: options[0].value }) }))] })));
+}

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

@@ -0,0 +1 @@
+export { default as ViewColumnRadioFilter } from './ViewColumnRadioFilter';

package/build/components/ViewColumnRadioFilter/index.js

@@ -0,0 +1 @@
+export { default as ViewColumnRadioFilter } from './ViewColumnRadioFilter';

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SubMenu: import("@emotion/styled").StyledComponent<Omit<import("../Menu/Menu").MenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const FilterMenuItem: import("@emotion/styled").StyledComponent<import("../MenuItem/MenuItem").MenuItemProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/ViewColumnRadioFilter/style.js

@@ -0,0 +1,20 @@
+import { styled } from '@mui/material/styles';
+import { MenuItem, Menu } from '../index.js';
+export const SubMenu = styled(Menu)(() => ({
+    marginTop: '-1px',
+    '&:hover': {
+        boxShadow: '0px 0px 16px 0px #00000021',
+    },
+}));
+export const FilterMenuItem = styled(MenuItem)(({ theme }) => ({
+    height: 40,
+    flex: 'unset',
+    paddingTop: 0,
+    paddingBottom: 0,
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    paddingLeft: '16px',
+    maxHeight: '35px',
+    '.label': {
+        flexGrow: 1,
+    },
+}));

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

@@ -0,0 +1,9 @@
+export interface ViewColumnFilterProps {
+    menuLabel: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    selectedValue?: string;
+    onValueChange: (value: string) => void;
+}

package/build/components/ViewColumnRadioFilter/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/index.d.ts

@@ -137,3 +137,4 @@ export * from './FilePreview';
 export * from './FileInputPreview';
 export * from './ReceiptsViewer';
 export * from './MerchantsDropdown';
+export * from './ViewColumnRadioFilter';

package/build/components/index.js

@@ -137,3 +137,4 @@ export * from './FilePreview';
 export * from './FileInputPreview';
 export * from './ReceiptsViewer';
 export * from './MerchantsDropdown';
+export * from './ViewColumnRadioFilter';

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