@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/es/ChartsConfig/Title.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-import Grid from '@mui/material/Grid';
-import Typography from '@mui/material/Typography';
-
-export var useStyles = makeStyles(function (theme) {
-  return {
-    title: R.pathOr({}, ['mixins', 'chartsConfig', 'title'], theme)
-  };
-});
-
-var Title = function Title(_ref) {
-  var icon = _ref.icon,
-      label = _ref.label;
-
-  var classes = useStyles();
-
-  return React.createElement(
-    Grid,
-    { container: true },
-    !R.isNil(icon) && icon,
-    React.createElement(
-      Typography,
-      { className: classes.title, inline: 'true' },
-      label
-    )
-  );
-};
-
-Title.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.string,
-  icon: PropTypes.node
-} : {};
-
-export default Title;

package/es/ChartsConfig/index.js

@@ -1,213 +0,0 @@
-/**
- * ChartsConfig, it's a specific component for the configuration of charts
- *
- * @memberOf VISIONS
- * @name ChartsConfig
- * @tag component
- * @api public
- * @demoReady
- * @props
- * ChartsConfig.propTypes = {
- *   labels: PropTypes.object,
- *   properties: PropTypes.shape({
- *     highlight: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *     }),
- *     baseline: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *     }),
- *     width: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     height: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     freqStep: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     scatterDimension: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     scatterX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     scatterY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     symbolDimension: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     stackedDimension: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     stackedMode: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.string,
- *     }),
- *     maxX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     minX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     pivotX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     stepX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     maxY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     minY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     pivotY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     stepY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *   }),
- *   onSubmit: PropTypes.func,
- * };
- * @theme
- * // Select (drop down list, See Select Component)
- *
- * {
- *    palette: {
- *      secondary: {
- *        dark: // background color of "Axis"
- *      }
- *      grey: {
- *        600: // text color of labels "Axis"
- *      }
- *    },
- *    mixins: {
- *      chartsConfig: {
- *        root: {
- *          // font, color of the complete component except "Axis" part
- *        }
- *      }
- *    }
- * }
- **/
-
-export { default } from './ChartsConfig';

package/es/ChartsConfig/useAxisOptions.js

@@ -1,9 +0,0 @@
-import * as R from 'ramda';
-
-var useAxisOptions = function useAxisOptions(properties, suffix) {
-  var keys = ['min' + suffix, 'max' + suffix, 'pivot' + suffix, 'step' + suffix];
-
-  return R.pipe(R.pick(keys), R.keys)(properties);
-};
-
-export default useAxisOptions;

package/es/ChartsConfig/useDimensionOptions.js

@@ -1,12 +0,0 @@
-import { useMemo } from 'react';
-import * as R from 'ramda';
-
-var useDimensionOptions = function useDimensionOptions(properties) {
-  var dimensions = useMemo(function () {
-    return R.pipe(R.pick(['scatterDimension', 'scatterX', 'scatterY', 'symbolDimension', 'stackedDimension']), R.toPairs)(properties);
-  }, [properties]);
-
-  return [dimensions];
-};
-
-export default useDimensionOptions;

package/es/ChartsConfig/useFocusOptions.js

@@ -1,22 +0,0 @@
-import { useMemo } from 'react';
-import * as R from 'ramda';
-
-var hasUniqUnlabelledOption = R.allPass([R.pipe(R.length, R.equals(1)), R.pipe(R.head, R.prop('label'), R.anyPass([R.isNil, R.isEmpty]))]);
-
-var useFocusOptions = function useFocusOptions() {
-  var focus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var labels = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var options = useMemo(function () {
-    return R.when(hasUniqUnlabelledOption, R.set(R.lensPath([0, 'label']), R.prop('uniqFocusOption', labels)))(focus.options);
-  }, [labels, focus.options]);
-
-  var indexedOptions = useMemo(function () {
-    if (!options) return {};
-    return R.indexBy(R.prop('value'), options);
-  }, [options]);
-
-  return [options, indexedOptions];
-};
-
-export default useFocusOptions;

package/es/ChartsConfig/utils.js

@@ -1,6 +0,0 @@
-import * as R from 'ramda';
-
-// adapters for new Select which has not the same API as react-select
-export var extractMultipleValue = R.pipe(R.propOr([], 'value'), R.pluck('value'));
-
-export var getValue = R.ifElse(R.is(String), R.identity, R.prop('value'));

package/es/Chips/CustomChip.js

