@hitachivantara/uikit-react-core 5.1.3 → 5.3.0

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

@@ -0,0 +1,51 @@
+import { useContext } from "react";
+import { HvFilterGroupContext } from "../FilterGroupContext.js";
+import { styles } from "./Counter.styles.js";
+import { ClassNames } from "@emotion/react";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+const getExistingFiltersById = (idx, filterValues, filterOptions) => {
+  var _a;
+  let total = 0;
+  (_a = filterValues[idx]) == null ? void 0 : _a.forEach((fv) => {
+    var _a2;
+    if ((_a2 = filterOptions[idx]) == null ? void 0 : _a2.data.find((f) => f.id === fv)) {
+      total += 1;
+    }
+  });
+  return total;
+};
+const HvFilterGroupCounter = ({
+  className,
+  id
+}) => {
+  var _a;
+  const {
+    filterOptions,
+    filterValues = [],
+    appliedFilters = []
+  } = useContext(HvFilterGroupContext);
+  const options = id && filterOptions.find((option) => option.id === id) ? [filterOptions.find((option) => option.id === id)] : filterOptions;
+  const optionIdx = filterOptions.findIndex((option) => option.id === id);
+  let groupsCounter = 0;
+  (_a = appliedFilters == null ? void 0 : appliedFilters.flat()) == null ? void 0 : _a.filter((elem) => elem !== void 0).forEach((fg, i) => {
+    groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);
+  });
+  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
+    }) => /* @__PURE__ */ jsxs("div", {
+      className: clsx(className, css(styles.root)),
+      children: [partialCounter > 0 ? /* @__PURE__ */ jsx("p", {
+        className: css(styles.partialCounter),
+        children: partialCounter
+      }) : partialCounter, ` / ${totalCounter}`]
+    })
+  });
+};
+export {
+  HvFilterGroupCounter
+};
+//# sourceMappingURL=Counter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { styles } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../FilterGroup\";\nimport { ClassNames } from \"@emotion/react\";\nimport { clsx } from \"clsx\";\n\nexport interface HvFilterGroupCounterProps {\n  className?: string;\n  id?: string;\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}: 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    ?.flat()\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 }) => (\n        <div className={clsx(className, css(styles.root))}>\n          {partialCounter > 0 ? (\n            <p className={css(styles.partialCounter)}>{partialCounter}</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","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","ClassNames","children","css","clsx","styles","root"],"mappings":";;;;;;AAYA,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;AACyB,MAAM;;AACzB,QAAA;AAAA,IACJP;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBW,iBAAiB,CAAA;AAAA,EAAA,IACfC,WAAWC,oBAAoB;AAEnC,QAAMC,UACJN,MAAMP,cAAcK,KAAMS,CAAAA,WAAWA,OAAOP,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMS,CAAAA,WAAWA,OAAOP,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMe,YAAYf,cAAcgB,UAAWF,CAAWA,WAAAA,OAAOP,OAAOA,EAAE;AAEtE,MAAIU,gBAAgB;AAEhBC,yDAAAA,WAAAA,mBACAC,OAAQC,CAASA,SAAAA,SAASC,QAC3BnB,QAAQ,CAACoB,IAAIC,MAAM;AACD1B,qBAAAA,uBAAuB0B,GAAGxB,cAAcC,aAAa;AAAA,EAAA;AAG1E,QAAMwB,iBAAiBjB,KACnBV,uBAAuBkB,WAAWhB,cAAcC,aAAa,KAAK,IAClEiB;AAEEQ,QAAAA,eAAeZ,QAAQa,OAC3B,CAACC,KAAKb,WAAWa,MAAMb,OAAOV,KAAKwB,QACnC,CAAC;AAGH,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,2BACF,OAAA;AAAA,MAAKtB,WAAWuB,KAAKvB,WAAWsB,IAAIE,OAAOC,IAAI,CAAC;AAAA,MAAEJ,UAC/CN,CAAAA,iBAAiB,wBAChB,KAAA;AAAA,QAAGf,WAAWsB,IAAIE,OAAOT,cAAc;AAAA,QAAEM,UAAEN;AAAAA,MAAc,CAAA,IAEzDA,gBAEA,MAAKC,cAAc;AAAA,IAAA,CAAA;AAAA,EAAA,CAGd;AAEjB;"}

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

@@ -0,0 +1,17 @@
+import { theme } from "@hitachivantara/uikit-styles";
+const styles = {
+  root: {
+    height: "100%",
+    lineHeight: "32px",
+    margin: "0 10px",
+    pointerEvents: "none"
+  },
+  partialCounter: {
+    display: "inline-block",
+    fontWeight: theme.filterGroup.partialCounterFontWeight
+  }
+};
+export {
+  styles
+};
+//# sourceMappingURL=Counter.styles.js.map

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

