@instructure/ui-form-field 8.8.1-snapshot.3 → 8.9.0

package/{src/FormFieldLabel/types.ts → es/FormFieldMessage/props.js}

@@ -21,12 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import { PropsWithChildren } from 'react'
-import { AsElementType } from '@instructure/shared-types'
-
-export type FormFieldLabelProps = PropsWithChildren<{
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-  as?: AsElementType
-}>
+import PropTypes from 'prop-types';
+const propTypes = {
+  variant: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only']),
+  children: PropTypes.node
+};
+const allowedProps = ['variant', 'children'];
+export { propTypes, allowedProps };

package/es/FormFieldMessages/index.js

@@ -26,13 +26,12 @@ var _dec, _class, _class2, _temp;
 
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { omitProps } from '@instructure/ui-react-utils';
 import { withStyle, jsx } from '@instructure/emotion';
-import { FormPropTypes } from '../FormPropTypes';
 import { FormFieldMessage } from '../FormFieldMessage';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -66,32 +65,17 @@ let FormFieldMessages = (_dec = withStyle(generateStyle, generateComponentTheme)
           messages = _this$props.messages,
           styles = _this$props.styles;
     return messages && messages.length > 0 ? jsx("span", Object.assign({
-      css: styles.formFieldMessages
+      css: styles === null || styles === void 0 ? void 0 : styles.formFieldMessages
     }, omitProps(this.props, FormFieldMessages.propTypes)), messages.map((msg, i) => {
       return jsx("span", {
         key: `error${i}`,
-        css: styles.message
+        css: styles === null || styles === void 0 ? void 0 : styles.message
       }, jsx(FormFieldMessage, {
         variant: msg.type
       }, msg.text));
     })) : null;
   }
 
-}, _class2.displayName = "FormFieldMessages", _class2.componentId = 'FormFieldMessages', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object,
-
-  /**
-   * object with shape: `{
-   * text: PropTypes.string,
-   * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-   *   }`
-   */
-  messages: PropTypes.arrayOf(FormPropTypes.message)
-}, _class2.defaultProps = {
-  messages: void 0
-}, _temp)) || _class);
+}, _class2.displayName = "FormFieldMessages", _class2.componentId = 'FormFieldMessages', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _temp)) || _class);
 export default FormFieldMessages;
 export { FormFieldMessages };

package/{src/FormField/types.ts → es/FormFieldMessages/props.js}

@@ -21,19 +21,16 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import React from 'react'
-import { FormMessage } from '../FormPropTypes'
-
-export type FormFieldProps = {
-  label: React.ReactNode
-  id: string
-  messages?: FormMessage[]
-  messagesId?: string
-  inline?: boolean
-  layout?: 'stacked' | 'inline'
-  labelAlign?: 'start' | 'end'
-  vAlign?: 'top' | 'middle' | 'bottom'
-  width?: string
-  inputContainerRef?: (...args: any[]) => any
-}
+import PropTypes from 'prop-types';
+import { FormPropTypes } from '../FormPropTypes';
+const propTypes = {
+  /**
+   * object with shape: `{
+   * text: PropTypes.string,
+   * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
+   *   }`
+   */
+  messages: PropTypes.arrayOf(FormPropTypes.message)
+};
+const allowedProps = ['messages'];
+export { propTypes, allowedProps };

package/lib/FormField/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,16 +9,14 @@ exports.FormField = exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
 
-var _FormPropTypes = require("../FormPropTypes");
-
 var _FormFieldLayout = require("../FormFieldLayout");
 
+var _props = require("./props");
+
 /*
  * The MIT License (MIT)
  *
@@ -64,40 +60,14 @@ class FormField extends _react.Component {
 exports.FormField = FormField;
 FormField.displayName = "FormField";
 FormField.componentId = 'FormField';
-FormField.propTypes = {
-  label: _propTypes.default.node.isRequired,
-
-  /**
-   * the id of the input (to link it to its label for a11y)
-   */
-  id: _propTypes.default.string.isRequired,
-
-  /**
-   * object with shape: `{
-   *   text: PropTypes.string,
-   *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-   * }`
-   */
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-  messagesId: _propTypes.default.string,
-  children: _propTypes.default.node,
-  inline: _propTypes.default.bool,
-  layout: _propTypes.default.oneOf(['stacked', 'inline']),
-  labelAlign: _propTypes.default.oneOf(['start', 'end']),
-  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
-  width: _propTypes.default.string,
-  inputContainerRef: _propTypes.default.func
-};
+FormField.propTypes = _props.propTypes;
+FormField.allowedProps = _props.allowedProps;
 FormField.defaultProps = {
   inline: false,
   layout: 'stacked',
   labelAlign: 'end',
   vAlign: 'middle',
-  messages: void 0,
-  messagesId: void 0,
-  children: null,
-  width: void 0,
-  inputContainerRef: void 0
+  children: null
 };
 var _default = FormField;
 exports.default = _default;

