@panneau/field-upload 1.1.0 → 1.1.1

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 (3) hide show
  1. package/es/index.js +54 -84
  2. package/lib/index.js +56 -88
  3. package/package.json +7 -7
package/es/index.js CHANGED
@@ -2,21 +2,19 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
2
2
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
3
  import { faTimes, faFileVideo, faFileImage, faFileAudio } from '@fortawesome/free-solid-svg-icons';
4
4
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
5
+ import { PropTypes as PropTypes$1 } from '@panneau/core';
6
+ import { useUppy } from '@panneau/core/contexts';
7
+ import Button from '@panneau/element-button';
8
+ import Label from '@panneau/element-label';
9
+ import '@uppy/core/dist/style.css';
10
+ import '@uppy/dashboard/dist/style.css';
5
11
  import { Dashboard, DashboardModal } from '@uppy/react';
6
- import classNames from 'classnames';
7
- import get from 'lodash/get';
8
12
  import isArray from 'lodash/isArray';
9
13
  import isObject from 'lodash/isObject';
10
14
  import prettyBytes from 'pretty-bytes';
11
15
  import PropTypes from 'prop-types';
12
16
  import React, { useCallback, useMemo, useState } from 'react';
13
17
  import { FormattedMessage } from 'react-intl';
14
- import { PropTypes as PropTypes$1 } from '@panneau/core';
15
- import { useUppy } from '@panneau/core/contexts';
16
- import Button from '@panneau/element-button';
17
- import Label from '@panneau/element-label';
18
- import '@uppy/core/dist/style.css';
19
- import '@uppy/dashboard/dist/style.css';
20
18
 