@@ -0,0 +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\";\n\nexport const styles: {\n  root: CSSInterpolation;\n  partialCounter: CSSInterpolation;\n} = {\n  root: {\n    height: \"100%\",\n    lineHeight: \"32px\",\n    margin: \"0 10px\",\n    pointerEvents: \"none\",\n  },\n  partialCounter: {\n    display: \"inline-block\",\n    fontWeight: theme.filterGroup.partialCounterFontWeight,\n  },\n};\n"],"names":["styles","root","height","lineHeight","margin","pointerEvents","partialCounter","display","fontWeight","theme","filterGroup","partialCounterFontWeight"],"mappings":";AAGO,MAAMA,SAGT;AAAA,EACFC,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,eAAe;AAAA,EACjB;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,MAAMC,YAAYC;AAAAA,EAChC;AACF;"}

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

@@ -0,0 +1,168 @@
+import { styles } from "./FilterContent.styles.js";
+import filterGroupContentClasses from "./filterContentClasses.js";
+import { HvFilterGroupContext } from "../FilterGroupContext.js";
+import { useState, useContext, useRef, useMemo } from "react";
+import { Filters } from "@hitachivantara/uikit-react-icons";
+import { clsx } from "clsx";
+import { ClassNames } from "@emotion/react";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { HvFilterGroupLeftPanel } from "../LeftPanel/LeftPanel.js";
+import { HvFilterGroupRightPanel } from "../RightPanel/RightPanel.js";
+import { useTheme } from "../../../hooks/useTheme.js";
+import { HvTypography } from "../../Typography/Typography.js";
+import { HvBaseDropdown } from "../../BaseDropdown/BaseDropdown.js";
+import { setId } from "../../../utils/setId.js";
+import { HvFilterGroupCounter } from "../Counter/Counter.js";
+import { HvActionBar } from "../../ActionBar/ActionBar.js";
+import { HvButton } from "../../Button/Button.js";
+const HvFilterGroupContent = ({
+  id,
+  status,
+  disabled = false,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  description,
+  "aria-describedby": ariaDescribedBy,
+  onChange,
+  onCancel,
+  onClear,
+  labels,
+  horizontalPlacement = "right",
+  disablePortal = true,
+  escapeWithReference = true,
+  height,
+  leftEmptyElement,
+  rightEmptyElement,
+  classes,
+  ...others
+}) => {
+  const {
+    activeTheme
+  } = useTheme();
+  const [filterGroupOpen, setFilterGroupOpen] = useState(false);
+  const {
+    defaultValue,
+    filterValues,
+    rollbackFilters,
+    clearFilters,
+    applyFilters,
+    applyDisabled
+  } = useContext(HvFilterGroupContext);
+  const focusTarget = useRef(null);
+  const focusOnContainer = () => {
+    var _a;
+    (_a = focusTarget.current) == null ? void 0 : _a.focus();
+  };
+  const onApplyHandler = (event) => {
+    applyFilters();
+    onChange == null ? void 0 : onChange(event, filterValues);
+    setFilterGroupOpen(false);
+  };
+  const onCancelHandler = (event) => {
+    rollbackFilters();
+    onCancel == null ? void 0 : onCancel(event);
+    setFilterGroupOpen(false);
+  };
+  const onClearHandler = (event) => {
+    clearFilters();
+    onClear == null ? void 0 : onClear(event);
+  };
+  const handleToggle = (event, open) => {
+    if (event === null)
+      return;
+    setFilterGroupOpen(open);
+    if (!open)
+      onCancelHandler == null ? void 0 : onCancelHandler(event);
+  };
+  const Header = useMemo(() => /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx(Filters, {}), /* @__PURE__ */ jsx(HvTypography, {
+      variant: "label",
+      children: labels == null ? void 0 : labels.placeholder
+    })]
+  }), [labels == null ? void 0 : labels.placeholder]);
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxs(HvBaseDropdown, {
+      id: setId(id, "dropdown"),
+      role: "combobox",
+      classes: {
+        root: clsx(classes == null ? void 0 : classes.dropdown, filterGroupContentClasses.dropdown),
+        panel: clsx(classes == null ? void 0 : classes.panel, filterGroupContentClasses.panel, css(styles.panel)),
+        selection: clsx(classes == null ? void 0 : classes.baseDropdownSelection, filterGroupContentClasses.baseDropdownSelection, css(styles.baseDropdownSelection)),
+        header: clsx(classes == null ? void 0 : classes.header, filterGroupContentClasses.header, css(styles.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: clsx(classes == null ? void 0 : classes.root, filterGroupContentClasses.root, css(styles.root)),
+        style: {
+          height
+        },
+        children: [/* @__PURE__ */ jsx(HvFilterGroupLeftPanel, {
+          id,
+          className: clsx(classes == null ? void 0 : classes.leftSidePanel, filterGroupContentClasses.leftSidePanel, css(styles.leftSidePanel)),
+          emptyElement: leftEmptyElement
+        }), /* @__PURE__ */ jsx(HvFilterGroupRightPanel, {
+          id,
+          className: clsx(classes == null ? void 0 : classes.rightSidePanel, filterGroupContentClasses.rightSidePanel, css(styles.rightSidePanel)),
+          emptyElement: rightEmptyElement,
+          labels
+        })]
+      }), /* @__PURE__ */ jsxs(HvActionBar, {
+        className: clsx(classes == null ? void 0 : classes.actionBar, filterGroupContentClasses.actionBar, css(styles.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: clsx(classes == null ? void 0 : classes.space, filterGroupContentClasses.space, css(styles.space)),
+          children: " "
+        }), /* @__PURE__ */ jsx(HvButton, {
+          id: setId(id, "apply-button"),
+          disabled: applyDisabled,
+          variant: activeTheme == null ? void 0 : activeTheme.filterGroup.applyButtonVariant,
+          onClick: onApplyHandler,
+          className: css(styles.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
+};
+//# sourceMappingURL=FilterContent.js.map

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

@@ -0,0 +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 {\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 { useContext, useMemo, useRef, useState } from \"react\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\nimport { useTheme } from \"@core/hooks\";\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 }) => (\n        <HvBaseDropdown\n          id={setId(id, \"dropdown\")}\n          role=\"combobox\"\n          classes={{\n            root: clsx(classes?.dropdown, filterGroupContentClasses.dropdown),\n            panel: clsx(\n              classes?.panel,\n              filterGroupContentClasses.panel,\n              css(styles.panel)\n            ),\n            selection: clsx(\n              classes?.baseDropdownSelection,\n              filterGroupContentClasses.baseDropdownSelection,\n              css(styles.baseDropdownSelection)\n            ),\n            header: clsx(\n              classes?.header,\n              filterGroupContentClasses.header,\n              css(styles.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={clsx(\n              classes?.root,\n              filterGroupContentClasses.root,\n              css(styles.root)\n            )}\n            style={{ height }}\n          >\n            <HvFilterGroupLeftPanel\n              id={id}\n              className={clsx(\n                classes?.leftSidePanel,\n                filterGroupContentClasses.leftSidePanel,\n                css(styles.leftSidePanel)\n              )}\n              emptyElement={leftEmptyElement}\n            />\n            <HvFilterGroupRightPanel\n              id={id}\n              className={clsx(\n                classes?.rightSidePanel,\n                filterGroupContentClasses.rightSidePanel,\n                css(styles.rightSidePanel)\n              )}\n              emptyElement={rightEmptyElement}\n              labels={labels}\n            />\n          </div>\n          <HvActionBar\n            className={clsx(\n              classes?.actionBar,\n              filterGroupContentClasses.actionBar,\n              css(styles.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={clsx(\n                classes?.space,\n                filterGroupContentClasses.space,\n                css(styles.space)\n              )}\n            >\n              &nbsp;\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={css(styles.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    </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","HvBaseDropdown","setId","role","root","clsx","dropdown","filterGroupContentClasses","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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"}

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

@@ -0,0 +1,60 @@
+import { theme } from "@hitachivantara/uikit-styles";
+const styles = {
+  panel: {
+    maxHeight: 500,
+    minHeight: 370
+  },
+  header: {
+    display: "flex",
+    justifyContent: "space-between",
+    height: 32
+  },
+  baseDropdownSelection: {
+    padding: theme.spacing(["0px", "30px", "0px", "0px"])
+  },
+  root: {
+    width: 640,
+    backgroundColor: theme.colors.atmo1,
+    maxHeight: "calc(500px - 75px)",
+    minHeight: "calc(370px - 75px)",
+    border: theme.filterGroup.panelsBorder,
+    borderBottom: theme.filterGroup.panelsBorderBottom
+  },
+  rightSidePanel: {
+    display: "inline-block",
+    width: "50%",
+    height: "100%",
+    maxHeight: "calc(500px - 75px)",
+    minHeight: "calc(370px - 75px)",
+    verticalAlign: "top",
+    overflow: "visible",
+    boxShadow: theme.filterGroup.rightPanelShadow,
+    borderLeft: theme.filterGroup.rightPanelBorderLeft
+  },
+  leftSidePanel: {
+    display: "inline-block",
+    width: `calc(50% - ${theme.spacing("sm")} - ${theme.spacing("sm")} + 8px)`,
+    height: `calc(100% - ${theme.spacing("sm")} - ${theme.spacing("sm")} + 8px)`,
+    verticalAlign: "top",
+    maxHeight: "calc(500px - 75px)",
+    minHeight: "calc(370px - 75px)",
+    padding: 4,
+    margin: `calc(${theme.spacing("sm")} - 4px)`
+  },
+  actionBar: {
+    backgroundColor: theme.colors.atmo1,
+    border: theme.filterGroup.actionBarBorder,
+    borderTop: theme.filterGroup.actionBarBorderTop,
+    alignItems: "center"
+  },
+  space: {
+    flex: 1
+  },
+  applyButton: {
+    marginRight: theme.filterGroup.applyButtonMarginRight
+  }
+};
+export {
+  styles
+};
+//# sourceMappingURL=FilterContent.styles.js.map

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

@@ -0,0 +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\";\n\nexport const styles: {\n  panel: CSSInterpolation;\n  header: CSSInterpolation;\n  baseDropdownSelection: CSSInterpolation;\n  root: CSSInterpolation;\n  actionBar: CSSInterpolation;\n  space: CSSInterpolation;\n  rightSidePanel: CSSInterpolation;\n  leftSidePanel: CSSInterpolation;\n  applyButton: 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    backgroundColor: theme.colors.atmo1,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    border: theme.filterGroup.panelsBorder,\n    borderBottom: theme.filterGroup.panelsBorderBottom,\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    backgroundColor: theme.colors.atmo1,\n    border: theme.filterGroup.actionBarBorder,\n    borderTop: theme.filterGroup.actionBarBorderTop,\n    alignItems: \"center\",\n  },\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","backgroundColor","colors","atmo1","border","filterGroup","panelsBorder","borderBottom","panelsBorderBottom","rightSidePanel","verticalAlign","overflow","boxShadow","rightPanelShadow","borderLeft","rightPanelBorderLeft","leftSidePanel","margin","actionBar","actionBarBorder","borderTop","actionBarBorderTop","alignItems","space","flex","applyButton","marginRight","applyButtonMarginRight"],"mappings":";AAGO,MAAMA,SAUT;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,IACPC,iBAAiBJ,MAAMK,OAAOC;AAAAA,IAC9Bd,WAAW;AAAA,IACXC,WAAW;AAAA,IACXc,QAAQP,MAAMQ,YAAYC;AAAAA,IAC1BC,cAAcV,MAAMQ,YAAYG;AAAAA,EAClC;AAAA,EACAC,gBAAgB;AAAA,IACdjB,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXoB,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAWf,MAAMQ,YAAYQ;AAAAA,IAC7BC,YAAYjB,MAAMQ,YAAYU;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbxB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,MAAMC,QAAQ,IAAI,OAAOD,MAAMC,QAAQ,IAAI;AAAA,IAChEJ,QAAS,eAAcG,MAAMC,QAAQ,IAAI,OAAOD,MAAMC,QACpD,IAAI;AAAA,IAENY,eAAe;AAAA,IACfrB,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTqB,QAAS,QAAOpB,MAAMC,QAAQ,IAAI;AAAA,EACpC;AAAA,EACAoB,WAAW;AAAA,IACTjB,iBAAiBJ,MAAMK,OAAOC;AAAAA,IAC9BC,QAAQP,MAAMQ,YAAYc;AAAAA,IAC1BC,WAAWvB,MAAMQ,YAAYgB;AAAAA,IAC7BC,YAAY;AAAA,EACd;AAAA,EACAC,OAAO;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAa7B,MAAMQ,YAAYsB;AAAAA,EACjC;AACF;"}

package/dist/esm/components/FilterGroup/FilterContent/filterContentClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["dropdown", "panel", "baseDropdownSelection", "header", "root", "leftSidePanel", "rightSidePanel", "actionBar", "space"];
+const filterGroupContentClasses = getClasses(classKeys, "HvFilterGroupContent");
+const filterGroupContentClasses$1 = filterGroupContentClasses;
+export {
+  filterGroupContentClasses$1 as default
+};
+//# sourceMappingURL=filterContentClasses.js.map

package/dist/esm/components/FilterGroup/FilterContent/filterContentClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterContentClasses.js","sources":["../../../../../src/components/FilterGroup/FilterContent/filterContentClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvFilterGroupContentClasses {\n  dropdown?: string;\n  panel?: string;\n  baseDropdownSelection?: string;\n  header?: string;\n  root?: string;\n  leftSidePanel?: string;\n  rightSidePanel?: string;\n  actionBar?: string;\n  space?: string;\n}\n\nconst classKeys: string[] = [\n  \"dropdown\",\n  \"panel\",\n  \"baseDropdownSelection\",\n  \"header\",\n  \"root\",\n  \"leftSidePanel\",\n  \"rightSidePanel\",\n  \"actionBar\",\n  \"space\",\n];\n\nconst filterGroupContentClasses = getClasses<HvFilterGroupContentClasses>(\n  classKeys,\n  \"HvFilterGroupContent\"\n);\n\nexport default filterGroupContentClasses;\n"],"names":["classKeys","filterGroupContentClasses","getClasses"],"mappings":";AAcA,MAAMA,YAAsB,CAC1B,YACA,SACA,yBACA,UACA,QACA,iBACA,kBACA,aACA,OAAO;AAGT,MAAMC,4BAA4BC,WAChCF,WACA,sBAAsB;AAGxB,MAAA,8BAAeC;"}

package/dist/esm/components/FilterGroup/FilterGroup.js

@@ -0,0 +1,116 @@
+import filterGroupClasses from "./filterGroupClasses.js";
+import { clsx } from "clsx";
+import { styles } from "./FilterGroup.styles.js";
+import { HvFilterGroupProvider } from "./FilterGroupContext.js";
+import { ClassNames } from "@emotion/react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import useUniqueId from "../../hooks/useUniqueId.js";
+import { HvFilterGroupContent } from "./FilterContent/FilterContent.js";
+import { useControlled } from "../../hooks/useControlled.js";
+import { useLabels } from "../../hooks/useLabels.js";
+import { HvFormElement } from "../Forms/FormElement/FormElement.js";
+import { HvLabel } from "../Forms/Label/Label.js";
+import { setId } from "../../utils/setId.js";
+import { HvInfoMessage } from "../Forms/InfoMessage/InfoMessage.js";
+import { HvWarningText } from "../Forms/WarningText/WarningText.js";
+const DEFAULT_LABELS = {
+  applyLabel: "Apply",
+  cancelLabel: "Cancel",
+  clearLabel: "Clear Filters",
+  placeholder: "Filters",
+  searchBoxPlaceholder: "Search",
+  selectAll: "All",
+  multiSelectionConjunction: "/"
+};
+const HvFilterGroup = ({
+  className,
+  id,
+  name,
+  required = false,
+  disabled = false,
+  label,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  description,
+  "aria-describedby": ariaDescribedBy,
+  onChange,
+  onCancel,
+  onClear,
+  status,
+  statusMessage,
+  labels: labelsProp,
+  defaultValue,
+  value,
+  filters,
+  horizontalPlacement = "right",
+  disablePortal = true,
+  escapeWithReference = true,
+  height = 350,
+  filterContentProps,
+  classes,
+  ...others
+}) => {
+  const [validationMessage] = useControlled(statusMessage, "Required");
+  const elementId = useUniqueId(id, "hvfiltergroup");
+  const labels = useLabels(DEFAULT_LABELS, labelsProp);
+  const hasLabel = label != null;
+  const hasDescription = description != null;
+  const canShowError = status !== void 0 || required;
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxs(HvFormElement, {
+      id,
+      name,
+      value,
+      status,
+      disabled,
+      required,
+      className: clsx(className, classes == null ? void 0 : classes.root, filterGroupClasses.root),
+      ...others,
+      children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxs("div", {
+        className: clsx(classes == null ? void 0 : classes.labelContainer, filterGroupClasses.labelContainer, css(styles.labelContainer)),
+        children: [hasLabel && /* @__PURE__ */ jsx(HvLabel, {
+          id: setId(elementId, "label"),
+          htmlFor: setId(elementId, "input"),
+          label,
+          className: clsx(classes == null ? void 0 : classes.label, filterGroupClasses.label, css(styles.label))
+        }), hasDescription && /* @__PURE__ */ jsx(HvInfoMessage, {
+          id: setId(elementId, "description"),
+          className: clsx(classes == null ? void 0 : classes.description, filterGroupClasses.description),
+          children: description
+        })]
+      }), /* @__PURE__ */ jsxs(HvFilterGroupProvider, {
+        defaultValue,
+        value,
+        filters,
+        children: [/* @__PURE__ */ jsx(HvFilterGroupContent, {
+          id: elementId,
+          disabled,
+          disablePortal,
+          variableWidth: true,
+          placement: horizontalPlacement,
+          escapeWithReference,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          status,
+          onChange,
+          onCancel,
+          onClear,
+          labels,
+          height,
+          ...filterContentProps
+        }), canShowError && /* @__PURE__ */ jsx(HvWarningText, {
+          id: setId(elementId, "error"),
+          disableBorder: true,
+          className: clsx(classes == null ? void 0 : classes.error, filterGroupClasses.error),
+          children: validationMessage
+        })]
+      })]
+    })
+  });
+};
+export {
+  HvFilterGroup
+};
+//# sourceMappingURL=FilterGroup.js.map

package/dist/esm/components/FilterGroup/FilterGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterGroup.js","sources":["../../../../src/components/FilterGroup/FilterGroup.tsx"],"sourcesContent":["import {\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components\";\nimport filterGroupClasses, { HvFilterGroupClasses } from \"./filterGroupClasses\";\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { clsx } from \"clsx\";\nimport { useControlled, useLabels, useUniqueId } from \"@core/hooks\";\nimport { styles } from \"./FilterGroup.styles\";\nimport { setId } from \"@core/utils\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvFilterGroupValue = (string | number)[][];\n\nexport interface HvFilterGroupLabels {\n  /** Apply button label. */\n  applyLabel?: string;\n  /** Cancel button label. */\n  cancelLabel?: string;\n  /** Cancel button label. */\n  clearLabel?: string;\n  /** Placeholder label. */\n  placeholder?: string;\n  /** SearchBox placeholder label. */\n  searchBoxPlaceholder?: string;\n  /** Select All placeholder label. */\n  selectAll?: string;\n  /** Multi selection conjunction placeholder label. */\n  multiSelectionConjunction?: string;\n}\n\nexport type HvFilterGroupFilters = {\n  id: string;\n  name: string;\n  data: {\n    id: string | number;\n    name: string;\n  }[];\n}[];\n\nexport type HvFilterGroupHorizontalPlacement = \"left\" | \"right\";\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"onChange\" | \"defaultValue\" | \"statusMessage\"\n  > {\n  /** The initial value of the input when in single calendar mode. */\n  filters: HvFilterGroupFilters;\n  /** The form element name. */\n  name?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**  Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**  The error message to show when `status` is \"invalid\". Defaults to \"Required\". */\n  statusMessage?: React.ReactNode;\n  /** The callback fired when the cancel button is clicked. */\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  /** The callback fired when the clear filters button is clicked. */\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The callback fired when the value changes. */\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  /** An Object containing the various text associated with the input. */\n  labels?: HvFilterGroupLabels;\n  /** The placeholder value when nothing is selected. */\n  placeholder?: string;\n  /** The default value of the filter group. If defined the clear action will reset to it. */\n  defaultValue?: HvFilterGroupValue;\n  /** The value of the filter group. */\n  value?: HvFilterGroupValue;\n  /** The placement where the filter group should be placed according to the input. Options are `left` or `right`. */\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Sets if the filter container should be out of the screen or stay visible. */\n  escapeWithReference?: boolean;\n  /** The height of the filter panel, between 295 and 425. Defaults to 350 */\n  height?: number | string;\n  /** The filter content props */\n  filterContentProps?: Partial<HvFilterGroupContentProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFilterGroupClasses;\n}\n\nconst DEFAULT_LABELS: HvFilterGroupLabels = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nexport const HvFilterGroup = ({\n  className,\n  id,\n  name,\n  required = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onCancel,\n  onClear,\n  status,\n  statusMessage,\n  labels: labelsProp,\n  defaultValue,\n  value,\n  filters,\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n  height = 350,\n  filterContentProps,\n  classes,\n  ...others\n}: HvFilterGroupProps) => {\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  // Error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <HvFormElement\n          id={id}\n          name={name}\n          value={value}\n          status={status}\n          disabled={disabled}\n          required={required}\n          className={clsx(className, classes?.root, filterGroupClasses.root)}\n          {...others}\n        >\n          {(hasLabel || hasDescription) && (\n            <div\n              className={clsx(\n                classes?.labelContainer,\n                filterGroupClasses.labelContainer,\n                css(styles.labelContainer)\n              )}\n            >\n              {hasLabel && (\n                <HvLabel\n                  id={setId(elementId, \"label\")}\n                  htmlFor={setId(elementId, \"input\")}\n                  label={label}\n                  className={clsx(\n                    classes?.label,\n                    filterGroupClasses.label,\n                    css(styles.label)\n                  )}\n                />\n              )}\n\n              {hasDescription && (\n                <HvInfoMessage\n                  id={setId(elementId, \"description\")}\n                  className={clsx(\n                    classes?.description,\n                    filterGroupClasses.description\n                  )}\n                >\n                  {description}\n                </HvInfoMessage>\n              )}\n            </div>\n          )}\n          <HvFilterGroupProvider\n            defaultValue={defaultValue}\n            value={value}\n            filters={filters}\n          >\n            <HvFilterGroupContent\n              id={elementId}\n              disabled={disabled}\n              disablePortal={disablePortal}\n              variableWidth\n              placement={horizontalPlacement}\n              escapeWithReference={escapeWithReference}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              status={status}\n              onChange={onChange}\n              onCancel={onCancel}\n              onClear={onClear}\n              labels={labels}\n              height={height}\n              {...filterContentProps}\n            />\n            {canShowError && (\n              <HvWarningText\n                id={setId(elementId, \"error\")}\n                disableBorder\n                className={clsx(classes?.error, filterGroupClasses.error)}\n              >\n                {validationMessage}\n              </HvWarningText>\n            )}\n          </HvFilterGroupProvider>\n        </HvFormElement>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","classes","others","validationMessage","useControlled","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","ClassNames","children","css","HvFormElement","clsx","root","filterGroupClasses","labelContainer","styles","_jsx","HvLabel","setId","htmlFor","HvInfoMessage","_jsxs","HvFilterGroupProvider","HvFilterGroupContent","variableWidth","placement","HvWarningText","disableBorder","error"],"mappings":"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"}

