@coinbase/cds-mobile 8.48.0 → 8.48.1
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/CHANGELOG.md
CHANGED
|
@@ -102,6 +102,22 @@ const exampleOptionsWithNoLabelOrDescription = [{
|
|
|
102
102
|
}, {
|
|
103
103
|
value: '4'
|
|
104
104
|
}];
|
|
105
|
+
const exampleOptionsWithLongLabels = [{
|
|
106
|
+
value: null,
|
|
107
|
+
label: 'Remove selection'
|
|
108
|
+
}, {
|
|
109
|
+
value: '1',
|
|
110
|
+
label: 'Fraction fraction fraction fraction fraction'
|
|
111
|
+
}, {
|
|
112
|
+
value: '2',
|
|
113
|
+
label: 'Truncation truncation truncation truncation truncation'
|
|
114
|
+
}, {
|
|
115
|
+
value: '3',
|
|
116
|
+
label: 'A A A A A A A A A A A A A A A A'
|
|
117
|
+
}, {
|
|
118
|
+
value: '4',
|
|
119
|
+
label: 'Bee Bee Bee Bee Bee Bee Bee Bee Bee Bee'
|
|
120
|
+
}];
|
|
105
121
|
const exampleOptionsWithSomeDisabled = [{
|
|
106
122
|
value: null,
|
|
107
123
|
label: 'Remove selection'
|
|
@@ -938,6 +954,22 @@ const MultiSelectCustomSelectAllOptionExample = () => {
|
|
|
938
954
|
value: value
|
|
939
955
|
});
|
|
940
956
|
};
|
|
957
|
+
const MultiSelectLongLabelOptionsExample = () => {
|
|
958
|
+
const {
|
|
959
|
+
value,
|
|
960
|
+
onChange
|
|
961
|
+
} = useMultiSelect({
|
|
962
|
+
initialValue: ['1']
|
|
963
|
+
});
|
|
964
|
+
return /*#__PURE__*/_jsx(Select, {
|
|
965
|
+
label: "Multi select",
|
|
966
|
+
onChange: onChange,
|
|
967
|
+
options: exampleOptionsWithLongLabels,
|
|
968
|
+
placeholder: "Empty value",
|
|
969
|
+
type: "multi",
|
|
970
|
+
value: value
|
|
971
|
+
});
|
|
972
|
+
};
|
|
941
973
|
const MultiSelectDisabledExample = () => {
|
|
942
974
|
const {
|
|
943
975
|
value,
|
|
@@ -1447,6 +1479,9 @@ const SelectV3Screen = () => {
|
|
|
1447
1479
|
}), /*#__PURE__*/_jsx(Example, {
|
|
1448
1480
|
title: "Multi Select Custom Select All Option",
|
|
1449
1481
|
children: /*#__PURE__*/_jsx(MultiSelectCustomSelectAllOptionExample, {})
|
|
1482
|
+
}), /*#__PURE__*/_jsx(Example, {
|
|
1483
|
+
title: "Multi Select Long Label Options",
|
|
1484
|
+
children: /*#__PURE__*/_jsx(MultiSelectLongLabelOptionsExample, {})
|
|
1450
1485
|
}), /*#__PURE__*/_jsx(Example, {
|
|
1451
1486
|
title: "Multi Select Disabled",
|
|
1452
1487
|
children: /*#__PURE__*/_jsx(MultiSelectDisabledExample, {})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-mobile",
|
|
3
|
-
"version": "8.48.
|
|
3
|
+
"version": "8.48.1",
|
|
4
4
|
"description": "Coinbase Design System - Mobile",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
"react-native-svg": "^14.1.0"
|
|
199
199
|
},
|
|
200
200
|
"dependencies": {
|
|
201
|
-
"@coinbase/cds-common": "^8.48.
|
|
201
|
+
"@coinbase/cds-common": "^8.48.1",
|
|
202
202
|
"@coinbase/cds-icons": "^5.11.0",
|
|
203
203
|
"@coinbase/cds-illustrations": "^4.31.0",
|
|
204
204
|
"@coinbase/cds-lottie-files": "^3.3.4",
|