@khanacademy/wonder-blocks-form 3.1.0 → 3.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/es/index.js +4 -4
  3. package/dist/index.js +4 -4
  4. package/package.json +2 -2
  5. package/src/components/checkbox-group.js +10 -18
  6. package/src/components/radio-group.js +10 -17
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @khanacademy/wonder-blocks-form
2
2
 
3
+ ## 3.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [5b8ba5da]
8
+ - @khanacademy/wonder-blocks-clickable@2.3.2
9
+
10
+ ## 3.1.1
11
+
12
+ ### Patch Changes
13
+
14
+ - c13dc28e: Don't wrap Choices in a Fragment to so that each child has a 'key' prop
15
+
3
16
  ## 3.1.0
4
17
 
5
18
  ### Minor Changes
package/dist/es/index.js CHANGED
@@ -570,7 +570,7 @@ class CheckboxGroup extends React.Component {
570
570
  value
571
571
  } = child.props;
572
572
  const checked = selectedValues.includes(value);
573
- return React.createElement(React.Fragment, null, React.cloneElement(child, {
573
+ return React.cloneElement(child, {
574
574
  checked: checked,
575
575
  error: !!errorMessage,
576
576
  groupName: groupName,
@@ -579,7 +579,7 @@ class CheckboxGroup extends React.Component {
579
579
  onChange: () => this.handleChange(value, checked),
580
580
  style: [index > 0 && styles$2.defaultLineGap, style],
581
581
  variant: "checkbox"
582
- }));
582
+ });
583
583
  })));
584
584
  }
585
585
 
@@ -623,7 +623,7 @@ class RadioGroup extends React.Component {
623
623
  value
624
624
  } = child.props;
625
625
  const checked = selectedValue === value;
626
- return React.createElement(React.Fragment, null, React.cloneElement(child, {
626
+ return React.cloneElement(child, {
627
627
  checked: checked,
628
628
  error: !!errorMessage,
629
629
  groupName: groupName,
@@ -632,7 +632,7 @@ class RadioGroup extends React.Component {
632
632
  onChange: () => this.handleChange(value),
633
633
  style: [index > 0 && styles$2.defaultLineGap, style],
634
634
  variant: "radio"
635
- }));
635
+ });
636
636
  })));
637
637
  }
638
638
 
package/dist/index.js CHANGED
@@ -868,7 +868,7 @@ class CheckboxGroup extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
868
868
  value
869
869
  } = child.props;
870
870
  const checked = selectedValues.includes(value);
871
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](child, {
871
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](child, {
872
872
  checked: checked,
873
873
  error: !!errorMessage,
874
874
  groupName: groupName,
@@ -877,7 +877,7 @@ class CheckboxGroup extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
877
877
  onChange: () => this.handleChange(value, checked),
878
878
  style: [index > 0 && _group_styles_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"].defaultLineGap, style],
879
879
  variant: "checkbox"
880
- }));
880
+ });
881
881
  })));
882
882
  }
883
883
 
@@ -980,7 +980,7 @@ class RadioGroup extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
980
980
  value
981
981
  } = child.props;
982
982
  const checked = selectedValue === value;
983
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](child, {
983
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](child, {
984
984
  checked: checked,
985
985
  error: !!errorMessage,
986
986
  groupName: groupName,
@@ -989,7 +989,7 @@ class RadioGroup extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
989
989
  onChange: () => this.handleChange(value),
990
990
  style: [index > 0 && _group_styles_js__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"].defaultLineGap, style],
991
991
  variant: "radio"
992
- }));
992
+ });
993
993
  })));
994
994
  }
995
995
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-form",
3
- "version": "3.1.0",
3
+ "version": "3.1.2",
4
4
  "design": "v1",
5
5
  "description": "Form components for Wonder Blocks.",
6
6
  "main": "dist/index.js",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.18.6",
19
- "@khanacademy/wonder-blocks-clickable": "^2.3.1",
19
+ "@khanacademy/wonder-blocks-clickable": "^2.3.2",
20
20
  "@khanacademy/wonder-blocks-color": "^1.2.0",
21
21
  "@khanacademy/wonder-blocks-core": "^4.4.0",
22
22
  "@khanacademy/wonder-blocks-icon": "^1.2.31",
package/src/components/checkbox-group.js CHANGED
@@ -156,24 +156,16 @@ export default class CheckboxGroup extends React.Component<CheckboxGroupProps> {
156
156
  {allChildren.map((child, index) => {
157
157
  const {style, value} = child.props;
158
158
  const checked = selectedValues.includes(value);
159
- return (
160
- <React.Fragment>
161
- {React.cloneElement(child, {
162
- checked: checked,
163
- error: !!errorMessage,
164
- groupName: groupName,
165
- id: `${groupName}-${value}`,
166
- key: value,
167
- onChange: () =>
168
- this.handleChange(value, checked),
169
- style: [
170
- index > 0 && styles.defaultLineGap,
171
- style,
172
- ],
173
- variant: "checkbox",
174
- })}
175
- </React.Fragment>
176
- );
159
+ return React.cloneElement(child, {
160
+ checked: checked,
161
+ error: !!errorMessage,
162
+ groupName: groupName,
163
+ id: `${groupName}-${value}`,
164
+ key: value,
165
+ onChange: () => this.handleChange(value, checked),
166
+ style: [index > 0 && styles.defaultLineGap, style],
167
+ variant: "checkbox",
168
+ });
177
169
  })}
178
170
  </View>
179
171
  </StyledFieldset>
package/src/components/radio-group.js CHANGED
@@ -146,23 +146,16 @@ export default class RadioGroup extends React.Component<RadioGroupProps> {
146
146
  {allChildren.map((child, index) => {
147
147
  const {style, value} = child.props;
148
148
  const checked = selectedValue === value;
149
- return (
150
- <React.Fragment>
151
- {React.cloneElement(child, {
152
- checked: checked,
153
- error: !!errorMessage,
154
- groupName: groupName,
155
- id: `${groupName}-${value}`,
156
- key: value,
157
- onChange: () => this.handleChange(value),
158
- style: [
159
- index > 0 && styles.defaultLineGap,
160
- style,
161
- ],
162
- variant: "radio",
163
- })}
164
- </React.Fragment>
165
- );
149
+ return React.cloneElement(child, {
150
+ checked: checked,
151
+ error: !!errorMessage,
152
+ groupName: groupName,
153
+ id: `${groupName}-${value}`,
154
+ key: value,
155
+ onChange: () => this.handleChange(value),
156
+ style: [index > 0 && styles.defaultLineGap, style],
157
+ variant: "radio",
158
+ });
166
159
  })}
167
160
  </View>
168
161
  </StyledFieldset>