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

package/build/components/Button/Button.js

@@ -1,19 +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 { memo } from 'react';
-import { BaseButtonStyled } from './style';
-function Button(_a) {
-    var { children, sx } = _a, props = __rest(_a, ["children", "sx"]);
-    return (_jsx(BaseButtonStyled, Object.assign({ sx: sx }, props, { children: children })));
-}
-export default memo(Button);

package/build/components/Button/PlusButton/PlusButton.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 { memo } from 'react';
-import { Box } from '@mui/material';
-import { addItemIcon } from '../../../constants/index.js';
-function PlusButton(_a) {
-    var props = __rest(_a, []);
-    return (_jsx(Box, Object.assign({ component: "button", "data-testid": "PlusButton" }, props, { sx: Object.assign({ cursor: 'pointer', padding: 0, margin: 0, background: 'transparent', border: 'none', width: 24, height: 24 }, props.sx) }, { children: _jsx("img", { src: addItemIcon, alt: "Plus Button", width: 24, height: 24 }) })));
-}
-PlusButton.displayName = 'PlusButton';
-export default memo(PlusButton);

package/build/components/Button/PlusButton/index.js

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

package/build/components/Button/StyledButton/StyledButton.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 { memo } from 'react';
-import Tooltip from '../../Tooltip';
-import { Button } from './style';
-function StyledButton(_a) {
-    var { children, title } = _a, props = __rest(_a, ["children", "title"]);
-    return (_jsx(Tooltip, Object.assign({ title: title }, { children: _jsx(Button, Object.assign({}, props, { children: children })) })));
-}
-export default memo(StyledButton);

package/build/components/Button/StyledButton/index.js

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

package/build/components/Button/StyledButton/style.js

@@ -1,13 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const Button = styled(Box, { shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isDisabled' && prop !== 'hasImageFilter' })(({ isActive, isDisabled, hasImageFilter = true, theme }) => (Object.assign(Object.assign(Object.assign({ minWidth: 32, height: 32, width: 'fit-content', borderRadius: '4px', padding: '9px 8px', display: 'flex', alignItems: 'center', justifyContent: 'center', border: `1px solid ${theme.palette.divider}`, cursor: 'pointer' }, (isActive && {
-    boxShadow: theme.shadows[7],
-    borderColor: theme.palette.info.dark,
-})), (isDisabled && {
-    opacity: 0.5,
-    pointerEvents: 'none',
-})), (hasImageFilter && {
-    img: {
-        filter: 'brightness(0) invert(0)',
-    },
-}))));

package/build/components/Button/style.js

@@ -1,23 +0,0 @@
-import BaseButton from '@mui/material/ButtonBase';
-import { styled } from '@mui/material/styles';
-export const BaseButtonStyled = styled(BaseButton, { shouldForwardProp: (props) => props !== 'variant' })(({ theme, variant = 'confirm', size = 'default' }) => (Object.assign(Object.assign(Object.assign(Object.assign({ textTransform: 'capitalize', borderRadius: '4px', lineHeight: '100%', '&.Mui-disabled': {
-        opacity: 0.5,
-    } }, (variant === 'confirm' && {
-    color: theme.palette.common.white,
-    background: theme.palette.info.dark,
-})), (variant === 'cancel' && {
-    color: theme.palette.grey[700],
-    border: `1px solid ${theme.palette.divider}`,
-})), (size === 'small' && {
-    height: 24,
-    width: 'auto',
-    padding: '8px 16px',
-    fontWeight: 600,
-    fontSize: '10px',
-})), (size === 'default' && {
-    height: 32,
-    width: 75,
-    fontWeight: 700,
-    padding: '8px 24px',
-    fontSize: '11px',
-}))));

package/build/components/Calender/Calender.js

