@codeleap/web 2.4.7 → 3.0.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.
- package/package.json +20 -19
- package/src/components/ActionIcon/index.tsx +59 -0
- package/src/components/ActionIcon/styles.ts +9 -0
- package/src/components/ActivityIndicator/index.tsx +78 -0
- package/src/components/ActivityIndicator/styles.ts +11 -0
- package/src/components/Button/index.tsx +125 -0
- package/src/components/Button/styles.ts +22 -0
- package/src/components/Checkbox/index.tsx +138 -0
- package/src/components/Checkbox/styles.ts +20 -0
- package/src/components/Collapse/index.tsx +87 -0
- package/src/components/Collapse/styles.ts +8 -0
- package/src/components/Drawer/index.tsx +148 -0
- package/src/components/Drawer/styles.ts +8 -0
- package/src/components/FileInput.tsx +51 -0
- package/src/components/Icon/index.tsx +53 -0
- package/src/components/Icon/styles.ts +9 -0
- package/src/components/InputBase/index.tsx +104 -0
- package/src/components/InputBase/styles.ts +167 -0
- package/src/components/InputBase/types.ts +28 -0
- package/src/components/InputBase/utils.ts +41 -0
- package/src/components/Link/index.tsx +69 -0
- package/src/components/Link/styles.ts +11 -0
- package/src/components/List/index.tsx +103 -0
- package/src/components/List/styles.ts +8 -0
- package/src/components/LoadingOverlay/index.tsx +34 -0
- package/src/components/LoadingOverlay/styles.ts +12 -0
- package/src/components/Modal/index.tsx +189 -0
- package/src/components/Modal/styles.ts +26 -0
- package/src/components/NumberIncrement/index.tsx +292 -0
- package/src/components/NumberIncrement/styles.ts +15 -0
- package/src/components/Overlay/index.tsx +42 -0
- package/src/components/Overlay/styles.ts +8 -0
- package/src/components/RadioInput/index.tsx +155 -0
- package/src/components/RadioInput/styles.ts +14 -0
- package/src/components/Scroll/index.tsx +29 -0
- package/src/components/Scroll/styles.ts +8 -0
- package/src/components/Select/index.tsx +438 -0
- package/src/components/Select/styles.ts +179 -0
- package/src/components/Select/types.ts +100 -0
- package/src/components/Slider/index.tsx +303 -0
- package/src/components/Slider/styles.ts +11 -0
- package/src/components/Switch/index.tsx +128 -0
- package/src/components/Switch/styles.ts +20 -0
- package/src/components/Text/index.tsx +62 -0
- package/src/components/Text/styles.ts +9 -0
- package/src/components/TextInput/index.tsx +253 -0
- package/src/components/TextInput/mask.tsx +165 -0
- package/src/components/TextInput/styles.ts +15 -0
- package/src/components/Tooltip/index.tsx +155 -0
- package/src/components/Tooltip/styles.ts +9 -0
- package/src/components/Touchable/index.tsx +72 -0
- package/src/components/Touchable/styles.ts +11 -0
- package/src/components/View/index.tsx +94 -0
- package/src/components/View/styles.ts +8 -0
- package/src/components/components.ts +29 -0
- package/src/components/defaultStyles.ts +51 -0
- package/src/index.ts +6 -0
- package/src/lib/OSAlert.tsx +190 -0
- package/src/lib/Toast.ts +23 -0
- package/src/lib/hooks.ts +340 -0
- package/src/lib/index.ts +2 -0
- package/src/lib/logger.ts +13 -0
- package/src/lib/utils/cookies.ts +13 -0
- package/src/lib/utils/index.ts +4 -0
- package/src/lib/utils/pollyfils/scroll.ts +65 -0
- package/src/lib/utils/stopPropagation.ts +15 -0
- package/src/types/index.ts +1 -0
- package/src/types/utility.ts +3 -0
- package/dist/components/ActivityIndicator/index.d.ts +0 -12
- package/dist/components/ActivityIndicator/index.js +0 -57
- package/dist/components/ActivityIndicator/index.js.map +0 -1
- package/dist/components/ActivityIndicator/styles.d.ts +0 -53
- package/dist/components/ActivityIndicator/styles.js +0 -22
- package/dist/components/ActivityIndicator/styles.js.map +0 -1
- package/dist/components/Button.d.ts +0 -18
- package/dist/components/Button.js +0 -67
- package/dist/components/Button.js.map +0 -1
- package/dist/components/CenterWrapper.d.ts +0 -7
- package/dist/components/CenterWrapper.js +0 -28
- package/dist/components/CenterWrapper.js.map +0 -1
- package/dist/components/Checkbox/index.d.ts +0 -12
- package/dist/components/Checkbox/index.js +0 -58
- package/dist/components/Checkbox/index.js.map +0 -1
- package/dist/components/Checkbox/styles.d.ts +0 -53
- package/dist/components/Checkbox/styles.js +0 -64
- package/dist/components/Checkbox/styles.js.map +0 -1
- package/dist/components/Collapse.d.ts +0 -20
- package/dist/components/Collapse.js +0 -68
- package/dist/components/Collapse.js.map +0 -1
- package/dist/components/ContentView.d.ts +0 -10
- package/dist/components/ContentView.js +0 -52
- package/dist/components/ContentView.js.map +0 -1
- package/dist/components/Drawer.d.ts +0 -23
- package/dist/components/Drawer.js +0 -73
- package/dist/components/Drawer.js.map +0 -1
- package/dist/components/FileInput.d.ts +0 -8
- package/dist/components/FileInput.js +0 -69
- package/dist/components/FileInput.js.map +0 -1
- package/dist/components/HorizontalScroll.d.ts +0 -3
- package/dist/components/HorizontalScroll.js +0 -42
- package/dist/components/HorizontalScroll.js.map +0 -1
- package/dist/components/Icon.d.ts +0 -8
- package/dist/components/Icon.js +0 -55
- package/dist/components/Icon.js.map +0 -1
- package/dist/components/Link.d.ts +0 -7
- package/dist/components/Link.js +0 -63
- package/dist/components/Link.js.map +0 -1
- package/dist/components/List.d.ts +0 -18
- package/dist/components/List.js +0 -52
- package/dist/components/List.js.map +0 -1
- package/dist/components/Modal/index.d.ts +0 -21
- package/dist/components/Modal/index.js +0 -116
- package/dist/components/Modal/index.js.map +0 -1
- package/dist/components/Modal/styles.d.ts +0 -56
- package/dist/components/Modal/styles.js +0 -36
- package/dist/components/Modal/styles.js.map +0 -1
- package/dist/components/Overlay.d.ts +0 -10
- package/dist/components/Overlay.js +0 -41
- package/dist/components/Overlay.js.map +0 -1
- package/dist/components/RadioInput/index.d.ts +0 -21
- package/dist/components/RadioInput/index.js +0 -55
- package/dist/components/RadioInput/index.js.map +0 -1
- package/dist/components/RadioInput/styles.d.ts +0 -54
- package/dist/components/RadioInput/styles.js +0 -44
- package/dist/components/RadioInput/styles.js.map +0 -1
- package/dist/components/RouterPage/Menu.d.ts +0 -10
- package/dist/components/RouterPage/Menu.js +0 -36
- package/dist/components/RouterPage/Menu.js.map +0 -1
- package/dist/components/RouterPage/MenuItem.d.ts +0 -12
- package/dist/components/RouterPage/MenuItem.js +0 -42
- package/dist/components/RouterPage/MenuItem.js.map +0 -1
- package/dist/components/RouterPage/Router.d.ts +0 -8
- package/dist/components/RouterPage/Router.js +0 -27
- package/dist/components/RouterPage/Router.js.map +0 -1
- package/dist/components/RouterPage/index.d.ts +0 -29
- package/dist/components/RouterPage/index.js +0 -85
- package/dist/components/RouterPage/index.js.map +0 -1
- package/dist/components/RouterPage/styles.d.ts +0 -54
- package/dist/components/RouterPage/styles.js +0 -87
- package/dist/components/RouterPage/styles.js.map +0 -1
- package/dist/components/Scroll.d.ts +0 -5
- package/dist/components/Scroll.js +0 -24
- package/dist/components/Scroll.js.map +0 -1
- package/dist/components/Select/Custom.d.ts +0 -8
- package/dist/components/Select/Custom.js +0 -104
- package/dist/components/Select/Custom.js.map +0 -1
- package/dist/components/Select/Multi.d.ts +0 -3
- package/dist/components/Select/Multi.js +0 -105
- package/dist/components/Select/Multi.js.map +0 -1
- package/dist/components/Select/Native.d.ts +0 -17
- package/dist/components/Select/Native.js +0 -44
- package/dist/components/Select/Native.js.map +0 -1
- package/dist/components/Select/index.d.ts +0 -12
- package/dist/components/Select/index.js +0 -40
- package/dist/components/Select/index.js.map +0 -1
- package/dist/components/Select/styles.d.ts +0 -5
- package/dist/components/Select/styles.js +0 -57
- package/dist/components/Select/styles.js.map +0 -1
- package/dist/components/Select/types.d.ts +0 -49
- package/dist/components/Select/types.js +0 -3
- package/dist/components/Select/types.js.map +0 -1
- package/dist/components/Slider.d.ts +0 -5
- package/dist/components/Slider.js +0 -39
- package/dist/components/Slider.js.map +0 -1
- package/dist/components/Text.d.ts +0 -9
- package/dist/components/Text.js +0 -43
- package/dist/components/Text.js.map +0 -1
- package/dist/components/TextInput.d.ts +0 -150
- package/dist/components/TextInput.js +0 -125
- package/dist/components/TextInput.js.map +0 -1
- package/dist/components/Tooltip.d.ts +0 -12
- package/dist/components/Tooltip.js +0 -122
- package/dist/components/Tooltip.js.map +0 -1
- package/dist/components/Touchable.d.ts +0 -15
- package/dist/components/Touchable.js +0 -52
- package/dist/components/Touchable.js.map +0 -1
- package/dist/components/View.d.ts +0 -10
- package/dist/components/View.js +0 -62
- package/dist/components/View.js.map +0 -1
- package/dist/components/index.d.ts +0 -24
- package/dist/components/index.js +0 -37
- package/dist/components/index.js.map +0 -1
- package/dist/index.d.ts +0 -6
- package/dist/index.js +0 -25
- package/dist/index.js.map +0 -1
- package/dist/lib/OSAlert.d.ts +0 -21
- package/dist/lib/OSAlert.js +0 -140
- package/dist/lib/OSAlert.js.map +0 -1
- package/dist/lib/Toast.d.ts +0 -13
- package/dist/lib/Toast.js +0 -32
- package/dist/lib/Toast.js.map +0 -1
- package/dist/lib/hooks.d.ts +0 -28
- package/dist/lib/hooks.js +0 -183
- package/dist/lib/hooks.js.map +0 -1
- package/dist/lib/logger.d.ts +0 -2
- package/dist/lib/logger.js +0 -16
- package/dist/lib/logger.js.map +0 -1
- package/dist/lib/utils/cookies.d.ts +0 -6
- package/dist/lib/utils/cookies.js +0 -15
- package/dist/lib/utils/cookies.js.map +0 -1
- package/dist/lib/utils/index.d.ts +0 -4
- package/dist/lib/utils/index.js +0 -23
- package/dist/lib/utils/index.js.map +0 -1
- package/dist/lib/utils/pollyfils/scroll.d.ts +0 -1
- package/dist/lib/utils/pollyfils/scroll.js +0 -66
- package/dist/lib/utils/pollyfils/scroll.js.map +0 -1
- package/dist/lib/utils/stopPropagation.d.ts +0 -1
- package/dist/lib/utils/stopPropagation.js +0 -20
- package/dist/lib/utils/stopPropagation.js.map +0 -1
- package/dist/types/utility.d.ts +0 -2
- package/dist/types/utility.js +0 -3
- package/dist/types/utility.js.map +0 -1
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.RouterPageStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var createRouterPageStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
var presets = (0, common_1.includePresets)(function (styles) { return createRouterPageStyle(function () { return ({ topMenu: styles, sideMenu: styles }); }); });
|
|
18
|
-
exports.RouterPageStyles = __assign(__assign({}, presets), { default: createRouterPageStyle(function (Theme) {
|
|
19
|
-
var _a;
|
|
20
|
-
return ({
|
|
21
|
-
menuItem: {
|
|
22
|
-
alignItems: 'center',
|
|
23
|
-
padding: Theme.spacing.value(2.5),
|
|
24
|
-
flexDirection: 'column',
|
|
25
|
-
borderRadius: Theme.borderRadius.medium,
|
|
26
|
-
borderWidth: 1,
|
|
27
|
-
borderStyle: 'solid',
|
|
28
|
-
// ...Theme.debug('red'),
|
|
29
|
-
borderColor: 'transparent',
|
|
30
|
-
width: Theme.spacing.value(5),
|
|
31
|
-
height: Theme.spacing.value(5),
|
|
32
|
-
margin: 2,
|
|
33
|
-
'&:hover': {
|
|
34
|
-
background: Theme.colors.gray,
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
'menuItem:mobile': __assign(__assign({ display: 'flex' }, Theme.presets.center), { flexDirection: 'column-reverse', justifyContent: 'space-between' }),
|
|
38
|
-
'menuItem:mobile:text': {
|
|
39
|
-
color: Theme.colors.black,
|
|
40
|
-
padding: Theme.spacing.value(1),
|
|
41
|
-
textTransform: 'uppercase',
|
|
42
|
-
},
|
|
43
|
-
'menuItem:text': {
|
|
44
|
-
fontWeight: '500',
|
|
45
|
-
color: Theme.colors.primary,
|
|
46
|
-
textTransform: 'uppercase',
|
|
47
|
-
textAlign: 'center',
|
|
48
|
-
},
|
|
49
|
-
'menuItem:text:selected': {
|
|
50
|
-
fontWeight: 'bold',
|
|
51
|
-
color: Theme.colors.gray,
|
|
52
|
-
},
|
|
53
|
-
sideMenu: (_a = {
|
|
54
|
-
borderRadius: Theme.borderRadius.medium,
|
|
55
|
-
boxShadow: '0px 0px 20px rgba(0, 0, 0, 0.16)',
|
|
56
|
-
marginRight: Theme.spacing.value(6),
|
|
57
|
-
display: 'flex',
|
|
58
|
-
flexDirection: 'column',
|
|
59
|
-
alignItems: 'center',
|
|
60
|
-
height: '100%',
|
|
61
|
-
width: Theme.spacing.value(11),
|
|
62
|
-
flexShrink: 0,
|
|
63
|
-
flexGrow: 0
|
|
64
|
-
},
|
|
65
|
-
_a[Theme.media.down('xlarge')] = {
|
|
66
|
-
marginRight: Theme.spacing.value(4),
|
|
67
|
-
},
|
|
68
|
-
_a[Theme.media.down('large')] = {
|
|
69
|
-
marginRight: Theme.spacing.value(3),
|
|
70
|
-
width: 90,
|
|
71
|
-
},
|
|
72
|
-
_a),
|
|
73
|
-
router: {
|
|
74
|
-
width: '100%',
|
|
75
|
-
},
|
|
76
|
-
topMenu: {
|
|
77
|
-
width: '100%',
|
|
78
|
-
backgroundColor: Theme.colors.white,
|
|
79
|
-
height: 80,
|
|
80
|
-
},
|
|
81
|
-
horizontalScroll: {
|
|
82
|
-
display: 'flex',
|
|
83
|
-
justifyContent: 'space-between',
|
|
84
|
-
},
|
|
85
|
-
});
|
|
86
|
-
}) });
|
|
87
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RouterPage/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import { ElementType, ReactElement, Ref } from 'react';
|
|
3
|
-
import { ViewProps } from './View';
|
|
4
|
-
export declare const ScrollCP: <T extends ElementType<any> = "div">(props: ViewProps<T>, ref: Ref<any>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare const Scroll: <T extends ElementType<any> = "div">(props: ViewProps<T>) => ReactElement;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Scroll = exports.ScrollCP = void 0;
|
|
15
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
16
|
-
/** @jsx jsx */
|
|
17
|
-
var react_1 = require("react");
|
|
18
|
-
var View_1 = require("./View");
|
|
19
|
-
var ScrollCP = function (props, ref) {
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, props, { ref: ref, scroll: true }), void 0));
|
|
21
|
-
};
|
|
22
|
-
exports.ScrollCP = ScrollCP;
|
|
23
|
-
exports.Scroll = (0, react_1.forwardRef)(exports.ScrollCP);
|
|
24
|
-
//# sourceMappingURL=Scroll.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,eAAe;AACf,+BAKc;AACd,+BAAwC;AAEjC,IAAM,QAAQ,GAAG,UACtB,KAAmB,EACnB,GAAa;IAGb,OAAO,CACL,uBAAC,WAAI,eACC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,MAAM,kBACN,CAEH,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB;AAEY,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,gBAAQ,CAExB,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { CustomSelectProps } from './types';
|
|
3
|
-
import { SelectRenderFNProps } from '.';
|
|
4
|
-
export declare const SelectItem: React.FC<SelectRenderFNProps<any> & {
|
|
5
|
-
iconName?: string;
|
|
6
|
-
}>;
|
|
7
|
-
export declare const InputWrapper: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
|
|
8
|
-
export declare const CustomSelect: React.FC<CustomSelectProps<any>>;
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.CustomSelect = exports.InputWrapper = exports.SelectItem = void 0;
|
|
26
|
-
var react_1 = require("@emotion/react");
|
|
27
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
28
|
-
var common_1 = require("@codeleap/common");
|
|
29
|
-
var react_2 = require("react");
|
|
30
|
-
var TextInput_1 = require("../TextInput");
|
|
31
|
-
var Icon_1 = require("../Icon");
|
|
32
|
-
var Touchable_1 = require("../Touchable");
|
|
33
|
-
var View_1 = require("../View");
|
|
34
|
-
var Text_1 = require("../Text");
|
|
35
|
-
var hooks_1 = require("../../lib/hooks");
|
|
36
|
-
var SelectItem = function (_a) {
|
|
37
|
-
var styles = _a.styles, iconName = _a.iconName, onPress = _a.onPress, label = _a.label, icon = _a.icon, inList = _a.inList;
|
|
38
|
-
var showIcon = (!inList || !!icon);
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: onPress, css: inList ? [styles.itemWrapper] : [styles.buttonWrapper] }, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, css: inList ? styles.itemText : styles.buttonText }, void 0)) : (label), showIcon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon || iconName, style: styles.buttonIcon }, void 0))] }), void 0));
|
|
40
|
-
};
|
|
41
|
-
exports.SelectItem = SelectItem;
|
|
42
|
-
exports.InputWrapper = (0, react_2.forwardRef)(function (props, ref) {
|
|
43
|
-
var styles = props.styles, label = props.label, children = props.children, currentContent = props.currentContent, open = props.open, error = props.error, wrapperProps = __rest(props, ["styles", "label", "children", "currentContent", "open", "error"]);
|
|
44
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.wrapper, ref: ref }, wrapperProps, { children: [(0, jsx_runtime_1.jsx)(TextInput_1.InputLabel, { label: label, style: styles.label }, void 0), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.inputWrapper }, { children: [currentContent, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.list }, { children: children }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)(TextInput_1.FormError, { message: error.message, style: styles.error }, void 0)] }), void 0));
|
|
45
|
-
});
|
|
46
|
-
var CustomSelect = function (selectProps) {
|
|
47
|
-
var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, _b = selectProps.autoClose, autoClose = _b === void 0 ? true : _b, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName", "autoClose"]);
|
|
48
|
-
var _c = (0, common_1.useBooleanToggle)(false), isOpen = _c[0], setOpen = _c[1];
|
|
49
|
-
var _d = (0, common_1.useBooleanToggle)(false), isHovering = _d[0], setHovering = _d[1];
|
|
50
|
-
var optionLabelMap = (0, react_2.useMemo)(function () {
|
|
51
|
-
return Object.fromEntries(options.map(function (_a) {
|
|
52
|
-
var label = _a.label, value = _a.value;
|
|
53
|
-
return [value, label];
|
|
54
|
-
}));
|
|
55
|
-
}, [options]);
|
|
56
|
-
var wrapperRef = (0, hooks_1.useClickOutside)(function () {
|
|
57
|
-
if (isOpen) {
|
|
58
|
-
setOpen(false);
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
|
|
62
|
-
styles: styles,
|
|
63
|
-
variants: variants,
|
|
64
|
-
responsiveVariants: responsiveVariants,
|
|
65
|
-
});
|
|
66
|
-
var CurrentContent = renderCurrentlySelected || exports.SelectItem;
|
|
67
|
-
var Item = renderItem || exports.SelectItem;
|
|
68
|
-
var isValueEmpty = value === null || typeof value === 'undefined';
|
|
69
|
-
var currentOption = isValueEmpty
|
|
70
|
-
? { label: placeholder, value: value }
|
|
71
|
-
: { label: optionLabelMap[value], value: value };
|
|
72
|
-
(0, common_1.onUpdate)(function () {
|
|
73
|
-
onDropdownToggle === null || onDropdownToggle === void 0 ? void 0 : onDropdownToggle(isOpen);
|
|
74
|
-
}, [isOpen]);
|
|
75
|
-
var _e = (0, common_1.useValidate)(value, validate), showError = _e.showError, error = _e.error;
|
|
76
|
-
function getStyles(key, append) {
|
|
77
|
-
if (append === void 0) { append = {}; }
|
|
78
|
-
return __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(isOpen, variantStyles["".concat(key, ":open")], {})), (0, common_1.optionalObject)(isHovering, variantStyles["".concat(key, ":hover")], {})), (0, common_1.optionalObject)(showError, variantStyles["".concat(key, ":error")], {})), (0, common_1.optionalObject)(disabled, variantStyles["".concat(key, ":disabled")], {})), append);
|
|
79
|
-
}
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)(exports.InputWrapper, __assign({ currentContent: (0, jsx_runtime_1.jsx)(CurrentContent, __assign({}, currentOption, { onPress: function () { return setOpen(); }, styles: {
|
|
81
|
-
buttonIcon: getStyles('buttonIcon'),
|
|
82
|
-
buttonText: getStyles('buttonText'),
|
|
83
|
-
buttonWrapper: getStyles('buttonWrapper'),
|
|
84
|
-
}, open: isOpen, iconName: arrowIconName || 'selectArrow' }), void 0), error: error, styles: {
|
|
85
|
-
wrapper: getStyles('wrapper'),
|
|
86
|
-
label: getStyles('label'),
|
|
87
|
-
inputWrapper: getStyles('inputWrapper'),
|
|
88
|
-
list: getStyles('list'),
|
|
89
|
-
error: getStyles('error'),
|
|
90
|
-
},
|
|
91
|
-
// id={inputId}
|
|
92
|
-
ref: wrapperRef, onHover: setHovering }, props, { children: options.map(function (item) { return ((0, react_1.createElement)(Item, __assign({}, item, { inList: true, onPress: function () {
|
|
93
|
-
if (autoClose) {
|
|
94
|
-
setOpen(false);
|
|
95
|
-
}
|
|
96
|
-
onValueChange(item.value);
|
|
97
|
-
}, selected: item.value === value, key: item.value, styles: {
|
|
98
|
-
itemText: getStyles('itemText', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemText:selected'], {}))),
|
|
99
|
-
itemWrapper: getStyles('itemWrapper', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemWrapper:selected'], {}))),
|
|
100
|
-
buttonIcon: getStyles('buttonIcon', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['buttonIcon:selected'], {}))),
|
|
101
|
-
} }))); }) }), void 0));
|
|
102
|
-
};
|
|
103
|
-
exports.CustomSelect = CustomSelect;
|
|
104
|
-
//# sourceMappingURL=Custom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Custom.js","sourceRoot":"","sources":["../../../src/components/Select/Custom.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
25
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
26
|
-
if (ar || !(i in from)) {
|
|
27
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
28
|
-
ar[i] = from[i];
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
|
-
};
|
|
33
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
|
-
exports.MultiSelect = void 0;
|
|
35
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
36
|
-
var common_1 = require("@codeleap/common");
|
|
37
|
-
var react_1 = require("react");
|
|
38
|
-
var hooks_1 = require("../../lib/hooks");
|
|
39
|
-
var Custom_1 = require("./Custom");
|
|
40
|
-
var MultiSelect = function (selectProps) {
|
|
41
|
-
var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName"]);
|
|
42
|
-
var _b = (0, common_1.useBooleanToggle)(false), isOpen = _b[0], setOpen = _b[1];
|
|
43
|
-
var _c = (0, common_1.useBooleanToggle)(false), isHovering = _c[0], setHovering = _c[1];
|
|
44
|
-
var optionLabelMap = (0, react_1.useMemo)(function () {
|
|
45
|
-
return Object.fromEntries(options.map(function (_a) {
|
|
46
|
-
var label = _a.label, value = _a.value;
|
|
47
|
-
return [value, label];
|
|
48
|
-
}));
|
|
49
|
-
}, [options]);
|
|
50
|
-
var wrapperRef = (0, hooks_1.useClickOutside)(function () {
|
|
51
|
-
if (isOpen) {
|
|
52
|
-
setOpen(false);
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
|
|
56
|
-
styles: styles,
|
|
57
|
-
variants: variants,
|
|
58
|
-
responsiveVariants: responsiveVariants,
|
|
59
|
-
});
|
|
60
|
-
var CurrentContent = renderCurrentlySelected || Custom_1.SelectItem;
|
|
61
|
-
var Item = renderItem || Custom_1.SelectItem;
|
|
62
|
-
var isValueEmpty = value === null || typeof value === 'undefined' || (common_1.TypeGuards.isArray(value) && !value.length);
|
|
63
|
-
var currentOption = isValueEmpty
|
|
64
|
-
? { label: placeholder, value: null }
|
|
65
|
-
: { label: value.map(function (o) { return optionLabelMap[o]; }).join(','), value: null };
|
|
66
|
-
(0, common_1.onUpdate)(function () {
|
|
67
|
-
onDropdownToggle === null || onDropdownToggle === void 0 ? void 0 : onDropdownToggle(isOpen);
|
|
68
|
-
}, [isOpen]);
|
|
69
|
-
var _d = (0, common_1.useValidate)(value, validate), showError = _d.showError, error = _d.error;
|
|
70
|
-
function getStyles(key, append) {
|
|
71
|
-
if (append === void 0) { append = {}; }
|
|
72
|
-
return __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(isOpen, variantStyles["".concat(key, ":open")], {})), (0, common_1.optionalObject)(isHovering, variantStyles["".concat(key, ":hover")], {})), (0, common_1.optionalObject)(showError, variantStyles["".concat(key, ":error")], {})), (0, common_1.optionalObject)(disabled, variantStyles["".concat(key, ":disabled")], {})), append);
|
|
73
|
-
}
|
|
74
|
-
return ((0, jsx_runtime_1.jsx)(Custom_1.InputWrapper, __assign({ currentContent: (0, jsx_runtime_1.jsx)(CurrentContent, __assign({}, currentOption, { onPress: function () { return setOpen(); }, styles: {
|
|
75
|
-
buttonIcon: getStyles('buttonIcon'),
|
|
76
|
-
buttonText: getStyles('buttonText'),
|
|
77
|
-
buttonWrapper: getStyles('buttonWrapper'),
|
|
78
|
-
}, open: isOpen, iconName: arrowIconName || 'selectArrow' }), void 0), error: error, styles: {
|
|
79
|
-
wrapper: getStyles('wrapper'),
|
|
80
|
-
label: getStyles('label'),
|
|
81
|
-
inputWrapper: getStyles('inputWrapper'),
|
|
82
|
-
list: getStyles('list'),
|
|
83
|
-
error: getStyles('error'),
|
|
84
|
-
},
|
|
85
|
-
// id={inputId}
|
|
86
|
-
ref: wrapperRef, onHover: setHovering }, props, { children: options.map(function (item) {
|
|
87
|
-
var isSelected = value.includes(item.value);
|
|
88
|
-
return ((0, jsx_runtime_1.jsx)(Item, { value: item.value, label: item.label, inList: true, onPress: function () {
|
|
89
|
-
var newArr = __spreadArray([], value, true);
|
|
90
|
-
if (value.includes(item.value)) {
|
|
91
|
-
newArr = newArr.filter(function (x) { return x !== item.value; });
|
|
92
|
-
}
|
|
93
|
-
else {
|
|
94
|
-
newArr.push(item.value);
|
|
95
|
-
}
|
|
96
|
-
onValueChange(newArr);
|
|
97
|
-
}, selected: isSelected, styles: {
|
|
98
|
-
itemText: getStyles('itemText', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['itemText:selected'], {}))),
|
|
99
|
-
itemWrapper: getStyles('itemWrapper', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['itemWrapper:selected'], {}))),
|
|
100
|
-
buttonIcon: getStyles('buttonIcon', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['buttonIcon:selected'], {}))),
|
|
101
|
-
} }, item.value));
|
|
102
|
-
}) }), void 0));
|
|
103
|
-
};
|
|
104
|
-
exports.MultiSelect = MultiSelect;
|
|
105
|
-
//# sourceMappingURL=Multi.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Multi.js","sourceRoot":"","sources":["../../../src/components/Select/Multi.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { SelectStyles, ComponentVariants, StylesOf, SelectComposition } from '@codeleap/common';
|
|
2
|
-
import { ComponentPropsWithRef, ReactNode } from 'react';
|
|
3
|
-
import { ViewProps } from '../View';
|
|
4
|
-
declare type HTMLSelectProps = ComponentPropsWithRef<'select'>;
|
|
5
|
-
declare type Option = {
|
|
6
|
-
label: string;
|
|
7
|
-
value: string | number;
|
|
8
|
-
};
|
|
9
|
-
export declare type NativeSelectProps = HTMLSelectProps & {
|
|
10
|
-
options: Array<Option>;
|
|
11
|
-
styles?: StylesOf<SelectComposition>;
|
|
12
|
-
label?: string | ReactNode;
|
|
13
|
-
wrapperProps?: ViewProps<'div'>;
|
|
14
|
-
onValueChange?: (value: string | number) => void;
|
|
15
|
-
} & ComponentVariants<typeof SelectStyles>;
|
|
16
|
-
export declare const NativeSelect: (selectProps: NativeSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
17
|
-
export {};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.NativeSelect = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
27
|
-
var common_1 = require("@codeleap/common");
|
|
28
|
-
var View_1 = require("../View");
|
|
29
|
-
var Text_1 = require("../Text");
|
|
30
|
-
var NativeSelect = function (selectProps) {
|
|
31
|
-
var _a = selectProps.variants, variants = _a === void 0 ? [] : _a, _b = selectProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, options = selectProps.options, styles = selectProps.styles, label = selectProps.label, onValueChange = selectProps.onValueChange, wrapperProps = selectProps.wrapperProps, value = selectProps.value, props = __rest(selectProps, ["variants", "responsiveVariants", "options", "styles", "label", "onValueChange", "wrapperProps", "value"]);
|
|
32
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
|
|
33
|
-
responsiveVariants: responsiveVariants,
|
|
34
|
-
variants: variants,
|
|
35
|
-
styles: styles,
|
|
36
|
-
});
|
|
37
|
-
function handleChange(e) {
|
|
38
|
-
props.onChange && props.onChange(e);
|
|
39
|
-
onValueChange && onValueChange(e.target.value);
|
|
40
|
-
}
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, wrapperProps, { children: [label ? (typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { css: variantStyles.label, text: label }, void 0)) : (label)) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'select', css: variantStyles.select }, props, { onChange: handleChange }, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: option.value, selected: value == option.value }, { children: option.label }), index)); }) }), void 0)] }), void 0));
|
|
42
|
-
};
|
|
43
|
-
exports.NativeSelect = NativeSelect;
|
|
44
|
-
//# sourceMappingURL=Native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Native.js","sourceRoot":"","sources":["../../../src/components/Select/Native.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAMyB;AAEzB,gCAAyC;AACzC,gCAA8B;AAgBvB,IAAM,YAAY,GAAG,UAAC,WAA8B;IAEvD,IAAA,KASE,WAAW,SATA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAQE,WAAW,mBARU,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,OAAO,GAOL,WAAW,QAPN,EACP,MAAM,GAMJ,WAAW,OANP,EACN,KAAK,GAKH,WAAW,MALR,EACL,aAAa,GAIX,WAAW,cAJA,EACb,YAAY,GAGV,WAAW,aAHD,EACZ,KAAK,GAEH,WAAW,MAFR,EACF,KAAK,UACN,WAAW,EAVT,0GAUL,CADS,CACK;IAEf,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,QAAQ,EAAE;QACvD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,SAAS,YAAY,CAAC,CAAC;QACrB,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QACnC,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChD,CAAC;IACD,OAAO,CACL,wBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,IAAM,YAAY,eAC/C,KAAK,CAAC,CAAC,CAAC,CACP,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,uBAAC,WAAI,IAAC,GAAG,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,WAAI,CAChD,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACF,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,WAAI,aACH,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE,aAAa,CAAC,MAAM,IACrB,KAAK,IACT,QAAQ,EAAE,YAAY,gBAErB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,4CACE,KAAK,EAAE,MAAM,CAAC,KAAK,EAEnB,QAAQ,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,gBAE9B,MAAM,CAAC,KAAK,KAHR,KAAK,CAIH,CACV,EAR+B,CAQ/B,CAAC,YACG,aACF,CACR,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,YAAY,gBAiDxB"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { NativeSelectProps } from './Native';
|
|
2
|
-
import { CustomSelectProps } from './types';
|
|
3
|
-
export declare type SelectProps<T extends string | number = string> = ({
|
|
4
|
-
type?: 'native';
|
|
5
|
-
} & NativeSelectProps) | ({
|
|
6
|
-
type?: never;
|
|
7
|
-
} & CustomSelectProps<T>);
|
|
8
|
-
export * from './types';
|
|
9
|
-
export * from './styles';
|
|
10
|
-
export * from './Custom';
|
|
11
|
-
export * from './Multi';
|
|
12
|
-
export declare const Select: <T extends string | number = string>(props: SelectProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
21
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
22
|
-
};
|
|
23
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
24
|
-
exports.Select = void 0;
|
|
25
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
26
|
-
var Custom_1 = require("./Custom");
|
|
27
|
-
var Native_1 = require("./Native");
|
|
28
|
-
__exportStar(require("./types"), exports);
|
|
29
|
-
__exportStar(require("./styles"), exports);
|
|
30
|
-
__exportStar(require("./Custom"), exports);
|
|
31
|
-
__exportStar(require("./Multi"), exports);
|
|
32
|
-
var Select = function (props) {
|
|
33
|
-
if (props.type === 'native') {
|
|
34
|
-
return (0, jsx_runtime_1.jsx)(Native_1.NativeSelect, __assign({}, props), void 0);
|
|
35
|
-
}
|
|
36
|
-
// @ts-ignore
|
|
37
|
-
return (0, jsx_runtime_1.jsx)(Custom_1.CustomSelect, __assign({}, props), void 0);
|
|
38
|
-
};
|
|
39
|
-
exports.Select = Select;
|
|
40
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAuC;AACvC,mCAA0D;AAW1D,0CAAuB;AACvB,2CAAwB;AACxB,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,MAAM,GAAG,UACpB,KAAqB;IAErB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC3B,OAAO,uBAAC,qBAAY,eAAK,KAAK,UAAI,CAAA;KACnC;IACD,aAAa;IACb,OAAO,uBAAC,qBAAY,eAAK,KAAK,UAAI,CAAA;AACpC,CAAC,CAAA;AARY,QAAA,MAAM,UAQlB"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare type WebSelectParts = 'wrapper' | 'label' | 'inputWrapper' | 'list' | 'itemWrapper' | 'itemWrapper:selected' | 'itemText' | 'itemText:selected' | 'buttonWrapper' | 'buttonText' | 'buttonIcon' | 'error';
|
|
2
|
-
export declare type WebSelectComposition = `${WebSelectParts}:hover` | `${WebSelectParts}:open` | `${WebSelectParts}:error` | `${WebSelectParts}:disabled` | WebSelectParts;
|
|
3
|
-
export declare const WebSelectStyles: {
|
|
4
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebSelectComposition, any>>;
|
|
5
|
-
};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.WebSelectStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var createSelectStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
exports.WebSelectStyles = {
|
|
18
|
-
default: createSelectStyle(function (Theme) { return ({
|
|
19
|
-
wrapper: {
|
|
20
|
-
display: 'flex',
|
|
21
|
-
flexDirection: 'column',
|
|
22
|
-
},
|
|
23
|
-
label: __assign({}, Theme.spacing.marginBottom(1)),
|
|
24
|
-
inputWrapper: {
|
|
25
|
-
position: 'relative',
|
|
26
|
-
},
|
|
27
|
-
list: __assign(__assign(__assign(__assign({ position: 'absolute', left: 0, right: 0, display: 'flex', top: '110%', backgroundColor: Theme.colors.gray }, Theme.presets.column), { overflowY: 'hidden', transition: 'all 0.5s ease', maxHeight: 0 }), Theme.border.create({
|
|
28
|
-
width: 0,
|
|
29
|
-
color: 'transparent',
|
|
30
|
-
})), { borderRadius: Theme.borderRadius.small }),
|
|
31
|
-
'list:open': __assign({ maxHeight: '500%', overflowY: 'auto' }, Theme.border.primary(1)),
|
|
32
|
-
itemText: {},
|
|
33
|
-
itemWrapper: __assign(__assign({}, Theme.spacing.padding(0.5)), { cursor: 'pointer', display: 'flex', '&:hover': {
|
|
34
|
-
backgroundColor: '#0002',
|
|
35
|
-
} }),
|
|
36
|
-
'itemText:selected': {},
|
|
37
|
-
'itemWrapper:selected': {
|
|
38
|
-
backgroundColor: Theme.colors.primary,
|
|
39
|
-
'&:hover': {
|
|
40
|
-
backgroundColor: Theme.colors.primary,
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
buttonWrapper: __assign(__assign(__assign(__assign(__assign({}, Theme.border.primary(1)), Theme.presets.fullWidth), Theme.presets.alignCenter), Theme.spacing.padding(0.5)), { backgroundColor: Theme.colors.gray, borderRadius: Theme.borderRadius.small, cursor: 'pointer', display: 'flex' }),
|
|
44
|
-
'button:open': {},
|
|
45
|
-
buttonText: {
|
|
46
|
-
flex: 1,
|
|
47
|
-
},
|
|
48
|
-
buttonIcon: __assign({ height: 24, width: 24, color: Theme.colors.white, transition: 'all 0.2s ease' }, Theme.spacing.marginLeft('auto')),
|
|
49
|
-
'buttonIcon:open': {
|
|
50
|
-
transform: 'rotate(180deg)',
|
|
51
|
-
},
|
|
52
|
-
error: {
|
|
53
|
-
color: Theme.colors.negative,
|
|
54
|
-
},
|
|
55
|
-
}); }),
|
|
56
|
-
};
|
|
57
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAuB9D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAwB,CAAA;AAEhE,QAAA,eAAe,GAAG;IAC7B,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACjC;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;SACrB;QAED,IAAI,wCACF,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,MAAM,EACX,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,IAE/B,KAAK,CAAC,OAAO,CAAC,MAAM,KACvB,SAAS,EAAE,QAAQ,EAEnB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,CAAC,KACT,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;YACrB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,aAAa;SACrB,CAAC,KACF,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;QACD,WAAW,aACT,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,IACd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B;QACD,QAAQ,EAAE,EAAE;QACZ,WAAW,wBACN,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE;gBACT,eAAe,EAAE,OAAO;aACzB,GACF;QACD,mBAAmB,EAAE,EAAE;QACvB,sBAAsB,EAAE;YACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC;SACF;QACD,aAAa,mDACR,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAClC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,GAChB;QACD,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;SACR;QACD,UAAU,aACR,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACzB,UAAU,EAAE,eAAe,IACxB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CACpC;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE,gBAAgB;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAC7B;KACF,CAAC,EA/EoC,CA+EpC,CAAC;CACJ,CAAA"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
|
|
3
|
-
import { StylesOf } from '../../types/utility';
|
|
4
|
-
import { WebSelectComposition, WebSelectStyles } from './styles';
|
|
5
|
-
export declare type SelectRenderFNProps<T> = CustomSelectProps<T>['options'][number] & {
|
|
6
|
-
styles: StylesOf<WebSelectComposition>;
|
|
7
|
-
onPress: () => void;
|
|
8
|
-
selected?: boolean;
|
|
9
|
-
inList?: boolean;
|
|
10
|
-
open?: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
|
|
13
|
-
export declare type CustomSelectProps<T = any> = {
|
|
14
|
-
value: T;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
label?: FormTypes.Label;
|
|
17
|
-
options?: {
|
|
18
|
-
value: T;
|
|
19
|
-
label?: FormTypes.Label;
|
|
20
|
-
icon?: IconPlaceholder;
|
|
21
|
-
}[];
|
|
22
|
-
onDropdownToggle?: (isOpen?: boolean) => void;
|
|
23
|
-
onValueChange?: (value: T) => void;
|
|
24
|
-
renderItem?: SelectRenderFN<T>;
|
|
25
|
-
renderCurrentlySelected?: SelectRenderFN<T>;
|
|
26
|
-
styles?: StylesOf<WebSelectComposition>;
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
validate?: FormTypes.ValidatorFunctionWithoutForm<any> | string;
|
|
29
|
-
arrowIconName?: IconPlaceholder;
|
|
30
|
-
autoClose?: boolean;
|
|
31
|
-
} & ComponentVariants<typeof WebSelectStyles>;
|
|
32
|
-
export declare type MultiSelectProps<T = any> = {
|
|
33
|
-
value: T[];
|
|
34
|
-
placeholder?: string;
|
|
35
|
-
label?: FormTypes.Label;
|
|
36
|
-
options?: {
|
|
37
|
-
value: T;
|
|
38
|
-
label?: FormTypes.Label;
|
|
39
|
-
icon?: IconPlaceholder;
|
|
40
|
-
}[];
|
|
41
|
-
onDropdownToggle?: (isOpen?: boolean) => void;
|
|
42
|
-
onValueChange?: (value: T[]) => void;
|
|
43
|
-
renderItem?: SelectRenderFN<T>;
|
|
44
|
-
renderCurrentlySelected?: SelectRenderFN<T>;
|
|
45
|
-
styles?: StylesOf<WebSelectComposition>;
|
|
46
|
-
disabled?: boolean;
|
|
47
|
-
validate?: FormTypes.ValidatorFunctionWithoutForm<any> | string;
|
|
48
|
-
arrowIconName?: IconPlaceholder;
|
|
49
|
-
} & ComponentVariants<typeof WebSelectStyles>;
|