@sis-cc/dotstatsuite-visions 7.18.6 → 7.19.0

package/lib/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -0,0 +1,524 @@
+'use strict';
+
+exports.__esModule = true;
+exports.getScopeGetters = undefined;
+
+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; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _VirtualizedTree = require('../VirtualizedTree/VirtualizedTree');
+
+var _Button = require('@material-ui/core/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _Dialog = require('@material-ui/core/Dialog');
+
+var _Dialog2 = _interopRequireDefault(_Dialog);
+
+var _DialogTitle = require('@material-ui/core/DialogTitle');
+
+var _DialogTitle2 = _interopRequireDefault(_DialogTitle);
+
+var _DialogContent = require('@material-ui/core/DialogContent');
+
+var _DialogContent2 = _interopRequireDefault(_DialogContent);
+
+var _DialogActions = require('@material-ui/core/DialogActions');
+
+var _DialogActions2 = _interopRequireDefault(_DialogActions);
+
+var _Card = require('@material-ui/core/Card');
+
+var _Card2 = _interopRequireDefault(_Card);
+
+var _CardContent = require('@material-ui/core/CardContent');
+
+var _CardContent2 = _interopRequireDefault(_CardContent);
+
+var _Paper = require('@material-ui/core/Paper');
+
+var _Paper2 = _interopRequireDefault(_Paper);
+
+var _Grid = require('@material-ui/core/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _Typography = require('@material-ui/core/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
+
+var _PlaylistAddCheck = require('@material-ui/icons/PlaylistAddCheck');
+
+var _PlaylistAddCheck2 = _interopRequireDefault(_PlaylistAddCheck);
+
+var _Close = require('@material-ui/icons/Close');
+
+var _Close2 = _interopRequireDefault(_Close);
+
+var _EmojiObjects = require('@material-ui/icons/EmojiObjects');
+
+var _EmojiObjects2 = _interopRequireDefault(_EmojiObjects);
+
+var _reactDraggable = require('react-draggable');
+
+var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
+
+var _ = require('..');
+
+var _styles = require('@material-ui/core/styles');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+var PaperComponent = function PaperComponent(props) {
+  return _react2.default.createElement(
+    _reactDraggable2.default,
+    { handle: '#draggable-dialog-title', cancel: '[class*="MuiDialogContent-root"]' },
+    _react2.default.createElement(_Paper2.default, _extends({ style: { minWidth: '75%', height: 700 } }, props))
+  );
+};
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    header: {
+      color: 'black',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      width: '100%'
+    },
+    headerLabel: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    closeButton: {
+      color: 'grey !important',
+      padding: 0
+    },
+    selectMode: {
+      marginLeft: 10,
+      '& .MuiInputBase-root': {
+        height: 32
+      }
+    },
+    topElements: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    narrowTop: {
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    },
+    spotlight: { width: '45%' },
+    narrowSpotlight: { width: '100%' },
+    selectionButton: {
+      marginLeft: 24,
+      height: 32
+    },
+    narrowSelectionButton: {
+      height: 32,
+      marginTop: 5
+    },
+    selectionMenu: {
+      width: '50%',
+      position: 'absolute',
+      top: 105,
+      right: 24,
+      zIndex: 1
+    },
+    narrowSelectionMenu: {
+      width: '100%'
+    },
+    selectModeContainer: {
+      display: 'flex',
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    },
+    selectedItem: {
+      backgroundColor: theme.palette.secondary.main
+    },
+    selectModeItem: {
+      boxShadow: 'none',
+      display: 'flex',
+      width: 110,
+      height: 200,
+      flexDirection: 'column',
+      justifyContent: 'flex-end',
+      '& img': {
+        width: 110,
+        height: 140
+      }
+    },
+    hint: {
+      marginLeft: 10,
+      marginRight: 10,
+      display: 'flex',
+      flexDirection: 'row'
+    }
+  };
+});
+
+var getScopeGetters = exports.getScopeGetters = function getScopeGetters(items, groupedItems, disableAccessor) {
+  return {
+    all: function all() {
+      return R.reject(disableAccessor, items);
+    },
+    single: function single(item) {
+      return [item];
+    },
+    children: function children(item) {
+      var childItems = R.propOr([], (0, _VirtualizedTree.getHierarchicalId)(item), groupedItems);
+      return R.reject(disableAccessor, R.prepend(item, childItems));
+    },
+    branch: function branch(item) {
+      var reccurse = function reccurse(_item) {
+        var childItems = R.pipe(R.propOr([], (0, _VirtualizedTree.getHierarchicalId)(_item)), R.map(reccurse), R.unnest)(groupedItems);
+
+        return R.prepend(_item, childItems);
+      };
+      var items = reccurse(item);
+      return R.reject(disableAccessor, items);
+    },
+    level: function level(item) {
+      var parentId = R.propOr('#ROOT', 'parentId', item);
+      var items = R.prop(parentId, groupedItems);
+      return R.reject(disableAccessor, items);
+    }
+  };
+};
+
+var SelectionModeMenu = function SelectionModeMenu(_ref) {
+  var isOpen = _ref.isOpen,
+      onSelect = _ref.onSelect,
+      options = _ref.options,
+      selected = _ref.selected,
+      classes = _ref.classes,
+      isNarrow = _ref.isNarrow,
+      hint = _ref.hint;
+
+  if (!isOpen) {
+    return null;
+  }
+  return _react2.default.createElement(
+    'div',
+    { className: isNarrow ? classes.narrowSelectionMenu : classes.selectionMenu },
+    _react2.default.createElement(
+      _Card2.default,
+      null,
+      _react2.default.createElement(
+        _CardContent2.default,
+        { className: classes.selectModeContainer },
+        R.map(function (_ref2) {
+          var _cx;
+
+          var value = _ref2.value,
+              label = _ref2.label,
+              imgSrc = _ref2.imgSrc;
+          return _react2.default.createElement(
+            _.Button,
+            _extends({}, value === selected ? { variant: 'contained', color: 'secondary' } : {}, {
+              key: value,
+              onClick: function onClick() {
+                return onSelect(value);
+              }
+            }),
+            _react2.default.createElement(
+              _Paper2.default,
+              {
+                className: (0, _classnames2.default)(classes.selectModeItem, (_cx = {}, _cx[classes.selectedItem] = value === selected, _cx)),
+                key: value
+              },
+              _react2.default.createElement(
+                _Typography2.default,
+                { variant: 'body2' },
+                label
+              ),
+              _react2.default.createElement('img', { src: imgSrc, alt: value })
+            )
+          );
+        }, options)
+      ),
+      _react2.default.createElement(
+        'div',
+        { className: classes.hint },
+        _react2.default.createElement(_EmojiObjects2.default, null),
+        _react2.default.createElement(
+          _Typography2.default,
+          { variant: 'body2' },
+          hint
+        )
+      )
+    )
+  );
+};
+SelectionModeMenu.propTypes = process.env.NODE_ENV !== "production" ? {
+  classes: _propTypes2.default.object,
+  hint: _propTypes2.default.string,
+  isNarrow: _propTypes2.default.bool,
+  isOpen: _propTypes2.default.bool,
+  onSelect: _propTypes2.default.func,
+  options: _propTypes2.default.array,
+  selected: _propTypes2.default.string
+} : {};
+
+var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
+  var _cx2;
+
+  var id = props.id,
+      title = props.title,
+      items = props.items,
+      labelRenderer = props.labelRenderer,
+      onClose = props.onClose,
+      changeSelection = props.changeSelection,
+      isOpen = props.isOpen,
+      isNarrow = props.isNarrow,
+      labels = props.labels,
+      imgs = props.imgs,
+      disableAccessor = props.disableAccessor,
+      rest = _objectWithoutProperties(props, ['id', 'title', 'items', 'labelRenderer', 'onClose', 'changeSelection', 'isOpen', 'isNarrow', 'labels', 'imgs', 'disableAccessor']);
+
+  var _useState = (0, _react.useState)(''),
+      term = _useState[0].term,
+      setSpotlight = _useState[1];
+
+  var _useState2 = (0, _react.useState)('single'),
+      selectionMode = _useState2[0],
+      setSelectionMode = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      isOpenSelectionMenu = _useState3[0],
+      setIsOpenSelectionMenu = _useState3[1];
+
+  var _useState4 = (0, _react.useState)({}),
+      selection = _useState4[0],
+      setSelection = _useState4[1];
+
+  var classes = useStyles();
+
+  var groupedItemsByParentId = R.groupBy(R.propOr('#ROOT', 'parentId'), items);
+
+  var recurse = R.filter(function (item) {
+    var isValidItem = R.isEmpty(term) || R.isNil(term) ? true : R.includes(R.toLower(term), R.toLower(labelRenderer(item)));
+    if (isValidItem) {
+      return true;
+    }
+    if (R.has((0, _VirtualizedTree.getHierarchicalId)(item), groupedItemsByParentId)) {
+      var filtered = recurse(R.prop((0, _VirtualizedTree.getHierarchicalId)(item), groupedItemsByParentId));
+      if (!R.isEmpty(filtered)) {
+        return true;
+      }
+    }
+    return false;
+  });
+
+  var filteredItems = R.isEmpty(term) || R.isNil(term) ? items : recurse(items);
+  var selectionItems = R.map(function (item) {
+    return _extends({}, item, {
+      isSelected: R.has(item.id, selection) ? !item.isSelected : !!item.isSelected
+    });
+  }, filteredItems);
+  var groupedFilteredItems = R.groupBy(R.propOr('#ROOT', 'parentId'), selectionItems);
+
+  var selectionOptions = [{
+    value: 'single',
+    label: R.prop('singleSelection', labels),
+    imgSrc: R.prop('singleSelection', imgs)
+  }, {
+    value: 'children',
+    label: R.prop('childrenSelection', labels),
+    imgSrc: R.prop('childrenSelection', imgs)
+  }, {
+    value: 'branch',
+    label: R.prop('branchSelection', labels),
+    imgSrc: R.prop('branchSelection', imgs)
+  }, {
+    value: 'level',
+    label: R.prop('levelSelection', labels),
+    imgSrc: R.prop('levelSelection', imgs)
+  }, { value: 'all', label: R.prop('allSelection', labels), imgSrc: R.prop('allSelection', imgs) }];
+
+  var isDisabled = function isDisabled(item) {
+    return R.is(Function, disableAccessor) ? disableAccessor(item) : false;
+  };
+  var scopeGetters = getScopeGetters(selectionItems, groupedFilteredItems, isDisabled);
+
+  var onChangeSelection = function onChangeSelection(ids) {
+    var nextSelection = R.reduce(function (acc, id) {
+      return R.has(id, acc) ? R.dissoc(id, acc) : R.assoc(id, id, acc);
+    }, selection, ids);
+    setSelection(nextSelection);
+  };
+
+  var handleSubmit = function handleSubmit() {
+    changeSelection(id, R.values(selection));
+    setSelection({});
+  };
+
+  return _react2.default.createElement(
+    _Dialog2.default,
+    {
+      open: isOpen,
+      PaperComponent: PaperComponent,
+      'aria-labelledby': 'draggable-dialog-title',
+      onClose: onClose
+    },
+    _react2.default.createElement(
+      _DialogTitle2.default,
+      { style: { cursor: 'move' }, id: 'draggable-dialog-title' },
+      _react2.default.createElement(
+        'div',
+        { className: classes.header },
+        _react2.default.createElement(
+          'div',
+          { className: classes.headerLabel },
+          _react2.default.createElement(_PlaylistAddCheck2.default, { color: 'primary' }),
+          '\xA0',
+          title
+        ),
+        onClose && _react2.default.createElement(
+          _Button2.default,
+          { className: classes.closeButton, onClick: onClose },
+          _react2.default.createElement(_Close2.default, null)
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _DialogContent2.default,
+      null,
+      _react2.default.createElement(
+        _Grid2.default,
+        { container: true },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12, className: (0, _classnames2.default)(classes.topElements, (_cx2 = {}, _cx2[classes.narrowTop] = isNarrow, _cx2)) },
+          _react2.default.createElement(
+            'div',
+            { className: isNarrow ? classes.narrowSpotlight : classes.spotlight },
+            _react2.default.createElement(_.Spotlight, {
+              placeholder: R.prop('placeholder', labels),
+              term: term,
+              hasCommit: false,
+              spotlight: { fields: {} },
+              action: setSpotlight
+            })
+          ),
+          _react2.default.createElement(
+            'div',
+            null,
+            _react2.default.createElement(
+              _.Button,
+              {
+                'aria-label': 'selection mode',
+                className: isNarrow ? classes.narrowSelectionButton : classes.selectionButton,
+                onClick: function onClick() {
+                  return setIsOpenSelectionMenu(!isOpenSelectionMenu);
+                },
+                color: 'primary',
+                variant: 'contained',
+                alternative: 'siscc'
+              },
+              R.prop('selectionMode', labels)
+            ),
+            '\xA0',
+            R.prop(selectionMode + 'Selection', labels)
+          )
+        ),
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12 },
+          _react2.default.createElement(SelectionModeMenu, {
+            classes: classes,
+            isOpen: isOpenSelectionMenu,
+            isNarrow: isNarrow,
+            options: selectionOptions,
+            onSelect: function onSelect(value) {
+              setSelectionMode(value);
+              setIsOpenSelectionMenu(false);
+            },
+            selected: selectionMode,
+            hint: R.prop('hint', labels)
+          }),
+          _react2.default.createElement(_.VirtualizedTree, _extends({}, rest, {
+            disableAccessor: disableAccessor,
+            labels: labels,
+            labelRenderer: labelRenderer,
+            items: selectionItems,
+            changeSelection: onChangeSelection,
+            withExpandControl: true,
+            maxTreeHeight: 500,
+            getItemScope: R.prop(selectionMode, scopeGetters)
+          }))
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _DialogActions2.default,
+      null,
+      R.is(Function, onClose) && _react2.default.createElement(
+        _.Button,
+        { onClick: onClose, color: 'primary' },
+        R.prop('cancel', labels)
+      ),
+      R.is(Function, changeSelection) && _react2.default.createElement(
+        _.Button,
+        {
+          disabled: R.isEmpty(selection),
+          onClick: handleSubmit,
+          color: 'primary',
+          variant: 'contained',
+          alternative: 'siscc'
+        },
+        R.prop('apply', labels)
+      )
+    )
+  );
+};
+
+AdvancedFilterDialog.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _propTypes2.default.string,
+  accessibility: _propTypes2.default.bool,
+  changeSelection: _propTypes2.default.func,
+  disableAccessor: _propTypes2.default.func,
+  HTMLRenderer: _propTypes2.default.func,
+  imgs: _propTypes2.default.object,
+  isRtl: _propTypes2.default.bool,
+  isNarrow: _propTypes2.default.bool,
+  isOpen: _propTypes2.default.bool,
+  items: _propTypes2.default.array,
+  labels: _propTypes2.default.shape({
+    placeholder: _propTypes2.default.string,
+    disableItemLabel: _propTypes2.default.string,
+    singleSelection: _propTypes2.default.string,
+    childrenSelection: _propTypes2.default.string,
+    branchSelection: _propTypes2.default.string,
+    levelSelection: _propTypes2.default.string,
+    allSelection: _propTypes2.default.string,
+    apply: _propTypes2.default.string,
+    cancel: _propTypes2.default.string
+  }),
+  onClose: _propTypes2.default.func,
+  labelRenderer: _propTypes2.default.func,
+  title: _propTypes2.default.string
+} : {};
+
+exports.default = AdvancedFilterDialog;