@@ -1,71 +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 ClickAwayListener from '@mui/material/ClickAwayListener';
-import Popper from '@mui/material/Popper';
-import { useTranslation } from 'react-i18next';
-import { Calendar as MDPicker, DateObject } from 'react-multi-date-picker';
-import TimePicker, { getDefaultHour, getDefaultMinute, convertTo12Hour, getPeriodFrom24Hour, convertTo24Hour } from '../Timepicker';
-import { darkLeftArrowIcon, darkRightArrowIcon } from '../../constants/index.js';
-import { ArrowButton, CalenderWrapper, SelectedDate, Wrapper, ButtonsWrapper, CancelButton, OkayButton, FooterButtonsWrapper } from './style';
-const weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
-function Calender(_a) {
-    var _b;
-    var { isAr = false, value, setValue, enableTimePicker, placement, sx } = _a, props = __rest(_a, ["isAr", "value", "setValue", "enableTimePicker", "placement", "sx"]);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [date, setDate] = useState(value ? new DateObject(new Date(value.toLocaleString())) : new DateObject(new Date()));
-    const [tempDate, setTempDate] = useState(value ? new DateObject(new Date(value.toLocaleString())) : new DateObject(new Date()));
-    const defaultHour = (value === null || value === void 0 ? void 0 : value.hour) ? convertTo12Hour(value.hour) : getDefaultHour();
-    const defaultPeriod = (value === null || value === void 0 ? void 0 : value.hour) ? getPeriodFrom24Hour(value.hour) : getPeriodFrom24Hour(new Date().getHours());
-    const [time, setTime] = useState({
-        hour: defaultHour,
-        minute: (_b = value === null || value === void 0 ? void 0 : value.minute) !== null && _b !== void 0 ? _b : getDefaultMinute(),
-        period: defaultPeriod,
-    });
-    const { t } = useTranslation();
-    const open = Boolean(anchorEl);
-    const getArrow = (direction) => {
-        if (direction === 'right') {
-            return isAr ? darkLeftArrowIcon : darkRightArrowIcon;
-        }
-        return isAr ? darkRightArrowIcon : darkLeftArrowIcon;
-    };
-    const onOpen = (e) => {
-        setAnchorEl(e.currentTarget);
-    };
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    const handleSubmit = () => {
-        let hour24 = time.hour;
-        if (enableTimePicker) {
-            hour24 = convertTo24Hour(time.hour, time.period || 'AM');
-        }
-        const dateValue = enableTimePicker ? tempDate.setHour(hour24).setMinute(time.minute) : tempDate;
-        setDate(dateValue);
-        if (setValue)
-            setValue(dateValue);
-        handleClose();
-    };
-    const onChangeTimepicker = (newTime) => {
-        setTime(newTime);
-    };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(Wrapper, Object.assign({ sx: Object.assign({}, sx) }, { children: [_jsx(SelectedDate, Object.assign({ onClick: onOpen, open: open, className: "date-button" }, { children: date.format('MMM D, YYYY') })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: placement }, { children: _jsxs(CalenderWrapper, Object.assign({ className: "calender-content", open: open }, { children: [_jsx(MDPicker, Object.assign({ numberOfMonths: 1, format: "MMM DD YYYY", monthYearSeparator: ' ', renderButton: (direction, handleClick) => (_jsx(ArrowButton, Object.assign({ onClick: handleClick }, { children: _jsx("img", { src: getArrow(direction), alt: "arrow" }) }))), onMonthChange: (v) => {
-                                    setTempDate(v);
-                                }, onYearChange: (v) => {
-                                    setTempDate(v);
-                                }, onChange: (v) => {
-                                    setTempDate(v);
-                                }, weekDays: !isAr ? weekDays : undefined, minDate: new Date(), value: date }, props)), _jsxs(ButtonsWrapper, Object.assign({ sx: Object.assign({}, (enableTimePicker && { justifyContent: 'space-between' })) }, { children: [enableTimePicker && _jsx(TimePicker, { enableRealTimeChange: true, onChange: onChangeTimepicker, defaultTime: time }), _jsxs(FooterButtonsWrapper, { children: [_jsx(CancelButton, Object.assign({ variant: "contained", onClick: handleClose }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ variant: "contained", onClick: handleSubmit }, { children: t('okay') }))] })] }))] })) }))] })) })));
-}
-export default memo(Calender);

