@onesy/ui-react 1.0.59 → 1.0.63

package/esm/AutoCompleteCountry/AutoCompleteCountry.js

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["value", "valueDefault", "valueInputDefault", "size", "className", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { countries } from '@onesy/utils';
-import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import AutoCompleteElement from '../AutoComplete';
-import ListItemElement from '../ListItem';
-import TypeElement from '../Type';
-import { staticClassName } from '../utils';
-const useStyle = styleMethod(theme => ({
-  root: {}
-}), {
-  name: 'onesy-AutoCompleteCountry'
-});
-const AutoCompleteCountry = /*#__PURE__*/React.forwardRef((props_, ref) => {
-  const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyAutoCompleteCountry?.props?.default), props_), [props_]);
-  const AutoComplete = React.useMemo(() => theme?.elements?.AutoComplete || AutoCompleteElement, [theme]);
-  const ListItem = React.useMemo(() => theme?.elements?.ListItem || ListItemElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
-  const {
-      value,
-      valueDefault,
-      valueInputDefault: valueInputDefault_,
-      size = 'regular',
-      className,
-      children
-    } = props,
-    other = _objectWithoutProperties(props, _excluded);
-  const {
-    classes
-  } = useStyle();
-
-  // {
-  //   flag: string;
-  //   name: string;
-  //   full_name: string;
-  //   sovereignty: string;
-  //   'alpha-2': string;
-  //   'alpha-3': string;
-  //   numeric: string;
-  //   subdivision: string;
-  //   tlds: string[];
-  // }
-  const options = React.useMemo(() => {
-    return countries.map(item => _objectSpread(_objectSpread({}, item), {}, {
-      value: item['alpha-2']
-    }));
-  }, [countries]);
-  const valueInputDefault = React.useMemo(() => {
-    return valueInputDefault_ !== undefined ? valueInputDefault_ : options.find(item => item.value === (value !== undefined ? value : valueDefault))?.name;
-  }, []);
-  return /*#__PURE__*/React.createElement(AutoComplete, _extends({
-    ref: ref,
-    valueInputDefault: valueInputDefault,
-    valueDefault: valueDefault,
-    value: value,
-    options: options,
-    size: size,
-    renderOption: (item, index_, propsItem) => /*#__PURE__*/React.createElement(ListItem, _extends({
-      key: index_,
-      start: item.flag,
-      startAlign: "center",
-      primary: /*#__PURE__*/React.createElement(Type, {
-        version: "b3"
-      }, item.name),
-      value: item.value,
-      selected: item.value === (value?.value !== undefined ? value?.value : value),
-      size: "small",
-      button: true
-    }, propsItem)),
-    className: classNames([staticClassName('AutoCompleteCountry', theme) && ['onesy-AutoCompleteCountry-root', `onesy-AutoCompleteCountry-size-${size}`], className, classes.root])
-  }, other));
-});
-AutoCompleteCountry.displayName = 'onesy-AutoCompleteCountry';
-export default AutoCompleteCountry;

package/esm/AutoCompleteCurrency/AutoCompleteCurrency.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["valueInputDefault", "size", "className", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import AutoCompleteElement from '../AutoComplete';
-import { currencies, staticClassName } from '../utils';
-const useStyle = styleMethod(theme => ({
-  root: {}
-}), {
-  name: 'onesy-AutoCompleteCurrency'
-});
-const AutoCompleteCurrency = /*#__PURE__*/React.forwardRef((props_, ref) => {
-  const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyAutoCompleteCurrency?.props?.default), props_), [props_]);
-  const AutoComplete = React.useMemo(() => theme?.elements?.AutoComplete || AutoCompleteElement, [theme]);
-  const {
-      valueInputDefault: valueInputDefault_,
-      size = 'regular',
-      className,
-      children
-    } = props,
-    other = _objectWithoutProperties(props, _excluded);
-  const {
-    classes
-  } = useStyle();
-
-  // {
-  //   symbol: '€',
-  //   name: 'Euro',
-  //   symbol_native: '€',
-  //   'decimal_digits': 2,
-  //   rounding: 0,
-  //   code: 'EUR',
-  //   name_plural: 'euros'
-  // }
-  const options = React.useMemo(() => {
-    return [{
-      name: 'No currency',
-      value: ''
-    }, ...currencies.map(item => ({
-      name: `${item.code} ${item.name} (${item.symbol})`,
-      value: item.code
-    }))];
-  }, [currencies]);
-  const valueInputDefault = React.useMemo(() => {
-    return valueInputDefault_ !== undefined ? valueInputDefault_ : options.find(item => item.value === (other.value !== undefined ? other.value : other.valueDefault))?.name;
-  }, []);
-  return /*#__PURE__*/React.createElement(AutoComplete, _extends({
-    ref: ref,
-    valueInputDefault: valueInputDefault,
-    options: options,
-    size: size,
-    className: classNames([staticClassName('AutoCompleteCurrency', theme) && ['onesy-AutoCompleteCurrency-root', `onesy-AutoCompleteCurrency-size-${size}`], className, classes.root])
-  }, other));
-});
-AutoCompleteCurrency.displayName = 'onesy-AutoCompleteCurrency';
-export default AutoCompleteCurrency;

