siam-ui-utils 3.0.32 → 3.1.0

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 (124) hide show
  1. package/dist/CustomBootstrap.js +9 -9
  2. package/dist/CustomBootstrap.js.map +1 -1
  3. package/dist/_virtual/_commonjsHelpers.js +7 -7
  4. package/dist/_virtual/events.js +6 -6
  5. package/dist/_virtual/events2.js +5 -5
  6. package/dist/_virtual/index.js +8 -8
  7. package/dist/_virtual/index2.js +5 -5
  8. package/dist/assets/img/copiar.png.js +5 -5
  9. package/dist/assets/img/take-photo.jpg.js +5 -5
  10. package/dist/constants.js +9 -9
  11. package/dist/copy-link/index.js +60 -60
  12. package/dist/copy-link/index.js.map +1 -1
  13. package/dist/copy-link/styles.css +37 -37
  14. package/dist/custom-input/CustomInputCheckbox.js +37 -35
  15. package/dist/custom-input/CustomInputCheckbox.js.map +1 -1
  16. package/dist/custom-input/CustomInputCurrency.js +84 -84
  17. package/dist/custom-input/CustomInputCurrency.js.map +1 -1
  18. package/dist/custom-input/CustomInputFile.js +47 -45
  19. package/dist/custom-input/CustomInputFile.js.map +1 -1
  20. package/dist/custom-input/CustomInputRadio.js +68 -66
  21. package/dist/custom-input/CustomInputRadio.js.map +1 -1
  22. package/dist/custom-input/constant.js +5 -5
  23. package/dist/custom-input/index.js +12 -12
  24. package/dist/drag-and-dropzone/DropzoneComponent.js +83 -0
  25. package/dist/drag-and-dropzone/DropzoneComponent.js.map +1 -0
  26. package/dist/drag-and-dropzone/config.js +59 -59
  27. package/dist/drag-and-dropzone/index.js +39 -39
  28. package/dist/drag-and-dropzone/index.js.map +1 -1
  29. package/dist/dropzone/Input.js +77 -77
  30. package/dist/dropzone/Layout.js +50 -50
  31. package/dist/dropzone/Preview.js +117 -117
  32. package/dist/dropzone/SubmitButton.js +34 -34
  33. package/dist/dropzone/assets/cancel.svg.js +5 -5
  34. package/dist/dropzone/assets/remove.svg.js +5 -5
  35. package/dist/dropzone/assets/restart.svg.js +5 -5
  36. package/dist/dropzone/index.js +514 -514
  37. package/dist/dropzone/utils.js +93 -93
  38. package/dist/dropzone-uploader/base/index.js +135 -135
  39. package/dist/dropzone-uploader/index.js +7 -7
  40. package/dist/dropzone-uploader/styled/index.js +148 -148
  41. package/dist/dropzone-uploader/styled/index.js.map +1 -1
  42. package/dist/iconos/constants-svg.js +666 -666
  43. package/dist/iconos/icon-button-svg.js +50 -50
  44. package/dist/iconos/index.js +24 -24
  45. package/dist/iconos/styled-icon.js +26 -26
  46. package/dist/index.js +4 -4
  47. package/dist/intl-messages/index.js +11 -11
  48. package/dist/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js +8 -8
  49. package/dist/node_modules/@babel/runtime/helpers/esm/extends.js +13 -13
  50. package/dist/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js +8 -8
  51. package/dist/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +13 -13
  52. package/dist/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +9 -9
  53. package/dist/node_modules/@neolution-ch/reactstrap/esm/Button.js +111 -0
  54. package/dist/node_modules/@neolution-ch/reactstrap/esm/Button.js.map +1 -0
  55. package/dist/node_modules/@neolution-ch/reactstrap/esm/CloseButton.js +106 -0
  56. package/dist/node_modules/@neolution-ch/reactstrap/esm/CloseButton.js.map +1 -0
  57. package/dist/node_modules/@neolution-ch/reactstrap/esm/Col.js +125 -0
  58. package/dist/node_modules/@neolution-ch/reactstrap/esm/Col.js.map +1 -0
  59. package/dist/node_modules/@neolution-ch/reactstrap/esm/FormGroup.js +75 -0
  60. package/dist/node_modules/@neolution-ch/reactstrap/esm/FormGroup.js.map +1 -0
  61. package/dist/node_modules/@neolution-ch/reactstrap/esm/Input.js +225 -0
  62. package/dist/node_modules/@neolution-ch/reactstrap/esm/Input.js.map +1 -0
  63. package/dist/node_modules/@neolution-ch/reactstrap/esm/Label.js +122 -0
  64. package/dist/node_modules/@neolution-ch/reactstrap/esm/Label.js.map +1 -0
  65. package/dist/node_modules/@neolution-ch/reactstrap/esm/Row.js +83 -0
  66. package/dist/node_modules/@neolution-ch/reactstrap/esm/Row.js.map +1 -0
  67. package/dist/node_modules/@neolution-ch/reactstrap/esm/utils.js +68 -0
  68. package/dist/node_modules/@neolution-ch/reactstrap/esm/utils.js.map +1 -0
  69. package/dist/node_modules/classnames/index.js +62 -62
  70. package/dist/node_modules/dom-helpers/esm/addClass.js +10 -10
  71. package/dist/node_modules/dom-helpers/esm/hasClass.js +8 -8
  72. package/dist/node_modules/dom-helpers/esm/removeClass.js +16 -16
  73. package/dist/node_modules/dropzone/dist/dropzone.js +1968 -0
  74. package/dist/node_modules/dropzone/dist/dropzone.js.map +1 -0
  75. package/dist/node_modules/events/events.js +372 -372
  76. package/dist/node_modules/just-extend/index.esm.js +43 -0
  77. package/dist/node_modules/just-extend/index.esm.js.map +1 -0
  78. package/dist/node_modules/react-transition-group/esm/CSSTransition.js +275 -275
  79. package/dist/node_modules/react-transition-group/esm/Transition.js +441 -441
  80. package/dist/node_modules/react-transition-group/esm/TransitionGroup.js +146 -146
  81. package/dist/node_modules/react-transition-group/esm/TransitionGroupContext.js +6 -6
  82. package/dist/node_modules/react-transition-group/esm/config.js +7 -7
  83. package/dist/node_modules/react-transition-group/esm/utils/ChildMapping.js +100 -100
  84. package/dist/node_modules/react-transition-group/esm/utils/PropTypes.js +24 -24
  85. package/dist/node_modules/react-transition-group/esm/utils/reflow.js +7 -7
  86. package/dist/react-notifications/Notification.js +73 -73
  87. package/dist/react-notifications/NotificationContainer.js +59 -59
  88. package/dist/react-notifications/NotificationManager.js +174 -174
  89. package/dist/react-notifications/Notifications.js +72 -72
  90. package/dist/react-notifications/constants.js +26 -26
  91. package/dist/react-notifications/index.js +11 -11
  92. package/dist/select/custom-select/constants.js +8 -8
  93. package/dist/select/custom-select/index.js +89 -90
  94. package/dist/select/custom-select/index.js.map +1 -1
  95. package/dist/select/custom-select-input/index.js +12 -12
  96. package/dist/select/index.js +9 -9
  97. package/dist/select/multi-select/badge-label-multi-select.js +29 -29
  98. package/dist/select/multi-select/index.css +36 -23
  99. package/dist/select/multi-select/index.js +171 -62
  100. package/dist/select/multi-select/index.js.map +1 -1
  101. package/dist/select/multi-select/styled-component.js +23 -24
  102. package/dist/select/multi-select/styled-component.js.map +1 -1
  103. package/dist/timer/index.js +60 -60
  104. package/dist/timer/styles.css +58 -58
  105. package/dist/tomar-foto/index.js +62 -62
  106. package/dist/tomar-foto/index.js.map +1 -1
  107. package/dist/view-layout/button-editor.js +14 -14
  108. package/dist/view-layout/constants.js +11 -11
  109. package/dist/view-layout/editor-layer.js +28 -28
  110. package/dist/view-layout/index.js +53 -53
  111. package/dist/view-layout/slot-wrapper.js +39 -39
  112. package/dist/view-layout/styles.css +126 -126
  113. package/dist/where-by-room/index.js +20 -20
  114. package/dist/where-by-room/room.js +78 -78
  115. package/index.d.ts +1 -1
  116. package/package.json +12 -10
  117. package/dist/_virtual/react-dropzone.js +0 -8
  118. package/dist/_virtual/react-dropzone.js.map +0 -1
  119. package/dist/_virtual/react-dropzone2.js +0 -5
  120. package/dist/_virtual/react-dropzone2.js.map +0 -1
  121. package/dist/node_modules/react-dropzone-component/dist/react-dropzone.js +0 -1023
  122. package/dist/node_modules/react-dropzone-component/dist/react-dropzone.js.map +0 -1
  123. package/dist/node_modules/react-multi-select-component/dist/esm/index.js +0 -178
  124. package/dist/node_modules/react-multi-select-component/dist/esm/index.js.map +0 -1
