@codeleap/mobile 2.3.26 → 2.3.27-2

package/dist/components/InputBase/index.js

@@ -0,0 +1,90 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputBase = exports.InputBaseDefaultOrder = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var ActionIcon_1 = require("../ActionIcon");
+var View_1 = require("../View");
+var styles_1 = require("./styles");
+var Text_1 = require("../Text");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./types"), exports);
+exports.InputBaseDefaultOrder = [
+    'label',
+    'description',
+    'innerWrapper',
+    'error',
+];
+var KeyPassthrough = function (props) {
+    return <>{props.children}</>;
+};
+exports.InputBase = react_1.default.forwardRef(function (props, ref) {
+    var children = props.children, _a = props.error, error = _a === void 0 ? null : _a, label = props.label, _b = props.description, description = _b === void 0 ? null : _b, _c = props.leftIcon, leftIcon = _c === void 0 ? null : _c, _d = props.rightIcon, rightIcon = _d === void 0 ? null : _d, styles = props.styles, wrapper = props.wrapper, debugName = props.debugName, innerWrapper = props.innerWrapper, focused = props.focused, _e = props.innerWrapperProps, innerWrapperProps = _e === void 0 ? {} : _e, _f = props.wrapperProps, wrapperProps = _f === void 0 ? {} : _f, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.order, order = _h === void 0 ? exports.InputBaseDefaultOrder : _h, style = props.style, _j = props.labelAsRow, labelAsRow = _j === void 0 ? false : _j, _k = props.hideErrorMessage, hideErrorMessage = _k === void 0 ? false : _k, otherProps = __rest(props, ["children", "error", "label", "description", "leftIcon", "rightIcon", "styles", "wrapper", "debugName", "innerWrapper", "focused", "innerWrapperProps", "wrapperProps", "disabled", "order", "style", "labelAsRow", "hideErrorMessage"]);
+    var WrapperComponent = wrapper || View_1.View;
+    var InnerWrapperComponent = innerWrapper || View_1.View;
+    var _styles = (0, styles_1.useInputBaseStyles)(props);
+    var _leftIcon = (0, common_1.getRenderedComponent)(leftIcon, ActionIcon_1.ActionIcon, {
+        // @ts-ignore
+        styles: _styles.leftIconStyles,
+        debugName: "".concat(debugName, " left icon"),
+    });
+    var _rightIcon = (0, common_1.getRenderedComponent)(rightIcon, ActionIcon_1.ActionIcon, {
+        // @ts-ignore
+        styles: _styles.rightIconStyles,
+        debugName: "".concat(debugName, " right icon"),
+    });
+    var _label = common_1.TypeGuards.isString(label) ? <Text_1.Text text={label} style={_styles.labelStyle}/> : label;
+    var _error = common_1.TypeGuards.isString(error) ? <Text_1.Text text={error} style={_styles.errorStyle}/> : error;
+    var _description = common_1.TypeGuards.isString(description) ? <Text_1.Text text={description} style={_styles.descriptionStyle}/> : description;
+    var parts = {
+        label: labelAsRow ? <View_1.View style={_styles.labelRowStyle}>
+      {_label}
+      {_description}
+    </View_1.View> : _label,
+        description: labelAsRow ? null : _description,
+        innerWrapper: <InnerWrapperComponent style={[
+                _styles.innerWrapperStyle,
+            ]} {...innerWrapperProps}>
+      {_leftIcon}
+      {children}
+      {_rightIcon}
+    </InnerWrapperComponent>,
+        error: hideErrorMessage ? null : (_error || <Text_1.Text text={''} style={_styles.errorStyle}/>),
+    };
+    return <WrapperComponent style={[_styles.wrapperStyle, style]} {...otherProps} {...wrapperProps}>
+    {order.map(function (key) { return <KeyPassthrough key={key}>
+        {parts[key]}
+      </KeyPassthrough>; })}
+
+  </WrapperComponent>;
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,27 @@
+import { ActionIconParts } from "../ActionIcon";
+import { InputBaseProps } from "./types";
+type InputIcons = 'icon' | 'leftIcon' | 'rightIcon';
+type IconParts = ActionIconParts;
+export type InputIconComposition = `${InputIcons}${Capitalize<IconParts>}`;
+export type InputBaseStates = 'error' | 'focus' | 'disabled';
+export type InputBaseParts = 'wrapper' | 'innerWrapper' | 'label' | 'errorMessage' | 'description' | 'labelRow' | InputIconComposition;
+export type IconLessInputBaseParts = Exclude<InputBaseParts, InputIconComposition>;
+export type InputBaseComposition = `${InputBaseParts}:${InputBaseStates}` | InputBaseParts;
+export declare const InputBasePresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<InputBaseComposition, any>>>;
+export declare const useInputBaseStyles: (props: InputBaseProps) => {
+    wrapperStyle: any[];
+    innerWrapperStyle: any[];
+    leftIconStyles: {
+        icon: any[];
+        touchableWrapper: any[];
+    }[];
+    rightIconStyles: {
+        icon: any[];
+        touchableWrapper: any[];
+    }[];
+    labelStyle: any[];
+    errorStyle: any[];
+    descriptionStyle: any[];
+    labelRowStyle: any[];
+};
+export {};

package/dist/components/InputBase/styles.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputBaseStyles = exports.InputBasePresets = void 0;
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var createTextInputBaseComposition = (0, common_1.createDefaultVariantFactory)();
+exports.InputBasePresets = (0, common_1.includePresets)(function (styles) { return createTextInputBaseComposition(function () { return ({ wrapper: styles }); }); });
+var getIconStyles = function (obj, state) {
+    return {
+        icon: [
+            obj.icon,
+            state.focused && obj['icon:focus'],
+            state.hasError && obj['icon:error'],
+            state.disabled && obj['icon:disabled']
+        ],
+        touchableWrapper: [
+            obj.touchableWrapper,
+            state.focused && obj['touchableWrapper:focus'],
+            state.hasError && obj['touchableWrapper:error'],
+            state.disabled && obj['touchableWrapper:disabled']
+        ],
+    };
+};
+var useInputBaseStyles = function (props) {
+    var focused = props.focused, disabled = props.disabled, error = props.error, styles = props.styles;
+    var hasError = !common_1.TypeGuards.isNil(error);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:InputBase', {
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+        rootElement: 'wrapper'
+    });
+    var _leftIconStyles = (0, common_1.useNestedStylesByKey)('leftIcon', variantStyles);
+    var _rightIconStyles = (0, common_1.useNestedStylesByKey)('rightIcon', variantStyles);
+    var _generalIconStyles = (0, common_1.useNestedStylesByKey)('icon', variantStyles);
+    var generalIconStyles = getIconStyles(_generalIconStyles, { hasError: hasError, disabled: disabled });
+    var leftIconStyles = [
+        generalIconStyles,
+        getIconStyles(_leftIconStyles, { hasError: hasError, disabled: disabled, focused: focused })
+    ];
+    var rightIconStyles = [
+        generalIconStyles,
+        getIconStyles(_rightIconStyles, { hasError: hasError, disabled: disabled, focused: focused })
+    ];
+    var labelStyle = [
+        variantStyles.label,
+        focused && variantStyles['label:focus'],
+        hasError && variantStyles['label:error'],
+        disabled && variantStyles['label:disabled'],
+    ];
+    var errorStyle = [
+        variantStyles.errorMessage,
+        focused && variantStyles['errorMessage:focus'],
+        hasError && variantStyles['errorMessage:error'],
+        disabled && variantStyles['errorMessage:disabled'],
+    ];
+    var descriptionStyle = [
+        variantStyles.description,
+        focused && variantStyles['description:focus'],
+        hasError && variantStyles['description:error'],
+        disabled && variantStyles['description:disabled'],
+    ];
+    var wrapperStyle = [
+        variantStyles.wrapper,
+        focused && variantStyles['wrapper:focus'],
+        error && variantStyles['wrapper:error'],
+        disabled && variantStyles['wrapper:disabled'],
+    ];
+    var innerWrapperStyle = [
+        variantStyles.innerWrapper,
+        focused && variantStyles['innerWrapper:focus'],
+        hasError && variantStyles['innerWrapper:error'],
+        disabled && variantStyles['innerWrapper:disabled'],
+    ];
+    var labelRowStyle = [
+        variantStyles.labelRow,
+        focused && variantStyles['labelRow:focus'],
+        hasError && variantStyles['labelRow:error'],
+        disabled && variantStyles['labelRow:disabled'],
+    ];
+    return {
+        wrapperStyle: wrapperStyle,
+        innerWrapperStyle: innerWrapperStyle,
+        leftIconStyles: leftIconStyles,
+        rightIconStyles: rightIconStyles,
+        labelStyle: labelStyle,
+        errorStyle: errorStyle,
+        descriptionStyle: descriptionStyle,
+        labelRowStyle: labelRowStyle
+    };
+};
+exports.useInputBaseStyles = useInputBaseStyles;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { PropsOf } from '@codeleap/common';
+import { StylesOf } from '../../types';
+import { InputBaseComposition } from './styles';
+import { ActionIcon } from '../ActionIcon';
+type ActionIconProps = PropsOf<typeof ActionIcon>;
+type OrderedParts = 'label' | 'description' | 'innerWrapper' | 'error';
+type IconProp = Partial<ActionIconProps> | JSX.Element;
+export type InputBaseProps = React.PropsWithChildren<{
+    label?: React.ReactNode;
+    error?: React.ReactNode;
+    leftIcon?: IconProp;
+    rightIcon?: IconProp;
+    wrapper?: React.FC<any>;
+    wrapperProps?: any;
+    innerWrapper?: React.FC<any>;
+    innerWrapperProps?: any;
+    styles?: StylesOf<InputBaseComposition>;
+    description?: React.ReactNode;
+    debugName: string;
+    focused?: boolean;
+    disabled?: boolean;
+    order?: OrderedParts[];
+    style?: any;
+    labelAsRow?: boolean;
+    hideErrorMessage?: boolean;
+}>;
+export {};

