@codeleap/web 2.4.6 → 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.
Files changed (212) hide show
  1. package/package.json +20 -19
  2. package/src/components/ActionIcon/index.tsx +59 -0
  3. package/src/components/ActionIcon/styles.ts +9 -0
  4. package/src/components/ActivityIndicator/index.tsx +78 -0
  5. package/src/components/ActivityIndicator/styles.ts +11 -0
  6. package/src/components/Button/index.tsx +125 -0
  7. package/src/components/Button/styles.ts +22 -0
  8. package/src/components/Checkbox/index.tsx +138 -0
  9. package/src/components/Checkbox/styles.ts +20 -0
  10. package/src/components/Collapse/index.tsx +87 -0
  11. package/src/components/Collapse/styles.ts +8 -0
  12. package/src/components/Drawer/index.tsx +148 -0
  13. package/src/components/Drawer/styles.ts +8 -0
  14. package/src/components/FileInput.tsx +51 -0
  15. package/src/components/Icon/index.tsx +53 -0
  16. package/src/components/Icon/styles.ts +9 -0
  17. package/src/components/InputBase/index.tsx +104 -0
  18. package/src/components/InputBase/styles.ts +167 -0
  19. package/src/components/InputBase/types.ts +28 -0
  20. package/src/components/InputBase/utils.ts +41 -0
  21. package/src/components/Link/index.tsx +69 -0
  22. package/src/components/Link/styles.ts +11 -0
  23. package/src/components/List/index.tsx +103 -0
  24. package/src/components/List/styles.ts +8 -0
  25. package/src/components/LoadingOverlay/index.tsx +34 -0
  26. package/src/components/LoadingOverlay/styles.ts +12 -0
  27. package/src/components/Modal/index.tsx +189 -0
  28. package/src/components/Modal/styles.ts +26 -0
  29. package/src/components/NumberIncrement/index.tsx +292 -0
  30. package/src/components/NumberIncrement/styles.ts +15 -0
  31. package/src/components/Overlay/index.tsx +42 -0
  32. package/src/components/Overlay/styles.ts +8 -0
  33. package/src/components/RadioInput/index.tsx +155 -0
  34. package/src/components/RadioInput/styles.ts +14 -0
  35. package/src/components/Scroll/index.tsx +29 -0
  36. package/src/components/Scroll/styles.ts +8 -0
  37. package/src/components/Select/index.tsx +438 -0
  38. package/src/components/Select/styles.ts +179 -0
  39. package/src/components/Select/types.ts +100 -0
  40. package/src/components/Slider/index.tsx +303 -0
  41. package/src/components/Slider/styles.ts +11 -0
  42. package/src/components/Switch/index.tsx +128 -0
  43. package/src/components/Switch/styles.ts +20 -0
  44. package/src/components/Text/index.tsx +62 -0
  45. package/src/components/Text/styles.ts +9 -0
  46. package/src/components/TextInput/index.tsx +253 -0
  47. package/src/components/TextInput/mask.tsx +165 -0
  48. package/src/components/TextInput/styles.ts +15 -0
  49. package/src/components/Tooltip/index.tsx +155 -0
  50. package/src/components/Tooltip/styles.ts +9 -0
  51. package/src/components/Touchable/index.tsx +72 -0
  52. package/src/components/Touchable/styles.ts +11 -0
  53. package/src/components/View/index.tsx +94 -0
  54. package/src/components/View/styles.ts +8 -0
  55. package/src/components/components.ts +29 -0
  56. package/src/components/defaultStyles.ts +51 -0
  57. package/src/index.ts +6 -0
  58. package/src/lib/OSAlert.tsx +190 -0
  59. package/src/lib/Toast.ts +23 -0
  60. package/src/lib/hooks.ts +340 -0
  61. package/src/lib/index.ts +2 -0
  62. package/src/lib/logger.ts +13 -0
  63. package/src/lib/utils/cookies.ts +13 -0
  64. package/src/lib/utils/index.ts +4 -0
  65. package/src/lib/utils/pollyfils/scroll.ts +65 -0
  66. package/src/lib/utils/stopPropagation.ts +15 -0
  67. package/src/types/index.ts +1 -0
  68. package/src/types/utility.ts +3 -0
  69. package/dist/components/ActivityIndicator/index.d.ts +0 -12
  70. package/dist/components/ActivityIndicator/index.js +0 -57
  71. package/dist/components/ActivityIndicator/index.js.map +0 -1
  72. package/dist/components/ActivityIndicator/styles.d.ts +0 -53
  73. package/dist/components/ActivityIndicator/styles.js +0 -22
  74. package/dist/components/ActivityIndicator/styles.js.map +0 -1
  75. package/dist/components/Button.d.ts +0 -18
  76. package/dist/components/Button.js +0 -67
  77. package/dist/components/Button.js.map +0 -1
  78. package/dist/components/CenterWrapper.d.ts +0 -7
  79. package/dist/components/CenterWrapper.js +0 -28
  80. package/dist/components/CenterWrapper.js.map +0 -1
  81. package/dist/components/Checkbox/index.d.ts +0 -12
  82. package/dist/components/Checkbox/index.js +0 -58
  83. package/dist/components/Checkbox/index.js.map +0 -1
  84. package/dist/components/Checkbox/styles.d.ts +0 -53
  85. package/dist/components/Checkbox/styles.js +0 -64
  86. package/dist/components/Checkbox/styles.js.map +0 -1
  87. package/dist/components/Collapse.d.ts +0 -20
  88. package/dist/components/Collapse.js +0 -68
  89. package/dist/components/Collapse.js.map +0 -1
  90. package/dist/components/ContentView.d.ts +0 -10
  91. package/dist/components/ContentView.js +0 -52
  92. package/dist/components/ContentView.js.map +0 -1
  93. package/dist/components/Drawer.d.ts +0 -23
  94. package/dist/components/Drawer.js +0 -73
  95. package/dist/components/Drawer.js.map +0 -1
  96. package/dist/components/FileInput.d.ts +0 -8
  97. package/dist/components/FileInput.js +0 -69
  98. package/dist/components/FileInput.js.map +0 -1
  99. package/dist/components/HorizontalScroll.d.ts +0 -3
  100. package/dist/components/HorizontalScroll.js +0 -42
  101. package/dist/components/HorizontalScroll.js.map +0 -1
  102. package/dist/components/Icon.d.ts +0 -8
  103. package/dist/components/Icon.js +0 -55
  104. package/dist/components/Icon.js.map +0 -1
  105. package/dist/components/Link.d.ts +0 -7
  106. package/dist/components/Link.js +0 -63
  107. package/dist/components/Link.js.map +0 -1
  108. package/dist/components/List.d.ts +0 -18
  109. package/dist/components/List.js +0 -52
  110. package/dist/components/List.js.map +0 -1
  111. package/dist/components/Modal/index.d.ts +0 -21
  112. package/dist/components/Modal/index.js +0 -116
  113. package/dist/components/Modal/index.js.map +0 -1
  114. package/dist/components/Modal/styles.d.ts +0 -56
  115. package/dist/components/Modal/styles.js +0 -36
  116. package/dist/components/Modal/styles.js.map +0 -1
  117. package/dist/components/Overlay.d.ts +0 -10
  118. package/dist/components/Overlay.js +0 -41
  119. package/dist/components/Overlay.js.map +0 -1
  120. package/dist/components/RadioInput/index.d.ts +0 -21
  121. package/dist/components/RadioInput/index.js +0 -55
  122. package/dist/components/RadioInput/index.js.map +0 -1
  123. package/dist/components/RadioInput/styles.d.ts +0 -54
  124. package/dist/components/RadioInput/styles.js +0 -44
  125. package/dist/components/RadioInput/styles.js.map +0 -1
  126. package/dist/components/RouterPage/Menu.d.ts +0 -10
  127. package/dist/components/RouterPage/Menu.js +0 -36
  128. package/dist/components/RouterPage/Menu.js.map +0 -1
  129. package/dist/components/RouterPage/MenuItem.d.ts +0 -12
  130. package/dist/components/RouterPage/MenuItem.js +0 -42
  131. package/dist/components/RouterPage/MenuItem.js.map +0 -1
  132. package/dist/components/RouterPage/Router.d.ts +0 -8
  133. package/dist/components/RouterPage/Router.js +0 -27
  134. package/dist/components/RouterPage/Router.js.map +0 -1
  135. package/dist/components/RouterPage/index.d.ts +0 -29
  136. package/dist/components/RouterPage/index.js +0 -85
  137. package/dist/components/RouterPage/index.js.map +0 -1
  138. package/dist/components/RouterPage/styles.d.ts +0 -54
  139. package/dist/components/RouterPage/styles.js +0 -87
  140. package/dist/components/RouterPage/styles.js.map +0 -1
  141. package/dist/components/Scroll.d.ts +0 -5
  142. package/dist/components/Scroll.js +0 -24
  143. package/dist/components/Scroll.js.map +0 -1
  144. package/dist/components/Select/Custom.d.ts +0 -8
  145. package/dist/components/Select/Custom.js +0 -104
  146. package/dist/components/Select/Custom.js.map +0 -1
  147. package/dist/components/Select/Multi.d.ts +0 -3
  148. package/dist/components/Select/Multi.js +0 -105
  149. package/dist/components/Select/Multi.js.map +0 -1
  150. package/dist/components/Select/Native.d.ts +0 -17
  151. package/dist/components/Select/Native.js +0 -44
  152. package/dist/components/Select/Native.js.map +0 -1
  153. package/dist/components/Select/index.d.ts +0 -12
  154. package/dist/components/Select/index.js +0 -40
  155. package/dist/components/Select/index.js.map +0 -1
  156. package/dist/components/Select/styles.d.ts +0 -5
  157. package/dist/components/Select/styles.js +0 -57
  158. package/dist/components/Select/styles.js.map +0 -1
  159. package/dist/components/Select/types.d.ts +0 -49
  160. package/dist/components/Select/types.js +0 -3
  161. package/dist/components/Select/types.js.map +0 -1
  162. package/dist/components/Slider.d.ts +0 -5
  163. package/dist/components/Slider.js +0 -39
  164. package/dist/components/Slider.js.map +0 -1
  165. package/dist/components/Text.d.ts +0 -9
  166. package/dist/components/Text.js +0 -43
  167. package/dist/components/Text.js.map +0 -1
  168. package/dist/components/TextInput.d.ts +0 -150
  169. package/dist/components/TextInput.js +0 -125
  170. package/dist/components/TextInput.js.map +0 -1
  171. package/dist/components/Tooltip.d.ts +0 -12
  172. package/dist/components/Tooltip.js +0 -122
  173. package/dist/components/Tooltip.js.map +0 -1
  174. package/dist/components/Touchable.d.ts +0 -15
  175. package/dist/components/Touchable.js +0 -52
  176. package/dist/components/Touchable.js.map +0 -1
  177. package/dist/components/View.d.ts +0 -10
  178. package/dist/components/View.js +0 -62
  179. package/dist/components/View.js.map +0 -1
  180. package/dist/components/index.d.ts +0 -24
  181. package/dist/components/index.js +0 -37
  182. package/dist/components/index.js.map +0 -1
  183. package/dist/index.d.ts +0 -6
  184. package/dist/index.js +0 -25
  185. package/dist/index.js.map +0 -1
  186. package/dist/lib/OSAlert.d.ts +0 -21
  187. package/dist/lib/OSAlert.js +0 -140
  188. package/dist/lib/OSAlert.js.map +0 -1
  189. package/dist/lib/Toast.d.ts +0 -13
  190. package/dist/lib/Toast.js +0 -32
  191. package/dist/lib/Toast.js.map +0 -1
  192. package/dist/lib/hooks.d.ts +0 -28
  193. package/dist/lib/hooks.js +0 -183
  194. package/dist/lib/hooks.js.map +0 -1
  195. package/dist/lib/logger.d.ts +0 -2
  196. package/dist/lib/logger.js +0 -16
  197. package/dist/lib/logger.js.map +0 -1
  198. package/dist/lib/utils/cookies.d.ts +0 -6
  199. package/dist/lib/utils/cookies.js +0 -15
  200. package/dist/lib/utils/cookies.js.map +0 -1
  201. package/dist/lib/utils/index.d.ts +0 -4
  202. package/dist/lib/utils/index.js +0 -23
  203. package/dist/lib/utils/index.js.map +0 -1
  204. package/dist/lib/utils/pollyfils/scroll.d.ts +0 -1
  205. package/dist/lib/utils/pollyfils/scroll.js +0 -66
  206. package/dist/lib/utils/pollyfils/scroll.js.map +0 -1
  207. package/dist/lib/utils/stopPropagation.d.ts +0 -1
  208. package/dist/lib/utils/stopPropagation.js +0 -20
  209. package/dist/lib/utils/stopPropagation.js.map +0 -1
  210. package/dist/types/utility.d.ts +0 -2
  211. package/dist/types/utility.js +0 -3
  212. 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,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { MultiSelectProps } from './types';
3
- export declare const MultiSelect: React.FC<MultiSelectProps<any>>;
@@ -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>;
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=types.js.map