@tap-payments/os-micro-frontend-shared 0.1.440 → 0.1.441

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 = {}));

package/build/components/TreeDropdown/utils.js

@@ -1,161 +0,0 @@
-import memoizeOne from 'memoize-one';
-import { SelectedState } from './type';
-export function promoteSingleChild(items) {
-    function promote(item) {
-        var _a, _b, _c;
-        let children = item.children ? item.children.map(promote) : undefined;
-        // Promote children if exactly one child exists and it has children
-        if ((children === null || children === void 0 ? void 0 : children.length) === 1 && ((_a = children[0].children) === null || _a === void 0 ? void 0 : _a.length) && !children[0].disablePromotion) {
-            const onlyChild = children[0];
-            children = onlyChild.children;
-            item = Object.assign(Object.assign({}, item), { header: (_b = onlyChild.header) !== null && _b !== void 0 ? _b : item.header, footer: (_c = onlyChild.footer) !== null && _c !== void 0 ? _c : item.footer });
-        }
-        return Object.assign(Object.assign({}, item), { children });
-    }
-    return items.map(promote);
-}
-export const getAncestorIdsByNodeId = (nodeId, nodes, path = []) => {
-    for (const node of nodes) {
-        if (node.id === nodeId) {
-            return [...path, node];
-        }
-        if (node.children) {
-            const found = getAncestorIdsByNodeId(nodeId, node.children, [...path, node]);
-            if (found)
-                return found;
-        }
-    }
-    return null;
-};
-export function collectCheckedIds(nodes, multiple, acc = []) {
-    for (const node of nodes) {
-        if (node.status === SelectedState.CHECKED) {
-            acc.push(node.id);
-        }
-        if (node.children) {
-            collectCheckedIds(node.children, multiple, acc);
-        }
-    }
-    return acc;
-}
-export function normalizeStructure(nodes, parents = [], acc = {}, isParentSelected = false) {
-    var _a;
-    for (const node of nodes) {
-        const status = isParentSelected ? SelectedState.CHECKED : (_a = node.status) !== null && _a !== void 0 ? _a : SelectedState.UNCHECKED;
-        acc[node.id] = Object.assign({ status }, (parents.length ? { _parents: parents } : {}));
-        if (node.children) {
-            normalizeStructure(node.children, [...parents, node.id], acc, status === SelectedState.CHECKED);
-        }
-    }
-    return acc;
-}
-export function initializeTreeMapper(nodes, multiple) {
-    const base = normalizeStructure(nodes);
-    const checkedIds = collectCheckedIds(nodes, multiple);
-    let next = base;
-    for (const id of checkedIds) {
-        next = updateTreeSelection(next, id, true);
-    }
-    return next;
-}
-export function denormalizeTree(nodes, state) {
-    return nodes.map((node) => {
-        var _a, _b;
-        return (Object.assign(Object.assign({}, node), { status: (_b = (_a = state[node.id]) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : SelectedState.UNCHECKED, children: node.children ? denormalizeTree(node.children, state) : undefined }));
-    });
-}
-function buildChildrenMap(tree) {
-    var _a;
-    const map = {};
-    for (const key of Object.keys(tree)) {
-        const parents = tree[key]._parents;
-        if (!(parents === null || parents === void 0 ? void 0 : parents.length))
-            continue;
-        const parent = parents[parents.length - 1];
-        (_a = map[parent]) !== null && _a !== void 0 ? _a : (map[parent] = []);
-        map[parent].push(key);
-    }
-    return map;
-}
-export function updateTreeSelection(tree, targetNodeId, isChecked) {
-    const next = structuredClone(tree);
-    const childrenMap = buildChildrenMap(tree);
-    const targetStatus = isChecked ? SelectedState.CHECKED : SelectedState.UNCHECKED;
-    function updateDown(node) {
-        var _a;
-        next[node].status = targetStatus;
-        for (const child of (_a = childrenMap[node]) !== null && _a !== void 0 ? _a : []) {
-            updateDown(child);
-        }
-    }
-    function updateUp(node) {
-        var _a;
-        const parents = next[node]._parents;
-        if (!(parents === null || parents === void 0 ? void 0 : parents.length))
-            return;
-        const parent = parents[parents.length - 1];
-        const siblings = (_a = childrenMap[parent]) !== null && _a !== void 0 ? _a : [];
-        const statuses = siblings.map((id) => next[id].status);
-        if (statuses.every((s) => s === SelectedState.CHECKED)) {
-            next[parent].status = SelectedState.CHECKED;
-        }
-        else if (statuses.every((s) => s === SelectedState.UNCHECKED)) {
-            next[parent].status = SelectedState.UNCHECKED;
-        }
-        else {
-            next[parent].status = SelectedState.INDETERMINATE;
-        }
-        updateUp(parent);
-    }
-    updateDown(targetNodeId);
-    updateUp(targetNodeId);
-    return next;
-}
-export function extractSelectedBranches(nodes) {
-    function visit(node) {
-        var _a;
-        const children = (_a = node.children) === null || _a === void 0 ? void 0 : _a.map(visit).filter(Boolean);
-        const isSelected = node.status === SelectedState.CHECKED || node.status === SelectedState.INDETERMINATE;
-        if (isSelected || (children && children.length > 0)) {
-            return Object.assign(Object.assign({}, node), { children });
-        }
-        return null;
-    }
-    return nodes.map(visit).filter(Boolean);
-}
-export function resetTreeState(tree) {
-    const next = {};
-    for (const key in tree) {
-        next[key] = Object.assign({ status: SelectedState.UNCHECKED }, (tree[key]._parents ? { _parents: tree[key]._parents } : {}));
-    }
-    return next;
-}
-export function updateSelection(tree, targetNode, isChecked, multiple) {
-    if (multiple) {
-        return updateTreeSelection(tree, targetNode, isChecked);
-    }
-    // SINGLE SELECT
-    if (!isChecked) {
-        // unchecking in single mode clears everything
-        return resetTreeState(tree);
-    }
-    const cleared = resetTreeState(tree);
-    return updateTreeSelection(cleared, targetNode, true);
-}
-export function filterNodesByLevelKey(nodes, levelKey) {
-    const result = [];
-    function walk(node) {
-        var _a;
-        if (node.levelKey === levelKey) {
-            result.push(node);
-        }
-        (_a = node.children) === null || _a === void 0 ? void 0 : _a.forEach((child) => walk(child));
-    }
-    nodes.forEach(walk);
-    return result;
-}
-export const TreeManager = {
-    denormalizeTree: memoizeOne((tree, mapper) => denormalizeTree(tree, mapper)),
-    extractSelectedBranches: memoizeOne((nodes) => extractSelectedBranches(nodes)),
-    filterNodesByLevelKey: memoizeOne((nodes, levelKey) => filterNodesByLevelKey(nodes, levelKey)),
-};

package/build/components/VAT/TotalVAT/TotalVAT.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useRef, useState } from 'react';
-import Popper from '@mui/material/Popper';
-import Box from '@mui/material/Box';
-import { useTranslation } from 'react-i18next';
-import { CustomBackdrop, DisplayAmount } from '../../index.js';
-import { actionsIcon, activeActionIcon, taxIcon } from '../../../constants/index.js';
-import { Label, LabelWrapper } from './style';
-import { getVatValue } from '../utils';
-import VATDropdown from '../VATDropdown';
-function TotalVAT({ totalGrossAmount, totalVat, selectedCurrency, onChangeTotalVat, isDisabled }) {
-    var _a;
-    const [isOpen, setIsOpen] = useState(false);
-    const vatButtonRef = useRef();
-    const { t } = useTranslation();
-    const toggleDropdown = () => {
-        if (!isDisabled)
-            setIsOpen(!isOpen);
-    };
-    const modifyTotalVAT = (newVat) => {
-        onChangeTotalVat(Object.assign(Object.assign({}, newVat), { value: getVatValue(totalGrossAmount, newVat) }));
-    };
-    const currencyCode = ((_a = selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.code) === null || _a === void 0 ? void 0 : _a.english) || '';
-    const getLabel = () => {
-        if (totalVat.percentage === 0)
-            return t('noVat');
-        if (!totalVat.isInclusive)
-            return _jsx(DisplayAmount, { currencyCode: currencyCode, amount: totalVat.value });
-        return (_jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '4px' } }, { children: [_jsxs("span", { children: [t('inclusive'), " "] }), _jsx(DisplayAmount, { amount: totalVat.value, currencyCode: currencyCode })] })));
-    };
-    return (_jsxs(LabelWrapper, Object.assign({ isDisabled: isDisabled, isOpen: isOpen, onClick: toggleDropdown, ref: vatButtonRef, sx: Object.assign({}, (isDisabled && { pointerEvents: 'none', opacity: 0.7 })) }, { children: [_jsx("img", { src: taxIcon, alt: "p" }), _jsx(Label, Object.assign({ isDisabled: isDisabled }, { children: getLabel() })), _jsx(Box, { component: "img", src: isOpen ? activeActionIcon : actionsIcon, alt: "a" }), isOpen && _jsx(CustomBackdrop, { onClick: toggleDropdown }), _jsx(Popper, Object.assign({ open: Boolean(isOpen), anchorEl: vatButtonRef.current, placement: "bottom-start" }, { children: _jsx(VATDropdown, { setIsOpen: setIsOpen, vat: totalVat, setVat: modifyTotalVAT, sx: { position: 'absolute', top: 8, left: 0, display: isOpen ? 'block' : 'none' } }) }))] })));
-}
-export default memo(TotalVAT);

