@codeleap/mobile 1.9.11 → 1.9.14

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