@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/FilterGroup/FilterGroup.js

@@ -0,0 +1,285 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "labels", "value", "filters", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "filterContentProps"];
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import React from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { FilterGroupProvider } from "./FilterGroupContext";
+import FilterContent from "./FilterContent";
+import useStyles from "./styles";
+import { setId, useLabels, useUniqueId, useControlled, HvFormElement, HvLabel, HvWarningText, HvInfoMessage } from "..";
+var DEFAULT_LABELS = {
+  applyLabel: "Apply",
+  cancelLabel: "Cancel",
+  clearLabel: "Clear Filters",
+  placeholder: "Filters",
+  searchBoxPlaceholder: "Search",
+  selectAll: "All",
+  multiSelectionConjunction: "/"
+};
+
+var HvFilterGroup = function HvFilterGroup(_ref) {
+  var className = _ref.className,
+      id = _ref.id,
+      name = _ref.name,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      label = _ref.label,
+      ariaLabel = _ref["aria-label"],
+      ariaLabelledBy = _ref["aria-labelledby"],
+      description = _ref.description,
+      ariaDescribedBy = _ref["aria-describedby"],
+      onChange = _ref.onChange,
+      onCancel = _ref.onCancel,
+      onClear = _ref.onClear,
+      status = _ref.status,
+      statusMessage = _ref.statusMessage,
+      labelsProp = _ref.labels,
+      value = _ref.value,
+      filters = _ref.filters,
+      _ref$horizontalPlacem = _ref.horizontalPlacement,
+      horizontalPlacement = _ref$horizontalPlacem === void 0 ? "right" : _ref$horizontalPlacem,
+      _ref$disablePortal = _ref.disablePortal,
+      disablePortal = _ref$disablePortal === void 0 ? true : _ref$disablePortal,
+      _ref$escapeWithRefere = _ref.escapeWithReference,
+      escapeWithReference = _ref$escapeWithRefere === void 0 ? true : _ref$escapeWithRefere,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 350 : _ref$height,
+      filterContentProps = _ref.filterContentProps,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var classes = useStyles();
+
+  var _useControlled = useControlled(statusMessage, "Required"),
+      _useControlled2 = _slicedToArray(_useControlled, 1),
+      validationMessage = _useControlled2[0];
+
+  var elementId = useUniqueId(id, "hvfiltergroup");
+  var labels = useLabels(DEFAULT_LABELS, labelsProp);
+  var hasLabel = label != null;
+  var hasDescription = description != null; // error message area will only be needed if the status is being controlled
+  // or if required is true
+
+  var canShowError = status !== undefined || required;
+  return /*#__PURE__*/React.createElement(HvFormElement, _extends({
+    id: id,
+    name: name,
+    value: value,
+    status: status,
+    disabled: disabled,
+    required: required,
+    className: clsx(className, classes.root)
+  }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
+    className: classes.labelContainer
+  }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
+    id: setId(elementId, "label"),
+    htmlFor: setId(elementId, "input"),
+    label: label,
+    className: classes.label
+  }), hasDescription && /*#__PURE__*/React.createElement(HvInfoMessage, {
+    id: setId(elementId, "description"),
+    className: classes.description
+  }, description)), /*#__PURE__*/React.createElement(FilterGroupProvider, {
+    value: value,
+    filters: filters
+  }, /*#__PURE__*/React.createElement(FilterContent, _extends({
+    id: elementId,
+    disabled: disabled,
+    disablePortal: disablePortal,
+    variableWidth: true,
+    placement: horizontalPlacement,
+    escapeWithReference: escapeWithReference,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    status: status,
+    onChange: onChange,
+    onCancel: onCancel,
+    onClear: onClear,
+    labels: labels,
+    height: height
+  }, filterContentProps)), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
+    id: setId(elementId, "error"),
+    disableBorder: true,
+    className: classes.error
+  }, validationMessage)));
+};
+
+HvFilterGroup.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the form element root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The form element name.
+   */
+  name: PropTypes.string,
+
+  /**
+   * The label of the form element.
+   *
+   * The form element must be labeled for accessibility reasons.
+   * If not provided, an aria-label or aria-labelledby must be provided instead.
+   */
+  label: PropTypes.node,
+
+  /**
+   * @ignore
+   */
+  "aria-label": PropTypes.string,
+
+  /**
+   * @ignore
+   */
+  "aria-labelledby": PropTypes.string,
+
+  /**
+   * Provide additional descriptive text for the form element.
+   */
+  description: PropTypes.node,
+
+  /**
+   * @ignore
+   */
+  "aria-describedby": PropTypes.string,
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  required: PropTypes.bool,
+
+  /**
+   * The status of the form element.
+   *
+   * Valid is correct, invalid is incorrect and standBy means no validations have run.
+   *
+   * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+   * or "invalid" after any change to the state.
+   */
+  status: PropTypes.oneOf(["standBy", "valid", "invalid"]),
+
+  /**
+   * The error message to show when `status` is "invalid". Defaults to "Required".
+   */
+  statusMessage: PropTypes.node,
+
+  /**
+   * The callback fired when the value changes.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * The callback fired when the cancel button is clicked.
+   */
+  onCancel: PropTypes.func,
+
+  /**
+   * The callback fired when the clear filters button is clicked.
+   */
+  onClear: PropTypes.func,
+
+  /**
+   * An object containing all the labels for the Filter Group.
+   */
+  labels: PropTypes.shape({
+    /**
+     * Apply button label.
+     */
+    applyLabel: PropTypes.string,
+
+    /**
+     * Cancel button label.
+     */
+    cancelLabel: PropTypes.string,
+
+    /**
+     * Clear Filters button label.
+     */
+    clearLabel: PropTypes.string,
+
+    /**
+     * Placeholder label.
+     */
+    placeholder: PropTypes.string,
+
+    /**
+     * SearchBox placeholder label.
+     */
+    searchBoxPlaceholder: PropTypes.string,
+
+    /**
+     * Select All placeholder label.
+     */
+    selectAll: PropTypes.string,
+
+    /**
+     * Multi selection conjunction placeholder label.
+     */
+    multiSelectionConjunction: PropTypes.string
+  }),
+
+  /**
+   * The options of the filter group.
+   */
+  filters: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+    data: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      name: PropTypes.string.isRequired
+    })).isRequired
+  })).isRequired,
+
+  /**
+   * The value of the filter group.
+   */
+  value: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
+
+  /**
+   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.
+   */
+  horizontalPlacement: PropTypes.oneOf(["left", "right"]),
+
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal: PropTypes.bool,
+
+  /**
+   * Sets if the filter container should be out of the screen or stay visible.
+   */
+  escapeWithReference: PropTypes.bool,
+
+  /**
+   * The Height of the filter panel, between 295 and 425. Defaults to 350
+   */
+  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),
+
+  /**
+   * The filter content props
+   */
+  filterContentProps: PropTypes.object,
+
+  /**
+   * If `true` the filter group starts opened if `false` it starts closed.
+   */
+  expanded: PropTypes.bool
+};
+export default HvFilterGroup;
+//# sourceMappingURL=FilterGroup.js.map