package/build/components/Calender/style.js

@@ -1,171 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-export const ArrowButton = styled(Button)(() => ({
-    minWidth: 'auto',
-    padding: 0,
-    '& > img': {
-        cursor: 'pointer',
-    },
-}));
-export const Wrapper = styled(Box)(() => ({
-    position: 'relative',
-}));
-export const CalenderWrapper = styled(Box, { shouldForwardProp: (props) => props !== 'open' })(({ open, theme }) => ({
-    display: open ? 'flex' : 'none',
-    flexDirection: 'column',
-    background: theme.palette.common.white,
-    boxShadow: theme.shadows[9],
-    borderRadius: theme.spacing(1),
-    top: 37,
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    margin: '8px 0',
-    '.rmdp-calendar': {
-        padding: '8px 16px 16px',
-    },
-    '.rmdp-rtl *': {
-        fontFamily: 'Tajawal',
-    },
-    '.rmdp-rtl .sd': {
-        paddingTop: '4px',
-    },
-    '.rmdp-wrapper': {
-        position: 'relative',
-        borderRadius: '8px',
-        boxShadow: 'none',
-    },
-    '.rmdp-day span': {
-        fontSize: '11px',
-        fontWeight: 500,
-    },
-    '.rmdp-day, .rmdp-week-day': {
-        width: 40,
-        height: 40,
-        marginBottom: '2px',
-        padding: '4px',
-        fontSize: '11px',
-        color: theme.palette.grey[900],
-    },
-    '.rmdp-day-picker': {
-        padding: 0,
-    },
-    '.rmdp-day.rmdp-today span': {
-        backgroundColor: 'transparent !important',
-        color: theme.palette.info.dark,
-    },
-    '.rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span': {
-        color: theme.palette.common.white,
-    },
-    '.rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover': {
-        background: theme.palette.info.light,
-        boxShadow: 'none',
-        color: theme.palette.grey[900],
-    },
-    '.rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end': {
-        borderRadius: '50%',
-        background: theme.palette.background.gradient.darkShadedBlue,
-        color: theme.palette.common.white,
-    },
-    '.rmdp-range.start:after': {
-        content: '""',
-        position: 'absolute',
-        background: theme.palette.info.light,
-        height: '100%',
-        width: '50%',
-        right: 0,
-        top: 0,
-        zIndex: -1,
-    },
-    '.rmdp-rtl .rmdp-range.start:after': {
-        right: 'unset',
-        left: 0,
-    },
-    '.rmdp-range.end:after': {
-        content: '""',
-        position: 'absolute',
-        background: theme.palette.info.light,
-        height: '100%',
-        width: '50%',
-        left: 0,
-        top: 0,
-        zIndex: -1,
-    },
-    '.rmdp-rtl .rmdp-range.end:after': {
-        left: 'unset',
-        right: 0,
-    },
-    '.rmdp-week-day': {
-        color: theme.palette.grey[700],
-        marginBottom: '4px',
-        fontSize: '11px',
-        padding: '4px',
-    },
-    '.rmdp-header-values': {
-        color: theme.palette.grey[900],
-        fontSize: '12px',
-        fontWeight: 500,
-        lineHeight: '20px',
-        letterSpacing: '0.1px',
-    },
-    '.rmdp-header-values span:nth-of-type(2)': {
-        display: 'none',
-    },
-    '.rmdp-header': {
-        padding: '4px 0',
-        margin: 0,
-        fontSize: '12px',
-    },
-    '.rmdp-top-class': {
-        display: 'block !important',
-    },
-    '.rmdp-day.rmdp-selected span:not(.highlight)': {
-        background: theme.palette.info.dark,
-    },
-    '.rmdp-day.start.end': {
-        overflow: 'hidden',
-    },
-}));
-export const SelectedDate = styled(Button, { shouldForwardProp: (props) => props !== 'open' })(({ open, theme }) => (Object.assign({ color: theme.palette.text.primary, fontSize: '11px', fontWeight: 500, padding: theme.spacing(1), borderRadius: '4px', border: '1px solid', borderColor: theme.palette.divider, background: theme.palette.common.white, textTransform: 'none', height: 32 }, (open && { border: '1px solid', borderColor: theme.palette.info.dark, boxShadow: theme.shadows[7] }))));
-export const ButtonsWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'flex-end',
-    alignItems: 'center',
-    gap: 8,
-    padding: '16px',
-    borderTop: `1px solid ${theme.palette.divider}`,
-}));
-export const CancelButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    padding: '8px 24px',
-    width: 75,
-    height: 32,
-    fontSize: '11px',
-    background: 'transparent',
-    color: theme.palette.text.primary,
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    fontWeight: 500,
-    borderRadius: '4px',
-    '&:hover': {
-        background: 'transparent',
-        color: theme.palette.text.primary,
-    },
-}));
-export const OkayButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    padding: '8px 24px',
-    width: 75,
-    height: 32,
-    fontSize: '11px',
-    borderRadius: '4px',
-    fontWeight: 700,
-    background: theme.palette.info.dark,
-    '&:hover': {
-        background: theme.palette.info.dark,
-    },
-}));
-export const FooterButtonsWrapper = styled(Box)(() => ({
-    display: 'flex',
-    gap: '8px',
-}));

