@pingux/astro 2.113.0 → 2.113.1-alpha.0
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.
- package/lib/cjs/components/MultivaluesField/CondensedMultivaluesField.js +3 -3
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +16 -8
- package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +10 -5
- package/lib/components/MultivaluesField/CondensedMultivaluesField.js +3 -3
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +16 -8
- package/lib/components/MultivaluesField/MultivaluesField.test.js +10 -5
- package/package.json +1 -1
@@ -263,8 +263,8 @@ var CondensedMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (pr
|
|
263
263
|
var allItemNames = (0, _flatMap["default"])(arrayItems).call(arrayItems, function (obj) {
|
264
264
|
var _context2;
|
265
265
|
return obj.children ? (0, _map["default"])(_context2 = obj.children).call(_context2, function (child) {
|
266
|
-
return child.
|
267
|
-
}) : obj.
|
266
|
+
return child.key;
|
267
|
+
}) : obj.key;
|
268
268
|
});
|
269
269
|
selectionManager.setSelectedKeys(allItemNames);
|
270
270
|
setSelectionState('Deselect All');
|
@@ -298,7 +298,7 @@ var CondensedMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (pr
|
|
298
298
|
id: "selectedKeysState"
|
299
299
|
}, "Selected options:", (0, _from["default"])(selectionManager.selectedKeys).join(' '));
|
300
300
|
|
301
|
-
// the reason we are using two different visually hiddens, rather than one that updates
|
301
|
+
// the reason we are using two different visually hiddens, rather than one that updates its value
|
302
302
|
// is because there are tests that break if an empty visually hidden is rendered in the TextField
|
303
303
|
var EmptyVisuallyHidden = function EmptyVisuallyHidden() {
|
304
304
|
return (0, _react2.jsx)(_visuallyHidden.VisuallyHidden, {
|
@@ -268,25 +268,33 @@ var withSection = [{
|
|
268
268
|
name: 'Animals',
|
269
269
|
key: 'Animals',
|
270
270
|
children: [{
|
271
|
-
name: 'Option A1'
|
271
|
+
name: 'Option A1',
|
272
|
+
key: 'Option A1'
|
272
273
|
}, {
|
273
|
-
name: 'Option A2'
|
274
|
+
name: 'Option A2',
|
275
|
+
key: 'Option A2'
|
274
276
|
}, {
|
275
|
-
name: 'Option A3'
|
277
|
+
name: 'Option A3',
|
278
|
+
key: 'Option A3'
|
276
279
|
}, {
|
277
|
-
name: 'Option A4'
|
280
|
+
name: 'Option A4',
|
281
|
+
key: 'Option A4'
|
278
282
|
}, {
|
279
|
-
name: 'Option A5'
|
283
|
+
name: 'Option A5',
|
284
|
+
key: 'Option A5'
|
280
285
|
}]
|
281
286
|
}, {
|
282
287
|
name: 'People',
|
283
288
|
key: 'People',
|
284
289
|
children: [{
|
285
|
-
name: 'Option B1'
|
290
|
+
name: 'Option B1',
|
291
|
+
key: 'Option B1'
|
286
292
|
}, {
|
287
|
-
name: 'Option B2'
|
293
|
+
name: 'Option B2',
|
294
|
+
key: 'Option B2'
|
288
295
|
}, {
|
289
|
-
name: 'Option B3'
|
296
|
+
name: 'Option B3',
|
297
|
+
key: 'Option B3'
|
290
298
|
}]
|
291
299
|
}];
|
292
300
|
var itemsWithSlots = [{
|
@@ -48,19 +48,24 @@ var withSection = [{
|
|
48
48
|
name: 'Animals',
|
49
49
|
key: 'Animals',
|
50
50
|
children: [{
|
51
|
-
name: 'Option A1'
|
51
|
+
name: 'Option A1',
|
52
|
+
key: 'Option A1'
|
52
53
|
}, {
|
53
|
-
name: 'Option A2'
|
54
|
+
name: 'Option A2',
|
55
|
+
key: 'Option A2'
|
54
56
|
}]
|
55
57
|
}, {
|
56
58
|
name: 'People',
|
57
59
|
key: 'People',
|
58
60
|
children: [{
|
59
|
-
name: 'Option B1'
|
61
|
+
name: 'Option B1',
|
62
|
+
key: 'Option B1'
|
60
63
|
}, {
|
61
|
-
name: 'Option B2'
|
64
|
+
name: 'Option B2',
|
65
|
+
key: 'Option B2'
|
62
66
|
}, {
|
63
|
-
name: 'Option B3'
|
67
|
+
name: 'Option B3',
|
68
|
+
key: 'Option B3'
|
64
69
|
}]
|
65
70
|
}];
|
66
71
|
var defaultProps = {
|
@@ -251,8 +251,8 @@ var CondensedMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
251
251
|
var allItemNames = _flatMapInstanceProperty(arrayItems).call(arrayItems, function (obj) {
|
252
252
|
var _context2;
|
253
253
|
return obj.children ? _mapInstanceProperty(_context2 = obj.children).call(_context2, function (child) {
|
254
|
-
return child.
|
255
|
-
}) : obj.
|
254
|
+
return child.key;
|
255
|
+
}) : obj.key;
|
256
256
|
});
|
257
257
|
selectionManager.setSelectedKeys(allItemNames);
|
258
258
|
setSelectionState('Deselect All');
|
@@ -286,7 +286,7 @@ var CondensedMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
286
286
|
id: "selectedKeysState"
|
287
287
|
}, "Selected options:", _Array$from(selectionManager.selectedKeys).join(' '));
|
288
288
|
|
289
|
-
// the reason we are using two different visually hiddens, rather than one that updates
|
289
|
+
// the reason we are using two different visually hiddens, rather than one that updates its value
|
290
290
|
// is because there are tests that break if an empty visually hidden is rendered in the TextField
|
291
291
|
var EmptyVisuallyHidden = function EmptyVisuallyHidden() {
|
292
292
|
return ___EmotionJSX(VisuallyHidden, {
|
@@ -256,25 +256,33 @@ var withSection = [{
|
|
256
256
|
name: 'Animals',
|
257
257
|
key: 'Animals',
|
258
258
|
children: [{
|
259
|
-
name: 'Option A1'
|
259
|
+
name: 'Option A1',
|
260
|
+
key: 'Option A1'
|
260
261
|
}, {
|
261
|
-
name: 'Option A2'
|
262
|
+
name: 'Option A2',
|
263
|
+
key: 'Option A2'
|
262
264
|
}, {
|
263
|
-
name: 'Option A3'
|
265
|
+
name: 'Option A3',
|
266
|
+
key: 'Option A3'
|
264
267
|
}, {
|
265
|
-
name: 'Option A4'
|
268
|
+
name: 'Option A4',
|
269
|
+
key: 'Option A4'
|
266
270
|
}, {
|
267
|
-
name: 'Option A5'
|
271
|
+
name: 'Option A5',
|
272
|
+
key: 'Option A5'
|
268
273
|
}]
|
269
274
|
}, {
|
270
275
|
name: 'People',
|
271
276
|
key: 'People',
|
272
277
|
children: [{
|
273
|
-
name: 'Option B1'
|
278
|
+
name: 'Option B1',
|
279
|
+
key: 'Option B1'
|
274
280
|
}, {
|
275
|
-
name: 'Option B2'
|
281
|
+
name: 'Option B2',
|
282
|
+
key: 'Option B2'
|
276
283
|
}, {
|
277
|
-
name: 'Option B3'
|
284
|
+
name: 'Option B3',
|
285
|
+
key: 'Option B3'
|
278
286
|
}]
|
279
287
|
}];
|
280
288
|
var itemsWithSlots = [{
|
@@ -40,19 +40,24 @@ var withSection = [{
|
|
40
40
|
name: 'Animals',
|
41
41
|
key: 'Animals',
|
42
42
|
children: [{
|
43
|
-
name: 'Option A1'
|
43
|
+
name: 'Option A1',
|
44
|
+
key: 'Option A1'
|
44
45
|
}, {
|
45
|
-
name: 'Option A2'
|
46
|
+
name: 'Option A2',
|
47
|
+
key: 'Option A2'
|
46
48
|
}]
|
47
49
|
}, {
|
48
50
|
name: 'People',
|
49
51
|
key: 'People',
|
50
52
|
children: [{
|
51
|
-
name: 'Option B1'
|
53
|
+
name: 'Option B1',
|
54
|
+
key: 'Option B1'
|
52
55
|
}, {
|
53
|
-
name: 'Option B2'
|
56
|
+
name: 'Option B2',
|
57
|
+
key: 'Option B2'
|
54
58
|
}, {
|
55
|
-
name: 'Option B3'
|
59
|
+
name: 'Option B3',
|
60
|
+
key: 'Option B3'
|
56
61
|
}]
|
57
62
|
}];
|
58
63
|
var defaultProps = {
|