@codeleap/mobile 1.9.25 → 1.9.28

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 (222) hide show
  1. package/CodeLeap-Mobile-Packages.code-workspace +7 -7
  2. package/dist/components/ActivityIndicator.d.ts +13 -13
  3. package/dist/components/ActivityIndicator.js +54 -54
  4. package/dist/components/ActivityIndicator.js.map +0 -0
  5. package/dist/components/Animated.d.ts +123 -15
  6. package/dist/components/Animated.js +58 -58
  7. package/dist/components/Animated.js.map +0 -0
  8. package/dist/components/Button.d.ts +132 -125
  9. package/dist/components/Button.js +93 -82
  10. package/dist/components/Button.js.map +1 -1
  11. package/dist/components/Checkbox/index.d.ts +15 -15
  12. package/dist/components/Checkbox/index.js +79 -79
  13. package/dist/components/Checkbox/index.js.map +0 -0
  14. package/dist/components/Checkbox/styles.d.ts +55 -55
  15. package/dist/components/Checkbox/styles.js +51 -51
  16. package/dist/components/Checkbox/styles.js.map +0 -0
  17. package/dist/components/ContentView.d.ts +10 -10
  18. package/dist/components/ContentView.js +50 -50
  19. package/dist/components/ContentView.js.map +0 -0
  20. package/dist/components/EmptyPlaceholder.d.ts +12 -0
  21. package/dist/components/EmptyPlaceholder.js +54 -0
  22. package/dist/components/EmptyPlaceholder.js.map +1 -0
  23. package/dist/components/FileInput.d.ts +31 -31
  24. package/dist/components/FileInput.js +230 -230
  25. package/dist/components/FileInput.js.map +0 -0
  26. package/dist/components/Gap.d.ts +8 -0
  27. package/dist/components/Gap.js +60 -0
  28. package/dist/components/Gap.js.map +1 -0
  29. package/dist/components/Icon.d.ts +12 -12
  30. package/dist/components/Icon.js +70 -70
  31. package/dist/components/Icon.js.map +0 -0
  32. package/dist/components/Image.d.ts +18 -18
  33. package/dist/components/Image.js +59 -59
  34. package/dist/components/Image.js.map +0 -0
  35. package/dist/components/List.d.ts +14 -14
  36. package/dist/components/List.js +84 -83
  37. package/dist/components/List.js.map +1 -1
  38. package/dist/components/Modal/index.d.ts +27 -26
  39. package/dist/components/Modal/index.js +113 -112
  40. package/dist/components/Modal/index.js.map +1 -1
  41. package/dist/components/Modal/styles.d.ts +64 -69
  42. package/dist/components/Modal/styles.js +59 -64
  43. package/dist/components/Modal/styles.js.map +1 -1
  44. package/dist/components/Navigation/Navigation.d.ts +3 -3
  45. package/dist/components/Navigation/Navigation.js +87 -87
  46. package/dist/components/Navigation/Navigation.js.map +0 -0
  47. package/dist/components/Navigation/constants.d.ts +5 -5
  48. package/dist/components/Navigation/constants.js +10 -10
  49. package/dist/components/Navigation/constants.js.map +0 -0
  50. package/dist/components/Navigation/index.d.ts +3 -3
  51. package/dist/components/Navigation/index.js +19 -19
  52. package/dist/components/Navigation/index.js.map +0 -0
  53. package/dist/components/Navigation/types.d.ts +26 -26
  54. package/dist/components/Navigation/types.js +7 -7
  55. package/dist/components/Navigation/types.js.map +0 -0
  56. package/dist/components/Navigation/utils.d.ts +3 -3
  57. package/dist/components/Navigation/utils.js +69 -69
  58. package/dist/components/Navigation/utils.js.map +0 -0
  59. package/dist/components/NewPager/index.d.ts +26 -0
  60. package/dist/components/NewPager/index.js +88 -0
  61. package/dist/components/NewPager/index.js.map +1 -0
  62. package/dist/components/NewPager/styles.d.ts +87 -0
  63. package/dist/components/NewPager/styles.js +70 -0
  64. package/dist/components/NewPager/styles.js.map +1 -0
  65. package/dist/components/Overlay.d.ts +16 -16
  66. package/dist/components/Overlay.js +69 -69
  67. package/dist/components/Overlay.js.map +0 -0
  68. package/dist/components/Pager/index.d.ts +20 -20
  69. package/dist/components/Pager/index.js +167 -167
  70. package/dist/components/Pager/index.js.map +0 -0
  71. package/dist/components/Pager/styles.d.ts +54 -54
  72. package/dist/components/Pager/styles.js +43 -43
  73. package/dist/components/Pager/styles.js.map +0 -0
  74. package/dist/components/RadioInput/index.d.ts +26 -26
  75. package/dist/components/RadioInput/index.js +72 -72
  76. package/dist/components/RadioInput/index.js.map +0 -0
  77. package/dist/components/RadioInput/styles.d.ts +57 -57
  78. package/dist/components/RadioInput/styles.js +44 -44
  79. package/dist/components/RadioInput/styles.js.map +0 -0
  80. package/dist/components/Scroll.d.ts +13 -13
  81. package/dist/components/Scroll.js +81 -81
  82. package/dist/components/Scroll.js.map +0 -0
  83. package/dist/components/Sections.d.ts +11 -11
  84. package/dist/components/Sections.js +80 -80
  85. package/dist/components/Sections.js.map +0 -0
  86. package/dist/components/Select/index.d.ts +5 -5
  87. package/dist/components/Select/index.js +150 -150
  88. package/dist/components/Select/index.js.map +0 -0
  89. package/dist/components/Select/styles.d.ts +9 -9
  90. package/dist/components/Select/styles.js +56 -56
  91. package/dist/components/Select/styles.js.map +0 -0
  92. package/dist/components/Select/types.d.ts +40 -40
  93. package/dist/components/Select/types.js +2 -2
  94. package/dist/components/Select/types.js.map +0 -0
  95. package/dist/components/Slider/Mark.d.ts +3 -3
  96. package/dist/components/Slider/Mark.js +31 -31
  97. package/dist/components/Slider/Mark.js.map +0 -0
  98. package/dist/components/Slider/Thumb.d.ts +7 -7
  99. package/dist/components/Slider/Thumb.js +29 -29
  100. package/dist/components/Slider/Thumb.js.map +0 -0
  101. package/dist/components/Slider/index.d.ts +3 -3
  102. package/dist/components/Slider/index.js +97 -97
  103. package/dist/components/Slider/index.js.map +0 -0
  104. package/dist/components/Slider/types.d.ts +25 -25
  105. package/dist/components/Slider/types.js +2 -2
  106. package/dist/components/Slider/types.js.map +0 -0
  107. package/dist/components/Switch.d.ts +13 -13
  108. package/dist/components/Switch.js +75 -75
  109. package/dist/components/Switch.js.map +0 -0
  110. package/dist/components/Text.d.ts +12 -12
  111. package/dist/components/Text.js +52 -52
  112. package/dist/components/Text.js.map +0 -0
  113. package/dist/components/TextInput.d.ts +183 -183
  114. package/dist/components/TextInput.js +180 -180
  115. package/dist/components/TextInput.js.map +0 -0
  116. package/dist/components/Touchable.d.ts +14 -14
  117. package/dist/components/Touchable.js +75 -75
  118. package/dist/components/Touchable.js.map +0 -0
  119. package/dist/components/View.d.ts +123 -120
  120. package/dist/components/View.js +55 -54
  121. package/dist/components/View.js.map +1 -1
  122. package/dist/components/components.d.ts +28 -25
  123. package/dist/components/components.js +44 -41
  124. package/dist/components/components.js.map +1 -1
  125. package/dist/index.d.ts +6 -5
  126. package/dist/index.js +30 -28
  127. package/dist/index.js.map +1 -1
  128. package/dist/modules/documentPicker.d.ts +3 -3
  129. package/dist/modules/documentPicker.js +11 -11
  130. package/dist/modules/documentPicker.js.map +0 -0
  131. package/dist/modules/fastImage.d.ts +1 -1
  132. package/dist/modules/fastImage.js +9 -9
  133. package/dist/modules/fastImage.js.map +0 -0
  134. package/dist/modules/reactNavigation.d.ts +3 -3
  135. package/dist/modules/reactNavigation.js +10 -10
  136. package/dist/modules/reactNavigation.js.map +0 -0
  137. package/dist/modules/textInputMask.d.ts +9 -12
  138. package/dist/modules/textInputMask.js +7 -7
  139. package/dist/modules/types/fileTypes.d.ts +138 -138
  140. package/dist/modules/types/fileTypes.js +2 -2
  141. package/dist/modules/types/fileTypes.js.map +0 -0
  142. package/dist/modules/types/textInputMask.d.ts +7 -12
  143. package/dist/modules/types/textInputMask.js +2 -2
  144. package/dist/types/utility.d.ts +2 -2
  145. package/dist/types/utility.js +2 -2
  146. package/dist/types/utility.js.map +0 -0
  147. package/dist/utils/ModalManager/components.d.ts +12 -0
  148. package/dist/utils/ModalManager/components.js +79 -0
  149. package/dist/utils/ModalManager/components.js.map +1 -0
  150. package/dist/utils/ModalManager/context.d.ts +42 -0
  151. package/dist/utils/ModalManager/context.js +172 -0
  152. package/dist/utils/ModalManager/context.js.map +1 -0
  153. package/dist/utils/ModalManager/index.d.ts +14 -0
  154. package/dist/utils/ModalManager/index.js +12 -0
  155. package/dist/utils/ModalManager/index.js.map +1 -0
  156. package/dist/utils/OSAlert.d.ts +31 -31
  157. package/dist/utils/OSAlert.js +141 -141
  158. package/dist/utils/OSAlert.js.map +0 -0
  159. package/dist/utils/misc.d.ts +2 -2
  160. package/dist/utils/misc.js +25 -25
  161. package/dist/utils/misc.js.map +0 -0
  162. package/dist/utils/styles.d.ts +1 -1
  163. package/dist/utils/styles.js +12 -12
  164. package/dist/utils/styles.js.map +0 -0
  165. package/package.json +43 -40
  166. package/src/components/ActivityIndicator.tsx +46 -46
  167. package/src/components/Animated.tsx +34 -34
  168. package/src/components/Button.tsx +117 -95
  169. package/src/components/Checkbox/index.tsx +85 -85
  170. package/src/components/Checkbox/styles.ts +76 -76
  171. package/src/components/ContentView.tsx +58 -58
  172. package/src/components/EmptyPlaceholder.tsx +53 -0
  173. package/src/components/FileInput.tsx +230 -230
  174. package/src/components/Gap.tsx +40 -0
  175. package/src/components/Icon.tsx +58 -58
  176. package/src/components/Image.tsx +61 -61
  177. package/src/components/List.tsx +116 -111
  178. package/src/components/Modal/index.tsx +162 -161
  179. package/src/components/Modal/styles.ts +126 -133
  180. package/src/components/Navigation/Navigation.tsx +58 -58
  181. package/src/components/Navigation/constants.ts +8 -8
  182. package/src/components/Navigation/index.tsx +3 -3
  183. package/src/components/Navigation/types.ts +35 -35
  184. package/src/components/Navigation/utils.tsx +59 -59
  185. package/src/components/NewPager/index.tsx +121 -0
  186. package/src/components/NewPager/styles.ts +76 -0
  187. package/src/components/Overlay.tsx +77 -77
  188. package/src/components/Pager/index.tsx +242 -242
  189. package/src/components/Pager/styles.ts +51 -51
  190. package/src/components/RadioInput/index.tsx +101 -101
  191. package/src/components/RadioInput/styles.ts +67 -67
  192. package/src/components/Scroll.tsx +106 -106
  193. package/src/components/Sections.tsx +101 -101
  194. package/src/components/Select/index.tsx +195 -195
  195. package/src/components/Select/styles.ts +81 -81
  196. package/src/components/Select/types.ts +46 -46
  197. package/src/components/Slider/Mark.tsx +46 -46
  198. package/src/components/Slider/Thumb.tsx +29 -29
  199. package/src/components/Slider/index.tsx +123 -123
  200. package/src/components/Slider/types.ts +25 -25
  201. package/src/components/Switch.tsx +81 -81
  202. package/src/components/Text.tsx +30 -30
  203. package/src/components/TextInput.tsx +247 -247
  204. package/src/components/Touchable.tsx +78 -78
  205. package/src/components/View.tsx +48 -46
  206. package/src/components/components.ts +28 -26
  207. package/src/index.ts +6 -6
  208. package/src/modules/documentPicker.ts +7 -7
  209. package/src/modules/fastImage.ts +2 -2
  210. package/src/modules/index.d.ts +496 -496
  211. package/src/modules/reactNavigation.ts +4 -4
  212. package/src/modules/textInputMask.ts +9 -9
  213. package/src/modules/types/documentPicker.d.ts +215 -215
  214. package/src/modules/types/fileTypes.ts +138 -138
  215. package/src/modules/types/textInputMask.ts +9 -13
  216. package/src/types/utility.ts +3 -3
  217. package/src/utils/ModalManager/components.tsx +58 -0
  218. package/src/utils/ModalManager/context.tsx +208 -0
  219. package/src/utils/ModalManager/index.ts +9 -0
  220. package/src/utils/OSAlert.ts +180 -180
  221. package/src/utils/misc.ts +24 -24
  222. package/src/utils/styles.ts +14 -14
