@tap-payments/os-micro-frontend-shared 0.1.448 → 0.1.449

package/build/components/ToolbarIcon/ExpandButton/style.js

@@ -1,31 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import Typography from '@mui/material/Typography';
-import { HeaderIcon } from '../style';
-export const RequestIcon = styled(HeaderIcon, { shouldForwardProp: (props) => props !== 'isHovered' })(({ theme, isHovered }) => (Object.assign({ '&.header-icon:hover': {
-        backgroundColor: theme.palette.success.main,
-    } }, (isHovered && {
-    backgroundColor: `${theme.palette.success.main} !important`,
-}))));
-export const ExpandWrapper = styled(Box)(({ theme }) => ({
-    alignItems: 'center',
-    justifyContent: 'center',
-    display: 'flex',
-    height: 12,
-    gap: '5px',
-    marginInlineStart: '10px',
-    '&:hover': {
-        '& .request-text': {
-            opacity: 1,
-        },
-        '& .header-icon': {
-            backgroundColor: `${theme.palette.success.main} !important`,
-        },
-    },
-    cursor: 'pointer',
-}));
-export const ExpandText = styled(Typography, { shouldForwardProp: (props) => props !== 'isHovered' })(({ theme, isHovered }) => ({
-    fontSize: '10px',
-    color: theme.palette.success.main,
-    opacity: isHovered ? 1 : 0,
-}));

package/build/components/ToolbarIcon/MaximizeIcon/MaximizeIcon.js

@@ -1,18 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { deMaximizeIcon, maximizeIcon } from '../../../constants/index.js';
-import { Icon } from './style';
-export function MaximizeIcon(_a) {
-    var { isMaximized } = _a, props = __rest(_a, ["isMaximized"]);
-    return (_jsx(Icon, Object.assign({}, props, { className: "header-icon" }, { children: _jsx("img", { src: isMaximized ? deMaximizeIcon : maximizeIcon, alt: "maximize" }) })));
-}

package/build/components/ToolbarIcon/MaximizeIcon/index.js

@@ -1 +0,0 @@
-export * from './MaximizeIcon';

package/build/components/ToolbarIcon/MaximizeIcon/style.js

@@ -1,7 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { HeaderIcon } from '../style';
-export const Icon = styled(HeaderIcon)(({ theme }) => ({
-    '&.header-icon:hover': {
-        backgroundColor: theme.palette.info.dark,
-    },
-}));

package/build/components/ToolbarIcon/MinimizeIcon/MinimizeIcon.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { minimizeIcon } from '../../../constants/index.js';
-import { Icon } from './style';
-export function MinimizeIcon(props) {
-    return (_jsx(Icon, Object.assign({}, props, { className: "header-icon" }, { children: _jsx("img", { src: minimizeIcon, alt: "minimize" }) })));
-}

package/build/components/ToolbarIcon/MinimizeIcon/index.js

@@ -1 +0,0 @@
-export * from './MinimizeIcon';

package/build/components/ToolbarIcon/MinimizeIcon/style.js

@@ -1,7 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { HeaderIcon } from '../style';
-export const Icon = styled(HeaderIcon)(({ theme }) => ({
-    '&.header-icon:hover': {
-        backgroundColor: theme.palette.warning.main,
-    },
-}));

package/build/components/ToolbarIcon/style.js

@@ -1,20 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const HeaderIcon = styled(Box)(({ theme }) => ({
-    width: 12,
-    height: 12,
-    borderRadius: '50%',
-    cursor: 'pointer',
-    backgroundColor: `${theme.palette.grey[200]}14`,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    transition: 'all 0.2s ease-in-out',
-    img: {
-        opacity: '0',
-        transition: 'all 0.2s ease-in-out',
-    },
-    '&:active': {
-        backgroundColor: `${theme.palette.grey[200]} !important`,
-    },
-}));

package/build/components/Tooltip/Tooltip.js

