@instructure/quiz-core 20.36.1-rc.3 → 20.36.1-rc.4

package/lib/banks/components/Banks/presenter.js

@@ -20,8 +20,6 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiBillboard = require("@instructure/ui-billboard");
 var _uiButtons = require("@instructure/ui-buttons");
-var _uiTextInput = require("@instructure/ui-text-input");
-var _uiSimpleSelect = require("@instructure/ui-simple-select");
 var _emotion = require("@instructure/emotion");
 var _uiGrid = require("@instructure/ui-grid");
 var _uiView = require("@instructure/ui-view");
@@ -291,21 +289,21 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
         vAlign: "bottom"
       }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
-      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
+      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
         onChange: this.handleBanksParentChange,
         value: this.props.scopeType,
         renderLabel: (0, _formatMessage.default)('Filter By'),
         width: "13rem",
         "data-automation": "sdk-banks-filter-select"
       }, scopeOptions.map(function (option) {
-        return (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+        return (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
           id: searchFiltersSelectOptionIdPrefix + option.slug,
           key: option.slug,
           value: option.slug
         }, option.translation);
       }))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: 4
-      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
+      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         renderLabel: (0, _formatMessage.default)('Bank'),
         type: "search",
         value: this.state.searchTerms,
@@ -329,7 +327,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
         style: {
           margin: 'auto 0px auto auto'
         }
-      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
+      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
         renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Sort by')),
         value: this.props.sortBy,
         width: "10rem",
@@ -337,7 +335,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
       }, sortingCriteriaOptions.filter(function (option) {
         return option.display === true;
       }).map(function (option) {
-        return (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+        return (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
           id: sortingFiltersSelectOptionIdPrefix + option.slug,
           key: option.slug,
           value: option.slug

package/lib/banks/components/CopyMoveBankEntryModal/presenter.js

@@ -13,7 +13,6 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
-var _uiTextInput = require("@instructure/ui-text-input");
 var _uiRadioInput = require("@instructure/ui-radio-input");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _uiHeading = require("@instructure/ui-heading");
@@ -147,7 +146,7 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-bank-selection"
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_uiTextInput.TextInput, {
+      return /*#__PURE__*/_react.default.createElement(_quizCommon.TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
         renderLabel: (0, _formatMessage.default)('New Bank Title'),

package/lib/banks/components/CreateBankModal/presenter.js

@@ -14,7 +14,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _uiView = require("@instructure/ui-view");
-var _uiTextInput = require("@instructure/ui-text-input");
 var _uiHeading = require("@instructure/ui-heading");
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -102,7 +101,7 @@ var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     value: function renderContent() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.bankNameInput
-      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
+      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         messages: this.getErrors(),
         onChange: this.onNameChange,
         renderLabel: (0, _emotion.jsx)("div", {

package/lib/banks/components/EditBankModal/presenter.js

@@ -12,7 +12,6 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
-var _uiTextInput = require("@instructure/ui-text-input");
 var _uiHeading = require("@instructure/ui-heading");
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -85,7 +84,7 @@ var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     value: function renderContent() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.bankNameInput
-      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
+      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         value: this.props.workingBank.title,
         messages: this.getErrors(),
         onChange: this.onNameChange,

package/lib/banks/components/SharingModal/RootAccountSharing.js

@@ -18,7 +18,6 @@ var _uiCheckbox = require("@instructure/ui-checkbox");
 var _uiView = require("@instructure/ui-view");
 var _uiGrid = require("@instructure/ui-grid");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-var _uiSimpleSelect = require("@instructure/ui-simple-select");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -63,14 +62,14 @@ var RootAccountSharing = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
         "data-automation": "sdk-share-bank-with-institution-toggle"
       })), this.isSharedWithAccount() && /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
         width: "auto"
-      }, /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.SimpleSelect, {
         onChange: this.props.onShareTypeChange,
         value: this.props.accountPermission,
         renderLabel: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Access for account'))
-      }, /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.SimpleSelect.Option, {
         id: "sharing-modal-account-perm-select-option-can-view",
         value: _quizCommon.READ_ONLY
-      }, (0, _formatMessage.default)('Can view')), /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
+      }, (0, _formatMessage.default)('Can view')), /*#__PURE__*/_react.default.createElement(_quizCommon.SimpleSelect.Option, {
         id: "sharing-modal-account-perm-select-option-can-edit",
         value: _quizCommon.CAN_EDIT
       }, (0, _formatMessage.default)('Can edit')))))));

