@tenancy.nz/ui 1.2.10 → 1.2.11

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/dist/cjs/components/FileUpload.cjs +12 -12
  2. package/dist/esm/components/FileUpload.js +11 -11
  3. package/package.json +1 -1
package/dist/cjs/components/FileUpload.cjs CHANGED
@@ -29,10 +29,9 @@ function FileUpload(_ref) {
29
29
  _ref$dropzoneDescript = _ref.dropzoneDescription,
30
30
  dropzoneDescription = _ref$dropzoneDescript === void 0 ? "Drag and drop file(s) here, or choose file" : _ref$dropzoneDescript,
31
31
  _ref$helperText = _ref.helperText,
32
- helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
33
- _ref$helperTextPlacem = _ref.helperTextPlacement,
34
- helperTextPlacement = _ref$helperTextPlacem === void 0 ? "below" : _ref$helperTextPlacem,
35
- _ref$label = _ref.label,
32
+ helperText = _ref$helperText === void 0 ? "" : _ref$helperText;
33
+ _ref.helperTextPlacement;
34
+ var _ref$label = _ref.label,
36
35
  label = _ref$label === void 0 ? "" : _ref$label,
37
36
  _ref$required = _ref.required,
38
37
  required = _ref$required === void 0 ? false : _ref$required,
@@ -75,18 +74,20 @@ function FileUpload(_ref) {
75
74
  var handleFileSave = React.useCallback(function (results) {
76
75
  var uploadedFiles = Array.isArray(files) ? _rollupPluginBabelHelpers.toConsumableArray(files) : [];
77
76
  var promises = [];
78
- results.forEach(function (file) {
77
+ results.forEach(function (file$1) {
79
78
  return promises.push(new Promise(function (resolve) {
80
79
  var reader = new FileReader();
81
80
  reader.onload = function () {
82
81
  uploadedFiles.push({
83
82
  url: reader.result,
84
- filename: file.path,
85
- filetype: file.type
83
+ filename: file$1.name,
84
+ filetype: file$1.type,
85
+ size: file$1.size,
86
+ humanSize: file.formatBytes(file$1.size)
86
87
  });
87
88
  resolve();
88
89
  };
89
- reader.readAsDataURL(file);
90
+ reader.readAsDataURL(file$1);
90
91
  }));
91
92
  });
92
93
  Promise.all(promises).then(function () {
@@ -147,11 +148,10 @@ function FileUpload(_ref) {
147
148
  fullWidth: true,
148
149
  label: label,
149
150
  helperText: helperText,
150
- helperTextPlacement: helperTextPlacement,
151
151
  disabled: disabled,
152
152
  required: required,
153
153
  showError: showError,
154
- errorMessage: errorMessage,
154
+ message: errorMessage,
155
155
  edges: edges
156
156
  }, /* @__PURE__ */React.createElement(FormFocus.default, {
157
157
  name: name
@@ -163,7 +163,7 @@ function FileUpload(_ref) {
163
163
  dropzoneLabel: dropzoneLabel,
164
164
  dropzoneDescription: dropzoneDescription,
165
165
  dropzoneProps: dropzoneProps
166
- })), files && files.length > 0 && /* @__PURE__ */React.createElement(framerMotion.AnimatePresence, null, /* @__PURE__ */React.createElement(FileUpload_styled.StyledSavedWrapper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
166
+ }))), files && files.length > 0 && /* @__PURE__ */React.createElement(framerMotion.AnimatePresence, null, /* @__PURE__ */React.createElement(FileUpload_styled.StyledSavedWrapper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
167
167
  edges: edges
168
168
  }), (saving || loading) && /* @__PURE__ */React.createElement(FileUpload_styled.StyledLoader, {
169
169
  disableShrink: true
@@ -205,7 +205,7 @@ function FileUpload(_ref) {
205
205
  return !showError ? handleDeleteConfirmation(index) : handleDeleteWithoutConfirmation(index);
206
206
  }
207
207
  }));
208
- }))))), /* @__PURE__ */React.createElement(Confirmation.default, {
208
+ })))), /* @__PURE__ */React.createElement(Confirmation.default, {
209
209
  open: confirmDeleteAll,
210
210
  onCancel: function onCancel() {
211
211
  return setConfirmDeleteAll(false);
package/dist/esm/components/FileUpload.js CHANGED
@@ -11,7 +11,7 @@ import FileUploadItem from './FileUploadItem.js';
11
11
  import FormControl from './FormControl.js';
12
12
  import FormFocus from './FormFocus.js';
13
13
  import { StyledSavedWrapper, StyledLoader } from './FileUpload.styled.js';
14
- import { getFileName } from '../utils/helpers/file.js';
14
+ import { formatBytes, getFileName } from '../utils/helpers/file.js';
15
15
 
16
16
  function FileUpload(_ref) {
17
17
  var _ref$fileErrors = _ref.fileErrors,
@@ -25,10 +25,9 @@ function FileUpload(_ref) {
25
25
  _ref$dropzoneDescript = _ref.dropzoneDescription,
26
26
  dropzoneDescription = _ref$dropzoneDescript === void 0 ? "Drag and drop file(s) here, or choose file" : _ref$dropzoneDescript,
27
27
  _ref$helperText = _ref.helperText,
28
- helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
29
- _ref$helperTextPlacem = _ref.helperTextPlacement,
30
- helperTextPlacement = _ref$helperTextPlacem === void 0 ? "below" : _ref$helperTextPlacem,
31
- _ref$label = _ref.label,
28
+ helperText = _ref$helperText === void 0 ? "" : _ref$helperText;
29
+ _ref.helperTextPlacement;
30
+ var _ref$label = _ref.label,
32
31
  label = _ref$label === void 0 ? "" : _ref$label,
33
32
  _ref$required = _ref.required,
34
33
  required = _ref$required === void 0 ? false : _ref$required,
@@ -77,8 +76,10 @@ function FileUpload(_ref) {
77
76
  reader.onload = function () {
78
77
  uploadedFiles.push({
79
78
  url: reader.result,
80
- filename: file.path,
81
- filetype: file.type
79
+ filename: file.name,
80
+ filetype: file.type,
81
+ size: file.size,
82
+ humanSize: formatBytes(file.size)
82
83
  });
83
84
  resolve();
84
85
  };
@@ -143,11 +144,10 @@ function FileUpload(_ref) {
143
144
  fullWidth: true,
144
145
  label: label,
145
146
  helperText: helperText,
146
- helperTextPlacement: helperTextPlacement,
147
147
  disabled: disabled,
148
148
  required: required,
149
149
  showError: showError,
150
- errorMessage: errorMessage,
150
+ message: errorMessage,
151
151
  edges: edges
152
152
  }, /* @__PURE__ */React.createElement(FormFocus, {
153
153
  name: name
@@ -159,7 +159,7 @@ function FileUpload(_ref) {
159
159
  dropzoneLabel: dropzoneLabel,
160
160
  dropzoneDescription: dropzoneDescription,
161
161
  dropzoneProps: dropzoneProps
162
- })), files && files.length > 0 && /* @__PURE__ */React.createElement(AnimatePresence, null, /* @__PURE__ */React.createElement(StyledSavedWrapper, _objectSpread2(_objectSpread2({}, fade), {}, {
162
+ }))), files && files.length > 0 && /* @__PURE__ */React.createElement(AnimatePresence, null, /* @__PURE__ */React.createElement(StyledSavedWrapper, _objectSpread2(_objectSpread2({}, fade), {}, {
163
163
  edges: edges
164
164
  }), (saving || loading) && /* @__PURE__ */React.createElement(StyledLoader, {
165
165
  disableShrink: true
@@ -201,7 +201,7 @@ function FileUpload(_ref) {
201
201
  return !showError ? handleDeleteConfirmation(index) : handleDeleteWithoutConfirmation(index);
202
202
  }
203
203
  }));
204
- }))))), /* @__PURE__ */React.createElement(Confirmation, {
204
+ })))), /* @__PURE__ */React.createElement(Confirmation, {
205
205
  open: confirmDeleteAll,
206
206
  onCancel: function onCancel() {
207
207
  return setConfirmDeleteAll(false);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tenancy.nz/ui",
3
- "version": "1.2.10",
3
+ "version": "1.2.11",
4
4
  "description": "Library of React UI components for tenancy.co.nz apps.",
5
5
  "author": "Tenancy.co.nz <monty@tenancy.co.nz>",
6
6
  "keywords": [