@@ -1,21 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useId } from 'react';
-import Box from '@mui/material/Box';
-import { StyledTooltip } from './styles';
-function Tooltip(_a) {
-    var { className, title, placement = 'top', children, wrapperProps } = _a, rest = __rest(_a, ["className", "title", "placement", "children", "wrapperProps"]);
-    const id = useId();
-    return (_jsx(StyledTooltip, Object.assign({ classes: { popper: className }, title: title, placement: placement, arrow: true }, rest, { children: _jsx(Box, Object.assign({ display: "flex", alignItems: "center" }, wrapperProps, { children: children }), `tooltip-child-${id}`) })));
-}
-export default Tooltip;

package/build/components/Tooltip/index.js

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

package/build/components/Tooltip/styles.js

@@ -1,34 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import TooltipComponent, { tooltipClasses } from '@mui/material/Tooltip';
-export const StyledTooltip = styled((_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return _jsx(TooltipComponent, Object.assign({}, props, { classes: { popper: className } }));
-})(({ theme }) => ({
-    zIndex: 999999,
-    [`& .${tooltipClasses.arrow}`]: {
-        '&:before': {
-            border: `0.97px solid rgba(60, 55, 55, 0.13)`,
-        },
-        color: theme.palette.common.white,
-    },
-    [`& .${tooltipClasses.tooltip}`]: {
-        backgroundColor: theme.palette.common.white,
-        color: theme.palette.text.secondary,
-        boxShadow: theme.shadows[1],
-        fontSize: 12,
-        border: `0.97px solid rgba(60, 55, 55, 0.13)`,
-        marginBottom: '7px !important',
-    },
-}));

package/build/components/TooltipChip/TooltipChip.js

@@ -1,20 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '../Tooltip';
-import { StyledChip } from './style';
-const TooltipChip = ({ title, slotProps = {}, children }) => {
-    const { chip = {}, tooltip = {} } = slotProps;
-    const { sx: chipSx } = chip, chipProps = __rest(chip, ["sx"]);
-    return (_jsx(Tooltip, Object.assign({}, tooltip, { title: title }, { children: _jsx(StyledChip, Object.assign({}, chipProps, { sx: Object.assign({ height: 24, display: 'inline-flex', color: 'text.primary' }, chipSx) }, { children: children })) })));
-};
-export default TooltipChip;

package/build/components/TooltipChip/style.js

@@ -1,7 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { Chip } from '../Chip';
-export const StyledChip = styled(Chip)(({ theme }) => ({
-    color: theme.palette.text.primary,
-    '&.CustomVariant_text': { height: 24 },
-    display: 'inline-flex',
-}));

