infinity-forge 0.9.5 → 0.9.7
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/pages/users/table/create.d.ts +1 -1
- package/dist/system/presentation/components/pages/users/table/create.js.map +1 -1
- package/dist/system/presentation/components/pages/users/table/edit.d.ts +1 -1
- package/dist/system/presentation/components/pages/users/table/edit.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/interfaces.d.ts +1 -2
- package/dist/ui/components/form/handler/dynamic_form_handler/component.js +6 -6
- package/dist/ui/components/form/handler/dynamic_form_handler/component.js.map +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/interfaces.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
+
import { DynamicFormHandlerProps } from '../../../../../../ui/index.js';
|
|
1
2
|
import { User } from '../../../../../../system/index.js';
|
|
2
|
-
import { DynamicFormHandlerProps } from '../../../../../../ui/components/form/handler/dynamic_form_handler/interfaces.js';
|
|
3
3
|
export declare function useCreateTable(queryKey: string): DynamicFormHandlerProps<User>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/pages/users/table/create.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,
|
|
1
|
+
{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/pages/users/table/create.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAAwD;AACxD,mCAA8D;AAE9D,SAAgB,cAAc,CAAC,QAAgB;IAA/C,iBAyBC;IAxBS,IAAA,WAAW,GAAK,IAAA,aAAQ,GAAE,YAAf,CAAe;IAElC,IAAM,WAAW,GAAkC;QACjD,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QACzB,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;QAClC,QAAQ,EAAE,UAAO,IAAI;;;4BACnB,qBAAM,kBAAS,CAAC,GAAG,CAAc,cAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAA;;wBAAhE,SAAgE,CAAA;wBAEhE,IAAA,YAAM,EAAC,QAAQ,CAAC,CAAA;wBAEhB,WAAW,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;;;;aACnE;QACD,MAAM,EAAE;YACN,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;YAClF;gBACE,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE;gBACpF,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;aAChF;YACD,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;SAC1F;KACF,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC;AAzBD,wCAyBC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
+
import { DynamicFormHandlerProps } from '../../../../../../ui/index.js';
|
|
1
2
|
import { User } from '../../../../../../system/index.js';
|
|
2
|
-
import { DynamicFormHandlerProps } from '../../../../../../ui/components/form/handler/dynamic_form_handler/interfaces.js';
|
|
3
3
|
export declare function useEditTable(queryKey: string): DynamicFormHandlerProps<User>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edit.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/pages/users/table/edit.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,
|
|
1
|
+
{"version":3,"file":"edit.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/pages/users/table/edit.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAAwD;AACxD,mCAA8D;AAE9D,SAAgB,YAAY,CAAC,QAAgB;IAA7C,iBA4BC;IA3BS,IAAA,WAAW,GAAK,IAAA,aAAQ,GAAE,YAAf,CAAe;IAElC,IAAM,SAAS,GAAkC;QAC/C,KAAK,EAAE,gBAAgB;QACvB,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC1B,UAAU,EAAE;YACV,GAAG,EAAE,UAAC,SAAS,IAAK,OAAA,UAAU,GAAG,SAAS,CAAC,EAAE,EAAzB,CAAyB;YAC7C,OAAO,EAAE,UAAO,SAAS;;4BAAK,qBAAM,kBAAS,CAAC,GAAG,CAAc,cAAK,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,SAAS,CAAC,EAAE,EAAE,CAAC,EAAA;4BAAnF,sBAAA,SAAmF,EAAA;;qBAAA;SAClH;QACD,QAAQ,EAAE,UAAO,IAAI;;;4BACnB,qBAAM,kBAAS,CAAC,GAAG,CAAc,cAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA;;wBAA9D,SAA8D,CAAA;wBAE9D,IAAA,YAAM,EAAC,QAAQ,CAAC,CAAA;wBAEhB,WAAW,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;;;;aACpE;QACD,MAAM,EAAE;YACN,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;YAClF;gBACE,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE;gBACpF,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;aAChF;YACD,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;SAC7E;KACF,CAAA;IAED,OAAO,SAAS,CAAA;AAClB,CAAC;AA5BD,oCA4BC"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Pagination = exports.TopActions = exports.Table = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Table = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow-x: hidden;\n width: 100%;\n background-color: #fff;\n border-radius: 6px;\n border: 0.3px solid rgba(0, 0, 0, 0.09);\n\n > div {\n width: 100%;\n overflow-x: auto;\n }\n\n .title {\n padding: 20px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n > div {\n width: 100%;\n }\n\n thead {\n background-color: #f1f1f1;\n height: 48px;\n\n tr {\n height: 40px;\n }\n\n th {\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n padding: 0 12px;\n color: rgba(0, 0, 0, 0.87);\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: 2;\n text-align: center;\n }\n }\n\n tbody {\n display: table-row-group;\n\n tr {\n height: 51px;\n transition: background 0.1s ease-in-out;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.02);\n }\n }\n\n td {\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n padding:
|
|
12
|
+
exports.Table = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow-x: hidden;\n width: 100%;\n background-color: #fff;\n border-radius: 6px;\n border: 0.3px solid rgba(0, 0, 0, 0.09);\n\n > div {\n width: 100%;\n overflow-x: auto;\n }\n\n .title {\n padding: 20px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n > div {\n width: 100%;\n }\n\n thead {\n background-color: #f1f1f1;\n height: 48px;\n\n tr {\n height: 40px;\n }\n\n th {\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n padding: 0 12px;\n color: rgba(0, 0, 0, 0.87);\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: 2;\n text-align: center;\n }\n }\n\n tbody {\n display: table-row-group;\n\n tr {\n height: 51px;\n transition: background 0.1s ease-in-out;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.02);\n }\n }\n\n td {\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n padding: 12px;\n color: rgba(0, 0, 0, 0.87);\n text-align: left;\n font-weight: 400;\n }\n }\n }\n"], ["\n overflow-x: hidden;\n width: 100%;\n background-color: #fff;\n border-radius: 6px;\n border: 0.3px solid rgba(0, 0, 0, 0.09);\n\n > div {\n width: 100%;\n overflow-x: auto;\n }\n\n .title {\n padding: 20px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n > div {\n width: 100%;\n }\n\n thead {\n background-color: #f1f1f1;\n height: 48px;\n\n tr {\n height: 40px;\n }\n\n th {\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n padding: 0 12px;\n color: rgba(0, 0, 0, 0.87);\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: 2;\n text-align: center;\n }\n }\n\n tbody {\n display: table-row-group;\n\n tr {\n height: 51px;\n transition: background 0.1s ease-in-out;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.02);\n }\n }\n\n td {\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n padding: 12px;\n color: rgba(0, 0, 0, 0.87);\n text-align: left;\n font-weight: 400;\n }\n }\n }\n"])));
|
|
13
13
|
exports.TopActions = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n"], ["\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n"])));
|
|
14
14
|
exports.Pagination = (0, styled_components_1.default)('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 64px;\n width: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n margin: 0 0 0 auto;\n width: fit-content;\n\n p {\n margin: 0;\n color: #808080;\n }\n"], ["\n height: 64px;\n width: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n margin: 0 0 0 auto;\n width: fit-content;\n\n p {\n margin: 0;\n color: #808080;\n }\n"])));
|
|
15
15
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uvCAAA,orCAkEjC,KAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yIAAA,sEAItC,KAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0SAAA,uOActC,KAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PaginationModel } from '../../../../../system/index.js';
|
|
3
|
-
import { IconsNames } from '../../../../../ui/index.js';
|
|
4
|
-
import { DynamicFormHandlerProps } from '../../../../../ui/components/form/handler/dynamic_form_handler/interfaces.js';
|
|
3
|
+
import { IconsNames, DynamicFormHandlerProps } from '../../../../../ui/index.js';
|
|
5
4
|
interface Column<T = any> {
|
|
6
5
|
id: keyof T;
|
|
7
6
|
label: string;
|
|
@@ -92,12 +92,12 @@ function DynamicFormHandler(props) {
|
|
|
92
92
|
if (isLoading && props.getDetails) {
|
|
93
93
|
return (0, jsx_runtime_1.jsx)(loader_circle_1.LoaderCircle, { size: 30, color: '#000' });
|
|
94
94
|
}
|
|
95
|
-
return ((0, jsx_runtime_1.
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
95
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: { padding: 20 }, children: [props.title && (0, jsx_runtime_1.jsx)("h3", { className: 'font-18-bold', style: { marginBottom: 15 }, children: props.title }), (0, jsx_runtime_1.jsx)(component_1.FormHandler, __assign({}, props, { initialData: __assign(__assign({}, data), (props.initialData || {})), children: props.inputs.map(function (row, index) {
|
|
96
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gap: 15, gridTemplateColumns: "repeat(".concat(row.length, ", 1fr)") }, children: row.map(function (input) {
|
|
97
|
+
var Element = Inputs[input.inputComponent];
|
|
98
|
+
return (0, jsx_runtime_1.jsx)(Element, __assign({}, input), input.name);
|
|
99
|
+
}) }, index));
|
|
100
|
+
}) }))] }));
|
|
101
101
|
}
|
|
102
102
|
exports.DynamicFormHandler = DynamicFormHandler;
|
|
103
103
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,+DAA4D;AAE5D,4CAAwB;AAIxB,kDAAqC;AAErC,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,SAAe,OAAO;;;;gBACpB,sBAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAA;;;KACnD;IAEK,IAAA,KAAsB,IAAA,aAAM,EAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,EAA9F,IAAI,UAAA,EAAE,SAAS,eAA+E,CAAA;IAEtG,IAAI,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO,uBAAC,4BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CAAA;IAChD,CAAC;IAED,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,+DAA4D;AAE5D,4CAAwB;AAIxB,kDAAqC;AAErC,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,SAAe,OAAO;;;;gBACpB,sBAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAA;;;KACnD;IAEK,IAAA,KAAsB,IAAA,aAAM,EAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,EAA9F,IAAI,UAAA,EAAE,SAAS,eAA+E,CAAA;IAEtG,IAAI,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO,uBAAC,4BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CAAA;IAChD,CAAC;IAED,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aACxB,KAAK,CAAC,KAAK,IAAI,+BAAI,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAG,KAAK,CAAC,KAAK,GAAM,EAE5F,uBAAC,uBAAW,eAAM,KAAa,IAAE,WAAW,wBAAO,IAAI,GAAK,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,aAClF,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK;oBAC3B,OAAO,CACL,gCAAiB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,mBAAmB,EAAE,iBAAU,GAAG,CAAC,MAAM,WAAQ,EAAE,YACpG,GAAG,CAAC,GAAG,CAAC,UAAC,KAAK;4BACb,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;4BAE5C,OAAO,uBAAC,OAAO,eAAuB,KAAa,GAA9B,KAAK,CAAC,IAAI,CAAwB,CAAA;wBACzD,CAAC,CAAC,IALM,KAAK,CAMT,CACP,CAAA;gBACH,CAAC,CAAC,IACU,IACV,CACP,CAAA;AACH,CAAC;AA9BD,gDA8BC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconsNames } from '../../../../../ui/icons/index.js';
|
|
2
|
-
import * as Inputs from '../../index.js';
|
|
3
|
-
import { ISelectProps } from '../../select/interfaces.js';
|
|
4
2
|
import { IFormHandler } from '../interfaces.js';
|
|
3
|
+
import { ISelectProps } from '../../select/interfaces.js';
|
|
4
|
+
import * as Inputs from '../../index.js';
|
|
5
5
|
type InputProps<T = any> = {
|
|
6
6
|
name: keyof T;
|
|
7
7
|
inputComponent: keyof typeof Inputs;
|