package/build/components/CardEmptyState/CardEmptyState.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, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { emptyIcon } from '../../constants/index.js';
-import { StyledContainer, StyledImage, EmptyListHeading, EmptyListMessage } from './style';
-export default function CardEmptyState(_a) {
-    var { heading, message } = _a, props = __rest(_a, ["heading", "message"]);
-    const { t } = useTranslation();
-    return (_jsxs(StyledContainer, Object.assign({}, props, { children: [_jsx(StyledImage, { src: emptyIcon, alt: "empty container" }), _jsx(EmptyListHeading, { children: t(heading) }), _jsx(EmptyListMessage, { children: t(message) })] })));
-}

package/build/components/CardEmptyState/style.js

@@ -1,35 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const StyledContainer = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: '#F6F8FACC',
-    gap: '0.5rem',
-    height: '100%',
-}));
-export const StyledImage = styled('img')(() => ({
-    width: '2rem',
-    height: '2rem',
-}));
-export const EmptyListHeading = styled('h1')(({ theme }) => {
-    var _a;
-    return ({
-        fontWeight: 600,
-        fontSize: '1rem',
-        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
-        padding: 0,
-        margin: 0,
-    });
-});
-export const EmptyListMessage = styled('p')(({ theme }) => {
-    var _a;
-    return ({
-        fontWeight: 400,
-        fontSize: '0.75rem',
-        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
-        padding: 0,
-        margin: 0,
-        opacity: 0.5,
-    });
-});

package/build/components/CardEmptyState/type.js

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

package/build/components/CardHeadline/CardHeadline.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import Text from '../Text';
-const Wrapper = styled(Box)(({ theme }) => ({
-    textAlign: 'center',
-    color: theme.palette.text.primary,
-}));
-const HeadlineText = styled(Text)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.h3), { marginBottom: '7px', lineHeight: '48px', fontWeight: theme.typography.fontWeightMedium, textTransform: 'capitalize' })));
-const SubHeadlineText = styled(Text)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.h5), { lineHeight: '29px', opacity: 0.3, fontWeight: theme.typography.fontWeightMedium })));
-function CardHeadline({ headline, subHeadline }) {
-    return (_jsxs(Wrapper, { children: [headline && _jsx(HeadlineText, { children: headline }), subHeadline && _jsx(SubHeadlineText, { children: subHeadline })] }));
-}
-export default memo(CardHeadline);

