sanity-plugin-media 1.4.3 → 1.4.4

package/dist/components/DialogDetails/index.js

@@ -0,0 +1,322 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __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 (_) 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 });
+var yup_1 = require("@hookform/resolvers/yup");
+var ui_1 = require("@sanity/ui");
+var groq_1 = __importDefault(require("groq"));
+var client_1 = __importDefault(require("part:@sanity/base/client"));
+var react_1 = __importStar(require("react"));
+var react_hook_form_1 = require("react-hook-form");
+var react_redux_1 = require("react-redux");
+var theme_ui_1 = require("theme-ui");
+var yup = __importStar(require("yup"));
+var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector"));
+var assets_1 = require("../../modules/assets");
+var dialog_1 = require("../../modules/dialog");
+var tags_1 = require("../../modules/tags");
+var imageDprUrl_1 = __importDefault(require("../../utils/imageDprUrl"));
+var typeGuards_1 = require("../../utils/typeGuards");
+var AssetMetadata_1 = __importDefault(require("../AssetMetadata"));
+var DocumentList_1 = __importDefault(require("../DocumentList"));
+var FileAssetPreview_1 = __importDefault(require("../FileAssetPreview"));
+var FormFieldInputFilename_1 = __importDefault(require("../FormFieldInputFilename"));
+var FormFieldInputTags_1 = __importDefault(require("../FormFieldInputTags"));
+var FormFieldInputText_1 = __importDefault(require("../FormFieldInputText"));
+var FormFieldInputTextarea_1 = __importDefault(require("../FormFieldInputTextarea"));
+var Image_1 = __importDefault(require("../Image"));
+var formSchema = yup.object().shape({
+    originalFilename: yup.string().required('Filename cannot be empty')
+});
+// Sanitize form data: convert empty strings and undefined values to null.
+// null values will correctly unset / delete fields
+var sanitizeFormData = function (formData) {
+    return Object.keys(formData).reduce(function (acc, key) {
+        if (formData[key] === '' || typeof formData[key] === 'undefined') {
+            acc[key] = null;
+        }
+        else {
+            acc[key] = formData[key];
+        }
+        return acc;
+    }, {});
+};
+var getFilenameWithoutExtension = function (asset) {
+    var _a, _b;
+    var extensionIndex = (_a = asset === null || asset === void 0 ? void 0 : asset.originalFilename) === null || _a === void 0 ? void 0 : _a.lastIndexOf("." + asset.extension);
+    return (_b = asset === null || asset === void 0 ? void 0 : asset.originalFilename) === null || _b === void 0 ? void 0 : _b.slice(0, extensionIndex);
+};
+var DialogDetails = function (props) {
+    var _a, _b, _c, _d;
+    var children = props.children, _e = props.dialog, assetId = _e.assetId, id = _e.id, lastCreatedTagId = _e.lastCreatedTagId;
+    // Redux
+    var dispatch = react_redux_1.useDispatch();
+    var byIds = useTypedSelector_1.default(function (state) { return state.assets.byIds; });
+    var item = byIds[assetId || ''];
+    var tagIds = useTypedSelector_1.default(function (state) { return state.tags.allIds; });
+    var tagsByIds = useTypedSelector_1.default(function (state) { return state.tags.byIds; });
+    var asset = item === null || item === void 0 ? void 0 : item.asset;
+    // Refs
+    var isMounted = react_1.useRef(false);
+    // State
+    // - Generate a snapshot of the current asset
+    var _f = react_1.useState(asset), assetSnapshot = _f[0], setAssetSnapshot = _f[1];
+    var _g = react_1.useState('details'), tabSection = _g[0], setTabSection = _g[1];
+    var currentAsset = item ? asset : assetSnapshot;
+    var allTagOptions = tagIds.reduce(function (acc, id) {
+        var _a, _b;
+        var tag = (_a = tagsByIds[id]) === null || _a === void 0 ? void 0 : _a.tag;
+        if (tag) {
+            acc.push({
+                label: (_b = tag === null || tag === void 0 ? void 0 : tag.name) === null || _b === void 0 ? void 0 : _b.current,
+                value: tag === null || tag === void 0 ? void 0 : tag._id
+            });
+        }
+        return acc;
+    }, []);
+    // Map tag references to react-select options, skip over items with nullish labels or values
+    var generateTagOptions = function (asset) {
+        var _a, _b, _c;
+        var tags = (_c = (_b = (_a = asset === null || asset === void 0 ? void 0 : asset.opt) === null || _a === void 0 ? void 0 : _a.media) === null || _b === void 0 ? void 0 : _b.tags) === null || _c === void 0 ? void 0 : _c.reduce(function (acc, v) {
+            var _a, _b;
+            var tag = (_a = tagsByIds[v._ref]) === null || _a === void 0 ? void 0 : _a.tag;
+            if (tag) {
+                acc.push({
+                    label: (_b = tag === null || tag === void 0 ? void 0 : tag.name) === null || _b === void 0 ? void 0 : _b.current,
+                    value: tag === null || tag === void 0 ? void 0 : tag._id
+                });
+            }
+            return acc;
+        }, []);
+        if (tags && (tags === null || tags === void 0 ? void 0 : tags.length) > 0) {
+            return tags;
+        }
+        return null;
+    };
+    var generateDefaultValues = function (asset) { return ({
+        altText: (asset === null || asset === void 0 ? void 0 : asset.altText) || '',
+        description: (asset === null || asset === void 0 ? void 0 : asset.description) || '',
+        originalFilename: asset ? getFilenameWithoutExtension(asset) : undefined,
+        opt: {
+            media: {
+                tags: generateTagOptions(asset)
+            }
+        },
+        title: (asset === null || asset === void 0 ? void 0 : asset.title) || ''
+    }); };
+    // Generate a string from all current tag labels
+    // This is used purely to determine tag updates to then update the form in real time
+    var currentTagLabels = (_a = generateTagOptions(currentAsset)) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return tag.label; }).join(',');
+    // react-hook-form
+    var _h = react_hook_form_1.useForm({
+        defaultValues: generateDefaultValues(asset),
+        mode: 'onChange',
+        resolver: yup_1.yupResolver(formSchema)
+    }), control = _h.control, errors = _h.errors, formState = _h.formState, getValues = _h.getValues, handleSubmit = _h.handleSubmit, register = _h.register, reset = _h.reset, setValue = _h.setValue;
+    // Callbacks
+    var handleClose = function () {
+        dispatch(dialog_1.dialogRemove(id));
+    };
+    var handleDelete = function () {
+        if (!asset) {
+            return;
+        }
+        dispatch(dialog_1.dialogShowDeleteConfirm(asset._id, {
+            closeDialogId: asset._id
+        }));
+    };
+    var handleAssetUpdate = function (update) {
+        var result = update.result, transition = update.transition;
+        if (result && transition === 'update') {
+            // Regenerate asset snapshot
+            setAssetSnapshot(result);
+            // Reset react-hook-form
+            reset(generateDefaultValues(result));
+        }
+    };
+    var handleCreateTag = function (tagName) {
+        // Dispatch action to create new tag
+        dispatch(tags_1.tagsCreate(tagName, {
+            assetId: currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset._id
+        }));
+    };
+    // - submit react-hook-form
+    var onSubmit = function (formData) { return __awaiter(void 0, void 0, void 0, function () {
+        var sanitizedFormData;
+        var _a;
+        return __generator(this, function (_b) {
+            if (!asset) {
+                return [2 /*return*/];
+            }
+            sanitizedFormData = sanitizeFormData(formData);
+            dispatch(assets_1.assetsUpdate(asset, __assign(__assign({}, sanitizedFormData), { 
+                // Map tags to sanity references
+                opt: {
+                    media: __assign(__assign({}, sanitizedFormData.opt.media), { tags: ((_a = sanitizedFormData.opt.media.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return ({
+                            _ref: tag.value,
+                            _type: 'reference',
+                            _weak: true
+                        }); })) || null })
+                }, 
+                // Append extension to filename
+                originalFilename: sanitizedFormData.originalFilename + "." + asset.extension }), 
+            // Options
+            {
+                closeDialogId: asset._id
+            }));
+            return [2 /*return*/];
+        });
+    }); };
+    // Effects
+    // - Listen for asset mutations and update snapshot
+    react_1.useEffect(function () {
+        if (!asset) {
+            return;
+        }
+        // Remember that Sanity listeners ignore joins, order clauses and projections
+        var subscriptionAsset = client_1.default
+            .listen(groq_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["*[_id == $id]"], ["*[_id == $id]"]))), { id: asset._id })
+            .subscribe(handleAssetUpdate);
+        return function () {
+            subscriptionAsset === null || subscriptionAsset === void 0 ? void 0 : subscriptionAsset.unsubscribe();
+        };
+    }, []);
+    // - Partially reset form when current tags have changed (and after initial mount)
+    react_1.useEffect(function () {
+        if (isMounted.current) {
+            reset({
+                opt: {
+                    media: {
+                        tags: generateTagOptions(currentAsset)
+                    }
+                }
+            }, {
+                errors: true,
+                dirtyFields: true,
+                isDirty: true
+            });
+        }
+        // Mark as mounted
+        isMounted.current = true;
+    }, [currentTagLabels]);
+    // - Update tags field with new tag if one has been created
+    react_1.useEffect(function () {
+        var _a;
+        if (lastCreatedTagId) {
+            var tag = (_a = tagsByIds[lastCreatedTagId]) === null || _a === void 0 ? void 0 : _a.tag;
+            if (tag) {
+                var existingTags = getValues('opt.media.tags') || [];
+                var updatedTags = existingTags.concat([
+                    {
+                        label: tag.name.current,
+                        value: tag._id
+                    }
+                ]);
+                setValue('opt.media.tags', updatedTags, { shouldDirty: true });
+            }
+        }
+    }, [lastCreatedTagId]);
+    var Footer = function () { return (react_1.default.createElement(ui_1.Box, { padding: 3 },
+        react_1.default.createElement(ui_1.Flex, { justify: "space-between" },
+            react_1.default.createElement(ui_1.Button, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), fontSize: 1, mode: "bleed", onClick: handleDelete, text: "Delete", tone: "critical" }),
+            react_1.default.createElement(ui_1.Button, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating) || !formState.isDirty || !formState.isValid, fontSize: 1, onClick: handleSubmit(onSubmit), text: "Save and close", tone: "primary" })))); };
+    return (react_1.default.createElement(ui_1.Dialog, { footer: react_1.default.createElement(Footer, null), header: "Asset details", id: id, onClose: handleClose, scheme: "dark", width: 3 },
+        react_1.default.createElement(ui_1.Flex, { direction: ['column-reverse', 'column-reverse', 'row-reverse'] },
+            react_1.default.createElement(ui_1.Box, { flex: 1, marginTop: [5, 5, 0], padding: 4 },
+                react_1.default.createElement(ui_1.TabList, { space: 2 },
+                    react_1.default.createElement(ui_1.Tab, { "aria-controls": "details-panel", disabled: !item, id: "details-tab", label: "Details", onClick: function () { return setTabSection('details'); }, selected: tabSection === 'details', size: 2 }),
+                    react_1.default.createElement(ui_1.Tab, { "aria-controls": "references-panel", disabled: !item, id: "references-tab", label: "References", onClick: function () { return setTabSection('references'); }, selected: tabSection === 'references', size: 2 })),
+                react_1.default.createElement(ui_1.Box, { as: "form", marginTop: 4, onSubmit: handleSubmit(onSubmit) },
+                    !item && (react_1.default.createElement(ui_1.Card, { marginBottom: 3, padding: 3, radius: 2, shadow: 1, tone: "critical" },
+                        react_1.default.createElement(ui_1.Text, { size: 1 }, "This file cannot be found \u2013 it may have been deleted."))),
+                    react_1.default.createElement("button", { style: { display: 'none' }, tabIndex: -1, type: "submit" }),
+                    react_1.default.createElement(ui_1.TabPanel, { "aria-labelledby": "details", hidden: tabSection !== 'details', id: "details-panel" },
+                        react_1.default.createElement(ui_1.Stack, { space: 3 },
+                            react_1.default.createElement(FormFieldInputTags_1.default, { control: control, disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.opt) === null || _b === void 0 ? void 0 : _b.media) === null || _c === void 0 ? void 0 : _c.tags, label: "Tags", name: "opt.media.tags", onCreateTag: handleCreateTag, options: allTagOptions, placeholder: "Select or create...", value: generateTagOptions(currentAsset) }),
+                            react_1.default.createElement(FormFieldInputFilename_1.default, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: errors === null || errors === void 0 ? void 0 : errors.originalFilename, extension: (currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.extension) || '', label: "Filename", name: "originalFilename", ref: register, value: getFilenameWithoutExtension(currentAsset) }),
+                            react_1.default.createElement(FormFieldInputText_1.default, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: errors === null || errors === void 0 ? void 0 : errors.title, label: "Title", name: "title", ref: register, value: currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.title }),
+                            react_1.default.createElement(FormFieldInputText_1.default, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: errors === null || errors === void 0 ? void 0 : errors.altText, label: "Alt Text", name: "altText", ref: register, value: currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.altText }),
+                            react_1.default.createElement(FormFieldInputTextarea_1.default, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), error: errors === null || errors === void 0 ? void 0 : errors.description, label: "Description", name: "description", ref: register, rows: 3, value: currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.description }))),
+                    react_1.default.createElement(ui_1.TabPanel, { "aria-labelledby": "references", hidden: tabSection !== 'references', id: "references-panel" },
+                        react_1.default.createElement(ui_1.Box, { marginTop: 5 }, asset && react_1.default.createElement(DocumentList_1.default, { assetId: asset._id }))))),
+            react_1.default.createElement(ui_1.Box, { flex: 1, padding: 4 },
+                react_1.default.createElement(theme_ui_1.AspectRatio, { ratio: 1 },
+                    typeGuards_1.isFileAsset(currentAsset) && react_1.default.createElement(FileAssetPreview_1.default, { asset: currentAsset }),
+                    typeGuards_1.isImageAsset(currentAsset) && (react_1.default.createElement(Image_1.default, { draggable: false, showCheckerboard: !((_d = currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.metadata) === null || _d === void 0 ? void 0 : _d.isOpaque), src: imageDprUrl_1.default(currentAsset, { height: 600, width: 600 }) }))),
+                currentAsset && (react_1.default.createElement(ui_1.Box, { marginTop: 4 },
+                    react_1.default.createElement(AssetMetadata_1.default, { asset: currentAsset, item: item }))))),
+        children));
+};
+exports.default = DialogDetails;
+var templateObject_1;

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

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

package/dist/components/DialogSearchFacets copy/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@sanity/ui");
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var dialog_1 = require("../../modules/dialog");
+var SearchFacets_1 = __importDefault(require("../SearchFacets"));
+var SearchFacetsControl_1 = __importDefault(require("../SearchFacetsControl"));
+var DialogSearchFacets = function (props) {
+    var children = props.children, id = props.dialog.id;
+    // Redux
+    var dispatch = react_redux_1.useDispatch();
+    // Callbacks
+    var handleClose = react_1.useCallback(function () {
+        dispatch(dialog_1.dialogClear());
+    }, []);
+    return (react_1.default.createElement(ui_1.Dialog, { scheme: "dark", header: "Filters", id: id, onClose: handleClose, width: 1 },
+        react_1.default.createElement(ui_1.Box, { padding: 3 },
+            react_1.default.createElement(SearchFacets_1.default, { layout: "stack" }),
+            react_1.default.createElement(SearchFacetsControl_1.default, null)),
+        children));
+};
+exports.default = DialogSearchFacets;

package/dist/components/DialogTagCreate copy/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@sanity/ui");
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var dialog_1 = require("../../modules/dialog");
+var DialogTagCreate = function (props) {
+    var children = props.children, id = props.dialog.id;
+    // Redux
+    var dispatch = react_redux_1.useDispatch();
+    // Callbacks
+    var handleClose = react_1.useCallback(function () {
+        dispatch(dialog_1.dialogClear());
+    }, []);
+    return (react_1.default.createElement(ui_1.Dialog, { scheme: "dark", header: "Create Tag", id: id, onClose: handleClose, width: 1 },
+        react_1.default.createElement(ui_1.Box, null, "(Create tag form)"),
+        children));
+};
+exports.default = DialogTagCreate;

