@hitachivantara/uikit-react-core 5.102.1 → 5.104.0

package/dist/cjs/packages/core/src/FileUploader/DropZone/DropZone.cjs

@@ -0,0 +1,193 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const LabelContainer = require("../../FormElement/LabelContainer.cjs");
+const useLabels = require("../../hooks/useLabels.cjs");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const icons = require("../../icons.cjs");
+const helpers = require("../../utils/helpers.cjs");
+const setId = require("../../utils/setId.cjs");
+const utils = require("../utils.cjs");
+const DropZone_styles = require("./DropZone.styles.cjs");
+const context = require("../../FormElement/context.cjs");
+const DEFAULT_LABELS = {
+  /** Extensions of the accepted file types */
+  acceptedFiles: "",
+  /** Dropzone area label. @deprecated use `label` prop instead */
+  dropzone: "Label",
+  /** Size file warning label. */
+  sizeWarning: "Max. file size:",
+  /** Size file warning label. */
+  drag: "Drop files here or",
+  /** Size file warning label. */
+  selectFiles: "click to upload",
+  /** Theming sheet used to style components */
+  dropFiles: "Drop files here",
+  /** Message to display when file size is greater than allowed */
+  fileSizeError: "The file exceeds the maximum upload size",
+  /** Message to display when file type is greater than allowed */
+  fileTypeError: "File type not allowed for upload",
+  removeFileButtonLabel: "Remove File"
+};
+function validateAccept(file, acceptAttr) {
+  if (!file || !acceptAttr) return true;
+  const acceptEntries = acceptAttr.split(",");
+  const fileName = file.name || "";
+  const mimeType = (file.type || "").toLowerCase();
+  const baseMimeType = mimeType.replace(/\/.*$/, "");
+  return acceptEntries.some((type) => {
+    const validType = type.trim().toLowerCase();
+    if (validType.charAt(0) === ".") {
+      return fileName.toLowerCase().endsWith(validType);
+    }
+    if (validType.endsWith("/*")) {
+      return baseMimeType === validType.replace(/\/.*$/, "");
+    }
+    return mimeType === validType;
+  });
+}
+const HvDropZone = (props) => {
+  const {
+    id: idProp,
+    classes: classesProp,
+    label,
+    labels: labelsProp,
+    accept,
+    maxFileSize,
+    inputProps,
+    hideLabels,
+    multiple = true,
+    onFilesAdded
+  } = uikitReactUtils.useDefaultProps("HvDropZone", props);
+  const id = useUniqueId.useUniqueId(idProp);
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
+  const { classes, cx } = DropZone_styles.useClasses(classesProp);
+  const { disabled } = a.useContext(context.HvFormElementContext);
+  const [dragState, setDragState] = a.useState(false);
+  const inputRef = a.useRef(null);
+  const handleDragLeave = () => {
+    setDragState(false);
+  };
+  const handleDragEnter = (event) => {
+    if (disabled) return;
+    event.stopPropagation();
+    event.preventDefault();
+    setDragState(true);
+  };
+  const onChangeHandler = (filesList) => {
+    const filesToProcess = Object.values(filesList);
+    const newFiles = filesToProcess.map((file) => {
+      const newFile = new File([file], file.name, {
+        type: file.type,
+        lastModified: file.lastModified
+      });
+      newFile.id = helpers.uniqueId("uploaded-file-data-");
+      const isSizeAllowed = file.size <= maxFileSize;
+      const isFileAccepted = !accept || accept.includes(file.type?.split("/")[1]) || // TODO: remove in v6
+      validateAccept(file, accept);
+      if (!isFileAccepted) {
+        newFile.errorMessage = labels?.fileTypeError;
+        newFile.status = "fail";
+      } else if (!isSizeAllowed) {
+        newFile.errorMessage = labels?.fileSizeError;
+        newFile.status = "fail";
+      }
+      return newFile;
+    });
+    onFilesAdded?.(newFiles);
+  };
+  const description = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    Number.isInteger(maxFileSize) && `${labels.sizeWarning} ${utils.convertUnits(maxFileSize)}`,
+    labels.acceptedFiles || accept && ` (${accept?.replaceAll(",", ", ")})`
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !hideLabels && /* @__PURE__ */ jsxRuntime.jsx(
+      LabelContainer.HvLabelContainer,
+      {
+        id,
+        label: label ?? labels.dropzone,
+        description,
+        inputId: setId.setId(id, "input-file"),
+        labelId: setId.setId(id, "input-file-label"),
+        descriptionId: setId.setId(id, "description"),
+        classes: {
+          root: classes.dropZoneLabelsGroup,
+          label: classes.dropZoneLabel
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        id: setId.setId(id, "input-file-container"),
+        className: cx(classes.dropZoneContainer, {
+          [classes.dragAction]: dragState,
+          [classes.dropZoneContainerDisabled]: disabled
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id: setId.setId(id, "input-file"),
+              className: classes.inputArea,
+              type: "file",
+              multiple,
+              disabled,
+              title: !disabled ? `${labels?.drag} ${labels?.selectFiles}` : "",
+              onClick: () => {
+                if (inputRef.current) {
+                  inputRef.current.value = "";
+                }
+              },
+              onChange: () => {
+                if (!disabled && inputRef.current?.files) {
+                  onChangeHandler(inputRef.current.files);
+                }
+              },
+              onDragEnter: handleDragEnter,
+              onDragOver: handleDragEnter,
+              onDragLeave: handleDragLeave,
+              onDropCapture: handleDragLeave,
+              onDrop: (event) => {
+                if (disabled) return;
+                const { files } = event.dataTransfer;
+                if (multiple === true || files.length === 1) {
+                  event.stopPropagation();
+                  event.preventDefault();
+                  onChangeHandler(files);
+                }
+              },
+              ref: inputRef,
+              accept,
+              ...inputProps
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes?.dropArea, children: dragState ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.dropZoneAreaLabels, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.dragText, children: labels?.dropFiles }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              icons.HvIcon,
+              {
+                name: "Doc",
+                size: "md",
+                className: classes.dropZoneAreaIcon
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.dropZoneAreaLabels, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.dragText, children: [
+              labels?.drag,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: classes.selectFilesText,
+                  children: ` ${labels?.selectFiles}`
+                }
+              )
+            ] }) })
+          ] }) })
+        ]
+      }
+    )
+  ] });
+};
+exports.dropZoneClasses = DropZone_styles.staticClasses;
+exports.HvDropZone = HvDropZone;

