infinity-forge 11.2.7 → 11.2.9
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.
- package/dist/system/components/data/menu/mock.js +23 -23
- package/dist/system/components/data/menu/mock.js.map +1 -1
- package/dist/system/context/auth/context.d.ts +1 -1
- package/dist/system/context/auth/context.js +5 -5
- package/dist/system/context/auth/context.js.map +1 -1
- package/dist/system/context/third-party-integration-context/context.d.ts +1 -1
- package/dist/system/hooks/menu/use-load-menu.d.ts +1 -1
- package/dist/test/index.d.ts +0 -9
- package/dist/test/index.js +42 -36
- package/dist/test/index.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-elements/pages/blog/components/blog-item/index.js +1 -1
- package/dist/ui/atena/presentation/dynamic-elements/pages/blog/components/blog-item/index.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-post/index.js +1 -1
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-post/index.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-sections/context.d.ts +1 -1
- package/dist/ui/atena/presentation/dynamic-sections/context.js +3 -3
- package/dist/ui/atena/presentation/dynamic-sections/context.js.map +1 -1
- package/dist/ui/atena/presentation/site-configurations/atena-ssr-site.d.ts +0 -19
- package/dist/ui/atena/presentation/site-configurations/atena-ssr-site.js +0 -91
- package/dist/ui/atena/presentation/site-configurations/atena-ssr-site.js.map +1 -1
- package/dist/ui/atena/presentation/site-configurations/index.d.ts +1 -0
- package/dist/ui/atena/presentation/site-configurations/index.js +1 -0
- package/dist/ui/atena/presentation/site-configurations/index.js.map +1 -1
- package/dist/ui/atena/presentation/site-configurations/use-infinity-forge-props.d.ts +12 -0
- package/dist/ui/atena/presentation/site-configurations/use-infinity-forge-props.js +103 -0
- package/dist/ui/atena/presentation/site-configurations/use-infinity-forge-props.js.map +1 -0
- package/dist/ui/components/form/input/index.js +5 -4
- package/dist/ui/components/form/input/index.js.map +1 -1
- package/dist/ui/components/form/input-file/hooks/use-file-elements.d.ts +3 -1
- package/dist/ui/components/form/input-file/hooks/use-file-elements.js +8 -3
- package/dist/ui/components/form/input-file/hooks/use-file-elements.js.map +1 -1
- package/dist/ui/components/form/input-file/hooks/use-file.d.ts +8 -2
- package/dist/ui/components/form/input-file/hooks/use-file.js +16 -14
- package/dist/ui/components/form/input-file/hooks/use-file.js.map +1 -1
- package/dist/ui/components/form/input-file/index.d.ts +1 -0
- package/dist/ui/components/form/input-file/index.js +1 -0
- package/dist/ui/components/form/input-file/index.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/index.d.ts +9 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/index.js +236 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/styles.d.ts +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/styles.js +11 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/styles.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/index.d.ts +2 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/index.js +19 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/index.d.ts +2 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/index.js +78 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/interfaces.d.ts +11 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/interfaces.js +3 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/interfaces.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.d.ts +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.js +11 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/index.d.ts +8 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/index.js +31 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/shared/interfaces.d.ts +6 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/shared/interfaces.js +3 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/shared/interfaces.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/styles.d.ts +5 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/styles.js +21 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/styles.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/utils/crop-utils.d.ts +4 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/utils/crop-utils.js +65 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/utils/crop-utils.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/file-item/index.d.ts +5 -0
- package/dist/ui/components/form/input-file/input-crop-image/file-item/index.js +44 -0
- package/dist/ui/components/form/input-file/input-crop-image/file-item/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/file-item/styles.d.ts +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/file-item/styles.js +14 -0
- package/dist/ui/components/form/input-file/input-crop-image/file-item/styles.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/index.d.ts +2 -0
- package/dist/ui/components/form/input-file/input-crop-image/index.js +70 -0
- package/dist/ui/components/form/input-file/input-crop-image/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/styles.d.ts +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/styles.js +14 -0
- package/dist/ui/components/form/input-file/input-crop-image/styles.js.map +1 -0
- package/dist/ui/components/form/input-week-availability/availability-preview/index.d.ts +4 -1
- package/dist/ui/components/form/input-week-availability/availability-preview/index.js +2 -2
- package/dist/ui/components/form/input-week-availability/availability-preview/index.js.map +1 -1
- package/dist/ui/components/form/input-week-availability/input.d.ts +2 -0
- package/dist/ui/components/form/input-week-availability/input.js +4 -3
- package/dist/ui/components/form/input-week-availability/input.js.map +1 -1
- package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.d.ts +3 -1
- package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.js +5 -3
- package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.js.map +1 -1
- package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.d.ts +3 -1
- package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.js +2 -2
- package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.js.map +1 -1
- package/dist/ui/components/form/input-week-availability/shared/components/desktop-table.d.ts +3 -1
- package/dist/ui/components/form/input-week-availability/shared/components/desktop-table.js +2 -2
- package/dist/ui/components/form/input-week-availability/shared/components/desktop-table.js.map +1 -1
- package/dist/ui/components/form/input-week-availability/shared/components/mobile-layout.d.ts +3 -1
- package/dist/ui/components/form/input-week-availability/shared/components/mobile-layout.js +2 -2
- package/dist/ui/components/form/input-week-availability/shared/components/mobile-layout.js.map +1 -1
- package/dist/ui/components/form/input-week-availability/v-01/index.d.ts +3 -1
- package/dist/ui/components/form/input-week-availability/v-01/index.js +2 -2
- package/dist/ui/components/form/input-week-availability/v-01/index.js.map +1 -1
- package/dist/ui/components/form/input-week-availability/v-02/index.d.ts +3 -1
- package/dist/ui/components/form/input-week-availability/v-02/index.js +2 -2
- package/dist/ui/components/form/input-week-availability/v-02/index.js.map +1 -1
- package/dist/ui/components/user-menu/index.js +1 -1
- package/dist/ui/components/user-menu/index.js.map +1 -1
- package/dist/ui/icons/index.d.ts +2 -0
- package/dist/ui/icons/index.js +2 -0
- package/dist/ui/icons/index.js.map +1 -1
- package/dist/ui/icons/render/icon-left-arrow-bar.d.ts +2 -0
- package/dist/ui/icons/render/icon-left-arrow-bar.js +9 -0
- package/dist/ui/icons/render/icon-left-arrow-bar.js.map +1 -0
- package/dist/ui/icons/render/icon-undo.d.ts +2 -0
- package/dist/ui/icons/render/icon-undo.js +9 -0
- package/dist/ui/icons/render/icon-undo.js.map +1 -0
- package/dist/ui/utils/form-validator/validator.js +3 -4
- package/dist/ui/utils/form-validator/validator.js.map +1 -1
- package/dist/ui/utils/http/api.js +1 -1
- package/dist/ui/utils/http/api.js.map +1 -1
- package/dist/ui/utils/http/axios-http-client.js +1 -1
- package/dist/ui/utils/http/axios-http-client.js.map +1 -1
- package/package.json +5 -5
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getCropPreview = getCropPreview;
|
|
4
|
+
exports.applyCrop = applyCrop;
|
|
5
|
+
var ui_1 = require("../../../../../../../ui/index.js");
|
|
6
|
+
function getCropPreview(file, cropArea, maxSize) {
|
|
7
|
+
if (maxSize === void 0) { maxSize = 300; }
|
|
8
|
+
return new Promise(function (resolve, reject) {
|
|
9
|
+
var img = new Image();
|
|
10
|
+
img.crossOrigin = 'anonymous';
|
|
11
|
+
img.onload = function () {
|
|
12
|
+
var canvas = document.createElement('canvas');
|
|
13
|
+
var ctx = canvas.getContext('2d');
|
|
14
|
+
if (!ctx) {
|
|
15
|
+
reject(new Error('Could not get canvas context'));
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
var aspectRatio = cropArea.width / cropArea.height;
|
|
19
|
+
var previewWidth = maxSize;
|
|
20
|
+
var previewHeight = maxSize / aspectRatio;
|
|
21
|
+
if (previewHeight > maxSize) {
|
|
22
|
+
previewHeight = maxSize;
|
|
23
|
+
previewWidth = maxSize * aspectRatio;
|
|
24
|
+
}
|
|
25
|
+
canvas.width = previewWidth;
|
|
26
|
+
canvas.height = previewHeight;
|
|
27
|
+
ctx.drawImage(img, cropArea.x, cropArea.y, cropArea.width, cropArea.height, 0, 0, previewWidth, previewHeight);
|
|
28
|
+
resolve(canvas.toDataURL('image/png'));
|
|
29
|
+
};
|
|
30
|
+
img.src = ((file === null || file === void 0 ? void 0 : file.url) || "");
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
function applyCrop(file, cropArea, format, quality) {
|
|
34
|
+
if (format === void 0) { format = 'png'; }
|
|
35
|
+
if (quality === void 0) { quality = 0.9; }
|
|
36
|
+
return new Promise(function (resolve, reject) {
|
|
37
|
+
var img = new Image();
|
|
38
|
+
img.crossOrigin = 'anonymous';
|
|
39
|
+
img.onload = function () {
|
|
40
|
+
var canvas = document.createElement('canvas');
|
|
41
|
+
var ctx = canvas.getContext('2d');
|
|
42
|
+
if (!ctx) {
|
|
43
|
+
reject(new Error('Could not get canvas context'));
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
canvas.width = cropArea.width;
|
|
47
|
+
canvas.height = cropArea.height;
|
|
48
|
+
ctx.drawImage(img, cropArea.x, cropArea.y, cropArea.width, cropArea.height, 0, 0, cropArea.width, cropArea.height);
|
|
49
|
+
canvas.toBlob(function (blob) {
|
|
50
|
+
if (!blob) {
|
|
51
|
+
reject(new Error('Failed to create blob'));
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
var fileName = file.title || file.fileName || 'cropped-image';
|
|
55
|
+
var fileExtension = format === 'jpg' ? 'jpg' : format;
|
|
56
|
+
var croppedFileName = "".concat(fileName.replace(/\.[^/.]+$/, ''), "-cropped.").concat(fileExtension);
|
|
57
|
+
var croppedFile = new File([blob], croppedFileName, { type: "image/".concat(format) });
|
|
58
|
+
var croppedFileSystem = (0, ui_1.convertToFileSystemType)(croppedFile);
|
|
59
|
+
resolve(croppedFileSystem);
|
|
60
|
+
}, "image/".concat(format), quality);
|
|
61
|
+
};
|
|
62
|
+
img.src = ((file === null || file === void 0 ? void 0 : file.url) || "");
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=crop-utils.js.map
|
package/dist/ui/components/form/input-file/input-crop-image/crop-image/utils/crop-utils.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crop-utils.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/utils/crop-utils.ts"],"names":[],"mappings":";;AAGA,wCAiCC;AAED,8BAgDC;AArFD,2BAA8D;AAE9D,SAAgB,cAAc,CAAC,IAAoB,EAAE,QAAkB,EAAE,OAAqB;IAArB,wBAAA,EAAA,aAAqB;IAC5F,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;QACjC,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAA;QACvB,GAAG,CAAC,WAAW,GAAG,WAAW,CAAA;QAE7B,GAAG,CAAC,MAAM,GAAG;YACX,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;YAC/C,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;YAEnC,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,MAAM,CAAC,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC,CAAA;gBACjD,OAAM;YACR,CAAC;YAED,IAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAA;YACpD,IAAI,YAAY,GAAG,OAAO,CAAA;YAC1B,IAAI,aAAa,GAAG,OAAO,GAAG,WAAW,CAAA;YAEzC,IAAI,aAAa,GAAG,OAAO,EAAE,CAAC;gBAC5B,aAAa,GAAG,OAAO,CAAA;gBACvB,YAAY,GAAG,OAAO,GAAG,WAAW,CAAA;YACtC,CAAC;YAED,MAAM,CAAC,KAAK,GAAG,YAAY,CAAA;YAC3B,MAAM,CAAC,MAAM,GAAG,aAAa,CAAA;YAE7B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,aAAa,CAAC,CAAA;YAE9G,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;QACxC,CAAC,CAAA;QAED,GAAG,CAAC,GAAG,GAAG,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,EAAE,CAAC,CAAA;IAC7B,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAgB,SAAS,CACvB,IAAoB,EACpB,QAAkB,EAClB,MAAsC,EACtC,OAAqB;IADrB,uBAAA,EAAA,cAAsC;IACtC,wBAAA,EAAA,aAAqB;IAErB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;QACjC,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAA;QACvB,GAAG,CAAC,WAAW,GAAG,WAAW,CAAA;QAE7B,GAAG,CAAC,MAAM,GAAG;YACX,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;YAC/C,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;YAEnC,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,MAAM,CAAC,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC,CAAA;gBACjD,OAAM;YACR,CAAC;YAED,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAA;YAC7B,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA;YAE/B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;YAElH,MAAM,CAAC,MAAM,CACX,UAAC,IAAI;gBACH,IAAI,CAAC,IAAI,EAAE,CAAC;oBACV,MAAM,CAAC,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAA;oBAC1C,OAAM;gBACR,CAAC;gBAED,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAA;gBAC/D,IAAM,aAAa,GAAG,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;gBACvD,IAAM,eAAe,GAAG,UAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,sBAAY,aAAa,CAAE,CAAA;gBAEvF,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,gBAAS,MAAM,CAAE,EAAE,CAAC,CAAA;gBAElF,IAAM,iBAAiB,GAAmB,IAAA,4BAAuB,EAAC,WAAW,CAAC,CAAC;gBAE/E,OAAO,CAAC,iBAAiB,CAAC,CAAA;YAC5B,CAAC,EACD,gBAAS,MAAM,CAAE,EACjB,OAAO,CACR,CAAA;QACH,CAAC,CAAA;QAED,GAAG,CAAC,GAAG,GAAG,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,EAAE,CAAC,CAAA;IAC7B,CAAC,CAAC,CAAA;AACJ,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.FileItem = FileItem;
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var hooks_1 = require("../../hooks/index.js");
|
|
39
|
+
var S = __importStar(require("./styles.js"));
|
|
40
|
+
function FileItem(props) {
|
|
41
|
+
var _a = (0, hooks_1.useRenderedFile)(props), Image = _a.Image, DeleteFileButton = _a.DeleteFileButton, ShowDetailFileButton = _a.ShowDetailFileButton, fileName = _a.fileName;
|
|
42
|
+
return ((0, jsx_runtime_1.jsxs)(S.FileItemCrop, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'image', children: (0, jsx_runtime_1.jsx)(Image, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: 'infos', children: [fileName && (0, jsx_runtime_1.jsx)("h5", { className: 'font-14-regular', children: fileName }), props.fileLength && (0, jsx_runtime_1.jsxs)("span", { className: 'font-12-regular', children: [props.fileLength, " kb"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(ShowDetailFileButton, {}), (0, jsx_runtime_1.jsx)(DeleteFileButton, {})] })] }));
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-file/input-crop-image/file-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,4BAqBC;;AA3BD,qCAA6C;AAI7C,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,KAA6D;IAC9E,IAAA,KAA8D,IAAA,uBAAe,EAAC,KAAK,CAAC,EAAlF,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,oBAAoB,0BAAA,EAAE,QAAQ,cAA2B,CAAA;IAE1F,OAAO,CACL,wBAAC,CAAC,CAAC,YAAY,eACb,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,KAAK,KAAG,GACL,EAEN,iCAAK,SAAS,EAAC,OAAO,aACnB,QAAQ,IAAI,+BAAI,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAM,EAE3D,KAAK,CAAC,UAAU,IAAI,kCAAM,SAAS,EAAC,iBAAiB,aAAE,KAAK,CAAC,UAAU,WAAW,IAC/E,EAEN,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,oBAAoB,KAAG,EACxB,uBAAC,gBAAgB,KAAG,IAChB,IACS,CAClB,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const FileItemCrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.FileItemCrop = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.FileItemCrop = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n padding: 8px 16px;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n border-radius: 4px;\n border: 1px solid var(--Greys-20, #ccc);\n background: var(--Greys-0, #fff);\n margin-top: 10px;\n\n img {\n object-fit: cover !important;\n }\n .image {\n width: 24px;\n height: 24px;\n aspect-ratio: 1/1;\n }\n\n .infos {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n flex: 1 0 0;\n\n h5 {\n color: #1a1a1a;\n }\n\n span {\n color: #999;\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n > div:last-child {\n > div {\n border: none !important;\n }\n }\n\n svg {\n fill: #999999;\n }\n"], ["\n display: flex;\n padding: 8px 16px;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n border-radius: 4px;\n border: 1px solid var(--Greys-20, #ccc);\n background: var(--Greys-0, #fff);\n margin-top: 10px;\n\n img {\n object-fit: cover !important;\n }\n .image {\n width: 24px;\n height: 24px;\n aspect-ratio: 1/1;\n }\n\n .infos {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n flex: 1 0 0;\n\n h5 {\n color: #1a1a1a;\n }\n\n span {\n color: #999;\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n > div:last-child {\n > div {\n border: none !important;\n }\n }\n\n svg {\n fill: #999999;\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-file/input-crop-image/file-item/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,w1BAAA,qxBAmDxC,KAAA"}
|
|
@@ -0,0 +1,70 @@
|
|
|
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
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
exports.InputCropImage = InputCropImage;
|
|
48
|
+
var react_1 = require("react");
|
|
49
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
50
|
+
var react_2 = require("react");
|
|
51
|
+
var ui_1 = require("../../../../../ui/index.js");
|
|
52
|
+
var file_item_1 = require("./file-item/index.js");
|
|
53
|
+
var crop_image_1 = require("./crop-image/index.js");
|
|
54
|
+
var S = __importStar(require("./styles.js"));
|
|
55
|
+
function InputCropImage(props) {
|
|
56
|
+
var _a;
|
|
57
|
+
var _b = (0, react_2.useState)(null), file = _b[0], setFile = _b[1];
|
|
58
|
+
var propsFile = __assign(__assign({}, props), { multiple: false, isAccumalativeFile: false, accept: '.png, .jpg, .jpeg, .pdf' });
|
|
59
|
+
var _c = (0, ui_1.useFile)(propsFile), field = _c.field, InputFile = _c.InputFile, loading = _c.loading, LabelFileArea = _c.LabelFileArea, onChangeInputFile = _c.onChangeInputFile;
|
|
60
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 15 }, children: [(0, jsx_runtime_1.jsxs)(S.UploadCertificatesStyles, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false, onChangeInputFile: function (ev) {
|
|
61
|
+
setFile((0, ui_1.convertToFileSystemType)(ev.target.files[0]));
|
|
62
|
+
} }), (0, jsx_runtime_1.jsx)(crop_image_1.CropImage, { file: file, setFile: setFile, onApplyCrop: function (croppedFile) {
|
|
63
|
+
var dataTransfer = new DataTransfer();
|
|
64
|
+
dataTransfer.items.add(croppedFile.file);
|
|
65
|
+
onChangeInputFile({ currentTarget: { files: dataTransfer.files } });
|
|
66
|
+
} }), (0, jsx_runtime_1.jsx)(LabelFileArea, { children: (0, jsx_runtime_1.jsx)("div", { className: 'content-file', children: (0, jsx_runtime_1.jsxs)("div", { className: 'no_photo', children: [(0, jsx_runtime_1.jsx)("h5", { className: 'font-14-regular', children: "+ Selecionar arquivos" }), (0, jsx_runtime_1.jsx)("p", { className: 'font-14-regular', children: "Formato JPG, PDF OU PNG " })] }) }) }), loading && (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 20, color: '#000' }), (0, jsx_runtime_1.jsx)("div", { className: 'list', children: (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.map(function (item, index) {
|
|
67
|
+
return (0, react_1.createElement)(file_item_1.FileItem, __assign({}, propsFile, { fileLength: Number(item.length), file: item, index: index, key: item.id }));
|
|
68
|
+
}) })] }), (0, jsx_runtime_1.jsx)(ui_1.InputControl, { name: 'certificates' })] }));
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/input-crop-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,wCAqDC;;;AA9DD,+BAAgC;AAEhC,2BAA+G;AAE/G,yCAAsC;AACtC,2CAAwC;AAExC,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,KAAiB;;IACxC,IAAA,KAAkB,IAAA,gBAAQ,EAAwB,IAAI,CAAC,EAAtD,IAAI,QAAA,EAAE,OAAO,QAAyC,CAAA;IAE7D,IAAM,SAAS,GAAG,sBACb,KAAK,KACR,QAAQ,EAAE,KAAK,EACf,kBAAkB,EAAE,KAAK,EACzB,MAAM,EAAE,yBAAyB,GACpB,CAAA;IAET,IAAA,KAAkE,IAAA,YAAO,EAAC,SAAS,CAAC,EAAlF,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,iBAAiB,uBAAuB,CAAA;IAE1F,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aAC9B,wBAAC,CAAC,CAAC,wBAAwB,eACzB,uBAAC,SAAS,IACR,OAAO,EAAE,KAAK,EACd,iBAAiB,EAAE,UAAC,EAAE;4BACpB,OAAO,CAAC,IAAA,4BAAuB,EAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;wBACtD,CAAC,GACD,EAEF,uBAAC,sBAAS,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,UAAC,WAAW;4BACvB,IAAI,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;4BACrC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;4BACxC,iBAAiB,CAAC,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;wBACrE,CAAC,GACD,EAEF,uBAAC,aAAa,cACZ,gCAAK,SAAS,EAAC,cAAc,YAC3B,iCAAK,SAAS,EAAC,UAAU,aACvB,+BAAI,SAAS,EAAC,iBAAiB,sCAA2B,EAC1D,8BAAG,SAAS,EAAC,iBAAiB,yCAA6B,IACvD,GACF,GACQ,EAEf,OAAO,IAAI,uBAAC,iBAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,EAEnD,gCAAK,SAAS,EAAC,MAAM,YAClB,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAoB,EAAE,KAAK;4BAC7C,OAAO,2BAAC,oBAAQ,eAAK,SAAS,IAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,IAAI,CAAA;wBAC7G,CAAC,CAAC,GACE,IACqB,EAE7B,uBAAC,iBAAY,IAAC,IAAI,EAAC,cAAc,GAAG,IAChC,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const UploadCertificatesStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.UploadCertificatesStyles = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.UploadCertificatesStyles = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n label {\n display: flex;\n height: 96px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n gap: 10px;\n align-self: stretch;\n border-radius: 10px;\n color: #50c0bb;\n border: 2px dashed #50c0bb;\n min-height: 96px;\n }\n\n p {\n color: #999;\n margin-top: 1rem;\n }\n\n .list {\n display: flex;\n flex-direction: column;\n gap: clamp(1rem, 1.24vw, 2.4rem);\n }\n"], ["\n label {\n display: flex;\n height: 96px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n gap: 10px;\n align-self: stretch;\n border-radius: 10px;\n color: #50c0bb;\n border: 2px dashed #50c0bb;\n min-height: 96px;\n }\n\n p {\n color: #999;\n margin-top: 1rem;\n }\n\n .list {\n display: flex;\n flex-direction: column;\n gap: clamp(1rem, 1.24vw, 2.4rem);\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/input-crop-image/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,wBAAwB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8hBAAA,2dA0BpD,KAAA"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { WeekAvailabilityResult } from '../shared/types.js';
|
|
2
|
-
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare function AvailabilityPreview({ weekAvailability, checkedIcon, uncheckedIcon, }: {
|
|
3
4
|
weekAvailability?: WeekAvailabilityResult;
|
|
5
|
+
checkedIcon?: React.ReactNode;
|
|
6
|
+
uncheckedIcon?: React.ReactNode;
|
|
4
7
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -39,11 +39,11 @@ var ui_1 = require("../../../../../ui/index.js");
|
|
|
39
39
|
var types_1 = require("../shared/types.js");
|
|
40
40
|
var S = __importStar(require("./styles.js"));
|
|
41
41
|
function AvailabilityPreview(_a) {
|
|
42
|
-
var weekAvailability = _a.weekAvailability;
|
|
42
|
+
var weekAvailability = _a.weekAvailability, checkedIcon = _a.checkedIcon, uncheckedIcon = _a.uncheckedIcon;
|
|
43
43
|
var days = (0, types_1.getDays)('short');
|
|
44
44
|
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'AvailabilityPreview', children: (0, jsx_runtime_1.jsx)(S.AvailabilityPreview, { className: 'availability-preview', children: days === null || days === void 0 ? void 0 : days.map(function (day) {
|
|
45
45
|
var dayIsActive = Object.values((weekAvailability === null || weekAvailability === void 0 ? void 0 : weekAvailability[day.value]) || {}).some(function (period) { return period.active; });
|
|
46
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "day ".concat(dayIsActive && 'active'), children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-20', children: day.label }), dayIsActive ? ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '11', viewBox: '0 0 15 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.33308 8.14237L12.9934 0.482056L14.1719 1.66056L5.33308 10.4994L0.0297852 5.19612L1.2083 4.01762L5.33308 8.14237Z' }) })) : ((0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose' }))] }, day.value));
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "day ".concat(dayIsActive && 'active'), children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-20', children: day.label }), dayIsActive ? (checkedIcon ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: checkedIcon })) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '11', viewBox: '0 0 15 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.33308 8.14237L12.9934 0.482056L14.1719 1.66056L5.33308 10.4994L0.0297852 5.19612L1.2083 4.01762L5.33308 8.14237Z' }) }))) : uncheckedIcon ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: uncheckedIcon })) : ((0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose' }))] }, day.value));
|
|
47
47
|
}) }) }));
|
|
48
48
|
}
|
|
49
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,kDA0CC;;AA/CD,2BAAkC;AAClC,yCAAiE;AACjE,0CAA6B;AAG7B,SAAgB,mBAAmB,CAAC,EAQnC;QAPC,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,aAAa,mBAAA;IAMb,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC,OAAO,CAAC,CAAA;IAE7B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,qBAAqB,YAC/B,uBAAC,CAAC,CAAC,mBAAmB,IAAC,SAAS,EAAC,sBAAsB,YACpD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,GAAG;gBACb,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,GAAG,CAAC,KAAK,CAAC,KAAI,EAAE,CAAC,CAAC,IAAI,CACzE,UAAC,MAAM,IAAK,OAAC,MAA8B,CAAC,MAAM,EAAtC,CAAsC,CACnD,CAAA;gBAED,OAAO,CACL,iCAAK,SAAS,EAAE,cAAO,WAAW,IAAI,QAAQ,CAAE,aAC9C,iCAAM,SAAS,EAAC,SAAS,YAAE,GAAG,CAAC,KAAK,GAAQ,EAE3C,WAAW,CAAC,CAAC,CAAC,CACb,WAAW,CAAC,CAAC,CAAC,CACZ,2DAAG,WAAW,GAAI,CACnB,CAAC,CAAC,CAAC,CACF,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,iCAAM,CAAC,EAAC,qHAAqH,GAAG,GAC5H,CACP,CACF,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAClB,2DAAG,aAAa,GAAI,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,GAAG,CAC1B,KAfoD,GAAG,CAAC,KAAK,CAgB1D,CACP,CAAA;YACH,CAAC,CAAC,GACoB,GAClB,CACT,CAAA;AACH,CAAC"}
|
|
@@ -3,6 +3,8 @@ import type { WeekAvailabilityResult, DayLabelFormat } from './shared/types.js';
|
|
|
3
3
|
export type WeekAvailabilityProps = {
|
|
4
4
|
version?: 'v1' | 'v2';
|
|
5
5
|
dayLabelFormat?: DayLabelFormat;
|
|
6
|
+
checkedIcon?: React.ReactNode;
|
|
7
|
+
uncheckedIcon?: React.ReactNode;
|
|
6
8
|
} & InputProps;
|
|
7
9
|
export declare function InputWeekAvailability(props: WeekAvailabilityProps): import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
export type { WeekAvailabilityResult };
|
|
@@ -22,10 +22,11 @@ function InputWeekAvailability(props) {
|
|
|
22
22
|
var readOnly = (props === null || props === void 0 ? void 0 : props.readOnly) || ((_a = formHandler === null || formHandler === void 0 ? void 0 : formHandler.inputs) === null || _a === void 0 ? void 0 : _a.readOnly);
|
|
23
23
|
switch (props === null || props === void 0 ? void 0 : props.version) {
|
|
24
24
|
case 'v1':
|
|
25
|
-
return (0, jsx_runtime_1.jsx)(v_01_1.InputWeekAvailabilityV1, __assign({}, props, { readOnly: readOnly }));
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)(v_01_1.InputWeekAvailabilityV1, __assign({}, props, { readOnly: readOnly, checkedIcon: props.checkedIcon, uncheckedIcon: props.uncheckedIcon })));
|
|
26
26
|
case 'v2':
|
|
27
|
-
return (0, jsx_runtime_1.jsx)(v_02_1.InputWeekAvailabilityV2, __assign({}, props, { readOnly: readOnly }));
|
|
28
|
-
default:
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(v_02_1.InputWeekAvailabilityV2, __assign({}, props, { readOnly: readOnly, checkedIcon: props.checkedIcon, uncheckedIcon: props.uncheckedIcon })));
|
|
28
|
+
default:
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(v_01_1.InputWeekAvailabilityV1, __assign({}, props, { readOnly: readOnly, checkedIcon: props.checkedIcon, uncheckedIcon: props.uncheckedIcon })));
|
|
29
30
|
}
|
|
30
31
|
}
|
|
31
32
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-week-availability/input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-week-availability/input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,sDAmCC;;AAjDD,2BAAiD;AAEjD,+BAAgD;AAChD,+BAAgD;AAWhD,SAAgB,qBAAqB,CAAC,KAA4B;;IAChE,IAAM,WAAW,GAAG,IAAA,mBAAc,GAAE,CAAA;IAEpC,IAAM,QAAQ,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAI,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,0CAAE,QAAQ,CAAA,CAAA;IAEjE,QAAQ,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE,CAAC;QACvB,KAAK,IAAI;YACP,OAAO,CACL,uBAAC,8BAAuB,eAClB,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,IAClC,CACH,CAAA;QACH,KAAK,IAAI;YACP,OAAO,CACL,uBAAC,8BAAuB,eAClB,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,IAClC,CACH,CAAA;QAEH;YACE,OAAO,CACL,uBAAC,8BAAuB,eAClB,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,IAClC,CACH,CAAA;IACL,CAAC;AACH,CAAC"}
|
package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.d.ts
CHANGED
|
@@ -2,6 +2,8 @@ interface AvailabilitySwitchProps {
|
|
|
2
2
|
name: string;
|
|
3
3
|
readOnly?: boolean;
|
|
4
4
|
useIconComponent?: boolean;
|
|
5
|
+
checkedIcon?: React.ReactNode;
|
|
6
|
+
uncheckedIcon?: React.ReactNode;
|
|
5
7
|
}
|
|
6
|
-
export declare function AvailabilitySwitch({ name, readOnly, useIconComponent }: AvailabilitySwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function AvailabilitySwitch({ name, readOnly, useIconComponent, checkedIcon, uncheckedIcon, }: AvailabilitySwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export {};
|
package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.js
CHANGED
|
@@ -4,14 +4,16 @@ exports.AvailabilitySwitch = AvailabilitySwitch;
|
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
var ui_1 = require("../../../../../../ui/index.js");
|
|
6
6
|
function AvailabilitySwitch(_a) {
|
|
7
|
-
var name = _a.name, readOnly = _a.readOnly, _b = _a.useIconComponent, useIconComponent = _b === void 0 ? false : _b;
|
|
7
|
+
var name = _a.name, readOnly = _a.readOnly, _b = _a.useIconComponent, useIconComponent = _b === void 0 ? false : _b, checkedIcon = _a.checkedIcon, uncheckedIcon = _a.uncheckedIcon;
|
|
8
8
|
return ((0, jsx_runtime_1.jsx)(ui_1.InputSwitch, { name: name, readOnly: readOnly, design: 'checkbox', inputSwitchCheckbox: {
|
|
9
9
|
valueIsFalse: {
|
|
10
|
-
Icon: function () {
|
|
10
|
+
Icon: function () {
|
|
11
|
+
return uncheckedIcon ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: uncheckedIcon })) : ((0, jsx_runtime_1.jsx)("svg", { className: 'icon-close', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M9.99959 9.32208L14.1244 5.19727L15.3029 6.37577L11.1781 10.5006L15.3029 14.6253L14.1244 15.8038L9.99959 11.6791L5.87481 15.8038L4.69629 14.6253L8.82109 10.5006L4.69629 6.37577L5.87481 5.19727L9.99959 9.32208Z', fill: '#DCDCDC' }) }));
|
|
12
|
+
},
|
|
11
13
|
},
|
|
12
14
|
valueIsTrue: {
|
|
13
15
|
Icon: function () {
|
|
14
|
-
return useIconComponent ? ((0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked', color: '#50C0BB' })) : ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)("svg", { className: 'icon-check', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M8.33308 13.1424L15.9934 5.48206L17.1719 6.66056L8.33308 15.4994L3.02979 10.1961L4.2083 9.01762L8.33308 13.1424Z', fill: '#50C0BB' }) }) }));
|
|
16
|
+
return checkedIcon ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: checkedIcon })) : useIconComponent ? ((0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked', color: '#50C0BB' })) : ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)("svg", { className: 'icon-check', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M8.33308 13.1424L15.9934 5.48206L17.1719 6.66056L8.33308 15.4994L3.02979 10.1961L4.2083 9.01762L8.33308 13.1424Z', fill: '#50C0BB' }) }) }));
|
|
15
17
|
},
|
|
16
18
|
},
|
|
17
19
|
} }));
|
package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"availability-switch.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/availability-switch.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"availability-switch.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/availability-switch.tsx"],"names":[],"mappings":";;AAUA,gDA4DC;;AAtED,2BAAwC;AAUxC,SAAgB,kBAAkB,CAAC,EAMT;QALxB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,OAAO,CACL,uBAAC,gBAAW,IACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,UAAU,EACjB,mBAAmB,EAAE;YACnB,YAAY,EAAE;gBACZ,IAAI,EAAE;oBACJ,OAAA,aAAa,CAAC,CAAC,CAAC,CACd,2DAAG,aAAa,GAAI,CACrB,CAAC,CAAC,CAAC,CACF,gCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,iCACE,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GACd,GACE,CACP;gBAhBD,CAgBC;aACJ;YACD,WAAW,EAAE;gBACX,IAAI,EAAE;oBACJ,OAAA,WAAW,CAAC,CAAC,CAAC,CACZ,2DAAG,WAAW,GAAI,CACnB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrB,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,2CACE,gCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,iCACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd,GACE,GACD,CACR;gBApBD,CAoBC;aACJ;SACF,GACD,CACH,CAAA;AACH,CAAC"}
|
package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ interface DesktopTableV1Props {
|
|
|
6
6
|
label: string;
|
|
7
7
|
value: string;
|
|
8
8
|
}[];
|
|
9
|
+
checkedIcon?: React.ReactNode;
|
|
10
|
+
uncheckedIcon?: React.ReactNode;
|
|
9
11
|
}
|
|
10
|
-
export declare function DesktopTableV1({ nameInput, readOnly, useIconComponent, days }: DesktopTableV1Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function DesktopTableV1({ nameInput, readOnly, useIconComponent, days, checkedIcon, uncheckedIcon, }: DesktopTableV1Props): import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
export {};
|
package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.js
CHANGED
|
@@ -6,10 +6,10 @@ var react_1 = require("react");
|
|
|
6
6
|
var mock_1 = require("../../mock.js");
|
|
7
7
|
var availability_switch_1 = require("./availability-switch.js");
|
|
8
8
|
function DesktopTableV1(_a) {
|
|
9
|
-
var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days;
|
|
9
|
+
var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days, checkedIcon = _a.checkedIcon, uncheckedIcon = _a.uncheckedIcon;
|
|
10
10
|
return ((0, jsx_runtime_1.jsxs)("table", { className: 'tabela-disponibilidade', children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", {}), days.map(function (day, i) { return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("th", {}), (0, jsx_runtime_1.jsx)("th", { className: 'dia font-14', children: (0, jsx_runtime_1.jsx)("span", { children: day.label }) })] }, i)); })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: mock_1.periods.map(function (period) { return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: 'periodo font-14', children: period.label }), days.map(function (day) {
|
|
11
11
|
var key = "".concat(nameInput, ".").concat(day.value, ".").concat(period.value, ".active");
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("td", {}), (0, jsx_runtime_1.jsx)("td", { className: 'celula', children: (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent }) })] }, key));
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("td", {}), (0, jsx_runtime_1.jsx)("td", { className: 'celula', children: (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon }) })] }, key));
|
|
13
13
|
})] }, period.value)); }) })] }));
|
|
14
14
|
}
|
|
15
15
|
//# sourceMappingURL=desktop-table-v1.js.map
|
package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"desktop-table-v1.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/desktop-table-v1.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"desktop-table-v1.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/desktop-table-v1.tsx"],"names":[],"mappings":";;AAaA,wCAkDC;;AA/DD,+BAAgC;AAChC,mCAAoC;AACpC,6DAA0D;AAW1D,SAAgB,cAAc,CAAC,EAOT;QANpB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,OAAO,CACL,mCAAO,SAAS,EAAC,wBAAwB,aACvC,4CACE,2CACE,gCAAS,EACR,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,CACpB,wBAAC,gBAAQ,eACP,gCAAS,EACT,+BAAI,SAAS,EAAC,aAAa,YACzB,2CAAO,GAAG,CAAC,KAAK,GAAQ,GACrB,KAJQ,CAAC,CAKL,CACZ,EAPqB,CAOrB,CAAC,IACC,GACC,EACR,4CACG,cAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,2CACE,+BAAI,SAAS,EAAC,iBAAiB,YAAE,MAAM,CAAC,KAAK,GAAM,EAClD,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;4BACZ,IAAM,GAAG,GAAG,UAAG,SAAS,cAAI,GAAG,CAAC,KAAK,cAAI,MAAM,CAAC,KAAK,YAAS,CAAA;4BAE9D,OAAO,CACL,wBAAC,gBAAQ,eACP,gCAAS,EACT,+BAAI,SAAS,EAAC,QAAQ,YACpB,uBAAC,wCAAkB,IACjB,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,GACC,KAVQ,GAAG,CAWP,CACZ,CAAA;wBACH,CAAC,CAAC,KAnBK,MAAM,CAAC,KAAK,CAoBhB,CACN,EAtBwB,CAsBxB,CAAC,GACI,IACF,CACT,CAAA;AACH,CAAC"}
|
package/dist/ui/components/form/input-week-availability/shared/components/desktop-table.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ interface DesktopTableProps {
|
|
|
6
6
|
label: string;
|
|
7
7
|
value: string;
|
|
8
8
|
}[];
|
|
9
|
+
checkedIcon?: React.ReactNode;
|
|
10
|
+
uncheckedIcon?: React.ReactNode;
|
|
9
11
|
}
|
|
10
|
-
export declare function DesktopTable({ nameInput, readOnly, useIconComponent, days }: DesktopTableProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function DesktopTable({ nameInput, readOnly, useIconComponent, days, checkedIcon, uncheckedIcon, }: DesktopTableProps): import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
export {};
|
|
@@ -5,10 +5,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var mock_1 = require("../../mock.js");
|
|
6
6
|
var availability_switch_1 = require("./availability-switch.js");
|
|
7
7
|
function DesktopTable(_a) {
|
|
8
|
-
var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days;
|
|
8
|
+
var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days, checkedIcon = _a.checkedIcon, uncheckedIcon = _a.uncheckedIcon;
|
|
9
9
|
return ((0, jsx_runtime_1.jsxs)("table", { className: 'tabela-disponibilidade', children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", {}), days.map(function (day, i) { return ((0, jsx_runtime_1.jsx)("th", { className: 'dia font-14', children: (0, jsx_runtime_1.jsx)("span", { className: 'font-14-regular', children: day.label }) }, i)); })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: mock_1.periods.map(function (period) { return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: 'periodo font-14', children: period.label }), days.map(function (day) {
|
|
10
10
|
var key = "".concat(nameInput, ".").concat(day.value, ".").concat(period.value, ".active");
|
|
11
|
-
return ((0, jsx_runtime_1.jsx)("td", { className: 'celula', children: (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent }) }, key));
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)("td", { className: 'celula', children: (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon }) }, key));
|
|
12
12
|
})] }, period.value)); }) })] }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=desktop-table.js.map
|
package/dist/ui/components/form/input-week-availability/shared/components/desktop-table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"desktop-table.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/desktop-table.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"desktop-table.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/desktop-table.tsx"],"names":[],"mappings":";;AAYA,oCA2CC;;AAvDD,mCAAoC;AACpC,6DAA0D;AAW1D,SAAgB,YAAY,CAAC,EAOT;QANlB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,OAAO,CACL,mCAAO,SAAS,EAAC,wBAAwB,aACvC,4CACE,2CACE,gCAAS,EACR,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,CACpB,+BAAY,SAAS,EAAC,aAAa,YACjC,iCAAM,SAAS,EAAC,iBAAiB,YAAE,GAAG,CAAC,KAAK,GAAQ,IAD7C,CAAC,CAEL,CACN,EAJqB,CAIrB,CAAC,IACC,GACC,EACR,4CACG,cAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,2CACE,+BAAI,SAAS,EAAC,iBAAiB,YAAE,MAAM,CAAC,KAAK,GAAM,EAClD,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;4BACZ,IAAM,GAAG,GAAG,UAAG,SAAS,cAAI,GAAG,CAAC,KAAK,cAAI,MAAM,CAAC,KAAK,YAAS,CAAA;4BAC9D,OAAO,CACL,+BAAc,SAAS,EAAC,QAAQ,YAC9B,uBAAC,wCAAkB,IACjB,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,IAPK,GAAG,CAQP,CACN,CAAA;wBACH,CAAC,CAAC,KAfK,MAAM,CAAC,KAAK,CAgBhB,CACN,EAlBwB,CAkBxB,CAAC,GACI,IACF,CACT,CAAA;AACH,CAAC"}
|
package/dist/ui/components/form/input-week-availability/shared/components/mobile-layout.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ interface MobileLayoutProps {
|
|
|
6
6
|
label: string;
|
|
7
7
|
value: string;
|
|
8
8
|
}[];
|
|
9
|
+
checkedIcon?: React.ReactNode;
|
|
10
|
+
uncheckedIcon?: React.ReactNode;
|
|
9
11
|
}
|
|
10
|
-
export declare function MobileLayout({ nameInput, readOnly, useIconComponent, days }: MobileLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function MobileLayout({ nameInput, readOnly, useIconComponent, days, checkedIcon, uncheckedIcon, }: MobileLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
export {};
|
|
@@ -5,10 +5,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var mock_1 = require("../../mock.js");
|
|
6
6
|
var availability_switch_1 = require("./availability-switch.js");
|
|
7
7
|
function MobileLayout(_a) {
|
|
8
|
-
var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days;
|
|
8
|
+
var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days, checkedIcon = _a.checkedIcon, uncheckedIcon = _a.uncheckedIcon;
|
|
9
9
|
return ((0, jsx_runtime_1.jsx)("div", { className: 'week-availability-mobile', children: days.map(function (day) { return ((0, jsx_runtime_1.jsxs)("div", { className: 'day-card', children: [(0, jsx_runtime_1.jsx)("div", { className: 'day-title', children: day.label }), (0, jsx_runtime_1.jsx)("div", { className: 'periods', children: mock_1.periods.map(function (period) {
|
|
10
10
|
var key = "".concat(nameInput, ".").concat(day.value, ".").concat(period.value, ".active");
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: 'period-row', children: [(0, jsx_runtime_1.jsx)("span", { className: 'period-label', children: period.label }), (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent })] }, period.value));
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: 'period-row', children: [(0, jsx_runtime_1.jsx)("span", { className: 'period-label', children: period.label }), (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon })] }, period.value));
|
|
12
12
|
}) })] }, day.value)); }) }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=mobile-layout.js.map
|
package/dist/ui/components/form/input-week-availability/shared/components/mobile-layout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile-layout.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/mobile-layout.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"mobile-layout.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/mobile-layout.tsx"],"names":[],"mappings":";;AAYA,oCAkCC;;AA9CD,mCAAoC;AACpC,6DAA0D;AAW1D,SAAgB,YAAY,CAAC,EAOT;QANlB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,OAAO,CACL,gCAAK,SAAS,EAAC,0BAA0B,YACtC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACjB,iCAAK,SAAS,EAAC,UAAU,aACvB,gCAAK,SAAS,EAAC,WAAW,YAAE,GAAG,CAAC,KAAK,GAAO,EAC5C,gCAAK,SAAS,EAAC,SAAS,YACrB,cAAO,CAAC,GAAG,CAAC,UAAC,MAAM;wBAClB,IAAM,GAAG,GAAG,UAAG,SAAS,cAAI,GAAG,CAAC,KAAK,cAAI,MAAM,CAAC,KAAK,YAAS,CAAA;wBAC9D,OAAO,CACL,iCAAK,SAAS,EAAC,YAAY,aACzB,iCAAM,SAAS,EAAC,cAAc,YAAE,MAAM,CAAC,KAAK,GAAQ,EACpD,uBAAC,wCAAkB,IACjB,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,KAR6B,MAAM,CAAC,KAAK,CASvC,CACP,CAAA;oBACH,CAAC,CAAC,GACE,KAlBuB,GAAG,CAAC,KAAK,CAmBlC,CACP,EArBkB,CAqBlB,CAAC,GACE,CACP,CAAA;AACH,CAAC"}
|
|
@@ -2,6 +2,8 @@ import { InputProps } from '../../../../../ui/index.js';
|
|
|
2
2
|
import { DayLabelFormat } from '../shared/types.js';
|
|
3
3
|
interface Props extends InputProps {
|
|
4
4
|
dayLabelFormat?: DayLabelFormat;
|
|
5
|
+
checkedIcon?: React.ReactNode;
|
|
6
|
+
uncheckedIcon?: React.ReactNode;
|
|
5
7
|
}
|
|
6
|
-
export declare function InputWeekAvailabilityV1({ name, label, readOnly, dayLabelFormat }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function InputWeekAvailabilityV1({ name, label, readOnly, dayLabelFormat, checkedIcon, uncheckedIcon }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export {};
|
|
@@ -8,9 +8,9 @@ var desktop_table_v1_1 = require("../shared/components/desktop-table-v1.js");
|
|
|
8
8
|
var base_styles_1 = require("../shared/styles/base-styles.js");
|
|
9
9
|
var types_1 = require("../shared/types.js");
|
|
10
10
|
function InputWeekAvailabilityV1(_a) {
|
|
11
|
-
var name = _a.name, label = _a.label, readOnly = _a.readOnly, dayLabelFormat = _a.dayLabelFormat;
|
|
11
|
+
var name = _a.name, label = _a.label, readOnly = _a.readOnly, dayLabelFormat = _a.dayLabelFormat, checkedIcon = _a.checkedIcon, uncheckedIcon = _a.uncheckedIcon;
|
|
12
12
|
var nameInput = (0, use_week_availability_1.useWeekAvailability)(name).nameInput;
|
|
13
13
|
var days = (0, types_1.getDays)(dayLabelFormat || 'short');
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputWeekAvailability', children: (0, jsx_runtime_1.jsxs)(base_styles_1.BaseInputWeekAvailability, { className: 'input_week_availability', children: [label && (0, jsx_runtime_1.jsx)("label", { className: 'font-18-bold', children: label }), (0, jsx_runtime_1.jsx)(desktop_table_v1_1.DesktopTableV1, { nameInput: nameInput, readOnly: readOnly, useIconComponent: false, days: days })] }) }));
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputWeekAvailability', children: (0, jsx_runtime_1.jsxs)(base_styles_1.BaseInputWeekAvailability, { className: 'input_week_availability', children: [label && (0, jsx_runtime_1.jsx)("label", { className: 'font-18-bold', children: label }), (0, jsx_runtime_1.jsx)(desktop_table_v1_1.DesktopTableV1, { nameInput: nameInput, readOnly: readOnly, useIconComponent: false, days: days, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon })] }) }));
|
|
15
15
|
}
|
|
16
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/v-01/index.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/v-01/index.tsx"],"names":[],"mappings":";;AAYA,0DAmBC;;AA/BD,2BAAwC;AACxC,+EAA2E;AAC3E,0EAAsE;AACtE,4DAAwE;AACxE,yCAAyD;AAQzD,SAAgB,uBAAuB,CAAC,EAA4E;QAA1E,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,aAAa,mBAAA;IACjG,IAAA,SAAS,GAAK,IAAA,2CAAmB,EAAC,IAAI,CAAC,UAA9B,CAA8B;IAC/C,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC,cAAc,IAAI,OAAO,CAAC,CAAA;IAE/C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,uBAAuB,YACjC,wBAAC,uCAAyB,IAAC,SAAS,EAAC,yBAAyB,aAC3D,KAAK,IAAI,kCAAO,SAAS,EAAC,cAAc,YAAE,KAAK,GAAS,EACzD,uBAAC,iCAAc,IACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,KAAK,EACvB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,IACwB,GACtB,CACT,CAAA;AACH,CAAC"}
|
|
@@ -2,6 +2,8 @@ import { InputProps } from '../../../../../ui/index.js';
|
|
|
2
2
|
import { DayLabelFormat } from '../shared/types.js';
|
|
3
3
|
interface Props extends InputProps {
|
|
4
4
|
dayLabelFormat?: DayLabelFormat;
|
|
5
|
+
checkedIcon?: React.ReactNode;
|
|
6
|
+
uncheckedIcon?: React.ReactNode;
|
|
5
7
|
}
|
|
6
|
-
export declare function InputWeekAvailabilityV2({ name, label, readOnly, dayLabelFormat }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function InputWeekAvailabilityV2({ name, label, readOnly, dayLabelFormat, checkedIcon, uncheckedIcon }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export {};
|
|
@@ -12,11 +12,11 @@ var mobile_styles_1 = require("../shared/styles/mobile-styles.js");
|
|
|
12
12
|
var desktop_styles_1 = require("../shared/styles/desktop-styles.js");
|
|
13
13
|
var types_1 = require("../shared/types.js");
|
|
14
14
|
function InputWeekAvailabilityV2(_a) {
|
|
15
|
-
var name = _a.name, label = _a.label, readOnly = _a.readOnly, dayLabelFormat = _a.dayLabelFormat;
|
|
15
|
+
var name = _a.name, label = _a.label, readOnly = _a.readOnly, dayLabelFormat = _a.dayLabelFormat, checkedIcon = _a.checkedIcon, uncheckedIcon = _a.uncheckedIcon;
|
|
16
16
|
var nameInput = (0, use_week_availability_1.useWeekAvailability)(name).nameInput;
|
|
17
17
|
var windowObj = (0, use_window_1.useWindow)();
|
|
18
18
|
var isMobile = windowObj && windowObj.innerWidth <= 768;
|
|
19
19
|
var days = (0, types_1.getDays)(dayLabelFormat || 'medium');
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputWeekAvailability', children: (0, jsx_runtime_1.jsx)(base_styles_1.BaseInputWeekAvailability, { className: 'input_week_availability', children: (0, jsx_runtime_1.jsx)(mobile_styles_1.MobileStyles, { children: (0, jsx_runtime_1.jsxs)(desktop_styles_1.DesktopStyles, { children: [label && (0, jsx_runtime_1.jsx)("label", { className: 'font-18-bold', children: label }), isMobile ? ((0, jsx_runtime_1.jsx)(mobile_layout_1.MobileLayout, { nameInput: nameInput, readOnly: readOnly, useIconComponent: true, days: days })) : ((0, jsx_runtime_1.jsx)(desktop_table_1.DesktopTable, { nameInput: nameInput, readOnly: readOnly, useIconComponent: true, days: days }))] }) }) }) }));
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputWeekAvailability', children: (0, jsx_runtime_1.jsx)(base_styles_1.BaseInputWeekAvailability, { className: 'input_week_availability', children: (0, jsx_runtime_1.jsx)(mobile_styles_1.MobileStyles, { children: (0, jsx_runtime_1.jsxs)(desktop_styles_1.DesktopStyles, { children: [label && (0, jsx_runtime_1.jsx)("label", { className: 'font-18-bold', children: label }), isMobile ? ((0, jsx_runtime_1.jsx)(mobile_layout_1.MobileLayout, { nameInput: nameInput, readOnly: readOnly, useIconComponent: true, days: days, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon })) : ((0, jsx_runtime_1.jsx)(desktop_table_1.DesktopTable, { nameInput: nameInput, readOnly: readOnly, useIconComponent: true, days: days, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon }))] }) }) }) }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/v-02/index.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/v-02/index.tsx"],"names":[],"mappings":";;AAgBA,0DAoCC;;AApDD,2BAAwC;AACxC,oDAAiD;AACjD,+EAA2E;AAC3E,oEAAiE;AACjE,oEAAiE;AACjE,4DAAwE;AACxE,gEAA6D;AAC7D,kEAA+D;AAC/D,yCAAyD;AAQzD,SAAgB,uBAAuB,CAAC,EAA4E;QAA1E,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,aAAa,mBAAA;IACjG,IAAA,SAAS,GAAK,IAAA,2CAAmB,EAAC,IAAI,CAAC,UAA9B,CAA8B;IAC/C,IAAM,SAAS,GAAG,IAAA,sBAAS,GAAE,CAAA;IAC7B,IAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,CAAC,UAAU,IAAI,GAAG,CAAA;IACzD,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC,cAAc,IAAI,QAAQ,CAAC,CAAA;IAEhD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,uBAAuB,YACjC,uBAAC,uCAAyB,IAAC,SAAS,EAAC,yBAAyB,YAC5D,uBAAC,4BAAY,cACX,wBAAC,8BAAa,eACX,KAAK,IAAI,kCAAO,SAAS,EAAC,cAAc,YAAE,KAAK,GAAS,EACxD,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,4BAAY,IACX,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,IAAI,EACtB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAY,IACX,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,IAAI,EACtB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,CACH,IACa,GACH,GACW,GACtB,CACT,CAAA;AACH,CAAC"}
|
|
@@ -41,7 +41,7 @@ var S = __importStar(require("./styles.js"));
|
|
|
41
41
|
function UserMenu(_a) {
|
|
42
42
|
var name = _a.name, subtitle = _a.subtitle, avatar = _a.avatar, email = _a.email, onEditProfile = _a.onEditProfile, onLogout = _a.onLogout, customOptions = _a.customOptions;
|
|
43
43
|
function UserMenuContent() {
|
|
44
|
-
return ((0, jsx_runtime_1.jsxs)(S.UserMenuContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top', children: [(0, jsx_runtime_1.jsx)("img", { src: avatar, alt: name }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: 'title', children: name }), (0, jsx_runtime_1.jsx)("span", { className: 'subtext', children: email })] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'separator' }), (0, jsx_runtime_1.jsxs)("div", { className: 'options', children: [customOptions === null || customOptions === void 0 ? void 0 : customOptions.map(function (option) { return ((0, jsx_runtime_1.jsxs)("button", { className: 'option', onClick: option.onClick, children: [option.icon, (0, jsx_runtime_1.jsx)("span", { children: option.label })] })); }), (0, jsx_runtime_1.jsxs)("button", { className: 'option', onClick: onEditProfile, children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconEditProfile' }), (0, jsx_runtime_1.jsx)("span", { children: "Editar Perfil" })] }), (0, jsx_runtime_1.jsx)("div", { className: 'separator' }), (0, jsx_runtime_1.jsxs)("button", { className: 'option red', onClick: onLogout, children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconExit' }), (0, jsx_runtime_1.jsx)("span", { children: "Sair" })] })] })] }));
|
|
44
|
+
return ((0, jsx_runtime_1.jsxs)(S.UserMenuContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top', children: [(0, jsx_runtime_1.jsx)("img", { src: avatar, alt: name }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: 'title', children: name }), (0, jsx_runtime_1.jsx)("span", { className: 'subtext', children: email })] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'separator' }), (0, jsx_runtime_1.jsxs)("div", { className: 'options', children: [customOptions === null || customOptions === void 0 ? void 0 : customOptions.map(function (option) { return ((0, jsx_runtime_1.jsxs)("button", { className: 'option', onClick: option.onClick, children: [option.icon, (0, jsx_runtime_1.jsx)("span", { children: option.label })] })); }), onEditProfile && ((0, jsx_runtime_1.jsxs)("button", { className: 'option', onClick: onEditProfile, children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconEditProfile' }), (0, jsx_runtime_1.jsx)("span", { children: "Editar Perfil" })] })), onLogout && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'separator' }), (0, jsx_runtime_1.jsxs)("button", { className: 'option red', onClick: onLogout, children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconExit' }), (0, jsx_runtime_1.jsx)("span", { children: "Sair" })] })] }))] })] }));
|
|
45
45
|
}
|
|
46
46
|
return ((0, jsx_runtime_1.jsxs)(S.UserMenu, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: 'title', children: name }), (0, jsx_runtime_1.jsx)("span", { className: 'subtext', children: subtitle })] }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { idTooltip: 'user-menu-tooltip', trigger: (0, jsx_runtime_1.jsx)("img", { src: avatar, alt: name }), content: (0, jsx_runtime_1.jsx)(UserMenuContent, {}) })] }));
|
|
47
47
|
}
|