npm - @hitachivantara/uikit-react-core - Versions diffs - 5.17.0 → 5.18.1 - Mend

@hitachivantara/uikit-react-core 5.17.0 → 5.18.1

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 (523) hide show

package/dist/esm/components/Dropdown/List/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../../../src/components/Dropdown/List/List.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId } from \"@core/utils\";\nimport {\n HvActionBar,\n HvButton,\n HvCheckBox,\n HvInput,\n HvListValue,\n HvTypography,\n} from \"@core/components\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\nimport {\n StyledList,\n StyledListContainer,\n StyledRootList,\n StyledSearchContainer,\n} from \"./List.styles\";\nimport { getSelected } from \"../utils\";\nimport { HvDropdownLabelsProps } from \"../Dropdown\";\nimport dropdownListClasses, { HvDropdownListClasses } from \"./listClasses\";\n\nexport interface HvDropdownListProps {\n /*\n Id to be applied to the root node.\n /\n id?: string;\n /\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvDropdownListClasses;\n /\n The list to be rendered.\n /\n values?: HvListValue[];\n /\n If true renders a multi select list.\n /\n multiSelect?: boolean;\n /\n If true renders the search component.\n /\n showSearch?: boolean;\n /\n A function to be executed whenever a item is selected in the list\n * or the Apply button is activated (when `multiSelect` is `true`).\n /\n onChange: any;\n /\n A function to be executed whenever the Cancel button is activated.\n /\n onCancel: any;\n /\n An object containing all the labels for the dropdown.\n /\n labels?: HvDropdownLabelsProps;\n /\n If 'true' the dropdown will notify on the first render.\n /\n notifyChangesOnFirstRender?: boolean;\n /\n If `true` the dropdown will show tooltips when user mouseenter text in list\n /\n hasTooltips?: boolean;\n /\n If `true`, selection can be toggled when single selection.\n /\n singleSelectionToggle?: boolean;\n /\n Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n /\n height?: number;\n /\n Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n /\n maxHeight?: number;\n /\n Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n /\n virtualized?: boolean;\n}\n\n/\n The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n \n For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n /\nconst clone = (values: HvListValue[]) => values.map((value) => ({ ...value }));\n\n/\n Set all hidden's to false.\n /\nconst cleanHidden = (lst: HvListValue[]) =>\n lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nexport const HvDropdownList = ({\n id,\n classes,\n values = [],\n multiSelect = false,\n showSearch = false,\n onChange,\n onCancel,\n labels,\n notifyChangesOnFirstRender = false,\n hasTooltips = false,\n singleSelectionToggle,\n height: dropdownHeight,\n maxHeight,\n virtualized = false,\n ...others\n}: HvDropdownListProps) => {\n const [searchStr, setSearchStr] = useState<string>(\"\");\n const [list, setList] = useState<HvListValue[]>(clone(values));\n const [allSelected, setAllSelected] = useState<boolean>(false);\n const [anySelected, setAnySelected] = useState<boolean>(false);\n const { width, height } = useContext(BaseDropdownContext);\n\n const newLabels = {\n selectAll: labels?.selectAll,\n selectionConjunction: labels?.multiSelectionConjunction,\n };\n\n /\n Update states associated with select all.\n /\n const updateSelectAll = (listValues: HvListValue[]) => {\n if (!listValues) return;\n const nbrSelected = getSelected(listValues).length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === listValues.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n };\n\n /\n After the first render, call onChange if notifyChangesOnFirstRender.\n /\n useEffect(() => {\n if (!valuesExist(values)) return;\n setList(clone(values));\n updateSelectAll(values);\n if (notifyChangesOnFirstRender) {\n onChange?.(values, false, false, true);\n }\n }, [values]);\n\n /\n Sets the filtered values to the state.\n \n @param {String} str - The value that is being looked.\n /\n const handleSearch = (str: string) => {\n const results = list\n ? list.filter(\n ({\n searchValue,\n label,\n value,\n }: {\n searchValue?: any;\n label?: any;\n value?: any;\n }) => {\n let stringValue = \"\";\n if (\n typeof searchValue === \"string\" \|\|\n searchValue instanceof String\n ) {\n stringValue = searchValue.toLowerCase();\n } else if (typeof label === \"string\" \|\| label instanceof String) {\n stringValue = label.toLowerCase();\n } else if (typeof value === \"string\" \|\| value instanceof String) {\n stringValue = value.toLowerCase();\n }\n\n return stringValue.indexOf(str.toLowerCase()) >= 0;\n }\n )\n : null;\n\n if (!isNil(results)) {\n const newList = list.map((elem) => {\n const isResult = results.find((result) => result.label === elem.label);\n return { ...elem, isHidden: !isResult };\n });\n\n setList(newList);\n setSearchStr(str);\n }\n return str;\n };\n\n /\n Create search element.\n \n @returns {}\n /\n const renderSearch = () => (\n <StyledSearchContainer\n className={clsx(\n dropdownListClasses.searchContainer,\n classes?.searchContainer\n )}\n >\n <HvInput\n id={setId(id, \"search\")}\n type=\"search\"\n value={searchStr}\n placeholder={labels?.searchPlaceholder}\n onChange={(event, str) => handleSearch(str)}\n />\n </StyledSearchContainer>\n );\n\n /*\n Select all the values inside the dropdown.\n \n /\n const handleSelectAll = () => {\n const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n setList(newList);\n updateSelectAll(newList);\n };\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const renderSelectAll = () => {\n const selectAll = labels?.selectAll;\n const multiSelectionConjunction = labels?.multiSelectionConjunction;\n const nbrSelected = getSelected(list).length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${list.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${list.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div\n className={clsx(\n dropdownListClasses.selectAllContainer,\n classes?.selectAllContainer\n )}\n >\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{\n container: clsx(dropdownListClasses.selection, classes?.selection),\n }}\n className={clsx(dropdownListClasses.selectAll, classes?.selectAll)}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n };\n\n /*\n When selecting the state list is updated with the corresponding selection.\n \n @param listValues - elements selected.\n /\n const onSelection = (listValues) => {\n if (!multiSelect) {\n onChange(cleanHidden(listValues), true, true, true);\n } else {\n updateSelectAll(listValues);\n setList(clone(listValues));\n }\n };\n\n /\n Render action buttons.\n */\n const renderActions = () => {\n const applyLabel = labels?.applyLabel;\n const cancelLabel = labels?.cancelLabel;\n return (\n <HvActionBar id={setId(id, \"actions\")}>\n <HvButton\n id={setId(id, \"actions-apply\")}\n onClick={() => onChange(cleanHidden(list), true, true, true)}\n variant=\"primaryGhost\"\n >\n {applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"actions-cancel\")}\n onClick={onCancel}\n variant=\"primaryGhost\"\n >\n {cancelLabel}\n </HvButton>\n </HvActionBar>\n );\n };\n\n const showList = valuesExist(values);\n\n return (\n <StyledRootList\n className={clsx(dropdownListClasses.rootList, classes?.rootList)}\n >\n <div\n className={clsx(\n dropdownListClasses.listBorderDown,\n classes?.listBorderDown\n )}\n />\n <StyledListContainer\n className={clsx(\n dropdownListClasses.listContainer,\n classes?.listContainer\n )}\n >\n {showSearch && renderSearch()}\n {showList && multiSelect && renderSelectAll()}\n {showList && (\n <StyledList\n id={setId(id, \"list\")}\n classes={{\n root: clsx(\n dropdownListClasses.dropdownListContainer,\n classes?.dropdownListContainer\n ),\n }}\n $dropdownHeight={dropdownHeight}\n $maxHeight={maxHeight}\n $virtualized={virtualized}\n $height={height}\n $width={width}\n values={list}\n multiSelect={multiSelect}\n useSelector={multiSelect}\n showSelectAll={false}\n onChange={onSelection}\n labels={newLabels}\n hasTooltips={hasTooltips}\n selectable\n condensed\n singleSelectionToggle={singleSelectionToggle}\n height={dropdownHeight}\n virtualized={virtualized}\n {...others}\n />\n )}\n </StyledListContainer>\n {showList && multiSelect ? renderActions() : null}\n </StyledRootList>\n );\n};\n"],"names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","HvDropdownList","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","maxHeight","virtualized","others","searchStr","setSearchStr","useState","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","useContext","BaseDropdownContext","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","_jsx","StyledSearchContainer","className","clsx","dropdownListClasses","searchContainer","children","HvInput","setId","type","placeholder","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","HvTypography","component","_jsxs","_Fragment","selectAllContainer","HvCheckBox","container","selection","indeterminate","checked","onSelection","renderActions","applyLabel","cancelLabel","HvActionBar","HvButton","onClick","variant","showList","StyledRootList","rootList","listBorderDown","StyledListContainer","listContainer","StyledList","root","dropdownListContainer","$dropdownHeight","$maxHeight","$virtualized","$height","$width","useSelector","showSelectAll","selectable","condensed"],"mappings":"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"}
1	+ {"version":3,"file":"List.js","sources":["../../../../../src/components/Dropdown/List/List.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId } from \"@core/utils\";\nimport {\n HvActionBar,\n HvButton,\n HvCheckBox,\n HvInput,\n HvListValue,\n HvTypography,\n} from \"@core/components\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\nimport {\n StyledList,\n StyledListContainer,\n StyledRootList,\n StyledSearchContainer,\n} from \"./List.styles\";\nimport { getSelected } from \"../utils\";\nimport { HvDropdownLabelsProps } from \"../Dropdown\";\nimport dropdownListClasses, { HvDropdownListClasses } from \"./listClasses\";\n\nexport interface HvDropdownListProps {\n /*\n Id to be applied to the root node.\n /\n id?: string;\n /\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvDropdownListClasses;\n /\n The list to be rendered.\n /\n values?: HvListValue[];\n /\n If true renders a multi select list.\n /\n multiSelect?: boolean;\n /\n If true renders the search component.\n /\n showSearch?: boolean;\n /\n A function to be executed whenever a item is selected in the list\n * or the Apply button is activated (when `multiSelect` is `true`).\n /\n onChange: any;\n /\n A function to be executed whenever the Cancel button is activated.\n /\n onCancel: any;\n /\n An object containing all the labels for the dropdown.\n /\n labels?: HvDropdownLabelsProps;\n /\n If 'true' the dropdown will notify on the first render.\n /\n notifyChangesOnFirstRender?: boolean;\n /\n If `true` the dropdown will show tooltips when user mouseenter text in list\n /\n hasTooltips?: boolean;\n /\n If `true`, selection can be toggled when single selection.\n /\n singleSelectionToggle?: boolean;\n /\n Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n /\n height?: number;\n /\n Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n /\n maxHeight?: number;\n /\n Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n /\n virtualized?: boolean;\n}\n\n/\n The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n \n For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n /\nconst clone = (values: HvListValue[]) => values.map((value) => ({ ...value }));\n\n/\n Set all hidden's to false.\n /\nconst cleanHidden = (lst: HvListValue[]) =>\n lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nexport const HvDropdownList = ({\n id,\n classes,\n values = [],\n multiSelect = false,\n showSearch = false,\n onChange,\n onCancel,\n labels,\n notifyChangesOnFirstRender = false,\n hasTooltips = false,\n singleSelectionToggle,\n height: dropdownHeight,\n maxHeight,\n virtualized = false,\n ...others\n}: HvDropdownListProps) => {\n const [searchStr, setSearchStr] = useState<string>(\"\");\n const [list, setList] = useState<HvListValue[]>(clone(values));\n const [allSelected, setAllSelected] = useState<boolean>(false);\n const [anySelected, setAnySelected] = useState<boolean>(false);\n const { width, height } = useContext(BaseDropdownContext);\n\n const newLabels = {\n selectAll: labels?.selectAll,\n selectionConjunction: labels?.multiSelectionConjunction,\n };\n\n /\n Update states associated with select all.\n /\n const updateSelectAll = (listValues: HvListValue[]) => {\n if (!listValues) return;\n const nbrSelected = getSelected(listValues).length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === listValues.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n };\n\n /\n After the first render, call onChange if notifyChangesOnFirstRender.\n /\n useEffect(() => {\n if (!valuesExist(values)) return;\n setList(clone(values));\n updateSelectAll(values);\n if (notifyChangesOnFirstRender) {\n onChange?.(values, false, false, true);\n }\n }, [values, notifyChangesOnFirstRender, onChange]);\n\n /\n Sets the filtered values to the state.\n \n @param {String} str - The value that is being looked.\n /\n const handleSearch = (str: string) => {\n const results = list\n ? list.filter(\n ({\n searchValue,\n label,\n value,\n }: {\n searchValue?: any;\n label?: any;\n value?: any;\n }) => {\n let stringValue = \"\";\n if (\n typeof searchValue === \"string\" \|\|\n searchValue instanceof String\n ) {\n stringValue = searchValue.toLowerCase();\n } else if (typeof label === \"string\" \|\| label instanceof String) {\n stringValue = label.toLowerCase();\n } else if (typeof value === \"string\" \|\| value instanceof String) {\n stringValue = value.toLowerCase();\n }\n\n return stringValue.indexOf(str.toLowerCase()) >= 0;\n }\n )\n : null;\n\n if (!isNil(results)) {\n const newList = list.map((elem) => {\n const isResult = results.find((result) => result.label === elem.label);\n return { ...elem, isHidden: !isResult };\n });\n\n setList(newList);\n setSearchStr(str);\n }\n return str;\n };\n\n /\n Create search element.\n \n @returns {}\n /\n const renderSearch = () => (\n <StyledSearchContainer\n className={clsx(\n dropdownListClasses.searchContainer,\n classes?.searchContainer\n )}\n >\n <HvInput\n id={setId(id, \"search\")}\n type=\"search\"\n value={searchStr}\n placeholder={labels?.searchPlaceholder}\n onChange={(event, str) => handleSearch(str)}\n />\n </StyledSearchContainer>\n );\n\n /*\n Select all the values inside the dropdown.\n \n /\n const handleSelectAll = () => {\n const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n setList(newList);\n updateSelectAll(newList);\n };\n\n /*\n Create selecteAll component.\n \n @returns {}\n /\n const renderSelectAll = () => {\n const selectAll = labels?.selectAll;\n const multiSelectionConjunction = labels?.multiSelectionConjunction;\n const nbrSelected = getSelected(list).length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${multiSelectionConjunction} ${list.length}`}\n </>\n ) : (\n <>\n <b>{selectAll}</b>\n {` (${list.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div\n className={clsx(\n dropdownListClasses.selectAllContainer,\n classes?.selectAllContainer\n )}\n >\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n classes={{\n container: clsx(dropdownListClasses.selection, classes?.selection),\n }}\n className={clsx(dropdownListClasses.selectAll, classes?.selectAll)}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n };\n\n /*\n When selecting the state list is updated with the corresponding selection.\n \n @param listValues - elements selected.\n /\n const onSelection = (listValues) => {\n if (!multiSelect) {\n onChange(cleanHidden(listValues), true, true, true);\n } else {\n updateSelectAll(listValues);\n setList(clone(listValues));\n }\n };\n\n /\n Render action buttons.\n */\n const renderActions = () => {\n const applyLabel = labels?.applyLabel;\n const cancelLabel = labels?.cancelLabel;\n return (\n <HvActionBar id={setId(id, \"actions\")}>\n <HvButton\n id={setId(id, \"actions-apply\")}\n onClick={() => onChange(cleanHidden(list), true, true, true)}\n variant=\"primaryGhost\"\n >\n {applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"actions-cancel\")}\n onClick={onCancel}\n variant=\"primaryGhost\"\n >\n {cancelLabel}\n </HvButton>\n </HvActionBar>\n );\n };\n\n const showList = valuesExist(values);\n\n return (\n <StyledRootList\n className={clsx(dropdownListClasses.rootList, classes?.rootList)}\n >\n <div\n className={clsx(\n dropdownListClasses.listBorderDown,\n classes?.listBorderDown\n )}\n />\n <StyledListContainer\n className={clsx(\n dropdownListClasses.listContainer,\n classes?.listContainer\n )}\n >\n {showSearch && renderSearch()}\n {showList && multiSelect && renderSelectAll()}\n {showList && (\n <StyledList\n id={setId(id, \"list\")}\n classes={{\n root: clsx(\n dropdownListClasses.dropdownListContainer,\n classes?.dropdownListContainer\n ),\n }}\n $dropdownHeight={dropdownHeight}\n $maxHeight={maxHeight}\n $virtualized={virtualized}\n $height={height}\n $width={width}\n values={list}\n multiSelect={multiSelect}\n useSelector={multiSelect}\n showSelectAll={false}\n onChange={onSelection}\n labels={newLabels}\n hasTooltips={hasTooltips}\n selectable\n condensed\n singleSelectionToggle={singleSelectionToggle}\n height={dropdownHeight}\n virtualized={virtualized}\n {...others}\n />\n )}\n </StyledListContainer>\n {showList && multiSelect ? renderActions() : null}\n </StyledRootList>\n );\n};\n"],"names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","HvDropdownList","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","maxHeight","virtualized","others","searchStr","setSearchStr","useState","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","useContext","BaseDropdownContext","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","_jsx","StyledSearchContainer","className","clsx","dropdownListClasses","searchContainer","children","HvInput","setId","type","placeholder","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","HvTypography","component","_jsxs","_Fragment","selectAllContainer","HvCheckBox","container","selection","indeterminate","checked","onSelection","renderActions","applyLabel","cancelLabel","HvActionBar","HvButton","onClick","variant","showList","StyledRootList","rootList","listBorderDown","StyledListContainer","listContainer","StyledList","root","dropdownListContainer","$dropdownHeight","$maxHeight","$virtualized","$height","$width","useSelector","showSelectAll","selectable","condensed"],"mappings":"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"}

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

