@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Dropdown/Dropdown.js

@@ -0,0 +1,489 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+const _excluded = ["classes", "disabled", "values", "id", "labels", "multiSelect", "showSearch", "expanded", "onChange", "notifyChangesOnFirstRender", "selectDefault", "disablePortal", "hasTooltips", "singleSelectionToggle", "popperProps", "className"];
+import "core-js/modules/web.dom-collections.iterator.js";
+
+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 React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import deprecatedPropType from "@material-ui/core/utils/deprecatedPropType";
+import { DropUpXS as ArrowUp, DropDownXS as ArrowDown } from "@hitachivantara/uikit-react-icons";
+import { setId, isKeypress, KeyboardCodes } from "../utils";
+import HvTypography from "../Typography";
+import withLabels from "../withLabels";
+import withId from "../withId";
+import List from "./List";
+import { getSelected, getSelectionLabel } from "./utils";
+import styles from "./styles";
+const DEFAULT_LABELS = {
+  select: "Select...",
+  selectAll: "All",
+  cancelLabel: "Cancel",
+  applyLabel: "Apply",
+  multiSelectionAction: "Selected",
+  multiSelectionConjunction: "of"
+};
+const DEFAULT_STATE = {
+  selectionLabel: null,
+  anchorEl: null,
+  values: []
+};
+/**
+ * A drop-down list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
+ */
+
+class HvDropdown extends React.Component {
+  constructor(props) {
+    super(props);
+    this.ref = /*#__PURE__*/React.createRef();
+    const {
+      expanded
+    } = props;
+    this.state = _objectSpread({
+      isOpen: expanded
+    }, DEFAULT_STATE);
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    if (props.values !== state.values) {
+      return {
+        isOpen: props.expanded,
+        selectionLabel: getSelectionLabel(props.values, props.labels, props.multiSelect),
+        anchorEl: null,
+        values: props.values
+      };
+    }
+
+    return null;
+  }
+  /**
+   *  Opens and closes the dropdown.
+   *
+   * @param {Object} event - the event produced by the click action.
+   * @returns {undefined}
+   * @memberof Dropdown
+   */
+
+
+  handleToggle(event) {
+    const {
+      disabled
+    } = this.props;
+    const {
+      isOpen
+    } = this.state; // we are checking specifically for false because if "iskeypress" returns true or undefined it should continue
+
+    if (disabled || isKeypress(event, KeyboardCodes.Enter) === false && isKeypress(event, KeyboardCodes.Esc) === false && isKeypress(event, KeyboardCodes.ArrowDown) === false || isKeypress(event, KeyboardCodes.Esc) && !isOpen || isKeypress(event, KeyboardCodes.ArrowDown) && isOpen) return;
+    const anchor = event ? event.currentTarget.parentElement : null;
+    this.setState({
+      isOpen: !isOpen,
+      anchorEl: anchor
+    });
+  }
+  /**
+   * Applies the selected values to the state
+   *
+   * @param {Array} selection - An array containing the selected values.
+   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection
+   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state
+   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.
+   * @param {Event} event - mouseUp event.
+   * @memberof Dropdown
+   */
+
+
+  handleSelection(selection, commitChanges, toggle, notifyChanges = true, event) {
+    const {
+      multiSelect,
+      onChange,
+      labels
+    } = this.props;
+    const selected = getSelected(selection);
+
+    if (commitChanges) {
+      const selectionLabel = getSelectionLabel(selection, labels, multiSelect);
+      this.setState({
+        selectionLabel
+      });
+    }
+
+    if (toggle) this.handleToggle(event);
+    if (notifyChanges) onChange(multiSelect ? selected : selected[0]);
+  }
+
+  renderLabel() {
+    const {
+      id,
+      classes,
+      labels
+    } = this.props;
+    return /*#__PURE__*/React.createElement("label", {
+      id: setId(id, "label"),
+      className: classes.label,
+      htmlFor: setId(id, "header")
+    }, labels.title);
+  }
+
+  renderHeader(selectionLabelId) {
+    const _this$props = this.props,
+          {
+      classes,
+      disabled,
+      values,
+      id,
+      labels,
+      multiSelect,
+      showSearch,
+      expanded,
+      onChange,
+      notifyChangesOnFirstRender,
+      selectDefault,
+      disablePortal,
+      hasTooltips,
+      singleSelectionToggle,
+      // TODO: convert component to functional so we don't to destructure here
+      popperProps,
+      className
+    } = _this$props,
+          others = _objectWithoutProperties(_this$props, _excluded);
+
+    const {
+      isOpen,
+      selectionLabel
+    } = this.state;
+    const color = disabled ? "atmo7" : undefined;
+    const headerId = setId(id, "header");
+    return /*#__PURE__*/React.createElement("div", _extends({
+      id: headerId,
+      "aria-labelledby": selectionLabelId,
+      className: clsx(classes.header, disabled && classes.headerDisabled),
+      onKeyDown: evt => this.handleToggle(evt) // Used instead of onClick because of OutsideClickHandler used in the List
+      ,
+      onMouseUp: evt => this.handleToggle(evt),
+      role: "textbox",
+      ref: this.ref,
+      tabIndex: 0,
+      style: disabled ? {
+        pointerEvents: "none"
+      } : undefined
+    }, others), /*#__PURE__*/React.createElement(HvTypography, {
+      id: selectionLabelId,
+      variant: "normalText",
+      className: clsx(classes.selection, classes.truncate, disabled && classes.selectionDisabled)
+    }, selectionLabel), isOpen ? /*#__PURE__*/React.createElement(ArrowUp, {
+      iconSize: "XS",
+      className: classes.arrow
+    }) : /*#__PURE__*/React.createElement(ArrowDown, {
+      iconSize: "XS",
+      className: classes.arrow,
+      color: color
+    }));
+  }
+
+  renderList() {
+    const {
+      id,
+      multiSelect,
+      showSearch,
+      selectDefault,
+      notifyChangesOnFirstRender,
+      disablePortal,
+      hasTooltips,
+      labels,
+      singleSelectionToggle,
+      classes,
+      placement,
+      // TODO: convert component to functional so we don't to destructure here
+      popperProps
+    } = this.props;
+    const {
+      isOpen,
+      values,
+      anchorEl
+    } = this.state;
+    return /*#__PURE__*/React.createElement(List, {
+      id: setId(id, "values"),
+      classes: {
+        rootList: classes.rootList,
+        list: classes.list
+      },
+      values: values,
+      multiSelect: multiSelect,
+      showSearch: showSearch,
+      onChange: (selected, commitChanges, toggle, notifyChanges, evt) => this.handleSelection(selected, commitChanges, toggle, notifyChanges, evt),
+      labels: labels,
+      selectDefault: selectDefault,
+      notifyChangesOnFirstRender: notifyChangesOnFirstRender,
+      hasTooltips: hasTooltips,
+      disablePortal: disablePortal,
+      isOpen: isOpen,
+      anchorEl: anchorEl,
+      singleSelectionToggle: singleSelectionToggle,
+      "aria-labelledby": labels.title ? setId(id, "label") : undefined,
+      placement: placement,
+      popperProps: popperProps,
+      headerRef: this.ref
+    });
+  }
+
+  render() {
+    const {
+      id,
+      classes,
+      className,
+      labels,
+      disabled
+    } = this.props;
+    const {
+      isOpen
+    } = this.state;
+    const selectionLabelId = setId(id, "selectionLabel");
+    return /*#__PURE__*/React.createElement(React.Fragment, null, labels.title ? this.renderLabel() : null, /*#__PURE__*/React.createElement("div", {
+      id: id,
+      role: "combobox",
+      "aria-expanded": isOpen,
+      "aria-owns": isOpen ? setId(id, "values") : undefined,
+      "aria-controls": isOpen ? setId(id, "values") : undefined,
+      "aria-labelledby": selectionLabelId,
+      "aria-describedby": labels.title ? setId(id, "label") : undefined,
+      ref: el => {
+        this.node = el;
+      },
+      className: clsx(classes.root, className, disabled && classes.rootDisabled, isOpen && classes.rootOpen)
+    }, this.renderHeader(selectionLabelId), this.renderList()));
+  }
+
+}
+
+process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component when is open.
+     */
+    rootOpen: PropTypes.string,
+
+    /**
+     * Styles applied to the component when is disable.
+     */
+    rootDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the label.
+     */
+    label: PropTypes.string,
+
+    /**
+     * Styles applied to the header.
+     */
+    header: PropTypes.string,
+
+    /**
+     * Styles applied to the selection
+     */
+    selection: PropTypes.string,
+
+    /**
+     * Styles applied to the arrow
+     */
+    arrow: PropTypes.string,
+
+    /**
+     * Styles applied when the header is disable.
+     */
+    headerDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied for truncating the list elements.
+     */
+    truncate: PropTypes.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    selectionDisabled: PropTypes.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    list: PropTypes.string,
+
+    /**
+     * Styles applied when the selection is disabled.
+     */
+    rootList: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The list to be rendered by the dropdown.
+   */
+  // needed to disable eslint because:
+  // https://github.com/yannickcr/eslint-plugin-react/issues/1751
+  // https://github.com/yannickcr/eslint-plugin-react/issues/2028
+  // eslint-disable-next-line react/no-unused-prop-types
+  values: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string.isRequired,
+    selected: PropTypes.bool
+  })),
+
+  /**
+   * If ´true´ the dropdown is multiselect, if ´false´ the dropdown is single select.
+   */
+  multiSelect: PropTypes.bool,
+
+  /**
+   * If ´true´ the dropdown is rendered with a search bar, if ´false´ there won't be a search bar.
+   */
+  showSearch: PropTypes.bool,
+
+  /**
+   * If ´true´ the dropdown is disabled unable to be interacted, if ´false´ it is enabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * If ´true´ the dropdown starts opened if ´false´ it starts closed.
+   */
+  // needed to disable eslint because:
+  // https://github.com/yannickcr/eslint-plugin-react/issues/1751
+  // https://github.com/yannickcr/eslint-plugin-react/issues/2028
+  // eslint-disable-next-line react/no-unused-prop-types
+  expanded: PropTypes.bool,
+
+  /**
+   * A function to be executed whenever a item is selected in the dropdown, the function receives the selected item(s).
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * If 'true' the dropdown will notify on the first render.
+   */
+  notifyChangesOnFirstRender: PropTypes.bool,
+
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels: PropTypes.shape({
+    /**
+     * Title for the dropdown.
+     */
+    title: PropTypes.string,
+
+    /**
+     * The placeholder value of the dropdown, when no value is selected.
+     */
+    select: PropTypes.string,
+
+    /**
+     * Label used for the All checkbox action.
+     */
+    selectAll: PropTypes.string,
+
+    /**
+     * Cancel button label.
+     */
+    cancelLabel: PropTypes.string,
+
+    /**
+     * Apply button label.
+     */
+    applyLabel: PropTypes.string,
+
+    /**
+     * The label used preceding the multiselection count.
+     */
+    multiSelectionAction: PropTypes.string,
+
+    /**
+     * The label used in the middle of the multiselection count.
+     */
+    multiSelectionConjunction: PropTypes.string
+  }),
+
+  /**
+   * If ´true´ and none element selected,
+   * single select has default (first) label selected.
+   *
+   * @deprecated
+   */
+  selectDefault: deprecatedPropType(PropTypes.bool, "instead pass the default as a preselected value"),
+
+  /**
+   * If ´true´ the dropdown will show tooltips when user mouseenter text in list
+   */
+  hasTooltips: PropTypes.bool,
+
+  /**
+   * Disable the portal behavior.
+   * The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal: PropTypes.bool,
+
+  /**
+   * If ´true´, selection can be toggled when single selection.
+   */
+  singleSelectionToggle: PropTypes.bool,
+
+  /**
+   * Placement of the dropdown.
+   */
+  placement: PropTypes.oneOf(["left", "right"]),
+
+  /**
+   * An object containing props to be wired to the popper component.
+   */
+  popperProps: PropTypes.shape()
+} : void 0;
+HvDropdown.defaultProps = {
+  className: "",
+  id: undefined,
+  values: null,
+  multiSelect: false,
+  showSearch: false,
+  disabled: false,
+  expanded: false,
+
+  onChange() {},
+
+  notifyChangesOnFirstRender: false,
+  labels: {},
+  selectDefault: true,
+  disablePortal: false,
+  hasTooltips: false,
+  singleSelectionToggle: true,
+  placement: undefined,
+  popperProps: {}
+};
+export default withStyles(styles, {
+  name: "HvDropdown"
+})(withLabels(DEFAULT_LABELS)(withId(HvDropdown)));
+//# sourceMappingURL=Dropdown.js.map

package/dist/modern/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","names":["React","PropTypes","clsx","withStyles","deprecatedPropType","DropUpXS","ArrowUp","DropDownXS","ArrowDown","setId","isKeypress","KeyboardCodes","HvTypography","withLabels","withId","List","getSelected","getSelectionLabel","styles","DEFAULT_LABELS","select","selectAll","cancelLabel","applyLabel","multiSelectionAction","multiSelectionConjunction","DEFAULT_STATE","selectionLabel","anchorEl","values","HvDropdown","Component","constructor","props","ref","createRef","expanded","state","isOpen","getDerivedStateFromProps","labels","multiSelect","handleToggle","event","disabled","Enter","Esc","anchor","currentTarget","parentElement","setState","handleSelection","selection","commitChanges","toggle","notifyChanges","onChange","selected","renderLabel","id","classes","label","title","renderHeader","selectionLabelId","showSearch","notifyChangesOnFirstRender","selectDefault","disablePortal","hasTooltips","singleSelectionToggle","popperProps","className","others","color","undefined","headerId","header","headerDisabled","evt","pointerEvents","truncate","selectionDisabled","arrow","renderList","placement","rootList","list","render","el","node","root","rootDisabled","rootOpen","propTypes","string","shape","icon","isRequired","arrayOf","bool","func","oneOf","defaultProps","name"],"sources":["../../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport deprecatedPropType from \"@material-ui/core/utils/deprecatedPropType\";\nimport { DropUpXS as ArrowUp, DropDownXS as ArrowDown } from \"@hitachivantara/uikit-react-icons\";\nimport { setId, isKeypress, KeyboardCodes } from \"../utils\";\nimport HvTypography from \"../Typography\";\nimport withLabels from \"../withLabels\";\nimport withId from \"../withId\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: \"Select...\",\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  multiSelectionAction: \"Selected\",\n  multiSelectionConjunction: \"of\",\n};\n\nconst DEFAULT_STATE = {\n  selectionLabel: null,\n  anchorEl: null,\n  values: [],\n};\n\n/**\n * A drop-down list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nclass HvDropdown extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.ref = React.createRef();\n\n    const { expanded } = props;\n\n    this.state = {\n      isOpen: expanded,\n      ...DEFAULT_STATE,\n    };\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.values !== state.values) {\n      return {\n        isOpen: props.expanded,\n        selectionLabel: getSelectionLabel(props.values, props.labels, props.multiSelect),\n        anchorEl: null,\n        values: props.values,\n      };\n    }\n\n    return null;\n  }\n\n  /**\n   *  Opens and closes the dropdown.\n   *\n   * @param {Object} event - the event produced by the click action.\n   * @returns {undefined}\n   * @memberof Dropdown\n   */\n  handleToggle(event) {\n    const { disabled } = this.props;\n    const { isOpen } = this.state;\n    // we are checking specifically for false because if \"iskeypress\" returns true or undefined it should continue\n    if (\n      disabled ||\n      (isKeypress(event, KeyboardCodes.Enter) === false &&\n        isKeypress(event, KeyboardCodes.Esc) === false &&\n        isKeypress(event, KeyboardCodes.ArrowDown) === false) ||\n      (isKeypress(event, KeyboardCodes.Esc) && !isOpen) ||\n      (isKeypress(event, KeyboardCodes.ArrowDown) && isOpen)\n    )\n      return;\n\n    const anchor = event ? event.currentTarget.parentElement : null;\n    this.setState({\n      isOpen: !isOpen,\n      anchorEl: anchor,\n    });\n  }\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} selection - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   * @param {Event} event - mouseUp event.\n   * @memberof Dropdown\n   */\n  handleSelection(selection, commitChanges, toggle, notifyChanges = true, event) {\n    const { multiSelect, onChange, labels } = this.props;\n    const selected = getSelected(selection);\n\n    if (commitChanges) {\n      const selectionLabel = getSelectionLabel(selection, labels, multiSelect);\n      this.setState({ selectionLabel });\n    }\n    if (toggle) this.handleToggle(event);\n    if (notifyChanges) onChange(multiSelect ? selected : selected[0]);\n  }\n\n  renderLabel() {\n    const { id, classes, labels } = this.props;\n    return (\n      <label id={setId(id, \"label\")} className={classes.label} htmlFor={setId(id, \"header\")}>\n        {labels.title}\n      </label>\n    );\n  }\n\n  renderHeader(selectionLabelId) {\n    const {\n      classes,\n      disabled,\n      values,\n      id,\n      labels,\n      multiSelect,\n      showSearch,\n      expanded,\n      onChange,\n      notifyChangesOnFirstRender,\n      selectDefault,\n      disablePortal,\n      hasTooltips,\n      singleSelectionToggle,\n      // TODO: convert component to functional so we don't to destructure here\n      popperProps,\n      className,\n      ...others\n    } = this.props;\n\n    const { isOpen, selectionLabel } = this.state;\n\n    const color = disabled ? \"atmo7\" : undefined;\n\n    const headerId = setId(id, \"header\");\n\n    return (\n      <div\n        id={headerId}\n        aria-labelledby={selectionLabelId}\n        className={clsx(classes.header, {\n          [classes.headerDisabled]: disabled,\n        })}\n        onKeyDown={(evt) => this.handleToggle(evt)}\n        // Used instead of onClick because of OutsideClickHandler used in the List\n        onMouseUp={(evt) => this.handleToggle(evt)}\n        role=\"textbox\"\n        ref={this.ref}\n        tabIndex={0}\n        style={disabled ? { pointerEvents: \"none\" } : undefined}\n        {...others}\n      >\n        <HvTypography\n          id={selectionLabelId}\n          variant=\"normalText\"\n          className={clsx(classes.selection, classes.truncate, {\n            [classes.selectionDisabled]: disabled,\n          })}\n        >\n          {selectionLabel}\n        </HvTypography>\n        {isOpen ? (\n          <ArrowUp iconSize=\"XS\" className={classes.arrow} />\n        ) : (\n          <ArrowDown iconSize=\"XS\" className={classes.arrow} color={color} />\n        )}\n      </div>\n    );\n  }\n\n  renderList() {\n    const {\n      id,\n      multiSelect,\n      showSearch,\n      selectDefault,\n      notifyChangesOnFirstRender,\n      disablePortal,\n      hasTooltips,\n      labels,\n      singleSelectionToggle,\n      classes,\n      placement,\n      // TODO: convert component to functional so we don't to destructure here\n      popperProps,\n    } = this.props;\n    const { isOpen, values, anchorEl } = this.state;\n\n    return (\n      <List\n        id={setId(id, \"values\")}\n        classes={{\n          rootList: classes.rootList,\n          list: classes.list,\n        }}\n        values={values}\n        multiSelect={multiSelect}\n        showSearch={showSearch}\n        onChange={(selected, commitChanges, toggle, notifyChanges, evt) =>\n          this.handleSelection(selected, commitChanges, toggle, notifyChanges, evt)\n        }\n        labels={labels}\n        selectDefault={selectDefault}\n        notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n        hasTooltips={hasTooltips}\n        disablePortal={disablePortal}\n        isOpen={isOpen}\n        anchorEl={anchorEl}\n        singleSelectionToggle={singleSelectionToggle}\n        aria-labelledby={labels.title ? setId(id, \"label\") : undefined}\n        placement={placement}\n        popperProps={popperProps}\n        headerRef={this.ref}\n      />\n    );\n  }\n\n  render() {\n    const { id, classes, className, labels, disabled } = this.props;\n    const { isOpen } = this.state;\n    const selectionLabelId = setId(id, \"selectionLabel\");\n\n    return (\n      <>\n        {/* TODO: remove label? use composition */}\n        {labels.title ? this.renderLabel() : null}\n        <div\n          id={id}\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-owns={isOpen ? setId(id, \"values\") : undefined}\n          aria-controls={isOpen ? setId(id, \"values\") : undefined}\n          aria-labelledby={selectionLabelId}\n          aria-describedby={labels.title ? setId(id, \"label\") : undefined}\n          ref={(el) => {\n            this.node = el;\n          }}\n          className={clsx(classes.root, className, {\n            [classes.rootDisabled]: disabled,\n            [classes.rootOpen]: isOpen,\n          })}\n        >\n          {this.renderHeader(selectionLabelId)}\n          {this.renderList()}\n        </div>\n      </>\n    );\n  }\n}\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when is open.\n     */\n    rootOpen: PropTypes.string,\n    /**\n     * Styles applied to the component when is disable.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the header.\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the selection\n     */\n    selection: PropTypes.string,\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied when the header is disable.\n     */\n    headerDisabled: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    truncate: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    list: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    rootList: PropTypes.string,\n  }).isRequired,\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  // needed to disable eslint because:\n  // https://github.com/yannickcr/eslint-plugin-react/issues/1751\n  // https://github.com/yannickcr/eslint-plugin-react/issues/2028\n  // eslint-disable-next-line react/no-unused-prop-types\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.string.isRequired,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If ´true´ the dropdown is multiselect, if ´false´ the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If ´true´ the dropdown is rendered with a search bar, if ´false´ there won't be a search bar.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * If ´true´ the dropdown is disabled unable to be interacted, if ´false´ it is enabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If ´true´ the dropdown starts opened if ´false´ it starts closed.\n   */\n  // needed to disable eslint because:\n  // https://github.com/yannickcr/eslint-plugin-react/issues/1751\n  // https://github.com/yannickcr/eslint-plugin-react/issues/2028\n  // eslint-disable-next-line react/no-unused-prop-types\n  expanded: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the dropdown, the function receives the selected item(s).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Title for the dropdown.\n     */\n    title: PropTypes.string,\n    /**\n     * The placeholder value of the dropdown, when no value is selected.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used preceding the multiselection count.\n     */\n    multiSelectionAction: PropTypes.string,\n    /**\n     * The label used in the middle of the multiselection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If ´true´ and none element selected,\n   * single select has default (first) label selected.\n   *\n   * @deprecated\n   */\n  selectDefault: deprecatedPropType(\n    PropTypes.bool,\n    \"instead pass the default as a preselected value\"\n  ),\n  /**\n   * If ´true´ the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If ´true´, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n};\n\nHvDropdown.defaultProps = {\n  className: \"\",\n  id: undefined,\n  values: null,\n  multiSelect: false,\n  showSearch: false,\n  disabled: false,\n  expanded: false,\n  onChange() {},\n  notifyChangesOnFirstRender: false,\n  labels: {},\n  selectDefault: true,\n  disablePortal: false,\n  hasTooltips: false,\n  singleSelectionToggle: true,\n  placement: undefined,\n  popperProps: {},\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(\n  withLabels(DEFAULT_LABELS)(withId(HvDropdown))\n);\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,kBAAP,MAA+B,4CAA/B;AACA,SAASC,QAAQ,IAAIC,OAArB,EAA8BC,UAAU,IAAIC,SAA5C,QAA6D,mCAA7D;AACA,SAASC,KAAT,EAAgBC,UAAhB,EAA4BC,aAA5B,QAAiD,UAAjD;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,SAASC,WAAT,EAAsBC,iBAAtB,QAA+C,SAA/C;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,cAAc,GAAG;EACrBC,MAAM,EAAE,WADa;EAErBC,SAAS,EAAE,KAFU;EAGrBC,WAAW,EAAE,QAHQ;EAIrBC,UAAU,EAAE,OAJS;EAKrBC,oBAAoB,EAAE,UALD;EAMrBC,yBAAyB,EAAE;AANN,CAAvB;AASA,MAAMC,aAAa,GAAG;EACpBC,cAAc,EAAE,IADI;EAEpBC,QAAQ,EAAE,IAFU;EAGpBC,MAAM,EAAE;AAHY,CAAtB;AAMA;AACA;AACA;;AACA,MAAMC,UAAN,SAAyB9B,KAAK,CAAC+B,SAA/B,CAAyC;EACvCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,GAAL,gBAAWlC,KAAK,CAACmC,SAAN,EAAX;IAEA,MAAM;MAAEC;IAAF,IAAeH,KAArB;IAEA,KAAKI,KAAL;MACEC,MAAM,EAAEF;IADV,GAEKV,aAFL;EAID;;EAE8B,OAAxBa,wBAAwB,CAACN,KAAD,EAAQI,KAAR,EAAe;IAC5C,IAAIJ,KAAK,CAACJ,MAAN,KAAiBQ,KAAK,CAACR,MAA3B,EAAmC;MACjC,OAAO;QACLS,MAAM,EAAEL,KAAK,CAACG,QADT;QAELT,cAAc,EAAEV,iBAAiB,CAACgB,KAAK,CAACJ,MAAP,EAAeI,KAAK,CAACO,MAArB,EAA6BP,KAAK,CAACQ,WAAnC,CAF5B;QAGLb,QAAQ,EAAE,IAHL;QAILC,MAAM,EAAEI,KAAK,CAACJ;MAJT,CAAP;IAMD;;IAED,OAAO,IAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;AACA;;;EACEa,YAAY,CAACC,KAAD,EAAQ;IAClB,MAAM;MAAEC;IAAF,IAAe,KAAKX,KAA1B;IACA,MAAM;MAAEK;IAAF,IAAa,KAAKD,KAAxB,CAFkB,CAGlB;;IACA,IACEO,QAAQ,IACPlC,UAAU,CAACiC,KAAD,EAAQhC,aAAa,CAACkC,KAAtB,CAAV,KAA2C,KAA3C,IACCnC,UAAU,CAACiC,KAAD,EAAQhC,aAAa,CAACmC,GAAtB,CAAV,KAAyC,KAD1C,IAECpC,UAAU,CAACiC,KAAD,EAAQhC,aAAa,CAACH,SAAtB,CAAV,KAA+C,KAHjD,IAICE,UAAU,CAACiC,KAAD,EAAQhC,aAAa,CAACmC,GAAtB,CAAV,IAAwC,CAACR,MAJ1C,IAKC5B,UAAU,CAACiC,KAAD,EAAQhC,aAAa,CAACH,SAAtB,CAAV,IAA8C8B,MANjD,EAQE;IAEF,MAAMS,MAAM,GAAGJ,KAAK,GAAGA,KAAK,CAACK,aAAN,CAAoBC,aAAvB,GAAuC,IAA3D;IACA,KAAKC,QAAL,CAAc;MACZZ,MAAM,EAAE,CAACA,MADG;MAEZV,QAAQ,EAAEmB;IAFE,CAAd;EAID;EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;EACEI,eAAe,CAACC,SAAD,EAAYC,aAAZ,EAA2BC,MAA3B,EAAmCC,aAAa,GAAG,IAAnD,EAAyDZ,KAAzD,EAAgE;IAC7E,MAAM;MAAEF,WAAF;MAAee,QAAf;MAAyBhB;IAAzB,IAAoC,KAAKP,KAA/C;IACA,MAAMwB,QAAQ,GAAGzC,WAAW,CAACoC,SAAD,CAA5B;;IAEA,IAAIC,aAAJ,EAAmB;MACjB,MAAM1B,cAAc,GAAGV,iBAAiB,CAACmC,SAAD,EAAYZ,MAAZ,EAAoBC,WAApB,CAAxC;MACA,KAAKS,QAAL,CAAc;QAAEvB;MAAF,CAAd;IACD;;IACD,IAAI2B,MAAJ,EAAY,KAAKZ,YAAL,CAAkBC,KAAlB;IACZ,IAAIY,aAAJ,EAAmBC,QAAQ,CAACf,WAAW,GAAGgB,QAAH,GAAcA,QAAQ,CAAC,CAAD,CAAlC,CAAR;EACpB;;EAEDC,WAAW,GAAG;IACZ,MAAM;MAAEC,EAAF;MAAMC,OAAN;MAAepB;IAAf,IAA0B,KAAKP,KAArC;IACA,oBACE;MAAO,EAAE,EAAExB,KAAK,CAACkD,EAAD,EAAK,OAAL,CAAhB;MAA+B,SAAS,EAAEC,OAAO,CAACC,KAAlD;MAAyD,OAAO,EAAEpD,KAAK,CAACkD,EAAD,EAAK,QAAL;IAAvE,GACGnB,MAAM,CAACsB,KADV,CADF;EAKD;;EAEDC,YAAY,CAACC,gBAAD,EAAmB;IAC7B,oBAmBI,KAAK/B,KAnBT;IAAA,MAAM;MACJ2B,OADI;MAEJhB,QAFI;MAGJf,MAHI;MAIJ8B,EAJI;MAKJnB,MALI;MAMJC,WANI;MAOJwB,UAPI;MAQJ7B,QARI;MASJoB,QATI;MAUJU,0BAVI;MAWJC,aAXI;MAYJC,aAZI;MAaJC,WAbI;MAcJC,qBAdI;MAeJ;MACAC,WAhBI;MAiBJC;IAjBI,CAAN;IAAA,MAkBKC,MAlBL;;IAqBA,MAAM;MAAEnC,MAAF;MAAUX;IAAV,IAA6B,KAAKU,KAAxC;IAEA,MAAMqC,KAAK,GAAG9B,QAAQ,GAAG,OAAH,GAAa+B,SAAnC;IAEA,MAAMC,QAAQ,GAAGnE,KAAK,CAACkD,EAAD,EAAK,QAAL,CAAtB;IAEA,oBACE;MACE,EAAE,EAAEiB,QADN;MAEE,mBAAiBZ,gBAFnB;MAGE,SAAS,EAAE9D,IAAI,CAAC0D,OAAO,CAACiB,MAAT,EACajC,QADb,IACZgB,OAAO,CAACkB,cADI,CAHjB;MAME,SAAS,EAAGC,GAAD,IAAS,KAAKrC,YAAL,CAAkBqC,GAAlB,CANtB,CAOE;MAPF;MAQE,SAAS,EAAGA,GAAD,IAAS,KAAKrC,YAAL,CAAkBqC,GAAlB,CARtB;MASE,IAAI,EAAC,SATP;MAUE,GAAG,EAAE,KAAK7C,GAVZ;MAWE,QAAQ,EAAE,CAXZ;MAYE,KAAK,EAAEU,QAAQ,GAAG;QAAEoC,aAAa,EAAE;MAAjB,CAAH,GAA+BL;IAZhD,GAaMF,MAbN,gBAeE,oBAAC,YAAD;MACE,EAAE,EAAET,gBADN;MAEE,OAAO,EAAC,YAFV;MAGE,SAAS,EAAE9D,IAAI,CAAC0D,OAAO,CAACR,SAAT,EAAoBQ,OAAO,CAACqB,QAA5B,EACgBrC,QADhB,IACZgB,OAAO,CAACsB,iBADI;IAHjB,GAOGvD,cAPH,CAfF,EAwBGW,MAAM,gBACL,oBAAC,OAAD;MAAS,QAAQ,EAAC,IAAlB;MAAuB,SAAS,EAAEsB,OAAO,CAACuB;IAA1C,EADK,gBAGL,oBAAC,SAAD;MAAW,QAAQ,EAAC,IAApB;MAAyB,SAAS,EAAEvB,OAAO,CAACuB,KAA5C;MAAmD,KAAK,EAAET;IAA1D,EA3BJ,CADF;EAgCD;;EAEDU,UAAU,GAAG;IACX,MAAM;MACJzB,EADI;MAEJlB,WAFI;MAGJwB,UAHI;MAIJE,aAJI;MAKJD,0BALI;MAMJE,aANI;MAOJC,WAPI;MAQJ7B,MARI;MASJ8B,qBATI;MAUJV,OAVI;MAWJyB,SAXI;MAYJ;MACAd;IAbI,IAcF,KAAKtC,KAdT;IAeA,MAAM;MAAEK,MAAF;MAAUT,MAAV;MAAkBD;IAAlB,IAA+B,KAAKS,KAA1C;IAEA,oBACE,oBAAC,IAAD;MACE,EAAE,EAAE5B,KAAK,CAACkD,EAAD,EAAK,QAAL,CADX;MAEE,OAAO,EAAE;QACP2B,QAAQ,EAAE1B,OAAO,CAAC0B,QADX;QAEPC,IAAI,EAAE3B,OAAO,CAAC2B;MAFP,CAFX;MAME,MAAM,EAAE1D,MANV;MAOE,WAAW,EAAEY,WAPf;MAQE,UAAU,EAAEwB,UARd;MASE,QAAQ,EAAE,CAACR,QAAD,EAAWJ,aAAX,EAA0BC,MAA1B,EAAkCC,aAAlC,EAAiDwB,GAAjD,KACR,KAAK5B,eAAL,CAAqBM,QAArB,EAA+BJ,aAA/B,EAA8CC,MAA9C,EAAsDC,aAAtD,EAAqEwB,GAArE,CAVJ;MAYE,MAAM,EAAEvC,MAZV;MAaE,aAAa,EAAE2B,aAbjB;MAcE,0BAA0B,EAAED,0BAd9B;MAeE,WAAW,EAAEG,WAff;MAgBE,aAAa,EAAED,aAhBjB;MAiBE,MAAM,EAAE9B,MAjBV;MAkBE,QAAQ,EAAEV,QAlBZ;MAmBE,qBAAqB,EAAE0C,qBAnBzB;MAoBE,mBAAiB9B,MAAM,CAACsB,KAAP,GAAerD,KAAK,CAACkD,EAAD,EAAK,OAAL,CAApB,GAAoCgB,SApBvD;MAqBE,SAAS,EAAEU,SArBb;MAsBE,WAAW,EAAEd,WAtBf;MAuBE,SAAS,EAAE,KAAKrC;IAvBlB,EADF;EA2BD;;EAEDsD,MAAM,GAAG;IACP,MAAM;MAAE7B,EAAF;MAAMC,OAAN;MAAeY,SAAf;MAA0BhC,MAA1B;MAAkCI;IAAlC,IAA+C,KAAKX,KAA1D;IACA,MAAM;MAAEK;IAAF,IAAa,KAAKD,KAAxB;IACA,MAAM2B,gBAAgB,GAAGvD,KAAK,CAACkD,EAAD,EAAK,gBAAL,CAA9B;IAEA,oBACE,0CAEGnB,MAAM,CAACsB,KAAP,GAAe,KAAKJ,WAAL,EAAf,GAAoC,IAFvC,eAGE;MACE,EAAE,EAAEC,EADN;MAEE,IAAI,EAAC,UAFP;MAGE,iBAAerB,MAHjB;MAIE,aAAWA,MAAM,GAAG7B,KAAK,CAACkD,EAAD,EAAK,QAAL,CAAR,GAAyBgB,SAJ5C;MAKE,iBAAerC,MAAM,GAAG7B,KAAK,CAACkD,EAAD,EAAK,QAAL,CAAR,GAAyBgB,SALhD;MAME,mBAAiBX,gBANnB;MAOE,oBAAkBxB,MAAM,CAACsB,KAAP,GAAerD,KAAK,CAACkD,EAAD,EAAK,OAAL,CAApB,GAAoCgB,SAPxD;MAQE,GAAG,EAAGc,EAAD,IAAQ;QACX,KAAKC,IAAL,GAAYD,EAAZ;MACD,CAVH;MAWE,SAAS,EAAEvF,IAAI,CAAC0D,OAAO,CAAC+B,IAAT,EAAenB,SAAf,EACW5B,QADX,IACZgB,OAAO,CAACgC,YADI,EAEOtD,MAFP,IAEZsB,OAAO,CAACiC,QAFI;IAXjB,GAgBG,KAAK9B,YAAL,CAAkBC,gBAAlB,CAhBH,EAiBG,KAAKoB,UAAL,EAjBH,CAHF,CADF;EAyBD;;AAjOsC;;AAoOzC,wCAAAtD,UAAU,CAACgE,SAAX,GAAuB;EACrB;AACF;AACA;EACEtB,SAAS,EAAEvE,SAAS,CAAC8F,MAJA;;EAKrB;AACF;AACA;EACEpC,EAAE,EAAE1D,SAAS,CAAC8F,MARO;;EASrB;AACF;AACA;EACEnC,OAAO,EAAE3D,SAAS,CAAC+F,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAE1F,SAAS,CAAC8F,MAJO;;IAKvB;AACJ;AACA;IACIF,QAAQ,EAAE5F,SAAS,CAAC8F,MARG;;IASvB;AACJ;AACA;IACIH,YAAY,EAAE3F,SAAS,CAAC8F,MAZD;;IAavB;AACJ;AACA;IACIlC,KAAK,EAAE5D,SAAS,CAAC8F,MAhBM;;IAiBvB;AACJ;AACA;IACIlB,MAAM,EAAE5E,SAAS,CAAC8F,MApBK;;IAqBvB;AACJ;AACA;IACI3C,SAAS,EAAEnD,SAAS,CAAC8F,MAxBE;;IAyBvB;AACJ;AACA;IACIZ,KAAK,EAAElF,SAAS,CAAC8F,MA5BM;;IA6BvB;AACJ;AACA;IACIjB,cAAc,EAAE7E,SAAS,CAAC8F,MAhCH;;IAiCvB;AACJ;AACA;IACIE,IAAI,EAAEhG,SAAS,CAAC8F,MApCO;;IAqCvB;AACJ;AACA;IACId,QAAQ,EAAEhF,SAAS,CAAC8F,MAxCG;;IAyCvB;AACJ;AACA;IACIb,iBAAiB,EAAEjF,SAAS,CAAC8F,MA5CN;;IA6CvB;AACJ;AACA;IACIR,IAAI,EAAEtF,SAAS,CAAC8F,MAhDO;;IAiDvB;AACJ;AACA;IACIT,QAAQ,EAAErF,SAAS,CAAC8F;EApDG,CAAhB,EAqDNG,UAjEkB;;EAkErB;AACF;AACA;EACE;EACA;EACA;EACA;EACArE,MAAM,EAAE5B,SAAS,CAACkG,OAAV,CACNlG,SAAS,CAAC+F,KAAV,CAAgB;IACdrC,EAAE,EAAE1D,SAAS,CAAC8F,MADA;IAEdlC,KAAK,EAAE5D,SAAS,CAAC8F,MAAV,CAAiBG,UAFV;IAGdzC,QAAQ,EAAExD,SAAS,CAACmG;EAHN,CAAhB,CADM,CAzEa;;EAgFrB;AACF;AACA;EACE3D,WAAW,EAAExC,SAAS,CAACmG,IAnFF;;EAoFrB;AACF;AACA;EACEnC,UAAU,EAAEhE,SAAS,CAACmG,IAvFD;;EAwFrB;AACF;AACA;EACExD,QAAQ,EAAE3C,SAAS,CAACmG,IA3FC;;EA4FrB;AACF;AACA;EACE;EACA;EACA;EACA;EACAhE,QAAQ,EAAEnC,SAAS,CAACmG,IAnGC;;EAoGrB;AACF;AACA;EACE5C,QAAQ,EAAEvD,SAAS,CAACoG,IAvGC;;EAwGrB;AACF;AACA;EACEnC,0BAA0B,EAAEjE,SAAS,CAACmG,IA3GjB;;EA4GrB;AACF;AACA;EACE5D,MAAM,EAAEvC,SAAS,CAAC+F,KAAV,CAAgB;IACtB;AACJ;AACA;IACIlC,KAAK,EAAE7D,SAAS,CAAC8F,MAJK;;IAKtB;AACJ;AACA;IACI3E,MAAM,EAAEnB,SAAS,CAAC8F,MARI;;IAStB;AACJ;AACA;IACI1E,SAAS,EAAEpB,SAAS,CAAC8F,MAZC;;IAatB;AACJ;AACA;IACIzE,WAAW,EAAErB,SAAS,CAAC8F,MAhBD;;IAiBtB;AACJ;AACA;IACIxE,UAAU,EAAEtB,SAAS,CAAC8F,MApBA;;IAqBtB;AACJ;AACA;IACIvE,oBAAoB,EAAEvB,SAAS,CAAC8F,MAxBV;;IAyBtB;AACJ;AACA;IACItE,yBAAyB,EAAExB,SAAS,CAAC8F;EA5Bf,CAAhB,CA/Ga;;EA6IrB;AACF;AACA;AACA;AACA;AACA;EACE5B,aAAa,EAAE/D,kBAAkB,CAC/BH,SAAS,CAACmG,IADqB,EAE/B,iDAF+B,CAnJZ;;EAuJrB;AACF;AACA;EACE/B,WAAW,EAAEpE,SAAS,CAACmG,IA1JF;;EA2JrB;AACF;AACA;AACA;EACEhC,aAAa,EAAEnE,SAAS,CAACmG,IA/JJ;;EAgKrB;AACF;AACA;EACE9B,qBAAqB,EAAErE,SAAS,CAACmG,IAnKZ;;EAoKrB;AACF;AACA;EACEf,SAAS,EAAEpF,SAAS,CAACqG,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAvKU;;EAwKrB;AACF;AACA;EACE/B,WAAW,EAAEtE,SAAS,CAAC+F,KAAV;AA3KQ,CAAvB;AA8KAlE,UAAU,CAACyE,YAAX,GAA0B;EACxB/B,SAAS,EAAE,EADa;EAExBb,EAAE,EAAEgB,SAFoB;EAGxB9C,MAAM,EAAE,IAHgB;EAIxBY,WAAW,EAAE,KAJW;EAKxBwB,UAAU,EAAE,KALY;EAMxBrB,QAAQ,EAAE,KANc;EAOxBR,QAAQ,EAAE,KAPc;;EAQxBoB,QAAQ,GAAG,CAAE,CARW;;EASxBU,0BAA0B,EAAE,KATJ;EAUxB1B,MAAM,EAAE,EAVgB;EAWxB2B,aAAa,EAAE,IAXS;EAYxBC,aAAa,EAAE,KAZS;EAaxBC,WAAW,EAAE,KAbW;EAcxBC,qBAAqB,EAAE,IAdC;EAexBe,SAAS,EAAEV,SAfa;EAgBxBJ,WAAW,EAAE;AAhBW,CAA1B;AAmBA,eAAepE,UAAU,CAACe,MAAD,EAAS;EAAEsF,IAAI,EAAE;AAAR,CAAT,CAAV,CACb3F,UAAU,CAACM,cAAD,CAAV,CAA2BL,MAAM,CAACgB,UAAD,CAAjC,CADa,CAAf"}