@codeleap/mobile 4.1.0 → 4.2.2

package/dist/components/Slider/types.js

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

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

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

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

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

package/dist/components/SortablePhotos/index.js

@@ -0,0 +1,125 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SortablePhotos = void 0;
+var styles_1 = require("@codeleap/styles");
+var FileInput_1 = require("../FileInput");
+var Icon_1 = require("../Icon");
+var Image_1 = require("../Image");
+var react_native_1 = require("react-native");
+var react_native_drag_sort_1 = require("react-native-drag-sort");
+var useSortablePhotos_1 = require("./useSortablePhotos");
+var hooks_1 = require("../../hooks");
+var Registry_1 = require("../../Registry");
+var ActivityIndicator_1 = require("../ActivityIndicator");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var DefaultItem = function (props) {
+    var photo = props.photo, width = props.width, height = props.height, styles = props.styles, emptyIcon = props.emptyIcon;
+    return (<react_native_1.View style={[{ width: width, height: height }, styles.photoWrapper]}>
+      {!!(photo === null || photo === void 0 ? void 0 : photo.filename)
+            ? <Image_1.Image resizeMode='cover' source={{ uri: photo === null || photo === void 0 ? void 0 : photo.file }} style={styles.photoImage}/>
+            : <Icon_1.Icon name={emptyIcon} style={styles.photoEmptyIcon}/>}
+    </react_native_1.View>);
+};
+var defaultGetFilename = function (file) {
+    var _a;
+    if (!file)
+        return null;
+    var filenameWithExtension = (_a = file === null || file === void 0 ? void 0 : file.split) === null || _a === void 0 ? void 0 : _a.call(file, '/').pop();
+    if (filenameWithExtension) {
+        return filenameWithExtension === null || filenameWithExtension === void 0 ? void 0 : filenameWithExtension.split('.').slice(0, -1).join('.');
+    }
+    return new Date().toISOString();
+};
+var screenWidth = react_native_1.Dimensions.get('screen').width;
+var SortablePhotos = function (props) {
+    var allProps = __assign(__assign({}, exports.SortablePhotos.defaultProps), props);
+    var numColumns = allProps.numColumns, RenderItem = allProps.renderPhoto, gap = allProps.gap, multiple = allProps.multiple, pickerConfig = allProps.pickerConfig, emptyIcon = allProps.emptyIcon, disableDragDropEmptyItems = allProps.disableDragDropEmptyItems, _itemWidth = allProps.itemWidth, _itemHeight = allProps.itemHeight, _parentWidth = allProps.width, style = allProps.style, loading = allProps.loading, rest = __rest(allProps, ["numColumns", "renderPhoto", "gap", "multiple", "pickerConfig", "emptyIcon", "disableDragDropEmptyItems", "itemWidth", "itemHeight", "width", "style", "loading"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.SortablePhotos.styleRegistryName, style);
+    var loaderStyles = (0, styles_1.useNestedStylesByKey)('loader', styles);
+    var _a = (0, useSortablePhotos_1.useSortablePhotos)(allProps), input = _a.input, handlePressPhoto = _a.handlePressPhoto, numberPhotosMissing = _a.numberPhotosMissing, emptyIndexes = _a.emptyIndexes, onChangePhotosOrder = _a.onChangePhotosOrder, data = _a.data;
+    var defaultParentWidth = screenWidth - (gap * 2);
+    var defaultItemWidth = (defaultParentWidth / numColumns) - gap;
+    var itemWidth = _itemWidth !== null && _itemWidth !== void 0 ? _itemWidth : defaultItemWidth;
+    var itemHeight = _itemHeight !== null && _itemHeight !== void 0 ? _itemHeight : itemWidth;
+    var parentWidth = _parentWidth !== null && _parentWidth !== void 0 ? _parentWidth : defaultParentWidth;
+    var childrenMargin = gap / 2;
+    var fileInputPickerOptions = __assign(__assign(__assign({}, exports.SortablePhotos.defaultProps.pickerConfig), pickerConfig), { multiple: multiple, maxFiles: numberPhotosMissing });
+    if (loading) {
+        return (<react_native_1.View style={[styles.wrapper, styles['wrapper:loading']]}>
+        <ActivityIndicator_1.ActivityIndicator style={loaderStyles}/>
+      </react_native_1.View>);
+    }
+    return (<react_native_1.View style={styles.wrapper}>
+      <FileInput_1.FileInput mode='hidden' ref={input.ref} pickerOptions={fileInputPickerOptions}/>
+
+      <react_native_drag_sort_1.DragSortableView dataSource={data} childrenHeight={itemHeight} childrenWidth={itemWidth} parentWidth={parentWidth} marginChildrenBottom={childrenMargin} marginChildrenLeft={childrenMargin} marginChildrenRight={childrenMargin} marginChildrenTop={childrenMargin} onDataChange={onChangePhotosOrder} onClickItem={handlePressPhoto} fixedItems={disableDragDropEmptyItems ? emptyIndexes : undefined} {...rest} renderItem={function (item, order) { return (<RenderItem width={itemWidth} height={itemHeight} photo={item} order={order} styles={styles} emptyIcon={emptyIcon}/>); }}/>
+    </react_native_1.View>);
+};
+exports.SortablePhotos = SortablePhotos;
+exports.SortablePhotos.styleRegistryName = 'SortablePhotos';
+exports.SortablePhotos.elements = ['wrapper', 'photo', 'loader'];
+exports.SortablePhotos.rootElement = 'wrapper';
+exports.SortablePhotos.withVariantTypes = function (styles) {
+    return exports.SortablePhotos;
+};
+exports.SortablePhotos.defaultProps = {
+    numPhotos: 9,
+    numColumns: 3,
+    renderPhoto: DefaultItem,
+    multiple: true,
+    disableDragDropEmptyItems: true,
+    gap: 16,
+    emptyIcon: 'plus',
+    modalTitle: 'Photos',
+    modalBody: null,
+    modalLibraryText: 'Choose from gallery',
+    modalCameraText: 'Take a photo',
+    modalDeleteText: 'Remove photo',
+    getFilename: defaultGetFilename,
+    pickerConfig: {
+        cropping: true,
+        showCropFrame: true,
+        compressImageMaxHeight: 1700,
+        compressImageMaxWidth: 1700,
+        compressImageQuality: 0.8,
+    },
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.SortablePhotos);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+export type SortablePhotosComposition = 'wrapper' | 'wrapper:loading' | 'photoWrapper' | 'photoEmptyIcon' | 'photoImage' | `loader${Capitalize<ActivityIndicatorComposition>}`;

package/dist/components/SortablePhotos/styles.js

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

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

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

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

@@ -0,0 +1,54 @@
+import { AppIcon, ICSS, StyledProp } from '@codeleap/styles';
+import { ReactElement } from 'react';
+import { SortablePhotosComposition } from './styles';
+export type SortablePhoto = {
+    filename: string | null;
+    file: string | null;
+};
+export type SortableItemProps<T extends SortablePhoto> = {
+    photo: T;
+    order: number;
+    height: number;
+    width: number;
+    styles: Record<SortablePhotosComposition, ICSS>;
+    emptyIcon: AppIcon;
+};
+export type SortablePhotosPickerConfig = {
+    cropping?: boolean;
+    compressImageMaxHeight?: number;
+    compressImageMaxWidth?: number;
+    compressImageQuality?: number;
+    showCropFrame?: boolean;
+};
+export type SortablePhotosProps<T extends SortablePhoto> = {
+    numColumns?: number;
+    numPhotos?: number;
+    renderPhoto?: (props: SortableItemProps<T>) => ReactElement;
+    photos: T[];
+    onChangePhotos: (newPhotos: T[]) => void;
+    gap?: number;
+    itemHeight?: number;
+    itemWidth?: number;
+    width?: number;
+    onPressPhoto?: (data: T[], photo: T, order: number) => void;
+    onDragStart?: (fromIndex: number) => void;
+    onDragEnd?: (fromIndex: number, toIndex: number) => void;
+    keyExtractor?: (photo: T, order: number) => any;
+    delayLongPress?: number;
+    pickerConfig?: SortablePhotosPickerConfig;
+    multiple?: boolean;
+    maxScale?: number;
+    minOpacity?: number;
+    scaleDuration?: number;
+    slideDuration?: number;
+    emptyIcon?: AppIcon;
+    disableDragDropEmptyItems?: boolean;
+    style?: StyledProp<SortablePhotosComposition>;
+    modalTitle?: string;
+    modalBody?: string;
+    modalLibraryText?: string;
+    modalCameraText?: string;
+    modalDeleteText?: string;
+    getFilename?: (file: string) => string;
+    loading?: boolean;
+};

package/dist/components/SortablePhotos/types.js

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

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

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

package/dist/components/SortablePhotos/useSortablePhotos.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/// <reference types="react-native-image-crop-picker" />
+import { FileInputImageSource } from '../FileInput';
+import { SortablePhoto, SortablePhotosProps } from './types';
+export declare const useSortablePhotos: <T extends SortablePhoto>(props: SortablePhotosProps<T>) => {
+    input: {
+        openFilePicker: (imageSource?: FileInputImageSource, options?: Partial<import("react-native-image-crop-picker").Options>) => Promise<import("@codeleap/common/dist/tools/Form/types").AnyFile[]>;
+        ref: import("react").MutableRefObject<import("../FileInput").FileInputRef>;
+    };
+    handlePressPhoto: (currentData: T[], photo: T, order: number) => void;
+    handleDeletePhoto: (photo: T, order: number) => void;
+    handleOpenPicker: (pickerType: FileInputImageSource, photo: T, order: number) => Promise<any>;
+    sortPhotos: (_unorderedPhotos: T[]) => {
+        sortedPhotos: T[];
+        newPhotos: T[];
+    };
+    numberPhotosMissing: number;
+    onChangePhotosOrder: (newData: T[]) => void;
+    emptyIndexes: any[];
+    data: T[];
+};

package/dist/components/SortablePhotos/useSortablePhotos.js

@@ -0,0 +1,192 @@
+"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 __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 __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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSortablePhotos = void 0;
+var common_1 = require("@codeleap/common");
+var FileInput_1 = require("../FileInput");
+var SortableAlert = (0, common_1.CreateOSAlert)();
+var useSortablePhotos = function (props) {
+    var onChangePhotos = props.onChangePhotos, onPressPhoto = props.onPressPhoto, modalBody = props.modalBody, modalTitle = props.modalTitle, modalCameraText = props.modalCameraText, modalDeleteText = props.modalDeleteText, modalLibraryText = props.modalLibraryText, getFilename = props.getFilename, numPhotos = props.numPhotos, loading = props.loading, currentPhotos = props.photos;
+    var input = (0, FileInput_1.useFileInput)();
+    var logger = (0, common_1.useGlobalContext)().logger;
+    var _a = (0, common_1.useState)([]), data = _a[0], setData = _a[1];
+    var onChange = function (photos) {
+        var _a = sortPhotos(photos), newPhotos = _a.newPhotos, sortedPhotos = _a.sortedPhotos;
+        setData(sortedPhotos);
+        onChangePhotos(newPhotos);
+    };
+    (0, common_1.useEffect)(function () {
+        var _a;
+        if (!loading && (data === null || data === void 0 ? void 0 : data.length) < numPhotos) {
+            var currentLength = (_a = currentPhotos === null || currentPhotos === void 0 ? void 0 : currentPhotos.length) !== null && _a !== void 0 ? _a : 0;
+            var length = Math.abs(numPhotos - currentLength);
+            var fillPhotos = Array(length).fill({ filename: null, file: null });
+            var newPhotos = currentPhotos.concat(fillPhotos);
+            setData(newPhotos);
+            onChangePhotos(currentPhotos);
+        }
+    }, [loading]);
+    var _b = (0, common_1.useMemo)(function () {
+        var copyPhotos = __spreadArray([], data, true);
+        var emptyIndexes = copyPhotos.reduce(function (indexes, photo, index) {
+            if (!(photo === null || photo === void 0 ? void 0 : photo.filename)) {
+                indexes.push(index);
+            }
+            return indexes;
+        }, []);
+        var numberPhotosMissing = emptyIndexes === null || emptyIndexes === void 0 ? void 0 : emptyIndexes.length;
+        return {
+            emptyIndexes: emptyIndexes,
+            numberPhotosMissing: numberPhotosMissing,
+        };
+    }, [JSON.stringify(data)]), emptyIndexes = _b.emptyIndexes, numberPhotosMissing = _b.numberPhotosMissing;
+    var sortPhotos = function (_unorderedPhotos) {
+        var unorderedPhotos = __spreadArray([], _unorderedPhotos, true);
+        var _a = unorderedPhotos.reduce(function (_a, photo) {
+            var newPhotos = _a[0], emptyPhotos = _a[1];
+            !!(photo === null || photo === void 0 ? void 0 : photo.filename) ? newPhotos.push(photo) : emptyPhotos.push(photo);
+            return [newPhotos, emptyPhotos];
+        }, [[], []]), newPhotos = _a[0], emptyPhotos = _a[1];
+        var sortedPhotos = newPhotos.concat(emptyPhotos);
+        return {
+            sortedPhotos: sortedPhotos,
+            newPhotos: newPhotos,
+        };
+    };
+    var handleOpenPicker = function (pickerType, photo, order) { return __awaiter(void 0, void 0, void 0, function () {
+        var files, isEdit, error_1, isMultiple, newPhotos, fileIndex, file, order_1, uri, filename, file, uri, filename;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    files = [];
+                    isEdit = !!(photo === null || photo === void 0 ? void 0 : photo.filename);
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, (input === null || input === void 0 ? void 0 : input.openFilePicker(pickerType, {
+                            multiple: isEdit ? false : props === null || props === void 0 ? void 0 : props.multiple
+                        }))];
+                case 2:
+                    files = _c.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _c.sent();
+                    logger.error('Error opening file picker:', error_1);
+                    return [3 /*break*/, 4];
+                case 4:
+                    if ((files === null || files === void 0 ? void 0 : files.length) <= 0)
+                        return [2 /*return*/, null];
+                    isMultiple = (files === null || files === void 0 ? void 0 : files.length) > 1 && !isEdit;
+                    newPhotos = __spreadArray([], data, true);
+                    if (isMultiple) {
+                        for (fileIndex in files) {
+                            file = files === null || files === void 0 ? void 0 : files[fileIndex];
+                            order_1 = emptyIndexes[fileIndex];
+                            uri = (_a = file === null || file === void 0 ? void 0 : file.file) === null || _a === void 0 ? void 0 : _a.uri;
+                            filename = getFilename(uri);
+                            newPhotos[order_1] = __assign(__assign({}, newPhotos[order_1]), { filename: filename, file: uri });
+                        }
+                    }
+                    else {
+                        file = files === null || files === void 0 ? void 0 : files[0];
+                        uri = (_b = file === null || file === void 0 ? void 0 : file.file) === null || _b === void 0 ? void 0 : _b.uri;
+                        filename = getFilename(uri);
+                        newPhotos[order] = __assign(__assign({}, newPhotos[order]), { filename: filename, file: uri });
+                    }
+                    onChange(newPhotos);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleDeletePhoto = function (photo, order) {
+        var newPhotos = __spreadArray([], data, true);
+        newPhotos[order] = __assign(__assign({}, newPhotos[order]), { filename: null, file: null });
+        onChange(newPhotos);
+    };
+    var handlePressPhoto = function (currentData, photo, order) {
+        SortableAlert.custom({
+            title: modalTitle,
+            body: modalBody,
+            options: [
+                { text: modalLibraryText, onPress: function () { return handleOpenPicker('library', photo, order); } },
+                { text: modalCameraText, onPress: function () { return handleOpenPicker('camera', photo, order); } },
+                !!(photo === null || photo === void 0 ? void 0 : photo.filename) && { text: modalDeleteText, onPress: function () { return handleDeletePhoto(photo, order); } },
+            ],
+            // @ts-expect-error
+            isRow: false,
+        });
+        onPressPhoto === null || onPressPhoto === void 0 ? void 0 : onPressPhoto(currentData, photo, order);
+    };
+    var onChangePhotosOrder = function (newData) {
+        onChange(newData);
+    };
+    return {
+        input: input,
+        handlePressPhoto: handlePressPhoto,
+        handleDeletePhoto: handleDeletePhoto,
+        handleOpenPicker: handleOpenPicker,
+        sortPhotos: sortPhotos,
+        numberPhotosMissing: numberPhotosMissing,
+        onChangePhotosOrder: onChangePhotosOrder,
+        emptyIndexes: emptyIndexes,
+        data: data,
+    };
+};
+exports.useSortablePhotos = useSortablePhotos;
+//# sourceMappingURL=useSortablePhotos.js.map

package/dist/components/SortablePhotos/useSortablePhotos.js.map

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

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

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

package/dist/components/Switch/index.js

@@ -0,0 +1,115 @@
+"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 __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.Switch = void 0;
+var react_1 = __importDefault(require("react"));
+var View_1 = require("../View");
+var InputBase_1 = require("../InputBase");
+var __1 = require("../..");
+var Touchable_1 = require("../Touchable");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var reversedOrder = __spreadArray([], InputBase_1.InputBaseDefaultOrder, true).reverse();
+var Switch = function (props) {
+    var _a;
+    var _b = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Switch.defaultProps), props)), inputBaseProps = _b.inputBaseProps, others = _b.others;
+    var style = others.style, value = others.value, disabled = others.disabled, debugName = others.debugName, onValueChange = others.onValueChange, switchOnLeft = others.switchOnLeft;
+    var styles = (0, hooks_1.useStylesFor)(exports.Switch.styleRegistryName, style);
+    var trackAnimation = (0, __1.useAnimatedVariantStyles)({
+        variantStyles: styles,
+        animatedProperties: ['track:off', 'track:disabled', 'track:on', 'track:disabled-on', 'track:disabled-off'],
+        transition: styles['track:transition'],
+        updater: function () {
+            'worklet';
+            var disabledStyle = {};
+            if (disabled) {
+                disabledStyle = value ? styles['track:disabled-on'] : styles['track:disabled-off'];
+            }
+            var style = value ? styles['track:on'] : styles['track:off'];
+            return __assign(__assign({}, style), disabledStyle);
+        },
+        dependencies: [value, disabled],
+    });
+    var thumbAnimation = (0, __1.useAnimatedVariantStyles)({
+        variantStyles: styles,
+        animatedProperties: ['thumb:off', 'thumb:disabled', 'thumb:on', 'thumb:disabled-off', 'thumb:disabled-on'],
+        transition: styles['thumb:transition'],
+        updater: function () {
+            'worklet';
+            var disabledStyle = {};
+            if (disabled) {
+                disabledStyle = value ? styles['thumb:disabled-on'] : styles['thumb:disabled-off'];
+            }
+            var style = value ? styles['thumb:on'] : styles['thumb:off'];
+            return __assign(__assign({}, style), disabledStyle);
+        },
+        dependencies: [value, disabled],
+    });
+    // @ts-expect-error
+    var _switchOnLeft = switchOnLeft !== null && switchOnLeft !== void 0 ? switchOnLeft : (_a = styles === null || styles === void 0 ? void 0 : styles.__props) === null || _a === void 0 ? void 0 : _a.switchOnLeft;
+    return <InputBase_1.InputBase {...inputBaseProps} debugName={debugName} wrapper={Touchable_1.Touchable} style={styles} wrapperProps={{
+            onPress: function () {
+                onValueChange(!value);
+            },
+            disabled: disabled,
+            rippleDisabled: true,
+        }} order={_switchOnLeft ? reversedOrder : InputBase_1.InputBaseDefaultOrder} disabled={disabled}>
+    <View_1.View animated animatedStyle={trackAnimation} style={[
+            styles === null || styles === void 0 ? void 0 : styles.track,
+            disabled && styles['track:disabled'],
+        ]}>
+      <View_1.View animated animatedStyle={thumbAnimation} style={[
+            styles === null || styles === void 0 ? void 0 : styles.thumb,
+            disabled && styles['thumb:disabled'],
+        ]}/>
+    </View_1.View>
+  </InputBase_1.InputBase>;
+};
+exports.Switch = Switch;
+exports.Switch.styleRegistryName = 'Switch';
+exports.Switch.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), ['track', 'thumb'], false);
+exports.Switch.rootElement = 'wrapper';
+exports.Switch.withVariantTypes = function (styles) {
+    return exports.Switch;
+};
+exports.Switch.defaultProps = {};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Switch);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { InputBaseParts, InputBaseStates } from '../InputBase';
+type AnimatableParts = 'track' | 'thumb';
+export type SwitchParts = InputBaseParts | AnimatableParts;
+export type SwitchAnimationStates = 'on' | 'off' | 'disabled-on' | 'disabled-off';
+export type SwitchStates = InputBaseStates;
+export type SwitchComposition = SwitchParts | `${SwitchParts}:${SwitchStates}` | `${AnimatableParts}:transition` | `${AnimatableParts}:${SwitchAnimationStates}` | '__props';
+export {};

package/dist/components/Switch/styles.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { StyledProp } from '@codeleap/styles';
+import { InputBaseProps } from '../InputBase';
+import { SwitchComposition } from './styles';
+export type SwitchProps = Omit<InputBaseProps, 'style'> & {
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    style?: StyledProp<SwitchComposition>;
+    switchOnLeft?: boolean;
+};

package/dist/components/Switch/types.js

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

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

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