npm - @hitachivantara/uikit-react-core - Versions diffs - 3.67.1 → 3.67.2 - Mend

@hitachivantara/uikit-react-core 3.67.1 → 3.67.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/dist/FilterGroup/Counter/Counter.js CHANGED Viewed

@@ -25,12 +25,12 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.array.find-index.js");
-require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.flat.js");
 require("core-js/modules/es.array.unscopables.flat.js");
+require("core-js/modules/es.array.filter.js");
 var _react = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -46,7 +46,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 var Counter = function Counter(_ref) {
-  var _filterValues$optionI;
+  var _appliedFilters$flat, _filterValues$optionI;
   var className = _ref.className,
       id = _ref.id;
@@ -54,8 +54,10 @@ var Counter = function Counter(_ref) {
   var _useContext = (0, _react.useContext)(_FilterGroupContext.FilterGroupContext),
       filterOptions = _useContext.filterOptions,
-      filterValues = _useContext.filterValues,
-      appliedFilters = _useContext.appliedFilters;
+      _useContext$filterVal = _useContext.filterValues,
+      filterValues = _useContext$filterVal === void 0 ? [] : _useContext$filterVal,
+      _useContext$appliedFi = _useContext.appliedFilters,
+      appliedFilters = _useContext$appliedFi === void 0 ? [] : _useContext$appliedFi;
   var options = id ? [filterOptions.find(function (option) {
     return option.id === id;
@@ -63,9 +65,9 @@ var Counter = function Counter(_ref) {
   var optionIdx = filterOptions.findIndex(function (option) {
     return option.id === id;
   });
-  var groupsCounter = appliedFilters.flat().filter(function (elem) {
+  var groupsCounter = (appliedFilters === null || appliedFilters === void 0 ? void 0 : (_appliedFilters$flat = appliedFilters.flat()) === null || _appliedFilters$flat === void 0 ? void 0 : _appliedFilters$flat.filter(function (elem) {
     return elem !== undefined;
-  }).length || 0;
+  }).length) || 0;
   var partialCounter = id ? ((_filterValues$optionI = filterValues[optionIdx]) === null || _filterValues$optionI === void 0 ? void 0 : _filterValues$optionI.length) || 0 : groupsCounter;
   var totalCounter = options.reduce(function (acc, option) {
     return acc + option.data.length;

package/dist/FilterGroup/Counter/Counter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.js","names":["Counter","className","id","classes","FilterGroupContext","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","PropTypes","string"],"sources":["../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues, appliedFilters } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n const groupsCounter = appliedFilters.flat().filter((elem) => elem !== undefined).length \|\| 0;\n const partialCounter = id ? filterValues[optionIdx]?.length \|\| 0 : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATC,EAAS,QAATA,EAAS;EACrC,IAAMC,OAAO,GAAG,sBAAhB;;EACA,~~kBAAwD~~,uBAAWC,sCAAX,~~CAAxD~~;EAAA,IAAQC,aAAR,eAAQA,aAAR;EAAA,~~IAAuBC~~,YAAvB,~~eAAuBA~~,YAAvB;EAAA,~~IAAqCC~~,~~cAArC~~,~~eAAqCA~~,~~cAArC~~;;EAEA,IAAMC,OAAO,GAAGN,EAAE,GAAG,CAACG,aAAa,CAACI,IAAd,CAAmB,UAACC,MAAD;IAAA,OAAYA,MAAM,CAACR,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDG,aAA1E;EACA,IAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACR,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAMW,aAAa,~~GAAGN~~,cAAc,~~CAACO~~,~~IAAf~~,~~GAAsBC~~,~~MAAtB~~,~~CAA6B~~,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,~~CAA7B~~,~~EAA2DC~~,~~MAA3D~~,~~IAAqE~~,~~CAA3F~~;EACA,IAAMC,cAAc,GAAGjB,EAAE,GAAG,0BAAAI,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;EACA,IAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMZ,MAAN;IAAA,OAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAE,mBAAKf,OAAO,CAACqB,IAAb,EAAmBvB,SAAnB;EAAhB,GACGkB,cAAc,GAAG,CAAjB,gBAAqB,wCAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CAjBD;;AAmBA,wCAAApB,OAAO,CAACyB,SAAR,GAAoB;EAClBxB,SAAS,EAAEyB,mBAAUC,MADH;EAElBzB,EAAE,EAAEwB,mBAAUC;AAFI,CAApB;eAKe3B,O"}
1	+ {"version":3,"file":"Counter.js","names":["Counter","className","id","classes","FilterGroupContext","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","PropTypes","string"],"sources":["../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n const groupsCounter = appliedFilters?.flat()?.filter((elem) => elem !== undefined).length \|\| 0;\n const partialCounter = id ? filterValues[optionIdx]?.length \|\| 0 : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATC,EAAS,QAATA,EAAS;EACrC,IAAMC,OAAO,GAAG,sBAAhB;;EACA,kBAAkE,uBAAWC,sCAAX,CAAlE;EAAA,IAAQC,aAAR,eAAQA,aAAR;EAAA,wCAAuBC,YAAvB;EAAA,IAAuBA,YAAvB,sCAAsC,EAAtC;EAAA,wCAA0CC,cAA1C;EAAA,IAA0CA,cAA1C,sCAA2D,EAA3D;;EAEA,IAAMC,OAAO,GAAGN,EAAE,GAAG,CAACG,aAAa,CAACI,IAAd,CAAmB,UAACC,MAAD;IAAA,OAAYA,MAAM,CAACR,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDG,aAA1E;EACA,IAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACR,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAMW,aAAa,GAAG,CAAAN,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CAAEO,IAAhB,gFAAwBC,MAAxB,CAA+B,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,CAA/B,EAA6DC,MAA7D,KAAuE,CAA7F;EACA,IAAMC,cAAc,GAAGjB,EAAE,GAAG,0BAAAI,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;EACA,IAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMZ,MAAN;IAAA,OAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAE,mBAAKf,OAAO,CAACqB,IAAb,EAAmBvB,SAAnB;EAAhB,GACGkB,cAAc,GAAG,CAAjB,gBAAqB,wCAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CAjBD;;AAmBA,wCAAApB,OAAO,CAACyB,SAAR,GAAoB;EAClBxB,SAAS,EAAEyB,mBAAUC,MADH;EAElBzB,EAAE,EAAEwB,mBAAUC;AAFI,CAApB;eAKe3B,O"}

package/dist/FilterGroup/FilterContent/FilterContent.js CHANGED Viewed

@@ -192,7 +192,7 @@ var FilterContent = function FilterContent(_ref) {
     className: classes.actionBar
   }, /*#__PURE__*/_react.default.createElement(_.HvButton, {
     id: (0, _.setId)(id, "clearFilters-button"),
-    disabled: defaultValue ? defaultValue.flat().length === filterValues.flat().length : filterValues.flat().length === 0,
+    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.default.createElement("div", {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterContent.js","names":["FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","filterGroupOpen","setFilterGroupOpen","FilterGroupContext","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","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\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} />\n <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\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  \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};\n\nexport default FilterContent;\n"],"mappings":"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"}
1	+ {"version":3,"file":"FilterContent.js","names":["FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","filterGroupOpen","setFilterGroupOpen","FilterGroupContext","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","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\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} />\n <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\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  \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};\n\nexport default FilterContent;\n"],"mappings":"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"}

package/dist/FilterGroup/FilterGroup.d.ts CHANGED Viewed

@@ -3,9 +3,7 @@ import { HvFormElementProps } from "..";
 export type HvFilterGroupClassKey = "root" | "labelContainer" | "label" | "description" | "error";
-interface FilterValue {
-  value: string | number[][];
-}
+export type FilterValue = (string | number)[][];
 export interface HvFilterGroupProps
   extends StandardProps<HvFormElementProps, HvFilterGroupClassKey, "defaultValue"> {
@@ -72,7 +70,6 @@ export interface HvFilterGroupProps
     data: {
       id: string | number;
       name: string;
-      checked?: boolean;
     }[];
   }[];

package/dist/FilterGroup/RightPanel/RightPanel.js CHANGED Viewed

@@ -96,7 +96,8 @@ var RightPanel = function RightPanel(_ref) {
   var _useContext = (0, _react.useContext)(_FilterGroupContext.FilterGroupContext),
       filterOptions = _useContext.filterOptions,
-      filterValues = _useContext.filterValues,
+      _useContext$filterVal = _useContext.filterValues,
+      filterValues = _useContext$filterVal === void 0 ? [] : _useContext$filterVal,
       setFilterValues = _useContext.setFilterValues,
       activeGroup = _useContext.activeGroup;

package/dist/FilterGroup/RightPanel/RightPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanel.js","names":["RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","FilterGroupContext","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","PropTypes","string","shape"],"sources":["../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n const classes = useStyles();\n const [searchStr, setSearchStr] = useState(\"\");\n const [allSelected, setAllSelected] = useState(false);\n const [anySelected, setAnySelected] = useState(false);\n\n const { filterOptions, filterValues, setFilterValues, activeGroup } =\n useContext(FilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup].data.map((option) => option.id),\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup].data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })),\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler = (values) => {\n const newFilterValues = filterOptions.map((option, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const { selectAll, multiSelectionConjunction } = labels;\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{ container: classes.selection }}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n classes.selectAll,\n classes.selectAllContainer,\n classes.selection,\n handleSelectAll,\n id,\n labels,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels.searchBoxPlaceholder}\n value={searchStr}\n onChange={(event, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n className={classes.list}\n values={listValues}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </HvPanel>\n );\n};\n\nRightPanel.propTypes = {\n id: PropTypes.string,\n className: PropTypes.string,\n labels: PropTypes.shape({\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}
1	+ {"version":3,"file":"RightPanel.js","names":["RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","FilterGroupContext","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","PropTypes","string","shape"],"sources":["../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n const classes = useStyles();\n const [searchStr, setSearchStr] = useState(\"\");\n const [allSelected, setAllSelected] = useState(false);\n const [anySelected, setAnySelected] = useState(false);\n\n const {\n filterOptions,\n filterValues = [],\n setFilterValues,\n activeGroup,\n } = useContext(FilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup].data.map((option) => option.id),\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup].data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })),\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler = (values) => {\n const newFilterValues = filterOptions.map((option, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const { selectAll, multiSelectionConjunction } = labels;\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{ container: classes.selection }}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n classes.selectAll,\n classes.selectAllContainer,\n classes.selection,\n handleSelectAll,\n id,\n labels,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels.searchBoxPlaceholder}\n value={searchStr}\n onChange={(event, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n className={classes.list}\n values={listValues}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </HvPanel>\n );\n};\n\nRightPanel.propTypes = {\n id: PropTypes.string,\n className: PropTypes.string,\n labels: PropTypes.shape({\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}

package/dist/Slider/styles.js CHANGED Viewed

@@ -130,6 +130,7 @@ var styles = function styles(theme) {
       "& .rc-slider-handle": {
         cursor: "not-allowed",
         marginTop: "-8px",
+        opacity: 1,
         "&:active": {
           cursor: "not-allowed"
         },

package/dist/Slider/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n const ring = {\n width: \"32px\",\n height: \"32px\",\n borderRadius: \"50%\",\n border: `9px solid ${theme.hv.palette.accent.acce1}`,\n opacity: \"20%\",\n content: \"''\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"-10px\",\n };\n const border = {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"50%\",\n border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n content: \"''\",\n position: \"absolute\",\n top: \"-4px\",\n left: \"-4px\",\n };\n const dragSquare = {\n cursor: \"grab\",\n width: \"calc(100% - 40px)\",\n left: \"20px\",\n height: \"27px\",\n position: \"absolute\",\n top: \"-12px\",\n content: \"''\",\n background: \"transparent\",\n borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n zIndex: \"-2\",\n };\n const dot = {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n };\n\n return {\n root: {},\n rootDisabled: {\n cursor: \"not-allowed\",\n \"& .rc-slider-disabled\": {\n background: \"transparent\",\n },\n },\n sliderContainer: {\n marginBottom: \"18px\",\n padding: \"0 23px\",\n },\n error: {\n padding: \"0 8px\",\n },\n trackDragging: {\n cursor: \"grabbing\",\n \"& .rc-slider-track\": {\n \"&::before\": {\n ...dragSquare,\n cursor: \"grabbing\",\n },\n },\n },\n trackStandBy: {\n \"& .rc-slider-track\": {\n \"&:hover\": {\n \"&::before\": {\n ...dragSquare,\n },\n },\n },\n },\n sliderRoot: {\n zIndex: 0,\n },\n rootRange: {},\n handleContainer: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"grab\",\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n \"&:hover\": {\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n },\n },\n handle: {},\n handleContainerDisabled: {\n \"& .rc-slider-handle\": {\n cursor: \"not-allowed\",\n marginTop: \"-8px\",\n \"&:active\": {\n cursor: \"not-allowed\",\n },\n \"&:hover\": {\n cursor: \"not-allowed\",\n },\n },\n },\n handleHiddenContainer: {\n display: \"none\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: \"12px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n },\n labelIncluded: {\n justifyContent: \"space-between\",\n },\n onlyInput: {\n justifyContent: \"flex-end\",\n },\n label: {},\n dot: {\n ...dot,\n },\n dotDisabled: {\n ...dot,\n cursor: \"not-allowed\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n },\n disabledMark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n color: `${theme.hv.palette.atmosphere.atmo5}`,\n cursor: \"not-allowed\",\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.normalText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n };\n};\n\nexport default styles;\n"],"mappings":"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"}
1	+ {"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n const ring = {\n width: \"32px\",\n height: \"32px\",\n borderRadius: \"50%\",\n border: `9px solid ${theme.hv.palette.accent.acce1}`,\n opacity: \"20%\",\n content: \"''\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"-10px\",\n };\n const border = {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"50%\",\n border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n content: \"''\",\n position: \"absolute\",\n top: \"-4px\",\n left: \"-4px\",\n };\n const dragSquare = {\n cursor: \"grab\",\n width: \"calc(100% - 40px)\",\n left: \"20px\",\n height: \"27px\",\n position: \"absolute\",\n top: \"-12px\",\n content: \"''\",\n background: \"transparent\",\n borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n zIndex: \"-2\",\n };\n const dot = {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n };\n\n return {\n root: {},\n rootDisabled: {\n cursor: \"not-allowed\",\n \"& .rc-slider-disabled\": {\n background: \"transparent\",\n },\n },\n sliderContainer: {\n marginBottom: \"18px\",\n padding: \"0 23px\",\n },\n error: {\n padding: \"0 8px\",\n },\n trackDragging: {\n cursor: \"grabbing\",\n \"& .rc-slider-track\": {\n \"&::before\": {\n ...dragSquare,\n cursor: \"grabbing\",\n },\n },\n },\n trackStandBy: {\n \"& .rc-slider-track\": {\n \"&:hover\": {\n \"&::before\": {\n ...dragSquare,\n },\n },\n },\n },\n sliderRoot: {\n zIndex: 0,\n },\n rootRange: {},\n handleContainer: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"grab\",\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n \"&:hover\": {\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n },\n },\n handle: {},\n handleContainerDisabled: {\n \"& .rc-slider-handle\": {\n cursor: \"not-allowed\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"not-allowed\",\n },\n \"&:hover\": {\n cursor: \"not-allowed\",\n },\n },\n },\n handleHiddenContainer: {\n display: \"none\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: \"12px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n },\n labelIncluded: {\n justifyContent: \"space-between\",\n },\n onlyInput: {\n justifyContent: \"flex-end\",\n },\n label: {},\n dot: {\n ...dot,\n },\n dotDisabled: {\n ...dot,\n cursor: \"not-allowed\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n },\n disabledMark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n color: `${theme.hv.palette.atmosphere.atmo5}`,\n cursor: \"not-allowed\",\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.normalText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,IAAI,GAAG;IACXC,KAAK,EAAE,MADI;IAEXC,MAAM,EAAE,MAFG;IAGXC,YAAY,EAAE,KAHH;IAIXC,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAJK;IAKXC,OAAO,EAAE,KALE;IAMXC,OAAO,EAAE,IANE;IAOXC,QAAQ,EAAE,UAPC;IAQXC,GAAG,EAAE,OARM;IASXC,IAAI,EAAE;EATK,CAAb;EAWA,IAAMT,MAAM,GAAG;IACbH,KAAK,EAAE,MADM;IAEbC,MAAM,EAAE,MAFK;IAGbC,YAAY,EAAE,KAHD;IAIbC,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BC,KAA3C,CAJO;IAKbL,OAAO,EAAE,IALI;IAMbC,QAAQ,EAAE,UANG;IAObC,GAAG,EAAE,MAPQ;IAQbC,IAAI,EAAE;EARO,CAAf;EAUA,IAAMG,UAAU,GAAG;IACjBC,MAAM,EAAE,MADS;IAEjBhB,KAAK,EAAE,mBAFU;IAGjBY,IAAI,EAAE,MAHW;IAIjBX,MAAM,EAAE,MAJS;IAKjBS,QAAQ,EAAE,UALO;IAMjBC,GAAG,EAAE,OANY;IAOjBF,OAAO,EAAE,IAPQ;IAQjBQ,UAAU,EAAE,aARK;IASjBC,SAAS,uBAAgBpB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BM,KAA5C,CATQ;IAUjBC,YAAY,uBAAgBtB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BM,KAA5C,CAVK;IAWjBE,MAAM,EAAE;EAXS,CAAnB;EAaA,IAAMC,GAAG,GAAG;IACVZ,QAAQ,EAAE,UADA;IAEVa,MAAM,EAAE,MAFE;IAGVC,UAAU,EAAE,KAHF;IAIVxB,KAAK,EAAE,KAJG;IAKVC,MAAM,EAAE,KALE;IAMVE,MAAM,EAAE,MANE;IAOVD,YAAY,EAAE,IAPJ;IAQVuB,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KARnC;IASVV,MAAM,EAAE,SATE;IAUVW,aAAa,EAAE,QAVL;IAWVN,MAAM,EAAE;EAXE,CAAZ;EAcA,OAAO;IACLO,IAAI,EAAE,EADD;IAELC,YAAY,EAAE;MACZb,MAAM,EAAE,aADI;MAEZ,yBAAyB;QACvBC,UAAU,EAAE;MADW;IAFb,CAFT;IAQLa,eAAe,EAAE;MACfC,YAAY,EAAE,MADC;MAEfC,OAAO,EAAE;IAFM,CARZ;IAYLC,KAAK,EAAE;MACLD,OAAO,EAAE;IADJ,CAZF;IAeLE,aAAa,EAAE;MACblB,MAAM,EAAE,UADK;MAEb,sBAAsB;QACpB,6CACKD,UADL;UAEEC,MAAM,EAAE;QAFV;MADoB;IAFT,CAfV;IAwBLmB,YAAY,EAAE;MACZ,sBAAsB;QACpB,WAAW;UACT,+BACKpB,UADL;QADS;MADS;IADV,CAxBT;IAiCLqB,UAAU,EAAE;MACVf,MAAM,EAAE;IADE,CAjCP;IAoCLgB,SAAS,EAAE,EApCN;IAqCLC,eAAe,EAAE;MACf,uBAAuB;QACrBtB,MAAM,EAAE,SADa;QAErBuB,SAAS,EAAE,MAFU;QAGrB/B,OAAO,EAAE,CAHY;QAIrB,YAAY;UACVQ,MAAM,EAAE,MADE;UAEV,+BACKjB,IADL,CAFU;UAKV,8BACKI,MADL;QALU,CAJS;QAarB,WAAW;UACT,+BACKJ,IADL,CADS;UAIT,8BACKI,MADL;QAJS;MAbU;IADR,CArCZ;IA6DLqC,MAAM,EAAE,EA7DH;IA8DLC,uBAAuB,EAAE;MACvB,uBAAuB;QACrBzB,MAAM,EAAE,aADa;QAErBuB,SAAS,EAAE,MAFU;QAGrB/B,OAAO,EAAE,CAHY;QAIrB,YAAY;UACVQ,MAAM,EAAE;QADE,CAJS;QAOrB,WAAW;UACTA,MAAM,EAAE;QADC;MAPU;IADA,CA9DpB;IA2EL0B,qBAAqB,EAAE;MACrBC,OAAO,EAAE;IADY,CA3ElB;IA8ELC,cAAc,EAAE;MACdD,OAAO,EAAE,MADK;MAEdE,UAAU,EAAE,QAFE;MAGdC,cAAc,EAAE,eAHF;MAIdf,YAAY,EAAE,MAJA;MAKdP,UAAU,EAAE,MALE;MAMduB,WAAW,EAAE;IANC,CA9EX;IAsFLC,aAAa,EAAE;MACbF,cAAc,EAAE;IADH,CAtFV;IAyFLG,SAAS,EAAE;MACTH,cAAc,EAAE;IADP,CAzFN;IA4FLI,KAAK,EAAE,EA5FF;IA6FL5B,GAAG,oBACEA,GADF,CA7FE;IAgGL6B,WAAW,kCACN7B,GADM;MAETN,MAAM,EAAE;IAFC,EAhGN;IAoGLoC,IAAI,EAAE;MACJ3B,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KADzC;MAEJzB,MAAM,EAAE,KAFJ;MAGJoB,MAAM,EAAE;IAHJ,CApGD;IAyGLgC,SAAS,EAAE;MACTC,WAAW,EAAE,aADJ;MAETC,SAAS,EAAE,MAFF;MAGT9B,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAHhC;MAITP,KAAK,EAAE,MAJE;MAKTC,MAAM,EAAE;IALC,CAzGN;IAgHLuD,SAAS,EAAE;MACT9C,QAAQ,EAAE,UADD;MAET4C,WAAW,EAAE,aAFJ;MAGTpD,YAAY,EAAE,KAHL;MAITqD,SAAS,EAAE,MAJF;MAKT9B,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KALpC;MAMT1B,KAAK,EAAE,MANE;MAOTC,MAAM,EAAE,MAPC;MAQTU,GAAG,EAAE,MARI;MASTC,IAAI,EAAE,MATG;MAUTS,MAAM,EAAE;IAVC,CAhHN;IA4HLoC,UAAU,EAAE;MACVd,OAAO,EAAE;IADC,CA5HP;IA+HLe,cAAc,EAAE;MACdJ,WAAW,EAAE,aADC;MAEdrD,MAAM,EAAE,KAFM;MAGdD,KAAK,EAAE,KAHO;MAIdwB,UAAU,EAAE,MAJE;MAKdrB,MAAM,EAAE,MALM;MAMdD,YAAY,EAAE,GANA;MAOdqC,SAAS,EAAE,KAPG;MAQd3B,IAAI,EAAE,MARQ;MASd+C,WAAW,EAAE,MATC;MAUd3C,MAAM,EAAE;IAVM,CA/HX;IA2IL4C,KAAK,EAAE;MACLnC,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KADpC;MAELN,MAAM,EAAE,KAFH;MAGLoB,MAAM,EAAE,IAHH;MAILkB,SAAS,EAAE;IAJN,CA3IF;IAiJLsB,IAAI,kCACC/D,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBC,OADrB;MAEFC,UAAU,EAAElE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBE,UAF9B;MAGFrD,GAAG,EAAE;IAHH,EAjJC;IAsJLsD,YAAY,kCACPnE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBC,OADb;MAEVC,UAAU,EAAElE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBE,UAFtB;MAGVE,KAAK,YAAKpE,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BsD,KAAjC,CAHK;MAIVnD,MAAM,EAAE,aAJE;MAKVL,GAAG,EAAE;IALK,EAtJP;IA6JLyD,aAAa,EAAE;MACb;QACEnD,UAAU,EAAEnB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BC,KAD1C;QAEEZ,YAAY,EAAE,CAFhB;QAGEmE,QAAQ,EAAE,OAHZ;QAIEpE,MAAM,EAAE,MAJV;QAKE+B,OAAO,YAAKlC,KAAK,CAACM,EAAN,CAASkE,OAAT,CAAiBC,EAAtB;MALT,GAMKzE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBU,UANzB;QAOER,UAAU,EAAElE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBE,UAPlC;QAQET,SAAS,EAAE;MARb,EADa;MAWb,8BAA8B;QAC5BkB,UAAU,EAAE;MADgB;IAXjB;EA7JV,CAAP;AA6KD,CA9ND;;eAgOe5E,M"}

package/dist/legacy/FilterGroup/Counter/Counter.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import "core-js/modules/es.array.find.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.array.find-index.js";
-import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.flat.js";
 import "core-js/modules/es.array.unscopables.flat.js";
+import "core-js/modules/es.array.filter.js";
 import React, { useContext } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -11,7 +11,7 @@ import { FilterGroupContext } from "../FilterGroupContext";
 import useStyles from "./styles";
 var Counter = function Counter(_ref) {
-  var _filterValues$optionI;
+  var _appliedFilters$flat, _filterValues$optionI;
   var className = _ref.className,
       id = _ref.id;
@@ -19,8 +19,10 @@ var Counter = function Counter(_ref) {
   var _useContext = useContext(FilterGroupContext),
       filterOptions = _useContext.filterOptions,
-      filterValues = _useContext.filterValues,
-      appliedFilters = _useContext.appliedFilters;
+      _useContext$filterVal = _useContext.filterValues,
+      filterValues = _useContext$filterVal === void 0 ? [] : _useContext$filterVal,
+      _useContext$appliedFi = _useContext.appliedFilters,
+      appliedFilters = _useContext$appliedFi === void 0 ? [] : _useContext$appliedFi;
   var options = id ? [filterOptions.find(function (option) {
     return option.id === id;
@@ -28,9 +30,9 @@ var Counter = function Counter(_ref) {
   var optionIdx = filterOptions.findIndex(function (option) {
     return option.id === id;
   });
-  var groupsCounter = appliedFilters.flat().filter(function (elem) {
+  var groupsCounter = (appliedFilters === null || appliedFilters === void 0 ? void 0 : (_appliedFilters$flat = appliedFilters.flat()) === null || _appliedFilters$flat === void 0 ? void 0 : _appliedFilters$flat.filter(function (elem) {
     return elem !== undefined;
-  }).length || 0;
+  }).length) || 0;
   var partialCounter = id ? ((_filterValues$optionI = filterValues[optionIdx]) === null || _filterValues$optionI === void 0 ? void 0 : _filterValues$optionI.length) || 0 : groupsCounter;
   var totalCounter = options.reduce(function (acc, option) {
     return acc + option.data.length;

package/dist/legacy/FilterGroup/Counter/Counter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues, appliedFilters } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n const groupsCounter = appliedFilters.flat().filter((elem) => elem !== undefined).length \|\| 0;\n const partialCounter = id ? filterValues[optionIdx]?.length \|\| 0 : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATC,EAAS,QAATA,EAAS;EACrC,IAAMC,OAAO,GAAGJ,SAAS,EAAzB;;EACA,~~kBAAwDJ~~,UAAU,CAACG,kBAAD,~~CAAlE~~;EAAA,IAAQM,aAAR,eAAQA,aAAR;EAAA,~~IAAuBC~~,YAAvB,~~eAAuBA~~,YAAvB;EAAA,~~IAAqCC~~,~~cAArC~~,~~eAAqCA~~,~~cAArC~~;;EAEA,IAAMC,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAmB,UAACC,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDE,aAA1E;EACA,IAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAMU,aAAa,~~GAAGN~~,cAAc,~~CAACO~~,~~IAAf~~,~~GAAsBC~~,~~MAAtB~~,~~CAA6B~~,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,~~CAA7B~~,~~EAA2DC~~,~~MAA3D~~,~~IAAqE~~,~~CAA3F~~;EACA,IAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;EACA,IAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMZ,MAAN;IAAA,OAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;EAApB,GACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CAjBD;;AAmBA,wCAAAnB,OAAO,CAACwB,SAAR,GAAoB;EAClBvB,SAAS,EAAEJ,SAAS,CAAC4B,MADH;EAElBvB,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf"}
1	+ {"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n const groupsCounter = appliedFilters?.flat()?.filter((elem) => elem !== undefined).length \|\| 0;\n const partialCounter = id ? filterValues[optionIdx]?.length \|\| 0 : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATC,EAAS,QAATA,EAAS;EACrC,IAAMC,OAAO,GAAGJ,SAAS,EAAzB;;EACA,kBAAkEJ,UAAU,CAACG,kBAAD,CAA5E;EAAA,IAAQM,aAAR,eAAQA,aAAR;EAAA,wCAAuBC,YAAvB;EAAA,IAAuBA,YAAvB,sCAAsC,EAAtC;EAAA,wCAA0CC,cAA1C;EAAA,IAA0CA,cAA1C,sCAA2D,EAA3D;;EAEA,IAAMC,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAmB,UAACC,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDE,aAA1E;EACA,IAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAMU,aAAa,GAAG,CAAAN,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CAAEO,IAAhB,gFAAwBC,MAAxB,CAA+B,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,CAA/B,EAA6DC,MAA7D,KAAuE,CAA7F;EACA,IAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;EACA,IAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMZ,MAAN;IAAA,OAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;EAApB,GACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CAjBD;;AAmBA,wCAAAnB,OAAO,CAACwB,SAAR,GAAoB;EAClBvB,SAAS,EAAEJ,SAAS,CAAC4B,MADH;EAElBvB,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf"}

package/dist/legacy/FilterGroup/FilterContent/FilterContent.js CHANGED Viewed

@@ -149,7 +149,7 @@ var FilterContent = function FilterContent(_ref) {
     className: classes.actionBar
   }, /*#__PURE__*/React.createElement(HvButton, {
     id: setId(id, "clearFilters-button"),
-    disabled: defaultValue ? defaultValue.flat().length === filterValues.flat().length : filterValues.flat().length === 0,
+    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", {

package/dist/legacy/FilterGroup/FilterContent/FilterContent.js.map CHANGED Viewed

	@@ -1 +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","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\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} />\n <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\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  \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};\n\nexport default FilterContent;\n"],"mappings":"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"}
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","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\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} />\n <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\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  \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};\n\nexport default FilterContent;\n"],"mappings":"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"}

package/dist/legacy/FilterGroup/FilterGroup.d.ts CHANGED Viewed

@@ -3,9 +3,7 @@ import { HvFormElementProps } from "..";
 export type HvFilterGroupClassKey = "root" | "labelContainer" | "label" | "description" | "error";
-interface FilterValue {
-  value: string | number[][];
-}
+export type FilterValue = (string | number)[][];
 export interface HvFilterGroupProps
   extends StandardProps<HvFormElementProps, HvFilterGroupClassKey, "defaultValue"> {
@@ -72,7 +70,6 @@ export interface HvFilterGroupProps
     data: {
       id: string | number;
       name: string;
-      checked?: boolean;
     }[];
   }[];

package/dist/legacy/FilterGroup/RightPanel/RightPanel.js CHANGED Viewed

@@ -51,7 +51,8 @@ var RightPanel = function RightPanel(_ref) {
   var _useContext = useContext(FilterGroupContext),
       filterOptions = _useContext.filterOptions,
-      filterValues = _useContext.filterValues,
+      _useContext$filterVal = _useContext.filterValues,
+      filterValues = _useContext$filterVal === void 0 ? [] : _useContext$filterVal,
       setFilterValues = _useContext.setFilterValues,
       activeGroup = _useContext.activeGroup;

package/dist/legacy/FilterGroup/RightPanel/RightPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n const classes = useStyles();\n const [searchStr, setSearchStr] = useState(\"\");\n const [allSelected, setAllSelected] = useState(false);\n const [anySelected, setAnySelected] = useState(false);\n\n const { filterOptions, filterValues, setFilterValues, activeGroup } =\n useContext(FilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup].data.map((option) => option.id),\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup].data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })),\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler = (values) => {\n const newFilterValues = filterOptions.map((option, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const { selectAll, multiSelectionConjunction } = labels;\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{ container: classes.selection }}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n classes.selectAll,\n classes.selectAllContainer,\n classes.selection,\n handleSelectAll,\n id,\n labels,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels.searchBoxPlaceholder}\n value={searchStr}\n onChange={(event, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n className={classes.list}\n values={listValues}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </HvPanel>\n );\n};\n\nRightPanel.propTypes = {\n id: PropTypes.string,\n className: PropTypes.string,\n labels: PropTypes.shape({\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}
1	+ {"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n const classes = useStyles();\n const [searchStr, setSearchStr] = useState(\"\");\n const [allSelected, setAllSelected] = useState(false);\n const [anySelected, setAnySelected] = useState(false);\n\n const {\n filterOptions,\n filterValues = [],\n setFilterValues,\n activeGroup,\n } = useContext(FilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup].data.map((option) => option.id),\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup].data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })),\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler = (values) => {\n const newFilterValues = filterOptions.map((option, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const { selectAll, multiSelectionConjunction } = labels;\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{ container: classes.selection }}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n classes.selectAll,\n classes.selectAllContainer,\n classes.selection,\n handleSelectAll,\n id,\n labels,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels.searchBoxPlaceholder}\n value={searchStr}\n onChange={(event, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n className={classes.list}\n values={listValues}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </HvPanel>\n );\n};\n\nRightPanel.propTypes = {\n id: PropTypes.string,\n className: PropTypes.string,\n labels: PropTypes.shape({\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}

package/dist/legacy/Slider/styles.js CHANGED Viewed

@@ -114,6 +114,7 @@ var styles = function styles(theme) {
       "& .rc-slider-handle": {
         cursor: "not-allowed",
         marginTop: "-8px",
+        opacity: 1,
         "&:active": {
           cursor: "not-allowed"
         },

package/dist/legacy/Slider/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n const ring = {\n width: \"32px\",\n height: \"32px\",\n borderRadius: \"50%\",\n border: `9px solid ${theme.hv.palette.accent.acce1}`,\n opacity: \"20%\",\n content: \"''\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"-10px\",\n };\n const border = {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"50%\",\n border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n content: \"''\",\n position: \"absolute\",\n top: \"-4px\",\n left: \"-4px\",\n };\n const dragSquare = {\n cursor: \"grab\",\n width: \"calc(100% - 40px)\",\n left: \"20px\",\n height: \"27px\",\n position: \"absolute\",\n top: \"-12px\",\n content: \"''\",\n background: \"transparent\",\n borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n zIndex: \"-2\",\n };\n const dot = {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n };\n\n return {\n root: {},\n rootDisabled: {\n cursor: \"not-allowed\",\n \"& .rc-slider-disabled\": {\n background: \"transparent\",\n },\n },\n sliderContainer: {\n marginBottom: \"18px\",\n padding: \"0 23px\",\n },\n error: {\n padding: \"0 8px\",\n },\n trackDragging: {\n cursor: \"grabbing\",\n \"& .rc-slider-track\": {\n \"&::before\": {\n ...dragSquare,\n cursor: \"grabbing\",\n },\n },\n },\n trackStandBy: {\n \"& .rc-slider-track\": {\n \"&:hover\": {\n \"&::before\": {\n ...dragSquare,\n },\n },\n },\n },\n sliderRoot: {\n zIndex: 0,\n },\n rootRange: {},\n handleContainer: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"grab\",\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n \"&:hover\": {\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n },\n },\n handle: {},\n handleContainerDisabled: {\n \"& .rc-slider-handle\": {\n cursor: \"not-allowed\",\n marginTop: \"-8px\",\n \"&:active\": {\n cursor: \"not-allowed\",\n },\n \"&:hover\": {\n cursor: \"not-allowed\",\n },\n },\n },\n handleHiddenContainer: {\n display: \"none\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: \"12px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n },\n labelIncluded: {\n justifyContent: \"space-between\",\n },\n onlyInput: {\n justifyContent: \"flex-end\",\n },\n label: {},\n dot: {\n ...dot,\n },\n dotDisabled: {\n ...dot,\n cursor: \"not-allowed\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n },\n disabledMark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n color: `${theme.hv.palette.atmosphere.atmo5}`,\n cursor: \"not-allowed\",\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.normalText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n };\n};\n\nexport default styles;\n"],"mappings":"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"}
1	+ {"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n const ring = {\n width: \"32px\",\n height: \"32px\",\n borderRadius: \"50%\",\n border: `9px solid ${theme.hv.palette.accent.acce1}`,\n opacity: \"20%\",\n content: \"''\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"-10px\",\n };\n const border = {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"50%\",\n border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n content: \"''\",\n position: \"absolute\",\n top: \"-4px\",\n left: \"-4px\",\n };\n const dragSquare = {\n cursor: \"grab\",\n width: \"calc(100% - 40px)\",\n left: \"20px\",\n height: \"27px\",\n position: \"absolute\",\n top: \"-12px\",\n content: \"''\",\n background: \"transparent\",\n borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n zIndex: \"-2\",\n };\n const dot = {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n };\n\n return {\n root: {},\n rootDisabled: {\n cursor: \"not-allowed\",\n \"& .rc-slider-disabled\": {\n background: \"transparent\",\n },\n },\n sliderContainer: {\n marginBottom: \"18px\",\n padding: \"0 23px\",\n },\n error: {\n padding: \"0 8px\",\n },\n trackDragging: {\n cursor: \"grabbing\",\n \"& .rc-slider-track\": {\n \"&::before\": {\n ...dragSquare,\n cursor: \"grabbing\",\n },\n },\n },\n trackStandBy: {\n \"& .rc-slider-track\": {\n \"&:hover\": {\n \"&::before\": {\n ...dragSquare,\n },\n },\n },\n },\n sliderRoot: {\n zIndex: 0,\n },\n rootRange: {},\n handleContainer: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"grab\",\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n \"&:hover\": {\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n },\n },\n handle: {},\n handleContainerDisabled: {\n \"& .rc-slider-handle\": {\n cursor: \"not-allowed\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"not-allowed\",\n },\n \"&:hover\": {\n cursor: \"not-allowed\",\n },\n },\n },\n handleHiddenContainer: {\n display: \"none\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: \"12px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n },\n labelIncluded: {\n justifyContent: \"space-between\",\n },\n onlyInput: {\n justifyContent: \"flex-end\",\n },\n label: {},\n dot: {\n ...dot,\n },\n dotDisabled: {\n ...dot,\n cursor: \"not-allowed\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n },\n disabledMark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n color: `${theme.hv.palette.atmosphere.atmo5}`,\n cursor: \"not-allowed\",\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.normalText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n };\n};\n\nexport default styles;\n"],"mappings":"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"}

package/dist/modern/FilterGroup/Counter/Counter.js CHANGED Viewed

@@ -9,17 +9,17 @@ const Counter = ({
   className,
   id
 }) => {
-  var _filterValues$optionI;
+  var _appliedFilters$flat, _filterValues$optionI;
   const classes = useStyles();
   const {
     filterOptions,
-    filterValues,
-    appliedFilters
+    filterValues = [],
+    appliedFilters = []
   } = useContext(FilterGroupContext);
   const options = id ? [filterOptions.find(option => option.id === id)] : filterOptions;
   const optionIdx = filterOptions.findIndex(option => option.id === id);
-  const groupsCounter = appliedFilters.flat().filter(elem => elem !== undefined).length || 0;
+  const groupsCounter = (appliedFilters === null || appliedFilters === void 0 ? void 0 : (_appliedFilters$flat = appliedFilters.flat()) === null || _appliedFilters$flat === void 0 ? void 0 : _appliedFilters$flat.filter(elem => elem !== undefined).length) || 0;
   const partialCounter = id ? ((_filterValues$optionI = filterValues[optionIdx]) === null || _filterValues$optionI === void 0 ? void 0 : _filterValues$optionI.length) || 0 : groupsCounter;
   const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);
   return /*#__PURE__*/React.createElement("div", {

package/dist/modern/FilterGroup/Counter/Counter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues, appliedFilters } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n const groupsCounter = appliedFilters.flat().filter((elem) => elem !== undefined).length \|\| 0;\n const partialCounter = id ? filterValues[optionIdx]?.length \|\| 0 : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAAEC,SAAF;EAAaC;AAAb,CAAD,KAAuB;EAAA;;EACrC,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;EACA,MAAM;IAAEK,aAAF;IAAiBC,~~YAAjB~~;~~IAA+BC~~;~~EAA/B~~,~~IAAkDX~~,UAAU,CAACG,kBAAD,~~CAAlE~~;EAEA,MAAMS,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAoBC,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAA7C,CAAD,CAAH,GAAwDE,aAA1E;EACA,MAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAyBF,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAAlD,CAAlB;EAEA,MAAMU,aAAa,~~GAAGN~~,cAAc,~~CAACO~~,~~IAAf~~,~~GAAsBC~~,~~MAAtB~~,~~CAA8BC~~,IAAD,IAAUA,IAAI,KAAKC,~~SAAhD~~,~~EAA2DC~~,~~MAA3D~~,~~IAAqE~~,~~CAA3F~~;EACA,MAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;EACA,MAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,CAACC,GAAD,EAAMZ,MAAN,KAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAlD,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;EAApB,GACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,EAEI,MAAKC,YAAa,EAFtB,CADF;AAMD,CAjBD;;AAmBA,wCAAAnB,OAAO,CAACwB,SAAR,GAAoB;EAClBvB,SAAS,EAAEJ,SAAS,CAAC4B,MADH;EAElBvB,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf"}
1	+ {"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n const classes = useStyles();\n const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n const groupsCounter = appliedFilters?.flat()?.filter((elem) => elem !== undefined).length \|\| 0;\n const partialCounter = id ? filterValues[optionIdx]?.length \|\| 0 : groupsCounter;\n const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n return (\n <div className={clsx(classes.root, className)}>\n {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n {` / ${totalCounter}`}\n </div>\n );\n};\n\nCounter.propTypes = {\n className: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAAEC,SAAF;EAAaC;AAAb,CAAD,KAAuB;EAAA;;EACrC,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;EACA,MAAM;IAAEK,aAAF;IAAiBC,YAAY,GAAG,EAAhC;IAAoCC,cAAc,GAAG;EAArD,IAA4DX,UAAU,CAACG,kBAAD,CAA5E;EAEA,MAAMS,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAoBC,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAA7C,CAAD,CAAH,GAAwDE,aAA1E;EACA,MAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAyBF,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAAlD,CAAlB;EAEA,MAAMU,aAAa,GAAG,CAAAN,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CAAEO,IAAhB,gFAAwBC,MAAxB,CAAgCC,IAAD,IAAUA,IAAI,KAAKC,SAAlD,EAA6DC,MAA7D,KAAuE,CAA7F;EACA,MAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;EACA,MAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,CAACC,GAAD,EAAMZ,MAAN,KAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAlD,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;EAApB,GACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,EAEI,MAAKC,YAAa,EAFtB,CADF;AAMD,CAjBD;;AAmBA,wCAAAnB,OAAO,CAACwB,SAAR,GAAoB;EAClBvB,SAAS,EAAEJ,SAAS,CAAC4B,MADH;EAElBvB,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf"}

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

@@ -135,7 +135,7 @@ const FilterContent = _ref => {
     className: classes.actionBar
   }, /*#__PURE__*/React.createElement(HvButton, {
     id: setId(id, "clearFilters-button"),
-    disabled: defaultValue ? defaultValue.flat().length === filterValues.flat().length : filterValues.flat().length === 0,
+    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", {

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

	@@ -1 +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","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\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} />\n <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\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  \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};\n\nexport default FilterContent;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,QAAzB,EAAmCC,MAAnC,EAA2CC,UAA3C,QAA6D,OAA7D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,QAAwB,mCAAxB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,SAASC,KAAT,EAAgBC,cAAhB,EAAgCC,YAAhC,EAA8CC,QAA9C,EAAwDC,WAAxD,QAA2E,OAA3E;;AAEA,MAAMC,aAAa,GAAG,QAuBhB;EAAA,IAvBiB;IACrBC,EADqB;IAErBC,MAFqB;IAGrBC,QAAQ,GAAG,KAHU;IAKrB,cAAcC,SALO;IAMrB,mBAAmBC,cANE;IAOrBC,WAPqB;IAQrB,oBAAoBC,eARC;IAUrBC,QAVqB;IAWrBC,QAXqB;IAYrBC,OAZqB;IAcrBC,MAdqB;IAgBrBC,mBAAmB,GAAG,OAhBD;IAiBrBC,aAAa,GAAG,IAjBK;IAkBrBC,mBAAmB,GAAG,IAlBD;IAoBrBC;EApBqB,CAuBjB;EAAA,IADDC,MACC;;EACJ,MAAMC,OAAO,GAAGvB,SAAS,EAAzB;EACA,MAAM,CAACwB,eAAD,EAAkBC,kBAAlB,IAAwClC,QAAQ,CAAC,KAAD,CAAtD;EAEA,MAAM;IAAEmC,YAAF;IAAgBC,YAAhB;IAA8BC,eAA9B;IAA+CC,YAA/C;IAA6DC,YAA7D;IAA2EC;EAA3E,IACJtC,UAAU,CAACG,kBAAD,CADZ;EAGA,MAAMoC,WAAW,GAAGxC,MAAM,EAA1B;;EAEA,MAAMyC,gBAAgB,GAAG,MAAM;IAAA;;IAC7B,wBAAAD,WAAW,CAACE,OAAZ,8EAAqBC,KAArB;EACD,CAFD;;EAIA,MAAMC,cAAc,GAAIC,GAAD,IAAS;IAC9BP,YAAY;IACZhB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGuB,GAAH,EAAQV,YAAR,CAAR;IACAF,kBAAkB,CAAC,KAAD,CAAlB;EACD,CAJD;;EAMA,MAAMa,eAAe,GAAID,GAAD,IAAS;IAC/BT,eAAe;IACfb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGsB,GAAH,CAAR;IACAZ,kBAAkB,CAAC,KAAD,CAAlB;EACD,CAJD;;EAMA,MAAMc,cAAc,GAAIF,GAAD,IAAS;IAC9BR,YAAY;IACZb,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGqB,GAAH,CAAP;EACD,CAHD;;EAKA,MAAMG,YAAY,GAAG,CAACH,GAAD,EAAMI,IAAN,KAAe;IAClC;AACJ;AACA;AACA;AACA;IACI,IAAIJ,GAAG,KAAK,IAAZ,EAAkB;IAClBZ,kBAAkB,CAACgB,IAAD,CAAlB;IACA,IAAI,CAACA,IAAL,EAAWH,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGD,GAAH,CAAf;EACZ,CATD;;EAWA,MAAMK,MAAM,GAAGpD,OAAO,CACpB,mBACE,+EACE,oBAAC,OAAD,OADF,gBAEE,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAuC2B,MAAM,CAAC0B,WAA9C,CAFF,CAFkB,EAOpB,CAAC1B,MAAM,CAAC0B,WAAR,CAPoB,CAAtB;EAUA,oBACE,oBAAC,cAAD;IACE,EAAE,EAAE1C,KAAK,CAACM,EAAD,EAAK,UAAL,CADX;IAEE,IAAI,EAAC,UAFP;IAGE,OAAO,EAAE;MACPqC,IAAI,EAAErB,OAAO,CAACsB,QADP;MAEPC,KAAK,EAAEvB,OAAO,CAACuB,KAFR;MAGPC,SAAS,EAAExB,OAAO,CAACyB,qBAHZ;MAIPC,MAAM,EAAE1B,OAAO,CAAC0B;IAJT,CAHX;IASE,QAAQ,EAAExC,QATZ;IAUE,aAAa,EAAEU,aAVjB;IAWE,aAAa,MAXf;IAYE,SAAS,EAAED,mBAZb;IAaE,QAAQ,EAAEM,eAbZ;IAcE,QAAQ,EAAEgB,YAdZ;IAeE,cAAc,EAAEF,eAflB;IAgBE,mBAAmB,EAAEL,gBAhBvB;IAiBE,WAAW,EAAES,MAjBf;IAkBE,SAAS,uCAAE,oBAAC,OAAD,OAAF,CAlBX;IAmBE,WAAW,EAAE;MAAEQ,SAAS,EAAE,CAAC;QAAEC,IAAI,EAAE,iBAAR;QAA2BC,OAAO,EAAEhC;MAApC,CAAD;IAAb,CAnBf;IAoBE,iBAAc,QApBhB;IAqBE,cAAYV,SArBd;IAsBE,mBAAiBC,cAtBnB;IAuBE,gBAAcH,MAAM,KAAK,SAAX,GAAuB,IAAvB,GAA8B6C,SAvB9C;IAwBE,qBAAmB7C,MAAM,KAAK,SAAX,GAAuBP,KAAK,CAACM,EAAD,EAAK,OAAL,CAA5B,GAA4C8C,SAxBjE;IAyBE,oBACE,CAACzC,WAAW,IAAIX,KAAK,CAACM,EAAD,EAAK,aAAL,CAArB,EAA0CM,eAA1C,EAA2DyC,IAA3D,CAAgE,GAAhE,EAAqEC,IAArE,MAA+EF;EA1BnF,GA4BM/B,MA5BN,gBA8BE;IAAK,GAAG,EAAEU,WAAV;IAAuB,QAAQ,EAAE,CAAC;EAAlC,EA9BF,eA+BE;IAAK,SAAS,EAAET,OAAO,CAACqB,IAAxB;IAA8B,KAAK,EAAE;MAAEvB;IAAF;EAArC,gBACE,oBAAC,SAAD;IAAW,EAAE,EAAEd,EAAf;IAAmB,SAAS,EAAEgB,OAAO,CAACiC;EAAtC,EADF,eAEE,oBAAC,UAAD;IAAY,EAAE,EAAEjD,EAAhB;IAAoB,SAAS,EAAEgB,OAAO,CAACkC,cAAvC;IAAuD,MAAM,EAAExC;EAA/D,EAFF,CA/BF,eAmCE,oBAAC,WAAD;IAAa,SAAS,EAAEM,OAAO,CAACmC;EAAhC,gBACE,oBAAC,QAAD;IACE,EAAE,EAAEzD,KAAK,CAACM,EAAD,EAAK,qBAAL,CADX;IAEE,QAAQ,EACNmB,YAAY,GACRA,YAAY,CAACiC,IAAb,GAAoBC,MAApB,KAA+BjC,YAAY,CAACgC,IAAb,GAAoBC,MAD3C,GAERjC,YAAY,CAACgC,IAAb,GAAoBC,MAApB,KAA+B,CALvC;IAOE,QAAQ,EAAC,OAPX;IAQE,OAAO,EAAErB;EARX,GAUGtB,MAAM,CAAC4C,UAVV,CADF,eAaE;IAAK,eAAY,MAAjB;IAAwB,SAAS,EAAEtC,OAAO,CAACuC;EAA3C,UAbF,eAgBE,oBAAC,QAAD;IACE,EAAE,EAAE7D,KAAK,CAACM,EAAD,EAAK,cAAL,CADX;IAEE,QAAQ,EAAEwB,aAFZ;IAGE,QAAQ,EAAC,OAHX;IAIE,OAAO,EAAEK;EAJX,GAMGnB,MAAM,CAAC8C,UANV,CAhBF,eAwBE,oBAAC,QAAD;IAAU,EAAE,EAAE9D,KAAK,CAACM,EAAD,EAAK,eAAL,CAAnB;IAA0C,QAAQ,EAAC,OAAnD;IAA2D,OAAO,EAAE+B;EAApE,GACGrB,MAAM,CAAC+C,WADV,CAxBF,CAnCF,CADF;AAkED,CA5ID;;AA8IA,wCAAA1D,aAAa,CAAC2D,SAAd,GAA0B;EACxB1D,EAAE,EAAEb,SAAS,CAACwE,MADU;EAGxB,cAAcxE,SAAS,CAACwE,MAHA;EAIxB,mBAAmBxE,SAAS,CAACwE,MAJL;EAKxBtD,WAAW,EAAElB,SAAS,CAACyE,IALC;EAMxB,oBAAoBzE,SAAS,CAACwE,MANN;EAOxBzD,QAAQ,EAAEf,SAAS,CAAC0E,IAPI;EAQxB5D,MAAM,EAAEd,SAAS,CAAC2E,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CARgB;EAUxBvD,QAAQ,EAAEpB,SAAS,CAAC4E,IAVI;EAWxBvD,QAAQ,EAAErB,SAAS,CAAC4E,IAXI;EAYxBtD,OAAO,EAAEtB,SAAS,CAAC4E,IAZK;EAcxBrD,MAAM,EAAEvB,SAAS,CAAC6E,KAAV,CAAgB;IACtBR,UAAU,EAAErE,SAAS,CAACwE,MADA;IAEtBF,WAAW,EAAEtE,SAAS,CAACwE,MAFD;IAGtBL,UAAU,EAAEnE,SAAS,CAACwE,MAHA;IAItBvB,WAAW,EAAEjD,SAAS,CAACwE,MAJD;IAKtBM,oBAAoB,EAAE9E,SAAS,CAACwE,MALV;IAMtBO,SAAS,EAAE/E,SAAS,CAACwE,MANC;IAOtBQ,yBAAyB,EAAEhF,SAAS,CAACwE;EAPf,CAAhB,CAdgB;EAwBxBhD,mBAAmB,EAAExB,SAAS,CAAC2E,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAxBG;EAyBxBlD,aAAa,EAAEzB,SAAS,CAAC0E,IAzBD;EA0BxBhD,mBAAmB,EAAE1B,SAAS,CAAC0E,IA1BP;EA2BxB/C,MAAM,EAAE3B,SAAS,CAACiF;AA3BM,CAA1B;AA8BA,eAAerE,aAAf"}
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","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\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} />\n <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\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  \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};\n\nexport default FilterContent;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,QAAzB,EAAmCC,MAAnC,EAA2CC,UAA3C,QAA6D,OAA7D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,QAAwB,mCAAxB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,SAASC,KAAT,EAAgBC,cAAhB,EAAgCC,YAAhC,EAA8CC,QAA9C,EAAwDC,WAAxD,QAA2E,OAA3E;;AAEA,MAAMC,aAAa,GAAG,QAuBhB;EAAA,IAvBiB;IACrBC,EADqB;IAErBC,MAFqB;IAGrBC,QAAQ,GAAG,KAHU;IAKrB,cAAcC,SALO;IAMrB,mBAAmBC,cANE;IAOrBC,WAPqB;IAQrB,oBAAoBC,eARC;IAUrBC,QAVqB;IAWrBC,QAXqB;IAYrBC,OAZqB;IAcrBC,MAdqB;IAgBrBC,mBAAmB,GAAG,OAhBD;IAiBrBC,aAAa,GAAG,IAjBK;IAkBrBC,mBAAmB,GAAG,IAlBD;IAoBrBC;EApBqB,CAuBjB;EAAA,IADDC,MACC;;EACJ,MAAMC,OAAO,GAAGvB,SAAS,EAAzB;EACA,MAAM,CAACwB,eAAD,EAAkBC,kBAAlB,IAAwClC,QAAQ,CAAC,KAAD,CAAtD;EAEA,MAAM;IAAEmC,YAAF;IAAgBC,YAAhB;IAA8BC,eAA9B;IAA+CC,YAA/C;IAA6DC,YAA7D;IAA2EC;EAA3E,IACJtC,UAAU,CAACG,kBAAD,CADZ;EAGA,MAAMoC,WAAW,GAAGxC,MAAM,EAA1B;;EAEA,MAAMyC,gBAAgB,GAAG,MAAM;IAAA;;IAC7B,wBAAAD,WAAW,CAACE,OAAZ,8EAAqBC,KAArB;EACD,CAFD;;EAIA,MAAMC,cAAc,GAAIC,GAAD,IAAS;IAC9BP,YAAY;IACZhB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGuB,GAAH,EAAQV,YAAR,CAAR;IACAF,kBAAkB,CAAC,KAAD,CAAlB;EACD,CAJD;;EAMA,MAAMa,eAAe,GAAID,GAAD,IAAS;IAC/BT,eAAe;IACfb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGsB,GAAH,CAAR;IACAZ,kBAAkB,CAAC,KAAD,CAAlB;EACD,CAJD;;EAMA,MAAMc,cAAc,GAAIF,GAAD,IAAS;IAC9BR,YAAY;IACZb,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGqB,GAAH,CAAP;EACD,CAHD;;EAKA,MAAMG,YAAY,GAAG,CAACH,GAAD,EAAMI,IAAN,KAAe;IAClC;AACJ;AACA;AACA;AACA;IACI,IAAIJ,GAAG,KAAK,IAAZ,EAAkB;IAClBZ,kBAAkB,CAACgB,IAAD,CAAlB;IACA,IAAI,CAACA,IAAL,EAAWH,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGD,GAAH,CAAf;EACZ,CATD;;EAWA,MAAMK,MAAM,GAAGpD,OAAO,CACpB,mBACE,+EACE,oBAAC,OAAD,OADF,gBAEE,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAuC2B,MAAM,CAAC0B,WAA9C,CAFF,CAFkB,EAOpB,CAAC1B,MAAM,CAAC0B,WAAR,CAPoB,CAAtB;EAUA,oBACE,oBAAC,cAAD;IACE,EAAE,EAAE1C,KAAK,CAACM,EAAD,EAAK,UAAL,CADX;IAEE,IAAI,EAAC,UAFP;IAGE,OAAO,EAAE;MACPqC,IAAI,EAAErB,OAAO,CAACsB,QADP;MAEPC,KAAK,EAAEvB,OAAO,CAACuB,KAFR;MAGPC,SAAS,EAAExB,OAAO,CAACyB,qBAHZ;MAIPC,MAAM,EAAE1B,OAAO,CAAC0B;IAJT,CAHX;IASE,QAAQ,EAAExC,QATZ;IAUE,aAAa,EAAEU,aAVjB;IAWE,aAAa,MAXf;IAYE,SAAS,EAAED,mBAZb;IAaE,QAAQ,EAAEM,eAbZ;IAcE,QAAQ,EAAEgB,YAdZ;IAeE,cAAc,EAAEF,eAflB;IAgBE,mBAAmB,EAAEL,gBAhBvB;IAiBE,WAAW,EAAES,MAjBf;IAkBE,SAAS,uCAAE,oBAAC,OAAD,OAAF,CAlBX;IAmBE,WAAW,EAAE;MAAEQ,SAAS,EAAE,CAAC;QAAEC,IAAI,EAAE,iBAAR;QAA2BC,OAAO,EAAEhC;MAApC,CAAD;IAAb,CAnBf;IAoBE,iBAAc,QApBhB;IAqBE,cAAYV,SArBd;IAsBE,mBAAiBC,cAtBnB;IAuBE,gBAAcH,MAAM,KAAK,SAAX,GAAuB,IAAvB,GAA8B6C,SAvB9C;IAwBE,qBAAmB7C,MAAM,KAAK,SAAX,GAAuBP,KAAK,CAACM,EAAD,EAAK,OAAL,CAA5B,GAA4C8C,SAxBjE;IAyBE,oBACE,CAACzC,WAAW,IAAIX,KAAK,CAACM,EAAD,EAAK,aAAL,CAArB,EAA0CM,eAA1C,EAA2DyC,IAA3D,CAAgE,GAAhE,EAAqEC,IAArE,MAA+EF;EA1BnF,GA4BM/B,MA5BN,gBA8BE;IAAK,GAAG,EAAEU,WAAV;IAAuB,QAAQ,EAAE,CAAC;EAAlC,EA9BF,eA+BE;IAAK,SAAS,EAAET,OAAO,CAACqB,IAAxB;IAA8B,KAAK,EAAE;MAAEvB;IAAF;EAArC,gBACE,oBAAC,SAAD;IAAW,EAAE,EAAEd,EAAf;IAAmB,SAAS,EAAEgB,OAAO,CAACiC;EAAtC,EADF,eAEE,oBAAC,UAAD;IAAY,EAAE,EAAEjD,EAAhB;IAAoB,SAAS,EAAEgB,OAAO,CAACkC,cAAvC;IAAuD,MAAM,EAAExC;EAA/D,EAFF,CA/BF,eAmCE,oBAAC,WAAD;IAAa,SAAS,EAAEM,OAAO,CAACmC;EAAhC,gBACE,oBAAC,QAAD;IACE,EAAE,EAAEzD,KAAK,CAACM,EAAD,EAAK,qBAAL,CADX;IAEE,QAAQ,EACNmB,YAAY,GACR,CAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEiC,IAAd,GAAqBC,MAArB,OAAgCjC,YAAhC,aAAgCA,YAAhC,uBAAgCA,YAAY,CAAEgC,IAAd,GAAqBC,MAArD,CADQ,GAER,CAAAjC,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEgC,IAAd,GAAqBC,MAArB,MAAgC,CALxC;IAOE,QAAQ,EAAC,OAPX;IAQE,OAAO,EAAErB;EARX,GAUGtB,MAAM,CAAC4C,UAVV,CADF,eAaE;IAAK,eAAY,MAAjB;IAAwB,SAAS,EAAEtC,OAAO,CAACuC;EAA3C,UAbF,eAgBE,oBAAC,QAAD;IACE,EAAE,EAAE7D,KAAK,CAACM,EAAD,EAAK,cAAL,CADX;IAEE,QAAQ,EAAEwB,aAFZ;IAGE,QAAQ,EAAC,OAHX;IAIE,OAAO,EAAEK;EAJX,GAMGnB,MAAM,CAAC8C,UANV,CAhBF,eAwBE,oBAAC,QAAD;IAAU,EAAE,EAAE9D,KAAK,CAACM,EAAD,EAAK,eAAL,CAAnB;IAA0C,QAAQ,EAAC,OAAnD;IAA2D,OAAO,EAAE+B;EAApE,GACGrB,MAAM,CAAC+C,WADV,CAxBF,CAnCF,CADF;AAkED,CA5ID;;AA8IA,wCAAA1D,aAAa,CAAC2D,SAAd,GAA0B;EACxB1D,EAAE,EAAEb,SAAS,CAACwE,MADU;EAGxB,cAAcxE,SAAS,CAACwE,MAHA;EAIxB,mBAAmBxE,SAAS,CAACwE,MAJL;EAKxBtD,WAAW,EAAElB,SAAS,CAACyE,IALC;EAMxB,oBAAoBzE,SAAS,CAACwE,MANN;EAOxBzD,QAAQ,EAAEf,SAAS,CAAC0E,IAPI;EAQxB5D,MAAM,EAAEd,SAAS,CAAC2E,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CARgB;EAUxBvD,QAAQ,EAAEpB,SAAS,CAAC4E,IAVI;EAWxBvD,QAAQ,EAAErB,SAAS,CAAC4E,IAXI;EAYxBtD,OAAO,EAAEtB,SAAS,CAAC4E,IAZK;EAcxBrD,MAAM,EAAEvB,SAAS,CAAC6E,KAAV,CAAgB;IACtBR,UAAU,EAAErE,SAAS,CAACwE,MADA;IAEtBF,WAAW,EAAEtE,SAAS,CAACwE,MAFD;IAGtBL,UAAU,EAAEnE,SAAS,CAACwE,MAHA;IAItBvB,WAAW,EAAEjD,SAAS,CAACwE,MAJD;IAKtBM,oBAAoB,EAAE9E,SAAS,CAACwE,MALV;IAMtBO,SAAS,EAAE/E,SAAS,CAACwE,MANC;IAOtBQ,yBAAyB,EAAEhF,SAAS,CAACwE;EAPf,CAAhB,CAdgB;EAwBxBhD,mBAAmB,EAAExB,SAAS,CAAC2E,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAxBG;EAyBxBlD,aAAa,EAAEzB,SAAS,CAAC0E,IAzBD;EA0BxBhD,mBAAmB,EAAE1B,SAAS,CAAC0E,IA1BP;EA2BxB/C,MAAM,EAAE3B,SAAS,CAACiF;AA3BM,CAA1B;AA8BA,eAAerE,aAAf"}

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

@@ -3,9 +3,7 @@ import { HvFormElementProps } from "..";
 export type HvFilterGroupClassKey = "root" | "labelContainer" | "label" | "description" | "error";
-interface FilterValue {
-  value: string | number[][];
-}
+export type FilterValue = (string | number)[][];
 export interface HvFilterGroupProps
   extends StandardProps<HvFormElementProps, HvFilterGroupClassKey, "defaultValue"> {
@@ -72,7 +70,6 @@ export interface HvFilterGroupProps
     data: {
       id: string | number;
       name: string;
-      checked?: boolean;
     }[];
   }[];

package/dist/modern/FilterGroup/RightPanel/RightPanel.js CHANGED Viewed

@@ -25,7 +25,7 @@ const RightPanel = ({
   const [anySelected, setAnySelected] = useState(false);
   const {
     filterOptions,
-    filterValues,
+    filterValues = [],
     setFilterValues,
     activeGroup
   } = useContext(FilterGroupContext);

package/dist/modern/FilterGroup/RightPanel/RightPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n const classes = useStyles();\n const [searchStr, setSearchStr] = useState(\"\");\n const [allSelected, setAllSelected] = useState(false);\n const [anySelected, setAnySelected] = useState(false);\n\n const { filterOptions, filterValues, setFilterValues, activeGroup } =\n useContext(FilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup].data.map((option) => option.id),\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup].data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })),\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler = (values) => {\n const newFilterValues = filterOptions.map((option, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const { selectAll, multiSelectionConjunction } = labels;\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{ container: classes.selection }}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n classes.selectAll,\n classes.selectAllContainer,\n classes.selection,\n handleSelectAll,\n id,\n labels,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels.searchBoxPlaceholder}\n value={searchStr}\n onChange={(event, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n className={classes.list}\n values={listValues}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </HvPanel>\n );\n};\n\nRightPanel.propTypes = {\n id: PropTypes.string,\n className: PropTypes.string,\n labels: PropTypes.shape({\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}
1	+ {"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n const classes = useStyles();\n const [searchStr, setSearchStr] = useState(\"\");\n const [allSelected, setAllSelected] = useState(false);\n const [anySelected, setAnySelected] = useState(false);\n\n const {\n filterOptions,\n filterValues = [],\n setFilterValues,\n activeGroup,\n } = useContext(FilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup].data.map((option) => option.id),\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup].data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })),\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler = (values) => {\n const newFilterValues = filterOptions.map((option, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const { selectAll, multiSelectionConjunction } = labels;\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{ container: classes.selection }}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n classes.selectAll,\n classes.selectAllContainer,\n classes.selection,\n handleSelectAll,\n id,\n labels,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels.searchBoxPlaceholder}\n value={searchStr}\n onChange={(event, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n className={classes.list}\n values={listValues}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </HvPanel>\n );\n};\n\nRightPanel.propTypes = {\n id: PropTypes.string,\n className: PropTypes.string,\n labels: PropTypes.shape({\n searchBoxPlaceholder: PropTypes.string,\n selectAll: PropTypes.string,\n multiSelectionConjunction: PropTypes.string,\n }),\n};\n\nexport default RightPanel;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,UAAzB,EAAqCC,QAArC,EAA+CC,SAA/C,EAA0DC,WAA1D,QAA6E,OAA7E;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SAASC,KAAT,EAAgBC,YAAhB,EAA8BC,MAA9B,EAAsCC,OAAtC,EAA+CC,OAA/C,EAAwDC,UAAxD,QAA0E,OAA1E;;AAEA,MAAMC,UAAU,GAAG,CAAC;EAAEC,EAAF;EAAMC,SAAN;EAAiBC;AAAjB,CAAD,KAA+B;EAChD,MAAMC,OAAO,GAAGX,SAAS,EAAzB;EACA,MAAM,CAACY,SAAD,EAAYC,YAAZ,IAA4BpB,QAAQ,CAAC,EAAD,CAA1C;EACA,MAAM,CAACqB,WAAD,EAAcC,cAAd,IAAgCtB,QAAQ,CAAC,KAAD,CAA9C;EACA,MAAM,CAACuB,WAAD,EAAcC,cAAd,IAAgCxB,QAAQ,CAAC,KAAD,CAA9C;EAEA,MAAM;IACJyB,aADI;IAEJC,YAAY,GAAG,EAFX;IAGJC,eAHI;IAIJC;EAJI,IAKF7B,UAAU,CAACO,kBAAD,CALd;EAOA,MAAMuB,kBAAkB,GAAG/B,OAAO,CAChC,MAAM2B,aAAa,CAACG,WAAD,CAAb,CAA2BE,IAA3B,CAAgCC,GAAhC,CAAqCC,MAAD,IAAYA,MAAM,CAACjB,EAAvD,CAD0B,EAEhC,CAACU,aAAD,EAAgBG,WAAhB,CAFgC,CAAlC;EAKA,MAAMK,kBAAkB,GAAGnC,OAAO,CAChC;IAAA;;IAAA,gCAAM4B,YAAY,CAACE,WAAD,CAAlB,0DAAM,sBAA2BM,MAA3B,CAAmCC,KAAD,IAAWN,kBAAkB,CAACO,QAAnB,CAA4BD,KAA5B,CAA7C,CAAN;EAAA,CADgC,EAEhC,CAACT,YAAD,EAAeG,kBAAf,EAAmCD,WAAnC,CAFgC,CAAlC;EAKA,MAAMS,UAAU,GAAGvC,OAAO,CACxB,MACE2B,aAAa,CAACG,WAAD,CAAb,CAA2BE,IAA3B,CAAgCC,GAAhC,CAAqCC,MAAD;IAAA;;IAAA,uCAC/BA,MAD+B;MAElCM,KAAK,EAAEN,MAAM,CAACO,IAFoB;MAGlCC,QAAQ,4BAAEd,YAAY,CAACE,WAAD,CAAd,2DAAE,uBAA2BQ,QAA3B,CAAoCJ,MAAM,CAACjB,EAA3C,CAHwB;MAIlC0B,QAAQ,EAAET,MAAM,CAACO,IAAP,CAAYG,WAAZ,GAA0BC,OAA1B,CAAkCxB,SAAS,CAACuB,WAAV,EAAlC,IAA6D;IAJrC;EAAA,CAApC,CAFsB,EAQxB,CAACjB,aAAD,EAAgBC,YAAhB,EAA8BE,WAA9B,EAA2CT,SAA3C,CARwB,CAA1B;EAWA,MAAMyB,eAAe,GAAG1C,WAAW,CAAC,MAAM;IACxC,MAAM2C,WAAW,GAAGZ,kBAAH,aAAGA,kBAAH,uBAAGA,kBAAkB,CAAEa,MAAxC;IACA,MAAMC,YAAY,GAAGF,WAAW,GAAG,CAAnC;IACA,MAAMG,SAAS,GAAGH,WAAW,KAAKhB,kBAAkB,CAACiB,MAArD;IAEAtB,cAAc,CAACuB,YAAD,CAAd;IACAzB,cAAc,CAACyB,YAAY,IAAIC,SAAjB,CAAd;EACD,CAPkC,EAOhC,CAACf,kBAAD,EAAqBJ,kBAArB,CAPgC,CAAnC;EASA5B,SAAS,CAAC,MAAM;IACd2C,eAAe;EAChB,CAFQ,EAEN,CAACX,kBAAD,EAAqBW,eAArB,CAFM,CAAT;EAIA3C,SAAS,CAAC,MAAMmB,YAAY,CAAC,EAAD,CAAnB,EAAyB,CAACQ,WAAD,CAAzB,CAAT;;EAEA,MAAMqB,eAAe,GAAIC,MAAD,IAAY;IAClC,MAAMC,eAAe,GAAG1B,aAAa,CAACM,GAAd,CAAkB,CAACC,MAAD,EAASoB,CAAT,KACxCxB,WAAW,KAAKwB,CAAhB,GACIF,MAAM,CAAChB,MAAP,CAAemB,CAAD,IAAOA,CAAC,CAACb,QAAvB,EAAiCT,GAAjC,CAAsCsB,CAAD,IAAOA,CAAC,CAACtC,EAA9C,CADJ,GAEI,CAAC,IAAIW,YAAY,CAAC0B,CAAD,CAAZ,IAAmB,EAAvB,CAAD,CAHkB,CAAxB;IAKAzB,eAAe,CAACwB,eAAD,CAAf;EACD,CAPD;;EASA,MAAMG,eAAe,GAAGpD,WAAW,CAAC,MAAM;IACxC,MAAMiD,eAAe,GAAG/C,SAAS,CAACsB,YAAD,CAAjC;IACAyB,eAAe,CAACvB,WAAD,CAAf,GAA+BL,WAAW,GAAG,EAAH,GAAQM,kBAAlD;IAEAF,eAAe,CAACwB,eAAD,CAAf;EACD,CALkC,EAKhC,CAACvB,WAAD,EAAcC,kBAAd,EAAkCN,WAAlC,EAA+CG,YAA/C,EAA6DC,eAA7D,CALgC,CAAnC;EAOA;AACF;AACA;AACA;AACA;;EACE,MAAM4B,SAAS,GAAGrD,WAAW,CAAC,MAAM;IAClC,MAAM;MAAEsD,SAAF;MAAaC;IAAb,IAA2CxC,MAAjD;IACA,MAAM4B,WAAW,GAAGZ,kBAAH,aAAGA,kBAAH,uBAAGA,kBAAkB,CAAEa,MAAxC;IAEA,MAAMY,YAAY,gBAChB,oBAAC,YAAD;MAAc,SAAS,EAAC;IAAxB,GACGb,WAAW,GAAG,CAAd,gBACC,uDACE,+BAAIA,WAAJ,CADF,EAEI,IAAGY,yBAA0B,IAAG5B,kBAAkB,CAACiB,MAAO,EAF9D,CADD,gBAMC,uDACE,+BAAIU,SAAJ,CADF,EAEI,KAAI3B,kBAAkB,CAACiB,MAAO,GAFlC,CAPJ,CADF;IAgBA,oBACE;MAAK,SAAS,EAAE5B,OAAO,CAACyC;IAAxB,gBACE,oBAAC,UAAD;MACE,EAAE,EAAEnD,KAAK,CAACO,EAAD,EAAK,YAAL,CADX;MAEE,KAAK,EAAE2C,YAFT;MAGE,QAAQ,EAAE,MAAMJ,eAAe,EAHjC;MAIE,OAAO,EAAE;QAAEM,SAAS,EAAE1C,OAAO,CAAC2C;MAArB,CAJX;MAKE,SAAS,EAAE3C,OAAO,CAACsC,SALrB;MAME,aAAa,EAAEjC,WAAW,IAAI,CAACF,WANjC;MAOE,OAAO,EAAEA;IAPX,EADF,CADF;EAaD,CAjC4B,EAiC1B,CACDY,kBADC,aACDA,kBADC,uBACDA,kBAAkB,CAAEa,MADnB,EAEDjB,kBAAkB,CAACiB,MAFlB,EAGDzB,WAHC,EAIDE,WAJC,EAKDL,OAAO,CAACsC,SALP,EAMDtC,OAAO,CAACyC,kBANP,EAODzC,OAAO,CAAC2C,SAPP,EAQDP,eARC,EASDvC,EATC,EAUDE,MAVC,CAjC0B,CAA7B;EA8CA,oBACE,oBAAC,OAAD;IAAS,EAAE,EAAET,KAAK,CAACO,EAAD,EAAK,YAAL,CAAlB;IAAsC,SAAS,EAAEV,IAAI,CAACW,SAAD,EAAYE,OAAO,CAAC4C,IAApB;EAArD,gBACE,oBAAC,OAAD;IACE,EAAE,EAAEtD,KAAK,CAACO,EAAD,EAAK,QAAL,CADX;IAEE,OAAO,EAAE;MACP+C,IAAI,EAAE5C,OAAO,CAAC6C;IADP,CAFX;IAKE,IAAI,EAAC,QALP;IAME,WAAW,EAAE9C,MAAM,CAAC+C,oBANtB;IAOE,KAAK,EAAE7C,SAPT;IAQE,QAAQ,EAAE,CAAC8C,KAAD,EAAQC,GAAR,KAAgB9C,YAAY,CAAC8C,GAAD;EARxC,EADF,eAWE,oBAAC,SAAD,OAXF,eAYE,oBAAC,MAAD;IACE,GAAG,EAAEtC,WADP;IAEE,EAAE,EAAEpB,KAAK,CAACO,EAAD,EAAK,MAAL,CAFX;IAGE,SAAS,EAAEG,OAAO,CAACiD,IAHrB;IAIE,MAAM,EAAE9B,UAJV;IAKE,WAAW,MALb;IAME,WAAW,MANb;IAOE,aAAa,EAAE,KAPjB;IAQE,QAAQ,EAAEY,eARZ;IASE,UAAU,MATZ;IAUE,SAAS,MAVX;IAWE,WAAW;EAXb,EAZF,CADF;AA4BD,CAhJD;;AAkJA,wCAAAnC,UAAU,CAACsD,SAAX,GAAuB;EACrBrD,EAAE,EAAEZ,SAAS,CAACkE,MADO;EAErBrD,SAAS,EAAEb,SAAS,CAACkE,MAFA;EAGrBpD,MAAM,EAAEd,SAAS,CAACmE,KAAV,CAAgB;IACtBN,oBAAoB,EAAE7D,SAAS,CAACkE,MADV;IAEtBb,SAAS,EAAErD,SAAS,CAACkE,MAFC;IAGtBZ,yBAAyB,EAAEtD,SAAS,CAACkE;EAHf,CAAhB;AAHa,CAAvB;AAUA,eAAevD,UAAf"}

package/dist/modern/Slider/styles.js CHANGED Viewed

@@ -107,6 +107,7 @@ const styles = theme => {
       "& .rc-slider-handle": {
         cursor: "not-allowed",
         marginTop: "-8px",
+        opacity: 1,
         "&:active": {
           cursor: "not-allowed"
         },

package/dist/modern/Slider/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n const ring = {\n width: \"32px\",\n height: \"32px\",\n borderRadius: \"50%\",\n border: `9px solid ${theme.hv.palette.accent.acce1}`,\n opacity: \"20%\",\n content: \"''\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"-10px\",\n };\n const border = {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"50%\",\n border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n content: \"''\",\n position: \"absolute\",\n top: \"-4px\",\n left: \"-4px\",\n };\n const dragSquare = {\n cursor: \"grab\",\n width: \"calc(100% - 40px)\",\n left: \"20px\",\n height: \"27px\",\n position: \"absolute\",\n top: \"-12px\",\n content: \"''\",\n background: \"transparent\",\n borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n zIndex: \"-2\",\n };\n const dot = {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n };\n\n return {\n root: {},\n rootDisabled: {\n cursor: \"not-allowed\",\n \"& .rc-slider-disabled\": {\n background: \"transparent\",\n },\n },\n sliderContainer: {\n marginBottom: \"18px\",\n padding: \"0 23px\",\n },\n error: {\n padding: \"0 8px\",\n },\n trackDragging: {\n cursor: \"grabbing\",\n \"& .rc-slider-track\": {\n \"&::before\": {\n ...dragSquare,\n cursor: \"grabbing\",\n },\n },\n },\n trackStandBy: {\n \"& .rc-slider-track\": {\n \"&:hover\": {\n \"&::before\": {\n ...dragSquare,\n },\n },\n },\n },\n sliderRoot: {\n zIndex: 0,\n },\n rootRange: {},\n handleContainer: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"grab\",\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n \"&:hover\": {\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n },\n },\n handle: {},\n handleContainerDisabled: {\n \"& .rc-slider-handle\": {\n cursor: \"not-allowed\",\n marginTop: \"-8px\",\n \"&:active\": {\n cursor: \"not-allowed\",\n },\n \"&:hover\": {\n cursor: \"not-allowed\",\n },\n },\n },\n handleHiddenContainer: {\n display: \"none\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: \"12px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n },\n labelIncluded: {\n justifyContent: \"space-between\",\n },\n onlyInput: {\n justifyContent: \"flex-end\",\n },\n label: {},\n dot: {\n ...dot,\n },\n dotDisabled: {\n ...dot,\n cursor: \"not-allowed\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n },\n disabledMark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n color: `${theme.hv.palette.atmosphere.atmo5}`,\n cursor: \"not-allowed\",\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.normalText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n };\n};\n\nexport default styles;\n"],"mappings":"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"}
1	+ {"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n const ring = {\n width: \"32px\",\n height: \"32px\",\n borderRadius: \"50%\",\n border: `9px solid ${theme.hv.palette.accent.acce1}`,\n opacity: \"20%\",\n content: \"''\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"-10px\",\n };\n const border = {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"50%\",\n border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n content: \"''\",\n position: \"absolute\",\n top: \"-4px\",\n left: \"-4px\",\n };\n const dragSquare = {\n cursor: \"grab\",\n width: \"calc(100% - 40px)\",\n left: \"20px\",\n height: \"27px\",\n position: \"absolute\",\n top: \"-12px\",\n content: \"''\",\n background: \"transparent\",\n borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n zIndex: \"-2\",\n };\n const dot = {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n };\n\n return {\n root: {},\n rootDisabled: {\n cursor: \"not-allowed\",\n \"& .rc-slider-disabled\": {\n background: \"transparent\",\n },\n },\n sliderContainer: {\n marginBottom: \"18px\",\n padding: \"0 23px\",\n },\n error: {\n padding: \"0 8px\",\n },\n trackDragging: {\n cursor: \"grabbing\",\n \"& .rc-slider-track\": {\n \"&::before\": {\n ...dragSquare,\n cursor: \"grabbing\",\n },\n },\n },\n trackStandBy: {\n \"& .rc-slider-track\": {\n \"&:hover\": {\n \"&::before\": {\n ...dragSquare,\n },\n },\n },\n },\n sliderRoot: {\n zIndex: 0,\n },\n rootRange: {},\n handleContainer: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"grab\",\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n \"&:hover\": {\n \"&::before\": {\n ...ring,\n },\n \"&::after\": {\n ...border,\n },\n },\n },\n },\n handle: {},\n handleContainerDisabled: {\n \"& .rc-slider-handle\": {\n cursor: \"not-allowed\",\n marginTop: \"-8px\",\n opacity: 1,\n \"&:active\": {\n cursor: \"not-allowed\",\n },\n \"&:hover\": {\n cursor: \"not-allowed\",\n },\n },\n },\n handleHiddenContainer: {\n display: \"none\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: \"12px\",\n marginLeft: \"20px\",\n marginRight: \"20px\",\n },\n labelIncluded: {\n justifyContent: \"space-between\",\n },\n onlyInput: {\n justifyContent: \"flex-end\",\n },\n label: {},\n dot: {\n ...dot,\n },\n dotDisabled: {\n ...dot,\n cursor: \"not-allowed\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n },\n disabledMark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n color: `${theme.hv.palette.atmosphere.atmo5}`,\n cursor: \"not-allowed\",\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.normalText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n };\n};\n\nexport default styles;\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.67.1",
+  "version": "3.67.2",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -47,8 +47,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
-    "@hitachivantara/uikit-common-themes": "^3.4.3",
-    "@hitachivantara/uikit-react-icons": "^3.8.11",
+    "@hitachivantara/uikit-common-themes": "^3.4.4",
+    "@hitachivantara/uikit-react-icons": "^3.8.12",
     "@popperjs/core": "2.11.5",
     "@types/plotly.js": "^1.54.20",
     "attr-accept": "^2.2.2",
@@ -105,5 +105,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "23ae0fb43c30af34b7b81dc5710ef7b3a0c6f6ea"
+  "gitHead": "a7e4b9ae978d734513b20ee425197c25fe32df3b"
 }