nuudel-core 0.1.2 → 0.1.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 (145) hide show
  1. package/build/main/index.d.ts +19 -8
  2. package/build/main/index.js +28 -11
  3. package/build/main/lib/common/DataProvider.js +2 -7
  4. package/build/main/lib/common/DelayedRender.d.ts +0 -24
  5. package/build/main/lib/common/DelayedRender.jsx +1 -9
  6. package/build/main/lib/common/UI.d.ts +2 -0
  7. package/build/main/lib/common/UI.js +5 -7
  8. package/build/main/lib/common/coreComponent.jsx +3 -13
  9. package/build/main/lib/common/helper.js +2 -16
  10. package/build/main/lib/common/useWindowDimension.js +2 -6
  11. package/build/main/lib/components/Button/index.jsx +1 -4
  12. package/build/main/lib/components/Dialog/index.jsx +1 -3
  13. package/build/main/lib/components/IFrame/index.jsx +2 -24
  14. package/build/main/lib/components/Image/index.jsx +1 -3
  15. package/build/main/lib/components/Link/index.jsx +2 -6
  16. package/build/main/lib/components/Map/index.jsx +2 -6
  17. package/build/main/lib/components/Material/ErrorMessage.d.ts +4 -0
  18. package/build/main/lib/components/Material/ErrorMessage.jsx +66 -0
  19. package/build/main/lib/components/Material/Snackbar.d.ts +2 -0
  20. package/build/main/lib/components/Material/Snackbar.jsx +36 -0
  21. package/build/main/lib/components/Material/SuccessMessage.d.ts +5 -0
  22. package/build/main/lib/components/Material/SuccessMessage.jsx +50 -0
  23. package/build/main/lib/components/MultiSelect/index.d.ts +22 -0
  24. package/build/main/lib/components/MultiSelect/index.jsx +63 -0
  25. package/build/main/lib/components/ReCaptcha/index.jsx +2 -3
  26. package/build/main/lib/components/Select/index.jsx +1 -7
  27. package/build/main/lib/components/Slideshow/index.d.ts +0 -3
  28. package/build/main/lib/components/Slideshow/index.jsx +2 -15
  29. package/build/main/lib/components/Upload/Style.d.ts +1 -0
  30. package/build/main/lib/components/Upload/Style.jsx +74 -0
  31. package/build/main/lib/components/Upload/index.d.ts +14 -0
  32. package/build/main/lib/components/Upload/index.jsx +225 -0
  33. package/build/main/lib/components/Upload/resizeImage.d.ts +1 -0
  34. package/build/main/lib/components/Upload/resizeImage.jsx +42 -0
  35. package/build/main/lib/components/index.d.ts +6 -2
  36. package/build/main/lib/components/index.js +10 -2
  37. package/build/main/lib/controls/formFields/FileUploadField.jsx +7 -13
  38. package/build/main/lib/controls/formFields/FormField.jsx +7 -7
  39. package/build/main/lib/controls/formFields/LookupField.jsx +3 -4
  40. package/build/main/lib/controls/formFields/MultiSelectField.jsx +2 -4
  41. package/build/main/lib/controls/formFields/RNFieldChoiceEdit.jsx +8 -14
  42. package/build/main/lib/controls/formFields/RNFieldDateEdit.jsx +2 -4
  43. package/build/main/lib/controls/formFields/RNFieldImageDisplay.jsx +5 -7
  44. package/build/main/lib/controls/formFields/RNFieldImageEdit.jsx +2 -4
  45. package/build/main/lib/controls/formFields/RNFieldLookupDisplay.jsx +7 -7
  46. package/build/main/lib/controls/formFields/RNFieldNumberEdit.jsx +4 -8
  47. package/build/main/lib/controls/formFields/RNFieldObjectEdit.jsx +3 -4
  48. package/build/main/lib/controls/formFields/RNFieldTextDisplay.jsx +3 -3
  49. package/build/main/lib/controls/formFields/RNFieldTextEdit.jsx +4 -9
  50. package/build/main/lib/controls/formFields/RNFieldUrlDisplay.jsx +4 -4
  51. package/build/main/lib/controls/formFields/RNFieldUrlEdit.jsx +3 -6
  52. package/build/main/lib/controls/formFields/RNFormField.jsx +7 -7
  53. package/build/main/lib/forms/DetailForm/DetailForm.d.ts +0 -7
  54. package/build/main/lib/forms/DetailForm/DetailForm.jsx +21 -44
  55. package/build/main/lib/hocs/index.d.ts +4 -2
  56. package/build/main/lib/hocs/index.js +9 -2
  57. package/build/main/lib/hocs/withApollo/index.jsx +2 -16
  58. package/build/main/lib/hocs/withApollo/resolvers.jsx +2 -2
  59. package/build/main/lib/hocs/withContext/index.jsx +1 -3
  60. package/build/main/lib/hocs/withReducer/index.d.ts +5 -0
  61. package/build/main/lib/hocs/withReducer/index.jsx +47 -0
  62. package/build/main/lib/redux/constants.js +1 -3
  63. package/build/main/lib/redux/reducers/index.jsx +1 -3
  64. package/build/main/lib/redux/selector.d.ts +0 -4
  65. package/build/main/lib/redux/selector.js +1 -5
  66. package/build/main/lib/redux/store/index.jsx +3 -10
  67. package/build/main/lib/services/ListFormService.jsx +11 -110
  68. package/build/main/lib/services/graphqlSchema.jsx +2 -3
  69. package/build/main/lib/theme/index.d.ts +1 -0
  70. package/build/main/lib/theme/index.js +70 -0
  71. package/build/main/lib/theme/variables/palette.d.ts +142 -0
  72. package/build/main/lib/theme/variables/palette.js +52 -0
  73. package/build/module/index.d.ts +19 -8
  74. package/build/module/index.js +15 -7
  75. package/build/module/lib/common/DataProvider.js +2 -7
  76. package/build/module/lib/common/DelayedRender.d.ts +0 -24
  77. package/build/module/lib/common/DelayedRender.jsx +1 -9
  78. package/build/module/lib/common/UI.d.ts +2 -0
  79. package/build/module/lib/common/UI.js +6 -8
  80. package/build/module/lib/common/coreComponent.jsx +3 -13
  81. package/build/module/lib/common/helper.js +2 -16
  82. package/build/module/lib/common/useWindowDimension.js +2 -6
  83. package/build/module/lib/components/Button/index.jsx +1 -4
  84. package/build/module/lib/components/Dialog/index.jsx +1 -3
  85. package/build/module/lib/components/IFrame/index.jsx +2 -24
  86. package/build/module/lib/components/Image/index.jsx +1 -3
  87. package/build/module/lib/components/Link/index.jsx +2 -6
  88. package/build/module/lib/components/Map/index.jsx +2 -6
  89. package/build/module/lib/components/Material/ErrorMessage.d.ts +4 -0
  90. package/build/module/lib/components/Material/ErrorMessage.jsx +49 -0
  91. package/build/module/lib/components/Material/Snackbar.d.ts +2 -0
  92. package/build/module/lib/components/Material/Snackbar.jsx +30 -0
  93. package/build/module/lib/components/Material/SuccessMessage.d.ts +5 -0
  94. package/build/module/lib/components/Material/SuccessMessage.jsx +43 -0
  95. package/build/module/lib/components/MultiSelect/index.d.ts +22 -0
  96. package/build/module/lib/components/MultiSelect/index.jsx +57 -0
  97. package/build/module/lib/components/ReCaptcha/index.jsx +2 -3
  98. package/build/module/lib/components/Select/index.jsx +1 -7
  99. package/build/module/lib/components/Slideshow/index.d.ts +0 -3
  100. package/build/module/lib/components/Slideshow/index.jsx +2 -15
  101. package/build/module/lib/components/Upload/Style.d.ts +1 -0
  102. package/build/module/lib/components/Upload/Style.jsx +71 -0
  103. package/build/module/lib/components/Upload/index.d.ts +14 -0
  104. package/build/module/lib/components/Upload/index.jsx +189 -0
  105. package/build/module/lib/components/Upload/resizeImage.d.ts +1 -0
  106. package/build/module/lib/components/Upload/resizeImage.jsx +35 -0
  107. package/build/module/lib/components/index.d.ts +6 -2
  108. package/build/module/lib/components/index.js +5 -2
  109. package/build/module/lib/controls/formFields/FileUploadField.jsx +4 -10
  110. package/build/module/lib/controls/formFields/FormField.jsx +2 -2
  111. package/build/module/lib/controls/formFields/LookupField.jsx +3 -4
  112. package/build/module/lib/controls/formFields/MultiSelectField.jsx +2 -4
  113. package/build/module/lib/controls/formFields/RNFieldChoiceEdit.jsx +7 -13
  114. package/build/module/lib/controls/formFields/RNFieldDateEdit.jsx +2 -4
  115. package/build/module/lib/controls/formFields/RNFieldImageDisplay.jsx +2 -4
  116. package/build/module/lib/controls/formFields/RNFieldImageEdit.jsx +2 -4
  117. package/build/module/lib/controls/formFields/RNFieldLookupDisplay.jsx +2 -2
  118. package/build/module/lib/controls/formFields/RNFieldNumberEdit.jsx +3 -7
  119. package/build/module/lib/controls/formFields/RNFieldObjectEdit.jsx +2 -3
  120. package/build/module/lib/controls/formFields/RNFieldTextDisplay.jsx +2 -2
  121. package/build/module/lib/controls/formFields/RNFieldTextEdit.jsx +3 -8
  122. package/build/module/lib/controls/formFields/RNFieldUrlDisplay.jsx +2 -2
  123. package/build/module/lib/controls/formFields/RNFieldUrlEdit.jsx +3 -6
  124. package/build/module/lib/controls/formFields/RNFormField.jsx +2 -2
  125. package/build/module/lib/forms/DetailForm/DetailForm.d.ts +0 -7
  126. package/build/module/lib/forms/DetailForm/DetailForm.jsx +2 -25
  127. package/build/module/lib/hocs/index.d.ts +4 -2
  128. package/build/module/lib/hocs/index.js +5 -3
  129. package/build/module/lib/hocs/withApollo/index.jsx +2 -16
  130. package/build/module/lib/hocs/withApollo/resolvers.jsx +2 -2
  131. package/build/module/lib/hocs/withContext/index.jsx +1 -3
  132. package/build/module/lib/hocs/withReducer/index.d.ts +5 -0
  133. package/build/module/lib/hocs/withReducer/index.jsx +26 -0
  134. package/build/module/lib/redux/constants.js +1 -3
  135. package/build/module/lib/redux/reducers/index.jsx +1 -3
  136. package/build/module/lib/redux/selector.d.ts +0 -4
  137. package/build/module/lib/redux/selector.js +1 -5
  138. package/build/module/lib/redux/store/index.jsx +3 -10
  139. package/build/module/lib/services/ListFormService.jsx +11 -110
  140. package/build/module/lib/services/graphqlSchema.jsx +2 -3
  141. package/build/module/lib/theme/index.d.ts +1 -0
  142. package/build/module/lib/theme/index.js +66 -0
  143. package/build/module/lib/theme/variables/palette.d.ts +142 -0
  144. package/build/module/lib/theme/variables/palette.js +114 -0
  145. package/package.json +17 -21
