@khanacademy/wonder-blocks-form 3.1.6 → 3.1.8

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @khanacademy/wonder-blocks-form
 
+## 3.1.8
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-clickable@2.4.3
+-   @khanacademy/wonder-blocks-core@4.6.1
+-   @khanacademy/wonder-blocks-icon@1.2.34
+-   @khanacademy/wonder-blocks-layout@1.4.14
+-   @khanacademy/wonder-blocks-typography@1.1.36
+
+## 3.1.7
+
+### Patch Changes
+
+-   cfbf454c: Rename `TextFieldInternal` to `TextField` (same with `LabeledTextField`)
+-   Updated dependencies [b561425a]
+-   Updated dependencies [a566e232]
+-   Updated dependencies [d2b21a6e]
+    -   @khanacademy/wonder-blocks-core@4.6.0
+    -   @khanacademy/wonder-blocks-clickable@2.4.2
+    -   @khanacademy/wonder-blocks-icon@1.2.33
+    -   @khanacademy/wonder-blocks-layout@1.4.13
+    -   @khanacademy/wonder-blocks-typography@1.1.35
+
 ## 3.1.6
 
 ### Patch Changes

package/dist/es/index.js

@@ -641,7 +641,7 @@ class RadioGroup extends React.Component {
 const _excluded = ["id", "type", "value", "disabled", "onKeyDown", "placeholder", "light", "style", "testId", "readOnly", "autoComplete", "forwardedRef", "onFocus", "onBlur", "onValidate", "validate", "onChange", "required"];
 const defaultErrorMessage = "This field is required.";
 
-class TextFieldInternal extends React.Component {
+class TextField extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -762,7 +762,7 @@ class TextFieldInternal extends React.Component {
 
 }
 
-TextFieldInternal.defaultProps = {
+TextField.defaultProps = {
   type: "text",
   disabled: false,
   light: false
@@ -817,7 +817,7 @@ const styles$1 = StyleSheet.create({
     boxShadow: `0px 0px 0px 1px ${Color.red}, 0px 0px 0px 2px ${Color.white}`
   }
 });
-const TextField = React.forwardRef((props, ref) => React.createElement(TextFieldInternal, _extends({}, props, {
+var TextField$1 = React.forwardRef((props, ref) => React.createElement(TextField, _extends({}, props, {
   forwardedRef: ref
 })));
 
@@ -911,7 +911,7 @@ const styles = StyleSheet.create({
   }
 });
 
-class LabeledTextFieldInternal extends React.Component {
+class LabeledTextField extends React.Component {
   constructor(props) {
     super(props);
 
@@ -988,7 +988,7 @@ class LabeledTextFieldInternal extends React.Component {
       id: uniqueId,
       testId: testId,
       style: style,
-      field: React.createElement(TextField, {
+      field: React.createElement(TextField$1, {
         id: `${uniqueId}-field`,
         "aria-describedby": ariaDescribedby ? ariaDescribedby : `${uniqueId}-error`,
         "aria-invalid": this.state.error ? "true" : "false",
@@ -1019,13 +1019,13 @@ class LabeledTextFieldInternal extends React.Component {
 
 }
 
-LabeledTextFieldInternal.defaultProps = {
+LabeledTextField.defaultProps = {
   type: "text",
   disabled: false,
   light: false
 };
-const LabeledTextField = React.forwardRef((props, ref) => React.createElement(LabeledTextFieldInternal, _extends({}, props, {
+var labeledTextField = React.forwardRef((props, ref) => React.createElement(LabeledTextField, _extends({}, props, {
   forwardedRef: ref
 })));
 
-export { Checkbox, CheckboxGroup, Choice, LabeledTextField, RadioGroup, TextField };
+export { Checkbox, CheckboxGroup, Choice, labeledTextField as LabeledTextField, RadioGroup, TextField$1 as TextField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-form",
-  "version": "3.1.6",
+  "version": "3.1.8",
   "design": "v1",
   "description": "Form components for Wonder Blocks.",
   "main": "dist/index.js",
@@ -16,19 +16,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^2.4.1",
+    "@khanacademy/wonder-blocks-clickable": "^2.4.3",
     "@khanacademy/wonder-blocks-color": "^1.2.0",
-    "@khanacademy/wonder-blocks-core": "^4.5.0",
-    "@khanacademy/wonder-blocks-icon": "^1.2.32",
-    "@khanacademy/wonder-blocks-layout": "^1.4.12",
+    "@khanacademy/wonder-blocks-core": "^4.6.1",
+    "@khanacademy/wonder-blocks-icon": "^1.2.34",
+    "@khanacademy/wonder-blocks-layout": "^1.4.14",
     "@khanacademy/wonder-blocks-spacing": "^3.0.5",
-    "@khanacademy/wonder-blocks-typography": "^1.1.34"
+    "@khanacademy/wonder-blocks-typography": "^1.1.36"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
     "react": "16.14.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.4.0"
+    "wb-dev-build-settings": "^0.6.0"
   }
 }

package/src/components/labeled-text-field.js

@@ -163,15 +163,11 @@ type State = {|
     focused: boolean,
 |};
 
-// TODO(WB-1081): Change class name back to LabeledTextField after Styleguidist is gone.
 /**
  * A LabeledTextField is an element used to accept a single line of text
  * from the user paired with a label, description, and error field elements.
  */
-class LabeledTextFieldInternal extends React.Component<
-    PropsWithForwardRef,
-    State,
-> {
+class LabeledTextField extends React.Component<PropsWithForwardRef, State> {
     static defaultProps: DefaultProps = {
         type: "text",
         disabled: false,
@@ -288,7 +284,7 @@ class LabeledTextFieldInternal extends React.Component<
 }
 
 type ExportProps = $Diff<
-    React.ElementConfig<typeof LabeledTextFieldInternal>,
+    React.ElementConfig<typeof LabeledTextField>,
     WithForwardRef,
 >;
 
@@ -312,9 +308,7 @@ type ExportProps = $Diff<
  * />
  * ```
  */
-const LabeledTextField: React.AbstractComponent<ExportProps, HTMLInputElement> =
-    React.forwardRef<ExportProps, HTMLInputElement>((props, ref) => (
-        <LabeledTextFieldInternal {...props} forwardedRef={ref} />
-    ));
 
-export default LabeledTextField;
+export default (React.forwardRef<ExportProps, HTMLInputElement>(
+    (props, ref) => <LabeledTextField {...props} forwardedRef={ref} />,
+): React.AbstractComponent<ExportProps, HTMLInputElement>);

package/src/components/text-field.js

@@ -146,11 +146,10 @@ type State = {|
     focused: boolean,
 |};
 
-// TODO(WB-1081): Change class name back to TextField after Styleguidist is gone.
 /**
  * A TextField is an element used to accept a single line of text from the user.
  */
-class TextFieldInternal extends React.Component<PropsWithForwardRef, State> {
+class TextField extends React.Component<PropsWithForwardRef, State> {
     static defaultProps: DefaultProps = {
         type: "text",
         disabled: false,
@@ -343,10 +342,7 @@ const styles = StyleSheet.create({
     },
 });
 
-type ExportProps = $Diff<
-    React.ElementConfig<typeof TextFieldInternal>,
-    WithForwardRef,
->;
+type ExportProps = $Diff<React.ElementConfig<typeof TextField>, WithForwardRef>;
 
 /**
  * A TextField is an element used to accept a single line of text from the user.
@@ -365,9 +361,6 @@ type ExportProps = $Diff<
  * />
  * ```
  */
-const TextField: React.AbstractComponent<ExportProps, HTMLInputElement> =
-    React.forwardRef<ExportProps, HTMLInputElement>((props, ref) => (
-        <TextFieldInternal {...props} forwardedRef={ref} />
-    ));
-
-export default TextField;
+export default (React.forwardRef<ExportProps, HTMLInputElement>(
+    (props, ref) => <TextField {...props} forwardedRef={ref} />,
+): React.AbstractComponent<ExportProps, HTMLInputElement>);