package/lib/banks/components/SharingModal/ShareList/index.js

@@ -16,7 +16,6 @@ var _immutable = require("immutable");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiGrid = require("@instructure/ui-grid");
 var _uiAvatar = require("@instructure/ui-avatar");
-var _uiSimpleSelect = require("@instructure/ui-simple-select");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _quizCommon = require("@instructure/quiz-common");
@@ -87,17 +86,17 @@ var ShareList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, nul
         "data-automation": isEntityRemoved ? 'sdk-shared-entity-removed' : null
       }, entity.get('title'))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
-      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
+      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
         onChange: _this.handlePermissionChange(entity),
         value: entity.get('permission') === _quizCommon.REMOVED_ACCESS ? originalPermission : entity.get('permission'),
         renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Access for {entity}', {
           entity: entity.get('title')
         })),
         disabled: isEntityRemoved || !_this.props.canEdit
-      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
         id: "share-list-select-option-can-view",
         value: _quizCommon.READ_ONLY
-      }, (0, _formatMessage.default)('Can view')), (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+      }, (0, _formatMessage.default)('Can view')), (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
         id: "share-list-select-option-can-edit",
         value: _quizCommon.CAN_EDIT
       }, (0, _formatMessage.default)('Can edit')))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {

package/lib/banks/components/SharingModal/presenter.js

@@ -27,7 +27,6 @@ var _uiView = require("@instructure/ui-view");
 var _uiGrid = require("@instructure/ui-grid");
 var _uiTabs = require("@instructure/ui-tabs");
 var _uiText = require("@instructure/ui-text");
-var _uiSimpleSelect = require("@instructure/ui-simple-select");
 var _emotion = require("@instructure/emotion");
 var _ElementsForSelectors = _interopRequireDefault(require("../../../common/util/ElementsForSelectors.js"));
 var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes.js"));
@@ -340,14 +339,14 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
           selectionFilter: _this.handleSearchFilter
         })), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
           width: "auto"
-        }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
+        }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
           onChange: _this.handleSearchPermissionChange,
           value: _this.state.searchPermission,
           renderLabel: (0, _formatMessage.default)('Access')
-        }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+        }, (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
           id: "sharing-modal-search-section-select-option-can-view",
           value: _quizCommon.READ_ONLY
-        }, (0, _formatMessage.default)('Can view')), (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+        }, (0, _formatMessage.default)('Can view')), (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
           id: "sharing-modal-search-section-select-option-can-edit",
           value: _quizCommon.CAN_EDIT
         }, (0, _formatMessage.default)('Can edit')))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -17,7 +17,6 @@ var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-p
 var _partial = _interopRequireDefault(require("lodash/partial"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _uiButtons = require("@instructure/ui-buttons");
-var _uiTextInput = require("@instructure/ui-text-input");
 var _emotion = require("@instructure/emotion");
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _uiIcons = require("@instructure/ui-icons");
@@ -222,7 +221,7 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         css: this.props.styles.titleHolder
       }, (0, _emotion.jsx)("span", {
         css: this.props.styles.titleInput
-      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
+      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         ref: this.storeTitleRef,
         renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, titleLabelText),
         type: "text",

package/lib/common/components/AccessCodeTextInput/AccessCodeTextInput.stories.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.whenRendered = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index.js");
+var _default = {
+  title: _index.AccessCodeTextInput.name
+};
+exports.default = _default;
+var _ref = /*#__PURE__*/_react.default.createElement(_index.AccessCodeTextInput, {
+  value: "Is it secret? Is it safe?"
+});
+var whenRendered = function whenRendered() {
+  return _ref;
+};
+exports.whenRendered = whenRendered;

package/lib/common/components/AccessCodeTextInput/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AccessCodeTextInput = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _react = _interopRequireWildcard(require("react"));
+var _index = _interopRequireDefault(require("../MaskedTextInput/index.js"));
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var AccessCodeTextInput = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AccessCodeTextInput, _Component);
+  var _super = (0, _createSuper2.default)(AccessCodeTextInput);
+  function AccessCodeTextInput() {
+    var _this;
+    (0, _classCallCheck2.default)(this, AccessCodeTextInput);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      masked: true
+    };
+    _this.handleMaskedChange = function () {
+      _this.setState(function (state) {
+        return {
+          masked: !state.masked
+        };
+      });
+    };
+    return _this;
+  }
+  (0, _createClass2.default)(AccessCodeTextInput, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({
+        renderLabel: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Access Code')),
+        display: "inline-block",
+        type: "text",
+        onMaskedChange: this.handleMaskedChange,
+        masked: this.state.masked,
+        checkboxLabel: (0, _formatMessage.default)('Show access code')
+      }, this.props));
+    }
+  }]);
+  AccessCodeTextInput.displayName = "AccessCodeTextInput";
+  return AccessCodeTextInput;
+}(_react.Component);
+exports.AccessCodeTextInput = AccessCodeTextInput;
+var _default = AccessCodeTextInput;
+exports.default = _default;

