@instructure/ui-select 8.17.1-snapshot.21 → 8.17.1-snapshot.71

package/es/Select/index.js

@@ -69,8 +69,6 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
     this._optionHeight = 36;
 
     this.handleInputRef = node => {
-      var _this$props$inputRef, _this$props;
-
       // ensures list is positioned with respect to input if list is open on mount
       if (!this.state.hasInputRef) {
         this.setState({
@@ -79,13 +77,11 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       }
 
       this.ref = node;
-      (_this$props$inputRef = (_this$props = this.props).inputRef) === null || _this$props$inputRef === void 0 ? void 0 : _this$props$inputRef.call(_this$props, node);
+      this.props.inputRef?.(node);
     };
 
     this.handleListRef = node => {
-      var _this$props$listRef, _this$props2;
-
-      (_this$props$listRef = (_this$props2 = this.props).listRef) === null || _this$props$listRef === void 0 ? void 0 : _this$props$listRef.call(_this$props2, node); // store option height to calculate list maxHeight
+      this.props.listRef?.(node); // store option height to calculate list maxHeight
 
       if (node && node.querySelector('[role="option"]')) {
         this._optionHeight = node.querySelector('[role="option"]').offsetHeight;
@@ -98,15 +94,11 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props3;
-
-    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
+    this.props.makeStyles?.();
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props4;
-
-    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4); // scroll option into view if needed
+    this.props.makeStyles?.(); // scroll option into view if needed
 
     this.scrollToOption(this.highlightedOptionId);
   }
@@ -219,23 +211,23 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
     const onRequestHighlightOption = this.props.onRequestHighlightOption;
 
     if (id) {
-      onRequestHighlightOption === null || onRequestHighlightOption === void 0 ? void 0 : onRequestHighlightOption(event, {
+      onRequestHighlightOption?.(event, {
         id
       });
     }
   }
 
   getEventHandlers() {
-    const _this$props5 = this.props,
-          isShowingOptions = _this$props5.isShowingOptions,
-          onRequestShowOptions = _this$props5.onRequestShowOptions,
-          onRequestHideOptions = _this$props5.onRequestHideOptions,
-          onRequestSelectOption = _this$props5.onRequestSelectOption;
+    const _this$props = this.props,
+          isShowingOptions = _this$props.isShowingOptions,
+          onRequestShowOptions = _this$props.onRequestShowOptions,
+          onRequestHideOptions = _this$props.onRequestHideOptions,
+          onRequestSelectOption = _this$props.onRequestSelectOption;
     const highlightedOptionId = this.highlightedOptionId;
     const selectedOptionId = this.selectedOptionId;
     return this.interaction === 'enabled' ? {
       onRequestShowOptions: event => {
-        onRequestShowOptions === null || onRequestShowOptions === void 0 ? void 0 : onRequestShowOptions(event);
+        onRequestShowOptions?.(event);
 
         if (selectedOptionId && !Array.isArray(selectedOptionId)) {
           // highlight selected option on show
@@ -243,7 +235,7 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
         }
       },
       onRequestHideOptions: event => {
-        onRequestHideOptions === null || onRequestHideOptions === void 0 ? void 0 : onRequestHideOptions(event);
+        onRequestHideOptions?.(event);
       },
       onRequestHighlightOption: (event, _ref) => {
         let id = _ref.id,
@@ -280,7 +272,7 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
 
         if (id && this._optionIds.indexOf(id) !== -1) {
           // only select if id exists as a valid option
-          onRequestSelectOption === null || onRequestSelectOption === void 0 ? void 0 : onRequestSelectOption(event, {
+          onRequestSelectOption?.(event, {
             id
           });
         }
@@ -385,12 +377,12 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
     const getListProps = data.getListProps,
           getOptionProps = data.getOptionProps,
           getDisabledOptionProps = data.getDisabledOptionProps;
-    const _this$props6 = this.props,
-          isShowingOptions = _this$props6.isShowingOptions,
-          optionsMaxWidth = _this$props6.optionsMaxWidth,
-          optionsMaxHeight = _this$props6.optionsMaxHeight,
-          visibleOptionsCount = _this$props6.visibleOptionsCount,
-          children = _this$props6.children;
+    const _this$props2 = this.props,
+          isShowingOptions = _this$props2.isShowingOptions,
+          optionsMaxWidth = _this$props2.optionsMaxWidth,
+          optionsMaxHeight = _this$props2.optionsMaxHeight,
+          visibleOptionsCount = _this$props2.visibleOptionsCount,
+          children = _this$props2.children;
     let lastWasGroup = false;
     const viewProps = isShowingOptions ? {
       display: 'block',
@@ -436,11 +428,11 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
   }
 
   renderIcon() {
-    const _this$props7 = this.props,
-          styles = _this$props7.styles,
-          isShowingOptions = _this$props7.isShowingOptions;
+    const _this$props3 = this.props,
+          styles = _this$props3.styles,
+          isShowingOptions = _this$props3.isShowingOptions;
     return jsx("span", {
-      css: styles === null || styles === void 0 ? void 0 : styles.icon
+      css: styles?.icon
     }, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = jsx(IconArrowOpenUpLine, {
       inline: false
     })) : _IconArrowOpenDownLin || (_IconArrowOpenDownLin = jsx(IconArrowOpenDownLine, {
@@ -452,24 +444,24 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
     const getInputProps = data.getInputProps,
           getTriggerProps = data.getTriggerProps;
 
-    const _this$props8 = this.props,
-          renderLabel = _this$props8.renderLabel,
-          inputValue = _this$props8.inputValue,
-          placeholder = _this$props8.placeholder,
-          isRequired = _this$props8.isRequired,
-          shouldNotWrap = _this$props8.shouldNotWrap,
-          size = _this$props8.size,
-          isInline = _this$props8.isInline,
-          width = _this$props8.width,
-          htmlSize = _this$props8.htmlSize,
-          messages = _this$props8.messages,
-          renderBeforeInput = _this$props8.renderBeforeInput,
-          renderAfterInput = _this$props8.renderAfterInput,
-          onFocus = _this$props8.onFocus,
-          onBlur = _this$props8.onBlur,
-          onInputChange = _this$props8.onInputChange,
-          onRequestHideOptions = _this$props8.onRequestHideOptions,
-          rest = _objectWithoutProperties(_this$props8, _excluded2);
+    const _this$props4 = this.props,
+          renderLabel = _this$props4.renderLabel,
+          inputValue = _this$props4.inputValue,
+          placeholder = _this$props4.placeholder,
+          isRequired = _this$props4.isRequired,
+          shouldNotWrap = _this$props4.shouldNotWrap,
+          size = _this$props4.size,
+          isInline = _this$props4.isInline,
+          width = _this$props4.width,
+          htmlSize = _this$props4.htmlSize,
+          messages = _this$props4.messages,
+          renderBeforeInput = _this$props4.renderBeforeInput,
+          renderAfterInput = _this$props4.renderAfterInput,
+          onFocus = _this$props4.onFocus,
+          onBlur = _this$props4.onBlur,
+          onInputChange = _this$props4.onInputChange,
+          onRequestHideOptions = _this$props4.onRequestHideOptions,
+          rest = _objectWithoutProperties(_this$props4, _excluded2);
 
     const interaction = this.interaction;
     const passthroughProps = omitProps(rest, Select.allowedProps);
@@ -523,13 +515,13 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
   }
 
   render() {
-    const _this$props9 = this.props,
-          constrain = _this$props9.constrain,
-          placement = _this$props9.placement,
-          mountNode = _this$props9.mountNode,
-          assistiveText = _this$props9.assistiveText,
-          isShowingOptions = _this$props9.isShowingOptions,
-          styles = _this$props9.styles; // clear temporary option store
+    const _this$props5 = this.props,
+          constrain = _this$props5.constrain,
+          placement = _this$props5.placement,
+          mountNode = _this$props5.mountNode,
+          assistiveText = _this$props5.assistiveText,
+          isShowingOptions = _this$props5.isShowingOptions,
+          styles = _this$props5.styles; // clear temporary option store
 
     this._optionIds = [];
     const highlightedOptionId = this.highlightedOptionId;
@@ -547,12 +539,12 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
           getDisabledOptionProps = _ref3.getDisabledOptionProps,
           getDescriptionProps = _ref3.getDescriptionProps;
       return jsx("span", getRootProps({
-        css: styles === null || styles === void 0 ? void 0 : styles.select
+        css: styles?.select
       }), this.renderInput({
         getInputProps,
         getTriggerProps
       }), jsx("span", Object.assign({}, getDescriptionProps(), {
-        css: styles === null || styles === void 0 ? void 0 : styles.assistiveText
+        css: styles?.assistiveText
       }), assistiveText), jsx(Popover, {
         constrain: constrain,
         placement: placement,

package/es/Select/theme.js

@@ -31,14 +31,14 @@ const generateComponentTheme = theme => {
   const colors = theme.colors,
         typography = theme.typography;
   const componentVariables = {
-    fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
-    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
-    fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
-    smallIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXSmall,
-    mediumIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
-    largeIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
-    color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
-    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest
+    fontSize: typography?.fontSizeMedium,
+    fontFamily: typography?.fontFamily,
+    fontWeight: typography?.fontWeightNormal,
+    smallIconSize: typography?.fontSizeXSmall,
+    mediumIconSize: typography?.fontSizeSmall,
+    largeIconSize: typography?.fontSizeMedium,
+    color: colors?.textDarkest,
+    background: colors?.backgroundLightest
   };
   return { ...componentVariables
   };

package/lib/Select/index.js

@@ -82,8 +82,6 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
     this._optionHeight = 36;
 
     this.handleInputRef = node => {
-      var _this$props$inputRef, _this$props;
-
       // ensures list is positioned with respect to input if list is open on mount
       if (!this.state.hasInputRef) {
         this.setState({
@@ -92,13 +90,11 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       }
 
       this.ref = node;
-      (_this$props$inputRef = (_this$props = this.props).inputRef) === null || _this$props$inputRef === void 0 ? void 0 : _this$props$inputRef.call(_this$props, node);
+      this.props.inputRef?.(node);
     };
 
     this.handleListRef = node => {
-      var _this$props$listRef, _this$props2;
-
-      (_this$props$listRef = (_this$props2 = this.props).listRef) === null || _this$props$listRef === void 0 ? void 0 : _this$props$listRef.call(_this$props2, node); // store option height to calculate list maxHeight
+      this.props.listRef?.(node); // store option height to calculate list maxHeight
 
       if (node && node.querySelector('[role="option"]')) {
         this._optionHeight = node.querySelector('[role="option"]').offsetHeight;
@@ -111,15 +107,11 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props3;
-
-    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
+    this.props.makeStyles?.();
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props4;
-
-    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4); // scroll option into view if needed
+    this.props.makeStyles?.(); // scroll option into view if needed
 
     this.scrollToOption(this.highlightedOptionId);
   }
@@ -232,23 +224,23 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
     const onRequestHighlightOption = this.props.onRequestHighlightOption;
 
     if (id) {
-      onRequestHighlightOption === null || onRequestHighlightOption === void 0 ? void 0 : onRequestHighlightOption(event, {
+      onRequestHighlightOption?.(event, {
         id
       });
     }
   }
 
   getEventHandlers() {
-    const _this$props5 = this.props,
-          isShowingOptions = _this$props5.isShowingOptions,
-          onRequestShowOptions = _this$props5.onRequestShowOptions,
-          onRequestHideOptions = _this$props5.onRequestHideOptions,
-          onRequestSelectOption = _this$props5.onRequestSelectOption;
+    const _this$props = this.props,
+          isShowingOptions = _this$props.isShowingOptions,
+          onRequestShowOptions = _this$props.onRequestShowOptions,
+          onRequestHideOptions = _this$props.onRequestHideOptions,
+          onRequestSelectOption = _this$props.onRequestSelectOption;
     const highlightedOptionId = this.highlightedOptionId;
     const selectedOptionId = this.selectedOptionId;
     return this.interaction === 'enabled' ? {
       onRequestShowOptions: event => {
-        onRequestShowOptions === null || onRequestShowOptions === void 0 ? void 0 : onRequestShowOptions(event);
+        onRequestShowOptions?.(event);
 
         if (selectedOptionId && !Array.isArray(selectedOptionId)) {
           // highlight selected option on show
@@ -256,7 +248,7 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
         }
       },
       onRequestHideOptions: event => {
-        onRequestHideOptions === null || onRequestHideOptions === void 0 ? void 0 : onRequestHideOptions(event);
+        onRequestHideOptions?.(event);
       },
       onRequestHighlightOption: (event, _ref) => {
         let id = _ref.id,
@@ -293,7 +285,7 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
 
         if (id && this._optionIds.indexOf(id) !== -1) {
           // only select if id exists as a valid option
-          onRequestSelectOption === null || onRequestSelectOption === void 0 ? void 0 : onRequestSelectOption(event, {
+          onRequestSelectOption?.(event, {
             id
           });
         }
@@ -396,12 +388,12 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
     const getListProps = data.getListProps,
           getOptionProps = data.getOptionProps,
           getDisabledOptionProps = data.getDisabledOptionProps;
-    const _this$props6 = this.props,
-          isShowingOptions = _this$props6.isShowingOptions,
-          optionsMaxWidth = _this$props6.optionsMaxWidth,
-          optionsMaxHeight = _this$props6.optionsMaxHeight,
-          visibleOptionsCount = _this$props6.visibleOptionsCount,
-          children = _this$props6.children;
+    const _this$props2 = this.props,
+          isShowingOptions = _this$props2.isShowingOptions,
+          optionsMaxWidth = _this$props2.optionsMaxWidth,
+          optionsMaxHeight = _this$props2.optionsMaxHeight,
+          visibleOptionsCount = _this$props2.visibleOptionsCount,
+          children = _this$props2.children;
     let lastWasGroup = false;
     const viewProps = isShowingOptions ? {
       display: 'block',
@@ -447,11 +439,11 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
   }
 
   renderIcon() {
-    const _this$props7 = this.props,
-          styles = _this$props7.styles,
-          isShowingOptions = _this$props7.isShowingOptions;
+    const _this$props3 = this.props,
+          styles = _this$props3.styles,
+          isShowingOptions = _this$props3.isShowingOptions;
     return (0, _emotion.jsx)("span", {
-      css: styles === null || styles === void 0 ? void 0 : styles.icon
+      css: styles?.icon
     }, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(_IconArrowOpenUpLine2.IconArrowOpenUpLine, {
       inline: false
     })) : _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _emotion.jsx)(_IconArrowOpenDownLine.IconArrowOpenDownLine, {
@@ -462,24 +454,24 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
   renderInput(data) {
     const getInputProps = data.getInputProps,
           getTriggerProps = data.getTriggerProps;
-    const _this$props8 = this.props,
-          renderLabel = _this$props8.renderLabel,
-          inputValue = _this$props8.inputValue,
-          placeholder = _this$props8.placeholder,
-          isRequired = _this$props8.isRequired,
-          shouldNotWrap = _this$props8.shouldNotWrap,
-          size = _this$props8.size,
-          isInline = _this$props8.isInline,
-          width = _this$props8.width,
-          htmlSize = _this$props8.htmlSize,
-          messages = _this$props8.messages,
-          renderBeforeInput = _this$props8.renderBeforeInput,
-          renderAfterInput = _this$props8.renderAfterInput,
-          onFocus = _this$props8.onFocus,
-          onBlur = _this$props8.onBlur,
-          onInputChange = _this$props8.onInputChange,
-          onRequestHideOptions = _this$props8.onRequestHideOptions,
-          rest = (0, _objectWithoutProperties2.default)(_this$props8, _excluded2);
+    const _this$props4 = this.props,
+          renderLabel = _this$props4.renderLabel,
+          inputValue = _this$props4.inputValue,
+          placeholder = _this$props4.placeholder,
+          isRequired = _this$props4.isRequired,
+          shouldNotWrap = _this$props4.shouldNotWrap,
+          size = _this$props4.size,
+          isInline = _this$props4.isInline,
+          width = _this$props4.width,
+          htmlSize = _this$props4.htmlSize,
+          messages = _this$props4.messages,
+          renderBeforeInput = _this$props4.renderBeforeInput,
+          renderAfterInput = _this$props4.renderAfterInput,
+          onFocus = _this$props4.onFocus,
+          onBlur = _this$props4.onBlur,
+          onInputChange = _this$props4.onInputChange,
+          onRequestHideOptions = _this$props4.onRequestHideOptions,
+          rest = (0, _objectWithoutProperties2.default)(_this$props4, _excluded2);
     const interaction = this.interaction;
     const passthroughProps = (0, _omitProps.omitProps)(rest, Select.allowedProps);
 
@@ -532,13 +524,13 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
   }
 
   render() {
-    const _this$props9 = this.props,
-          constrain = _this$props9.constrain,
-          placement = _this$props9.placement,
-          mountNode = _this$props9.mountNode,
-          assistiveText = _this$props9.assistiveText,
-          isShowingOptions = _this$props9.isShowingOptions,
-          styles = _this$props9.styles; // clear temporary option store
+    const _this$props5 = this.props,
+          constrain = _this$props5.constrain,
+          placement = _this$props5.placement,
+          mountNode = _this$props5.mountNode,
+          assistiveText = _this$props5.assistiveText,
+          isShowingOptions = _this$props5.isShowingOptions,
+          styles = _this$props5.styles; // clear temporary option store
 
     this._optionIds = [];
     const highlightedOptionId = this.highlightedOptionId;
@@ -556,12 +548,12 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
           getDisabledOptionProps = _ref3.getDisabledOptionProps,
           getDescriptionProps = _ref3.getDescriptionProps;
       return (0, _emotion.jsx)("span", getRootProps({
-        css: styles === null || styles === void 0 ? void 0 : styles.select
+        css: styles?.select
       }), this.renderInput({
         getInputProps,
         getTriggerProps
       }), (0, _emotion.jsx)("span", Object.assign({}, getDescriptionProps(), {
-        css: styles === null || styles === void 0 ? void 0 : styles.assistiveText
+        css: styles?.assistiveText
       }), assistiveText), (0, _emotion.jsx)(_Popover.Popover, {
         constrain: constrain,
         placement: placement,

package/lib/Select/theme.js

@@ -38,14 +38,14 @@ const generateComponentTheme = theme => {
   const colors = theme.colors,
         typography = theme.typography;
   const componentVariables = {
-    fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
-    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
-    fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
-    smallIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXSmall,
-    mediumIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
-    largeIconSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
-    color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
-    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest
+    fontSize: typography?.fontSizeMedium,
+    fontFamily: typography?.fontFamily,
+    fontWeight: typography?.fontWeightNormal,
+    smallIconSize: typography?.fontSizeXSmall,
+    mediumIconSize: typography?.fontSizeSmall,
+    largeIconSize: typography?.fontSizeMedium,
+    color: colors?.textDarkest,
+    background: colors?.backgroundLightest
   };
   return { ...componentVariables
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-select",
-  "version": "8.17.1-snapshot.21+79d490548",
+  "version": "8.17.1-snapshot.71+34dfb2442",
   "description": "A component for select and autocomplete behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,30 +23,30 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-color-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-test-locator": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-test-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-themes": "8.17.1-snapshot.21+79d490548"
+    "@instructure/ui-babel-preset": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-color-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-test-locator": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-test-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-themes": "8.17.1-snapshot.71+34dfb2442"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.17.1-snapshot.21+79d490548",
-    "@instructure/shared-types": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-dom-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-form-field": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-icons": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-options": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-popover": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-position": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-prop-types": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-react-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-selectable": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-testable": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-text-input": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-view": "8.17.1-snapshot.21+79d490548",
-    "@instructure/uid": "8.17.1-snapshot.21+79d490548",
+    "@instructure/emotion": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/shared-types": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-dom-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-form-field": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-icons": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-options": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-popover": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-position": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-prop-types": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-react-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-selectable": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-testable": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-text-input": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-view": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/uid": "8.17.1-snapshot.71+34dfb2442",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -56,5 +56,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "79d490548a0736feb2a7232bf5918857317b178b"
+  "gitHead": "34dfb2442c7ddce048d78ab1ecd5f3cbb78ee8d6"
 }