@@ -1,93 +1,93 @@
1
- const formatBytes = (b) => {
2
- const units = ["bytes", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
3
- let l = 0;
4
- let n = b;
5
- while (n >= 1024) {
6
- n /= 1024;
7
- l += 1;
8
- }
9
- return `${n.toFixed(n >= 10 || l < 1 ? 0 : 1)}${units[l]}`;
10
- };
11
- const formatDuration = (seconds) => {
12
- const date = /* @__PURE__ */ new Date(0);
13
- date.setSeconds(seconds);
14
- const dateString = date.toISOString().slice(11, 19);
15
- if (seconds < 3600) return dateString.slice(3);
16
- return dateString;
17
- };
18
- const accepts = (file, accept) => {
19
- if (!accept || accept === "*") return true;
20
- const mimeType = file.type || "";
21
- const baseMimeType = mimeType.replace(/\/.*$/, "");
22
- return accept.split(",").map((t) => t.trim()).some((type) => {
23
- if (type.charAt(0) === ".") {
24
- return file.name === void 0 || file.name.toLowerCase().endsWith(type.toLowerCase());
25
- } else if (type.endsWith("/*")) {
26
- return baseMimeType === type.replace(/\/.*$/, "");
27
- }
28
- return mimeType === type;
29
- });
30
- };
31
- const resolveValue = (value, ...args) => {
32
- if (typeof value === "function") return value(...args);
33
- return value;
34
- };
35
- const defaultClassNames = {
36
- dropzone: "dzu-dropzone",
37
- dropzoneActive: "dzu-dropzoneActive",
38
- dropzoneReject: "dzu-dropzoneActive",
39
- dropzoneDisabled: "dzu-dropzoneDisabled",
40
- input: "dzu-input",
41
- inputLabel: "dzu-inputLabel",
42
- inputLabelWithFiles: "dzu-inputLabelWithFiles",
43
- preview: "dzu-previewContainer",
44
- previewImage: "dzu-previewImage",
45
- submitButtonContainer: "dzu-submitButtonContainer",
46
- submitButton: "dzu-submitButton"
47
- };
48
- const mergeStyles = (classNames, styles, addClassNames, ...args) => {
49
- const resolvedClassNames = {
50
- ...defaultClassNames
51
- };
52
- const resolvedStyles = { ...styles };
53
- for (const [key, value] of Object.entries(classNames)) {
54
- resolvedClassNames[key] = resolveValue(value, ...args);
55
- }
56
- for (const [key, value] of Object.entries(addClassNames)) {
57
- resolvedClassNames[key] = `${resolvedClassNames[key]} ${resolveValue(
58
- value,
59
- ...args
60
- )}`;
61
- }
62
- for (const [key, value] of Object.entries(styles)) {
63
- resolvedStyles[key] = resolveValue(value, ...args);
64
- }
65
- return {
66
- classNames: resolvedClassNames,
67
- styles: resolvedStyles
68
- };
69
- };
70
- const getFilesFromEvent = (event) => {
71
- let items = null;
72
- if ("dataTransfer" in event) {
73
- const dt = event.dataTransfer;
74
- if ("files" in dt && dt.files.length) {
75
- items = dt.files;
76
- } else if (dt.items && dt.items.length) {
77
- items = dt.items;
78
- }
79
- } else if (event.target && event.target.files) {
80
- items = event.target.files;
81
- }
82
- return Array.prototype.slice.call(items);
83
- };
84
- export {
85
- accepts,
86
- defaultClassNames,
87
- formatBytes,
88
- formatDuration,
89
- getFilesFromEvent,
90
- mergeStyles,
91
- resolveValue
92
- };
93
- //# sourceMappingURL=utils.js.map
1
+ const formatBytes = (b) => {
2
+ const units = ["bytes", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
3
+ let l = 0;
4
+ let n = b;
5
+ while (n >= 1024) {
6
+ n /= 1024;
7
+ l += 1;
8
+ }
9
+ return `${n.toFixed(n >= 10 || l < 1 ? 0 : 1)}${units[l]}`;
10
+ };
11
+ const formatDuration = (seconds) => {
12
+ const date = /* @__PURE__ */ new Date(0);
13
+ date.setSeconds(seconds);
14
+ const dateString = date.toISOString().slice(11, 19);
15
+ if (seconds < 3600) return dateString.slice(3);
16
+ return dateString;
17
+ };
18
+ const accepts = (file, accept) => {
19
+ if (!accept || accept === "*") return true;
20
+ const mimeType = file.type || "";
21
+ const baseMimeType = mimeType.replace(/\/.*$/, "");
22
+ return accept.split(",").map((t) => t.trim()).some((type) => {
23
+ if (type.charAt(0) === ".") {
24
+ return file.name === void 0 || file.name.toLowerCase().endsWith(type.toLowerCase());
25
+ } else if (type.endsWith("/*")) {
26
+ return baseMimeType === type.replace(/\/.*$/, "");
27
+ }
28
+ return mimeType === type;
29
+ });
30
+ };
31
+ const resolveValue = (value, ...args) => {
32
+ if (typeof value === "function") return value(...args);
33
+ return value;
34
+ };
35
+ const defaultClassNames = {
36
+ dropzone: "dzu-dropzone",
37
+ dropzoneActive: "dzu-dropzoneActive",
38
+ dropzoneReject: "dzu-dropzoneActive",
39
+ dropzoneDisabled: "dzu-dropzoneDisabled",
40
+ input: "dzu-input",
41
+ inputLabel: "dzu-inputLabel",
42
+ inputLabelWithFiles: "dzu-inputLabelWithFiles",
43
+ preview: "dzu-previewContainer",
44
+ previewImage: "dzu-previewImage",
45
+ submitButtonContainer: "dzu-submitButtonContainer",
46
+ submitButton: "dzu-submitButton"
47
+ };
48
+ const mergeStyles = (classNames, styles, addClassNames, ...args) => {
49
+ const resolvedClassNames = {
50
+ ...defaultClassNames
51
+ };
52
+ const resolvedStyles = { ...styles };
53
+ for (const [key, value] of Object.entries(classNames)) {
54
+ resolvedClassNames[key] = resolveValue(value, ...args);
55
+ }
56
+ for (const [key, value] of Object.entries(addClassNames)) {
57
+ resolvedClassNames[key] = `${resolvedClassNames[key]} ${resolveValue(
58
+ value,
59
+ ...args
60
+ )}`;
61
+ }
62
+ for (const [key, value] of Object.entries(styles)) {
63
+ resolvedStyles[key] = resolveValue(value, ...args);
64
+ }
65
+ return {
66
+ classNames: resolvedClassNames,
67
+ styles: resolvedStyles
68
+ };
69
+ };
70
+ const getFilesFromEvent = (event) => {
71
+ let items = null;
72
+ if ("dataTransfer" in event) {
73
+ const dt = event.dataTransfer;
74
+ if ("files" in dt && dt.files.length) {
75
+ items = dt.files;
76
+ } else if (dt.items && dt.items.length) {
77
+ items = dt.items;
78
+ }
79
+ } else if (event.target && event.target.files) {
80
+ items = event.target.files;
81
+ }
82
+ return Array.prototype.slice.call(items);
83
+ };
84
+ export {
85
+ accepts,
86
+ defaultClassNames,
87
+ formatBytes,
88
+ formatDuration,
89
+ getFilesFromEvent,
90
+ mergeStyles,
91
+ resolveValue
92
+ };
93
+ //# sourceMappingURL=utils.js.map
@@ -1,135 +1,135 @@
1
- import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
- import { getDroppedOrSelectedFiles } from "html5-file-selector";
3
- import { useState, useEffect } from "react";
4
- import "./index.css";
5
- import { Dropzone } from "../../dropzone/index.js";
6
- import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
7
- import { pdfImage } from "../../iconos/constants-svg.js";
8
- const maxSize = 7;
9
- const DropzoneUploader = ({
10
- onChangeFiles,
11
- totalFiles,
12
- maxFiles = 3,
13
- accept = "image/*, application/pdf",
14
- capture = null,
15
- nameFileLabel = "Subir archivos",
16
- classNames = "",
17
- maxFileSize = maxSize,
18
- onMaxFileSizeError = () => {
19
- alert("El archivo supera el tamaño máximo");
20
- }
21
- }) => {
22
- const [files, setFiles] = useState([]);
23
- const [totalFilesDU, setTotalFilesDU] = useState(totalFiles);
24
- const handleChangeStatus = ({ file }, status) => {
25
- if (status == "done") {
26
- const filesTemp = files;
27
- filesTemp.push(file);
28
- setFiles(filesTemp);
29
- onChangeFiles(files);
30
- setTotalFilesDU(files.length);
31
- } else if (status == "removed") {
32
- const filesTemp = files;
33
- const index = files.indexOf(file);
34
- if (index > -1) {
35
- filesTemp.splice(index, 1);
36
- }
37
- setFiles(filesTemp);
38
- onChangeFiles(files);
39
- setTotalFilesDU(files.length);
40
- }
41
- };
42
- const getFilesFromEvent = (e) => {
43
- return new Promise((resolve) => {
44
- getDroppedOrSelectedFiles(e).then((chosenFiles) => {
45
- resolve(chosenFiles.map((f) => f.fileObject));
46
- });
47
- });
48
- };
49
- const CustomPreview = ({ fileWithMeta }) => {
50
- const { meta, remove } = fileWithMeta;
51
- if (meta.size / (1024 * 1024) > maxFileSize) {
52
- onMaxFileSizeError();
53
- remove();
54
- }
55
- return /* @__PURE__ */ jsxs("div", { className: "dropzone-upload-previewContainer", children: [
56
- meta.type === "application/pdf" ? /* @__PURE__ */ jsxs(Fragment, { children: [
57
- /* @__PURE__ */ jsx(
58
- _t,
59
- {
60
- className: "form-control flex",
61
- svg: pdfImage,
62
- svgOver: pdfImage,
63
- height: "1.6rem",
64
- width: "1.6rem",
65
- title: meta.name
66
- }
67
- ),
68
- /* @__PURE__ */ jsx("p", { children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
69
- ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
70
- /* @__PURE__ */ jsx(
71
- "img",
72
- {
73
- className: "dropzone-upload-previewImage",
74
- src: meta.previewUrl,
75
- alt: meta.name
76
- }
77
- ),
78
- /* @__PURE__ */ jsx("p", { children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
79
- ] }),
80
- /* @__PURE__ */ jsxs("p", { children: [
81
- (meta.size / 1024).toFixed(2),
82
- " .Kb"
83
- ] }),
84
- /* @__PURE__ */ jsx(
85
- "button",
86
- {
87
- onClick: remove,
88
- className: "dropzone-upload-delete-btn icon-trash"
89
- }
90
- )
91
- ] });
92
- };
93
- const Input = ({ accept: accept2, onFiles, getFilesFromEvent: getFilesFromEvent2 }) => {
94
- const text = totalFilesDU > 0 ? `${maxFiles - totalFilesDU} archivo/s más` : nameFileLabel;
95
- return /* @__PURE__ */ jsxs("label", { className: "dropzone-upload-button", children: [
96
- text,
97
- /* @__PURE__ */ jsx(
98
- "input",
99
- {
100
- style: { display: "none" },
101
- type: "file",
102
- accept: accept2,
103
- capture,
104
- multiple: true,
105
- onChange: (e) => {
106
- getFilesFromEvent2(e).then((chosenFiles) => {
107
- onFiles(chosenFiles);
108
- });
109
- }
110
- }
111
- )
112
- ] });
113
- };
114
- useEffect(() => {
115
- setTotalFilesDU(totalFiles);
116
- }, [totalFiles]);
117
- return /* @__PURE__ */ jsx("div", { className: `${classNames}`, children: /* @__PURE__ */ jsx(
118
- Dropzone,
119
- {
120
- disableUpload: false,
121
- maxFiles: totalFilesDU < maxFiles ? maxFiles : 0,
122
- maxSize: maxFileSize,
123
- InputComponent: Input,
124
- PreviewComponent: CustomPreview,
125
- classNames: { dropzone: "dropzone-upload-frame" },
126
- onChangeStatus: handleChangeStatus,
127
- getFilesFromEvent,
128
- accept
129
- }
130
- ) });
131
- };
132
- export {
133
- DropzoneUploader
134
- };
135
- //# sourceMappingURL=index.js.map
1
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
+ import { getDroppedOrSelectedFiles } from "html5-file-selector";
3
+ import { useState, useEffect } from "react";
4
+ import "./index.css";
5
+ import { Dropzone } from "../../dropzone/index.js";
6
+ import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
7
+ import { pdfImage } from "../../iconos/constants-svg.js";
8
+ const maxSize = 7;
9
+ const DropzoneUploader = ({
10
+ onChangeFiles,
11
+ totalFiles,
12
+ maxFiles = 3,
13
+ accept = "image/*, application/pdf",
14
+ capture = null,
15
+ nameFileLabel = "Subir archivos",
16
+ classNames = "",
17
+ maxFileSize = maxSize,
18
+ onMaxFileSizeError = () => {
19
+ alert("El archivo supera el tamaño máximo");
20
+ }
21
+ }) => {
22
+ const [files, setFiles] = useState([]);
23
+ const [totalFilesDU, setTotalFilesDU] = useState(totalFiles);
24
+ const handleChangeStatus = ({ file }, status) => {
25
+ if (status == "done") {
26
+ const filesTemp = files;
27
+ filesTemp.push(file);
28
+ setFiles(filesTemp);
29
+ onChangeFiles(files);
30
+ setTotalFilesDU(files.length);
31
+ } else if (status == "removed") {
32
+ const filesTemp = files;
33
+ const index = files.indexOf(file);
34
+ if (index > -1) {
35
+ filesTemp.splice(index, 1);
36
+ }
37
+ setFiles(filesTemp);
38
+ onChangeFiles(files);
39
+ setTotalFilesDU(files.length);
40
+ }
41
+ };
42
+ const getFilesFromEvent = (e) => {
43
+ return new Promise((resolve) => {
44
+ getDroppedOrSelectedFiles(e).then((chosenFiles) => {
45
+ resolve(chosenFiles.map((f) => f.fileObject));
46
+ });
47
+ });
48
+ };
49
+ const CustomPreview = ({ fileWithMeta }) => {
50
+ const { meta, remove } = fileWithMeta;
51
+ if (meta.size / (1024 * 1024) > maxFileSize) {
52
+ onMaxFileSizeError();
53
+ remove();
54
+ }
55
+ return /* @__PURE__ */ jsxs("div", { className: "dropzone-upload-previewContainer", children: [
56
+ meta.type === "application/pdf" ? /* @__PURE__ */ jsxs(Fragment, { children: [
57
+ /* @__PURE__ */ jsx(
58
+ _t,
59
+ {
60
+ className: "form-control flex",
61
+ svg: pdfImage,
62
+ svgOver: pdfImage,
63
+ height: "1.6rem",
64
+ width: "1.6rem",
65
+ title: meta.name
66
+ }
67
+ ),
68
+ /* @__PURE__ */ jsx("p", { children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
69
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
70
+ /* @__PURE__ */ jsx(
71
+ "img",
72
+ {
73
+ className: "dropzone-upload-previewImage",
74
+ src: meta.previewUrl,
75
+ alt: meta.name
76
+ }
77
+ ),
78
+ /* @__PURE__ */ jsx("p", { children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
79
+ ] }),
80
+ /* @__PURE__ */ jsxs("p", { children: [
81
+ (meta.size / 1024).toFixed(2),
82
+ " .Kb"
83
+ ] }),
84
+ /* @__PURE__ */ jsx(
85
+ "button",
86
+ {
87
+ onClick: remove,
88
+ className: "dropzone-upload-delete-btn icon-trash"
89
+ }
90
+ )
91
+ ] });
92
+ };
93
+ const Input = ({ accept: accept2, onFiles, getFilesFromEvent: getFilesFromEvent2 }) => {
94
+ const text = totalFilesDU > 0 ? `${maxFiles - totalFilesDU} archivo/s más` : nameFileLabel;
95
+ return /* @__PURE__ */ jsxs("label", { className: "dropzone-upload-button", children: [
96
+ text,
97
+ /* @__PURE__ */ jsx(
98
+ "input",
99
+ {
100
+ style: { display: "none" },
101
+ type: "file",
102
+ accept: accept2,
103
+ capture,
104
+ multiple: true,
105
+ onChange: (e) => {
106
+ getFilesFromEvent2(e).then((chosenFiles) => {
107
+ onFiles(chosenFiles);
108
+ });
109
+ }
110
+ }
111
+ )
112
+ ] });
113
+ };
114
+ useEffect(() => {
115
+ setTotalFilesDU(totalFiles);
116
+ }, [totalFiles]);
117
+ return /* @__PURE__ */ jsx("div", { className: `${classNames}`, children: /* @__PURE__ */ jsx(
118
+ Dropzone,
119
+ {
120
+ disableUpload: false,
121
+ maxFiles: totalFilesDU < maxFiles ? maxFiles : 0,
122
+ maxSize: maxFileSize,
123
+ InputComponent: Input,
124
+ PreviewComponent: CustomPreview,
125
+ classNames: { dropzone: "dropzone-upload-frame" },
126
+ onChangeStatus: handleChangeStatus,
127
+ getFilesFromEvent,
128
+ accept
129
+ }
130
+ ) });
131
+ };
132
+ export {
133
+ DropzoneUploader
134
+ };
135
+ //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
- import { DropzoneUploader } from "./base/index.js";
2
- import { DropzoneUploaderStyled } from "./styled/index.js";
3
- export {
4
- DropzoneUploader,
5
- DropzoneUploaderStyled
6
- };
7
- //# sourceMappingURL=index.js.map
1
+ import { DropzoneUploader } from "./base/index.js";
2
+ import { DropzoneUploaderStyled } from "./styled/index.js";
3
+ export {
4
+ DropzoneUploader,
5
+ DropzoneUploaderStyled
6
+ };
7
+ //# sourceMappingURL=index.js.map