@codeleap/mobile 4.1.0 → 4.2.2

package/dist/components/DatePickerModal/index.js

@@ -0,0 +1,156 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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 Modal_1 = __importDefault(require("../Modal"));
+var TextInput_1 = require("../TextInput");
+var utils_1 = require("../../utils");
+var Button_1 = require("../Button");
+var styles_1 = require("@codeleap/styles");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__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, confirm = props.confirm, _a = props.confirmButtonProps, confirmButtonProps = _a === void 0 ? {} : _a, _b = props.cancelButtonProps, cancelButtonProps = _b === void 0 ? {} : _b, toggle = props.toggle, cancelStyles = props.cancelStyles, confirmStyles = props.confirmStyles, doneStyles = props.doneStyles;
+    if (commitDate == 'onConfirm') {
+        return <>
+      <Button_1.Button debugName={"".concat(debugName, " cancel button")} style={cancelStyles} text={"Cancel"} onPress={toggle} {...cancelButtonProps}/>
+      <Button_1.Button debugName={"".concat(debugName, " confirm button")} style={confirmStyles} text={"Confirm"} onPress={confirm} {...confirmButtonProps}/>
+    </>;
+    }
+    if (!showDoneButton)
+        return null;
+    return <Button_1.Button debugName={"".concat(debugName, " done button")} onPress={confirm} text={'Done'} style={doneStyles}/>;
+};
+var DatePickerModal = function (props) {
+    var _a, _b;
+    var allProps = __assign(__assign({}, exports.DatePickerModal.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, _c = allProps.cancelButtonProps, cancelButtonProps = _c === void 0 ? {} : _c, _d = allProps.confirmButtonProps, confirmButtonProps = _d === void 0 ? {} : _d, OuterInput = allProps.outerInputComponent, footer = allProps.footer, 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, initialDate = allProps.initialDate, Footer = allProps.footerComponent, toggleOnConfirm = allProps.toggleOnConfirm, _onConfirm = allProps.onConfirm, modalProps = __rest(allProps, ["isCustomModal", "hideInput", "visible", "toggle", "value", "onValueChange", "formatDate", "debugName", "cancelButtonProps", "confirmButtonProps", "outerInputComponent", "footer", "datePickerProps", "mode", "label", "commitDate", "description", "showDoneButton", "style", "minimumDate", "maximumDate", "initialDate", "footerComponent", "toggleOnConfirm", "onConfirm"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.DatePickerModal.styleRegistryName, style);
+    var _e = (0, common_1.useConditionalState)(_visible, _toggle, { initialValue: false, isBooleanToggle: true }), visible = _e[0], toggle = _e[1];
+    var _f = [_value, onValueChange], value = _f[0], setValue = _f[1];
+    var Wrapper = isCustomModal ? utils_1.ModalManager.Modal : react_1.default.Fragment;
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['input', 'doneButton', 'cancelButton', 'confirmButton'], styles);
+    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} doneStyles={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.doneButton} cancelStyles={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.cancelButton} confirmStyles={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.confirmButton} 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, style: styles, footer: modalFooter }, modalProps), { id: null }) : {};
+    return (<>
+      {!hideInput ? <OuterInput {...allProps} style={compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.input} value={value} debugName={debugName} visible={visible} toggle={toggle} onValueChange={setValue} valueLabel={formattedDate}/> : null}
+
+      <Wrapper {...wrapperProps}>
+        <react_native_date_picker_1.default modal={!isCustomModal} open={visible} onCancel={toggle} date={(_a = value !== null && value !== void 0 ? value : initialDate) !== null && _a !== void 0 ? _a : new Date()} onDateChange={function (date) {
+            if (commitDate === 'onChange') {
+                setValue(date);
+                return;
+            }
+            tempDate.current = date;
+        }} locale={locale} 
+    // @ts-expect-error
+    textColor={(_b = styles === null || styles === void 0 ? void 0 : styles.picker) === null || _b === void 0 ? void 0 : _b.color} theme='light' androidVariant='iosClone' onConfirm={setValue} minimumDate={minimumDate} maximumDate={maximumDate} {...datePickerProps} mode={mode}/>
+      </Wrapper>
+    </>);
+};
+exports.DatePickerModal = DatePickerModal;
+exports.DatePickerModal.styleRegistryName = 'DatePickerModal';
+exports.DatePickerModal.elements = __spreadArray(__spreadArray([], Modal_1.default.elements, true), ['input', 'picker', 'doneButton', 'confirmButton', 'cancelButton'], false);
+exports.DatePickerModal.rootElement = 'inputWrapper';
+exports.DatePickerModal.withVariantTypes = function (styles) {
+    return exports.DatePickerModal;
+};
+exports.DatePickerModal.defaultProps = {
+    outerInputComponent: OuterInputComponent,
+    formatDate: defaultFormatDate,
+    footerComponent: DefaultFooter,
+    mode: 'date',
+    commitDate: 'onConfirm',
+    showDoneButton: true,
+    isCustomModal: true,
+    toggleOnConfirm: true,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.DatePickerModal);
+//# 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 DatePickerModalButtonCompositions = `doneButton${Capitalize<ButtonComposition>}` | `confirmButton${Capitalize<ButtonComposition>}` | `cancelButton${Capitalize<ButtonComposition>}`;
+export type DatePickerModalComposition = ModalComposition | `input${Capitalize<TextInputComposition>}` | `picker` | DatePickerModalButtonCompositions;

