@panneau/field-upload 3.0.19 → 3.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +4 -3
  3. package/lib/index.js +4 -3
  4. package/package.json +10 -10
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .panneau-field-upload-container{width:100%}.panneau-field-upload-container .panneau-field-upload-dashboard{position:relative}
1
+ .panneau-field-upload-container{width:100%}.panneau-field-upload-container .panneau-field-upload-dashboard{position:relative}.panneau-field-upload-container .panneau-field-upload-dashboardModal{position:relative;z-index:10001}
package/es/index.js CHANGED
@@ -14,18 +14,18 @@ import PropTypes from 'prop-types';
14
14
  import React, { useCallback, useMemo, useState } from 'react';
15
15
  import { FormattedMessage } from 'react-intl';
16
16
  import { PropTypes as PropTypes$1 } from '@panneau/core';
17
- import { useUppy } from '@panneau/uppy';
18
17
  import { useResourceQuery } from '@panneau/core/hooks';
19
18
  import Button from '@panneau/element-button';
20
19
  import Label from '@panneau/element-label';
21
20
  import ResourceItemsList from '@panneau/list-resource-items';
22
21
  import Dialog from '@panneau/modal-dialog';
22
+ import { useUppy } from '@panneau/uppy';
23
23
  import '@uppy/core/dist/style.min.css';
24
24
  import '@uppy/dashboard/dist/style.min.css';
25
25
  import '@uppy/drag-drop/dist/style.min.css';
26
26
  import '@uppy/status-bar/dist/style.min.css';
27
27
 
28
- var styles = {"container":"panneau-field-upload-container","dashboard":"panneau-field-upload-dashboard"};
28
+ var styles = {"container":"panneau-field-upload-container","dashboard":"panneau-field-upload-dashboard","dashboardModal":"panneau-field-upload-dashboardModal"};
29
29
 