21
19
  var propTypes = {
22
20
  value: PropTypes.oneOfType([PropTypes.array, PropTypes.shape({
@@ -30,9 +28,6 @@ var propTypes = {
30
28
  withButton: PropTypes.bool,
31
29
  addButtonLabel: PropTypes$1.label,
32
30
  allowMultipleUploads: PropTypes.bool,
33
- namePath: PropTypes.string,
34
- thumbnailPath: PropTypes.string,
35
- sizePath: PropTypes.string,
36
31
  onChange: PropTypes.func,
37
32
  className: PropTypes.string
38
33
  };
@@ -50,9 +45,6 @@ var defaultProps = {
50
45
  }]
51
46
  }),
52
47
  allowMultipleUploads: false,
53
- namePath: null,
54
- thumbnailPath: null,
55
- sizePath: null,
56
48
  onChange: null,
57
49
  className: null
58
50
  };
@@ -64,9 +56,6 @@ var UploadField = function UploadField(_ref) {
64
56
  withButton = _ref.withButton,
65
57
  addButtonLabel = _ref.addButtonLabel,
66
58
  allowMultipleUploads = _ref.allowMultipleUploads,
67
- namePath = _ref.namePath,
68
- thumbnailPath = _ref.thumbnailPath,
69
- sizePath = _ref.sizePath,
70
59
  onChange = _ref.onChange,
71
60
  className = _ref.className;
72
61
  var onComplete = useCallback(function (response) {
@@ -129,32 +118,33 @@ var UploadField = function UploadField(_ref) {
129
118
  var closeModal = useCallback(function () {
130
119
  setModalOpened(false);
131
120
  }, [setModalOpened]);
132
- var values = useMemo(function () {
133
- if (isArray(value)) {
134
- return value;
135
- }
136
- return value !== null ? [value] : null;
137
- }, [value]);
138
- var hasMedia = values !== null && values.length > 0;
121
+ var values = isArray(value) ? value : [value];
139
122
  return /*#__PURE__*/React.createElement("div", {
140
123
  className: className
141
- }, values !== null ? values.map(function (media, idx) {
142
- var _media$id = media.id,
143
- id = _media$id === void 0 ? null : _media$id,
144
- _media$filename = media.filename,
145
- filename = _media$filename === void 0 ? null : _media$filename,
146
- _media$size = media.size,
147
- fileSize = _media$size === void 0 ? 0 : _media$size,
148
- _media$thumbnail_url = media.thumbnail_url,
149
- thumbnailUrl = _media$thumbnail_url === void 0 ? null : _media$thumbnail_url,
150
- _media$preview = media.preview,
151
- preview = _media$preview === void 0 ? null : _media$preview,
152
- _media$data = media.data,
153
- data = _media$data === void 0 ? {} : _media$data,
154
- type = media.type;
155
- var _ref2 = data || {},
156
- _ref2$file = _ref2.file,
157
- file = _ref2$file === void 0 ? null : _ref2$file;
124
+ }, value !== null ? /*#__PURE__*/React.createElement("div", {
125
+ className: "card"
126
+ }, /*#__PURE__*/React.createElement("div", {
127
+ className: "card-body p-1 pl-2"
128
+ }, /*#__PURE__*/React.createElement("div", {
129
+ className: "media align-items-center"
130
+ }, values.map(function (val, idx) {
131
+ var _ref2 = val || {},
132
+ _ref2$id = _ref2.id,
133
+ id = _ref2$id === void 0 ? null : _ref2$id,
134
+ _ref2$filename = _ref2.filename,
135
+ filename = _ref2$filename === void 0 ? null : _ref2$filename,
136
+ _ref2$size = _ref2.size,
137
+ size = _ref2$size === void 0 ? 0 : _ref2$size,
138
+ _ref2$thumbnail_url = _ref2.thumbnail_url,
139
+ thumbnailUrl = _ref2$thumbnail_url === void 0 ? null : _ref2$thumbnail_url,
140
+ _ref2$preview = _ref2.preview,
141
+ preview = _ref2$preview === void 0 ? null : _ref2$preview,
142
+ _ref2$data = _ref2.data,
143
+ data = _ref2$data === void 0 ? {} : _ref2$data,
144
+ type = _ref2.type;
145
+ var _ref3 = data || {},
146
+ _ref3$file = _ref3.file,
147
+ file = _ref3$file === void 0 ? null : _ref3$file;
158
148
  var faIcon = null;
159
149
  switch (type) {
160
150
  case 'audio':
@@ -167,51 +157,31 @@ var UploadField = function UploadField(_ref) {
167
157
  faIcon = faFileVideo;
168
158
  break;
169
159
  }
170
- var name = (namePath !== null ? get(media || {}, namePath) : null) || filename || file;
171
- var thumbnail = (thumbnailPath !== null ? get(media || {}, thumbnailPath) : null) || thumbnailUrl || preview;
172
- var size = (sizePath !== null ? get(media || {}, sizePath) : null) || fileSize;
173
- var hasThumbnail = preview !== null || thumbnailUrl !== null;
160
+ var hasPreview = preview !== null || thumbnailUrl !== null;
174
161
  return /*#__PURE__*/React.createElement("div", {
175
- className: "card mb-1",
176
- key: "media-".concat(id),
177
- style: {
178
- maxWidth: 500
179
- }
162
+ className: "d-flex align-items-center justify-content-between my-1",
163
+ key: "file-".concat(id, "-").concat(filename, "-").concat(idx + 1)
180
164
  }, /*#__PURE__*/React.createElement("div", {
181
- className: "d-flex align-items-center"
182
- }, hasThumbnail || faIcon !== null ? /*#__PURE__*/React.createElement("div", {
183
- className: "p-2 text-center",
184
- style: hasThumbnail ? {
185
- width: 100,
165
+ className: "d-flex align-items-center mx-2 text-truncate"
166
+ }, !hasPreview && faIcon !== null ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
167
+ icon: faIcon,
168
+ className: "me-2"
169
+ }) : null, hasPreview ? /*#__PURE__*/React.createElement("img", {
170
+ className: "img-thumbnail me-2",
171
+ src: preview || thumbnailUrl,
172
+ alt: "preview",
173
+ style: {
174
+ height: 100,
186
175
  backgroundImage: 'linear-gradient(45deg, #eee 25%, transparent 25%), linear-gradient(-45deg, #eee 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eee 75%), linear-gradient(-45deg, transparent 75%, #eee 75%)',
187
176
  backgroundSize: '20px 20px',
188
177
  backgroundPosition: '0 0, 0 10px, 10px -10px, -10px 0'
189
- } : {
190
- width: 100
191
178
  }
192
- }, !hasThumbnail && faIcon !== null ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
193
- icon: faIcon,
194
- className: "m-auto fs-3"
195
- }) : null, hasThumbnail ? /*#__PURE__*/React.createElement("img", {
196
- className: "img-fluid",
197
- src: thumbnail,
198
- alt: "thumbnail",
199
- style: {
200
- maxHeight: 75
201
- }
202
- }) : null) : null, /*#__PURE__*/React.createElement("div", {
203
- className: "flex-grow-1"
204
- }, /*#__PURE__*/React.createElement("div", {
205
- className: "card-body"
206
- }, /*#__PURE__*/React.createElement("h5", {
207
- className: classNames(['card-title', 'fs-6', {
208
- 'mb-1': size !== null && size > 0,
209
- 'mb-0': size === null || size <= 0
210
- }])
211
- }, name), size !== null && size > 0 ? /*#__PURE__*/React.createElement("p", {
212
- className: "card-text text-muted small"
213
- }, prettyBytes(size)) : null)), /*#__PURE__*/React.createElement("div", {
214
- className: "p-2"
179
+ }) : null, /*#__PURE__*/React.createElement("div", {
180
+ className: "media-body text-truncate small me-2"
181
+ }, /*#__PURE__*/React.createElement("strong", null, file || filename)), /*#__PURE__*/React.createElement("small", {
182
+ className: "text-muted me-2"
183
+ }, size > 0 ? prettyBytes(size) : size)), /*#__PURE__*/React.createElement("div", {
184
+ className: "mx-2"
215
185
  }, /*#__PURE__*/React.createElement(Button, {
216
186
  type: "button",
217
187
  size: "sm",
@@ -222,16 +192,16 @@ var UploadField = function UploadField(_ref) {
222
192
  }
223
193
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
224
194
  icon: faTimes
225
- })))));
226
- }) : null, !hasMedia && withButton ? /*#__PURE__*/React.createElement(Button, {
195
+ }))));
196
+ })))) : /*#__PURE__*/React.createElement(React.Fragment, null, withButton ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
227
197
  type: "button",
228
198
  theme: "primary",
229
199
  onClick: openModal
230
- }, /*#__PURE__*/React.createElement(Label, null, addButtonLabel)) : null, !hasMedia && !withButton && uppy !== null ? /*#__PURE__*/React.createElement(Dashboard, {
200
+ }, /*#__PURE__*/React.createElement(Label, null, addButtonLabel))) : /*#__PURE__*/React.createElement(React.Fragment, null, uppy !== null ? /*#__PURE__*/React.createElement(Dashboard, {
231
201
  uppy: uppy,
232
202
  height: 300,
233
203
  plugins: sources
234
- }) : null, withButton && uppy !== null ? /*#__PURE__*/React.createElement(DashboardModal, {
204
+ }) : null)), withButton && uppy !== null ? /*#__PURE__*/React.createElement(DashboardModal, {
235
205
  uppy: uppy,
236
206
  plugins: sources,
237
207
  open: modalOpened,
package/lib/index.js CHANGED
@@ -6,35 +6,31 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
6
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
7
  var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
8
8
  var reactFontawesome = require('@fortawesome/react-fontawesome');
9
+ var core = require('@panneau/core');
10
+ var contexts = require('@panneau/core/contexts');
11
+ var Button = require('@panneau/element-button');
12
+ var Label = require('@panneau/element-label');
13
+ require('@uppy/core/dist/style.css');
14
+ require('@uppy/dashboard/dist/style.css');
9
15
  var react = require('@uppy/react');
10
- var classNames = require('classnames');
11
- var get = require('lodash/get');
12
16
  var isArray = require('lodash/isArray');
13
17
  var isObject = require('lodash/isObject');
14
18
  var prettyBytes = require('pretty-bytes');
15
19
  var PropTypes = require('prop-types');
16
20
  var React = require('react');
17
21
  var reactIntl = require('react-intl');
18
- var core = require('@panneau/core');
19
- var contexts = require('@panneau/core/contexts');
20
- var Button = require('@panneau/element-button');
21
- var Label = require('@panneau/element-label');
22
- require('@uppy/core/dist/style.css');
23
- require('@uppy/dashboard/dist/style.css');
24
22
 
25
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
24
 
27
25
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
28
26
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
29
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
30
- var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
27
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
28
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
31
29
  var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
32
30
  var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
33
31
  var prettyBytes__default = /*#__PURE__*/_interopDefaultLegacy(prettyBytes);
34
32
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
35
33
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
36
- var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
37
- var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
38
34
 
39
35
  var propTypes = {
40
36
  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array, PropTypes__default["default"].shape({
@@ -48,9 +44,6 @@ var propTypes = {
48
44
  withButton: PropTypes__default["default"].bool,
49
45
  addButtonLabel: core.PropTypes.label,
50
46
  allowMultipleUploads: PropTypes__default["default"].bool,
51
- namePath: PropTypes__default["default"].string,
52
- thumbnailPath: PropTypes__default["default"].string,
53
- sizePath: PropTypes__default["default"].string,
54
47
  onChange: PropTypes__default["default"].func,
55
48
  className: PropTypes__default["default"].string
56
49
  };
@@ -68,9 +61,6 @@ var defaultProps = {
68
61
  }]
69
62
  }),
70
63
  allowMultipleUploads: false,
71
- namePath: null,
72
- thumbnailPath: null,
73
- sizePath: null,
74
64
  onChange: null,
75
65
  className: null
76
66
  };
@@ -82,9 +72,6 @@ var UploadField = function UploadField(_ref) {
82
72
  withButton = _ref.withButton,
83
73
  addButtonLabel = _ref.addButtonLabel,
84
74
  allowMultipleUploads = _ref.allowMultipleUploads,
85
- namePath = _ref.namePath,
86
- thumbnailPath = _ref.thumbnailPath,
87
- sizePath = _ref.sizePath,
88
75
  onChange = _ref.onChange,
89
76
  className = _ref.className;
90
77
  var onComplete = React.useCallback(function (response) {
@@ -147,32 +134,33 @@ var UploadField = function UploadField(_ref) {
147
134
  var closeModal = React.useCallback(function () {
148
135
  setModalOpened(false);
149
136
  }, [setModalOpened]);
150
- var values = React.useMemo(function () {
151
- if (isArray__default["default"](value)) {
152
- return value;
153
- }
154
- return value !== null ? [value] : null;
155
- }, [value]);
156
- var hasMedia = values !== null && values.length > 0;
137
+ var values = isArray__default["default"](value) ? value : [value];
157
138
  return /*#__PURE__*/React__default["default"].createElement("div", {
158
139
  className: className
159
- }, values !== null ? values.map(function (media, idx) {
160
- var _media$id = media.id,
161
- id = _media$id === void 0 ? null : _media$id,
162
- _media$filename = media.filename,
163
- filename = _media$filename === void 0 ? null : _media$filename,
164
- _media$size = media.size,
165
- fileSize = _media$size === void 0 ? 0 : _media$size,
166
- _media$thumbnail_url = media.thumbnail_url,
167
- thumbnailUrl = _media$thumbnail_url === void 0 ? null : _media$thumbnail_url,
168
- _media$preview = media.preview,
169
- preview = _media$preview === void 0 ? null : _media$preview,
170
- _media$data = media.data,
171
- data = _media$data === void 0 ? {} : _media$data,
172
- type = media.type;
173
- var _ref2 = data || {},
174
- _ref2$file = _ref2.file,
175
- file = _ref2$file === void 0 ? null : _ref2$file;
140
+ }, value !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
141
+ className: "card"
142
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
143
+ className: "card-body p-1 pl-2"
144
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
145
+ className: "media align-items-center"
146
+ }, values.map(function (val, idx) {
147
+ var _ref2 = val || {},
148
+ _ref2$id = _ref2.id,
149
+ id = _ref2$id === void 0 ? null : _ref2$id,
150
+ _ref2$filename = _ref2.filename,
151
+ filename = _ref2$filename === void 0 ? null : _ref2$filename,
152
+ _ref2$size = _ref2.size,
153
+ size = _ref2$size === void 0 ? 0 : _ref2$size,
154
+ _ref2$thumbnail_url = _ref2.thumbnail_url,
155
+ thumbnailUrl = _ref2$thumbnail_url === void 0 ? null : _ref2$thumbnail_url,
156
+ _ref2$preview = _ref2.preview,
157
+ preview = _ref2$preview === void 0 ? null : _ref2$preview,
158
+ _ref2$data = _ref2.data,
159
+ data = _ref2$data === void 0 ? {} : _ref2$data,
160
+ type = _ref2.type;
161
+ var _ref3 = data || {},
162
+ _ref3$file = _ref3.file,
163
+ file = _ref3$file === void 0 ? null : _ref3$file;
176
164
  var faIcon = null;
177
165
  switch (type) {
178
166
  case 'audio':
@@ -185,51 +173,31 @@ var UploadField = function UploadField(_ref) {
185
173
  faIcon = freeSolidSvgIcons.faFileVideo;
186
174
  break;
187
175
  }
188
- var name = (namePath !== null ? get__default["default"](media || {}, namePath) : null) || filename || file;
189
- var thumbnail = (thumbnailPath !== null ? get__default["default"](media || {}, thumbnailPath) : null) || thumbnailUrl || preview;
190
- var size = (sizePath !== null ? get__default["default"](media || {}, sizePath) : null) || fileSize;
191
- var hasThumbnail = preview !== null || thumbnailUrl !== null;
176
+ var hasPreview = preview !== null || thumbnailUrl !== null;
192
177
  return /*#__PURE__*/React__default["default"].createElement("div", {
193
- className: "card mb-1",
194
- key: "media-".concat(id),
195
- style: {
196
- maxWidth: 500
197
- }
178
+ className: "d-flex align-items-center justify-content-between my-1",
179
+ key: "file-".concat(id, "-").concat(filename, "-").concat(idx + 1)
198
180
  }, /*#__PURE__*/React__default["default"].createElement("div", {
199
- className: "d-flex align-items-center"
200
- }, hasThumbnail || faIcon !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
201
- className: "p-2 text-center",
202
- style: hasThumbnail ? {
203
- width: 100,
181
+ className: "d-flex align-items-center mx-2 text-truncate"
182
+ }, !hasPreview && faIcon !== null ? /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
183
+ icon: faIcon,
184
+ className: "me-2"
185
+ }) : null, hasPreview ? /*#__PURE__*/React__default["default"].createElement("img", {
186
+ className: "img-thumbnail me-2",
187
+ src: preview || thumbnailUrl,
188
+ alt: "preview",
189
+ style: {
190
+ height: 100,
204
191
  backgroundImage: 'linear-gradient(45deg, #eee 25%, transparent 25%), linear-gradient(-45deg, #eee 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eee 75%), linear-gradient(-45deg, transparent 75%, #eee 75%)',
205
192
  backgroundSize: '20px 20px',
206
193
  backgroundPosition: '0 0, 0 10px, 10px -10px, -10px 0'
207
- } : {
208
- width: 100
209
- }
210
- }, !hasThumbnail && faIcon !== null ? /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
211
- icon: faIcon,
212
- className: "m-auto fs-3"
213
- }) : null, hasThumbnail ? /*#__PURE__*/React__default["default"].createElement("img", {
214
- className: "img-fluid",
215
- src: thumbnail,
216
- alt: "thumbnail",
217
- style: {
218
- maxHeight: 75
219
194
  }
220
- }) : null) : null, /*#__PURE__*/React__default["default"].createElement("div", {
221
- className: "flex-grow-1"
222
- }, /*#__PURE__*/React__default["default"].createElement("div", {
223
- className: "card-body"
224
- }, /*#__PURE__*/React__default["default"].createElement("h5", {
225
- className: classNames__default["default"](['card-title', 'fs-6', {
226
- 'mb-1': size !== null && size > 0,
227
- 'mb-0': size === null || size <= 0
228
- }])
229
- }, name), size !== null && size > 0 ? /*#__PURE__*/React__default["default"].createElement("p", {
230
- className: "card-text text-muted small"
231
- }, prettyBytes__default["default"](size)) : null)), /*#__PURE__*/React__default["default"].createElement("div", {
232
- className: "p-2"
195
+ }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
196
+ className: "media-body text-truncate small me-2"
197
+ }, /*#__PURE__*/React__default["default"].createElement("strong", null, file || filename)), /*#__PURE__*/React__default["default"].createElement("small", {
198
+ className: "text-muted me-2"
199
+ }, size > 0 ? prettyBytes__default["default"](size) : size)), /*#__PURE__*/React__default["default"].createElement("div", {
200
+ className: "mx-2"
233
201
  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
234
202
  type: "button",
235
203
  size: "sm",
@@ -240,16 +208,16 @@ var UploadField = function UploadField(_ref) {
240
208
  }
241
209
  }, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
242
210
  icon: freeSolidSvgIcons.faTimes
243
- })))));
244
- }) : null, !hasMedia && withButton ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
211
+ }))));
212
+ })))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, withButton ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
245
213
  type: "button",