package/dist/components/DatePickerModal/styles.js

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

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { FormTypes, StylesOf } from '@codeleap/common';
+import { DatePickerModalButtonCompositions, DatePickerModalComposition } from './styles';
+import { DatePickerProps } from 'react-native-date-picker';
+import { ButtonProps } from '../Button';
+import { ModalProps } from '../Modal';
+import { StyledProp } from '@codeleap/styles';
+export type DatePickerModalOuterInputProps = Omit<DatePickerModalProps, 'outerInputComponent'> & {
+    valueLabel: FormTypes.Label;
+};
+type DatePickerModalFooterProps = Omit<DatePickerModalProps, 'outerInputComponent' | 'style'> & {
+    valueLabel: FormTypes.Label;
+    confirm: () => void;
+    cancelStyles: StylesOf<DatePickerModalButtonCompositions>;
+    confirmStyles: StylesOf<DatePickerModalButtonCompositions>;
+    doneStyles: StylesOf<DatePickerModalButtonCompositions>;
+};
+export type DatePickerModalProps = Omit<ModalProps, 'style' | 'ref'> & {
+    hideInput?: boolean;
+    debugName: string;
+    value: Date;
+    label?: FormTypes.Label;
+    placeholder?: FormTypes.Label;
+    onValueChange: (date: Date) => void;
+    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>;
+    initialDate?: Date;
+    minimumDate?: DatePickerProps['minimumDate'];
+    maximumDate?: DatePickerProps['maximumDate'];
+    toggleOnConfirm?: boolean;
+    onConfirm?: (value: Date) => void;
+    style?: StyledProp<DatePickerModalComposition>;
+};
+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/EmptyPlaceholder/index.d.ts

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

