@codeleap/mobile 1.9.21 → 1.9.22

package/dist/components/Select/index.js

@@ -1,151 +1,151 @@
-"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;
-};
-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, _j = selectProps.textInputProps, textInputProps = _j === void 0 ? {} : _j, _k = selectProps.visible, visible = _k === void 0 ? null : _k, _l = selectProps.toggle, toggle = _l === void 0 ? null : _l, renderList = selectProps.renderList, props = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "scroll", "showClose", "showLabelOnModal", "placeholder", "arrowIconName", "footer", "modalCloseIconName", "header", "closeButtonProps", "modalLabel", "textInputProps", "visible", "toggle", "renderList"]);
-    var _m = (0, common_1.useBooleanToggle)(false), _isModalVisible = _m[0], _setModalVisibility = _m[1];
-    var isModalVisible = visible !== null && visible !== void 0 ? visible : _isModalVisible;
-    var setModalVisibility = toggle !== null && toggle !== void 0 ? toggle : _setModalVisibility;
-    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,
-        }} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...textInputProps}/>
-    <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}>
-            {renderList ? renderList(__assign(__assign({}, selectProps), { isEmpty: !options.length })) : options.map(function (item, idx) {
-            var isSelected = value === item.value;
-            if (renderItem) {
-                return renderItem(__assign(__assign({}, item), { index: idx, 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);
+"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;
+};
+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, _j = selectProps.textInputProps, textInputProps = _j === void 0 ? {} : _j, _k = selectProps.visible, visible = _k === void 0 ? null : _k, _l = selectProps.toggle, toggle = _l === void 0 ? null : _l, renderList = selectProps.renderList, props = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "scroll", "showClose", "showLabelOnModal", "placeholder", "arrowIconName", "footer", "modalCloseIconName", "header", "closeButtonProps", "modalLabel", "textInputProps", "visible", "toggle", "renderList"]);
+    var _m = (0, common_1.useBooleanToggle)(false), _isModalVisible = _m[0], _setModalVisibility = _m[1];
+    var isModalVisible = visible !== null && visible !== void 0 ? visible : _isModalVisible;
+    var setModalVisibility = toggle !== null && toggle !== void 0 ? toggle : _setModalVisibility;
+    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,
+        }} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...textInputProps}/>
+    <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}>
+            {renderList ? renderList(__assign(__assign({}, selectProps), { isEmpty: !options.length })) : options.map(function (item, idx) {
+            var isSelected = value === item.value;
+            if (renderItem) {
+                return renderItem(__assign(__assign({}, item), { index: idx, 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/styles.d.ts

@@ -1,9 +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 {};
+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

@@ -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,40 +1,40 @@
-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;
-    index: number;
-};
-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;
-    textInputProps?: Partial<TextInputProps>;
-    closeButtonProps?: Partial<ButtonProps>;
-    toggle: (isOpen?: boolean) => void;
-    visible: boolean;
-    renderList?: (props: CustomSelectProps<T> & {
-        isEmpty: boolean;
-    }) => JSX.Element;
-} & 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;
+    index: number;
+};
+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;
+    textInputProps?: Partial<TextInputProps>;
+    closeButtonProps?: Partial<ButtonProps>;
+    toggle: (isOpen?: boolean) => void;
+    visible: boolean;
+    renderList?: (props: CustomSelectProps<T> & {
+        isEmpty: boolean;
+    }) => JSX.Element;
+} & 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;