@@ -1,139 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import cx from 'classnames';
-import { useTheme } from '@mui/material/styles';
-import makeStyles from '@mui/styles/makeStyles';
-import IconButton from '@mui/material/IconButton';
-import Chip from '@mui/material/Chip';
-import Cross from '../Icons/Cross';
-import { getIsRtl } from '../utils';
-import Tooltip from '../Tooltip';
-import makeStylesFn from './styles';
-import { myTooltipRenderer, myTooltipRendererSrOnly, showMultiLinedTooltip, shownTooltip } from './utils';
-import useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';
-
-var useStyles = makeStyles(makeStylesFn);
-
-var CustomChip = function CustomChip(_ref) {
-  var _cx;
-
-  var id = _ref.id,
-      parentId = _ref.parentId,
-      _ref$items = _ref.items,
-      items = _ref$items === undefined ? [] : _ref$items,
-      label = _ref.label,
-      onDelete = _ref.onDelete,
-      renderer = _ref.renderer,
-      chipClasses = _ref.chipClasses,
-      iconClasses = _ref.iconClasses,
-      labelClasses = _ref.labelClasses,
-      _ref$ariaLabel = _ref.ariaLabel,
-      ariaLabel = _ref$ariaLabel === undefined ? 'delete' : _ref$ariaLabel,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'deleteChip-test-id' : _ref$testId,
-      _ref$labelRenderer = _ref.labelRenderer,
-      labelRenderer = _ref$labelRenderer === undefined ? R.prop('label') : _ref$labelRenderer,
-      ariaLabelTooltip = _ref.ariaLabelTooltip,
-      deprecated = _ref.deprecated;
-
-  var theme = useTheme();
-  var isRtl = getIsRtl(theme);
-  var classes = useStyles();
-  var mapIndexed = R.addIndex(R.map);
-  var onChange = R.is(Function)(onDelete) ? function () {
-    return onDelete(parentId, R.isNil(id) ? [] : R.append(id, deprecated || []));
-  } : null;
-  var hasTooltip = shownTooltip(items);
-  var hasMultiLinedTooltip = showMultiLinedTooltip(items);
-  var multiLinedTooltipRenderer = function multiLinedTooltipRenderer(arr) {
-    return mapIndexed(function (item, index) {
-      return React.createElement(
-        'div',
-        { key: index },
-        myTooltipRenderer({ isRtl: isRtl, labelRenderer: labelRenderer })(item),
-        React.createElement('br', null)
-      );
-    })(R.prop('parents')(R.head(arr)));
-  };
-
-  var multiLinedTooltipRendererSrOnly = function multiLinedTooltipRendererSrOnly(items) {
-    return R.join(',')(R.map(myTooltipRendererSrOnly({ isRtl: isRtl, labelRenderer: labelRenderer, ariaLabelTooltip: ariaLabelTooltip }), R.propOr([], 'parents')(R.head(items))));
-  };
-
-  var _useKeyboardEscapeHan = useKeyboardEscapeHandler(),
-      open = _useKeyboardEscapeHan.open,
-      setOpen = _useKeyboardEscapeHan.setOpen;
-
-  return React.createElement(Chip, {
-    'data-testid': testId,
-    size: 'small',
-    'aria-label': label,
-    tabIndex: R.isNil(onDelete) ? 0 : -1,
-    label: hasTooltip || hasMultiLinedTooltip ? React.createElement(
-      Tooltip,
-      {
-        placement: 'top',
-        title: hasTooltip ? renderer(items) : hasMultiLinedTooltip ? multiLinedTooltipRenderer(items) : '',
-        tabIndex: 0,
-        'aria-label': hasTooltip ? myTooltipRendererSrOnly({ isRtl: isRtl, labelRenderer: labelRenderer, ariaLabelTooltip: ariaLabelTooltip })(items) : hasMultiLinedTooltip ? multiLinedTooltipRendererSrOnly(items) : null,
-        'aria-hidden': false,
-        onOpen: function onOpen() {
-          return setOpen(true);
-        },
-        onClose: function onClose() {
-          return setOpen(false);
-        },
-        disableHoverListener: !hasTooltip && !hasMultiLinedTooltip,
-        open: open
-      },
-      React.createElement(
-        'span',
-        null,
-        '...',
-        React.createElement(
-          'span',
-          { className: classes.childrenIndicator },
-          '>'
-        ),
-        label
-      )
-    ) : label,
-    role: 'presentation',
-    deleteIcon: React.createElement(
-      IconButton,
-      {
-        disableRipple: true,
-        className: iconClasses,
-        'aria-label': ariaLabel + ' ' + label,
-        component: 'span',
-        tabIndex: 0,
-        size: 'small'
-      },
-      React.createElement(Cross, null)
-    ),
-    clickable: true,
-    onDelete: onChange,
-    className: cx(chipClasses, (_cx = {}, _cx[classes.tooltipIndicator] = hasTooltip || hasMultiLinedTooltip, _cx)),
-    classes: { label: labelClasses }
-  });
-};
-
-CustomChip.propTypes = process.env.NODE_ENV !== "production" ? {
-  testId: PropTypes.string,
-  id: PropTypes.string,
-  parentId: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  onDelete: PropTypes.func,
-  renderer: PropTypes.func,
-  chipClasses: PropTypes.string,
-  iconClasses: PropTypes.string,
-  labelClasses: PropTypes.string,
-  ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  items: PropTypes.array,
-  labelRenderer: PropTypes.func,
-  deprecated: PropTypes.array,
-  ariaLabelTooltip: PropTypes.string
-} : {};
-
-export default CustomChip;