package/dist/components/InputBase/types.js

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

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

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

package/dist/components/InputBase/utils.d.ts

@@ -0,0 +1,11 @@
+import { InputBaseProps } from './types';
+type OmitDiff<T1, T2> = {
+    [K in Exclude<keyof T1, keyof T2>]: T1[K];
+} & {
+    [K in keyof T2]: T2[K];
+};
+export declare function selectInputBaseProps<T extends InputBaseProps>(props: T): {
+    inputBaseProps: InputBaseProps;
+    others: OmitDiff<T, T>;
+};
+export {};

package/dist/components/InputBase/utils.js

@@ -0,0 +1,41 @@
+"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.selectInputBaseProps = void 0;
+function selectInputBaseProps(props) {
+    var varList = [
+        'label',
+        'style',
+        'error',
+        'innerWrapper',
+        'leftIcon',
+        'rightIcon',
+        // 'styles',
+        'description',
+        'wrapper',
+        'children',
+        'innerWrapperProps',
+        'wrapperProps',
+        'disabled',
+        'hideErrorMessage',
+    ];
+    var copy = __assign({}, props);
+    var result = varList.reduce(function (acc, key) {
+        // @ts-ignore
+        acc[key] = copy[key];
+        return acc;
+    }, {});
+    return { inputBaseProps: result, others: copy };
+}
+exports.selectInputBaseProps = selectInputBaseProps;
+//# sourceMappingURL=utils.js.map

