@pie-lib/mask-markup 2.0.0-beta.1 → 2.0.0-next.0

package/lib/components/dropdown.js

@@ -1,216 +1,459 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _correctInput = _interopRequireDefault(require("./correct-input"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
+var _ArrowDropUp = _interopRequireDefault(require("@mui/icons-material/ArrowDropUp"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+var _mathRendering = require("@pie-lib/math-rendering");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledButton = (0, _styles.styled)(_Button["default"])(function () {
+  return {
+    color: _renderUi.color.text(),
+    border: "1px solid ".concat(_renderUi.color.borderGray()),
+    borderRadius: '4px',
+    justifyContent: 'space-between',
+    backgroundColor: _renderUi.color.background(),
+    position: 'relative',
+    height: '45px',
+    width: 'fit-content',
+    margin: '2px',
+    textTransform: 'none',
+    '& span': {
+      paddingRight: '5px'
+    },
+    '& svg': {
+      position: 'absolute',
+      right: 0,
+      top: 'calc(50% - 12px)',
+      pointerEvents: 'none',
+      color: _renderUi.color.text(),
+      marginLeft: '5px'
+    },
+    '&.Mui-focused': {
+      outline: "3px solid ".concat(_renderUi.color.tertiary()),
+      outlineOffset: '2px',
+      borderWidth: '3px'
+    },
+    '&.disabledCorrect': {
+      borderWidth: '2px',
+      borderColor: _renderUi.color.correct(),
+      color: "".concat(_renderUi.color.text(), " !important")
+    },
+    '&.disabledIncorrect': {
+      borderWidth: '2px',
+      borderColor: _renderUi.color.incorrectWithIcon(),
+      color: "".concat(_renderUi.color.text(), " !important")
+    }
+  };
+});
+var StyledMenu = (0, _styles.styled)(_Menu["default"])(function () {
+  return {
+    backgroundColor: _renderUi.color.background(),
+    border: "1px solid ".concat(_renderUi.color.correct(), " !important"),
+    '&:hover': {
+      border: "1px solid ".concat(_renderUi.color.text(), " "),
+      borderColor: 'initial'
+    },
+    '&:focus': {
+      border: "1px solid ".concat(_renderUi.color.text()),
+      borderColor: 'initial'
+    },
+    // remove default padding on the inner list
+    '& .MuiList-root': {
+      padding: 0
+    }
+  };
+});
+var StyledMenuItem = (0, _styles.styled)(_MenuItem["default"])(function () {
+  return {
+    color: _renderUi.color.text(),
+    backgroundColor: _renderUi.color.background(),
+    '&.Mui-focused': {
+      outline: "3px solid ".concat(_renderUi.color.tertiary()),
+      outlineOffset: '-1px',
+      // keeps it inside the item
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background()
+    },
+    '&:hover': {
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.dropdownBackground()
+    },
+    boxSizing: 'border-box',
+    padding: '25px',
+    borderRadius: '4px',
+    '&.selected': {
+      color: "".concat(_renderUi.color.text(), " !important"),
+      backgroundColor: "".concat(_renderUi.color.background(), " !important"),
+      '&:hover': {
+        color: _renderUi.color.text(),
+        backgroundColor: "".concat(_renderUi.color.dropdownBackground(), " !important")
+      }
+    }
+  };
+});
+var StyledLabel = (0, _styles.styled)('span')(function () {
+  return {
+    fontSize: 'max(1rem, 14px)'
+  };
+});
+var StyledSelectedIndicator = (0, _styles.styled)('span')(function () {
+  return {
+    fontSize: 'max(1rem, 14px)',
+    position: 'absolute',
+    right: '10px'
+  };
+});
+var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function () {
+  return {
+    position: 'absolute',
+    left: '-10000px',
+    top: 'auto',
+    width: '1px',
+    height: '1px',
+    overflow: 'hidden'
+  };
+});
+var StyledCorrectnessIcon = (0, _styles.styled)(_Check["default"])(function () {
+  return {
+    color: "".concat(_renderUi.color.white(), " !important"),
+    position: 'absolute',
+    top: '-8px !important',
+    left: '-8px',
+    marginLeft: '0 !important',
+    borderRadius: '50%',
+    fontSize: '16px',
+    padding: '2px',
+    '&.correct': {
+      backgroundColor: _renderUi.color.correct()
+    },
+    '&.incorrect': {
+      backgroundColor: _renderUi.color.incorrectWithIcon()
+    }
+  };
+});
+var StyledIncorrectnessIcon = (0, _styles.styled)(_Close["default"])(function () {
+  return {
+    color: "".concat(_renderUi.color.white(), " !important"),
+    position: 'absolute',
+    top: '-8px !important',
+    left: '-8px',
+    marginLeft: '0 !important',
+    borderRadius: '50%',
+    fontSize: '16px',
+    padding: '2px',
+    '&.correct': {
+      backgroundColor: _renderUi.color.correct()
+    },
+    '&.incorrect': {
+      backgroundColor: _renderUi.color.incorrectWithIcon()
+    }
+  };
+});
 var Dropdown = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Dropdown, _React$Component);
-
-  var _super = _createSuper(Dropdown);
-
   function Dropdown(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Dropdown);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showCheckmarkAndOpen", function () {
+    _this = _callSuper(this, Dropdown, [props]);
+    (0, _defineProperty2["default"])(_this, "handleClick", function (event) {
+      return _this.setState({
+        anchorEl: event.currentTarget
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "handleClose", function () {
+      var value = _this.props.value;
       _this.setState({
-        showCheckmark: true,
-        open: true
+        anchorEl: null,
+        previewValue: null,
+        highlightedOptionId: null
       });
+      // clear displayed preview if no selection
+      if (!value && _this.previewRef.current) {
+        _this.previewRef.current.innerHTML = '';
+      }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hideCheckmarkAndClose", function () {
+    (0, _defineProperty2["default"])(_this, "handleHighlight", function (index) {
+      var highlightedOptionId = "dropdown-option-".concat(_this.props.id, "-").concat(index);
+
+      // preview on hover if nothing selected
+      var stateUpdate = {
+        highlightedOptionId: highlightedOptionId
+      };
+      if (!_this.props.value) {
+        stateUpdate.previewValue = _this.props.choices[index].value;
+      }
+      _this.setState(stateUpdate);
+    });
+    (0, _defineProperty2["default"])(_this, "handleSelect", function (value, index) {
+      _this.props.onChange(_this.props.id, value);
+      _this.handleHighlight(index);
+      _this.handleClose();
+    });
+    (0, _defineProperty2["default"])(_this, "handleHover", function (index) {
+      var selectedValue = _this.props.value;
+      if (selectedValue) return;
+      var highlightedOptionId = "dropdown-option-".concat(_this.props.id, "-").concat(index);
+      var previewValue = _this.state.previewValue;
       _this.setState({
-        showCheckmark: false,
-        open: false
+        highlightedOptionId: highlightedOptionId,
+        previewValue: previewValue
+      }, function () {
+        // On hover, preview the math-rendered content inside the button if no value is selected.
+        var ref = _this.elementRefs[index];
+        var preview = _this.previewRef.current;
+        if (ref && preview) {
+          preview.innerHTML = ref.innerHTML;
+        }
       });
     });
     _this.state = {
-      showCheckmark: false,
-      open: false
+      anchorEl: null,
+      highlightedOptionId: null,
+      menuWidth: null,
+      previewValue: null
     };
+    _this.hiddenRef = /*#__PURE__*/_react["default"].createRef();
+    _this.buttonRef = /*#__PURE__*/_react["default"].createRef();
+    _this.previewRef = /*#__PURE__*/_react["default"].createRef();
+    _this.elementRefs = [];
     return _this;
   }
-
-  (0, _createClass2["default"])(Dropdown, [{
+  (0, _inherits2["default"])(Dropdown, _React$Component);
+  return (0, _createClass2["default"])(Dropdown, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // measure hidden menu width once
+      if (this.hiddenRef.current && this.state.menuWidth === null) {
+        this.setState({
+          menuWidth: this.hiddenRef.current.clientWidth
+        });
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      var hiddenEl = this.hiddenRef.current;
+      var dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;
+      if (dropdownJustOpened) {
+        this.elementRefs.forEach(function (ref) {
+          if (!ref) return;
+          var containsLatex = ref.querySelector('[data-latex], [data-raw]');
+          var hasMathJax = ref.querySelector('mjx-container');
+          var mathHandled = ref.querySelector('[data-math-handled="true"]');
+          if (containsLatex && (!mathHandled || !hasMathJax)) {
+            (0, _mathRendering.renderMath)(ref);
+          }
+        });
+      }
+      if (hiddenEl) {
+        var newWidth = hiddenEl.clientWidth;
+        if (newWidth !== this.state.menuWidth) {
+          this.elementRefs.forEach(function (ref) {
+            if (ref) (0, _mathRendering.renderMath)(ref);
+          });
+          (0, _mathRendering.renderMath)(hiddenEl);
+          this.setState({
+            menuWidth: newWidth
+          });
+        }
+      }
+    }
+  }, {
+    key: "getLabel",
+    value: function getLabel(choices, value) {
+      var found = (choices || []).find(function (choice) {
+        return choice.value === value;
+      });
+      return found ? found.label.trim() : undefined;
+    }
+  }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
       var _this$props = this.props,
-          classes = _this$props.classes,
-          id = _this$props.id,
-          correct = _this$props.correct,
-          disabled = _this$props.disabled,
-          value = _this$props.value,
-          _onChange = _this$props.onChange,
-          choices = _this$props.choices,
-          showCorrectAnswer = _this$props.showCorrectAnswer;
-      var _this$state = this.state,
-          showCheckmark = _this$state.showCheckmark,
-          open = _this$state.open;
-      return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-        classes: {
-          root: classes.root,
-          icon: classes.icon,
-          selectMenu: classes.selectMenu,
-          select: classes.select
+        id = _this$props.id,
+        correct = _this$props.correct,
+        disabled = _this$props.disabled,
+        value = _this$props.value,
+        choices = _this$props.choices,
+        showCorrectAnswer = _this$props.showCorrectAnswer,
+        singleQuery = _this$props.singleQuery,
+        correctValue = _this$props.correctValue;
+      var anchorEl = this.state.anchorEl;
+      var open = Boolean(anchorEl);
+      var buttonId = "dropdown-button-".concat(id);
+      var menuId = "dropdown-menu-".concat(id);
+      var valueDisplayId = "dropdown-value-".concat(id);
+
+      // Determine the class for disabled state, view mode and evaluate mode
+      var disabledClass;
+      // Reset elementRefs before each render to avoid stale references
+      this.elementRefs = [];
+      if (disabled && correct !== undefined) {
+        disabledClass = correct || showCorrectAnswer ? 'disabledCorrect' : 'disabledIncorrect';
+      }
+
+      // Create distinct, visually hidden labels for each dropdown
+      var incrementedId = parseInt(id, 10) + 1;
+      var labelId = singleQuery ? 'Query-label' : "Query-label-".concat(incrementedId);
+      var labelText = singleQuery ? 'Query' : "Query ".concat(incrementedId);
+
+      // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.
+      var correctnessIcon = null;
+      if (disabled && correct !== undefined) {
+        correctnessIcon = correct || showCorrectAnswer ? /*#__PURE__*/_react["default"].createElement(StyledCorrectnessIcon, {
+          className: "correct"
+        }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectnessIcon, {
+          className: "incorrect"
+        });
+      }
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+        ref: this.hiddenRef,
+        style: {
+          position: 'absolute',
+          visibility: 'hidden',
+          top: 0,
+          left: 0
         },
+        tabIndex: -1,
+        "aria-hidden": "true"
+      }, (choices || []).map(function (c, index) {
+        return /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
+          key: index,
+          tabIndex: -1,
+          "aria-hidden": "true"
+        }, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
+          dangerouslySetInnerHTML: {
+            __html: c.label
+          }
+        }));
+      })), /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
+        id: labelId,
+        tabIndex: -1,
+        "aria-hidden": "true"
+      }, labelText), /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        ref: this.buttonRef,
+        style: _objectSpread(_objectSpread({}, this.state.menuWidth && {
+          minWidth: "calc(".concat(this.state.menuWidth, "px + 8px)")
+        }), {}, {
+          borderWidth: open ? '2px' : '1px',
+          transition: 'border-width 0.2s ease-in-out'
+        }),
+        "aria-controls": open ? menuId : undefined,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open ? 'true' : undefined,
+        "aria-activedescendant": this.state.highlightedOptionId,
+        onClick: this.handleClick,
+        className: disabledClass,
         disabled: disabled,
-        value: value || '',
-        onOpen: this.showCheckmarkAndOpen,
-        onClose: this.hideCheckmarkAndClose,
+        id: buttonId,
+        role: "combobox",
+        "aria-label": "Select an option for ".concat(labelText),
+        "aria-labelledby": valueDisplayId
+      }, correctnessIcon, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
+        id: valueDisplayId,
+        ref: this.previewRef,
+        dangerouslySetInnerHTML: {
+          __html: correctValue ? correctValue : open && this.state.previewValue ? this.getLabel(choices, this.state.previewValue) : this.getLabel(choices, value) || ''
+        }
+      }), open ? /*#__PURE__*/_react["default"].createElement(_ArrowDropUp["default"], null) : /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], null)), /*#__PURE__*/_react["default"].createElement(StyledMenu, {
+        id: menuId,
+        anchorEl: anchorEl,
+        keepMounted: true,
         open: open,
-        input: /*#__PURE__*/_react["default"].createElement(_correctInput["default"], {
-          correct: showCorrectAnswer || correct
-        }),
-        MenuProps: {
-          keepMounted: true,
-          disablePortal: true
+        onClose: this.handleClose,
+        getContentAnchorEl: null,
+        anchorOrigin: {
+          vertical: 'bottom',
+          horizontal: 'left'
+        },
+        transformOrigin: {
+          vertical: 'top',
+          horizontal: 'left'
+        },
+        transitionDuration: {
+          enter: 225,
+          exit: 195
         },
-        onChange: function onChange(e) {
-          _onChange(id, e.target.value);
+        slotProps: {
+          paper: this.state.menuWidth ? {
+            style: {
+              minWidth: this.state.menuWidth,
+              padding: '4px'
+            }
+          } : undefined,
+          list: {
+            'aria-labelledby': buttonId,
+            role: 'listbox',
+            disablePadding: true
+          }
         }
       }, (choices || []).map(function (c, index) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-          classes: {
-            root: classes.menuRoot,
-            selected: classes.selected
-          },
+        var optionId = "dropdown-option-".concat(id, "-").concat(index);
+        return /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
+          id: optionId,
+          className: c.value === value ? 'selected' : '',
           key: "".concat(c.label, "-").concat(index),
-          value: c.value
-        }, /*#__PURE__*/_react["default"].createElement("span", {
-          className: classes.label,
+          value: c.value,
+          onClick: function onClick() {
+            return _this2.handleSelect(c.value, index);
+          },
+          role: "option",
+          "aria-selected": _this2.state.highlightedOptionId === optionId ? 'true' : undefined,
+          onMouseOver: function onMouseOver() {
+            return _this2.handleHover(index);
+          }
+        }, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
+          ref: function ref(_ref) {
+            return _this2.elementRefs[index] = _ref;
+          },
           dangerouslySetInnerHTML: {
             __html: c.label
           }
-        }), showCheckmark && /*#__PURE__*/_react["default"].createElement("span", {
-          className: classes.label,
+        }), /*#__PURE__*/_react["default"].createElement(StyledSelectedIndicator, {
           dangerouslySetInnerHTML: {
             __html: c.value === value ? ' &check;' : ''
           }
         }));
-      }));
+      })));
     }
   }]);
-  return Dropdown;
 }(_react["default"].Component);
-
 (0, _defineProperty2["default"])(Dropdown, "propTypes", {
   id: _propTypes["default"].string,
   value: _propTypes["default"].string,
   disabled: _propTypes["default"].bool,
   onChange: _propTypes["default"].func,
-  classes: _propTypes["default"].object,
   correct: _propTypes["default"].bool,
   choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     value: _propTypes["default"].string,
     label: _propTypes["default"].string
   })),
-  showCorrectAnswer: _propTypes["default"].bool
+  showCorrectAnswer: _propTypes["default"].bool,
+  singleQuery: _propTypes["default"].bool,
+  correctValue: _propTypes["default"].string
 });
-
-var styles = function styles() {
-  return {
-    root: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      borderColor: _renderUi.color.secondaryLight(),
-      '& ul': {
-        paddingTop: 0,
-        paddingBottom: 0,
-        border: "1px solid ".concat(_renderUi.color.text()),
-        borderRadius: '5px',
-        color: _renderUi.color.text(),
-        backgroundColor: _renderUi.color.background()
-      }
-    },
-    select: {
-      '&:focus': {
-        borderRadius: '4px'
-      }
-    },
-    selectMenu: {
-      backgroundColor: _renderUi.color.background(),
-      '&:hover': {
-        borderColor: 'initial'
-      },
-      '&:focus': {
-        borderColor: 'initial'
-      }
-    },
-    icon: {
-      color: _renderUi.color.text()
-    },
-    selected: {
-      color: "".concat(_renderUi.color.text(), " !important"),
-      backgroundColor: "".concat(_renderUi.color.background(), " !important"),
-      '&:hover': {
-        color: _renderUi.color.text(),
-        backgroundColor: "".concat(_renderUi.color.secondaryLight(), " !important")
-      }
-    },
-    menuRoot: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      '&:focus': {
-        color: _renderUi.color.text(),
-        backgroundColor: _renderUi.color.background()
-      },
-      '&:hover': {
-        color: _renderUi.color.text(),
-        backgroundColor: _renderUi.color.secondaryLight()
-      },
-      boxSizing: 'border-box',
-      padding: '25px',
-      '&:first-of-type': {
-        borderRadius: '3px 3px 0 0'
-      },
-      '&:last-of-type': {
-        borderRadius: '0 0 3px 3px'
-      }
-    },
-    label: {
-      fontSize: 'max(1rem, 14px)'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Dropdown);
-
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJEcm9wZG93biIsInByb3BzIiwic2V0U3RhdGUiLCJzaG93Q2hlY2ttYXJrIiwib3BlbiIsInN0YXRlIiwiY2xhc3NlcyIsImlkIiwiY29ycmVjdCIsImRpc2FibGVkIiwidmFsdWUiLCJvbkNoYW5nZSIsImNob2ljZXMiLCJzaG93Q29ycmVjdEFuc3dlciIsInJvb3QiLCJpY29uIiwic2VsZWN0TWVudSIsInNlbGVjdCIsInNob3dDaGVja21hcmtBbmRPcGVuIiwiaGlkZUNoZWNrbWFya0FuZENsb3NlIiwia2VlcE1vdW50ZWQiLCJkaXNhYmxlUG9ydGFsIiwiZSIsInRhcmdldCIsIm1hcCIsImMiLCJpbmRleCIsIm1lbnVSb290Iiwic2VsZWN0ZWQiLCJsYWJlbCIsIl9faHRtbCIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwic3RyaW5nIiwiYm9vbCIsImZ1bmMiLCJvYmplY3QiLCJhcnJheU9mIiwic2hhcGUiLCJzdHlsZXMiLCJjb2xvciIsInRleHQiLCJiYWNrZ3JvdW5kQ29sb3IiLCJiYWNrZ3JvdW5kIiwiYm9yZGVyQ29sb3IiLCJzZWNvbmRhcnlMaWdodCIsInBhZGRpbmdUb3AiLCJwYWRkaW5nQm90dG9tIiwiYm9yZGVyIiwiYm9yZGVyUmFkaXVzIiwiYm94U2l6aW5nIiwicGFkZGluZyIsImZvbnRTaXplIiwid2l0aFN0eWxlcyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2Ryb3Bkb3duLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBTZWxlY3QgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvU2VsZWN0JztcbmltcG9ydCBNZW51SXRlbSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9NZW51SXRlbSc7XG5pbXBvcnQgQ29ycmVjdElucHV0IGZyb20gJy4vY29ycmVjdC1pbnB1dCc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcblxuY2xhc3MgRHJvcGRvd24gZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGlkOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjb3JyZWN0OiBQcm9wVHlwZXMuYm9vbCxcbiAgICBjaG9pY2VzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgIFByb3BUeXBlcy5zaGFwZSh7IHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLCBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyB9KVxuICAgICksXG4gICAgc2hvd0NvcnJlY3RBbnN3ZXI6IFByb3BUeXBlcy5ib29sXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG5cbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgc2hvd0NoZWNrbWFyazogZmFsc2UsXG4gICAgICBvcGVuOiBmYWxzZVxuICAgIH07XG4gIH1cblxuICBzaG93Q2hlY2ttYXJrQW5kT3BlbiA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHNob3dDaGVja21hcms6IHRydWUsXG4gICAgICBvcGVuOiB0cnVlXG4gICAgfSk7XG4gIH07XG5cbiAgaGlkZUNoZWNrbWFya0FuZENsb3NlID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgc2hvd0NoZWNrbWFyazogZmFsc2UsXG4gICAgICBvcGVuOiBmYWxzZVxuICAgIH0pO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgaWQsXG4gICAgICBjb3JyZWN0LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgY2hvaWNlcyxcbiAgICAgIHNob3dDb3JyZWN0QW5zd2VyXG4gICAgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBjb25zdCB7IHNob3dDaGVja21hcmssIG9wZW4gfSA9IHRoaXMuc3RhdGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFNlbGVjdFxuICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgcm9vdDogY2xhc3Nlcy5yb290LFxuICAgICAgICAgIGljb246IGNsYXNzZXMuaWNvbixcbiAgICAgICAgICBzZWxlY3RNZW51OiBjbGFzc2VzLnNlbGVjdE1lbnUsXG4gICAgICAgICAgc2VsZWN0OiBjbGFzc2VzLnNlbGVjdFxuICAgICAgICB9fVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHZhbHVlPXt2YWx1ZSB8fCAnJ31cbiAgICAgICAgb25PcGVuPXt0aGlzLnNob3dDaGVja21hcmtBbmRPcGVufVxuICAgICAgICBvbkNsb3NlPXt0aGlzLmhpZGVDaGVja21hcmtBbmRDbG9zZX1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgaW5wdXQ9ezxDb3JyZWN0SW5wdXQgY29ycmVjdD17c2hvd0NvcnJlY3RBbnN3ZXIgfHwgY29ycmVjdH0gLz59XG4gICAgICAgIE1lbnVQcm9wcz17e1xuICAgICAgICAgIGtlZXBNb3VudGVkOiB0cnVlLFxuICAgICAgICAgIGRpc2FibGVQb3J0YWw6IHRydWVcbiAgICAgICAgfX1cbiAgICAgICAgb25DaGFuZ2U9e2UgPT4ge1xuICAgICAgICAgIG9uQ2hhbmdlKGlkLCBlLnRhcmdldC52YWx1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHsoY2hvaWNlcyB8fCBbXSkubWFwKChjLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgY2xhc3Nlcz17eyByb290OiBjbGFzc2VzLm1lbnVSb290LCBzZWxlY3RlZDogY2xhc3Nlcy5zZWxlY3RlZCB9fVxuICAgICAgICAgICAga2V5PXtgJHtjLmxhYmVsfS0ke2luZGV4fWB9XG4gICAgICAgICAgICB2YWx1ZT17Yy52YWx1ZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMubGFiZWx9XG4gICAgICAgICAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7XG4gICAgICAgICAgICAgICAgX19odG1sOiBjLmxhYmVsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge3Nob3dDaGVja21hcmsgJiYgKFxuICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5sYWJlbH1cbiAgICAgICAgICAgICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGMudmFsdWUgPT09IHZhbHVlID8gJyAmY2hlY2s7JyA6ICcnIH19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TZWxlY3Q+XG4gICAgKTtcbiAgfVxufVxuXG5jb25zdCBzdHlsZXMgPSAoKSA9PiAoe1xuICByb290OiB7XG4gICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgICBib3JkZXJDb2xvcjogY29sb3Iuc2Vjb25kYXJ5TGlnaHQoKSxcbiAgICAnJiB1bCc6IHtcbiAgICAgIHBhZGRpbmdUb3A6IDAsXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Y29sb3IudGV4dCgpfWAsXG4gICAgICBib3JkZXJSYWRpdXM6ICc1cHgnLFxuICAgICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpXG4gICAgfVxuICB9LFxuICBzZWxlY3Q6IHtcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIGJvcmRlclJhZGl1czogJzRweCdcbiAgICB9XG4gIH0sXG4gIHNlbGVjdE1lbnU6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlckNvbG9yOiAnaW5pdGlhbCdcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm9yZGVyQ29sb3I6ICdpbml0aWFsJ1xuICAgIH1cbiAgfSxcbiAgaWNvbjoge1xuICAgIGNvbG9yOiBjb2xvci50ZXh0KClcbiAgfSxcbiAgc2VsZWN0ZWQ6IHtcbiAgICBjb2xvcjogYCR7Y29sb3IudGV4dCgpfSAhaW1wb3J0YW50YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke2NvbG9yLmJhY2tncm91bmQoKX0gIWltcG9ydGFudGAsXG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBjb2xvcjogY29sb3IudGV4dCgpLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHtjb2xvci5zZWNvbmRhcnlMaWdodCgpfSAhaW1wb3J0YW50YFxuICAgIH1cbiAgfSxcbiAgbWVudVJvb3Q6IHtcbiAgICBjb2xvcjogY29sb3IudGV4dCgpLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpLFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpXG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLnNlY29uZGFyeUxpZ2h0KClcbiAgICB9LFxuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgIHBhZGRpbmc6ICcyNXB4JyxcbiAgICAnJjpmaXJzdC1vZi10eXBlJzoge1xuICAgICAgYm9yZGVyUmFkaXVzOiAnM3B4IDNweCAwIDAnXG4gICAgfSxcbiAgICAnJjpsYXN0LW9mLXR5cGUnOiB7XG4gICAgICBib3JkZXJSYWRpdXM6ICcwIDAgM3B4IDNweCdcbiAgICB9XG4gIH0sXG4gIGxhYmVsOiB7XG4gICAgZm9udFNpemU6ICdtYXgoMXJlbSwgMTRweCknXG4gIH1cbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlcykoRHJvcGRvd24pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7SUFFTUEsUTs7Ozs7RUFjSixrQkFBWUMsS0FBWixFQUFtQjtJQUFBOztJQUFBO0lBQ2pCLDBCQUFNQSxLQUFOO0lBRGlCLHlHQVNJLFlBQU07TUFDM0IsTUFBS0MsUUFBTCxDQUFjO1FBQ1pDLGFBQWEsRUFBRSxJQURIO1FBRVpDLElBQUksRUFBRTtNQUZNLENBQWQ7SUFJRCxDQWRrQjtJQUFBLDBHQWdCSyxZQUFNO01BQzVCLE1BQUtGLFFBQUwsQ0FBYztRQUNaQyxhQUFhLEVBQUUsS0FESDtRQUVaQyxJQUFJLEVBQUU7TUFGTSxDQUFkO0lBSUQsQ0FyQmtCO0lBR2pCLE1BQUtDLEtBQUwsR0FBYTtNQUNYRixhQUFhLEVBQUUsS0FESjtNQUVYQyxJQUFJLEVBQUU7SUFGSyxDQUFiO0lBSGlCO0VBT2xCOzs7O1dBZ0JELGtCQUFTO01BQ1Asa0JBU0ksS0FBS0gsS0FUVDtNQUFBLElBQ0VLLE9BREYsZUFDRUEsT0FERjtNQUFBLElBRUVDLEVBRkYsZUFFRUEsRUFGRjtNQUFBLElBR0VDLE9BSEYsZUFHRUEsT0FIRjtNQUFBLElBSUVDLFFBSkYsZUFJRUEsUUFKRjtNQUFBLElBS0VDLEtBTEYsZUFLRUEsS0FMRjtNQUFBLElBTUVD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
+var _default = exports["default"] = Dropdown;
+//# sourceMappingURL=dropdown.js.map