@@ -0,0 +1,74 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useStyles = void 0;
4
+ const core_1 = require("@material-ui/core");
5
+ exports.useStyles = (0, core_1.makeStyles)((theme) => (0, core_1.createStyles)({
6
+ root: {
7
+ display: 'block',
8
+ margin: '0 auto',
9
+ },
10
+ uploadButton: {
11
+ paddingLeft: '20px',
12
+ paddingRight: '20px',
13
+ },
14
+ textField: {
15
+ '& > *': {
16
+ width: '100%',
17
+ },
18
+ },
19
+ submitButton: {
20
+ marginTop: '24px',
21
+ textAlign: 'right',
22
+ },
23
+ FileContainer: {
24
+ display: 'flex',
25
+ flex: '1',
26
+ flexDirection: 'column',
27
+ fontFamily: 'sans-serif',
28
+ position: 'relative',
29
+ },
30
+ thumbsContainer: {
31
+ display: 'flex',
32
+ flexDirection: 'row',
33
+ flexWrap: 'wrap',
34
+ marginTop: 16,
35
+ },
36
+ thumb: {
37
+ display: 'inline-flex',
38
+ borderRadius: 2,
39
+ border: '1px solid #eaeaea',
40
+ marginBottom: 8,
41
+ marginRight: 8,
42
+ width: 100,
43
+ height: 100,
44
+ padding: 4,
45
+ boxSizing: 'border-box',
46
+ },
47
+ thumbInner: {
48
+ display: 'flex',
49
+ minWidth: 0,
50
+ overflow: 'hidden',
51
+ },
52
+ img: {
53
+ display: 'block',
54
+ width: 'auto',
55
+ height: '100%',
56
+ },
57
+ media: {
58
+ padding: '0 5px',
59
+ height: '100px',
60
+ textAlign: 'center',
61
+ marginTop: '10px',
62
+ margin: '0 auto',
63
+ },
64
+ icon: {
65
+ color: 'rgba(255, 255, 255, 0.54)',
66
+ },
67
+ gridList: {},
68
+ titleBar: {
69
+ background: 'linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%)',
70
+ },
71
+ ImageList: {},
72
+ imgFullWidth: {},
73
+ }));
74
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3R5bGUuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1VwbG9hZC9TdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNENBQW9FO0FBRXZELFFBQUEsU0FBUyxHQUFHLElBQUEsaUJBQVUsRUFBQyxDQUFDLEtBQVksRUFBRSxFQUFFLENBQ25ELElBQUEsbUJBQVksRUFBQztJQUNYLElBQUksRUFBRTtRQUNKLE9BQU8sRUFBRSxPQUFPO1FBQ2hCLE1BQU0sRUFBRSxRQUFRO0tBQ2pCO0lBQ0QsWUFBWSxFQUFFO1FBQ1osV0FBVyxFQUFFLE1BQU07UUFDbkIsWUFBWSxFQUFFLE1BQU07S0FDckI7SUFDRCxTQUFTLEVBQUU7UUFDVCxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsTUFBTTtTQUNkO0tBQ0Y7SUFDRCxZQUFZLEVBQUU7UUFDWixTQUFTLEVBQUUsTUFBTTtRQUNqQixTQUFTLEVBQUUsT0FBTztLQUNuQjtJQUNELGFBQWEsRUFBRTtRQUNiLE9BQU8sRUFBRSxNQUFNO1FBQ2YsSUFBSSxFQUFFLEdBQUc7UUFDVCxhQUFhLEVBQUUsUUFBUTtRQUN2QixVQUFVLEVBQUUsWUFBWTtRQUN4QixRQUFRLEVBQUUsVUFBVTtLQUNyQjtJQUNELGVBQWUsRUFBRTtRQUNmLE9BQU8sRUFBRSxNQUFNO1FBQ2YsYUFBYSxFQUFFLEtBQUs7UUFDcEIsUUFBUSxFQUFFLE1BQU07UUFDaEIsU0FBUyxFQUFFLEVBQUU7S0FDZDtJQUNELEtBQUssRUFBRTtRQUNMLE9BQU8sRUFBRSxhQUFhO1FBQ3RCLFlBQVksRUFBRSxDQUFDO1FBQ2YsTUFBTSxFQUFFLG1CQUFtQjtRQUMzQixZQUFZLEVBQUUsQ0FBQztRQUNmLFdBQVcsRUFBRSxDQUFDO1FBQ2QsS0FBSyxFQUFFLEdBQUc7UUFDVixNQUFNLEVBQUUsR0FBRztRQUNYLE9BQU8sRUFBRSxDQUFDO1FBQ1YsU0FBUyxFQUFFLFlBQVk7S0FDeEI7SUFDRCxVQUFVLEVBQUU7UUFDVixPQUFPLEVBQUUsTUFBTTtRQUNmLFFBQVEsRUFBRSxDQUFDO1FBQ1gsUUFBUSxFQUFFLFFBQVE7S0FDbkI7SUFDRCxHQUFHLEVBQUU7UUFDSCxPQUFPLEVBQUUsT0FBTztRQUNoQixLQUFLLEVBQUUsTUFBTTtRQUNiLE1BQU0sRUFBRSxNQUFNO0tBQ2Y7SUFDRCxLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsT0FBTztRQUNoQixNQUFNLEVBQUUsT0FBTztRQUNmLFNBQVMsRUFBRSxRQUFRO1FBQ25CLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLE1BQU0sRUFBRSxRQUFRO0tBQ2pCO0lBQ0QsSUFBSSxFQUFFO1FBQ0osS0FBSyxFQUFFLDJCQUEyQjtLQUNuQztJQUNELFFBQVEsRUFBRSxFQUFFO0lBQ1osUUFBUSxFQUFFO1FBQ1IsVUFBVSxFQUNSLHNGQUFzRjtLQUN6RjtJQUNELFNBQVMsRUFBRSxFQUFFO0lBQ2IsWUFBWSxFQUFFLEVBQUU7Q0FDakIsQ0FBQyxDQUNILENBQUMifQ==
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ interface IUploadProps {
3
+ disabled?: boolean;
4
+ accept?: string;
5
+ multiple?: boolean;
6
+ label?: string;
7
+ uploaded?: any;
8
+ minSize?: number;
9
+ maxSize?: number;
10
+ maxFiles?: number;
11
+ onChange?(val: any): any;
12
+ }
13
+ declare const Upload: React.FC<IUploadProps>;
14
+ export default Upload;
@@ -0,0 +1,225 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __rest = (this && this.__rest) || function (s, e) {
22
+ var t = {};
23
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
24
+ t[p] = s[p];
25
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
26
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
27
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
28
+ t[p[i]] = s[p[i]];
29
+ }
30
+ return t;
31
+ };
32
+ var __importDefault = (this && this.__importDefault) || function (mod) {
33
+ return (mod && mod.__esModule) ? mod : { "default": mod };
34
+ };
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ const react_1 = __importStar(require("react"));
37
+ const core_1 = require("@material-ui/core");
38
+ const Image_1 = __importDefault(require("../../components/Image"));
39
+ const react_dropzone_1 = require("react-dropzone");
40
+ const Style_1 = require("./Style");
41
+ const DeleteOutline_1 = __importDefault(require("@material-ui/icons/DeleteOutline"));
42
+ const nuudel_utils_1 = require("nuudel-utils");
43
+ const axios_1 = __importDefault(require("axios"));
44
+ const UI_1 = __importDefault(require("../../common/UI"));
45
+ const resizeImage_1 = require("./resizeImage");
46
+ const Upload = (_a) => {
47
+ var props = __rest(_a, []);
48
+ const { uploaded = [], label = '', multiple = true, disabled = false, minSize = undefined, maxSize = 10048576, maxFiles = 20, accept = 'image/*', } = props;
49
+ const classes = (0, Style_1.useStyles)();
50
+ const [totalFilesToUpload, setTotalFilesToUpload] = react_1.default.useState(0);
51
+ const [totalFilesUploaded, setTotalFilesUploaded] = (0, react_1.useState)([]);
52
+ const [alreadyUploadedImages, setAlreadyUploadedImages] = (0, react_1.useState)(uploaded instanceof Array ? uploaded : uploaded ? [uploaded] : uploaded);
53
+ const [files, setFiles] = (0, react_1.useState)([]);
54
+ const { getRootProps, getInputProps } = (0, react_dropzone_1.useDropzone)({
55
+ multiple,
56
+ disabled,
57
+ minSize,
58
+ maxSize,
59
+ maxFiles,
60
+ accept: accept,
61
+ onDrop: (acceptedFiles) => {
62
+ setTotalFilesUploaded([]);
63
+ setTotalFilesToUpload(0);
64
+ let arr = [];
65
+ acceptedFiles.forEach((file, j) => {
66
+ arr.push({
67
+ name: file.name,
68
+ preview: URL.createObjectURL(file),
69
+ });
70
+ });
71
+ setFiles(arr);
72
+ let values = [];
73
+ const uploadPreset = process.env.NEXT_PUBLIC_OBJECT_STORAGE_BUCKET;
74
+ let uploadUrl = process.env.NEXT_PUBLIC_IMAGE_UPLOAD_URL;
75
+ let isDirect = false;
76
+ if (uploadUrl.indexOf('cloudinary.com') < 0) {
77
+ uploadUrl = '/upload';
78
+ isDirect = true;
79
+ }
80
+ acceptedFiles.map(async (file, index) => {
81
+ const data = new FormData();
82
+ const filename = file.name || (file.path && file.path.split('/').pop());
83
+ if (filename) {
84
+ data.append('name', filename);
85
+ }
86
+ try {
87
+ data.append('file', await (0, resizeImage_1.resizeImage)(file), filename);
88
+ }
89
+ catch (_a) {
90
+ data.append('file', file, filename);
91
+ }
92
+ data.append('upload_preset', uploadPreset);
93
+ const r = await (0, axios_1.default)({
94
+ url: uploadUrl,
95
+ method: 'post',
96
+ data: data,
97
+ headers: Object.assign({}, (isDirect ? await UI_1.default.headers() : {})),
98
+ });
99
+ if (r && r.data) {
100
+ let res = r.data;
101
+ const url = res.secure_url || res.url;
102
+ let picture = { uri: url };
103
+ if (res.height) {
104
+ picture['height'] = res.height;
105
+ }
106
+ if (res.width) {
107
+ picture['width'] = res.width;
108
+ }
109
+ const length = values.push(picture);
110
+ setTotalFilesUploaded(values);
111
+ setTotalFilesToUpload(length);
112
+ let newImages;
113
+ if (multiple) {
114
+ newImages = [...alreadyUploadedImages, picture];
115
+ setAlreadyUploadedImages(newImages);
116
+ }
117
+ else {
118
+ setAlreadyUploadedImages([picture]);
119
+ }
120
+ if (props.onChange) {
121
+ props.onChange(!multiple ? picture : newImages);
122
+ }
123
+ }
124
+ });
125
+ },
126
+ });
127
+ const thumbs = files.map((file) => (<div className={classes.thumb} key={file.name}>
128
+ <div className={classes.thumbInner}>
129
+ <Image_1.default src={file.preview} className={classes.img}/>
130
+ </div>
131
+ </div>));
132
+ const removeExistingImage = async (index, allImages) => {
133
+ if (!allImages[index] || !allImages[index].uri) {
134
+ return;
135
+ }
136
+ let allImagesData = [...allImages];
137
+ let uploadUrl = process.env.NEXT_PUBLIC_IMAGE_UPLOAD_URL || '';
138
+ if (uploadUrl.indexOf('cloudinary.com') < 0) {
139
+ const data = new FormData();
140
+ data.append('delete', allImages[index].uri);
141
+ const r = await (0, axios_1.default)({
142
+ url: '/remove',
143
+ method: 'post',
144
+ data: data,
145
+ headers: Object.assign({}, (await UI_1.default.headers())),
146
+ });
147
+ }
148
+ allImagesData.splice(index, 1);
149
+ setAlreadyUploadedImages(allImagesData);
150
+ if (props.onChange) {
151
+ props.onChange(!multiple ? null : allImagesData);
152
+ }
153
+ };
154
+ const ProductImagesSection = ({ images }) => {
155
+ if (images && images.length > 0) {
156
+ return (<core_1.ImageList className={classes.gridList} style={{ margin: '0px' }}>
157
+ {images.map((image, index) => {
158
+ return (<core_1.ImageListItem key={index} style={{
159
+ width: '90px',
160
+ height: '90px',
161
+ padding: '0',
162
+ display: 'inline-block',
163
+ marginRight: '5px',
164
+ }}>
165
+ <Image_1.default src={image.uri || '/images/placeholder.png'} alt="Image" width={90} height={90}/>
166
+ <core_1.ImageListItemBar classes={{
167
+ root: classes.titleBar,
168
+ }} actionIcon={<core_1.IconButton disabled={disabled === true} onClick={(e) => {
169
+ removeExistingImage(index, alreadyUploadedImages);
170
+ }} className={classes.icon}>
171
+ <DeleteOutline_1.default />
172
+ </core_1.IconButton>}/>
173
+ </core_1.ImageListItem>);
174
+ })}
175
+ </core_1.ImageList>);
176
+ }
177
+ else {
178
+ return <div></div>;
179
+ }
180
+ };
181
+ const didMountRef = (0, react_1.useRef)(false);
182
+ (0, react_1.useEffect)(() => {
183
+ if (!didMountRef.current) {
184
+ setAlreadyUploadedImages(uploaded instanceof Array ? uploaded : !uploaded ? [] : [uploaded]);
185
+ }
186
+ else {
187
+ didMountRef.current = true;
188
+ }
189
+ }, [uploaded]);
190
+ (0, react_1.useEffect)(() => {
191
+ files.forEach((file) => URL.revokeObjectURL(file.preview));
192
+ }, [files]);
193
+ const FileUploading = () => {
194
+ if (totalFilesToUpload === 0) {
195
+ return <span></span>;
196
+ }
197
+ else if (totalFilesToUpload > 0) {
198
+ if (totalFilesUploaded.length > 0) {
199
+ return <span>{totalFilesUploaded.length} file(s) uploaded. </span>;
200
+ }
201
+ else {
202
+ return <span>Uploading. </span>;
203
+ }
204
+ }
205
+ else {
206
+ return <span></span>;
207
+ }
208
+ };
209
+ return (<core_1.Grid container>
210
+ {multiple ? (<core_1.Grid item xs={12} style={{ marginBottom: '5px' }}>
211
+ <ProductImagesSection images={alreadyUploadedImages}></ProductImagesSection>
212
+ </core_1.Grid>) : (<ProductImagesSection images={alreadyUploadedImages}></ProductImagesSection>)}
213
+ <section className={classes.FileContainer}>
214
+
215
+ <div {...getRootProps({ className: 'dropzone' })}>
216
+ <input {...getInputProps()}/>
217
+ <p>{(0, nuudel_utils_1.t)(`Image drag and drop`, { label: label })}</p>
218
+ </div>
219
+ <FileUploading />
220
+
221
+ </section>
222
+ </core_1.Grid>);
223
+ };
224
+ exports.default = Upload;
225
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1VwbG9hZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQ0FBMkQ7QUFDM0QsNENBTTJCO0FBQzNCLG1FQUEyQztBQUMzQyxtREFBOEQ7QUFDOUQsbUNBQW9DO0FBQ3BDLHFGQUFpRTtBQUNqRSwrQ0FBaUM7QUFDakMsa0RBQTBCO0FBQzFCLHlEQUFpQztBQUNqQywrQ0FBNEM7QUFjNUMsTUFBTSxNQUFNLEdBQTJCLENBQUMsRUFBWSxFQUFFLEVBQUU7UUFBWCxLQUFLLGNBQVYsRUFBWSxDQUFGO0lBQ2hELE1BQU0sRUFDSixRQUFRLEdBQUcsRUFBRSxFQUNiLEtBQUssR0FBRyxFQUFFLEVBQ1YsUUFBUSxHQUFHLElBQUksRUFDZixRQUFRLEdBQUcsS0FBSyxFQUNoQixPQUFPLEdBQUcsU0FBUyxFQUNuQixPQUFPLEdBQUcsUUFBUSxFQUNsQixRQUFRLEdBQUcsRUFBRSxFQUNiLE1BQU0sR0FBRyxTQUFTLEdBQ25CLEdBQUcsS0FBSyxDQUFDO0lBQ1YsTUFBTSxPQUFPLEdBQUcsSUFBQSxpQkFBUyxHQUFFLENBQUM7SUFNNUIsTUFBTSxDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixDQUFDLEdBQUcsZUFBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0RSxNQUFNLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBRTFELEVBQUUsQ0FBQyxDQUFDO0lBQ04sTUFBTSxDQUFDLHFCQUFxQixFQUFFLHdCQUF3QixDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUNoRSxRQUFRLFlBQVksS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUN4RSxDQUFDO0lBRUYsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQUMsRUFBRSxDQUFDLENBQUM7SUFDdkMsTUFBTSxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsR0FBRyxJQUFBLDRCQUFXLEVBQUM7UUFDbEQsUUFBUTtRQUNSLFFBQVE7UUFDUixPQUFPO1FBQ1AsT0FBTztRQUNQLFFBQVE7UUFDUixNQUFNLEVBQUUsTUFBTTtRQUNkLE1BQU0sRUFBRSxDQUFDLGFBQWEsRUFBRSxFQUFFO1lBQ3hCLHFCQUFxQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQzFCLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1lBRXpCLElBQUksR0FBRyxHQUFRLEVBQUUsQ0FBQztZQUNsQixhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUNoQyxHQUFHLENBQUMsSUFBSSxDQUFDO29CQUNQLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtvQkFDZixPQUFPLEVBQUUsR0FBRyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUM7aUJBQ25DLENBQUMsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1lBQ0gsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBRWQsSUFBSSxNQUFNLEdBQVUsRUFBRSxDQUFDO1lBRXZCLE1BQU0sWUFBWSxHQUNoQixPQUFPLENBQUMsR0FBRyxDQUFDLGlDQUFpQyxDQUFDO1lBQ2hELElBQUksU0FBUyxHQUFXLE9BQU8sQ0FBQyxHQUFHLENBQUMsNEJBQTRCLENBQUM7WUFDakUsSUFBSSxRQUFRLEdBQVksS0FBSyxDQUFDO1lBQzlCLElBQUksU0FBUyxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBRTtnQkFDM0MsU0FBUyxHQUFHLFNBQVMsQ0FBQztnQkFDdEIsUUFBUSxHQUFHLElBQUksQ0FBQzthQUNqQjtZQUVELGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxFQUFFLElBQWdCLEVBQUUsS0FBYSxFQUFFLEVBQUU7Z0JBQzFELE1BQU0sSUFBSSxHQUFHLElBQUksUUFBUSxFQUFFLENBQUM7Z0JBQzVCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7Z0JBQ3hFLElBQUksUUFBUSxFQUFFO29CQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO2lCQUMvQjtnQkFDRCxJQUFJO29CQUNGLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sSUFBQSx5QkFBVyxFQUFDLElBQUksQ0FBQyxFQUFFLFFBQVEsQ0FBQyxDQUFDO2lCQUN4RDtnQkFBQyxXQUFNO29CQUNOLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQztpQkFDckM7Z0JBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsWUFBWSxDQUFDLENBQUM7Z0JBRTNDLE1BQU0sQ0FBQyxHQUFHLE1BQU0sSUFBQSxlQUFLLEVBQUM7b0JBQ3BCLEdBQUcsRUFBRSxTQUFTO29CQUNkLE1BQU0sRUFBRSxNQUFNO29CQUNkLElBQUksRUFBRSxJQUFJO29CQUNWLE9BQU8sb0JBQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sWUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBRTtpQkFDckQsQ0FBQyxDQUFDO2dCQUNILElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEVBQUU7b0JBQ2YsSUFBSSxHQUFHLEdBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQztvQkFDdEIsTUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLFVBQVUsSUFBSSxHQUFHLENBQUMsR0FBRyxDQUFDO29CQUN0QyxJQUFJLE9BQU8sR0FBUSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQztvQkFDaEMsSUFBSSxHQUFHLENBQUMsTUFBTSxFQUFFO3dCQUNkLE9BQU8sQ0FBQyxRQUFRLENBQUMsR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDO3FCQUNoQztvQkFDRCxJQUFJLEdBQUcsQ0FBQyxLQUFLLEVBQUU7d0JBQ2IsT0FBTyxDQUFDLE9BQU8sQ0FBQyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUM7cUJBQzlCO29CQUVELE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQ3BDLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUM5QixxQkFBcUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztvQkFFOUIsSUFBSSxTQUFnQixDQUFDO29CQUNyQixJQUFJLFFBQVEsRUFBRTt3QkFDWixTQUFTLEdBQUcsQ0FBQyxHQUFHLHFCQUFxQixFQUFFLE9BQU8sQ0FBQyxDQUFDO3dCQUNoRCx3QkFBd0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztxQkFDckM7eUJBQU07d0JBQ0wsd0JBQXdCLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO3FCQUNyQztvQkFDRCxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUU7d0JBQ2xCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7cUJBQ2pEO2lCQUNGO1lBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO0tBQ2lCLENBQUMsQ0FBQztJQU90QixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBZ0IsRUFBRSxFQUFFLENBQUMsQ0FDN0MsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FDNUM7TUFBQSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQ2pDO1FBQUEsQ0FBQyxlQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFDbkQ7TUFBQSxFQUFFLEdBQUcsQ0FDUDtJQUFBLEVBQUUsR0FBRyxDQUFDLENBQ1AsQ0FBQyxDQUFDO0lBRUgsTUFBTSxtQkFBbUIsR0FBRyxLQUFLLEVBQy9CLEtBQWEsRUFDYixTQUE0QixFQUM1QixFQUFFO1FBQ0YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEVBQUU7WUFDOUMsT0FBTztTQUNSO1FBQ0QsSUFBSSxhQUFhLEdBQUcsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxDQUFDO1FBQ25DLElBQUksU0FBUyxHQUFXLE9BQU8sQ0FBQyxHQUFHLENBQUMsNEJBQTRCLElBQUksRUFBRSxDQUFDO1FBQ3ZFLElBQUksU0FBUyxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUMzQyxNQUFNLElBQUksR0FBRyxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUU1QyxNQUFNLENBQUMsR0FBRyxNQUFNLElBQUEsZUFBSyxFQUFDO2dCQUNwQixHQUFHLEVBQUUsU0FBUztnQkFDZCxNQUFNLEVBQUUsTUFBTTtnQkFDZCxJQUFJLEVBQUUsSUFBSTtnQkFDVixPQUFPLG9CQUFPLENBQUMsTUFBTSxZQUFFLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBRTthQUNyQyxDQUFDLENBQUM7U0FDSjtRQUNELGFBQWEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQy9CLHdCQUF3QixDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3hDLElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRTtZQUNsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQ2xEO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsTUFBTSxvQkFBb0IsR0FBa0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUU7UUFDekQsSUFBSSxNQUFNLElBQUksTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDL0IsT0FBTyxDQUNMLENBQUMsZ0JBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FDL0Q7VUFBQSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFVLEVBQUUsS0FBYSxFQUFFLEVBQUU7b0JBQ3hDLE9BQU8sQ0FDTCxDQUFDLG9CQUFhLENBQ1osR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQ1gsS0FBSyxDQUFDLENBQUM7NEJBQ0wsS0FBSyxFQUFFLE1BQU07NEJBQ2IsTUFBTSxFQUFFLE1BQU07NEJBQ2QsT0FBTyxFQUFFLEdBQUc7NEJBQ1osT0FBTyxFQUFFLGNBQWM7NEJBQ3ZCLFdBQVcsRUFBRSxLQUFLO3lCQUNuQixDQUFDLENBRUY7Z0JBQUEsQ0FBQyxlQUFLLENBQ0osR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSx5QkFBeUIsQ0FBQyxDQUM1QyxHQUFHLENBQUMsT0FBTyxDQUNYLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUNWLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUViO2dCQUFBLENBQUMsdUJBQWdCLENBQ2YsT0FBTyxDQUFDLENBQUM7NEJBQ1AsSUFBSSxFQUFFLE9BQU8sQ0FBQyxRQUFRO3lCQUN2QixDQUFDLENBQ0YsVUFBVSxDQUFDLENBQ1QsQ0FBQyxpQkFBVSxDQUNULFFBQVEsQ0FBQyxDQUFDLFFBQVEsS0FBSyxJQUFJLENBQUMsQ0FDNUIsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQ0FDYixtQkFBbUIsQ0FBQyxLQUFLLEVBQUUscUJBQXFCLENBQUMsQ0FBQzs0QkFDcEQsQ0FBQyxDQUFDLENBQ0YsU0FBUyxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUV4QjtzQkFBQSxDQUFDLHVCQUFpQixDQUFDLEFBQUQsRUFDcEI7b0JBQUEsRUFBRSxpQkFBVSxDQUFDLENBQ2QsRUFFTDtjQUFBLEVBQUUsb0JBQWEsQ0FBQyxDQUNqQixDQUFDO2dCQUNKLENBQUMsQ0FBQyxDQUNKO1FBQUEsRUFBRSxnQkFBUyxDQUFDLENBQ2IsQ0FBQztTQUNIO2FBQU07WUFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7U0FDcEI7SUFDSCxDQUFDLENBQUM7SUFFRixNQUFNLFdBQVcsR0FBRyxJQUFBLGNBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxJQUFBLGlCQUFTLEVBQUMsR0FBRyxFQUFFO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUU7WUFDeEIsd0JBQXdCLENBQ3RCLFFBQVEsWUFBWSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FDbkUsQ0FBQztTQUNIO2FBQU07WUFDTCxXQUFXLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztTQUM1QjtJQUNILENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFFZixJQUFBLGlCQUFTLEVBQUMsR0FBRyxFQUFFO1FBRWIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQWdCLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDekUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUVaLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtRQUN6QixJQUFJLGtCQUFrQixLQUFLLENBQUMsRUFBRTtZQUM1QixPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7U0FDdEI7YUFBTSxJQUFJLGtCQUFrQixHQUFHLENBQUMsRUFBRTtZQUNqQyxJQUFJLGtCQUFrQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2pDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUUsbUJBQWtCLEVBQUUsSUFBSSxDQUFDLENBQUM7YUFDcEU7aUJBQU07Z0JBQ0wsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7YUFDakM7U0FDRjthQUFNO1lBQ0wsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLENBQUMsV0FBSSxDQUFDLFNBQVMsQ0FDYjtNQUFBLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNWLENBQUMsV0FBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUNoRDtVQUFBLENBQUMsb0JBQW9CLENBQ25CLE1BQU0sQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQy9CLEVBQUUsb0JBQW9CLENBQ3pCO1FBQUEsRUFBRSxXQUFJLENBQUMsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGLENBQUMsb0JBQW9CLENBQ25CLE1BQU0sQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQy9CLEVBQUUsb0JBQW9CLENBQUMsQ0FDekIsQ0FDRDtNQUFBLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FDeEM7UUFDQTtRQUFBLENBQUMsR0FBRyxDQUFDLElBQUksWUFBWSxDQUFDLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FDL0M7VUFBQSxDQUFDLEtBQUssQ0FBQyxJQUFJLGFBQWEsRUFBRSxDQUFDLEVBQzNCO1VBQUEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFBLGdCQUFDLEVBQUMscUJBQXFCLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FDcEQ7UUFBQSxFQUFFLEdBQUcsQ0FDTDtRQUFBLENBQUMsYUFBYSxDQUFDLEFBQUQsRUFDZDtRQUlGO01BQUEsRUFBRSxPQUFPLENBQ1g7SUFBQSxFQUFFLFdBQUksQ0FBQyxDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxNQUFNLENBQUMifQ==
@@ -0,0 +1 @@
1
+ export declare function resizeImage(file: HTMLCanvasElement | HTMLImageElement | File | Blob | any, toWidth?: number, maxSize?: number): Promise<string | Blob>;
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.resizeImage = void 0;
7
+ const pica_1 = __importDefault(require("pica"));
8
+ function resizeImage(file, toWidth = 600, maxSize = 204800) {
9
+ return new Promise((resolve, reject) => {
10
+ let reader = new FileReader();
11
+ reader.readAsDataURL(file);
12
+ reader.onload = ev => {
13
+ let img = new Image();
14
+ img.onload = () => {
15
+ let width = img.width, height = img.height;
16
+ const pica = (0, pica_1.default)();
17
+ const resizedCanvas = document.createElement('canvas');
18
+ const mimeType = file.type || 'image/jpeg';
19
+ toWidth = width < toWidth ? width : toWidth;
20
+ resizedCanvas.width = toWidth;
21
+ resizedCanvas.height = Math.ceil((height * toWidth) / width);
22
+ const options = {
23
+ features: ['js', 'wasm', 'ww'],
24
+ quality: 3,
25
+ alpha: false,
26
+ unsharpAmount: 160,
27
+ unsharpRadius: 0.6,
28
+ unsharpThreshold: 1,
29
+ };
30
+ if (width > toWidth || file.size > maxSize) {
31
+ resolve(pica
32
+ .resize(img, resizedCanvas, options)
33
+ .then(result => pica.toBlob(result, mimeType, 0.75)));
34
+ }
35
+ resolve(file);
36
+ };
37
+ img.src = ev.target.result;
38
+ };
39
+ });
40
+ }
41
+ exports.resizeImage = resizeImage;
42
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplSW1hZ2UuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1VwbG9hZC9yZXNpemVJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsZ0RBQXdCO0FBRXhCLFNBQWdCLFdBQVcsQ0FDekIsSUFBOEQsRUFDOUQsVUFBa0IsR0FBRyxFQUNyQixVQUFrQixNQUFNO0lBRXhCLE9BQU8sSUFBSSxPQUFPLENBQWdCLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFO1FBQ3BELElBQUksTUFBTSxHQUFRLElBQUksVUFBVSxFQUFFLENBQUM7UUFFbkMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzQixNQUFNLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQyxFQUFFO1lBRW5CLElBQUksR0FBRyxHQUFHLElBQUksS0FBSyxFQUFFLENBQUM7WUFHdEIsR0FBRyxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUU7Z0JBQ2hCLElBQUksS0FBSyxHQUFXLEdBQUcsQ0FBQyxLQUFLLEVBQzNCLE1BQU0sR0FBVyxHQUFHLENBQUMsTUFBTSxDQUFDO2dCQUM5QixNQUFNLElBQUksR0FBRyxJQUFBLGNBQUksR0FBRSxDQUFDO2dCQUNwQixNQUFNLGFBQWEsR0FBc0IsUUFBUSxDQUFDLGFBQWEsQ0FDN0QsUUFBUSxDQUNULENBQUM7Z0JBQ0YsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxZQUFZLENBQUM7Z0JBQzNDLE9BQU8sR0FBRyxLQUFLLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztnQkFDNUMsYUFBYSxDQUFDLEtBQUssR0FBRyxPQUFPLENBQUM7Z0JBQzlCLGFBQWEsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sR0FBRyxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQztnQkFFN0QsTUFBTSxPQUFPLEdBQUc7b0JBQ2QsUUFBUSxFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDO29CQUNWLEtBQUssRUFBRSxLQUFLO29CQUNaLGFBQWEsRUFBRSxHQUFHO29CQUNsQixhQUFhLEVBQUUsR0FBRztvQkFDbEIsZ0JBQWdCLEVBQUUsQ0FBQztpQkFDcEIsQ0FBQztnQkFHRixJQUFJLEtBQUssR0FBRyxPQUFPLElBQUksSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLEVBQUU7b0JBQzFDLE9BQU8sQ0FDTCxJQUFJO3lCQUNELE1BQU0sQ0FBQyxHQUFHLEVBQUUsYUFBYSxFQUFFLE9BQU8sQ0FBQzt5QkFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQ3ZELENBQUM7aUJBQ0g7Z0JBQ0QsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2hCLENBQUMsQ0FBQztZQUdGLEdBQUcsQ0FBQyxHQUFHLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUM7UUFDN0IsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDO0FBbERELGtDQWtEQyJ9
@@ -5,7 +5,7 @@ import Spinner from './Spinner';
5
5
  import Container from './Container';
