@codeleap/mobile 1.4.2 → 1.5.0

package/dist/components/Select/styles.js

@@ -1,57 +1,57 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileSelectStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createSelectStyle = (0, common_1.createDefaultVariantFactory)();
-exports.MobileSelectStyles = {
-    default: createSelectStyle(function (theme) { return ({
-        modalBox: {
-            // ...MobileModalStyles.default(theme).box,
-            backgroundColor: theme.colors.background,
-            borderTopLeftRadius: 20,
-            borderTopRightRadius: 20,
-            zIndex: 1,
-            elevation: 5,
-        },
-        modalWrapper: {
-            // ...MobileModalStyles.default(theme).wrapper,
-            flex: 1,
-            alignItems: 'stretch',
-            justifyContent: 'flex-end',
-        },
-        modalItem: __assign(__assign(__assign({}, theme.spacing.paddingVertical(1)), theme.spacing.paddingHorizontal(2)), { color: theme.colors.text }),
-        'modalItemText:selected': {
-            color: theme.colors.primary,
-        },
-        modalList: __assign({}, theme.spacing.marginVertical(0.6)),
-        backdrop: {
-            // ...MobileModalStyles.default(theme).overlay,
-            zIndex: 10,
-            flex: 1,
-            backgroundColor: theme.colors.black,
-        },
-        'backdrop:hidden': {
-            opacity: 0,
-        },
-        'backdrop:visible': {
-            opacity: 0.4,
-        },
-        modalHeader: __assign(__assign(__assign(__assign({}, theme.spacing.padding(2)), { flexDirection: 'row' }), theme.presets.alignCenter), theme.presets.justifySpaceBetween),
-        modalLabelText: __assign({}, (0, common_1.assignTextStyle)('p2')(theme).text),
-        modalCloseButtonWrapper: {
-            backgroundColor: 'transparent',
-        },
-    }); }),
-};
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileSelectStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createSelectStyle = (0, common_1.createDefaultVariantFactory)();
+exports.MobileSelectStyles = {
+    default: createSelectStyle(function (theme) { return ({
+        modalBox: {
+            // ...MobileModalStyles.default(theme).box,
+            backgroundColor: theme.colors.background,
+            borderTopLeftRadius: 20,
+            borderTopRightRadius: 20,
+            zIndex: 1,
+            elevation: 5,
+        },
+        modalWrapper: {
+            // ...MobileModalStyles.default(theme).wrapper,
+            flex: 1,
+            alignItems: 'stretch',
+            justifyContent: 'flex-end',
+        },
+        modalItem: __assign(__assign(__assign({}, theme.spacing.paddingVertical(1)), theme.spacing.paddingHorizontal(2)), { color: theme.colors.text }),
+        'modalItemText:selected': {
+            color: theme.colors.primary,
+        },
+        modalList: __assign({}, theme.spacing.marginVertical(0.6)),
+        backdrop: {
+            // ...MobileModalStyles.default(theme).overlay,
+            zIndex: 10,
+            flex: 1,
+            backgroundColor: theme.colors.black,
+        },
+        'backdrop:hidden': {
+            opacity: 0,
+        },
+        'backdrop:visible': {
+            opacity: 0.4,
+        },
+        modalHeader: __assign(__assign(__assign(__assign({}, theme.spacing.padding(2)), { flexDirection: 'row' }), theme.presets.alignCenter), theme.presets.justifySpaceBetween),
+        modalLabelText: __assign({}, (0, common_1.assignTextStyle)('p2')(theme).text),
+        modalCloseButtonWrapper: {
+            backgroundColor: 'transparent',
+        },
+    }); }),
+};
 //# sourceMappingURL=styles.js.map

package/dist/components/Select/types.d.ts