package/es/Chips/DeleteChip.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import makeStyles from '@mui/styles/makeStyles';
-import makeStylesFn from './styles';
-import CustomChip from './CustomChip';
-
-var useStyles = makeStyles(makeStylesFn);
-
-var DeleteChip = function DeleteChip(_ref) {
-  var onDeleteAll = _ref.onDeleteAll,
-      clearAllLabel = _ref.clearAllLabel,
-      ariaLabel = _ref.ariaLabel;
-
-  var classes = useStyles();
-  return React.createElement(CustomChip, {
-    label: clearAllLabel,
-    ariaLabel: ariaLabel,
-    chipClasses: cx(classes.mainChip, classes.chip),
-    onDelete: onDeleteAll,
-    iconClasses: classes.icon,
-    labelClasses: cx(classes.spaceLabel, classes.formatLabel)
-  });
-};
-
-DeleteChip.propTypes = process.env.NODE_ENV !== "production" ? {
-  onDeleteAll: PropTypes.func,
-  ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  clearAllLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-} : {};
-
-export default DeleteChip;

package/es/Chips/GroupedChips.js

@@ -1,106 +0,0 @@
-import { useTheme } from '@mui/material/styles';
-import makeStyles from '@mui/styles/makeStyles';
-import PropTypes from 'prop-types';
-import React, { Fragment } from 'react';
-import * as R from 'ramda';
-import cx from 'classnames';
-import { getIsRtl } from '../utils';
-import makeStylesFn from './styles';
-import CustomChip from './CustomChip';
-import { myTooltipRenderer } from './utils';
-
-var useStyles = makeStyles(makeStylesFn);
-
-var GroupedChips = function GroupedChips(_ref) {
-  var _ref$itemProps = _ref.itemProps,
-      itemProps = _ref$itemProps === undefined ? {} : _ref$itemProps,
-      onDelete = _ref.onDelete,
-      _ref$labelRenderer = _ref.labelRenderer,
-      labelRenderer = _ref$labelRenderer === undefined ? R.prop('label') : _ref$labelRenderer,
-      tooltipRenderer = _ref.tooltipRenderer,
-      ariaLabel = _ref.ariaLabel,
-      _ref$reducingNbChips = _ref.reducingNbChips,
-      reducingNbChips = _ref$reducingNbChips === undefined ? 15 : _ref$reducingNbChips,
-      labels = _ref.labels,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'chips-test-id' : _ref$testId,
-      _ref$ariaLabelTooltip = _ref.ariaLabelTooltip,
-      ariaLabelTooltip = _ref$ariaLabelTooltip === undefined ? ' parent of ' : _ref$ariaLabelTooltip;
-  var parentId = itemProps.id,
-      isNotRemovable = itemProps.isNotRemovable,
-      _itemProps$values = itemProps.values,
-      values = _itemProps$values === undefined ? [] : _itemProps$values;
-
-  var theme = useTheme();
-  var isRtl = getIsRtl(theme);
-  var classes = useStyles();
-
-  return React.createElement(
-    Fragment,
-    null,
-    React.createElement(CustomChip, {
-      testId: testId,
-      parentId: parentId,
-      label: labelRenderer(itemProps) + ':',
-      ariaLabel: ariaLabel,
-      chipClasses: cx(classes.mainChip, classes.chip),
-      onDelete: isNotRemovable ? null : onDelete,
-      iconClasses: classes.icon,
-      labelClasses: cx(classes.spaceLabel, classes.formatLabel)
-    }),
-    R.pipe(R.length, R.flip(R.gt)(reducingNbChips))(values) ? React.createElement(CustomChip, {
-      parentId: parentId,
-      label: R.length(values) + ' ' + R.prop('reducingChip')(labels),
-      chipClasses: cx(classes.secondaryChip, classes.chip),
-      onDelete: isNotRemovable ? null : onDelete,
-      iconClasses: classes.icon,
-      labelClasses: cx(classes.spaceLabel, classes.formatLabel)
-    }) : R.map(function (items) {
-      var lastItem = R.last(items);
-      var id = lastItem.id,
-          isNotRemovable = lastItem.isNotRemovable,
-          deprecated = lastItem.deprecated;
-
-
-      return React.createElement(CustomChip, {
-        deprecated: deprecated,
-        key: id,
-        id: id,
-        items: R.pipe(R.length, R.gte(2)) ? items : null,
-        renderer: R.is(Function)(tooltipRenderer) ? tooltipRenderer : myTooltipRenderer({ isRtl: isRtl, labelRenderer: labelRenderer }),
-        label: labelRenderer(lastItem),
-        labelRenderer: labelRenderer,
-        ariaLabel: ariaLabel,
-        parentId: parentId,
-        onDelete: isNotRemovable ? null : onDelete,
-        chipClasses: cx(classes.secondaryChip, classes.chip),
-        iconClasses: classes.icon,
-        labelClasses: cx(classes.spaceLabel, classes.formatLabel),
-        ariaLabelTooltip: ariaLabelTooltip
-      });
-    })(values)
-  );
-};
-GroupedChips.propTypes = process.env.NODE_ENV !== "production" ? {
-  testId: PropTypes.string,
-  itemProps: PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    isNotRemovable: PropTypes.bool,
-    values: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.shape({
-      id: PropTypes.string,
-      label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-      isNotRemovable: PropTypes.bool
-    })))
-  }),
-  onDelete: PropTypes.func,
-  labelRenderer: PropTypes.func,
-  tooltipRenderer: PropTypes.func,
-  ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  reducingNbChips: PropTypes.number,
-  labels: PropTypes.shape({
-    reducingChip: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  }),
-  ariaLabelTooltip: PropTypes.string
-} : {};
-export default GroupedChips;

