@codeleap/mobile 4.1.0 → 4.2.2

package/dist/components/Select/index.js

@@ -0,0 +1,259 @@
+"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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+/* eslint-disable max-lines */
+var common_1 = require("@codeleap/common");
+var react_1 = __importStar(require("react"));
+var List_1 = require("../List");
+var TextInput_1 = require("../TextInput");
+var utils_1 = require("../../utils");
+var Button_1 = require("../Button");
+var styles_1 = require("@codeleap/styles");
+var Modal_1 = __importDefault(require("../Modal"));
+var Registry_1 = require("../../Registry");
+var SearchInput_1 = require("../SearchInput");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var defaultFilterFunction = function (search, options) {
+    return options.filter(function (option) {
+        if (common_1.TypeGuards.isString(option.label)) {
+            return option.label.toLowerCase().includes(search.toLowerCase());
+        }
+        return option.label === search;
+    });
+};
+var defaultGetLabel = function (option) {
+    var _a;
+    if (common_1.TypeGuards.isArray(option)) {
+        if ((option === null || option === void 0 ? void 0 : option.length) === 0)
+            return null;
+        var labels = (_a = option === null || option === void 0 ? void 0 : option.map(function (option) { return option === null || option === void 0 ? void 0 : option.label; })) === null || _a === void 0 ? void 0 : _a.filter(function (value) { return !!value; });
+        return labels === null || labels === void 0 ? void 0 : labels.join(', ');
+    }
+    else {
+        if (!option)
+            return null;
+        return option === null || option === void 0 ? void 0 : option.label;
+    }
+};
+var OuterInput = function (props) {
+    var currentValueLabel = props.currentValueLabel, debugName = props.debugName, clearIcon = props.clearIcon, label = props.label, toggle = props.toggle, style = props.style, placeholder = props.placeholder, _a = props.disabled, disabled = _a === void 0 ? false : _a, _b = props.inputProps, inputProps = _b === void 0 ? {} : _b;
+    return <TextInput_1.TextInput value={common_1.TypeGuards.isString(currentValueLabel) ? currentValueLabel : null} rightIcon={clearIcon} onPress={disabled ? null : function () { return toggle(); }} disabled={disabled} label={label} debugName={debugName} style={style} innerWrapperProps={{
+            rippleDisabled: true,
+        }} placeholder={placeholder} {...inputProps}/>;
+};
+var Select = function (selectProps) {
+    var allProps = __assign(__assign({}, exports.Select.defaultProps), selectProps);
+    var value = allProps.value, onValueChange = allProps.onValueChange, label = allProps.label, _a = allProps.options, options = _a === void 0 ? [] : _a, style = allProps.style, description = allProps.description, Item = allProps.renderItem, listProps = allProps.listProps, debugName = allProps.debugName, placeholder = allProps.placeholder, arrowIconName = allProps.arrowIconName, clearIconName = allProps.clearIconName, clearable = allProps.clearable, selectedIcon = allProps.selectedIcon, _b = allProps.inputProps, inputProps = _b === void 0 ? {} : _b, hideInput = allProps.hideInput, _c = allProps.itemProps, itemProps = _c === void 0 ? {} : _c, searchable = allProps.searchable, loadOptions = allProps.loadOptions, multiple = allProps.multiple, _d = allProps.closeOnSelect, closeOnSelect = _d === void 0 ? !multiple : _d, _e = allProps.limit, limit = _e === void 0 ? null : _e, _f = allProps.defaultOptions, defaultOptions = _f === void 0 ? options : _f, _visible = allProps.visible, _toggle = allProps.toggle, ListHeaderComponent = allProps.ListHeaderComponent, ListComponent = allProps.ListComponent, onLoadOptionsError = allProps.onLoadOptionsError, _g = allProps.loadOptionsOnMount, loadOptionsOnMount = _g === void 0 ? defaultOptions.length === 0 : _g, loadOptionsOnOpen = allProps.loadOptionsOnOpen, filterItems = allProps.filterItems, getLabel = allProps.getLabel, searchInputProps = allProps.searchInputProps, outerInputComponent = allProps.outerInputComponent, disabled = allProps.disabled, modalProps = __rest(allProps, ["value", "onValueChange", "label", "options", "style", "description", "renderItem", "listProps", "debugName", "placeholder", "arrowIconName", "clearIconName", "clearable", "selectedIcon", "inputProps", "hideInput", "itemProps", "searchable", "loadOptions", "multiple", "closeOnSelect", "limit", "defaultOptions", "visible", "toggle", "ListHeaderComponent", "ListComponent", "onLoadOptionsError", "loadOptionsOnMount", "loadOptionsOnOpen", "filterItems", "getLabel", "searchInputProps", "outerInputComponent", "disabled"]);
+    var isValueArray = common_1.TypeGuards.isArray(value) && multiple;
+    var _h = (0, common_1.useSearch)({
+        value: value,
+        multiple: multiple,
+        options: options,
+        filterItems: filterItems,
+        debugName: debugName,
+        defaultOptions: defaultOptions,
+        loadOptions: loadOptions,
+        onLoadOptionsError: onLoadOptionsError,
+    }), loading = _h.loading, setLoading = _h.setLoading, labelOptions = _h.labelOptions, setLabelOptions = _h.setLabelOptions, filteredOptions = _h.filteredOptions, load = _h.load, onChangeSearch = _h.onChangeSearch;
+    var _j = (0, common_1.useConditionalState)(_visible, _toggle, { initialValue: false, isBooleanToggle: true }), visible = _j[0], toggle = _j[1];
+    var currentValueLabel = (0, react_1.useMemo)(function () {
+        var _options = (multiple ? labelOptions : labelOptions === null || labelOptions === void 0 ? void 0 : labelOptions[0]);
+        var label = getLabel(_options);
+        return label;
+    }, [labelOptions]);
+    (0, common_1.onMount)(function () {
+        if (loadOptionsOnMount && !!loadOptions) {
+            load();
+        }
+    });
+    var prevVisible = (0, common_1.usePrevious)(visible);
+    (0, common_1.onUpdate)(function () {
+        if (visible && !prevVisible && loadOptionsOnOpen && !!loadOptions) {
+            load();
+        }
+    }, [visible, prevVisible]);
+    var styles = (0, hooks_1.useStylesFor)(exports.Select.styleRegistryName, style);
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['item', 'list', 'input', 'searchInput'], styles);
+    var currentOptions = searchable ? filteredOptions : defaultOptions;
+    var close = function () { return toggle === null || toggle === void 0 ? void 0 : toggle(); };
+    var select = (0, react_1.useCallback)(function (selectedValue) {
+        var newValue = null;
+        var newOption = null;
+        var removedIndex = null;
+        if (multiple && isValueArray) {
+            if (value.includes(selectedValue)) {
+                removedIndex = value.findIndex(function (v) { return v === selectedValue; });
+                newValue = value.filter(function (v, i) { return i !== removedIndex; });
+            }
+            else {
+                if (common_1.TypeGuards.isNumber(limit) && value.length >= limit) {
+                    return;
+                }
+                newOption = currentOptions.find(function (o) { return o.value === selectedValue; });
+                newValue = __spreadArray(__spreadArray([], value, true), [selectedValue], false);
+            }
+        }
+        else {
+            newValue = selectedValue;
+            newOption = currentOptions.find(function (o) { return o.value === selectedValue; });
+        }
+        onValueChange(newValue);
+        if (isValueArray) {
+            if (removedIndex !== null) {
+                var newOptions = __spreadArray([], labelOptions, true);
+                newOptions.splice(removedIndex, 1);
+                setLabelOptions(newOptions);
+            }
+            else {
+                var newLabels = __spreadArray(__spreadArray([], labelOptions, true), [newOption], false);
+                setLabelOptions(newLabels);
+            }
+        }
+        else {
+            setLabelOptions([newOption]);
+        }
+        if (closeOnSelect) {
+            close === null || close === void 0 ? void 0 : close();
+        }
+    }, [isValueArray, (isValueArray ? value : [value]), limit, multiple, labelOptions, currentOptions]);
+    var renderListItem = (0, react_1.useCallback)(function (_a) {
+        var item = _a.item, index = _a.index;
+        var selected = false;
+        if (multiple && isValueArray) {
+            selected = value === null || value === void 0 ? void 0 : value.includes(item.value);
+        }
+        else {
+            selected = value === item.value;
+        }
+        return <Item debugName={"".concat(debugName, " item ").concat(item.value)} selected={selected} text={item.label} item={item} onPress={function () { return select(item.value); }} 
+        // @ts-ignore
+        icon={selectedIcon} 
+        // @ts-ignore
+        rightIcon={selectedIcon} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.item} index={index} {...itemProps}/>;
+    }, [value, select, multiple]);
+    var isEmpty = common_1.TypeGuards.isNil(value);
+    var showClearIcon = !isEmpty && clearable;
+    var inputIcon = showClearIcon ? clearIconName : arrowIconName;
+    var onPressInputIcon = function () {
+        if (showClearIcon) {
+            onValueChange(null);
+        }
+        else {
+            close === null || close === void 0 ? void 0 : close();
+        }
+    };
+    var searchHeader = searchable ? <SearchInput_1.SearchInput debugName={debugName} onTypingChange={function (isTyping) {
+            if (searchable && !!loadOptions) {
+                setLoading(isTyping);
+            }
+        }} debounce={!!loadOptions ? 800 : null} onSearchChange={onChangeSearch} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.searchInput} {...searchInputProps}/> : null;
+    var _ListHeaderComponent = (0, react_1.useMemo)(function () {
+        if (ListHeaderComponent) {
+            return <ListHeaderComponent searchComponent={searchHeader}/>;
+        }
+        return searchHeader;
+    }, [searchable, ListHeaderComponent]);
+    var Input = outerInputComponent;
+    return <>
+    {!hideInput ? (
+        // @ts-ignore
+        <Input clearIcon={{
+                icon: inputIcon,
+                onPress: disabled ? null : onPressInputIcon,
+            }} currentValueLabel={currentValueLabel} debugName={"".concat(debugName, " select input")} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.input} {...allProps} {...inputProps} visible={visible} toggle={toggle}/>) : null}
+
+    <utils_1.ModalManager.Modal title={label} description={description} {...modalProps} debugName={"".concat(debugName, " modal")} style={styles} id={null} visible={visible} toggle={toggle}>
+      <ListComponent data={searchable ? filteredOptions : options} scrollEnabled={false} showsHorizontalScrollIndicator={false} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.list} keyExtractor={function (i) { return i.value; }} renderItem={renderListItem} fakeEmpty={loading} separators keyboardAware={false} {...listProps} ListHeaderComponent={_ListHeaderComponent} placeholder={{
+            loading: loading,
+        }}/>
+    </utils_1.ModalManager.Modal>
+  </>;
+};
+exports.Select = Select;
+exports.Select.styleRegistryName = 'Select';
+exports.Select.elements = __spreadArray(__spreadArray([], Modal_1.default.elements, true), ['input', 'list', 'item', 'searchInput'], false);
+exports.Select.rootElement = 'inputWrapper';
+exports.Select.withVariantTypes = function (styles) {
+    return exports.Select;
+};
+exports.Select.defaultProps = {
+    getLabel: defaultGetLabel,
+    outerInputComponent: OuterInput,
+    searchInputProps: {},
+    arrowIconName: 'chevrons-up-down',
+    clearIconName: 'x',
+    placeholder: 'Select',
+    clearable: false,
+    selectedIcon: 'check',
+    hideInput: false,
+    multiple: false,
+    loadOptionsOnOpen: false,
+    disabled: false,
+    filterItems: defaultFilterFunction,
+    renderItem: Button_1.Button,
+    ListComponent: List_1.List,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Select);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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 { ButtonComposition } from '../Button';
+import { ListComposition } from '../List';
+import { ModalComposition } from '../Modal';
+import { TextInputComposition } from '../TextInput';
+type ItemStates = '' | ':selected';
+type ItemParts = ButtonComposition;
+type ItemComposition = `${ItemParts}${ItemStates}` | ItemParts;
+export type SelectComposition = ModalComposition | `input${Capitalize<TextInputComposition>}` | `list${Capitalize<ListComposition>}` | `item${Capitalize<ItemComposition>}` | `searchInput${Capitalize<TextInputComposition>}`;
+export {};

package/dist/components/Select/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# 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":""}

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

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+import { FormTypes, PropsOf } from '@codeleap/common';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { StylesOf } from '../../types/utility';
+import { GetKeyboardAwarePropsOptions } from '../../utils';
+import { ActionIconProps } from '../ActionIcon';
+import { Icon } from '../Icon';
+import { FlatListProps } from '../List';
+import { ModalProps } from '../Modal';
+import { Text } from '../Text';
+import { TextInputComposition } from '../TextInput';
+import { SearchInputProps } from '../SearchInput';
+import { Touchable } from '../Touchable';
+import { SelectComposition } from './styles';
+export type SelectRenderFNProps<T> = {
+    style: StylesOf<SelectComposition>;
+    onPress: () => void;
+    selected?: boolean;
+    item: FormTypes.Options<T>[number];
+    touchableProps?: Partial<PropsOf<typeof Touchable>>;
+    textProps?: Partial<PropsOf<typeof Text>>;
+    iconProps?: Partial<PropsOf<typeof Icon>>;
+    index: number;
+    debugName: string;
+    text?: string;
+};
+export type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
+type SelectModalProps = Omit<ModalProps, 'style'>;
+export type SelectValue<T, Multi extends boolean = false> = Multi extends true ? T[] : T;
+type SelectHeaderProps = {
+    searchComponent?: React.ReactNode;
+};
+export type SelectOuterInputProps<T = any, Multi extends boolean = false> = SelectProps<T, Multi> & {
+    currentValueLabel: FormTypes.Label;
+    styles?: StylesOf<TextInputComposition>;
+    clearIcon?: Partial<ActionIconProps>;
+};
+type OuterInputComponent<T, Multi extends boolean> = (props: SelectOuterInputProps<T, Multi>) => JSX.Element;
+export type ValueBoundSelectProps<T, Multi extends boolean = false> = {
+    options?: FormTypes.Options<T>;
+    defaultOptions?: FormTypes.Options<T>;
+    loadOptions?: (search: string) => Promise<FormTypes.Options<T>>;
+    value: SelectValue<T, Multi>;
+    renderItem?: SelectRenderFN<SelectValue<T, Multi>>;
+    onValueChange: (value: SelectValue<T, Multi>) => void;
+    filterItems?: (search: string, items: FormTypes.Options<T>) => FormTypes.Options<T>;
+    onLoadOptionsError?: (error: any) => void;
+    multiple?: Multi;
+    getLabel?: (forOption: Multi extends true ? FormTypes.Options<T> : FormTypes.Options<T>[number]) => FormTypes.Label;
+    outerInputComponent?: OuterInputComponent<T, Multi>;
+    inputProps?: Partial<SelectOuterInputProps<T, Multi>>;
+    disabled?: boolean;
+};
+export type ReplaceSelectProps<Props, T, Multi extends boolean = false> = Omit<Props, keyof ValueBoundSelectProps<T, Multi>> & ValueBoundSelectProps<T, Multi>;
+export type SelectProps<T = any, Multi extends boolean = false> = SelectModalProps & ValueBoundSelectProps<T, Multi> & {
+    placeholder?: FormTypes.Label;
+    label?: FormTypes.Label;
+    hideInput?: boolean;
+    selectedIcon?: AppIcon;
+    arrowIconName?: AppIcon;
+    closeOnSelect?: boolean;
+    listProps?: Partial<FlatListProps>;
+    clearable?: boolean;
+    clearIconName?: AppIcon;
+    keyboardAware?: GetKeyboardAwarePropsOptions;
+    multiple?: Multi;
+    itemProps?: Partial<Pick<SelectRenderFNProps<any>, 'iconProps' | 'textProps' | 'touchableProps'>>;
+    searchable?: boolean;
+    limit?: number;
+    ListHeaderComponent?: React.ComponentType<SelectHeaderProps>;
+    ListComponent?: React.ComponentType<any>;
+    searchInputProps?: Partial<SearchInputProps>;
+    loadOptionsOnMount?: boolean;
+    loadOptionsOnOpen?: boolean;
+    style?: StyledProp<SelectComposition>;
+};
+export {};

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/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SliderProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Slider: {
+    (props: SliderProps): JSX.Element;
+    styleRegistryName: string;
+    rootElement: string;
+    elements: string[];
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<SliderProps, S>) => IJSX;
+    defaultProps: Partial<SliderProps>;
+};

