@tenancy.nz/ui 1.0.4 → 1.0.6

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 (161) hide show
  1. package/dist/cjs/components/Alert.cjs +6 -11
  2. package/dist/cjs/components/Autocomplete.cjs +32 -34
  3. package/dist/cjs/components/Avatar.cjs +2 -5
  4. package/dist/cjs/components/AvatarCropDialog.cjs +40 -48
  5. package/dist/cjs/components/AvatarInput.cjs +86 -110
  6. package/dist/cjs/components/Badge.cjs +2 -5
  7. package/dist/cjs/components/BankAccountInput.cjs +74 -81
  8. package/dist/cjs/components/Bar.cjs +4 -6
  9. package/dist/cjs/components/BaseModal.cjs +3 -5
  10. package/dist/cjs/components/BooleanInput.cjs +37 -44
  11. package/dist/cjs/components/BorderedGrid.cjs +7 -9
  12. package/dist/cjs/components/Box.cjs +2 -5
  13. package/dist/cjs/components/Button.cjs +2 -5
  14. package/dist/cjs/components/Card.cjs +12 -21
  15. package/dist/cjs/components/CardContent.cjs +2 -5
  16. package/dist/cjs/components/Checkbox.cjs +14 -19
  17. package/dist/cjs/components/CircularProgress.cjs +2 -3
  18. package/dist/cjs/components/CollapsedText.cjs +29 -38
  19. package/dist/cjs/components/Confirmation.cjs +19 -26
  20. package/dist/cjs/components/Container.cjs +2 -5
  21. package/dist/cjs/components/CroppedImageInput.cjs +145 -167
  22. package/dist/cjs/components/CroppedImageInputActions.cjs +30 -39
  23. package/dist/cjs/components/DateInput.cjs +71 -79
  24. package/dist/cjs/components/DateNumberInput.cjs +49 -51
  25. package/dist/cjs/components/DateSelect.cjs +100 -111
  26. package/dist/cjs/components/Divider.cjs +2 -3
  27. package/dist/cjs/components/DropZone.cjs +96 -112
  28. package/dist/cjs/components/Embed.cjs +11 -15
  29. package/dist/cjs/components/FileUpload.cjs +105 -126
  30. package/dist/cjs/components/FileUploadButton.cjs +9 -14
  31. package/dist/cjs/components/FileUploadButtonLoader.cjs +4 -5
  32. package/dist/cjs/components/FileViewer.cjs +50 -69
  33. package/dist/cjs/components/FlashMessage.cjs +7 -11
  34. package/dist/cjs/components/FormControl.cjs +45 -52
  35. package/dist/cjs/components/FormFocus.cjs +2 -3
  36. package/dist/cjs/components/FormLabel.cjs +1 -4
  37. package/dist/cjs/components/Grid.cjs +8 -14
  38. package/dist/cjs/components/Heading.cjs +3 -5
  39. package/dist/cjs/components/IconButton.cjs +2 -5
  40. package/dist/cjs/components/Icons.cjs +22 -41
  41. package/dist/cjs/components/LinearProgress.cjs +2 -3
  42. package/dist/cjs/components/Link.cjs +2 -5
  43. package/dist/cjs/components/Media.cjs +7 -10
  44. package/dist/cjs/components/Modal.cjs +23 -30
  45. package/dist/cjs/components/ModalActions.cjs +3 -5
  46. package/dist/cjs/components/ModalContent.cjs +3 -5
  47. package/dist/cjs/components/ModalHeader.cjs +10 -17
  48. package/dist/cjs/components/Nameplate.cjs +39 -64
  49. package/dist/cjs/components/Pagination.cjs +12 -17
  50. package/dist/cjs/components/Paper.cjs +3 -5
  51. package/dist/cjs/components/Popper.cjs +13 -17
  52. package/dist/cjs/components/PropertyCard.cjs +62 -90
  53. package/dist/cjs/components/Radio.cjs +14 -19
  54. package/dist/cjs/components/Rating.cjs +2 -3
  55. package/dist/cjs/components/Select.cjs +17 -24
  56. package/dist/cjs/components/Skeleton.cjs +3 -5
  57. package/dist/cjs/components/StatusMessage.cjs +3 -5
  58. package/dist/cjs/components/StepIcon.cjs +13 -20
  59. package/dist/cjs/components/Stepper.cjs +29 -35
  60. package/dist/cjs/components/SuccessModal.cjs +7 -16
  61. package/dist/cjs/components/Switch.cjs +17 -21
  62. package/dist/cjs/components/Tab.cjs +2 -3
  63. package/dist/cjs/components/TabPanel.cjs +4 -6
  64. package/dist/cjs/components/Table.cjs +2 -5
  65. package/dist/cjs/components/TableBody.cjs +2 -5
  66. package/dist/cjs/components/TableCell.cjs +2 -5
  67. package/dist/cjs/components/TableContainer.cjs +2 -5
  68. package/dist/cjs/components/TableFooter.cjs +2 -5
  69. package/dist/cjs/components/TableHead.cjs +2 -5
  70. package/dist/cjs/components/TableRow.cjs +2 -5
  71. package/dist/cjs/components/Tabs.cjs +4 -6
  72. package/dist/cjs/components/Tag.cjs +8 -16
  73. package/dist/cjs/components/Text.cjs +3 -5
  74. package/dist/cjs/components/TextInput.cjs +39 -47
  75. package/dist/cjs/components/ThemeProvider.cjs +8 -15
  76. package/dist/cjs/components/TimeInput.cjs +63 -71
  77. package/dist/cjs/components/Tooltip.cjs +5 -9
  78. package/dist/cjs/index.cjs +0 -2
  79. package/dist/esm/components/Alert.js +6 -11
  80. package/dist/esm/components/Autocomplete.js +33 -35
  81. package/dist/esm/components/Avatar.js +2 -5
  82. package/dist/esm/components/AvatarCropDialog.js +41 -49
  83. package/dist/esm/components/AvatarInput.js +87 -111
  84. package/dist/esm/components/Badge.js +2 -5
  85. package/dist/esm/components/BankAccountInput.js +75 -82
  86. package/dist/esm/components/Bar.js +4 -6
  87. package/dist/esm/components/BaseModal.js +3 -5
  88. package/dist/esm/components/BooleanInput.js +38 -45
  89. package/dist/esm/components/BorderedGrid.js +7 -9
  90. package/dist/esm/components/Box.js +3 -6
  91. package/dist/esm/components/Button.js +2 -5
  92. package/dist/esm/components/Card.js +12 -21
  93. package/dist/esm/components/CardContent.js +2 -5
  94. package/dist/esm/components/Checkbox.js +14 -19
  95. package/dist/esm/components/CircularProgress.js +2 -3
  96. package/dist/esm/components/CollapsedText.js +30 -39
  97. package/dist/esm/components/Confirmation.js +19 -26
  98. package/dist/esm/components/Container.js +2 -5
  99. package/dist/esm/components/CroppedImageInput.js +146 -168
  100. package/dist/esm/components/CroppedImageInputActions.js +30 -39
  101. package/dist/esm/components/DateInput.js +72 -80
  102. package/dist/esm/components/DateNumberInput.js +50 -52
  103. package/dist/esm/components/DateSelect.js +95 -106
  104. package/dist/esm/components/Divider.js +2 -3
  105. package/dist/esm/components/DropZone.js +96 -112
  106. package/dist/esm/components/Embed.js +11 -15
  107. package/dist/esm/components/FileUpload.js +106 -127
  108. package/dist/esm/components/FileUploadButton.js +10 -15
  109. package/dist/esm/components/FileUploadButtonLoader.js +4 -5
  110. package/dist/esm/components/FileViewer.js +50 -69
  111. package/dist/esm/components/FlashMessage.js +7 -11
  112. package/dist/esm/components/FormControl.js +43 -50
  113. package/dist/esm/components/FormFocus.js +2 -3
  114. package/dist/esm/components/FormLabel.js +1 -4
  115. package/dist/esm/components/Grid.js +8 -14
  116. package/dist/esm/components/Heading.js +3 -5
  117. package/dist/esm/components/IconButton.js +2 -5
  118. package/dist/esm/components/Icons.js +22 -41
  119. package/dist/esm/components/LinearProgress.js +2 -3
  120. package/dist/esm/components/Link.js +2 -5
  121. package/dist/esm/components/Media.js +7 -10
  122. package/dist/esm/components/Modal.js +23 -30
  123. package/dist/esm/components/ModalActions.js +3 -5
  124. package/dist/esm/components/ModalContent.js +3 -5
  125. package/dist/esm/components/ModalHeader.js +10 -17
  126. package/dist/esm/components/Nameplate.js +39 -64
  127. package/dist/esm/components/Pagination.js +12 -17
  128. package/dist/esm/components/Paper.js +3 -5
  129. package/dist/esm/components/Popper.js +14 -18
  130. package/dist/esm/components/PropertyCard.js +62 -90
  131. package/dist/esm/components/Radio.js +14 -19
  132. package/dist/esm/components/Rating.js +2 -3
  133. package/dist/esm/components/Select.js +17 -24
  134. package/dist/esm/components/Skeleton.js +3 -5
  135. package/dist/esm/components/StatusMessage.js +3 -5
  136. package/dist/esm/components/StepIcon.js +13 -20
  137. package/dist/esm/components/Stepper.js +29 -35
  138. package/dist/esm/components/SuccessModal.js +8 -17
  139. package/dist/esm/components/Switch.js +17 -21
  140. package/dist/esm/components/Tab.js +2 -3
  141. package/dist/esm/components/TabPanel.js +4 -6
  142. package/dist/esm/components/Table.js +2 -5
  143. package/dist/esm/components/TableBody.js +2 -5
  144. package/dist/esm/components/TableCell.js +2 -5
  145. package/dist/esm/components/TableContainer.js +2 -5
  146. package/dist/esm/components/TableFooter.js +2 -5
  147. package/dist/esm/components/TableHead.js +2 -5
  148. package/dist/esm/components/TableRow.js +2 -5
  149. package/dist/esm/components/Tabs.js +4 -6
  150. package/dist/esm/components/Tag.js +8 -16
  151. package/dist/esm/components/Text.js +3 -5
  152. package/dist/esm/components/TextInput.js +36 -44
  153. package/dist/esm/components/ThemeProvider.js +8 -15
  154. package/dist/esm/components/TimeInput.js +64 -72
  155. package/dist/esm/components/Tooltip.js +5 -9
  156. package/dist/esm/index.js +0 -1
  157. package/package.json +1 -1
  158. package/dist/cjs/components/DatePicker.cjs +0 -167
  159. package/dist/cjs/components/DatePicker.styled.cjs +0 -22
  160. package/dist/esm/components/DatePicker.js +0 -163
  161. package/dist/esm/components/DatePicker.styled.js +0 -20
