infinity-forge 1.0.0 → 1.0.3
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/README.md +2 -2
- package/dist/ui/components/form/index.d.ts +2 -0
- package/dist/ui/components/form/index.js +2 -0
- package/dist/ui/components/form/index.js.map +1 -1
- package/dist/ui/components/form/input-control/styles.js +1 -1
- package/dist/ui/components/form/input-control/styles.js.map +1 -1
- package/dist/ui/components/form/input-file/component.d.ts +5 -0
- package/dist/ui/components/form/input-file/component.js +52 -0
- package/dist/ui/components/form/input-file/component.js.map +1 -0
- package/dist/ui/components/form/input-file/index.d.ts +6 -5
- package/dist/ui/components/form/input-file/index.js +8 -37
- package/dist/ui/components/form/input-file/index.js.map +1 -1
- package/dist/ui/components/form/input-file/use-components-file.d.ts +1 -1
- package/dist/ui/components/form/input-file/use-file-elements.d.ts +1 -1
- package/dist/ui/components/form/input-file/use-file.js +3 -1
- package/dist/ui/components/form/input-file/use-file.js.map +1 -1
- package/dist/ui/components/form/input-seo/index.js +4 -15
- package/dist/ui/components/form/input-seo/index.js.map +1 -1
- package/dist/ui/components/form/input-seo/input-meta-image/index.d.ts +2 -0
- package/dist/ui/components/form/input-seo/input-meta-image/index.js +51 -0
- package/dist/ui/components/form/input-seo/input-meta-image/index.js.map +1 -0
- package/dist/ui/components/form/input-seo/input-meta-image/styles.d.ts +4 -0
- package/dist/ui/components/form/input-seo/input-meta-image/styles.js +14 -0
- package/dist/ui/components/form/input-seo/input-meta-image/styles.js.map +1 -0
- package/dist/ui/components/form/input-seo/styles.js +1 -1
- package/dist/ui/components/form/input-seo/styles.js.map +1 -1
- package/dist/ui/components/form/textarea/index.js +1 -1
- package/dist/ui/components/form/textarea/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/ui/components/form/input-seo/content/custom-input-file/index.d.ts +0 -2
- package/dist/ui/components/form/input-seo/content/custom-input-file/index.js +0 -28
- package/dist/ui/components/form/input-seo/content/custom-input-file/index.js.map +0 -1
- package/dist/ui/components/form/input-seo/content/index.d.ts +0 -2
- package/dist/ui/components/form/input-seo/content/index.js +0 -40
- package/dist/ui/components/form/input-seo/content/index.js.map +0 -1
- package/dist/ui/components/form/input-seo/content/styles.d.ts +0 -4
- package/dist/ui/components/form/input-seo/content/styles.js +0 -11
- package/dist/ui/components/form/input-seo/content/styles.js.map +0 -1
package/README.md
CHANGED
|
@@ -15,3 +15,5 @@ export * from './input-password/index.js';
|
|
|
15
15
|
export * from './input-cpf-cnpj/index.js';
|
|
16
16
|
export * from './input-currency/index.js';
|
|
17
17
|
export * from './input-date-picker/index.js';
|
|
18
|
+
export * from "./input-seo/input-meta-image/index.js";
|
|
19
|
+
export * from "./interfaces.js";
|
|
@@ -31,4 +31,6 @@ __exportStar(require("./input-password/index.js"), exports);
|
|
|
31
31
|
__exportStar(require("./input-cpf-cnpj/index.js"), exports);
|
|
32
32
|
__exportStar(require("./input-currency/index.js"), exports);
|
|
33
33
|
__exportStar(require("./input-date-picker/index.js"), exports);
|
|
34
|
+
__exportStar(require("./input-seo/input-meta-image/index.js"), exports);
|
|
35
|
+
__exportStar(require("./interfaces.js"), exports);
|
|
34
36
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,iDAA8B;AAC9B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,sDAAmC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,iDAA8B;AAC9B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,sDAAmC;AACnC,+DAA4C;AAE5C,+CAA4B"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.InputControl = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n
|
|
12
|
+
exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input,select {\n height: 42px;\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n textarea {\n /* height: 120px; */\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only,\n textarea:read-only {\n opacity: 0.90;\n cursor: not-allowed;\n background-color: #f2f2f2;\n }\n"], ["\n width: 100%;\n margin-bottom: 10px;\n position: relative;\n\n .input-content {\n position: relative;\n }\n\n .eye .icon svg {\n fill: ", ";\n }\n\n .input-icon {\n position: absolute;\n z-index: 2;\n left: ", ";\n right: ", ";\n top: 50%;\n transform: translateY(-50%);\n\n svg {\n width: 100%;\n height: auto;\n max-width: ", ";\n }\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: ", ";\n padding: 0 10px;\n width: -webkit-fill-available;\n position: relative;\n display: flex;\n font-weight: 400;\n border: 1px solid ", ";\n border-radius: 4px;\n font-size: 14px;\n outline: transparent;\n\n &::placeholder {\n font-weight: 400;\n color: ", ";\n }\n }\n\n input,select {\n height: 42px;\n }\n\n .input-icon + .input-wrapper {\n input,\n select,\n textarea {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n textarea {\n /* height: 120px; */\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only,\n textarea:read-only {\n opacity: 0.90;\n cursor: not-allowed;\n background-color: #f2f2f2;\n }\n"])), function (props) { return (props.$error ? 'red !important' : '#526484'); }, function (props) { return (props.$inputIconDirection === 'left' ? '10px' : 'unset'); }, function (props) { return (props.$inputIconDirection === 'right' ? '10px' : 'unset'); }, function (props) { return props.$inputIconSize + 'px'; }, function (props) { return (props.$error ? 'red' : '#111'); }, function (props) { return (props.$error ? 'red' : '#ccc'); }, function (props) { return (props.$error ? 'red' : '#828282'); }, function (props) { return (props.$inputIconDirection === 'left' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return (props.$inputIconDirection === 'right' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,m4CAAkB,uJAU/C,EAAwD,iFAMxD,EAAoE,gBACnE,EAAqE,6HAO/D,EAAsC,8GAS5C,EAA0C,yJAM/B,EAA0C,6IAOnD,EAA6C,8JAYtC,EAA6F,0BAC5F,EAA8F,wJAWxG,EAAmC,kDAInC,EAAmC,+JAS/C,KAzEW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,EAMxD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAzD,CAAyD,EACnE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAA1D,CAA0D,EAO/D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,GAAG,IAAI,EAA3B,CAA2B,EAS5C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAM/B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAOnD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAYtC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlF,CAAkF,EAC5F,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnF,CAAmF,EAWxG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAS/C"}
|
|
@@ -0,0 +1,52 @@
|
|
|
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 (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.InputFile = void 0;
|
|
38
|
+
var react_1 = require("react");
|
|
39
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
|
+
var ui_1 = require("../../../../ui/index.js");
|
|
41
|
+
var use_file_1 = require("./use-file.js");
|
|
42
|
+
var file_card_1 = require("./file-card/index.js");
|
|
43
|
+
var input_control_1 = require("../input-control/index.js");
|
|
44
|
+
var S = __importStar(require("./styles.js"));
|
|
45
|
+
function InputFile(props) {
|
|
46
|
+
var _a;
|
|
47
|
+
var _b = (0, use_file_1.useFile)(props), loading = _b.loading, InputFile = _b.InputFile, FileArea = _b.FileArea, field = _b.field, deleteFile = _b.deleteFile;
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(S.InputFile, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false }), (0, jsx_runtime_1.jsx)(FileArea, { children: loading ? ((0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 20, color: '#000' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }), (0, jsx_runtime_1.jsx)("span", { children: "Selecione um arquivo" })] })) }), (0, jsx_runtime_1.jsx)("div", { className: 'initial_value_input_file', children: (field === null || field === void 0 ? void 0 : field.value) &&
|
|
49
|
+
((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.map(function (file) { return ((0, react_1.createElement)(file_card_1.FileCard, __assign({}, props, { key: file.id + 'file_key', file: file, onDelete: deleteFile }))); })) })] }) })));
|
|
50
|
+
}
|
|
51
|
+
exports.InputFile = InputFile;
|
|
52
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAyC;AAEzC,uCAAoC;AACpC,yCAAsC;AACtC,kDAA+C;AAI/C,0CAA6B;AAM7B,SAAgB,SAAS,CAAC,KAAqB;;IACvC,IAAA,KAAsD,IAAA,kBAAO,EAAC,KAAK,CAAC,EAAlE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAmB,CAAA;IAE1E,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,wBAAC,CAAC,CAAC,SAAS,eACV,uBAAC,SAAS,IAAC,OAAO,EAAE,KAAK,GAAI,EAE7B,uBAAC,QAAQ,cACN,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,iBAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,SAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAE5B,oEAAiC,IAChC,CACJ,GACQ,EAEX,gCAAK,SAAS,EAAC,0BAA0B,YACtC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;yBACX,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC1B,2BAAC,oBAAQ,eAAK,KAAK,IAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,IAAI,CACrF,EAF2B,CAE3B,CAAC,CAAA,GACA,IACM,IACD,CAChB,CAAA;AACH,CAAC;AA7BD,8BA6BC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
export * from "./use-file.js";
|
|
2
|
+
export * from "./component.js";
|
|
3
|
+
export * from "./file-card/index.js";
|
|
4
|
+
export * from "./use-file-elements.js";
|
|
5
|
+
export * from "./use-components-file.js";
|
|
6
|
+
export * from "./file-card/use-file-card.js";
|
|
@@ -1,15 +1,4 @@
|
|
|
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
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -21,32 +10,14 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
21
10
|
if (k2 === undefined) k2 = k;
|
|
22
11
|
o[k2] = m[k];
|
|
23
12
|
}));
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
35
15
|
};
|
|
36
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var input_control_1 = require("../input-control/index.js");
|
|
44
|
-
var S = __importStar(require("./styles.js"));
|
|
45
|
-
function InputFile(props) {
|
|
46
|
-
var _a;
|
|
47
|
-
var _b = (0, use_file_1.useFile)(props), loading = _b.loading, InputFile = _b.InputFile, FileArea = _b.FileArea, field = _b.field, deleteFile = _b.deleteFile;
|
|
48
|
-
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(S.InputFile, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false }), (0, jsx_runtime_1.jsx)(FileArea, { children: loading ? ((0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 20, color: '#000' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }), (0, jsx_runtime_1.jsx)("span", { children: "Selecione um arquivo" })] })) }), (0, jsx_runtime_1.jsx)("div", { className: 'initial_value_input_file', children: (field === null || field === void 0 ? void 0 : field.value) &&
|
|
49
|
-
((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.map(function (file) { return ((0, react_1.createElement)(file_card_1.FileCard, __assign({}, props, { key: file.id + 'file_key', file: file, onDelete: deleteFile }))); })) })] }) })));
|
|
50
|
-
}
|
|
51
|
-
exports.InputFile = InputFile;
|
|
17
|
+
__exportStar(require("./use-file.js"), exports);
|
|
18
|
+
__exportStar(require("./component.js"), exports);
|
|
19
|
+
__exportStar(require("./file-card/index.js"), exports);
|
|
20
|
+
__exportStar(require("./use-file-elements.js"), exports);
|
|
21
|
+
__exportStar(require("./use-components-file.js"), exports);
|
|
22
|
+
__exportStar(require("./file-card/use-file-card.js"), exports);
|
|
52
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,sDAAmC;AACnC,wDAAqC;AACrC,4DAAyC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FileSystemType } from '../../../../system/index.js';
|
|
2
|
-
import { InputFileProps } from './
|
|
2
|
+
import { InputFileProps } from './component.js';
|
|
3
3
|
import { FileCardProps } from './file-card/index.js';
|
|
4
4
|
export declare function useComponentsFile(props: InputFileProps & {
|
|
5
5
|
downloadUrl?: string;
|
|
@@ -94,9 +94,11 @@ function useFile(props) {
|
|
|
94
94
|
var idFile = (0, ui_1.uid)(10);
|
|
95
95
|
function deleteFile(file) {
|
|
96
96
|
return __awaiter(this, void 0, void 0, function () {
|
|
97
|
+
var newValue;
|
|
97
98
|
var _a;
|
|
98
99
|
return __generator(this, function (_b) {
|
|
99
|
-
|
|
100
|
+
newValue = (_a = field.value) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item.url !== file.url; });
|
|
101
|
+
handlers.setValue(newValue.length > 0 ? newValue : undefined);
|
|
100
102
|
return [2 /*return*/];
|
|
101
103
|
});
|
|
102
104
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-file.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/use-file.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,iCAAoE;AAGpE,2BAAsD;AACtD,yDAAqD;AAYrD,SAAgB,OAAO,CAAC,KAAqB;IACrC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAEvC,IAAA,KAAuB,IAAA,iBAAQ,EAAmB,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAtE,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAE7E,SAAS,uBAAuB,CAAC,IAAU;QACzC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAEjB,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE;YACd,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;YAC9B,KAAK,EAAE,IAAI,CAAC,IAAI;YAChB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC5B,QAAQ,EAAE,IAAI,CAAC,IAAI;YACnB,IAAI,MAAA;SACL,CAAA;IACH,CAAC;IAED,SAAe,iBAAiB,CAAC,KAAK;;;;;;wBAC9B,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,uBAAuB,CAAC,CAAA;wBACtE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;wBAElC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;;;wBAE5B,UAAU,CAAC,IAAI,CAAC,CAAA;wBAEH,qBAAM,IAAA,eAAU,EAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAAA;;wBAAlC,IAAI,GAAG,SAA2B;wBAExC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;wBAEvB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;;KAEpB;IAED,IAAM,MAAM,GAAG,IAAA,QAAG,EAAC,EAAE,CAAW,CAAA;IAEhC,SAAe,UAAU,CAAC,IAAoB
|
|
1
|
+
{"version":3,"file":"use-file.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/use-file.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,iCAAoE;AAGpE,2BAAsD;AACtD,yDAAqD;AAYrD,SAAgB,OAAO,CAAC,KAAqB;IACrC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAEvC,IAAA,KAAuB,IAAA,iBAAQ,EAAmB,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAtE,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAE7E,SAAS,uBAAuB,CAAC,IAAU;QACzC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAEjB,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE;YACd,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;YAC9B,KAAK,EAAE,IAAI,CAAC,IAAI;YAChB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC5B,QAAQ,EAAE,IAAI,CAAC,IAAI;YACnB,IAAI,MAAA;SACL,CAAA;IACH,CAAC;IAED,SAAe,iBAAiB,CAAC,KAAK;;;;;;wBAC9B,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,uBAAuB,CAAC,CAAA;wBACtE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;wBAElC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;;;wBAE5B,UAAU,CAAC,IAAI,CAAC,CAAA;wBAEH,qBAAM,IAAA,eAAU,EAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAAA;;wBAAlC,IAAI,GAAG,SAA2B;wBAExC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;wBAEvB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;;KAEpB;IAED,IAAM,MAAM,GAAG,IAAA,QAAG,EAAC,EAAE,CAAW,CAAA;IAEhC,SAAe,UAAU,CAAC,IAAoB;;;;;gBACtC,QAAQ,GAAG,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,EAArB,CAAqB,CAAC,CAAA;gBAErE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;;;;KAC9D;IAED,IAAM,SAAS,GAAG,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,UAAU,YAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAA;IAEjG,IAAM,YAAY,GAAG,IAAA,mCAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;IAErE,6BAAY,SAAS,GAAK,YAAY,EAAE;AAC1C,CAAC;AAlDD,0BAkDC"}
|
|
@@ -1,15 +1,4 @@
|
|
|
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
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -37,14 +26,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
37
26
|
exports.InputSeo = void 0;
|
|
38
27
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
28
|
var formik_1 = require("formik");
|
|
29
|
+
var input_meta_image_1 = require("./input-meta-image/index.js");
|
|
40
30
|
var ui_1 = require("../../../../ui/index.js");
|
|
41
|
-
var content_1 = require("./content/index.js");
|
|
42
31
|
var S = __importStar(require("./styles.js"));
|
|
43
32
|
function InputSeo(props) {
|
|
44
|
-
var
|
|
33
|
+
var values = (0, formik_1.useFormikContext)().values;
|
|
45
34
|
var groupName = props.group ? props.group + '.' : '';
|
|
46
|
-
var
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputSeo', children: (0, jsx_runtime_1.
|
|
35
|
+
var valuesPreview = props.group ? (0, formik_1.getIn)(values, props.group) : values;
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputSeo', children: (0, jsx_runtime_1.jsxs)(S.InputSeo, { className: 'input_seo', children: [(0, jsx_runtime_1.jsxs)("h3", { children: [(0, jsx_runtime_1.jsxs)("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [(0, jsx_runtime_1.jsx)("g", { "clip-path": 'url(#clip0_4_20)', children: (0, jsx_runtime_1.jsx)("path", { d: 'M19.2187 4.63546C19.6502 4.63546 20 4.28573 20 3.85421V0.781249C20 0.355987 19.654 0 19.2187 0H16.1458C15.7144 0 15.3645 0.349731 15.3645 0.781249C15.3645 1.21277 15.7144 1.5625 16.1458 1.5625H17.3326L15.3517 3.54339C13.788 1.36383 11.2785 0 8.46358 0C3.78585 0 0 3.78539 0 8.46358C0 13.141 3.78539 16.9272 8.46358 16.9272C10.4619 16.9272 12.354 16.2388 13.8704 14.9753L18.6663 19.7712C18.9714 20.0763 19.4661 20.0763 19.7711 19.7712C20.0763 19.4661 20.0763 18.9714 19.7711 18.6663L14.9753 13.8704C17.1318 11.2825 17.4624 7.77678 16.1636 4.94124L18.4375 2.66738V3.85406C18.4375 4.28558 18.7872 4.63546 19.2187 4.63546ZM8.46358 1.5625C10.8684 1.5625 12.9895 2.79922 14.2253 4.66979L9.99998 8.89509L7.47954 6.37465C7.17436 6.06963 6.67983 6.06963 6.37465 6.37465L1.96457 10.7847C0.36087 6.30797 3.69598 1.5625 8.46358 1.5625ZM8.46358 15.3645C6.05864 15.3645 3.93768 14.1278 2.70187 12.2572L6.92717 8.03191L9.44761 10.5523C9.75264 10.8575 10.2473 10.8575 10.5523 10.5523L14.9624 6.14226C16.5663 10.619 13.2312 15.3645 8.46358 15.3645Z', fill: '#2A2A2A' }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: 'clip0_4_20', children: (0, jsx_runtime_1.jsx)("rect", { width: '20', height: '20', fill: 'white' }) }) })] }), "SEO"] }), (0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [(0, jsx_runtime_1.jsx)(input_meta_image_1.InputMetaImage, { name: "".concat(groupName, "metaImage") }), (0, jsx_runtime_1.jsx)(ui_1.Input, { name: "".concat(groupName, "metaTitle"), label: 'SEO Title', className: 'font-16', maxLength: 60 }), (0, jsx_runtime_1.jsx)(ui_1.Textarea, { rows: 2, name: "".concat(groupName, "metaDescription"), label: 'Meta Description', maxLength: 160 })] })] }) }));
|
|
48
37
|
}
|
|
49
38
|
exports.InputSeo = InputSeo;
|
|
50
39
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-seo/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-seo/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgD;AAEhD,uDAAmD;AACnD,2BAAyD;AAEzD,0CAA6B;AAO7B,SAAgB,QAAQ,CAAC,KAAoB;IACnC,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IACtD,IAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,UAAU,YACpB,wBAAC,CAAC,CAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,aAC/B,2CACE,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,2CAAa,kBAAkB,YAC7B,iCACE,CAAC,EAAC,ygCAAygC,EAC3gC,IAAI,EAAC,SAAS,GACd,GACA,EACJ,2CACE,qCAAU,EAAE,EAAC,YAAY,YACvB,iCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,GACN,IACH,WAEH,EAEL,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,iCAAc,IAAC,IAAI,EAAE,UAAG,SAAS,cAAW,GAAI,EACjD,uBAAC,UAAK,IAAC,IAAI,EAAE,UAAG,SAAS,cAAW,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAE,EAAE,GAAI,EAE7F,uBAAC,aAAQ,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,UAAG,SAAS,oBAAiB,EAAE,KAAK,EAAC,kBAAkB,EAAC,SAAS,EAAE,GAAG,GAAI,IAS/F,IACK,GACP,CACT,CAAA;AACH,CAAC;AA3CD,4BA2CC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
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 (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.InputMetaImage = void 0;
|
|
38
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
var ui_1 = require("../../../../../ui/index.js");
|
|
40
|
+
var S = __importStar(require("./styles.js"));
|
|
41
|
+
function InputMetaImage(props) {
|
|
42
|
+
var _a = (0, ui_1.useFile)(__assign(__assign({}, props), { accept: "image/*", isLocalFile: true })), FileArea = _a.FileArea, InputFile = _a.InputFile, field = _a.field, deleteFile = _a.deleteFile;
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(S.InputMetaImage, { children: (0, jsx_runtime_1.jsxs)(ui_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false }), (0, jsx_runtime_1.jsx)("div", { className: 'meta-image', children: field.value ? (field.value.map(function (file) { return (0, jsx_runtime_1.jsx)(ResultFile, { file: file, inputProps: props, deleteFile: deleteFile }); })) : ((0, jsx_runtime_1.jsx)(FileArea, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'meta_image_no_file_selected', children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconUpload', fill: '#000' }), (0, jsx_runtime_1.jsx)("p", { children: "Selecionar arquivo" })] }) })) })] })) }));
|
|
44
|
+
}
|
|
45
|
+
exports.InputMetaImage = InputMetaImage;
|
|
46
|
+
function ResultFile(_a) {
|
|
47
|
+
var inputProps = _a.inputProps, file = _a.file, deleteFile = _a.deleteFile;
|
|
48
|
+
var _b = (0, ui_1.useFileCard)(__assign(__assign({}, inputProps), { file: file })), Image = _b.Image, fileName = _b.fileName, DeleteFileButton = _b.DeleteFileButton;
|
|
49
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: 'result_meta_image', children: [(0, jsx_runtime_1.jsx)(Image, {}), (0, jsx_runtime_1.jsx)("p", { children: fileName }), (0, jsx_runtime_1.jsx)(DeleteFileButton, { onDelete: deleteFile })] }));
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-seo/input-meta-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2BAA2F;AAE3F,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,KAAiB;IACxC,IAAA,KAA6C,IAAA,YAAO,wBAAM,KAAK,KAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,IAAG,EAAtG,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAgE,CAAA;IAE9G,OAAO,CACL,uBAAC,CAAC,CAAC,cAAc,cACf,wBAAC,iBAAY,eAAK,KAAK,eACrB,uBAAC,SAAS,IAAC,OAAO,EAAE,KAAK,GAAI,EAE7B,gCAAK,SAAS,EAAC,YAAY,YACxB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,EAArE,CAAqE,CAAC,CACjG,CAAC,CAAC,CAAC,CACF,uBAAC,QAAQ,cACP,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,GAAG,EACtC,+DAAyB,IACrB,GACG,CACZ,GACG,KACO,GACE,CACpB,CAAA;AACH,CAAC;AAvBD,wCAuBC;AAED,SAAS,UAAU,CAAC,EAQnB;QAPC,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,UAAU,gBAAA;IAMJ,IAAA,KAAwC,IAAA,gBAAW,wBACpD,UAAU,KACb,IAAI,MAAA,IACJ,EAHM,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAGvC,CAAA;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,KAAK,KAAG,EAET,wCAAI,QAAQ,GAAK,EAEjB,uBAAC,gBAAgB,IAAC,QAAQ,EAAE,UAAU,GAAI,IACtC,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const InputMetaImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, 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.InputMetaImage = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.InputMetaImage = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .meta-image {\n .meta_image_no_file_selected,\n .result_meta_image {\n gap: 20px;\n align-items: center;\n border-radius: 5px;\n border: 1px solid #ccc;\n padding: 15px 20px;\n cursor: pointer;\n display: inline-flex;\n\n img {\n height: 30px !important;\n width: 30px !important;\n }\n\n svg {\n width: 20px;\n }\n\n .action-button {\n padding: 0;\n border: 0;\n width: unset !important;\n height: unset !important;\n }\n }\n\n p {\n margin-bottom: 0;\n font-size: 14px;\n }\n }\n"], ["\n .meta-image {\n .meta_image_no_file_selected,\n .result_meta_image {\n gap: 20px;\n align-items: center;\n border-radius: 5px;\n border: 1px solid #ccc;\n padding: 15px 20px;\n cursor: pointer;\n display: inline-flex;\n\n img {\n height: 30px !important;\n width: 30px !important;\n }\n\n svg {\n width: 20px;\n }\n\n .action-button {\n padding: 0;\n border: 0;\n width: unset !important;\n height: unset !important;\n }\n }\n\n p {\n margin-bottom: 0;\n font-size: 14px;\n }\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-seo/input-meta-image/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,srBAAA,mnBAkC1C,KAAA"}
|
|
@@ -6,6 +6,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
exports.InputSeo = void 0;
|
|
8
8
|
var styled_components_1 = require("styled-components");
|
|
9
|
-
exports.InputSeo = (0, styled_components_1.styled)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
9
|
+
exports.InputSeo = (0, styled_components_1.styled)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-top: 15px;\n\n h3 {\n display: flex;\n gap: 10px; \n align-items: center;\n font-size: 18px;\n margin-bottom: 5px;\n\n svg {\n width: 21px;\n height: auto;\n }\n }\n\n .content {\n .preview {\n display: flex;\n gap: 10px;\n align-items: center;\n\n .meta-image {\n width: 45px;\n height: 45px;\n border-radius: 100%;\n background-color: #545454;\n }\n\n h3 {\n color: #1a0dab;\n font-size: 18px;\n margin-bottom: 0;\n }\n\n p {\n color: #545454;\n word-wrap: break-word;\n line-height: 1.4;\n }\n }\n }\n"], ["\n padding-top: 15px;\n\n h3 {\n display: flex;\n gap: 10px; \n align-items: center;\n font-size: 18px;\n margin-bottom: 5px;\n\n svg {\n width: 21px;\n height: auto;\n }\n }\n\n .content {\n .preview {\n display: flex;\n gap: 10px;\n align-items: center;\n\n .meta-image {\n width: 45px;\n height: 45px;\n border-radius: 100%;\n background-color: #545454;\n }\n\n h3 {\n color: #1a0dab;\n font-size: 18px;\n margin-bottom: 0;\n }\n\n p {\n color: #545454;\n word-wrap: break-word;\n line-height: 1.4;\n }\n }\n }\n"])));
|
|
10
10
|
var templateObject_1;
|
|
11
11
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-seo/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAA0C;AAE7B,QAAA,QAAQ,GAAG,IAAA,0BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-seo/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAA0C;AAE7B,QAAA,QAAQ,GAAG,IAAA,0BAAM,EAAC,KAAK,CAAC,6rBAAA,0nBA0CpC,KAAA"}
|
|
@@ -23,7 +23,7 @@ function Textarea(props) {
|
|
|
23
23
|
helpers.setValue("");
|
|
24
24
|
}
|
|
25
25
|
}, [field.value]);
|
|
26
|
-
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("textarea", __assign({ id: props.name, className: "font-16-regular" }, props, field)) })));
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("textarea", __assign({ id: props.name, className: "font-16-regular" }, props, field, { rows: props.rows || 5 })) })));
|
|
27
27
|
}
|
|
28
28
|
exports.Textarea = Textarea;
|
|
29
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAkC;AAElC,iCAAkC;AAClC,kDAAgD;AAIhD,SAAgB,QAAQ,CAAC,KAAiB;IAClC,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAC;IAE3D,IAAA,iBAAS,EAAC;QACR,IAAG,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,8CACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,SAAS,EAAC,iBAAiB,IACvB,KAAK,EACL,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAkC;AAElC,iCAAkC;AAClC,kDAAgD;AAIhD,SAAgB,QAAQ,CAAC,KAAiB;IAClC,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAC;IAE3D,IAAA,iBAAS,EAAC;QACR,IAAG,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,8CACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,SAAS,EAAC,iBAAiB,IACvB,KAAK,EACL,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,IACrB,IACW,CAChB,CAAC;AACJ,CAAC;AApBD,4BAoBC"}
|
package/package.json
CHANGED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.CustomInputFile = void 0;
|
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
var use_file_card_1 = require("../../../../../../ui/components/form/input-file/file-card/use-file-card.js");
|
|
17
|
-
var use_file_1 = require("../../../../../../ui/components/form/input-file/use-file.js");
|
|
18
|
-
function CustomInputFile(props) {
|
|
19
|
-
var _a = (0, use_file_1.useFile)(props), FileArea = _a.FileArea, InputFile = _a.InputFile, field = _a.field, deleteFile = _a.deleteFile;
|
|
20
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false }), (0, jsx_runtime_1.jsx)(FileArea, { children: (0, jsx_runtime_1.jsx)("div", { className: 'meta-image', children: field.value ? (field.value.map(function (file) { return (0, jsx_runtime_1.jsx)(ResultFile, { file: file, inputProps: props, onDelete: deleteFile }); })) : ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("img", { src: "", alt: "" }) })) }) })] }));
|
|
21
|
-
}
|
|
22
|
-
exports.CustomInputFile = CustomInputFile;
|
|
23
|
-
function ResultFile(_a) {
|
|
24
|
-
var inputProps = _a.inputProps, file = _a.file;
|
|
25
|
-
var Image = (0, use_file_card_1.useFileCard)(__assign(__assign({}, inputProps), { file: file })).Image;
|
|
26
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Image, {}) }));
|
|
27
|
-
}
|
|
28
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-seo/content/custom-input-file/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,yFAAqF;AACrF,qEAAkE;AAElE,SAAgB,eAAe,CAAC,KAAqB;IAC7C,IAAA,KAA6C,IAAA,kBAAO,EAAC,KAAK,CAAC,EAAzD,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAmB,CAAA;IAEjE,OAAO,CACL,6DACE,uBAAC,SAAS,IAAC,OAAO,EAAE,KAAK,GAAI,EAE7B,uBAAC,QAAQ,cACP,gCAAK,SAAS,EAAC,YAAY,YACxB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,GAAI,EAAnE,CAAmE,CAAC,CAC/F,CAAC,CAAC,CAAC,CACF,0CAAK,gCAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,GAAG,GAAM,CACjC,GACG,GACG,IACV,CACJ,CAAA;AACH,CAAC;AAlBD,0CAkBC;AACD,SAAS,UAAU,CAAC,EAAyF;QAAvF,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC5B,IAAA,KAAK,GAAK,IAAA,2BAAW,wBACxB,UAAU,KACb,IAAI,MAAA,IACJ,MAHW,CAGX;IAEF,OAAO,CACL,2DACE,uBAAC,KAAK,KAAG,GACR,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -1,40 +0,0 @@
|
|
|
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 (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.Content = void 0;
|
|
27
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
-
var formik_1 = require("formik");
|
|
29
|
-
var ui_1 = require("../../../../../ui/index.js");
|
|
30
|
-
var custom_input_file_1 = require("./custom-input-file/index.js");
|
|
31
|
-
var S = __importStar(require("./styles.js"));
|
|
32
|
-
function Content(_a) {
|
|
33
|
-
var group = _a.group;
|
|
34
|
-
var values = (0, formik_1.useFormikContext)().values;
|
|
35
|
-
var valuesPreview = group ? (0, formik_1.getIn)(values, group) : values;
|
|
36
|
-
var groupName = group ? group + '.' : '';
|
|
37
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Content', children: (0, jsx_runtime_1.jsxs)(S.Content, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'preview', children: [(0, jsx_runtime_1.jsx)(custom_input_file_1.CustomInputFile, { name: "".concat(groupName, "metaImage"), isLocalFile: true }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: 'font-18-bold', children: valuesPreview === null || valuesPreview === void 0 ? void 0 : valuesPreview.metatitle }), (0, jsx_runtime_1.jsx)("p", { className: 'font-14-bold', children: valuesPreview === null || valuesPreview === void 0 ? void 0 : valuesPreview.metadescription })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Input, { name: "".concat(groupName, "metaTitle"), label: 'SEO Title', className: 'font-16', maxLength: 60 }), (0, jsx_runtime_1.jsx)(ui_1.Textarea, { name: "".concat(groupName, "metaDescription"), label: 'Meta Description', maxLength: 160 })] }) }));
|
|
38
|
-
}
|
|
39
|
-
exports.Content = Content;
|
|
40
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-seo/content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgD;AAEhD,2BAA4D;AAE5D,yDAAqD;AAErD,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAAwB;QAAtB,KAAK,WAAA;IACrB,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IACrC,IAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAC3D,IAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAE1C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,wBAAC,CAAC,CAAC,OAAO,eACR,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,mCAAe,IAAC,IAAI,EAAE,UAAG,SAAS,cAAW,EAAE,WAAW,SAAG,EAE9D,4CACE,+BAAI,SAAS,EAAC,cAAc,YAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,GAAM,EAC5D,8BAAG,SAAS,EAAC,cAAc,YAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,GAAK,IAC5D,IACF,EAEN,uBAAC,UAAK,IAAC,IAAI,EAAE,UAAG,SAAS,cAAW,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAE,EAAE,GAAI,EAE7F,uBAAC,aAAQ,IAAC,IAAI,EAAE,UAAG,SAAS,oBAAiB,EAAE,KAAK,EAAC,kBAAkB,EAAC,SAAS,EAAE,GAAG,GAAI,IAChF,GACN,CACT,CAAA;AACH,CAAC;AAvBD,0BAuBC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
-
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
-
}, never>> & string;
|
|
@@ -1,11 +0,0 @@
|
|
|
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
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.Content = void 0;
|
|
8
|
-
var styled_components_1 = require("styled-components");
|
|
9
|
-
exports.Content = (0, styled_components_1.styled)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .preview {\n display: flex;\n gap: 10px;\n align-items: center;\n\n .meta-image {\n width: 45px;\n height: 45px;\n border-radius: 100%;\n background-color: #545454;\n }\n\n h3 {\n color: #1a0dab;\n font-size: 18px;\n margin-bottom: 0;\n }\n\n p {\n color: #545454;\n word-wrap: break-word;\n line-height: 1.4;\n }\n }\n"], ["\n .preview {\n display: flex;\n gap: 10px;\n align-items: center;\n\n .meta-image {\n width: 45px;\n height: 45px;\n border-radius: 100%;\n background-color: #545454;\n }\n\n h3 {\n color: #1a0dab;\n font-size: 18px;\n margin-bottom: 0;\n }\n\n p {\n color: #545454;\n word-wrap: break-word;\n line-height: 1.4;\n }\n }\n"])));
|
|
10
|
-
var templateObject_1;
|
|
11
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-seo/content/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAA0C;AAE7B,QAAA,OAAO,GAAG,IAAA,0BAAM,EAAC,KAAK,CAAC,sdAAA,mZAyBnC,KAAA"}
|