package/dist/cjs/packages/core/src/FileUploader/Preview/Preview.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../../Input/icons.cjs");
+const Preview_styles = require("./Preview.styles.cjs");
+const Button = require("../../Button/Button.cjs");
+const HvFileUploaderPreview = (props) => {
+  const {
+    className,
+    children,
+    classes: classesProp,
+    disableOverlay = false,
+    onUnload,
+    onClick,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvFileUploaderPreview", props);
+  const { classes, cx, css } = Preview_styles.useClasses(classesProp);
+  a.useEffect(() => {
+    return () => {
+      onUnload?.();
+    };
+  }, [onUnload]);
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Button.HvButton,
+      {
+        icon: true,
+        className: cx(classes.previewButton, className),
+        onClick,
+        ...others,
+        children: [
+          children,
+          !disableOverlay && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
+            icons.EyeIcon,
+            {
+              className: css({
+                position: "absolute",
+                left: "50%",
+                top: "50%",
+                transform: "translate(-50%, -50%)",
+                display: "none"
+              })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+  return children;
+};
+exports.fileUploaderPreviewClasses = Preview_styles.staticClasses;
+exports.HvFileUploaderPreview = HvFileUploaderPreview;

package/dist/cjs/packages/core/src/FilterGroup/Counter/Counter.cjs

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const FilterGroupContext = require("../FilterGroupContext.cjs");
+const Counter_styles = require("./Counter.styles.cjs");
+const getExistingFiltersById = (idx, filterValues, filterOptions) => {
+  let total = 0;
+  filterValues[idx]?.forEach((fv) => {
+    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {
+      total += 1;
+    }
+  });
+  return total;
+};
+const HvFilterGroupCounter = (props) => {
+  const {
+    className,
+    groupId,
+    classes: classesProp
+  } = uikitReactUtils.useDefaultProps("HvFilterGroupCounter", props);
+  const { classes, cx } = Counter_styles.useClasses(classesProp);
+  const {
+    filterOptions,
+    filterValues = [],
+    appliedFilters = []
+  } = a.useContext(FilterGroupContext.HvFilterGroupContext);
+  const options = groupId && filterOptions.some((option) => option.id === groupId) ? [filterOptions.find((option) => option.id === groupId)] : filterOptions;
+  const optionIdx = filterOptions.findIndex((option) => option.id === groupId);
+  let groupsCounter = 0;
+  appliedFilters.forEach((fg, i) => {
+    groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);
+  });
+  const partialCounter = groupId ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0 : groupsCounter;
+  const totalCounter = options.reduce(
+    (acc, option) => acc + option.data.length,
+    0
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.root, className), children: [
+    partialCounter > 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: classes.partialCounter, children: partialCounter }) : partialCounter,
+    ` / ${totalCounter}`
+  ] });
+};
+exports.filterGroupCounterClasses = Counter_styles.staticClasses;
+exports.HvFilterGroupCounter = HvFilterGroupCounter;

