Socket
Socket
Sign inDemoInstall

@rpldy/upload-drop-zone

Package Overview
Dependencies
Maintainers
1
Versions
106
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rpldy/upload-drop-zone - npm Package Compare versions

Comparing version 0.11.4 to 0.11.5

12

lib/cjs/index.js

@@ -8,13 +8,13 @@ "use strict";

enumerable: true,
get: function get() {
return _UploadDropZone["default"];
get: function () {
return _UploadDropZone.default;
}
});
exports["default"] = void 0;
exports.default = void 0;
var _UploadDropZone = _interopRequireDefault(require("./UploadDropZone"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = _UploadDropZone["default"];
exports["default"] = _default;
var _default = _UploadDropZone.default;
exports.default = _default;
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
exports.default = void 0;

@@ -16,34 +14,28 @@ var _react = _interopRequireWildcard(require("react"));

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
const UploadDropZone = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
const containerRef = (0, _react.useRef)(null);
(0, _react.useImperativeHandle)(ref, () => containerRef.current, []);
const {
upload
} = (0, _sharedUi.useUploadyContext)();
const {
className,
id,
children,
onDragOverClassName,
dropHandler,
htmlDirContentParams,
extraProps,
...uploadOptions
} = props; //using ref so upload can stay memoized
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var UploadDropZone = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
var containerRef = (0, _react.useRef)(null);
(0, _react.useImperativeHandle)(ref, function () {
return containerRef.current;
}, []);
var _useUploadyContext = (0, _sharedUi.useUploadyContext)(),
upload = _useUploadyContext.upload;
var className = props.className,
id = props.id,
children = props.children,
onDragOverClassName = props.onDragOverClassName,
dropHandler = props.dropHandler,
htmlDirContentParams = props.htmlDirContentParams,
extraProps = props.extraProps,
uploadOptions = _objectWithoutProperties(props, ["className", "id", "children", "onDragOverClassName", "dropHandler", "htmlDirContentParams", "extraProps"]); //using ref so upload can stay memoized
var uploadOptionsRef = (0, _react.useRef)();
const uploadOptionsRef = (0, _react.useRef)();
uploadOptionsRef.current = uploadOptions;
var handleEnd = (0, _react.useCallback)(function () {
const handleEnd = (0, _react.useCallback)(() => {
if (containerRef.current && onDragOverClassName) {

@@ -53,11 +45,11 @@ containerRef.current.classList.remove(onDragOverClassName);

}, [onDragOverClassName, containerRef]);
var dropFileHandler = (0, _react.useCallback)(function (e) {
const dropFileHandler = (0, _react.useCallback)(e => {
return dropHandler ? Promise.resolve(dropHandler(e)) : (0, _htmlDirContent.getFilesFromDragEvent)(e, htmlDirContentParams || {});
}, [dropHandler, htmlDirContentParams]);
var handleDropUpload = (0, _react.useCallback)(function (e) {
dropFileHandler(e).then(function (files) {
const handleDropUpload = (0, _react.useCallback)(e => {
dropFileHandler(e).then(files => {
upload(files, uploadOptionsRef.current);
});
}, [upload, dropFileHandler, uploadOptionsRef]);
var onDragOver = (0, _react.useCallback)(function (e) {
const onDragOver = (0, _react.useCallback)(e => {
e.preventDefault();

@@ -69,3 +61,3 @@

}, [onDragOverClassName, containerRef]);
var onDrop = (0, _react.useCallback)(function (e) {
const onDrop = (0, _react.useCallback)(e => {
e.preventDefault();

@@ -76,6 +68,6 @@ e.persist();

}, [handleEnd, handleDropUpload]);
var onDragLeave = (0, _react.useCallback)(function () {
const onDragLeave = (0, _react.useCallback)(() => {
handleEnd();
}, [handleEnd]);
var onDragEnd = (0, _react.useCallback)(function (e) {
const onDragEnd = (0, _react.useCallback)(e => {
e.preventDefault();

@@ -85,3 +77,3 @@ e.stopPropagation();

}, [handleEnd]);
return /*#__PURE__*/_react["default"].createElement("div", _extends({
return /*#__PURE__*/_react.default.createElement("div", _extends({
id: id,

@@ -98,2 +90,2 @@ className: className,

var _default = UploadDropZone;
exports["default"] = _default;
exports.default = _default;
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
import React, { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
import { getFilesFromDragEvent } from "html-dir-content";
import { useUploadyContext, markAsUploadOptionsComponent } from "@rpldy/shared-ui";
var UploadDropZone = /*#__PURE__*/forwardRef(function (props, ref) {
var containerRef = useRef(null);
useImperativeHandle(ref, function () {
return containerRef.current;
}, []);
const UploadDropZone = /*#__PURE__*/forwardRef((props, ref) => {
const containerRef = useRef(null);
useImperativeHandle(ref, () => containerRef.current, []);
const {
upload
} = useUploadyContext();
const {
className,
id,
children,
onDragOverClassName,
dropHandler,
htmlDirContentParams,
extraProps,
...uploadOptions
} = props; //using ref so upload can stay memoized
var _useUploadyContext = useUploadyContext(),
upload = _useUploadyContext.upload;
var className = props.className,
id = props.id,
children = props.children,
onDragOverClassName = props.onDragOverClassName,
dropHandler = props.dropHandler,
htmlDirContentParams = props.htmlDirContentParams,
extraProps = props.extraProps,
uploadOptions = _objectWithoutProperties(props, ["className", "id", "children", "onDragOverClassName", "dropHandler", "htmlDirContentParams", "extraProps"]); //using ref so upload can stay memoized
var uploadOptionsRef = useRef();
const uploadOptionsRef = useRef();
uploadOptionsRef.current = uploadOptions;
var handleEnd = useCallback(function () {
const handleEnd = useCallback(() => {
if (containerRef.current && onDragOverClassName) {

@@ -36,11 +30,11 @@ containerRef.current.classList.remove(onDragOverClassName);

}, [onDragOverClassName, containerRef]);
var dropFileHandler = useCallback(function (e) {
const dropFileHandler = useCallback(e => {
return dropHandler ? Promise.resolve(dropHandler(e)) : getFilesFromDragEvent(e, htmlDirContentParams || {});
}, [dropHandler, htmlDirContentParams]);
var handleDropUpload = useCallback(function (e) {
dropFileHandler(e).then(function (files) {
const handleDropUpload = useCallback(e => {
dropFileHandler(e).then(files => {
upload(files, uploadOptionsRef.current);
});
}, [upload, dropFileHandler, uploadOptionsRef]);
var onDragOver = useCallback(function (e) {
const onDragOver = useCallback(e => {
e.preventDefault();

@@ -52,3 +46,3 @@

}, [onDragOverClassName, containerRef]);
var onDrop = useCallback(function (e) {
const onDrop = useCallback(e => {
e.preventDefault();

@@ -59,6 +53,6 @@ e.persist();

}, [handleEnd, handleDropUpload]);
var onDragLeave = useCallback(function () {
const onDragLeave = useCallback(() => {
handleEnd();
}, [handleEnd]);
var onDragEnd = useCallback(function (e) {
const onDragEnd = useCallback(e => {
e.preventDefault();

@@ -65,0 +59,0 @@ e.stopPropagation();

{
"version": "0.11.4",
"version": "0.11.5",
"name": "@rpldy/upload-drop-zone",

@@ -30,10 +30,10 @@ "description": "drop zone (container) component to initiate file and folder content uploads",

"dependencies": {
"@rpldy/shared-ui": "^0.11.4",
"@rpldy/shared-ui": "^0.11.5",
"html-dir-content": "^0.3.2"
},
"devDependencies": {
"@rpldy/shared": "^0.11.4",
"@rpldy/upload-button": "^0.11.4",
"@rpldy/uploady": "^0.11.4",
"flow-bin": "^0.146.0",
"@rpldy/shared": "^0.11.5",
"@rpldy/upload-button": "^0.11.5",
"@rpldy/uploady": "^0.11.5",
"flow-bin": "^0.147.0",
"react-dnd": "^11.1.3",

@@ -50,3 +50,3 @@ "react-dnd-html5-backend": "^10.0.2",

},
"gitHead": "ffa687483c1ff9d6d2df3c992810b030943482b6"
"gitHead": "39a78c4a9cf417433bd5989d65dc84f358952780"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc