@panneau/field-upload 2.0.61 → 2.0.63

package/es/index.js

@@ -10,11 +10,10 @@ import isArray from 'lodash/isArray';
 import isObject from 'lodash/isObject';
 import prettyBytes from 'pretty-bytes';
 import PropTypes from 'prop-types';
-import React, { useState, useCallback, useMemo, useEffect } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { PropTypes as PropTypes$1 } from '@panneau/core';
 import { useUppy } from '@panneau/core/contexts';
-import { useResizeObserver } from '@panneau/core/hooks';
 import Button from '@panneau/element-button';
 import Label from '@panneau/element-label';
 import '@uppy/core/dist/style.min.css';
@@ -96,15 +95,10 @@ var UploadField = function UploadField(_ref) {
     disabled = _ref.disabled,
     onChange = _ref.onChange,
     className = _ref.className;
-  var _useResizeObserver = useResizeObserver(),
-    containerRef = _useResizeObserver.ref,
-    _useResizeObserver$en = _useResizeObserver.entry,
-    entry = _useResizeObserver$en === void 0 ? null : _useResizeObserver$en;
-  var _ref2 = entry || {},
-    contentRect = _ref2.contentRect;
-  var _ref3 = contentRect || {},
-    _ref3$width = _ref3.width,
-    containerWidth = _ref3$width === void 0 ? null : _ref3$width;
+  // const { ref: containerRef, entry = null } = useResizeObserver();
+  // const { contentRect } = entry || {};
+  // const { width: containerWidth = null } = contentRect || {};
+
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     mediaModalOpen = _useState2[0],
@@ -167,18 +161,12 @@ var UploadField = function UploadField(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     modalOpened = _useState4[0],
     setModalOpened = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    setModalHasOpened = _useState6[1];
   var openModal = useCallback(function () {
     setModalOpened(true);
   }, [setModalOpened]);
   var closeModal = useCallback(function () {
     setModalOpened(false);
   }, [setModalOpened]);
-  useEffect(function () {
-    setModalHasOpened(modalOpened);
-  }, [modalOpened, setModalHasOpened]);
   var values = useMemo(function () {
     if (isArray(value)) {
       return value;
@@ -203,9 +191,9 @@ var UploadField = function UploadField(_ref) {
       _media$data = media.data,
       data = _media$data === void 0 ? {} : _media$data,
       type = media.type;
-    var _ref5 = data || {},
-      _ref5$file = _ref5.file,
-      file = _ref5$file === void 0 ? null : _ref5$file;
+    var _ref3 = data || {},
+      _ref3$file = _ref3.file,
+      file = _ref3$file === void 0 ? null : _ref3$file;
     var faIcon = null;
     switch (type) {
       case 'audio':
@@ -295,9 +283,10 @@ var UploadField = function UploadField(_ref) {
     className: styles.dashboard
   }, /*#__PURE__*/React.createElement(Dashboard, Object.assign({
     uppy: uppy
-  }, containerWidth !== null && height !== null ? {
-    width: containerWidth
-  } : null, width !== null ? {
+    // {...(containerWidth !== null && height !== null
+    //     ? { width: containerWidth }
+    // : null)}
+  }, width !== null ? {
     width: width
   } : null, height !== null ? {
     height: height

package/lib/index.js

@@ -18,7 +18,6 @@ var React = require('react');
 var reactIntl = require('react-intl');
 var core = require('@panneau/core');
 var contexts = require('@panneau/core/contexts');
-var hooks = require('@panneau/core/hooks');
 var Button = require('@panneau/element-button');
 var Label = require('@panneau/element-label');
 require('@uppy/core/dist/style.min.css');
@@ -115,15 +114,10 @@ var UploadField = function UploadField(_ref) {
     disabled = _ref.disabled,
     onChange = _ref.onChange,
     className = _ref.className;
-  var _useResizeObserver = hooks.useResizeObserver(),
-    containerRef = _useResizeObserver.ref,
-    _useResizeObserver$en = _useResizeObserver.entry,
-    entry = _useResizeObserver$en === void 0 ? null : _useResizeObserver$en;
-  var _ref2 = entry || {},
-    contentRect = _ref2.contentRect;
-  var _ref3 = contentRect || {},
-    _ref3$width = _ref3.width,
-    containerWidth = _ref3$width === void 0 ? null : _ref3$width;
+  // const { ref: containerRef, entry = null } = useResizeObserver();
+  // const { contentRect } = entry || {};
+  // const { width: containerWidth = null } = contentRect || {};
+
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     mediaModalOpen = _useState2[0],
@@ -186,18 +180,12 @@ var UploadField = function UploadField(_ref) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     modalOpened = _useState4[0],
     setModalOpened = _useState4[1];
-  var _useState5 = React.useState(false),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    setModalHasOpened = _useState6[1];
   var openModal = React.useCallback(function () {
     setModalOpened(true);
   }, [setModalOpened]);
   var closeModal = React.useCallback(function () {
     setModalOpened(false);
   }, [setModalOpened]);
-  React.useEffect(function () {
-    setModalHasOpened(modalOpened);
-  }, [modalOpened, setModalHasOpened]);
   var values = React.useMemo(function () {
     if (isArray__default["default"](value)) {
       return value;
@@ -222,9 +210,9 @@ var UploadField = function UploadField(_ref) {
       _media$data = media.data,
       data = _media$data === void 0 ? {} : _media$data,
       type = media.type;
-    var _ref5 = data || {},
-      _ref5$file = _ref5.file,
-      file = _ref5$file === void 0 ? null : _ref5$file;
+    var _ref3 = data || {},
+      _ref3$file = _ref3.file,
+      file = _ref3$file === void 0 ? null : _ref3$file;
     var faIcon = null;
     switch (type) {
       case 'audio':
@@ -314,9 +302,10 @@ var UploadField = function UploadField(_ref) {
     className: styles.dashboard
   }, /*#__PURE__*/React__default["default"].createElement(react.Dashboard, Object.assign({
     uppy: uppy
-  }, containerWidth !== null && height !== null ? {
-    width: containerWidth
-  } : null, width !== null ? {
+    // {...(containerWidth !== null && height !== null
+    //     ? { width: containerWidth }
+    // : null)}
+  }, width !== null ? {
     width: width
   } : null, height !== null ? {
     height: height

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-upload",
-    "version": "2.0.61",
+    "version": "2.0.63",
     "description": "An Upload field",
     "keywords": [
         "javascript"
@@ -78,5 +78,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d68e86fd0d60bda972ec70fd40d698f82425bca5"
+    "gitHead": "4432fa22a428871edfc28d1942d108717c852504"
 }