infinity-forge 8.3.3 → 8.3.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/ui/components/form/input-manager/component.d.ts +1 -1
- package/dist/ui/components/form/input-manager/component.js +11 -6
- package/dist/ui/components/form/input-manager/component.js.map +1 -1
- package/dist/ui/components/form/input-manager/interfaces.d.ts +1 -0
- package/dist/ui/contexts/route-loading/index.d.ts +2 -1
- package/dist/ui/contexts/route-loading/index.js +5 -3
- package/dist/ui/contexts/route-loading/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/ui/components/form/text-editor/react-quill.css +0 -922
- package/dist/ui/styles/fonts.css +0 -768
- package/dist/ui/styles/reset.css +0 -351
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputProps } from '../../../../ui/index.js';
|
|
2
2
|
import * as Inputs from '../../../../ui/components/form/index.js';
|
|
3
|
-
export declare function InputManager({ name, label, inputs, gridColumns, inputPath, placeholder, ...rest }: InputProps & Partial<Inputs.DragAndDropListProps<any>>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function InputManager({ name, label, inputs, gridColumns, inputPath, placeholder, onDeleteItem, ...rest }: InputProps & Partial<Inputs.DragAndDropListProps<any>>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -71,23 +71,28 @@ var ui_1 = require("../../../../ui/index.js");
|
|
|
71
71
|
var Inputs = __importStar(require("../../../../ui/components/form/index.js"));
|
|
72
72
|
var S = __importStar(require("./styles.js"));
|
|
73
73
|
function InputManager(_a) {
|
|
74
|
-
var name = _a.name, label = _a.label, inputs = _a.inputs, _b = _a.gridColumns, gridColumns = _b === void 0 ? 3 : _b, inputPath = _a.inputPath, placeholder = _a.placeholder, rest = __rest(_a, ["name", "label", "inputs", "gridColumns", "inputPath", "placeholder"]);
|
|
74
|
+
var name = _a.name, label = _a.label, inputs = _a.inputs, _b = _a.gridColumns, gridColumns = _b === void 0 ? 3 : _b, inputPath = _a.inputPath, placeholder = _a.placeholder, onDeleteItem = _a.onDeleteItem, rest = __rest(_a, ["name", "label", "inputs", "gridColumns", "inputPath", "placeholder", "onDeleteItem"]);
|
|
75
75
|
var _c = (0, formik_1.useFormikContext)(), values = _c.values, setFieldValue = _c.setFieldValue;
|
|
76
76
|
var path = inputPath ? name : "jsonContent.".concat(name);
|
|
77
77
|
var items = (0, formik_1.getIn)(values, path) || [];
|
|
78
78
|
return ((0, jsx_runtime_1.jsxs)(S.InputManager, { "$gridColumns": gridColumns, children: [(0, jsx_runtime_1.jsx)("div", { className: 'add_new_item_input_manager', children: (0, jsx_runtime_1.jsxs)("button", { type: 'button', className: 'font-16-regular', onClick: function () {
|
|
79
79
|
var guid = (0, ui_1.generateGUID)();
|
|
80
|
-
setFieldValue(path, __spreadArray(__spreadArray([], items, true), [{
|
|
81
|
-
}, children: [label, " ", (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon' })] }) }), (0, jsx_runtime_1.jsx)(Inputs.DragAndDropList, __assign({}, rest, { items: items, onReorder: function (newItems) { return setFieldValue(path, newItems); }, getItemId: function (item) { return item.id; }, renderItem: function (item, itemIndex, provided) {
|
|
80
|
+
setFieldValue(path, __spreadArray(__spreadArray([], items, true), [{ id_input: guid }], false));
|
|
81
|
+
}, children: [label, " ", (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon' })] }) }), (0, jsx_runtime_1.jsx)(Inputs.DragAndDropList, __assign({}, rest, { items: items, onReorder: function (newItems) { return setFieldValue(path, newItems); }, getItemId: function (item) { return (item === null || item === void 0 ? void 0 : item.id_input) || (item === null || item === void 0 ? void 0 : item.id); }, renderItem: function (item, itemIndex, provided) {
|
|
82
82
|
var basePath = "".concat(path, "[").concat(itemIndex, "].");
|
|
83
83
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: provided.setNodeRef }, provided.attributes, provided.listeners, { className: 'item', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top-input-manager', children: [(0, jsx_runtime_1.jsxs)("h3", { className: 'font-18-regular', children: [placeholder, " ", itemIndex + 1] }), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'delete', onClick: function () {
|
|
84
|
-
setFieldValue(path, items.filter(function (i) {
|
|
84
|
+
setFieldValue(path, items.filter(function (i) {
|
|
85
|
+
var idVerify = ((i === null || i === void 0 ? void 0 : i.id_input) || (i === null || i === void 0 ? void 0 : i.id));
|
|
86
|
+
var itemID = (item === null || item === void 0 ? void 0 : item.id_input) || item.id;
|
|
87
|
+
return idVerify !== itemID;
|
|
88
|
+
}));
|
|
89
|
+
onDeleteItem && onDeleteItem(item);
|
|
85
90
|
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) })] }), inputs === null || inputs === void 0 ? void 0 : inputs.map(function (row) {
|
|
86
|
-
var KEYROW = item.
|
|
91
|
+
var KEYROW = item.id_input + row.reduce(function (reducer, inputList) { return reducer + (inputList.name || ''); }, '');
|
|
87
92
|
return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: 15, gridTemplateColumns: "repeat(".concat(row.length, ", 1fr)") }, children: row.map(function (input) {
|
|
88
93
|
var Element = Inputs[input.InputComponent];
|
|
89
94
|
var name = "".concat(basePath).concat(input.name);
|
|
90
|
-
var KEYinput = item.
|
|
95
|
+
var KEYinput = item.id_input + KEYROW + name;
|
|
91
96
|
return (0, jsx_runtime_1.jsx)(Element, __assign({}, input, { name: name, inputPath: basePath }), KEYinput);
|
|
92
97
|
}) }, KEYROW));
|
|
93
98
|
})] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,oCAsFC;;AA3FD,iCAAgD;AAChD,2BAAqD;AACrD,iEAAoD;AACpD,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAS4B;IARvD,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,MAAM,YAAA,EACN,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,YAAY,kBAAA,EACT,IAAI,cARoB,sFAS5B,CADQ;IAED,IAAA,KAA4B,IAAA,yBAAgB,GAAyB,EAAnE,MAAM,YAAA,EAAE,aAAa,mBAA8C,CAAA;IAC3E,IAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAe,IAAI,CAAE,CAAA;IACrD,IAAM,KAAK,GAAG,IAAA,cAAK,EAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAA;IAEvC,OAAO,CACL,wBAAC,CAAC,CAAC,YAAY,oBAAe,WAAW,aACvC,gCAAK,SAAS,EAAC,4BAA4B,YACzC,oCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE;wBACP,IAAM,IAAI,GAAG,IAAA,iBAAY,GAAE,CAAA;wBAC3B,aAAa,CAAC,IAAI,kCAAM,KAAK,UAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAE,CAAA;oBACrD,CAAC,aAEA,KAAK,OAAE,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,IACzB,GACL,EAEN,uBAAC,MAAM,CAAC,eAAe,eACjB,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAC,QAAQ,IAAK,OAAA,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC,EAA7B,CAA6B,EACtD,SAAS,EAAE,UAAC,IAAS,IAAK,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,MAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA,EAA1B,CAA0B,EACpD,UAAU,EAAE,UAAC,IAAI,EAAE,SAAS,EAAE,QAAQ;oBACpC,IAAM,QAAQ,GAAG,UAAG,IAAI,cAAI,SAAS,OAAI,CAAA;oBACzC,OAAO,CACL,0CAAK,GAAG,EAAE,QAAQ,CAAC,UAAU,IAAM,QAAQ,CAAC,UAAU,EAAM,QAAQ,CAAC,SAAS,IAAE,SAAS,EAAC,MAAM,aAC9F,iCAAK,SAAS,EAAC,mBAAmB,aAChC,gCAAI,SAAS,EAAC,iBAAiB,aAC5B,WAAW,OAAG,SAAS,GAAG,CAAC,IACzB,EAEL,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE;4CACP,aAAa,CACX,IAAI,EACJ,KAAK,CAAC,MAAM,CAAC,UAAC,CAAC;gDACb,IAAM,QAAQ,GAAG,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,MAAI,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,EAAE,CAAA,CAAC,CAAC;gDACxC,IAAM,MAAM,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,IAAI,CAAC,EAAE,CAAC;gDAEzC,OAAO,QAAQ,KAAK,MAAM,CAAA;4CAC5B,CAAC,CAAC,CACH,CAAA;4CAED,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;wCACpC,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACnB,IACL,EAEL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAC,GAAG;gCACf,IAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,UAAC,OAAO,EAAE,SAAc,IAAK,OAAA,OAAO,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC,EAAhC,CAAgC,EAAE,EAAE,CAAC,CAAA;gCAC5G,OAAO,CACL,gCAEE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,mBAAmB,EAAE,iBAAU,GAAG,CAAC,MAAM,WAAQ,EAAE,YAErF,GAAG,CAAC,GAAG,CAAC,UAAC,KAAU;wCAClB,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,CAAQ,CAAA;wCACnD,IAAM,IAAI,GAAG,UAAG,QAAQ,SAAG,KAAK,CAAC,IAAI,CAAE,CAAA;wCACvC,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAA;wCAC9C,OAAO,uBAAC,OAAO,eAAqB,KAAa,IAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,KAA7D,QAAQ,CAAyD,CAAA;oCACxF,CAAC,CAAC,IARG,MAAM,CASP,CACP,CAAA;4BACH,CAAC,CAAC,KACE,CACP,CAAA;gBACH,CAAC,IACD,IACa,CAClB,CAAA;AACH,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type LoaderOnRouteChangeProps = {
|
|
2
2
|
children: React.ReactNode;
|
|
3
3
|
Component: () => React.ReactNode;
|
|
4
|
+
enabled?: boolean;
|
|
4
5
|
};
|
|
5
|
-
export declare function LoaderOnRouteChange({ children, Component }: LoaderOnRouteChangeProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function LoaderOnRouteChange({ children, enabled, Component }: LoaderOnRouteChangeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,13 +10,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.LoaderOnRouteChange = LoaderOnRouteChange;
|
|
11
11
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
12
|
var react_1 = require("react");
|
|
13
|
+
var react_dom_1 = __importDefault(require("react-dom"));
|
|
13
14
|
var router_1 = __importDefault(require("next/router"));
|
|
14
15
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
16
|
+
var ui_1 = require("../../../ui/index.js");
|
|
15
17
|
var StylesRoute = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n height: 5px;\n animation-duration: 1.8s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: ", ";\n background: ", ";\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99;\n\n @keyframes placeHolderShimmer {\n 0% {\n background-position: 0px 0;\n }\n 100% {\n background-position: 100vw 0;\n }\n }\n"], ["\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n height: 5px;\n animation-duration: 1.8s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: ", ";\n background: ", ";\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99;\n\n @keyframes placeHolderShimmer {\n 0% {\n background-position: 0px 0;\n }\n 100% {\n background-position: 100vw 0;\n }\n }\n"])), function (props) { return props.theme.primaryColor; }, function (props) { return "linear-gradient(\n to right,\n ".concat(props.theme.primaryColor, " 8%,\n #fff 25%,\n ").concat(props.theme.primaryColor, " 33%\n )"); });
|
|
16
18
|
function LoaderOnRouteChange(_a) {
|
|
17
|
-
var children = _a.children, Component = _a.Component;
|
|
19
|
+
var children = _a.children, enabled = _a.enabled, Component = _a.Component;
|
|
18
20
|
var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
|
|
19
|
-
|
|
21
|
+
var window = (0, ui_1.useWindow)();
|
|
20
22
|
(0, react_1.useEffect)(function () {
|
|
21
23
|
var start = function () {
|
|
22
24
|
setLoading(true);
|
|
@@ -34,7 +36,7 @@ function LoaderOnRouteChange(_a) {
|
|
|
34
36
|
};
|
|
35
37
|
}, []);
|
|
36
38
|
var ComponentLoader = Component || StylesRoute;
|
|
37
|
-
return ((0, jsx_runtime_1.
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [window && enabled && react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)("div", { className: 'loader_routing_infinity_forge', children: loading && (0, jsx_runtime_1.jsx)(ComponentLoader, {}) }), document.body), children] }));
|
|
38
40
|
}
|
|
39
41
|
var templateObject_1;
|
|
40
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/route-loading/index.tsx"],"names":[],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/route-loading/index.tsx"],"names":[],"mappings":";;;;;;;;;AA+CA,kDAkCC;;AAjFD,+BAA2C;AAC3C,wDAAgC;AAEhC,uDAAgC;AAChC,wEAAsC;AAEtC,2BAAgC;AAEhC,IAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,kkBAAA,iRAWjB,EAAmC,mBACnC,EAKZ,uNAcH,KApBe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EACnC,UAAC,KAAK,IAAK,OAAA,2CAEvB,KAAK,CAAC,KAAK,CAAC,YAAY,kCAExB,KAAK,CAAC,KAAK,CAAC,YAAY,cACxB,EALuB,CAKvB,CAcH,CAAA;AAQD,SAAgB,mBAAmB,CAAC,EAA0D;QAAxD,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA;IAC1D,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAC;IAE3B,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC,CAAA;QAED,IAAM,GAAG,GAAG;YACV,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,CAAA;QAED,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC3C,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;QAC5C,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAEzC,OAAO;YACL,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;YAC5C,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;YAC7C,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAC5C,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,SAAS,IAAI,WAAW,CAAA;IAEhD,OAAO,CACL,6DACG,MAAM,IAAI,OAAO,IAAI,mBAAQ,CAAC,YAAY,CAAC,gCAAK,SAAS,EAAC,+BAA+B,YAAE,OAAO,IAAI,uBAAC,eAAe,KAAG,GAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,EAEhJ,QAAQ,IACR,CACJ,CAAA;AACH,CAAC"}
|