@hitachivantara/uikit-react-core 5.39.1 → 5.39.2

package/dist/cjs/components/FilterGroup/FilterGroup.cjs

@@ -23,56 +23,119 @@ const DEFAULT_LABELS = {
   selectAll: "All",
   multiSelectionConjunction: "/"
 };
-const HvFilterGroup = React.forwardRef((props, ref) => {
-  const {
-    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: classesProp,
-    ...others
-  } = useDefaultProps.useDefaultProps("HvFilterGroup", props);
-  const {
-    classes,
-    cx
-  } = FilterGroup_styles.useClasses(classesProp);
-  const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
-  const elementId = useUniqueId.useUniqueId(id, "hvfiltergroup");
-  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-  const hasLabel = label != null;
-  const hasDescription = description != null;
-  const canShowError = status !== void 0 || required;
-  return /* @__PURE__ */ jsxRuntime.jsxs(FormElement.HvFormElement, { id, name, value, status, disabled, required, className: cx(classes.root, className), ...others, children: [
-    (hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.labelContainer, children: [
-      hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, { id: setId.setId(elementId, "label"), htmlFor: setId.setId(elementId, "input"), label, className: classes.label }),
-      hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, { id: setId.setId(elementId, "description"), className: classes.description, children: description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(FilterGroupContext.HvFilterGroupProvider, { defaultValue, value, filters, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(FilterContent.HvFilterGroupContent, { ref, id: elementId, disabled, disablePortal, variableWidth: true, placement: horizontalPlacement, escapeWithReference, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, status, onChange, onCancel, onClear, labels, height, ...filterContentProps }),
-      canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), disableBorder: true, className: classes.error, children: validationMessage })
-    ] })
-  ] });
-});
+const HvFilterGroup = React.forwardRef(
+  (props, ref) => {
+    const {
+      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: classesProp,
+      ...others
+    } = useDefaultProps.useDefaultProps("HvFilterGroup", props);
+    const { classes, cx } = FilterGroup_styles.useClasses(classesProp);
+    const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
+    const elementId = useUniqueId.useUniqueId(id, "hvfiltergroup");
+    const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
+    const hasLabel = label != null;
+    const hasDescription = description != null;
+    const canShowError = status !== void 0 || required;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      FormElement.HvFormElement,
+      {
+        id,
+        name,
+        value,
+        status,
+        disabled,
+        required,
+        className: cx(classes.root, className),
+        ...others,
+        children: [
+          (hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.labelContainer, children: [
+            hasLabel && /* @__PURE__ */ jsxRuntime.jsx(
+              Label.HvLabel,
+              {
+                id: setId.setId(elementId, "label"),
+                htmlFor: setId.setId(elementId, "input"),
+                label,
+                className: classes.label
+              }
+            ),
+            hasDescription && /* @__PURE__ */ jsxRuntime.jsx(
+              InfoMessage.HvInfoMessage,
+              {
+                id: setId.setId(elementId, "description"),
+                className: classes.description,
+                children: description
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            FilterGroupContext.HvFilterGroupProvider,
+            {
+              defaultValue,
+              value,
+              filters,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  FilterContent.HvFilterGroupContent,
+                  {
+                    ref,
+                    id: elementId,
+                    disabled,
+                    disablePortal,
+                    variableWidth: true,
+                    placement: horizontalPlacement,
+                    escapeWithReference,
+                    "aria-label": ariaLabel,
+                    "aria-labelledby": ariaLabelledBy,
+                    status,
+                    onChange,
+                    onCancel,
+                    onClear,
+                    labels,
+                    height,
+                    ...filterContentProps
+                  }
+                ),
+                canShowError && /* @__PURE__ */ jsxRuntime.jsx(
+                  WarningText.HvWarningText,
+                  {
+                    id: setId.setId(elementId, "error"),
+                    disableBorder: true,
+                    className: classes.error,
+                    children: validationMessage
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 exports.filterGroupClasses = FilterGroup_styles.staticClasses;
 exports.HvFilterGroup = HvFilterGroup;
 //# sourceMappingURL=FilterGroup.cjs.map

package/dist/cjs/components/FilterGroup/FilterGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroup.cjs","sources":["../../../../src/components/FilterGroup/FilterGroup.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport {\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components/Forms\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { staticClasses, useClasses } from \"./FilterGroup.styles\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\nimport {\n  HvFilterGroupFilters,\n  HvFilterGroupHorizontalPlacement,\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n} from \"./types\";\n\nexport { staticClasses as filterGroupClasses };\n\nexport type HvFilterGroupClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"classes\" | \"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 = forwardRef<HTMLDivElement, HvFilterGroupProps>(\n  (props, ref) => {\n    const {\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: classesProp,\n      ...others\n    } = useDefaultProps(\"HvFilterGroup\", props);\n\n    const { classes, cx } = useClasses(classesProp);\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      <HvFormElement\n        id={id}\n        name={name}\n        value={value}\n        status={status}\n        disabled={disabled}\n        required={required}\n        className={cx(classes.root, className)}\n        {...others}\n      >\n        {(hasLabel || hasDescription) && (\n          <div className={classes.labelContainer}>\n            {hasLabel && (\n              <HvLabel\n                id={setId(elementId, \"label\")}\n                htmlFor={setId(elementId, \"input\")}\n                label={label}\n                className={classes.label}\n              />\n            )}\n\n            {hasDescription && (\n              <HvInfoMessage\n                id={setId(elementId, \"description\")}\n                className={classes.description}\n              >\n                {description}\n              </HvInfoMessage>\n            )}\n          </div>\n        )}\n        <HvFilterGroupProvider\n          defaultValue={defaultValue}\n          value={value}\n          filters={filters}\n        >\n          <HvFilterGroupContent\n            ref={ref}\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={classes.error}\n            >\n              {validationMessage}\n            </HvWarningText>\n          )}\n        </HvFilterGroupProvider>\n      </HvFormElement>\n    );\n  }\n);\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","forwardRef","props","ref","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","classesProp","others","useDefaultProps","cx","useClasses","validationMessage","useControlled","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","jsxs","HvFormElement","root","labelContainer","jsx","HvLabel","setId","HvInfoMessage","HvFilterGroupProvider","HvFilterGroupContent","HvWarningText","error"],"mappings":";;;;;;;;;;;;;;;;AAkGA,MAAMA,iBAAsC;AAAA,EAC1CC,YAAY;AAAA,EACZC,aAAa;AAAA,EACbC,YAAY;AAAA,EACZC,aAAa;AAAA,EACbC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC,2BAA2B;AAC7B;AAOO,MAAMC,gBAAgBC,MAAAA,WAC3B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnBC;AAAAA,IACA,oBAAoBC;AAAAA,IACpBC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,QAAQC;AAAAA,IACRC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,sBAAsB;AAAA,IACtBC,gBAAgB;AAAA,IAChBC,sBAAsB;AAAA,IACtBC,SAAS;AAAA,IACTC;AAAAA,IACAC,SAASC;AAAAA,IACT,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiB9B,KAAK;AAEpC,QAAA;AAAA,IAAE2B;AAAAA,IAASI;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWJ,WAAW;AAC9C,QAAM,CAACK,iBAAiB,IAAIC,cAAAA,cAAclB,eAAe,UAAU;AAE7DmB,QAAAA,YAAYC,YAAAA,YAAYjC,IAAI,eAAe;AAE3Cc,QAAAA,SAASoB,UAAAA,UAAU/C,gBAAgB4B,UAAU;AAEnD,QAAMoB,WAAW/B,SAAS;AAE1B,QAAMgC,iBAAiB7B,eAAe;AAIhC8B,QAAAA,eAAezB,WAAW0B,UAAapC;AAE7C,SACGqC,2BAAAA,KAAAC,YAAAA,eAAA,EACC,IACA,MACA,OACA,QACA,UACA,UACA,WAAWZ,GAAGJ,QAAQiB,MAAM1C,SAAS,GACjC2B,GAAAA,QAEFS,UAAAA;AAAAA,KAAAA,YAAYC,mBACZG,gCAAC,OAAI,EAAA,WAAWf,QAAQkB,gBACrBP,UAAAA;AAAAA,MAAAA,YACEQ,2BAAA,IAAAC,eAAA,EACC,IAAIC,MAAAA,MAAMb,WAAW,OAAO,GAC5B,SAASa,MAAAA,MAAMb,WAAW,OAAO,GACjC,OACA,WAAWR,QAAQpB,OAEtB;AAAA,MAEAgC,kBACEO,2BAAAA,IAAAG,YAAAA,eAAA,EACC,IAAID,MAAAA,MAAMb,WAAW,aAAa,GAClC,WAAWR,QAAQjB,aAElBA,UACH,YAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IAEDgC,2BAAA,KAAAQ,mBAAA,uBAAA,EACC,cACA,OACA,SAEA,UAAA;AAAA,MAACJ,2BAAAA,IAAAK,cAAA,sBAAA,EACC,KACA,IAAIhB,WACJ,UACA,eACA,eAAa,MACb,WAAWb,qBACX,qBACA,cAAYd,WACZ,mBAAiBC,gBACjB,QACA,UACA,UACA,SACA,QACA,QACA,GAAIiB,mBAAmB,CAAA;AAAA,MAExBc,gBACCM,2BAAA,IAACM,YACC,eAAA,EAAA,IAAIJ,MAAAA,MAAMb,WAAW,OAAO,GAC5B,eAAa,MACb,WAAWR,QAAQ0B,OAElBpB,UACH,mBAAA;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CACF;;;"}
+{"version":3,"file":"FilterGroup.cjs","sources":["../../../../src/components/FilterGroup/FilterGroup.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport {\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components/Forms\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { staticClasses, useClasses } from \"./FilterGroup.styles\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\nimport {\n  HvFilterGroupFilters,\n  HvFilterGroupHorizontalPlacement,\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n} from \"./types\";\n\nexport { staticClasses as filterGroupClasses };\n\nexport type HvFilterGroupClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"classes\" | \"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 = forwardRef<HTMLDivElement, HvFilterGroupProps>(\n  (props, ref) => {\n    const {\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: classesProp,\n      ...others\n    } = useDefaultProps(\"HvFilterGroup\", props);\n\n    const { classes, cx } = useClasses(classesProp);\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      <HvFormElement\n        id={id}\n        name={name}\n        value={value}\n        status={status}\n        disabled={disabled}\n        required={required}\n        className={cx(classes.root, className)}\n        {...others}\n      >\n        {(hasLabel || hasDescription) && (\n          <div className={classes.labelContainer}>\n            {hasLabel && (\n              <HvLabel\n                id={setId(elementId, \"label\")}\n                htmlFor={setId(elementId, \"input\")}\n                label={label}\n                className={classes.label}\n              />\n            )}\n\n            {hasDescription && (\n              <HvInfoMessage\n                id={setId(elementId, \"description\")}\n                className={classes.description}\n              >\n                {description}\n              </HvInfoMessage>\n            )}\n          </div>\n        )}\n        <HvFilterGroupProvider\n          defaultValue={defaultValue}\n          value={value}\n          filters={filters}\n        >\n          <HvFilterGroupContent\n            ref={ref}\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={classes.error}\n            >\n              {validationMessage}\n            </HvWarningText>\n          )}\n        </HvFilterGroupProvider>\n      </HvFormElement>\n    );\n  }\n);\n"],"names":["forwardRef","useDefaultProps","useClasses","useControlled","useUniqueId","useLabels","jsxs","HvFormElement","jsx","HvLabel","setId","HvInfoMessage","HvFilterGroupProvider","HvFilterGroupContent","HvWarningText"],"mappings":";;;;;;;;;;;;;;;;AAkGA,MAAM,iBAAsC;AAAA,EAC1C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,2BAA2B;AAC7B;AAOO,MAAM,gBAAgBA,MAAA;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB;AAAA,MACA,oBAAoB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,SAAS;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT,GAAG;AAAA,IAAA,IACDC,gBAAgB,gBAAA,iBAAiB,KAAK;AAE1C,UAAM,EAAE,SAAS,GAAG,IAAIC,8BAAW,WAAW;AAC9C,UAAM,CAAC,iBAAiB,IAAIC,cAAA,cAAc,eAAe,UAAU;AAE7D,UAAA,YAAYC,YAAAA,YAAY,IAAI,eAAe;AAE3C,UAAA,SAASC,UAAAA,UAAU,gBAAgB,UAAU;AAEnD,UAAM,WAAW,SAAS;AAE1B,UAAM,iBAAiB,eAAe;AAIhC,UAAA,eAAe,WAAW,UAAa;AAG3C,WAAAC,2BAAA;AAAA,MAACC,YAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,GAAG,QAAQ,MAAM,SAAS;AAAA,QACpC,GAAG;AAAA,QAEF,UAAA;AAAA,WAAA,YAAY,mBACZD,gCAAC,OAAI,EAAA,WAAW,QAAQ,gBACrB,UAAA;AAAA,YACC,YAAAE,2BAAA;AAAA,cAACC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAIC,MAAAA,MAAM,WAAW,OAAO;AAAA,gBAC5B,SAASA,MAAAA,MAAM,WAAW,OAAO;AAAA,gBACjC;AAAA,gBACA,WAAW,QAAQ;AAAA,cAAA;AAAA,YACrB;AAAA,YAGD,kBACCF,2BAAA;AAAA,cAACG,YAAA;AAAA,cAAA;AAAA,gBACC,IAAID,MAAAA,MAAM,WAAW,aAAa;AAAA,gBAClC,WAAW,QAAQ;AAAA,gBAElB,UAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA,GAEJ;AAAA,UAEFJ,2BAAA;AAAA,YAACM,mBAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cAEA,UAAA;AAAA,gBAAAJ,2BAAA;AAAA,kBAACK,cAAA;AAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,IAAI;AAAA,oBACJ;AAAA,oBACA;AAAA,oBACA,eAAa;AAAA,oBACb,WAAW;AAAA,oBACX;AAAA,oBACA,cAAY;AAAA,oBACZ,mBAAiB;AAAA,oBACjB;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACC,GAAG;AAAA,kBAAA;AAAA,gBACN;AAAA,gBACC,gBACCL,2BAAA;AAAA,kBAACM,YAAA;AAAA,kBAAA;AAAA,oBACC,IAAIJ,MAAAA,MAAM,WAAW,OAAO;AAAA,oBAC5B,eAAa;AAAA,oBACb,WAAW,QAAQ;AAAA,oBAElB,UAAA;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;;;"}

package/dist/cjs/components/FilterGroup/FilterGroup.styles.cjs

@@ -1,19 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classes = require("../../utils/classes.cjs");
-const {
-  staticClasses,
-  useClasses
-} = classes.createClasses("HvFilterGroup", {
+const { staticClasses, useClasses } = classes.createClasses("HvFilterGroup", {
   root: {},
   label: {
     display: "flex",
     alignItems: "flex-start"
   },
-  labelContainer: {
-    display: "flex",
-    alignItems: "flex-start"
-  },
+  labelContainer: { display: "flex", alignItems: "flex-start" },
   description: {},
   error: {}
 });

package/dist/cjs/components/FilterGroup/FilterGroup.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroup.styles.cjs","sources":["../../../../src/components/FilterGroup/FilterGroup.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFilterGroup\", {\n  root: {},\n  label: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  labelContainer: { display: \"flex\", alignItems: \"flex-start\" },\n  description: {},\n  error: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","label","display","alignItems","labelContainer","description","error"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM,CAAC;AAAA,EACPC,OAAO;AAAA,IACLC,SAAS;AAAA,IACTC,YAAY;AAAA,EACd;AAAA,EACAC,gBAAgB;AAAA,IAAEF,SAAS;AAAA,IAAQC,YAAY;AAAA,EAAa;AAAA,EAC5DE,aAAa,CAAC;AAAA,EACdC,OAAO,CAAC;AACV,CAAC;;;"}
+{"version":3,"file":"FilterGroup.styles.cjs","sources":["../../../../src/components/FilterGroup/FilterGroup.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFilterGroup\", {\n  root: {},\n  label: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  labelContainer: { display: \"flex\", alignItems: \"flex-start\" },\n  description: {},\n  error: {},\n});\n"],"names":["createClasses"],"mappings":";;;AAEO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,iBAAiB;AAAA,EAC1E,MAAM,CAAC;AAAA,EACP,OAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AAAA,EACA,gBAAgB,EAAE,SAAS,QAAQ,YAAY,aAAa;AAAA,EAC5D,aAAa,CAAC;AAAA,EACd,OAAO,CAAC;AACV,CAAC;;;"}

package/dist/cjs/components/FilterGroup/FilterGroupContext.cjs

@@ -27,12 +27,10 @@ const HvFilterGroupContext = React.createContext({
 });
 const groups = (filters) => filters.map(() => []);
 const HvFilterGroupProvider = (props) => {
-  const {
-    defaultValue,
-    value,
-    filters,
-    children
-  } = useDefaultProps.useDefaultProps("HvFilterGroupProvider", props);
+  const { defaultValue, value, filters, children } = useDefaultProps.useDefaultProps(
+    "HvFilterGroupProvider",
+    props
+  );
   const [group, setActiveGroup] = React.useState(0);
   const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState.useSavedState(value || groups(filters));
   const [applyDisabled, setApplyDisabled] = React.useState(false);
@@ -48,19 +46,33 @@ const HvFilterGroupProvider = (props) => {
   const applyFilters = React.useCallback(() => {
     setFilterValues(filterValues, true);
   }, [filterValues, setFilterValues]);
-  const contextValue = React.useMemo(() => ({
-    activeGroup: group,
-    setActiveGroup,
-    filterOptions: filters,
-    filterValues,
-    setFilterValues,
-    appliedFilters,
-    rollbackFilters,
-    clearFilters,
-    applyFilters,
-    applyDisabled,
-    defaultValue
-  }), [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues, defaultValue]);
+  const contextValue = React.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__ */ jsxRuntime.jsx(HvFilterGroupContext.Provider, { value: contextValue, children });
 };
 exports.HvFilterGroupContext = HvFilterGroupContext;

package/dist/cjs/components/FilterGroup/FilterGroupContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroupContext.cjs","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\";\n\nimport isEqual from \"lodash/isEqual\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { useSavedState } from \"@core/utils/useSavedState\";\n\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"./types\";\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 = (props: HvFilterGroupProviderProps) => {\n  const { defaultValue, value, filters, children } = useDefaultProps(\n    \"HvFilterGroupProvider\",\n    props\n  );\n\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","props","value","children","useDefaultProps","group","useState","useSavedState","setApplyDisabled","useEffect","isEqual","useCallback","contextValue","useMemo"],"mappings":";;;;;;;;;AAgCO,MAAMA,uBAAuBC,MAAAA,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;AASzDC,MAAAA,wBAAwBA,CAACC,UAAsC;AACpE,QAAA;AAAA,IAAEL;AAAAA,IAAcM;AAAAA,IAAOJ;AAAAA,IAASK;AAAAA,EAAAA,IAAaC,gBACjD,gBAAA,yBACAH,KACF;AAEA,QAAM,CAACI,OAAOnB,cAAc,IAAIoB,eAAiB,CAAC;AAC5C,QAAA,CAACb,cAAcL,iBAAiBC,iBAAiBK,cAAc,IACnEa,cAAkCL,cAAAA,SAASL,OAAOC,OAAO,CAAC;AAC5D,QAAM,CAACN,eAAegB,gBAAgB,IAAIF,eAAkB,KAAK;AAEjEG,QAAAA,UAAU,MAAM;AACdrB,oBAAgBc,OAAO,IAAI;AAAA,EAAA,GAC1B,CAACA,OAAOd,eAAe,CAAC;AAE3BqB,QAAAA,UAAU,MAAM;AACGC,qBAAAA,iBAAAA,QAAQjB,cAAcC,cAAc,CAAC;AAAA,EAAA,GACrD,CAACD,cAAcC,cAAc,CAAC;AAE3BJ,QAAAA,eAAeqB,MAAAA,YAAY,MAAM;AACrBf,oBAAAA,gBAAgBC,OAAOC,OAAO,CAAC;AAAA,EAC9C,GAAA,CAACA,SAASV,iBAAiBQ,YAAY,CAAC;AAErCL,QAAAA,eAAeoB,MAAAA,YAAY,MAAM;AACrCvB,oBAAgBK,cAAc,IAAI;AAAA,EAAA,GACjC,CAACA,cAAcL,eAAe,CAAC;AAE5BwB,QAAAA,eAA0CC,MAAAA,QAC9C,OAAO;AAAA,IACL5B,aAAaoB;AAAAA,IACbnB;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,SACAO,OACAhB,iBACAD,iBACAQ,YAAY,CAEhB;AAEA,wCACG,qBAAqB,UAArB,EAA8B,OAAOgB,cACnCT,SACH,CAAA;AAEJ;;;"}
+{"version":3,"file":"FilterGroupContext.cjs","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\";\n\nimport isEqual from \"lodash/isEqual\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { useSavedState } from \"@core/utils/useSavedState\";\n\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"./types\";\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 = (props: HvFilterGroupProviderProps) => {\n  const { defaultValue, value, filters, children } = useDefaultProps(\n    \"HvFilterGroupProvider\",\n    props\n  );\n\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":["createContext","useDefaultProps","useState","useSavedState","useEffect","isEqual","useCallback","useMemo"],"mappings":";;;;;;;;;AAgCO,MAAM,uBAAuBA,MAAAA,cAAyC;AAAA,EAC3E,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,eAAe,CAAC;AAAA,EAChB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,eAAe;AAAA,EACf,cAAc,CAAC;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB,CAAC;AAED,MAAM,SAAS,CAAC,YAAkC,QAAQ,IAAI,MAAM,CAAE,CAAA;AASzD,MAAA,wBAAwB,CAAC,UAAsC;AAC1E,QAAM,EAAE,cAAc,OAAO,SAAS,SAAa,IAAAC,gBAAA;AAAA,IACjD;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,CAAC,OAAO,cAAc,IAAIC,eAAiB,CAAC;AAC5C,QAAA,CAAC,cAAc,iBAAiB,iBAAiB,cAAc,IACnEC,cAAkC,cAAA,SAAS,OAAO,OAAO,CAAC;AAC5D,QAAM,CAAC,eAAe,gBAAgB,IAAID,eAAkB,KAAK;AAEjEE,QAAAA,UAAU,MAAM;AACd,oBAAgB,OAAO,IAAI;AAAA,EAAA,GAC1B,CAAC,OAAO,eAAe,CAAC;AAE3BA,QAAAA,UAAU,MAAM;AACG,qBAAAC,iBAAA,QAAQ,cAAc,cAAc,CAAC;AAAA,EAAA,GACrD,CAAC,cAAc,cAAc,CAAC;AAE3B,QAAA,eAAeC,MAAAA,YAAY,MAAM;AACrB,oBAAA,gBAAgB,OAAO,OAAO,CAAC;AAAA,EAC9C,GAAA,CAAC,SAAS,iBAAiB,YAAY,CAAC;AAErC,QAAA,eAAeA,MAAAA,YAAY,MAAM;AACrC,oBAAgB,cAAc,IAAI;AAAA,EAAA,GACjC,CAAC,cAAc,eAAe,CAAC;AAElC,QAAM,eAA0CC,MAAA;AAAA,IAC9C,OAAO;AAAA,MACL,aAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,wCACG,qBAAqB,UAArB,EAA8B,OAAO,cACnC,SACH,CAAA;AAEJ;;;"}

package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs

@@ -16,18 +16,22 @@ const HvFilterGroupLeftPanel = ({
   emptyElement,
   classes: classesProp
 }) => {
-  const {
-    classes,
-    cx
-  } = LeftPanel_styles.useClasses(classesProp);
-  const {
-    filterOptions,
-    activeGroup,
-    setActiveGroup
-  } = React.useContext(FilterGroupContext.HvFilterGroupContext);
+  const { classes, cx } = LeftPanel_styles.useClasses(classesProp);
+  const { filterOptions, activeGroup, setActiveGroup } = React.useContext(FilterGroupContext.HvFilterGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, { id: setId.setId(id, "leftPanel"), className, children: filterOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ListContainer.HvListContainer, { id: setId.setId(id, "leftPanel-list"), condensed: true, interactive: true, children: filterOptions.map((group, index) => {
     const ItemText = wrapperTooltip.wrapperTooltip(true, group.name, group.name);
-    return /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { id: group.id, className: cx(classes.listItem), onClick: () => setActiveGroup(index), selected: filterOptions[activeGroup].id === group.id, endAdornment: /* @__PURE__ */ jsxRuntime.jsx(Counter.HvFilterGroupCounter, { id: group.id }), children: /* @__PURE__ */ jsxRuntime.jsx(ItemText, {}) }, group.name);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ListItem.HvListItem,
+      {
+        id: group.id,
+        className: cx(classes.listItem),
+        onClick: () => setActiveGroup(index),
+        selected: filterOptions[activeGroup].id === group.id,
+        endAdornment: /* @__PURE__ */ jsxRuntime.jsx(Counter.HvFilterGroupCounter, { id: group.id }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(ItemText, {})
+      },
+      group.name
+    );
   }) }) : emptyElement });
 };
 exports.filterGroupLeftPanelClasses = LeftPanel_styles.staticClasses;

package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.cjs","sources":["../../../../../src/components/FilterGroup/LeftPanel/LeftPanel.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvListContainer, HvListItem } from \"@core/components/ListContainer\";\nimport { HvPanel } from \"@core/components/Panel\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { wrapperTooltip } from \"@core/utils/wrapperTooltip\";\n\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./LeftPanel.styles\";\n\nexport { staticClasses as filterGroupLeftPanelClasses };\n\nexport type HvFilterGroupLeftPanelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupLeftPanelProps {\n  id?: string;\n  className?: string;\n  emptyElement?: React.ReactNode;\n  classes?: HvFilterGroupLeftPanelClasses;\n}\n\nexport const HvFilterGroupLeftPanel = ({\n  id,\n  className,\n  emptyElement,\n  classes: classesProp,\n}: HvFilterGroupLeftPanelProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const { filterOptions, activeGroup, setActiveGroup } =\n    useContext(HvFilterGroupContext);\n\n  return (\n    <HvPanel id={setId(id, \"leftPanel\")} className={className}>\n      {filterOptions.length > 0 ? (\n        <HvListContainer id={setId(id, \"leftPanel-list\")} condensed interactive>\n          {filterOptions.map((group, index) => {\n            const ItemText = wrapperTooltip(true, group.name, group.name);\n\n            return (\n              <HvListItem\n                id={group.id}\n                key={group.name}\n                className={cx(classes.listItem)}\n                onClick={() => setActiveGroup(index)}\n                selected={filterOptions[activeGroup].id === group.id}\n                endAdornment={<HvFilterGroupCounter id={group.id} />}\n              >\n                <ItemText />\n              </HvListItem>\n            );\n          })}\n        </HvListContainer>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n"],"names":["HvFilterGroupLeftPanel","id","className","emptyElement","classes","classesProp","cx","useClasses","filterOptions","activeGroup","setActiveGroup","useContext","HvFilterGroupContext","jsx","HvPanel","setId","length","HvListContainer","map","group","index","ItemText","wrapperTooltip","name","HvListItem","listItem","HvFilterGroupCounter"],"mappings":";;;;;;;;;;;;AAuBO,MAAMA,yBAAyBA,CAAC;AAAA,EACrCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AACkB,MAAM;AAC3B,QAAA;AAAA,IAAED;AAAAA,IAASE;AAAAA,EAAAA,IAAOC,iBAAAA,WAAWF,WAAW;AACxC,QAAA;AAAA,IAAEG;AAAAA,IAAeC;AAAAA,IAAaC;AAAAA,EAAAA,IAClCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAG/B,SAAAC,2BAAA,IAACC,MAAQ,SAAA,EAAA,IAAIC,MAAAA,MAAMd,IAAI,WAAW,GAAG,WAClCO,UAAAA,cAAcQ,SAAS,IACrBH,2BAAAA,IAAAI,cAAAA,iBAAA,EAAgB,IAAIF,MAAAA,MAAMd,IAAI,gBAAgB,GAAG,WAAS,MAAC,aAAW,MACpEO,UAAcU,cAAAA,IAAI,CAACC,OAAOC,UAAU;AACnC,UAAMC,WAAWC,eAAAA,eAAe,MAAMH,MAAMI,MAAMJ,MAAMI,IAAI;AAE5D,WACGV,2BAAAA,IAAAW,SAAAA,YAAA,EACC,IAAIL,MAAMlB,IAEV,WAAWK,GAAGF,QAAQqB,QAAQ,GAC9B,SAAS,MAAMf,eAAeU,KAAK,GACnC,UAAUZ,cAAcC,WAAW,EAAER,OAAOkB,MAAMlB,IAClD,cAAeY,2BAAA,IAAAa,8BAAA,EAAqB,IAAIP,MAAMlB,OAE9C,UAAAY,2BAAAA,IAAC,UAAQ,CAAA,CAAA,KANJM,MAAMI,IAOb;AAAA,EAAA,CAEH,EACH,CAAA,IAEApB,aAEJ,CAAA;AAEJ;;;"}
+{"version":3,"file":"LeftPanel.cjs","sources":["../../../../../src/components/FilterGroup/LeftPanel/LeftPanel.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvListContainer, HvListItem } from \"@core/components/ListContainer\";\nimport { HvPanel } from \"@core/components/Panel\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { wrapperTooltip } from \"@core/utils/wrapperTooltip\";\n\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./LeftPanel.styles\";\n\nexport { staticClasses as filterGroupLeftPanelClasses };\n\nexport type HvFilterGroupLeftPanelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupLeftPanelProps {\n  id?: string;\n  className?: string;\n  emptyElement?: React.ReactNode;\n  classes?: HvFilterGroupLeftPanelClasses;\n}\n\nexport const HvFilterGroupLeftPanel = ({\n  id,\n  className,\n  emptyElement,\n  classes: classesProp,\n}: HvFilterGroupLeftPanelProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const { filterOptions, activeGroup, setActiveGroup } =\n    useContext(HvFilterGroupContext);\n\n  return (\n    <HvPanel id={setId(id, \"leftPanel\")} className={className}>\n      {filterOptions.length > 0 ? (\n        <HvListContainer id={setId(id, \"leftPanel-list\")} condensed interactive>\n          {filterOptions.map((group, index) => {\n            const ItemText = wrapperTooltip(true, group.name, group.name);\n\n            return (\n              <HvListItem\n                id={group.id}\n                key={group.name}\n                className={cx(classes.listItem)}\n                onClick={() => setActiveGroup(index)}\n                selected={filterOptions[activeGroup].id === group.id}\n                endAdornment={<HvFilterGroupCounter id={group.id} />}\n              >\n                <ItemText />\n              </HvListItem>\n            );\n          })}\n        </HvListContainer>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n"],"names":["useClasses","useContext","HvFilterGroupContext","jsx","HvPanel","setId","HvListContainer","wrapperTooltip","HvListItem","HvFilterGroupCounter"],"mappings":";;;;;;;;;;;;AAuBO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAAmC;AACjC,QAAM,EAAE,SAAS,GAAG,IAAIA,4BAAW,WAAW;AAC9C,QAAM,EAAE,eAAe,aAAa,eAAe,IACjDC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAG/B,SAAAC,2BAAA,IAACC,MAAQ,SAAA,EAAA,IAAIC,MAAAA,MAAM,IAAI,WAAW,GAAG,WAClC,UAAA,cAAc,SAAS,IACrBF,2BAAAA,IAAAG,cAAAA,iBAAA,EAAgB,IAAID,MAAAA,MAAM,IAAI,gBAAgB,GAAG,WAAS,MAAC,aAAW,MACpE,UAAc,cAAA,IAAI,CAAC,OAAO,UAAU;AACnC,UAAM,WAAWE,eAAAA,eAAe,MAAM,MAAM,MAAM,MAAM,IAAI;AAG1D,WAAAJ,2BAAA;AAAA,MAACK,SAAA;AAAA,MAAA;AAAA,QACC,IAAI,MAAM;AAAA,QAEV,WAAW,GAAG,QAAQ,QAAQ;AAAA,QAC9B,SAAS,MAAM,eAAe,KAAK;AAAA,QACnC,UAAU,cAAc,WAAW,EAAE,OAAO,MAAM;AAAA,QAClD,cAAcL,2BAAA,IAACM,QAAqB,sBAAA,EAAA,IAAI,MAAM,IAAI;AAAA,QAElD,yCAAC,UAAS,EAAA;AAAA,MAAA;AAAA,MANL,MAAM;AAAA,IAAA;AAAA,EAOb,CAEH,EACH,CAAA,IAEA,aAEJ,CAAA;AAEJ;;;"}

package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.styles.cjs

@@ -2,10 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classes = require("../../../utils/classes.cjs");
 const name = "HvFilterGroupLeftPanel";
-const {
-  staticClasses,
-  useClasses
-} = classes.createClasses(name, {
+const { staticClasses, useClasses } = classes.createClasses(name, {
   listItem: {
     display: "flex",
     justifyContent: "space-between"

package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.styles.cjs","sources":["../../../../../src/components/FilterGroup/LeftPanel/LeftPanel.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupLeftPanel\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  listItem: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","listItem","display","justifyContent"],"mappings":";;;AAEA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,UAAU;AAAA,IACRC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AACF,CAAC;;;"}
+{"version":3,"file":"LeftPanel.styles.cjs","sources":["../../../../../src/components/FilterGroup/LeftPanel/LeftPanel.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupLeftPanel\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  listItem: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n});\n"],"names":["createClasses"],"mappings":";;;AAEA,MAAM,OAAO;AAEN,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,MAAM;AAAA,EAC/D,UAAU;AAAA,IACR,SAAS;AAAA,IACT,gBAAgB;AAAA,EAClB;AACF,CAAC;;;"}

package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs

@@ -20,9 +20,7 @@ const HvFilterGroupRightPanel = ({
   emptyElement,
   classes: classesProp
 }) => {
-  const {
-    classes
-  } = RightPanel_styles.useClasses(classesProp);
+  const { classes } = RightPanel_styles.useClasses(classesProp);
   const [searchStr, setSearchStr] = React.useState("");
   const [allSelected, setAllSelected] = React.useState(false);
   const [anySelected, setAnySelected] = React.useState(false);
@@ -32,14 +30,27 @@ const HvFilterGroupRightPanel = ({
     setFilterValues,
     activeGroup
   } = React.useContext(FilterGroupContext.HvFilterGroupContext);
-  const activeGroupOptions = React.useMemo(() => filterOptions[activeGroup]?.data.filter((option) => option.name.toLowerCase().includes(searchStr.toLowerCase())).map((option) => option.id) || [], [filterOptions, activeGroup, searchStr]);
-  const activeFilterValues = React.useMemo(() => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)) || [], [filterValues, activeGroupOptions, activeGroup]);
-  const listValues = React.useMemo(() => filterOptions[activeGroup]?.data.map((option) => ({
-    ...option,
-    label: option.name,
-    selected: filterValues[activeGroup]?.includes(option.id),
-    isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0
-  })) || [], [filterOptions, filterValues, activeGroup, searchStr]);
+  const activeGroupOptions = React.useMemo(
+    () => filterOptions[activeGroup]?.data.filter(
+      (option) => option.name.toLowerCase().includes(searchStr.toLowerCase())
+    ).map((option) => option.id) || [],
+    [filterOptions, activeGroup, searchStr]
+  );
+  const activeFilterValues = React.useMemo(
+    () => filterValues[activeGroup]?.filter(
+      (value) => activeGroupOptions.includes(value)
+    ) || [],
+    [filterValues, activeGroupOptions, activeGroup]
+  );
+  const listValues = React.useMemo(
+    () => filterOptions[activeGroup]?.data.map((option) => ({
+      ...option,
+      label: option.name,
+      selected: filterValues[activeGroup]?.includes(option.id),
+      isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0
+    })) || [],
+    [filterOptions, filterValues, activeGroup, searchStr]
+  );
   const updateSelectAll = React.useCallback(() => {
     const nbrSelected = activeFilterValues?.length;
     const hasSelection = nbrSelected > 0;
@@ -52,22 +63,36 @@ const HvFilterGroupRightPanel = ({
   }, [activeFilterValues, updateSelectAll]);
   React.useEffect(() => setSearchStr(""), [activeGroup]);
   const onChangeHandler = (values) => {
-    const newFilterValues = filterOptions.map((_, i) => activeGroup === i ? values.filter((v) => v.selected).map((v) => v.id) : [...filterValues[i] || []]);
+    const newFilterValues = filterOptions.map(
+      (_, i) => activeGroup === i ? values.filter((v) => v.selected).map((v) => v.id) : [...filterValues[i] || []]
+    );
     setFilterValues(newFilterValues);
   };
   const handleSelectAll = React.useCallback(() => {
     const newFilterValues = cloneDeep__default.default(filterValues);
     if (anySelected) {
       if (searchStr !== "") {
-        newFilterValues[activeGroup] = filterValues[activeGroup]?.filter((value) => !activeGroupOptions.includes(value));
+        newFilterValues[activeGroup] = filterValues[activeGroup]?.filter(
+          (value) => !activeGroupOptions.includes(value)
+        );
       } else {
         newFilterValues[activeGroup] = [];
       }
     } else {
-      newFilterValues[activeGroup] = [...filterValues[activeGroup], ...activeGroupOptions];
+      newFilterValues[activeGroup] = [
+        ...filterValues[activeGroup],
+        ...activeGroupOptions
+      ];
     }
     setFilterValues(newFilterValues);
-  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues, searchStr]);
+  }, [
+    activeGroup,
+    activeGroupOptions,
+    anySelected,
+    filterValues,
+    setFilterValues,
+    searchStr
+  ]);
   const SelectAll = React.useCallback(() => {
     const nbrSelected = activeFilterValues?.length;
     const defaultLabel = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: nbrSelected > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -77,14 +102,59 @@ const HvFilterGroupRightPanel = ({
       /* @__PURE__ */ jsxRuntime.jsx("b", { children: labels?.selectAll }),
       ` (${activeGroupOptions.length})`
     ] }) });
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.selectAllContainer, children: /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, { id: setId.setId(id, "select-all"), label: defaultLabel, onChange: () => handleSelectAll(), className: classes.selectAll, indeterminate: anySelected && !allSelected, checked: allSelected }) });
-  }, [activeFilterValues?.length, activeGroupOptions.length, allSelected, anySelected, handleSelectAll, id, labels, classes?.selectAllContainer, classes?.selectAll]);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.selectAllContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+      CheckBox.HvCheckBox,
+      {
+        id: setId.setId(id, "select-all"),
+        label: defaultLabel,
+        onChange: () => handleSelectAll(),
+        className: classes.selectAll,
+        indeterminate: anySelected && !allSelected,
+        checked: allSelected
+      }
+    ) });
+  }, [
+    activeFilterValues?.length,
+    activeGroupOptions.length,
+    allSelected,
+    anySelected,
+    handleSelectAll,
+    id,
+    labels,
+    classes?.selectAllContainer,
+    classes?.selectAll
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, { id: setId.setId(id, "rightPanel"), className, children: listValues.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { id: setId.setId(id, "search"), classes: {
-      root: classes.search
-    }, type: "search", placeholder: labels?.searchBoxPlaceholder, value: searchStr, onChange: (_, str) => setSearchStr(str) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Input.HvInput,
+      {
+        id: setId.setId(id, "search"),
+        classes: {
+          root: classes.search
+        },
+        type: "search",
+        placeholder: labels?.searchBoxPlaceholder,
+        value: searchStr,
+        onChange: (_, str) => setSearchStr(str)
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(SelectAll, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(List.HvList, { id: setId.setId(id, "list"), values: listValues, className: classes.list, multiSelect: true, useSelector: true, showSelectAll: false, onChange: onChangeHandler, selectable: true, condensed: true, hasTooltips: true }, activeGroup)
+    /* @__PURE__ */ jsxRuntime.jsx(
+      List.HvList,
+      {
+        id: setId.setId(id, "list"),
+        values: listValues,
+        className: classes.list,
+        multiSelect: true,
+        useSelector: true,
+        showSelectAll: false,
+        onChange: onChangeHandler,
+        selectable: true,
+        condensed: true,
+        hasTooltips: true
+      },
+      activeGroup
+    )
   ] }) : emptyElement });
 };
 exports.filterGroupRightPanelClasses = RightPanel_styles.staticClasses;