@khanacademy/wonder-blocks-form - npm Package Compare versions

Comparing version 3.1.6 to 3.1.7

CHANGELOG.md

 # @khanacademy/wonder-blocks-form
 
+## 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
@@ -4,0 +18,0 @@

dist/es/index.js

@@ -644,3 +644,3 @@ import _extends from '@babel/runtime/helpers/extends';
 
-class TextFieldInternal extends React.Component {
+class TextField extends React.Component {
   constructor(props) {
@@ -766,3 +766,3 @@ super(props);
 
-TextFieldInternal.defaultProps = {
+TextField.defaultProps = {
   type: "text",
@@ -822,3 +822,3 @@ disabled: false,
 });
-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
@@ -917,3 +917,3 @@ })));
 
-class LabeledTextFieldInternal extends React.Component {
+class LabeledTextField extends React.Component {
   constructor(props) {
@@ -995,3 +995,3 @@ super(props);
       style: style,
-      field: React.createElement(TextField, {
+      field: React.createElement(TextField$1, {
         id: `${uniqueId}-field`,
@@ -1027,3 +1027,3 @@ "aria-describedby": ariaDescribedby ? ariaDescribedby : `${uniqueId}-error`,
 
-LabeledTextFieldInternal.defaultProps = {
+LabeledTextField.defaultProps = {
   type: "text",
@@ -1033,6 +1033,6 @@ disabled: 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.json

 {
   "name": "@khanacademy/wonder-blocks-form",
-  "version": "3.1.6",
+  "version": "3.1.7",
   "design": "v1",
@@ -19,9 +19,9 @@ "description": "Form components for Wonder Blocks.",
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^2.4.1",
+    "@khanacademy/wonder-blocks-clickable": "^2.4.2",
     "@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.0",
+    "@khanacademy/wonder-blocks-icon": "^1.2.33",
+    "@khanacademy/wonder-blocks-layout": "^1.4.13",
     "@khanacademy/wonder-blocks-spacing": "^3.0.5",
-    "@khanacademy/wonder-blocks-typography": "^1.1.34"
+    "@khanacademy/wonder-blocks-typography": "^1.1.35"
   },
@@ -33,4 +33,4 @@ "peerDependencies": {
   "devDependencies": {
-    "wb-dev-build-settings": "^0.4.0"
+    "wb-dev-build-settings": "^0.5.0"
   }
 }

src/components/labeled-text-field.js

@@ -166,3 +166,2 @@ // @flow
 
-// TODO(WB-1081): Change class name back to LabeledTextField after Styleguidist is gone.
 /**
@@ -172,6 +171,3 @@ * A LabeledTextField is an element used to accept a single line of text
  */
-class LabeledTextFieldInternal extends React.Component<
-    PropsWithForwardRef,
-    State,
-> {
+class LabeledTextField extends React.Component<PropsWithForwardRef, State> {
     static defaultProps: DefaultProps = {
@@ -293,3 +289,3 @@ type: "text",
 type ExportProps = $Diff<
-    React.ElementConfig<typeof LabeledTextFieldInternal>,
+    React.ElementConfig<typeof LabeledTextField>,
     WithForwardRef,
@@ -318,7 +314,5 @@ >;
  */
-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>);

src/components/text-field.js

@@ -149,7 +149,6 @@ // @flow
 
-// 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 = {
@@ -347,6 +346,3 @@ type: "text",
 
-type ExportProps = $Diff<
-    React.ElementConfig<typeof TextFieldInternal>,
-    WithForwardRef,
->;
+type ExportProps = $Diff<React.ElementConfig<typeof TextField>, WithForwardRef>;
 
@@ -370,7 +366,4 @@ /**
  */
-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>);

No alert changes

Worsened metrics

Total package byte prevSize

261842

decreased by-20.99%

Number of package files

35

decreased by-7.89%

Lines of code

6934

decreased by-18.32%

Dependency changes

• Updated@khanacademy/wonder-blocks-clickable@^2.4.2

• Updated@khanacademy/wonder-blocks-core@^4.6.0

• Updated@khanacademy/wonder-blocks-icon@^1.2.33

• Updated@khanacademy/wonder-blocks-layout@^1.4.13

• Updated@khanacademy/wonder-blocks-typography@^1.1.35