package/dist/cjs/packages/core/src/FilterGroup/FilterContent/FilterContent.cjs

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../../icons.cjs");
+const setId = require("../../utils/setId.cjs");
+const FilterGroupContext = require("../FilterGroupContext.cjs");
+const FilterContent_styles = require("./FilterContent.styles.cjs");
+const LeftPanel = require("../LeftPanel/LeftPanel.cjs");
+const RightPanel = require("../RightPanel/RightPanel.cjs");
+const Button = require("../../Button/Button.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const BaseDropdown = require("../../BaseDropdown/BaseDropdown.cjs");
+const ActionBar = require("../../ActionBar/ActionBar.cjs");
+const Counter = require("../Counter/Counter.cjs");
+const HvFilterGroupContent = a.forwardRef(function HvFilterGroupContent2(props, ref) {
+  const {
+    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: classesProp,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvFilterGroupContent", props);
+  const { classes } = FilterContent_styles.useClasses(classesProp);
+  const { activeTheme } = uikitReactUtils.useTheme();
+  const [filterGroupOpen, setFilterGroupOpen] = a.useState(false);
+  const {
+    defaultValue,
+    filterValues,
+    rollbackFilters,
+    clearFilters,
+    applyFilters,
+    applyDisabled
+  } = a.useContext(FilterGroupContext.HvFilterGroupContext);
+  const focusTarget = a.useRef(null);
+  const focusOnContainer = () => {
+    focusTarget.current?.focus();
+  };
+  const onApplyHandler = (event) => {
+    applyFilters();
+    onChange?.(event, filterValues);
+    setFilterGroupOpen(false);
+  };
+  const onCancelHandler = (event) => {
+    rollbackFilters();
+    onCancel?.(event);
+    setFilterGroupOpen(false);
+  };
+  const onClearHandler = (event) => {
+    clearFilters();
+    onClear?.(event);
+  };
+  const handleToggle = (event, open) => {
+    if (event === null) return;
+    setFilterGroupOpen(open);
+    if (!open) onCancelHandler?.(event);
+  };
+  const Header = a.useMemo(
+    () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Filters" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", children: labels?.placeholder })
+    ] }),
+    [labels?.placeholder]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    BaseDropdown.HvBaseDropdown,
+    {
+      ref,
+      id: setId.setId(id, "dropdown"),
+      role: "combobox",
+      classes: {
+        root: classes.dropdown,
+        panel: classes.panel,
+        selection: classes.baseDropdownSelection,
+        header: classes.header
+      },
+      disabled,
+      disablePortal,
+      variableWidth: true,
+      placement: horizontalPlacement,
+      expanded: filterGroupOpen,
+      onToggle: handleToggle,
+      onClickOutside: onCancelHandler,
+      onContainerCreation: focusOnContainer,
+      placeholder: Header,
+      adornment: /* @__PURE__ */ jsxRuntime.jsx(Counter.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.setId(id, "error") : void 0,
+      "aria-describedby": [description && setId.setId(id, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+      ...others,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: focusTarget, tabIndex: -1 }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.root, style: { height }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            LeftPanel.HvFilterGroupLeftPanel,
+            {
+              id,
+              className: classes.leftSidePanel,
+              emptyElement: leftEmptyElement
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RightPanel.HvFilterGroupRightPanel,
+            {
+              id,
+              className: classes.rightSidePanel,
+              emptyElement: rightEmptyElement,
+              labels
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ActionBar.HvActionBar, { className: classes.actionBar, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button.HvButton,
+            {
+              id: setId.setId(id, "clearFilters-button"),
+              disabled: defaultValue ? defaultValue?.flat().length === filterValues?.flat().length : filterValues?.flat().length === 0,
+              variant: "secondaryGhost",
+              onClick: onClearHandler,
+              children: labels?.clearLabel
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: classes.space, children: " " }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button.HvButton,
+            {
+              id: setId.setId(id, "apply-button"),
+              disabled: applyDisabled,
+              variant: activeTheme?.filterGroup.applyButtonVariant,
+              onClick: onApplyHandler,
+              className: classes.applyButton,
+              children: labels?.applyLabel
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button.HvButton,
+            {
+              id: setId.setId(id, "cancel-button"),
+              variant: activeTheme?.filterGroup.cancelButtonVariant,
+              onClick: onCancelHandler,
+              children: labels?.cancelLabel
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+exports.filterGroupContentClasses = FilterContent_styles.staticClasses;
+exports.HvFilterGroupContent = HvFilterGroupContent;

package/dist/cjs/packages/core/src/FilterGroup/FilterGroup.cjs

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const LabelContainer = require("../FormElement/LabelContainer.cjs");
+const useControlled = require("../hooks/useControlled.cjs");
+const useLabels = require("../hooks/useLabels.cjs");
+const useUniqueId = require("../hooks/useUniqueId.cjs");
+const setId = require("../utils/setId.cjs");
+const FilterGroup_styles = require("./FilterGroup.styles.cjs");
+const FilterGroupContext = require("./FilterGroupContext.cjs");
+const FilterContent = require("./FilterContent/FilterContent.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
+const DEFAULT_LABELS = {
+  /** Apply button label. */
+  applyLabel: "Apply",
+  /** Cancel button label. */
+  cancelLabel: "Cancel",
+  /** Clear button label. */
+  clearLabel: "Clear Filters",
+  /** Placeholder label. */
+  placeholder: "Filters",
+  /** SearchBox placeholder label. */
+  searchBoxPlaceholder: "Search",
+  /** Select All placeholder label. */
+  selectAll: "All",
+  /** Multi selection conjunction placeholder label. */
+  multiSelectionConjunction: "/"
+};
+const HvFilterGroup = a.forwardRef(
+  function HvFilterGroup2(props, ref) {
+    const {
+      className,
+      id,
+      name,
+      required,
+      disabled,
+      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
+    } = uikitReactUtils.useDefaultProps("HvFilterGroup", props);
+    const { classes, cx } = FilterGroup_styles.useClasses(classesProp);
+    const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
+    const elementId = useUniqueId.useUniqueId(id);
+    const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
+    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: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            LabelContainer.HvLabelContainer,
+            {
+              label,
+              description,
+              inputId: setId.setId(elementId, "input"),
+              labelId: setId.setId(elementId, "label"),
+              descriptionId: setId.setId(elementId, "description"),
+              classes: {
+                root: classes.labelContainer,
+                label: classes.label,
+                description: classes.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;

package/dist/cjs/packages/core/src/FilterGroup/FilterGroupContext.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const helpers = require("../utils/helpers.cjs");
+const useSavedState = require("../utils/useSavedState.cjs");
+const HvFilterGroupContext = a.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 = (props) => {
+  const { defaultValue, value, filters, children } = uikitReactUtils.useDefaultProps(
+    "HvFilterGroupProvider",
+    props
+  );
+  const [group, setActiveGroup] = a.useState(0);
+  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState.useSavedState(value || groups(filters));
+  const [applyDisabled, setApplyDisabled] = a.useState(false);
+  a.useEffect(() => {
+    setFilterValues(value, true);
+  }, [value, setFilterValues]);
+  a.useEffect(() => {
+    setApplyDisabled(helpers.isEqual(filterValues, appliedFilters));
+  }, [filterValues, appliedFilters]);
+  const clearFilters = a.useCallback(() => {
+    setFilterValues(defaultValue || groups(filters));
+  }, [filters, setFilterValues, defaultValue]);
+  const applyFilters = a.useCallback(() => {
+    setFilterValues(filterValues, true);
+  }, [filterValues, setFilterValues]);
+  const contextValue = a.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;
+exports.HvFilterGroupProvider = HvFilterGroupProvider;