@@ -1,40 +1,40 @@
1
- import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
2
- import { ReactElement } from 'react';
3
- import { StylesOf } from '../../types/utility';
4
- import { ButtonProps } from '../Button';
5
- import { TextInputProps } from '../TextInput';
6
- import { MobileSelectComposition, MobileSelectStyles } from './styles';
7
- export declare type SelectRenderFNProps<T> = FormTypes.Options<T>[number] & {
8
- styles: StylesOf<MobileSelectComposition>;
9
- onPress: () => void;
10
- selected?: boolean;
11
- index: number;
12
- };
13
- export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
14
- export declare type CustomSelectProps<T> = {
15
- value: T;
16
- placeholder?: FormTypes.Label;
17
- label?: FormTypes.Label;
18
- options?: FormTypes.Options<T>;
19
- onDropdownToggle?: (isOpen?: boolean) => void;
20
- onValueChange?: (value: T) => void;
21
- renderItem?: SelectRenderFN<T>;
22
- styles?: StylesOf<MobileSelectComposition>;
23
- style?: any;
24
- arrowIconName?: IconPlaceholder;
25
- scroll?: boolean;
26
- closeOnSelect?: boolean;
27
- footer?: ReactElement;
28
- header?: ReactElement;
29
- showLabelOnModal?: boolean;
30
- modalCloseIconName?: IconPlaceholder;
31
- showClose?: boolean;
32
- modalLabel?: string;
33
- textInputProps?: Partial<TextInputProps>;
34
- closeButtonProps?: Partial<ButtonProps>;
35
- toggle: (isOpen?: boolean) => void;
36
- visible: boolean;
37
- renderList?: (props: CustomSelectProps<T> & {
38
- isEmpty: boolean;
39
- }) => JSX.Element;
40
- } & ComponentVariants<typeof MobileSelectStyles> & TextInputProps;
1
+ import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
2
+ import { ReactElement } from 'react';
3
+ import { StylesOf } from '../../types/utility';
4
+ import { ButtonProps } from '../Button';
5
+ import { TextInputProps } from '../TextInput';
6
+ import { MobileSelectComposition, MobileSelectStyles } from './styles';
7
+ export declare type SelectRenderFNProps<T> = FormTypes.Options<T>[number] & {
8
+ styles: StylesOf<MobileSelectComposition>;
9
+ onPress: () => void;
10
+ selected?: boolean;
11
+ index: number;
12
+ };
13
+ export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
14
+ export declare type CustomSelectProps<T> = {
15
+ value: T;
16
+ placeholder?: FormTypes.Label;
17
+ label?: FormTypes.Label;
18
+ options?: FormTypes.Options<T>;
19
+ onDropdownToggle?: (isOpen?: boolean) => void;
20
+ onValueChange?: (value: T) => void;
21
+ renderItem?: SelectRenderFN<T>;
22
+ styles?: StylesOf<MobileSelectComposition>;
23
+ style?: any;
24
+ arrowIconName?: IconPlaceholder;
25
+ scroll?: boolean;
26
+ closeOnSelect?: boolean;
27
+ footer?: ReactElement;
28
+ header?: ReactElement;
29
+ showLabelOnModal?: boolean;
30
+ modalCloseIconName?: IconPlaceholder;
31
+ showClose?: boolean;
32
+ modalLabel?: string;
33
+ textInputProps?: Partial<TextInputProps>;
34
+ closeButtonProps?: Partial<ButtonProps>;
35
+ toggle: (isOpen?: boolean) => void;
36
+ visible: boolean;
37
+ renderList?: (props: CustomSelectProps<T> & {
38
+ isEmpty: boolean;
39
+ }) => JSX.Element;
40
+ } & ComponentVariants<typeof MobileSelectStyles> & TextInputProps;
@@ -1,3 +1,3 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  //# sourceMappingURL=types.js.map
File without changes
@@ -1,3 +1,3 @@
1
- import React from 'react';
2
- import { SliderMarkProps } from './types';
3
- export declare const SliderMark: React.FC<SliderMarkProps>;
1
+ import React from 'react';
2
+ import { SliderMarkProps } from './types';
3
+ export declare const SliderMark: React.FC<SliderMarkProps>;
@@ -1,32 +1,32 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.SliderMark = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var Text_1 = require("../Text");
9
- var View_1 = require("../View");
10
- var SliderMark = function (_a) {
11
- var index = _a.index, sliderProps = _a.sliderProps, styles = _a.styles, variantStyles = _a.variantStyles;
12
- var _b = sliderProps.labels, labels = _b === void 0 ? [] : _b, showMarks = sliderProps.showMarks;
13
- var l = (labels === null || labels === void 0 ? void 0 : labels[index]) || '';
14
- var isFirst = index === 0;
15
- var isLast = index === labels.length - 1;
16
- var centerAdjustWord = -(l.length * 2);
17
- var markStyles = {};
18
- var labelStyles = {};
19
- if (!isFirst && !isLast) {
20
- labelStyles.left = centerAdjustWord;
21
- }
22
- if (isLast) {
23
- labelStyles.right = -20;
24
- markStyles.right = -10;
25
- }
26
- return (<>
27
- {showMarks ? (<View_1.View style={[markStyles, variantStyles.mark, styles.mark]}/>) : null}
28
- {l ? (<Text_1.Text style={[labelStyles, variantStyles.trackLabels, styles.trackLabels]} text={l}/>) : null}
29
- </>);
30
- };
31
- exports.SliderMark = SliderMark;
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.SliderMark = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var Text_1 = require("../Text");
9
+ var View_1 = require("../View");
10
+ var SliderMark = function (_a) {
11
+ var index = _a.index, sliderProps = _a.sliderProps, styles = _a.styles, variantStyles = _a.variantStyles;
12
+ var _b = sliderProps.labels, labels = _b === void 0 ? [] : _b, showMarks = sliderProps.showMarks;
13
+ var l = (labels === null || labels === void 0 ? void 0 : labels[index]) || '';
14
+ var isFirst = index === 0;
15
+ var isLast = index === labels.length - 1;
16
+ var centerAdjustWord = -(l.length * 2);
17
+ var markStyles = {};
18
+ var labelStyles = {};
19
+ if (!isFirst && !isLast) {
20
+ labelStyles.left = centerAdjustWord;
21
+ }
22
+ if (isLast) {
23
+ labelStyles.right = -20;
24
+ markStyles.right = -10;
25
+ }
26
+ return (<>
27
+ {showMarks ? (<View_1.View style={[markStyles, variantStyles.mark, styles.mark]}/>) : null}
28
+ {l ? (<Text_1.Text style={[labelStyles, variantStyles.trackLabels, styles.trackLabels]} text={l}/>) : null}
29
+ </>);
30
+ };
31
+ exports.SliderMark = SliderMark;
32
32
  //# sourceMappingURL=Mark.js.map
File without changes
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
2
- export declare const ThumbTooltip: ({ children, visible, styles, variantStyles }: {
3
- children: any;
4
- visible: any;
5
- styles: any;
6
- variantStyles: any;
7
- }) => JSX.Element;
1
+ /// <reference types="react" />
2
+ export declare const ThumbTooltip: ({ children, visible, styles, variantStyles }: {
3
+ children: any;
4
+ visible: any;
5
+ styles: any;
6
+ variantStyles: any;
7
+ }) => JSX.Element;
@@ -1,30 +1,30 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ThumbTooltip = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var react_native_1 = require("react-native");
9
- var Text_1 = require("../Text");
10
- var View_1 = require("../View");
11
- var ThumbTooltip = function (_a) {
12
- var children = _a.children, visible = _a.visible, styles = _a.styles, variantStyles = _a.variantStyles;
13
- return (<View_1.View style={[
14
- react_native_1.StyleSheet.flatten([variantStyles.tooltip, styles.tooltip]),
15
- visible
16
- ? react_native_1.StyleSheet.flatten([
17
- variantStyles['tooltip:visible'],
18
- styles['tooltip:visible'],
19
- ])
20
- : react_native_1.StyleSheet.flatten([
21
- variantStyles['tooltip:hidden'],
22
- styles['tooltip:hidden'],
23
- ]),
24
- ]}>
25
- <Text_1.Text style={[variantStyles.tooltipText, styles.tooltipText]} text={children}/>
26
- <View_1.View style={[variantStyles.tooltipArrow, styles.tooltipArrow]}/>
27
- </View_1.View>);
28
- };
29
- exports.ThumbTooltip = ThumbTooltip;
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ThumbTooltip = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var react_native_1 = require("react-native");
9
+ var Text_1 = require("../Text");
10
+ var View_1 = require("../View");
11
+ var ThumbTooltip = function (_a) {
12
+ var children = _a.children, visible = _a.visible, styles = _a.styles, variantStyles = _a.variantStyles;
13
+ return (<View_1.View style={[
14
+ react_native_1.StyleSheet.flatten([variantStyles.tooltip, styles.tooltip]),
15
+ visible
16
+ ? react_native_1.StyleSheet.flatten([
17
+ variantStyles['tooltip:visible'],
18
+ styles['tooltip:visible'],
19
+ ])
20
+ : react_native_1.StyleSheet.flatten([
21
+ variantStyles['tooltip:hidden'],
22
+ styles['tooltip:hidden'],
23
+ ]),
24
+ ]}>
25
+ <Text_1.Text style={[variantStyles.tooltipText, styles.tooltipText]} text={children}/>
26
+ <View_1.View style={[variantStyles.tooltipArrow, styles.tooltipArrow]}/>
27
+ </View_1.View>);
28
+ };
29
+ exports.ThumbTooltip = ThumbTooltip;
30
30
  //# sourceMappingURL=Thumb.js.map