package/dist/legacy/FilterGroup/FilterGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labelsProp","labels","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\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  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={clsx(className, classes.root)}\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 id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider value={value} filters={filters}>\n        <FilterContent\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 id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\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: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\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: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}

package/dist/legacy/FilterGroup/FilterGroupContext.js

@@ -0,0 +1,87 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.array.map.js";
+import React, { useState, useEffect, useMemo, useCallback } from "react";
+import PropTypes from "prop-types";
+import isEqual from "lodash/isEqual";
+import { useSavedState } from "../utils";
+export var FilterGroupContext = /*#__PURE__*/React.createContext({
+  activeGroup: 0,
+  setActiveGroup: function setActiveGroup() {},
+  filterOptions: [],
+  setFilterOptions: function setFilterOptions() {},
+  filterValues: [],
+  setFilterValues: function setFilterValues() {},
+  rollbackFilters: function rollbackFilters() {},
+  clearFilters: function clearFilters() {},
+  applyFilters: function applyFilters() {},
+  applyDisabled: false
+});
+
+var groups = function groups(filters) {
+  return filters.map(function () {
+    return [];
+  });
+};
+
+export var FilterGroupProvider = function FilterGroupProvider(_ref) {
+  var value = _ref.value,
+      filters = _ref.filters,
+      children = _ref.children;
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      group = _useState2[0],
+      setActiveGroup = _useState2[1];
+
+  var _useSavedState = useSavedState(value || groups(filters)),
+      _useSavedState2 = _slicedToArray(_useSavedState, 4),
+      filterValues = _useSavedState2[0],
+      setFilterValues = _useSavedState2[1],
+      rollbackFilters = _useSavedState2[2],
+      appliedFilters = _useSavedState2[3];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      applyDisabled = _useState4[0],
+      setApplyDisabled = _useState4[1];
+
+  useEffect(function () {
+    setApplyDisabled(isEqual(filterValues, appliedFilters));
+  }, [filterValues, appliedFilters]);
+  var clearFilters = useCallback(function () {
+    setFilterValues(groups(filters));
+  }, [filters, setFilterValues]);
+  var applyFilters = useCallback(function () {
+    setFilterValues(filterValues, true);
+  }, [filterValues, setFilterValues]);
+  var contextValue = useMemo(function () {
+    return {
+      activeGroup: group,
+      setActiveGroup: setActiveGroup,
+      filterOptions: filters,
+      filterValues: filterValues,
+      setFilterValues: setFilterValues,
+      appliedFilters: appliedFilters,
+      rollbackFilters: rollbackFilters,
+      clearFilters: clearFilters,
+      applyFilters: applyFilters,
+      applyDisabled: applyDisabled
+    };
+  }, [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues]);
+  return /*#__PURE__*/React.createElement(FilterGroupContext.Provider, {
+    value: contextValue
+  }, children);
+};
+FilterGroupProvider.propTypes = {
+  value: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
+  filters: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+    data: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      name: PropTypes.string.isRequired
+    })).isRequired
+  })),
+  children: PropTypes.node.isRequired
+};
+//# sourceMappingURL=FilterGroupContext.js.map

