@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/FilterGroup/FilterGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroup.js","names":["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","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","useStyles","useControlled","validationMessage","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","clsx","root","labelContainer","setId","error","propTypes","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":["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","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","useStyles","useControlled","validationMessage","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","clsx","root","labelContainer","setId","error","propTypes","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":";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AASY;AAAA;AAAA;AAAA;AAEZ,IAAMA,cAAc,GAAG;EACrBC,UAAU,EAAE,OAAO;EACnBC,WAAW,EAAE,QAAQ;EACrBC,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,SAAS;EACtBC,oBAAoB,EAAE,QAAQ;EAC9BC,SAAS,EAAE,KAAK;EAChBC,yBAAyB,EAAE;AAC7B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAoCb;EAAA,IAnCJC,SAAS,QAATA,SAAS;IAETC,EAAE,QAAFA,EAAE;IACFC,IAAI,QAAJA,IAAI;IAAA,qBAEJC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,qBAChBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAEhBC,KAAK,QAALA,KAAK;IACSC,SAAS,QAAvB,YAAY;IACOC,cAAc,QAAjC,iBAAiB;IACjBC,WAAW,QAAXA,WAAW;IACSC,eAAe,QAAnC,kBAAkB;IAElBC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAEPC,MAAM,QAANA,MAAM;IACNC,aAAa,QAAbA,aAAa;IAELC,UAAU,QAAlBC,MAAM;IAENC,YAAY,QAAZA,YAAY;IACZC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IAAA,6BAEPC,mBAAmB;IAAnBA,mBAAmB,sCAAG,OAAO;IAAA,0BAC7BC,aAAa;IAAbA,aAAa,mCAAG,IAAI;IAAA,6BACpBC,mBAAmB;IAAnBA,mBAAmB,sCAAG,IAAI;IAAA,mBAE1BC,MAAM;IAANA,MAAM,4BAAG,GAAG;IACZC,kBAAkB,QAAlBA,kBAAkB;IAEfC,MAAM;EAET,IAAMC,OAAO,GAAG,IAAAC,eAAS,GAAE;EAE3B,qBAA4B,IAAAC,eAAa,EAACd,aAAa,EAAE,UAAU,CAAC;IAAA;IAA7De,iBAAiB;EAExB,IAAMC,SAAS,GAAG,IAAAC,aAAW,EAAC9B,EAAE,EAAE,eAAe,CAAC;EAElD,IAAMe,MAAM,GAAG,IAAAgB,WAAS,EAACzC,cAAc,EAAEwB,UAAU,CAAC;EAEpD,IAAMkB,QAAQ,GAAG5B,KAAK,IAAI,IAAI;EAC9B,IAAM6B,cAAc,GAAG1B,WAAW,IAAI,IAAI;;EAE1C;EACA;EACA,IAAM2B,YAAY,GAAGtB,MAAM,KAAKuB,SAAS,IAAIjC,QAAQ;EAErD,oBACE,sBAAC,eAAa;IACZ,EAAE,EAAEF,EAAG;IACP,IAAI,EAAEC,IAAK;IACX,KAAK,EAAEgB,KAAM;IACb,MAAM,EAAEL,MAAO;IACf,QAAQ,EAAET,QAAS;IACnB,QAAQ,EAAED,QAAS;IACnB,SAAS,EAAE,IAAAkC,aAAI,EAACrC,SAAS,EAAE0B,OAAO,CAACY,IAAI;EAAE,GACrCb,MAAM;IAAA,WAET,CAACQ,QAAQ,IAAIC,cAAc,kBAC1B;MAAK,SAAS,EAAER,OAAO,CAACa,cAAe;MAAA,WACpCN,QAAQ,iBACP,qBAAC,SAAO;QACN,EAAE,EAAE,IAAAO,OAAK,EAACV,SAAS,EAAE,OAAO,CAAE;QAC9B,OAAO,EAAE,IAAAU,OAAK,EAACV,SAAS,EAAE,OAAO,CAAE;QACnC,KAAK,EAAEzB,KAAM;QACb,SAAS,EAAEqB,OAAO,CAACrB;MAAM,EAE5B,EAEA6B,cAAc,iBACb,qBAAC,eAAa;QAAC,EAAE,EAAE,IAAAM,OAAK,EAACV,SAAS,EAAE,aAAa,CAAE;QAAC,SAAS,EAAEJ,OAAO,CAAClB,WAAY;QAAA,UAChFA;MAAW,EAEf;IAAA,EAEJ,eACD,sBAAC,uCAAmB;MAAC,YAAY,EAAES,YAAa;MAAC,KAAK,EAAEC,KAAM;MAAC,OAAO,EAAEC,OAAQ;MAAA,wBAC9E,qBAAC,sBAAa;QACZ,EAAE,EAAEW,SAAU;QACd,QAAQ,EAAE1B,QAAS;QACnB,aAAa,EAAEiB,aAAc;QAC7B,aAAa;QACb,SAAS,EAAED,mBAAoB;QAC/B,mBAAmB,EAAEE,mBAAoB;QACzC,cAAYhB,SAAU;QACtB,mBAAiBC,cAAe;QAChC,MAAM,EAAEM,MAAO;QACf,QAAQ,EAAEH,QAAS;QACnB,QAAQ,EAAEC,QAAS;QACnB,OAAO,EAAEC,OAAQ;QACjB,MAAM,EAAEI,MAAO;QACf,MAAM,EAAEO;MAAO,GACXC,kBAAkB,EACtB,EACDW,YAAY,iBACX,qBAAC,eAAa;QAAC,EAAE,EAAE,IAAAK,OAAK,EAACV,SAAS,EAAE,OAAO,CAAE;QAAC,aAAa;QAAC,SAAS,EAAEJ,OAAO,CAACe,KAAM;QAAA,UAClFZ;MAAiB,EAErB;IAAA,EACmB;EAAA,GACR;AAEpB,CAAC;AAED,wCAAA9B,aAAa,CAAC2C,SAAS,GAAG;EACxB;AACF;AACA;EACE1C,SAAS,EAAE2C,kBAAS,CAACC,MAAM;EAE3B;AACF;AACA;EACE3C,EAAE,EAAE0C,kBAAS,CAACC,MAAM;EAEpB;AACF;AACA;EACE1C,IAAI,EAAEyC,kBAAS,CAACC,MAAM;EAEtB;AACF;AACA;AACA;AACA;AACA;EACEvC,KAAK,EAAEsC,kBAAS,CAACE,IAAI;EACrB;AACF;AACA;EACE,YAAY,EAAEF,kBAAS,CAACC,MAAM;EAC9B;AACF;AACA;EACE,iBAAiB,EAAED,kBAAS,CAACC,MAAM;EACnC;AACF;AACA;EACEpC,WAAW,EAAEmC,kBAAS,CAACE,IAAI;EAC3B;AACF;AACA;EACE,kBAAkB,EAAEF,kBAAS,CAACC,MAAM;EAEpC;AACF;AACA;EACExC,QAAQ,EAAEuC,kBAAS,CAACG,IAAI;EACxB;AACF;AACA;EACE3C,QAAQ,EAAEwC,kBAAS,CAACG,IAAI;EAExB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEjC,MAAM,EAAE8B,kBAAS,CAACI,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;EACxD;AACF;AACA;EACEjC,aAAa,EAAE6B,kBAAS,CAACE,IAAI;EAE7B;AACF;AACA;EACEnC,QAAQ,EAAEiC,kBAAS,CAACK,IAAI;EAExB;AACF;AACA;EACErC,QAAQ,EAAEgC,kBAAS,CAACK,IAAI;EAExB;AACF;AACA;EACEpC,OAAO,EAAE+B,kBAAS,CAACK,IAAI;EAEvB;AACF;AACA;EACEhC,MAAM,EAAE2B,kBAAS,CAACM,KAAK,CAAC;IACtB;AACJ;AACA;IACIzD,UAAU,EAAEmD,kBAAS,CAACC,MAAM;IAC5B;AACJ;AACA;IACInD,WAAW,EAAEkD,kBAAS,CAACC,MAAM;IAC7B;AACJ;AACA;IACIlD,UAAU,EAAEiD,kBAAS,CAACC,MAAM;IAC5B;AACJ;AACA;IACIjD,WAAW,EAAEgD,kBAAS,CAACC,MAAM;IAC7B;AACJ;AACA;IACIhD,oBAAoB,EAAE+C,kBAAS,CAACC,MAAM;IACtC;AACJ;AACA;IACI/C,SAAS,EAAE8C,kBAAS,CAACC,MAAM;IAC3B;AACJ;AACA;IACI9C,yBAAyB,EAAE6C,kBAAS,CAACC;EACvC,CAAC,CAAC;EAEF;AACF;AACA;EACEzB,OAAO,EAAEwB,kBAAS,CAACO,OAAO,CACxBP,kBAAS,CAACM,KAAK,CAAC;IACdhD,EAAE,EAAE0C,kBAAS,CAACC,MAAM,CAACO,UAAU;IAC/BjD,IAAI,EAAEyC,kBAAS,CAACC,MAAM,CAACO,UAAU;IACjCC,IAAI,EAAET,kBAAS,CAACO,OAAO,CACrBP,kBAAS,CAACM,KAAK,CAAC;MACdhD,EAAE,EAAE0C,kBAAS,CAACU,SAAS,CAAC,CAACV,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACW,MAAM,CAAC,CAAC,CAACH,UAAU;MACxEjD,IAAI,EAAEyC,kBAAS,CAACC,MAAM,CAACO;IACzB,CAAC,CAAC,CACH,CAACA;EACJ,CAAC,CAAC,CACH,CAACA,UAAU;EAEZ;AACF;AACA;AACA;EACElC,YAAY,EAAE0B,kBAAS,CAACO,OAAO,CAC7BP,kBAAS,CAACO,OAAO,CAACP,kBAAS,CAACU,SAAS,CAAC,CAACV,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACW,MAAM,CAAC,CAAC,CAAC,CAC7E;EAED;AACF;AACA;EACEpC,KAAK,EAAEyB,kBAAS,CAACO,OAAO,CACtBP,kBAAS,CAACO,OAAO,CAACP,kBAAS,CAACU,SAAS,CAAC,CAACV,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACW,MAAM,CAAC,CAAC,CAAC,CAC7E;EAED;AACF;AACA;EACElC,mBAAmB,EAAEuB,kBAAS,CAACI,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAEvD;AACF;AACA;EACE1B,aAAa,EAAEsB,kBAAS,CAACG,IAAI;EAC7B;AACF;AACA;EACExB,mBAAmB,EAAEqB,kBAAS,CAACG,IAAI;EAEnC;AACF;AACA;EACEvB,MAAM,EAAEoB,kBAAS,CAACI,KAAK,CAAC,CAACJ,kBAAS,CAACW,MAAM,EAAEX,kBAAS,CAACC,MAAM,CAAC,CAAC;EAE7D;AACF;AACA;EACEpB,kBAAkB,EAAEmB,kBAAS,CAACY,MAAM;EAEpC;AACF;AACA;EACEC,QAAQ,EAAEb,kBAAS,CAACG;AACtB,CAAC;AAAC,eAEa/C,aAAa;AAAA"}

