@hitachivantara/uikit-react-core 4.0.2 → 4.0.4

package/dist/modern/FilterGroup/FilterGroup.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "labels", "defaultValue", "value", "filters", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "filterContentProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -25,49 +21,49 @@ const DEFAULT_LABELS = {
   selectAll: "All",
   multiSelectionConjunction: "/"
 };
+
 /**
  * This component implements one potential use-case of the Filter Group pattern Design System Specifies.
  * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
  * while we do not provide a better approach for building this component with smaller and more composable parts.
  */
-
 const HvFilterGroup = _ref => {
   let {
-    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
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      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
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const classes = useStyles();
   const [validationMessage] = useControlled(statusMessage, "Required");
   const elementId = useUniqueId(id, "hvfiltergroup");
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
   const hasLabel = label != null;
-  const hasDescription = description != null; // error message area will only be needed if the status is being controlled
-  // or if required is true
+  const hasDescription = description != null;
 
+  // error message area will only be needed if the status is being controlled
+  // or if required is true
   const canShowError = status !== undefined || required;
   return /*#__PURE__*/_jsxs(HvFormElement, _objectSpread(_objectSpread({
     id: id,
@@ -118,23 +114,19 @@ const HvFilterGroup = _ref => {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? 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.
    *
@@ -142,37 +134,30 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
    * 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.
    *
@@ -182,27 +167,22 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
    * 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.
    */
@@ -211,38 +191,31 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
      * 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.
    */
@@ -254,43 +227,35 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
       name: PropTypes.string.isRequired
     })).isRequired
   })).isRequired,
-
   /**
    * The default value of the filter group.
    * If defined the clear action will reset to it.
    */
   defaultValue: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
-
   /**
    * 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.
    */

package/dist/modern/FilterGroup/FilterGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"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","labels","labelsProp","defaultValue","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"],"sources":["../../../src/FilterGroup/FilterGroup.js"],"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\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 */\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  defaultValue,\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 defaultValue={defaultValue} 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 default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\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  /**\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"],"mappings":"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"}
+{"version":3,"file":"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","labels","labelsProp","defaultValue","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"],"sources":["../../../src/FilterGroup/FilterGroup.js"],"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\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 */\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  defaultValue,\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 defaultValue={defaultValue} 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 default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\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  /**\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"],"mappings":"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"}

package/dist/modern/FilterGroup/FilterGroupContext.js

@@ -1,4 +1,3 @@
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useEffect, useMemo, useCallback } from "react";
 import PropTypes from "prop-types";
 import isEqual from "lodash/isEqual";
@@ -16,9 +15,7 @@ export const FilterGroupContext = /*#__PURE__*/React.createContext({
   applyFilters: () => {},
   applyDisabled: false
 });
-
 const groups = filters => filters.map(() => []);
