@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

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/styles.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.concat.js");
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var styles = (0, _core.makeStyles)(function (theme) {
+var styles = (0, _styles.makeStyles)(function (theme) {
   return {
     root: {
       width: 640,
@@ -18,13 +18,13 @@ var styles = (0, _core.makeStyles)(function (theme) {
       minHeight: "calc(370px - 75px)",
       "& div$leftSidePanel": {
         display: "inline-block",
-        width: "calc(50% - ".concat(theme.spacing("sm"), "px - ").concat(theme.spacing("sm"), "px + 8px)"),
-        height: "calc(100% - ".concat(theme.spacing("sm"), "px - ").concat(theme.spacing("sm"), "px + 8px)"),
+        width: "calc(50% - ".concat(theme.spacing("sm"), " - ").concat(theme.spacing("sm"), " + 8px)"),
+        height: "calc(100% - ".concat(theme.spacing("sm"), " - ").concat(theme.spacing("sm"), " + 8px)"),
         verticalAlign: "top",
         maxHeight: "calc(500px - 75px)",
         minHeight: "calc(370px - 75px)",
         padding: 4,
-        margin: theme.spacing("sm") - 4
+        margin: "calc(".concat(theme.spacing("sm"), " - 4px)")
       },
       "& div$rightSidePanel": {
         display: "inline-block",
@@ -47,14 +47,13 @@ var styles = (0, _core.makeStyles)(function (theme) {
     space: {
       flex: 1
     },
-    baseDropdownSelection: {},
+    baseDropdownSelection: {
+      padding: "0 30px 0 0"
+    },
     header: {
       display: "flex",
       justifyContent: "space-between",
-      height: 32,
-      "& $baseDropdownSelection": {
-        padding: "0 30px 0 0"
-      }
+      height: 32
     },
     leftSidePanel: {},
     rightSidePanel: {}

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 \"@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  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n    \"& $baseDropdownSelection\": {\n      padding: \"0 30px 0 0\",\n    },\n  },\n  leftSidePanel: {},\n  rightSidePanel: {},\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,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,kBAA2CX,KAAK,CAACW,OAAN,CAAc,IAAd,CAA3C,cAFgB;QAGrBC,MAAM,wBAAiBZ,KAAK,CAACW,OAAN,CAAc,IAAd,CAAjB,kBAA4CX,KAAK,CAACW,OAAN,CAAc,IAAd,CAA5C,cAHe;QAIrBE,aAAa,EAAE,KAJM;QAKrBL,SAAS,EAAE,oBALU;QAMrBC,SAAS,EAAE,oBANU;QAOrBK,OAAO,EAAE,CAPY;QAQrBC,MAAM,EAAEf,KAAK,CAACW,OAAN,CAAc,IAAd,IAAsB;MART,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,EArCa;IAsCpCC,MAAM,EAAE;MACNf,OAAO,EAAE,MADH;MAENgB,cAAc,EAAE,eAFV;MAGNd,MAAM,EAAE,EAHF;MAIN,4BAA4B;QAC1BE,OAAO,EAAE;MADiB;IAJtB,CAtC4B;IA8CpCa,aAAa,EAAE,EA9CqB;IA+CpCC,cAAc,EAAE;EA/CoB,CAAZ;AAAA,CAAX,CAAf;eAkDe9B,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,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"}

package/dist/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/FilterGroup/FilterGroup.js

@@ -1,5 +1,17 @@
 "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", {
@@ -13,7 +25,7 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -33,7 +45,14 @@ 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",
@@ -94,7 +113,7 @@ var HvFilterGroup = function HvFilterGroup(_ref) {
   // or if required is true
 
   var canShowError = status !== undefined || required;
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, _objectSpread(_objectSpread({
     id: id,
     name: name,
     value: value,
@@ -102,40 +121,46 @@ var HvFilterGroup = function HvFilterGroup(_ref) {
     disabled: disabled,
     required: required,
     className: (0, _clsx.default)(className, classes.root)
-  }, others), (hasLabel || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.labelContainer
-  }, hasLabel && /*#__PURE__*/_react.default.createElement(_.HvLabel, {
-    id: (0, _.setId)(elementId, "label"),
-    htmlFor: (0, _.setId)(elementId, "input"),
-    label: label,
-    className: classes.label
-  }), hasDescription && /*#__PURE__*/_react.default.createElement(_.HvInfoMessage, {
-    id: (0, _.setId)(elementId, "description"),
-    className: classes.description
-  }, description)), /*#__PURE__*/_react.default.createElement(_FilterGroupContext.FilterGroupProvider, {
-    defaultValue: defaultValue,
-    value: value,
-    filters: filters
-  }, /*#__PURE__*/_react.default.createElement(_FilterContent.default, (0, _extends2.default)({
-    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.default.createElement(_.HvWarningText, {
-    id: (0, _.setId)(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage)));
+  }, others), {}, {
+    children: [(hasLabel || hasDescription) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.labelContainer,
+      children: [hasLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLabel, {
+        id: (0, _.setId)(elementId, "label"),
+        htmlFor: (0, _.setId)(elementId, "input"),
+        label: label,
+        className: classes.label
+      }), hasDescription && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInfoMessage, {
+        id: (0, _.setId)(elementId, "description"),
+        className: classes.description,
+        children: description
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FilterGroupContext.FilterGroupProvider, {
+      defaultValue: defaultValue,
+      value: value,
+      filters: filters,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterContent.default, _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__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+        id: (0, _.setId)(elementId, "error"),
+        disableBorder: true,
+        className: classes.error,
+        children: validationMessage
+      })]
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {

package/dist/FilterGroup/FilterGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroup.js","names":["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","labelsProp","labels","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","useStyles","useControlled","validationMessage","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","clsx","root","labelContainer","setId","error","propTypes","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":["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","labelsProp","labels","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","useStyles","useControlled","validationMessage","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","clsx","root","labelContainer","setId","error","propTypes","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/FilterGroup/FilterGroupContext.js

@@ -33,6 +33,8 @@ var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
 var _utils = require("../utils");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 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; }
@@ -108,9 +110,10 @@ var FilterGroupProvider = function FilterGroupProvider(_ref) {
       defaultValue: defaultValue
     };
   }, [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues, defaultValue]);
-  return /*#__PURE__*/_react.default.createElement(FilterGroupContext.Provider, {
-    value: contextValue
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FilterGroupContext.Provider, {
+    value: contextValue,
+    children: children
+  });
 };
 
 exports.FilterGroupProvider = FilterGroupProvider;

package/dist/FilterGroup/FilterGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroupContext.js","names":["FilterGroupContext","React","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","defaultValue","value","children","useState","group","useSavedState","appliedFilters","setApplyDisabled","useEffect","isEqual","useCallback","contextValue","useMemo","propTypes","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":["FilterGroupContext","React","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","defaultValue","value","children","useState","group","useSavedState","appliedFilters","setApplyDisabled","useEffect","isEqual","useCallback","contextValue","useMemo","propTypes","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEO,IAAMA,kBAAkB,gBAAGC,cAAA,CAAMC,aAAN,CAAoB;EACpDC,WAAW,EAAE,CADuC;EAEpDC,cAAc,EAAE,0BAAM,CAAE,CAF4B;EAGpDC,aAAa,EAAE,EAHqC;EAIpDC,gBAAgB,EAAE,4BAAM,CAAE,CAJ0B;EAKpDC,YAAY,EAAE,EALsC;EAMpDC,eAAe,EAAE,2BAAM,CAAE,CAN2B;EAOpDC,eAAe,EAAE,2BAAM,CAAE,CAP2B;EAQpDC,YAAY,EAAE,wBAAM,CAAE,CAR8B;EASpDC,YAAY,EAAE,wBAAM,CAAE,CAT8B;EAUpDC,aAAa,EAAE;AAVqC,CAApB,CAA3B;;;;AAaP,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,OAAD;EAAA,OAAaA,OAAO,CAACC,GAAR,CAAY;IAAA,OAAM,EAAN;EAAA,CAAZ,CAAb;AAAA,CAAf;;AAEO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAAgD;EAAA,IAA7CC,YAA6C,QAA7CA,YAA6C;EAAA,IAA/BC,KAA+B,QAA/BA,KAA+B;EAAA,IAAxBJ,OAAwB,QAAxBA,OAAwB;EAAA,IAAfK,QAAe,QAAfA,QAAe;;EACjF,gBAAgC,IAAAC,eAAA,EAAS,CAAT,CAAhC;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcjB,cAAd;;EACA,qBAAyE,IAAAkB,oBAAA,EACvEJ,KAAK,IAAIL,MAAM,CAACC,OAAD,CADwD,CAAzE;EAAA;EAAA,IAAOP,YAAP;EAAA,IAAqBC,eAArB;EAAA,IAAsCC,eAAtC;EAAA,IAAuDc,cAAvD;;EAGA,iBAA0C,IAAAH,eAAA,EAAS,KAAT,CAA1C;EAAA;EAAA,IAAOR,aAAP;EAAA,IAAsBY,gBAAtB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACdjB,eAAe,CAACU,KAAD,EAAQ,IAAR,CAAf;EACD,CAFD,EAEG,CAACA,KAAD,EAAQV,eAAR,CAFH;EAIA,IAAAiB,gBAAA,EAAU,YAAM;IACdD,gBAAgB,CAAC,IAAAE,gBAAA,EAAQnB,YAAR,EAAsBgB,cAAtB,CAAD,CAAhB;EACD,CAFD,EAEG,CAAChB,YAAD,EAAegB,cAAf,CAFH;EAIA,IAAMb,YAAY,GAAG,IAAAiB,kBAAA,EAAY,YAAM;IACrCnB,eAAe,CAACS,YAAY,IAAIJ,MAAM,CAACC,OAAD,CAAvB,CAAf;EACD,CAFoB,EAElB,CAACA,OAAD,EAAUN,eAAV,EAA2BS,YAA3B,CAFkB,CAArB;EAIA,IAAMN,YAAY,GAAG,IAAAgB,kBAAA,EAAY,YAAM;IACrCnB,eAAe,CAACD,YAAD,EAAe,IAAf,CAAf;EACD,CAFoB,EAElB,CAACA,YAAD,EAAeC,eAAf,CAFkB,CAArB;EAIA,IAAMoB,YAAY,GAAG,IAAAC,cAAA,EACnB;IAAA,OAAO;MACL1B,WAAW,EAAEkB,KADR;MAELjB,cAAc,EAAdA,cAFK;MAGLC,aAAa,EAAES,OAHV;MAILP,YAAY,EAAZA,YAJK;MAKLC,eAAe,EAAfA,eALK;MAMLe,cAAc,EAAdA,cANK;MAOLd,eAAe,EAAfA,eAPK;MAQLC,YAAY,EAAZA,YARK;MASLC,YAAY,EAAZA,YATK;MAULC,aAAa,EAAbA,aAVK;MAWLK,YAAY,EAAZA;IAXK,CAAP;EAAA,CADmB,EAcnB,CACEM,cADF,EAEEX,aAFF,EAGED,YAHF,EAIED,YAJF,EAKEH,YALF,EAMEO,OANF,EAOEO,KAPF,EAQEZ,eARF,EASED,eATF,EAUES,YAVF,CAdmB,CAArB;EA4BA,oBAAO,qBAAC,kBAAD,CAAoB,QAApB;IAA6B,KAAK,EAAEW,YAApC;IAAA,UAAmDT;EAAnD,EAAP;AACD,CApDM;;;AAsDP,wCAAAH,mBAAmB,CAACc,SAApB,GAAgC;EAC9Bb,YAAY,EAAEc,kBAAA,CAAUC,OAAV,CACZD,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,MAAX,EAAmBH,kBAAA,CAAUI,MAA7B,CAApB,CAAlB,CADY,CADgB;EAI9BjB,KAAK,EAAEa,kBAAA,CAAUC,OAAV,CACLD,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,MAAX,EAAmBH,kBAAA,CAAUI,MAA7B,CAApB,CAAlB,CADK,CAJuB;EAO9BrB,OAAO,EAAEiB,kBAAA,CAAUC,OAAV,CACPD,kBAAA,CAAUK,KAAV,CAAgB;IACdC,EAAE,EAAEN,kBAAA,CAAUG,MAAV,CAAiBI,UADP;IAEdC,IAAI,EAAER,kBAAA,CAAUG,MAAV,CAAiBI,UAFT;IAGdE,IAAI,EAAET,kBAAA,CAAUC,OAAV,CACJD,kBAAA,CAAUK,KAAV,CAAgB;MACdC,EAAE,EAAEN,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,MAAX,EAAmBH,kBAAA,CAAUI,MAA7B,CAApB,EAA0DG,UADhD;MAEdC,IAAI,EAAER,kBAAA,CAAUG,MAAV,CAAiBI;IAFT,CAAhB,CADI,EAKJA;EARY,CAAhB,CADO,CAPqB;EAmB9BnB,QAAQ,EAAEY,kBAAA,CAAUU,IAAV,CAAeH;AAnBK,CAAhC"}

package/dist/FilterGroup/LeftPanel/LeftPanel.js

@@ -41,6 +41,8 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _utils = require("../../List/utils");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 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; }
@@ -56,28 +58,30 @@ var LeftPanel = function LeftPanel(_ref) {
       activeGroup = _useContext.activeGroup,
       setActiveGroup = _useContext.setActiveGroup;
 
-  return /*#__PURE__*/_react.default.createElement(_.HvPanel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvPanel, {
     id: (0, _.setId)(id, "leftPanel"),
-    className: (0, _clsx.default)(className, classes.root)
-  }, filterOptions.length > 0 ? /*#__PURE__*/_react.default.createElement(_.HvListContainer, {
-    id: (0, _.setId)(id, "leftPanel-list"),
-    condensed: true,
-    interactive: true
-  }, filterOptions.map(function (group, index) {
-    var ItemText = (0, _utils.wrapperTooltip)(true, group.name, group.name);
-    return /*#__PURE__*/_react.default.createElement(_.HvListItem, {
-      id: group.id,
-      className: classes.filterItem,
-      key: group.name,
-      onClick: function onClick() {
-        return setActiveGroup(index);
-      },
-      selected: filterOptions[activeGroup].id === group.id,
-      endAdornment: /*#__PURE__*/_react.default.createElement(_Counter.default, {
-        id: group.id
+    className: (0, _clsx.default)(className, classes.root),
+    children: filterOptions.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvListContainer, {
+      id: (0, _.setId)(id, "leftPanel-list"),
+      condensed: true,
+      interactive: true,
+      children: filterOptions.map(function (group, index) {
+        var ItemText = (0, _utils.wrapperTooltip)(true, group.name, group.name);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvListItem, {
+          id: group.id,
+          className: classes.filterItem,
+          onClick: function onClick() {
+            return setActiveGroup(index);
+          },
+          selected: filterOptions[activeGroup].id === group.id,
+          endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Counter.default, {
+            id: group.id
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemText, {})
+        }, group.name);
       })
-    }, /*#__PURE__*/_react.default.createElement(ItemText, null));
-  })) : emptyElement);
+    }) : emptyElement
+  });
 };
 
 process.env.NODE_ENV !== "production" ? LeftPanel.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.js","names":["LeftPanel","id","className","emptyElement","classes","useStyles","useContext","FilterGroupContext","filterOptions","activeGroup","setActiveGroup","setId","clsx","root","length","map","group","index","ItemText","wrapperTooltip","name","filterItem","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAAqC;EAAA,IAAlCC,EAAkC,QAAlCA,EAAkC;EAAA,IAA9BC,SAA8B,QAA9BA,SAA8B;EAAA,IAAnBC,YAAmB,QAAnBA,YAAmB;EACrD,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,kBAAuD,IAAAC,iBAAA,EAAWC,sCAAX,CAAvD;EAAA,IAAQC,aAAR,eAAQA,aAAR;EAAA,IAAuBC,WAAvB,eAAuBA,WAAvB;EAAA,IAAoCC,cAApC,eAAoCA,cAApC;;EAEA,oBACE,6BAAC,SAAD;IAAS,EAAE,EAAE,IAAAC,OAAA,EAAMV,EAAN,EAAU,WAAV,CAAb;IAAqC,SAAS,EAAE,IAAAW,aAAA,EAAKV,SAAL,EAAgBE,OAAO,CAACS,IAAxB;EAAhD,GACGL,aAAa,CAACM,MAAd,GAAuB,CAAvB,gBACC,6BAAC,iBAAD;IAAiB,EAAE,EAAE,IAAAH,OAAA,EAAMV,EAAN,EAAU,gBAAV,CAArB;IAAkD,SAAS,MAA3D;IAA4D,WAAW;EAAvE,GACGO,aAAa,CAACO,GAAd,CAAkB,UAACC,KAAD,EAAQC,KAAR,EAAkB;IACnC,IAAMC,QAAQ,GAAG,IAAAC,qBAAA,EAAe,IAAf,EAAqBH,KAAK,CAACI,IAA3B,EAAiCJ,KAAK,CAACI,IAAvC,CAAjB;IACA,oBACE,6BAAC,YAAD;MACE,EAAE,EAAEJ,KAAK,CAACf,EADZ;MAEE,SAAS,EAAEG,OAAO,CAACiB,UAFrB;MAGE,GAAG,EAAEL,KAAK,CAACI,IAHb;MAIE,OAAO,EAAE;QAAA,OAAMV,cAAc,CAACO,KAAD,CAApB;MAAA,CAJX;MAKE,QAAQ,EAAET,aAAa,CAACC,WAAD,CAAb,CAA2BR,EAA3B,KAAkCe,KAAK,CAACf,EALpD;MAME,YAAY,eAAE,6BAAC,gBAAD;QAAS,EAAE,EAAEe,KAAK,CAACf;MAAnB;IANhB,gBAQE,6BAAC,QAAD,OARF,CADF;EAYD,CAdA,CADH,CADD,GAmBCE,YApBJ,CADF;AAyBD,CA7BD;;AA+BA,wCAAAH,SAAS,CAACsB,SAAV,GAAsB;EACpBrB,EAAE,EAAEsB,kBAAA,CAAUC,MADM;EAEpBtB,SAAS,EAAEqB,kBAAA,CAAUC,MAFD;EAGpBrB,YAAY,EAAEoB,kBAAA,CAAUE;AAHJ,CAAtB;eAMezB,S"}
+{"version":3,"file":"LeftPanel.js","names":["LeftPanel","id","className","emptyElement","classes","useStyles","useContext","FilterGroupContext","filterOptions","activeGroup","setActiveGroup","setId","clsx","root","length","map","group","index","ItemText","wrapperTooltip","name","filterItem","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAAqC;EAAA,IAAlCC,EAAkC,QAAlCA,EAAkC;EAAA,IAA9BC,SAA8B,QAA9BA,SAA8B;EAAA,IAAnBC,YAAmB,QAAnBA,YAAmB;EACrD,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,kBAAuD,IAAAC,iBAAA,EAAWC,sCAAX,CAAvD;EAAA,IAAQC,aAAR,eAAQA,aAAR;EAAA,IAAuBC,WAAvB,eAAuBA,WAAvB;EAAA,IAAoCC,cAApC,eAAoCA,cAApC;;EAEA,oBACE,qBAAC,SAAD;IAAS,EAAE,EAAE,IAAAC,OAAA,EAAMV,EAAN,EAAU,WAAV,CAAb;IAAqC,SAAS,EAAE,IAAAW,aAAA,EAAKV,SAAL,EAAgBE,OAAO,CAACS,IAAxB,CAAhD;IAAA,UACGL,aAAa,CAACM,MAAd,GAAuB,CAAvB,gBACC,qBAAC,iBAAD;MAAiB,EAAE,EAAE,IAAAH,OAAA,EAAMV,EAAN,EAAU,gBAAV,CAArB;MAAkD,SAAS,MAA3D;MAA4D,WAAW,MAAvE;MAAA,UACGO,aAAa,CAACO,GAAd,CAAkB,UAACC,KAAD,EAAQC,KAAR,EAAkB;QACnC,IAAMC,QAAQ,GAAG,IAAAC,qBAAA,EAAe,IAAf,EAAqBH,KAAK,CAACI,IAA3B,EAAiCJ,KAAK,CAACI,IAAvC,CAAjB;QACA,oBACE,qBAAC,YAAD;UACE,EAAE,EAAEJ,KAAK,CAACf,EADZ;UAEE,SAAS,EAAEG,OAAO,CAACiB,UAFrB;UAIE,OAAO,EAAE;YAAA,OAAMX,cAAc,CAACO,KAAD,CAApB;UAAA,CAJX;UAKE,QAAQ,EAAET,aAAa,CAACC,WAAD,CAAb,CAA2BR,EAA3B,KAAkCe,KAAK,CAACf,EALpD;UAME,YAAY,eAAE,qBAAC,gBAAD;YAAS,EAAE,EAAEe,KAAK,CAACf;UAAnB,EANhB;UAAA,uBAQE,qBAAC,QAAD;QARF,GAGOe,KAAK,CAACI,IAHb,CADF;MAYD,CAdA;IADH,EADD,GAmBCjB;EApBJ,EADF;AAyBD,CA7BD;;AA+BA,wCAAAH,SAAS,CAACsB,SAAV,GAAsB;EACpBrB,EAAE,EAAEsB,kBAAA,CAAUC,MADM;EAEpBtB,SAAS,EAAEqB,kBAAA,CAAUC,MAFD;EAGpBrB,YAAY,EAAEoB,kBAAA,CAAUE;AAHJ,CAAtB;eAMezB,S"}

package/dist/FilterGroup/LeftPanel/styles.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 // accommodating the focus outline space with extra 4px
-var styles = (0, _core.makeStyles)(function () {
+var styles = (0, _styles.makeStyles)(function () {
   return {
     root: {
       "& $filterItem": {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","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;;AAEA;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BC,IAAI,EAAE;MACJ,iBAAiB;QACfC,OAAO,EAAE,MADM;QAEfC,cAAc,EAAE;MAFD;IADb,CADyB;IAO/BC,UAAU,EAAE;EAPmB,CAAP;AAAA,CAAX,CAAf;eAUeL,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","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;;AAEA;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAC/BC,IAAI,EAAE;MACJ,iBAAiB;QACfC,OAAO,EAAE,MADM;QAEfC,cAAc,EAAE;MAFD;IADb,CADyB;IAO/BC,UAAU,EAAE;EAPmB,CAAP;AAAA,CAAX,CAAf;eAUeL,M"}