File without changes
@@ -1,3 +1,3 @@
1
- import * as React from 'react';
2
- import { SliderProps } from './types';
3
- export declare const Slider: React.FC<SliderProps>;
1
+ import * as React from 'react';
2
+ import { SliderProps } from './types';
3
+ export declare const Slider: React.FC<SliderProps>;
@@ -1,98 +1,98 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
- Object.defineProperty(exports, "__esModule", { value: true });
37
- exports.Slider = void 0;
38
- var Mark_1 = require("./Mark");
39
- var Thumb_1 = require("./Thumb");
40
- var React = __importStar(require("react"));
41
- var react_native_slider_1 = require("@miblanchard/react-native-slider");
42
- var react_1 = require("react");
43
- var react_native_1 = require("react-native");
44
- var View_1 = require("../View");
45
- var common_1 = require("@codeleap/common");
46
- var TextInput_1 = require("../TextInput");
47
- var Slider = function (sliderProps) {
48
- var _a;
49
- var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];
50
- var debounce = sliderProps.debounce, onValueChange = sliderProps.onValueChange, labels = sliderProps.labels, value = sliderProps.value, label = sliderProps.label, valueOverThumb = sliderProps.valueOverThumb, formatTooltip = sliderProps.formatTooltip, _c = sliderProps.styles, styles = _c === void 0 ? {} : _c, style = sliderProps.style, _d = sliderProps.tooltipVisibilityWindow, tooltipVisibilityWindow = _d === void 0 ? 830 : _d, variants = sliderProps.variants, props = __rest(sliderProps, ["debounce", "onValueChange", "labels", "value", "label", "valueOverThumb", "formatTooltip", "styles", "style", "tooltipVisibilityWindow", "variants"]);
51
- var changeDebounce = typeof debounce === 'number' ? debounce : 100;
52
- var debounceTimeout = (0, react_1.useRef)(null);
53
- var toggleTooltipTimeout = (0, react_1.useRef)(null);
54
- var valueRef = (0, react_1.useRef)(value);
55
- var variantStyles = (0, common_1.useDefaultComponentStyle)('Slider', {
56
- variants: variants,
57
- });
58
- function setValue() {
59
- onValueChange(valueRef.current);
60
- }
61
- function onChange(val) {
62
- var eventValue = val;
63
- if (Array.isArray(val) && typeof value === 'number') {
64
- eventValue = val[0];
65
- }
66
- if (eventValue === value)
67
- return;
68
- valueRef.current = eventValue;
69
- if (debounceTimeout.current)
70
- clearTimeout(debounceTimeout.current);
71
- debounceTimeout.current = setTimeout(function () {
72
- setValue();
73
- }, changeDebounce);
74
- }
75
- return (<View_1.View style={[variantStyles.wrapper, style]}>
76
- <TextInput_1.InputLabel label={label} style={[variantStyles.label, styles.label]}/>
77
- <react_native_slider_1.Slider value={value} onSlidingStart={function () {
78
- if (toggleTooltipTimeout.current) {
79
- clearTimeout(toggleTooltipTimeout.current);
80
- }
81
- setTooltipVisible(true);
82
- }} onSlidingComplete={function () {
83
- toggleTooltipTimeout.current = setTimeout(function () { return setTooltipVisible(false); }, tooltipVisibilityWindow);
84
- }} onValueChange={onChange} renderAboveThumbComponent={function (idx) {
85
- if (!valueOverThumb)
86
- return null;
87
- var thisValue = Array.isArray(value) ? value[idx] : value;
88
- return (<Thumb_1.ThumbTooltip visible={tooltipVisible} variantStyles={variantStyles} styles={styles}>
89
- {formatTooltip ? formatTooltip(thisValue) : thisValue.toString()}
90
- </Thumb_1.ThumbTooltip>);
91
- }} renderTrackMarkComponent={function (idx) { return (<Mark_1.SliderMark index={idx} sliderProps={sliderProps} styles={styles} variantStyles={variantStyles}/>); }} maximumValue={labels ? labels.length - 1 : 10} trackMarks={labels ? Object.keys(labels).map(function (z) { return parseInt(z); }) : []} containerStyle={[variantStyles.inputContainer, styles.inputContainer]} thumbStyle={react_native_1.StyleSheet.flatten([variantStyles.handle, styles.handle])} trackStyle={[variantStyles.track, styles.track]} minimumTrackTintColor={(_a = react_native_1.StyleSheet.flatten([
92
- variantStyles.selectedTrack,
93
- styles.selectedTrack,
94
- ])) === null || _a === void 0 ? void 0 : _a.backgroundColor} {...props}/>
95
- </View_1.View>);
96
- };
97
- exports.Slider = Slider;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __rest = (this && this.__rest) || function (s, e) {
26
+ var t = {};
27
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
+ t[p] = s[p];
29
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
+ t[p[i]] = s[p[i]];
33
+ }
34
+ return t;
35
+ };
36
+ Object.defineProperty(exports, "__esModule", { value: true });
37
+ exports.Slider = void 0;
38
+ var Mark_1 = require("./Mark");
39
+ var Thumb_1 = require("./Thumb");
40
+ var React = __importStar(require("react"));
41
+ var react_native_slider_1 = require("@miblanchard/react-native-slider");
42
+ var react_1 = require("react");
43
+ var react_native_1 = require("react-native");
44
+ var View_1 = require("../View");
45
+ var common_1 = require("@codeleap/common");
46
+ var TextInput_1 = require("../TextInput");
47
+ var Slider = function (sliderProps) {
48
+ var _a;
49
+ var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];
50
+ var debounce = sliderProps.debounce, onValueChange = sliderProps.onValueChange, labels = sliderProps.labels, value = sliderProps.value, label = sliderProps.label, valueOverThumb = sliderProps.valueOverThumb, formatTooltip = sliderProps.formatTooltip, _c = sliderProps.styles, styles = _c === void 0 ? {} : _c, style = sliderProps.style, _d = sliderProps.tooltipVisibilityWindow, tooltipVisibilityWindow = _d === void 0 ? 830 : _d, variants = sliderProps.variants, props = __rest(sliderProps, ["debounce", "onValueChange", "labels", "value", "label", "valueOverThumb", "formatTooltip", "styles", "style", "tooltipVisibilityWindow", "variants"]);
51
+ var changeDebounce = typeof debounce === 'number' ? debounce : 100;
52
+ var debounceTimeout = (0, react_1.useRef)(null);
53
+ var toggleTooltipTimeout = (0, react_1.useRef)(null);
54
+ var valueRef = (0, react_1.useRef)(value);
55
+ var variantStyles = (0, common_1.useDefaultComponentStyle)('Slider', {
56
+ variants: variants,
57
+ });
58
+ function setValue() {
59
+ onValueChange(valueRef.current);
60
+ }
61
+ function onChange(val) {
62
+ var eventValue = val;
63
+ if (Array.isArray(val) && typeof value === 'number') {
64
+ eventValue = val[0];
65
+ }
66
+ if (eventValue === value)
67
+ return;
68
+ valueRef.current = eventValue;
69
+ if (debounceTimeout.current)
70
+ clearTimeout(debounceTimeout.current);
71
+ debounceTimeout.current = setTimeout(function () {
72
+ setValue();
73
+ }, changeDebounce);
74
+ }
75
+ return (<View_1.View style={[variantStyles.wrapper, style]}>
76
+ <TextInput_1.InputLabel label={label} style={[variantStyles.label, styles.label]}/>
77
+ <react_native_slider_1.Slider value={value} onSlidingStart={function () {
78
+ if (toggleTooltipTimeout.current) {
79
+ clearTimeout(toggleTooltipTimeout.current);
80
+ }
81
+ setTooltipVisible(true);
82
+ }} onSlidingComplete={function () {
83
+ toggleTooltipTimeout.current = setTimeout(function () { return setTooltipVisible(false); }, tooltipVisibilityWindow);
84
+ }} onValueChange={onChange} renderAboveThumbComponent={function (idx) {
85
+ if (!valueOverThumb)
86
+ return null;
87
+ var thisValue = Array.isArray(value) ? value[idx] : value;
88
+ return (<Thumb_1.ThumbTooltip visible={tooltipVisible} variantStyles={variantStyles} styles={styles}>
89
+ {formatTooltip ? formatTooltip(thisValue) : thisValue.toString()}
90
+ </Thumb_1.ThumbTooltip>);
91
+ }} renderTrackMarkComponent={function (idx) { return (<Mark_1.SliderMark index={idx} sliderProps={sliderProps} styles={styles} variantStyles={variantStyles}/>); }} maximumValue={labels ? labels.length - 1 : 10} trackMarks={labels ? Object.keys(labels).map(function (z) { return parseInt(z); }) : []} containerStyle={[variantStyles.inputContainer, styles.inputContainer]} thumbStyle={react_native_1.StyleSheet.flatten([variantStyles.handle, styles.handle])} trackStyle={[variantStyles.track, styles.track]} minimumTrackTintColor={(_a = react_native_1.StyleSheet.flatten([
92
+ variantStyles.selectedTrack,
93
+ styles.selectedTrack,
94
+ ])) === null || _a === void 0 ? void 0 : _a.backgroundColor} {...props}/>
95
+ </View_1.View>);
96
+ };
97
+ exports.Slider = Slider;
98
98
  //# sourceMappingURL=index.js.map
