@codeleap/mobile 2.3.13 → 2.3.15
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.
|
@@ -56,7 +56,7 @@ var utils_1 = require("../../utils");
|
|
|
56
56
|
var Select_1 = require("../Select");
|
|
57
57
|
__exportStar(require("./styles"), exports);
|
|
58
58
|
var MultiSelect = function (selectProps) {
|
|
59
|
-
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, _b = selectProps.hideInput, hideInput = _b === void 0 ? false : _b, renderItem = selectProps.renderItem, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.selectedIcon, selectedIcon = _e === void 0 ? 'multiSelectMarker' : _e, _f = selectProps.inputProps, inputProps = _f === void 0 ? {} : _f, _g = selectProps.clearable, clearable = _g === void 0 ? false : _g, _h = selectProps.clearIconName, clearIconName = _h === void 0 ? 'close' : _h, _j = selectProps.
|
|
59
|
+
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, _b = selectProps.hideInput, hideInput = _b === void 0 ? false : _b, renderItem = selectProps.renderItem, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.selectedIcon, selectedIcon = _e === void 0 ? 'multiSelectMarker' : _e, _f = selectProps.inputProps, inputProps = _f === void 0 ? {} : _f, _g = selectProps.clearable, clearable = _g === void 0 ? false : _g, _h = selectProps.clearIconName, clearIconName = _h === void 0 ? 'close' : _h, _j = selectProps.limit, limit = _j === void 0 ? null : _j, _k = selectProps.validate, validate = _k === void 0 ? null : _k, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "hideInput", "renderItem", "listProps", "placeholder", "arrowIconName", "selectedIcon", "inputProps", "clearable", "clearIconName", "limit", "validate"]);
|
|
60
60
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MultiSelect', {
|
|
61
61
|
transform: react_native_1.StyleSheet.flatten,
|
|
62
62
|
rootElement: 'inputWrapper',
|
|
@@ -71,6 +71,9 @@ var MultiSelect = function (selectProps) {
|
|
|
71
71
|
newVal.splice(newVal.indexOf(itemValue), 1);
|
|
72
72
|
}
|
|
73
73
|
else {
|
|
74
|
+
if (common_1.TypeGuards.isNumber(limit) && newVal.length >= limit) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
74
77
|
newVal.push(itemValue);
|
|
75
78
|
}
|
|
76
79
|
onValueChange(newVal);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAGsC;AACtC,6CAAsC;AACtC,6CAAyC;AACzC,gCAA8B;AAC9B,0CAAwC;AAExC,qCAA0C;AAE1C,oCAAsC;AAEtC,2CAAwB;AACjB,IAAM,WAAW,GAAG,UAAmC,WAA+B;IAEzF,IAAA,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,7 @@ export declare type MultiSelectProps<T> = MultiSelectDrawerProps & {
|
|
|
27
27
|
inputProps?: Partial<TextInputProps>;
|
|
28
28
|
selectedIcon?: IconPlaceholder;
|
|
29
29
|
hideInput?: boolean;
|
|
30
|
+
limit?: number;
|
|
30
31
|
listProps?: Partial<FlatListProps>;
|
|
31
32
|
clearable?: boolean;
|
|
32
33
|
clearIconName?: IconPlaceholder;
|
package/package.json
CHANGED
|
@@ -30,6 +30,7 @@ export const MultiSelect = <T extends string|number = string>(selectProps:MultiS
|
|
|
30
30
|
inputProps = {},
|
|
31
31
|
clearable = false,
|
|
32
32
|
clearIconName = 'close',
|
|
33
|
+
limit = null,
|
|
33
34
|
validate = null,
|
|
34
35
|
...drawerProps
|
|
35
36
|
} = selectProps
|
|
@@ -54,6 +55,9 @@ export const MultiSelect = <T extends string|number = string>(selectProps:MultiS
|
|
|
54
55
|
if (newVal.includes(itemValue)) {
|
|
55
56
|
newVal.splice(newVal.indexOf(itemValue), 1)
|
|
56
57
|
} else {
|
|
58
|
+
if (TypeGuards.isNumber(limit) && newVal.length >= limit) {
|
|
59
|
+
return
|
|
60
|
+
}
|
|
57
61
|
newVal.push(itemValue)
|
|
58
62
|
}
|
|
59
63
|
onValueChange(newVal)
|
|
@@ -34,6 +34,7 @@ export type MultiSelectProps<T> = MultiSelectDrawerProps & {
|
|
|
34
34
|
inputProps?: Partial<TextInputProps>
|
|
35
35
|
selectedIcon?: IconPlaceholder
|
|
36
36
|
hideInput?: boolean
|
|
37
|
+
limit?: number
|
|
37
38
|
listProps?: Partial<FlatListProps>
|
|
38
39
|
clearable?: boolean
|
|
39
40
|
clearIconName?: IconPlaceholder
|