package/lib/AdvancedFilterDialog/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _AdvancedFilterDialog = require('./AdvancedFilterDialog');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_AdvancedFilterDialog).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = exports['default'];

package/lib/HierarchicalFilter/HierarchicalFilter.js

@@ -0,0 +1,169 @@
+'use strict';
+
+exports.__esModule = true;
+
+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; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _Container = require('@material-ui/core/Container');
+
+var _Container2 = _interopRequireDefault(_Container);
+
+var _PlaylistAddCheck = require('@material-ui/icons/PlaylistAddCheck');
+
+var _PlaylistAddCheck2 = _interopRequireDefault(_PlaylistAddCheck);
+
+var _ = require('../');
+
+var _styles = require('../ScopeList/styles');
+
+var _core = require('@material-ui/core');
+
+var _utils = require('../utils');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var getCounter = function getCounter(items, displayAccessor, tagAccessor) {
+  var count = R.pipe(R.filter(R.prop('isSelected')), R.length)(items);
+  var total = R.pipe(R.when(R.always(R.is(Function, displayAccessor)), R.filter(displayAccessor)), R.length)(items);
+  if (R.is(Function, tagAccessor)) {
+    return tagAccessor(count, total);
+  }
+  return count + '/' + total;
+};
+
+var HierarchicalFilter = function HierarchicalFilter(props) {
+  var id = props.id,
+      items = props.items,
+      changeSelection = props.changeSelection,
+      onChangeActivePanel = props.onChangeActivePanel,
+      activePanelId = props.activePanelId,
+      Tag = props.Tag,
+      testId = props.testId,
+      accessibility = props.accessibility,
+      _props$expansionPanel = props.expansionPanelProps,
+      expansionPanelProps = _props$expansionPanel === undefined ? {} : _props$expansionPanel,
+      _props$labelRenderer = props.labelRenderer,
+      labelRenderer = _props$labelRenderer === undefined ? R.prop('label') : _props$labelRenderer,
+      toggleBulk = props.toggleBulk,
+      label = props.label,
+      labels = props.labels,
+      tagAccessor = props.tagAccessor,
+      displayAccessor = props.displayAccessor;
+
+  var _useState = (0, _react.useState)({ term: '' }),
+      term = _useState[0].term,
+      setSpotlight = _useState[1];
+
+  var classes = (0, _styles.useStyles)({ accessibility: accessibility });
+  var theme = (0, _core.useTheme)();
+  var isRtl = (0, _utils.getIsRtl)(theme);
+  var Chip = R.isNil(Tag) ? _.Tag : Tag;
+  var tagValue = getCounter(items, displayAccessor, tagAccessor);
+  var groupedItemsByParentId = R.groupBy(R.propOr('#ROOT', 'parentId'), items);
+  var hasSpotligt = R.length(items) >= 8;
+  var recurse = R.filter(function (item) {
+    var isValidItem = R.isEmpty(term) || R.isNil(term) ? true : R.includes(R.toLower(term), R.toLower(labelRenderer(item)));
+    if (isValidItem) {
+      return true;
+    }
+    if (R.has(item.id, groupedItemsByParentId)) {
+      var filtered = recurse(R.prop(item.id, groupedItemsByParentId));
+      if (!R.isEmpty(filtered)) {
+        return true;
+      }
+    }
+    return false;
+  });
+
+  var filteredItems = R.isEmpty(term) || R.isNil(term) ? items : recurse(items);
+
+  var onSelect = function onSelect(values) {
+    changeSelection(id, values);
+  };
+  return _react2.default.createElement(
+    _.ExpansionPanel,
+    _extends({
+      isOpen: R.equals(id, activePanelId),
+      id: id,
+      testId: '' + testId,
+      label: labelRenderer({ id: id, label: label }),
+      onChangeActivePanel: onChangeActivePanel,
+      overflow: true,
+      topElementComponent: _react2.default.createElement(
+        _react.Fragment,
+        null,
+        _react2.default.createElement(
+          _Container2.default,
+          { disableGutters: true, className: classes.spotlightContainer },
+          hasSpotligt && _react2.default.createElement(_.Spotlight, {
+            className: { container: classes.middle },
+            fullWidth: true,
+            hasClearAll: true,
+            placeholder: R.prop('placeholder', labels),
+            term: term,
+            hasCommit: false,
+            spotlight: { fields: {} },
+            action: setSpotlight
+          }),
+          R.is(Function, toggleBulk) && _react2.default.createElement(
+            _.VerticalButton,
+            {
+              'aria-label': R.prop('advancedSelection')(labels),
+              classes: { root: classes.bulkSelectionIcon },
+              onClick: toggleBulk
+            },
+            _react2.default.createElement(_PlaylistAddCheck2.default, { color: 'primary' })
+          )
+        )
+      ),
+      tag: _react2.default.createElement(
+        Chip,
+        { items: items },
+        tagValue
+      ),
+      isBlank: R.isEmpty(items)
+    }, expansionPanelProps),
+    _react2.default.createElement(_.VirtualizedTree, _extends({}, props, { items: filteredItems, changeSelection: onSelect, isRtl: isRtl }))
+  );
+};
+
+HierarchicalFilter.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _propTypes2.default.string,
+  accessibility: _propTypes2.default.bool,
+  activePanelId: _propTypes2.default.string,
+  changeSelection: _propTypes2.default.func,
+  onChangeActivePanel: _propTypes2.default.func,
+  disableAccessor: _propTypes2.default.func,
+  displayAccessor: _propTypes2.default.func,
+  HTMLRenderer: _propTypes2.default.func,
+  isRtl: _propTypes2.default.bool,
+  items: _propTypes2.default.array,
+  label: _propTypes2.default.string,
+  labels: _propTypes2.default.shape({
+    disableItemLabel: _propTypes2.default.string,
+    placeholder: _propTypes2.default.string
+  }),
+  labelRenderer: _propTypes2.default.func,
+  Tag: _propTypes2.default.func,
+  testId: _propTypes2.default.string,
+  expansionPanelProps: _propTypes2.default.object,
+  toggleBulk: _propTypes2.default.func,
+  tagAccessor: _propTypes2.default.func
+} : {};
+
+exports.default = HierarchicalFilter;
+module.exports = exports['default'];