@tap-payments/os-micro-frontend-shared 0.1.39 → 0.1.40-9.hotfix.1

package/build/components/TreeDropdown/utils.js

@@ -0,0 +1,161 @@
+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.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Currency, Vat } from '../../../types/index.js';
+interface TotalVATProps {
+    totalGrossAmount: number;
+    totalVat: Vat;
+    selectedCurrency: Currency;
+    isDisabled: boolean;
+    onChangeTotalVat: (vat: Vat) => void;
+}
+declare function TotalVAT({ totalGrossAmount, totalVat, selectedCurrency, onChangeTotalVat, isDisabled }: Readonly<TotalVATProps>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof TotalVAT>;
+export default _default;

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

@@ -0,0 +1,33 @@
+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.d.ts

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

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

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

package/build/components/VAT/TotalVAT/style.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const LabelWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isDisabled?: boolean | undefined;
+    isOpen?: boolean | undefined;
+}, {}, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isDisabled: boolean;
+}, {}, {}>;

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

@@ -0,0 +1,5 @@
+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.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material/Box';
+import { Vat } from '../../../types/index.js';
+interface VATDropdownProps extends BoxProps {
+    vat: Vat;
+    setVat: (vat: Vat) => void;
+    setIsOpen: (value: boolean) => void;
+}
+declare function VATDropdown({ setVat, vat, setIsOpen: setIsDropdownOpen, ...props }: Readonly<VATDropdownProps>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof VATDropdown>;
+export default _default;

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

@@ -0,0 +1,34 @@
+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.d.ts

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

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

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

package/build/components/VAT/VATDropdown/style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Option: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,32 @@
+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],
+    },
+}));

package/build/components/VAT/VATRateDropdown/VATRateDropdown.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Vat } from '../../../types/index.js';
+interface VATRateDropdownProps {
+    vat: Vat;
+    onChange: (value: Vat) => void;
+    setIsDropdownOpen: (value: boolean) => void;
+}
+declare function VATRateDropdown({ vat, onChange, setIsDropdownOpen }: Readonly<VATRateDropdownProps>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof VATRateDropdown>;
+export default _default;

package/build/components/VAT/VATRateDropdown/VATRateDropdown.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Input } from '../../index.js';
+import { checkIcon, RATES } from '../../../constants/index.js';
+import { removeAllCharsFromNumber } from '../../../utils/index.js';
+import { Wrapper, Option } from './style';
+function VATRateDropdown({ vat, onChange, setIsDropdownOpen }) {
+    const { t } = useTranslation();
+    const { percentage, isInclusive, value } = vat;
+    const isNoVAT = percentage === RATES.ZERO;
+    const isFivePercent = percentage === RATES.FIVE;
+    const isTenPercent = percentage === RATES.TEN;
+    const isFifteenPercent = percentage === RATES.FIFTEEN;
+    const isCustomPercent = percentage !== RATES.FIVE && percentage !== RATES.TEN && percentage !== RATES.FIFTEEN && percentage !== RATES.ZERO;
+    const vatRates = [
+        { label: t('noVat'), value: RATES.ZERO, selected: isNoVAT },
+        { label: '5%', value: RATES.FIVE, selected: isFivePercent },
+        { label: '10%', value: RATES.TEN, selected: isTenPercent },
+        { label: '15%', value: RATES.FIFTEEN, selected: isFifteenPercent },
+    ];
+    const selectRate = (percentageValue) => {
+        onChange({ value, percentage: percentageValue, isInclusive });
+    };
+    const handleCustomRate = (e) => {
+        if (Number(e.target.value) > 100)
+            return;
+        selectRate(Number(removeAllCharsFromNumber(e.target.value)));
+    };
+    const renderSelectedIcon = (selected) => {
+        return selected ? _jsx("img", { src: checkIcon, alt: "check" }) : _jsx("span", {});
+    };
+    return (_jsxs(Wrapper, { children: [vatRates.map((rate, index) => (_jsxs(Option, Object.assign({ className: "option", onClick: () => {
+                    selectRate(rate.value);
+                    setIsDropdownOpen(false);
+                } }, { children: [renderSelectedIcon(rate.selected), _jsx("span", { children: rate.label })] }), `${rate.value}-${index}`))), _jsxs(Option, Object.assign({ className: "option" }, { children: [renderSelectedIcon(isCustomPercent), _jsx(Input, { placeholder: "%", value: isCustomPercent ? String(percentage) : '', onChange: handleCustomRate, sx: { justifyContent: 'flex-end' } })] }))] }));
+}
+export default memo(VATRateDropdown);

package/build/components/VAT/VATRateDropdown/index.d.ts

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

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

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

package/build/components/VAT/VATRateDropdown/style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Option: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -0,0 +1,30 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const Wrapper = styled(Box)(({ theme }) => ({
+    width: 112,
+    '.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],
+    },
+}));

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

@@ -0,0 +1,4 @@
+export * from './utils';
+export { default as TotalVAT } from './TotalVAT';
+export { default as VATDropdown } from './VATDropdown';
+export { default as VATRateDropdown } from './VATRateDropdown';

package/build/components/VAT/index.js

@@ -0,0 +1,4 @@
+export * from './utils';
+export { default as TotalVAT } from './TotalVAT';
+export { default as VATDropdown } from './VATDropdown';
+export { default as VATRateDropdown } from './VATRateDropdown';

package/build/components/VAT/utils.d.ts

@@ -0,0 +1,7 @@
+import { Vat } from '../../types/index.js';
+export declare const getVatValue: (amount: number, vat: Vat) => number;
+export declare const getItemVat: (vat: Vat, itemPrice: number, quantity: number) => {
+    value: number;
+    percentage: number;
+    isInclusive: boolean;
+};

package/build/components/VAT/utils.js

@@ -0,0 +1,8 @@
+export const getVatValue = (amount, vat) => {
+    let newVatValue = 0;
+    if (vat.percentage > 0) {
+        newVatValue = amount * (vat.percentage / 100);
+    }
+    return newVatValue;
+};
+export const getItemVat = (vat, itemPrice, quantity) => (Object.assign(Object.assign({}, vat), { value: getVatValue(Number(itemPrice), vat) * quantity }));

package/build/components/VerificationIcon/VerificationIcon.d.ts

@@ -0,0 +1,5 @@
+type VerificationIconProps = {
+    status: string;
+};
+export declare const VerificationIcon: ({ status }: VerificationIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/VerificationIcon/VerificationIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import startCase from 'lodash/startCase';
+import { Tooltip } from '../index.js';
+import { statusIcon } from './constant';
+export const VerificationIcon = ({ status }) => {
+    return (_jsx(Tooltip, Object.assign({ title: startCase(status) }, { children: _jsx("img", { loading: "lazy", src: statusIcon[((status === null || status === void 0 ? void 0 : status.toLowerCase()) || '')] || statusIcon.default, alt: status, width: 10.5, height: 10.5 }) })));
+};

package/build/components/VerificationIcon/VerificationIconWithBg.d.ts

@@ -0,0 +1,5 @@
+type VerificationIconWithBgProps = {
+    status: string;
+};
+export declare const VerificationIconWithBg: ({ status }: VerificationIconWithBgProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/VerificationIcon/VerificationIconWithBg.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import startCase from 'lodash/startCase';
+import { Box, Tooltip } from '@mui/material';
+import { statusIcon, statusIconBG } from './constant';
+export const VerificationIconWithBg = ({ status }) => {
+    return (_jsx(Tooltip, Object.assign({ title: startCase(status) }, { children: _jsx(Box, Object.assign({ component: "li", sx: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '24px',
+                height: '24px',
+                borderRadius: '50%',
+                backgroundColor: statusIconBG[status],
+            } }, { children: _jsx("img", { loading: "lazy", src: statusIcon[((status === null || status === void 0 ? void 0 : status.toLowerCase()) || '')] || statusIcon.default, alt: status, width: 10.5, height: 10.5 }) })) })));
+};

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

@@ -0,0 +1,2 @@
+export declare const statusIcon: Record<string, string>;
+export declare const statusIconBG: Record<string, string>;

package/build/components/VerificationIcon/constant.js

@@ -0,0 +1,18 @@
+import { blueVerifyIcon, grayVerifyIcon, greenVerifyIcon, redVerifyIcon } from '../../constants/index.js';
+export const statusIcon = {
+    verified: greenVerifyIcon,
+    reviewed: blueVerifyIcon,
+    completed: blueVerifyIcon,
+    incomplete: grayVerifyIcon,
+    complete: blueVerifyIcon,
+    rejected: redVerifyIcon,
+    default: grayVerifyIcon,
+};
+export const statusIconBG = {
+    incomplete: '#D9D9D929',
+    completed: '#11D0FA29',
+    complete: '#11D0FA29',
+    reviewed: '#11D0FA29',
+    verified: '#2ACE0029',
+    rejected: '#FF3D0029',
+};

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

@@ -0,0 +1,3 @@
+export { VerificationIcon } from './VerificationIcon';
+export { VerificationIconWithBg } from './VerificationIconWithBg';
+export * from './constant';

package/build/components/VerificationIcon/index.js

@@ -0,0 +1,3 @@
+export { VerificationIcon } from './VerificationIcon';
+export { VerificationIconWithBg } from './VerificationIconWithBg';
+export * from './constant';

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

@@ -0,0 +1,2 @@
+import { statusIcon } from './constant';
+export type VerificationStatus = keyof typeof statusIcon;

package/build/components/VerificationIcon/type.js

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

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