@@ -1,9 +1,8 @@
 import { useContext } from "react";
-import { ClassNames } from "@emotion/react";
 import { HvFilterGroupContext } from "../FilterGroupContext.js";
-import { styles } from "./Counter.styles.js";
-import filterGroupCounterClasses from "./counterClasses.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClasses } from "./Counter.styles.js";
+import { staticClasses } from "./Counter.styles.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 const getExistingFiltersById = (idx, filterValues, filterOptions) => {
   var _a;
   let total = 0;
@@ -18,8 +17,12 @@ const getExistingFiltersById = (idx, filterValues, filterOptions) => {
 const HvFilterGroupCounter = ({
   className,
   id,
-  classes
+  classes: classesProp
 }) => {
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const {
     filterOptions,
     filterValues = [],
@@ -33,20 +36,16 @@ const HvFilterGroupCounter = ({
   });
   const partialCounter = id ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0 : groupsCounter;
   const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxs("div", {
-      className: cx(filterGroupCounterClasses.root, css(styles.root), className, classes == null ? void 0 : classes.root),
-      children: [partialCounter > 0 ? /* @__PURE__ */ jsx("p", {
-        className: cx(filterGroupCounterClasses.partialCounter, css(styles.partialCounter), classes == null ? void 0 : classes.partialCounter),
-        children: partialCounter
-      }) : partialCounter, ` / ${totalCounter}`]
-    })
+  return /* @__PURE__ */ jsxs("div", {
+    className: cx(className, classes.root),
+    children: [partialCounter > 0 ? /* @__PURE__ */ jsx("p", {
+      className: classes.partialCounter,
+      children: partialCounter
+    }) : partialCounter, ` / ${totalCounter}`]
   });
 };
 export {
-  HvFilterGroupCounter
+  HvFilterGroupCounter,
+  staticClasses as filterGroupCounterClasses
 };
 //# sourceMappingURL=Counter.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { ~~ClassNames~~ } from \"@~~emotion~~/~~react~~\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { ~~styles~~ } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../FilterGroup\";\~~nimport~~ filterGroupCounterClasses, {\n HvFilterGroupCounterClasses~~,\n}~~ ~~from~~ ~~\"./counterClasses\";\~~n\nexport interface HvFilterGroupCounterProps {\n className?: string;\n id?: string;\n classes?: HvFilterGroupCounterClasses;\n}\n\nconst getExistingFiltersById = (\n idx: number,\n filterValues: HvFilterGroupValue,\n filterOptions: HvFilterGroupFilters\n) => {\n let total = 0;\n filterValues[idx]?.forEach((fv) => {\n if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n total += 1;\n }\n });\n return total;\n};\n\nexport const HvFilterGroupCounter = ({\n className,\n id,\n classes,\n}: HvFilterGroupCounterProps) => {\n const {\n filterOptions,\n filterValues = [],\n appliedFilters = [],\n } = useContext(HvFilterGroupContext);\n\n const options =\n id && filterOptions.find((option) => option.id === id)\n ? ([\n filterOptions.find((option) => option.id === id),\n ] as HvFilterGroupFilters)\n : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n let groupsCounter = 0;\n appliedFilters\n .filter((elem) => elem !== undefined)\n .forEach((fg, i) => {\n groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n });\n\n const partialCounter = id\n ? getExistingFiltersById(optionIdx, filterValues, filterOptions) \|\| 0\n : groupsCounter;\n\n const totalCounter = options.reduce(\n (acc, option) => acc + option.data.length,\n 0\n );\n\n return (\n <~~ClassNames>\n {({~~ ~~css, cx }) => (\n <div\n~~ className={cx(~~\n filterGroupCounterClasses.root,\n css(styles.root),\n~~ className~~,\n~~ classes?.root\n )}\n >\n {partialCounter > 0 ? (\n <p\n className={~~cx(\n filterGroupCounterClasses~~.partialCounter~~,\n css(styles.partialCounter),\n classes?.partialCounter\n )~~}~~\n >\n~~ {partialCounter}\n </p>\n ) : (\n partialCounter\n )}\n {` / ${totalCounter}`}\n </div>\n ~~)}\n </ClassNames>\n~~ );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","classes","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","~~ClassNames~~","children"~~,"css","cx","filterGroupCounterClasses","root","styles"~~],"mappings":"~~;;;;;;AAeA~~,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEO,MAAMO,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAF;AAAAA,EACAG;~~AACyB~~,MAAM;AACzB,QAAA;AAAA,~~IACJV~~;AAAAA,IACAD,eAAe,CAAE;AAAA,~~IACjBY~~,iBAAiB,CAAA;AAAA,EAAA,IACfC,WAAWC,oBAAoB;AAEnC,QAAMC,~~UACJP~~,MAAMP,cAAcK,~~KAAMU~~,CAAAA,WAAWA,~~OAAOR~~,OAAOA,EAAE,IAChD,CACCP,cAAcK,~~KAAMU~~,CAAAA,WAAWA,~~OAAOR~~,OAAOA,EAAE,CAAC,IAElDP;AACN,~~QAAMgB~~,~~YAAYhB~~,~~cAAciB~~,UAAWF,CAAWA,WAAAA,~~OAAOR~~,OAAOA,EAAE;AAEtE,~~MAAIW~~,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,~~EACnCnB~~,QAAQ,~~CAACoB~~,IAAIC,MAAM;~~AACD1B~~,qBAAAA,~~uBAAuB0B~~,~~GAAGxB~~,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,~~QAAMwB~~,~~iBAAiBjB~~,KACnBV,~~uBAAuBmB~~,~~WAAWjB~~,cAAcC,aAAa,KAAK,~~IAClEkB~~;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,~~OAAOX~~,~~KAAKwB~~,QACnC,CACF;AAEA,~~6BACGC~~,~~YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,2BACP,~~OAAA;AAAA,~~MACEvB~~,~~WAAWuB~~,~~GACTC~~,~~0BAA0BC~~,~~MAC1BH~~,~~IAAII,OAAOD,~~IAAI~~,GACfzB,WACAC,mCAASwB,IACX~~;AAAA,~~MAAEJ~~,~~UAEDN~~,CAAAA,iBAAiB,wBAChB,KAAA;AAAA,~~QACEf~~,~~WAAWuB~~,~~GACTC,0BAA0BT,gBAC1BO,IAAII,OAAOX,cAAc,GACzBd,mCAASc,cACX~~;~~AAAA~~,~~QAAEM~~,~~UAEDN~~;AAAAA,~~MACA~~,CAAA,~~IAEHA~~,gBAEA,MAAKC,cAAc;AAAA,~~IAAA~~,CAClB;~~AAAA,EAAA,CAEG~~;~~AAEhB;~~"}
1	+ {"version":3,"file":"Counter.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { ExtractNames } from \"@core/utils\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../FilterGroup\";\n\nexport { staticClasses as filterGroupCounterClasses };\n\nexport type HvFilterGroupCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupCounterProps {\n className?: string;\n id?: string;\n classes?: HvFilterGroupCounterClasses;\n}\n\nconst getExistingFiltersById = (\n idx: number,\n filterValues: HvFilterGroupValue,\n filterOptions: HvFilterGroupFilters\n) => {\n let total = 0;\n filterValues[idx]?.forEach((fv) => {\n if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n total += 1;\n }\n });\n return total;\n};\n\nexport const HvFilterGroupCounter = ({\n className,\n id,\n classes: classesProp,\n}: HvFilterGroupCounterProps) => {\n const { classes, cx } = useClasses(classesProp);\n const {\n filterOptions,\n filterValues = [],\n appliedFilters = [],\n } = useContext(HvFilterGroupContext);\n\n const options =\n id && filterOptions.find((option) => option.id === id)\n ? ([\n filterOptions.find((option) => option.id === id),\n ] as HvFilterGroupFilters)\n : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n let groupsCounter = 0;\n appliedFilters\n .filter((elem) => elem !== undefined)\n .forEach((fg, i) => {\n groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n });\n\n const partialCounter = id\n ? getExistingFiltersById(optionIdx, filterValues, filterOptions) \|\| 0\n : groupsCounter;\n\n const totalCounter = options.reduce(\n (acc, option) => acc + option.data.length,\n 0\n );\n\n return (\n <div className={cx(className, classes.root)}>\n {partialCounter > 0 ? (\n <p className={classes.partialCounter}>{partialCounter}</p>\n ) : (\n partialCounter\n )}\n {` / ${totalCounter}`}\n </div>\n );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","classes","classesProp","cx","useClasses","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","children"],"mappings":";;;;;AAgBA,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEO,MAAMO,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAF;AAAAA,EACAG,SAASC;AACgB,MAAM;AACzB,QAAA;AAAA,IAAED;AAAAA,IAASE;AAAAA,EAAAA,IAAOC,WAAWF,WAAW;AACxC,QAAA;AAAA,IACJX;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBe,iBAAiB,CAAA;AAAA,EAAA,IACfC,WAAWC,oBAAoB;AAEnC,QAAMC,UACJV,MAAMP,cAAcK,KAAMa,CAAAA,WAAWA,OAAOX,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMa,CAAAA,WAAWA,OAAOX,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMmB,YAAYnB,cAAcoB,UAAWF,CAAWA,WAAAA,OAAOX,OAAOA,EAAE;AAEtE,MAAIc,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,EACnCtB,QAAQ,CAACuB,IAAIC,MAAM;AACD7B,qBAAAA,uBAAuB6B,GAAG3B,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,QAAM2B,iBAAiBpB,KACnBV,uBAAuBsB,WAAWpB,cAAcC,aAAa,KAAK,IAClEqB;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,OAAOd,KAAK2B,QACnC,CACF;AAEA,8BACE,OAAA;AAAA,IAAKtB,WAAWG,GAAGH,WAAWC,QAAQsB,IAAI;AAAA,IAAEC,UACzCN,CAAAA,iBAAiB,wBAChB,KAAA;AAAA,MAAGlB,WAAWC,QAAQiB;AAAAA,MAAeM,UAAEN;AAAAA,IAAkB,CAAA,IAEzDA,gBAEA,MAAKC,cAAc;AAAA,EAAA,CAClB;AAET;"}

package/dist/esm/components/FilterGroup/Counter/Counter.styles.js CHANGED Viewed

@@ -1,5 +1,10 @@
 import { theme } from "@hitachivantara/uikit-styles";
-const styles = {
+import { createClasses } from "../../../utils/classes.js";
+const name = "HvFilterGroupCounter";
+const {
+  staticClasses,
+  useClasses
+} = createClasses(name, {
   root: {
     lineHeight: "34px",
     marginRight: 10
@@ -8,8 +13,9 @@ const styles = {
     display: "inline-block",
     fontWeight: theme.filterGroup.partialCounterFontWeight
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Counter.styles.js.map

package/dist/esm/components/FilterGroup/Counter/Counter.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.styles.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { ~~CSSInterpolation~~ } from \"@~~emotion~~/~~serialize~~\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\~~nimport~~ { ~~HvFilterGroupCounterClasses~~ ~~} from~~ \"~~./counterClasses~~\";\n\nexport const ~~styles:~~ ~~Partial<\n Record<keyof HvFilterGroupCounterClasses~~, ~~CSSInterpolation>\n>~~ = {\n root: {\n lineHeight: \"34px\",\n marginRight: 10,\n },\n partialCounter: {\n display: \"inline-block\",\n fontWeight: theme.filterGroup.partialCounterFontWeight,\n },\n};\n"],"names":["~~styles~~","root","lineHeight","marginRight","partialCounter","display","fontWeight","theme","filterGroup","partialCounterFontWeight"],"mappings":"~~;AAIO~~,MAAMA,~~SAET~~;AAAA,~~EACFC~~,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,MAAMC,YAAYC;AAAAA,EAChC;AACF;"}
1	+ {"version":3,"file":"Counter.styles.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nconst name = \"HvFilterGroupCounter\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n root: {\n lineHeight: \"34px\",\n marginRight: 10,\n },\n partialCounter: {\n display: \"inline-block\",\n fontWeight: theme.filterGroup.partialCounterFontWeight,\n },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","root","lineHeight","marginRight","partialCounter","display","fontWeight","theme","filterGroup","partialCounterFontWeight"],"mappings":";;AAGA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,MAAMC,YAAYC;AAAAA,EAChC;AACF,CAAC;"}

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

@@ -1,8 +1,7 @@
 import { useState, useContext, useRef, useMemo } from "react";
 import { Filters } from "@hitachivantara/uikit-react-icons";
-import { ClassNames } from "@emotion/react";
-import { styles } from "./FilterContent.styles.js";
-import filterGroupContentClasses from "./filterContentClasses.js";
+import { useClasses } from "./FilterContent.styles.js";
+import { staticClasses } from "./FilterContent.styles.js";
 import { HvFilterGroupContext } from "../FilterGroupContext.js";
 import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { HvFilterGroupLeftPanel } from "../LeftPanel/LeftPanel.js";
@@ -32,9 +31,12 @@ const HvFilterGroupContent = ({
   height,
   leftEmptyElement,
   rightEmptyElement,
-  classes,
+  classes: classesProp,
   ...others
 }) => {
+  const {
+    classes
+  } = useClasses(classesProp);
   const {
     activeTheme
   } = useTheme();
@@ -79,90 +81,86 @@ const HvFilterGroupContent = ({
       children: labels == null ? void 0 : labels.placeholder
     })]
   }), [labels == null ? void 0 : labels.placeholder]);
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxs(HvBaseDropdown, {
-      id: setId(id, "dropdown"),
-      role: "combobox",
-      classes: {
-        root: cx(filterGroupContentClasses.dropdown, classes == null ? void 0 : classes.dropdown),
-        panel: cx(filterGroupContentClasses.panel, css(styles.panel), classes == null ? void 0 : classes.panel),
-        selection: cx(filterGroupContentClasses.baseDropdownSelection, css(styles.baseDropdownSelection), classes == null ? void 0 : classes.baseDropdownSelection),
-        header: cx(filterGroupContentClasses.header, css(styles.header), classes == null ? void 0 : classes.header)
-      },
-      disabled,
-      disablePortal,
-      variableWidth: true,
-      placement: horizontalPlacement,
-      expanded: filterGroupOpen,
-      onToggle: handleToggle,
-      onClickOutside: onCancelHandler,
-      onContainerCreation: focusOnContainer,
-      placeholder: Header,
-      adornment: /* @__PURE__ */ jsx(HvFilterGroupCounter, {}),
-      popperProps: {
-        modifiers: [{
-          name: "preventOverflow",
-          enabled: escapeWithReference
-        }]
+  return /* @__PURE__ */ jsxs(HvBaseDropdown, {
+    id: setId(id, "dropdown"),
+    role: "combobox",
+    classes: {
+      root: classes.dropdown,
+      panel: classes.panel,
+      selection: classes.baseDropdownSelection,
+      header: classes.header
+    },
+    disabled,
+    disablePortal,
+    variableWidth: true,
+    placement: horizontalPlacement,
+    expanded: filterGroupOpen,
+    onToggle: handleToggle,
+    onClickOutside: onCancelHandler,
+    onContainerCreation: focusOnContainer,
+    placeholder: Header,
+    adornment: /* @__PURE__ */ jsx(HvFilterGroupCounter, {}),
+    popperProps: {
+      modifiers: [{
+        name: "preventOverflow",
+        enabled: escapeWithReference
+      }]
+    },
+    "aria-haspopup": "dialog",
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-invalid": status === "invalid" ? true : void 0,
+    "aria-errormessage": status === "invalid" ? setId(id, "error") : void 0,
+    "aria-describedby": [description && setId(id, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+    ...others,
+    children: [/* @__PURE__ */ jsx("div", {
+      ref: focusTarget,
+      tabIndex: -1
+    }), /* @__PURE__ */ jsxs("div", {
+      className: classes.root,
+      style: {
+        height
       },
-      "aria-haspopup": "dialog",
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-invalid": status === "invalid" ? true : void 0,
-      "aria-errormessage": status === "invalid" ? setId(id, "error") : void 0,
-      "aria-describedby": [description && setId(id, "description"), ariaDescribedBy].join(" ").trim() || void 0,
-      ...others,
-      children: [/* @__PURE__ */ jsx("div", {
-        ref: focusTarget,
-        tabIndex: -1
-      }), /* @__PURE__ */ jsxs("div", {
-        className: cx(filterGroupContentClasses.root, css(styles.root), classes == null ? void 0 : classes.root),
-        style: {
-          height
-        },
-        children: [/* @__PURE__ */ jsx(HvFilterGroupLeftPanel, {
-          id,
-          className: cx(filterGroupContentClasses.leftSidePanel, css(styles.leftSidePanel), classes == null ? void 0 : classes.leftSidePanel),
-          emptyElement: leftEmptyElement
-        }), /* @__PURE__ */ jsx(HvFilterGroupRightPanel, {
-          id,
-          className: cx(filterGroupContentClasses.rightSidePanel, css(styles.rightSidePanel), classes == null ? void 0 : classes.rightSidePanel),
-          emptyElement: rightEmptyElement,
-          labels
-        })]
-      }), /* @__PURE__ */ jsxs(HvActionBar, {
-        className: cx(filterGroupContentClasses.actionBar, css(styles.actionBar), classes == null ? void 0 : classes.actionBar),
-        children: [/* @__PURE__ */ jsx(HvButton, {
-          id: setId(id, "clearFilters-button"),
-          disabled: defaultValue ? (defaultValue == null ? void 0 : defaultValue.flat().length) === (filterValues == null ? void 0 : filterValues.flat().length) : (filterValues == null ? void 0 : filterValues.flat().length) === 0,
-          variant: "secondaryGhost",
-          onClick: onClearHandler,
-          children: labels == null ? void 0 : labels.clearLabel
-        }), /* @__PURE__ */ jsx("div", {
-          "aria-hidden": "true",
-          className: cx(filterGroupContentClasses.space, css(styles.space), classes == null ? void 0 : classes.space),
-          children: " "
-        }), /* @__PURE__ */ jsx(HvButton, {
-          id: setId(id, "apply-button"),
-          disabled: applyDisabled,
-          variant: activeTheme == null ? void 0 : activeTheme.filterGroup.applyButtonVariant,
-          onClick: onApplyHandler,
-          className: cx(filterGroupContentClasses.applyButton, css(styles.applyButton), classes == null ? void 0 : classes.applyButton),
-          children: labels == null ? void 0 : labels.applyLabel
-        }), /* @__PURE__ */ jsx(HvButton, {
-          id: setId(id, "cancel-button"),
-          variant: activeTheme == null ? void 0 : activeTheme.filterGroup.cancelButtonVariant,
-          onClick: onCancelHandler,
-          children: labels == null ? void 0 : labels.cancelLabel
-        })]
+      children: [/* @__PURE__ */ jsx(HvFilterGroupLeftPanel, {
+        id,
+        className: classes.leftSidePanel,
+        emptyElement: leftEmptyElement
+      }), /* @__PURE__ */ jsx(HvFilterGroupRightPanel, {
+        id,
+        className: classes.rightSidePanel,
+        emptyElement: rightEmptyElement,
+        labels
       })]
-    })
+    }), /* @__PURE__ */ jsxs(HvActionBar, {
+      className: classes.actionBar,
+      children: [/* @__PURE__ */ jsx(HvButton, {
+        id: setId(id, "clearFilters-button"),
+        disabled: defaultValue ? (defaultValue == null ? void 0 : defaultValue.flat().length) === (filterValues == null ? void 0 : filterValues.flat().length) : (filterValues == null ? void 0 : filterValues.flat().length) === 0,
+        variant: "secondaryGhost",
+        onClick: onClearHandler,
+        children: labels == null ? void 0 : labels.clearLabel
+      }), /* @__PURE__ */ jsx("div", {
+        "aria-hidden": "true",
+        className: classes.space,
+        children: " "
+      }), /* @__PURE__ */ jsx(HvButton, {
+        id: setId(id, "apply-button"),
+        disabled: applyDisabled,
+        variant: activeTheme == null ? void 0 : activeTheme.filterGroup.applyButtonVariant,
+        onClick: onApplyHandler,
+        className: classes.applyButton,
+        children: labels == null ? void 0 : labels.applyLabel
+      }), /* @__PURE__ */ jsx(HvButton, {
+        id: setId(id, "cancel-button"),
+        variant: activeTheme == null ? void 0 : activeTheme.filterGroup.cancelButtonVariant,
+        onClick: onCancelHandler,
+        children: labels == null ? void 0 : labels.cancelLabel
+      })]
+    })]
   });
 };
 export {
-  HvFilterGroupContent
+  HvFilterGroupContent,
+  staticClasses as filterGroupContentClasses
 };
 //# sourceMappingURL=FilterContent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterContent.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import {\n HvActionBar,\n HvBaseDropdown,\n HvBaseDropdownProps,\n HvButton,\n HvButtonVariant,\n HvFormStatus,\n HvTypography,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport { useContext, useMemo, useRef, useState } from \"react\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { ClassNames } from \"@emotion/react\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n HvFilterGroupLabels,\n HvFilterGroupValue,\n HvFilterGroupHorizontalPlacement,\n} from \"../FilterGroup\";\nimport { styles } from \"./FilterContent.styles\";\nimport filterGroupContentClasses, {\n HvFilterGroupContentClasses,\n} from \"./filterContentClasses\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\n\nexport interface HvFilterGroupContentProps\n extends Omit<HvBaseDropdownProps, \"onChange\"> {\n description?: React.ReactNode;\n status?: HvFormStatus;\n onChange?: (\n event: React.MouseEvent<HTMLButtonElement>,\n value?: HvFilterGroupValue\n ) => void;\n onCancel?: (event: React.MouseEvent<HTMLButtonElement> \| Event) => void;\n onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n labels?: HvFilterGroupLabels;\n horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n disablePortal?: boolean;\n escapeWithReference?: boolean;\n height?: string \| number;\n leftEmptyElement?: React.ReactNode;\n rightEmptyElement?: React.ReactNode;\n disabled?: boolean;\n classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = ({\n id,\n status,\n disabled = false,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n onChange,\n onCancel,\n onClear,\n labels,\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n height,\n leftEmptyElement,\n rightEmptyElement,\n classes,\n ...others\n}: HvFilterGroupContentProps) => {\n const { activeTheme } = useTheme();\n\n const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n const {\n defaultValue,\n filterValues,\n rollbackFilters,\n clearFilters,\n applyFilters,\n applyDisabled,\n } = useContext(HvFilterGroupContext);\n\n const focusTarget = useRef<HTMLDivElement>(null);\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n applyFilters();\n onChange?.(event, filterValues);\n setFilterGroupOpen(false);\n };\n\n const onCancelHandler = (\n event: React.MouseEvent<HTMLButtonElement> \| Event\n ) => {\n rollbackFilters();\n onCancel?.(event);\n setFilterGroupOpen(false);\n };\n\n const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n clearFilters();\n onClear?.(event);\n };\n\n const handleToggle = (event: Event, open: boolean) => {\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 (event === null) return;\n setFilterGroupOpen(open);\n if (!open) onCancelHandler?.(event);\n };\n\n const Header = useMemo(\n () => (\n <>\n <Filters />\n <HvTypography variant=\"label\">{labels?.placeholder}</HvTypography>\n </>\n ),\n [labels?.placeholder]\n );\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <HvBaseDropdown\n id={setId(id, \"dropdown\")}\n role=\"combobox\"\n classes={{\n root: cx(filterGroupContentClasses.dropdown, classes?.dropdown),\n panel: cx(\n filterGroupContentClasses.panel,\n css(styles.panel),\n classes?.panel\n ),\n selection: cx(\n filterGroupContentClasses.baseDropdownSelection,\n css(styles.baseDropdownSelection),\n classes?.baseDropdownSelection\n ),\n header: cx(\n filterGroupContentClasses.header,\n css(styles.header),\n classes?.header\n ),\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={<HvFilterGroupCounter />}\n popperProps={{\n modifiers: [\n { name: \"preventOverflow\", enabled: escapeWithReference },\n ],\n }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-invalid={status === \"invalid\" ? true : undefined}\n aria-errormessage={\n status === \"invalid\" ? setId(id, \"error\") : undefined\n }\n aria-describedby={\n [description && setId(id, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n {...others}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <div\n className={cx(\n filterGroupContentClasses.root,\n css(styles.root),\n classes?.root\n )}\n style={{ height }}\n >\n <HvFilterGroupLeftPanel\n id={id}\n className={cx(\n filterGroupContentClasses.leftSidePanel,\n css(styles.leftSidePanel),\n classes?.leftSidePanel\n )}\n emptyElement={leftEmptyElement}\n />\n <HvFilterGroupRightPanel\n id={id}\n className={cx(\n filterGroupContentClasses.rightSidePanel,\n css(styles.rightSidePanel),\n classes?.rightSidePanel\n )}\n emptyElement={rightEmptyElement}\n labels={labels}\n />\n </div>\n <HvActionBar\n className={cx(\n filterGroupContentClasses.actionBar,\n css(styles.actionBar),\n classes?.actionBar\n )}\n >\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 variant=\"secondaryGhost\"\n onClick={onClearHandler}\n >\n {labels?.clearLabel}\n </HvButton>\n <div\n aria-hidden=\"true\"\n className={cx(\n filterGroupContentClasses.space,\n css(styles.space),\n classes?.space\n )}\n >\n  \n </div>\n <HvButton\n id={setId(id, \"apply-button\")}\n disabled={applyDisabled}\n variant={\n activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n }\n onClick={onApplyHandler}\n className={cx(\n filterGroupContentClasses.applyButton,\n css(styles.applyButton),\n classes?.applyButton\n )}\n >\n {labels?.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"cancel-button\")}\n variant={\n activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n }\n onClick={onCancelHandler}\n >\n {labels?.cancelLabel}\n </HvButton>\n </HvActionBar>\n </HvBaseDropdown>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvFilterGroupContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","others","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","_jsxs","_Fragment","children","Filters","HvTypography","variant","placeholder","ClassNames","css","cx","HvBaseDropdown","setId","role","root","filterGroupContentClasses","dropdown","panel","styles","selection","baseDropdownSelection","header","variableWidth","placement","expanded","onToggle","onClickOutside","onContainerCreation","adornment","_jsx","HvFilterGroupCounter","popperProps","modifiers","name","enabled","undefined","join","trim","ref","tabIndex","className","style","HvFilterGroupLeftPanel","leftSidePanel","emptyElement","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","onClick","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}
1	+ {"version":3,"file":"FilterContent.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import {\n HvActionBar,\n HvBaseDropdown,\n HvBaseDropdownProps,\n HvButton,\n HvButtonVariant,\n HvFormStatus,\n HvTypography,\n} from \"@core/components\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { useContext, useMemo, useRef, useState } from \"react\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n HvFilterGroupLabels,\n HvFilterGroupValue,\n HvFilterGroupHorizontalPlacement,\n} from \"../FilterGroup\";\nimport { staticClasses, useClasses } from \"./FilterContent.styles\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\n\nexport { staticClasses as filterGroupContentClasses };\n\nexport type HvFilterGroupContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupContentProps\n extends Omit<HvBaseDropdownProps, \"onChange\"> {\n description?: React.ReactNode;\n status?: HvFormStatus;\n onChange?: (\n event: React.MouseEvent<HTMLButtonElement>,\n value?: HvFilterGroupValue\n ) => void;\n onCancel?: (event: React.MouseEvent<HTMLButtonElement> \| Event) => void;\n onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n labels?: HvFilterGroupLabels;\n horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n disablePortal?: boolean;\n escapeWithReference?: boolean;\n height?: string \| number;\n leftEmptyElement?: React.ReactNode;\n rightEmptyElement?: React.ReactNode;\n disabled?: boolean;\n classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = ({\n id,\n status,\n disabled = false,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n onChange,\n onCancel,\n onClear,\n labels,\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n height,\n leftEmptyElement,\n rightEmptyElement,\n classes: classesProp,\n ...others\n}: HvFilterGroupContentProps) => {\n const { classes } = useClasses(classesProp);\n const { activeTheme } = useTheme();\n\n const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n const {\n defaultValue,\n filterValues,\n rollbackFilters,\n clearFilters,\n applyFilters,\n applyDisabled,\n } = useContext(HvFilterGroupContext);\n\n const focusTarget = useRef<HTMLDivElement>(null);\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n applyFilters();\n onChange?.(event, filterValues);\n setFilterGroupOpen(false);\n };\n\n const onCancelHandler = (\n event: React.MouseEvent<HTMLButtonElement> \| Event\n ) => {\n rollbackFilters();\n onCancel?.(event);\n setFilterGroupOpen(false);\n };\n\n const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n clearFilters();\n onClear?.(event);\n };\n\n const handleToggle = (event: Event, open: boolean) => {\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 (event === null) return;\n setFilterGroupOpen(open);\n if (!open) onCancelHandler?.(event);\n };\n\n const Header = useMemo(\n () => (\n <>\n <Filters />\n <HvTypography variant=\"label\">{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={<HvFilterGroupCounter />}\n popperProps={{\n modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }],\n }}\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]\n .join(\" \")\n .trim() \|\| undefined\n }\n {...others}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <div className={classes.root} style={{ height }}>\n <HvFilterGroupLeftPanel\n id={id}\n className={classes.leftSidePanel}\n emptyElement={leftEmptyElement}\n />\n <HvFilterGroupRightPanel\n id={id}\n className={classes.rightSidePanel}\n emptyElement={rightEmptyElement}\n labels={labels}\n />\n </div>\n <HvActionBar className={classes.actionBar}>\n <HvButton\n id={setId(id, \"clearFilters-button\")}\n disabled={\n defaultValue\n ? defaultValue?.flat().length === filterValues?.flat().length\n : filterValues?.flat().length === 0\n }\n variant=\"secondaryGhost\"\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 variant={\n activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n }\n onClick={onApplyHandler}\n className={classes.applyButton}\n >\n {labels?.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"cancel-button\")}\n variant={\n activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n }\n onClick={onCancelHandler}\n >\n {labels?.cancelLabel}\n </HvButton>\n </HvActionBar>\n </HvBaseDropdown>\n );\n};\n"],"names":["HvFilterGroupContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","classesProp","others","useClasses","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","_jsxs","_Fragment","children","Filters","HvTypography","variant","placeholder","HvBaseDropdown","setId","role","root","dropdown","panel","selection","baseDropdownSelection","header","variableWidth","placement","expanded","onToggle","onClickOutside","onContainerCreation","adornment","_jsx","HvFilterGroupCounter","popperProps","modifiers","name","enabled","undefined","join","trim","ref","tabIndex","className","style","HvFilterGroupLeftPanel","leftSidePanel","emptyElement","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","onClick","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js CHANGED Viewed

@@ -1,5 +1,11 @@
 import { theme } from "@hitachivantara/uikit-styles";
-const styles = {
+import { createClasses } from "../../../utils/classes.js";
+const name = "HvFilterGroupContent";
+const {
+  staticClasses,
+  useClasses
+} = createClasses(name, {
+  dropdown: {},
   panel: {
     maxHeight: 500,
     minHeight: 370
@@ -45,8 +51,9 @@ const styles = {
   applyButton: {
     marginRight: theme.filterGroup.applyButtonMarginRight
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=FilterContent.styles.js.map

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterContent.styles.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { ~~CSSInterpolation~~ } from \"@~~emotion~~/~~serialize~~\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\~~nimport~~ { ~~HvFilterGroupContentClasses~~ ~~} from~~ \"~~./filterContentClasses~~\";\n\nexport const ~~styles:~~ ~~Partial<\n Record<keyof HvFilterGroupContentClasses~~, ~~CSSInterpolation>\n>~~ = {\n panel: {\n maxHeight: 500,\n minHeight: 370,\n },\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n height: 32,\n },\n baseDropdownSelection: {\n padding: theme.spacing([\"0px\", \"30px\", \"0px\", \"0px\"]),\n },\n root: {\n width: 640,\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n },\n rightSidePanel: {\n display: \"inline-block\",\n width: \"50%\",\n height: \"100%\",\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n verticalAlign: \"top\",\n overflow: \"visible\",\n boxShadow: theme.filterGroup.rightPanelShadow,\n borderLeft: theme.filterGroup.rightPanelBorderLeft,\n },\n leftSidePanel: {\n display: \"inline-block\",\n width: `calc(50% - ${theme.spacing(\"sm\")} - ${theme.spacing(\"sm\")} + 8px)`,\n height: `calc(100% - ${theme.spacing(\"sm\")} - ${theme.spacing(\n \"sm\"\n )} + 8px)`,\n verticalAlign: \"top\",\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n padding: 4,\n margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n },\n actionBar: {},\n space: {\n flex: 1,\n },\n applyButton: {\n marginRight: theme.filterGroup.applyButtonMarginRight,\n },\n};\n"],"names":["~~styles~~","panel","maxHeight","minHeight","header","display","justifyContent","height","baseDropdownSelection","padding","theme","spacing","root","width","rightSidePanel","verticalAlign","overflow","boxShadow","filterGroup","rightPanelShadow","borderLeft","rightPanelBorderLeft","leftSidePanel","margin","actionBar","space","flex","applyButton","marginRight","applyButtonMarginRight"],"mappings":"~~;AAIO~~,MAAMA,~~SAET~~;AAAA,~~EACFC~~,OAAO;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAASC,MAAMC,QAAQ,CAAC,OAAO,QAAQ,OAAO,KAAK,CAAC;AAAA,EACtD;AAAA,EACAC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPX,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAW,gBAAgB;AAAA,IACdT,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXY,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAWP,MAAMQ,YAAYC;AAAAA,IAC7BC,YAAYV,MAAMQ,YAAYG;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbjB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,MAAMC,QAAQ,IAAI,OAAOD,MAAMC,QAAQ,IAAI;AAAA,IAChEJ,QAAS,eAAcG,MAAMC,QAAQ,IAAI,OAAOD,MAAMC,QACpD,IACF;AAAA,IACAI,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTc,QAAS,QAAOb,MAAMC,QAAQ,IAAI;AAAA,EACpC;AAAA,EACAa,WAAW,CAAC;AAAA,EACZC,OAAO;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAalB,MAAMQ,YAAYW;AAAAA,EACjC;AACF;"}
1	+ {"version":3,"file":"FilterContent.styles.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nconst name = \"HvFilterGroupContent\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n dropdown: {},\n panel: {\n maxHeight: 500,\n minHeight: 370,\n },\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n height: 32,\n },\n baseDropdownSelection: {\n padding: theme.spacing([\"0px\", \"30px\", \"0px\", \"0px\"]),\n },\n root: {\n width: 640,\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n },\n rightSidePanel: {\n display: \"inline-block\",\n width: \"50%\",\n height: \"100%\",\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n verticalAlign: \"top\",\n overflow: \"visible\",\n boxShadow: theme.filterGroup.rightPanelShadow,\n borderLeft: theme.filterGroup.rightPanelBorderLeft,\n },\n leftSidePanel: {\n display: \"inline-block\",\n width: `calc(50% - ${theme.spacing(\"sm\")} - ${theme.spacing(\"sm\")} + 8px)`,\n height: `calc(100% - ${theme.spacing(\"sm\")} - ${theme.spacing(\n \"sm\"\n )} + 8px)`,\n verticalAlign: \"top\",\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n padding: 4,\n margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n },\n actionBar: {},\n space: {\n flex: 1,\n },\n applyButton: {\n marginRight: theme.filterGroup.applyButtonMarginRight,\n },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","dropdown","panel","maxHeight","minHeight","header","display","justifyContent","height","baseDropdownSelection","padding","theme","spacing","root","width","rightSidePanel","verticalAlign","overflow","boxShadow","filterGroup","rightPanelShadow","borderLeft","rightPanelBorderLeft","leftSidePanel","margin","actionBar","space","flex","applyButton","marginRight","applyButtonMarginRight"],"mappings":";;AAGA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,UAAU,CAAC;AAAA,EACXC,OAAO;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAASC,MAAMC,QAAQ,CAAC,OAAO,QAAQ,OAAO,KAAK,CAAC;AAAA,EACtD;AAAA,EACAC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPX,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAW,gBAAgB;AAAA,IACdT,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXY,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAWP,MAAMQ,YAAYC;AAAAA,IAC7BC,YAAYV,MAAMQ,YAAYG;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbjB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,MAAMC,QAAQ,IAAI,OAAOD,MAAMC,QAAQ,IAAI;AAAA,IAChEJ,QAAS,eAAcG,MAAMC,QAAQ,IAAI,OAAOD,MAAMC,QACpD,IACF;AAAA,IACAI,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTc,QAAS,QAAOb,MAAMC,QAAQ,IAAI;AAAA,EACpC;AAAA,EACAa,WAAW,CAAC;AAAA,EACZC,OAAO;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAalB,MAAMQ,YAAYW;AAAAA,EACjC;AACF,CAAC;"}