@instructure/ui-form-field 11.6.0 → 11.6.1-snapshot-129

package/lib/FormFieldLabel/v2/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormFieldLabel = void 0;
+var _react = require("react");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
+var _emotion = require("@instructure/emotion");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _props = require("./props");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _dec, _class, _FormFieldLabel;
+/*
+ * 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.
+ */
+/**
+---
+parent: FormField
+---
+
+This is a helper component that is used by most of the custom form
+components. In most cases it shouldn't be used directly.
+
+```js
+---
+type: example
+---
+<FormFieldLabel>Hello</FormFieldLabel>
+```
+
+ @deprecated since version 10. This is an internal component that will be
+ removed in the future
+**/
+let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = (_FormFieldLabel = class FormFieldLabel extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+  componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+  }
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props2;
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+  }
+  render() {
+    const ElementType = (0, _getElementType.getElementType)(FormFieldLabel, this.props);
+    const _this$props3 = this.props,
+      styles = _this$props3.styles,
+      children = _this$props3.children;
+    return (0, _jsxRuntime.jsx)(ElementType, {
+      ...(0, _omitProps.omitProps)(this.props, FormFieldLabel.allowedProps),
+      css: styles === null || styles === void 0 ? void 0 : styles.formFieldLabel,
+      ref: this.handleRef,
+      children: children
+    });
+  }
+}, _FormFieldLabel.displayName = "FormFieldLabel", _FormFieldLabel.componentId = 'FormFieldLabel', _FormFieldLabel.allowedProps = _props.allowedProps, _FormFieldLabel.defaultProps = {
+  as: 'span'
+}, _FormFieldLabel)) || _class);
+var _default = exports.default = FormFieldLabel;

package/lib/FormFieldLabel/v2/props.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = void 0;
+/*
+ * 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 allowedProps = exports.allowedProps = ['as', 'children'];

package/lib/FormFieldLabel/v2/styles.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
+/*
+ * 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.
+ */
+
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, props) => {
+  const children = props.children;
+  const hasContent = (0, _hasVisibleChildren.hasVisibleChildren)(children);
+  const labelStyles = {
+    all: 'initial',
+    display: 'block',
+    ...(hasContent && {
+      color: componentTheme.color,
+      fontFamily: componentTheme.fontFamily,
+      fontWeight: componentTheme.fontWeight,
+      fontSize: componentTheme.fontSize,
+      lineHeight: componentTheme.lineHeight,
+      margin: 0,
+      textAlign: 'inherit'
+    })
+  };
+  return {
+    formFieldLabel: {
+      label: 'formFieldLabel',
+      ...labelStyles,
+      // NOTE: needs separate groups for `:is()` and `:-webkit-any()` because of css selector group validation (see https://www.w3.org/TR/selectors-3/#grouping)
+      '&:is(label)': labelStyles,
+      '&:-webkit-any(label)': labelStyles
+    }
+  };
+};
+var _default = exports.default = generateStyle;

package/lib/FormFieldLabel/v2/theme.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/*
+ * 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.
+ */
+
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+const generateComponentTheme = theme => {
+  var _colors$contrasts;
+  const colors = theme.colors,
+    typography = theme.typography,
+    themeName = theme.key;
+  const themeSpecificStyle = {
+    canvas: {
+      color: theme['ic-brand-font-color-dark']
+    }
+  };
+  const componentVariables = {
+    color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125,
+    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
+    fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
+    lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightFit
+  };
+  return {
+    ...componentVariables,
+    ...themeSpecificStyle[themeName]
+  };
+};
+var _default = exports.default = generateComponentTheme;

package/lib/FormFieldLayout/{index.js → v1/index.js}

@@ -12,7 +12,7 @@ var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
 var _emotion = require("@instructure/emotion");
-var _FormFieldMessages = require("../FormFieldMessages");
+var _v = require("../../FormFieldMessages/v1");
 var _styles = _interopRequireDefault(require("./styles"));
 var _props = require("./props");
 var _theme = _interopRequireDefault(require("./theme"));
@@ -47,7 +47,7 @@ var _dec, _dec2, _class, _FormFieldLayout;
 parent: FormField
 ---
 **/
