@codeleap/mobile 1.3.1 → 1.4.2

package/dist/components/Select/index.js

@@ -1,31 +1,145 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-var React = __importStar(require("react"));
-var View_1 = require("../View");
-var Select = function () {
-    return <View_1.View>
-
-    </View_1.View>;
-};
-exports.Select = Select;
+"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);
+};
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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.Select = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Button_1 = require("../Button");
+var Scroll_1 = require("../Scroll");
+var TextInput_1 = require("../TextInput");
+var Touchable_1 = require("../Touchable");
+var View_1 = require("../View");
+var Select = function (selectProps) {
+    var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, renderItem = selectProps.renderItem, _b = selectProps.closeOnSelect, closeOnSelect = _b === void 0 ? true : _b, _c = selectProps.scroll, scroll = _c === void 0 ? false : _c, _d = selectProps.showClose, showClose = _d === void 0 ? true : _d, _e = selectProps.showLabelOnModal, showLabelOnModal = _e === void 0 ? true : _e, _f = selectProps.placeholder, placeholder = _f === void 0 ? 'Select' : _f, _g = selectProps.arrowIconName, arrowIconName = _g === void 0 ? 'selectArrow' : _g, footer = selectProps.footer, _h = selectProps.modalCloseIconName, modalCloseIconName = _h === void 0 ? 'close' : _h, header = selectProps.header, closeButtonProps = selectProps.closeButtonProps, modalLabel = selectProps.modalLabel, props = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "scroll", "showClose", "showLabelOnModal", "placeholder", "arrowIconName", "footer", "modalCloseIconName", "header", "closeButtonProps", "modalLabel"]);
+    var _j = (0, common_1.useBooleanToggle)(false), isModalVisible = _j[0], setModalVisibility = _j[1];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MobileSelect', {
+        transform: react_native_1.StyleSheet.flatten,
+        rootElement: 'inputWrapper',
+        styles: styles,
+        variants: variants,
+    });
+    var inputStyles = (0, react_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('input', variantStyles); }, [variantStyles]);
+    var closeButtonStyles = (0, react_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('modalCloseButton', variantStyles); }, [variantStyles]);
+    var ListComponent = scroll ? Scroll_1.Scroll : View_1.View;
+    var close = function () { return setModalVisibility(); };
+    var select = function (value) {
+        onValueChange(value);
+        if (closeOnSelect) {
+            close();
+        }
+    };
+    var selectedLabel = (0, react_1.useMemo)(function () {
+        var _a;
+        var current = options.find(function (o) { return o.value === value; });
+        var display = (_a = current === null || current === void 0 ? void 0 : current.label) !== null && _a !== void 0 ? _a : placeholder;
+        return common_1.TypeGuards.isString(display) ? display : '';
+    }, [value, placeholder, options]);
+    return <>
+    <TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
+            name: arrowIconName,
+        }} editable={false} touchableWrapper innerWrapperProps={{
+            debugName: 'Select',
+            onPress: close,
+        }} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...props}/>
+    <View_1.AnimatedView pointerEvents={'none'} transition='opacity' style={[
+            {
+                position: 'absolute',
+                top: 0,
+                right: 0,
+                left: 0,
+                bottom: 0,
+            },
+            variantStyles.backdrop,
+            isModalVisible ? variantStyles['backdrop:visible'] : variantStyles['backdrop:hidden'],
+        ]}/>
+
+    <react_native_1.Modal animationType='slide' transparent={true} visible={isModalVisible} onRequestClose={function () {
+            setModalVisibility();
+        }} pointerEvents={isModalVisible ? 'auto' : 'none'}>
+      <Touchable_1.Touchable onPress={close} style={{
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            left: 0,
+            bottom: 0,
+        }} debugName={"Close modal"}/>
+      <View_1.View style={variantStyles.modalWrapper}>
+
+        <View_1.View style={variantStyles.modalBox}>
+          {(showClose || showLabelOnModal || header) && (<View_1.View style={variantStyles.modalHeader}>
+                {header ? header : <>
+                    {showLabelOnModal && <TextInput_1.InputLabel label={modalLabel || label} style={variantStyles.modalLabelText}/>}
+                    {showClose && <Button_1.Button icon={modalCloseIconName} onPress={close} styles={closeButtonStyles} debugName={'Close modal'} {...closeButtonProps}/>}
+                  </>}
+              </View_1.View>)}
+          <ListComponent style={variantStyles.modalList}>
+            {options.map(function (item, idx) {
+            var isSelected = value === item.value;
+            if (renderItem) {
+                return renderItem(__assign(__assign({}, item), { selected: isSelected, onPress: close, styles: variantStyles }));
+            }
+            return <Touchable_1.Touchable key={idx} style={[
+                    variantStyles.modalItem,
+                    isSelected && variantStyles['modalItem:selected'],
+                ]} onPress={function () { return select(item.value); }} debugName={"Select ".concat(item.value)}>
+                  <TextInput_1.InputLabel label={item.label} style={[variantStyles.modalItemText, isSelected && variantStyles['modalItemText:selected']]}/>
+                </Touchable_1.Touchable>;
+        })}
+          </ListComponent>
+
+          {footer && <View_1.View style={variantStyles.modalFooter}>
+              {footer}
+            </View_1.View>}
+        </View_1.View>
+      </View_1.View>
+    </react_native_1.Modal>
+  </>;
+};
+exports.Select = Select;
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,gCAA8B;AAEvB,IAAM,MAAM,GAAY;IAC3B,OAAO,CAAC,WAAK,AAAD,CAEZ;;IAAA,EAAE,WAAI,CAAC,CAAA;AACX,CAAC,CAAA;AAJY,QAAA,MAAM,UAIlB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { ButtonParts, TextInputComposition } from '@codeleap/common';
+declare type ModalParts = 'Box' | 'Wrapper' | 'Header' | 'Footer' | 'List' | 'Item' | 'ItemText' | 'Item:selected' | 'ItemText:selected' | 'LabelText' | `CloseButton${Capitalize<ButtonParts>}`;
+declare type InputParts = `input${Capitalize<TextInputComposition>}`;
+export declare type MobileSelectParts = InputParts | `backdrop` | `backdrop:visible` | `backdrop:hidden` | `modal${ModalParts}`;
+export declare type MobileSelectComposition = MobileSelectParts;
+export declare const MobileSelectStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileSelectParts, any>>;
+};
+export {};

package/dist/components/Select/styles.js

@@ -0,0 +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',
+        },
+    }); }),
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/Select/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAkH;AAyBlH,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAA2B,CAAA;AAEnE,QAAA,kBAAkB,GAAG;IAChC,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,QAAQ,EAAE;YACR,2CAA2C;YAC3C,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACxC,mBAAmB,EAAE,EAAE;YACvB,oBAAoB,EAAE,EAAE;YACxB,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,CAAC;SACb;QACD,YAAY,EAAE;YACZ,+CAA+C;YAC/C,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,SAAS;YACrB,cAAc,EAAE,UAAU;SAC3B;QACD,SAAS,iCACJ,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,KACrC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,GACzB;QACD,wBAAwB,EAAE;YACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAC5B;QACD,SAAS,eACJ,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CACrC;QACD,QAAQ,EAAE;YACR,+CAA+C;YAC/C,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,CAAC;YAEP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SACpC;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,CAAC;SACX;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,GAAG;SACb;QACD,WAAW,0CACN,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAC3B,aAAa,EAAE,KAAK,KACjB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,mBAAmB,CACrC;QACD,cAAc,eACT,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,aAAa;SAC/B;KACF,CAAC,EAnDoC,CAmDpC,CAAC;CACJ,CAAA"}

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

@@ -0,0 +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;

package/dist/components/Select/types.js

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

package/dist/components/Select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":""}

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

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

package/dist/components/Slider/Mark.js

@@ -0,0 +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;
+//# sourceMappingURL=Mark.js.map

package/dist/components/Slider/Mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.js","sourceRoot":"","sources":["../../../src/components/Slider/Mark.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,gCAA8B;AAC9B,gCAA8B;AAEvB,IAAM,UAAU,GAA8B,UAAC,EAKrD;QAJC,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,aAAa,mBAAA;IAEL,IAAA,KAA2B,WAAW,OAA3B,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,SAAS,GAAK,WAAW,UAAhB,CAAgB;IAE9C,IAAM,CAAC,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,KAAI,EAAE,CAAA;IAE/B,IAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAA;IAC3B,IAAM,MAAM,GAAG,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1C,IAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAExC,IAAM,UAAU,GAAmB,EAAE,CAAA;IAErC,IAAM,WAAW,GAAmB,EAAE,CAAA;IAEtC,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE;QACvB,WAAW,CAAC,IAAI,GAAG,gBAAgB,CAAA;KACpC;IAED,IAAI,MAAM,EAAE;QACV,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,CAAA;QACvB,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE,CAAA;KACvB;IACD,OAAO,CACL,EACE;MAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAG,CAC/D,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CACH,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CACpE,IAAI,CAAC,CAAC,CAAC,CAAC,EACR,CACH,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,UAAU,cAwCtB"}

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

@@ -0,0 +1,7 @@
+/// <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

@@ -0,0 +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;
+//# sourceMappingURL=Thumb.js.map

package/dist/components/Slider/Thumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumb.js","sourceRoot":"","sources":["../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,6CAAyC;AACzC,gCAA8B;AAC9B,gCAA8B;AACvB,IAAM,YAAY,GAAG,UAAC,EAA4C;QAA1C,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA;IACrE,OAAO,CACL,CAAC,WAAI,CACH,KAAK,CAAC,CAAC;YACL,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;YAC3D,OAAO;gBACL,CAAC,CAAC,yBAAU,CAAC,OAAO,CAAC;oBACnB,aAAa,CAAC,iBAAiB,CAAC;oBAChC,MAAM,CAAC,iBAAiB,CAAC;iBAC1B,CAAC;gBACF,CAAC,CAAC,yBAAU,CAAC,OAAO,CAAC;oBACnB,aAAa,CAAC,gBAAgB,CAAC;oBAC/B,MAAM,CAAC,gBAAgB,CAAC;iBACzB,CAAC;SACL,CAAC,CAEF;MAAA,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CACvD,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEjB;MAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,EACjE;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,YAAY,gBAuBxB"}

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

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

package/dist/components/Slider/index.js

@@ -0,0 +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;
+//# sourceMappingURL=index.js.map

package/dist/components/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/{Slider.d.ts → Slider/types.d.ts}

@@ -1,20 +1,25 @@
-import * as React from 'react';
-import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
-import { ViewProps } from './View';
-import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
-import { StylesOf } from '../types/utility';
-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'];
-};
-export declare const Slider: React.FC<SliderProps>;
-export {};
+/// <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

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

package/dist/components/Slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":""}

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.ValidatorFunction | string;
-};
-export declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "label" | "variants" | "key" | "disabled" | "styles" | "onChange" | "value" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor" | "tintColor"> & React.RefAttributes<NativeSwitch>>;
-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 {};