30
30
  var propTypes = {
31
31
  value: PropTypes.oneOfType([PropTypes.array, PropTypes.shape({
@@ -298,7 +298,7 @@ var UploadField = function UploadField(_ref) {
298
298
  var name = (namePath !== null ? get(media || {}, namePath) : null) || filename || file;
299
299
  var thumbnail = (thumbnailPath !== null ? get(media || {}, thumbnailPath) : null) || thumbnailUrl || preview;
300
300
  var size = (sizePath !== null ? get(media || {}, sizePath) : null) || fileSize;
301
- var hasThumbnail = preview !== null || thumbnailUrl !== null;
301
+ var hasThumbnail = preview !== null || thumbnail !== null;
302
302
  return /*#__PURE__*/React.createElement("div", {
303
303
  className: "card mb-1",
304
304
  key: "media-".concat(id),
@@ -389,6 +389,7 @@ var UploadField = function UploadField(_ref) {
389
389
  showProgressDetails: true
390
390
  }))) : null, !showResourceModal && !disabled && withButton && uppy !== null ? /*#__PURE__*/React.createElement(DashboardModal, {
391
391
  uppy: uppy,
392
+ className: styles.dashboardModal,
392
393
  plugins: sources,
393
394
  open: modalOpened,
394
395
  onRequestClose: closeModal,
package/lib/index.js CHANGED
@@ -18,12 +18,12 @@ var PropTypes = require('prop-types');
18
18
  var React = require('react');
19
19
  var reactIntl = require('react-intl');
20
20
  var core = require('@panneau/core');
21
- var uppy = require('@panneau/uppy');
22
21
  var hooks = require('@panneau/core/hooks');
23
22
  var Button = require('@panneau/element-button');
24
23
  var Label = require('@panneau/element-label');
25
24
  var ResourceItemsList = require('@panneau/list-resource-items');
26
25
  var Dialog = require('@panneau/modal-dialog');
26
+ var uppy = require('@panneau/uppy');
27
27
  require('@uppy/core/dist/style.min.css');
28
28
  require('@uppy/dashboard/dist/style.min.css');
29
29
  require('@uppy/drag-drop/dist/style.min.css');
@@ -47,7 +47,7 @@ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
47
47
  var ResourceItemsList__default = /*#__PURE__*/_interopDefaultLegacy(ResourceItemsList);
48
48
  var Dialog__default = /*#__PURE__*/_interopDefaultLegacy(Dialog);
49
49
 
50
- var styles = {"container":"panneau-field-upload-container","dashboard":"panneau-field-upload-dashboard"};
50
+ var styles = {"container":"panneau-field-upload-container","dashboard":"panneau-field-upload-dashboard","dashboardModal":"panneau-field-upload-dashboardModal"};
51
51
 
52
52
  var propTypes = {
53
53
  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array, PropTypes__default["default"].shape({
@@ -320,7 +320,7 @@ var UploadField = function UploadField(_ref) {
320
320
  var name = (namePath !== null ? get__default["default"](media || {}, namePath) : null) || filename || file;
321
321
  var thumbnail = (thumbnailPath !== null ? get__default["default"](media || {}, thumbnailPath) : null) || thumbnailUrl || preview;
322
322
  var size = (sizePath !== null ? get__default["default"](media || {}, sizePath) : null) || fileSize;
323
- var hasThumbnail = preview !== null || thumbnailUrl !== null;
323
+ var hasThumbnail = preview !== null || thumbnail !== null;
324
324
  return /*#__PURE__*/React__default["default"].createElement("div", {
325
325
  className: "card mb-1",
326
326
  key: "media-".concat(id),
@@ -411,6 +411,7 @@ var UploadField = function UploadField(_ref) {
411
411
  showProgressDetails: true
412
412
  }))) : null, !showResourceModal && !disabled && withButton && uppy$1 !== null ? /*#__PURE__*/React__default["default"].createElement(react.DashboardModal, {
413
413
  uppy: uppy$1,
414
+ className: styles.dashboardModal,
414
415
  plugins: sources,
415
416
  open: modalOpened,
416
417
  onRequestClose: closeModal,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/field-upload",
3
- "version": "3.0.19",
3
+ "version": "3.0.22",
4
4
  "description": "An Upload field",
5
5
  "keywords": [
6
6
  "javascript"
@@ -57,14 +57,14 @@
57
57
  "@fortawesome/fontawesome-svg-core": "^1.2.35",
58
58
  "@fortawesome/free-solid-svg-icons": "^5.15.3",
59
59
  "@fortawesome/react-fontawesome": "^0.1.14",
60
- "@panneau/core": "^3.0.19",
61
- "@panneau/element-button": "^3.0.19",
62
- "@panneau/element-card": "^3.0.19",
63
- "@panneau/element-label": "^3.0.19",
64
- "@panneau/list-resource-items": "^3.0.19",
65
- "@panneau/modal-dialog": "^3.0.19",
66
- "@panneau/themes": "^3.0.19",
67
- "@panneau/uppy": "^3.0.19",
60
+ "@panneau/core": "^3.0.22",
61
+ "@panneau/element-button": "^3.0.22",
62
+ "@panneau/element-card": "^3.0.22",
63
+ "@panneau/element-label": "^3.0.22",
64
+ "@panneau/list-resource-items": "^3.0.22",
65
+ "@panneau/modal-dialog": "^3.0.22",
66
+ "@panneau/themes": "^3.0.22",
67
+ "@panneau/uppy": "^3.0.22",
68
68
  "@uppy/core": "^3.2.0",
69
69
  "@uppy/dashboard": "^3.4.0",
70
70
  "@uppy/drag-drop": "^3.0.2",
@@ -82,5 +82,5 @@
82
82
  "publishConfig": {
83
83
  "access": "public"
84
84
  },
85
- "gitHead": "d00f01acd3ff68ff4119cd816efdc5b088d2bbd1"
85
+ "gitHead": "493c3ac4279da8c22d121e85b1ea828da6c9bcb0"
86
86
  }