@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/es/DynamicDrawer/DynamicDrawer.js

@@ -1,418 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-import React, { useState, useEffect, useMemo } from 'react';
-import * as R from 'ramda';
-import cx from 'classnames';
-import Box from '@mui/material/Box';
-import AdvancedSelection from './AdvancedSelection';
-import Paper from '@mui/material/Paper';
-import Tab from '@mui/material/Tab';
-import Tabs from '@mui/material/Tabs';
-import Typography from '@mui/material/Typography';
-import makeStyles from '@mui/styles/makeStyles';
-import CloseIcon from '@mui/icons-material/Close';
-import IconButton from '@mui/material/Button';
-import BackIcon from '@mui/icons-material/ArrowBack';
-import { Button, Tag as InternalTag } from '..';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    label: _extends({
-      textTransform: 'none',
-      color: theme.palette.grey[700]
-    }, R.pathOr({}, ['mixins', 'expansionPanel', 'title'], theme)),
-    labelSelected: {
-      color: theme.palette.primary.main
-    },
-    tabSelected: {
-      backgroundColor: theme.palette.action.hover + ' !important',
-      '&:hover': {
-        backgroundColor: theme.palette.action.selected + ' !important'
-      }
-    },
-    tab: {
-      '&:hover': {
-        backgroundColor: '' + theme.palette.action.selected
-      }
-    },
-    tabPanel: {
-      backgroundColor: theme.palette.background.default,
-      position: 'absolute',
-      top: '176px',
-      zIndex: 1000,
-      width: '80vw',
-      height: '100vh',
-      left: '200px'
-    }
-  };
-});
-var getCounter = function getCounter(items, tagAccessor) {
-  var selectedItemsIds = R.reduce(function (acc, item) {
-    if (R.prop('isSelected', item)) {
-      return R.append(R.prop('id', item), acc);
-    }
-    return acc;
-  }, [], items);
-  var itemsIds = R.pluck('id', items);
-  var count = R.pipe(R.uniq, R.length)(selectedItemsIds);
-  var total = R.pipe(R.uniq, R.length)(itemsIds);
-  if (R.is(Function, tagAccessor)) {
-    return tagAccessor(count, total);
-  }
-  return count + '/' + total;
-};
-
-var TabPanel = function TabPanel(props) {
-  var children = props.children,
-      open = props.open,
-      item = props.item,
-      classes = props.classes,
-      labels = props.labels,
-      onClose = props.onClose,
-      isNarrow = props.isNarrow,
-      setOpen = props.setOpen,
-      labelRenderer = props.labelRenderer,
-      _props$styles = props.styles,
-      styles = _props$styles === undefined ? {} : _props$styles,
-      other = _objectWithoutProperties(props, ['children', 'open', 'item', 'classes', 'labels', 'onClose', 'isNarrow', 'setOpen', 'labelRenderer', 'styles']);
-
-  return React.createElement(
-    'div',
-    _extends({
-      role: 'tabpanel',
-      hidden: !open,
-      id: 'vertical-tabpanel-' + R.prop('index', item),
-      'aria-labelledby': 'vertical-tab-' + R.prop('index', item),
-      className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
-      style: { width: R.prop('width', styles) }
-    }, other),
-    open && React.createElement(
-      Box,
-      { sx: { p: 3 } },
-      React.createElement(
-        Box,
-        {
-          display: 'flex',
-          justifyContent: isNarrow ? 'space-between' : 'flex-end',
-          alignItems: 'center'
-        },
-        isNarrow && React.createElement(
-          Box,
-          { display: 'flex', justifyContent: 'flex-start', alignItems: 'center' },
-          React.createElement(
-            IconButton,
-            {
-              onClick: function onClick() {
-                return setOpen(false);
-              },
-              'data-testid': 'back_button',
-              'aria-label': R.prop('cancel', labels),
-              sx: {
-                padding: 0,
-                float: 'left',
-                justifyContent: 'flex-start',
-                minWidth: '24px'
-              },
-              size: 'large',
-              edge: 'start'
-            },
-            React.createElement(BackIcon, null)
-          ),
-          React.createElement(
-            Typography,
-            {
-              variant: 'h6',
-              'aria-label': R.prop('title', labels)(labelRenderer(item)),
-              tabIndex: 0,
-              sx: {
-                margin: 0,
-                padding: 0
-              }
-            },
-            R.prop('title', labels)(labelRenderer(item))
-          )
-        ),
-        React.createElement(
-          IconButton,
-          {
-            onClick: onClose,
-            'aria-label': R.prop('cancel', labels),
-            sx: {
-              color: 'grey !important',
-              minWidth: '24px',
-              padding: 0,
-              float: 'right'
-            },
-            size: 'large'
-          },
-          React.createElement(CloseIcon, null)
-        )
-      ),
-      children
-    )
-  );
-};
-
-var PaperComponent = React.forwardRef(function (_ref, ref) {
-  var _cx;
-
-  var label = _ref.label,
-      selected = _ref.selected,
-      item = _ref.item,
-      tagAccessor = _ref.tagAccessor,
-      tagValueLabel = _ref.tagValueLabel,
-      rest = _objectWithoutProperties(_ref, ['label', 'selected', 'item', 'tagAccessor', 'tagValueLabel']);
-
-  var tag = R.prop('tag', item);
-  var Chip = R.isNil(tag) ? InternalTag : tag;
-  var classes = useStyles();
-  return React.createElement(
-    Paper,
-    _extends({}, rest, { ref: ref }),
-    React.createElement(
-      Box,
-      { sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
-      React.createElement(
-        Typography,
-        {
-          noWrap: true,
-          variant: 'body2',
-          title: label,
-          className: cx(classes.label, (_cx = {}, _cx[classes.labelSelected] = selected, _cx))
-        },
-        label
-      ),
-      R.isNil(tag) ? React.createElement(
-        Chip,
-        { items: R.prop('values', item), tagValueLabel: tagValueLabel },
-        getCounter(R.prop('values', item), tagAccessor)
-      ) : tag
-    )
-  );
-});
-
-var DynamicDrawer = function DynamicDrawer(props) {
-  var classNames = useStyles();
-
-  var _useState = useState(false),
-      open = _useState[0],
-      setOpen = _useState[1];
-
-  var _useState2 = useState(null),
-      selectedId = _useState2[0],
-      setSelectedId = _useState2[1];
-
-  var _useState3 = useState({}),
-      selection = _useState3[0],
-      setSelection = _useState3[1];
-
-  var _useState4 = useState({}),
-      allSelection = _useState4[0],
-      setAllSelection = _useState4[1];
-
-  var list = props.list,
-      labelRenderer = props.labelRenderer,
-      onClick = props.onClick,
-      handleChangePanel = props.handleChangePanel,
-      onClosePanel = props.onClosePanel,
-      isNarrow = props.isNarrow,
-      labels = props.labels,
-      _props$disableAccesso = props.disableAccessor,
-      disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
-      _props$isApplyHiddenN = props.isApplyHiddenNarrow,
-      isApplyHiddenNarrow = _props$isApplyHiddenN === undefined ? false : _props$isApplyHiddenN,
-      expandAll = props.expandAll,
-      collapseAll = props.collapseAll,
-      expandedIds = props.expandedIds,
-      allItems = props.allItems,
-      periodPanel = props.periodPanel,
-      classes = props.classes,
-      _props$testId = props.testId,
-      testId = _props$testId === undefined ? 'tabs' : _props$testId,
-      tagAccessor = props.tagAccessor,
-      tagAriaLabel = props.tagAriaLabel,
-      children = props.children,
-      _props$styles2 = props.styles,
-      styles = _props$styles2 === undefined ? {} : _props$styles2,
-      rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'onClosePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
-
-  var handleChange = function handleChange(e, item) {
-    var id = R.prop('id', item);
-    var filterSelection = R.pipe(R.propOr([], id), function (arr) {
-      return R.zipObj(arr, arr);
-    })(allSelection);
-    setSelection(_extends({}, filterSelection));
-    handleChangePanel(id, selection, allSelection);
-    setSelectedId(id);
-    setOpen(true);
-  };
-  var handleSubmit = function handleSubmit() {
-    onClick(allSelection);
-    setAllSelection({});
-    setSelection({});
-    setOpen(false);
-    setSelectedId(null);
-    onClosePanel();
-  };
-  var handleClose = function handleClose() {
-    setOpen(false);
-    setAllSelection({});
-    setSelection({});
-    setSelectedId(null);
-    onClosePanel();
-  };
-
-  var filter = useMemo(function () {
-    if (!selectedId) return {};
-    return R.find(function (item) {
-      return R.prop('id', item) === selectedId;
-    })(list);
-  }, [selectedId, list]);
-
-  var isHidden = open && isNarrow;
-  var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
-  var isApplyButtonShown = open && !isNarrow;
-  useEffect(function () {
-    if (isApplyButtonShown) {
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.overflow = '';
-    }
-    return function () {
-      document.body.style.overflow = '';
-    };
-  }, [open, isNarrow]);
-
-  return React.createElement(
-    'div',
-    { style: { display: 'flex', flexDirection: 'row' } },
-    isApplyButtonShown && React.createElement(Box, {
-      onClick: function onClick() {
-        return handleClose();
-      },
-      sx: {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        width: '100vw',
-        height: '100vh',
-        zIndex: 990
-      }
-    }),
-    React.createElement(
-      Tabs,
-      {
-        orientation: 'vertical',
-        variant: 'scrollable',
-        TabIndicatorProps: { style: { transition: 'none' } },
-        scrollButtons: isApplyButtonShown && 'auto',
-        value: false,
-        onChange: handleChange,
-        'aria-label': 'filters',
-        'data-testid': testId,
-        sx: {
-          display: isHidden ? 'none' : 'flex',
-          width: '100%',
-          height: isApplyButtonShown ? R.prop('height', styles) : '100%',
-          borderRight: 1,
-          borderColor: 'divider',
-          zIndex: 1000
-        }
-      },
-      R.map(function (item) {
-        var _cx2;
-
-        var tagValueLabel = R.isNil(R.prop('tag', item)) && getCounter(R.prop('values', item), tagAriaLabel);
-
-        return React.createElement(Tab, {
-          key: R.prop('id', item),
-          id: R.prop('id', filter),
-          'data-testid': R.prop('id', item) + '-tab',
-          component: React.forwardRef(function TabPaper(tabProps, ref) {
-            return React.createElement(PaperComponent, _extends({
-              ref: ref
-            }, tabProps, {
-              label: labelRenderer(item),
-              selected: selectedId === R.prop('id', item),
-              item: item,
-              tagAccessor: tagAccessor,
-              tagValueLabel: tagValueLabel
-            }));
-          }),
-          label: labelRenderer(item),
-          'aria-label': labelRenderer(item),
-          value: item,
-          'aria-selected': R.prop('id', filter) === R.prop('id', item),
-          className: cx(classNames.tab, (_cx2 = {}, _cx2[classNames.tabSelected] = R.prop('id', filter) === R.prop('id', item), _cx2)),
-          sx: {
-            alignItems: 'start',
-            maxWidth: '100%'
-          },
-          wrapped: true,
-          disableRipple: true,
-          disableFocusRipple: true
-        });
-      })(list),
-      isApplyButtonShown && React.createElement(
-        Button,
-        {
-          style: { float: 'bottom', margin: '10px' },
-          'aria-label': R.prop('apply', labels),
-          id: 'apply_button',
-          variant: 'contained',
-          onClick: handleSubmit
-        },
-        R.prop('apply', labels)
-      ),
-      isNotHiddenButton && React.createElement(
-        Button,
-        {
-          style: { float: 'bottom', margin: '10px' },
-          'aria-label': R.prop('apply', labels),
-          id: 'apply_button',
-          variant: 'contained',
-          onClick: handleSubmit
-        },
-        R.prop('apply', labels)
-      )
-    ),
-    React.createElement(
-      TabPanel,
-      {
-        item: filter,
-        'data-testid': testId + '_panel',
-        open: open,
-        labels: labels,
-        classes: classes,
-        onClose: handleClose,
-        isNarrow: isNarrow,
-        setOpen: setOpen,
-        labelRenderer: labelRenderer,
-        styles: styles
-      },
-      R.equals(R.prop('id', filter), periodPanel) ? children : React.createElement(AdvancedSelection, _extends({
-        id: selectedId,
-        items: R.prop('values', filter) || [],
-        isOpen: open,
-        labelRenderer: labelRenderer,
-        disableAccessor: disableAccessor ? R.pipe(R.prop('isEnabled'), R.not) : undefined,
-        labels: labels,
-        isNarrow: isNarrow,
-        expandAll: expandAll,
-        collapseAll: collapseAll,
-        expandedIds: expandedIds,
-        allItems: allItems,
-        selection: selection,
-        setSelection: setSelection,
-        setAllSelection: setAllSelection,
-        allSelection: allSelection
-      }, rest, {
-        filter: filter
-      }))
-    )
-  );
-};
-
-export default DynamicDrawer;

package/es/DynamicDrawer/SelectionModesMobile.js

@@ -1,88 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import cx from 'classnames';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-import { Tooltip, Button } from '..';
-
-var mapIndexed = R.addIndex(R.map);
-var ButtonCarousel = function ButtonCarousel(_ref) {
-  var selectionModes = _ref.selectionModes,
-      selectionMode = _ref.selectionMode,
-      setSelectionMode = _ref.setSelectionMode,
-      classes = _ref.classes;
-
-  return React.createElement(
-    Box,
-    {
-      sx: {
-        overflowX: 'auto',
-        overflowY: 'hidden',
-        whiteSpace: 'nowrap',
-        display: 'block', // allow horizontal scrolling
-        width: '100%',
-        maxWidth: '100%',
-        '&::-webkit-scrollbar': { display: 'none' }, // optional: hide scrollbar
-        scrollbarWidth: 'none'
-      }
-    },
-    mapIndexed(function (_ref2) {
-      var value = _ref2.value,
-          label = _ref2.label,
-          img = _ref2.img;
-      return React.createElement(
-        Tooltip,
-        {
-          key: value,
-          classes: { tooltip: classes.tooltip },
-          title: React.createElement('img', { style: { width: '72px', height: '90px' }, src: img, alt: value }),
-          tabIndex: -1
-        },
-        React.createElement(
-          Button,
-          {
-            className: cx(classes.selectButton, classes.selectButtonNarrow),
-            selected: value === selectionMode,
-            onClick: function onClick() {
-              setSelectionMode(value);
-            },
-            'aria-pressed': value === selectionMode,
-            'aria-label': label,
-            tabIndex: 0,
-            sx: {
-              flex: '0 0 auto', // Prevents buttons from shrinking
-              scrollSnapAlign: 'center',
-              minWidth: 40, // Minimum width for buttons
-              whiteSpace: 'wrap'
-            }
-          },
-          React.createElement(
-            Paper,
-            { elevation: 0, className: classes.selectModeItem, key: value },
-            React.createElement(
-              Typography,
-              null,
-              label
-            ),
-            !R.isNil(img) && R.is(String, img) && React.createElement('img', { src: img, alt: value })
-          )
-        )
-      );
-    }, selectionModes)
-  );
-};
-
-export default ButtonCarousel;
-
-ButtonCarousel.propTypes = process.env.NODE_ENV !== "production" ? {
-  selectionModes: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
-    img: PropTypes.string
-  })).isRequired,
-  selectionMode: PropTypes.string.isRequired,
-  setSelectionMode: PropTypes.func.isRequired,
-  classes: PropTypes.object.isRequired
-} : {};

package/es/DynamicDrawer/index.js

@@ -1,44 +0,0 @@
-/**
- * @memberOf VISIONS
- * @name DynamicDrawer
- * @tag component
- * @api public
- * @props
- * DynamicDrawer.propTypes = {
- *  classes: PropTypes.object,
- *  testId: PropTypes.string,
- *  list: PropTypes.array,
- *  labelAccessor: PropTypes.func,
- *  tagAccessor: PropTypes.func,
- *  tagValueLabel: PropTypes.func,
- *  tag: PropTypes.elementType,
- *  tagAriaLabel: PropTypes.func,
- *  handleChangePanel: PropTypes.func,
- *  displayChildren: PropTypes.func,
- *  labels: PropTypes.shape({
- *    placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
- *    disableItemLabel: PropTypes.string,
- *    singleSelection: PropTypes.string,
- *    childrenSelection: PropTypes.string,
- *    branchSelection: PropTypes.string,
- *    levelSelection: PropTypes.string,
- *    selectAll: PropTypes.string,
- *    deselectAll: PropTypes.string,
- *    apply: PropTypes.string,
- *    cancel: PropTypes.string,
- *  }),
- *  labelRenderer: PropTypes.func,
- *  expandAll: PropTypes.func,
- *  collapseAll: PropTypes.func,
- *  expandedIds: PropTypes.object,
- *  allItems: PropTypes.array,
- *  onClick: PropTypes.func,
- * periodPanel: PropTypes.string,
- * isNarrow: PropTypes.bool,
- *  disableAccessor: PropTypes.func,
- *   children: PropTypes.node,
- *   },
- * }
- */
-
-export { default } from './DynamicDrawer';

package/es/ExpansionPanel/ExpansionPanel.js

@@ -1,151 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import Accordion from '@mui/material/Accordion';
-import AccordionSummary from '@mui/material/AccordionSummary';
-import AccordionDetails from '@mui/material/AccordionDetails';
-import Typography from '@mui/material/Typography';
-import Grid from '@mui/material/Grid';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import HelpIcon from '@mui/icons-material/EmojiObjects';
-import { visuallyHidden } from '@mui/utils';
-import { useStyles } from './styles';
-import { withBlank } from '../utils';
-import Tooltip from '../Tooltip';
-
-var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
-  var _cx, _cx2, _cx3, _cx4, _cx5;
-
-  var id = _ref.id,
-      topElementComponent = _ref.topElementComponent,
-      onChangeActivePanel = _ref.onChangeActivePanel,
-      label = _ref.label,
-      tag = _ref.tag,
-      _ref$overflow = _ref.overflow,
-      overflow = _ref$overflow === undefined ? true : _ref$overflow,
-      children = _ref.children,
-      isOpen = _ref.isOpen,
-      _ref$maxHeight = _ref.maxHeight,
-      maxHeight = _ref$maxHeight === undefined ? true : _ref$maxHeight,
-      fullWidth = _ref.fullWidth,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'expansion_panel' : _ref$testId,
-      isPinned = _ref.isPinned,
-      pinnedLabel = _ref.pinnedLabel,
-      moreFilters = _ref.moreFilters,
-      _ref$isNarrow = _ref.isNarrow,
-      isNarrow = _ref$isNarrow === undefined ? false : _ref$isNarrow,
-      _ref$isPopper = _ref.isPopper,
-      isPopper = _ref$isPopper === undefined ? false : _ref$isPopper,
-      _ref$popperLabels = _ref.popperLabels,
-      popperLabels = _ref$popperLabels === undefined ? {} : _ref$popperLabels;
-
-  var classes = useStyles();
-
-  return React.createElement(
-    Accordion,
-    {
-      'data-testid': testId,
-      className: cx((_cx = {}, _cx[classes.fullWidth] = fullWidth, _cx)),
-      expanded: isOpen,
-      onChange: R.is(Function)(onChangeActivePanel) ? function () {
-        return onChangeActivePanel(id);
-      } : undefined,
-      classes: { root: isNarrow ? classes.panelBorder : classes.panel },
-      elevation: 0,
-      'aria-expanded': isOpen
-    },
-    React.createElement(
-      AccordionSummary,
-      {
-        'data-testid': testId + '_panel',
-        className: cx(classes.container, (_cx2 = {}, _cx2[classes.moreFiltersContainer] = moreFilters, _cx2)),
-        classes: {
-          content: cx(classes.content, classes.ellipsis, (_cx3 = {}, _cx3[classes.moreFiltersContent] = moreFilters, _cx3)),
-          expandIconWrapper: cx(classes.iconSummaryPanel, (_cx4 = {}, _cx4[classes.moreFiltersExpandIcon] = moreFilters, _cx4))
-        },
-        expandIcon: React.createElement(ExpandMoreIcon, null),
-        'aria-controls': id,
-        id: id,
-        'aria-label': isPinned ? label + ' ' + pinnedLabel + ' ' : label
-      },
-      React.createElement(
-        Grid,
-        { container: true, item: true, className: classes.ellipsis },
-        isPinned && React.createElement(
-          Typography,
-          { style: visuallyHidden },
-          pinnedLabel
-        ),
-        React.createElement(
-          Typography,
-          {
-            noWrap: true,
-            variant: 'body2',
-            title: label,
-            className: moreFilters ? classes.title : classes.label
-          },
-          label
-        ),
-        isPinned && React.createElement(
-          'div',
-          { className: classes.pinnedIcon },
-          '\u2022'
-        ),
-        isPopper && !R.isEmpty(R.propOr('', 'title', popperLabels)) && React.createElement(
-          Tooltip,
-          {
-            variant: 'light',
-            tabIndex: 0,
-            'aria-label': R.propOr('', 'ariaLabel', popperLabels),
-            'aria-hidden': false,
-            placement: 'bottom-start',
-            title: R.propOr('', 'title', popperLabels)
-          },
-          React.createElement(HelpIcon, { fontSize: 'small' })
-        )
-      ),
-      R.isNil(tag) ? null : tag
-    ),
-    R.isNil(topElementComponent) ? null : topElementComponent,
-    React.createElement(
-      AccordionDetails,
-      {
-        id: id,
-        'aria-label': label,
-        className: cx(classes.details, (_cx5 = {}, _cx5[classes.overflow] = overflow, _cx5[classes.height] = maxHeight, _cx5))
-      },
-      children
-    )
-  );
-};
-
-CustomExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
-  testId: PropTypes.string,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  topElementComponent: PropTypes.element,
-  onChangeActivePanel: PropTypes.func,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  pinnedLabel: PropTypes.string,
-  tag: PropTypes.element,
-  overflow: PropTypes.bool,
-  isOpen: PropTypes.bool,
-  isBlank: PropTypes.bool,
-  maxHeight: PropTypes.bool,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  fullWidth: PropTypes.bool,
-  isPinned: PropTypes.bool,
-  moreFilters: PropTypes.bool,
-  isNarrow: PropTypes.bool,
-  isPopper: PropTypes.bool,
-  popperLabels: PropTypes.shape({
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  })
-} : {};
-
-export default withBlank(function (_ref2) {
-  var isBlank = _ref2.isBlank;
-  return { isBlank: isBlank };
-})(CustomExpansionPanel);