package/dist/components/Dropzone/index.js

@@ -0,0 +1,66 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_dropzone_1 = require("react-dropzone");
+var Dropzone = function (props) {
+    var children = props.children;
+    var handleDrop = function (acceptedFiles) {
+        console.log('ON DROP');
+        console.log('acceptedFiles', acceptedFiles);
+    };
+    var _a = react_dropzone_1.useDropzone({ onDrop: handleDrop }), getRootProps = _a.getRootProps, getInputProps = _a.getInputProps, isDragActive = _a.isDragActive;
+    /*
+    return (
+      <div
+        style={{
+          background: 'red',
+          color: 'black',
+          height: '100%',
+          padding: '10px',
+          // pointerEvents: isDragActive ? 'auto' : 'none',
+          position: 'absolute',
+          right: 0,
+          top: 0,
+          width: '100%',
+          zIndex: 1
+          // zIndex: isDragActive ? 1 : 0
+        }}
+      >
+        yoo
+      </div>
+    )
+    */
+    return (react_1.default.createElement("div", __assign({}, getRootProps(), { style: {
+            background: 'red',
+            color: 'white',
+            // height: '100%',
+            height: '500px',
+            opacity: isDragActive ? 1 : 0.25,
+            padding: '10px',
+            // pointerEvents: isDragActive ? 'auto' : 'none',
+            position: 'absolute',
+            right: 0,
+            top: 0,
+            // width: '100%',
+            width: '500px',
+            zIndex: 1
+            // zIndex: isDragActive ? 1 : 0
+        } }),
+        "Drop zone",
+        children));
+};
+exports.default = Dropzone;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8B;AAC9B,gDAA+B;AAC/B,iDAA0C;AAE1C,IAAM,QAAQ,GAAO;IACnB,IAAM,MAAM,GAAG,UAAA,aAAa;QAC1B,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,CAAA;IAEK,IAAA,KAA8C,4BAAW,CAAC,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC,EAA9E,YAAY,kBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAAqC,CAAA;IAErF,OAAO,CACL,8BAAC,QAAG,IACF,KAAK,EAAE;YACL,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,OAAO;YACf,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,CAAC;SACV,gBAGG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}

package/dist/components/DropzoneTest/index.js

@@ -0,0 +1,37 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_dropzone_1 = require("react-dropzone");
+var DropzoneTest = function (props) {
+    var _a = react_dropzone_1.useDropzone({
+        // getFilesFromEvent: handleFileGetter,
+        noClick: true
+        // onDrop: handleDrop
+    }), getRootProps = _a.getRootProps, getInputProps = _a.getInputProps, isDragActive = _a.isDragActive, open = _a.open;
+    return (react_1.default.createElement("div", __assign({ style: {
+            background: 'blue',
+            color: 'white',
+            width: '100%',
+            height: '100%',
+            position: 'absolute',
+            zIndex: 2
+        } }, getRootProps()),
+        react_1.default.createElement("input", __assign({}, getInputProps())),
+        react_1.default.createElement("div", null, "dropzone test"),
+        react_1.default.createElement("div", null, isDragActive.toString())));
+};
+exports.default = DropzoneTest;