@panneau/field-upload 3.0.23 → 3.0.24

package/es/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { faTimes, faFileVideo, faFileImage, faFileAudio } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Dashboard, DashboardModal } from '@uppy/react';
+import { Dashboard } from '@uppy/react';
 import classNames from 'classnames';
 import get from 'lodash/get';
 import isArray from 'lodash/isArray';
@@ -387,14 +387,41 @@ var UploadField = function UploadField(_ref) {
     areInsidesReadyToBeVisible: true,
     proudlyDisplayPoweredByUppy: false,
     showProgressDetails: true
-  }))) : null, !showResourceModal && !disabled && withButton && uppy !== null ? /*#__PURE__*/React.createElement(DashboardModal, {
-    uppy: uppy,
-    className: styles.dashboardModal,
+  }))) : null, !showResourceModal && !disabled && withButton && uppy !== null && modalOpened ?
+  /*#__PURE__*/
+  // <DashboardModal
+  //     uppy={uppy}
+  //     className={styles.dashboardModal}
+  //     plugins={sources}
+  //     open={modalOpened}
+  //     isHidden={!modalOpened}
+  //     {...(width !== null ? { width } : null)}
+  //     {...(height !== null ? { height } : null)}
+  //     onRequestClose={closeModal}
+  //     proudlyDisplayPoweredByUppy={false}
+  //     closeModalOnClickOutside
+  // />
+  React.createElement(Dialog, {
+    size: "lg",
+    onClose: closeModal,
+    title: addButtonLabel
+  }, /*#__PURE__*/React.createElement(Dashboard, Object.assign({
+    uppy: uppy
+    // {...(containerWidth !== null && height !== null
+    //     ? { width: containerWidth }
+    // : null)}
+  }, width !== null ? {
+    width: width
+  } : null, height !== null ? {
+    height: height
+  } : null, {
     plugins: sources,
-    open: modalOpened,
-    onRequestClose: closeModal,
-    closeModalOnClickOutside: true
-  }) : null, showResourceModal ? /*#__PURE__*/React.createElement(Dialog, {
+    inline: true,
+    showProgressDetails: true,
+    areInsidesReadyToBeVisible: true,
+    proudlyDisplayPoweredByUppy: false,
+    doneButtonHandler: closeModal
+  }))) : null, showResourceModal ? /*#__PURE__*/React.createElement(Dialog, {
     title: /*#__PURE__*/React.createElement(Label, null, searchButtonLabel),
     size: "lg",
     onClose: closeResourceModal

package/lib/index.js

@@ -409,14 +409,41 @@ var UploadField = function UploadField(_ref) {
     areInsidesReadyToBeVisible: true,
     proudlyDisplayPoweredByUppy: false,
     showProgressDetails: true
-  }))) : null, !showResourceModal && !disabled && withButton && uppy$1 !== null ? /*#__PURE__*/React__default["default"].createElement(react.DashboardModal, {
-    uppy: uppy$1,
-    className: styles.dashboardModal,
+  }))) : null, !showResourceModal && !disabled && withButton && uppy$1 !== null && modalOpened ?
+  /*#__PURE__*/
+  // <DashboardModal
+  //     uppy={uppy}
+  //     className={styles.dashboardModal}
+  //     plugins={sources}
+  //     open={modalOpened}
+  //     isHidden={!modalOpened}
+  //     {...(width !== null ? { width } : null)}
+  //     {...(height !== null ? { height } : null)}
+  //     onRequestClose={closeModal}
+  //     proudlyDisplayPoweredByUppy={false}
+  //     closeModalOnClickOutside
+  // />
+  React__default["default"].createElement(Dialog__default["default"], {
+    size: "lg",
+    onClose: closeModal,
+    title: addButtonLabel
+  }, /*#__PURE__*/React__default["default"].createElement(react.Dashboard, Object.assign({
+    uppy: uppy$1
+    // {...(containerWidth !== null && height !== null
+    //     ? { width: containerWidth }
+    // : null)}
+  }, width !== null ? {
+    width: width
+  } : null, height !== null ? {
+    height: height
+  } : null, {
     plugins: sources,
-    open: modalOpened,
-    onRequestClose: closeModal,
-    closeModalOnClickOutside: true
-  }) : null, showResourceModal ? /*#__PURE__*/React__default["default"].createElement(Dialog__default["default"], {
+    inline: true,
+    showProgressDetails: true,
+    areInsidesReadyToBeVisible: true,
+    proudlyDisplayPoweredByUppy: false,
+    doneButtonHandler: closeModal
+  }))) : null, showResourceModal ? /*#__PURE__*/React__default["default"].createElement(Dialog__default["default"], {
     title: /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, searchButtonLabel),
     size: "lg",
     onClose: closeResourceModal

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-upload",
-    "version": "3.0.23",
+    "version": "3.0.24",
     "description": "An Upload field",
     "keywords": [
         "javascript"
@@ -62,7 +62,7 @@
         "@panneau/element-card": "^3.0.23",
         "@panneau/element-label": "^3.0.23",
         "@panneau/list-resource-items": "^3.0.23",
-        "@panneau/modal-dialog": "^3.0.23",
+        "@panneau/modal-dialog": "^3.0.24",
         "@panneau/themes": "^3.0.23",
         "@panneau/uppy": "^3.0.23",
         "@uppy/core": "^3.5.0",
@@ -82,5 +82,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "82545a45cec2f58e9a98d08527dd96fcf92d5daa"
+    "gitHead": "844eae65796ad7192cea4d5e50ac7234bcf0a6b9"
 }