infinity-forge 11.4.3 → 11.4.5
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/handler/form-handler/index.js +1 -0
- package/dist/ui/components/form/handler/form-handler/index.js.map +1 -1
- package/dist/ui/components/form/input-file/hooks/use-file-elements.d.ts +2 -3
- package/dist/ui/components/form/input-file/hooks/use-file-elements.js +1 -1
- 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 +2 -1
- package/dist/ui/components/form/input-file/hooks/use-file.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.d.ts +25 -2
- package/dist/ui/components/form/input-file/input-crop-image/index.js +17 -50
- package/dist/ui/components/form/input-file/input-crop-image/index.js.map +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: [{}] }, 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.name', 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"}
|
|
@@ -82,6 +82,7 @@ function FormHandlerComponent(props) {
|
|
|
82
82
|
var hasInitialized = (0, react_1.useRef)(false);
|
|
83
83
|
(0, react_1.useEffect)(function () {
|
|
84
84
|
if ((!hasInitialized.current && initialData !== undefined) || updateOnInitialDataChange) {
|
|
85
|
+
console.log(initialData, "initialDATA");
|
|
85
86
|
formik.setValues(initialData);
|
|
86
87
|
hasInitialized.current = true;
|
|
87
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/form-handler/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/form-handler/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIA,8BAwBC;;AAxJD,+BAAwD;AAExD,uDAAgC;AAChC,iCAAqF;AAErF,2BAA4B;AAE5B,2CAAwC;AACxC,kDAAyE;AAIzE,2CAA8B;AAEjB,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAO5C,IAAI,CAAC,CAAA;AAER,SAAS,oBAAoB,CAAC,KAAmB;IAC/C,IAAM,MAAM,GAAG,IAAA,yBAAgB,GAAO,CAAA;IAChC,IAAA,KAAsE,IAAA,sBAAS,EAAC,KAAK,CAAC,EAApF,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,aAAa,mBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAAqB,CAAA;IAG1F,IAAA,MAAM,GAWJ,KAAK,OAXD,EACN,SAAS,GAUP,KAAK,UAVE,EACT,QAAQ,GASN,KAAK,SATC,EACR,WAAW,GAQT,KAAK,YARI,EACX,YAAY,GAOV,KAAK,aAPK,EACZ,YAAY,GAMV,KAAK,aANK,EACZ,YAAY,GAKV,KAAK,aALK,EACZ,YAAY,GAIV,KAAK,aAJK,EACZ,eAAe,GAGb,KAAK,gBAHQ,EACf,uBAAuB,GAErB,KAAK,wBAFgB,EACvB,yBAAyB,GACvB,KAAK,0BADkB,CAClB;IAET,SAAS,KAAK;QACZ,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;YACrC,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;QACtC,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,IAAA,iBAAS,EAAC;QACR,YAAY,IAAI,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAC5D,CAAC,iBAAG,MAAM,CAAC,MAAM,GAAK,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,sBAAsB,KAAI,EAAE,CAAC,QAAE,CAAA;IAEpE,IAAM,cAAc,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAEpC,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,IAAI,WAAW,KAAK,SAAS,CAAC,IAAI,yBAAyB,EAAE,CAAC;YACxF,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;YACvC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;YAC7B,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,0BAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,KAAK,OAAA;YACL,MAAM,QAAA;YACN,QAAQ,UAAA;YACR,SAAS,WAAA;YACT,gBAAgB,EAAE,KAAK;YACvB,uBAAuB,yBAAA;SACxB,YAED,uBAAC,aAAI,IAAC,YAAY,EAAE,YAAY,YAC9B,wBAAC,CAAC,CAAC,WAAW,IAAC,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE,aAAa,aACvD,SAAS,CAAC,KAAK,KAAK,OAAO,IAAI,iCAAM,SAAS,EAAC,YAAY,YAAE,SAAS,CAAC,OAAO,GAAQ,EAEvF,gCAAK,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAO,EAE9D,iCAAK,SAAS,EAAE,sBAAe,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,aAC7D,SAAS,IAAI,gCAAK,EAAE,EAAC,cAAc,GAAO,EAW1C,YAAY,IAAI,CACf,uBAAC,YAAY,CAAC,SAAS,eACjB,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,IAC9B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,KAAK,EAAE,KAAK,IACZ,CACH,EAEA,MAAM,IAAI,CACT,uBAAC,WAAM,eACD,MAAM,IACV,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,EAC7B,OAAO,EAAE,SAAS,CAAC,KAAK,KAAK,SAAS,IACtC,CACH,EAEA,YAAY;gCACX,YAAY,CAAC,MAAM,GAAG,CAAC;gCACvB,YAAY,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAClC,uBAAC,kCAAkB,eAEb,MAAM,IACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,KAJP,KAAK,CAKV,CACH,EARmC,CAQnC,CAAC,IACA,IACQ,GACX,GACqB,CAC/B,CAAA;AACH,CAAC;AAED,SAAwB,WAAW,CAAC,KAAmB;IACrD,IAAM,YAAY,GAAG,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAA;IAElG,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,OAAO,CACL,6DACE,uBAAC,oBAAoB,eAAK,KAAK,EAAI,EAEnC,uBAAC,gBAAM,IAAC,GAAG,EAAE,yDAAkD,YAAY,CAAE,GAAI,IAChF,CACJ,CAAA;IACH,CAAC;IAED,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAE,CAAC;QACtB,OAAO,CACL,6DACE,uBAAC,oBAAoB,eAAK,KAAK,EAAI,EAEnC,uBAAC,gBAAM,IAAC,GAAG,EAAC,uDAAuD,EAAC,KAAK,QAAC,KAAK,SAAG,IACjF,CACJ,CAAA;IACH,CAAC;IAED,OAAO,uBAAC,oBAAoB,eAAK,KAAK,EAAI,CAAA;AAC5C,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { InputProps, FileState } from '../../../../../ui/index.js';
|
|
2
|
-
import { ChangeEvent } from 'react';
|
|
1
|
+
import { InputProps, FileState, FileSystemType } from '../../../../../ui/index.js';
|
|
3
2
|
export declare function useFileElements({ fileProps, fileState }: {
|
|
4
3
|
fileProps: InputProps;
|
|
5
4
|
fileState: FileState;
|
|
6
5
|
}): {
|
|
7
6
|
InputFile: ({ visible, onChangeInputFile, }: {
|
|
8
7
|
visible?: boolean;
|
|
9
|
-
onChangeInputFile?: (
|
|
8
|
+
onChangeInputFile?: (fileSystemType: FileSystemType) => void;
|
|
10
9
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
10
|
UploadCamera: () => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
LabelFileArea: ({ children }: {
|
|
@@ -54,7 +54,7 @@ function useFileElements(_a) {
|
|
|
54
54
|
var _b = _a.visible, visible = _b === void 0 ? true : _b, onChangeInputFile = _a.onChangeInputFile;
|
|
55
55
|
return ((0, jsx_runtime_1.jsx)("input", __assign({}, fileProps, { style: { display: visible ? 'block' : 'none' }, id: fileState.idFile, name: fileProps.name, disabled: fileState.loading || (fileProps === null || fileProps === void 0 ? void 0 : fileProps.readOnly) || (fileProps === null || fileProps === void 0 ? void 0 : fileProps.disabled), type: 'file', onChange: function (ev) {
|
|
56
56
|
if (onChangeInputFile) {
|
|
57
|
-
onChangeInputFile(ev);
|
|
57
|
+
onChangeInputFile((0, ui_1.convertToFileSystemType)(ev.target.files[0]));
|
|
58
58
|
}
|
|
59
59
|
else {
|
|
60
60
|
fileState.onChangeInputFile(ev);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-file-elements.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/hooks/use-file-elements.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,0CAyEC;;AA9ED,
|
|
1
|
+
{"version":3,"file":"use-file-elements.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/hooks/use-file-elements.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,0CAyEC;;AA9ED,2BAA+G;AAE/G,2CAA8B;AAG9B,SAAgB,eAAe,CAAC,EAAyE;QAAvE,SAAS,eAAA,EAAE,SAAS,eAAA;IACpD,SAAS,SAAS,CAAC,EAMlB;YALC,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,iBAAiB,uBAAA;QAKjB,OAAO,CACL,6CACM,SAAS,IACb,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EAC9C,EAAE,EAAE,SAAS,CAAC,MAAM,EACpB,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,SAAS,CAAC,OAAO,KAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAA,KAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAA,EACzE,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,EAAE;gBACX,IAAI,iBAAiB,EAAE,CAAC;oBACtB,iBAAiB,CAAC,IAAA,4BAAuB,EAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBAChE,CAAC;qBAAM,CAAC;oBACN,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAA;gBACjC,CAAC;YACH,CAAC,IACD,CACH,CAAA;IACH,CAAC;IAED,SAAS,aAAa,CAAC,EAAY;YAAV,QAAQ,cAAA;QAC/B,OAAO,kCAAO,OAAO,EAAE,SAAS,CAAC,MAAM,YAAG,QAAQ,GAAS,CAAA;IAC7D,CAAC;IAED,SAAS,YAAY;QACX,IAAA,gBAAgB,GAAK,IAAA,cAAS,GAAE,iBAAhB,CAAgB;QAExC,OAAO,CACL,uBAAC,YAAO,IACN,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,MAAM,EACd,WAAW,QACX,WAAW,QACX,OAAO,EAAC,aAAQ,EAChB,OAAO,EACL,uBAAC,gBAAgB,IACf,SAAS,EAAE,UAAC,KAAK;oBACf,IAAM,UAAU,GAAqB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;wBACvD,OAAO;4BACL,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE;4BACd,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;4BAC9B,KAAK,EAAE,IAAI,CAAC,IAAI;4BAChB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;4BAC5B,QAAQ,EAAE,IAAI,CAAC,IAAI;4BACnB,IAAI,MAAA;4BACJ,QAAQ,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;yBACrB,CAAA;oBACH,CAAC,CAAC,CAAA;oBAEF,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;gBACzC,CAAC,YAED,uBAAC,CAAC,CAAC,UAAU,cACX,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,GAAG,GAC/B,GACE,GAErB,CACH,CAAA;IACH,CAAC;IAED,OAAO;QACL,SAAS,WAAA;QACT,YAAY,cAAA;QACZ,aAAa,eAAA;KACd,CAAA;AACH,CAAC"}
|
|
@@ -8,11 +8,12 @@ export type FileState = {
|
|
|
8
8
|
setLoading: React.SetStateAction<React.Dispatch<boolean>>;
|
|
9
9
|
onChangeInputFile: (event: any) => Promise<void>;
|
|
10
10
|
};
|
|
11
|
+
export type useFileInfinityForgeReturn = ReturnType<typeof useFile>;
|
|
11
12
|
export declare function convertToFileSystemType(file: File): FileSystemType;
|
|
12
13
|
export declare function useFile(props: InputProps): {
|
|
13
14
|
InputFile: ({ visible, onChangeInputFile, }: {
|
|
14
15
|
visible?: boolean;
|
|
15
|
-
onChangeInputFile?: (
|
|
16
|
+
onChangeInputFile?: (fileSystemType: FileSystemType) => void;
|
|
16
17
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
UploadCamera: () => import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
LabelFileArea: ({ children }: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-file.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/hooks/use-file.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"use-file.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/hooks/use-file.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,0DAaC;AAED,0BAuDC;AAzFD,+BAA2C;AAE3C,iCAAoE;AAEpE,2BAA2E;AAE3E,yDAAqD;AAarD,SAAgB,uBAAuB,CAAC,IAAU;IAChD,yEAAyE;IACzE,IAAM,QAAQ,GAAG,IAAA,iBAAY,GAAE,CAAA;IAE/B,OAAO;QACL,EAAE,EAAE,QAAQ;QACZ,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;QAC9B,KAAK,EAAE,IAAI,CAAC,IAAI;QAChB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC5B,QAAQ,EAAE,IAAI,CAAC,IAAI;QACnB,IAAI,MAAA;QACJ,QAAQ,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;KACrB,CAAA;AACH,CAAC;AAED,SAAgB,OAAO,CAAC,KAAiB;IACjC,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAExC,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,SAAS,CAAC,IAAA,iBAAY,GAAE,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEN,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAEvC,IAAA,KAAuB,IAAA,iBAAQ,EAAmB,EAAE,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,EAAE,EAAE,CAAC,EAA7E,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAA2D,CAAA;IAEpF,SAAe,iBAAiB,CAAC,KAA6C;;;;;;;wBAEpE,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAA;6BAEnC,KAAK,CAAC,WAAW,EAAjB,wBAAiB;wBACb,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAU,IAAK,OAAA,uBAAuB,CAAC,IAAI,CAAC,EAA7B,CAA6B,CAAC,CAAA;wBAE5F,IAAI,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;4BAC5C,QAAQ,CAAC,QAAQ,iCAAK,KAAK,CAAC,KAAK,SAAK,eAAe,QAAE,CAAA;wBACzD,CAAC;6BAAM,CAAC;4BACN,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;wBACpC,CAAC;;;wBAED,UAAU,CAAC,IAAI,CAAC,CAAA;6BAEZ,CAAA,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,KAAK,CAAA,EAAvC,wBAAuC;wBAC5B,qBAAM,IAAA,eAAU,EAAC,EAAE,KAAK,OAAA,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,EAAA;;wBAAxD,IAAI,GAAG,SAAiD;wBAExD,QAAQ,mCAAO,KAAK,CAAC,KAAK,SAAK,IAAI,OAAC,CAAA;wBAE1C,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;wBAE3B,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;;4BAExC,qBAAM,IAAA,eAAU,EAAC,EAAE,KAAK,OAAA,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,EAAA;;wBAAxD,IAAI,GAAG,SAAiD;wBAE9D,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;wBAEjD,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;;;;;;;wBAK3B,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;;KAEpB;IAED,IAAM,SAAS,GAAG,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAA;IAErF,IAAM,YAAY,GAAG,IAAA,mCAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;IAErE,6BAAY,SAAS,GAAK,YAAY,EAAE;AAC1C,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":";;;;;AAgBA,sCAmFC;;AAnGD,+BAAoD;AAGpD,qCAAkF;AAClF,gDAA6C;AAC7C,8CAA2C;AAC3C,mEAA2C;AAU3C,SAAgB,aAAa,CAAC,EAA4D;QAA1D,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA;IAClE,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEzC,IAAA,KAAiG,IAAA,oBAAY,EAAC;QAClH,IAAI,MAAA;KACL,CAAC,EAFM,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,eAAe,qBAAA,EAAE,oBAAoB,0BAEhG,CAAA;IAEI,IAAA,KAAmC,IAAA,2BAAmB,EAAC;QAC3D,eAAe,iBAAA;QACf,QAAQ,UAAA;QACR,WAAW,aAAA;QACX,WAAW,aAAA;QACX,QAAQ,UAAA;KACT,CAAC,EANM,WAAW,iBAAA,EAAE,eAAe,qBAMlC,CAAA;IAEI,IAAA,KAAiC,IAAA,yBAAiB,EAAC;QACvD,IAAI,MAAA;QACJ,QAAQ,UAAA;QACR,WAAW,aAAA;QACX,QAAQ,UAAA;QACR,OAAO,SAAA;KACR,CAAC,EANM,SAAS,eAAA,EAAE,eAAe,qBAMhC,CAAA;IAEF,IAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC;QAC1C,OAAO,eAAe,EAAE,CAAA;IAC1B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,IAAM,eAAe,GAAoB,IAAA,eAAO,EAAC;QAC/C,IAAM,KAAK,GAAG,uBAAuB,EAAE,CAAA;QACvC,OAAO;YACL,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,KAAK;YACrB,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,KAAK;YACrB,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,KAAK;YAC7B,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,KAAK;SAChC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAEtF,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EACrC,UAAC,CAAsC,EAAE,MAAyB,EAAE,SAAe;QACjF,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IACnC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,IAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC;QAC1C,eAAe,EAAE,CAAA;IACnB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,IAAM,4BAA4B,GAAG,IAAA,mBAAW,EAC9C,UAAC,KAAa;QACZ,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAA;IAED,OAAO,CACL,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,IACV,SAAS,EAAE,uBAAuB,EAClC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,SAAS,GACpB,EAEF,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,wBAAU,IACT,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EAEF,uBAAC,uBAAY,IACX,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,4BAA4B,GACjD,IACE,IACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -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';
|