@@ -4,8 +4,7 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- require('react');
7
+ var React = require('react');
9
8
  var PropTypes = require('prop-types');
10
9
  var Typography = require('@mui/material/Typography');
11
10
  var reactDropzone = require('react-dropzone');
@@ -48,116 +47,101 @@ function DropZone(_ref) {
48
47
  acceptedFiles = _useDropzone.acceptedFiles,
49
48
  fileRejections = _useDropzone.fileRejections;
50
49
  var hasErrors = fileRejections.length > 0;
51
- return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
52
- children: [/* @__PURE__ */jsxRuntime.jsxs(DropZone_styled.StyledWrapper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
53
- compact: compact ? "yes" : "no",
54
- disabled: disabled,
55
- edges: edges,
56
- errors: hasErrors ? "yes" : "no"
57
- }, getRootProps()), {}, {
58
- sx: {
59
- mb: 1
60
- },
61
- children: [isDragActive && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledDraggingIndicator, {
62
- isDragReject: isDragReject
63
- }), loading && !hasErrors && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledLoader, {}), /* @__PURE__ */jsxRuntime.jsx("input", _rollupPluginBabelHelpers.objectSpread2({}, getInputProps())), isDragAccept && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledIcon, {
64
- compact: compact,
65
- children: /* @__PURE__ */jsxRuntime.jsx(CheckCircleIcon, {
66
- color: "inherit",
67
- fontSize: "inherit"
68
- })
69
- }), isDragReject && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledIcon, {
70
- compact: compact,
71
- children: /* @__PURE__ */jsxRuntime.jsx(WarningIcon, {
72
- color: "inherit",
73
- fontSize: "inherit"
74
- })
75
- }), !isDragAccept && !isDragReject && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledIcon, {
76
- compact: compact,
77
- children: /* @__PURE__ */jsxRuntime.jsx(CloudUploadIcon, {
78
- color: "inherit",
79
- fontSize: "inherit"
80
- })
81
- }), /* @__PURE__ */jsxRuntime.jsx(Typography, {
82
- variant: "subtitle2",
83
- align: "center",
84
- children: isDragReject ? "Error" : dropzoneLabel
85
- }), /* @__PURE__ */jsxRuntime.jsx(Typography, {
86
- variant: "body2",
87
- align: "center",
88
- color: "textSecondary",
89
- children: isDragReject ? "The selected file(s) will not be accepted" : dropzoneDescription
90
- })]
91
- })), /* @__PURE__ */jsxRuntime.jsxs(framerMotion.AnimatePresence, {
92
- children: [listAcceptedFiles && acceptedFiles.length > 0 && /* @__PURE__ */jsxRuntime.jsx(framerMotion.motion.div, {
93
- initial: {
94
- translateY: -20,
95
- opacity: 0
96
- },
97
- animate: {
98
- translateY: 0,
99
- opacity: 1
100
- },
101
- exit: {
102
- translateY: -20,
103
- opacity: 0
104
- },
105
- transition: {
106
- duration: 0.25,
107
- ease: "easeOut"
108
- },
109
- children: acceptedFiles.map(function (file) {
110
- return /* @__PURE__ */jsxRuntime.jsx(Alert.default, {
111
- variant: "standard",
112
- severity: "success",
113
- style: {
114
- marginBottom: 5
115
- },
116
- children: file.path
117
- }, file.path);
118
- })
119
- }), hasErrors && /* @__PURE__ */jsxRuntime.jsx(framerMotion.motion.div, {
120
- initial: {
121
- translateY: -20,
122
- opacity: 0
123
- },
124
- animate: {
125
- translateY: 0,
126
- opacity: 1
127
- },
128
- exit: {
129
- translateY: -20,
130
- opacity: 0
131
- },
132
- transition: {
133
- duration: 0.25,
134
- ease: "easeOut"
135
- },
136
- children: /* @__PURE__ */jsxRuntime.jsx(Alert.default, {
137
- severity: "info",
138
- variant: "standard",
139
- children: fileRejections.map(function (_ref2) {
140
- var file$1 = _ref2.file,
141
- errors = _ref2.errors;
142
- return /* @__PURE__ */jsxRuntime.jsxs("div", {
143
- children: [file$1.path, /* @__PURE__ */jsxRuntime.jsx("ul", {
144
- children: errors.map(function (e) {
145
- if (e.code === "file-too-large") {
146
- return /* @__PURE__ */jsxRuntime.jsxs("li", {
147
- children: ["File size is larger than", " ", file.formatBytes(dropzoneProps.maxSize)]
148
- }, e.code);
149
- }
150
- return /* @__PURE__ */jsxRuntime.jsx("li", {
151
- children: e.message
152
- }, e.code);
153
- })
154
- })]
155
- }, file$1.path);
156
- })
157
- })
158
- })]
159
- })]
160
- });
50
+ return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(DropZone_styled.StyledWrapper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
51
+ compact: compact ? "yes" : "no",
52
+ disabled: disabled,
53
+ edges: edges,
54
+ errors: hasErrors ? "yes" : "no"
55
+ }, getRootProps()), {}, {
56
+ sx: {
57
+ mb: 1
58
+ }
59
+ }), isDragActive && /* @__PURE__ */React.createElement(DropZone_styled.StyledDraggingIndicator, {
60
+ isDragReject: isDragReject
61
+ }), loading && !hasErrors && /* @__PURE__ */React.createElement(DropZone_styled.StyledLoader, null), /* @__PURE__ */React.createElement("input", _rollupPluginBabelHelpers.objectSpread2({}, getInputProps())), isDragAccept && /* @__PURE__ */React.createElement(DropZone_styled.StyledIcon, {
62
+ compact: compact
63
+ }, /* @__PURE__ */React.createElement(CheckCircleIcon, {
64
+ color: "inherit",
65
+ fontSize: "inherit"
66
+ })), isDragReject && /* @__PURE__ */React.createElement(DropZone_styled.StyledIcon, {
67
+ compact: compact
68
+ }, /* @__PURE__ */React.createElement(WarningIcon, {
69
+ color: "inherit",
70
+ fontSize: "inherit"
71
+ })), !isDragAccept && !isDragReject && /* @__PURE__ */React.createElement(DropZone_styled.StyledIcon, {
72
+ compact: compact
73
+ }, /* @__PURE__ */React.createElement(CloudUploadIcon, {
74
+ color: "inherit",
75
+ fontSize: "inherit"
76
+ })), /* @__PURE__ */React.createElement(Typography, {
77
+ variant: "subtitle2",
78
+ align: "center"
79
+ }, isDragReject ? "Error" : dropzoneLabel), /* @__PURE__ */React.createElement(Typography, {
80
+ variant: "body2",
81
+ align: "center",
82
+ color: "textSecondary"
83
+ }, isDragReject ? "The selected file(s) will not be accepted" : dropzoneDescription)), /* @__PURE__ */React.createElement(framerMotion.AnimatePresence, null, listAcceptedFiles && acceptedFiles.length > 0 && /* @__PURE__ */React.createElement(framerMotion.motion.div, {
84
+ initial: {
85
+ translateY: -20,
86
+ opacity: 0
87
+ },
88
+ animate: {
89
+ translateY: 0,
90
+ opacity: 1
91
+ },
92
+ exit: {
93
+ translateY: -20,
94
+ opacity: 0
95
+ },
96
+ transition: {
97
+ duration: 0.25,
98
+ ease: "easeOut"
99
+ }
100
+ }, acceptedFiles.map(function (file) {
101
+ return /* @__PURE__ */React.createElement(Alert.default, {
102
+ variant: "standard",
103
+ severity: "success",
104
+ key: file.path,
105
+ style: {
106
+ marginBottom: 5
107
+ }
108
+ }, file.path);
109
+ })), hasErrors && /* @__PURE__ */React.createElement(framerMotion.motion.div, {
110
+ initial: {
111
+ translateY: -20,
112
+ opacity: 0
113
+ },
114
+ animate: {
115
+ translateY: 0,
116
+ opacity: 1
117
+ },
118
+ exit: {
119
+ translateY: -20,
120
+ opacity: 0
121
+ },
122
+ transition: {
123
+ duration: 0.25,
124
+ ease: "easeOut"
125
+ }
126
+ }, /* @__PURE__ */React.createElement(Alert.default, {
127
+ severity: "info",
128
+ variant: "standard"
129
+ }, fileRejections.map(function (_ref2) {
130
+ var file$1 = _ref2.file,
131
+ errors = _ref2.errors;
132
+ return /* @__PURE__ */React.createElement("div", {
133
+ key: file$1.path
134
+ }, file$1.path, /* @__PURE__ */React.createElement("ul", null, errors.map(function (e) {
135
+ if (e.code === "file-too-large") {
136
+ return /* @__PURE__ */React.createElement("li", {
137
+ key: e.code
138
+ }, "File size is larger than", " ", file.formatBytes(dropzoneProps.maxSize));
139
+ }
140
+ return /* @__PURE__ */React.createElement("li", {
141
+ key: e.code
142
+ }, e.message);
143
+ })));
144
+ })))));
161
145
  }
