argous 1.2.225 → 1.2.227

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 (38) hide show
  1. package/dist/actions/index.d.ts +4 -0
  2. package/dist/actions/index.js +5 -1
  3. package/dist/components/Programa/Programa.js +18 -29
  4. package/dist/reducers/argous.d.ts +8 -0
  5. package/dist/reducers/argous.js +4 -1
  6. package/dist/types.d.ts +8 -2
  7. package/lib/actions/index.ts +4 -0
  8. package/lib/components/Programa/Programa.js +18 -23
  9. package/lib/reducers/argous.ts +7 -1
  10. package/lib/types.d.ts +8 -2
  11. package/package.json +1 -1
  12. package/dist/components/Programa/Annotations/Annotation.d.ts +0 -19
  13. package/dist/components/Programa/Annotations/Annotation.js +0 -317
  14. package/dist/components/Programa/Annotations/AnnotationsList.d.ts +0 -3
  15. package/dist/components/Programa/Annotations/AnnotationsList.js +0 -50
  16. package/dist/components/Programa/Annotations/Input/FileInput.d.ts +0 -6
  17. package/dist/components/Programa/Annotations/Input/FileInput.js +0 -147
  18. package/dist/components/Programa/Annotations/Input/Input.d.ts +0 -3
  19. package/dist/components/Programa/Annotations/Input/Input.js +0 -218
  20. package/dist/components/Programa/Annotations/Input/PrivacySelection.d.ts +0 -7
  21. package/dist/components/Programa/Annotations/Input/PrivacySelection.js +0 -65
  22. package/dist/components/Programa/Annotations/Input/ReplyInformation.d.ts +0 -5
  23. package/dist/components/Programa/Annotations/Input/ReplyInformation.js +0 -78
  24. package/dist/components/Programa/Annotations/Input/UsersAutocomplete.d.ts +0 -7
  25. package/dist/components/Programa/Annotations/Input/UsersAutocomplete.js +0 -139
  26. package/dist/components/Programa/Annotations/index.d.ts +0 -23
  27. package/dist/components/Programa/Annotations/index.js +0 -195
  28. package/dist/components/Programa/Annotations/utils.d.ts +0 -18
  29. package/dist/components/Programa/Annotations/utils.js +0 -46
  30. package/lib/components/Programa/Annotations/Annotation.js +0 -275
  31. package/lib/components/Programa/Annotations/AnnotationsList.js +0 -30
  32. package/lib/components/Programa/Annotations/Input/FileInput.js +0 -96
  33. package/lib/components/Programa/Annotations/Input/Input.js +0 -190
  34. package/lib/components/Programa/Annotations/Input/PrivacySelection.js +0 -72
  35. package/lib/components/Programa/Annotations/Input/ReplyInformation.js +0 -86
  36. package/lib/components/Programa/Annotations/Input/UsersAutocomplete.js +0 -122
  37. package/lib/components/Programa/Annotations/index.js +0 -136
  38. package/lib/components/Programa/Annotations/utils.js +0 -30
