@khanacademy/wonder-blocks-form 4.9.4 → 4.10.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @khanacademy/wonder-blocks-form
 
+## 4.10.0
+
+### Minor Changes
+
+-   7a98815b: LabeledTextField: Adds `name` prop for the `TextField` component
+
 ## 4.9.4
 
 ### Patch Changes

package/dist/components/labeled-text-field.d.ts

@@ -120,6 +120,10 @@ type CommonProps = {
      * Specifies if the TextField allows autocomplete.
      */
     autoComplete?: string;
+    /**
+     * Provide a name for the TextField.
+     */
+    name?: string;
 };
 type OtherInputProps = CommonProps & {
     /**

package/dist/es/index.js

@@ -916,7 +916,7 @@ const styles$1 = StyleSheet.create({
   }
 });
 
-const _excluded$1 = ["id", "type", "label", "description", "value", "disabled", "required", "validate", "onChange", "onKeyDown", "placeholder", "light", "style", "testId", "readOnly", "autoComplete", "forwardedRef", "ariaDescribedby", "onValidate", "onFocus", "onBlur"];
+const _excluded$1 = ["id", "type", "label", "description", "value", "disabled", "required", "validate", "onChange", "onKeyDown", "placeholder", "light", "style", "testId", "readOnly", "autoComplete", "forwardedRef", "ariaDescribedby", "name", "onValidate", "onFocus", "onBlur"];
 class LabeledTextField extends React.Component {
   constructor(props) {
     super(props);
@@ -981,7 +981,8 @@ class LabeledTextField extends React.Component {
         readOnly,
         autoComplete,
         forwardedRef,
-        ariaDescribedby
+        ariaDescribedby,
+        name
       } = _this$props,
       otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
     return React.createElement(IDProvider, {
@@ -1011,7 +1012,8 @@ class LabeledTextField extends React.Component {
         light: light,
         readOnly: readOnly,
         autoComplete: autoComplete,
-        ref: forwardedRef
+        ref: forwardedRef,
+        name: name
       }, otherProps)),
       label: label,
       description: description,

package/dist/index.js

@@ -946,7 +946,7 @@ const styles$1 = aphrodite.StyleSheet.create({
   }
 });
 
-const _excluded$1 = ["id", "type", "label", "description", "value", "disabled", "required", "validate", "onChange", "onKeyDown", "placeholder", "light", "style", "testId", "readOnly", "autoComplete", "forwardedRef", "ariaDescribedby", "onValidate", "onFocus", "onBlur"];
+const _excluded$1 = ["id", "type", "label", "description", "value", "disabled", "required", "validate", "onChange", "onKeyDown", "placeholder", "light", "style", "testId", "readOnly", "autoComplete", "forwardedRef", "ariaDescribedby", "name", "onValidate", "onFocus", "onBlur"];
 class LabeledTextField extends React__namespace.Component {
   constructor(props) {
     super(props);
@@ -1011,7 +1011,8 @@ class LabeledTextField extends React__namespace.Component {
         readOnly,
         autoComplete,
         forwardedRef,
-        ariaDescribedby
+        ariaDescribedby,
+        name
       } = _this$props,
       otherProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded$1);
     return React__namespace.createElement(wonderBlocksCore.IDProvider, {
@@ -1041,7 +1042,8 @@ class LabeledTextField extends React__namespace.Component {
         light: light,
         readOnly: readOnly,
         autoComplete: autoComplete,
-        ref: forwardedRef
+        ref: forwardedRef,
+        name: name
       }, otherProps)),
       label: label,
       description: description,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-form",
-  "version": "4.9.4",
+  "version": "4.10.0",
   "design": "v1",
   "description": "Form components for Wonder Blocks.",
   "main": "dist/index.js",