@@ -1,33 +1,33 @@
-import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
-import { ReactElement } from 'react';
-import { StylesOf } from '../../types/utility';
-import { ButtonProps } from '../Button';
-import { TextInputProps } from '../TextInput';
-import { MobileSelectComposition, MobileSelectStyles } from './styles';
-export declare type SelectRenderFNProps<T> = FormTypes.Options<T>[number] & {
-    styles: StylesOf<MobileSelectComposition>;
-    onPress: () => void;
-    selected?: boolean;
-};
-export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
-export declare type CustomSelectProps<T> = {
-    value: T;
-    placeholder?: FormTypes.Label;
-    label?: FormTypes.Label;
-    options?: FormTypes.Options<T>;
-    onDropdownToggle?: (isOpen?: boolean) => void;
-    onValueChange?: (value: T) => void;
-    renderItem?: SelectRenderFN<T>;
-    styles?: StylesOf<MobileSelectComposition>;
-    style?: any;
-    arrowIconName?: IconPlaceholder;
-    scroll?: boolean;
-    closeOnSelect?: boolean;
-    footer?: ReactElement;
-    header?: ReactElement;
-    showLabelOnModal?: boolean;
-    modalCloseIconName?: IconPlaceholder;
-    showClose?: boolean;
-    modalLabel?: string;
-    closeButtonProps?: Partial<ButtonProps>;
-} & ComponentVariants<typeof MobileSelectStyles> & TextInputProps;
+import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
+import { ReactElement } from 'react';
+import { StylesOf } from '../../types/utility';
+import { ButtonProps } from '../Button';
+import { TextInputProps } from '../TextInput';
+import { MobileSelectComposition, MobileSelectStyles } from './styles';
+export declare type SelectRenderFNProps<T> = FormTypes.Options<T>[number] & {
+    styles: StylesOf<MobileSelectComposition>;
+    onPress: () => void;
+    selected?: boolean;
+};
+export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
+export declare type CustomSelectProps<T> = {
+    value: T;
+    placeholder?: FormTypes.Label;
+    label?: FormTypes.Label;
+    options?: FormTypes.Options<T>;
+    onDropdownToggle?: (isOpen?: boolean) => void;
+    onValueChange?: (value: T) => void;
+    renderItem?: SelectRenderFN<T>;
+    styles?: StylesOf<MobileSelectComposition>;
+    style?: any;
+    arrowIconName?: IconPlaceholder;
+    scroll?: boolean;
+    closeOnSelect?: boolean;
+    footer?: ReactElement;
+    header?: ReactElement;
+    showLabelOnModal?: boolean;
+    modalCloseIconName?: IconPlaceholder;
+    showClose?: boolean;
+    modalLabel?: string;
+    closeButtonProps?: Partial<ButtonProps>;
+} & ComponentVariants<typeof MobileSelectStyles> & TextInputProps;

package/dist/components/Select/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/components/Slider/Mark.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { SliderMarkProps } from './types';
-export declare const SliderMark: React.FC<SliderMarkProps>;
+import React from 'react';
+import { SliderMarkProps } from './types';
+export declare const SliderMark: React.FC<SliderMarkProps>;

package/dist/components/Slider/Mark.js

@@ -1,32 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderMark = void 0;
-var react_1 = __importDefault(require("react"));
-var Text_1 = require("../Text");
-var View_1 = require("../View");
-var SliderMark = function (_a) {
-    var index = _a.index, sliderProps = _a.sliderProps, styles = _a.styles, variantStyles = _a.variantStyles;
-    var _b = sliderProps.labels, labels = _b === void 0 ? [] : _b, showMarks = sliderProps.showMarks;
-    var l = (labels === null || labels === void 0 ? void 0 : labels[index]) || '';
-    var isFirst = index === 0;
-    var isLast = index === labels.length - 1;
-    var centerAdjustWord = -(l.length * 2);
-    var markStyles = {};
-    var labelStyles = {};
-    if (!isFirst && !isLast) {
-        labelStyles.left = centerAdjustWord;
-    }
-    if (isLast) {
-        labelStyles.right = -20;
-        markStyles.right = -10;
-    }
-    return (<>
-      {showMarks ? (<View_1.View style={[markStyles, variantStyles.mark, styles.mark]}/>) : null}
-      {l ? (<Text_1.Text style={[labelStyles, variantStyles.trackLabels, styles.trackLabels]} text={l}/>) : null}
-    </>);
-};
-exports.SliderMark = SliderMark;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderMark = void 0;
+var react_1 = __importDefault(require("react"));
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var SliderMark = function (_a) {
+    var index = _a.index, sliderProps = _a.sliderProps, styles = _a.styles, variantStyles = _a.variantStyles;
+    var _b = sliderProps.labels, labels = _b === void 0 ? [] : _b, showMarks = sliderProps.showMarks;
+    var l = (labels === null || labels === void 0 ? void 0 : labels[index]) || '';
+    var isFirst = index === 0;
+    var isLast = index === labels.length - 1;
+    var centerAdjustWord = -(l.length * 2);
+    var markStyles = {};
+    var labelStyles = {};
+    if (!isFirst && !isLast) {
+        labelStyles.left = centerAdjustWord;
+    }
+    if (isLast) {
+        labelStyles.right = -20;
+        markStyles.right = -10;
+    }
+    return (<>
+      {showMarks ? (<View_1.View style={[markStyles, variantStyles.mark, styles.mark]}/>) : null}
+      {l ? (<Text_1.Text style={[labelStyles, variantStyles.trackLabels, styles.trackLabels]} text={l}/>) : null}
+    </>);
+};
+exports.SliderMark = SliderMark;
 //# sourceMappingURL=Mark.js.map

package/dist/components/Slider/Thumb.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const ThumbTooltip: ({ children, visible, styles, variantStyles }: {
-    children: any;
-    visible: any;
-    styles: any;
-    variantStyles: any;
-}) => JSX.Element;
+/// <reference types="react" />
+export declare const ThumbTooltip: ({ children, visible, styles, variantStyles }: {
+    children: any;
+    visible: any;
+    styles: any;
+    variantStyles: any;
+}) => JSX.Element;

package/dist/components/Slider/Thumb.js

@@ -1,30 +1,30 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbTooltip = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var Text_1 = require("../Text");
-var View_1 = require("../View");
-var ThumbTooltip = function (_a) {
-    var children = _a.children, visible = _a.visible, styles = _a.styles, variantStyles = _a.variantStyles;
-    return (<View_1.View style={[
-            react_native_1.StyleSheet.flatten([variantStyles.tooltip, styles.tooltip]),
-            visible
-                ? react_native_1.StyleSheet.flatten([
-                    variantStyles['tooltip:visible'],
-                    styles['tooltip:visible'],
-                ])
-                : react_native_1.StyleSheet.flatten([
-                    variantStyles['tooltip:hidden'],
-                    styles['tooltip:hidden'],
-                ]),
-        ]}>
-      <Text_1.Text style={[variantStyles.tooltipText, styles.tooltipText]} text={children}/>
-      <View_1.View style={[variantStyles.tooltipArrow, styles.tooltipArrow]}/>
-    </View_1.View>);
-};
-exports.ThumbTooltip = ThumbTooltip;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbTooltip = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var ThumbTooltip = function (_a) {
+    var children = _a.children, visible = _a.visible, styles = _a.styles, variantStyles = _a.variantStyles;
+    return (<View_1.View style={[
+            react_native_1.StyleSheet.flatten([variantStyles.tooltip, styles.tooltip]),
+            visible
+                ? react_native_1.StyleSheet.flatten([
+                    variantStyles['tooltip:visible'],
+                    styles['tooltip:visible'],
+                ])
+                : react_native_1.StyleSheet.flatten([
+                    variantStyles['tooltip:hidden'],
+                    styles['tooltip:hidden'],
+                ]),
+        ]}>
+      <Text_1.Text style={[variantStyles.tooltipText, styles.tooltipText]} text={children}/>
+      <View_1.View style={[variantStyles.tooltipArrow, styles.tooltipArrow]}/>
+    </View_1.View>);
+};
+exports.ThumbTooltip = ThumbTooltip;
 //# sourceMappingURL=Thumb.js.map

package/dist/components/Slider/index.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { SliderProps } from './types';
-export declare const Slider: React.FC<SliderProps>;
+import * as React from 'react';
+import { SliderProps } from './types';
+export declare const Slider: React.FC<SliderProps>;

package/dist/components/Slider/index.js

