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

package/es/banks/components/AddToBankModal/presenter.js

@@ -6,13 +6,12 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
-import { TextInput } from '@instructure/ui-text-input';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import Bank from "../../../common/records/Bank.js";
 import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 import { featureOn } from "../../../common/util/featureCheck.js";
 var _ref = /*#__PURE__*/React.createElement("br", null);
 export var AddToBankModal = /*#__PURE__*/function (_Component) {

package/es/banks/components/AsyncSearch/index.js

@@ -9,10 +9,9 @@ import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
 import find from 'lodash/fp/find';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Select } from '@instructure/ui-select';
 import { Spinner } from '@instructure/ui-spinner';
 import TagWrapper from "../../../common/components/shared/TagWrapper/index.js";
-import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
+import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 export var AsyncSearch = /*#__PURE__*/function (_Component) {
   _inherits(AsyncSearch, _Component);
   var _super = _createSuper(AsyncSearch);

package/es/banks/components/BankEntry/presenter.js

@@ -23,7 +23,6 @@ import { Text } from '@instructure/ui-text';
 import { Heading } from '@instructure/ui-heading';
 import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { TextInput } from '@instructure/ui-text-input';
 import { jsx } from '@instructure/emotion';
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
 import EntrySave from "../../../common/components/resources/entry/EntrySave/index.js";
@@ -41,7 +40,7 @@ import { createItem } from "../../../building/api/items.js";
 import { createStimulus } from "../../../building/api/stimuli.js";
 import { propsForItemVersioningWrapper, propsForStimulusVersioningWrapper } from "../../../common/util/warningHelpers.js";
 import NavWrapper from "../NavWrapper/index.js";
-import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK, withStyleOverrides } from '@instructure/quiz-common';
+import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref3 = jsx(Spinner, null);

package/es/banks/components/BankSearch/presenter.js

@@ -10,7 +10,6 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconPlusLine } from '@instructure/ui-icons';
 import { Button, CondensedButton } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { Flex } from '@instructure/ui-flex';
@@ -22,7 +21,7 @@ import TagSuggestSelect from "../../../common/components/shared/TagSuggestSelect
 import { interactionTypesNameDictionary } from "../../../common/util/interactionTypeMetadata.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { TextInput, withStyleOverrides } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   tag: PropTypes.shape({
     id: PropTypes.string,

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

@@ -14,8 +14,6 @@ import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-con
 import { IconPlusLine, IconArrowUpLine, IconArrowDownLine } from '@instructure/ui-icons';
 import { Billboard } from '@instructure/ui-billboard';
 import { Button } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
-import { SimpleSelect } from '@instructure/ui-simple-select';
 import { jsx } from '@instructure/emotion';
 import { Grid } from '@instructure/ui-grid';
 import { View } from '@instructure/ui-view';
@@ -24,7 +22,7 @@ import Page from "../../../common/components/layout/Page/index.js";
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
 import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT, withStyleOverrides } from '@instructure/quiz-common';
+import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT, withStyleOverrides, SimpleSelect, TextInput } from '@instructure/quiz-common';
 import BanksList from "../../../banks/components/BanksList/index.js";
 import CreateBankModal from "../../../banks/components/CreateBankModal/index.js";
 import NavWrapper from "../NavWrapper/index.js";

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

@@ -5,7 +5,6 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { Heading } from '@instructure/ui-heading';
@@ -13,7 +12,7 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
 import Bank from "../../../common/records/Bank.js";
 import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 import { featureOn } from "../../../common/util/featureCheck.js";
 var _ref = /*#__PURE__*/React.createElement("br", null);
 var _ref2 = /*#__PURE__*/React.createElement("br", null);

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

@@ -9,13 +9,12 @@ import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
-import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import Bank from "../../../common/records/Bank.js";
 import { toErrors } from "../../../common/util/instUIMessages.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {

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

@@ -7,12 +7,11 @@ var _dec, _class, _EditBankModal;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { toErrors } from "../../../common/util/instUIMessages.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import Bank from "../../../common/records/Bank.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";

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

@@ -5,13 +5,12 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _RootAccountSharing;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyleOverrides, CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
+import { withStyleOverrides, CAN_EDIT, READ_ONLY, SimpleSelect } from '@instructure/quiz-common';
 import { IconAdminLine } from '@instructure/ui-icons';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { Grid } from '@instructure/ui-grid';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { SimpleSelect } from '@instructure/ui-simple-select';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';

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