package/dist/esm/components/FilterGroup/FilterGroup.styles.js

@@ -0,0 +1,14 @@
+const styles = {
+  label: {
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  labelContainer: {
+    display: "flex",
+    alignItems: "flex-start"
+  }
+};
+export {
+  styles
+};
+//# sourceMappingURL=FilterGroup.styles.js.map

package/dist/esm/components/FilterGroup/FilterGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterGroup.styles.js","sources":["../../../../src/components/FilterGroup/FilterGroup.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: {\n  label: CSSInterpolation;\n  labelContainer: CSSInterpolation;\n} = {\n  label: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  labelContainer: { display: \"flex\", alignItems: \"flex-start\" },\n};\n"],"names":["styles","label","display","alignItems","labelContainer"],"mappings":"AAEO,MAAMA,SAGT;AAAA,EACFC,OAAO;AAAA,IACLC,SAAS;AAAA,IACTC,YAAY;AAAA,EACd;AAAA,EACAC,gBAAgB;AAAA,IAAEF,SAAS;AAAA,IAAQC,YAAY;AAAA,EAAa;AAC9D;"}

package/dist/esm/components/FilterGroup/FilterGroupContext.js

@@ -0,0 +1,67 @@
+import { createContext, useState, useEffect, useCallback, useMemo } from "react";
+import isEqual from "lodash/isEqual";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useSavedState } from "../../utils/useSavedState.js";
+const HvFilterGroupContext = createContext({
+  activeGroup: 0,
+  setActiveGroup: () => {
+  },
+  filterOptions: [],
+  setFilterValues: () => {
+  },
+  rollbackFilters: () => {
+  },
+  clearFilters: () => {
+  },
+  applyFilters: () => {
+  },
+  applyDisabled: false,
+  filterValues: [],
+  appliedFilters: void 0,
+  defaultValue: void 0
+});
+const groups = (filters) => filters.map(() => []);
+const HvFilterGroupProvider = ({
+  defaultValue,
+  value,
+  filters,
+  children
+}) => {
+  const [group, setActiveGroup] = useState(0);
+  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(value || groups(filters));
+  const [applyDisabled, setApplyDisabled] = useState(false);
+  useEffect(() => {
+    setFilterValues(value, true);
+  }, [value, setFilterValues]);
+  useEffect(() => {
+    setApplyDisabled(isEqual(filterValues, appliedFilters));
+  }, [filterValues, appliedFilters]);
+  const clearFilters = useCallback(() => {
+    setFilterValues(defaultValue || groups(filters));
+  }, [filters, setFilterValues, defaultValue]);
+  const applyFilters = useCallback(() => {
+    setFilterValues(filterValues, true);
+  }, [filterValues, setFilterValues]);
+  const contextValue = useMemo(() => ({
+    activeGroup: group,
+    setActiveGroup,
+    filterOptions: filters,
+    filterValues,
+    setFilterValues,
+    appliedFilters,
+    rollbackFilters,
+    clearFilters,
+    applyFilters,
+    applyDisabled,
+    defaultValue
+  }), [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues, defaultValue]);
+  return /* @__PURE__ */ jsx(HvFilterGroupContext.Provider, {
+    value: contextValue,
+    children
+  });
+};
+export {
+  HvFilterGroupContext,
+  HvFilterGroupProvider
+};
+//# sourceMappingURL=FilterGroupContext.js.map