@@ -1,94 +1,94 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = void 0;
-var Mark_1 = require("./Mark");
-var Thumb_1 = require("./Thumb");
-var React = __importStar(require("react"));
-var react_native_slider_1 = require("@miblanchard/react-native-slider");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var View_1 = require("../View");
-var common_1 = require("@codeleap/common");
-var TextInput_1 = require("../TextInput");
-var Slider = function (sliderProps) {
-    var _a;
-    var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];
-    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"]);
-    var changeDebounce = typeof debounce === 'number' ? debounce : 100;
-    var debounceTimeout = (0, react_1.useRef)(null);
-    var toggleTooltipTimeout = (0, react_1.useRef)(null);
-    var valueRef = (0, react_1.useRef)(value);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Slider', {
-        variants: variants,
-    });
-    function setValue() {
-        onValueChange(valueRef.current);
-    }
-    function onChange(val) {
-        var eventValue = val;
-        if (Array.isArray(val) && typeof value === 'number') {
-            eventValue = val[0];
-        }
-        if (eventValue === value)
-            return;
-        valueRef.current = eventValue;
-        if (debounceTimeout.current)
-            clearTimeout(debounceTimeout.current);
-        debounceTimeout.current = setTimeout(function () {
-            setValue();
-        }, changeDebounce);
-    }
-    return (<View_1.View style={[variantStyles.wrapper, style]}>
-      <TextInput_1.InputLabel label={label} style={[variantStyles.label, styles.label]}/>
-      <react_native_slider_1.Slider value={value} onSlidingStart={function () {
-            if (toggleTooltipTimeout.current) {
-                clearTimeout(toggleTooltipTimeout.current);
-            }
-            setTooltipVisible(true);
-        }} onSlidingComplete={function () {
-            toggleTooltipTimeout.current = setTimeout(function () { return setTooltipVisible(false); }, tooltipVisibilityWindow);
-        }} onValueChange={onChange} renderAboveThumbComponent={function (idx) {
-            if (!valueOverThumb)
-                return null;
-            var thisValue = Array.isArray(value) ? value[idx] : value;
-            return (<Thumb_1.ThumbTooltip visible={tooltipVisible} variantStyles={variantStyles} styles={styles}>
-              {formatTooltip ? formatTooltip(thisValue) : thisValue.toString()}
-            </Thumb_1.ThumbTooltip>);
-        }} 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([
-            variantStyles.selectedTrack,
-            styles.selectedTrack,
-        ])) === null || _a === void 0 ? void 0 : _a.backgroundColor} {...props}/>
-    </View_1.View>);
-};
-exports.Slider = Slider;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var Mark_1 = require("./Mark");
+var Thumb_1 = require("./Thumb");
+var React = __importStar(require("react"));
+var react_native_slider_1 = require("@miblanchard/react-native-slider");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var common_1 = require("@codeleap/common");
+var TextInput_1 = require("../TextInput");
+var Slider = function (sliderProps) {
+    var _a;
+    var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];
+    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"]);
+    var changeDebounce = typeof debounce === 'number' ? debounce : 100;
+    var debounceTimeout = (0, react_1.useRef)(null);
+    var toggleTooltipTimeout = (0, react_1.useRef)(null);
+    var valueRef = (0, react_1.useRef)(value);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Slider', {
+        variants: variants,
+    });
+    function setValue() {
+        onValueChange(valueRef.current);
+    }
+    function onChange(val) {
+        var eventValue = val;
+        if (Array.isArray(val) && typeof value === 'number') {
+            eventValue = val[0];
+        }
+        if (eventValue === value)
+            return;
+        valueRef.current = eventValue;
+        if (debounceTimeout.current)
+            clearTimeout(debounceTimeout.current);
+        debounceTimeout.current = setTimeout(function () {
+            setValue();
+        }, changeDebounce);
+    }
+    return (<View_1.View style={[variantStyles.wrapper, style]}>
+      <TextInput_1.InputLabel label={label} style={[variantStyles.label, styles.label]}/>
+      <react_native_slider_1.Slider value={value} onSlidingStart={function () {
+            if (toggleTooltipTimeout.current) {
+                clearTimeout(toggleTooltipTimeout.current);
+            }
+            setTooltipVisible(true);
+        }} onSlidingComplete={function () {
+            toggleTooltipTimeout.current = setTimeout(function () { return setTooltipVisible(false); }, tooltipVisibilityWindow);
+        }} onValueChange={onChange} renderAboveThumbComponent={function (idx) {
+            if (!valueOverThumb)
+                return null;
+            var thisValue = Array.isArray(value) ? value[idx] : value;
+            return (<Thumb_1.ThumbTooltip visible={tooltipVisible} variantStyles={variantStyles} styles={styles}>
+              {formatTooltip ? formatTooltip(thisValue) : thisValue.toString()}
+            </Thumb_1.ThumbTooltip>);
+        }} 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([
+            variantStyles.selectedTrack,
+            styles.selectedTrack,
+        ])) === null || _a === void 0 ? void 0 : _a.backgroundColor} {...props}/>
+    </View_1.View>);
+};
+exports.Slider = Slider;
 //# sourceMappingURL=index.js.map