package/dist/components/EmptyPlaceholder/index.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyPlaceholder = void 0;
+var react_1 = __importDefault(require("react"));
+var Icon_1 = require("../Icon");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+var ActivityIndicator_1 = require("../ActivityIndicator");
+var Image_1 = require("../Image");
+var styles_1 = require("@codeleap/styles");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var EmptyPlaceholder = function (props) {
+    var _a = __assign(__assign({}, exports.EmptyPlaceholder.defaultProps), props), itemName = _a.itemName, title = _a.title, loading = _a.loading, description = _a.description, image = _a.image, _b = _a.icon, icon = _b === void 0 ? null : _b, renderEmpty = _a.renderEmpty, style = _a.style;
+    var emptyText = title || (itemName && "No ".concat(itemName, " found.")) || 'No items.';
+    var styles = (0, hooks_1.useStylesFor)(exports.EmptyPlaceholder.styleRegistryName, style);
+    var activityIndicatorStyles = (0, styles_1.useNestedStylesByKey)('loader', styles);
+    if (loading) {
+        return (<View_1.View style={[styles.wrapper, styles['wrapper:loading']]}>
+        <ActivityIndicator_1.ActivityIndicator style={activityIndicatorStyles}/>
+      </View_1.View>);
+    }
+    if (renderEmpty) {
+        return (<View_1.View style={styles.wrapper}>
+        {renderEmpty({
+                emptyText: emptyText,
+                emptyIconName: icon,
+                style: styles,
+            })}
+      </View_1.View>);
+    }
+    var _image = null;
+    if (icon) {
+        _image = <Icon_1.Icon name={icon} style={styles.icon}/>;
+    }
+    else if (image) {
+        _image = <Image_1.Image source={image} style={styles.image}/>;
+    }
+    return (<View_1.View style={styles.wrapper}>
+      {react_1.default.isValidElement(_image) ? (<View_1.View style={styles.imageWrapper}>
+          {_image}
+        </View_1.View>) : null}
+
+      {react_1.default.isValidElement(emptyText) ? emptyText : <Text_1.Text text={emptyText} style={styles.title}/>}
+      {react_1.default.isValidElement(description) ? description : <Text_1.Text text={description} style={styles.description}/>}
+    </View_1.View>);
+};
+exports.EmptyPlaceholder = EmptyPlaceholder;
+exports.EmptyPlaceholder.styleRegistryName = 'EmptyPlaceholder';
+exports.EmptyPlaceholder.elements = ['wrapper', 'loader', 'title', 'description', 'image', 'icon'];
+exports.EmptyPlaceholder.rootElement = 'wrapper';
+exports.EmptyPlaceholder.withVariantTypes = function (styles) {
+    return exports.EmptyPlaceholder;
+};
+exports.EmptyPlaceholder.defaultProps = {};
+Registry_1.MobileStyleRegistry.registerComponent(exports.EmptyPlaceholder);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,0DAAwD;AACxD,kCAAgC;AAEhC,2CAAuG;AACvG,2CAAoD;AACpD,qCAA0C;AAE1C,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IACrD,IAAA,2BAUD,wBAAgB,CAAC,YAAY,GAC7B,KAAK,CACT,EAXC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,WAAW,iBAAA,EACX,KAAK,WAIN,CAAA;IAED,IAAM,SAAS,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,aAAM,QAAQ,YAAS,CAAC,IAAI,WAAW,CAAA;IAE/E,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,wBAAgB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEtE,IAAM,uBAAuB,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAEtE,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACvD;QAAA,CAAC,qCAAiB,CAAC,KAAK,CAAC,CAAC,uBAAuB,CAAC,EACpD;MAAA,EAAE,WAAI,CAAC,CACR,CAAA;KACF;IAED,IAAI,WAAW,EAAE;QACf,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,WAAW,CAAC;gBACX,SAAS,WAAA;gBACT,aAAa,EAAE,IAAe;gBAC9B,KAAK,EAAE,MAAM;aACd,CAAC,CACJ;MAAA,EAAE,WAAI,CAAC,CACR,CAAA;KACF;IAED,IAAI,MAAM,GAAG,IAAI,CAAA;IAEjB,IAAI,IAAI,EAAE;QACR,MAAM,GAAG,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAe,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAA;KAC7D;SAAM,IAAI,KAAK,EAAE;QAChB,MAAM,GAAG,CAAC,aAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAG,CAAA;KACvD;IAED,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;MAAA,CAAC,eAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAC9B,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,WAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CAER;;MAAA,CAAC,eAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAG,CAC7F;MAAA,CAAC,eAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAG,CAC3G;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA7DY,QAAA,gBAAgB,oBA6D5B;AAED,wBAAgB,CAAC,iBAAiB,GAAG,kBAAkB,CAAA;AACvD,wBAAgB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;AAC1F,wBAAgB,CAAC,WAAW,GAAG,SAAS,CAAA;AAExC,wBAAgB,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACjE,OAAO,wBAA+F,CAAA;AACxG,CAAC,CAAA;AAED,wBAAgB,CAAC,YAAY,GAAG,EAAoC,CAAA;AAEpE,8BAAmB,CAAC,iBAAiB,CAAC,wBAAgB,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+export type EmptyPlaceholderComposition = 'wrapper:loading' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'wrapper' | 'title' | 'description' | 'image' | 'imageWrapper' | 'icon';

package/dist/components/EmptyPlaceholder/styles.js

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

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

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

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

@@ -0,0 +1,20 @@
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { ReactElement } from 'react';
+import { ImageProps } from '../Image';
+import { EmptyPlaceholderComposition } from './styles';
+type RenderEmpty = (props: {
+    emptyText: string | ReactElement;
+    emptyIconName?: AppIcon;
+    style?: StyledProp<EmptyPlaceholderComposition>;
+}) => ReactElement;
+export type EmptyPlaceholderProps = {
+    itemName?: string;
+    title?: ReactElement | string;
+    description?: ReactElement | string;
+    image?: ImageProps['source'];
+    icon?: AppIcon;
+    loading?: boolean;
+    style?: StyledProp<EmptyPlaceholderComposition>;
+    renderEmpty?: RenderEmpty;
+};
+export {};

package/dist/components/EmptyPlaceholder/types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Options } from 'react-native-image-crop-picker';
+import { FileInputImageSource, FileInputProps, FileInputRef, FileResult } from './types';
+export * from './types';
+export declare const FileInput: (props: FileInputProps) => JSX.Element;
+export declare const useFileInput: () => {
+    openFilePicker: (imageSource?: FileInputImageSource, options?: Partial<Options>) => Promise<FileResult[]>;
+    ref: React.MutableRefObject<FileInputRef>;
+};

package/dist/components/FileInput/index.js

@@ -0,0 +1,218 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFileInput = exports.FileInput = void 0;
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var utils_1 = require("../../utils");
+var react_native_image_crop_picker_1 = __importDefault(require("react-native-image-crop-picker"));
+var react_native_document_picker_1 = __importDefault(require("react-native-document-picker"));
+__exportStar(require("./types"), exports);
+var pickerDefaults = {
+    cropping: true,
+};
+function parsePickerData(data) {
+    var filePathData = (0, common_1.parseFilePathData)(data.path);
+    var file = __assign(__assign({}, data), { name: filePathData.name, size: data.size, type: data.mime, uri: data.path, fileCopyUri: data.path });
+    return {
+        file: file,
+        preview: data.path,
+    };
+}
+var _FileInput = (0, react_1.forwardRef)(function (fileInputProps, ref) {
+    var onFileSelect = fileInputProps.onFileSelect, options = fileInputProps.options, _a = fileInputProps.type, type = _a === void 0 ? 'image' : _a, alertProps = fileInputProps.alertProps, pickerOptions = fileInputProps.pickerOptions, _b = fileInputProps.onOpenCamera, onOpenCamera = _b === void 0 ? null : _b, _c = fileInputProps.onOpenGallery, onOpenGallery = _c === void 0 ? null : _c, _d = fileInputProps.onOpenFileSystem, onOpenFileSystem = _d === void 0 ? null : _d, onError = fileInputProps.onError;
+    var resolveWithFile = (0, react_1.useRef)();
+    var handleResolve = function (files) {
+        var _a;
+        if (resolveWithFile.current) {
+            (_a = resolveWithFile === null || resolveWithFile === void 0 ? void 0 : resolveWithFile.current) === null || _a === void 0 ? void 0 : _a.call(resolveWithFile, files);
+            resolveWithFile.current = null;
+        }
+        onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(files);
+    };
+    function openFileSystem() {
+        return __awaiter(this, void 0, void 0, function () {
+            var files, filesWithPreview, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, react_native_document_picker_1.default.pick(options)];
+                    case 1:
+                        files = _a.sent();
+                        if (!Array.isArray(files)) {
+                            files = [files];
+                        }
+                        filesWithPreview = files.map(function (file) { return ({ preview: file.uri, file: file }); });
+                        handleResolve === null || handleResolve === void 0 ? void 0 : handleResolve(filesWithPreview);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        handleError(err_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function handleError(err) {
+        onError === null || onError === void 0 ? void 0 : onError(err);
+    }
+    var mergedOptions = __assign(__assign({}, pickerDefaults), pickerOptions);
+    var handlePickerResolution = function (data) {
+        var imageArray = [];
+        if (!Array.isArray(data)) {
+            imageArray = [data];
+        }
+        else {
+            imageArray = data;
+        }
+        handleResolve === null || handleResolve === void 0 ? void 0 : handleResolve(imageArray.map(parsePickerData));
+    };
+    var onPress = function (open, options) {
+        if (open == 'fs') {
+            openFileSystem();
+        }
+        else {
+            var call = open === 'camera' ? 'openCamera' : 'openPicker';
+            react_native_image_crop_picker_1.default[call](__assign(__assign({}, mergedOptions), (options || {}))).then(handlePickerResolution);
+        }
+    };
+    var openFilePicker = function (imageSource, options) {
+        if (imageSource === void 0) { imageSource = null; }
+        if (options === void 0) { options = {}; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var _a, _b, _c, _d, _e;
+            return __generator(this, function (_f) {
+                if (type === 'image') {
+                    if (imageSource === 'camera') {
+                        onPress('camera', options);
+                    }
+                    else if (imageSource === 'library') {
+                        onPress('library', options);
+                    }
+                    else {
+                        utils_1.OSAlert.ask(__assign(__assign({ title: 'Change Image', body: 'Do you want to take a new picture or select an existing one?' }, alertProps), { options: [
+                                __assign({ text: ((_b = (_a = alertProps === null || alertProps === void 0 ? void 0 : alertProps.options) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text) || 'Camera', onPress: function () {
+                                        if (onOpenCamera) {
+                                            onOpenCamera(function () { return onPress('camera'); });
+                                        }
+                                        else {
+                                            onPress('camera');
+                                        }
+                                    } }, (_c = alertProps === null || alertProps === void 0 ? void 0 : alertProps.options) === null || _c === void 0 ? void 0 : _c[1]),
+                                __assign({ text: 'Library', onPress: function () {
+                                        if (onOpenGallery) {
+                                            onOpenGallery(function () { return onPress('library'); });
+                                        }
+                                        else {
+                                            onPress('library');
+                                        }
+                                    } }, (_d = alertProps === null || alertProps === void 0 ? void 0 : alertProps.options) === null || _d === void 0 ? void 0 : _d[2]),
+                                __assign({ text: 'Cancel', style: 'cancel', onPress: function () { } }, (_e = alertProps === null || alertProps === void 0 ? void 0 : alertProps.options) === null || _e === void 0 ? void 0 : _e[0]),
+                            ] }));
+                    }
+                }
+                else {
+                    if (onOpenFileSystem) {
+                        onOpenFileSystem(function () { return onPress('fs'); });
+                    }
+                    else {
+                        onPress('fs');
+                    }
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        openFilePicker: function (imageSource, options) {
+            if (imageSource === void 0) { imageSource = null; }
+            if (options === void 0) { options = {}; }
+            openFilePicker(imageSource, options);
+            return new Promise(function (resolve) {
+                resolveWithFile.current = resolve;
+            });
+        },
+    }); });
+    return null;
+});
+exports.FileInput = _FileInput;
+var useFileInput = function () {
+    var inputRef = (0, react_1.useRef)(null);
+    var openFilePicker = function (imageSource, options) {
+        var _a;
+        if (imageSource === void 0) { imageSource = null; }
+        if (options === void 0) { options = {}; }
+        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.openFilePicker(imageSource, options);
+    };
+    return {
+        openFilePicker: openFilePicker,
+        ref: inputRef,
+    };
+};
+exports.useFileInput = useFileInput;
+//# sourceMappingURL=index.js.map

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

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