@codeleap/mobile 1.9.32 → 2.0.1

package/dist/components/Select/index.js

@@ -1,15 +1,4 @@
 "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);
@@ -48,34 +37,45 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
+exports.Select = exports.SelectItem = 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 List_1 = require("../List");
+var Text_1 = require("../Text");
 var TextInput_1 = require("../TextInput");
 var Touchable_1 = require("../Touchable");
-var View_1 = require("../View");
+var utils_1 = require("../../utils");
+var Icon_1 = require("../Icon");
+var SelectItem = function (_a) {
+    var item = _a.item, _b = _a.icon, icon = _b === void 0 ? null : _b, isSelected = _a.isSelected, styles = _a.styles, onPress = _a.onPress;
+    return <Touchable_1.Touchable style={[
+            styles.itemWrapper,
+            isSelected && styles['itemWrapper:selected'],
+        ]} onPress={onPress} debugName={"Select ".concat(item.value)}>
+    <Text_1.Text text={item.label} style={[
+            styles.itemText,
+            isSelected && styles['itemText:selected'],
+        ]}/>
+    {icon ? <Icon_1.Icon name={icon} style={[styles === null || styles === void 0 ? void 0 : styles.itemIcon, isSelected && (styles === null || styles === void 0 ? void 0 : styles['itemIcon:selected'])]}/> : null}
+  </Touchable_1.Touchable>;
+};
+exports.SelectItem = SelectItem;
+__exportStar(require("./styles"), exports);
 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', {
+    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, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.inputProps, inputProps = _e === void 0 ? {} : _e, _f = selectProps.hideInput, hideInput = _f === void 0 ? false : _f, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "listProps", "placeholder", "arrowIconName", "inputProps", "hideInput"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Select', {
         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 close = function () { var _a; return (_a = drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.toggle) === null || _a === void 0 ? void 0 : _a.call(drawerProps); };
     var select = function (value) {
         onValueChange(value);
         if (closeOnSelect) {
-            close();
+            close === null || close === void 0 ? void 0 : close();
         }
     };
     var selectedLabel = (0, react_1.useMemo)(function () {
@@ -84,65 +84,23 @@ var Select = function (selectProps) {
         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]);
+    var Item = renderItem || exports.SelectItem;
+    var renderListItem = function (_a) {
+        var item = _a.item;
+        return <Item isSelected={value === item.value} item={item} onPress={function () { return select(item.value); }} styles={variantStyles}/>;
+    };
     return <>
-    <TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
-            name: arrowIconName,
-        }} editable={false} touchableWrapper wrapperProps={{
-            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}>
+    {!hideInput && (<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
+                icon: arrowIconName,
+            }} editable={false} touchableWrapper wrapperProps={{
+                debugName: 'Select',
+                onPress: close,
+            }} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...inputProps}/>)}
 
-        <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>
+    <utils_1.ModalManager.Drawer scroll={false} title={label} {...drawerProps} styles={variantStyles}>
+      <List_1.List data={options} style={variantStyles.list} contentContainerStyle={variantStyles.listContent} keyExtractor={function (i) { return i.value; }} renderItem={renderListItem} {...listProps}/>
+    </utils_1.ModalManager.Drawer>
 
