@instructure/ui-time-select 8.14.1-snapshot.21 → 8.14.1-snapshot.31

package/es/TimeSelect/TimeSelectLocator.js

@@ -23,11 +23,13 @@
  */
 import { locator } from '@instructure/ui-test-locator';
 /* eslint-disable no-restricted-imports */
+// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 
 import { SelectLocator } from '@instructure/ui-select/es/Select/SelectLocator';
 /* eslint-enable no-restricted-imports */
 
-import { TimeSelect } from './index';
+import { TimeSelect } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 export const TimeSelectLocator = locator(TimeSelect.selector, {
   findInput: SelectLocator.findInput,
   // TODO these dont work because TS doesnt find its type declarations

package/es/TimeSelect/index.js

@@ -38,13 +38,24 @@ import { allowedProps, propTypes } from './props';
 ---
 category: components
 ---
+@tsProps
+
+A component used to select a time value.
  **/
 let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class TimeSelect extends Component {
   constructor(props) {
+    var _this;
+
     super(props);
+    _this = this;
     this.ref = null;
     this._emptyOptionId = uid('Select-EmptyOption');
 
+    this.getOption = function (field, value) {
+      let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : _this.state.options;
+      return options.find(option => option[field] === value);
+    };
+
     this.handleRef = node => {
       this.ref = node;
     };
@@ -61,12 +72,12 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
     this.handleInputChange = event => {
       const value = event.target.value;
       const newOptions = this.filterOptions(value);
-      this.setState(_state => ({
+      this.setState({
         inputValue: value,
         filteredOptions: newOptions,
         highlightedOptionId: newOptions.length > 0 ? newOptions[0].id : void 0,
         isShowingOptions: true
-      }));
+      });
 
       if (!this.state.isShowingOptions) {
         var _this$props$onShowOpt, _this$props2;
@@ -97,7 +108,7 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
         prevValue = this.props.format ? date.format(this.props.format) : date.toISOString();
       }
 
-      this.setState(_state => ({
+      this.setState(() => ({
         isShowingOptions: false,
         highlightedOptionId: void 0,
         inputValue: selectedOptionId ? option.label : prevValue,
@@ -173,7 +184,9 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
   }
 
   focus() {
-    this.ref && this.ref.focus();
+    var _this$ref;
+
+    (_this$ref = this.ref) === null || _this$ref === void 0 ? void 0 : _this$ref.focus();
   }
 
   get _select() {
@@ -277,7 +290,7 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
       return {
         label: format ? date.format(format) : date.toISOString()
       };
-    } // otherwise return first option, if desired
+    } // otherwise, return first option, if desired
 
 
     if (defaultToFirstOption) {
@@ -287,16 +300,10 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
     return void 0;
   }
 
-  getOption(field, value) {
-    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.state.options;
-    return options.find(option => option[field] === value);
-  }
-
   getFormattedId(date) {
     // ISO8601 strings may contain a space. Remove any spaces before using the
     // date as the id.
-    const dateStr = date.toISOString();
-    return dateStr.replace(/\s/g, '');
+    return date.toISOString().replace(/\s/g, '');
   }
 
   getBaseDate() {
@@ -485,7 +492,6 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
 
 }, _class2.displayName = "TimeSelect", _class2.componentId = 'TimeSelect', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   defaultToFirstOption: false,
-  id: void 0,
   format: 'LT',
   // see https://momentjs.com/docs/#/displaying/
   step: 30,
@@ -494,16 +500,7 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
   visibleOptionsCount: 8,
   placement: 'bottom stretch',
   constrain: 'window',
-  onChange: (event, data) => {},
-  onFocus: event => {},
-  onBlur: event => {},
-  onShowOptions: event => {},
-  onHideOptions: event => {},
-  inputRef: node => {},
-  listRef: node => {},
-  renderEmptyOption: '---',
-  renderBeforeInput: null,
-  renderAfterInput: null
+  renderEmptyOption: '---'
 }, _class2.contextType = ApplyLocaleContext, _temp)) || _class);
 export { TimeSelect };
 export default TimeSelect;

package/es/TimeSelect/props.js

@@ -27,190 +27,35 @@ import { I18nPropTypes } from '@instructure/ui-i18n';
 import { FormPropTypes } from '@instructure/ui-form-field';
 import { PositionPropTypes } from '@instructure/ui-position';
 const propTypes = {
-  /**
-   * The form field label.
-   */
   renderLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-
-  /**
-   * Whether to default to the first option when `defaultValue` hasn't been specified.
-   */
   defaultToFirstOption: PropTypes.bool,
-
-  /**
-   * An ISO 8601 formatted date string representing the current selected value. If defined,
-   * the component will act controlled and will not manage its own state.
-   */
   value: controllable(I18nPropTypes.iso8601, 'onChange'),
-
-  /**
-   * An ISO 8601 formatted date string to use if `value` isn't provided.
-   */
   defaultValue: I18nPropTypes.iso8601,
-
-  /**
-   * The id of the text input. One is generated if not supplied.
-   */
   id: PropTypes.string,
-
-  /**
-   * The format to use when displaying the possible and currently selected options.
-   *
-   * See [moment](https://momentjs.com/docs/#/displaying/format/) for the list
-   * of available formats.
-   */
   format: PropTypes.string,
-
-  /**
-   * The number of minutes to increment by when generating the allowable options.
-   */
   step: PropTypes.oneOf([5, 10, 15, 20, 30, 60]),
-
-  /**
-   * Specifies if interaction with the input is enabled, disabled, or readonly.
-   * When "disabled", the input changes visibly to indicate that it cannot
-   * receive user interactions. When "readonly" the input still cannot receive
-   * user interactions but it keeps the same styles as if it were enabled.
-   */
   interaction: PropTypes.oneOf(['enabled', 'disabled', 'readonly']),
-
-  /**
-   * Html placeholder text to display when the input has no value. This should
-   * be hint text, not a label replacement.
-   */
   placeholder: PropTypes.string,
-
-  /**
-   * Whether or not the text input is required.
-   */
   isRequired: PropTypes.bool,
-
-  /**
-   * Whether the input is rendered inline with other elements or if it
-   * is rendered as a block level element.
-   */
   isInline: PropTypes.bool,
-
-  /**
-   * The width of the text input.
-   */
   width: PropTypes.string,
-
-  /**
-   * The max width the options list can be before option text wraps. If not
-   * set, the list will only display as wide as the text input.
-   */
   optionsMaxWidth: PropTypes.string,
-
-  /**
-   * The number of options that should be visible before having to scroll.
-   */
   visibleOptionsCount: PropTypes.number,
-
-  /**
-   * Displays messages and validation for the input. It should be an object
-   * with the following shape:
-   * `{
-   *   text: PropTypes.node,
-   *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-   * }`
-   */
   messages: PropTypes.arrayOf(FormPropTypes.message),
-
-  /**
-   * The placement of the options list.
-   */
   placement: PositionPropTypes.placement,
-
-  /**
-   * The parent in which to constrain the placement.
-   */
   constrain: PositionPropTypes.constrain,
-
-  /**
-   * Callback fired when a new option is selected.
-   * @param {Object} event - the event object
-   * @param {Object} data - additional data
-   * @param data.value - the value of selected option
-   */
   onChange: PropTypes.func,
-
-  /**
-   * Callback fired when text input receives focus.
-   */
   onFocus: PropTypes.func,
-
-  /**
-   * Callback fired when text input loses focus.
-   */
   onBlur: PropTypes.func,
-
-  /**
-   * Callback fired when the options list is shown.
-   */
   onShowOptions: PropTypes.func,
-
-  /**
-   * Callback fired when the options list is hidden.
-   */
   onHideOptions: PropTypes.func,
-
-  /**
-   * A ref to the html `input` element.
-   */
   inputRef: PropTypes.func,
-
-  /**
-   * A ref to the html `ul` element.
-   */
   listRef: PropTypes.func,
-
-  /**
-   * Content to display in the list when no options are available.
-   */
   renderEmptyOption: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-
-  /**
-   * Content to display before the text input. This will commonly be an icon.
-   */
   renderBeforeInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-
-  /**
-   * Content to display after the text input. This content will replace the
-   * default arrow icons.
-   */
   renderAfterInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-
-  /* eslint-disable react/require-default-props */
-
-  /**
-   * A standard language identifier.
-   *
-   * See [moment.js i18n](https://momentjs.com/docs/#/i18n/) for more details.
-   *
-   * This property can also be set via a context property and if both are set then the component property takes
-   * precedence over the context property.
-   *
-   * The web browser's locale will be used if no value is set via a component property or a context
-   * property.
-   */
   locale: PropTypes.string,
-
-  /**
-   * A timezone identifier in the format: Area/Location
-   *
-   * See [List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) for the list
-   * of possible options.
-   *
-   * This property can also be set via a context property and if both are set then the component property takes
-   * precedence over the context property.
-   *
-   * The web browser's timezone will be used if no value is set via a component property or a context
-   * property.
-   */
   timezone: PropTypes.string
-  /* eslint-enable react/require-default-props */
-
 };
 const allowedProps = ['renderLabel', 'defaultToFirstOption', 'value', 'defaultValue', 'id', 'format', 'step', 'interaction', 'placeholder', 'isRequired', 'isInline', 'width', 'optionsMaxWidth', 'visibleOptionsCount', 'messages', 'placement', 'constrain', 'onChange', 'onFocus', 'onBlur', 'onShowOptions', 'onHideOptions', 'inputRef', 'listRef', 'renderEmptyOption', 'renderBeforeInput', 'renderAfterInput', 'locale', 'timezone'];
 export { propTypes, allowedProps };

package/lib/TimeSelect/TimeSelectLocator.js

@@ -36,8 +36,10 @@ var _index = require("./index");
  */
 
 /* eslint-disable no-restricted-imports */
+// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 
 /* eslint-enable no-restricted-imports */
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const TimeSelectLocator = (0, _locator.locator)(_index.TimeSelect.selector, {
   findInput: _SelectLocator.SelectLocator.findInput,
   // TODO these dont work because TS doesnt find its type declarations

package/lib/TimeSelect/index.js

@@ -41,13 +41,24 @@ var _dec, _class, _class2, _temp;
 ---
 category: components
 ---
+@tsProps
+
+A component used to select a time value.
  **/
 let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class TimeSelect extends _react.Component {
   constructor(props) {
+    var _this;
+
     super(props);
+    _this = this;
     this.ref = null;
     this._emptyOptionId = (0, _uid.uid)('Select-EmptyOption');
 
+    this.getOption = function (field, value) {
+      let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : _this.state.options;
+      return options.find(option => option[field] === value);
+    };
+
     this.handleRef = node => {
       this.ref = node;
     };
@@ -64,12 +75,12 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
     this.handleInputChange = event => {
       const value = event.target.value;
       const newOptions = this.filterOptions(value);
-      this.setState(_state => ({
+      this.setState({
         inputValue: value,
         filteredOptions: newOptions,
         highlightedOptionId: newOptions.length > 0 ? newOptions[0].id : void 0,
         isShowingOptions: true
-      }));
+      });
 
       if (!this.state.isShowingOptions) {
         var _this$props$onShowOpt, _this$props2;
@@ -101,7 +112,7 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
         prevValue = this.props.format ? date.format(this.props.format) : date.toISOString();
       }
 
-      this.setState(_state => ({
+      this.setState(() => ({
         isShowingOptions: false,
         highlightedOptionId: void 0,
         inputValue: selectedOptionId ? option.label : prevValue,
@@ -177,7 +188,9 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
   }
 
   focus() {
-    this.ref && this.ref.focus();
+    var _this$ref;
+
+    (_this$ref = this.ref) === null || _this$ref === void 0 ? void 0 : _this$ref.focus();
   }
 
   get _select() {
@@ -282,7 +295,7 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
       return {
         label: format ? date.format(format) : date.toISOString()
       };
-    } // otherwise return first option, if desired
+    } // otherwise, return first option, if desired
 
 
     if (defaultToFirstOption) {
@@ -292,16 +305,10 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
     return void 0;
   }
 
-  getOption(field, value) {
-    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.state.options;
-    return options.find(option => option[field] === value);
-  }
-
   getFormattedId(date) {
     // ISO8601 strings may contain a space. Remove any spaces before using the
     // date as the id.
-    const dateStr = date.toISOString();
-    return dateStr.replace(/\s/g, '');
+    return date.toISOString().replace(/\s/g, '');
   }
 
   getBaseDate() {
@@ -489,7 +496,6 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
 
 }, _class2.displayName = "TimeSelect", _class2.componentId = 'TimeSelect', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   defaultToFirstOption: false,
-  id: void 0,
   format: 'LT',
   // see https://momentjs.com/docs/#/displaying/
   step: 30,
@@ -498,16 +504,7 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
   visibleOptionsCount: 8,
   placement: 'bottom stretch',
   constrain: 'window',
-  onChange: (event, data) => {},
-  onFocus: event => {},
-  onBlur: event => {},
-  onShowOptions: event => {},
-  onHideOptions: event => {},
-  inputRef: node => {},
-  listRef: node => {},
-  renderEmptyOption: '---',
-  renderBeforeInput: null,
-  renderAfterInput: null
+  renderEmptyOption: '---'
 }, _class2.contextType = _ApplyLocaleContext.ApplyLocaleContext, _temp)) || _class);
 exports.TimeSelect = TimeSelect;
 var _default = TimeSelect;

package/lib/TimeSelect/props.js

@@ -41,190 +41,35 @@ var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * The form field label.
-   */
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
-
-  /**
-   * Whether to default to the first option when `defaultValue` hasn't been specified.
-   */
   defaultToFirstOption: _propTypes.default.bool,
-
-  /**
-   * An ISO 8601 formatted date string representing the current selected value. If defined,
-   * the component will act controlled and will not manage its own state.
-   */
   value: (0, _controllable.controllable)(_I18nPropTypes.I18nPropTypes.iso8601, 'onChange'),
-
-  /**
-   * An ISO 8601 formatted date string to use if `value` isn't provided.
-   */
   defaultValue: _I18nPropTypes.I18nPropTypes.iso8601,
-
-  /**
-   * The id of the text input. One is generated if not supplied.
-   */
   id: _propTypes.default.string,
-
-  /**
-   * The format to use when displaying the possible and currently selected options.
-   *
-   * See [moment](https://momentjs.com/docs/#/displaying/format/) for the list
-   * of available formats.
-   */
   format: _propTypes.default.string,
-
-  /**
-   * The number of minutes to increment by when generating the allowable options.
-   */
   step: _propTypes.default.oneOf([5, 10, 15, 20, 30, 60]),
-
-  /**
-   * Specifies if interaction with the input is enabled, disabled, or readonly.
-   * When "disabled", the input changes visibly to indicate that it cannot
-   * receive user interactions. When "readonly" the input still cannot receive
-   * user interactions but it keeps the same styles as if it were enabled.
-   */
   interaction: _propTypes.default.oneOf(['enabled', 'disabled', 'readonly']),
-
-  /**
-   * Html placeholder text to display when the input has no value. This should
-   * be hint text, not a label replacement.
-   */
   placeholder: _propTypes.default.string,
-
-  /**
-   * Whether or not the text input is required.
-   */
   isRequired: _propTypes.default.bool,
-
-  /**
-   * Whether the input is rendered inline with other elements or if it
-   * is rendered as a block level element.
-   */
   isInline: _propTypes.default.bool,
-
-  /**
-   * The width of the text input.
-   */
   width: _propTypes.default.string,
-
-  /**
-   * The max width the options list can be before option text wraps. If not
-   * set, the list will only display as wide as the text input.
-   */
   optionsMaxWidth: _propTypes.default.string,
-
-  /**
-   * The number of options that should be visible before having to scroll.
-   */
   visibleOptionsCount: _propTypes.default.number,
-
-  /**
-   * Displays messages and validation for the input. It should be an object
-   * with the following shape:
-   * `{
-   *   text: PropTypes.node,
-   *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-   * }`
-   */
   messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-
-  /**
-   * The placement of the options list.
-   */
   placement: _PositionPropTypes.PositionPropTypes.placement,
-
-  /**
-   * The parent in which to constrain the placement.
-   */
   constrain: _PositionPropTypes.PositionPropTypes.constrain,
-
-  /**
-   * Callback fired when a new option is selected.
-   * @param {Object} event - the event object
-   * @param {Object} data - additional data
-   * @param data.value - the value of selected option
-   */
   onChange: _propTypes.default.func,
-
-  /**
-   * Callback fired when text input receives focus.
-   */
   onFocus: _propTypes.default.func,
-
-  /**
-   * Callback fired when text input loses focus.
-   */
   onBlur: _propTypes.default.func,
-
-  /**
-   * Callback fired when the options list is shown.
-   */
   onShowOptions: _propTypes.default.func,
-
-  /**
-   * Callback fired when the options list is hidden.
-   */
   onHideOptions: _propTypes.default.func,
-
-  /**
-   * A ref to the html `input` element.
-   */
   inputRef: _propTypes.default.func,
-
-  /**
-   * A ref to the html `ul` element.
-   */
   listRef: _propTypes.default.func,
-
-  /**
-   * Content to display in the list when no options are available.
-   */
   renderEmptyOption: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /**
-   * Content to display before the text input. This will commonly be an icon.
-   */
   renderBeforeInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /**
-   * Content to display after the text input. This content will replace the
-   * default arrow icons.
-   */
   renderAfterInput: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /* eslint-disable react/require-default-props */
-
-  /**
-   * A standard language identifier.
-   *
-   * See [moment.js i18n](https://momentjs.com/docs/#/i18n/) for more details.
-   *
-   * This property can also be set via a context property and if both are set then the component property takes
-   * precedence over the context property.
-   *
-   * The web browser's locale will be used if no value is set via a component property or a context
-   * property.
-   */
   locale: _propTypes.default.string,
-
-  /**
-   * A timezone identifier in the format: Area/Location
-   *
-   * See [List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) for the list
-   * of possible options.
-   *
-   * This property can also be set via a context property and if both are set then the component property takes
-   * precedence over the context property.
-   *
-   * The web browser's timezone will be used if no value is set via a component property or a context
-   * property.
-   */
   timezone: _propTypes.default.string
-  /* eslint-enable react/require-default-props */
-
 };
 exports.propTypes = propTypes;
 const allowedProps = ['renderLabel', 'defaultToFirstOption', 'value', 'defaultValue', 'id', 'format', 'step', 'interaction', 'placeholder', 'isRequired', 'isInline', 'width', 'optionsMaxWidth', 'visibleOptionsCount', 'messages', 'placement', 'constrain', 'onChange', 'onFocus', 'onBlur', 'onShowOptions', 'onHideOptions', 'inputRef', 'listRef', 'renderEmptyOption', 'renderBeforeInput', 'renderAfterInput', 'locale', 'timezone'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-time-select",
-  "version": "8.14.1-snapshot.21+5c3aa5fb0",
+  "version": "8.14.1-snapshot.31+49a7396b9",
   "description": "A component for selecting time values.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,21 +25,21 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-form-field": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-i18n": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-position": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-prop-types": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-react-utils": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-select": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-test-locator": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-testable": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/uid": "8.14.1-snapshot.21+5c3aa5fb0",
+    "@instructure/console": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-form-field": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-i18n": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-position": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-prop-types": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-react-utils": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-select": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-test-locator": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-testable": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/uid": "8.14.1-snapshot.31+49a7396b9",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.14.1-snapshot.21+5c3aa5fb0",
-    "@instructure/ui-test-utils": "8.14.1-snapshot.21+5c3aa5fb0",
+    "@instructure/ui-babel-preset": "8.14.1-snapshot.31+49a7396b9",
+    "@instructure/ui-test-utils": "8.14.1-snapshot.31+49a7396b9",
     "moment-timezone": "^0.5.33"
   },
   "peerDependencies": {
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "5c3aa5fb00e4d8d49a26dde239dad1e9d40ea729"
+  "gitHead": "49a7396b93296ce050bbfa44efc0c31c902d5dd8"
 }