package/lib/common/components/ImportModal/presenter.js

@@ -19,7 +19,6 @@ var _uiProgress = require("@instructure/ui-progress");
 var _uiHeading = require("@instructure/ui-heading");
 var _uiTabs = require("@instructure/ui-tabs");
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
-var _uiTextInput = require("@instructure/ui-text-input");
 var _emotion = require("@instructure/emotion");
 var _quizCommon = require("@instructure/quiz-common");
 var _styles = _interopRequireDefault(require("./styles.js"));
@@ -200,7 +199,7 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
         "data-automation": "sdk-import-file-selector"
       }), fileType === 'image/*' && (0, _emotion.jsx)("div", {
         css: this.props.styles.altTextWrapper
-      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
+      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         ref: this.setRef('altTextInput'),
         onChange: this.onAltTextChange,
         value: this.props.altText,

package/lib/common/components/MaskedTextInput/MaskedTextInput.stories.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.whenUnmasked = exports.whenMasked = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index.js");
+var props = {
+  renderLabel: 'Example of a masked text input',
+  checkboxLabel: 'Select to show the current value',
+  value: 'Is it secret? Is it safe?',
+  onMaskedChange: Function.prototype
+};
+var _default = {
+  title: _index.MaskedTextInput.name
+};
+exports.default = _default;
+var whenMasked = function whenMasked() {
+  return /*#__PURE__*/_react.default.createElement(_index.MaskedTextInput, props);
+};
+exports.whenMasked = whenMasked;
+var whenUnmasked = function whenUnmasked() {
+  return /*#__PURE__*/_react.default.createElement(_index.MaskedTextInput, Object.assign({}, props, {
+    masked: false
+  }));
+};
+exports.whenUnmasked = whenUnmasked;

package/lib/common/components/MaskedTextInput/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MaskedTextInput = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _uiView = require("@instructure/ui-view");
+var _uiCheckbox = require("@instructure/ui-checkbox");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _quizCommon = require("@instructure/quiz-common");
+var maskedTextInputPropTypes = {
+  /**
+   * The label to be used for the checkbox that controls whether the input is masked
+   */
+  checkboxLabel: _propTypes.default.string.isRequired,
+  /**
+   * Whether or not the input text is masked
+   */
+  masked: _propTypes.default.bool,
+  /**
+   * The function to call when the user clicks the checkbox to either mask or unmask the input
+   */
+  onMaskedChange: _propTypes.default.func
+};
+var MaskedTextInput = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(MaskedTextInput, _Component);
+  var _super = (0, _createSuper2.default)(MaskedTextInput);
+  function MaskedTextInput() {
+    (0, _classCallCheck2.default)(this, MaskedTextInput);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2.default)(MaskedTextInput, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        checkboxLabel = _this$props.checkboxLabel,
+        masked = _this$props.masked,
+        onMaskedChange = _this$props.onMaskedChange,
+        type = _this$props.type;
+      var textInputProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _uiReactUtils.omitProps)(this.props, maskedTextInputPropTypes)), {}, {
+        type: masked ? 'password' : type
+      });
+      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        as: "div"
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.TextInput, textInputProps), /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        as: "div",
+        margin: "small 0"
+      }, /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
+        label: checkboxLabel,
+        checked: !masked,
+        onChange: onMaskedChange
+      })));
+    }
+  }]);
+  MaskedTextInput.displayName = "MaskedTextInput";
+  return MaskedTextInput;
+}(_react.Component);
+exports.MaskedTextInput = MaskedTextInput;
+MaskedTextInput.propTypes = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, maskedTextInputPropTypes), _quizCommon.TextInput.propTypes);
+MaskedTextInput.defaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _quizCommon.TextInput.defaultProps), {}, {
+  masked: true,
+  onMaskedChange: Function.prototype
+});
+var _default = MaskedTextInput;
+exports.default = _default;