162
146
  DropZone.propTypes = {
163
147
  /**
@@ -3,8 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var jsxRuntime = require('react/jsx-runtime');
7
- require('react');
6
+ var React = require('react');
8
7
  var PropTypes = require('prop-types');
9
8
  var CircularProgress = require('./CircularProgress.cjs');
10
9
  var Embed_styled = require('./Embed.styled.cjs');
@@ -15,20 +14,17 @@ function Embed(_ref) {
15
14
  src = _ref.src,
16
15
  _ref$width = _ref.width,
17
16
  width = _ref$width === void 0 ? "100%" : _ref$width;
18
- return /* @__PURE__ */jsxRuntime.jsxs(Embed_styled.StyledEmbed, {
17
+ return /* @__PURE__ */React.createElement(Embed_styled.StyledEmbed, {
19
18
  height: height,
20
- width: width,
21
- children: [/* @__PURE__ */jsxRuntime.jsx(Embed_styled.StyledBox, {
22
- children: /* @__PURE__ */jsxRuntime.jsx(CircularProgress.default, {
23
- size: 50
24
- })
25
- }), /* @__PURE__ */jsxRuntime.jsx(Embed_styled.StyledEmbedFrame, {
26
- src: src,
27
- frameborder: "0",
28
- allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
29
- allowfullscreen: true
30
- })]
31
- });
19
+ width: width
20
+ }, /* @__PURE__ */React.createElement(Embed_styled.StyledBox, null, /* @__PURE__ */React.createElement(CircularProgress.default, {
21
+ size: 50
22
+ })), /* @__PURE__ */React.createElement(Embed_styled.StyledEmbedFrame, {
23
+ src: src,
24
+ frameborder: "0",
25
+ allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
26
+ allowfullscreen: true
27
+ }));
32
28
  }