package/dist/esm/components/FilterGroup/FilterGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterGroupContext.js","sources":["../../../../src/components/FilterGroup/FilterGroupContext.tsx"],"sourcesContent":["import {\n  Dispatch,\n  SetStateAction,\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport isEqual from \"lodash/isEqual\";\nimport { useSavedState } from \"@core/utils\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"./FilterGroup\";\n\ninterface HvFilterGroupContextValue {\n  activeGroup: number;\n  setActiveGroup: Dispatch<SetStateAction<number>>;\n  filterOptions: HvFilterGroupFilters;\n  setFilterValues: (value?: HvFilterGroupValue, save?: boolean) => void;\n  rollbackFilters: () => void;\n  clearFilters: () => void;\n  applyFilters: () => void;\n  applyDisabled: boolean;\n  appliedFilters?: HvFilterGroupValue;\n  defaultValue?: HvFilterGroupValue;\n  filterValues?: HvFilterGroupValue;\n}\n\nexport const HvFilterGroupContext = createContext<HvFilterGroupContextValue>({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n  filterValues: [],\n  appliedFilters: undefined,\n  defaultValue: undefined,\n});\n\nconst groups = (filters: HvFilterGroupFilters) => filters.map(() => []);\n\ninterface HvFilterGroupProviderProps {\n  children: React.ReactNode;\n  filters: HvFilterGroupFilters;\n  defaultValue?: HvFilterGroupValue;\n  value?: HvFilterGroupValue;\n}\n\nexport const HvFilterGroupProvider = ({\n  defaultValue,\n  value,\n  filters,\n  children,\n}: HvFilterGroupProviderProps) => {\n  const [group, setActiveGroup] = useState<number>(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] =\n    useSavedState<HvFilterGroupValue>(value || groups(filters));\n  const [applyDisabled, setApplyDisabled] = useState<boolean>(false);\n\n  useEffect(() => {\n    setFilterValues(value, true);\n  }, [value, setFilterValues]);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(defaultValue || groups(filters));\n  }, [filters, setFilterValues, defaultValue]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue: HvFilterGroupContextValue = useMemo(\n    () => ({\n      activeGroup: group,\n      setActiveGroup,\n      filterOptions: filters,\n      filterValues,\n      setFilterValues,\n      appliedFilters,\n      rollbackFilters,\n      clearFilters,\n      applyFilters,\n      applyDisabled,\n      defaultValue,\n    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n      defaultValue,\n    ]\n  );\n\n  return (\n    <HvFilterGroupContext.Provider value={contextValue}>\n      {children}\n    </HvFilterGroupContext.Provider>\n  );\n};\n"],"names":["HvFilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","filterValues","appliedFilters","undefined","defaultValue","groups","filters","map","HvFilterGroupProvider","value","children","group","useState","useSavedState","setApplyDisabled","useEffect","isEqual","useCallback","contextValue","useMemo","_jsx","Provider"],"mappings":";;;;AA2BO,MAAMA,uBAAuBC,cAAyC;AAAA,EAC3EC,aAAa;AAAA,EACbC,gBAAgBA,MAAM;AAAA,EAAC;AAAA,EACvBC,eAAe,CAAE;AAAA,EACjBC,iBAAiBA,MAAM;AAAA,EAAC;AAAA,EACxBC,iBAAiBA,MAAM;AAAA,EAAC;AAAA,EACxBC,cAAcA,MAAM;AAAA,EAAC;AAAA,EACrBC,cAAcA,MAAM;AAAA,EAAC;AAAA,EACrBC,eAAe;AAAA,EACfC,cAAc,CAAE;AAAA,EAChBC,gBAAgBC;AAAAA,EAChBC,cAAcD;AAChB,CAAC;AAED,MAAME,SAASA,CAACC,YAAkCA,QAAQC,IAAI,MAAM,CAAE,CAAA;AAS/D,MAAMC,wBAAwBA,CAAC;AAAA,EACpCJ;AAAAA,EACAK;AAAAA,EACAH;AAAAA,EACAI;AAC0B,MAAM;AAChC,QAAM,CAACC,OAAOjB,cAAc,IAAIkB,SAAiB,CAAC;AAC5C,QAAA,CAACX,cAAcL,iBAAiBC,iBAAiBK,cAAc,IACnEW,cAAkCJ,SAASJ,OAAOC,OAAO,CAAC;AAC5D,QAAM,CAACN,eAAec,gBAAgB,IAAIF,SAAkB,KAAK;AAEjEG,YAAU,MAAM;AACdnB,oBAAgBa,OAAO,IAAI;AAAA,EAAA,GAC1B,CAACA,OAAOb,eAAe,CAAC;AAE3BmB,YAAU,MAAM;AACGC,qBAAAA,QAAQf,cAAcC,cAAc,CAAC;AAAA,EAAA,GACrD,CAACD,cAAcC,cAAc,CAAC;AAE3BJ,QAAAA,eAAemB,YAAY,MAAM;AACrBb,oBAAAA,gBAAgBC,OAAOC,OAAO,CAAC;AAAA,EAC9C,GAAA,CAACA,SAASV,iBAAiBQ,YAAY,CAAC;AAErCL,QAAAA,eAAekB,YAAY,MAAM;AACrCrB,oBAAgBK,cAAc,IAAI;AAAA,EAAA,GACjC,CAACA,cAAcL,eAAe,CAAC;AAE5BsB,QAAAA,eAA0CC,QAC9C,OAAO;AAAA,IACL1B,aAAakB;AAAAA,IACbjB;AAAAA,IACAC,eAAeW;AAAAA,IACfL;AAAAA,IACAL;AAAAA,IACAM;AAAAA,IACAL;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,EAEF,IAAA,CACEF,gBACAF,eACAD,cACAD,cACAG,cACAK,SACAK,OACAd,iBACAD,iBACAQ,YAAY,CACb;AAIDgB,SAAAA,oBAAC7B,qBAAqB8B,UAAQ;AAAA,IAACZ,OAAOS;AAAAA,IAAaR;AAAAA,EAAAA,CAEnB;AAEpC;"}