package/dist/FilterGroup/FilterGroupContext.js

@@ -1,44 +1,26 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FilterGroupProvider = exports.FilterGroupContext = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 require("core-js/modules/es.array.map.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 var _utils = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var FilterGroupContext = /*#__PURE__*/_react.default.createContext({
   activeGroup: 0,
   setActiveGroup: function setActiveGroup() {},
@@ -51,38 +33,31 @@ var FilterGroupContext = /*#__PURE__*/_react.default.createContext({
   applyFilters: function applyFilters() {},
   applyDisabled: false
 });
-
 exports.FilterGroupContext = FilterGroupContext;
-
 var groups = function groups(filters) {
   return filters.map(function () {
     return [];
   });
 };
-
 var FilterGroupProvider = function FilterGroupProvider(_ref) {
   var defaultValue = _ref.defaultValue,
-      value = _ref.value,
-      filters = _ref.filters,
-      children = _ref.children;
-
+    value = _ref.value,
+    filters = _ref.filters,
+    children = _ref.children;
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      group = _useState2[0],
-      setActiveGroup = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    group = _useState2[0],
+    setActiveGroup = _useState2[1];
   var _useSavedState = (0, _utils.useSavedState)(value || groups(filters)),
-      _useSavedState2 = (0, _slicedToArray2.default)(_useSavedState, 4),
-      filterValues = _useSavedState2[0],
-      setFilterValues = _useSavedState2[1],
-      rollbackFilters = _useSavedState2[2],
-      appliedFilters = _useSavedState2[3];
-
+    _useSavedState2 = (0, _slicedToArray2.default)(_useSavedState, 4),
+    filterValues = _useSavedState2[0],
+    setFilterValues = _useSavedState2[1],
+    rollbackFilters = _useSavedState2[2],
+    appliedFilters = _useSavedState2[3];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      applyDisabled = _useState4[0],
-      setApplyDisabled = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    applyDisabled = _useState4[0],
+    setApplyDisabled = _useState4[1];
   (0, _react.useEffect)(function () {
     setFilterValues(value, true);
   }, [value, setFilterValues]);
@@ -115,7 +90,6 @@ var FilterGroupProvider = function FilterGroupProvider(_ref) {
     children: children
   });
 };
