@macive/ui 0.0.1 → 0.0.3

package/dist/src/components/Upload/components/UploadProvider/UploadProvider.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../constants");
+const useFileUpload_1 = require("../../utils/useFileUpload");
+const UploadServiceProvider_1 = require("../UploadServiceProvider");
+const UplaodContext_1 = require("./UplaodContext");
+const UploadProvider = ({ onCompleteAction, onUploadError, onUploadComplete, onUploadStart, children, uploaderProps, }) => {
+    const { uploadConfig } = (0, UploadServiceProvider_1.useUploadService)();
+    const uploadService = async (rawFiles, onUploadProgressAction) => {
+        const formData = new FormData();
+        rawFiles.forEach((file) => formData.append('files[]', file));
+        const modelUploadType = constants_1.UPLOAD_TYPE[uploaderProps === null || uploaderProps === void 0 ? void 0 : uploaderProps.uploadType];
+        const options = {
+            uploadType: modelUploadType,
+            modelUploadKey: 'staged',
+        };
+        const attachments = await (uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.uploadToServer(formData, onUploadProgressAction, options));
+        return attachments;
+    };
+    return ((0, jsx_runtime_1.jsx)(UplaodContext_1.UplaodContext.Provider, { value: {
+            ...(0, useFileUpload_1.useFileUpload)({
+                onCompleteAction,
+                uploadService: uploadService,
+                onUploadError,
+                onUploadComplete,
+                onUploadStart,
+            }),
+            uploaderProps,
+        }, children: children }));
+};
+exports.UploadProvider = UploadProvider;

package/dist/src/components/Upload/components/UploadProvider/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpload = exports.UploadProvider = exports.UplaodContext = void 0;
+var UplaodContext_1 = require("./UplaodContext");
+Object.defineProperty(exports, "UplaodContext", { enumerable: true, get: function () { return UplaodContext_1.UplaodContext; } });
+var UploadProvider_1 = require("./UploadProvider");
+Object.defineProperty(exports, "UploadProvider", { enumerable: true, get: function () { return UploadProvider_1.UploadProvider; } });
+var useUpload_1 = require("./useUpload");
+Object.defineProperty(exports, "useUpload", { enumerable: true, get: function () { return useUpload_1.useUpload; } });

package/dist/src/components/Upload/components/UploadProvider/useUpload.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpload = void 0;
+const react_1 = __importDefault(require("react"));
+const UplaodContext_1 = require("./UplaodContext");
+const useUpload = () => {
+    const context = react_1.default.useContext(UplaodContext_1.UplaodContext);
+    if (!context) {
+        throw new Error('useUpload must be used within an UploadProvider');
+    }
+    return context;
+};
+exports.useUpload = useUpload;

package/dist/src/components/Upload/components/UploadServiceProvider/UploadServiceContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadServiceContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.UploadServiceContext = react_1.default.createContext(null);

package/dist/src/components/Upload/components/UploadServiceProvider/UploadServiceProvider.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadServiceProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const UploadServiceContext_1 = require("./UploadServiceContext");
+const UploadServiceProvider = ({ children, uploadConfig, }) => {
+    return ((0, jsx_runtime_1.jsx)(UploadServiceContext_1.UploadServiceContext.Provider, { value: {
+            uploadConfig,
+        }, children: children }));
+};
+exports.UploadServiceProvider = UploadServiceProvider;

package/dist/src/components/Upload/components/UploadServiceProvider/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUploadService = exports.UploadServiceProvider = exports.UploadServiceContext = void 0;
+var UploadServiceContext_1 = require("./UploadServiceContext");
+Object.defineProperty(exports, "UploadServiceContext", { enumerable: true, get: function () { return UploadServiceContext_1.UploadServiceContext; } });
+var UploadServiceProvider_1 = require("./UploadServiceProvider");
+Object.defineProperty(exports, "UploadServiceProvider", { enumerable: true, get: function () { return UploadServiceProvider_1.UploadServiceProvider; } });
+var useUploadService_1 = require("./useUploadService");
+Object.defineProperty(exports, "useUploadService", { enumerable: true, get: function () { return useUploadService_1.useUploadService; } });

