infinity-forge 11.4.4 → 11.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/test/index.js +1 -94
- package/dist/test/index.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-actions/crop-actions.d.ts +9 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-actions/crop-actions.js +12 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-actions/crop-actions.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-actions/index.d.ts +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-actions/index.js +6 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-actions/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.d.ts +12 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.js +54 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/index.d.ts +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/index.js +6 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/crop-interface.d.ts +9 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/crop-interface.js +56 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/crop-interface.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/index.d.ts +1 -9
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/index.js +3 -233
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/index.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/styles.js +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/styles.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-styles/crop-styles.d.ts +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-styles/crop-styles.js +13 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-styles/crop-styles.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-styles/index.d.ts +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-styles/index.js +6 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-styles/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/index.d.ts +3 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/index.js +13 -9
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/index.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/interfaces.d.ts +2 -2
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.js +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/index.d.ts +3 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/index.js +10 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/index.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-interactions.d.ts +13 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-interactions.js +190 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-interactions.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-operations.d.ts +14 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-operations.js +82 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-operations.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-state.d.ts +16 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-state.js +84 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/hooks/use-crop-state.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/index.js +2 -11
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/index.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/shared/types.d.ts +15 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/shared/{interfaces.js → types.js} +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/shared/types.js.map +1 -0
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/utils/crop-utils.d.ts +3 -3
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/utils/crop-utils.js +2 -2
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/utils/crop-utils.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/index.js +8 -42
- package/dist/ui/components/form/input-file/input-crop-image/index.js.map +1 -1
- package/dist/ui/components/site/header-link/interfaces.d.ts +1 -1
- package/package.json +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/shared/interfaces.d.ts +0 -6
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/shared/interfaces.js.map +0 -1
- package/dist/ui/components/form/input-file/input-crop-image/styles.d.ts +0 -1
- package/dist/ui/components/form/input-file/input-crop-image/styles.js +0 -14
- package/dist/ui/components/form/input-file/input-crop-image/styles.js.map +0 -1
package/dist/test/index.js
CHANGED
|
@@ -1,102 +1,9 @@
|
|
|
1
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
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
36
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
37
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
38
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
39
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
40
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
41
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
45
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
46
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
47
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
48
|
-
function step(op) {
|
|
49
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
50
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
51
|
-
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;
|
|
52
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
53
|
-
switch (op[0]) {
|
|
54
|
-
case 0: case 1: t = op; break;
|
|
55
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
56
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
57
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
58
|
-
default:
|
|
59
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
60
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
61
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
62
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
63
|
-
if (t[2]) _.ops.pop();
|
|
64
|
-
_.trys.pop(); continue;
|
|
65
|
-
}
|
|
66
|
-
op = body.call(thisArg, _);
|
|
67
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
68
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
72
3
|
exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro;
|
|
73
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
74
|
-
var system_1 = require("../system/index.js");
|
|
75
5
|
var ui_1 = require("../ui/index.js");
|
|
76
|
-
var yup = __importStar(require("yup"));
|
|
77
6
|
function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
|
|
78
|
-
|
|
79
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.FormHandler, { cleanFieldsOnSubmit: false, button: { text: 'teste' }, schema: {
|
|
80
|
-
test1: yup.object({
|
|
81
|
-
name: ui_1.schema.required(),
|
|
82
|
-
}),
|
|
83
|
-
test2: yup.object({
|
|
84
|
-
name: ui_1.schema.required(),
|
|
85
|
-
}),
|
|
86
|
-
test3: yup.array().of(yup.object({
|
|
87
|
-
name: ui_1.schema.required(),
|
|
88
|
-
})),
|
|
89
|
-
}, initialData: { test3: [{}], test1: "test@gmail.com" }, onSucess: function (r) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
|
|
90
|
-
return [2 /*return*/, console.log(r)];
|
|
91
|
-
}); }); }, children: (0, jsx_runtime_1.jsx)(system_1.Tab, { mapAllTabs: true, tabs: [
|
|
92
|
-
{ key: 'test1', title: 'Test1', content: Test1 },
|
|
93
|
-
{ key: 'test2', title: 'test2', content: Test2 },
|
|
94
|
-
] }) }));
|
|
95
|
-
}
|
|
96
|
-
function Test1() {
|
|
97
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'test1', label: 'Test1' }), (0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'test3[0].name', label: 'Test1' })] }));
|
|
98
|
-
}
|
|
99
|
-
function Test2() {
|
|
100
|
-
return (0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'test2.name', label: 'Test2' });
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.FormHandler, {}));
|
|
101
8
|
}
|
|
102
9
|
//# sourceMappingURL=index.js.map
|
package/dist/test/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;AAKA,wGAQC;;AAXD,2BAAkC;AAGlC,SAAgB,8CAA8C;IAC5D,OAAO,CACL,uBAAC,gBAAW,KAIE,CACf,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface CropActionsProps {
|
|
2
|
+
onRestore: () => void;
|
|
3
|
+
onCancel: () => void;
|
|
4
|
+
onApply: () => void;
|
|
5
|
+
isLoading: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function CropActionsComponent({ onRestore, onCancel, onApply, isLoading }: CropActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const CropActions: import("react").MemoExoticComponent<typeof CropActionsComponent>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CropActions = void 0;
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var ui_1 = require("../../../../../../../../ui/index.js");
|
|
7
|
+
function CropActionsComponent(_a) {
|
|
8
|
+
var onRestore = _a.onRestore, onCancel = _a.onCancel, onApply = _a.onApply, isLoading = _a.isLoading;
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: 'actions-wrapper', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'actions-group', children: [(0, jsx_runtime_1.jsx)(ui_1.Button, { text: 'Restaurar Original', onClick: onRestore, disabled: isLoading, className: 'px-6 py-2.5', svg: 'IconUndo' }), (0, jsx_runtime_1.jsx)(ui_1.Button, { className: 'cancel', text: 'Cancelar', onClick: onCancel, disabled: isLoading, svg: 'IconClose' })] }), (0, jsx_runtime_1.jsx)(ui_1.Button, { className: 'accept', text: 'Aplicar Recorte', onClick: onApply, svg: 'Checked', disabled: isLoading })] }));
|
|
10
|
+
}
|
|
11
|
+
exports.CropActions = (0, react_1.memo)(CropActionsComponent);
|
|
12
|
+
//# sourceMappingURL=crop-actions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crop-actions.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-actions/crop-actions.tsx"],"names":[],"mappings":";;;;AAAA,+BAA4B;AAC5B,2BAA6B;AAS7B,SAAS,oBAAoB,CAAC,EAA6D;QAA3D,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA;IACrE,OAAO,CACL,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,iCAAK,SAAS,EAAC,eAAe,aAC5B,uBAAC,WAAM,IACL,IAAI,EAAC,oBAAoB,EACzB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,UAAU,GACd,EAEF,uBAAC,WAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAC,WAAW,GAAG,IACjG,EAEN,uBAAC,WAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAE,SAAS,GAAI,IACrG,CACP,CAAA;AACH,CAAC;AAEY,QAAA,WAAW,GAAG,IAAA,YAAI,EAAC,oBAAoB,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CropActions } from './crop-actions.js';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CropActions = void 0;
|
|
4
|
+
var crop_actions_1 = require("./crop-actions.js");
|
|
5
|
+
Object.defineProperty(exports, "CropActions", { enumerable: true, get: function () { return crop_actions_1.CropActions; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-actions/index.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAAnC,2GAAA,WAAW,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ImageDimensions, DisplayCropArea, ResizeDirection } from '../../shared/types.js';
|
|
2
|
+
interface CropCanvasProps {
|
|
3
|
+
file: any;
|
|
4
|
+
imageDimensions: ImageDimensions;
|
|
5
|
+
cropArea: DisplayCropArea;
|
|
6
|
+
displayCropArea: DisplayCropArea;
|
|
7
|
+
onStart: (e: React.MouseEvent | React.TouchEvent, action: 'move' | 'resize', direction?: ResizeDirection) => void;
|
|
8
|
+
imageRef: React.RefObject<HTMLImageElement>;
|
|
9
|
+
}
|
|
10
|
+
declare function CropCanvasComponent({ file, imageDimensions, cropArea, displayCropArea, onStart, imageRef }: CropCanvasProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const CropCanvas: import("react").MemoExoticComponent<typeof CropCanvasComponent>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CropCanvas = void 0;
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var ui_1 = require("../../../../../../../../ui/index.js");
|
|
7
|
+
function CropCanvasComponent(_a) {
|
|
8
|
+
var file = _a.file, imageDimensions = _a.imageDimensions, cropArea = _a.cropArea, displayCropArea = _a.displayCropArea, onStart = _a.onStart, imageRef = _a.imageRef;
|
|
9
|
+
var containerRef = (0, react_1.useRef)(null);
|
|
10
|
+
var handleResizeStart = (0, react_1.useCallback)(function (e, direction) {
|
|
11
|
+
e.stopPropagation();
|
|
12
|
+
onStart(e, 'resize', direction);
|
|
13
|
+
}, [onStart]);
|
|
14
|
+
var handleMoveStart = (0, react_1.useCallback)(function (e) {
|
|
15
|
+
onStart(e, 'move');
|
|
16
|
+
}, [onStart]);
|
|
17
|
+
var clearCropAreaStyle = (0, react_1.useMemo)(function () { return ({
|
|
18
|
+
left: "".concat(displayCropArea.x, "px"),
|
|
19
|
+
top: "".concat(displayCropArea.y, "px"),
|
|
20
|
+
width: "".concat(displayCropArea.width, "px"),
|
|
21
|
+
height: "".concat(displayCropArea.height, "px"),
|
|
22
|
+
boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.4)',
|
|
23
|
+
}); }, [displayCropArea.x, displayCropArea.y, displayCropArea.width, displayCropArea.height]);
|
|
24
|
+
var cropSelectionAreaStyle = (0, react_1.useMemo)(function () { return ({
|
|
25
|
+
left: "".concat(displayCropArea.x, "px"),
|
|
26
|
+
top: "".concat(displayCropArea.y, "px"),
|
|
27
|
+
width: "".concat(displayCropArea.width, "px"),
|
|
28
|
+
height: "".concat(displayCropArea.height, "px"),
|
|
29
|
+
}); }, [displayCropArea.x, displayCropArea.y, displayCropArea.width, displayCropArea.height]);
|
|
30
|
+
var formattedDimensions = (0, react_1.useMemo)(function () { return ({
|
|
31
|
+
width: Math.round(cropArea.width),
|
|
32
|
+
height: Math.round(cropArea.height),
|
|
33
|
+
aspectRatio: cropArea.width / cropArea.height ? "".concat((cropArea.width / cropArea.height).toFixed(2), ":1") : 'Free',
|
|
34
|
+
}); }, [cropArea.width, cropArea.height]);
|
|
35
|
+
if (imageDimensions.width === 0 || imageDimensions.height === 0) {
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: 'loading-wrapper', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLoading' }) }));
|
|
37
|
+
}
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: 'crop-area-wrapper', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'crop-image-box', children: [(0, jsx_runtime_1.jsx)("img", { className: 'crop-image', ref: imageRef, src: file === null || file === void 0 ? void 0 : file.url, alt: 'Image to crop' }), (0, jsx_runtime_1.jsxs)("div", { className: 'crop-overlay', ref: containerRef, children: [(0, jsx_runtime_1.jsx)("div", { className: 'dimmed-overlay' }), (0, jsx_runtime_1.jsx)("div", { className: 'clear-crop-area', style: clearCropAreaStyle }), (0, jsx_runtime_1.jsxs)("div", { className: 'crop-selection-area', style: cropSelectionAreaStyle, onMouseDown: handleMoveStart, onTouchStart: handleMoveStart, children: [(0, jsx_runtime_1.jsx)("div", { className: 'corner-handle nw', onMouseDown: function (e) { return handleResizeStart(e, 'nw'); }, onTouchStart: function (e) { return handleResizeStart(e, 'nw'); } }), (0, jsx_runtime_1.jsx)("div", { className: 'corner-handle ne', onMouseDown: function (e) { return handleResizeStart(e, 'ne'); }, onTouchStart: function (e) { return handleResizeStart(e, 'ne'); } }), (0, jsx_runtime_1.jsx)("div", { className: 'corner-handle sw', onMouseDown: function (e) { return handleResizeStart(e, 'sw'); }, onTouchStart: function (e) { return handleResizeStart(e, 'sw'); } }), (0, jsx_runtime_1.jsx)("div", { className: 'corner-handle se', onMouseDown: function (e) { return handleResizeStart(e, 'se'); }, onTouchStart: function (e) { return handleResizeStart(e, 'se'); } }), (0, jsx_runtime_1.jsx)("div", { className: 'edge-handle n', onMouseDown: function (e) { return handleResizeStart(e, 'n'); }, onTouchStart: function (e) { return handleResizeStart(e, 'n'); } }), (0, jsx_runtime_1.jsx)("div", { className: 'edge-handle s', onMouseDown: function (e) { return handleResizeStart(e, 's'); }, onTouchStart: function (e) { return handleResizeStart(e, 's'); } }), (0, jsx_runtime_1.jsx)("div", { className: 'edge-handle w', onMouseDown: function (e) { return handleResizeStart(e, 'w'); }, onTouchStart: function (e) { return handleResizeStart(e, 'w'); } }), (0, jsx_runtime_1.jsx)("div", { className: 'edge-handle e', onMouseDown: function (e) { return handleResizeStart(e, 'e'); }, onTouchStart: function (e) { return handleResizeStart(e, 'e'); } })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'crop-dimensions', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'crop-dimension-item', children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftArrowBar' }), formattedDimensions.width, " \u00D7 ", formattedDimensions.height, " px"] }), (0, jsx_runtime_1.jsxs)("div", { className: 'crop-dimension-item', children: ["Aspect Ratio: ", formattedDimensions.aspectRatio] })] })] }));
|
|
39
|
+
}
|
|
40
|
+
exports.CropCanvas = (0, react_1.memo)(CropCanvasComponent, function (prevProps, nextProps) {
|
|
41
|
+
var _a, _b;
|
|
42
|
+
return (((_a = prevProps.file) === null || _a === void 0 ? void 0 : _a.url) === ((_b = nextProps.file) === null || _b === void 0 ? void 0 : _b.url) &&
|
|
43
|
+
prevProps.imageDimensions.width === nextProps.imageDimensions.width &&
|
|
44
|
+
prevProps.imageDimensions.height === nextProps.imageDimensions.height &&
|
|
45
|
+
prevProps.cropArea.x === nextProps.cropArea.x &&
|
|
46
|
+
prevProps.cropArea.y === nextProps.cropArea.y &&
|
|
47
|
+
prevProps.cropArea.width === nextProps.cropArea.width &&
|
|
48
|
+
prevProps.cropArea.height === nextProps.cropArea.height &&
|
|
49
|
+
prevProps.displayCropArea.x === nextProps.displayCropArea.x &&
|
|
50
|
+
prevProps.displayCropArea.y === nextProps.displayCropArea.y &&
|
|
51
|
+
prevProps.displayCropArea.width === nextProps.displayCropArea.width &&
|
|
52
|
+
prevProps.displayCropArea.height === nextProps.displayCropArea.height);
|
|
53
|
+
});
|
|
54
|
+
//# sourceMappingURL=crop-canvas.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crop-canvas.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CropCanvas } from './crop-canvas.js';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CropCanvas = void 0;
|
|
4
|
+
var crop_canvas_1 = require("./crop-canvas.js");
|
|
5
|
+
Object.defineProperty(exports, "CropCanvas", { enumerable: true, get: function () { return crop_canvas_1.CropCanvas; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/index.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAAjC,yGAAA,UAAU,OAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FileSystemType } from '../../../../../../../../ui/index.js';
|
|
2
|
+
interface CropInterfaceProps {
|
|
3
|
+
file: FileSystemType | null;
|
|
4
|
+
onCancel: () => void;
|
|
5
|
+
onError: (error: string) => void;
|
|
6
|
+
onApplyCrop?: (croppedFile: FileSystemType) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function CropInterface({ file, onCancel, onError, onApplyCrop }: CropInterfaceProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.CropInterface = CropInterface;
|
|
7
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
var react_1 = require("react");
|
|
9
|
+
var hooks_1 = require("../../hooks/index.js");
|
|
10
|
+
var crop_actions_1 = require("../crop-actions/index.js");
|
|
11
|
+
var crop_canvas_1 = require("../crop-canvas/index.js");
|
|
12
|
+
var preview_panel_1 = __importDefault(require("../preview-panel/index.js"));
|
|
13
|
+
function CropInterface(_a) {
|
|
14
|
+
var file = _a.file, onCancel = _a.onCancel, onError = _a.onError, onApplyCrop = _a.onApplyCrop;
|
|
15
|
+
var imageRef = (0, react_1.useRef)(null);
|
|
16
|
+
var _b = (0, hooks_1.useCropState)({
|
|
17
|
+
file: file,
|
|
18
|
+
}), imageDimensions = _b.imageDimensions, cropArea = _b.cropArea, setCropArea = _b.setCropArea, aspectRatio = _b.aspectRatio, restoreOriginal = _b.restoreOriginal, setAspectRatioPreset = _b.setAspectRatioPreset;
|
|
19
|
+
var _c = (0, hooks_1.useCropInteractions)({
|
|
20
|
+
imageDimensions: imageDimensions,
|
|
21
|
+
cropArea: cropArea,
|
|
22
|
+
setCropArea: setCropArea,
|
|
23
|
+
aspectRatio: aspectRatio,
|
|
24
|
+
imageRef: imageRef,
|
|
25
|
+
}), handleStart = _c.handleStart, getDisplayScale = _c.getDisplayScale;
|
|
26
|
+
var _d = (0, hooks_1.useCropOperations)({
|
|
27
|
+
file: file,
|
|
28
|
+
cropArea: cropArea,
|
|
29
|
+
onApplyCrop: onApplyCrop,
|
|
30
|
+
onCancel: onCancel,
|
|
31
|
+
onError: onError,
|
|
32
|
+
}), isLoading = _d.isLoading, handleApplyCrop = _d.handleApplyCrop;
|
|
33
|
+
var memoizedGetDisplayScale = (0, react_1.useCallback)(function () {
|
|
34
|
+
return getDisplayScale();
|
|
35
|
+
}, [getDisplayScale]);
|
|
36
|
+
var displayCropArea = (0, react_1.useMemo)(function () {
|
|
37
|
+
var scale = memoizedGetDisplayScale();
|
|
38
|
+
return {
|
|
39
|
+
x: cropArea.x * scale,
|
|
40
|
+
y: cropArea.y * scale,
|
|
41
|
+
width: cropArea.width * scale,
|
|
42
|
+
height: cropArea.height * scale,
|
|
43
|
+
};
|
|
44
|
+
}, [cropArea.x, cropArea.y, cropArea.width, cropArea.height, memoizedGetDisplayScale]);
|
|
45
|
+
var memoizedHandleStart = (0, react_1.useCallback)(function (e, action, direction) {
|
|
46
|
+
handleStart(e, action, direction);
|
|
47
|
+
}, [handleStart]);
|
|
48
|
+
var memoizedRestoreOriginal = (0, react_1.useCallback)(function () {
|
|
49
|
+
restoreOriginal();
|
|
50
|
+
}, [restoreOriginal]);
|
|
51
|
+
var memoizedSetAspectRatioPreset = (0, react_1.useCallback)(function (ratio) {
|
|
52
|
+
setAspectRatioPreset(ratio);
|
|
53
|
+
}, [setAspectRatioPreset]);
|
|
54
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: 'crop-interface', children: [(0, jsx_runtime_1.jsx)(crop_actions_1.CropActions, { onRestore: memoizedRestoreOriginal, onCancel: onCancel, onApply: handleApplyCrop, isLoading: isLoading }), (0, jsx_runtime_1.jsxs)("div", { className: 'main-crop-area', children: [(0, jsx_runtime_1.jsx)(crop_canvas_1.CropCanvas, { file: file, imageDimensions: imageDimensions, cropArea: cropArea, displayCropArea: displayCropArea, onStart: memoizedHandleStart, imageRef: imageRef }), (0, jsx_runtime_1.jsx)(preview_panel_1.default, { file: file, imageDimensions: imageDimensions, cropArea: cropArea, onAspectRatioChange: memoizedSetAspectRatioPreset })] })] }));
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=crop-interface.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crop-interface.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/crop-interface.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1 @@
|
|
|
1
|
-
|
|
2
|
-
interface CropInterfaceProps {
|
|
3
|
-
file: FileSystemType | null;
|
|
4
|
-
onCancel: () => void;
|
|
5
|
-
onError: (error: string) => void;
|
|
6
|
-
onApplyCrop?: (croppedFile: FileSystemType) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare function CropInterface({ file, onCancel, onError, onApplyCrop }: CropInterfaceProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
1
|
+
export { CropInterface } from './crop-interface.js';
|
|
@@ -1,236 +1,6 @@
|
|
|
1
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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
24
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
-
function step(op) {
|
|
27
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
29
|
-
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;
|
|
30
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
-
switch (op[0]) {
|
|
32
|
-
case 0: case 1: t = op; break;
|
|
33
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
-
default:
|
|
37
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
-
if (t[2]) _.ops.pop();
|
|
42
|
-
_.trys.pop(); continue;
|
|
43
|
-
}
|
|
44
|
-
op = body.call(thisArg, _);
|
|
45
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
50
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
51
|
-
};
|
|
52
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
|
-
exports.CropInterface =
|
|
54
|
-
var
|
|
55
|
-
|
|
56
|
-
var ui_1 = require("../../../../../../../../ui/index.js");
|
|
57
|
-
var preview_panel_1 = __importDefault(require("../preview-panel/index.js"));
|
|
58
|
-
var crop_utils_1 = require("../../utils/crop-utils.js");
|
|
59
|
-
function CropInterface(_a) {
|
|
60
|
-
var _this = this;
|
|
61
|
-
var file = _a.file, onCancel = _a.onCancel, onError = _a.onError, onApplyCrop = _a.onApplyCrop;
|
|
62
|
-
var _b = (0, react_1.useState)({ width: 0, height: 0 }), imageDimensions = _b[0], setImageDimensions = _b[1];
|
|
63
|
-
var _c = (0, react_1.useState)({
|
|
64
|
-
x: 0,
|
|
65
|
-
y: 0,
|
|
66
|
-
width: 0,
|
|
67
|
-
height: 0,
|
|
68
|
-
}), cropArea = _c[0], setCropArea = _c[1];
|
|
69
|
-
var _d = (0, react_1.useState)(false), isDragging = _d[0], setIsDragging = _d[1];
|
|
70
|
-
var _e = (0, react_1.useState)(false), isResizing = _e[0], setIsResizing = _e[1];
|
|
71
|
-
var _f = (0, react_1.useState)({ x: 0, y: 0 }), dragStart = _f[0], setDragStart = _f[1];
|
|
72
|
-
var _g = (0, react_1.useState)(null), aspectRatio = _g[0], setAspectRatio = _g[1];
|
|
73
|
-
var _h = (0, react_1.useState)(false), isLoading = _h[0], setIsLoading = _h[1];
|
|
74
|
-
var _j = (0, react_1.useState)(false), isMobile = _j[0], setIsMobile = _j[1];
|
|
75
|
-
var imageRef = (0, react_1.useRef)(null);
|
|
76
|
-
var containerRef = (0, react_1.useRef)(null);
|
|
77
|
-
(0, react_1.useEffect)(function () {
|
|
78
|
-
var checkMobile = function () {
|
|
79
|
-
setIsMobile(window.innerWidth <= 1024);
|
|
80
|
-
};
|
|
81
|
-
checkMobile();
|
|
82
|
-
window.addEventListener('resize', checkMobile);
|
|
83
|
-
return function () { return window.removeEventListener('resize', checkMobile); };
|
|
84
|
-
}, []);
|
|
85
|
-
(0, react_1.useEffect)(function () {
|
|
86
|
-
if (file === null || file === void 0 ? void 0 : file.url) {
|
|
87
|
-
var img_1 = new Image();
|
|
88
|
-
img_1.onload = function () {
|
|
89
|
-
var dimensions = { width: img_1.naturalWidth, height: img_1.naturalHeight };
|
|
90
|
-
setImageDimensions(dimensions);
|
|
91
|
-
setCropArea({
|
|
92
|
-
x: dimensions.width * 0.15,
|
|
93
|
-
y: dimensions.height * 0.15,
|
|
94
|
-
width: dimensions.width * 0.7,
|
|
95
|
-
height: dimensions.height * 0.6,
|
|
96
|
-
});
|
|
97
|
-
};
|
|
98
|
-
img_1.src = ((file === null || file === void 0 ? void 0 : file.url) || "");
|
|
99
|
-
}
|
|
100
|
-
}, [file]);
|
|
101
|
-
var getDisplayScale = function () {
|
|
102
|
-
if (!imageRef.current || imageDimensions.width === 0)
|
|
103
|
-
return 1;
|
|
104
|
-
return imageRef.current.clientWidth / imageDimensions.width;
|
|
105
|
-
};
|
|
106
|
-
var handleStart = function (e, action) {
|
|
107
|
-
e.preventDefault();
|
|
108
|
-
var clientX = 'touches' in e ? e.touches[0].clientX : e.clientX;
|
|
109
|
-
var clientY = 'touches' in e ? e.touches[0].clientY : e.clientY;
|
|
110
|
-
setDragStart({ x: clientX, y: clientY });
|
|
111
|
-
if (action === 'move') {
|
|
112
|
-
setIsDragging(true);
|
|
113
|
-
}
|
|
114
|
-
else {
|
|
115
|
-
setIsResizing(true);
|
|
116
|
-
}
|
|
117
|
-
};
|
|
118
|
-
(0, react_1.useEffect)(function () {
|
|
119
|
-
var handleMove = function (e) {
|
|
120
|
-
if (!isDragging && !isResizing)
|
|
121
|
-
return;
|
|
122
|
-
var clientX = 'touches' in e ? e.touches[0].clientX : e.clientX;
|
|
123
|
-
var clientY = 'touches' in e ? e.touches[0].clientY : e.clientY;
|
|
124
|
-
var scale = getDisplayScale();
|
|
125
|
-
var deltaX = (clientX - dragStart.x) / scale;
|
|
126
|
-
var deltaY = (clientY - dragStart.y) / scale;
|
|
127
|
-
if (isDragging) {
|
|
128
|
-
setCropArea(function (prev) { return (__assign(__assign({}, prev), { x: Math.max(0, Math.min(prev.x + deltaX, imageDimensions.width - prev.width)), y: Math.max(0, Math.min(prev.y + deltaY, imageDimensions.height - prev.height)) })); });
|
|
129
|
-
}
|
|
130
|
-
else if (isResizing) {
|
|
131
|
-
setCropArea(function (prev) {
|
|
132
|
-
var newWidth = Math.max(50, prev.width + deltaX);
|
|
133
|
-
var newHeight = Math.max(50, prev.height + deltaY);
|
|
134
|
-
if (aspectRatio) {
|
|
135
|
-
newHeight = newWidth / aspectRatio;
|
|
136
|
-
}
|
|
137
|
-
newWidth = Math.min(newWidth, imageDimensions.width - prev.x);
|
|
138
|
-
newHeight = Math.min(newHeight, imageDimensions.height - prev.y);
|
|
139
|
-
return __assign(__assign({}, prev), { width: newWidth, height: newHeight });
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
setDragStart({ x: clientX, y: clientY });
|
|
143
|
-
};
|
|
144
|
-
var handleEnd = function () {
|
|
145
|
-
setIsDragging(false);
|
|
146
|
-
setIsResizing(false);
|
|
147
|
-
};
|
|
148
|
-
if (isDragging || isResizing) {
|
|
149
|
-
document.addEventListener('mousemove', handleMove);
|
|
150
|
-
document.addEventListener('mouseup', handleEnd);
|
|
151
|
-
document.addEventListener('touchmove', handleMove, { passive: false });
|
|
152
|
-
document.addEventListener('touchend', handleEnd);
|
|
153
|
-
}
|
|
154
|
-
return function () {
|
|
155
|
-
document.removeEventListener('mousemove', handleMove);
|
|
156
|
-
document.removeEventListener('mouseup', handleEnd);
|
|
157
|
-
document.removeEventListener('touchmove', handleMove);
|
|
158
|
-
document.removeEventListener('touchend', handleEnd);
|
|
159
|
-
};
|
|
160
|
-
}, [isDragging, isResizing, dragStart, imageDimensions.width, imageDimensions.height, aspectRatio]);
|
|
161
|
-
var restoreOriginal = function () {
|
|
162
|
-
setCropArea({
|
|
163
|
-
x: 0,
|
|
164
|
-
y: 0,
|
|
165
|
-
width: imageDimensions.width,
|
|
166
|
-
height: imageDimensions.height,
|
|
167
|
-
});
|
|
168
|
-
setAspectRatio(null);
|
|
169
|
-
};
|
|
170
|
-
var setAspectRatioPreset = function (ratio) {
|
|
171
|
-
if (ratio === 'free') {
|
|
172
|
-
setAspectRatio(null);
|
|
173
|
-
return;
|
|
174
|
-
}
|
|
175
|
-
var _a = ratio.split(':').map(Number), w = _a[0], h = _a[1];
|
|
176
|
-
var newAspectRatio = w / h;
|
|
177
|
-
setAspectRatio(newAspectRatio);
|
|
178
|
-
setCropArea(function (prev) { return (__assign(__assign({}, prev), { height: prev.width / newAspectRatio })); });
|
|
179
|
-
};
|
|
180
|
-
var handleApplyCrop = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
181
|
-
var croppedFile, error_1;
|
|
182
|
-
return __generator(this, function (_a) {
|
|
183
|
-
switch (_a.label) {
|
|
184
|
-
case 0:
|
|
185
|
-
_a.trys.push([0, 2, 3, 4]);
|
|
186
|
-
setIsLoading(true);
|
|
187
|
-
return [4 /*yield*/, (0, crop_utils_1.applyCrop)(file, cropArea, 'png', 90 / 100)];
|
|
188
|
-
case 1:
|
|
189
|
-
croppedFile = _a.sent();
|
|
190
|
-
if (onApplyCrop) {
|
|
191
|
-
onApplyCrop(croppedFile);
|
|
192
|
-
}
|
|
193
|
-
onCancel();
|
|
194
|
-
return [3 /*break*/, 4];
|
|
195
|
-
case 2:
|
|
196
|
-
error_1 = _a.sent();
|
|
197
|
-
console.error('Error applying crop:', error_1);
|
|
198
|
-
onError('Erro ao aplicar o recorte. Tente novamente.');
|
|
199
|
-
return [3 /*break*/, 4];
|
|
200
|
-
case 3:
|
|
201
|
-
setIsLoading(false);
|
|
202
|
-
return [7 /*endfinally*/];
|
|
203
|
-
case 4: return [2 /*return*/];
|
|
204
|
-
}
|
|
205
|
-
});
|
|
206
|
-
}); };
|
|
207
|
-
var scale = getDisplayScale();
|
|
208
|
-
var displayCropArea = {
|
|
209
|
-
x: cropArea.x * scale,
|
|
210
|
-
y: cropArea.y * scale,
|
|
211
|
-
width: cropArea.width * scale,
|
|
212
|
-
height: cropArea.height * scale,
|
|
213
|
-
};
|
|
214
|
-
if (imageDimensions.width === 0 || imageDimensions.height === 0) {
|
|
215
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: 'loading-wrapper', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLoading' }) }));
|
|
216
|
-
}
|
|
217
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: 'crop-interface', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'actions-wrapper', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'actions-group', children: [(0, jsx_runtime_1.jsx)(ui_1.Button, { text: 'Restaurar Original', onClick: restoreOriginal, disabled: isLoading, className: 'px-6 py-2.5', svg: 'IconUndo' }), (0, jsx_runtime_1.jsx)(ui_1.Button, { className: 'cancel', text: 'Cancelar', onClick: onCancel, disabled: isLoading, svg: 'IconClose' })] }), (0, jsx_runtime_1.jsx)(ui_1.Button, { className: 'accept', text: 'Aplicar Recorte', onClick: handleApplyCrop, svg: 'Checked', disabled: isLoading })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'main-crop-area', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'crop-area-wrapper', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'crop-image-box', children: [(0, jsx_runtime_1.jsx)("img", { className: 'crop-image', ref: imageRef, src: file === null || file === void 0 ? void 0 : file.url, alt: 'Image to crop' }), (0, jsx_runtime_1.jsxs)("div", { className: 'crop-overlay', ref: containerRef, children: [(0, jsx_runtime_1.jsx)("div", { className: 'dimmed-overlay' }), (0, jsx_runtime_1.jsx)("div", { className: 'clear-crop-area', style: {
|
|
218
|
-
left: displayCropArea.x,
|
|
219
|
-
top: displayCropArea.y,
|
|
220
|
-
width: displayCropArea.width,
|
|
221
|
-
height: displayCropArea.height,
|
|
222
|
-
boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.4)',
|
|
223
|
-
} }), (0, jsx_runtime_1.jsxs)("div", { className: 'crop-selection-area', style: {
|
|
224
|
-
left: displayCropArea.x,
|
|
225
|
-
top: displayCropArea.y,
|
|
226
|
-
width: displayCropArea.width,
|
|
227
|
-
height: displayCropArea.height,
|
|
228
|
-
}, onMouseDown: function (e) { return handleStart(e, 'move'); }, onTouchStart: function (e) { return handleStart(e, 'move'); }, children: [(0, jsx_runtime_1.jsx)("div", { className: 'corner-handle nw' }), (0, jsx_runtime_1.jsx)("div", { className: 'corner-handle ne' }), (0, jsx_runtime_1.jsx)("div", { className: 'corner-handle sw' }), (0, jsx_runtime_1.jsx)("div", { className: 'corner-handle se', onMouseDown: function (e) {
|
|
229
|
-
e.stopPropagation();
|
|
230
|
-
handleStart(e, 'resize');
|
|
231
|
-
}, onTouchStart: function (e) {
|
|
232
|
-
e.stopPropagation();
|
|
233
|
-
handleStart(e, 'resize');
|
|
234
|
-
} }), (0, jsx_runtime_1.jsx)("div", { className: 'edge-handle n' }), (0, jsx_runtime_1.jsx)("div", { className: 'edge-handle s' }), (0, jsx_runtime_1.jsx)("div", { className: 'edge-handle w' }), (0, jsx_runtime_1.jsx)("div", { className: 'edge-handle e' })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'crop-dimensions', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'crop-dimension-item', children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftArrowBar' }), Math.round(cropArea.width), " \u00D7 ", Math.round(cropArea.height), " px"] }), (0, jsx_runtime_1.jsxs)("div", { className: 'crop-dimension-item', children: ["Aspect Ratio: ", aspectRatio ? "".concat(aspectRatio.toFixed(2), ":1") : 'Free'] })] })] }), (0, jsx_runtime_1.jsx)(preview_panel_1.default, { file: file, imageDimensions: imageDimensions, cropArea: cropArea, onAspectRatioChange: setAspectRatioPreset })] })] }));
|
|
235
|
-
}
|
|
3
|
+
exports.CropInterface = void 0;
|
|
4
|
+
var crop_interface_1 = require("./crop-interface.js");
|
|
5
|
+
Object.defineProperty(exports, "CropInterface", { enumerable: true, get: function () { return crop_interface_1.CropInterface; } });
|
|
236
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-interface/index.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAAvC,+GAAA,aAAa,OAAA"}
|