package/build/components/VAT/TotalVAT/index.js

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

package/build/components/VAT/TotalVAT/style.js

@@ -1,5 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const LabelWrapper = styled(Box, {
-    shouldForwardProp: (props) => props !== 'isDisabled' && props !== 'isOpen',
-})(({ theme, isOpen, isDisabled }) => (Object.assign(Object.assign({ display: 'flex', gap: theme.spacing(1), alignItems: 'center', justifyContent: 'space-between', fontSize: '11px', border: `1px solid ${theme.palette.divider}`, height: 32, padding: theme.spacing(1), borderRadius: '4px' }, (isOpen && { borderColor: theme.palette.info.dark, position: 'relative' })), (isDisabled ? { color: theme.palette.grey[700], cursor: 'not-allowed' } : { cursor: 'pointer' }))));
-export const Label = styled(Box, { shouldForwardProp: (props) => props !== 'isDisabled' })(({ theme, isDisabled }) => (Object.assign({ fontSize: '11px', fontWeight: 600, color: theme.palette.text.primary }, (isDisabled && { color: theme.palette.grey[700] }))));

package/build/components/VAT/VATDropdown/VATDropdown.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, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { rightArrow } from '../../../constants/index.js';
-import { Menu } from '../../index.js';
-import { Wrapper, Option } from './style';
-import VATRateDropdown from '../VATRateDropdown';
-function VATDropdown(_a) {
-    var { setVat, vat, setIsOpen: setIsDropdownOpen } = _a, props = __rest(_a, ["setVat", "vat", "setIsOpen"]);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const { t } = useTranslation();
-    const toggleDropdown = (e) => {
-        e.stopPropagation();
-        if (open) {
-            setAnchorEl(null);
-            return;
-        }
-        setAnchorEl(e.currentTarget);
-    };
-    return (_jsx(Wrapper, Object.assign({ sx: props.sx }, { children: _jsxs(Option, Object.assign({ sx: (theme) => (Object.assign({}, (open && { boxShadow: theme.shadows[3] }))), className: "option", onClick: toggleDropdown }, { children: [_jsx("span", { children: t('rate') }), _jsx("img", { src: rightArrow, alt: "a" }), _jsx(Menu, Object.assign({ anchorEl: anchorEl, open: open, placement: "right-start" }, { children: _jsx(VATRateDropdown, { onChange: setVat, vat: vat, setIsDropdownOpen: setIsDropdownOpen }) }))] })) })));
-}
-export default memo(VATDropdown);

package/build/components/VAT/VATDropdown/index.js

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

package/build/components/VAT/VATDropdown/style.js

@@ -1,32 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const Wrapper = styled(Box)(({ theme }) => ({
-    width: 112,
-    boxShadow: theme.shadows[16],
-    borderRadius: 4,
-    backgroundColor: theme.palette.common.white,
-    '.option + .option': {
-        borderTop: `1px solid ${theme.palette.divider}`,
-    },
-    zIndex: 3,
-}));
-export const Option = styled(Box)(({ theme }) => ({
-    fontSize: '11px',
-    paddingInlineStart: theme.spacing(2),
-    paddingInlineEnd: theme.spacing(1),
-    paddingTop: theme.spacing(1.5),
-    paddingBottom: theme.spacing(1.5),
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    gap: theme.spacing(1),
-    cursor: 'pointer',
-    height: 40,
-    input: {
-        height: 24,
-        width: 47,
-        textAlign: 'right',
-    },
-    '&:hover': {
-        boxShadow: theme.shadows[3],
-    },
-}));