@instructure/ui-simple-select 8.12.1-snapshot.7 → 8.13.0

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+### Features
+
+- **canvas-theme,ui-theme-tokens,ui-themes:** update canvas theme colors ([a72237d](https://github.com/instructure/instructure-ui/commit/a72237dc213b86aa8f18da2618559ea4c118e1dd))
+- **ui-form-field:** make FormField messages accept `ReactNode` text, not just `string` ([4d36973](https://github.com/instructure/instructure-ui/commit/4d369733414715a70bae0628378e8d82214eab3e))
+
 # [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
 
 **Note:** Version bump only for package @instructure/ui-simple-select

package/es/SimpleSelect/index.js

@@ -79,9 +79,8 @@ let SimpleSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Si
       this.props.onHideOptions(event);
     };
 
-    this.handleHighlightOption = (event, {
-      id
-    }) => {
+    this.handleHighlightOption = (event, _ref) => {
+      let id = _ref.id;
       if (id === this._emptyOptionId) return;
       const option = this.getOption('id', id);
       const label = option.props.children;
@@ -92,9 +91,9 @@ let SimpleSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Si
       });
     };
 
-    this.handleSelectOption = (event, {
-      id
-    }) => {
+    this.handleSelectOption = (event, _ref2) => {
+      let id = _ref2.id;
+
       if (id === this._emptyOptionId) {
         // selected option is the empty option
         this.setState({

package/es/SimpleSelect/props.js

@@ -106,7 +106,7 @@ const propTypes = {
    * Displays messages and validation for the input. It should be an object
    * with the following shape:
    * `{
-   *   text: PropTypes.string,
+   *   text: PropTypes.node,
    *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    * }`
    */

package/lib/SimpleSelect/Group/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Group = exports.default = void 0;
+exports.default = exports.Group = void 0;
 
 var _react = require("react");
 

package/lib/SimpleSelect/Group/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/lib/SimpleSelect/Option/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Option = exports.default = void 0;
+exports.default = exports.Option = void 0;
 
 var _react = require("react");
 

package/lib/SimpleSelect/Option/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/lib/SimpleSelect/index.js

@@ -81,9 +81,8 @@ let SimpleSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cl
       this.props.onHideOptions(event);
     };
 
-    this.handleHighlightOption = (event, {
-      id
-    }) => {
+    this.handleHighlightOption = (event, _ref) => {
+      let id = _ref.id;
       if (id === this._emptyOptionId) return;
       const option = this.getOption('id', id);
       const label = option.props.children;
@@ -94,9 +93,9 @@ let SimpleSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cl
       });
     };
 
-    this.handleSelectOption = (event, {
-      id
-    }) => {
+    this.handleSelectOption = (event, _ref2) => {
+      let id = _ref2.id;
+
       if (id === this._emptyOptionId) {
         // selected option is the empty option
         this.setState({

package/lib/SimpleSelect/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -121,7 +121,7 @@ const propTypes = {
    * Displays messages and validation for the input. It should be an object
    * with the following shape:
    * `{
-   *   text: PropTypes.string,
+   *   text: PropTypes.node,
    *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    * }`
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-simple-select",
-  "version": "8.12.1-snapshot.7+1e7ac8219",
+  "version": "8.13.0",
   "description": "A component for standard select element behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,22 +25,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-form-field": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-position": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-prop-types": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-react-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-select": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-testable": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/uid": "8.12.1-snapshot.7+1e7ac8219",
+    "@instructure/console": "8.13.0",
+    "@instructure/ui-form-field": "8.13.0",
+    "@instructure/ui-position": "8.13.0",
+    "@instructure/ui-prop-types": "8.13.0",
+    "@instructure/ui-react-utils": "8.13.0",
+    "@instructure/ui-select": "8.13.0",
+    "@instructure/ui-testable": "8.13.0",
+    "@instructure/uid": "8.13.0",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-color-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-icons": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-locator": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/ui-babel-preset": "8.13.0",
+    "@instructure/ui-color-utils": "8.13.0",
+    "@instructure/ui-icons": "8.13.0",
+    "@instructure/ui-test-locator": "8.13.0",
+    "@instructure/ui-test-utils": "8.13.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -48,6 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  "sideEffects": false
 }

package/src/SimpleSelect/props.ts

@@ -150,7 +150,7 @@ const propTypes: PropValidators<PropKeys> = {
    * Displays messages and validation for the input. It should be an object
    * with the following shape:
    * `{
-   *   text: PropTypes.string,
+   *   text: PropTypes.node,
    *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    * }`
    */

package/types/SimpleSelect/index.d.ts

@@ -26,7 +26,7 @@ declare class SimpleSelect extends Component<SimpleSelectProps> {
         width?: string | undefined;
         optionsMaxWidth?: string | undefined;
         visibleOptionsCount?: number | undefined;
-        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
         placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
         constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
         mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
@@ -56,7 +56,7 @@ declare class SimpleSelect extends Component<SimpleSelectProps> {
         width?: string | undefined;
         optionsMaxWidth?: string | undefined;
         visibleOptionsCount?: number | undefined;
-        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
         placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
         constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
         mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.