infinity-forge 0.51.10 → 0.52.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/system/presentation/components/data/input-search/index.js.map +1 -1
- package/dist/ui/components/form/handler/styles.d.ts +4 -2
- package/dist/ui/components/form/handler/styles.js +1 -1
- package/dist/ui/components/form/handler/styles.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-switch/index.js +4 -1
- package/dist/ui/components/form/input-switch/index.js.map +1 -1
- package/dist/ui/components/form/interfaces.d.ts +1 -1
- package/dist/ui/components/modal/index.js +4 -7
- package/dist/ui/components/modal/index.js.map +1 -1
- package/dist/ui/components/modal/styles.js +1 -1
- package/dist/ui/components/modal/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,mCAAsC;AACtC,2BAAyC;AAIzC,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAA0B;QAAxB,QAAQ,cAAA;IAC9B,IAAA,KAAoB,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAAhD,KAAK,QAAA,EAAE,QAAQ,QAAiC,CAAA;IAEvD,IAAM,cAAc,GAAG,IAAA,oBAAW,EAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAE9C,IAAA,iBAAS,EAAC;QACR,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,wBAAC,CAAC,CAAC,WAAW,eACZ,kCAAO,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,YACtC,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GAClB,EAER,uBAAC,UAAK,IACJ,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,mCAAsC;AACtC,2BAAyC;AAIzC,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAA0B;QAAxB,QAAQ,cAAA;IAC9B,IAAA,KAAoB,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAAhD,KAAK,QAAA,EAAE,QAAQ,QAAiC,CAAA;IAEvD,IAAM,cAAc,GAAG,IAAA,oBAAW,EAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAE9C,IAAA,iBAAS,EAAC;QACR,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,wBAAC,CAAC,CAAC,WAAW,eACZ,kCAAO,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,YACtC,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GAClB,EAER,uBAAC,UAAK,IACJ,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,UAAC,KAAa,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,EACjD,WAAW,EAAC,cAAc,GAC1B,IACY,GACV,CACT,CAAA;AACH,CAAC;AA7BD,kCA6BC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const FormHandler: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
2
|
+
export declare const FormHandler: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
3
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
-
},
|
|
4
|
+
}, {
|
|
5
|
+
$scrollable?: boolean;
|
|
6
|
+
}>> & string;
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.FormHandler = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.FormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n\n .error-form {\n color: red;\n margin-bottom: 10px;\n display: block;\n text-align: center;\n }\n\n .form-button {\n &.sticky {\n position: sticky;\n bottom:
|
|
12
|
+
exports.FormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n\n .error-form {\n color: red;\n margin-bottom: 10px;\n display: block;\n text-align: center;\n }\n\n .form-button {\n &.sticky {\n position: sticky;\n bottom: -1px;\n left: 0;\n width: 100%;\n padding: 10px;\n background-color: #fff;\n }\n\n button {\n width: 100%;\n font-size: 14px;\n background-color: #000;\n height: 36px;\n color: #fff;\n }\n }\n"], ["\n width: 100%;\n\n .error-form {\n color: red;\n margin-bottom: 10px;\n display: block;\n text-align: center;\n }\n\n .form-button {\n &.sticky {\n position: sticky;\n bottom: -1px;\n left: 0;\n width: 100%;\n padding: 10px;\n background-color: #fff;\n }\n\n button {\n width: 100%;\n font-size: 14px;\n background-color: #000;\n height: 36px;\n color: #fff;\n }\n }\n"])));
|
|
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/handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0gBAA2B,ucA4BlE,KAAC"}
|
|
@@ -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:
|
|
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 height: 42px;\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-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 height: 42px;\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-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' ? '16px' : 'unset'); }, function (props) { return (props.$inputIconDirection === 'right' ? '16px' : '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,o2CAAkB,uJAU/C,EAAwD,iFAMxD,EAAoE,gBACnE,EAAqE,6HAO/D,EAAsC,8GAS5C,EAA0C,4KAO/B,EAA0C,6IAOnD,EAA6C,kHAQtC,EAA6F,0BAC5F,EAA8F,kJAWxG,EAAmC,kDAInC,EAAmC,+JAS/C,KAtEW,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,EAO/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,EAQtC,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"}
|
|
@@ -49,7 +49,10 @@ function InputSwitch(props) {
|
|
|
49
49
|
handlers.setValue(state.initialValue);
|
|
50
50
|
}
|
|
51
51
|
}, [state.initialValue]);
|
|
52
|
-
return ((0, jsx_runtime_1.jsx)(S.InputSwitch, { children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ type: 'checkbox', id: props.name }, field, {
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(S.InputSwitch, { children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ type: 'checkbox', id: props.name }, field, { onChange: function (ev) {
|
|
53
|
+
field.onChange(ev);
|
|
54
|
+
props.onChangeInput && props.onChangeInput(ev.target.checked);
|
|
55
|
+
}, className: 'custom-checkbox' })), (0, jsx_runtime_1.jsx)("label", { style: isChecked ? { background: props.color || '#444' } : {}, className: "custom-checkbox-label ".concat(isChecked ? 'checked' : ''), htmlFor: props.name, children: isChecked && (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'Checked' }) })] })) }));
|
|
53
56
|
}
|
|
54
57
|
exports.InputSwitch = InputSwitch;
|
|
55
58
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,kDAA+C;AAE/C,oCAAiC;AAIjC,0CAA6B;AAC7B,+BAAiC;AAEjC,SAAgB,WAAW,CAAC,KAAmB;IACvC,IAAA,KAA2B,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAA1E,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAEjF,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;IAE9B,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,uBAAC,CAAC,CAAC,WAAW,cACZ,wBAAC,4BAAY,eAAK,KAAK,eACrB,2CAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,KAAK,CAAC,IAAI,IAAM,KAAK,IAAE,SAAS,EAAC,iBAAiB,IAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,kDAA+C;AAE/C,oCAAiC;AAIjC,0CAA6B;AAC7B,+BAAiC;AAEjC,SAAgB,WAAW,CAAC,KAAmB;IACvC,IAAA,KAA2B,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAA1E,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAEjF,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;IAE9B,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,uBAAC,CAAC,CAAC,WAAW,cACZ,wBAAC,4BAAY,eAAK,KAAK,eACrB,2CAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,KAAK,CAAC,IAAI,IAAM,KAAK,IAAE,QAAQ,EAAE,UAAC,EAAE;wBAC7D,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;wBACnB,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;oBAC/D,CAAC,EAAE,SAAS,EAAC,iBAAiB,IAAG,EAEjC,kCACE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAC7D,SAAS,EAAE,gCAAyB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAChE,OAAO,EAAE,KAAK,CAAC,IAAI,YAElB,SAAS,IAAI,uBAAC,YAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GAC/B,KACK,GACD,CACjB,CAAA;AACH,CAAC;AA7BD,kCA6BC"}
|
|
@@ -14,7 +14,7 @@ interface Props {
|
|
|
14
14
|
iconDirection?: 'left' | 'right';
|
|
15
15
|
$isAccumalativeFile?: boolean;
|
|
16
16
|
only?: 'cpf' | 'cnpj';
|
|
17
|
-
onChangeInput?: (value: string) => void;
|
|
17
|
+
onChangeInput?: (value: string | boolean) => void;
|
|
18
18
|
}
|
|
19
19
|
export interface IOptionSelect {
|
|
20
20
|
label: string;
|
|
@@ -31,18 +31,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
31
31
|
var react_1 = require("react");
|
|
32
32
|
var react_dom_1 = __importDefault(require("react-dom"));
|
|
33
33
|
var ui_1 = require("../../../ui/index.js");
|
|
34
|
-
var modalManager_1 = require("./modalManager.js");
|
|
35
34
|
var S = __importStar(require("./styles.js"));
|
|
36
35
|
exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
|
|
37
36
|
var open = _a.open, styles = _a.styles, stylesContent = _a.stylesContent, onClose = _a.onClose, children = _a.children;
|
|
38
37
|
var _b = (0, react_1.useState)(false), showPortal = _b[0], setShowPortal = _b[1];
|
|
39
|
-
var refModal = (0, react_1.useRef)(null);
|
|
40
38
|
var refContainer = (0, react_1.useRef)(null);
|
|
41
|
-
if (refContainer.current === null && process.browser) {
|
|
42
|
-
refContainer.current = document.createElement('div');
|
|
43
|
-
refContainer.current.classList.add('infinity_forge_modal');
|
|
44
|
-
}
|
|
45
|
-
(0, modalManager_1.useModalManager)(refModal, open);
|
|
46
39
|
(0, ui_1.disableScroll)(open);
|
|
47
40
|
(0, react_1.useEffect)(function () {
|
|
48
41
|
if (open && !showPortal) {
|
|
@@ -62,6 +55,10 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
|
|
|
62
55
|
setShowPortal(false);
|
|
63
56
|
onClose();
|
|
64
57
|
}
|
|
58
|
+
if (refContainer.current === null && process.browser) {
|
|
59
|
+
refContainer.current = document.createElement('div');
|
|
60
|
+
refContainer.current.classList.add('infinity_forge_modal');
|
|
61
|
+
}
|
|
65
62
|
return showPortal && refContainer.current ? (react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Modal', children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'overlay', onClick: closeModal }), (0, jsx_runtime_1.jsxs)("div", { className: 'modal_content', style: styles, children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: closeModal, className: 'close_modal_infinity_forge', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon', fill: '#000' }) }), (0, jsx_runtime_1.jsx)("div", { className: 'content_modal_infinity_forge', style: stylesContent, children: children })] })] }) }), refContainer.current)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
|
|
66
63
|
});
|
|
67
64
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6E;AAC7E,wDAAgC;AAEhC,2BAAiD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6E;AAC7E,wDAAgC;AAEhC,2BAAiD;AAMjD,0CAA6B;AAEhB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,UAAC,EAA8D,EAAE,CAA+B;QAA7F,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzC,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAExD,IAAA,kBAAa,EAAC,IAAI,CAAC,CAAA;IAEnB,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,IAAI,CAAC,CAAA;YAEnB,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;QAED,IAAI,CAAC,IAAI,IAAI,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,KAAK,CAAC,CAAA;YAEpB,IAAI,YAAY,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,UAAU;QACjB,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrD,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACpD,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;IAC5D,CAAC;IAED,OAAO,UAAU,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1C,mBAAQ,CAAC,YAAY,CACnB,uBAAC,UAAK,IAAC,IAAI,EAAC,OAAO,YACjB,wBAAC,CAAC,CAAC,KAAK,eACN,gCAAK,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,MAAM,aAC1C,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,4BAA4B,YAC/E,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,GAAG,GAC9B,EAET,gCAAK,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,aAAa,YAC/D,QAAQ,GACL,IACF,IACE,GACJ,EACR,YAAY,CAAC,OAAO,CACrB,CACF,CAAC,CAAC,CAAC,CACF,kDAAK,CACN,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Modal = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 9999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: fit-content;\n max-width: 95vw;\n max-height: 90vh;\n position: fixed;\n z-index: 99999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 35px 0
|
|
12
|
+
exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 9999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: fit-content;\n max-width: 95vw;\n max-height: 90vh;\n position: fixed;\n z-index: 99999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 35px 0 0;\n overflow: hidden;\n overflow-y: auto;\n\n .content_modal_infinity_forge {\n padding: 0 20px;\n }\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\n }\n }\n }\n"], ["\n .overlay {\n position: fixed;\n z-index: 9999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: fit-content;\n max-width: 95vw;\n max-height: 90vh;\n position: fixed;\n z-index: 99999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 35px 0 0;\n overflow: hidden;\n overflow-y: auto;\n\n .content_modal_infinity_forge {\n padding: 0 20px;\n }\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\n }\n }\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,y6BAAA,s2BA6CjC,KAAA"}
|