@@ -1,317 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
33
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
34
- return new (P || (P = Promise))(function (resolve, reject) {
35
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
36
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
37
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
38
- step((generator = generator.apply(thisArg, _arguments || [])).next());
39
- });
40
- };
41
- var __generator = (this && this.__generator) || function (thisArg, body) {
42
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
43
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
44
- function verb(n) { return function (v) { return step([n, v]); }; }
45
- function step(op) {
46
- if (f) throw new TypeError("Generator is already executing.");
47
- while (_) try {
48
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
49
- if (y = 0, t) op = [op[0] & 2, t.value];
50
- switch (op[0]) {
51
- case 0: case 1: t = op; break;
52
- case 4: _.label++; return { value: op[1], done: false };
53
- case 5: _.label++; y = op[1]; op = [0]; continue;
54
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
55
- default:
56
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
57
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
58
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
59
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
60
- if (t[2]) _.ops.pop();
61
- _.trys.pop(); continue;
62
- }
63
- op = body.call(thisArg, _);
64
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
65
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
66
- }
67
- };
68
- var __importDefault = (this && this.__importDefault) || function (mod) {
69
- return (mod && mod.__esModule) ? mod : { "default": mod };
70
- };
71
- Object.defineProperty(exports, "__esModule", { value: true });
72
- exports.ANNOTATION_DOCUMENT_URL_INDEX = exports.ANNOTATION_DOCUMENT_MIME_TYPE_INDEX = exports.ANNOTATION_CODE_INDEX = exports.ANNOTATION_PRIVACY_TYPE_INDEX = exports.ANNOTATION_MARKED_USERS_INDEX = exports.ANNOTATION_ANSWERS_INDEX = exports.ANNOTATION_DOCUMENT_ID_INDEX = exports.ANNOTATION_TEXT_INDEX = exports.ANNOTATION_DATE_INDEX = exports.ANNOTATION_PARAMETERS_INDEX = exports.ANNOTATION_PROGRAM_CODE_INDEX = exports.ANNOTATION_USER_INDEX = exports.ANNOTATION_PARENT_ID_INDEX = exports.ANNOTATION_ID_INDEX = void 0;
73
- var _1 = require(".");
74
- var utils_1 = require("./utils");
75
- var api_1 = require("../../../api");
76
- var components_1 = require("../../../components");
77
- var utils_2 = require("../../../utils");
78
- var core_1 = require("@material-ui/core");
79
- var moment_1 = __importDefault(require("moment"));
80
- var react_1 = __importStar(require("react"));
81
- var ANSWER_USER_MIN_WIDTH = 159.78;
82
- var useStyles = core_1.makeStyles(function (theme) {
83
- var _a;
84
- return ({
85
- annotationContainer: {
86
- padding: utils_1.SMALL_SIZE,
87
- border: "2px solid " + utils_1.LIGHT_GREY_COLOR(theme.palette.type),
88
- '&:not(:last-child)': {
89
- marginBottom: utils_1.MEDIUM_SIZE
90
- },
91
- '&:last-child': {
92
- borderBottom: 0
93
- }
94
- },
95
- annotationHeader: {
96
- display: 'flex',
97
- justifyContent: 'space-between',
98
- gap: utils_1.SMALL_SIZE
99
- },
100
- annotationUser: {
101
- display: 'flex',
102
- gap: utils_1.SMALL_SIZE,
103
- '&>div:nth-child(1)': {
104
- width: utils_1.AVATAR_SIZE,
105
- height: utils_1.AVATAR_SIZE
106
- },
107
- '&>div:nth-child(2)': {
108
- display: 'flex',
109
- justifyContent: 'center',
110
- flexDirection: 'column',
111
- gap: utils_1.EXTRA_SMALL_SIZE,
112
- '&>h6': {
113
- lineHeight: 1
114
- },
115
- '&>p': {
116
- lineHeight: 1,
117
- fontSize: '.75rem',
118
- fontWeight: 500,
119
- color: utils_1.MEDIUM_GREY_COLOR(theme.palette.type)
120
- }
121
- }
122
- },
123
- annotationBody: {
124
- '&>div:nth-child(1)': {
125
- padding: '10px 0',
126
- overflow: 'hidden'
127
- }
128
- },
129
- annotationFooter: {
130
- display: 'flex',
131
- gap: utils_1.SMALL_SIZE,
132
- paddingTop: utils_1.SMALL_SIZE,
133
- minHeight: 43
134
- },
135
- buttonsDiv: {
136
- display: 'flex',
137
- justifyContent: 'flex-end',
138
- gap: utils_1.SMALL_SIZE
139
- },
140
- markedUsers: {
141
- display: 'flex',
142
- flexWrap: 'wrap',
143
- gap: utils_1.SMALL_SIZE
144
- },
145
- markedUser: {
146
- position: 'relative',
147
- '&>div:nth-child(1)': {
148
- width: utils_1.AVATAR_SIZE,
149
- height: utils_1.AVATAR_SIZE
150
- }
151
- },
152
- avatarViewedIcon: {
153
- position: 'absolute',
154
- bottom: -2,
155
- right: -8,
156
- width: 18,
157
- height: 18,
158
- color: utils_1.UNIMED_GREEN_COLOR
159
- },
160
- answer: {
161
- alignItems: 'flex-start',
162
- padding: utils_1.SMALL_SIZE,
163
- gap: utils_1.SMALL_SIZE
164
- },
165
- answerUserDiv: {
166
- display: 'flex',
167
- gap: utils_1.SMALL_SIZE,
168
- minWidth: ANSWER_USER_MIN_WIDTH,
169
- '&>div:nth-child(1)': {
170
- position: 'relative',
171
- '&>div:nth-child(1)': {
172
- width: utils_1.AVATAR_SIZE,
173
- height: utils_1.AVATAR_SIZE
174
- }
175
- },
176
- '&>div:nth-child(2)': {
177
- display: 'flex',
178
- justifyContent: 'center',
179
- flexDirection: 'column',
180
- gap: utils_1.EXTRA_SMALL_SIZE,
181
- '&>h6': {
182
- lineHeight: 1
183
- },
184
- '&>p': {
185
- lineHeight: 1,
186
- fontSize: '.75rem',
187
- fontWeight: 500,
188
- color: utils_1.MEDIUM_GREY_COLOR(theme.palette.type)
189
- }
190
- }
191
- },
192
- avatarAnswerIcon: {
193
- position: 'absolute',
194
- top: -2,
195
- left: -8,
196
- width: 18,
197
- height: 18,
198
- color: utils_1.UNIMED_GREEN_COLOR
199
- },
200
- answerTextDiv: (_a = {
201
- width: '100%',
202
- maxWidth: '100%'
203
- },
204
- _a[theme.breakpoints.up('sm')] = {
205
- maxWidth: "calc(100% - " + ANSWER_USER_MIN_WIDTH + "px - " + utils_1.SMALL_SIZE + "px)"
206
- },
207
- _a),
208
- divider: {
209
- height: 2
210
- }
211
- });
212
- });
213
- exports.ANNOTATION_ID_INDEX = 0;
214
- exports.ANNOTATION_PARENT_ID_INDEX = 1;
215
- exports.ANNOTATION_USER_INDEX = 2;
216
- exports.ANNOTATION_PROGRAM_CODE_INDEX = 3;
217
- exports.ANNOTATION_PARAMETERS_INDEX = 4;
218
- exports.ANNOTATION_DATE_INDEX = 5;
219
- exports.ANNOTATION_TEXT_INDEX = 6;
220
- exports.ANNOTATION_DOCUMENT_ID_INDEX = 7;
221
- exports.ANNOTATION_ANSWERS_INDEX = 8;
222
- exports.ANNOTATION_MARKED_USERS_INDEX = 9;
223
- exports.ANNOTATION_PRIVACY_TYPE_INDEX = 10;
224
- exports.ANNOTATION_CODE_INDEX = 11;
225
- exports.ANNOTATION_DOCUMENT_MIME_TYPE_INDEX = 12;
226
- exports.ANNOTATION_DOCUMENT_URL_INDEX = 13;
227
- var Annotation = function (_a) {
228
- var _b, _c;
229
- var annotation = _a.annotation;
230
- var classes = useStyles();
231
- var createModal = utils_2.useModal().createModal;
232
- var fileView = createModal(components_1.ModalVisualizacaoDocumentos);
233
- var _d = react_1.useContext(_1.AnnotationsContext), openAnnotationParameters = _d.openAnnotationParameters, handleDialogClose = _d.handleDialogClose, scrollDialogToBottom = _d.scrollDialogToBottom, dispatch = _d.dispatch;
234
- var user = { id: (((_b = annotation[exports.ANNOTATION_USER_INDEX]) === null || _b === void 0 ? void 0 : _b[0]) || -1), name: (((_c = annotation[exports.ANNOTATION_USER_INDEX]) === null || _c === void 0 ? void 0 : _c[1]) || '') };
235
- var date = (annotation[exports.ANNOTATION_DATE_INDEX]) ? moment_1.default(annotation[exports.ANNOTATION_DATE_INDEX]).format('DD/MM/YYYY HH:mm:ss') : '';
236
- var text = annotation[exports.ANNOTATION_TEXT_INDEX];
237
- var answers = (annotation[exports.ANNOTATION_ANSWERS_INDEX] || []);
238
- var markedUsers = (annotation[exports.ANNOTATION_MARKED_USERS_INDEX] || []);
239
- var annotationParameters = (annotation[exports.ANNOTATION_PARAMETERS_INDEX] || {});
240
- var file = {
241
- id: annotation[exports.ANNOTATION_DOCUMENT_ID_INDEX],
242
- type: annotation[exports.ANNOTATION_DOCUMENT_MIME_TYPE_INDEX],
243
- url: annotation[exports.ANNOTATION_DOCUMENT_URL_INDEX]
244
- };
245
- var reply = function (event) {
246
- dispatch({ field: 'selectedAnnotation', value: annotation });
247
- setTimeout(function () { return scrollDialogToBottom(event); }, 0);
248
- };
249
- var access = function (event) {
250
- (openAnnotationParameters && (typeof openAnnotationParameters === 'function')) && openAnnotationParameters(event, annotationParameters);
251
- handleDialogClose();
252
- };
253
- var handleFileClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
254
- var response;
255
- return __generator(this, function (_a) {
256
- switch (_a.label) {
257
- case 0: return [4 /*yield*/, api_1.getProgramAnnotations({ snToken: true })];
258
- case 1:
259
- response = _a.sent();
260
- if (!(response === null || response === void 0 ? void 0 : response.status)) return [3 /*break*/, 3];
261
- return [4 /*yield*/, fileView({ nome: 'Documento da anotação', linkPronto: file.url, tokenSistema: response === null || response === void 0 ? void 0 : response.token })];
262
- case 2:
263
- _a.sent();
264
- _a.label = 3;
265
- case 3: return [2 /*return*/];
266
- }
267
- });
268
- }); };
269
- return react_1.default.createElement("div", { className: classes.annotationContainer },
270
- react_1.default.createElement("div", { className: classes.annotationHeader },
271
- react_1.default.createElement("div", { className: classes.annotationUser },
272
- react_1.default.createElement(components_1.ArgousAvatar, { alt: user.name + " avatar", idUsuario: user.id, nome: user.name }),
273
- react_1.default.createElement("div", null,
274
- react_1.default.createElement(core_1.Typography, { variant: 'subtitle2' }, user.name),
275
- react_1.default.createElement(core_1.Typography, { variant: 'body2' }, date))),
276
- react_1.default.createElement("div", null, (file.id) && react_1.default.createElement(components_1.IconsComponent, { mimeType: file.type, height: utils_1.AVATAR_SIZE, onClick: handleFileClick, style: { cursor: 'pointer' } }))),
277
- react_1.default.createElement("div", { className: classes.annotationBody },
278
- react_1.default.createElement("div", null,
279
- react_1.default.createElement(core_1.Typography, { variant: 'body2' }, text)),
280
- react_1.default.createElement("div", null, answers.map(function (answer, answerIndex) { return react_1.default.createElement(Answer, __assign({ key: "answer-" + answerIndex }, { answer: answer })); }))),
281
- react_1.default.createElement(core_1.Divider, { className: classes.divider }),
282
- react_1.default.createElement(core_1.Grid, { container: true, justifyContent: (markedUsers.length) ? 'space-between' : 'flex-end', className: classes.annotationFooter },
283
- (!!markedUsers.length) && (react_1.default.createElement(core_1.Grid, { item: true, xs: 12, sm: 'auto', className: classes.markedUsers }, markedUsers.map(function (user, userIndex) { return react_1.default.createElement(MarkedUser, __assign({ key: "marked-user-" + (user === null || user === void 0 ? void 0 : user.idUsuario) }, { user: user })); }))),
284
- react_1.default.createElement(core_1.Grid, { item: true, xs: 12, sm: 'auto', className: classes.buttonsDiv },
285
- react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'outlined', size: 'small', onClick: access }, "Acessar"),
286
- react_1.default.createElement(core_1.Button, { fullWidth: true, color: 'primary', variant: 'contained', size: 'small', onClick: reply }, "Responder"))));
287
- };
288
- exports.default = Annotation;
289
- var Answer = function (_a) {
290
- var _b, _c;
291
- var answer = _a.answer;
292
- var classes = useStyles();
293
- var user = { id: (((_b = answer === null || answer === void 0 ? void 0 : answer.usuario) === null || _b === void 0 ? void 0 : _b[0]) || -1), name: (((_c = answer === null || answer === void 0 ? void 0 : answer.usuario) === null || _c === void 0 ? void 0 : _c[1]) || '') };
294
- var date = (answer === null || answer === void 0 ? void 0 : answer.dtAnotacao) ? moment_1.default(answer === null || answer === void 0 ? void 0 : answer.dtAnotacao).format('DD/MM/YYYY HH:mm:ss') : '';
295
- var text = answer === null || answer === void 0 ? void 0 : answer.dsAnotacao;
296
- return react_1.default.createElement("div", null,
297
- react_1.default.createElement(core_1.Divider, { className: classes.divider }),
298
- react_1.default.createElement(core_1.Grid, { container: true, className: classes.answer },
299
- react_1.default.createElement("div", { className: classes.answerUserDiv },
300
- react_1.default.createElement("div", null,
301
- react_1.default.createElement(components_1.ArgousAvatar, { alt: user.name + " avatar", idUsuario: user.id, nome: user.name }),
302
- react_1.default.createElement(utils_1.AnswerIcon, { className: classes.avatarAnswerIcon })),
303
- react_1.default.createElement("div", null,
304
- react_1.default.createElement(core_1.Typography, { variant: 'subtitle2' }, user.name),
305
- react_1.default.createElement(core_1.Typography, { variant: 'body2' }, date))),
306
- react_1.default.createElement("div", { className: classes.answerTextDiv },
307
- react_1.default.createElement(core_1.Typography, { variant: 'body2' }, text))));
308
- };
309
- var MarkedUser = function (props) {
310
- var _a, _b, _c;
311
- var classes = useStyles();
312
- var user = { id: (((_a = props === null || props === void 0 ? void 0 : props.user) === null || _a === void 0 ? void 0 : _a.idUsuario) || -1), name: (((_b = props === null || props === void 0 ? void 0 : props.user) === null || _b === void 0 ? void 0 : _b.nmUsuario) || '') };
313
- var viewDate = (_c = props === null || props === void 0 ? void 0 : props.user) === null || _c === void 0 ? void 0 : _c.dtVisualizacao;
314
- return react_1.default.createElement("div", { className: classes.markedUser },
315
- react_1.default.createElement(components_1.ArgousAvatar, { alt: user.name + " avatar", idUsuario: user.id, nome: user.name }),
316
- (viewDate) && react_1.default.createElement(utils_1.ViewedIcon, { className: classes.avatarViewedIcon }));
317
- };
@@ -1,3 +0,0 @@
1
- export default AnnotationsList;
2
- declare function AnnotationsList(): React.JSX.Element;
3
- import React from "react";
@@ -1,50 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
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
- var _1 = require(".");
37
- var Annotation_1 = __importDefault(require("./Annotation"));
38
- var utils_1 = require("./utils");
39
- var core_1 = require("@material-ui/core");
40
- var react_1 = __importStar(require("react"));
41
- var AnnotationsList = function () {
42
- var theme = core_1.useTheme();
43
- var list = react_1.useContext(_1.AnnotationsContext).list;
44
- return (react_1.default.createElement("div", { style: {
45
- maxHeight: '60vh',
46
- overflow: 'hidden auto',
47
- borderBottom: "2px solid " + utils_1.LIGHT_GREY_COLOR(theme.palette.type)
48
- } }, list.annotations.map(function (annotation, annotationIndex) { return (react_1.default.createElement(Annotation_1.default, __assign({ key: "annotation-" + (annotation === null || annotation === void 0 ? void 0 : annotation[0]) }, { annotation: annotation }))); })));
49
- };
50
- exports.default = AnnotationsList;
@@ -1,6 +0,0 @@
1
- export default FileInput;
2
- declare function FileInput({ file, onChange }: {
3
- file: any;
4
- onChange: any;
5
- }): React.JSX.Element;
6
- import React from "react";
@@ -1,147 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
33
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
34
- return new (P || (P = Promise))(function (resolve, reject) {
35
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
36
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
37
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
38
- step((generator = generator.apply(thisArg, _arguments || [])).next());
39
- });
40
- };
41
- var __generator = (this && this.__generator) || function (thisArg, body) {
42
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
43
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
44
- function verb(n) { return function (v) { return step([n, v]); }; }
45
- function step(op) {
46
- if (f) throw new TypeError("Generator is already executing.");
47
- while (_) try {
48
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
49
- if (y = 0, t) op = [op[0] & 2, t.value];
50
- switch (op[0]) {
51
- case 0: case 1: t = op; break;
52
- case 4: _.label++; return { value: op[1], done: false };
53
- case 5: _.label++; y = op[1]; op = [0]; continue;
54
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
55
- default:
56
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
57
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
58
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
59
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
60
- if (t[2]) _.ops.pop();
61
- _.trys.pop(); continue;
62
- }
63
- op = body.call(thisArg, _);
64
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
65
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
66
- }
67
- };
68
- Object.defineProperty(exports, "__esModule", { value: true });
69
- var __1 = require("..");
70
- var components_1 = require("../../../../components");
71
- var utils_1 = require("../../../../utils");
72
- var utils_2 = require("../utils");
73
- var core_1 = require("@material-ui/core");
74
- var react_1 = __importStar(require("react"));
75
- var io5_1 = require("react-icons/io5");
76
- var useStyles = core_1.makeStyles({
77
- fileInputContainer: {
78
- width: '100%',
79
- display: 'flex',
80
- flexDirection: 'column',
81
- alignItems: 'flex-end',
82
- gap: utils_2.SMALL_SIZE,
83
- '&>input': {
84
- display: 'none'
85
- }
86
- },
87
- fileInputButtonsDiv: {
88
- display: 'flex',
89
- alignItems: 'center',
90
- gap: utils_2.SMALL_SIZE
91
- },
92
- file: {
93
- display: 'flex',
94
- alignItems: 'center',
95
- gap: utils_2.EXTRA_SMALL_SIZE,
96
- maxWidth: '100%',
97
- '&>p': __assign({}, utils_2.ELLIPSIS_TEXT_STYLE)
98
- }
99
- });
100
- var FileInput = function (_a) {
101
- var file = _a.file, onChange = _a.onChange;
102
- var classes = useStyles();
103
- var _b = react_1.useContext(__1.AnnotationsContext), printScreen = _b.printScreen, loading = _b.loading, dispatch = _b.dispatch;
104
- var inputRef = react_1.useRef(null);
105
- var canAddPrintScreen = !(file === (printScreen === null || printScreen === void 0 ? void 0 : printScreen.file));
106
- var disabled = (loading.save || loading.file);
107
- var printScreenClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
108
- var file, response;
109
- return __generator(this, function (_a) {
110
- switch (_a.label) {
111
- case 0:
112
- dispatch({ type: 'loading', field: 'file', value: true });
113
- if (!(printScreen === null || printScreen === void 0 ? void 0 : printScreen.file)) return [3 /*break*/, 1];
114
- file = printScreen === null || printScreen === void 0 ? void 0 : printScreen.file;
115
- return [3 /*break*/, 3];
116
- case 1: return [4 /*yield*/, utils_1.printScreen({ event: event })];
117
- case 2:
118
- response = _a.sent();
119
- if (response === null || response === void 0 ? void 0 : response.status) {
120
- dispatch({ field: 'printScreen', value: response });
121
- file = response === null || response === void 0 ? void 0 : response.file;
122
- }
123
- _a.label = 3;
124
- case 3:
125
- (file) && onChange(event, file);
126
- dispatch({ type: 'loading', field: 'file', value: false });
127
- return [2 /*return*/];
128
- }
129
- });
130
- }); };
131
- return react_1.default.createElement("div", { className: classes.fileInputContainer },
132
- react_1.default.createElement("input", { ref: inputRef, type: 'file', onChange: function (e) { var _a, _b; return ((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) && onChange(e, e.target.files[0]); } }),
133
- (file) && react_1.default.createElement(File, __assign({}, { file: file, disabled: disabled, classes: classes }, { onDelete: function (e) { return onChange(e, undefined); } })),
134
- react_1.default.createElement("div", { className: classes.fileInputButtonsDiv },
135
- react_1.default.createElement(core_1.IconButton, __assign({}, { disabled: disabled }, { onClick: function () { return (inputRef.current) && inputRef.current.click(); }, style: { padding: utils_2.EXTRA_SMALL_SIZE } }),
136
- react_1.default.createElement(io5_1.IoDocumentAttachOutline, { size: utils_2.MEDIUM_SIZE })),
137
- (canAddPrintScreen) && (react_1.default.createElement(core_1.Button, __assign({}, { disabled: disabled }, { size: 'small', variant: 'outlined', startIcon: react_1.default.createElement(io5_1.IoImageOutline, null), onClick: printScreenClick }), "Captura de tela"))));
138
- };
139
- exports.default = FileInput;
140
- var File = function (_a) {
141
- var file = _a.file, disabled = _a.disabled, onDelete = _a.onDelete, classes = _a.classes;
142
- return react_1.default.createElement("div", { className: classes.file },
143
- react_1.default.createElement(components_1.IconsComponent, { fileName: file === null || file === void 0 ? void 0 : file.name, mimeType: file === null || file === void 0 ? void 0 : file.type, height: utils_2.LARGE_SIZE }),
144
- react_1.default.createElement(core_1.Typography, null, file === null || file === void 0 ? void 0 : file.name),
145
- react_1.default.createElement(core_1.IconButton, __assign({}, { disabled: disabled }, { size: 'small', onClick: function (e) { return (typeof onDelete === 'function') && onDelete(e); } }),
146
- react_1.default.createElement(utils_2.CloseIcon, null)));
147
- };
@@ -1,3 +0,0 @@
1
- export default Input;
2
- declare function Input(): React.JSX.Element;
3
- import React from "react";