-
 exports.FilterGroupProvider = FilterGroupProvider;
 process.env.NODE_ENV !== "production" ? FilterGroupProvider.propTypes = {
   defaultValue: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))),

package/dist/FilterGroup/FilterGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroupContext.js","names":["FilterGroupContext","React","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","defaultValue","value","children","useState","group","useSavedState","appliedFilters","setApplyDisabled","useEffect","isEqual","useCallback","contextValue","useMemo","propTypes","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":["FilterGroupContext","React","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","defaultValue","value","children","useState","group","useSavedState","appliedFilters","setApplyDisabled","useEffect","isEqual","useCallback","contextValue","useMemo","propTypes","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/FilterGroup/LeftPanel/LeftPanel.js

@@ -1,63 +1,39 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.array.map.js");
-
 require("core-js/modules/es.function.name.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ = require("../..");
-
 var _FilterGroupContext = require("../FilterGroupContext");
-
 var _Counter = _interopRequireDefault(require("../Counter"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _utils = require("../../List/utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var LeftPanel = function LeftPanel(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      emptyElement = _ref.emptyElement;
+    className = _ref.className,
+    emptyElement = _ref.emptyElement;
   var classes = (0, _styles.default)();
-
   var _useContext = (0, _react.useContext)(_FilterGroupContext.FilterGroupContext),
-      filterOptions = _useContext.filterOptions,
-      activeGroup = _useContext.activeGroup,
-      setActiveGroup = _useContext.setActiveGroup;
-
+    filterOptions = _useContext.filterOptions,
+    activeGroup = _useContext.activeGroup,
+    setActiveGroup = _useContext.setActiveGroup;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvPanel, {
     id: (0, _.setId)(id, "leftPanel"),
     className: (0, _clsx.default)(className, classes.root),
@@ -83,7 +59,6 @@ var LeftPanel = function LeftPanel(_ref) {
     }) : emptyElement
   });
 };
-
 process.env.NODE_ENV !== "production" ? LeftPanel.propTypes = {
   id: _propTypes.default.string,
   className: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.js","names":["LeftPanel","id","className","emptyElement","classes","useStyles","useContext","FilterGroupContext","filterOptions","activeGroup","setActiveGroup","setId","clsx","root","length","map","group","index","ItemText","wrapperTooltip","name","filterItem","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAAqC;EAAA,IAAlCC,EAAkC,QAAlCA,EAAkC;EAAA,IAA9BC,SAA8B,QAA9BA,SAA8B;EAAA,IAAnBC,YAAmB,QAAnBA,YAAmB;EACrD,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,kBAAuD,IAAAC,iBAAA,EAAWC,sCAAX,CAAvD;EAAA,IAAQC,aAAR,eAAQA,aAAR;EAAA,IAAuBC,WAAvB,eAAuBA,WAAvB;EAAA,IAAoCC,cAApC,eAAoCA,cAApC;;EAEA,oBACE,qBAAC,SAAD;IAAS,EAAE,EAAE,IAAAC,OAAA,EAAMV,EAAN,EAAU,WAAV,CAAb;IAAqC,SAAS,EAAE,IAAAW,aAAA,EAAKV,SAAL,EAAgBE,OAAO,CAACS,IAAxB,CAAhD;IAAA,UACGL,aAAa,CAACM,MAAd,GAAuB,CAAvB,gBACC,qBAAC,iBAAD;MAAiB,EAAE,EAAE,IAAAH,OAAA,EAAMV,EAAN,EAAU,gBAAV,CAArB;MAAkD,SAAS,MAA3D;MAA4D,WAAW,MAAvE;MAAA,UACGO,aAAa,CAACO,GAAd,CAAkB,UAACC,KAAD,EAAQC,KAAR,EAAkB;QACnC,IAAMC,QAAQ,GAAG,IAAAC,qBAAA,EAAe,IAAf,EAAqBH,KAAK,CAACI,IAA3B,EAAiCJ,KAAK,CAACI,IAAvC,CAAjB;QACA,oBACE,qBAAC,YAAD;UACE,EAAE,EAAEJ,KAAK,CAACf,EADZ;UAEE,SAAS,EAAEG,OAAO,CAACiB,UAFrB;UAIE,OAAO,EAAE;YAAA,OAAMX,cAAc,CAACO,KAAD,CAApB;UAAA,CAJX;UAKE,QAAQ,EAAET,aAAa,CAACC,WAAD,CAAb,CAA2BR,EAA3B,KAAkCe,KAAK,CAACf,EALpD;UAME,YAAY,eAAE,qBAAC,gBAAD;YAAS,EAAE,EAAEe,KAAK,CAACf;UAAnB,EANhB;UAAA,uBAQE,qBAAC,QAAD;QARF,GAGOe,KAAK,CAACI,IAHb,CADF;MAYD,CAdA;IADH,EADD,GAmBCjB;EApBJ,EADF;AAyBD,CA7BD;;AA+BA,wCAAAH,SAAS,CAACsB,SAAV,GAAsB;EACpBrB,EAAE,EAAEsB,kBAAA,CAAUC,MADM;EAEpBtB,SAAS,EAAEqB,kBAAA,CAAUC,MAFD;EAGpBrB,YAAY,EAAEoB,kBAAA,CAAUE;AAHJ,CAAtB;eAMezB,S"}
+{"version":3,"file":"LeftPanel.js","names":["LeftPanel","id","className","emptyElement","classes","useStyles","useContext","FilterGroupContext","filterOptions","activeGroup","setActiveGroup","setId","clsx","root","length","map","group","index","ItemText","wrapperTooltip","name","filterItem","propTypes","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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAkD;AAAA;AAAA;AAElD,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAAwC;EAAA,IAAlCC,EAAE,QAAFA,EAAE;IAAEC,SAAS,QAATA,SAAS;IAAEC,YAAY,QAAZA,YAAY;EAC9C,IAAMC,OAAO,GAAG,IAAAC,eAAS,GAAE;EAC3B,kBAAuD,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;IAA7EC,aAAa,eAAbA,aAAa;IAAEC,WAAW,eAAXA,WAAW;IAAEC,cAAc,eAAdA,cAAc;EAElD,oBACE,qBAAC,SAAO;IAAC,EAAE,EAAE,IAAAC,OAAK,EAACV,EAAE,EAAE,WAAW,CAAE;IAAC,SAAS,EAAE,IAAAW,aAAI,EAACV,SAAS,EAAEE,OAAO,CAACS,IAAI,CAAE;IAAA,UAC3EL,aAAa,CAACM,MAAM,GAAG,CAAC,gBACvB,qBAAC,iBAAe;MAAC,EAAE,EAAE,IAAAH,OAAK,EAACV,EAAE,EAAE,gBAAgB,CAAE;MAAC,SAAS;MAAC,WAAW;MAAA,UACpEO,aAAa,CAACO,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;QACnC,IAAMC,QAAQ,GAAG,IAAAC,qBAAc,EAAC,IAAI,EAAEH,KAAK,CAACI,IAAI,EAAEJ,KAAK,CAACI,IAAI,CAAC;QAC7D,oBACE,qBAAC,YAAU;UACT,EAAE,EAAEJ,KAAK,CAACf,EAAG;UACb,SAAS,EAAEG,OAAO,CAACiB,UAAW;UAE9B,OAAO,EAAE;YAAA,OAAMX,cAAc,CAACO,KAAK,CAAC;UAAA,CAAC;UACrC,QAAQ,EAAET,aAAa,CAACC,WAAW,CAAC,CAACR,EAAE,KAAKe,KAAK,CAACf,EAAG;UACrD,YAAY,eAAE,qBAAC,gBAAO;YAAC,EAAE,EAAEe,KAAK,CAACf;UAAG,EAAI;UAAA,uBAExC,qBAAC,QAAQ;QAAG,GALPe,KAAK,CAACI,IAAI,CAMJ;MAEjB,CAAC;IAAC,EACc,GAElBjB;EACD,EACO;AAEd,CAAC;AAED,wCAAAH,SAAS,CAACsB,SAAS,GAAG;EACpBrB,EAAE,EAAEsB,kBAAS,CAACC,MAAM;EACpBtB,SAAS,EAAEqB,kBAAS,CAACC,MAAM;EAC3BrB,YAAY,EAAEoB,kBAAS,CAACE;AAC1B,CAAC;AAAC,eAEazB,SAAS;AAAA"}

package/dist/FilterGroup/LeftPanel/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _LeftPanel.default;
   }
 });
-
 var _LeftPanel = _interopRequireDefault(require("./LeftPanel"));
 //# sourceMappingURL=index.js.map

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

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

package/dist/FilterGroup/LeftPanel/styles.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styles = require("@mui/styles");
-
 // accommodating the focus outline space with extra 4px
+
 var styles = (0, _styles.makeStyles)(function () {
   return {
     root: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","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;;AAEA;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAC/BC,IAAI,EAAE;MACJ,iBAAiB;QACfC,OAAO,EAAE,MADM;QAEfC,cAAc,EAAE;MAFD;IADb,CADyB;IAO/BC,UAAU,EAAE;EAPmB,CAAP;AAAA,CAAX,CAAf;eAUeL,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","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;AAEA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAU,EAAC;EAAA,OAAO;IAC/BC,IAAI,EAAE;MACJ,eAAe,EAAE;QACfC,OAAO,EAAE,MAAM;QACfC,cAAc,EAAE;MAClB;IACF,CAAC;IACDC,UAAU,EAAE,CAAC;EACf,CAAC;AAAA,CAAC,CAAC;AAAC,eAEWL,MAAM;AAAA"}

package/dist/FilterGroup/RightPanel/RightPanel.js

@@ -1,109 +1,68 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.array.map.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.array.includes.js");
-
 require("core-js/modules/es.string.includes.js");
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.concat.js");
-
 require("core-js/modules/es.regexp.exec.js");
-
 require("core-js/modules/es.string.search.js");
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _FilterGroupContext = require("../FilterGroupContext");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _ = require("../..");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2.default)(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; }
-
 var RightPanel = function RightPanel(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      labels = _ref.labels,
-      emptyElement = _ref.emptyElement;
+    className = _ref.className,
+    labels = _ref.labels,
+    emptyElement = _ref.emptyElement;
   var classes = (0, _styles.default)();
-
   var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      searchStr = _useState2[0],
-      setSearchStr = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    searchStr = _useState2[0],
+    setSearchStr = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      allSelected = _useState4[0],
-      setAllSelected = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    allSelected = _useState4[0],
+    setAllSelected = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      anySelected = _useState6[0],
-      setAnySelected = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    anySelected = _useState6[0],
+    setAnySelected = _useState6[1];
   var _useContext = (0, _react.useContext)(_FilterGroupContext.FilterGroupContext),
-      filterOptions = _useContext.filterOptions,
-      _useContext$filterVal = _useContext.filterValues,
-      filterValues = _useContext$filterVal === void 0 ? [] : _useContext$filterVal,
-      setFilterValues = _useContext.setFilterValues,
-      activeGroup = _useContext.activeGroup;
-
+    filterOptions = _useContext.filterOptions,
+    _useContext$filterVal = _useContext.filterValues,
+    filterValues = _useContext$filterVal === void 0 ? [] : _useContext$filterVal,
+    setFilterValues = _useContext.setFilterValues,
+    activeGroup = _useContext.activeGroup;
   var activeGroupOptions = (0, _react.useMemo)(function () {
     return filterOptions[activeGroup].data.map(function (option) {
       return option.id;
@@ -111,7 +70,6 @@ var RightPanel = function RightPanel(_ref) {
   }, [filterOptions, activeGroup]);
   var activeFilterValues = (0, _react.useMemo)(function () {
     var _filterValues$activeG;
-
     return (_filterValues$activeG = filterValues[activeGroup]) === null || _filterValues$activeG === void 0 ? void 0 : _filterValues$activeG.filter(function (value) {
       return activeGroupOptions.includes(value);
     });
@@ -119,7 +77,6 @@ var RightPanel = function RightPanel(_ref) {
   var listValues = (0, _react.useMemo)(function () {
     return filterOptions[activeGroup].data.map(function (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),
@@ -140,7 +97,6 @@ var RightPanel = function RightPanel(_ref) {
   (0, _react.useEffect)(function () {
     return setSearchStr("");
   }, [activeGroup]);
-
   var onChangeHandler = function onChangeHandler(values) {
     var newFilterValues = filterOptions.map(function (option, i) {
       return activeGroup === i ? values.filter(function (v) {
@@ -151,21 +107,20 @@ var RightPanel = function RightPanel(_ref) {
     });
     setFilterValues(newFilterValues);
   };
-
   var handleSelectAll = (0, _react.useCallback)(function () {
     var newFilterValues = (0, _cloneDeep.default)(filterValues);
     newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;
     setFilterValues(newFilterValues);
   }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);
+
   /**
    * Create selecteAll component.
    *
    * @returns {*}
    */
-
   var SelectAll = (0, _react.useCallback)(function () {
     var selectAll = labels.selectAll,
-        multiSelectionConjunction = labels.multiSelectionConjunction;
+      multiSelectionConjunction = labels.multiSelectionConjunction;
     var nbrSelected = activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length;
     var defaultLabel = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
       component: "span",
@@ -226,7 +181,6 @@ var RightPanel = function RightPanel(_ref) {
     }) : emptyElement
   });
 };
-
 process.env.NODE_ENV !== "production" ? RightPanel.propTypes = {
   id: _propTypes.default.string,
   className: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","names":["RightPanel","id","className","labels","emptyElement","classes","useStyles","useState","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","useContext","FilterGroupContext","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","cloneDeep","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","setId","container","selection","clsx","root","search","searchBoxPlaceholder","event","str","list","propTypes","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":["RightPanel","id","className","labels","emptyElement","classes","useStyles","useState","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","useContext","FilterGroupContext","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","cloneDeep","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","setId","container","selection","clsx","root","search","searchBoxPlaceholder","event","str","list","propTypes","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAkF;AAAA;AAAA;AAAA;AAAA;AAElF,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAAgD;EAAA,IAA1CC,EAAE,QAAFA,EAAE;IAAEC,SAAS,QAATA,SAAS;IAAEC,MAAM,QAANA,MAAM;IAAEC,YAAY,QAAZA,YAAY;EACvD,IAAMC,OAAO,GAAG,IAAAC,eAAS,GAAE;EAC3B,gBAAkC,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAA;IAAvCC,SAAS;IAAEC,YAAY;EAC9B,iBAAsC,IAAAF,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA9CG,WAAW;IAAEC,cAAc;EAClC,iBAAsC,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA9CK,WAAW;IAAEC,cAAc;EAElC,kBAKI,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;IAJhCC,aAAa,eAAbA,aAAa;IAAA,oCACbC,YAAY;IAAZA,YAAY,sCAAG,EAAE;IACjBC,eAAe,eAAfA,eAAe;IACfC,WAAW,eAAXA,WAAW;EAGb,IAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAChC;IAAA,OAAML,aAAa,CAACG,WAAW,CAAC,CAACG,IAAI,CAACC,GAAG,CAAC,UAACC,MAAM;MAAA,OAAKA,MAAM,CAACvB,EAAE;IAAA,EAAC;EAAA,GAChE,CAACe,aAAa,EAAEG,WAAW,CAAC,CAC7B;EAED,IAAMM,kBAAkB,GAAG,IAAAJ,cAAO,EAChC;IAAA;IAAA,gCAAMJ,YAAY,CAACE,WAAW,CAAC,0DAAzB,sBAA2BO,MAAM,CAAC,UAACC,KAAK;MAAA,OAAKP,kBAAkB,CAACQ,QAAQ,CAACD,KAAK,CAAC;IAAA,EAAC;EAAA,GACtF,CAACV,YAAY,EAAEG,kBAAkB,EAAED,WAAW,CAAC,CAChD;EAED,IAAMU,UAAU,GAAG,IAAAR,cAAO,EACxB;IAAA,OACEL,aAAa,CAACG,WAAW,CAAC,CAACG,IAAI,CAACC,GAAG,CAAC,UAACC,MAAM;MAAA;MAAA,uCACtCA,MAAM;QACTM,KAAK,EAAEN,MAAM,CAACO,IAAI;QAClBC,QAAQ,4BAAEf,YAAY,CAACE,WAAW,CAAC,2DAAzB,uBAA2BS,QAAQ,CAACJ,MAAM,CAACvB,EAAE,CAAC;QACxDgC,QAAQ,EAAET,MAAM,CAACO,IAAI,CAACG,WAAW,EAAE,CAACC,OAAO,CAAC3B,SAAS,CAAC0B,WAAW,EAAE,CAAC,GAAG;MAAC;IAAA,CACxE,CAAC;EAAA,GACL,CAAClB,aAAa,EAAEC,YAAY,EAAEE,WAAW,EAAEX,SAAS,CAAC,CACtD;EAED,IAAM4B,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACxC,IAAMC,WAAW,GAAGb,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEc,MAAM;IAC9C,IAAMC,YAAY,GAAGF,WAAW,GAAG,CAAC;IACpC,IAAMG,SAAS,GAAGH,WAAW,KAAKlB,kBAAkB,CAACmB,MAAM;IAE3D1B,cAAc,CAAC2B,YAAY,CAAC;IAC5B7B,cAAc,CAAC6B,YAAY,IAAIC,SAAS,CAAC;EAC3C,CAAC,EAAE,CAAChB,kBAAkB,EAAEL,kBAAkB,CAAC,CAAC;EAE5C,IAAAsB,gBAAS,EAAC,YAAM;IACdN,eAAe,EAAE;EACnB,CAAC,EAAE,CAACX,kBAAkB,EAAEW,eAAe,CAAC,CAAC;EAEzC,IAAAM,gBAAS,EAAC;IAAA,OAAMjC,YAAY,CAAC,EAAE,CAAC;EAAA,GAAE,CAACU,WAAW,CAAC,CAAC;EAEhD,IAAMwB,eAAe,GAAG,SAAlBA,eAAe,CAAIC,MAAM,EAAK;IAClC,IAAMC,eAAe,GAAG7B,aAAa,CAACO,GAAG,CAAC,UAACC,MAAM,EAAEsB,CAAC;MAAA,OAClD3B,WAAW,KAAK2B,CAAC,GACbF,MAAM,CAAClB,MAAM,CAAC,UAACqB,CAAC;QAAA,OAAKA,CAAC,CAACf,QAAQ;MAAA,EAAC,CAACT,GAAG,CAAC,UAACwB,CAAC;QAAA,OAAKA,CAAC,CAAC9C,EAAE;MAAA,EAAC,oCAC5CgB,YAAY,CAAC6B,CAAC,CAAC,IAAI,EAAE,CAAE;IAAA,EACjC;IACD5B,eAAe,CAAC2B,eAAe,CAAC;EAClC,CAAC;EAED,IAAMG,eAAe,GAAG,IAAAX,kBAAW,EAAC,YAAM;IACxC,IAAMQ,eAAe,GAAG,IAAAI,kBAAS,EAAChC,YAAY,CAAC;IAC/C4B,eAAe,CAAC1B,WAAW,CAAC,GAAGP,WAAW,GAAG,EAAE,GAAGQ,kBAAkB;IAEpEF,eAAe,CAAC2B,eAAe,CAAC;EAClC,CAAC,EAAE,CAAC1B,WAAW,EAAEC,kBAAkB,EAAER,WAAW,EAAEK,YAAY,EAAEC,eAAe,CAAC,CAAC;;EAEjF;AACF;AACA;AACA;AACA;EACE,IAAMgC,SAAS,GAAG,IAAAb,kBAAW,EAAC,YAAM;IAClC,IAAQc,SAAS,GAAgChD,MAAM,CAA/CgD,SAAS;MAAEC,yBAAyB,GAAKjD,MAAM,CAApCiD,yBAAyB;IAC5C,IAAMd,WAAW,GAAGb,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEc,MAAM;IAE9C,IAAMc,YAAY,gBAChB,qBAAC,cAAY;MAAC,SAAS,EAAC,MAAM;MAAA,UAC3Bf,WAAW,GAAG,CAAC,gBACd;QAAA,wBACE;UAAA,UAAIA;QAAW,EAAK,aACfc,yBAAyB,cAAIhC,kBAAkB,CAACmB,MAAM;MAAA,EAC1D,gBAEH;QAAA,wBACE;UAAA,UAAIY;QAAS,EAAK,cACZ/B,kBAAkB,CAACmB,MAAM;MAAA;IAElC,EAEJ;IAED,oBACE;MAAK,SAAS,EAAElC,OAAO,CAACiD,kBAAmB;MAAA,uBACzC,qBAAC,YAAU;QACT,EAAE,EAAE,IAAAC,OAAK,EAACtD,EAAE,EAAE,YAAY,CAAE;QAC5B,KAAK,EAAEoD,YAAa;QACpB,QAAQ,EAAE;UAAA,OAAML,eAAe,EAAE;QAAA,CAAC;QAClC,OAAO,EAAE;UAAEQ,SAAS,EAAEnD,OAAO,CAACoD;QAAU,CAAE;QAC1C,SAAS,EAAEpD,OAAO,CAAC8C,SAAU;QAC7B,aAAa,EAAEvC,WAAW,IAAI,CAACF,WAAY;QAC3C,OAAO,EAAEA;MAAY;IACrB,EACE;EAEV,CAAC,EAAE,CACDe,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEc,MAAM,EAC1BnB,kBAAkB,CAACmB,MAAM,EACzB7B,WAAW,EACXE,WAAW,EACXP,OAAO,CAAC8C,SAAS,EACjB9C,OAAO,CAACiD,kBAAkB,EAC1BjD,OAAO,CAACoD,SAAS,EACjBT,eAAe,EACf/C,EAAE,EACFE,MAAM,CACP,CAAC;EAEF,oBACE,qBAAC,SAAO;IAAC,EAAE,EAAE,IAAAoD,OAAK,EAACtD,EAAE,EAAE,YAAY,CAAE;IAAC,SAAS,EAAE,IAAAyD,aAAI,EAACxD,SAAS,EAAEG,OAAO,CAACsD,IAAI,CAAE;IAAA,UAC5E9B,UAAU,CAACU,MAAM,GAAG,CAAC,gBACpB;MAAA,wBACE,qBAAC,SAAO;QACN,EAAE,EAAE,IAAAgB,OAAK,EAACtD,EAAE,EAAE,QAAQ,CAAE;QACxB,OAAO,EAAE;UACP0D,IAAI,EAAEtD,OAAO,CAACuD;QAChB,CAAE;QACF,IAAI,EAAC,QAAQ;QACb,WAAW,EAAEzD,MAAM,CAAC0D,oBAAqB;QACzC,KAAK,EAAErD,SAAU;QACjB,QAAQ,EAAE,kBAACsD,KAAK,EAAEC,GAAG;UAAA,OAAKtD,YAAY,CAACsD,GAAG,CAAC;QAAA;MAAC,EAC5C,eACF,qBAAC,SAAS,KAAG,eACb,qBAAC,QAAM;QAEL,EAAE,EAAE,IAAAR,OAAK,EAACtD,EAAE,EAAE,MAAM,CAAE;QACtB,SAAS,EAAEI,OAAO,CAAC2D,IAAK;QACxB,MAAM,EAAEnC,UAAW;QACnB,WAAW;QACX,WAAW;QACX,aAAa,EAAE,KAAM;QACrB,QAAQ,EAAEc,eAAgB;QAC1B,UAAU;QACV,SAAS;QACT,WAAW;MAAA,GAVNxB,WAAW,CAWhB;IAAA,EACD,GAEHf;EACD,EACO;AAEd,CAAC;AAED,wCAAAJ,UAAU,CAACiE,SAAS,GAAG;EACrBhE,EAAE,EAAEiE,kBAAS,CAACC,MAAM;EACpBjE,SAAS,EAAEgE,kBAAS,CAACC,MAAM;EAC3BhE,MAAM,EAAE+D,kBAAS,CAACE,KAAK,CAAC;IACtBP,oBAAoB,EAAEK,kBAAS,CAACC,MAAM;IACtChB,SAAS,EAAEe,kBAAS,CAACC,MAAM;IAC3Bf,yBAAyB,EAAEc,kBAAS,CAACC;EACvC,CAAC,CAAC;EACF/D,YAAY,EAAE8D,kBAAS,CAACG;AAC1B,CAAC;AAAC,eAEarE,UAAU;AAAA"}