package/build/components/TreeDropdown/TreeDropdown.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { SelectedState } from './type';
-import TreeNodeList from './TreeNodeList/TreeNodeList';
-import { initializeTreeMapper, promoteSingleChild, TreeManager, updateSelection } from './utils';
-import TreeDropdownProvider from './context/TreeDropdownProvider';
-const TreeDropdown = forwardRef((props, ref) => {
-    const { anchorEl, placement = 'bottom-start', treeDefinition, sx, onChange, multiple = true, exposeOnlySelectedTree = false, IconComponent, onMounted, } = props;
-    const { header, footer, children: menuItems = [], searchProps, levelKey } = treeDefinition;
-    const [treeMapper, setTreeMapper] = useState({});
-    const onMountedRef = useRef(onMounted);
-    onMountedRef.current = onMounted;
-    const formattedMenuItems = useMemo(() => promoteSingleChild(menuItems || []), [menuItems]);
-    const getFullTree = useCallback(() => TreeManager.denormalizeTree(menuItems, treeMapper), [menuItems, treeMapper]);
-    const getSelectedTree = useCallback(() => TreeManager.extractSelectedBranches(getFullTree()), [getFullTree]);
-    const handleSelect = useCallback((isChecked, targetNode) => {
-        const nextInternal = updateSelection(treeMapper, targetNode.id, isChecked, multiple);
-        setTreeMapper(nextInternal);
-        if (onChange) {
-            if (exposeOnlySelectedTree) {
-                onChange(TreeManager.extractSelectedBranches(TreeManager.denormalizeTree(menuItems, nextInternal)));
-            }
-            else {
-                onChange(TreeManager.denormalizeTree(menuItems, nextInternal));
-            }
-        }
-    }, [onChange, menuItems, treeMapper, multiple, exposeOnlySelectedTree]);
-    const toggleAll = useCallback((selected) => {
-        const setStatus = (tree, isChecked) => {
-            const next = Object.assign({}, tree);
-            Object.keys(next).forEach((nodeId) => {
-                next[nodeId] = Object.assign(Object.assign({}, next[nodeId]), { status: isChecked ? SelectedState.CHECKED : SelectedState.UNCHECKED });
-            });
-            return next;
-        };
-        const nextInternal = setStatus(treeMapper, selected);
-        setTreeMapper(nextInternal);
-        if (onChange) {
-            if (exposeOnlySelectedTree) {
-                onChange(TreeManager.extractSelectedBranches(TreeManager.denormalizeTree(menuItems, nextInternal)));
-            }
-            else {
-                onChange(TreeManager.denormalizeTree(menuItems, nextInternal));
-            }
-        }
-    }, [treeMapper, onChange, menuItems, exposeOnlySelectedTree]);
-    useEffect(() => {
-        var _a;
-        const intitialMapper = initializeTreeMapper(menuItems || [], multiple);
-        setTreeMapper(intitialMapper);
-        const tree = TreeManager.denormalizeTree(menuItems, intitialMapper);
-        const selectedTree = TreeManager.extractSelectedBranches(tree);
-        (_a = onMountedRef.current) === null || _a === void 0 ? void 0 : _a.call(onMountedRef, {
-            state: intitialMapper,
-            tree,
-            selectedTree,
-        });
-    }, [menuItems, multiple]);
-    useImperativeHandle(ref, () => ({
-        treeMapper,
-        getFullTree,
-        getSelectedTree,
-        toggleAll,
-    }), [treeMapper, getFullTree, getSelectedTree, toggleAll]);
-    return (_jsx(TreeDropdownProvider, Object.assign({ treeMapper: treeMapper, IconComponent: IconComponent, handleSelect: handleSelect, multiple: multiple }, { children: _jsx(TreeNodeList, { anchorEl: anchorEl, sx: sx, header: header, footer: footer, menuItems: formattedMenuItems, levelKey: levelKey, searchProps: searchProps, placement: placement }) })));
-});
-export default TreeDropdown;

package/build/components/TreeDropdown/TreeNodeItem/SelectionControl.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import useTreeDropdown from '../hooks/useTreeDropdown';
-import { StyledCheckbox as Checkbox, StyledRadioButton as RadioButton } from './style';
-import { useCallback } from 'react';
-const SelectionControl = (props) => {
-    const { checked, indeterminate, onSelect } = props;
-    const { multiple } = useTreeDropdown();
-    const handleSelect = useCallback((e) => {
-        e.stopPropagation();
-        onSelect(e);
-    }, [onSelect]);
-    if (multiple) {
-        return _jsx(Checkbox, { size: "small", checked: checked, indeterminate: indeterminate, onChange: handleSelect });
-    }
-    return _jsx(RadioButton, { size: "small", checked: checked, onChange: handleSelect });
-};
-export default SelectionControl;

package/build/components/TreeDropdown/TreeNodeItem/TreeNodeItem.js