246
214
  theme: "primary",
247
215
  onClick: openModal
248
- }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, addButtonLabel)) : null, !hasMedia && !withButton && uppy !== null ? /*#__PURE__*/React__default["default"].createElement(react.Dashboard, {
216
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, addButtonLabel))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, uppy !== null ? /*#__PURE__*/React__default["default"].createElement(react.Dashboard, {
249
217
  uppy: uppy,
250
218
  height: 300,
251
219
  plugins: sources
252
- }) : null, withButton && uppy !== null ? /*#__PURE__*/React__default["default"].createElement(react.DashboardModal, {
220
+ }) : null)), withButton && uppy !== null ? /*#__PURE__*/React__default["default"].createElement(react.DashboardModal, {
253
221
  uppy: uppy,
254
222
  plugins: sources,
255
223
  open: modalOpened,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/field-upload",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "An Upload field",
5
5
  "keywords": [
6
6
  "javascript"
@@ -56,11 +56,11 @@
56
56
  "@fortawesome/fontawesome-svg-core": "^1.2.35",
57
57
  "@fortawesome/free-solid-svg-icons": "^5.15.3",
58
58
  "@fortawesome/react-fontawesome": "^0.1.14",
59
- "@panneau/core": "^1.1.0",
60
- "@panneau/element-button": "^1.1.0",
61
- "@panneau/element-card": "^1.1.0",
62
- "@panneau/element-label": "^1.1.0",
63
- "@panneau/themes": "^1.1.0",
59
+ "@panneau/core": "^1.1.1",
60
+ "@panneau/element-button": "^1.1.1",
61
+ "@panneau/element-card": "^1.1.1",
62
+ "@panneau/element-label": "^1.1.1",
63
+ "@panneau/themes": "^1.1.1",
64
64
  "@uppy/core": "^2.1.4",
65
65
  "@uppy/dashboard": "^2.1.3",
66
66
  "@uppy/react": "^2.1.2",
@@ -73,5 +73,5 @@
73
73
  "publishConfig": {
74
74
  "access": "public"
75
75
  },
76
- "gitHead": "1d4ce10073e63024309c615ffaec2e1193aeec7e"
76
+ "gitHead": "c84ed4d5dda16f2c82b72b419757062a31f7845b"
77
77
  }