-          {footer && <View_1.View style={variantStyles.modalFooter}>
-              {footer}
-            </View_1.View>}
-        </View_1.View>
-      </View_1.View>
-    </react_native_1.Modal>
   </>;
 };
 exports.Select = Select;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAgI;AAChI,6CAAsC;AACtC,6CAAgD;AAChD,oCAAkC;AAClC,oCAAkC;AAClC,0CAAoD;AACpD,0CAAwC;AACxC,gCAA4C;AAIrC,IAAM,MAAM,GAAG,UAAmC,WAAgC;IAErF,IAAA,KAAK,GAwBH,WAAW,MAxBR,EACL,aAAa,GAuBX,WAAW,cAvBA,EACb,KAAK,GAsBH,WAAW,MAtBR,EACL,KAqBE,WAAW,OArBF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,OAAO,GAoBL,WAAW,QApBN,EACP,KAAK,GAmBH,WAAW,MAnBR,EACL,QAAQ,GAkBN,WAAW,SAlBL,EACR,UAAU,GAiBR,WAAW,WAjBH,EACV,KAgBE,WAAW,cAhBO,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,KAeE,WAAW,OAfC,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAcE,WAAW,UAdG,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAaE,WAAW,iBAbU,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,KAYE,WAAW,YAZS,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,KAWE,WAAW,cAXgB,EAA7B,aAAa,mBAAG,aAAa,KAAA,EAC7B,MAAM,GAUJ,WAAW,OAVP,EACN,KASE,WAAW,mBATe,EAA5B,kBAAkB,mBAAG,OAAO,KAAA,EAC5B,MAAM,GAQJ,WAAW,OARP,EACN,gBAAgB,GAOd,WAAW,iBAPG,EAChB,UAAU,GAMR,WAAW,WANH,EACV,KAKE,WAAW,eALM,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,KAIE,WAAW,QAJC,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,KAGE,WAAW,OAHA,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,UAAU,GAER,WAAW,WAFH,EACP,KAAK,UACN,WAAW,EAzBT,wTAyBL,CADS,CACK;IAET,IAAA,KAAyC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAA/D,eAAe,QAAA,EAAE,mBAAmB,QAA2B,CAAA;IAEtE,IAAM,cAAc,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,eAAe,CAAA;IACjD,IAAM,kBAAkB,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,mBAAmB,CAAA;IAExD,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8C,gBAAgB,EAAE;QAC5G,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,WAAW,EAAE,cAAc;QAC3B,MAAM,QAAA;QACN,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,WAAW,GAAG,IAAA,eAAO,EACzB,cAAM,OAAA,IAAA,6BAAoB,EAAC,OAAO,EAAE,aAAa,CAAC,EAA5C,CAA4C,EAClD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,cAAM,OAAA,IAAA,6BAAoB,EAAC,kBAAkB,EAAE,aAAa,CAAC,EAAvD,CAAuD,EAC7D,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,CAAC,CAAC,WAAI,CAAA;IAE5C,IAAM,KAAK,GAAG,cAAM,OAAA,kBAAkB,EAAE,EAApB,CAAoB,CAAA;IACxC,IAAM,MAAM,GAAG,UAAC,KAAK;QAEnB,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,IAAI,aAAa,EAAE;YACjB,KAAK,EAAE,CAAA;SACR;IACH,CAAC,CAAA;IACD,IAAM,aAAa,GAAU,IAAA,eAAO,EAAC;;QACnC,IAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,EAAjB,CAAiB,CAAC,CAAA;QAEpD,IAAM,OAAO,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,WAAW,CAAA;QAE7C,OAAO,mBAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACpD,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;IAEjC,OAAO,EACL;IAAA,CAAC,qBAAS,CAER,WAAW,CACX,KAAK,CAAC,CAAC,aAAa,CAAC,CACrB,SAAS,CAAC,CAAC;YACT,IAAI,EAAE,aAAgC;SACvC,CAAC,CACF,QAAQ,CAAC,CAAC,KAAK,CAAC,CAChB,gBAAgB,CAChB,YAAY,CAAC,CAAC;YACZ,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,KAAK;SACf,CAAC,CACF,aAAa,CAAC,CAAC,MAAM,CAAC,CACtB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,cAAc,CAAC,CAC1B,MAAM,CAAC,CAAC,WAAW,CAAC,CACpB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,cAAc,CAAC,EAErB;IAAA,CAAC,mBAAY,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC/D;gBACE,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,CAAC;aACV;YACD,aAAa,CAAC,QAAQ;YACtB,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAAC;SACtF,CAAC,EAEF;;IAAA,CAAC,oBAAK,CACJ,aAAa,CAAC,OAAO,CACrB,WAAW,CAAC,CAAC,IAAI,CAAC,CAClB,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,cAAc,CAAC,CAAC;YACd,kBAAkB,EAAE,CAAA;QACtB,CAAC,CAAC,CACF,aAAa,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAEhD;MAAA,CAAC,qBAAS,CACR,OAAO,CAAC,CAAC,KAAK,CAAC,CACf,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV,CAAC,CACF,SAAS,CAAC,CAAC,aAAa,CAAC,EAE3B;MAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAEtC;;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAClC;UAAA,CACE,CAAC,SAAS,IAAI,gBAAgB,IAAI,MAAM,CAAC,IAAI,CAC3C,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CACrC;gBAAA,CACE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAChB;oBAAA,CAAC,gBAAgB,IAAI,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CACnG;oBAAA,CAAC,SAAS,IAAI,CAAC,eAAM,CACnB,IAAI,CAAC,CAAC,kBAAqC,CAAC,CAC5C,OAAO,CAAC,CAAC,KAAK,CAAC,CACf,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAC1B,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,IAAI,gBAAgB,CAAC,EACrB,CACJ;kBAAA,GAAG,CAEP;cAAA,EAAE,WAAI,CAAC,CACR,CAEH;UAAA,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAC5C;YAAA,CACE,UAAU,CAAC,CAAC,CAAC,UAAU,uBAClB,WAAW,KACd,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM,IAExB,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;YACzB,IAAM,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAA;YACvC,IAAI,UAAU,EAAE;gBACd,OAAO,UAAU,uBACZ,IAAI,KACP,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,aAAa,IACrB,CAAA;aACH;YAED,OAAO,CAAC,qBAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;oBACjC,aAAa,CAAC,SAAS;oBACvB,UAAU,IAAI,aAAa,CAAC,oBAAoB,CAAC;iBAClD,CAAC,CAAC,OAAO,CAAC,CAAC,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC,CAAC,SAAS,CAAC,CAAC,iBAAU,IAAI,CAAC,KAAK,CAAE,CAAC,CACtE;kBAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,aAAa,EAAE,UAAU,IAAI,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAC7H;gBAAA,EAAE,qBAAS,CAAC,CAAA;QACd,CAAC,CAAC,CAEN;UAAA,EAAE,aAAa,CAEf;;UAAA,CACE,MAAM,IAAI,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAC/C;cAAA,CAAC,MAAM,CACT;YAAA,EAAE,WAAI,CAAC,CAEX;QAAA,EAAE,WAAI,CACR;MAAA,EAAE,WAAI,CACR;IAAA,EAAE,oBAAK,CACT;EAAA,GAAG,CAAA;AACL,CAAC,CAAA;AAnLY,QAAA,MAAM,UAmLlB;AAED,2CAAwB;AACxB,0CAAuB"}