-let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_FormFieldLayout = class FormFieldLayout extends _react.Component {
+let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_FormFieldLayout = class FormFieldLayout extends _react.Component {
   constructor(props) {
     super(props);
     this._messagesId = void 0;
@@ -150,7 +150,7 @@ let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId
     } else return null;
   }
   renderVisibleMessages() {
-    return this.hasMessages ? (0, _jsxRuntime.jsx)(_FormFieldMessages.FormFieldMessages, {
+    return this.hasMessages ? (0, _jsxRuntime.jsx)(_v.FormFieldMessages, {
       id: this._messagesId,
       messages: this.props.messages,
       gridArea: "messages"

package/lib/FormFieldLayout/{styles.js → v1/styles.js}

@@ -74,7 +74,7 @@ const generateStyle = (componentTheme, props, styleProps) => {
   const hasMessages = styleProps.hasMessages,
     hasVisibleLabel = styleProps.hasVisibleLabel,
     hasNewErrorMsgAndIsGroup = styleProps.hasNewErrorMsgAndIsGroup;
-  const cssMargin = (0, _emotion.mapSpacingToShorthand)(margin, componentTheme.spacing);
+  const cssMargin = (0, _emotion.calcSpacingFromShorthand)(margin, componentTheme.spacing);
   const isInlineLayout = layout === 'inline';
   const hasNonEmptyMessages = messages === null || messages === void 0 ? void 0 : messages.reduce((acc, message) => acc || message.type !== 'screenreader-only', false);
 

package/lib/FormFieldLayout/v2/index.js

@@ -0,0 +1,220 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormFieldLayout = void 0;
+Object.defineProperty(exports, "allowedProps", {
+  enumerable: true,
+  get: function () {
+    return _props.allowedProps;
+  }
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _useDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/useDeterministicId.js");
+var _emotion = require("@instructure/emotion");
+var _v = require("../../FormFieldMessages/v2");
+var _styles = _interopRequireDefault(require("./styles"));
+var _props = require("./props");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+const _excluded = ["inline", "layout", "as", "labelAlign", "vAlign", "label", "messages", "messagesId", "children", "width", "elementRef", "inputContainerRef", "isGroup", "isRequired", "margin", "disabled", "readOnly", "themeOverride"];
+/*
+ * 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.
+ */
+/**
+---
+parent: FormField
+---
+**/
+const FormFieldLayout = exports.FormFieldLayout = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  var _FormFieldMessages;
+  const _props$inline = props.inline,
+    inline = _props$inline === void 0 ? false : _props$inline,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'stacked' : _props$layout,
+    _props$as = props.as,
+    as = _props$as === void 0 ? 'label' : _props$as,
+    _props$labelAlign = props.labelAlign,
+    labelAlign = _props$labelAlign === void 0 ? 'end' : _props$labelAlign,
+    vAlign = props.vAlign,
+    label = props.label,
+    messages = props.messages,
+    messagesIdProp = props.messagesId,
+    children = props.children,
+    width = props.width,
+    elementRef = props.elementRef,
+    inputContainerRef = props.inputContainerRef,
+    isGroup = props.isGroup,
+    _props$isRequired = props.isRequired,
+    isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
+    margin = props.margin,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    themeOverride = props.themeOverride,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  // Deterministic ID generation
+  const _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    deterministicId = _useState2[0],
+    setDeterministicId = _useState2[1];
+  const getId = (0, _useDeterministicId.useDeterministicId)('FormFieldLayout');
+  (0, _react.useEffect)(() => {
+    setDeterministicId(getId());
+  }, []);
+  const messagesId = messagesIdProp || deterministicId;
+  const labelId = deterministicId ? `${deterministicId}-Label` : void 0;
+
+  // Filter out error and success messages when disabled or readOnly
+  const filteredMessages = disabled || readOnly ? messages === null || messages === void 0 ? void 0 : messages.filter(msg => msg.type !== 'error' && msg.type !== 'newError' && msg.type !== 'success') : messages;
+
+  // Compute style props
+  const hasMessages = filteredMessages && filteredMessages.length > 0 ? filteredMessages.some(msg => {
+    if (msg.text) {
+      if (typeof msg.text === 'string') {
+        return msg.text.length > 0;
+      }
+      return true;
+    }
+    return false;
+  }) : false;
+  const hasVisibleLabel = label ? (0, _hasVisibleChildren.hasVisibleChildren)(label) : false;
+  const hasErrorMsgAndIsGroup = !!(filteredMessages !== null && filteredMessages !== void 0 && filteredMessages.find(m => m.type === 'error' || m.type === 'newError')) && !!isGroup;
+  const invalid = !!(filteredMessages !== null && filteredMessages !== void 0 && filteredMessages.find(m => m.type === 'error' || m.type === 'newError'));
+
+  // Styles
+  const styles = (0, _emotion.useStyle)({
+    generateStyle: _styles.default,
+    themeOverride,
+    params: {
+      hasMessages,
+      hasVisibleLabel,
+      hasErrorMsgAndIsGroup,
+      inline,
+      layout,
+      vAlign,
+      labelAlign,
+      margin,
+      messages: filteredMessages,
+      isRequired,
+      invalid
+    },
+    componentId: 'FormFieldLayout',
+    displayName: 'FormFieldLayout'
+  });
+  const ElementType = as;
+  const handleRef = (0, _react.useCallback)(el => {
+    if (typeof ref === 'function') {
+      ref(el);
+    } else if (ref) {
+      const refObject = ref;
+      refObject.current = el;
+    }
+    if (typeof elementRef === 'function') {
+      elementRef(el);
+    }
+  }, [ref, elementRef]);
+  const handleInputContainerRef = (0, _react.useCallback)(node => {
+    if (typeof inputContainerRef === 'function') {
+      inputContainerRef(node);
+    }
+  }, [inputContainerRef]);
+  const renderLabel = () => {
+    const labelContent = hasVisibleLabel ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [label, isRequired && (0, _jsxRuntime.jsxs)("span", {
+        css: invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredAsterisk : {},
+        "aria-hidden": true,
+        children: [' ', "*"]
+      })]
+    }) : label;
+    if (hasVisibleLabel) {
+      if (ElementType === 'fieldset') {
+        // `legend` has some special built in CSS, this can only be reset
+        // this way https://stackoverflow.com/a/65866981/319473
+        return (0, _jsxRuntime.jsx)("legend", {
+          style: {
+            display: 'contents'
+          },
+          children: (0, _jsxRuntime.jsx)("span", {
+            css: styles === null || styles === void 0 ? void 0 : styles.formFieldLabel,
+            children: labelContent
+          })
+        });
+      }
+      return (0, _jsxRuntime.jsx)("span", {
+        css: styles === null || styles === void 0 ? void 0 : styles.formFieldLabel,
+        children: labelContent
+      });
+    } else if (label) {
+      if (ElementType === 'fieldset') {
+        return (0, _jsxRuntime.jsx)("legend", {
+          id: labelId,
+          style: {
+            display: 'contents'
+          },
+          children: label
+        });
+      }
+      // needs to be wrapped because it needs an `id`
+      return (0, _jsxRuntime.jsx)("div", {
+        id: labelId,
+        style: {
+          display: 'contents'
+        },
+        children: label
+      });
+    } else return null;
+  };
+  const renderVisibleMessages = () => {
+    return hasMessages ? _FormFieldMessages || (_FormFieldMessages = (0, _jsxRuntime.jsx)(_v.FormFieldMessages, {
+      id: messagesId,
+      messages: filteredMessages,
+      gridArea: "messages"
+    })) : null;
+  };
+  return (0, _jsxRuntime.jsxs)(ElementType, {
+    ...(0, _omitProps.omitProps)(rest, [..._props.allowedProps]),
+    css: styles === null || styles === void 0 ? void 0 : styles.formFieldLayout,
+    "aria-describedby": hasMessages ? messagesId : void 0,
+    "aria-errormessage": rest['aria-invalid'] ? messagesId : void 0,
+    style: {
+      width
+    },
+    ref: handleRef,
+    children: [renderLabel(), hasErrorMsgAndIsGroup && renderVisibleMessages(), (0, _jsxRuntime.jsx)("span", {
+      css: styles === null || styles === void 0 ? void 0 : styles.formFieldChildren,
+      ref: handleInputContainerRef,
+      children: children
+    }), !hasErrorMsgAndIsGroup && renderVisibleMessages()]
+  });
+});
+FormFieldLayout.displayName = 'FormFieldLayout';
+var _default = exports.default = FormFieldLayout;

package/lib/FormFieldLayout/v2/props.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = void 0;
+/*
+ * 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 allowedProps = exports.allowedProps = ['label', 'id', 'as', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'width', 'inputContainerRef', 'elementRef', 'margin', 'vAlign', 'isRequired', 'disabled', 'readOnly'];