@hitachivantara/uikit-react-core 5.104.0 → 5.104.1

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

@@ -1,171 +0,0 @@
-"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

@@ -1,140 +0,0 @@
-"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

@@ -1,77 +0,0 @@
-"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;

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

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const setId = require("../../utils/setId.cjs");
-const FilterGroupContext = require("../FilterGroupContext.cjs");
-const LeftPanel_styles = require("./LeftPanel.styles.cjs");
-const Counter = require("../Counter/Counter.cjs");
-const Panel = require("../../Panel/Panel.cjs");
-const ListContainer = require("../../ListContainer/ListContainer.cjs");
-const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
-const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const HvFilterGroupLeftPanel = ({
-  id,
-  className,
-  emptyElement,
-  classes: classesProp
-}) => {
-  const { classes } = LeftPanel_styles.useClasses(classesProp);
-  const { filterOptions, activeGroup, setActiveGroup } = a.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) => /* @__PURE__ */ jsxRuntime.jsx(
-    ListItem.HvListItem,
-    {
-      className: classes.listItem,
-      onClick: () => setActiveGroup(index),
-      selected: filterOptions[activeGroup].id === group.id,
-      endAdornment: /* @__PURE__ */ jsxRuntime.jsx(Counter.HvFilterGroupCounter, { groupId: group.id }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, { data: group.name })
-    },
-    group.id || group.name
-  )) }) : emptyElement });
-};
-exports.filterGroupLeftPanelClasses = LeftPanel_styles.staticClasses;
-exports.HvFilterGroupLeftPanel = HvFilterGroupLeftPanel;

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

@@ -1,161 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const CounterLabel = require("../../utils/CounterLabel.cjs");
-const setId = require("../../utils/setId.cjs");
-const FilterGroupContext = require("../FilterGroupContext.cjs");
-const RightPanel_styles = require("./RightPanel.styles.cjs");
-const CheckBox = require("../../CheckBox/CheckBox.cjs");
-const Panel = require("../../Panel/Panel.cjs");
-const Input = require("../../Input/Input.cjs");
-const List = require("../../List/List.cjs");
-const HvFilterGroupRightPanel = ({
-  id,
-  className,
-  labels,
-  emptyElement,
-  classes: classesProp
-}) => {
-  const { classes } = RightPanel_styles.useClasses(classesProp);
-  const [searchStr, setSearchStr] = a.useState("");
-  const [allSelected, setAllSelected] = a.useState(false);
-  const [anySelected, setAnySelected] = a.useState(false);
-  const {
-    filterOptions,
-    filterValues = [],
-    setFilterValues,
-    activeGroup
-  } = a.useContext(FilterGroupContext.HvFilterGroupContext);
-  const { all: allActiveGroupOptions, enabled: enabledActiveGroupOptions } = a.useMemo(() => {
-    const filteredOptions = filterOptions[activeGroup]?.data.filter(
-      (option) => option.name.toLowerCase().includes(searchStr.toLowerCase())
-    );
-    return {
-      all: filteredOptions?.map((option) => option.id) || [],
-      enabled: filteredOptions?.filter((option) => !option.disabled)?.map((option) => option.id) || []
-    };
-  }, [filterOptions, activeGroup, searchStr]);
-  const activeFilterValues = a.useMemo(
-    () => filterValues[activeGroup]?.filter(
-      (value) => allActiveGroupOptions.includes(value)
-    ) || [],
-    [filterValues, allActiveGroupOptions, activeGroup]
-  );
-  const listValues = a.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 = a.useCallback(() => {
-    const nbrSelected = activeFilterValues?.length;
-    const hasSelection = nbrSelected > 0;
-    const allSelect = nbrSelected === allActiveGroupOptions.length;
-    setAnySelected(hasSelection);
-    setAllSelected(hasSelection && allSelect);
-  }, [activeFilterValues, allActiveGroupOptions]);
-  a.useEffect(() => {
-    updateSelectAll();
-  }, [activeFilterValues, updateSelectAll]);
-  a.useEffect(() => setSearchStr(""), [activeGroup]);
-  const onChangeHandler = (values) => {
-    const newFilterValues = filterOptions.map(
-      (_, i) => activeGroup === i ? values.filter((v) => v.selected).map((v) => v.id) : [...filterValues[i] || []]
-    );
-    setFilterValues(newFilterValues);
-  };
-  const handleSelectAll = a.useCallback(() => {
-    const newFilterValues = structuredClone(filterValues);
-    if (anySelected) {
-      if (searchStr !== "") {
-        newFilterValues[activeGroup] = filterValues[activeGroup]?.filter(
-          (value) => !enabledActiveGroupOptions.includes(value)
-        );
-      } else {
-        newFilterValues[activeGroup] = [];
-      }
-    } else {
-      const currentOptions = newFilterValues[activeGroup] || [];
-      newFilterValues[activeGroup] = [
-        ...currentOptions,
-        ...enabledActiveGroupOptions
-      ];
-    }
-    setFilterValues(newFilterValues);
-  }, [
-    activeGroup,
-    enabledActiveGroupOptions,
-    anySelected,
-    filterValues,
-    setFilterValues,
-    searchStr
-  ]);
-  const SelectAll = a.useCallback(() => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.selectAllContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-      CheckBox.HvCheckBox,
-      {
-        id: setId.setId(id, "select-all"),
-        label: /* @__PURE__ */ jsxRuntime.jsx(
-          CounterLabel.CounterLabel,
-          {
-            selected: activeFilterValues?.length,
-            total: allActiveGroupOptions.length,
-            conjunctionLabel: labels?.multiSelectionConjunction
-          }
-        ),
-        onChange: () => handleSelectAll(),
-        className: classes.selectAll,
-        indeterminate: anySelected && !allSelected,
-        checked: allSelected
-      }
-    ) });
-  }, [
-    activeFilterValues?.length,
-    allActiveGroupOptions.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(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
-    )
-  ] }) : emptyElement });
-};
-exports.filterGroupRightPanelClasses = RightPanel_styles.staticClasses;
-exports.HvFilterGroupRightPanel = HvFilterGroupRightPanel;