@@ -11,10 +11,9 @@ import { Map } from 'immutable';
 import { IconCoursesLine, IconTrashLine, IconResetLine } from '@instructure/ui-icons';
 import { Grid } from '@instructure/ui-grid';
 import { Avatar } from '@instructure/ui-avatar';
-import { SimpleSelect } from '@instructure/ui-simple-select';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
-import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE, withStyleOverrides } from '@instructure/quiz-common';
+import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE, SimpleSelect, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ContextualIconButton } from "../ContextualIconButton/index.js";
 import generateStyle from "./styles.js";

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

@@ -14,14 +14,13 @@ import PropTypes from 'prop-types';
 import { List, Map } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
-import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, withStyleOverrides } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SimpleSelect, withStyleOverrides } from '@instructure/quiz-common';
 import { Heading } from '@instructure/ui-heading';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { View } from '@instructure/ui-view';
 import { Grid } from '@instructure/ui-grid';
 import { Tabs } from '@instructure/ui-tabs';
 import { Text } from '@instructure/ui-text';
-import { SimpleSelect } from '@instructure/ui-simple-select';
 import { jsx } from '@instructure/emotion';
 import elementsForSelectors from "../../../common/util/ElementsForSelectors.js";
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";

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

@@ -12,7 +12,6 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { CondensedButton } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
 import { jsx, Global } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
 import { IconBankLine } from '@instructure/ui-icons';
@@ -21,7 +20,7 @@ import { convertFITBtoRich } from "../../../../../../common/util/fitbCopyHelper.
 import PositionBox from "../../../../../../common/components/resources/positionBox/PositionBox.js";
 import Item from "../../../../../../common/records/Item.js";
 import ActionButtons from "../../../ActionButtons/index.js";
-import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, withStyleOverrides } from '@instructure/quiz-common';
+import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref2 = jsx(IconBankLine, null);

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AccessCodeTextInput } from "./index.js";
+export default {
+  title: AccessCodeTextInput.name
+};
+var _ref = /*#__PURE__*/React.createElement(AccessCodeTextInput, {
+  value: "Is it secret? Is it safe?"
+});
+export var whenRendered = function whenRendered() {
+  return _ref;
+};

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

@@ -0,0 +1,47 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import MaskedTextInput from "../MaskedTextInput/index.js";
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import t from '@instructure/quiz-i18n/es/format-message';
+export var AccessCodeTextInput = /*#__PURE__*/function (_Component) {
+  _inherits(AccessCodeTextInput, _Component);
+  var _super = _createSuper(AccessCodeTextInput);
+  function AccessCodeTextInput() {
+    var _this;
+    _classCallCheck(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;
+  }
+  _createClass(AccessCodeTextInput, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(MaskedTextInput, Object.assign({
+        renderLabel: /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Access Code')),
+        display: "inline-block",
+        type: "text",
+        onMaskedChange: this.handleMaskedChange,
+        masked: this.state.masked,
+        checkboxLabel: t('Show access code')
+      }, this.props));
+    }
+  }]);
+  AccessCodeTextInput.displayName = "AccessCodeTextInput";
+  return AccessCodeTextInput;
+}(Component);
+export default AccessCodeTextInput;

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

@@ -14,9 +14,8 @@ import { ProgressBar } from '@instructure/ui-progress';
 import { Heading } from '@instructure/ui-heading';
 import { Tabs } from '@instructure/ui-tabs';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
-import { TextInput } from '@instructure/ui-text-input';
 import { jsx } from '@instructure/emotion';