6
6
  import MessageBox from './MessageBox';
7
7
  import NoSsr from './NoSsr';
8
- import MessageBar from './MessageBar';
8
+ import MessageBar, { MessageBarType, INotificationMessages } from './MessageBar';
9
9
  import Checkbox from './Checkbox';
10
10
  import Choices from './Choices';
11
11
  import Drawer from './Drawer';
@@ -27,4 +27,8 @@ import { Slideshow } from './Slideshow';
27
27
  import Stepper from './Stepper';
28
28
  import Image from './Image';
29
29
  import NumberFormatInput from './NumberFormatInput';
30
- export { Text, H1, Label, TextField, Button, Spinner, Container, MessageBox, NoSsr, MessageBar, Checkbox, Choices, Drawer, Link, Menu, Rating, Select, Slider, Switch, Tooltip, Grid, IFrame, Divider, Box, TagsInput, Dialog, ColorBox, Slideshow, Stepper, Image, NumberFormatInput, };
30
+ import Upload from './Upload';
31
+ import MultiSelect from './MultiSelect';
32
+ import Message, { SNACKBAR_STATE_QUERY, TOGGLE_SNACKBAR_MUTATION } from './Material/SuccessMessage';
33
+ export { Message, SNACKBAR_STATE_QUERY, TOGGLE_SNACKBAR_MUTATION, Text, H1, Label, TextField, Button, Spinner, Container, MessageBox, NoSsr, MessageBar, Checkbox, Choices, Drawer, Link, Menu, Rating, Select, Slider, Switch, Tooltip, Grid, IFrame, Divider, Box, TagsInput, Dialog, ColorBox, Slideshow, Stepper, Image, NumberFormatInput, Upload, MultiSelect, };
34
+ export type { MessageBarType, INotificationMessages };
@@ -22,7 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
22
22
  return (mod && mod.__esModule) ? mod : { "default": mod };