package/build/components/Checkbox/Checkbox.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { Checkbox } from '@mui/material';
-import { CHECKED_ICON, UNCHECKED_ICON } from '../../constants/index.js';
-function CheckboxInput(props) {
-    return (_jsx(Checkbox, Object.assign({ disableRipple: true, sx: (theme) => ({
-            '[data-testid="IndeterminateCheckBoxIcon"]': {
-                fill: theme.palette.info.dark,
-                width: '14px !important',
-                height: '16px !important',
-            },
-        }), checkedIcon: props.disabled ? UNCHECKED_ICON : CHECKED_ICON }, props)));
-}
-export default memo(CheckboxInput);

package/build/components/Chip/Chip.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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { ChipStyled } from './style';
-const Chip = forwardRef((_a, ref) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const { icon } = props;
-    return (_jsxs(ChipStyled, Object.assign({ ref: ref }, props, { children: [_jsx(_Fragment, { children: icon }), children] })));
-});
-export default Chip;

package/build/components/Chip/GroupIconChip.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import ImageWrapper from '../ImageWrapper';
-import { useTheme } from '@mui/material';
-import { defaultGetSourceAnimation } from './style';
-const GroupIconChip = ({ order, children, getSourceAnimation: customGetSourceAnimation, sourceCount, expandDirection }) => {
-    const getSourceAnimation = customGetSourceAnimation || defaultGetSourceAnimation;
-    const theme = useTheme();
-    const variants = useMemo(() => getSourceAnimation({
-        index: order,
-        shadow: theme.shadows[4],
-        itemsCount: sourceCount,
-        expandDirection,
-    }), [order, theme.shadows, getSourceAnimation, sourceCount, expandDirection]);
-    return (_jsx(ImageWrapper, Object.assign({ order: order, variants: variants }, { children: children })));
-};
-export default GroupIconChip;

package/build/components/Chip/GroupIconChips.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { SourcesContainer, StyledSourceCell } from './style';
-import GroupIconChip from './GroupIconChip';
-const GroupIconChips = ({ children, className, getSourceAnimation, expandDirection }) => {
-    const sourceCount = React.Children.count(children);
-    const [cellDimentions, setCellDimentions] = useState({ width: 0, height: 0 });
-    const animationContainerRef = useRef(null);
-    useEffect(() => {
-        if (!animationContainerRef.current)
-            return;
-        const animationContainer = animationContainerRef.current;
-        setCellDimentions({
-            width: animationContainer.clientWidth,
-            height: animationContainer.clientHeight,
-        });
-    }, []);
-    const overrideChildren = useMemo(() => React.Children.map(children, (child) => {
-        if (!React.isValidElement(child) || child.type !== GroupIconChip) {
-            console.error(`⚠️ WARNING: "${GroupIconChips.name}" must contains only children of type "${GroupIconChip.name}"`);
-            return child;
-        }
-        return React.cloneElement(child, Object.assign(Object.assign({}, child.props), { sourceCount,
-            getSourceAnimation,
-            expandDirection }));
-    }), [children, getSourceAnimation, sourceCount, expandDirection]);
-    return (_jsx(StyledSourceCell, Object.assign({ "data-testid": "styled-source-cell", sx: Object.assign({}, cellDimentions) }, { children: _jsx(SourcesContainer, Object.assign({ ref: animationContainerRef, layout: true, className: className, whileHover: "animate", animate: "start", sourcesCount: sourceCount, variants: {
-                animate: {
-                    width: sourceCount * (6 + 32),
-                    zIndex: 50,
-                },
-            }, style: {
-                zIndex: 29,
-            } }, { children: overrideChildren })) })));
-};
-export default GroupIconChips;

package/build/components/Chip/style.js