-import { ImportantModal, ModalHeader, ModalBody, ModalFooter, FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
+import { ImportantModal, ModalHeader, ModalBody, ModalFooter, FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR, TextInput, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ImportFileSelector from "./ImportFileSelector/index.js";

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { MaskedTextInput } from "./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
+};
+export default {
+  title: MaskedTextInput.name
+};
+export var whenMasked = function whenMasked() {
+  return /*#__PURE__*/React.createElement(MaskedTextInput, props);
+};
+export var whenUnmasked = function whenUnmasked() {
+  return /*#__PURE__*/React.createElement(MaskedTextInput, Object.assign({}, props, {
+    masked: false
+  }));
+};

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

@@ -0,0 +1,64 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { View } from '@instructure/ui-view';
+import { Checkbox } from '@instructure/ui-checkbox';
+import { omitProps } from '@instructure/ui-react-utils';
+import { TextInput } from '@instructure/quiz-common';
+var maskedTextInputPropTypes = {
+  /**
+   * The label to be used for the checkbox that controls whether the input is masked
+   */
+  checkboxLabel: PropTypes.string.isRequired,
+  /**
+   * Whether or not the input text is masked
+   */
+  masked: PropTypes.bool,
+  /**
+   * The function to call when the user clicks the checkbox to either mask or unmask the input
+   */
+  onMaskedChange: PropTypes.func
+};
+export var MaskedTextInput = /*#__PURE__*/function (_Component) {
+  _inherits(MaskedTextInput, _Component);
+  var _super = _createSuper(MaskedTextInput);
+  function MaskedTextInput() {
+    _classCallCheck(this, MaskedTextInput);
+    return _super.apply(this, arguments);
+  }
+  _createClass(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 = _objectSpread(_objectSpread({}, omitProps(this.props, maskedTextInputPropTypes)), {}, {
+        type: masked ? 'password' : type
+      });
+      return /*#__PURE__*/React.createElement(View, {
+        as: "div"
+      }, /*#__PURE__*/React.createElement(TextInput, textInputProps), /*#__PURE__*/React.createElement(View, {
+        as: "div",
+        margin: "small 0"
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        label: checkboxLabel,
+        checked: !masked,
+        onChange: onMaskedChange
+      })));
+    }
+  }]);
+  MaskedTextInput.displayName = "MaskedTextInput";
+  return MaskedTextInput;
+}(Component);
+MaskedTextInput.propTypes = _objectSpread(_objectSpread({}, maskedTextInputPropTypes), TextInput.propTypes);
+MaskedTextInput.defaultProps = _objectSpread(_objectSpread({}, TextInput.defaultProps), {}, {
+  masked: true,
+  onMaskedChange: Function.prototype
+});
+export default MaskedTextInput;

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

@@ -7,11 +7,10 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import OutcomeAlignments from '@instructure/outcomes-ui/es/containers/OutcomeAlignments';
 import OutcomeCount from '@instructure/outcomes-ui/es/containers/OutcomeCount';
-import { FormFieldGroup } from '@instructure/ui-form-field';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import CustomPropTypes from "../../../../../common/util/CustomPropTypes.js";
 import componentForItem from "../../../../util/componentForItem.js";
-import { liveRegion, COMPONENT_EDIT } from '@instructure/quiz-common';
+import { liveRegion, COMPONENT_EDIT, FormFieldGroup } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { propsForInteractionEdit } from "../../../../util/interactionTypePropsHelper.js";
 import elementsForSelectors from "../../../../../common/util/ElementsForSelectors.js";

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

@@ -8,16 +8,14 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { TextInput } from '@instructure/ui-text-input';
 import { FormField, FormFieldGroup } from '@instructure/ui-form-field';
 import { jsx } from '@instructure/emotion';
 import { Heading } from '@instructure/ui-heading';
 import { RichContentInput, RCE_SINGLE_LINE_HEIGHT } from '@instructure/quiz-rce';
 import { toErrors } from "../../../../util/instUIMessages.js";
-import { SimpleSelect } from '@instructure/ui-simple-select';
 import { IconUpdownLine } from '@instructure/ui-icons';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