package/dist/components/Slider/types.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
-import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
-import { StylesOf } from '../../types/utility';
-import { ViewProps } from '../View';
-export declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
-    debounce?: number;
-    labels: string[];
-    value: number;
-    valueOverThumb?: boolean;
-    showMarks?: boolean;
-    onValueChange: (val: number) => void;
-    label: Form.Label;
-    formatTooltip?: (val: number) => React.ReactNode;
-    variants?: ComponentVariants<typeof SliderStyles>['variants'];
-    styles?: StylesOf<SliderComposition>;
-    style?: ViewProps['style'];
-    tooltipVisibilityWindow?: number;
-};
-export declare type SliderMarkProps = {
-    sliderProps: SliderProps;
-    index: number;
-    styles: SliderProps['styles'];
-    variantStyles: SliderProps['styles'];
-};
+/// <reference types="react" />
+import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
+import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
+import { StylesOf } from '../../types/utility';
+import { ViewProps } from '../View';
+export declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
+    debounce?: number;
+    labels: string[];
+    value: number;
+    valueOverThumb?: boolean;
+    showMarks?: boolean;
+    onValueChange: (val: number) => void;
+    label: Form.Label;
+    formatTooltip?: (val: number) => React.ReactNode;
+    variants?: ComponentVariants<typeof SliderStyles>['variants'];
+    styles?: StylesOf<SliderComposition>;
+    style?: ViewProps['style'];
+    tooltipVisibilityWindow?: number;
+};
+export declare type SliderMarkProps = {
+    sliderProps: SliderProps;
+    index: number;
+    styles: SliderProps['styles'];
+    variantStyles: SliderProps['styles'];
+};

package/dist/components/Slider/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/components/Switch.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { SwitchStyles, SwitchComposition, ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
-import { ComponentPropsWithRef, ReactNode } from 'react';
-import { Switch as NativeSwitch } from 'react-native';
-declare type NativeSwitchProps = Omit<ComponentPropsWithRef<typeof NativeSwitch>, 'thumbColor' | 'trackColor'>;
-declare type SwitchProps = NativeSwitchProps & {
-    variants?: ComponentVariants<typeof SwitchStyles>['variants'];
-    label?: ReactNode;
-    styles?: StylesOf<SwitchComposition>;
-    validate?: FormTypes.ValidatorFunctionWithoutForm | string;
-};
-export declare const Switch: React.FC<SwitchProps>;
-export {};
+import * as React from 'react';
+import { SwitchStyles, SwitchComposition, ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { Switch as NativeSwitch } from 'react-native';
+declare type NativeSwitchProps = Omit<ComponentPropsWithRef<typeof NativeSwitch>, 'thumbColor' | 'trackColor'>;
+declare type SwitchProps = NativeSwitchProps & {
+    variants?: ComponentVariants<typeof SwitchStyles>['variants'];
+    label?: ReactNode;
+    styles?: StylesOf<SwitchComposition>;
+    validate?: FormTypes.ValidatorFunctionWithoutForm | string;
+};
+export declare const Switch: React.FC<SwitchProps>;
+export {};