package/lib/FormField/props.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _FormPropTypes = require("../FormPropTypes");
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present 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.
+ */
+const propTypes = {
+  label: _propTypes.default.node.isRequired,
+
+  /**
+   * the id of the input (to link it to its label for a11y)
+   */
+  id: _propTypes.default.string.isRequired,
+
+  /**
+   * object with shape: `{
+   *   text: PropTypes.string,
+   *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
+   * }`
+   */
+  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+  messagesId: _propTypes.default.string,
+  children: _propTypes.default.node,
+  inline: _propTypes.default.bool,
+  layout: _propTypes.default.oneOf(['stacked', 'inline']),
+  labelAlign: _propTypes.default.oneOf(['start', 'end']),
+  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
+  width: _propTypes.default.string,
+  inputContainerRef: _propTypes.default.func
+};
+exports.propTypes = propTypes;
+const allowedProps = ['label', 'id', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'vAlign', 'width', 'inputContainerRef'];
+exports.allowedProps = allowedProps;

package/lib/FormFieldGroup/index.js

@@ -11,8 +11,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Grid = require("@instructure/ui-grid/lib/Grid");
 
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
@@ -23,12 +21,12 @@ var _emotion = require("@instructure/emotion");
 
 var _FormFieldLayout = require("../FormFieldLayout");
 
-var _FormPropTypes = require("../FormPropTypes");
-
 var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
+var _props = require("./props");
+
 const _excluded = ["styles", "makeStyles"];
 
 var _dec, _class, _class2, _temp;
@@ -81,7 +79,7 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
     const styles = this.props.styles;
     return (0, _emotion.jsx)("span", {
       key: "fields",
-      css: styles.formFieldGroup
+      css: styles === null || styles === void 0 ? void 0 : styles.formFieldGroup
     }, this.renderChildren());
   }
 
@@ -99,43 +97,8 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
     }), this.renderFields());
   }
 
-}, _class2.displayName = "FormFieldGroup", _class2.componentId = 'FormFieldGroup', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object,
-  description: _propTypes.default.node.isRequired,
-
-  /**
-   * the element type to render as
-   */
-  as: _propTypes.default.elementType,
-
-  /**
-   * object with shape: `{
-   * text: PropTypes.string,
-   * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-   *   }`
-   */
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-
-  /**
-   * id for the form field messages
-   */
-  messagesId: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  children: _propTypes.default.node,
-  layout: _propTypes.default.oneOf(['stacked', 'columns', 'inline']),
-  rowSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  colSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
-  startAt: _propTypes.default.oneOf(['small', 'medium', 'large', 'x-large', null])
-}, _class2.defaultProps = {
+}, _class2.displayName = "FormFieldGroup", _class2.componentId = 'FormFieldGroup', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   children: null,
-  layout: void 0,
-  startAt: void 0,
-  messages: void 0,
-  messagesId: void 0,
   as: 'fieldset',
   disabled: false,
   rowSpacing: 'medium',

package/lib/FormFieldGroup/props.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _FormPropTypes = require("../FormPropTypes");
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present 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.
+ */
+const propTypes = {
+  description: _propTypes.default.node.isRequired,
+
+  /**
+   * the element type to render as
+   */
+  as: _propTypes.default.elementType,
+
+  /**
+   * object with shape: `{
+   * text: PropTypes.string,
+   * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
+   *   }`
+   */
+  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+
+  /**
+   * id for the form field messages
+   */
+  messagesId: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  children: _propTypes.default.node,
+  layout: _propTypes.default.oneOf(['stacked', 'columns', 'inline']),
+  rowSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
+  colSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
+  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
+  startAt: _propTypes.default.oneOf(['small', 'medium', 'large', 'x-large', null])
+};
+exports.propTypes = propTypes;
+const allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt'];
+exports.allowedProps = allowedProps;

package/lib/FormFieldLabel/index.js

@@ -9,8 +9,6 @@ exports.FormFieldLabel = exports.default = void 0;
 
 var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
@@ -21,6 +19,8 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
+var _props = require("./props");
+
 var _dec, _class, _class2, _temp;
 
 /**
@@ -54,18 +54,11 @@ let FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
           styles = _this$props.styles,
           children = _this$props.children;
     return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _omitProps.omitProps)(this.props, FormFieldLabel.propTypes), {
-      css: styles.formFieldLabel
+      css: styles === null || styles === void 0 ? void 0 : styles.formFieldLabel
     }), children);
   }
 
-}, _class2.displayName = "FormFieldLabel", _class2.componentId = 'FormFieldLabel', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object,
-  as: _propTypes.default.elementType,
-  children: _propTypes.default.node.isRequired
-}, _class2.defaultProps = {
+}, _class2.displayName = "FormFieldLabel", _class2.componentId = 'FormFieldLabel', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   as: 'span'
 }, _temp)) || _class);
 exports.FormFieldLabel = FormFieldLabel;

package/{src/FormFieldLayout/types.ts → lib/FormFieldLabel/props.js}

@@ -1,3 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 /*
  * The MIT License (MIT)
  *
@@ -21,21 +32,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import { AsElementType } from '@instructure/shared-types'
-import { FormMessage } from '../FormPropTypes'
-
-export type FormFieldLayoutProps = {
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-  label: React.ReactNode
-  id?: string
-  as?: AsElementType
-  messages?: FormMessage[]
-  messagesId?: string
-  inline?: boolean
-  layout?: 'stacked' | 'inline'
-  labelAlign?: 'start' | 'end'
-  width?: string
-  inputContainerRef?: (...args: any[]) => any
-}
+const propTypes = {
+  as: _propTypes.default.elementType,
+  children: _propTypes.default.node.isRequired
+};
+exports.propTypes = propTypes;
+const allowedProps = ['as', 'children'];
+exports.allowedProps = allowedProps;