33
29
  Embed.propTypes = {
34
30
  /**
@@ -4,7 +4,6 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
7
  var React = require('react');
9
8
  var PropTypes = require('prop-types');
10
9
  var Alert = require('@mui/material/Alert');
@@ -148,134 +147,114 @@ function FileUpload(_ref) {
148
147
  opacity: 0
149
148
  }
150
149
  };
151
- return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
152
- children: [/* @__PURE__ */jsxRuntime.jsxs(FormControl.default, {
153
- name: name,
154
- fullWidth: true,
155
- label: label,
156
- helperText: helperText,
157
- helperTextPlacement: helperTextPlacement,
158
- disabled: disabled,
159
- required: required,
160
- showError: showError,
161
- errorMessage: errorMessage,
162
- edges: edges,
163
- children: [/* @__PURE__ */jsxRuntime.jsx(FormFocus.default, {
164
- name: name
165
- }), files && files.length > 0 && /* @__PURE__ */jsxRuntime.jsxs(FileUpload_styled.StyledSavedWrapper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
166
- edges: edges,
167
- children: [(saving || loading) && /* @__PURE__ */jsxRuntime.jsx(FileUpload_styled.StyledLoader, {
168
- disableShrink: true
169
- }), /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
170
- container: true,
171
- alignItems: "center",
172
- spacing: 5,
173
- children: /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
174
- item: true,
175
- xs: 12,
176
- children: /* @__PURE__ */jsxRuntime.jsx(framerMotion.AnimateSharedLayout, {
177
- children: files.map(function (file$1, index) {
178
- return /* @__PURE__ */jsxRuntime.jsx(framerMotion.AnimatePresence, {
179
- children: /* @__PURE__ */jsxRuntime.jsx(framerMotion.motion.div, {
180
- positionTransition: true,
181
- initial: {
182
- opacity: 0,
183
- y: 50,
184
- scale: 0.3
185
- },
186
- animate: {
187
- opacity: 1,
188
- y: 0,
189
- scale: 1
190
- },
191
- exit: {
192
- opacity: 0,
193
- scale: 0.5,
194
- transition: {
195
- duration: 0.2
196
- }
197
- },
198
- children: /* @__PURE__ */jsxRuntime.jsxs(Alert, {
199
- severity: showError || fileErrors(file$1, index) !== null ? "error" : "success",
200
- style: {
201
- marginBottom: 5
202
- },
203
- action: /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
204
- children: [fileActions(file$1, index) !== null && fileActions(file$1, index), /* @__PURE__ */jsxRuntime.jsx(Button.default, {
205
- onClick: function onClick() {
206
- return setViewedFile(file$1);
207
- },
208
- color: "inherit",
209
- size: "small",
210
- variant: "text",
211
- children: "View"
212
- }), /* @__PURE__ */jsxRuntime.jsx(Tooltip.default, {
213
- title: "Delete",
214
- enterDelay: 0,
215
- children: /* @__PURE__ */jsxRuntime.jsx("div", {
216
- children: /* @__PURE__ */jsxRuntime.jsx(IconButton.default, {
217
- disabled: saving,
218
- size: "small",
219
- "aria-label": "delete",
220
- style: {
221
- padding: 0
222
- },
223
- onClick: function onClick() {
224
- return !showError ? handleDeleteConfirmation(index) : handleDeleteWithoutConfirmation(index);
225
- },
226
- children: /* @__PURE__ */jsxRuntime.jsx(DeleteIcon, {})
227
- })
228
- })
229
- })]
230
- }),
231
- children: [/* @__PURE__ */jsxRuntime.jsx(FileUpload_styled.StyledAlertTitle, {
232
- children: file.getFileName(file$1)
233
- }), fileErrors(file$1, index)]
234
- })
235
- })
236
- }, file.getFileName(file$1));
237
- })
238
- })
239
- })
240
- })]
241
- })), (!files || files.length === 0 || !dropzoneProps || dropzoneProps.maxFiles === void 0 || dropzoneProps.maxFiles > 1) && /* @__PURE__ */jsxRuntime.jsx(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
242
- style: files && files.length > 0 ? {
243
- marginTop: 8
244
- } : null,
245
- children: /* @__PURE__ */jsxRuntime.jsx(DropZone.default, {
246
- loading: loading,
247
- disabled: disabled,
248
- onDrop: onDrop,
249
- edges: edges,
250
- dropzoneLabel: dropzoneLabel,
251
- dropzoneDescription: dropzoneDescription,
252
- dropzoneProps: dropzoneProps,
253
- compact: files && files.length > 0
254
- })
255
- }))]
256
- }), /* @__PURE__ */jsxRuntime.jsx(Confirmation.default, {
257
- open: confirmDeleteAll,
258
- onCancel: function onCancel() {
259
- return setConfirmDeleteAll(false);
150
+ return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FormControl.default, {
151
+ name: name,
152
+ fullWidth: true,
153
+ label: label,
154
+ helperText: helperText,
155
+ helperTextPlacement: helperTextPlacement,
156
+ disabled: disabled,
157
+ required: required,
158
+ showError: showError,
159
+ errorMessage: errorMessage,
160
+ edges: edges
161
+ }, /* @__PURE__ */React.createElement(FormFocus.default, {
162
+ name: name
163
+ }), files && files.length > 0 && /* @__PURE__ */React.createElement(FileUpload_styled.StyledSavedWrapper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
164
+ edges: edges
165
+ }), (saving || loading) && /* @__PURE__ */React.createElement(FileUpload_styled.StyledLoader, {
166
+ disableShrink: true
167
+ }), /* @__PURE__ */React.createElement(Grid.default, {
168
+ container: true,
169
+ alignItems: "center",
170
+ spacing: 5
171
+ }, /* @__PURE__ */React.createElement(Grid.default, {
172
+ item: true,
173
+ xs: 12
174
+ }, /* @__PURE__ */React.createElement(framerMotion.AnimateSharedLayout, null, files.map(function (file$1, index) {
175
+ return /* @__PURE__ */React.createElement(framerMotion.AnimatePresence, {
176
+ key: file.getFileName(file$1)
177
+ }, /* @__PURE__ */React.createElement(framerMotion.motion.div, {
178
+ positionTransition: true,
179
+ initial: {
180
+ opacity: 0,
181
+ y: 50,
182
+ scale: 0.3
260
183
  },
261
- onConfirm: handleDeleteAll,
262
- message: "Are you sure you want to remove the attached file(s)?"
263
- }), /* @__PURE__ */jsxRuntime.jsx(Confirmation.default, {
264
- open: confirmDelete !== null,
265
- onCancel: function onCancel() {
266
- setConfirmDelete(null);
267
- setLoading(false);
184
+ animate: {
185
+ opacity: 1,
186
+ y: 0,
187
+ scale: 1
268
188
  },
269
- onConfirm: handleDelete,
270
- message: "Are you sure you want to remove the attached file?"
271
- }), /* @__PURE__ */jsxRuntime.jsx(FileViewer.default, {
272
- file: viewedFile,
273
- open: viewedFile !== null,
274
- onClose: function onClose() {
275
- return setViewedFile(null);
189
+ exit: {
190
+ opacity: 0,
191
+ scale: 0.5,
192
+ transition: {
193
+ duration: 0.2
194
+ }
276
195
  }
277
- })]
278
- });
196
+ }, /* @__PURE__ */React.createElement(Alert, {
197
+ severity: showError || fileErrors(file$1, index) !== null ? "error" : "success",
198
+ style: {
199
+ marginBottom: 5
200
+ },
201
+ action: /* @__PURE__ */React.createElement(React.Fragment, null, fileActions(file$1, index) !== null && fileActions(file$1, index), /* @__PURE__ */React.createElement(Button.default, {
202
+ onClick: function onClick() {
203
+ return setViewedFile(file$1);
204
+ },
205
+ color: "inherit",
206
+ size: "small",
207
+ variant: "text"
208
+ }, "View"), /* @__PURE__ */React.createElement(Tooltip.default, {
209
+ title: "Delete",
210
+ enterDelay: 0
211
+ }, /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement(IconButton.default, {
212
+ disabled: saving,
213
+ size: "small",
214
+ "aria-label": "delete",
215
+ style: {
216
+ padding: 0
217
+ },
218
+ onClick: function onClick() {
219
+ return !showError ? handleDeleteConfirmation(index) : handleDeleteWithoutConfirmation(index);
220
+ }
221
+ }, /* @__PURE__ */React.createElement(DeleteIcon, null)))))
222
+ }, /* @__PURE__ */React.createElement(FileUpload_styled.StyledAlertTitle, null, file.getFileName(file$1)), fileErrors(file$1, index))));
223
+ }))))), (!files || files.length === 0 || !dropzoneProps || dropzoneProps.maxFiles === void 0 || dropzoneProps.maxFiles > 1) && /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
224
+ style: files && files.length > 0 ? {
225
+ marginTop: 8
226
+ } : null
227
+ }), /* @__PURE__ */React.createElement(DropZone.default, {
228
+ loading: loading,
229
+ disabled: disabled,
230
+ onDrop: onDrop,
231
+ edges: edges,
232
+ dropzoneLabel: dropzoneLabel,
233
+ dropzoneDescription: dropzoneDescription,
234
+ dropzoneProps: dropzoneProps,
235
+ compact: files && files.length > 0
236
+ }))), /* @__PURE__ */React.createElement(Confirmation.default, {
237
+ open: confirmDeleteAll,
238
+ onCancel: function onCancel() {
239
+ return setConfirmDeleteAll(false);
240
+ },
241
+ onConfirm: handleDeleteAll,
242
+ message: "Are you sure you want to remove the attached file(s)?"
243
+ }), /* @__PURE__ */React.createElement(Confirmation.default, {
244
+ open: confirmDelete !== null,
245
+ onCancel: function onCancel() {
246
+ setConfirmDelete(null);
247
+ setLoading(false);
248
+ },
249
+ onConfirm: handleDelete,
250
+ message: "Are you sure you want to remove the attached file?"
251
+ }), /* @__PURE__ */React.createElement(FileViewer.default, {
252
+ file: viewedFile,
253
+ open: viewedFile !== null,
254
+ onClose: function onClose() {
255
+ return setViewedFile(null);
256
+ }
257
+ }));
279
258
  }