package/es/Chips/index.js

@@ -1,69 +0,0 @@
-/**
- * GroupedChips, is like a small board of whatever you want to show. You can delete sub item, item with sub item or all items
- * DeleteAllChip, is a chip that deletes all items displayed in the board
- * reducingNbChips: default 15, allow a possibility to reduce many chips to one. You will see the numbers of items inside the chip
- *
- * @memberOf VISIONS
- * @name Chips
- * @tag component
- * @api public
- * @demoReady
- * GroupedChips.propTypes = {
- *  testId: PropTypes.string,
- *  itemProps: PropTypes.shape({
- *    id: PropTypes.string,
- *    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *    isNotRemovable: PropTypes.bool,
- *    values: PropTypes.arrayOf(
- *      PropTypes.arrayOf(
- *        PropTypes.shape({
- *          id: PropTypes.string,
- *          label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *          isNotRemovable: PropTypes.bool,
- *        }),
- *      ),
- *    ),
- *  }),
- *  onDelete: PropTypes.func,
- *  labelRenderer: PropTypes.func,
- *  tooltipRenderer: PropTypes.func,
- *  ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *  reducingNbChips: PropTypes.number,
- *  labels: PropTypes.shape({
- *    reducingChip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *  }),
- * };
- * 
- * DeleteAllChip.propTypes = {
- * onDeleteAll: PropTypes.func,
- * ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- * clearAllLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-};
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       main: // color of icon, text values and tooltip indicator*. global override: outerPalette.primaryMain
- *     },
- *     tertiary: {
- *       light: // background color of values
- *       dark: // background color hover and focus if values
- *     },
- *     grey: {
- *       100: // used if you set tertiary light to null
- *       300: // used if you set tertiary light to null
- *       700: // divider's color
- *     },
- *     text: {
- *       primary: // color of main chip label. globale override: outerPalette.textDark
- *     },
- *   },
- *   typography: {
- *     body2: // tooltip font
- *   }
- * }
- * // *tooltip indicator is the dotted line under a chip
- */
-
-export { default } from './GroupedChips';
-export { default as DeleteAllChip } from './DeleteChip';