package/lib/common/components/resources/item/ItemEdit/presenter.js

@@ -15,7 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _OutcomeAlignments = _interopRequireDefault(require("@instructure/outcomes-ui/es/containers/OutcomeAlignments"));
 var _OutcomeCount = _interopRequireDefault(require("@instructure/outcomes-ui/es/containers/OutcomeCount"));
-var _uiFormField = require("@instructure/ui-form-field");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _CustomPropTypes = _interopRequireDefault(require("../../../../../common/util/CustomPropTypes.js"));
 var _componentForItem = _interopRequireDefault(require("../../../../util/componentForItem.js"));
@@ -136,7 +135,7 @@ var ItemEdit = /*#__PURE__*/function (_Component) {
       var interactionType = item.getInteractionType().slug;
       var Interaction = (0, _componentForItem.default)(interactionType, _quizCommon.COMPONENT_EDIT);
       var propsForInteraction = (0, _interactionTypePropsHelper.propsForInteractionEdit)(this.props, this.additionalEditOptions());
-      return /*#__PURE__*/_react.default.createElement(_uiFormField.FormFieldGroup, {
+      return /*#__PURE__*/_react.default.createElement(_quizCommon.FormFieldGroup, {
         messages: this.getError('onSelf'),
         description: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Edit question:')),
         name: "edit_item_".concat(this.props.guid)

package/lib/common/components/resources/stimulus/StimulusEditInfo/presenter.js

@@ -13,13 +13,11 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-var _uiTextInput = require("@instructure/ui-text-input");
 var _uiFormField = require("@instructure/ui-form-field");
 var _emotion = require("@instructure/emotion");
 var _uiHeading = require("@instructure/ui-heading");
 var _quizRce = require("@instructure/quiz-rce");
 var _instUIMessages = require("../../../../util/instUIMessages.js");
-var _uiSimpleSelect = require("@instructure/ui-simple-select");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
 var _quizCommon = require("@instructure/quiz-common");
@@ -85,18 +83,18 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
       var stimulusOrientation = this.props.workingStimulus.get('orientation');
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.section
-      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
+      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
         renderLabel: (0, _formatMessage.default)('Orientation'),
         onChange: this.onOrientationChange,
         value: stimulusOrientation,
         renderBeforeInput: (0, _emotion.jsx)(_uiIcons.IconUpdownLine, {
           rotate: stimulusOrientation === _quizCommon.TOP ? '0' : '90'
         })
-      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
         renderBeforeLabel: _ref3,
         id: "stimulus-orientation-select-option-left",
         value: "left"
-      }, (0, _formatMessage.default)('Questions to the right')), (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
+      }, (0, _formatMessage.default)('Questions to the right')), (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
         renderBeforeLabel: _ref4,
         id: "stimulus-orientation-select-option-top",
         value: "top"
@@ -116,7 +114,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         as: "h2"
       }, this.headerText()), (0, _emotion.jsx)("div", {
         css: this.props.styles.section
-      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
+      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         messages: this.inputErrors('title'),
         renderLabel: (0, _formatMessage.default)('Title'),
         type: "text",
@@ -126,7 +124,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         "data-automation": "sdk-stimulus-title-input"
       })), (0, _emotion.jsx)("div", {
         css: this.props.styles.section
-      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
+      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         renderLabel: this.renderOptionalLabel((0, _formatMessage.default)('Instructions')),
         type: "text",
         onChange: this.onTextInputChange('instructions'),
@@ -157,7 +155,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         summary: (0, _formatMessage.default)('Options')
       }, this.props.stimulusOrientationEnabled ? this.renderStimulusOrientationSelect() : null, (0, _emotion.jsx)("div", {
         css: this.props.styles.section
-      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
+      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         renderLabel: this.renderOptionalLabel((0, _formatMessage.default)('Source URL'), (0, _formatMessage.default)('(optional - not visible to students)')),
         type: "text",
         onChange: this.onTextInputChange('sourceUrl'),

package/lib/common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js

@@ -13,7 +13,6 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
-var _uiSelect = require("@instructure/ui-select");
 var _uiSpinner = require("@instructure/ui-spinner");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
@@ -91,7 +90,7 @@ var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
     };
     _this.actualOptions = function () {
       return _this.state.options.map(function (option) {
-        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+        return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
           id: option.id,
           key: option.id,
           isHighlighted: option.id === _this.state.highlightedOptionId
@@ -107,7 +106,7 @@ var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
       return _this.state.inputValue === '' ? (0, _formatMessage.default)('Write to search') : (0, _formatMessage.default)('No Results');
     };
     _this.emptyOrLoadingOption = function () {
-      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+      return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
         id: _quizCommon.SELECT_EMPTY_OPTION,
         key: _quizCommon.SELECT_EMPTY_OPTION
       }, _this.state.isLoading ? /*#__PURE__*/_react.default.createElement(_uiSpinner.Spinner, {
@@ -141,7 +140,7 @@ var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, {
+      return /*#__PURE__*/_react.default.createElement(_quizCommon.Select, {
         "data-automation": this.props.selectAutomation,
         renderLabel: this.props.label,
         placeholder: this.props.placeholder,

package/lib/common/components/shared/TagSelect/presenter.js

@@ -13,7 +13,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _uiSelect = require("@instructure/ui-select");
 var _index = _interopRequireDefault(require("../TagWrapper/index.js"));
 var _differenceBy = _interopRequireDefault(require("lodash/differenceBy"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -181,7 +180,7 @@ var TagSelect = /*#__PURE__*/function (_Component) {
         tagSuggestions = _this$props2.tagSuggestions;
       var notSelectedTagSuggestions = (0, _differenceBy.default)(tagSuggestions, tags, 'value');
       var options = notSelectedTagSuggestions.map(function (tag) {
-        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+        return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
           key: _this3.encodeTag(tag),
           id: _this3.encodeTag(tag),
           isHighlighted: _this3.encodeTag(tag) === _this3.state.highlightedOptionId
@@ -193,7 +192,7 @@ var TagSelect = /*#__PURE__*/function (_Component) {
         return tag.value === inputValue;
       })) {
         if (allowNewTags && inputValue.length > 0) {
-          options.push(/*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+          options.push(/*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
             id: this.encodeTag({
               value: inputValue
             }),
@@ -207,7 +206,7 @@ var TagSelect = /*#__PURE__*/function (_Component) {
         }
       }
       if (options.length === 0) {
-        options.push(/*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+        options.push(/*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
           id: _quizCommon.SELECT_EMPTY_OPTION,
           key: _quizCommon.SELECT_EMPTY_OPTION
         }, this.emptyOption()));
@@ -220,7 +219,7 @@ var TagSelect = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         inputValue = _this$state.inputValue,
         isShowingOptions = _this$state.isShowingOptions;
-      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, {
+      return /*#__PURE__*/_react.default.createElement(_quizCommon.Select, {
         renderLabel: (0, _formatMessage.default)('Tags and Metadata'),
         inputValue: inputValue,
         isShowingOptions: isShowingOptions,

package/lib/common/components/shared/TimeUnitsInput/index.js

@@ -144,7 +144,8 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         newHours = _breakdownSeconds4.hours,
         newMinutes = _breakdownSeconds4.minutes;
       if (_this.state.shouldResetOnNormalize) {
-        _this.props.onReset();
+        var _this$props$onReset, _this$props;
+        (_this$props$onReset = (_this$props = _this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props);
       }
       _this.setState({
         days: newDays,