@onesy/ui-react 1.0.59 → 1.0.63

package/AutoCompleteCurrency/AutoCompleteCurrency.js

@@ -1,63 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const style_react_1 = require("@onesy/style-react");
-const AutoComplete_1 = __importDefault(require("../AutoComplete"));
-const utils_1 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {}
-}), { name: 'onesy-AutoCompleteCurrency' });
-const AutoCompleteCurrency = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyAutoCompleteCurrency) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const AutoComplete = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.AutoComplete) || AutoComplete_1.default; }, [theme]);
-    const { valueInputDefault: valueInputDefault_, size = 'regular', className, children } = props, other = __rest(props, ["valueInputDefault", "size", "className", "children"]);
-    const { classes } = useStyle();
-    // {
-    //   symbol: '€',
-    //   name: 'Euro',
-    //   symbol_native: '€',
-    //   'decimal_digits': 2,
-    //   rounding: 0,
-    //   code: 'EUR',
-    //   name_plural: 'euros'
-    // }
-    const options = react_1.default.useMemo(() => {
-        return [
-            { name: 'No currency', value: '' },
-            ...utils_1.currencies.map(item => ({
-                name: `${item.code} ${item.name} (${item.symbol})`,
-                value: item.code
-            }))
-        ];
-    }, [utils_1.currencies]);
-    const valueInputDefault = react_1.default.useMemo(() => {
-        var _a;
-        return valueInputDefault_ !== undefined ? valueInputDefault_ : (_a = options.find(item => item.value === (other.value !== undefined ? other.value : other.valueDefault))) === null || _a === void 0 ? void 0 : _a.name;
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(AutoComplete, Object.assign({ ref: ref, valueInputDefault: valueInputDefault, options: options, size: size, className: (0, style_react_1.classNames)([
-            (0, utils_1.staticClassName)('AutoCompleteCurrency', theme) && [
-                'onesy-AutoCompleteCurrency-root',
-                `onesy-AutoCompleteCurrency-size-${size}`
-            ],
-            className,
-            classes.root
-        ]) }, other)));
-});
-AutoCompleteCurrency.displayName = 'onesy-AutoCompleteCurrency';
-exports.default = AutoCompleteCurrency;

package/Breadcrumbs/Breadcrumbs.js

@@ -1,149 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const IconMaterialNavigateNextW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100"));
-const IconMaterialMoreHorizW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialMoreHorizW100"));
-const Line_1 = __importDefault(require("../Line"));
-const Type_1 = __importDefault(require("../Type"));
-const IconButton_1 = __importDefault(require("../IconButton"));
-const useMediaQuery_1 = __importDefault(require("../useMediaQuery"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        margin: 0,
-        padding: 0
-    },
-    expandMore: {
-        '&.onesy-IconButton-root': {
-            padding: '0',
-            width: 'unset',
-            height: '100%',
-            borderRadius: theme.methods.shape.radius.value(0.25, 'px')
-        }
-    }
-}), { name: 'onesy-Breadcrumbs' });
-const Breadcrumbs = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyBreadcrumbs) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
-    const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
-    const IconButton = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.IconButton) || IconButton_1.default; }, [theme]);
-    const { max: max_, separator = ((0, jsx_runtime_1.jsx)(IconMaterialNavigateNextW100_1.default, { size: 'small' })), renderMore, IconMore = IconMaterialMoreHorizW100_1.default, Component = 'nav', MoreProps, className, children: children_ } = props, other = __rest(props, ["max", "separator", "renderMore", "IconMore", "Component", "MoreProps", "className", "children"]);
-    const { classes } = useStyle();
-    const refs = {
-        root: react_1.default.useRef(undefined)
-    };
-    const keys = react_1.default.useMemo(() => {
-        const result = [];
-        const items = [max_];
-        items.forEach(item => {
-            if ((0, utils_1.is)('object', item))
-                Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key => result.push(key));
-        });
-        return (0, utils_1.unique)(result);
-    }, [max_]);
-    const breakpoints = {};
-    keys.forEach(key => {
-        breakpoints[key] = (0, useMediaQuery_1.default)(theme.breakpoints.media[key], { element: refs.root.current });
-    });
-    let max = (0, utils_2.valueBreakpoints)(max_, undefined, breakpoints, theme);
-    max = (0, utils_1.clamp)(max, 2);
-    const onExpandMore = () => {
-        setChildren(resolve(children_, false));
-    };
-    const resolve = (items_ = children_, maxValue = max) => {
-        let items = react_1.default.Children.toArray(items_).filter(Boolean);
-        if (maxValue !== undefined && maxValue >= 2 && maxValue < items.length) {
-            const start = [];
-            const end = [];
-            for (let i = 1; i <= maxValue; i++) {
-                // start
-                if (i % 2 > 0)
-                    start.push(items[Math.floor(i / 2)]);
-                // end
-                else
-                    end.unshift(items[items.length - (i / 2)]);
-            }
-            items = [
-                ...start,
-                (0, utils_1.is)('function', renderMore) ? renderMore(onExpandMore) : (0, jsx_runtime_1.jsx)(IconButton, Object.assign({ color: 'default', size: 'small', onClick: onExpandMore, "aria-label": 'Expand more path' }, MoreProps, { className: (0, style_react_1.classNames)([
-                        (0, utils_2.staticClassName)('Breadcrumbs', theme) && [
-                            'onesy-Breadcrumbs-expand-more'
-                        ],
-                        MoreProps === null || MoreProps === void 0 ? void 0 : MoreProps.className,
-                        classes.expandMore
-                    ]) }, { children: (0, jsx_runtime_1.jsx)(IconMore, { size: 'small' }) })),
-                ...end
-            ];
-        }
-        return items;
-    };
-    const [init, setInit] = react_1.default.useState(false);
-    const [children, setChildren] = react_1.default.useState(resolve);
-    react_1.default.useEffect(() => {
-        setInit(true);
-    }, []);
-    react_1.default.useEffect(() => {
-        if (init)
-            setChildren(resolve(children_));
-    }, [children_, max]);
-    const Separator = (0, utils_1.is)('simple', separator) ? ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b2', "aria-hidden": true, Component: 'span' }, { children: separator }))) : react_1.default.cloneElement(separator, {
-        'aria-hidden': true
-    });
-    const childrenToUse = children.flatMap((item, index) => [item, index !== children.length - 1 && Separator].filter(Boolean));
-    return ((0, jsx_runtime_1.jsx)(Line, Object.assign({ ref: item => {
-            if (ref) {
-                if ((0, utils_1.is)('function', ref))
-                    ref(item);
-                else
-                    ref.current = item;
-            }
-            refs.root.current = item;
-        }, gap: 1, direction: 'row', align: 'center', wrap: 'wrap', "aria-label": 'Breadcrumb', Component: Component }, other, { className: (0, style_react_1.classNames)([
-            (0, utils_2.staticClassName)('Breadcrumbs', theme) && [
-                'onesy-Breadcrumbs-root'
-            ],
-            className,
-            classes.root
-        ]) }, { children: childrenToUse.map((item, index) => {
-            var _a;
-            const itemProps = {};
-            if (index === childrenToUse.length - 1) {
-                itemProps['aria-current'] = 'page';
-            }
-            if ((0, utils_1.is)('simple', item)) {
-                return ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b2', Component: 'span' }, itemProps, { className: (0, style_react_1.classNames)([
-                        (0, utils_2.staticClassName)('Breadcrumbs', theme) && [
-                            'onesy-Breadcrumbs-item'
-                        ],
-                        classes.item
-                    ]) }, { children: item }), index));
-            }
-            return (react_1.default.cloneElement(item, Object.assign({ key: index, className: (0, style_react_1.classNames)([
-                    (0, utils_2.staticClassName)('Breadcrumbs', theme) && [
-                        'onesy-Breadcrumbs-item'
-                    ],
-                    (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.className,
-                    classes.item
-                ]) }, itemProps)));
-        }) })));
-});
-Breadcrumbs.displayName = 'onesy-Breadcrumbs';
-exports.default = Breadcrumbs;

package/BubbleChart/BubbleChart.js

@@ -1,137 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const Chart_1 = __importDefault(require("../Chart"));
-const Line_1 = __importDefault(require("../Line"));
-const Type_1 = __importDefault(require("../Type"));
-const Surface_1 = __importDefault(require("../Surface"));
-const BubbleChartItem_1 = __importDefault(require("../BubbleChartItem"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        '& .onesy-Chart-legend-icon': {
-            position: 'relative',
-            background: 'none !important',
-            border: '2px solid currentColor',
-            '&::before': {
-                content: "''",
-                position: 'absolute',
-                top: '0',
-                left: '0',
-                height: '100%',
-                width: '100%',
-                borderRadius: 'inherit',
-                background: 'currentColor',
-                opacity: '0.14'
-            }
-        }
-    },
-    append_wrapper: {
-        userSelect: 'none',
-        pointerEvents: 'none'
-    },
-    append: {
-        padding: `${theme.methods.space.value(1.5, 'px')} ${theme.methods.space.value(2.5, 'px')}`,
-        borderRadius: theme.methods.shape.radius.value(1.5, 'px')
-    },
-    append_icon: {
-        width: '8px',
-        height: '8px',
-        borderRadius: theme.methods.shape.radius.value(40, 'px')
-    }
-}), { name: 'onesy-BubbleChart' });
-const BubbleChart = react_1.default.forwardRef((props_, ref) => {
-    var _a, _b, _c, _d;
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyBubbleChart) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
-    const Chart = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Chart) || Chart_1.default; }, [theme]);
-    const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
-    const Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_1.default; }, [theme]);
-    const BubbleChartItem = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.BubbleChartItem) || BubbleChartItem_1.default; }, [theme]);
-    const { tonal = true, color = 'primary', names, values, animate, animateTimeout, tooltipRender: tooltipRender_, tooltipGroupRender: tooltipGroupRender_, className } = props, other = __rest(props, ["tonal", "color", "names", "values", "animate", "animateTimeout", "tooltipRender", "tooltipGroupRender", "className"]);
-    const { classes } = useStyle();
-    const tooltipRender = (0, utils_1.is)('function', tooltipRender_) ? tooltipRender_ : (values_) => {
-        const { values: values__ } = values_;
-        return {
-            element: ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ tonal: tonal, color: color, elevation: 1, gap: 0.5, direction: 'column', Component: Surface, className: (0, style_react_1.classNames)([
-                    (0, utils_2.staticClassName)('BubbleChart', theme) && [
-                        'onesy-BubbleChart-append'
-                    ],
-                    classes.append
-                ]) }, { children: [(0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 1, direction: 'row', align: 'center' }, { children: (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: values__ === null || values__ === void 0 ? void 0 : values__[3] })) })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 0.4, direction: 'column' }, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'row', align: 'center' }, { children: [(0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3', style: {
-                                            fontWeight: 600
-                                        } }, { children: (names === null || names === void 0 ? void 0 : names.y) || 'y' })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: values__ === null || values__ === void 0 ? void 0 : values__[1] }))] })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'row', align: 'center' }, { children: [(0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3', style: {
-                                            fontWeight: 600
-                                        } }, { children: (names === null || names === void 0 ? void 0 : names.x) || 'x' })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: values__ === null || values__ === void 0 ? void 0 : values__[0] }))] })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'row', align: 'center' }, { children: [(0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3', style: {
-                                            fontWeight: 600
-                                        } }, { children: (names === null || names === void 0 ? void 0 : names.size) || 'Size' })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: values__ === null || values__ === void 0 ? void 0 : values__[2] }))] }))] }))] })))
-        };
-    };
-    const tooltipGroupRender = (0, utils_1.is)('function', tooltipGroupRender_) ? tooltipGroupRender_ : (groups, groupsSorted) => {
-        return ((0, jsx_runtime_1.jsx)(Line, Object.assign({ tonal: tonal, color: color, elevation: 1, gap: 0.25, direction: 'column', Component: Surface, className: (0, style_react_1.classNames)([
-                (0, utils_2.staticClassName)('BubbleChart', theme) && [
-                    'onesy-BubbleChart-append'
-                ],
-                classes.append
-            ]) }, { children: (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'column', style: {
-                    width: '100%'
-                } }, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'row', align: 'center' }, { children: [(0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3', style: {
-                                    fontWeight: 600
-                                } }, { children: "Label" })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3', style: {
-                                    fontWeight: 600
-                                } }, { children: (names === null || names === void 0 ? void 0 : names.y) || 'y' })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3', style: {
-                                    fontWeight: 600
-                                } }, { children: (names === null || names === void 0 ? void 0 : names.x) || 'x' })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3', style: {
-                                    fontWeight: 600
-                                } }, { children: (names === null || names === void 0 ? void 0 : names.size) || 'Size' }))] })), (0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 1, direction: 'column' }, { children: groupsSorted.map((group, index) => {
-                            var _a, _b;
-                            return ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'column', style: {
-                                    width: '100%'
-                                } }, { children: [(0, jsx_runtime_1.jsx)("span", { className: (0, style_react_1.classNames)([
-                                            (0, utils_2.staticClassName)('BubbleChart', theme) && [
-                                                'onesy-BubbleChart-append-icon'
-                                            ],
-                                            classes.append_icon
-                                        ]), style: {
-                                            background: !theme.palette.color[group] ? group : theme.palette.color[group][((_b = (_a = groups[group][0]) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.tone) || 'main']
-                                        } }), (0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 0, direction: 'column', style: {
-                                            width: '100%'
-                                        } }, { children: groups[group].map((item, index_) => {
-                                            var _a, _b, _c, _d;
-                                            return ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'row', style: {
-                                                    width: '100%'
-                                                } }, { children: [(0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: (_a = item === null || item === void 0 ? void 0 : item.values) === null || _a === void 0 ? void 0 : _a[3] })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: (_b = item === null || item === void 0 ? void 0 : item.values) === null || _b === void 0 ? void 0 : _b[1] })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: (_c = item === null || item === void 0 ? void 0 : item.values) === null || _c === void 0 ? void 0 : _c[0] })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: (_d = item === null || item === void 0 ? void 0 : item.values) === null || _d === void 0 ? void 0 : _d[2] }))] }), index_));
-                                        }) }))] }), index));
-                        }) }))] })) })));
-    };
-    values.sort((a, b) => { var _a, _b; return ((_a = a.values) === null || _a === void 0 ? void 0 : _a[2]) - ((_b = b.values) === null || _b === void 0 ? void 0 : _b[2]); });
-    const minSize = (_b = (_a = values[0]) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b[2];
-    const maxSize = (_d = (_c = values[values.length - 1]) === null || _c === void 0 ? void 0 : _c.values) === null || _d === void 0 ? void 0 : _d[2];
-    return ((0, jsx_runtime_1.jsx)(Chart, Object.assign({ ref: ref, tonal: tonal, color: color, values: values, pointsVisibility: 'hidden', elementTooltip: true, tooltipRender: tooltipRender, tooltipGroupRender: tooltipGroupRender, className: (0, style_react_1.classNames)([
-            (0, utils_2.staticClassName)('BubbleChart', theme) && [
-                'onesy-BubbleChart-root'
-            ],
-            className,
-            classes.root
-        ]) }, other, { children: (0, utils_1.is)('array', values) && values.map((item, index) => ((0, jsx_runtime_1.jsx)(BubbleChartItem, Object.assign({ animate: animate, animateTimeout: animateTimeout, minSize: minSize, maxSize: maxSize }, item), index))) })));
-});
-BubbleChart.displayName = 'onesy-BubbleChart';
-exports.default = BubbleChart;