@instructure/ui-form-field 7.7.1 → 7.11.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.11.0](https://github.com/instructure/instructure-ui/compare/v7.10.0...v7.11.0) (2021-09-17)
+
+**Note:** Version bump only for package @instructure/ui-form-field
+
+# [7.10.0](https://github.com/instructure/instructure-ui/compare/v7.9.0...v7.10.0) (2021-08-27)
+
+**Note:** Version bump only for package @instructure/ui-form-field
+
+# [7.9.0](https://github.com/instructure/instructure-ui/compare/v7.8.0...v7.9.0) (2021-07-16)
+
+**Note:** Version bump only for package @instructure/ui-form-field
+
+# [7.8.0](https://github.com/instructure/instructure-ui/compare/v7.7.1...v7.8.0) (2021-06-18)
+
+**Note:** Version bump only for package @instructure/ui-form-field
+
 ## [7.7.1](https://github.com/instructure/instructure-ui/compare/v7.7.0...v7.7.1) (2021-06-09)
 
 **Note:** Version bump only for package @instructure/ui-form-field

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-form-field",
-  "version": "7.7.1",
+  "version": "7.11.0",
   "description": "Form layout components.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -23,20 +23,20 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "^7.7.1",
-    "@instructure/ui-test-utils": "^7.7.1"
+    "@instructure/ui-babel-preset": "^7.11.0",
+    "@instructure/ui-test-utils": "^7.11.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.9.2",
-    "@instructure/console": "^7.7.1",
-    "@instructure/ui-a11y-content": "^7.7.1",
-    "@instructure/ui-a11y-utils": "^7.7.1",
-    "@instructure/ui-grid": "^7.7.1",
-    "@instructure/ui-icons": "^7.7.1",
-    "@instructure/ui-react-utils": "^7.7.1",
-    "@instructure/ui-themeable": "^7.7.1",
-    "@instructure/ui-utils": "^7.7.1",
-    "@instructure/uid": "^7.7.1",
+    "@instructure/console": "^7.11.0",
+    "@instructure/ui-a11y-content": "^7.11.0",
+    "@instructure/ui-a11y-utils": "^7.11.0",
+    "@instructure/ui-grid": "^7.11.0",
+    "@instructure/ui-icons": "^7.11.0",
+    "@instructure/ui-react-utils": "^7.11.0",
+    "@instructure/ui-themeable": "^7.11.0",
+    "@instructure/ui-utils": "^7.11.0",
+    "@instructure/uid": "^7.11.0",
     "classnames": "^2",
     "prop-types": "^15"
   },

package/types/index.d.ts

@@ -1,17 +1,21 @@
 import * as React from 'react';
 
-export type FormFieldLayout = "stacked" | "inline";
+export type FormFieldGroupLayout = "stacked" | "columns" | "inline";
 
-export type FormFieldLabelAlign = "start" | "end";
+export type FormFieldGroupRowSpacing = "none" | "small" | "medium" | "large";
 
-export type FormFieldVAlign = "top" | "middle" | "bottom";
+export type FormFieldGroupColSpacing = "none" | "small" | "medium" | "large";
 
-export interface FormFieldProps {
-    label: React.ReactNode;
+export type FormFieldGroupVAlign = "top" | "middle" | "bottom";
+
+export type FormFieldGroupStartAt = "small" | "medium" | "large" | "x-large" | any;
+
+export interface FormFieldGroupProps {
+    description: React.ReactNode;
     /**
-     * the id of the input (to link it to its label for a11y)
+     * the element type to render as
      */
-    id: string;
+    as?: any;
     /**
      * object with shape: `{
      * text: PropTypes.string,
@@ -19,17 +23,20 @@ export interface FormFieldProps {
      * }`
      */
     messages?: any[];
+    /**
+     * id for the form field messages
+     */
     messagesId?: string;
+    disabled?: boolean;
     children?: React.ReactNode;
-    inline?: boolean;
-    layout?: FormFieldLayout;
-    labelAlign?: FormFieldLabelAlign;
-    vAlign?: FormFieldVAlign;
-    width?: string;
-    inputContainerRef?: (...args: any[])=>any;
+    layout?: FormFieldGroupLayout;
+    rowSpacing?: FormFieldGroupRowSpacing;
+    colSpacing?: FormFieldGroupColSpacing;
+    vAlign?: FormFieldGroupVAlign;
+    startAt?: FormFieldGroupStartAt;
 }
 
-export class FormField extends React.Component<FormFieldProps, any> {
+export class FormFieldGroup extends React.Component<FormFieldGroupProps, any> {
     render(): JSX.Element;
 
 }
@@ -37,22 +44,18 @@ export class FormField extends React.Component<FormFieldProps, any> {
 
 
 
-export type FormFieldGroupLayout = "stacked" | "columns" | "inline";
-
-export type FormFieldGroupRowSpacing = "none" | "small" | "medium" | "large";
-
-export type FormFieldGroupColSpacing = "none" | "small" | "medium" | "large";
+export type FormFieldLayout = "stacked" | "inline";
 
-export type FormFieldGroupVAlign = "top" | "middle" | "bottom";
+export type FormFieldLabelAlign = "start" | "end";
 
-export type FormFieldGroupStartAt = "small" | "medium" | "large" | "x-large" | any;
+export type FormFieldVAlign = "top" | "middle" | "bottom";
 
-export interface FormFieldGroupProps {
-    description: React.ReactNode;
+export interface FormFieldProps {
+    label: React.ReactNode;
     /**
-     * the element type to render as
+     * the id of the input (to link it to its label for a11y)
      */
-    as?: any;
+    id: string;
     /**
      * object with shape: `{
      * text: PropTypes.string,
@@ -60,20 +63,17 @@ export interface FormFieldGroupProps {
      * }`
      */
     messages?: any[];
-    /**
-     * id for the form field messages
-     */
     messagesId?: string;
-    disabled?: boolean;
     children?: React.ReactNode;
-    layout?: FormFieldGroupLayout;
-    rowSpacing?: FormFieldGroupRowSpacing;
-    colSpacing?: FormFieldGroupColSpacing;
-    vAlign?: FormFieldGroupVAlign;
-    startAt?: FormFieldGroupStartAt;
+    inline?: boolean;
+    layout?: FormFieldLayout;
+    labelAlign?: FormFieldLabelAlign;
+    vAlign?: FormFieldVAlign;
+    width?: string;
+    inputContainerRef?: (...args: any[])=>any;
 }
 
-export class FormFieldGroup extends React.Component<FormFieldGroupProps, any> {
+export class FormField extends React.Component<FormFieldProps, any> {
     render(): JSX.Element;
 
 }