package/dist/src/components/Upload/components/UploadServiceProvider/useUploadService.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUploadService = void 0;
+const react_1 = __importDefault(require("react"));
+const UploadServiceContext_1 = require("./UploadServiceContext");
+const useUploadService = () => {
+    const context = react_1.default.useContext(UploadServiceContext_1.UploadServiceContext);
+    if (!context) {
+        throw new Error('UseUploadServiceProvider must be used within an UploadProvider');
+    }
+    return context;
+};
+exports.useUploadService = useUploadService;

package/dist/src/components/Upload/components/UploaderButton/UploaderButton.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Thumbanail_1 = __importDefault(require("../Thumbnail/Thumbanail"));
+const UploaderButton = ({ setOpen, uploaderButtonClass = '', customThumbnail, acceptFileTypes, thumbnailSize, thumbnailVariant, thumbnailClassName,
+//   thumbnailBodyClassName,
+ }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: uploaderButtonClass, onClick: setOpen, children: customThumbnail ? (customThumbnail) : ((0, jsx_runtime_1.jsx)(Thumbanail_1.default, { acceptFileTypes: acceptFileTypes, thumbnailSize: thumbnailSize, thumbnailVariant: thumbnailVariant, thumbnailClassName: thumbnailClassName })) }));
+};
+exports.default = UploaderButton;

package/dist/src/components/Upload/components/UploaderButton/UploaderButtonFileList.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @next/next/no-img-element */
+const utils_1 = require("../../../../utils");
+const Icon_1 = require("../../../Icon");
+const Icons_1 = require("../../../Icons");
+const Image_1 = require("../../../Image");
+const FileViewer_1 = require("../FileViewer");
+/**
+ * Renders a file list for an uploader button component
+ *
+ * @param props - The props for the component
+ * @returns The rendered component
+ */
+const UploaderButtonFileList = ({ file, onRemove, openUploadModal, thumbnailSize = 'normal', thumbnailVariant = 'square', }) => {
+    // let isId = fileIds.findIndex(({ id }) => id == file.id);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const thumbSizes = {
+        // sm: 'h-[250px] w-[250px] ',
+        // normal: 'h-[250px] w-[250px] ',
+        sm: 'h-16 w-[68px]',
+        // normal: 'h-[133px] w-[115px] sm:w-[133px]',
+        // m: 'h-[100px] w-[100px]',
+        // lg: 'h-[250px] w-[250px] ',
+        // xl: 'h-[250px] w-[350px]',
+        // none: 'w-full h-full',
+    };
+    const thumbnailVariantClasses = {
+        rectangle: '!h-full !w-full',
+        square: '',
+        circle: '!rounded-full',
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('dw-full dw-full dmax-h-40 dmax-h-64 relative flex w-full cursor-pointer select-none flex-col items-center overflow-hidden rounded border text-center dark:border-gray-500', thumbnailVariantClasses[thumbnailVariant], 
+        //@ts-ignore
+        thumbSizes[thumbnailSize] || 'h-full'), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'absolute top-0 right-0 z-10 flex cursor-pointer flex-col space-y-2 divide-y rounded-bl bg-white  focus:outline-none', children: [thumbnailSize !== 'sm' && ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'p-0.5 hover:bg-gray-200', onClick: openUploadModal, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaEdit, color: 'highlight' }) })), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'p-0.5 hover:bg-gray-200', onClick: onRemove, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaDelete, color: 'critical' }) })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('file_upload relative flex items-center justify-center rounded-md ', 
+                //   ' border-[2px] border-dashed border-gray-600 p-4',
+                // thumbSizes[thumbnailSize] || 'h-full',
+                'h-full w-full', thumbnailVariantClasses[thumbnailVariant]), onClick: openUploadModal, children: thumbnailSize == 'sm' && (file === null || file === void 0 ? void 0 : file.type) == 'image' ? ((0, jsx_runtime_1.jsx)(Image_1.Image, { source: file === null || file === void 0 ? void 0 : file.src, alt: 'd' })) : ((0, jsx_runtime_1.jsx)(FileViewer_1.FileViewer, { className: (0, utils_1.cn)(thumbnailVariantClasses[thumbnailVariant]), file: file, disabled: false, unAcceptedType: undefined })) })] }));
+};
+exports.default = UploaderButtonFileList;

package/dist/src/components/Upload/components/UploaderInput/FileUploadInput.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PendingUploadFileList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../../../../utils");
+const utils_2 = require("../../utils");
+const FileViewer_1 = require("../FileViewer");
+const Thumbanail_1 = __importDefault(require("../Thumbnail/Thumbanail"));
+const UploadProvider_1 = require("../UploadProvider");
+function FileUploadInput({ acceptFileTypes, updateUploadsList }) {
+    const { error, files, setFiles, removeFile, progress } = (0, UploadProvider_1.useUpload)();
+    const inputRef = (0, react_1.useRef)();
+    const acceptFilesLike = (0, utils_2.getAceptedFileTypesValues)(acceptFileTypes);
+    const initiateUpload = async (file) => {
+        const newAttachments = await setFiles(file);
+        if (newAttachments === null || newAttachments === void 0 ? void 0 : newAttachments.length) {
+            updateUploadsList === null || updateUploadsList === void 0 ? void 0 : updateUploadsList(newAttachments);
+        }
+    };
+    const [dragging, setDragging] = (0, react_1.useState)(false);
+    const handleDragStart = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setDragging(true);
+    };
+    const handleDragOver = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+    };
+    const handleDrop = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setDragging(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'relative flex items-center justify-self-center', children: (0, jsx_runtime_1.jsxs)("div", { className: 'relative w-full', onDragStart: handleDragStart, onDragEnter: handleDragStart, onDragOver: handleDragOver, onDrop: (e) => {
+                        e.stopPropagation();
+                        e.preventDefault();
+                        handleDrop(e);
+                        initiateUpload(e);
+                    }, children: [(0, jsx_runtime_1.jsx)(Thumbanail_1.default, { acceptFileTypes: acceptFileTypes, thumbnailSize: 'normal', hasDragAndDrop: true, dragging: dragging }), (0, jsx_runtime_1.jsx)("input", { accept: acceptFilesLike, type: 'file', multiple: true, className: 'absolute inset-0 z-50  m-0 h-full w-full cursor-pointer p-0 opacity-0 outline-none', title: '', onChange: (e) => {
+                                initiateUpload(e);
+                            }, ref: inputRef })] }) }), (0, jsx_runtime_1.jsx)(exports.PendingUploadFileList, { files: files, removeFile: removeFile, progress: progress, error: error })] }));
+}
+exports.default = FileUploadInput;
+const PendingUploadFileList = ({ files, removeFile, progress, error, }) => {
+    return (
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: files === null || files === void 0 ? void 0 : files.map((file, idx) => {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: ' relative flex cursor-move select-none flex-col items-center overflow-hidden rounded border bg-gray-100  text-center dark:bg-gray-600', style: { paddingTop: '100%' }, children: [(0, jsx_runtime_1.jsx)("button", { className: 'bg-skin-primary absolute top-0 right-0 z-50 rounded-bl p-1 focus:outline-none', type: 'button', onClick: () => removeFile(file.name) }), (0, jsx_runtime_1.jsx)("div", { className: 'preview dh-full dw-full absolute inset-0 z-0  border-4 border-white object-cover dark:border-gray-600', children: (0, jsx_runtime_1.jsx)(FileViewer_1.FileViewer, { file: {
+                                ...file,
+                                src: URL.createObjectURL(file),
+                                type: (0, utils_2.getFileTypeCategory)(file === null || file === void 0 ? void 0 : file.type) || 'image',
+                            } }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'bg-skin-primary absolute bottom-0 left-0 right-0 flex flex-col bg-opacity-50 p-2 text-xs', children: [(0, jsx_runtime_1.jsx)("span", { className: 'hi w-full truncate font-bold text-gray-900', children: file === null || file === void 0 ? void 0 : file.name }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-xs text-gray-900', children: [file === null || file === void 0 ? void 0 : file.size, " ..."] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'absolute inset-0 z-40 transition-colors duration-300' }), (0, jsx_runtime_1.jsx)("div", { className: 'absolute bottom-0 w-full rounded-full bg-gray-200 dark:bg-gray-700', children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(' rounded-fulld line-clamp-1 rounded-r-full p-[1px] text-center text-xs font-medium leading-none text-blue-100', error
+                                ? '!w-full bg-red-500'
+                                : progress === 100
+                                    ? '!rounded-none bg-green-600'
+                                    : 'bg-blue-600'), style: { width: `${progress}%` }, children: error ? error : `${progress}%` }) })] }, idx));
+        }) }));
+};
+exports.PendingUploadFileList = PendingUploadFileList;

package/dist/src/components/Upload/constants/index.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UPLOAD_TYPE = exports.COMMON_FILE_TYPES = exports.FilE_TYPE_VALUE = exports.FILE_TYPE = void 0;
+exports.FILE_TYPE = {
+    IMAGE: 'image',
+    VIDEO: 'video',
+    ZIP: 'zip',
+    ARCHIVE: 'archive',
+    PDF: 'pdf',
+    DOCUMENT: 'document',
+    ALL: 'all',
+};
+exports.FilE_TYPE_VALUE = {
+    image: 'image/*',
+    video: 'video/mp4,mp4',
+    zip: 'zip,application/octet-stream,application/zip,application/x-zip,application/x-zip-compressed',
+    archive: 'zip,application/octet-stream,application/zip,application/x-zip,application/x-zip-compressed',
+    pdf: 'application/pdf',
+    document: '.doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    audio: 'wma,aac,wav,mp3',
+    all: '*',
+};
+exports.COMMON_FILE_TYPES = {
+    video: 'video/*',
+    image: 'image/*',
+    zip: 'application/zip',
+    application: 'application/zip',
+    text: 'text/plain',
+    audio: 'audio/mpeg',
+};
+// export type UploadType = (typeof UPLOAD_TYPE)[keyof typeof UPLOAD_TYPE]
+exports.UPLOAD_TYPE = {
+    PRODUCT: 'products/media',
+    PRODUCT_VARIANT: 'products/variants',
+    PRODUCT_ATTACHMENT: 'products/attachment',
+    PAGE: 'pages/media',
+    POLICY: 'policies/media',
+    PAGE_ATTACHMENT: 'pages/attachment',
+    PRODUCT_CATEGORY: 'product-categories/media',
+    BANNER: 'marketing/banner',
+    USER_IMAGE: 'users/media',
+    SHOP: 'shops/media',
+    COMMON: 'global/common',
+    ARTICLE_CATEGORY: 'articles/category',
+    ARTICLE: 'articles/media',
+    MARKETING_FLASH_DEAL: '/marketing/flashdeal',
+    SITE: '/site/media',
+    SITE_ATTACHMENT: '/sites/attachment',
+    USER: '/users/media',
+};