package/dist/legacy/FilterGroup/FilterGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"names":["React","useState","useEffect","useMemo","useCallback","PropTypes","isEqual","useSavedState","FilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isEqual from \"lodash/isEqual\";\nimport { useSavedState } from \"../utils\";\n\nexport const FilterGroupContext = React.createContext({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterOptions: () => {},\n  filterValues: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n});\n\nconst groups = (filters) => filters.map(() => []);\n\nexport const FilterGroupProvider = ({ value, filters, children }) => {\n  const [group, setActiveGroup] = useState(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(\n    value || groups(filters)\n  );\n  const [applyDisabled, setApplyDisabled] = useState(false);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(groups(filters));\n  }, [filters, setFilterValues]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue = 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    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n    ]\n  );\n\n  return <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ),\n  children: PropTypes.node.isRequired,\n};\n"],"file":"FilterGroupContext.js"}

package/dist/legacy/FilterGroup/LeftPanel/LeftPanel.js

@@ -0,0 +1,51 @@
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import React, { useContext } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { HvPanel, HvListContainer, HvListItem, setId } from "../..";
+import { FilterGroupContext } from "../FilterGroupContext";
+import Counter from "../Counter";
+import useStyles from "./styles";
+import { wrapperTooltip } from "../../List/utils";
+
+var LeftPanel = function LeftPanel(_ref) {
+  var id = _ref.id,
+      className = _ref.className;
+  var classes = useStyles();
+
+  var _useContext = useContext(FilterGroupContext),
+      filterOptions = _useContext.filterOptions,
+      activeGroup = _useContext.activeGroup,
+      setActiveGroup = _useContext.setActiveGroup;
+
+  return /*#__PURE__*/React.createElement(HvPanel, {
+    id: setId(id, "leftPanel"),
+    className: clsx(className, classes.root)
+  }, /*#__PURE__*/React.createElement(HvListContainer, {
+    id: setId(id, "leftPanel-list"),
+    condensed: true,
+    interactive: true
+  }, filterOptions.map(function (group, index) {
+    var ItemText = wrapperTooltip(true, group.name, group.name);
+    return /*#__PURE__*/React.createElement(HvListItem, {
+      id: group.id,
+      className: classes.filterItem,
+      key: group.name,
+      onClick: function onClick() {
+        return setActiveGroup(index);
+      },
+      selected: filterOptions[activeGroup].id === group.id,
+      endAdornment: /*#__PURE__*/React.createElement(Counter, {
+        id: group.id
+      })
+    }, /*#__PURE__*/React.createElement(ItemText, null));
+  })));
+};
+
+LeftPanel.propTypes = {
+  id: PropTypes.string,
+  className: PropTypes.string
+};
+export default LeftPanel;
+//# sourceMappingURL=LeftPanel.js.map