@@ -1,76 +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 { Box, styled } from '@mui/material';
-import { motion } from 'framer-motion';
-import { forwardRef } from 'react';
-export const ChipStyled = styled(forwardRef((props, ref) => {
-    const _a = props, { className, variant = 'text' } = _a, restProps = __rest(_a, ["className", "variant"]);
-    const calcClassName = `${className || ''} CustomVariant_${variant}`;
-    return _jsx(Box, Object.assign({ ref: ref }, restProps, { className: calcClassName }));
-}), {
-    shouldForwardProp: (prop) => prop !== 'icon',
-})(({ theme, variant = 'text', icon }) => {
-    return Object.assign(Object.assign(Object.assign(Object.assign({ border: `1px solid ${theme.palette.divider}`, borderRadius: '30px', backgroundColor: theme.palette.background.paper, display: 'flex', alignItems: 'center', justifyContent: 'center' }, (icon && { justifyContent: 'flex-start', gap: theme.spacing(1) })), (variant === 'text' && {
-        padding: `${theme.spacing(0.75)} ${theme.spacing(1)}`,
-        height: '30px',
-        maxWidth: '150px',
-    })), (variant === 'circular' && {
-        height: 24,
-        width: 24,
-    })), (variant === 'pill-icon' && {
-        height: 24,
-        width: 36,
-    }));
-});
-export const StyledSourceCell = styled('span')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
-}));
-export const SourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ sourcesCount }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    position: 'absolute',
-    minWidth: `${sourcesCount * 6 + 36}px `,
-    minHeight: '24px',
-    cursor: 'pointer',
-    backgroundColor: 'transparent',
-    borderRadius: '16px',
-}));
-// eslint-disable-next-line react-refresh/only-export-components
-export const defaultGetSourceAnimation = (params) => {
-    const { index, xDelta = 39, shadow, itemsCount = 0, expandDirection = 'RIGHT' } = params;
-    const startDisplacement = (itemsCount - 1) * 6;
-    const result = {
-        start: {
-            x: index * 6,
-            transition: {
-                duration: 0.3,
-                type: 'tween',
-                ease: 'easeIn',
-            },
-        },
-        animate: {
-            x: expandDirection === 'RIGHT' ? index * xDelta : startDisplacement + -1 * ((itemsCount - 1 - index) * xDelta),
-            transition: {
-                duration: 0.3,
-                type: 'tween',
-                ease: 'easeOut',
-            },
-            boxShadow: shadow,
-        },
-    };
-    return result;
-};

package/build/components/Chip/type.js

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

package/build/components/CircularProgressWithLabel/CircularProgressWithLabel.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { LoadingText, LoadingIcon, Wrapper, LoadingTextWrapper } from './style';
-function CircularProgressWithLabel(props) {
-    return (_jsxs(Wrapper, { children: [_jsx(LoadingIcon, Object.assign({ variant: "determinate" }, props)), _jsx(LoadingTextWrapper, { children: _jsx(LoadingText, Object.assign({ variant: "caption", color: "text.secondary" }, { children: `${Math.round(props.value)}%` })) })] }));
-}
-export default memo(CircularProgressWithLabel);

package/build/components/CircularProgressWithLabel/style.js

@@ -1,31 +0,0 @@
-import { Typography } from '@mui/material';
-import Box from '@mui/material/Box';
-import CircularProgress, { circularProgressClasses } from '@mui/material/CircularProgress';
-import { styled, alpha } from '@mui/material/styles';
-export const LoadingIcon = styled(CircularProgress)(({ theme }) => ({
-    color: theme.palette.common.blue,
-    background: alpha(theme.palette.info.dark, 0.05),
-    borderRadius: '50%',
-    [`& .${circularProgressClasses.circle}`]: {
-        strokeLinecap: 'round',
-    },
-}));
-export const LoadingText = styled(Typography)(() => ({
-    fontSize: '14px',
-    fontWeight: 700,
-    color: '#3B4152',
-}));
-export const Wrapper = styled(Box)(() => ({
-    position: 'relative',
-    display: 'inline-flex',
-}));
-export const LoadingTextWrapper = styled(Box)(() => ({
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-    position: 'absolute',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));