@@ -1,64 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { Stack } from '@mui/material';
-import { blackRightArrowIcon } from '../../../constants/index.js';
-import { StyledMenuItem as Root } from '../style';
-import { SelectedState } from '../type';
-import TreeNodeList from '../TreeNodeList/TreeNodeList';
-import useTreeDropdown from '../hooks/useTreeDropdown';
-import SelectionControl from './SelectionControl';
-import { ArrowIcon, ChildrenCount, Content, HintText, Label } from './style';
-const TreeNodeItem = (props) => {
-    var _a, _b;
-    const { renderItem, header, footer } = props, nodeProps = __rest(props, ["renderItem", "header", "footer"]);
-    const { treeMapper, handleSelect, multiple, IconComponent } = useTreeDropdown();
-    const { label, icon, iconComponent, levelIndex = 0, children, nestedMenuSx, hintText, disableHovering, itemProps, searchProps, subLevelKey, } = nodeProps;
-    const [anchorEl, setAnchorEl] = useState(null);
-    const hasChildren = !!children;
-    const childrenCount = children === null || children === void 0 ? void 0 : children.length;
-    const handleMouseEnter = useCallback((event) => {
-        if (disableHovering)
-            return;
-        setAnchorEl(event.currentTarget);
-    }, [disableHovering]);
-    const handleMouseLeave = useCallback(() => {
-        if (disableHovering)
-            return;
-        setAnchorEl(null);
-    }, [disableHovering]);
-    useEffect(() => {
-        if (disableHovering) {
-            setAnchorEl(null);
-        }
-    }, [disableHovering]);
-    const renderedIcon = useMemo(() => {
-        var _a, _b;
-        if (iconComponent)
-            return iconComponent;
-        if (!icon)
-            return null;
-        return IconComponent ? _jsx(IconComponent, { fileId: icon.fileId, width: (_a = icon.width) !== null && _a !== void 0 ? _a : 20, height: (_b = icon.height) !== null && _b !== void 0 ? _b : 20 }) : null;
-    }, [iconComponent, icon, IconComponent]);
-    const checked = ((_a = treeMapper[nodeProps.id]) === null || _a === void 0 ? void 0 : _a.status) === SelectedState.CHECKED;
-    const indeterminate = multiple ? ((_b = treeMapper[nodeProps.id]) === null || _b === void 0 ? void 0 : _b.status) === SelectedState.INDETERMINATE : false;
-    const showSelectionControl = multiple || !hasChildren;
-    const handleSelectInternal = useCallback((e) => {
-        e.stopPropagation();
-        handleSelect(e.target.checked, nodeProps);
-    }, [handleSelect, nodeProps]);
-    return (_jsxs(Root, Object.assign({ hideCheckbox: true, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "data-testid": nodeProps.id, onClick: () => {
-            handleSelect(!checked, nodeProps);
-        } }, itemProps, { children: [renderItem ? (renderItem({ nodeProps, checked, indeterminate, onSelect: handleSelectInternal })) : (_jsxs(Content, Object.assign({ width: "100%", "data-testid": "Content" }, { children: [showSelectionControl && _jsx(SelectionControl, { checked: checked, indeterminate: indeterminate, onSelect: handleSelectInternal }), renderedIcon, _jsxs(Stack, Object.assign({ flex: 1, width: "100%", minWidth: 0 }, { children: [_jsx(Label, Object.assign({ title: typeof label === 'string' ? label : undefined }, { children: label })), hintText && _jsx(HintText, Object.assign({ title: typeof hintText === 'string' ? hintText : undefined }, { children: hintText }))] })), _jsxs(Stack, Object.assign({ direction: "row", alignItems: "center", spacing: 0.5 }, { children: [childrenCount && _jsx(ChildrenCount, Object.assign({ isOneDigit: Math.floor(childrenCount / 10) === 0 }, { children: childrenCount })), hasChildren && _jsx(ArrowIcon, { src: blackRightArrowIcon, alt: "Expand" })] }))] }))), !!children && (_jsx(TreeNodeList, { anchorEl: anchorEl, menuItems: children, levelIndex: levelIndex + 1, sx: nestedMenuSx, header: header, levelKey: subLevelKey, footer: footer, searchProps: searchProps }))] })));
-};
-export default TreeNodeItem;

package/build/components/TreeDropdown/TreeNodeItem/index.js

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

