@codeleap/mobile 2.3.25 → 2.3.27-1

package/dist/components/DatePickerModal/index.js

@@ -0,0 +1,153 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerModal = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_date_picker_1 = __importDefault(require("react-native-date-picker"));
+var TextInput_1 = require("../TextInput");
+var utils_1 = require("../../utils");
+var Button_1 = require("../Button");
+var react_native_1 = require("react-native");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var OuterInputComponent = function (props) {
+    var debugName = props.debugName, toggle = props.toggle, valueLabel = props.valueLabel, placeholder = props.placeholder, otherProps = __rest(props, ["debugName", "toggle", "valueLabel", "placeholder"]);
+    return <TextInput_1.TextInput debugName={"".concat(debugName, " outer input")} onPress={toggle} {...otherProps} value={common_1.TypeGuards.isString(valueLabel) ? valueLabel : ''} placeholder={common_1.TypeGuards.isString(placeholder) ? placeholder : ''}/>;
+};
+var defaultFormatDate = function (date) {
+    if (!date)
+        return null;
+    return "".concat(date.getDate(), "/").concat(date.getMonth() + 1, "/").concat(date.getFullYear());
+};
+var DefaultFooter = function (props) {
+    var debugName = props.debugName, commitDate = props.commitDate, showDoneButton = props.showDoneButton, styles = props.styles, confirm = props.confirm, _a = props.confirmButtonProps, confirmButtonProps = _a === void 0 ? {} : _a, _b = props.cancelButtonProps, cancelButtonProps = _b === void 0 ? {} : _b, toggle = props.toggle;
+    if (commitDate == 'onConfirm') {
+        return <>
+      <Button_1.Button debugName={"".concat(debugName, " cancel button")} styles={styles.cancel} variants={['flex']} text={"Cancel"} onPress={toggle} {...cancelButtonProps}/>
+      <Button_1.Button debugName={"".concat(debugName, " confirm button")} variants={['flex']} styles={styles.confirm} text={"Confirm"} onPress={confirm} {...confirmButtonProps}/>
+    </>;
+    }
+    if (!showDoneButton)
+        return null;
+    return <Button_1.Button debugName={"".concat(debugName, " done button")} onPress={confirm} text={'Done'} styles={styles.done}/>;
+};
+var defaultProps = {
+    outerInputComponent: OuterInputComponent,
+    formatDate: defaultFormatDate,
+    footerComponent: DefaultFooter,
+    mode: 'date',
+    commitDate: 'onConfirm',
+    showDoneButton: true,
+    isCustomModal: true,
+    toggleOnConfirm: true,
+};
+var DatePickerModal = function (props) {
+    var _a;
+    var currentTheme = (0, common_1.useCodeleapContext)().currentTheme;
+    var allProps = __assign(__assign({}, defaultProps), props);
+    var isCustomModal = allProps.isCustomModal, hideInput = allProps.hideInput, _visible = allProps.visible, _toggle = allProps.toggle, _value = allProps.value, onValueChange = allProps.onValueChange, formatDate = allProps.formatDate, debugName = allProps.debugName, _b = allProps.cancelButtonProps, cancelButtonProps = _b === void 0 ? {} : _b, _c = allProps.confirmButtonProps, confirmButtonProps = _c === void 0 ? {} : _c, outerInputComponent = allProps.outerInputComponent, footer = allProps.footer, _d = allProps.variants, variants = _d === void 0 ? [] : _d, _e = allProps.styles, styles = _e === void 0 ? {} : _e, datePickerProps = allProps.datePickerProps, mode = allProps.mode, label = allProps.label, commitDate = allProps.commitDate, description = allProps.description, showDoneButton = allProps.showDoneButton, style = allProps.style, minimumDate = allProps.minimumDate, maximumDate = allProps.maximumDate, footerComponent = allProps.footerComponent, toggleOnConfirm = allProps.toggleOnConfirm, _onConfirm = allProps.onConfirm, modalProps = __rest(allProps, ["isCustomModal", "hideInput", "visible", "toggle", "value", "onValueChange", "formatDate", "debugName", "cancelButtonProps", "confirmButtonProps", "outerInputComponent", "footer", "variants", "styles", "datePickerProps", "mode", "label", "commitDate", "description", "showDoneButton", "style", "minimumDate", "maximumDate", "footerComponent", "toggleOnConfirm", "onConfirm"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:DatePickerModal', {
+        variants: variants,
+        styles: styles,
+        rootElement: 'inputWrapper',
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var _f = !common_1.TypeGuards.isNil(_visible) && !!_toggle ? [_visible, _toggle] : (0, common_1.useBooleanToggle)(false), visible = _f[0], toggle = _f[1];
+    var _g = [_value, onValueChange], value = _g[0], setValue = _g[1];
+    //const [value, setValue] = _value && onValueChange ? [_value, onValueChange] : useState(_value ?? new Date())
+    var Wrapper = isCustomModal ? utils_1.ModalManager.Modal : react_1.default.Fragment;
+    var OuterInput = outerInputComponent;
+    var Footer = footerComponent;
+    var inputStyle = (0, common_1.useNestedStylesByKey)('input', variantStyles);
+    var doneStyle = (0, common_1.useNestedStylesByKey)('doneButton', variantStyles);
+    var cancelStyle = (0, common_1.useNestedStylesByKey)('cancelButton', variantStyles);
+    var confirmStyle = (0, common_1.useNestedStylesByKey)('confirmButton', variantStyles);
+    var formattedDate = value ? formatDate(value) : '';
+    var locale = (0, common_1.useI18N)().locale;
+    var tempDate = (0, react_1.useRef)(null);
+    var onConfirm = function () {
+        if (commitDate == 'onConfirm' && !!tempDate.current) {
+            setValue(tempDate.current);
+        }
+        if (isCustomModal && toggleOnConfirm) {
+            toggle();
+        }
+        if (common_1.TypeGuards.isFunction(_onConfirm)) {
+            _onConfirm === null || _onConfirm === void 0 ? void 0 : _onConfirm(tempDate.current);
+        }
+    };
+    var modalFooter = footer || <Footer {...allProps} confirm={onConfirm} styles={{
+            done: doneStyle,
+            cancel: cancelStyle,
+            confirm: confirmStyle,
+        }} confirmButtonProps={confirmButtonProps} cancelButtonProps={cancelButtonProps} showDoneButton={showDoneButton} value={value} debugName={debugName} visible={visible} toggle={toggle} onValueChange={setValue} valueLabel={formattedDate}/>;
+    var wrapperProps = isCustomModal ? __assign(__assign({ title: label, description: description, debugName: "".concat(debugName, " Modal"), visible: visible, toggle: toggle, styles: variantStyles, footer: modalFooter }, modalProps), { id: null }) : {};
+    return (<>
+      {!hideInput && <OuterInput {...allProps} styles={inputStyle} value={value} debugName={debugName} visible={visible} toggle={toggle} onValueChange={setValue} valueLabel={formattedDate} style={style}/>}
+      {/* @ts-expect-error */}
+      <Wrapper {...wrapperProps}>
+        <react_native_date_picker_1.default modal={!isCustomModal} open={visible} onCancel={toggle} date={value !== null && value !== void 0 ? value : new Date()} onDateChange={function (date) {
+            if (commitDate === 'onChange') {
+                setValue(date);
+                return;
+            }
+            tempDate.current = date;
+        }} locale={locale} theme={currentTheme === 'dark' ? 'dark' : 'light'} textColor={(_a = variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.picker) === null || _a === void 0 ? void 0 : _a.color} androidVariant='iosClone' onConfirm={setValue} minimumDate={minimumDate} maximumDate={maximumDate} {...datePickerProps} mode={mode}/>
+      </Wrapper>
+
+    </>);
+};
+exports.DatePickerModal = DatePickerModal;
+exports.DatePickerModal.defaultProps = defaultProps;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { ButtonComposition } from '../Button';
+import { ModalComposition } from '../Modal';
+import { TextInputComposition } from '../TextInput';
+export type DatePickerModalComposition = ModalComposition | `input${Capitalize<TextInputComposition>}` | `picker` | `doneButton${Capitalize<ButtonComposition>}` | `confirmButton${Capitalize<ButtonComposition>}` | `cancelButton${Capitalize<ButtonComposition>}`;
+export declare const DatePickerModalPresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<DatePickerModalComposition, any>>>;

package/dist/components/DatePickerModal/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8E;AAa9E,IAAM,0BAA0B,GAAG,IAAA,oCAA2B,GAA8B,CAAA;AAC/E,QAAA,sBAAsB,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,0BAA0B,CAAC,cAAM,OAAA,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,EAA1B,CAA0B,CAAC,EAA5D,CAA4D,CAAC,CAAA"}

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
+import { DatePickerModalComposition, DatePickerModalPresets } from './styles';
+import { DatePickerProps } from 'react-native-date-picker';
+import { TextInputComposition } from '../TextInput';
+import { ButtonComposition, ButtonProps } from '../Button';
+import { ModalProps } from '../Modal';
+export type DatePickerModalOuterInputProps = Omit<DatePickerModalProps, 'outerInputComponent' | 'styles'> & {
+    valueLabel: FormTypes.Label;
+    styles?: StylesOf<TextInputComposition>;
+};
+type DatePickerModalFooterProps = Omit<DatePickerModalProps, 'outerInputComponent' | 'styles'> & {
+    valueLabel: FormTypes.Label;
+    styles?: Record<'confirm' | 'cancel' | 'done', StylesOf<ButtonComposition>>;
+    confirm: () => void;
+};
+export type DatePickerModalProps = Omit<ModalProps, 'styles' | 'variants' | 'ref'> & {
+    hideInput?: boolean;
+    debugName: string;
+    value: Date;
+    label?: FormTypes.Label;
+    placeholder?: FormTypes.Label;
+    onValueChange: (date: Date) => void;
+    styles?: StylesOf<DatePickerModalComposition>;
+    isCustomModal?: boolean;
+    mode?: DatePickerProps['mode'];
+    cancelButtonProps?: Partial<ButtonProps>;
+    confirmButtonProps?: Partial<ButtonProps>;
+    datePickerProps?: Partial<DatePickerProps>;
+    outerInputComponent?: React.ComponentType<DatePickerModalOuterInputProps>;
+    formatDate?: (date: Date) => FormTypes.Label;
+    commitDate?: 'onConfirm' | 'onChange';
+    showDoneButton?: boolean;
+    footerComponent?: React.ComponentType<DatePickerModalFooterProps>;
+    minimumDate?: DatePickerProps['minimumDate'];
+    maximumDate?: DatePickerProps['maximumDate'];
+    toggleOnConfirm?: boolean;
+    onConfirm?: (value: Date) => void;
+} & ComponentVariants<typeof DatePickerModalPresets>;
+export {};

package/dist/components/DatePickerModal/types.js

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

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

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

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { InputBaseProps } from './types';
+export * from './styles';
+export * from './utils';
+export * from './types';
+export declare const InputBaseDefaultOrder: InputBaseProps['order'];
+export declare const InputBase: React.ForwardRefExoticComponent<{
+    label?: React.ReactNode;
+    error?: React.ReactNode;
+    leftIcon?: JSX.Element | Partial<Omit<{
+        iconProps?: Partial<import("../Icon").IconProps>;
+        icon?: "__ICON__";
+        name?: "__ICON__";
+        styles?: Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>> | Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>[];
+    } & Omit<import("../Touchable").TouchableProps, "variants" | "styles"> & import("@codeleap/common").ComponentVariants<import("@codeleap/common").IncludePresetsReturn<(style: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>>> & import("../Badge").BadgeComponentProps, "">>;
+    rightIcon?: JSX.Element | Partial<Omit<{
+        iconProps?: Partial<import("../Icon").IconProps>;
+        icon?: "__ICON__";
+        name?: "__ICON__";
+        styles?: Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>> | Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>[];
+    } & Omit<import("../Touchable").TouchableProps, "variants" | "styles"> & import("@codeleap/common").ComponentVariants<import("@codeleap/common").IncludePresetsReturn<(style: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>>> & import("../Badge").BadgeComponentProps, "">>;
+    wrapper?: React.FC<any>;
+    wrapperProps?: any;
+    innerWrapper?: React.FC<any>;
+    innerWrapperProps?: any;
+    styles?: Partial<Record<import("./styles").InputBaseComposition, any>>;
+    description?: React.ReactNode;
+    debugName: string;
+    focused?: boolean;
+    disabled?: boolean;
+    order?: ("label" | "error" | "description" | "innerWrapper")[];
+    style?: any;
+    labelAsRow?: boolean;
+    hideErrorMessage?: boolean;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>>;

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":";;;AAAA,2CAAyK;AAGzK,6CAAyC;AAuBzC,IAAM,8BAA8B,GAAG,IAAA,oCAA2B,GAAwB,CAAA;AAE7E,QAAA,gBAAgB,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,8BAA8B,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAA3D,CAA2D,CAAC,CAAA;AAGvH,IAAM,aAAa,GAAG,UAAC,GAAG,EAAE,KAAK;IAC/B,OAAO;QACL,IAAI,EAAE;YACJ,GAAG,CAAC,IAAI;YACR,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,YAAY,CAAC;YAClC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,YAAY,CAAC;YACnC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC;SACvC;QACD,gBAAgB,EAAE;YAChB,GAAG,CAAC,gBAAgB;YACpB,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,wBAAwB,CAAC;YAC9C,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,wBAAwB,CAAC;YAC/C,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,2BAA2B,CAAC;SACnD;KACF,CAAA;AAEH,CAAC,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,KAAqB;IAEpD,IAAA,OAAO,GAIL,KAAK,QAJA,EACP,QAAQ,GAGN,KAAK,SAHC,EACR,KAAK,GAEH,KAAK,MAFF,EACL,MAAM,GACJ,KAAK,OADD,CACC;IAET,IAAM,QAAQ,GAAG,CAAC,mBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAEzC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAyC,aAAa,EAAE;QACpG,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,WAAW,EAAE,SAAS;KACvB,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,IAAA,6BAAoB,EAAwB,UAAU,EAAE,aAAa,CAAC,CAAA;IAC9F,IAAM,gBAAgB,GAAG,IAAA,6BAAoB,EAAwB,WAAW,EAAE,aAAa,CAAC,CAAA;IAChG,IAAM,kBAAkB,GAAG,IAAA,6BAAoB,EAAwB,MAAM,EAAE,aAAa,CAAC,CAAA;IAE7F,IAAM,iBAAiB,GAAG,aAAa,CAAC,kBAAkB,EAAE,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEnF,IAAM,cAAc,GAAG;QACrB,iBAAiB;QAClB,aAAa,CAAC,eAAe,EAAE,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,CAAC;KAC/D,CAAA;IAED,IAAM,eAAe,GAAG;QACtB,iBAAiB;QACjB,aAAa,CAAC,gBAAgB,EAAE,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,CAAC;KACjE,CAAA;IAED,IAAM,UAAU,GAAG;QACjB,aAAa,CAAC,KAAK;QACnB,OAAO,IAAI,aAAa,CAAC,aAAa,CAAC;QACvC,QAAQ,IAAI,aAAa,CAAC,aAAa,CAAC;QACxC,QAAQ,IAAI,aAAa,CAAC,gBAAgB,CAAC;KAE5C,CAAA;IAED,IAAM,UAAU,GAAG;QACjB,aAAa,CAAC,YAAY;QAC1B,OAAO,IAAI,aAAa,CAAC,oBAAoB,CAAC;QAC9C,QAAQ,IAAI,aAAa,CAAC,oBAAoB,CAAC;QAC/C,QAAQ,IAAI,aAAa,CAAC,uBAAuB,CAAC;KACnD,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,aAAa,CAAC,WAAW;QACzB,OAAO,IAAI,aAAa,CAAC,mBAAmB,CAAC;QAC7C,QAAQ,IAAI,aAAa,CAAC,mBAAmB,CAAC;QAC9C,QAAQ,IAAI,aAAa,CAAC,sBAAsB,CAAC;KAClD,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,aAAa,CAAC,OAAO;QACrB,OAAO,IAAI,aAAa,CAAC,eAAe,CAAC;QACzC,KAAK,IAAI,aAAa,CAAC,eAAe,CAAC;QACvC,QAAQ,IAAI,aAAa,CAAC,kBAAkB,CAAC;KAC9C,CAAA;IAED,IAAM,iBAAiB,GAAG;QACxB,aAAa,CAAC,YAAY;QAC1B,OAAO,IAAI,aAAa,CAAC,oBAAoB,CAAC;QAC9C,QAAQ,IAAI,aAAa,CAAC,oBAAoB,CAAC;QAC/C,QAAQ,IAAI,aAAa,CAAC,uBAAuB,CAAC;KACnD,CAAA;IAED,IAAM,aAAa,GAAG;QACpB,aAAa,CAAC,QAAQ;QACtB,OAAO,IAAI,aAAa,CAAC,gBAAgB,CAAC;QAC1C,QAAQ,IAAI,aAAa,CAAC,gBAAgB,CAAC;QAC3C,QAAQ,IAAI,aAAa,CAAC,mBAAmB,CAAC;KAC/C,CAAA;IAEF,OAAO;QACJ,YAAY,cAAA;QACZ,iBAAiB,mBAAA;QACjB,cAAc,gBAAA;QACd,eAAe,iBAAA;QACf,UAAU,YAAA;QACV,UAAU,YAAA;QACV,gBAAgB,kBAAA;QAChB,aAAa,eAAA;KACf,CAAA;AACF,CAAC,CAAA;AArFY,QAAA,kBAAkB,sBAqF9B"}

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/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;