File without changes
@@ -1,25 +1,25 @@
1
- /// <reference types="react" />
2
- import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
3
- import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
4
- import { StylesOf } from '../../types/utility';
5
- import { ViewProps } from '../View';
6
- export declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
7
- debounce?: number;
8
- labels: string[];
9
- value: number;
10
- valueOverThumb?: boolean;
11
- showMarks?: boolean;
12
- onValueChange: (val: number) => void;
13
- label: Form.Label;
14
- formatTooltip?: (val: number) => React.ReactNode;
15
- variants?: ComponentVariants<typeof SliderStyles>['variants'];
16
- styles?: StylesOf<SliderComposition>;
17
- style?: ViewProps['style'];
18
- tooltipVisibilityWindow?: number;
19
- };
20
- export declare type SliderMarkProps = {
21
- sliderProps: SliderProps;
22
- index: number;
23
- styles: SliderProps['styles'];
24
- variantStyles: SliderProps['styles'];
25
- };
1
+ /// <reference types="react" />
2
+ import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
3
+ import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
4
+ import { StylesOf } from '../../types/utility';
5
+ import { ViewProps } from '../View';
6
+ export declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
7
+ debounce?: number;
8
+ labels: string[];
9
+ value: number;
10
+ valueOverThumb?: boolean;
11
+ showMarks?: boolean;
12
+ onValueChange: (val: number) => void;
13
+ label: Form.Label;
14
+ formatTooltip?: (val: number) => React.ReactNode;
15
+ variants?: ComponentVariants<typeof SliderStyles>['variants'];
16
+ styles?: StylesOf<SliderComposition>;
17
+ style?: ViewProps['style'];
18
+ tooltipVisibilityWindow?: number;
19
+ };
20
+ export declare type SliderMarkProps = {
21
+ sliderProps: SliderProps;
22
+ index: number;
23
+ styles: SliderProps['styles'];
24
+ variantStyles: SliderProps['styles'];
25
+ };
@@ -1,3 +1,3 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  //# sourceMappingURL=types.js.map
File without changes
@@ -1,13 +1,13 @@
1
- import * as React from 'react';
2
- import { SwitchStyles, SwitchComposition, ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
3
- import { ComponentPropsWithRef, ReactNode } from 'react';
4
- import { Switch as NativeSwitch } from 'react-native';
5
- declare type NativeSwitchProps = Omit<ComponentPropsWithRef<typeof NativeSwitch>, 'thumbColor' | 'trackColor'>;
6
- declare type SwitchProps = NativeSwitchProps & {
7
- variants?: ComponentVariants<typeof SwitchStyles>['variants'];
8
- label?: ReactNode;
9
- styles?: StylesOf<SwitchComposition>;
10
- validate?: FormTypes.ValidatorFunctionWithoutForm | string;
11
- };
12
- export declare const Switch: React.FC<SwitchProps>;
13
- export {};
1
+ import * as React from 'react';
2
+ import { SwitchStyles, SwitchComposition, ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
3
+ import { ComponentPropsWithRef, ReactNode } from 'react';
4
+ import { Switch as NativeSwitch } from 'react-native';
5
+ declare type NativeSwitchProps = Omit<ComponentPropsWithRef<typeof NativeSwitch>, 'thumbColor' | 'trackColor'>;
6
+ declare type SwitchProps = NativeSwitchProps & {
7
+ variants?: ComponentVariants<typeof SwitchStyles>['variants'];
8
+ label?: ReactNode;
9
+ styles?: StylesOf<SwitchComposition>;
10
+ validate?: FormTypes.ValidatorFunctionWithoutForm | string;
11
+ };
12
+ export declare const Switch: React.FC<SwitchProps>;
13
+ export {};