280
259
  FileUpload.propTypes = {
281
260
  /**
@@ -4,7 +4,6 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
7
  var React = require('react');
9
8
  var PropTypes = require('prop-types');
10
9
  var reactDropzone = require('react-dropzone');
@@ -91,19 +90,15 @@ function FileUploadButton(_ref) {
91
90
  }),
92
91
  getRootProps = _useDropzone.getRootProps,
93
92
  getInputProps = _useDropzone.getInputProps;
94
- return /* @__PURE__ */jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, getRootProps()), {}, {
95
- children: /* @__PURE__ */jsxRuntime.jsxs(Button.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
96
- loading: true,
97
- disabled: disabled,
98
- pending: pending,
99
- pendingIndicator: /* @__PURE__ */jsxRuntime.jsx(FileUploadButtonLoader.default, {
100
- accepted: accepted,
101
- rejected: rejected
102
- })
103
- }, rest), {}, {
104
- children: [/* @__PURE__ */jsxRuntime.jsx("input", _rollupPluginBabelHelpers.objectSpread2({}, getInputProps())), children]
105
- }))
106
- }));
93
+ return /* @__PURE__ */React.createElement("span", _rollupPluginBabelHelpers.objectSpread2({}, getRootProps()), /* @__PURE__ */React.createElement(Button.default, _rollupPluginBabelHelpers.objectSpread2({
94
+ loading: true,
95
+ disabled: disabled,
96
+ pending: pending,
97
+ pendingIndicator: /* @__PURE__ */React.createElement(FileUploadButtonLoader.default, {
98
+ accepted: accepted,
99
+ rejected: rejected
100
+ })
101
+ }, rest), /* @__PURE__ */React.createElement("input", _rollupPluginBabelHelpers.objectSpread2({}, getInputProps())), children));
107
102
  }