23
23
  };
24
24
  Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.NumberFormatInput = exports.Image = exports.Stepper = exports.Slideshow = exports.ColorBox = exports.Dialog = exports.TagsInput = exports.Box = exports.Divider = exports.IFrame = exports.Grid = exports.Tooltip = exports.Switch = exports.Slider = exports.Select = exports.Rating = exports.Menu = exports.Link = exports.Drawer = exports.Choices = exports.Checkbox = exports.MessageBar = exports.NoSsr = exports.MessageBox = exports.Container = exports.Spinner = exports.Button = exports.TextField = exports.Label = exports.H1 = exports.Text = void 0;
25
+ exports.MultiSelect = exports.Upload = exports.NumberFormatInput = exports.Image = exports.Stepper = exports.Slideshow = exports.ColorBox = exports.Dialog = exports.TagsInput = exports.Box = exports.Divider = exports.IFrame = exports.Grid = exports.Tooltip = exports.Switch = exports.Slider = exports.Select = exports.Rating = exports.Menu = exports.Link = exports.Drawer = exports.Choices = exports.Checkbox = exports.MessageBar = exports.NoSsr = exports.MessageBox = exports.Container = exports.Spinner = exports.Button = exports.TextField = exports.Label = exports.H1 = exports.Text = exports.TOGGLE_SNACKBAR_MUTATION = exports.SNACKBAR_STATE_QUERY = exports.Message = void 0;
26
26
  const Text_1 = __importStar(require("./Text"));
