@rpldy/upload-drop-zone
Advanced tools
Comparing version 0.11.4 to 0.11.5
@@ -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" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
14309
192
Updated@rpldy/shared-ui@^0.11.5