package/build/components/TreeDropdown/TreeNodeItem/style.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { alpha, styled } from '@mui/material/styles';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import { Checkbox, RadioButton } from '../../index.js';
-export const StyledCheckbox = styled(Checkbox)(({ theme }) => ({
-    padding: 0,
-    paddingRight: '4px',
-    width: '14px !important',
-    svg: {
-        width: '12px !important',
-        height: '12px !important',
-    },
-    '&.Mui-disabled': {
-        '[data-testid="IndeterminateCheckBoxIcon"]': {
-            fill: alpha(theme.palette.common.black, 0.26),
-        },
-    },
-}));
-export const StyledRadioButton = styled(RadioButton)({
-    padding: 0,
-});
-export const Content = styled(Box)(() => ({
-    display: 'flex',
-    gap: '8px',
-    justifyContent: 'space-between',
-    flexGrow: 1,
-    width: '100%',
-    alignItems: 'center',
-    minWidth: 0,
-}));
-export const Label = styled((props) => _jsx(Typography, Object.assign({ noWrap: true, component: "span" }, props)))(({ theme }) => ({
-    flex: 1,
-    fontSize: 'inherit',
-    width: '100%',
-    display: 'inline-block',
-    color: theme.palette.text.primary,
-}));
-export const HintText = styled((props) => _jsx(Typography, Object.assign({ noWrap: true }, props)))(({ theme }) => ({
-    color: alpha(theme.palette.text.primary, 0.5),
-    fontSize: 8,
-}));
-export const ChildrenCount = styled(Box, { shouldForwardProp: (prop) => prop !== 'isOneDigit' })(({ theme, isOneDigit = true }) => (Object.assign({ borderRadius: isOneDigit ? '50%' : '4px', background: theme.palette.divider, width: isOneDigit ? 13 : 'auto', height: 14, fontSize: '8px', fontWeight: 700, display: 'flex', alignItems: 'center', justifyContent: 'center', lineHeight: '10px' }, (!isOneDigit && { padding: '0 3px' }))));
-export const ArrowIcon = styled('img')(() => ({
-    height: 12,
-}));

package/build/components/TreeDropdown/TreeNodeList/List.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useScrolledTo } from '../../../hooks/index.js';
-import { useCallback, useMemo, useRef } from 'react';
-import { ListOuterContainer, ListInnerContainer } from './style';
-const List = ({ children, onScroll }) => {
-    const containerRef = useRef(null);
-    const { scrolledToBottom, scrolledToTop, scrollable, handleScroll: handleScrolling } = useScrolledTo({ containerRef });
-    const classes = useMemo(() => {
-        return [scrolledToBottom && 'scrolled-to-bottom', scrolledToTop && 'scrolled-to-top', scrollable && 'scrollable'].filter(Boolean).join(' ');
-    }, [scrolledToBottom, scrolledToTop, scrollable]);
-    const handleScroll = useCallback((e) => {
-        onScroll(e);
-        handleScrolling(e);
-    }, [onScroll, handleScrolling]);
-    return (_jsx(ListOuterContainer, Object.assign({ sx: { position: 'relative' }, className: classes }, { children: _jsx(ListInnerContainer, Object.assign({ ref: containerRef, onScroll: handleScroll }, { children: children })) })));
-};
-export default List;

package/build/components/TreeDropdown/TreeNodeList/TreeNodeList.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import Divider from '@mui/material/Divider';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import { alpha } from '@mui/material/styles';
-import { grayCloseIcon, searchIcon } from '../../../constants/index.js';
-import { Section } from '../style';
-import TreeNodeItem from '../TreeNodeItem';
-import List from './List';
-import { Root, SearchInput } from './style';
-import useSearch from '../hooks/useSearch';
-const TreeNodeList = (props) => {
-    var _a, _b;
-    const { anchorEl, sx, levelIndex = 0, placement, menuItems, header, footer, levelKey, searchProps } = props;
-    const [isScrolling, setIsScrolling] = useState(false);
-    const open = !!anchorEl;
-    const searchEnabled = !!searchProps;
-    const { searchText, filteredItems, handleSearch, handleReset } = useSearch(Object.assign(Object.assign({}, searchProps), { enabled: searchEnabled, items: menuItems }));
-    const timeout = useRef();
-    const handleScroll = useCallback(() => {
-        setIsScrolling(true);
-        clearTimeout(timeout.current);
-        timeout.current = setTimeout(() => {
-            setIsScrolling(false);
-        }, 100);
-    }, []);
-    useEffect(() => () => clearTimeout(timeout.current), []);
-    return (_jsx(Root, Object.assign({ open: open, anchorEl: anchorEl, placement: levelIndex > 0 ? 'right-start' : placement, "data-level": levelIndex, "data-level-key": levelKey, onClick: (e) => e.stopPropagation(), sx: Object.assign(Object.assign({}, sx), { '&.MuiPopper-dropdown': {
-                '&:after': {
-                    display: 'none',
-                },
-            } }) }, { children: _jsxs(Stack, Object.assign({ divider: _jsx(Divider, { flexItem: true }) }, { children: [header && _jsx(Section, { children: header }), searchEnabled && (_jsxs(Stack, Object.assign({ divider: _jsx(Divider, { flexItem: true, sx: { my: 1 } }) }, { children: [_jsx(Box, Object.assign({ sx: { p: 1 } }, { children: _jsx(SearchInput, Object.assign({}, searchProps === null || searchProps === void 0 ? void 0 : searchProps.inputProps, { placeholder: (_b = (_a = searchProps === null || searchProps === void 0 ? void 0 : searchProps.inputProps) === null || _a === void 0 ? void 0 : _a.placeholder) !== null && _b !== void 0 ? _b : 'Search...', onChange: handleSearch, value: searchText, inputProps: { autoComplete: 'off' }, endAdornment: _jsx(Box, Object.assign({ component: "img", "data-icon": searchText ? 'close' : 'search', src: searchText ? grayCloseIcon : searchIcon, alt: "search", className: "icon" }, (searchText && { sx: { cursor: 'pointer' } }), { onClick: handleReset })) })) })), filteredItems.length === 0 && (searchProps === null || searchProps === void 0 ? void 0 : searchProps.noResultsText) && (_jsx(Typography, Object.assign({ component: "div", fontSize: 10, color: (theme) => alpha(theme.palette.text.primary, 0.4), textAlign: "center", minHeight: 36, fontWeight: 500, display: "flex", alignItems: "center", justifyContent: "center" }, { children: _jsx("span", { children: "No results found" }) })))] }))), _jsx(List, Object.assign({ onScroll: handleScroll }, { children: filteredItems.map((item, index) => (_jsx(TreeNodeItem, Object.assign({ disableHovering: isScrolling }, item, { levelIndex: levelIndex, subLevelKey: item.levelKey, nestedMenuSx: sx }), `${levelIndex}-${item.id}-${index}`))) })), footer && _jsx(Section, { children: footer })] })) })));
-};
-export default TreeNodeList;

package/build/components/TreeDropdown/TreeNodeList/index.js

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

package/build/components/TreeDropdown/TreeNodeList/style.js

@@ -1,60 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { Input, Menu } from '../../index.js';
-export const Root = styled(Menu)({
-    maxHeight: '100%',
-});
-export const ListOuterContainer = styled('div')({
-    position: 'relative',
-    '&:before, &:after': {
-        display: 'none',
-    },
-    '&.scrollable': {
-        position: 'relative',
-        '&::before, &::after': {
-            display: 'block',
-            content: '""',
-            position: 'absolute',
-            left: 0,
-            width: '100%',
-            height: '20px',
-            opacity: 1,
-            pointerEvents: 'none',
-            zIndex: 2,
-            transition: 'opacity 0.3s ease-out',
-        },
-        '&::before': {
-            top: 0,
-            background: 'linear-gradient(to top, transparent, rgba(255, 255, 255, 1))',
-        },
-        '&::after': {
-            bottom: 0,
-            background: 'linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1))',
-        },
-    },
-    '&.scrolled-to-top': {
-        '&::before': {
-            opacity: 0,
-        },
-    },
-    '&.scrolled-to-bottom': {
-        '&::after': {
-            opacity: 0,
-        },
-    },
-});
-export const ListInnerContainer = styled('ul')({
-    listStyle: 'none',
-    padding: 0,
-    margin: 0,
-    maxHeight: 300,
-    overflow: 'auto',
-});
-export const SearchInput = styled(Input)(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    '& .MuiInputBase-input': {
-        color: '#000000',
-    },
-    '.icon': {
-        width: 14,
-    },
-}));

package/build/components/TreeDropdown/context/TreeDropdownProvider.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, createContext } from 'react';
-// eslint-disable-next-line react-refresh/only-export-components
-export const TreeDropdownContext = createContext({
-    treeMapper: {},
-    handleSelect: () => { },
-    multiple: false,
-});
-const TreeDropdownProvider = ({ children, treeMapper, handleSelect, multiple, IconComponent }) => {
-    const ctxValues = useMemo(() => ({ treeMapper, handleSelect, multiple, IconComponent }), [treeMapper, handleSelect, multiple, IconComponent]);
-    return _jsx(TreeDropdownContext.Provider, Object.assign({ value: ctxValues }, { children: children }));
-};
-export default TreeDropdownProvider;

package/build/components/TreeDropdown/hooks/useSearch.js

@@ -1,38 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import debounce from 'lodash/debounce';
-const useSearch = (props) => {
-    const { initialValue = '', getValues, onChange, items, enabled = false, debounceMs = 300 } = props;
-    const [searchText, setSearchText] = useState(initialValue);
-    const [debouncedText, setDebouncedText] = useState(initialValue);
-    const debouncedUpdate = useMemo(() => debounce((value) => {
-        setDebouncedText(value);
-    }, debounceMs), [debounceMs]);
-    useEffect(() => {
-        debouncedUpdate(searchText);
-        return () => debouncedUpdate.cancel();
-    }, [debouncedUpdate, searchText]);
-    const handleSearch = useCallback((e) => {
-        const value = e.target.value;
-        setSearchText(value);
-        debouncedUpdate(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [onChange, debouncedUpdate]);
-    const handleReset = useCallback(() => {
-        setSearchText('');
-        setDebouncedText('');
-        debouncedUpdate.cancel();
-        onChange === null || onChange === void 0 ? void 0 : onChange({ target: { value: '' } });
-    }, [onChange, debouncedUpdate]);
-    const filteredItems = useMemo(() => {
-        if (!enabled || !debouncedText.trim())
-            return items;
-        if (!getValues) {
-            console.error('`searchProps.getValues` is required for searching, provide it on the tree node level or the global search props');
-            return items;
-        }
-        const matchedText = debouncedText.toLowerCase();
-        return items.filter((item) => getValues(item).some((value) => value.toLowerCase().includes(matchedText)));
-    }, [items, debouncedText, getValues, enabled]);
-    return { searchText, filteredItems, handleSearch, handleReset };
-};
-export default useSearch;

package/build/components/TreeDropdown/hooks/useTreeDropdown.js

@@ -1,10 +0,0 @@
-import { useContext } from 'react';
-import { TreeDropdownContext } from '../context/TreeDropdownProvider';
-const useTreeDropdown = () => {
-    const context = useContext(TreeDropdownContext);
-    if (!context) {
-        throw new Error(`'useTreeDropdown' must be used within an 'TreeDropdownProvider'`);
-    }
-    return context;
-};
-export default useTreeDropdown;

package/build/components/TreeDropdown/style.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { MenuItem } from '../index.js';
-export const CollapseIcon = styled('img', { shouldForwardProp: (props) => props !== 'expanded' })(({ theme, expanded }) => ({
-    transform: !expanded ? 'rotate(0deg)' : 'rotate(180deg)',
-    marginLeft: 'auto',
-    transition: theme.transitions.create('transform', {
-        duration: theme.transitions.duration.shortest,
-    }),
-}));
-export const LoadingRow = styled(Box)(() => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingBlock: '4px',
-    borderTop: '1px solid #F2F2F2',
-}));
-export const StyledMenuItem = styled(MenuItem)({
-    minWidth: 120,
-    minHeight: 36,
-    maxHeight: 36,
-    paddingTop: 0,
-    paddingBottom: 0,
-    backgroundColor: '#fff',
-    '--menuitem-border-rad': '4px',
-    '&:hover': {
-        boxShadow: '0px 0px 16px rgba(0, 0, 0, 0.13)',
-        zIndex: 1,
-    },
-});
-export const Section = styled((props) => _jsx(StyledMenuItem, Object.assign({ hideCheckbox: true }, props)))(({ theme }) => ({
-    fontSize: 11,
-    fontWeight: 500,
-    color: theme.palette.grey['700'],
-    minHeight: 36,
-    maxHeight: 'auto',
-    cursor: 'auto',
-    ':hover': {
-        boxShadow: 'none',
-        zIndex: 1,
-    },
-}));

package/build/components/TreeDropdown/type.js

@@ -1,6 +0,0 @@
-export var SelectedState;
-(function (SelectedState) {
-    SelectedState["CHECKED"] = "CHECKED";
-    SelectedState["UNCHECKED"] = "UNCHECKED";
-    SelectedState["INDETERMINATE"] = "INDETERMINATE";
-})(SelectedState || (SelectedState = {}));