@hitachivantara/uikit-react-core 3.72.0 → 4.0.1-next.1

package/dist/modern/FilterGroup/FilterContent/FilterContent.js

@@ -1,9 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _Filters, _Counter;
 
 const _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "leftEmptyElement", "rightEmptyElement"];
+
+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) { _defineProperty(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; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.unscopables.flat.js";
 import React, { useMemo, useState, useRef, useContext } from "react";
@@ -15,6 +20,9 @@ import RightPanel from "../RightPanel";
 import Counter from "../Counter";
 import useStyles from "./styles";
 import { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const FilterContent = _ref => {
   let {
@@ -84,10 +92,13 @@ const FilterContent = _ref => {
     if (!open) onCancelHandler === null || onCancelHandler === void 0 ? void 0 : onCancelHandler(evt);
   };
 
-  const Header = useMemo(() => /*#__PURE__*/React.createElement(React.Fragment, null, _Filters || (_Filters = /*#__PURE__*/React.createElement(Filters, null)), /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "highlightText"
-  }, labels.placeholder)), [labels.placeholder]);
-  return /*#__PURE__*/React.createElement(HvBaseDropdown, _extends({
+  const Header = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [_Filters || (_Filters = /*#__PURE__*/_jsx(Filters, {})), /*#__PURE__*/_jsx(HvTypography, {
+      variant: "highlightText",
+      children: labels.placeholder
+    })]
+  }), [labels.placeholder]);
+  return /*#__PURE__*/_jsxs(HvBaseDropdown, _objectSpread(_objectSpread({
     id: setId(id, "dropdown"),
     role: "combobox",
     classes: {
@@ -105,7 +116,7 @@ const FilterContent = _ref => {
     onClickOutside: onCancelHandler,
     onContainerCreation: focusOnContainer,
     placeholder: Header,
-    adornment: _Counter || (_Counter = /*#__PURE__*/React.createElement(Counter, null)),
+    adornment: _Counter || (_Counter = /*#__PURE__*/_jsx(Counter, {})),
     popperProps: {
       modifiers: [{
         name: "preventOverflow",
@@ -118,43 +129,51 @@ const FilterContent = _ref => {
     "aria-invalid": status === "invalid" ? true : undefined,
     "aria-errormessage": status === "invalid" ? setId(id, "error") : undefined,
     "aria-describedby": [description && setId(id, "description"), ariaDescribedBy].join(" ").trim() || undefined
-  }, others), /*#__PURE__*/React.createElement("div", {
-    ref: focusTarget,
-    tabIndex: -1
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classes.root,
-    style: {
-      height
-    }
-  }, /*#__PURE__*/React.createElement(LeftPanel, {
-    id: id,
-    className: classes.leftSidePanel,
-    emptyElement: leftEmptyElement
-  }), /*#__PURE__*/React.createElement(RightPanel, {
-    id: id,
-    className: classes.rightSidePanel,
-    emptyElement: rightEmptyElement,
-    labels: labels
-  })), /*#__PURE__*/React.createElement(HvActionBar, {
-    className: classes.actionBar
-  }, /*#__PURE__*/React.createElement(HvButton, {
-    id: setId(id, "clearFilters-button"),
-    disabled: defaultValue ? (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.flat().length) === (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) : (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) === 0,
-    category: "ghost",
-    onClick: onClearHandler
-  }, labels.clearLabel), /*#__PURE__*/React.createElement("div", {
-    "aria-hidden": "true",
-    className: classes.space
-  }, "\xA0"), /*#__PURE__*/React.createElement(HvButton, {
-    id: setId(id, "apply-button"),
-    disabled: applyDisabled,
-    category: "ghost",
-    onClick: onApplyHandler
-  }, labels.applyLabel), /*#__PURE__*/React.createElement(HvButton, {
-    id: setId(id, "cancel-button"),
-    category: "ghost",
-    onClick: onCancelHandler
-  }, labels.cancelLabel)));
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx("div", {
+      ref: focusTarget,
+      tabIndex: -1
+    }), /*#__PURE__*/_jsxs("div", {
+      className: classes.root,
+      style: {
+        height
+      },
+      children: [/*#__PURE__*/_jsx(LeftPanel, {
+        id: id,
+        className: classes.leftSidePanel,
+        emptyElement: leftEmptyElement
+      }), /*#__PURE__*/_jsx(RightPanel, {
+        id: id,
+        className: classes.rightSidePanel,
+        emptyElement: rightEmptyElement,
+        labels: labels
+      })]
+    }), /*#__PURE__*/_jsxs(HvActionBar, {
+      className: classes.actionBar,
+      children: [/*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "clearFilters-button"),
+        disabled: defaultValue ? (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.flat().length) === (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) : (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) === 0,
+        category: "ghost",
+        onClick: onClearHandler,
+        children: labels.clearLabel
+      }), /*#__PURE__*/_jsx("div", {
+        "aria-hidden": "true",
+        className: classes.space,
+        children: "\xA0"
+      }), /*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "apply-button"),
+        disabled: applyDisabled,
+        category: "ghost",
+        onClick: onApplyHandler,
+        children: labels.applyLabel
+      }), /*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "cancel-button"),
+        category: "ghost",
+        onClick: onCancelHandler,
+        children: labels.cancelLabel
+      })]
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? FilterContent.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.js","names":["React","useMemo","useState","useRef","useContext","PropTypes","Filters","FilterGroupContext","LeftPanel","RightPanel","Counter","useStyles","setId","HvBaseDropdown","HvTypography","HvButton","HvActionBar","FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","others","classes","filterGroupOpen","setFilterGroupOpen","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","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":["React","useMemo","useState","useRef","useContext","PropTypes","Filters","FilterGroupContext","LeftPanel","RightPanel","Counter","useStyles","setId","HvBaseDropdown","HvTypography","HvButton","HvActionBar","FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","others","classes","filterGroupOpen","setFilterGroupOpen","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","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/modern/FilterGroup/FilterContent/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 const styles = makeStyles(theme => ({
   root: {
     width: 640,
@@ -7,13 +7,13 @@ const styles = makeStyles(theme => ({
     minHeight: "calc(370px - 75px)",
     "& div$leftSidePanel": {
       display: "inline-block",
-      width: `calc(50% - ${theme.spacing("sm")}px - ${theme.spacing("sm")}px + 8px)`,
-      height: `calc(100% - ${theme.spacing("sm")}px - ${theme.spacing("sm")}px + 8px)`,
+      width: `calc(50% - ${theme.spacing("sm")} - ${theme.spacing("sm")} + 8px)`,
+      height: `calc(100% - ${theme.spacing("sm")} - ${theme.spacing("sm")} + 8px)`,
       verticalAlign: "top",
       maxHeight: "calc(500px - 75px)",
       minHeight: "calc(370px - 75px)",
       padding: 4,
-      margin: theme.spacing("sm") - 4
+      margin: `calc(${theme.spacing("sm")} - 4px)`
     },
     "& div$rightSidePanel": {
       display: "inline-block",

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","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 \"@material-ui/core\";\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\")}px - ${theme.spacing(\"sm\")}px + 8px)`,\n      height: `calc(100% - ${theme.spacing(\"sm\")}px - ${theme.spacing(\"sm\")}px + 8px)`,\n      verticalAlign: \"top\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      padding: 4,\n      margin: theme.spacing(\"sm\") - 4,\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,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,IAAI,EAAE;IACJC,KAAK,EAAE,GADH;IAEJC,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAFzC;IAGJC,SAAS,EAAE,oBAHP;IAIJC,SAAS,EAAE,oBAJP;IAKJ,uBAAuB;MACrBC,OAAO,EAAE,cADY;MAErBR,KAAK,EAAG,cAAaF,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,QAAOX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,WAF/C;MAGrBC,MAAM,EAAG,eAAcZ,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,QAAOX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,WAHjD;MAIrBE,aAAa,EAAE,KAJM;MAKrBL,SAAS,EAAE,oBALU;MAMrBC,SAAS,EAAE,oBANU;MAOrBK,OAAO,EAAE,CAPY;MAQrBC,MAAM,EAAEf,KAAK,CAACW,OAAN,CAAc,IAAd,IAAsB;IART,CALnB;IAeJ,wBAAwB;MACtBD,OAAO,EAAE,cADa;MAEtBR,KAAK,EAAE,KAFe;MAGtBU,MAAM,EAAE,MAHc;MAItBJ,SAAS,EAAE,oBAJW;MAKtBC,SAAS,EAAE,oBALW;MAMtBI,aAAa,EAAE,KANO;MAOtBG,QAAQ,EAAE,SAPY;MAQtBC,SAAS,EAAG,wBAAuBjB,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBa,MAAjB,CAAwBC,KAAM;IAR3C;EAfpB,CAD8B;EA2BpCC,KAAK,EAAE;IACLZ,SAAS,EAAE,GADN;IAELC,SAAS,EAAE;EAFN,CA3B6B;EA+BpCY,SAAS,EAAE;IACTlB,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADpC,CA/ByB;EAkCpCe,KAAK,EAAE;IACLC,IAAI,EAAE;EADD,CAlC6B;EAqCpCC,qBAAqB,EAAE;IACrBV,OAAO,EAAE;EADY,CArCa;EAwCpCW,MAAM,EAAE;IACNf,OAAO,EAAE,MADH;IAENgB,cAAc,EAAE,eAFV;IAGNd,MAAM,EAAE;EAHF,CAxC4B;EA6CpCe,aAAa,EAAE,EA7CqB;EA8CpCC,cAAc,EAAE;AA9CoB,CAAZ,CAAD,CAAzB;AAiDA,eAAe7B,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","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,SAASA,UAAT,QAA2B,aAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,IAAI,EAAE;IACJC,KAAK,EAAE,GADH;IAEJC,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAFzC;IAGJC,SAAS,EAAE,oBAHP;IAIJC,SAAS,EAAE,oBAJP;IAKJ,uBAAuB;MACrBC,OAAO,EAAE,cADY;MAErBR,KAAK,EAAG,cAAaF,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,MAAKX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,SAF7C;MAGrBC,MAAM,EAAG,eAAcZ,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,MAAKX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,SAH/C;MAIrBE,aAAa,EAAE,KAJM;MAKrBL,SAAS,EAAE,oBALU;MAMrBC,SAAS,EAAE,oBANU;MAOrBK,OAAO,EAAE,CAPY;MAQrBC,MAAM,EAAG,QAAOf,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB;IARf,CALnB;IAeJ,wBAAwB;MACtBD,OAAO,EAAE,cADa;MAEtBR,KAAK,EAAE,KAFe;MAGtBU,MAAM,EAAE,MAHc;MAItBJ,SAAS,EAAE,oBAJW;MAKtBC,SAAS,EAAE,oBALW;MAMtBI,aAAa,EAAE,KANO;MAOtBG,QAAQ,EAAE,SAPY;MAQtBC,SAAS,EAAG,wBAAuBjB,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBa,MAAjB,CAAwBC,KAAM;IAR3C;EAfpB,CAD8B;EA2BpCC,KAAK,EAAE;IACLZ,SAAS,EAAE,GADN;IAELC,SAAS,EAAE;EAFN,CA3B6B;EA+BpCY,SAAS,EAAE;IACTlB,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADpC,CA/ByB;EAkCpCe,KAAK,EAAE;IACLC,IAAI,EAAE;EADD,CAlC6B;EAqCpCC,qBAAqB,EAAE;IACrBV,OAAO,EAAE;EADY,CArCa;EAwCpCW,MAAM,EAAE;IACNf,OAAO,EAAE,MADH;IAENgB,cAAc,EAAE,eAFV;IAGNd,MAAM,EAAE;EAHF,CAxC4B;EA6CpCe,aAAa,EAAE,EA7CqB;EA8CpCC,cAAc,EAAE;AA9CoB,CAAZ,CAAD,CAAzB;AAiDA,eAAe7B,MAAf"}

package/dist/modern/FilterGroup/FilterGroup.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvFormElementProps } from "..";
 import { HvFilterContentProps } from "./FilterContent";
 
@@ -104,7 +104,7 @@ export interface HvFilterGroupProps
   height?: number | string;
 
   /**
-   * Other props, passed to `FilterContent` and `HvBaseDropdown` components
+   * The filter content props
    */
   filterContentProps?: Partial<HvFilterContentProps>;
 }

package/dist/modern/FilterGroup/FilterGroup.js

@@ -1,6 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _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) { _defineProperty(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; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React from "react";
 import clsx from "clsx";
@@ -9,6 +14,8 @@ import { FilterGroupProvider } from "./FilterGroupContext";
 import FilterContent from "./FilterContent";
 import useStyles from "./styles";
 import { setId, useLabels, useUniqueId, useControlled, HvFormElement, HvLabel, HvWarningText, HvInfoMessage } from "..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_LABELS = {
   applyLabel: "Apply",
   cancelLabel: "Cancel",
@@ -62,7 +69,7 @@ const HvFilterGroup = _ref => {
   // or if required is true
 
   const canShowError = status !== undefined || required;
-  return /*#__PURE__*/React.createElement(HvFormElement, _extends({
+  return /*#__PURE__*/_jsxs(HvFormElement, _objectSpread(_objectSpread({
     id: id,
     name: name,
     value: value,
@@ -70,40 +77,46 @@ const HvFilterGroup = _ref => {
     disabled: disabled,
     required: required,
     className: clsx(className, classes.root)
-  }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
-    className: classes.labelContainer
-  }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(elementId, "label"),
-    htmlFor: setId(elementId, "input"),
-    label: label,
-    className: classes.label
-  }), hasDescription && /*#__PURE__*/React.createElement(HvInfoMessage, {
-    id: setId(elementId, "description"),
-    className: classes.description
-  }, description)), /*#__PURE__*/React.createElement(FilterGroupProvider, {
-    defaultValue: defaultValue,
-    value: value,
-    filters: filters
-  }, /*#__PURE__*/React.createElement(FilterContent, _extends({
-    id: elementId,
-    disabled: disabled,
-    disablePortal: disablePortal,
-    variableWidth: true,
-    placement: horizontalPlacement,
-    escapeWithReference: escapeWithReference,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    status: status,
-    onChange: onChange,
-    onCancel: onCancel,
-    onClear: onClear,
-    labels: labels,
-    height: height
-  }, filterContentProps)), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage)));
+  }, others), {}, {
+    children: [(hasLabel || hasDescription) && /*#__PURE__*/_jsxs("div", {
+      className: classes.labelContainer,
+      children: [hasLabel && /*#__PURE__*/_jsx(HvLabel, {
+        id: setId(elementId, "label"),
+        htmlFor: setId(elementId, "input"),
+        label: label,
+        className: classes.label
+      }), hasDescription && /*#__PURE__*/_jsx(HvInfoMessage, {
+        id: setId(elementId, "description"),
+        className: classes.description,
+        children: description
+      })]
+    }), /*#__PURE__*/_jsxs(FilterGroupProvider, {
+      defaultValue: defaultValue,
+      value: value,
+      filters: filters,
+      children: [/*#__PURE__*/_jsx(FilterContent, _objectSpread({
+        id: elementId,
+        disabled: disabled,
+        disablePortal: disablePortal,
+        variableWidth: true,
+        placement: horizontalPlacement,
+        escapeWithReference: escapeWithReference,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        status: status,
+        onChange: onChange,
+        onCancel: onCancel,
+        onClear: onClear,
+        labels: labels,
+        height: height
+      }, filterContentProps)), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
+        id: setId(elementId, "error"),
+        disableBorder: true,
+        className: classes.error,
+        children: validationMessage
+      })]
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {

package/dist/modern/FilterGroup/FilterGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroup.js","names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"sources":["../../../src/FilterGroup/FilterGroup.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  defaultValue,\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"mappings":"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"}
+{"version":3,"file":"FilterGroup.js","names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"sources":["../../../src/FilterGroup/FilterGroup.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  defaultValue,\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"mappings":"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"}

package/dist/modern/FilterGroup/FilterGroupContext.js

@@ -3,6 +3,7 @@ import React, { useState, useEffect, useMemo, useCallback } from "react";
 import PropTypes from "prop-types";
 import isEqual from "lodash/isEqual";
 import { useSavedState } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const FilterGroupContext = /*#__PURE__*/React.createContext({
   activeGroup: 0,
   setActiveGroup: () => {},
@@ -52,9 +53,10 @@ export const FilterGroupProvider = ({
     applyDisabled,
     defaultValue
   }), [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues, defaultValue]);
-  return /*#__PURE__*/React.createElement(FilterGroupContext.Provider, {
-    value: contextValue
-  }, children);
+  return /*#__PURE__*/_jsx(FilterGroupContext.Provider, {
+    value: contextValue,
+    children: children
+  });
 };
 process.env.NODE_ENV !== "production" ? FilterGroupProvider.propTypes = {
   defaultValue: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),

package/dist/modern/FilterGroup/FilterGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","PropTypes","isEqual","useSavedState","FilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","defaultValue","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isEqual from \"lodash/isEqual\";\nimport { useSavedState } from \"../utils\";\n\nexport const FilterGroupContext = React.createContext({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterOptions: () => {},\n  filterValues: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n});\n\nconst groups = (filters) => filters.map(() => []);\n\nexport const FilterGroupProvider = ({ defaultValue, value, filters, children }) => {\n  const [group, setActiveGroup] = useState(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(\n    value || groups(filters)\n  );\n  const [applyDisabled, setApplyDisabled] = useState(false);\n\n  useEffect(() => {\n    setFilterValues(value, true);\n  }, [value, setFilterValues]);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(defaultValue || groups(filters));\n  }, [filters, setFilterValues, defaultValue]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue = useMemo(\n    () => ({\n      activeGroup: group,\n      setActiveGroup,\n      filterOptions: filters,\n      filterValues,\n      setFilterValues,\n      appliedFilters,\n      rollbackFilters,\n      clearFilters,\n      applyFilters,\n      applyDisabled,\n      defaultValue,\n    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n      defaultValue,\n    ]\n  );\n\n  return <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ),\n  children: PropTypes.node.isRequired,\n};\n"],"mappings":"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"}
+{"version":3,"file":"FilterGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","PropTypes","isEqual","useSavedState","FilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","defaultValue","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isEqual from \"lodash/isEqual\";\nimport { useSavedState } from \"../utils\";\n\nexport const FilterGroupContext = React.createContext({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterOptions: () => {},\n  filterValues: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n});\n\nconst groups = (filters) => filters.map(() => []);\n\nexport const FilterGroupProvider = ({ defaultValue, value, filters, children }) => {\n  const [group, setActiveGroup] = useState(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(\n    value || groups(filters)\n  );\n  const [applyDisabled, setApplyDisabled] = useState(false);\n\n  useEffect(() => {\n    setFilterValues(value, true);\n  }, [value, setFilterValues]);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(defaultValue || groups(filters));\n  }, [filters, setFilterValues, defaultValue]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue = useMemo(\n    () => ({\n      activeGroup: group,\n      setActiveGroup,\n      filterOptions: filters,\n      filterValues,\n      setFilterValues,\n      appliedFilters,\n      rollbackFilters,\n      clearFilters,\n      applyFilters,\n      applyDisabled,\n      defaultValue,\n    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n      defaultValue,\n    ]\n  );\n\n  return <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ),\n  children: PropTypes.node.isRequired,\n};\n"],"mappings":"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"}

package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js

@@ -6,6 +6,7 @@ import { FilterGroupContext } from "../FilterGroupContext";
 import Counter from "../Counter";
 import useStyles from "./styles";
 import { wrapperTooltip } from "../../List/utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const LeftPanel = ({
   id,
@@ -18,26 +19,28 @@ const LeftPanel = ({
     activeGroup,
     setActiveGroup
   } = useContext(FilterGroupContext);
-  return /*#__PURE__*/React.createElement(HvPanel, {
+  return /*#__PURE__*/_jsx(HvPanel, {
     id: setId(id, "leftPanel"),
-    className: clsx(className, classes.root)
-  }, filterOptions.length > 0 ? /*#__PURE__*/React.createElement(HvListContainer, {
-    id: setId(id, "leftPanel-list"),
-    condensed: true,
-    interactive: true
-  }, filterOptions.map((group, index) => {
-    const ItemText = wrapperTooltip(true, group.name, group.name);
-    return /*#__PURE__*/React.createElement(HvListItem, {
-      id: group.id,
-      className: classes.filterItem,
-      key: group.name,
-      onClick: () => setActiveGroup(index),
-      selected: filterOptions[activeGroup].id === group.id,
-      endAdornment: /*#__PURE__*/React.createElement(Counter, {
-        id: group.id
+    className: clsx(className, classes.root),
+    children: filterOptions.length > 0 ? /*#__PURE__*/_jsx(HvListContainer, {
+      id: setId(id, "leftPanel-list"),
+      condensed: true,
+      interactive: true,
+      children: filterOptions.map((group, index) => {
+        const ItemText = wrapperTooltip(true, group.name, group.name);
+        return /*#__PURE__*/_jsx(HvListItem, {
+          id: group.id,
+          className: classes.filterItem,
+          onClick: () => setActiveGroup(index),
+          selected: filterOptions[activeGroup].id === group.id,
+          endAdornment: /*#__PURE__*/_jsx(Counter, {
+            id: group.id
+          }),
+          children: /*#__PURE__*/_jsx(ItemText, {})
+        }, group.name);
       })
-    }, /*#__PURE__*/React.createElement(ItemText, null));
-  })) : emptyElement);
+    }) : emptyElement
+  });
 };
 
 process.env.NODE_ENV !== "production" ? LeftPanel.propTypes = {

package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.js","names":["React","useContext","clsx","PropTypes","HvPanel","HvListContainer","HvListItem","setId","FilterGroupContext","Counter","useStyles","wrapperTooltip","LeftPanel","id","className","emptyElement","classes","filterOptions","activeGroup","setActiveGroup","root","length","map","group","index","ItemText","name","filterItem","propTypes","string","node"],"sources":["../../../../src/FilterGroup/LeftPanel/LeftPanel.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { HvPanel, HvListContainer, HvListItem, setId } from \"../..\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport Counter from \"../Counter\";\nimport useStyles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst LeftPanel = ({ id, className, emptyElement }) => {\n  const classes = useStyles();\n  const { filterOptions, activeGroup, setActiveGroup } = useContext(FilterGroupContext);\n\n  return (\n    <HvPanel id={setId(id, \"leftPanel\")} className={clsx(className, classes.root)}>\n      {filterOptions.length > 0 ? (\n        <HvListContainer id={setId(id, \"leftPanel-list\")} condensed interactive>\n          {filterOptions.map((group, index) => {\n            const ItemText = wrapperTooltip(true, group.name, group.name);\n            return (\n              <HvListItem\n                id={group.id}\n                className={classes.filterItem}\n                key={group.name}\n                onClick={() => setActiveGroup(index)}\n                selected={filterOptions[activeGroup].id === group.id}\n                endAdornment={<Counter id={group.id} />}\n              >\n                <ItemText />\n              </HvListItem>\n            );\n          })}\n        </HvListContainer>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nLeftPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  emptyElement: PropTypes.node,\n};\n\nexport default LeftPanel;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,EAAkBC,eAAlB,EAAmCC,UAAnC,EAA+CC,KAA/C,QAA4D,OAA5D;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAAEC,EAAF;EAAMC,SAAN;EAAiBC;AAAjB,CAAD,KAAqC;EACrD,MAAMC,OAAO,GAAGN,SAAS,EAAzB;EACA,MAAM;IAAEO,aAAF;IAAiBC,WAAjB;IAA8BC;EAA9B,IAAiDlB,UAAU,CAACO,kBAAD,CAAjE;EAEA,oBACE,oBAAC,OAAD;IAAS,EAAE,EAAED,KAAK,CAACM,EAAD,EAAK,WAAL,CAAlB;IAAqC,SAAS,EAAEX,IAAI,CAACY,SAAD,EAAYE,OAAO,CAACI,IAApB;EAApD,GACGH,aAAa,CAACI,MAAd,GAAuB,CAAvB,gBACC,oBAAC,eAAD;IAAiB,EAAE,EAAEd,KAAK,CAACM,EAAD,EAAK,gBAAL,CAA1B;IAAkD,SAAS,MAA3D;IAA4D,WAAW;EAAvE,GACGI,aAAa,CAACK,GAAd,CAAkB,CAACC,KAAD,EAAQC,KAAR,KAAkB;IACnC,MAAMC,QAAQ,GAAGd,cAAc,CAAC,IAAD,EAAOY,KAAK,CAACG,IAAb,EAAmBH,KAAK,CAACG,IAAzB,CAA/B;IACA,oBACE,oBAAC,UAAD;MACE,EAAE,EAAEH,KAAK,CAACV,EADZ;MAEE,SAAS,EAAEG,OAAO,CAACW,UAFrB;MAGE,GAAG,EAAEJ,KAAK,CAACG,IAHb;MAIE,OAAO,EAAE,MAAMP,cAAc,CAACK,KAAD,CAJ/B;MAKE,QAAQ,EAAEP,aAAa,CAACC,WAAD,CAAb,CAA2BL,EAA3B,KAAkCU,KAAK,CAACV,EALpD;MAME,YAAY,eAAE,oBAAC,OAAD;QAAS,EAAE,EAAEU,KAAK,CAACV;MAAnB;IANhB,gBAQE,oBAAC,QAAD,OARF,CADF;EAYD,CAdA,CADH,CADD,GAmBCE,YApBJ,CADF;AAyBD,CA7BD;;AA+BA,wCAAAH,SAAS,CAACgB,SAAV,GAAsB;EACpBf,EAAE,EAAEV,SAAS,CAAC0B,MADM;EAEpBf,SAAS,EAAEX,SAAS,CAAC0B,MAFD;EAGpBd,YAAY,EAAEZ,SAAS,CAAC2B;AAHJ,CAAtB;AAMA,eAAelB,SAAf"}
+{"version":3,"file":"LeftPanel.js","names":["React","useContext","clsx","PropTypes","HvPanel","HvListContainer","HvListItem","setId","FilterGroupContext","Counter","useStyles","wrapperTooltip","LeftPanel","id","className","emptyElement","classes","filterOptions","activeGroup","setActiveGroup","root","length","map","group","index","ItemText","name","filterItem","propTypes","string","node"],"sources":["../../../../src/FilterGroup/LeftPanel/LeftPanel.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { HvPanel, HvListContainer, HvListItem, setId } from \"../..\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport Counter from \"../Counter\";\nimport useStyles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst LeftPanel = ({ id, className, emptyElement }) => {\n  const classes = useStyles();\n  const { filterOptions, activeGroup, setActiveGroup } = useContext(FilterGroupContext);\n\n  return (\n    <HvPanel id={setId(id, \"leftPanel\")} className={clsx(className, classes.root)}>\n      {filterOptions.length > 0 ? (\n        <HvListContainer id={setId(id, \"leftPanel-list\")} condensed interactive>\n          {filterOptions.map((group, index) => {\n            const ItemText = wrapperTooltip(true, group.name, group.name);\n            return (\n              <HvListItem\n                id={group.id}\n                className={classes.filterItem}\n                key={group.name}\n                onClick={() => setActiveGroup(index)}\n                selected={filterOptions[activeGroup].id === group.id}\n                endAdornment={<Counter id={group.id} />}\n              >\n                <ItemText />\n              </HvListItem>\n            );\n          })}\n        </HvListContainer>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nLeftPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  emptyElement: PropTypes.node,\n};\n\nexport default LeftPanel;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,EAAkBC,eAAlB,EAAmCC,UAAnC,EAA+CC,KAA/C,QAA4D,OAA5D;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAAEC,EAAF;EAAMC,SAAN;EAAiBC;AAAjB,CAAD,KAAqC;EACrD,MAAMC,OAAO,GAAGN,SAAS,EAAzB;EACA,MAAM;IAAEO,aAAF;IAAiBC,WAAjB;IAA8BC;EAA9B,IAAiDlB,UAAU,CAACO,kBAAD,CAAjE;EAEA,oBACE,KAAC,OAAD;IAAS,EAAE,EAAED,KAAK,CAACM,EAAD,EAAK,WAAL,CAAlB;IAAqC,SAAS,EAAEX,IAAI,CAACY,SAAD,EAAYE,OAAO,CAACI,IAApB,CAApD;IAAA,UACGH,aAAa,CAACI,MAAd,GAAuB,CAAvB,gBACC,KAAC,eAAD;MAAiB,EAAE,EAAEd,KAAK,CAACM,EAAD,EAAK,gBAAL,CAA1B;MAAkD,SAAS,MAA3D;MAA4D,WAAW,MAAvE;MAAA,UACGI,aAAa,CAACK,GAAd,CAAkB,CAACC,KAAD,EAAQC,KAAR,KAAkB;QACnC,MAAMC,QAAQ,GAAGd,cAAc,CAAC,IAAD,EAAOY,KAAK,CAACG,IAAb,EAAmBH,KAAK,CAACG,IAAzB,CAA/B;QACA,oBACE,KAAC,UAAD;UACE,EAAE,EAAEH,KAAK,CAACV,EADZ;UAEE,SAAS,EAAEG,OAAO,CAACW,UAFrB;UAIE,OAAO,EAAE,MAAMR,cAAc,CAACK,KAAD,CAJ/B;UAKE,QAAQ,EAAEP,aAAa,CAACC,WAAD,CAAb,CAA2BL,EAA3B,KAAkCU,KAAK,CAACV,EALpD;UAME,YAAY,eAAE,KAAC,OAAD;YAAS,EAAE,EAAEU,KAAK,CAACV;UAAnB,EANhB;UAAA,uBAQE,KAAC,QAAD;QARF,GAGOU,KAAK,CAACG,IAHb,CADF;MAYD,CAdA;IADH,EADD,GAmBCX;EApBJ,EADF;AAyBD,CA7BD;;AA+BA,wCAAAH,SAAS,CAACgB,SAAV,GAAsB;EACpBf,EAAE,EAAEV,SAAS,CAAC0B,MADM;EAEpBf,SAAS,EAAEX,SAAS,CAAC0B,MAFD;EAGpBd,YAAY,EAAEZ,SAAS,CAAC2B;AAHJ,CAAtB;AAMA,eAAelB,SAAf"}

package/dist/modern/FilterGroup/LeftPanel/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core"; // accommodating the focus outline space with extra 4px
+import { makeStyles } from "@mui/styles"; // accommodating the focus outline space with extra 4px
 
 const styles = makeStyles(() => ({
   root: {

package/dist/modern/FilterGroup/LeftPanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","root","display","justifyContent","filterItem"],"sources":["../../../../src/FilterGroup/LeftPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\n// accommodating the focus outline space with extra 4px\n\nconst styles = makeStyles(() => ({\n  root: {\n    \"& $filterItem\": {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n    },\n  },\n  filterItem: {},\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B,C,CAEA;;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,IAAI,EAAE;IACJ,iBAAiB;MACfC,OAAO,EAAE,MADM;MAEfC,cAAc,EAAE;IAFD;EADb,CADyB;EAO/BC,UAAU,EAAE;AAPmB,CAAP,CAAD,CAAzB;AAUA,eAAeJ,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","root","display","justifyContent","filterItem"],"sources":["../../../../src/FilterGroup/LeftPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\n// accommodating the focus outline space with extra 4px\n\nconst styles = makeStyles(() => ({\n  root: {\n    \"& $filterItem\": {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n    },\n  },\n  filterItem: {},\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B,C,CAEA;;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,IAAI,EAAE;IACJ,iBAAiB;MACfC,OAAO,EAAE,MADM;MAEfC,cAAc,EAAE;IAFD;EADb,CADyB;EAO/BC,UAAU,EAAE;AAPmB,CAAP,CAAD,CAAzB;AAUA,eAAeJ,MAAf"}