-import { TOP, withStyleOverrides } from '@instructure/quiz-common';
+import { SimpleSelect, TextInput, TOP, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";

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

@@ -5,10 +5,9 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
-import { Select } from '@instructure/ui-select';
 import { Spinner } from '@instructure/ui-spinner';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
+import { SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
   _inherits(GenericAsyncSearch, _Component);
   var _super = _createSuper(GenericAsyncSearch);

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

@@ -5,11 +5,10 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Select } from '@instructure/ui-select';
 import TagWrapper from "../TagWrapper/index.js";
 import differenceBy from 'lodash/differenceBy';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
+import { SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   id: PropTypes.string,
   value: PropTypes.string.isRequired

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

@@ -138,7 +138,8 @@ export 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,

package/es/index.js

@@ -79,7 +79,9 @@ export { Provider } from "./common/react-redux.js";
 export { FormattedTimer } from "./common/components/shared/FormattedDuration/index.js";
 export { default as TagWrapper } from "./common/components/shared/TagWrapper/index.js";
 export { RetryGradePassbackButton } from "./moderating/components/resources/RetryGradePassbackButton/index.js";
-export { GenericAsyncSearch } from "./common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js"; // Utilities
+export { GenericAsyncSearch } from "./common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js";
+export { MaskedTextInput } from "./common/components/MaskedTextInput/index.js";
+export { AccessCodeTextInput } from "./common/components/AccessCodeTextInput/index.js"; // Utilities
 export { environment as config } from "./config.js";
 export { Fetcher } from "./common/util/Fetcher.js";
 export { httpHeaders } from "./common/util/httpHeaders.js";

package/es/moderating/components/resources/AccommodationsModal/ExtraTimeSettings/index.js

@@ -6,7 +6,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
-import { SimpleSelect } from '@instructure/ui-simple-select';
+import { SimpleSelect } from '@instructure/quiz-common';
 import TimeUnitsInput from "../../../../../common/components/shared/TimeUnitsInput/index.js";
 import ExtraTimeMultiplier from "../ExtraTimeMultiplier/index.js";
 import { HOUR_IN_SECONDS } from "../../../../../common/components/shared/FormattedDuration/index.js";
@@ -94,7 +94,7 @@ export var ExtraTimeSettings = /*#__PURE__*/function (_Component) {
         minutesLabel: t('Minutes'),
         minutesDataAutomation: "sdk-moderation-time-minutes",
         description: t('Additional time'),
-        margin: "medium none"
+        margin: "medium none none none"
       }), timeAdjustmentType === 'timerMultiplierEnabled' && /*#__PURE__*/React.createElement(ExtraTimeMultiplier, {
         onChange: this.onChangeMultiplier,
         timerMultiplierValue: timerSettings.timerMultiplierValue,

package/es/moderating/components/resources/AccommodationsModal/index.js

@@ -4,7 +4,6 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Text } from '@instructure/ui-text';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Modal } from '@instructure/ui-modal';
 import { TruncateText } from '@instructure/ui-truncate-text';
@@ -13,8 +12,6 @@ import { View } from '@instructure/ui-view';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { featureOn } from "../../../../common/util/featureCheck.js";
-import { IfFeature } from "../../../../common/components/shared/IfFeature/index.js";
 export var AccommodationModal = /*#__PURE__*/function (_Component) {
   _inherits(AccommodationModal, _Component);
   var _super = _createSuper(AccommodationModal);
@@ -57,7 +54,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
       }, _this.props.studentName));
     };
     _this.renderHeading = function () {
-      if (featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+      if (_this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
         return /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Student Accommodation')), t('Student Accommodation'));
       }
       var _this$props = _this.props,
@@ -84,7 +81,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
   _createClass(AccommodationModal, [{
     key: "labelText",
     value: function labelText() {
-      if (featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+      if (this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
         return t('Student Accommodation');
       }
       return this.props.studentName || t('Accommodations Modal');
@@ -93,7 +90,6 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-        studentName = _this$props2.studentName,
         open = _this$props2.open,
         closeModal = _this$props2.closeModal,
         mountNode = _this$props2.mountNode,
@@ -109,12 +105,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
         placement: "end",
         offset: "medium",
         screenReaderLabel: t('Close')
-      }), this.renderHeading()), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(IfFeature, {
-        name: "atteq_apply_changes_to_current_quiz_attempts"
-      }, /*#__PURE__*/React.createElement(Text, {
-        weight: "bold",
-        as: "h2"
-      }, studentName)), children), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
+      }), this.renderHeading()), /*#__PURE__*/React.createElement(Modal.Body, null, children), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
         onClick: this.cancelAction,
         margin: "xxx-small",
         "data-automation": "sdk-moderation-cancel"
@@ -137,7 +128,8 @@ AccommodationModal.propTypes = {
   onDismiss: PropTypes.func,
   mountNode: PropTypes.string,
   // this is just to fix chromatic
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
+  atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
 };
 AccommodationModal.defaultProps = {
   children: [],

package/es/moderating/components/resources/ModerateTable/presenter.js

@@ -325,7 +325,8 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         css: this.props.styles.page
       }, jsx(ModerateTray, {
         onClose: this.onCloseTray,
-        onSave: this.props.onSaveTray
+        onSave: this.props.onSaveTray,
+        atteqApplyChangesToCurrentQuizAttemptsEnabled: this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled
       }, jsx(Flex.Item, null, !this.props.anonymousGrading && _ref6), this.props.children), this.renderContent());
     }
   }]);
@@ -380,7 +381,8 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   getQuizSessions: PropTypes.func.isRequired,
   addSuccess: PropTypes.func.isRequired,
   styles: PropTypes.object,
-  makeStyles: PropTypes.func
+  makeStyles: PropTypes.func,
+  atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
 }, _ModerateTable.defaultProps = {
   anonymousGrading: false,
   children: void 0,