package/dist/components/InputBase/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/InputBase/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAUA,SAAgB,oBAAoB,CAA2B,KAAQ;IAIrE,IAAM,OAAO,GAAkB;QAC7B,OAAO;QACP,OAAO;QACP,OAAO;QACP,cAAc;QACd,UAAU;QACV,WAAW;QACX,YAAY;QACZ,aAAa;QACb,SAAS;QACT,UAAU;QACV,mBAAmB;QACnB,cAAc;QACd,UAAU;QACV,kBAAkB;KACnB,CAAA;IAED,IAAM,IAAI,gBAAQ,KAAK,CAAE,CAAA;IAEzB,IAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,GAAG;QACrC,aAAa;QACb,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;QAEpB,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAoB,CAAC,CAAA;IAExB,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,IAAsB,EAAE,CAAA;AACnE,CAAC;AA/BD,oDA+BC"}

package/dist/components/List/PaginationIndicator.d.ts

@@ -7,15 +7,15 @@ export declare type PaginationIndicatorComposition = 'text' | `loader${Capitaliz
 export declare const PaginationIndicatorStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;

package/dist/components/List/index.js

@@ -59,7 +59,7 @@ var utils_1 = require("../../utils");
 __exportStar(require("./styles"), exports);
 __exportStar(require("./PaginationIndicator"), exports);
 var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
-    var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatListProps.onRefresh, component = flatListProps.component, refreshing = flatListProps.refreshing, placeholder = flatListProps.placeholder, keyboardAware = flatListProps.keyboardAware, _c = flatListProps.refreshControlProps, refreshControlProps = _c === void 0 ? {} : _c, props = __rest(flatListProps, ["variants", "style", "styles", "onRefresh", "component", "refreshing", "placeholder", "keyboardAware", "refreshControlProps"]);
+    var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatListProps.onRefresh, component = flatListProps.component, refreshing = flatListProps.refreshing, placeholder = flatListProps.placeholder, keyboardAware = flatListProps.keyboardAware, _c = flatListProps.refreshControlProps, refreshControlProps = _c === void 0 ? {} : _c, contentContainerStyle = flatListProps.contentContainerStyle, props = __rest(flatListProps, ["variants", "style", "styles", "onRefresh", "component", "refreshing", "placeholder", "keyboardAware", "refreshControlProps", "contentContainerStyle"]);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('u:List', {
         variants: variants,
         styles: styles,
@@ -72,7 +72,12 @@ var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
     var separator = !isEmpty && (props === null || props === void 0 ? void 0 : props.separators) && renderSeparator;
     var Component = component || react_native_1.FlatList;
     var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
-    var _listProps = __assign({ style: [variantStyles.wrapper, style], contentContainerStyle: variantStyles.content, ref: ref, ItemSeparatorComponent: separator, refreshControl: !!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>), ListEmptyComponent: <EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/> }, props);
+    var keyboardStyle = (0, utils_1.useKeyboardPaddingStyle)([
+        variantStyles.content,
+        contentContainerStyle,
+        isEmpty && variantStyles['content:empty'],
+    ], keyboardAware && !props.horizontal);
+    var _listProps = __assign({ style: [variantStyles.wrapper, style], contentContainerStyle: keyboardStyle, ref: ref, ItemSeparatorComponent: separator, refreshControl: !!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>), ListEmptyComponent: <EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/> }, props);
     var keyboard = (0, utils_1.useKeyboardAwareView)();
     var listProps = keyboard.getKeyboardAwareProps(_listProps, __assign({ adapt: 'paddingBottom', baseStyleProp: 'contentContainerStyle' }, keyboardAware));
     return (<Component {...listProps}/>);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAAkC;AAClC,2CAMyB;AAEzB,6CAA8I;AAC9I,gCAAyC;AACzC,wDAA6E;AAG7E,qCAAgF;AAehF,2CAAwB;AACxB,wDAAqC;AAcrC,IAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,UAAC,aAAa,EAAE,GAAG;IAEf,IAAA,KAUE,aAAa,SAVF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GASH,aAAa,MATV,EACL,KAQE,aAAa,OARJ,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,SAAS,GAOP,aAAa,UAPN,EACT,SAAS,GAMP,aAAa,UANN,EACT,UAAU,GAKR,aAAa,WALL,EACV,WAAW,GAIT,aAAa,YAJJ,EACX,aAAa,GAGX,aAAa,cAHF,EACb,KAEE,aAAa,oBAFS,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACrB,KAAK,UACN,aAAa,EAXX,8HAWL,CADS,CACO;IAEjB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8B,QAAQ,EAAE;QACpF,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAE9B,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,IAAA,oBAAW,EAAC;QAClC,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,WAAI,CAAC,CAC9C,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACjD,IAAM,SAAS,GAAG,CAAC,OAAO,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAA,IAAI,eAAe,CAAA;IAElE,IAAM,SAAS,GAAO,SAAS,IAAI,uBAAQ,CAAA;IAC3C,IAAM,aAAa,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;IAE/F,IAAM,UAAU,cACd,KAAK,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,EACrC,qBAAqB,EAAE,aAAa,CAAC,OAAO,EAC5C,GAAG,EAAE,GAA0B,EAC/B,sBAAsB,EAAE,SAAS,EACjC,cAAc,EAAE,CAAC,CAAC,SAAS,IAAI,CAC7B,CAAC,6BAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAChC,MAAM,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAAC,CAC/B,IAAI,mBAAmB,CAAC,EACxB,CACH,EACD,kBAAkB,EAAE,CAAC,mCAAgB,CAAC,IAAI,WAAW,CAAC,EAAE,IACrD,KAAK,CACT,CAAA;IACD,IAAM,QAAQ,GAAG,IAAA,4BAAoB,GAAE,CAAA;IACvC,IAAM,SAAS,GAAG,QAAQ,CAAC,qBAAqB,CAAC,UAAU,aACzD,KAAK,EAAE,eAAe,EACtB,aAAa,EAAE,uBAAuB,IACnC,aAAa,EAChB,CAAA;IACF,OAAO,CACL,CAAC,SAAS,CACR,IAAI,SAAS,CAAC,EACd,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAIY,QAAA,IAAI,GAAG,MAA2B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"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"}

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

@@ -3,15 +3,15 @@ export declare type ListComposition = ScrollComposition | 'separator';
 export declare const ListStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentVariants } from '@codeleap/common';
+import { StylesOf } from '../../types';
+import { LoadingOverlayComposition, LoadingOverlayPresets } from './styles';
+export * from './styles';
+export type LoadingOverlayProps = React.PropsWithChildren<{
+    variants?: ComponentVariants<typeof LoadingOverlayPresets>['variants'];
+    styles?: StylesOf<LoadingOverlayComposition>;
+    visible?: boolean;
+}>;
+export declare const LoadingOverlay: (props: LoadingOverlayProps) => JSX.Element;

package/dist/components/LoadingOverlay/index.js

@@ -0,0 +1,66 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingOverlay = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var ActivityIndicator_1 = require("../ActivityIndicator");
+var View_1 = require("../View");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
+var LoadingOverlay = function (props) {
+    var children = props.children, styles = props.styles, variants = props.variants, visible = props.visible;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:LoadingOverlay', {
+        variants: variants,
+        rootElement: 'wrapper',
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var loaderStyles = (0, common_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('loader', variantStyles); }, [variantStyles]);
+    var wrapperAnimation = (0, utils_1.useAnimatedVariantStyles)({
+        variantStyles: variantStyles,
+        animatedProperties: ['wrapper:visible', 'wrapper:hidden'],
+        updater: function (s) {
+            'worklet';
+            return visible ? s['wrapper:visible'] : s['wrapper:hidden'];
+        },
+        transition: variantStyles.transition,
+        dependencies: [visible],
+    });
+    var transition = (0, react_1.useRef)(null);
+    if (!transition.current) {
+        transition.current = JSON.parse(JSON.stringify(variantStyles['wrapper:transition']));
+    }
+    return <View_1.View style={[variantStyles.wrapper, wrapperAnimation]} animated transition={transition.current}>
+    <ActivityIndicator_1.ActivityIndicator styles={loaderStyles}/>
+    {children}
+  </View_1.View>;
+};
+exports.LoadingOverlay = LoadingOverlay;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqC;AACrC,2CAAuH;AACvH,6CAAyC;AAEzC,0DAAwD;AACxD,gCAA8B;AAE9B,qCAAsD;AAEtD,2CAAwB;AAQjB,IAAM,cAAc,GAAG,UAAC,KAA0B;IAErD,IAAA,QAAQ,GAIN,KAAK,SAJC,EACR,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACR,OAAO,GACL,KAAK,QADA,CACA;IAET,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAmD,kBAAkB,EAAE;QACnH,QAAQ,UAAA;QACR,WAAW,EAAE,SAAS;QACtB,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEF,IAAM,YAAY,GAAG,IAAA,gBAAO,EAAC,cAAM,OAAA,IAAA,6BAAoB,EAAC,QAAQ,EAAE,aAAa,CAAC,EAA7C,CAA6C,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAElG,IAAM,gBAAgB,GAAG,IAAA,gCAAwB,EAAC;QAChD,aAAa,eAAA;QACb,kBAAkB,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACzD,OAAO,EAAE,UAAC,CAAC;YACT,SAAS,CAAA;YACT,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;QAC7D,CAAC;QACD,UAAU,EAAE,aAAa,CAAC,UAAU;QACpC,YAAY,EAAE,CAAC,OAAO,CAAC;KACxB,CAAC,CAAA;IAGF,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAC/B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;QACvB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAA;KACrF;IACD,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAE,UAAU,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CACtG;IAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,EACxC;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,WAAI,CAAC,CAAA;AACT,CAAC,CAAA;AArCY,QAAA,cAAc,kBAqC1B"}

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

@@ -0,0 +1,5 @@
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+type WrapperStates = 'hidden' | 'visible';
+export type LoadingOverlayComposition = 'wrapper' | `wrapper:${WrapperStates}` | 'wrapper:transition' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'transition';
+export declare const LoadingOverlayPresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<LoadingOverlayComposition, any>>>;
+export {};

package/dist/components/LoadingOverlay/styles.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingOverlayPresets = void 0;
+var common_1 = require("@codeleap/common");
+var createLoadingOverlayStyle = (0, common_1.createDefaultVariantFactory)();
+exports.LoadingOverlayPresets = (0, common_1.includePresets)(function (styles) { return createLoadingOverlayStyle(function () { return ({ wrapper: styles }); }); });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8E;AAO9E,IAAM,yBAAyB,GAAG,IAAA,oCAA2B,GAA6B,CAAA;AAE7E,QAAA,qBAAqB,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,yBAAyB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAtD,CAAsD,CAAC,CAAA"}

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

@@ -7,15 +7,15 @@ export declare const ModalStyles: {
     popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { TextInput as NativeTextInput, TextInputProps as NativeTextInputProps } from 'react-native';
+export * from './styles';
+export * from './types';
+export declare const NumberIncrement: React.ForwardRefExoticComponent<Omit<import("../InputBase").InputBaseProps, "variants" | "styles"> & NativeTextInputProps & {
+    variants?: import("@codeleap/common").VariantProp<import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./styles").NumberIncrementComposition, any>>>>;
+    styles?: Partial<Record<import("./styles").NumberIncrementComposition, any>>;
+    value: number;
+    validate?: import("yup").BaseSchema<string, import("yup/lib/object").AnyObject, string> | import("@codeleap/common/dist/tools/Form/types").ValidatorFunctionWithoutForm<string>;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    max?: number;
+    min?: number;
+    step?: number;
+    editable?: boolean;
+    _error?: string;
+    placeholder?: string;
+    onChangeMask?: (text: string, rawText?: string) => void;
+    masking?: Partial<import("@codeleap/common/dist/types/third-party/react-native-masked-text").TextInputMaskProps> & {
+        saveFormatted?: boolean;
+    };
+    prefix?: string;
+    suffix?: string;
+    separator?: string;
+    delimiter?: string;
+    mask?: string;
+    formatter?: (value: string | number) => string;
+    parseValue?: (value: string) => number;
+    timeoutActionFocus?: number;
+    actionPressAutoFocus?: boolean;
+    actionDebounce?: number;
+} & Pick<Omit<import("../Touchable").TouchableProps, "">, "onPress"> & React.RefAttributes<NativeTextInput>>;