package/dist/legacy/FilterGroup/LeftPanel/LeftPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/LeftPanel/LeftPanel.js"],"names":["React","useContext","clsx","PropTypes","HvPanel","HvListContainer","HvListItem","setId","FilterGroupContext","Counter","useStyles","wrapperTooltip","LeftPanel","id","className","classes","filterOptions","activeGroup","setActiveGroup","root","map","group","index","ItemText","name","filterItem","propTypes","string"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,EAAkBC,eAAlB,EAAmCC,UAAnC,EAA+CC,KAA/C,QAA4D,OAA5D;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAAuB;AAAA,MAApBC,EAAoB,QAApBA,EAAoB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACvC,MAAMC,OAAO,GAAGL,SAAS,EAAzB;;AACA,oBAAuDT,UAAU,CAACO,kBAAD,CAAjE;AAAA,MAAQQ,aAAR,eAAQA,aAAR;AAAA,MAAuBC,WAAvB,eAAuBA,WAAvB;AAAA,MAAoCC,cAApC,eAAoCA,cAApC;;AAEA,sBACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAEX,KAAK,CAACM,EAAD,EAAK,WAAL,CAAlB;AAAqC,IAAA,SAAS,EAAEX,IAAI,CAACY,SAAD,EAAYC,OAAO,CAACI,IAApB;AAApD,kBACE,oBAAC,eAAD;AAAiB,IAAA,EAAE,EAAEZ,KAAK,CAACM,EAAD,EAAK,gBAAL,CAA1B;AAAkD,IAAA,SAAS,MAA3D;AAA4D,IAAA,WAAW;AAAvE,KACGG,aAAa,CAACI,GAAd,CAAkB,UAACC,KAAD,EAAQC,KAAR,EAAkB;AACnC,QAAMC,QAAQ,GAAGZ,cAAc,CAAC,IAAD,EAAOU,KAAK,CAACG,IAAb,EAAmBH,KAAK,CAACG,IAAzB,CAA/B;AACA,wBACE,oBAAC,UAAD;AACE,MAAA,EAAE,EAAEH,KAAK,CAACR,EADZ;AAEE,MAAA,SAAS,EAAEE,OAAO,CAACU,UAFrB;AAGE,MAAA,GAAG,EAAEJ,KAAK,CAACG,IAHb;AAIE,MAAA,OAAO,EAAE;AAAA,eAAMN,cAAc,CAACI,KAAD,CAApB;AAAA,OAJX;AAKE,MAAA,QAAQ,EAAEN,aAAa,CAACC,WAAD,CAAb,CAA2BJ,EAA3B,KAAkCQ,KAAK,CAACR,EALpD;AAME,MAAA,YAAY,eAAE,oBAAC,OAAD;AAAS,QAAA,EAAE,EAAEQ,KAAK,CAACR;AAAnB;AANhB,oBAQE,oBAAC,QAAD,OARF,CADF;AAYD,GAdA,CADH,CADF,CADF;AAqBD,CAzBD;;AA2BAD,SAAS,CAACc,SAAV,GAAsB;AACpBb,EAAAA,EAAE,EAAEV,SAAS,CAACwB,MADM;AAEpBb,EAAAA,SAAS,EAAEX,SAAS,CAACwB;AAFD,CAAtB;AAKA,eAAef,SAAf","sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { HvPanel, HvListContainer, HvListItem, setId } from \"../..\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport Counter from \"../Counter\";\nimport useStyles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst LeftPanel = ({ id, className }) => {\n  const classes = useStyles();\n  const { filterOptions, activeGroup, setActiveGroup } = useContext(FilterGroupContext);\n\n  return (\n    <HvPanel id={setId(id, \"leftPanel\")} className={clsx(className, classes.root)}>\n      <HvListContainer id={setId(id, \"leftPanel-list\")} condensed interactive>\n        {filterOptions.map((group, index) => {\n          const ItemText = wrapperTooltip(true, group.name, group.name);\n          return (\n            <HvListItem\n              id={group.id}\n              className={classes.filterItem}\n              key={group.name}\n              onClick={() => setActiveGroup(index)}\n              selected={filterOptions[activeGroup].id === group.id}\n              endAdornment={<Counter id={group.id} />}\n            >\n              <ItemText />\n            </HvListItem>\n          );\n        })}\n      </HvListContainer>\n    </HvPanel>\n  );\n};\n\nLeftPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n};\n\nexport default LeftPanel;\n"],"file":"LeftPanel.js"}

package/dist/legacy/FilterGroup/LeftPanel/index.js

@@ -0,0 +1,2 @@
+export { default } from "./LeftPanel";
+//# sourceMappingURL=index.js.map

package/dist/legacy/FilterGroup/LeftPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/LeftPanel/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB","sourcesContent":["export { default } from \"./LeftPanel\";\n"],"file":"index.js"}

package/dist/legacy/FilterGroup/LeftPanel/styles.js

@@ -0,0 +1,15 @@
+import { makeStyles } from "@material-ui/core"; // accommodating the focus outline space with extra 4px
+
+var styles = makeStyles(function () {
+  return {
+    root: {
+      "& $filterItem": {
+        display: "flex",
+        justifyContent: "space-between"
+      }
+    },
+    filterItem: {}
+  };
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/FilterGroup/LeftPanel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/LeftPanel/styles.js"],"names":["makeStyles","styles","root","display","justifyContent","filterItem"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B,C,CAEA;;AAEA,IAAMC,MAAM,GAAGD,UAAU,CAAC;AAAA,SAAO;AAC/BE,IAAAA,IAAI,EAAE;AACJ,uBAAiB;AACfC,QAAAA,OAAO,EAAE,MADM;AAEfC,QAAAA,cAAc,EAAE;AAFD;AADb,KADyB;AAO/BC,IAAAA,UAAU,EAAE;AAPmB,GAAP;AAAA,CAAD,CAAzB;AAUA,eAAeJ,MAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\n// accommodating the focus outline space with extra 4px\n\nconst styles = makeStyles(() => ({\n  root: {\n    \"& $filterItem\": {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n    },\n  },\n  filterItem: {},\n}));\n\nexport default styles;\n"],"file":"styles.js"}