+{"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

@@ -1,9 +1,59 @@
-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>>;
+import { TextInputComposition } from '@codeleap/common';
+import { DrawerComposition } from '../Drawer';
+declare type ItemStates = '' | ':selected';
+export declare type SelectComposition = DrawerComposition | `input${TextInputComposition}` | 'list' | 'listContent' | `itemWrapper${ItemStates}` | `itemText${ItemStates}` | 'scroll' | 'scrollContent';
+export declare const SelectStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SelectComposition, any>>;
+    popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
 };
 export {};

package/dist/components/Select/styles.js

@@ -11,47 +11,20 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileSelectStyles = void 0;
+exports.SelectStyles = void 0;
 var common_1 = require("@codeleap/common");
+var Drawer_1 = require("../Drawer");
 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',
-        },
-    }); }),
-};
+exports.SelectStyles = __assign(__assign({}, Drawer_1.DrawerStyles), { default: createSelectStyle(function (theme) {
+        var defaultStyle = Drawer_1.DrawerStyles.default(theme);
+        return __assign(__assign({}, defaultStyle), { box: __assign({}, theme.spacing.paddingHorizontal(0)), itemWrapper: __assign(__assign(__assign(__assign({}, theme.spacing.padding(2)), theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter), 'itemWrapper:selected': {
+                backgroundColor: theme.colors.primary,
+            }, 'itemText:selected': {
+                color: theme.colors.white,
+            }, list: {
+                height: 'auto',
+            }, listContent: {
+                paddingBottom: theme.values.bottomNavHeight + theme.spacing.value(1),
+            } });
+    }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAoF;AACpF,oCAA2D;AAY3D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,yBACpB,qBAAY,KACf,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;QAC/B,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAChD,6BACK,YAAY,KACf,GAAG,eACE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAGvC,WAAW,0CACN,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GACxB,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,mBAAmB,GACjC,KAAK,CAAC,OAAO,CAAC,WAAW,GAE9B,sBAAsB,EAAE;gBACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC,EACD,mBAAmB,EAAE;gBACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAE1B,EACD,IAAI,EAAE;gBACJ,MAAM,EAAE,MAAM;aAEf,EACD,WAAW,EAAE;gBACX,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;aACrE,IAEF;IACH,CAAC,CAAC,IACH"}

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

@@ -1,40 +1,31 @@
+/// <reference types="react" />
 import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
-import { ReactElement } from 'react';
 import { StylesOf } from '../../types/utility';
-import { ButtonProps } from '../Button';
+import { DrawerProps } from '../Drawer';
+import { FlatListProps } from '../List';
 import { TextInputProps } from '../TextInput';
-import { MobileSelectComposition, MobileSelectStyles } from './styles';
-export declare type SelectRenderFNProps<T> = FormTypes.Options<T>[number] & {
-    styles: StylesOf<MobileSelectComposition>;
+import { SelectComposition, SelectStyles } from './styles';
+export declare type SelectRenderFNProps<T> = {
+    styles: StylesOf<SelectComposition>;
     onPress: () => void;
-    selected?: boolean;
-    index: number;
+    isSelected?: boolean;
+    item: FormTypes.Options<T>[number];
 };
 export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
-export declare type CustomSelectProps<T> = {
+declare type SelectDrawerProps = Omit<DrawerProps, 'variants' | 'styles'>;
+export declare type CustomSelectProps<T> = SelectDrawerProps & {
     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>;
+    styles?: StylesOf<SelectComposition>;
     style?: any;
+    hideInput?: boolean;
     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;
+    inputProps?: Partial<TextInputProps>;
+    listProps?: Partial<FlatListProps>;
+} & ComponentVariants<typeof SelectStyles>;
+export {};

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

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

package/dist/components/Slider/index.js

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
@@ -44,6 +47,7 @@ var react_native_1 = require("react-native");
 var View_1 = require("../View");
 var common_1 = require("@codeleap/common");
 var TextInput_1 = require("../TextInput");
+__exportStar(require("./styles"), exports);
 var Slider = function (sliderProps) {
     var _a;
     var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmC;AACnC,iCAAsC;AACtC,2CAA8B;AAC9B,wEAAqE;AAErE,+BAA8B;AAC9B,6CAAyC;AACzC,gCAA8B;AAC9B,2CAEyB;AACzB,0CAAyC;AAGlC,IAAM,MAAM,GAA0B,UAAC,WAAW;;IACjD,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAA;IAG/D,IAAA,QAAQ,GAYN,WAAW,SAZL,EACR,aAAa,GAWX,WAAW,cAXA,EACb,MAAM,GAUJ,WAAW,OAVP,EACN,KAAK,GASH,WAAW,MATR,EACL,KAAK,GAQH,WAAW,MARR,EACL,cAAc,GAOZ,WAAW,eAPC,EACd,aAAa,GAMX,WAAW,cANA,EACb,KAKE,WAAW,OALF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAIH,WAAW,MAJR,EACL,KAGE,WAAW,wBAHgB,EAA7B,uBAAuB,mBAAG,GAAG,KAAA,EAC7B,QAAQ,GAEN,WAAW,SAFL,EACL,KAAK,UACN,WAAW,EAbT,sJAaL,CADS,CACK;IAEf,IAAM,cAAc,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAA;IAEpE,IAAM,eAAe,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACpC,IAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACzC,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAE9B,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,QAAQ,EAAE;QACvD,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,SAAS,QAAQ;QACf,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACjC,CAAC;IAED,SAAS,QAAQ,CAAC,GAAG;QACnB,IAAI,UAAU,GAAG,GAAG,CAAA;QAEpB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACnD,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;SACpB;QAED,IAAI,UAAU,KAAK,KAAK;YAAE,OAAM;QAEhC,QAAQ,CAAC,OAAO,GAAG,UAAoB,CAAA;QAEvC,IAAI,eAAe,CAAC,OAAO;YAAE,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;QAElE,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC;YACnC,QAAQ,EAAE,CAAA;QACZ,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC;IAED,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAC1C;MAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EACrE;MAAA,CAAC,4BAAQ,CACP,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,cAAc,CAAC,CAAC;YACd,IAAI,oBAAoB,CAAC,OAAO,EAAE;gBAAE,YAAY,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAA;aAAE;YAEhF,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACzB,CAAC,CAAC,CACF,iBAAiB,CAAC,CAAC;YACjB,oBAAoB,CAAC,OAAO,GAAG,UAAU,CACvC,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAC9B,uBAAuB,CACxB,CAAA;QACH,CAAC,CAAC,CACF,aAAa,CAAC,CAAC,QAAQ,CAAC,CACxB,yBAAyB,CAAC,CAAC,UAAC,GAAG;YAC7B,IAAI,CAAC,cAAc;gBAAE,OAAO,IAAI,CAAA;YAChC,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;YAC3D,OAAO,CACL,CAAC,oBAAY,CACX,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;cAAA,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE,CAClE;YAAA,EAAE,oBAAY,CAAC,CAChB,CAAA;QACH,CAAC,CAAC,CACF,wBAAwB,CAAC,CAAC,UAAC,GAAG,IAAK,OAAA,CACjC,CAAC,iBAAU,CACT,KAAK,CAAC,CAAC,GAAG,CAAC,CACX,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,aAAa,CAAC,CAAC,aAAa,CAAC,EAC7B,CACH,EAPkC,CAOlC,CAAC,CACF,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAC9C,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,EAAX,CAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CACtE,cAAc,CAAC,CACX,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,cAAc,CAAQ,CAC/D,CACD,UAAU,CAAC,CACP,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAQ,CACnE,CACD,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAQ,CAAC,CACvD,qBAAqB,CAAC,CACpB,MAAA,yBAAU,CAAC,OAAO,CAAC;YACjB,aAAa,CAAC,aAAa;YAC3B,MAAM,CAAC,aAAa;SACrB,CAAC,0CAAE,eAAe,CACpB,CACD,IAAI,KAAK,CAAC,EAEd;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA3GY,QAAA,MAAM,UA2GlB"}
+{"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,53 @@
+export declare type SliderComposition = 'wrapper' | 'handle' | 'track' | 'label' | 'selectedTrack' | 'inputContainer' | 'tooltip' | 'tooltip:visible' | 'tooltip:hidden' | 'trackLabels' | 'mark' | 'tooltipArrow' | 'tooltipText';
+export declare const SliderStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+};

package/dist/components/Slider/styles.js

@@ -0,0 +1,61 @@
+"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.SliderStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createSliderStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createSliderStyle(function () { return ({ wrapper: styles }); }); });
+exports.SliderStyles = __assign(__assign({}, presets), { default: createSliderStyle(function (theme) { return ({
+        wrapper: {},
+        handle: {
+            backgroundColor: theme.colors.primary,
+        },
+        selectedTrack: {
+            backgroundColor: theme.colors.primary,
+        },
+        track: {
+            backgroundColor: theme.colors.gray,
+        },
+        tooltip: {
+            padding: theme.spacing.value(0.5),
+            backgroundColor: theme.colors.primary,
+            position: 'relative',
+            borderRadius: theme.borderRadius.small,
+        },
+        'tooltip:visible': {
+            opacity: 1,
+        },
+        'tooltip:hidden': {
+            opacity: 0,
+        },
+        mark: {
+            position: 'absolute',
+            backgroundColor: theme.colors.primary,
+            borderRadius: 29,
+            height: 10,
+            width: 10,
+            top: -5,
+        },
+        trackLabels: __assign({ position: 'absolute', top: 8 }, (0, common_1.assignTextStyle)('p3')(theme).text),
+        tooltipArrow: {
+            height: 6,
+            width: 6,
+            position: 'absolute',
+            backgroundColor: theme.colors.primary,
+            transform: [{ rotate: '45deg' }],
+            bottom: -3,
+            left: '50%',
+        },
+        tooltipText: __assign({ color: theme.colors.white }, (0, common_1.assignTextStyle)('p3')(theme).text),
+    }); }) });
+//# 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":";;;;;;;;;;;;;;AAAA,2CAA+F;AAiB/F,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE1E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,iBAAiB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAA9C,CAA8C,CACxF,CAAA;AAEY,QAAA,YAAY,yBACpB,OAAO,KACV,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,OAAO,EAAE,EAAE;QACX,MAAM,EAAE;YACN,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SACtC;QACD,aAAa,EAAE;YACb,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SACtC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACnC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;YACjC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;SACvC;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,CAAC;SACX;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,CAAC;SACX;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,YAAY,EAAE,EAAE;YAChB,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,GAAG,EAAE,CAAC,CAAC;SACR;QACD,WAAW,aACT,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,CAAC,IACH,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;YAChC,MAAM,EAAE,CAAC,CAAC;YACV,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,aACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IACtB,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;KACF,CAAC,EAjDoC,CAiDpC,CAAC,IACJ"}

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
+import { ComponentVariants, Form } from '@codeleap/common';
+import { SliderComposition, SliderStyles } from './styles';
 import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
-import { StylesOf } from '../../types/utility';
+import { StylesOf } from '../../types';
 import { ViewProps } from '../View';
 export declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
     debounce?: number;