package/esm/Breadcrumbs/Breadcrumbs.js

@@ -1,155 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["max", "separator", "renderMore", "IconMore", "Component", "MoreProps", "className", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { clamp, is, unique } from '@onesy/utils';
-import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialNavigateNext from '@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100';
-import IconMaterialMoreHoriz from '@onesy/icons-material-rounded-react/IconMaterialMoreHorizW100';
-import LineElement from '../Line';
-import TypeElement from '../Type';
-import IconButtonElement from '../IconButton';
-import useMediaQuery from '../useMediaQuery';
-import { staticClassName, valueBreakpoints } from '../utils';
-const useStyle = styleMethod(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 = /*#__PURE__*/React.forwardRef((props_, ref) => {
-  const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyBreadcrumbs?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
-  const {
-      max: max_,
-      separator = /*#__PURE__*/React.createElement(IconMaterialNavigateNext, {
-        size: "small"
-      }),
-      renderMore,
-      IconMore = IconMaterialMoreHoriz,
-      Component = 'nav',
-      MoreProps,
-      className,
-      children: children_
-    } = props,
-    other = _objectWithoutProperties(props, _excluded);
-  const {
-    classes
-  } = useStyle();
-  const refs = {
-    root: React.useRef(undefined)
-  };
-  const keys = React.useMemo(() => {
-    const result = [];
-    const items = [max_];
-    items.forEach(item => {
-      if (is('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key => result.push(key));
-    });
-    return unique(result);
-  }, [max_]);
-  const breakpoints = {};
-  keys.forEach(key => {
-    breakpoints[key] = useMediaQuery(theme.breakpoints.media[key], {
-      element: refs.root.current
-    });
-  });
-  let max = valueBreakpoints(max_, undefined, breakpoints, theme);
-  max = clamp(max, 2);
-  const onExpandMore = () => {
-    setChildren(resolve(children_, false));
-  };
-  const resolve = function () {
-    let items_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : children_;
-    let maxValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : max;
-    let items = React.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, is('function', renderMore) ? renderMore(onExpandMore) : /*#__PURE__*/React.createElement(IconButton, _extends({
-        color: "default",
-        size: "small",
-        onClick: onExpandMore,
-        "aria-label": "Expand more path"
-      }, MoreProps, {
-        className: classNames([staticClassName('Breadcrumbs', theme) && ['onesy-Breadcrumbs-expand-more'], MoreProps?.className, classes.expandMore])
-      }), /*#__PURE__*/React.createElement(IconMore, {
-        size: "small"
-      })), ...end];
-    }
-    return items;
-  };
-  const [init, setInit] = React.useState(false);
-  const [children, setChildren] = React.useState(resolve);
-  React.useEffect(() => {
-    setInit(true);
-  }, []);
-  React.useEffect(() => {
-    if (init) setChildren(resolve(children_));
-  }, [children_, max]);
-  const Separator = is('simple', separator) ? /*#__PURE__*/React.createElement(Type, {
-    version: "b2",
-    "aria-hidden": true,
-    Component: "span"
-  }, separator) : /*#__PURE__*/React.cloneElement(separator, {
-    'aria-hidden': true
-  });
-  const childrenToUse = children.flatMap((item, index) => [item, index !== children.length - 1 && Separator].filter(Boolean));
-  return /*#__PURE__*/React.createElement(Line, _extends({
-    ref: item => {
-      if (ref) {
-        if (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: classNames([staticClassName('Breadcrumbs', theme) && ['onesy-Breadcrumbs-root'], className, classes.root])
-  }), childrenToUse.map((item, index) => {
-    const itemProps = {};
-    if (index === childrenToUse.length - 1) {
-      itemProps['aria-current'] = 'page';
-    }
-    if (is('simple', item)) {
-      return /*#__PURE__*/React.createElement(Type, _extends({
-        key: index,
-        version: "b2",
-        Component: "span"
-      }, itemProps, {
-        className: classNames([staticClassName('Breadcrumbs', theme) && ['onesy-Breadcrumbs-item'], classes.item])
-      }), item);
-    }
-    return /*#__PURE__*/React.cloneElement(item, _objectSpread({
-      key: index,
-      className: classNames([staticClassName('Breadcrumbs', theme) && ['onesy-Breadcrumbs-item'], item?.props?.className, classes.item])
-    }, itemProps));
-  }));
-});
-Breadcrumbs.displayName = 'onesy-Breadcrumbs';
-export default Breadcrumbs;

package/esm/BubbleChart/BubbleChart.js

@@ -1,231 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["tonal", "color", "names", "values", "animate", "animateTimeout", "tooltipRender", "tooltipGroupRender", "className"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { is } from '@onesy/utils';
-import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import ChartElement from '../Chart';
-import LineElement from '../Line';
-import TypeElement from '../Type';
-import SurfaceElement from '../Surface';
-import BubbleChartItemElement from '../BubbleChartItem';
-import { staticClassName } from '../utils';
-const useStyle = styleMethod(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 = /*#__PURE__*/React.forwardRef((props_, ref) => {
-  const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyBubbleChart?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Chart = React.useMemo(() => theme?.elements?.Chart || ChartElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
-  const Surface = React.useMemo(() => theme?.elements?.Surface || SurfaceElement, [theme]);
-  const BubbleChartItem = React.useMemo(() => theme?.elements?.BubbleChartItem || BubbleChartItemElement, [theme]);
-  const {
-      tonal = true,
-      color = 'primary',
-      names,
-      values,
-      animate,
-      animateTimeout,
-      tooltipRender: tooltipRender_,
-      tooltipGroupRender: tooltipGroupRender_,
-      className
-    } = props,
-    other = _objectWithoutProperties(props, _excluded);
-  const {
-    classes
-  } = useStyle();
-  const tooltipRender = is('function', tooltipRender_) ? tooltipRender_ : values_ => {
-    const {
-      values: values__
-    } = values_;
-    return {
-      element: /*#__PURE__*/React.createElement(Line, {
-        tonal: tonal,
-        color: color,
-        elevation: 1,
-        gap: 0.5,
-        direction: "column",
-        Component: Surface,
-        className: classNames([staticClassName('BubbleChart', theme) && ['onesy-BubbleChart-append'], classes.append])
-      }, /*#__PURE__*/React.createElement(Line, {
-        gap: 1,
-        direction: "row",
-        align: "center"
-      }, /*#__PURE__*/React.createElement(Type, {
-        version: "b3"
-      }, values__?.[3])), /*#__PURE__*/React.createElement(Line, {
-        gap: 0.4,
-        direction: "column"
-      }, /*#__PURE__*/React.createElement(Line, {
-        gap: 1,
-        direction: "row",
-        align: "center"
-      }, /*#__PURE__*/React.createElement(Type, {
-        version: "b3",
-        style: {
-          fontWeight: 600
-        }
-      }, names?.y || 'y'), /*#__PURE__*/React.createElement(Type, {
-        version: "b3"
-      }, values__?.[1])), /*#__PURE__*/React.createElement(Line, {
-        gap: 1,
-        direction: "row",
-        align: "center"
-      }, /*#__PURE__*/React.createElement(Type, {
-        version: "b3",
-        style: {
-          fontWeight: 600
-        }
-      }, names?.x || 'x'), /*#__PURE__*/React.createElement(Type, {
-        version: "b3"
-      }, values__?.[0])), /*#__PURE__*/React.createElement(Line, {
-        gap: 1,
-        direction: "row",
-        align: "center"
-      }, /*#__PURE__*/React.createElement(Type, {
-        version: "b3",
-        style: {
-          fontWeight: 600
-        }
-      }, names?.size || 'Size'), /*#__PURE__*/React.createElement(Type, {
-        version: "b3"
-      }, values__?.[2]))))
-    };
-  };
-  const tooltipGroupRender = is('function', tooltipGroupRender_) ? tooltipGroupRender_ : (groups, groupsSorted) => {
-    return /*#__PURE__*/React.createElement(Line, {
-      tonal: tonal,
-      color: color,
-      elevation: 1,
-      gap: 0.25,
-      direction: "column",
-      Component: Surface,
-      className: classNames([staticClassName('BubbleChart', theme) && ['onesy-BubbleChart-append'], classes.append])
-    }, /*#__PURE__*/React.createElement(Line, {
-      gap: 1,
-      direction: "column",
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(Line, {
-      gap: 1,
-      direction: "row",
-      align: "center"
-    }, /*#__PURE__*/React.createElement(Type, {
-      version: "b3",
-      style: {
-        fontWeight: 600
-      }
-    }, "Label"), /*#__PURE__*/React.createElement(Type, {
-      version: "b3",
-      style: {
-        fontWeight: 600
-      }
-    }, names?.y || 'y'), /*#__PURE__*/React.createElement(Type, {
-      version: "b3",
-      style: {
-        fontWeight: 600
-      }
-    }, names?.x || 'x'), /*#__PURE__*/React.createElement(Type, {
-      version: "b3",
-      style: {
-        fontWeight: 600
-      }
-    }, names?.size || 'Size')), /*#__PURE__*/React.createElement(Line, {
-      gap: 1,
-      direction: "column"
-    }, groupsSorted.map((group, index) => /*#__PURE__*/React.createElement(Line, {
-      key: index,
-      gap: 1,
-      direction: "column",
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: classNames([staticClassName('BubbleChart', theme) && ['onesy-BubbleChart-append-icon'], classes.append_icon]),
-      style: {
-        background: !theme.palette.color[group] ? group : theme.palette.color[group][groups[group][0]?.item?.tone || 'main']
-      }
-    }), /*#__PURE__*/React.createElement(Line, {
-      gap: 0,
-      direction: "column",
-      style: {
-        width: '100%'
-      }
-    }, groups[group].map((item, index_) => /*#__PURE__*/React.createElement(Line, {
-      key: index_,
-      gap: 1,
-      direction: "row",
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(Type, {
-      version: "b3"
-    }, item?.values?.[3]), /*#__PURE__*/React.createElement(Type, {
-      version: "b3"
-    }, item?.values?.[1]), /*#__PURE__*/React.createElement(Type, {
-      version: "b3"
-    }, item?.values?.[0]), /*#__PURE__*/React.createElement(Type, {
-      version: "b3"
-    }, item?.values?.[2])))))))));
-  };
-  values.sort((a, b) => a.values?.[2] - b.values?.[2]);
-  const minSize = values[0]?.values?.[2];
-  const maxSize = values[values.length - 1]?.values?.[2];
-  return /*#__PURE__*/React.createElement(Chart, _extends({
-    ref: ref,
-    tonal: tonal,
-    color: color,
-    values: values,
-    pointsVisibility: "hidden",
-    elementTooltip: true,
-    tooltipRender: tooltipRender,
-    tooltipGroupRender: tooltipGroupRender,
-    className: classNames([staticClassName('BubbleChart', theme) && ['onesy-BubbleChart-root'], className, classes.root])
-  }, other), is('array', values) && values.map((item, index) => /*#__PURE__*/React.createElement(BubbleChartItem, _extends({
-    key: index,
-    animate: animate,
-    animateTimeout: animateTimeout,
-    minSize: minSize,
-    maxSize: maxSize
-  }, item))));
-});
-BubbleChart.displayName = 'onesy-BubbleChart';
-export default BubbleChart;