@codeleap/mobile 1.9.25 → 1.9.26

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 (202) 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 +125 -125
  9. package/dist/components/Button.js +82 -82
  10. package/dist/components/Button.js.map +0 -0
  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/FileInput.d.ts +31 -31
  21. package/dist/components/FileInput.js +230 -230
  22. package/dist/components/FileInput.js.map +0 -0
  23. package/dist/components/Icon.d.ts +12 -12
  24. package/dist/components/Icon.js +70 -70
  25. package/dist/components/Icon.js.map +0 -0
  26. package/dist/components/Image.d.ts +18 -18
  27. package/dist/components/Image.js +59 -59
  28. package/dist/components/Image.js.map +0 -0
  29. package/dist/components/List.d.ts +14 -14
  30. package/dist/components/List.js +83 -83
  31. package/dist/components/List.js.map +0 -0
  32. package/dist/components/Modal/index.d.ts +26 -26
  33. package/dist/components/Modal/index.js +112 -112
  34. package/dist/components/Modal/index.js.map +0 -0
  35. package/dist/components/Modal/styles.d.ts +69 -69
  36. package/dist/components/Modal/styles.js +64 -64
  37. package/dist/components/Modal/styles.js.map +0 -0
  38. package/dist/components/Navigation/Navigation.d.ts +3 -3
  39. package/dist/components/Navigation/Navigation.js +87 -87
  40. package/dist/components/Navigation/Navigation.js.map +0 -0
  41. package/dist/components/Navigation/constants.d.ts +5 -5
  42. package/dist/components/Navigation/constants.js +10 -10
  43. package/dist/components/Navigation/constants.js.map +0 -0
  44. package/dist/components/Navigation/index.d.ts +3 -3
  45. package/dist/components/Navigation/index.js +19 -19
  46. package/dist/components/Navigation/index.js.map +0 -0
  47. package/dist/components/Navigation/types.d.ts +26 -26
  48. package/dist/components/Navigation/types.js +7 -7
  49. package/dist/components/Navigation/types.js.map +0 -0
  50. package/dist/components/Navigation/utils.d.ts +3 -3
  51. package/dist/components/Navigation/utils.js +69 -69
  52. package/dist/components/Navigation/utils.js.map +0 -0
  53. package/dist/components/NewPager/index.d.ts +26 -0
  54. package/dist/components/NewPager/index.js +92 -0
  55. package/dist/components/NewPager/index.js.map +1 -0
  56. package/dist/components/NewPager/styles.d.ts +87 -0
  57. package/dist/components/NewPager/styles.js +70 -0
  58. package/dist/components/NewPager/styles.js.map +1 -0
  59. package/dist/components/Overlay.d.ts +16 -16
  60. package/dist/components/Overlay.js +69 -69
  61. package/dist/components/Overlay.js.map +0 -0
  62. package/dist/components/Pager/index.d.ts +20 -20
  63. package/dist/components/Pager/index.js +167 -167
  64. package/dist/components/Pager/index.js.map +0 -0
  65. package/dist/components/Pager/styles.d.ts +54 -54
  66. package/dist/components/Pager/styles.js +43 -43
  67. package/dist/components/Pager/styles.js.map +0 -0
  68. package/dist/components/RadioInput/index.d.ts +26 -26
  69. package/dist/components/RadioInput/index.js +72 -72
  70. package/dist/components/RadioInput/index.js.map +0 -0
  71. package/dist/components/RadioInput/styles.d.ts +57 -57
  72. package/dist/components/RadioInput/styles.js +44 -44
  73. package/dist/components/RadioInput/styles.js.map +0 -0
  74. package/dist/components/Scroll.d.ts +13 -13
  75. package/dist/components/Scroll.js +81 -81
  76. package/dist/components/Scroll.js.map +0 -0
  77. package/dist/components/Sections.d.ts +11 -11
  78. package/dist/components/Sections.js +80 -80
  79. package/dist/components/Sections.js.map +0 -0
  80. package/dist/components/Select/index.d.ts +5 -5
  81. package/dist/components/Select/index.js +150 -150
  82. package/dist/components/Select/index.js.map +0 -0
  83. package/dist/components/Select/styles.d.ts +9 -9
  84. package/dist/components/Select/styles.js +56 -56
  85. package/dist/components/Select/styles.js.map +0 -0
  86. package/dist/components/Select/types.d.ts +40 -40
  87. package/dist/components/Select/types.js +2 -2
  88. package/dist/components/Select/types.js.map +0 -0
  89. package/dist/components/Slider/Mark.d.ts +3 -3
  90. package/dist/components/Slider/Mark.js +31 -31
  91. package/dist/components/Slider/Mark.js.map +0 -0
  92. package/dist/components/Slider/Thumb.d.ts +7 -7
  93. package/dist/components/Slider/Thumb.js +29 -29
  94. package/dist/components/Slider/Thumb.js.map +0 -0
  95. package/dist/components/Slider/index.d.ts +3 -3
  96. package/dist/components/Slider/index.js +97 -97
  97. package/dist/components/Slider/index.js.map +0 -0
  98. package/dist/components/Slider/types.d.ts +25 -25
  99. package/dist/components/Slider/types.js +2 -2
  100. package/dist/components/Slider/types.js.map +0 -0
  101. package/dist/components/Switch.d.ts +13 -13
  102. package/dist/components/Switch.js +75 -75
  103. package/dist/components/Switch.js.map +0 -0
  104. package/dist/components/Text.d.ts +12 -12
  105. package/dist/components/Text.js +52 -52
  106. package/dist/components/Text.js.map +0 -0
  107. package/dist/components/TextInput.d.ts +183 -183
  108. package/dist/components/TextInput.js +180 -180
  109. package/dist/components/TextInput.js.map +0 -0
  110. package/dist/components/Touchable.d.ts +14 -14
  111. package/dist/components/Touchable.js +75 -75
  112. package/dist/components/Touchable.js.map +0 -0
  113. package/dist/components/View.d.ts +123 -120
  114. package/dist/components/View.js +55 -54
  115. package/dist/components/View.js.map +1 -1
  116. package/dist/components/components.d.ts +26 -25
  117. package/dist/components/components.js +42 -41
  118. package/dist/components/components.js.map +1 -1
  119. package/dist/index.d.ts +5 -5
  120. package/dist/index.js +28 -28
  121. package/dist/index.js.map +0 -0
  122. package/dist/modules/documentPicker.d.ts +3 -3
  123. package/dist/modules/documentPicker.js +11 -11
  124. package/dist/modules/documentPicker.js.map +0 -0
  125. package/dist/modules/fastImage.d.ts +1 -1
  126. package/dist/modules/fastImage.js +9 -9
  127. package/dist/modules/fastImage.js.map +0 -0
  128. package/dist/modules/reactNavigation.d.ts +3 -3
  129. package/dist/modules/reactNavigation.js +10 -10
  130. package/dist/modules/reactNavigation.js.map +0 -0
  131. package/dist/modules/textInputMask.d.ts +12 -12
  132. package/dist/modules/textInputMask.js +7 -7
  133. package/dist/modules/types/fileTypes.d.ts +138 -138
  134. package/dist/modules/types/fileTypes.js +2 -2
  135. package/dist/modules/types/fileTypes.js.map +0 -0
  136. package/dist/modules/types/textInputMask.d.ts +12 -12
  137. package/dist/modules/types/textInputMask.js +2 -2
  138. package/dist/types/utility.d.ts +2 -2
  139. package/dist/types/utility.js +2 -2
  140. package/dist/types/utility.js.map +0 -0
  141. package/dist/utils/OSAlert.d.ts +31 -31
  142. package/dist/utils/OSAlert.js +141 -141
  143. package/dist/utils/OSAlert.js.map +0 -0
  144. package/dist/utils/misc.d.ts +2 -2
  145. package/dist/utils/misc.js +25 -25
  146. package/dist/utils/misc.js.map +0 -0
  147. package/dist/utils/styles.d.ts +1 -1
  148. package/dist/utils/styles.js +12 -12
  149. package/dist/utils/styles.js.map +0 -0
  150. package/package.json +42 -40
  151. package/src/components/ActivityIndicator.tsx +46 -46
  152. package/src/components/Animated.tsx +34 -34
  153. package/src/components/Button.tsx +95 -95
  154. package/src/components/Checkbox/index.tsx +85 -85
  155. package/src/components/Checkbox/styles.ts +76 -76
  156. package/src/components/ContentView.tsx +58 -58
  157. package/src/components/FileInput.tsx +230 -230
  158. package/src/components/Icon.tsx +58 -58
  159. package/src/components/Image.tsx +61 -61
  160. package/src/components/List.tsx +111 -111
  161. package/src/components/Modal/index.tsx +161 -161
  162. package/src/components/Modal/styles.ts +133 -133
  163. package/src/components/Navigation/Navigation.tsx +58 -58
  164. package/src/components/Navigation/constants.ts +8 -8
  165. package/src/components/Navigation/index.tsx +3 -3
  166. package/src/components/Navigation/types.ts +35 -35
  167. package/src/components/Navigation/utils.tsx +59 -59
  168. package/src/components/NewPager/index.tsx +123 -0
  169. package/src/components/NewPager/styles.ts +76 -0
  170. package/src/components/Overlay.tsx +77 -77
  171. package/src/components/Pager/index.tsx +242 -242
  172. package/src/components/Pager/styles.ts +52 -51
  173. package/src/components/RadioInput/index.tsx +101 -101
  174. package/src/components/RadioInput/styles.ts +67 -67
  175. package/src/components/Scroll.tsx +106 -106
  176. package/src/components/Sections.tsx +101 -101
  177. package/src/components/Select/index.tsx +195 -195
  178. package/src/components/Select/styles.ts +81 -81
  179. package/src/components/Select/types.ts +46 -46
  180. package/src/components/Slider/Mark.tsx +46 -46
  181. package/src/components/Slider/Thumb.tsx +29 -29
  182. package/src/components/Slider/index.tsx +123 -123
  183. package/src/components/Slider/types.ts +25 -25
  184. package/src/components/Switch.tsx +81 -81
  185. package/src/components/Text.tsx +30 -30
  186. package/src/components/TextInput.tsx +247 -247
  187. package/src/components/Touchable.tsx +78 -78
  188. package/src/components/View.tsx +48 -46
  189. package/src/components/components.ts +27 -26
  190. package/src/index.ts +6 -6
  191. package/src/modules/documentPicker.ts +7 -7
  192. package/src/modules/fastImage.ts +2 -2
  193. package/src/modules/index.d.ts +496 -496
  194. package/src/modules/reactNavigation.ts +4 -4
  195. package/src/modules/textInputMask.ts +9 -9
  196. package/src/modules/types/documentPicker.d.ts +215 -215
  197. package/src/modules/types/fileTypes.ts +138 -138
  198. package/src/modules/types/textInputMask.ts +13 -13
  199. package/src/types/utility.ts +3 -3
  200. package/src/utils/OSAlert.ts +180 -180
  201. package/src/utils/misc.ts +24 -24
  202. 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 {};