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

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 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
+
+- **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)
 
 ### Bug Fixes

package/es/TimeSelect/index.js

@@ -107,9 +107,8 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
       (_this$props$onHideOpt = (_this$props4 = this.props).onHideOptions) === null || _this$props$onHideOpt === void 0 ? void 0 : _this$props$onHideOpt.call(_this$props4, event);
     };
 
-    this.handleHighlightOption = (event, {
-      id
-    }) => {
+    this.handleHighlightOption = (event, _ref) => {
+      let id = _ref.id;
       if (id === this._emptyOptionId) return;
       const type = event.type;
       const option = this.getOption('id', id).label;
@@ -119,11 +118,11 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
       }));
     };
 
-    this.handleSelectOption = (event, {
-      id
-    }) => {
+    this.handleSelectOption = (event, _ref2) => {
       var _this$props$onHideOpt2, _this$props6;
 
+      let id = _ref2.id;
+
       if (id === this._emptyOptionId) {
         this.setState({
           isShowingOptions: false
@@ -288,7 +287,8 @@ let TimeSelect = (_dec = testable(), _dec(_class = (_temp = _class2 = class Time
     return void 0;
   }
 
-  getOption(field, value, options = this.state.options) {
+  getOption(field, value) {
+    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.state.options;
     return options.find(option => option[field] === value);
   }
 

package/es/TimeSelect/props.js

@@ -111,7 +111,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/TimeSelect/index.js

@@ -111,9 +111,8 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
       (_this$props$onHideOpt = (_this$props4 = this.props).onHideOptions) === null || _this$props$onHideOpt === void 0 ? void 0 : _this$props$onHideOpt.call(_this$props4, event);
     };
 
-    this.handleHighlightOption = (event, {
-      id
-    }) => {
+    this.handleHighlightOption = (event, _ref) => {
+      let id = _ref.id;
       if (id === this._emptyOptionId) return;
       const type = event.type;
       const option = this.getOption('id', id).label;
@@ -123,11 +122,11 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
       }));
     };
 
-    this.handleSelectOption = (event, {
-      id
-    }) => {
+    this.handleSelectOption = (event, _ref2) => {
       var _this$props$onHideOpt2, _this$props6;
 
+      let id = _ref2.id;
+
       if (id === this._emptyOptionId) {
         this.setState({
           isShowingOptions: false
@@ -293,7 +292,8 @@ let TimeSelect = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
     return void 0;
   }
 
-  getOption(field, value, options = this.state.options) {
+  getOption(field, value) {
+    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.state.options;
     return options.find(option => option[field] === value);
   }
 

package/lib/TimeSelect/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"));
 
@@ -125,7 +125,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-time-select",
-  "version": "8.12.1-snapshot.7+1e7ac8219",
+  "version": "8.13.0",
   "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.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-form-field": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-i18n": "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-test-locator": "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-i18n": "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-test-locator": "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-test-utils": "8.12.1-snapshot.7+1e7ac8219",
+    "@instructure/ui-babel-preset": "8.13.0",
+    "@instructure/ui-test-utils": "8.13.0",
     "moment-timezone": "^0.5.33"
   },
   "peerDependencies": {
@@ -48,6 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  "sideEffects": false
 }

package/src/TimeSelect/props.ts

@@ -153,7 +153,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/TimeSelect/index.d.ts

@@ -36,7 +36,7 @@ declare class TimeSelect extends Component<TimeSelectProps, TimeSelectState> {
         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;
         onChange?: ((...args: any[]) => any) | undefined;
@@ -67,7 +67,7 @@ declare class TimeSelect extends Component<TimeSelectProps, TimeSelectState> {
         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;
         onChange?: ((...args: any[]) => any) | 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.