108
103
  FileUploadButton.propTypes = {
109
104
  /**
@@ -3,8 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var jsxRuntime = require('react/jsx-runtime');
7
- require('react');
6
+ var React = require('react');
8
7
  var PropTypes = require('prop-types');
9
8
  var CheckIcon = require('@mui/icons-material/Check');
10
9
  var WarningIcon = require('@mui/icons-material/Warning');
@@ -16,18 +15,18 @@ function FileUploadButtonLoader(_ref) {
16
15
  _ref$rejected = _ref.rejected,
17
16
  rejected = _ref$rejected === void 0 ? false : _ref$rejected;
18
17
  if (accepted) {
19
- return /* @__PURE__ */jsxRuntime.jsx(CheckIcon, {
18
+ return /* @__PURE__ */React.createElement(CheckIcon, {
20
19
  color: "inherit",
21
20
  size: 16
22
21
  });
23
22
  }
24
23
  if (rejected) {
25
- return /* @__PURE__ */jsxRuntime.jsx(WarningIcon, {
24
+ return /* @__PURE__ */React.createElement(WarningIcon, {
26
25
  color: "inherit",
27
26
  size: 16
28
27
  });
29
28
  }
30
- return /* @__PURE__ */jsxRuntime.jsx(CircularProgress.default, {
29
+ return /* @__PURE__ */React.createElement(CircularProgress.default, {
31
30
  color: "inherit",
32
31
  size: 16
33
32
  });