@codeleap/mobile 2.3.19 → 2.3.21
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/dist/components/AutoComplete/index.d.ts +1 -0
- package/dist/components/AutoComplete/index.js +2 -1
- package/dist/components/AutoComplete/index.js.map +1 -1
- package/dist/components/AutoComplete/styles.js +67 -3
- package/dist/components/AutoComplete/styles.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/EmptyPlaceholder/index.d.ts +5 -2
- package/dist/components/EmptyPlaceholder/index.js +19 -5
- package/dist/components/EmptyPlaceholder/index.js.map +1 -1
- package/dist/components/EmptyPlaceholder/styles.d.ts +1 -1
- package/dist/components/EmptyPlaceholder/styles.js +5 -7
- package/dist/components/EmptyPlaceholder/styles.js.map +1 -1
- package/dist/components/Grid/styles.d.ts +49 -0
- package/dist/components/Image/index.d.ts +1 -0
- package/dist/components/Image/index.js +21 -3
- package/dist/components/Image/index.js.map +1 -1
- package/dist/components/List/styles.d.ts +49 -0
- package/dist/components/List/styles.js +5 -4
- package/dist/components/List/styles.js.map +1 -1
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/Modal/index.js +11 -9
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +2 -2
- package/dist/components/Modal/styles.js +18 -19
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/MultiSelect/index.js +7 -5
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/MultiSelect/styles.d.ts +0 -51
- package/dist/components/MultiSelect/styles.js +67 -5
- package/dist/components/MultiSelect/styles.js.map +1 -1
- package/dist/components/MultiSelect/types.d.ts +8 -1
- package/dist/components/Scroll/styles.d.ts +49 -0
- package/dist/components/Scroll/styles.js +3 -4
- package/dist/components/Scroll/styles.js.map +1 -1
- package/dist/components/SegmentedControl/index.js +5 -4
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/SegmentedControl/styles.d.ts +1 -1
- package/dist/components/SegmentedControl/styles.js +9 -9
- package/dist/components/SegmentedControl/styles.js.map +1 -1
- package/dist/components/Select/index.d.ts +4 -1
- package/dist/components/Select/index.js +16 -21
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +54 -53
- package/dist/components/Select/styles.js +61 -10
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +8 -1
- package/dist/components/TextInput/index.js +4 -1
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/Touchable/index.js +5 -1
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/View/index.js +19 -13
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/defaultStyles.d.ts +147 -51
- package/dist/utils/KeyboardAware/context.js +1 -6
- package/dist/utils/KeyboardAware/context.js.map +1 -1
- package/dist/utils/PermissionManager/context.js +3 -2
- package/dist/utils/PermissionManager/context.js.map +1 -1
- package/dist/utils/hooks.d.ts +2 -0
- package/dist/utils/hooks.js +44 -1
- package/dist/utils/hooks.js.map +1 -1
- package/dist/utils/theme.js +3 -3
- package/dist/utils/theme.js.map +1 -1
- package/package.json +3 -2
- package/src/components/AutoComplete/index.tsx +5 -1
- package/src/components/AutoComplete/styles.ts +112 -6
- package/src/components/EmptyPlaceholder/index.tsx +32 -8
- package/src/components/EmptyPlaceholder/styles.ts +18 -15
- package/src/components/Image/index.tsx +33 -3
- package/src/components/List/styles.ts +7 -1
- package/src/components/Modal/index.tsx +12 -7
- package/src/components/Modal/styles.ts +36 -46
- package/src/components/MultiSelect/index.tsx +10 -4
- package/src/components/MultiSelect/styles.ts +117 -4
- package/src/components/MultiSelect/types.ts +8 -0
- package/src/components/Scroll/styles.ts +4 -1
- package/src/components/SegmentedControl/index.tsx +5 -4
- package/src/components/SegmentedControl/styles.ts +13 -10
- package/src/components/Select/index.tsx +50 -27
- package/src/components/Select/styles.ts +103 -25
- package/src/components/Select/types.ts +11 -1
- package/src/components/TextInput/index.tsx +3 -1
- package/src/components/Touchable/index.tsx +5 -3
- package/src/components/View/index.tsx +25 -13
- package/src/utils/KeyboardAware/context.tsx +2 -7
- package/src/utils/PermissionManager/context.tsx +1 -1
- package/src/utils/hooks.ts +50 -0
- package/src/utils/theme.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,gCAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ActionIconComposition } from '../ActionIcon';
|
|
2
2
|
export declare type AnimatableParts = 'box' | 'backdrop';
|
|
3
|
-
export declare type ModalParts = AnimatableParts | 'wrapper' | 'innerWrapper' | 'scrollContent' | 'scroll' | 'body' | 'footer' | 'header' | 'backdropTouchable' | 'title' | `closeButton${Capitalize<
|
|
3
|
+
export declare type ModalParts = AnimatableParts | 'wrapper' | 'innerWrapper' | 'scrollContent' | 'scroll' | 'body' | 'footer' | 'header' | 'backdropTouchable' | 'title' | `closeButton${Capitalize<ActionIconComposition>}`;
|
|
4
4
|
export declare type ModalComposition = ModalParts | `${AnimatableParts}:visible` | `${AnimatableParts}:hidden` | `${AnimatableParts}:transition`;
|
|
5
5
|
export declare const ModalStyles: {
|
|
6
6
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
@@ -16,9 +16,8 @@ var common_1 = require("@codeleap/common");
|
|
|
16
16
|
var createModalStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
17
|
var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
|
|
18
18
|
exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyle(function (theme) {
|
|
19
|
-
var fullSize = __assign(__assign({}, theme.presets.whole), { position: 'absolute', width: theme.values.width, height: theme.values.height, maxHeight: theme.values.height });
|
|
20
19
|
return {
|
|
21
|
-
wrapper: __assign(__assign(__assign(
|
|
20
|
+
wrapper: __assign(__assign(__assign({}, theme.presets.absolute), theme.presets.fullHeight), theme.presets.fullWidth),
|
|
22
21
|
'box:transition': {
|
|
23
22
|
scale: {
|
|
24
23
|
duration: theme.values.transitions.modal.duration,
|
|
@@ -35,22 +34,21 @@ exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyl
|
|
|
35
34
|
type: 'timing',
|
|
36
35
|
},
|
|
37
36
|
},
|
|
38
|
-
backdrop: __assign({ backgroundColor: theme.colors.black }
|
|
39
|
-
backdropTouchable: __assign({},
|
|
37
|
+
backdrop: __assign(__assign(__assign({}, theme.presets.absolute), theme.presets.whole), { backgroundColor: theme.colors.black }),
|
|
38
|
+
backdropTouchable: __assign(__assign({}, theme.presets.absolute), theme.presets.whole),
|
|
40
39
|
'backdrop:visible': {
|
|
41
40
|
opacity: 0.5,
|
|
42
41
|
},
|
|
43
42
|
'backdrop:hidden': {
|
|
44
43
|
opacity: 0,
|
|
45
44
|
},
|
|
46
|
-
innerWrapper:
|
|
45
|
+
innerWrapper: {},
|
|
47
46
|
scroll: {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
maxHeight: theme.values.window.height,
|
|
47
|
+
flex: 1,
|
|
48
|
+
// maxHeight: theme.values.height,
|
|
51
49
|
},
|
|
52
|
-
scrollContent: __assign(__assign(__assign(__assign(__assign({}, theme.presets.alignCenter), theme.presets.justifyCenter), theme.
|
|
53
|
-
box: __assign({
|
|
50
|
+
scrollContent: __assign(__assign(__assign(__assign(__assign({}, theme.presets.alignCenter), theme.presets.justifyCenter), { flexGrow: 1 }), theme.presets.safeAreaTop(theme.values.innerSpacing.Y)), theme.presets.safeAreaBottom(theme.values.innerSpacing.Y)),
|
|
51
|
+
box: __assign(__assign({ backgroundColor: theme.colors.background, width: theme.values.width - theme.spacing.value(theme.values.innerSpacing.X * 2), borderRadius: theme.borderRadius.modalOuter }, theme.spacing.paddingHorizontal(theme.values.innerSpacing.X)), theme.spacing.paddingVertical(theme.values.innerSpacing.Y)),
|
|
54
52
|
'box:hidden': {
|
|
55
53
|
opacity: 0,
|
|
56
54
|
scale: 0.8,
|
|
@@ -59,17 +57,18 @@ exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyl
|
|
|
59
57
|
opacity: 1,
|
|
60
58
|
scale: 1,
|
|
61
59
|
},
|
|
62
|
-
header: __assign(__assign({ flexDirection: 'row' }, theme.presets.justifySpaceBetween), theme.presets.alignCenter),
|
|
63
|
-
|
|
64
|
-
|
|
60
|
+
header: __assign(__assign(__assign(__assign({ flexDirection: 'row' }, theme.presets.justifySpaceBetween), theme.presets.alignCenter), theme.presets.alignSelfStretch), theme.spacing.marginBottom(1)),
|
|
61
|
+
closeButtonTouchableWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
|
|
62
|
+
closeButtonIcon: {
|
|
63
|
+
color: theme.colors.text,
|
|
64
|
+
},
|
|
65
|
+
title: __assign({}, (0, common_1.assignTextStyle)('h3')(theme).text),
|
|
65
66
|
};
|
|
66
67
|
}), popup: createModalStyle(function () { return ({}); }), fullscreen: createModalStyle(function (theme) { return ({
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
'overlay:visible': {
|
|
71
|
-
opacity: 1,
|
|
68
|
+
scrollContent: {
|
|
69
|
+
paddingTop: 0,
|
|
70
|
+
paddingBottom: 0,
|
|
72
71
|
},
|
|
73
|
-
box: __assign({
|
|
72
|
+
box: __assign(__assign(__assign({ width: '100%', flexGrow: 1, borderRadius: 0 }, theme.presets.center), theme.presets.safeAreaTop(theme.values.innerSpacing.Y)), theme.presets.safeAreaBottom(theme.values.innerSpacing.Y)),
|
|
74
73
|
}); }) });
|
|
75
74
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAIyB;AAwBzB,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAjB,CAAiB,CAAC,EAAzC,CAAyC,CAAC,CAAA;AAEvE,QAAA,WAAW,yBACnB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,OAAO;YACL,OAAO,iCACF,KAAK,CAAC,OAAO,CAAC,QAAQ,GAEtB,KAAK,CAAC,OAAO,CAAC,UAAU,GACxB,KAAK,CAAC,OAAO,CAAC,SAAS,CAC3B;YACD,gBAAgB,EAAE;gBAChB,KAAK,EAAE;oBACL,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ;oBACjD,IAAI,EAAE,QAAQ;iBACf;gBACD,OAAO,EAAE;oBACP,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ;oBACjD,IAAI,EAAE,QAAQ;iBACf;aACF;YACD,qBAAqB,EAAE;gBACrB,OAAO,EAAE;oBACP,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ;oBACjD,IAAI,EAAE,QAAQ;iBACf;aACF;YACD,QAAQ,iCACH,KAAK,CAAC,OAAO,CAAC,QAAQ,GACtB,KAAK,CAAC,OAAO,CAAC,KAAK,KAEtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAEpC;YACD,iBAAiB,wBAEZ,KAAK,CAAC,OAAO,CAAC,QAAQ,GACtB,KAAK,CAAC,OAAO,CAAC,KAAK,CAEvB;YACD,kBAAkB,EAAE;gBAClB,OAAO,EAAE,GAAG;aACb;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,CAAC;aACX;YACD,YAAY,EAAE,EAEb;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,CAAC;gBACP,kCAAkC;aACnC;YACD,aAAa,mDACR,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,aAAa,KAC9B,QAAQ,EAAE,CAAC,KACR,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,GACtD,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAC7D;YACD,GAAG,sBACD,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EACxC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,EAChF,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,IACxC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,GAC5D,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAC9D;YAED,YAAY,EAAE;gBACZ,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,GAAG;aAEX;YACD,aAAa,EAAE;gBACb,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,CAAC;aACT;YACD,MAAM,wCACJ,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,mBAAmB,GACjC,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,gBAAgB,GAC9B,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACjC;YACD,2BAA2B,aACzB,SAAS,EAAE,QAAQ,IAChB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CACpC;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YACD,KAAK,eACA,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;SACF,CAAA;IACH,CAAC,CAAC,EACF,KAAK,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,EACnC,UAAU,EAAE,gBAAgB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,aAAa,EAAE;YACb,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,CAAC;SACjB;QACD,GAAG,+BACD,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,EACX,YAAY,EAAE,CAAC,IACZ,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,GACtD,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAC7D;KACF,CAAC,EAbsC,CAatC,CAAC,IACJ"}
|
|
@@ -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.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"]);
|
|
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, _l = selectProps.itemProps, itemProps = _l === void 0 ? {} : _l, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "hideInput", "renderItem", "listProps", "placeholder", "arrowIconName", "selectedIcon", "inputProps", "clearable", "clearIconName", "limit", "validate", "itemProps"]);
|
|
60
60
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MultiSelect', {
|
|
61
61
|
transform: react_native_1.StyleSheet.flatten,
|
|
62
62
|
rootElement: 'inputWrapper',
|
|
@@ -87,7 +87,7 @@ var MultiSelect = function (selectProps) {
|
|
|
87
87
|
var Item = renderItem || Select_1.SelectItem;
|
|
88
88
|
var renderListItem = function (_a) {
|
|
89
89
|
var item = _a.item;
|
|
90
|
-
return <Item isSelected={value.includes(item.value)} item={item} onPress={function () { return select(item.value); }} styles={variantStyles} icon={selectedIcon}/>;
|
|
90
|
+
return <Item isSelected={value.includes(item.value)} item={item} onPress={function () { return select(item.value); }} styles={variantStyles} icon={selectedIcon} {...itemProps}/>;
|
|
91
91
|
};
|
|
92
92
|
var isEmpty = value.length === 0;
|
|
93
93
|
var showClearIcon = !isEmpty && clearable;
|
|
@@ -109,9 +109,11 @@ var MultiSelect = function (selectProps) {
|
|
|
109
109
|
onPress: close,
|
|
110
110
|
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} validate={validate} {...inputProps}/>)}
|
|
111
111
|
|
|
112
|
-
<utils_1.ModalManager.
|
|
113
|
-
<List_1.List data={options}
|
|
114
|
-
|
|
112
|
+
<utils_1.ModalManager.Modal title={label} {...drawerProps} styles={variantStyles} id={null}>
|
|
113
|
+
<List_1.List data={options} styles={(0, common_1.getNestedStylesByKey)('list', variantStyles)} keyExtractor={function (i) { return i.value; }} separators keyboardAware={{
|
|
114
|
+
enabled: false,
|
|
115
|
+
}} renderItem={renderListItem} {...listProps}/>
|
|
116
|
+
</utils_1.ModalManager.Modal>
|
|
115
117
|
|
|
116
118
|
</>;
|
|
117
119
|
};
|
|
@@ -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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"}
|
|
@@ -3,56 +3,5 @@ declare type ItemStates = '' | ':selected';
|
|
|
3
3
|
export declare type MultiSelectComposition = SelectComposition | `itemIcon${ItemStates}`;
|
|
4
4
|
export declare const MultiSelectStyles: {
|
|
5
5
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MultiSelectComposition, any>>;
|
|
6
|
-
popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
7
|
-
fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
8
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
9
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
10
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
11
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
12
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
13
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
14
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
15
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
16
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
17
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
18
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
19
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
20
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
21
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
22
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
23
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
24
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
25
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
26
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
27
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
28
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
29
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
30
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
31
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
32
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
33
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
34
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
35
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
36
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
37
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
38
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
39
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
40
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
41
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
42
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
43
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
44
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
45
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
46
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
47
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
48
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
49
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
50
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
51
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
52
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
53
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
54
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
55
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
56
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
57
6
|
};
|
|
58
7
|
export {};
|
|
@@ -13,10 +13,72 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.MultiSelectStyles = void 0;
|
|
15
15
|
var common_1 = require("@codeleap/common");
|
|
16
|
-
var Select_1 = require("../Select");
|
|
17
16
|
var createMultiSelectStyle = (0, common_1.createDefaultVariantFactory)();
|
|
18
|
-
exports.MultiSelectStyles =
|
|
19
|
-
|
|
20
|
-
return
|
|
21
|
-
|
|
17
|
+
exports.MultiSelectStyles = {
|
|
18
|
+
default: createMultiSelectStyle(function (theme) {
|
|
19
|
+
return {
|
|
20
|
+
wrapper: __assign(__assign(__assign({}, theme.presets.absolute), theme.presets.fullHeight), theme.presets.fullWidth),
|
|
21
|
+
'box:transition': {
|
|
22
|
+
scale: {
|
|
23
|
+
duration: theme.values.transitions.modal.duration,
|
|
24
|
+
type: 'timing',
|
|
25
|
+
},
|
|
26
|
+
opacity: {
|
|
27
|
+
duration: theme.values.transitions.modal.duration,
|
|
28
|
+
type: 'timing',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
'backdrop:transition': {
|
|
32
|
+
opacity: {
|
|
33
|
+
duration: theme.values.transitions.modal.duration,
|
|
34
|
+
type: 'timing',
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
backdrop: __assign(__assign(__assign({}, theme.presets.absolute), theme.presets.whole), { backgroundColor: theme.colors.black }),
|
|
38
|
+
backdropTouchable: __assign(__assign({}, theme.presets.absolute), theme.presets.whole),
|
|
39
|
+
'backdrop:visible': {
|
|
40
|
+
opacity: 0.5,
|
|
41
|
+
},
|
|
42
|
+
'backdrop:hidden': {
|
|
43
|
+
opacity: 0,
|
|
44
|
+
},
|
|
45
|
+
innerWrapper: {},
|
|
46
|
+
scroll: {
|
|
47
|
+
flex: 1,
|
|
48
|
+
// maxHeight: theme.values.height,
|
|
49
|
+
},
|
|
50
|
+
scrollContent: __assign(__assign(__assign(__assign(__assign({}, theme.presets.alignCenter), theme.presets.justifyCenter), { minHeight: '100%' }), theme.presets.safeAreaTop(theme.values.innerSpacing.Y)), theme.presets.safeAreaBottom(theme.values.innerSpacing.Y)),
|
|
51
|
+
box: __assign(__assign({ backgroundColor: theme.colors.background, width: theme.values.width - theme.spacing.value(theme.values.innerSpacing.X * 2), borderRadius: theme.borderRadius.modalOuter }, theme.spacing.paddingHorizontal(theme.values.innerSpacing.X)), theme.spacing.paddingVertical(theme.values.innerSpacing.Y)),
|
|
52
|
+
'box:hidden': {
|
|
53
|
+
opacity: 0,
|
|
54
|
+
scale: 0.8,
|
|
55
|
+
},
|
|
56
|
+
'box:visible': {
|
|
57
|
+
opacity: 1,
|
|
58
|
+
scale: 1,
|
|
59
|
+
},
|
|
60
|
+
header: __assign(__assign({ flexDirection: 'row' }, theme.presets.justifySpaceBetween), theme.presets.alignCenter),
|
|
61
|
+
closeButtonTouchableWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
|
|
62
|
+
closeButtonIcon: {
|
|
63
|
+
color: theme.colors.text,
|
|
64
|
+
},
|
|
65
|
+
title: __assign({}, (0, common_1.assignTextStyle)('h3')(theme).text),
|
|
66
|
+
listWrapper: {
|
|
67
|
+
height: 'auto',
|
|
68
|
+
},
|
|
69
|
+
itemWrapper: __assign(__assign(__assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter), { borderRadius: theme.borderRadius.medium }), theme.spacing.padding(1)), { backgroundColor: theme.colors.backgroundSecondary }),
|
|
70
|
+
'itemWrapper:selected': {
|
|
71
|
+
backgroundColor: theme.colors.primary,
|
|
72
|
+
},
|
|
73
|
+
'itemIcon:selected': __assign({ color: theme.colors.backgroundSecondary }, theme.sized(2)),
|
|
74
|
+
'itemText:selected': {
|
|
75
|
+
color: theme.colors.backgroundSecondary,
|
|
76
|
+
},
|
|
77
|
+
itemIcon: {
|
|
78
|
+
height: 0,
|
|
79
|
+
width: 0,
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
}),
|
|
83
|
+
};
|
|
22
84
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
|
|
2
|
+
import { ComponentVariants, FormTypes, IconPlaceholder, PropsOf } from '@codeleap/common';
|
|
3
3
|
import { StylesOf } from '../../types/utility';
|
|
4
4
|
import { DrawerProps } from '../Drawer';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
5
6
|
import { FlatListProps } from '../List';
|
|
7
|
+
import { Text } from '../Text';
|
|
6
8
|
import { TextInputProps } from '../TextInput';
|
|
9
|
+
import { Touchable } from '../Touchable';
|
|
7
10
|
import { MultiSelectComposition, MultiSelectStyles } from './styles';
|
|
8
11
|
export declare type MultiSelectRenderFNProps<T> = {
|
|
9
12
|
styles: StylesOf<MultiSelectComposition>;
|
|
@@ -11,6 +14,9 @@ export declare type MultiSelectRenderFNProps<T> = {
|
|
|
11
14
|
isSelected?: boolean;
|
|
12
15
|
item: FormTypes.Options<T>[number];
|
|
13
16
|
icon?: IconPlaceholder;
|
|
17
|
+
touchableProps?: Partial<PropsOf<typeof Touchable>>;
|
|
18
|
+
textProps?: Partial<PropsOf<typeof Text>>;
|
|
19
|
+
iconProps?: Partial<PropsOf<typeof Icon>>;
|
|
14
20
|
};
|
|
15
21
|
export declare type MultiSelectRenderFN<T> = (props: MultiSelectRenderFNProps<T>) => JSX.Element;
|
|
16
22
|
declare type MultiSelectDrawerProps = Omit<DrawerProps, 'variants' | 'styles'>;
|
|
@@ -32,5 +38,6 @@ export declare type MultiSelectProps<T> = MultiSelectDrawerProps & {
|
|
|
32
38
|
clearable?: boolean;
|
|
33
39
|
clearIconName?: IconPlaceholder;
|
|
34
40
|
validate?: TextInputProps['validate'];
|
|
41
|
+
itemProps?: Partial<Pick<MultiSelectRenderFNProps<any>, 'iconProps' | 'textProps' | 'touchableProps'>>;
|
|
35
42
|
} & ComponentVariants<typeof MultiSelectStyles>;
|
|
36
43
|
export {};
|
|
@@ -1,4 +1,53 @@
|
|
|
1
1
|
export declare type ScrollComposition = 'wrapper' | 'content' | 'refreshControl';
|
|
2
2
|
export declare const ScrollStyles: {
|
|
3
3
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
4
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
5
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
6
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
7
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
8
|
+
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
9
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
10
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
11
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
12
|
+
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
13
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
14
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
15
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
16
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
17
|
+
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
18
|
+
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
19
|
+
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
20
|
+
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
21
|
+
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
22
|
+
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
23
|
+
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
24
|
+
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
25
|
+
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
26
|
+
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
27
|
+
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
28
|
+
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
29
|
+
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
30
|
+
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
31
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
32
|
+
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
33
|
+
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
34
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
35
|
+
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
36
|
+
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
37
|
+
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
38
|
+
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
39
|
+
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
40
|
+
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
41
|
+
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
42
|
+
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
43
|
+
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
44
|
+
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
45
|
+
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
46
|
+
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
47
|
+
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
48
|
+
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
49
|
+
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
50
|
+
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
51
|
+
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
52
|
+
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
|
|
4
53
|
};
|
|
@@ -14,14 +14,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.ScrollStyles = void 0;
|
|
15
15
|
var common_1 = require("@codeleap/common");
|
|
16
16
|
var createScrollStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
var presets = (0, common_1.includePresets)(function (style) { return createScrollStyle(function () { return ({ content: style }); }); });
|
|
18
|
+
exports.ScrollStyles = __assign(__assign({}, presets), { default: createScrollStyle(function (theme) {
|
|
19
19
|
return {
|
|
20
20
|
wrapper: __assign({}, theme.presets.fullHeight),
|
|
21
21
|
refreshControl: {
|
|
22
22
|
color: theme.colors.primary,
|
|
23
23
|
},
|
|
24
24
|
};
|
|
25
|
-
})
|
|
26
|
-
};
|
|
25
|
+
}) });
|
|
27
26
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Scroll/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Scroll/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAI9E,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE1E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAA,KAAK,IAAI,OAAA,iBAAiB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA7C,CAA6C,CAAC,CAAA;AAEzE,QAAA,YAAY,yBACpB,OAAO,KACV,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;QAC/B,OAAO;YACL,OAAO,eACF,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;YACD,cAAc,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC5B;SACF,CAAA;IACH,CAAC,CAAC,IACH"}
|
|
@@ -59,6 +59,7 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
|
59
59
|
styles: styles,
|
|
60
60
|
transform: react_native_1.StyleSheet.flatten,
|
|
61
61
|
variants: variants,
|
|
62
|
+
rootElement: 'scroll',
|
|
62
63
|
});
|
|
63
64
|
var scrollRef = (0, react_1.useRef)(null);
|
|
64
65
|
function scrollTo(idx) {
|
|
@@ -100,12 +101,12 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
|
100
101
|
variantStyles = JSON.parse(JSON.stringify(variantStyles));
|
|
101
102
|
_animation = JSON.parse(JSON.stringify(_animation));
|
|
102
103
|
var labelStyles = (0, common_1.getNestedStylesByKey)('label', variantStyles);
|
|
103
|
-
return (
|
|
104
|
+
return (<View_1.View style={variantStyles.wrapper}>
|
|
104
105
|
<InputLabel_1.InputLabel label={label} styles={labelStyles} required={false}/>
|
|
105
106
|
<Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} {...scrollProps} keyboardAware={{
|
|
106
107
|
enabled: false,
|
|
107
108
|
}} ref={scrollRef}>
|
|
108
|
-
<View_1.View style={variantStyles.
|
|
109
|
+
<View_1.View style={variantStyles.innerWrapper}>
|
|
109
110
|
<AnimatedView options={options} styles={variantStyles} animated style={[variantStyles.selectedBubble, widthStyle]} animate={{
|
|
110
111
|
translateX: translateX,
|
|
111
112
|
}} transition={{
|
|
@@ -113,7 +114,7 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
|
113
114
|
}}/>
|
|
114
115
|
{options.map(function (o, idx) {
|
|
115
116
|
var selected = value === o.value;
|
|
116
|
-
var touchableProps = __assign({ key: idx, debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label), onPress: onPress(o.value, idx), style: [widthStyle, variantStyles.button] }, props.touchableProps);
|
|
117
|
+
var touchableProps = __assign({ key: idx, debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label), onPress: onPress(o.value, idx), style: [widthStyle, variantStyles.button, selected && variantStyles['button:selected']] }, props.touchableProps);
|
|
117
118
|
var textProps = __assign({ text: o.label, colorChangeConfig: _animation, style: react_native_1.StyleSheet.flatten([variantStyles.text, selected && variantStyles['text:selected']]), animated: true }, props.textProps);
|
|
118
119
|
if (RenderButton) {
|
|
119
120
|
return (<RenderButton {...props} touchableProps={touchableProps} key={touchableProps.key} textProps={textProps} option={o}/>);
|
|
@@ -127,7 +128,7 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
|
127
128
|
})}
|
|
128
129
|
</View_1.View>
|
|
129
130
|
</Scroll_1.Scroll>
|
|
130
|
-
|
|
131
|
+
</View_1.View>);
|
|
131
132
|
});
|
|
132
133
|
exports.SegmentedControl = _SegmentedControl;
|
|
133
134
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiF;AACjF,oCAA+C;AAE/C,6CAAiE;AACjE,2CAAqG;AAErG,0CAAwC;AAExC,gCAAyC;AAEzC,gCAA8B;AAC9B,4CAA0C;AAC1C,2CAAwB;AA6BxB,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,qBAAM,CAAC,MAAM;CACtB,CAAA;AAED,IAAM,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAA6C,UAAC,KAAK,EAAE,GAAG;IAE9F,IAAA,KAYE,KAAK,QAZK,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,aAAa,GAWX,KAAK,cAXM,EACb,SAAS,GAUP,KAAK,UAVE,EACT,KAAK,GASH,KAAK,MATF,EACL,KAAK,GAQH,KAAK,MARF,EACL,KAOE,KAAK,OAPI,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAME,KAAK,UANO,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAKE,KAAK,SALM,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAIE,KAAK,YAJS,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,KAGE,KAAK,aAHkC,EAAzC,YAAY,mBAAG,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,EAAnB,CAAmB,KAAA,EACzC,kBAAkB,GAEhB,KAAK,mBAFW,EAClB,YAAY,GACV,KAAK,aADK,CACL;IAET,IAAI,UAAU,yBACT,gBAAgB,GAAK,SAAS,CAClC,CAAA;IAED,IAAI,aAAa,GAAG,IAAA,iCAAwB,EAAsD,oBAAoB,EAAE;QACtH,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,QAAQ,UAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { StylesOf } from '@codeleap/common';
|
|
|
2
2
|
import { InputLabelComposition } from '../InputLabel';
|
|
3
3
|
import { TouchableStylesGen } from '../Touchable';
|
|
4
4
|
export declare type SegmentedControlStates = 'selected';
|
|
5
|
-
export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | 'buttonFeedback' | `button:${SegmentedControlStates}` | `label${Capitalize<InputLabelComposition>}`;
|
|
5
|
+
export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'innerWrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | 'buttonFeedback' | `button:${SegmentedControlStates}` | `label${Capitalize<InputLabelComposition>}`;
|
|
6
6
|
export declare type SegmentedControlStylesGen<TCSS = any> = StylesOf<Exclude<SegmentedControlComposition, 'buttonFeedback'>> & {
|
|
7
7
|
buttonFeedback?: TouchableStylesGen['feedback'];
|
|
8
8
|
};
|
|
@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.SegmentedControlStyles = void 0;
|
|
15
15
|
var common_1 = require("@codeleap/common");
|
|
16
16
|
var createSegmentedControlStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
var presets = (0, common_1.includePresets)(function (style) { return createSegmentedControlStyle(function () { return ({
|
|
17
|
+
var presets = (0, common_1.includePresets)(function (style) { return createSegmentedControlStyle(function () { return ({ wrapper: style }); }); });
|
|
18
18
|
exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: createSegmentedControlStyle(function (theme) {
|
|
19
19
|
return {
|
|
20
20
|
buttonFeedback: {
|
|
@@ -27,17 +27,17 @@ exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: crea
|
|
|
27
27
|
'text:selected': {
|
|
28
28
|
color: theme.colors.white,
|
|
29
29
|
},
|
|
30
|
+
wrapper: {
|
|
31
|
+
height: 'auto',
|
|
32
|
+
},
|
|
30
33
|
scroll: {
|
|
31
34
|
height: theme.values.buttons.default.height,
|
|
32
|
-
|
|
35
|
+
maxHeight: theme.values.buttons.default.height,
|
|
33
36
|
},
|
|
34
|
-
scrollContent: __assign(__assign(__assign({}, theme.presets.row), theme.
|
|
35
|
-
button: __assign(__assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), theme.presets.justifyCenter), { borderRadius: theme.borderRadius.
|
|
36
|
-
selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), {
|
|
37
|
-
|
|
38
|
-
// minHeight: 50,
|
|
39
|
-
top: 0, bottom: 0, borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.primary }),
|
|
40
|
-
wrapper: __assign(__assign({ borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.backgroundSecondary }, theme.presets.row), { position: 'relative' }),
|
|
37
|
+
scrollContent: __assign(__assign(__assign({}, theme.presets.row), theme.presets.alignStretch), { height: theme.values.buttons.default.height }),
|
|
38
|
+
button: __assign(__assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), theme.presets.justifyCenter), { borderRadius: theme.borderRadius.medium }), theme.spacing.padding(1)), { minHeight: '100%' }),
|
|
39
|
+
selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), { top: 0, bottom: 0, borderRadius: theme.borderRadius.medium, backgroundColor: theme.colors.primary }),
|
|
40
|
+
innerWrapper: __assign(__assign({ borderRadius: theme.borderRadius.medium, backgroundColor: theme.colors.backgroundSecondary }, theme.presets.row), { position: 'relative', height: theme.values.buttons.default.height }),
|
|
41
41
|
};
|
|
42
42
|
}) });
|
|
43
43
|
//# sourceMappingURL=styles.js.map
|