27
27
  exports.Text = Text_1.default;
28
28
  Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return Text_1.H1; } });
@@ -83,4 +83,12 @@ const Image_1 = __importDefault(require("./Image"));
83
83
  exports.Image = Image_1.default;
84
84
  const NumberFormatInput_1 = __importDefault(require("./NumberFormatInput"));
85
85
  exports.NumberFormatInput = NumberFormatInput_1.default;
86
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtDQUF5QztBQStCdkMsZUEvQkssY0FBSSxDQStCTDtBQUNKLG1GQWhDYSxTQUFFLE9BZ0NiO0FBQ0Ysc0ZBakNpQixZQUFLLE9BaUNqQjtBQWhDUCw0REFBb0M7QUFpQ2xDLG9CQWpDSyxtQkFBUyxDQWlDTDtBQWhDWCxzREFBOEI7QUFpQzVCLGlCQWpDSyxnQkFBTSxDQWlDTDtBQWhDUix3REFBZ0M7QUFpQzlCLGtCQWpDSyxpQkFBTyxDQWlDTDtBQWhDVCw0REFBb0M7QUFpQ2xDLG9CQWpDSyxtQkFBUyxDQWlDTDtBQWhDWCw4REFBc0M7QUFpQ3BDLHFCQWpDSyxvQkFBVSxDQWlDTDtBQWhDWixvREFBNEI7QUFpQzFCLGdCQWpDSyxlQUFLLENBaUNMO0FBaENQLDhEQUFzQztBQWlDcEMscUJBakNLLG9CQUFVLENBaUNMO0FBaENaLDBEQUFrQztBQWlDaEMsbUJBakNLLGtCQUFRLENBaUNMO0FBaENWLHdEQUFnQztBQWlDOUIsa0JBakNLLGlCQUFPLENBaUNMO0FBaENULHNEQUE4QjtBQWlDNUIsaUJBakNLLGdCQUFNLENBaUNMO0FBaENSLGtEQUEwQjtBQWlDeEIsZUFqQ0ssY0FBSSxDQWlDTDtBQWhDTixrREFBMEI7QUFpQ3hCLGVBakNLLGNBQUksQ0FpQ0w7QUFoQ04sc0RBQThCO0FBaUM1QixpQkFqQ0ssZ0JBQU0sQ0FpQ0w7QUFoQ1Isc0RBQThCO0FBaUM1QixpQkFqQ0ssZ0JBQU0sQ0FpQ0w7QUFoQ1Isc0RBQThCO0FBaUM1QixpQkFqQ0ssZ0JBQU0sQ0FpQ0w7QUFoQ1Isc0RBQThCO0FBaUM1QixpQkFqQ0ssZ0JBQU0sQ0FpQ0w7QUFoQ1Isd0RBQWdDO0FBaUM5QixrQkFqQ0ssaUJBQU8sQ0FpQ0w7QUFoQ1Qsa0RBQTBCO0FBaUN4QixlQWpDSyxjQUFJLENBaUNMO0FBaENOLHNEQUE4QjtBQWlDNUIsaUJBakNLLGdCQUFNLENBaUNMO0FBaENSLHdEQUFnQztBQWlDOUIsa0JBakNLLGlCQUFPLENBaUNMO0FBaENULGdEQUF3QjtBQWlDdEIsY0FqQ0ssYUFBRyxDQWlDTDtBQWhDTCwyQ0FBd0M7QUFpQ3RDLDBGQWpDTyxxQkFBUyxPQWlDUDtBQWhDWCxzREFBOEI7QUFpQzVCLGlCQWpDSyxnQkFBTSxDQWlDTDtBQWhDUiwwREFBa0M7QUFpQ2hDLG1CQWpDSyxrQkFBUSxDQWlDTDtBQWhDViwyQ0FBd0M7QUFpQ3RDLDBGQWpDTyxxQkFBUyxPQWlDUDtBQWhDWCx3REFBZ0M7QUFpQzlCLGtCQWpDSyxpQkFBTyxDQWlDTDtBQWhDVCxvREFBNEI7QUFpQzFCLGdCQWpDSyxlQUFLLENBaUNMO0FBaENQLDRFQUFvRDtBQWlDbEQsNEJBakNLLDJCQUFpQixDQWlDTCJ9
86
+ const Upload_1 = __importDefault(require("./Upload"));
87
+ exports.Upload = Upload_1.default;
88
+ const MultiSelect_1 = __importDefault(require("./MultiSelect"));
89
+ exports.MultiSelect = MultiSelect_1.default;
90
+ const SuccessMessage_1 = __importStar(require("./Material/SuccessMessage"));
91
+ exports.Message = SuccessMessage_1.default;
92
+ Object.defineProperty(exports, "SNACKBAR_STATE_QUERY", { enumerable: true, get: function () { return SuccessMessage_1.SNACKBAR_STATE_QUERY; } });
93
+ Object.defineProperty(exports, "TOGGLE_SNACKBAR_MUTATION", { enumerable: true, get: function () { return SuccessMessage_1.TOGGLE_SNACKBAR_MUTATION; } });
94
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtDQUF5QztBQTJDdkMsZUEzQ0ssY0FBSSxDQTJDTDtBQUNKLG1GQTVDYSxTQUFFLE9BNENiO0FBQ0Ysc0ZBN0NpQixZQUFLLE9BNkNqQjtBQTVDUCw0REFBb0M7QUE2Q2xDLG9CQTdDSyxtQkFBUyxDQTZDTDtBQTVDWCxzREFBOEI7QUE2QzVCLGlCQTdDSyxnQkFBTSxDQTZDTDtBQTVDUix3REFBZ0M7QUE2QzlCLGtCQTdDSyxpQkFBTyxDQTZDTDtBQTVDVCw0REFBb0M7QUE2Q2xDLG9CQTdDSyxtQkFBUyxDQTZDTDtBQTVDWCw4REFBc0M7QUE2Q3BDLHFCQTdDSyxvQkFBVSxDQTZDTDtBQTVDWixvREFBNEI7QUE2QzFCLGdCQTdDSyxlQUFLLENBNkNMO0FBNUNQLDhEQUdzQjtBQTBDcEIscUJBN0NLLG9CQUFVLENBNkNMO0FBekNaLDBEQUFrQztBQTBDaEMsbUJBMUNLLGtCQUFRLENBMENMO0FBekNWLHdEQUFnQztBQTBDOUIsa0JBMUNLLGlCQUFPLENBMENMO0FBekNULHNEQUE4QjtBQTBDNUIsaUJBMUNLLGdCQUFNLENBMENMO0FBekNSLGtEQUEwQjtBQTBDeEIsZUExQ0ssY0FBSSxDQTBDTDtBQXpDTixrREFBMEI7QUEwQ3hCLGVBMUNLLGNBQUksQ0EwQ0w7QUF6Q04sc0RBQThCO0FBMEM1QixpQkExQ0ssZ0JBQU0sQ0EwQ0w7QUF6Q1Isc0RBQThCO0FBMEM1QixpQkExQ0ssZ0JBQU0sQ0EwQ0w7QUF6Q1Isc0RBQThCO0FBMEM1QixpQkExQ0ssZ0JBQU0sQ0EwQ0w7QUF6Q1Isc0RBQThCO0FBMEM1QixpQkExQ0ssZ0JBQU0sQ0EwQ0w7QUF6Q1Isd0RBQWdDO0FBMEM5QixrQkExQ0ssaUJBQU8sQ0EwQ0w7QUF6Q1Qsa0RBQTBCO0FBMEN4QixlQTFDSyxjQUFJLENBMENMO0FBekNOLHNEQUE4QjtBQTBDNUIsaUJBMUNLLGdCQUFNLENBMENMO0FBekNSLHdEQUFnQztBQTBDOUIsa0JBMUNLLGlCQUFPLENBMENMO0FBekNULGdEQUF3QjtBQTBDdEIsY0ExQ0ssYUFBRyxDQTBDTDtBQXpDTCwyQ0FBd0M7QUEwQ3RDLDBGQTFDTyxxQkFBUyxPQTBDUDtBQXpDWCxzREFBOEI7QUEwQzVCLGlCQTFDSyxnQkFBTSxDQTBDTDtBQXpDUiwwREFBa0M7QUEwQ2hDLG1CQTFDSyxrQkFBUSxDQTBDTDtBQXpDViwyQ0FBd0M7QUEwQ3RDLDBGQTFDTyxxQkFBUyxPQTBDUDtBQXpDWCx3REFBZ0M7QUEwQzlCLGtCQTFDSyxpQkFBTyxDQTBDTDtBQXpDVCxvREFBNEI7QUEwQzFCLGdCQTFDSyxlQUFLLENBMENMO0FBekNQLDRFQUFvRDtBQTBDbEQsNEJBMUNLLDJCQUFpQixDQTBDTDtBQXpDbkIsc0RBQThCO0FBMEM1QixpQkExQ0ssZ0JBQU0sQ0EwQ0w7QUF6Q1IsZ0VBQXdDO0FBMEN0QyxzQkExQ0sscUJBQVcsQ0EwQ0w7QUF6Q2IsNEVBR21DO0FBR2pDLGtCQU5LLHdCQUFPLENBTUw7QUFDUCxxR0FOQSxxQ0FBb0IsT0FNQTtBQUNwQix5R0FOQSx5Q0FBd0IsT0FNQSJ9
@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const react_1 = __importDefault(require("react"));
7
- const _Components_1 = require("@Components");
7
+ const components_1 = require("../../components");
8
8
  const nuudel_utils_1 = require("nuudel-utils");