package/dist/src/components/Upload/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UPLOAD_TYPE = exports.FILE_TYPE = exports.COMMON_FILE_TYPES = exports.UploadServiceProvider = exports.Upload = exports.FileViewer = void 0;
+var FileViewer_1 = require("./components/FileViewer");
+Object.defineProperty(exports, "FileViewer", { enumerable: true, get: function () { return FileViewer_1.FileViewer; } });
+var Upload_1 = require("./components/Upload");
+Object.defineProperty(exports, "Upload", { enumerable: true, get: function () { return Upload_1.Upload; } });
+var UploadServiceProvider_1 = require("./components/UploadServiceProvider");
+Object.defineProperty(exports, "UploadServiceProvider", { enumerable: true, get: function () { return UploadServiceProvider_1.UploadServiceProvider; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "COMMON_FILE_TYPES", { enumerable: true, get: function () { return constants_1.COMMON_FILE_TYPES; } });
+Object.defineProperty(exports, "FILE_TYPE", { enumerable: true, get: function () { return constants_1.FILE_TYPE; } });
+Object.defineProperty(exports, "UPLOAD_TYPE", { enumerable: true, get: function () { return constants_1.UPLOAD_TYPE; } });

package/dist/src/components/Upload/typings/FileUploaderProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/components/Upload/typings/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/components/Upload/utils/index.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleDragDropEvent = exports.getTotalSizeInBytes = exports.formatBytes = exports.getFileTypeCategory = exports.getAceptedFileTypesValues = exports.checkIfFileIsAccepted = void 0;
+const constants_1 = require("../constants");
+/**
+ * Check if a file is accepted based on the provided acceptFileTypes.
+ * @param file - The file object to check.
+ * @param acceptFileTypes - The accepted file types, either as a string or an array of strings.
+ */
+function checkIfFileIsAccepted(file, acceptFileTypes) {
+    if (Array.isArray(acceptFileTypes)) {
+        return acceptFileTypes.includes(file === null || file === void 0 ? void 0 : file.type);
+    }
+    else if (typeof acceptFileTypes === 'string') {
+        return acceptFileTypes === (file === null || file === void 0 ? void 0 : file.type);
+    }
+    else {
+        return false;
+    }
+}
+exports.checkIfFileIsAccepted = checkIfFileIsAccepted;
+/**
+ * Get the accepted file types values from the `FileEnums` object based on the provided `acceptFileTypes`.
+ *
+ * @param acceptFileTypes - The accepted file types, as an array of strings.
+ * @param FileEnums - An object that maps file types to their corresponding values.
+ * @returns The accepted file type values as a string or an array of strings.
+ */
+function getAceptedFileTypesValues(acceptFileTypes) {
+    if (Array.isArray(acceptFileTypes)) {
+        const acceptedValues = acceptFileTypes.map((key) => constants_1.FilE_TYPE_VALUE[key]);
+        return acceptedValues.join(',');
+    }
+    else if (typeof acceptFileTypes === 'string') {
+        return constants_1.FilE_TYPE_VALUE[acceptFileTypes];
+    }
+    else {
+        return '';
+    }
+}
+exports.getAceptedFileTypesValues = getAceptedFileTypesValues;
+/**
+ * Check if the file type is in the format "" and returns the category.
+ *
+ * @param {string} fileType - The file type to check.
+ * @returns {(string|null)} The category of the file type, or null if it is not in the format ".
+ */
+function getFileTypeCategory(fileType) {
+    var _a;
+    const category = (_a = Object.keys(constants_1.COMMON_FILE_TYPES)) === null || _a === void 0 ? void 0 : _a.find((category) => fileType === null || fileType === void 0 ? void 0 : fileType.startsWith(`${category}/`));
+    return category || null;
+}
+exports.getFileTypeCategory = getFileTypeCategory;
+/**
+ * Formats the given number of bytes into a human-readable string.
+ *
+ * @param bytes The number of bytes to format.
+ * @param decimals The number of decimal places to include in the output (default is 2).
+ * @returns A string representing the size of the given number of bytes in a human-readable format.
+ */
+const formatBytes = (bytes, decimals = 2) => {
+    if (typeof bytes !== 'number')
+        return 'n/a';
+    if (bytes === 0)
+        return '0 Bytes';
+    const k = 1024;
+    const dm = decimals < 0 ? 0 : decimals;
+    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+};
+exports.formatBytes = formatBytes;
+/**
+ * Calculates the total size, in bytes, of the given array of files.
+ *
+ * @param files An array of UploadFile objects.
+ * @returns The total size of the files, in bytes.
+ */
+const getTotalSizeInBytes = (files) => {
+    return files.reduce((acc, file) => (acc += file.size), 0);
+};
+exports.getTotalSizeInBytes = getTotalSizeInBytes;
+/**
+ * Handlesdrag an drop event
+ */
+const handleDragDropEvent = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+};
+exports.handleDragDropEvent = handleDragDropEvent;