@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/FilterGroup/FilterContent/FilterContent.js

@@ -1,147 +1,100 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.symbol.description.js");
-
 require("core-js/modules/es.string.trim.js");
-
 require("core-js/modules/es.array.join.js");
-
 require("core-js/modules/es.array.flat.js");
-
 require("core-js/modules/es.array.unscopables.flat.js");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _FilterGroupContext = require("../FilterGroupContext");
-
 var _LeftPanel = _interopRequireDefault(require("../LeftPanel"));
-
 var _RightPanel = _interopRequireDefault(require("../RightPanel"));
-
 var _Counter2 = _interopRequireDefault(require("../Counter"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _ = require("../..");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _Filters, _Counter;
-
 var _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "leftEmptyElement", "rightEmptyElement"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var FilterContent = function FilterContent(_ref) {
   var id = _ref.id,
-      status = _ref.status,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      ariaLabel = _ref["aria-label"],
-      ariaLabelledBy = _ref["aria-labelledby"],
-      description = _ref.description,
-      ariaDescribedBy = _ref["aria-describedby"],
-      onChange = _ref.onChange,
-      onCancel = _ref.onCancel,
-      onClear = _ref.onClear,
-      labels = _ref.labels,
-      _ref$horizontalPlacem = _ref.horizontalPlacement,
-      horizontalPlacement = _ref$horizontalPlacem === void 0 ? "right" : _ref$horizontalPlacem,
-      _ref$disablePortal = _ref.disablePortal,
-      disablePortal = _ref$disablePortal === void 0 ? true : _ref$disablePortal,
-      _ref$escapeWithRefere = _ref.escapeWithReference,
-      escapeWithReference = _ref$escapeWithRefere === void 0 ? true : _ref$escapeWithRefere,
-      height = _ref.height,
-      leftEmptyElement = _ref.leftEmptyElement,
-      rightEmptyElement = _ref.rightEmptyElement,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    status = _ref.status,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    ariaLabel = _ref["aria-label"],
+    ariaLabelledBy = _ref["aria-labelledby"],
+    description = _ref.description,
+    ariaDescribedBy = _ref["aria-describedby"],
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onClear = _ref.onClear,
+    labels = _ref.labels,
+    _ref$horizontalPlacem = _ref.horizontalPlacement,
+    horizontalPlacement = _ref$horizontalPlacem === void 0 ? "right" : _ref$horizontalPlacem,
+    _ref$disablePortal = _ref.disablePortal,
+    disablePortal = _ref$disablePortal === void 0 ? true : _ref$disablePortal,
+    _ref$escapeWithRefere = _ref.escapeWithReference,
+    escapeWithReference = _ref$escapeWithRefere === void 0 ? true : _ref$escapeWithRefere,
+    height = _ref.height,
+    leftEmptyElement = _ref.leftEmptyElement,
+    rightEmptyElement = _ref.rightEmptyElement,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _styles.default)();
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      filterGroupOpen = _useState2[0],
-      setFilterGroupOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filterGroupOpen = _useState2[0],
+    setFilterGroupOpen = _useState2[1];
   var _useContext = (0, _react.useContext)(_FilterGroupContext.FilterGroupContext),
-      defaultValue = _useContext.defaultValue,
-      filterValues = _useContext.filterValues,
-      rollbackFilters = _useContext.rollbackFilters,
-      clearFilters = _useContext.clearFilters,
-      applyFilters = _useContext.applyFilters,
-      applyDisabled = _useContext.applyDisabled;
-
+    defaultValue = _useContext.defaultValue,
+    filterValues = _useContext.filterValues,
+    rollbackFilters = _useContext.rollbackFilters,
+    clearFilters = _useContext.clearFilters,
+    applyFilters = _useContext.applyFilters,
+    applyDisabled = _useContext.applyDisabled;
   var focusTarget = (0, _react.useRef)();
-
   var focusOnContainer = function focusOnContainer() {
     var _focusTarget$current;
-
     (_focusTarget$current = focusTarget.current) === null || _focusTarget$current === void 0 ? void 0 : _focusTarget$current.focus();
   };
-
   var onApplyHandler = function onApplyHandler(evt) {
     applyFilters();
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, filterValues);
     setFilterGroupOpen(false);
   };
-
   var onCancelHandler = function onCancelHandler(evt) {
     rollbackFilters();
     onCancel === null || onCancel === void 0 ? void 0 : onCancel(evt);
     setFilterGroupOpen(false);
   };
-
   var onClearHandler = function onClearHandler(evt) {
     clearFilters();
     onClear === null || onClear === void 0 ? void 0 : onClear(evt);
   };
-
   var handleToggle = function handleToggle(evt, open) {
     /* 
      If evt is null this toggle wasn't triggered by the user.
@@ -152,7 +105,6 @@ var FilterContent = function FilterContent(_ref) {
     setFilterGroupOpen(open);
     if (!open) onCancelHandler === null || onCancelHandler === void 0 ? void 0 : onCancelHandler(evt);
   };
-
   var Header = (0, _react.useMemo)(function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [_Filters || (_Filters = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Filters, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
@@ -238,7 +190,6 @@ var FilterContent = function FilterContent(_ref) {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? FilterContent.propTypes = {
   id: _propTypes.default.string,
   "aria-label": _propTypes.default.string,

package/dist/FilterGroup/FilterContent/FilterContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.js","names":["FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","others","classes","useStyles","useState","filterGroupOpen","setFilterGroupOpen","useContext","FilterGroupContext","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","placeholder","setId","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","PropTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"sources":["../../../src/FilterGroup/FilterContent/FilterContent.js"],"sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n  id,\n  status,\n  disabled = false,\n\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  labels,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height,\n  leftEmptyElement,\n  rightEmptyElement,\n\n  ...others\n}) => {\n  const classes = useStyles();\n  const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n  const { defaultValue, filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n    useContext(FilterGroupContext);\n\n  const focusTarget = useRef();\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (evt) => {\n    applyFilters();\n    onChange?.(evt, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (evt) => {\n    rollbackFilters();\n    onCancel?.(evt);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (evt) => {\n    clearFilters();\n    onClear?.(evt);\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(evt);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n      </>\n    ),\n    [labels.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<Counter />}\n      popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <LeftPanel id={id} className={classes.leftSidePanel} emptyElement={leftEmptyElement} />\n        <RightPanel\n          id={id}\n          className={classes.rightSidePanel}\n          emptyElement={rightEmptyElement}\n          labels={labels}\n        />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          category=\"ghost\"\n          onClick={onClearHandler}\n        >\n          {labels.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          category=\"ghost\"\n          onClick={onApplyHandler}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n          {labels.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n\nFilterContent.propTypes = {\n  id: PropTypes.string,\n\n  \"aria-label\": PropTypes.string,\n  \"aria-labelledby\": PropTypes.string,\n  description: PropTypes.node,\n  \"aria-describedby\": PropTypes.string,\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n  onChange: PropTypes.func,\n  onCancel: PropTypes.func,\n  onClear: PropTypes.func,\n\n  labels: PropTypes.shape({\n    applyLabel: PropTypes.string,\n    cancelLabel: PropTypes.string,\n    clearLabel: PropTypes.string,\n    placeholder: PropTypes.string,\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  disablePortal: PropTypes.bool,\n  escapeWithReference: PropTypes.bool,\n  height: PropTypes.any,\n  leftEmptyElement: PropTypes.node,\n  rightEmptyElement: PropTypes.node,\n};\n\nexport default FilterContent;\n"],"mappings":"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"}
+{"version":3,"file":"FilterContent.js","names":["FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","others","classes","useStyles","useState","filterGroupOpen","setFilterGroupOpen","useContext","FilterGroupContext","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","placeholder","setId","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","PropTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"sources":["../../../src/FilterGroup/FilterContent/FilterContent.js"],"sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n  id,\n  status,\n  disabled = false,\n\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  labels,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height,\n  leftEmptyElement,\n  rightEmptyElement,\n\n  ...others\n}) => {\n  const classes = useStyles();\n  const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n  const { defaultValue, filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n    useContext(FilterGroupContext);\n\n  const focusTarget = useRef();\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (evt) => {\n    applyFilters();\n    onChange?.(evt, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (evt) => {\n    rollbackFilters();\n    onCancel?.(evt);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (evt) => {\n    clearFilters();\n    onClear?.(evt);\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(evt);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n      </>\n    ),\n    [labels.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<Counter />}\n      popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <LeftPanel id={id} className={classes.leftSidePanel} emptyElement={leftEmptyElement} />\n        <RightPanel\n          id={id}\n          className={classes.rightSidePanel}\n          emptyElement={rightEmptyElement}\n          labels={labels}\n        />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          category=\"ghost\"\n          onClick={onClearHandler}\n        >\n          {labels.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          category=\"ghost\"\n          onClick={onApplyHandler}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n          {labels.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n\nFilterContent.propTypes = {\n  id: PropTypes.string,\n\n  \"aria-label\": PropTypes.string,\n  \"aria-labelledby\": PropTypes.string,\n  description: PropTypes.node,\n  \"aria-describedby\": PropTypes.string,\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n  onChange: PropTypes.func,\n  onCancel: PropTypes.func,\n  onClear: PropTypes.func,\n\n  labels: PropTypes.shape({\n    applyLabel: PropTypes.string,\n    cancelLabel: PropTypes.string,\n    clearLabel: PropTypes.string,\n    placeholder: PropTypes.string,\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  disablePortal: PropTypes.bool,\n  escapeWithReference: PropTypes.bool,\n  height: PropTypes.any,\n  leftEmptyElement: PropTypes.node,\n  rightEmptyElement: PropTypes.node,\n};\n\nexport default FilterContent;\n"],"mappings":"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"}

package/dist/FilterGroup/FilterContent/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _FilterContent.default;
   }
 });
-
 var _FilterContent = _interopRequireDefault(require("./FilterContent"));
 //# sourceMappingURL=index.js.map

package/dist/FilterGroup/FilterContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/FilterGroup/FilterContent/index.js"],"sourcesContent":["export { default } from \"./FilterContent\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/FilterGroup/FilterContent/index.js"],"sourcesContent":["export { default } from \"./FilterContent\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/FilterGroup/FilterContent/styles.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.array.concat.js");
-
 var _styles = require("@mui/styles");
-
 var styles = (0, _styles.makeStyles)(function (theme) {
   return {
     root: {

package/dist/FilterGroup/FilterContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","theme","root","width","backgroundColor","hv","palette","atmosphere","atmo1","maxHeight","minHeight","display","spacing","height","verticalAlign","padding","margin","overflow","boxShadow","shadow","shad1","panel","actionBar","space","flex","baseDropdownSelection","header","justifyContent","leftSidePanel","rightSidePanel"],"sources":["../../../src/FilterGroup/FilterContent/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    width: 640,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    \"& div$leftSidePanel\": {\n      display: \"inline-block\",\n      width: `calc(50% - ${theme.spacing(\"sm\")} - ${theme.spacing(\"sm\")} + 8px)`,\n      height: `calc(100% - ${theme.spacing(\"sm\")} - ${theme.spacing(\"sm\")} + 8px)`,\n      verticalAlign: \"top\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      padding: 4,\n      margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n    },\n    \"& div$rightSidePanel\": {\n      display: \"inline-block\",\n      width: \"50%\",\n      height: \"100%\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      verticalAlign: \"top\",\n      overflow: \"visible\",\n      boxShadow: `inset 8px 0 8px -6px ${theme.hv.palette.shadow.shad1}`,\n    },\n  },\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  actionBar: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  space: {\n    flex: 1,\n  },\n  baseDropdownSelection: {\n    padding: \"0 30px 0 0\",\n  },\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n  },\n  leftSidePanel: {},\n  rightSidePanel: {},\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW,UAACC,KAAD;EAAA,OAAY;IACpCC,IAAI,EAAE;MACJC,KAAK,EAAE,GADH;MAEJC,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAFzC;MAGJC,SAAS,EAAE,oBAHP;MAIJC,SAAS,EAAE,oBAJP;MAKJ,uBAAuB;QACrBC,OAAO,EAAE,cADY;QAErBR,KAAK,uBAAgBF,KAAK,CAACW,OAAN,CAAc,IAAd,CAAhB,gBAAyCX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAzC,YAFgB;QAGrBC,MAAM,wBAAiBZ,KAAK,CAACW,OAAN,CAAc,IAAd,CAAjB,gBAA0CX,KAAK,CAACW,OAAN,CAAc,IAAd,CAA1C,YAHe;QAIrBE,aAAa,EAAE,KAJM;QAKrBL,SAAS,EAAE,oBALU;QAMrBC,SAAS,EAAE,oBANU;QAOrBK,OAAO,EAAE,CAPY;QAQrBC,MAAM,iBAAUf,KAAK,CAACW,OAAN,CAAc,IAAd,CAAV;MARe,CALnB;MAeJ,wBAAwB;QACtBD,OAAO,EAAE,cADa;QAEtBR,KAAK,EAAE,KAFe;QAGtBU,MAAM,EAAE,MAHc;QAItBJ,SAAS,EAAE,oBAJW;QAKtBC,SAAS,EAAE,oBALW;QAMtBI,aAAa,EAAE,KANO;QAOtBG,QAAQ,EAAE,SAPY;QAQtBC,SAAS,iCAA0BjB,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBa,MAAjB,CAAwBC,KAAlD;MARa;IAfpB,CAD8B;IA2BpCC,KAAK,EAAE;MACLZ,SAAS,EAAE,GADN;MAELC,SAAS,EAAE;IAFN,CA3B6B;IA+BpCY,SAAS,EAAE;MACTlB,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpC,CA/ByB;IAkCpCe,KAAK,EAAE;MACLC,IAAI,EAAE;IADD,CAlC6B;IAqCpCC,qBAAqB,EAAE;MACrBV,OAAO,EAAE;IADY,CArCa;IAwCpCW,MAAM,EAAE;MACNf,OAAO,EAAE,MADH;MAENgB,cAAc,EAAE,eAFV;MAGNd,MAAM,EAAE;IAHF,CAxC4B;IA6CpCe,aAAa,EAAE,EA7CqB;IA8CpCC,cAAc,EAAE;EA9CoB,CAAZ;AAAA,CAAX,CAAf;eAiDe9B,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","theme","root","width","backgroundColor","hv","palette","atmosphere","atmo1","maxHeight","minHeight","display","spacing","height","verticalAlign","padding","margin","overflow","boxShadow","shadow","shad1","panel","actionBar","space","flex","baseDropdownSelection","header","justifyContent","leftSidePanel","rightSidePanel"],"sources":["../../../src/FilterGroup/FilterContent/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    width: 640,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    \"& div$leftSidePanel\": {\n      display: \"inline-block\",\n      width: `calc(50% - ${theme.spacing(\"sm\")} - ${theme.spacing(\"sm\")} + 8px)`,\n      height: `calc(100% - ${theme.spacing(\"sm\")} - ${theme.spacing(\"sm\")} + 8px)`,\n      verticalAlign: \"top\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      padding: 4,\n      margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n    },\n    \"& div$rightSidePanel\": {\n      display: \"inline-block\",\n      width: \"50%\",\n      height: \"100%\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      verticalAlign: \"top\",\n      overflow: \"visible\",\n      boxShadow: `inset 8px 0 8px -6px ${theme.hv.palette.shadow.shad1}`,\n    },\n  },\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  actionBar: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  space: {\n    flex: 1,\n  },\n  baseDropdownSelection: {\n    padding: \"0 30px 0 0\",\n  },\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n  },\n  leftSidePanel: {},\n  rightSidePanel: {},\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAU,EAAC,UAACC,KAAK;EAAA,OAAM;IACpCC,IAAI,EAAE;MACJC,KAAK,EAAE,GAAG;MACVC,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,SAAS,EAAE,oBAAoB;MAC/BC,SAAS,EAAE,oBAAoB;MAC/B,qBAAqB,EAAE;QACrBC,OAAO,EAAE,cAAc;QACvBR,KAAK,uBAAgBF,KAAK,CAACW,OAAO,CAAC,IAAI,CAAC,gBAAMX,KAAK,CAACW,OAAO,CAAC,IAAI,CAAC,YAAS;QAC1EC,MAAM,wBAAiBZ,KAAK,CAACW,OAAO,CAAC,IAAI,CAAC,gBAAMX,KAAK,CAACW,OAAO,CAAC,IAAI,CAAC,YAAS;QAC5EE,aAAa,EAAE,KAAK;QACpBL,SAAS,EAAE,oBAAoB;QAC/BC,SAAS,EAAE,oBAAoB;QAC/BK,OAAO,EAAE,CAAC;QACVC,MAAM,iBAAUf,KAAK,CAACW,OAAO,CAAC,IAAI,CAAC;MACrC,CAAC;MACD,sBAAsB,EAAE;QACtBD,OAAO,EAAE,cAAc;QACvBR,KAAK,EAAE,KAAK;QACZU,MAAM,EAAE,MAAM;QACdJ,SAAS,EAAE,oBAAoB;QAC/BC,SAAS,EAAE,oBAAoB;QAC/BI,aAAa,EAAE,KAAK;QACpBG,QAAQ,EAAE,SAAS;QACnBC,SAAS,iCAA0BjB,KAAK,CAACI,EAAE,CAACC,OAAO,CAACa,MAAM,CAACC,KAAK;MAClE;IACF,CAAC;IACDC,KAAK,EAAE;MACLZ,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE;IACb,CAAC;IACDY,SAAS,EAAE;MACTlB,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;IAC/C,CAAC;IACDe,KAAK,EAAE;MACLC,IAAI,EAAE;IACR,CAAC;IACDC,qBAAqB,EAAE;MACrBV,OAAO,EAAE;IACX,CAAC;IACDW,MAAM,EAAE;MACNf,OAAO,EAAE,MAAM;MACfgB,cAAc,EAAE,eAAe;MAC/Bd,MAAM,EAAE;IACV,CAAC;IACDe,aAAa,EAAE,CAAC,CAAC;IACjBC,cAAc,EAAE,CAAC;EACnB,CAAC;AAAA,CAAC,CAAC;AAAC,eAEW9B,MAAM;AAAA"}

package/dist/FilterGroup/FilterGroup.js

@@ -1,58 +1,33 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.symbol.description.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _FilterGroupContext = require("./FilterGroupContext");
-
 var _FilterContent = _interopRequireDefault(require("./FilterContent"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _ = require("..");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "labels", "defaultValue", "value", "filters", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "filterContentProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var DEFAULT_LABELS = {
   applyLabel: "Apply",
   cancelLabel: "Cancel",
@@ -62,56 +37,55 @@ var DEFAULT_LABELS = {
   selectAll: "All",
   multiSelectionConjunction: "/"
 };
+
 /**
  * This component implements one potential use-case of the Filter Group pattern Design System Specifies.
  * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
  * while we do not provide a better approach for building this component with smaller and more composable parts.
  */
-
 var HvFilterGroup = function HvFilterGroup(_ref) {
   var className = _ref.className,
-      id = _ref.id,
-      name = _ref.name,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      label = _ref.label,
-      ariaLabel = _ref["aria-label"],
-      ariaLabelledBy = _ref["aria-labelledby"],
-      description = _ref.description,
-      ariaDescribedBy = _ref["aria-describedby"],
-      onChange = _ref.onChange,
-      onCancel = _ref.onCancel,
-      onClear = _ref.onClear,
-      status = _ref.status,
-      statusMessage = _ref.statusMessage,
-      labelsProp = _ref.labels,
-      defaultValue = _ref.defaultValue,
-      value = _ref.value,
-      filters = _ref.filters,
-      _ref$horizontalPlacem = _ref.horizontalPlacement,
-      horizontalPlacement = _ref$horizontalPlacem === void 0 ? "right" : _ref$horizontalPlacem,
-      _ref$disablePortal = _ref.disablePortal,
-      disablePortal = _ref$disablePortal === void 0 ? true : _ref$disablePortal,
-      _ref$escapeWithRefere = _ref.escapeWithReference,
-      escapeWithReference = _ref$escapeWithRefere === void 0 ? true : _ref$escapeWithRefere,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 350 : _ref$height,
-      filterContentProps = _ref.filterContentProps,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    id = _ref.id,
+    name = _ref.name,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    label = _ref.label,
+    ariaLabel = _ref["aria-label"],
+    ariaLabelledBy = _ref["aria-labelledby"],
+    description = _ref.description,
+    ariaDescribedBy = _ref["aria-describedby"],
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onClear = _ref.onClear,
+    status = _ref.status,
+    statusMessage = _ref.statusMessage,
+    labelsProp = _ref.labels,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    filters = _ref.filters,
+    _ref$horizontalPlacem = _ref.horizontalPlacement,
+    horizontalPlacement = _ref$horizontalPlacem === void 0 ? "right" : _ref$horizontalPlacem,
+    _ref$disablePortal = _ref.disablePortal,
+    disablePortal = _ref$disablePortal === void 0 ? true : _ref$disablePortal,
+    _ref$escapeWithRefere = _ref.escapeWithReference,
+    escapeWithReference = _ref$escapeWithRefere === void 0 ? true : _ref$escapeWithRefere,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 350 : _ref$height,
+    filterContentProps = _ref.filterContentProps,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _styles.default)();
-
   var _useControlled = (0, _.useControlled)(statusMessage, "Required"),
-      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 1),
-      validationMessage = _useControlled2[0];
-
+    _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 1),
+    validationMessage = _useControlled2[0];
   var elementId = (0, _.useUniqueId)(id, "hvfiltergroup");
   var labels = (0, _.useLabels)(DEFAULT_LABELS, labelsProp);
   var hasLabel = label != null;
-  var hasDescription = description != null; // error message area will only be needed if the status is being controlled
-  // or if required is true
+  var hasDescription = description != null;
 
+  // error message area will only be needed if the status is being controlled
+  // or if required is true
   var canShowError = status !== undefined || required;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, _objectSpread(_objectSpread({
     id: id,
@@ -162,23 +136,19 @@ var HvFilterGroup = function HvFilterGroup(_ref) {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * Id to be applied to the form element root node.
    */
   id: _propTypes.default.string,
-
   /**
    * The form element name.
    */
   name: _propTypes.default.string,
-
   /**
    * The label of the form element.
    *
@@ -186,37 +156,30 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
    * If not provided, an aria-label or aria-labelledby must be provided instead.
    */
   label: _propTypes.default.node,
-
   /**
    * @ignore
    */
   "aria-label": _propTypes.default.string,
-
   /**
    * @ignore
    */
   "aria-labelledby": _propTypes.default.string,
-
   /**
    * Provide additional descriptive text for the form element.
    */
   description: _propTypes.default.node,
-
   /**
    * @ignore
    */
   "aria-describedby": _propTypes.default.string,
-
   /**
    * Indicates that the form element is disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * Indicates that user input is required on the form element.
    */
   required: _propTypes.default.bool,
-
   /**
    * The status of the form element.
    *
@@ -226,27 +189,22 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
    * or "invalid" after any change to the state.
    */
   status: _propTypes.default.oneOf(["standBy", "valid", "invalid"]),
-
   /**
    * The error message to show when `status` is "invalid". Defaults to "Required".
    */
   statusMessage: _propTypes.default.node,
-
   /**
    * The callback fired when the value changes.
    */
   onChange: _propTypes.default.func,
-
   /**
    * The callback fired when the cancel button is clicked.
    */
   onCancel: _propTypes.default.func,
-
   /**
    * The callback fired when the clear filters button is clicked.
    */
   onClear: _propTypes.default.func,
-
   /**
    * An object containing all the labels for the Filter Group.
    */
@@ -255,38 +213,31 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
      * Apply button label.
      */
     applyLabel: _propTypes.default.string,
-
     /**
      * Cancel button label.
      */
     cancelLabel: _propTypes.default.string,
-
     /**
      * Clear Filters button label.
      */
     clearLabel: _propTypes.default.string,
-
     /**
      * Placeholder label.
      */
     placeholder: _propTypes.default.string,
-
     /**
      * SearchBox placeholder label.
      */
     searchBoxPlaceholder: _propTypes.default.string,
-
     /**
      * Select All placeholder label.
      */
     selectAll: _propTypes.default.string,
-
     /**
      * Multi selection conjunction placeholder label.
      */
     multiSelectionConjunction: _propTypes.default.string
   }),
-
   /**
    * The options of the filter group.
    */
@@ -298,43 +249,35 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
       name: _propTypes.default.string.isRequired
     })).isRequired
   })).isRequired,
-
   /**
    * The default value of the filter group.
    * If defined the clear action will reset to it.
    */
   defaultValue: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))),
-
   /**
    * The value of the filter group.
    */
   value: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))),
-
   /**
    * The placement where the filter group should be placed according to the input. Options are `left` or `right`.
    */
   horizontalPlacement: _propTypes.default.oneOf(["left", "right"]),
-
   /**
    * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
    */
   disablePortal: _propTypes.default.bool,
-
   /**
    * Sets if the filter container should be out of the screen or stay visible.
    */
   escapeWithReference: _propTypes.default.bool,
-
   /**
    * The Height of the filter panel, between 295 and 425. Defaults to 350
    */
   height: _propTypes.default.oneOf([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * The filter content props
    */
   filterContentProps: _propTypes.default.object,
-
   /**
    * If `true` the filter group starts opened if `false` it starts closed.
    */