-
 export const FilterGroupProvider = ({
   defaultValue,
   value,

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

@@ -1 +1 @@
-{"version":3,"file":"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","defaultValue","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"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 = ({ defaultValue, 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    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 = 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 <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\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"],"mappings":"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"}
+{"version":3,"file":"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","defaultValue","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"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 = ({ defaultValue, 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    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 = 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 <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\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"],"mappings":"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"}

package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js

@@ -7,7 +7,6 @@ import Counter from "../Counter";
 import useStyles from "./styles";
 import { wrapperTooltip } from "../../List/utils";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const LeftPanel = ({
   id,
   className,
@@ -42,7 +41,6 @@ const LeftPanel = ({
     }) : emptyElement
   });
 };
-
 process.env.NODE_ENV !== "production" ? LeftPanel.propTypes = {
   id: PropTypes.string,
   className: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.js","names":["React","useContext","clsx","PropTypes","HvPanel","HvListContainer","HvListItem","setId","FilterGroupContext","Counter","useStyles","wrapperTooltip","LeftPanel","id","className","emptyElement","classes","filterOptions","activeGroup","setActiveGroup","root","length","map","group","index","ItemText","name","filterItem","propTypes","string","node"],"sources":["../../../../src/FilterGroup/LeftPanel/LeftPanel.js"],"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, emptyElement }) => {\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      {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            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      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nLeftPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  emptyElement: PropTypes.node,\n};\n\nexport default LeftPanel;\n"],"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,MAAMC,SAAS,GAAG,CAAC;EAAEC,EAAF;EAAMC,SAAN;EAAiBC;AAAjB,CAAD,KAAqC;EACrD,MAAMC,OAAO,GAAGN,SAAS,EAAzB;EACA,MAAM;IAAEO,aAAF;IAAiBC,WAAjB;IAA8BC;EAA9B,IAAiDlB,UAAU,CAACO,kBAAD,CAAjE;EAEA,oBACE,KAAC,OAAD;IAAS,EAAE,EAAED,KAAK,CAACM,EAAD,EAAK,WAAL,CAAlB;IAAqC,SAAS,EAAEX,IAAI,CAACY,SAAD,EAAYE,OAAO,CAACI,IAApB,CAApD;IAAA,UACGH,aAAa,CAACI,MAAd,GAAuB,CAAvB,gBACC,KAAC,eAAD;MAAiB,EAAE,EAAEd,KAAK,CAACM,EAAD,EAAK,gBAAL,CAA1B;MAAkD,SAAS,MAA3D;MAA4D,WAAW,MAAvE;MAAA,UACGI,aAAa,CAACK,GAAd,CAAkB,CAACC,KAAD,EAAQC,KAAR,KAAkB;QACnC,MAAMC,QAAQ,GAAGd,cAAc,CAAC,IAAD,EAAOY,KAAK,CAACG,IAAb,EAAmBH,KAAK,CAACG,IAAzB,CAA/B;QACA,oBACE,KAAC,UAAD;UACE,EAAE,EAAEH,KAAK,CAACV,EADZ;UAEE,SAAS,EAAEG,OAAO,CAACW,UAFrB;UAIE,OAAO,EAAE,MAAMR,cAAc,CAACK,KAAD,CAJ/B;UAKE,QAAQ,EAAEP,aAAa,CAACC,WAAD,CAAb,CAA2BL,EAA3B,KAAkCU,KAAK,CAACV,EALpD;UAME,YAAY,eAAE,KAAC,OAAD;YAAS,EAAE,EAAEU,KAAK,CAACV;UAAnB,EANhB;UAAA,uBAQE,KAAC,QAAD;QARF,GAGOU,KAAK,CAACG,IAHb,CADF;MAYD,CAdA;IADH,EADD,GAmBCX;EApBJ,EADF;AAyBD,CA7BD;;AA+BA,wCAAAH,SAAS,CAACgB,SAAV,GAAsB;EACpBf,EAAE,EAAEV,SAAS,CAAC0B,MADM;EAEpBf,SAAS,EAAEX,SAAS,CAAC0B,MAFD;EAGpBd,YAAY,EAAEZ,SAAS,CAAC2B;AAHJ,CAAtB;AAMA,eAAelB,SAAf"}
+{"version":3,"file":"LeftPanel.js","names":["React","useContext","clsx","PropTypes","HvPanel","HvListContainer","HvListItem","setId","FilterGroupContext","Counter","useStyles","wrapperTooltip","LeftPanel","id","className","emptyElement","classes","filterOptions","activeGroup","setActiveGroup","root","length","map","group","index","ItemText","name","filterItem","propTypes","string","node"],"sources":["../../../../src/FilterGroup/LeftPanel/LeftPanel.js"],"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, emptyElement }) => {\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      {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            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      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nLeftPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  emptyElement: PropTypes.node,\n};\n\nexport default LeftPanel;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,EAAEC,eAAe,EAAEC,UAAU,EAAEC,KAAK,QAAQ,OAAO;AACnE,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,SAAS,MAAM,UAAU;AAChC,SAASC,cAAc,QAAQ,kBAAkB;AAAC;AAElD,MAAMC,SAAS,GAAG,CAAC;EAAEC,EAAE;EAAEC,SAAS;EAAEC;AAAa,CAAC,KAAK;EACrD,MAAMC,OAAO,GAAGN,SAAS,EAAE;EAC3B,MAAM;IAAEO,aAAa;IAAEC,WAAW;IAAEC;EAAe,CAAC,GAAGlB,UAAU,CAACO,kBAAkB,CAAC;EAErF,oBACE,KAAC,OAAO;IAAC,EAAE,EAAED,KAAK,CAACM,EAAE,EAAE,WAAW,CAAE;IAAC,SAAS,EAAEX,IAAI,CAACY,SAAS,EAAEE,OAAO,CAACI,IAAI,CAAE;IAAA,UAC3EH,aAAa,CAACI,MAAM,GAAG,CAAC,gBACvB,KAAC,eAAe;MAAC,EAAE,EAAEd,KAAK,CAACM,EAAE,EAAE,gBAAgB,CAAE;MAAC,SAAS;MAAC,WAAW;MAAA,UACpEI,aAAa,CAACK,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;QACnC,MAAMC,QAAQ,GAAGd,cAAc,CAAC,IAAI,EAAEY,KAAK,CAACG,IAAI,EAAEH,KAAK,CAACG,IAAI,CAAC;QAC7D,oBACE,KAAC,UAAU;UACT,EAAE,EAAEH,KAAK,CAACV,EAAG;UACb,SAAS,EAAEG,OAAO,CAACW,UAAW;UAE9B,OAAO,EAAE,MAAMR,cAAc,CAACK,KAAK,CAAE;UACrC,QAAQ,EAAEP,aAAa,CAACC,WAAW,CAAC,CAACL,EAAE,KAAKU,KAAK,CAACV,EAAG;UACrD,YAAY,eAAE,KAAC,OAAO;YAAC,EAAE,EAAEU,KAAK,CAACV;UAAG,EAAI;UAAA,uBAExC,KAAC,QAAQ;QAAG,GALPU,KAAK,CAACG,IAAI,CAMJ;MAEjB,CAAC;IAAC,EACc,GAElBX;EACD,EACO;AAEd,CAAC;AAED,wCAAAH,SAAS,CAACgB,SAAS,GAAG;EACpBf,EAAE,EAAEV,SAAS,CAAC0B,MAAM;EACpBf,SAAS,EAAEX,SAAS,CAAC0B,MAAM;EAC3Bd,YAAY,EAAEZ,SAAS,CAAC2B;AAC1B,CAAC;AAED,eAAelB,SAAS"}

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

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

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

@@ -1,4 +1,6 @@
-import { makeStyles } from "@mui/styles"; // accommodating the focus outline space with extra 4px
+import { makeStyles } from "@mui/styles";
+
+// accommodating the focus outline space with extra 4px
 
 const styles = makeStyles(() => ({
   root: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","root","display","justifyContent","filterItem"],"sources":["../../../../src/FilterGroup/LeftPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\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"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B,C,CAEA;;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,IAAI,EAAE;IACJ,iBAAiB;MACfC,OAAO,EAAE,MADM;MAEfC,cAAc,EAAE;IAFD;EADb,CADyB;EAO/BC,UAAU,EAAE;AAPmB,CAAP,CAAD,CAAzB;AAUA,eAAeJ,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","root","display","justifyContent","filterItem"],"sources":["../../../../src/FilterGroup/LeftPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\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"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;;AAExC;;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,IAAI,EAAE;IACJ,eAAe,EAAE;MACfC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE;IAClB;EACF,CAAC;EACDC,UAAU,EAAE,CAAC;AACf,CAAC,CAAC,CAAC;AAEH,eAAeJ,MAAM"}

package/dist/modern/FilterGroup/RightPanel/RightPanel.js

@@ -1,10 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useMemo, useContext, useState, useEffect, useCallback } from "react";
 import PropTypes from "prop-types";
 import cloneDeep from "lodash/cloneDeep";
@@ -15,7 +11,6 @@ import { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from "../..
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const RightPanel = ({
   id,
   className,
@@ -35,12 +30,10 @@ const RightPanel = ({
   const activeGroupOptions = useMemo(() => filterOptions[activeGroup].data.map(option => option.id), [filterOptions, activeGroup]);
   const activeFilterValues = useMemo(() => {
     var _filterValues$activeG;
-
     return (_filterValues$activeG = filterValues[activeGroup]) === null || _filterValues$activeG === void 0 ? void 0 : _filterValues$activeG.filter(value => activeGroupOptions.includes(value));
   }, [filterValues, activeGroupOptions, activeGroup]);
   const listValues = useMemo(() => filterOptions[activeGroup].data.map(option => {
     var _filterValues$activeG2;
-
     return _objectSpread(_objectSpread({}, option), {}, {
       label: option.name,
       selected: (_filterValues$activeG2 = filterValues[activeGroup]) === null || _filterValues$activeG2 === void 0 ? void 0 : _filterValues$activeG2.includes(option.id),
@@ -58,30 +51,27 @@ const RightPanel = ({
     updateSelectAll();
   }, [activeFilterValues, updateSelectAll]);
   useEffect(() => setSearchStr(""), [activeGroup]);
-
   const onChangeHandler = values => {
     const newFilterValues = filterOptions.map((option, i) => activeGroup === i ? values.filter(v => v.selected).map(v => v.id) : [...(filterValues[i] || [])]);
     setFilterValues(newFilterValues);
   };
-
   const handleSelectAll = useCallback(() => {
     const newFilterValues = cloneDeep(filterValues);
     newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;
     setFilterValues(newFilterValues);
   }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);
+
   /**
    * Create selecteAll component.
    *
    * @returns {*}
    */
-
   const SelectAll = useCallback(() => {
     const {
       selectAll,
       multiSelectionConjunction
     } = labels;
     const nbrSelected = activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length;
-
     const defaultLabel = /*#__PURE__*/_jsx(HvTypography, {
       component: "span",
       children: nbrSelected > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
@@ -94,7 +84,6 @@ const RightPanel = ({
         }), ` (${activeGroupOptions.length})`]
       })
     });
-
     return /*#__PURE__*/_jsx("div", {
       className: classes.selectAllContainer,
       children: /*#__PURE__*/_jsx(HvCheckBox, {
@@ -138,7 +127,6 @@ const RightPanel = ({
     }) : emptyElement
   });
 };
-
 process.env.NODE_ENV !== "production" ? RightPanel.propTypes = {
   id: PropTypes.string,
   className: PropTypes.string,

package/dist/modern/FilterGroup/RightPanel/RightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape","node"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels, emptyElement }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup].data.map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup].data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      {listValues.length > 0 ? (\n        <>\n          <HvInput\n            id={setId(id, \"search\")}\n            classes={{\n              root: classes.search,\n            }}\n            type=\"search\"\n            placeholder={labels.searchBoxPlaceholder}\n            value={searchStr}\n            onChange={(event, str) => setSearchStr(str)}\n          />\n          <SelectAll />\n          <HvList\n            key={activeGroup}\n            id={setId(id, \"list\")}\n            className={classes.list}\n            values={listValues}\n            multiSelect\n            useSelector\n            showSelectAll={false}\n            onChange={onChangeHandler}\n            selectable\n            condensed\n            hasTooltips\n          />\n        </>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  emptyElement: PropTypes.node,\n};\n\nexport default RightPanel;\n"],"mappings":"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"}
+{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape","node"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels, emptyElement }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup].data.map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup].data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      {listValues.length > 0 ? (\n        <>\n          <HvInput\n            id={setId(id, \"search\")}\n            classes={{\n              root: classes.search,\n            }}\n            type=\"search\"\n            placeholder={labels.searchBoxPlaceholder}\n            value={searchStr}\n            onChange={(event, str) => setSearchStr(str)}\n          />\n          <SelectAll />\n          <HvList\n            key={activeGroup}\n            id={setId(id, \"list\")}\n            className={classes.list}\n            values={listValues}\n            multiSelect\n            useSelector\n            showSelectAll={false}\n            onChange={onChangeHandler}\n            selectable\n            condensed\n            hasTooltips\n          />\n        </>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  emptyElement: PropTypes.node,\n};\n\nexport default RightPanel;\n"],"mappings":"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"}

package/dist/modern/FilterGroup/RightPanel/index.js.map

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

package/dist/modern/FilterGroup/RightPanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","theme","root","width","height","overflowY","margin","padding","search","marginBottom","hvSpacing","list","hiddenOption","display","selectAllContainer","position","zIndex","selectAll"],"sources":["../../../../src/FilterGroup/RightPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    \"& ul$list\": {\n      width: \"calc(100% + 8px)\",\n      height: \"calc(100% - 70px)\",\n      overflowY: \"auto\",\n      margin: -4,\n      padding: 4,\n    },\n  },\n  search: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  list: {},\n  hiddenOption: {\n    display: \"none\",\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,IAAI,EAAE;IACJ,aAAa;MACXC,KAAK,EAAE,kBADI;MAEXC,MAAM,EAAE,mBAFG;MAGXC,SAAS,EAAE,MAHA;MAIXC,MAAM,EAAE,CAAC,CAJE;MAKXC,OAAO,EAAE;IALE;EADT,CAD8B;EAUpCC,MAAM,EAAE;IACNC,YAAY,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB;EADR,CAV4B;EAapCC,IAAI,EAAE,EAb8B;EAcpCC,YAAY,EAAE;IACZC,OAAO,EAAE;EADG,CAdsB;EAiBpCC,kBAAkB,EAAE;IAClB;IACA,KAAK;MACHC,QAAQ,EAAE,UADP;MAEHC,MAAM,EAAE;IAFL,CAFa;IAMlB,kBAAkB;MAChBA,MAAM,EAAE;IADQ,CANA;IASlB;IACA,kBAAkB;MAChBA,MAAM,EAAE;IADQ;EAVA,CAjBgB;EA+BpCC,SAAS,EAAE;IACTd,KAAK,EAAE;EADE;AA/ByB,CAAZ,CAAD,CAAzB;AAoCA,eAAeH,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","theme","root","width","height","overflowY","margin","padding","search","marginBottom","hvSpacing","list","hiddenOption","display","selectAllContainer","position","zIndex","selectAll"],"sources":["../../../../src/FilterGroup/RightPanel/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    \"& ul$list\": {\n      width: \"calc(100% + 8px)\",\n      height: \"calc(100% - 70px)\",\n      overflowY: \"auto\",\n      margin: -4,\n      padding: 4,\n    },\n  },\n  search: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  list: {},\n  hiddenOption: {\n    display: \"none\",\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAK,KAAM;EACpCC,IAAI,EAAE;IACJ,WAAW,EAAE;MACXC,KAAK,EAAE,kBAAkB;MACzBC,MAAM,EAAE,mBAAmB;MAC3BC,SAAS,EAAE,MAAM;MACjBC,MAAM,EAAE,CAAC,CAAC;MACVC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,MAAM,EAAE;IACNC,YAAY,EAAER,KAAK,CAACS,SAAS,CAAC,IAAI;EACpC,CAAC;EACDC,IAAI,EAAE,CAAC,CAAC;EACRC,YAAY,EAAE;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,kBAAkB,EAAE;IAClB;IACA,GAAG,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,gBAAgB,EAAE;MAChBA,MAAM,EAAE;IACV,CAAC;IACD;IACA,gBAAgB,EAAE;MAChBA,MAAM,EAAE;IACV;EACF,CAAC;EACDC,SAAS,EAAE;IACTd,KAAK,EAAE;EACT;AACF,CAAC,CAAC,CAAC;AAEH,eAAeH,MAAM"}

package/dist/modern/FilterGroup/index.js.map

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