@panneau/field-upload 2.0.62 → 2.0.64

package/es/index.js

@@ -14,7 +14,6 @@ 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],
@@ -181,8 +175,8 @@ var UploadField = function UploadField(_ref) {
   }, [value]);
   var hasMedia = values !== null && values.length > 0;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
-    ref: containerRef
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)])
+    // ref={containerRef}
   }, values !== null ? values.map(function (media, idx) {
     var _media$id = media.id,
       id = _media$id === void 0 ? null : _media$id,
@@ -197,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':
@@ -289,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],
@@ -200,8 +194,8 @@ var UploadField = function UploadField(_ref) {
   }, [value]);
   var hasMedia = values !== null && values.length > 0;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
-    ref: containerRef
+    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)])
+    // ref={containerRef}
   }, values !== null ? values.map(function (media, idx) {
     var _media$id = media.id,
       id = _media$id === void 0 ? null : _media$id,
@@ -216,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':
@@ -308,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.62",
+    "version": "2.0.64",
     "description": "An Upload field",
     "keywords": [
         "javascript"
@@ -78,5 +78,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "7df6d18d375ec3a3d9b9c5390e1b72ced61e6ebc"
+    "gitHead": "10acd524fa622688b6d6598c3258b21abd375b36"
 }