package/dist/components/Slider/index.js

@@ -0,0 +1,183 @@
+"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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_slider_1 = require("@miblanchard/react-native-slider");
+var react_native_1 = require("react-native");
+var common_1 = require("@codeleap/common");
+var InputBase_1 = require("../InputBase");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var Touchable_1 = require("../Touchable");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var DefaultSliderTrackMark = function (props) {
+    var style = props.style, onPress = props.onPress;
+    if (!common_1.TypeGuards.isString(props.content)) {
+        return <>
+      {props.content}
+    </>;
+    }
+    return <Text_1.Text text={props.content} style={style} onPress={onPress}/>;
+};
+var minimumValue = 0;
+var maximumValue = 100;
+var Slider = function (props) {
+    var _a = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Slider.defaultProps), props)), _b = _a.inputBaseProps, _label = _b.label, _description = _b.description, _inputBaseProps = __rest(_b, ["label", "description"]), others = _a.others;
+    var _c = others.debounce, debounce = _c === void 0 ? null : _c, onValueChange = others.onValueChange, value = others.value, label = others.label, description = others.description, debugName = others.debugName, style = others.style, disabled = others.disabled, trackMarks = others.trackMarks, trackMarksClickable = others.trackMarksClickable, labelClickable = others.labelClickable, SliderTrackMark = others.trackMarkComponent, sliderProps = __rest(others, ["debounce", "onValueChange", "value", "label", "description", "debugName", "style", "disabled", "trackMarks", "trackMarksClickable", "labelClickable", "trackMarkComponent"]);
+    var _d = react_1.default.useState(value), _value = _d[0], _setValue = _d[1];
+    (0, common_1.onUpdate)(function () {
+        if (value !== _value) {
+            _setValue(value);
+        }
+    }, [value]);
+    var styles = (0, hooks_1.useStylesFor)(exports.Slider.styleRegistryName, style);
+    var thumbStyle = react_1.default.useMemo(function () {
+        return react_native_1.StyleSheet.flatten([
+            styles === null || styles === void 0 ? void 0 : styles.thumb,
+            disabled && styles['thumb:disabled'],
+        ]);
+    }, []);
+    var trackStyle = react_1.default.useMemo(function () {
+        return react_native_1.StyleSheet.flatten([
+            styles === null || styles === void 0 ? void 0 : styles.track,
+            disabled && styles['track:disabled'],
+        ]);
+    }, [disabled]);
+    var selectedTrackStyle = react_1.default.useMemo(function () {
+        return react_native_1.StyleSheet.flatten([
+            styles === null || styles === void 0 ? void 0 : styles.selectedTrack,
+            disabled && styles['selectedTrack:disabled'],
+        ]);
+    }, [disabled]);
+    var unselectedTrackStyle = react_1.default.useMemo(function () {
+        return react_native_1.StyleSheet.flatten([
+            styles === null || styles === void 0 ? void 0 : styles.unselectedTrack,
+            disabled && styles['unselectedTrack:disabled'],
+        ]);
+    }, [disabled]);
+    var containerStyle = react_1.default.useMemo(function () {
+        return react_native_1.StyleSheet.flatten([
+            styles === null || styles === void 0 ? void 0 : styles.sliderContainer,
+            disabled && styles['sliderContainer:disabled'],
+        ]);
+    }, [disabled]);
+    var trackMarksHaveContent = !(common_1.TypeGuards.isArray(trackMarks) || common_1.TypeGuards.isNil(trackMarks));
+    var trackMarksProp = react_1.default.useMemo(function () {
+        if (!trackMarksHaveContent) {
+            return trackMarks;
+        }
+        return Object.keys(trackMarks).map(function (key) { return Number(key); });
+    }, [trackMarksHaveContent]);
+    var trackMarkStyle = react_1.default.useMemo(function () {
+        return react_native_1.StyleSheet.flatten([
+            styles === null || styles === void 0 ? void 0 : styles.trackMark,
+            disabled && styles['trackMark:disabled'],
+        ]);
+    }, [disabled]);
+    return (<InputBase_1.InputBase {..._inputBaseProps} disabled={disabled} style={styles} labelAsRow>
+      {label || description ? (<View_1.View style={styles.labelRow}>
+          {label ? (<Touchable_1.Touchable onPress={function () { return labelClickable ? onValueChange((sliderProps === null || sliderProps === void 0 ? void 0 : sliderProps.minimumValue) || minimumValue) : null; }} style={styles.labelBtn} debugName='slider title'>
+              <Text_1.Text style={styles === null || styles === void 0 ? void 0 : styles.label} text={label}/>
+            </Touchable_1.Touchable>) : null}
+          {description ? (<Touchable_1.Touchable onPress={function () { return labelClickable ? onValueChange((sliderProps === null || sliderProps === void 0 ? void 0 : sliderProps.maximumValue) || maximumValue) : null; }} style={styles === null || styles === void 0 ? void 0 : styles.descriptionBtn} debugName='slider description'>
+              <Text_1.Text style={styles === null || styles === void 0 ? void 0 : styles.description} text={description}/>
+            </Touchable_1.Touchable>) : null}
+        </View_1.View>) : null}
+
+      <react_native_slider_1.Slider value={_value} onValueChange={_setValue} 
+    // @ts-ignore
+    thumbStyle={thumbStyle} 
+    // @ts-ignore
+    trackStyle={trackStyle} minimumTrackStyle={selectedTrackStyle} maximumTrackStyle={unselectedTrackStyle} containerStyle={containerStyle} minimumValue={minimumValue} maximumValue={maximumValue} onSlidingComplete={function () {
+            onValueChange(_value);
+        }} disabled={disabled} {...sliderProps} trackMarks={trackMarksProp}/>
+      {trackMarksProp ? (<View_1.View style={styles === null || styles === void 0 ? void 0 : styles.trackMarkWrapper}>
+            {trackMarksProp.map(function (_, idx) {
+                var idxStyle = {};
+                if (idx === 0) {
+                    idxStyle = styles === null || styles === void 0 ? void 0 : styles.firstTrackMark;
+                }
+                else if (idx === trackMarksProp.length - 1) {
+                    idxStyle = styles === null || styles === void 0 ? void 0 : styles.lastTrackMark;
+                }
+                var style = [
+                    trackMarkStyle,
+                    idxStyle,
+                ];
+                if (!trackMarksHaveContent) {
+                    return <SliderTrackMark index={idx} style={style} key={idx} onPress={function () { return trackMarksClickable ? onValueChange(trackMarksProp[idx]) : null; }}/>;
+                }
+                var relativeValue = trackMarksProp[idx];
+                var content = trackMarks[relativeValue];
+                return <SliderTrackMark index={idx} content={content} style={style} key={idx} onPress={function () { return trackMarksClickable ? onValueChange(trackMarksProp[idx]) : null; }}/>;
+            })}
+          </View_1.View>) : null}
+    </InputBase_1.InputBase>);
+};
+exports.Slider = Slider;
+exports.Slider.styleRegistryName = 'Slider';
+exports.Slider.rootElement = 'wrapper';
+exports.Slider.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), [
+    'thumb', 'track', 'selectedTrack', 'unselectedTrack', 'firstTrackMark', 'lastTrackMark', 'sliderContainer', 'labelBtn', 'descriptionBtn'
+], false);
+exports.Slider.withVariantTypes = function (styles) {
+    return exports.Slider;
+};
+exports.Slider.defaultProps = {
+    trackMarksClickable: false,
+    labelClickable: false,
+    trackMarkComponent: DefaultSliderTrackMark,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.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/styles.d.ts

@@ -0,0 +1,11 @@
+import { PartialComponentStyle } from '@codeleap/common';
+import { IconLessInputBaseParts, InputBaseStates } from '../InputBase';
+import { TouchableComposition, TouchableStylesGen } from '../Touchable';
+type SliderParts = 'thumb' | 'track' | 'selectedTrack' | 'unselectedTrack' | 'trackMark' | 'firstTrackMark' | 'lastTrackMark' | 'trackMarkWrapper' | 'sliderContainer' | IconLessInputBaseParts;
+type SliderStates = Exclude<InputBaseStates, 'focus'>;
+export type SliderComposition = `${SliderParts}:${SliderStates}` | SliderParts | 'labelBtn' | 'descriptionBtn';
+export type SliderStylesGen = {
+    labelBtn: PartialComponentStyle<TouchableComposition, TouchableStylesGen>;
+    descriptionBtn: PartialComponentStyle<TouchableComposition, TouchableStylesGen>;
+};
+export {};

package/dist/components/Slider/styles.js

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

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

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

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { SliderComposition } from './styles';
+import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
+import { InputBaseProps } from '../InputBase';
+import { StyledProp } from '@codeleap/styles';
+export type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange' | 'style'>> & Pick<InputBaseProps, 'disabled' | 'debugName' | 'description' | 'label'> & {
+    debounce?: number | null;
+    trackMarklabels: string[];
+    value: number | number[];
+    onValueChange: (val: number | number[]) => void;
+    trackMarks?: RNSliderProps['trackMarks'] | Record<number, string>;
+    trackMarksClickable?: boolean;
+    labelClickable?: boolean;
+    trackMarkComponent?: React.ComponentType<TrackMarkProps>;
+    style?: StyledProp<SliderComposition>;
+};
+export type TrackMarkProps = {
+    index: number;
+    content?: string | React.ReactNode;
+    style?: any;
+    onPress?: () => void;
+};