9
9
  const UI_1 = __importDefault(require("../../common/UI"));
10
10
  const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
11
11
  const nuudel_utils_2 = require("nuudel-utils");
12
- const resizeImage_1 = require("../../forms/Upload/resizeImage");
12
+ const resizeImage_1 = require("../../components/Upload/resizeImage");
13
13
  class UploadField extends react_1.default.Component {
14
14
  constructor(props) {
15
15
  super(props);
@@ -18,8 +18,6 @@ class UploadField extends react_1.default.Component {
18
18
  const fileToUpload = this.state.file;
19
19
  const oldImage = this.state.lastUpload;
20
20
  if (fileToUpload != undefined || fileToUpload != null) {
21
- //this will add the file in root folder of the document library, if you have a folder named test, replace it as "/Documents/test"
22
- //Check if any file is selected or not
23
21
  if (typeof fileToUpload !== 'undefined') {
24
22
  const uploadPreset = process.env.NEXT_PUBLIC_OBJECT_STORAGE_BUCKET;
25
23
  let uploadUrl = process.env.NEXT_PUBLIC_IMAGE_UPLOAD_URL;
@@ -28,17 +26,14 @@ class UploadField extends react_1.default.Component {
28
26
  uploadUrl = '/upload';
29
27
  isDirect = true;
30
28
  }
31
- //If file selected then create FormData
32
29
  const data = new FormData();
33
30
  const filename = fileToUpload.name ||
34
31
  fileToUpload.filename ||
35
32
  ((_a = fileToUpload.path) === null || _a === void 0 ? void 0 : _a.split('/').pop().replace(/\%|\'|\,|\"|\*|\:|\<|\>|\?|\/|\\|\|/g, ''));
36
- // fileToUpload.type, fileToUpload.size
37
33
  data.append('name', filename);
38
34
  data.append('delete', oldImage);
39
35
  data.append('file', await (0, resizeImage_1.resizeImage)(fileToUpload), filename);
40
36
  data.append('upload_preset', uploadPreset);
41
- //Please change file upload URL
42
37
  let res = undefined;
43
38
  try {
44
39
  res = await (0, nuudel_utils_2.HttpClient)(uploadUrl, {
@@ -68,14 +63,13 @@ class UploadField extends react_1.default.Component {
68
63
  }
69
64
  }
70
65
  else {
71
- //if no file selected the show alert
72
66
  console.log('Please Select File first');
73
67
  }
74
68
  this.props.valueChanged(this.props.value);
75
69
  }
76
70
  };
77
71
  this._handleChange = (e) => {
78
- let item = e.target.files[0]; //URL.createObjectURL(e.target.files[0]),
72
+ let item = e.target.files[0];
79
73
  this.setState({
80
74
  file: item,
81
75
  uploadDisable: false,
@@ -99,14 +93,14 @@ class UploadField extends react_1.default.Component {
99
93
  var _a;
100
94
  return (<div className={styles_module_scss_1.default.picture}>
101
95
  <input className="file-input" name={this.props.fieldSchema.InternalName} onChange={this._handleChange} placeholder={this.props.placeholder} type="file" disabled={this.props.disabled} accept={this.props.accept} multiple={false} required={this.props.fieldSchema.isRequired}/>
102
- {!!this.state.file && (<_Components_1.Button className={styles_module_scss_1.default.button} color={'primary'} disabled={this.props.disabled} onClick={this._uploadDocument}>
96
+ {!!this.state.file && (<components_1.Button className={styles_module_scss_1.default.button} color={'primary'} disabled={this.props.disabled} onClick={this._uploadDocument}>
103
97
  {(0, nuudel_utils_1.t)('Upload')}
104
- </_Components_1.Button>)}
98
+ </components_1.Button>)}
105
99
  {!this.state.file && !!((_a = this.state.imgSource) === null || _a === void 0 ? void 0 : _a.uri) && (<span onClick={this.pressRemove}>
106
- <_Components_1.Image src={this.state.imgSource.uri} width={50} height={50} className={styles_module_scss_1.default.image}/>
100
+ <components_1.Image src={this.state.imgSource.uri} width={50} height={50} className={styles_module_scss_1.default.image}/>
107
101
  </span>)}
108
102
  </div>);
109
103
  }
110
104
  }
111
105
  exports.default = UploadField;
112
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZVVwbG9hZEZpZWxkLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29udHJvbHMvZm9ybUZpZWxkcy9GaWxlVXBsb2FkRmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLDZDQUE0QztBQUM1QywrQ0FBaUM7QUFFakMseURBQStDO0FBQy9DLDhFQUEwQztBQUMxQywrQ0FBMEM7QUFDMUMsZ0VBQTZEO0FBb0I3RCxNQUFxQixXQUFZLFNBQVEsZUFBSyxDQUFDLFNBRzlDO0lBQ0MsWUFBbUIsS0FBd0I7UUFDekMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBV0wsb0JBQWUsR0FBRyxLQUFLLElBQUksRUFBRTs7WUFDckMsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7WUFDckMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUM7WUFDdkMsSUFBSSxZQUFZLElBQUksU0FBUyxJQUFJLFlBQVksSUFBSSxJQUFJLEVBQUU7Z0JBQ3JELGlJQUFpSTtnQkFDakksc0NBQXNDO2dCQUN0QyxJQUFJLE9BQU8sWUFBWSxLQUFLLFdBQVcsRUFBRTtvQkFDdkMsTUFBTSxZQUFZLEdBQ2hCLE9BQU8sQ0FBQyxHQUFHLENBQUMsaUNBQWlDLENBQUM7b0JBQ2hELElBQUksU0FBUyxHQUFXLE9BQU8sQ0FBQyxHQUFHLENBQUMsNEJBQTRCLENBQUM7b0JBQ2pFLElBQUksUUFBUSxHQUFZLEtBQUssQ0FBQztvQkFDOUIsSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxFQUFFO3dCQUMzQyxTQUFTLEdBQUcsU0FBUyxDQUFDO3dCQUN0QixRQUFRLEdBQUcsSUFBSSxDQUFDO3FCQUNqQjtvQkFDRCx1Q0FBdUM7b0JBQ3ZDLE1BQU0sSUFBSSxHQUFHLElBQUksUUFBUSxFQUFF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
106
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZVVwbG9hZEZpZWxkLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29udHJvbHMvZm9ybUZpZWxkcy9GaWxlVXBsb2FkRmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLGlEQUFpRDtBQUNqRCwrQ0FBaUM7QUFFakMseURBQStDO0FBQy9DLDhFQUEwQztBQUMxQywrQ0FBMEM7QUFDMUMscUVBQWtFO0FBb0JsRSxNQUFxQixXQUFZLFNBQVEsZUFBSyxDQUFDLFNBRzlDO0lBQ0MsWUFBbUIsS0FBd0I7UUFDekMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBV0wsb0JBQWUsR0FBRyxLQUFLLElBQUksRUFBRTs7WUFDckMsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7WUFDckMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUM7WUFDdkMsSUFBSSxZQUFZLElBQUksU0FBUyxJQUFJLFlBQVksSUFBSSxJQUFJLEVBQUU7Z0JBR3JELElBQUksT0FBTyxZQUFZLEtBQUssV0FBVyxFQUFFO29CQUN2QyxNQUFNLFlBQVksR0FDaEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxpQ0FBaUMsQ0FBQztvQkFDaEQsSUFBSSxTQUFTLEdBQVcsT0FBTyxDQUFDLEdBQUcsQ0FBQyw0QkFBNEIsQ0FBQztvQkFDakUsSUFBSSxRQUFRLEdBQVksS0FBSyxDQUFDO29CQUM5QixJQUFJLFNBQVMsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLEVBQUU7d0JBQzNDLFNBQVMsR0FBRyxTQUFTLENBQUM7d0JBQ3RCLFFBQVEsR0FBRyxJQUFJLENBQUM7cUJBQ2pCO29CQUVELE1BQU0sSUFBSSxHQUFHLElBQUksUUFBUSxFQUFFLENBQUM7b0JBQzVCLE1BQU0sUUFBUSxHQUNaLFlBQVksQ0FBQyxJQUFJ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
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const react_1 = __importDefault(require("react"));
7
- const _Components_1 = require("@Components");
7
+ const components_1 = require("../../components");
8
8
  const nuudel_utils_1 = require("nuudel-utils");
9
9
  const DelayedRender_1 = require("../../common/DelayedRender");
10
10
  const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
@@ -14,22 +14,22 @@ const FormField = (props) => {
14
14
  const isDescriptionAvailable = Boolean(description || errorMessage);
15
15
  return hidden ? null : (<div className={styles_module_scss_1.default.formfield}>
16
16
  <div style={{ flexDirection: 'row' }}>
17
- {!!label && (<_Components_1.Label style={{}}>
17
+ {!!label && (<components_1.Label style={{}}>
18
18
  {label}
19
- {required && (<_Components_1.Text style={{ display: 'inline', padding: 0 }}>*</_Components_1.Text>)}
19
+ {required && (<components_1.Text style={{ display: 'inline', padding: 0 }}>*</components_1.Text>)}
20
20
  :
21
- </_Components_1.Label>)}
21
+ </components_1.Label>)}
22
22
  <div style={props.controlMode === nuudel_utils_1.ControlMode.Display ? {} : {}}>
23
23
  {children}
24
24
  </div>
25
25
  </div>
26
26
  {isDescriptionAvailable && (<div style={{}}>
27
27
  {!!errorMessage && (<DelayedRender_1.DelayedRender>
28
- <_Components_1.Text>{errorMessage}</_Components_1.Text>
28
+ <components_1.Text>{errorMessage}</components_1.Text>
29
29
  </DelayedRender_1.DelayedRender>)}
30
- {props.controlMode !== nuudel_utils_1.ControlMode.Display && !!description && (<_Components_1.Text className={styles_module_scss_1.default.description}>{description}</_Components_1.Text>)}
30
+ {props.controlMode !== nuudel_utils_1.ControlMode.Display && !!description && (<components_1.Text className={styles_module_scss_1.default.description}>{description}</components_1.Text>)}
31
31
  </div>)}
32
32
  </div>);
33
33
  };
34
34
  exports.default = FormField;
35
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUZpZWxkLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29udHJvbHMvZm9ybUZpZWxkcy9Gb3JtRmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLDZDQUEwQztBQUMxQywrQ0FBMkM7QUFFM0MsOERBQTJEO0FBQzNELDhFQUEwQztBQWtCMUMsTUFBTSxTQUFTLEdBQTZDLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDcEUsTUFBTSxFQUNKLFFBQVEsRUFDUixRQUFRLEVBQ1IsV0FBVyxFQUNYLFFBQVEsRUFDUixNQUFNLEVBQ04sWUFBWSxFQUNaLFdBQVcsRUFDWCxXQUFXLEVBQ1gsTUFBTSxHQUNQLEdBQUcsS0FBSyxDQUFDO0lBRVYsSUFBSSxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztJQUN4QixNQUFNLHNCQUFzQixHQUFZLE9BQU8sQ0FBQyxXQUFXLElBQUksWUFBWSxDQUFDLENBQUM7SUFFN0UsT0FBTyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDckIsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsNEJBQU0sQ0FBQyxTQUFTLENBQUMsQ0FDL0I7TUFBQSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUNuQztRQUFBLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUNWLENBQUMsbUJBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FDZjtZQUFBLENBQUMsS0FBSyxDQUNOO1lBQUEsQ0FBQyxRQUFRLElBQUksQ0FDWCxDQUFDLGtCQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxrQkFBSSxDQUFDLENBQ3pELENBQ0Q7O1VBQ0YsRUFBRSxtQkFBSyxDQUFDLENBQ1QsQ0FDRDtRQUFBLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQyxXQUFXLEtBQUssMEJBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQzlEO1VBQUEsQ0FBQyxRQUFRLENBQ1g7UUFBQSxFQUFFLEdBQUcsQ0FDUDtNQUFBLEVBQUUsR0FBRyxDQUNMO01BQUEsQ0FBQyxzQkFBc0IsSUFBSSxDQUN6QixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FDYjtVQUFBLENBQUMsQ0FBQyxDQUFDLFlBQVksSUFBSSxDQUNqQixDQUFDLDZCQUFhLENBQ1o7Y0FBQSxDQUFDLGtCQUFJLENBQUMsQ0FBQyxZQUFZLENBQUMsRUFBRSxrQkFBSSxDQUM1QjtZQUFBLEVBQUUsNkJBQWEsQ0FBQyxDQUNqQixDQUNEO1VBQUEsQ0FBQyxLQUFLLENBQUMsV0FBVyxLQUFLLDBCQUFXLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxXQUFXLElBQUksQ0FDN0QsQ0FBQyxrQkFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLDRCQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsRUFBRSxrQkFBSSxDQUFDLENBQzFELENBQ0g7UUFBQSxFQUFFLEdBQUcsQ0FBQyxDQUNQLENBQ0g7SUFBQSxFQUFFLEdBQUcsQ0FBQyxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxTQUFTLENBQUMifQ==
35
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUZpZWxkLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29udHJvbHMvZm9ybUZpZWxkcy9Gb3JtRmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLGlEQUErQztBQUMvQywrQ0FBMkM7QUFFM0MsOERBQTJEO0FBQzNELDhFQUEwQztBQWtCMUMsTUFBTSxTQUFTLEdBQTZDLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDcEUsTUFBTSxFQUNKLFFBQVEsRUFDUixRQUFRLEVBQ1IsV0FBVyxFQUNYLFFBQVEsRUFDUixNQUFNLEVBQ04sWUFBWSxFQUNaLFdBQVcsRUFDWCxXQUFXLEVBQ1gsTUFBTSxHQUNQLEdBQUcsS0FBSyxDQUFDO0lBRVYsSUFBSSxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztJQUN4QixNQUFNLHNCQUFzQixHQUFZLE9BQU8sQ0FBQyxXQUFXLElBQUksWUFBWSxDQUFDLENBQUM7SUFFN0UsT0FBTyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDckIsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsNEJBQU0sQ0FBQyxTQUFTLENBQUMsQ0FDL0I7TUFBQSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUNuQztRQUFBLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUNWLENBQUMsa0JBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FDZjtZQUFBLENBQUMsS0FBSyxDQUNOO1lBQUEsQ0FBQyxRQUFRLElBQUksQ0FDWCxDQUFDLGlCQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxpQkFBSSxDQUFDLENBQ3pELENBQ0Q7O1VBQ0YsRUFBRSxrQkFBSyxDQUFDLENBQ1QsQ0FDRDtRQUFBLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQyxXQUFXLEtBQUssMEJBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQzlEO1VBQUEsQ0FBQyxRQUFRLENBQ1g7UUFBQSxFQUFFLEdBQUcsQ0FDUDtNQUFBLEVBQUUsR0FBRyxDQUNMO01BQUEsQ0FBQyxzQkFBc0IsSUFBSSxDQUN6QixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FDYjtVQUFBLENBQUMsQ0FBQyxDQUFDLFlBQVksSUFBSSxDQUNqQixDQUFDLDZCQUFhLENBQ1o7Y0FBQSxDQUFDLGlCQUFJLENBQUMsQ0FBQyxZQUFZLENBQUMsRUFBRSxpQkFBSSxDQUM1QjtZQUFBLEVBQUUsNkJBQWEsQ0FBQyxDQUNqQixDQUNEO1VBQUEsQ0FBQyxLQUFLLENBQUMsV0FBVyxLQUFLLDBCQUFXLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxXQUFXLElBQUksQ0FDN0QsQ0FBQyxpQkFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLDRCQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsRUFBRSxpQkFBSSxDQUFDLENBQzFELENBQ0g7UUFBQSxFQUFFLEdBQUcsQ0FBQyxDQUNQLENBQ0g7SUFBQSxFQUFFLEdBQUcsQ0FBQyxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxTQUFTLENBQUMifQ==