@solidxai/core-ui 0.1.8-beta.17 → 0.1.8-beta.19
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/components/core/form/SolidFormLayouts.js +1 -1
- package/dist/components/core/form/SolidFormLayouts.js.map +1 -1
- package/dist/components/core/form/SolidFormLayouts.tsx +1 -1
- package/dist/components/core/form/SolidFormView.d.ts.map +1 -1
- package/dist/components/core/form/SolidFormView.js +70 -20
- package/dist/components/core/form/SolidFormView.js.map +1 -1
- package/dist/components/core/form/SolidFormView.tsx +53 -2
- package/dist/components/core/form/fields/SolidSelectionDynamicField.d.ts.map +1 -1
- package/dist/components/core/form/fields/SolidSelectionDynamicField.js +1 -4
- package/dist/components/core/form/fields/SolidSelectionDynamicField.js.map +1 -1
- package/dist/components/core/form/fields/SolidSelectionDynamicField.tsx +6 -4
- package/dist/components/core/form/fields/SolidSelectionStaticField.js +0 -4
- package/dist/components/core/form/fields/SolidSelectionStaticField.js.map +1 -1
- package/dist/components/core/form/fields/SolidSelectionStaticField.tsx +4 -4
- package/dist/components/core/list/SolidDataTable.d.ts.map +1 -1
- package/dist/components/core/list/SolidDataTable.js +6 -5
- package/dist/components/core/list/SolidDataTable.js.map +1 -1
- package/dist/components/core/list/SolidDataTable.tsx +6 -5
- package/dist/components/core/list/SolidEmptyListViewPlaceholder.d.ts.map +1 -1
- package/dist/components/core/list/SolidEmptyListViewPlaceholder.js +3 -3
- package/dist/components/core/list/SolidEmptyListViewPlaceholder.js.map +1 -1
- package/dist/components/core/list/SolidEmptyListViewPlaceholder.tsx +1 -0
- package/dist/components/core/list/SolidListView.d.ts.map +1 -1
- package/dist/components/core/list/SolidListView.js +2 -2
- package/dist/components/core/list/SolidListView.js.map +1 -1
- package/dist/components/core/list/SolidListView.tsx +1 -2
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.js.map +1 -1
- package/dist/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx +1 -1
- package/dist/helpers/hydrateRelationRules.js +1 -1
- package/dist/helpers/hydrateRelationRules.js.map +1 -1
- package/dist/helpers/hydrateRelationRules.ts +1 -1
- package/dist/helpers/permissions.js +2 -2
- package/dist/helpers/permissions.js.map +1 -1
- package/dist/helpers/permissions.ts +2 -2
- package/dist/redux/api/solidEntityApi.js +1 -1
- package/dist/redux/api/solidEntityApi.js.map +1 -1
- package/dist/redux/api/solidEntityApi.tsx +1 -1
- package/dist/resources/globals.css +5 -5
- package/dist/resources/shadcn-base.css +6 -6
- package/dist/routes/pages/admin/core/CardPage.js +1 -1
- package/dist/routes/pages/admin/core/CardPage.js.map +1 -1
- package/dist/routes/pages/admin/core/CardPage.tsx +1 -1
- package/dist/routes/pages/admin/core/FormPage.js +1 -1
- package/dist/routes/pages/admin/core/FormPage.js.map +1 -1
- package/dist/routes/pages/admin/core/FormPage.tsx +1 -1
- package/dist/routes/pages/admin/core/KanbanPage.js +1 -1
- package/dist/routes/pages/admin/core/KanbanPage.js.map +1 -1
- package/dist/routes/pages/admin/core/KanbanPage.tsx +1 -1
- package/dist/routes/pages/admin/core/ListPage.js +1 -1
- package/dist/routes/pages/admin/core/ListPage.js.map +1 -1
- package/dist/routes/pages/admin/core/ListPage.tsx +1 -1
- package/dist/routes/pages/admin/core/TreePage.js +1 -1
- package/dist/routes/pages/admin/core/TreePage.js.map +1 -1
- package/dist/routes/pages/admin/core/TreePage.tsx +1 -1
- package/package.json +1 -2
|
@@ -18,7 +18,7 @@ import CreateModel from "../model/CreateModel";
|
|
|
18
18
|
import CreateModule from "../module/CreateModule";
|
|
19
19
|
import CreateUser from "../users/CreateUser";
|
|
20
20
|
import SolidFormView from "./SolidFormView";
|
|
21
|
-
import { camelCase } from "
|
|
21
|
+
import { camelCase } from "lodash";
|
|
22
22
|
var SolidFormLayouts = function (_a) {
|
|
23
23
|
var params = _a.params;
|
|
24
24
|
var _b = useGetmodelByIdQuery(params.id, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolidFormLayouts.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormLayouts.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SolidFormLayouts.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormLayouts.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useGetmodelByIdQuery } from \"../../../redux/api/modelApi\";\nimport { useGetmoduleByIdQuery } from \"../../../redux/api/moduleApi\";\nimport { useGetusersByIdQuery } from \"../../../redux/api/userApi\";\nimport { useEffect } from \"react\";\nimport CreateModel from \"../model/CreateModel\";\nimport CreateModule from \"../module/CreateModule\";\nimport CreateUser from \"../users/CreateUser\";\nimport SolidFormView from \"./SolidFormView\";\nimport { camelCase } from \"lodash\";\n\ntype SolidViewParams = {\n params: {\n moduleName: string;\n modelName: string;\n id: string;\n };\n};\n\nconst SolidFormLayouts = ({ params }: any) => {\n const {\n data: modelData,\n error,\n isLoading,\n isError,\n refetch\n } = useGetmodelByIdQuery(params.id, {\n skip: params.id === 'new' || params.modelName !== 'model-metadata',\n });\n useEffect(() => {\n if (params?.id !== 'new' && params.modelName === 'model-metadata') {\n refetch();\n }\n }, [params.id, refetch]);\n\n const {\n data: moduleData,\n error: moduleError,\n isLoading: isModuleLoading,\n isError: isModuleError,\n refetch: refetchModule\n } = useGetmoduleByIdQuery(params.id, {\n skip: params.id === 'new' || params.modelName !== 'module-metadata',\n });\n useEffect(() => {\n if (params?.id !== 'new' && params.modelName === 'module-metadata') {\n refetchModule();\n }\n }, [refetchModule]);\n\n const {\n data: userData,\n error: usererror,\n isLoading: isuserLoading,\n isError: isuserError,\n refetch: refetchuser\n } = useGetusersByIdQuery(params.id, {\n skip: params.id === 'new' || params.modelName !== 'user',\n });\n useEffect(() => {\n if (params?.id !== 'new' && params?.modelName === 'user') {\n refetchuser();\n }\n }, [refetchuser]);\n\n return (\n <div className=\"page-parent-wrapper\">\n {params.modelName === \"model-metadata\" &&\n // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />\n (params.id === \"new\" ?\n <CreateModel params={params}></CreateModel>\n :\n <CreateModel params={params} data={modelData?.data}></CreateModel>\n )\n }\n {params.modelName === \"module-metadata\" &&\n // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />\n (params.id === \"new\" ?\n <CreateModule params={params}></CreateModule>\n :\n <CreateModule params={params} data={moduleData?.data}></CreateModule>\n )\n }\n\n {params.modelName === \"user\" &&\n // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />\n (params.id === \"new\" ?\n <CreateUser params={params}></CreateUser>\n :\n <CreateUser params={params} data={userData?.data}></CreateUser>\n )\n }\n\n {params.modelName === \"field-metadata\" &&\n <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />\n }\n {params.modelName !== \"field-metadata\" && params.modelName !== \"model-metadata\" && params.modelName !== \"module-metadata\" && params.modelName !== \"user\" &&\n <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />\n }\n </div>\n )\n}\n\nexport default SolidFormLayouts"]}
|
|
@@ -7,7 +7,7 @@ import CreateModel from "../model/CreateModel";
|
|
|
7
7
|
import CreateModule from "../module/CreateModule";
|
|
8
8
|
import CreateUser from "../users/CreateUser";
|
|
9
9
|
import SolidFormView from "./SolidFormView";
|
|
10
|
-
import { camelCase } from "
|
|
10
|
+
import { camelCase } from "lodash";
|
|
11
11
|
|
|
12
12
|
type SolidViewParams = {
|
|
13
13
|
params: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolidFormView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormView.tsx"],"names":[],"mappings":"AA0DA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAyBF,eAAO,MAAM,uBAAuB,WAAY,GAAG,EAAE,KAAG,GAQvD,CAAA;AACD,eAAO,MAAM,sBAAsB,QAAS,MAAM,uBAAuB,OAAO,MAAM,EAAE,GAAG,CAAC,QAa3F,CAAC;
|
|
1
|
+
{"version":3,"file":"SolidFormView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormView.tsx"],"names":[],"mappings":"AA0DA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAyBF,eAAO,MAAM,uBAAuB,WAAY,GAAG,EAAE,KAAG,GAQvD,CAAA;AACD,eAAO,MAAM,sBAAsB,QAAS,MAAM,uBAAuB,OAAO,MAAM,EAAE,GAAG,CAAC,QAa3F,CAAC;AAuUF,QAAA,MAAM,aAAa,WAAY,kBAAkB,4CA83ChD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -263,13 +263,28 @@ var SolidPageTab = function (_a) {
|
|
|
263
263
|
return _jsx(_Fragment, { children: children });
|
|
264
264
|
};
|
|
265
265
|
var SolidNotebook = function (_a) {
|
|
266
|
-
var children = _a.children, activeTab = _a.activeTab, embeded = _a.embeded;
|
|
266
|
+
var children = _a.children, activeTab = _a.activeTab, embeded = _a.embeded, requestedTab = _a.requestedTab, requestedTabVersion = _a.requestedTabVersion;
|
|
267
267
|
var childrenArray = React.Children.toArray(children).filter(function (child) { return !!child; });
|
|
268
268
|
var router = useRouter();
|
|
269
269
|
var pathname = usePathname();
|
|
270
270
|
var searchParams = useSearchParams();
|
|
271
271
|
var _b = useState(activeTab), localActiveTab = _b[0], setLocalActiveTab = _b[1];
|
|
272
272
|
var effectiveTab = embeded ? localActiveTab : activeTab;
|
|
273
|
+
useEffect(function () {
|
|
274
|
+
if (!requestedTab)
|
|
275
|
+
return;
|
|
276
|
+
var exists = childrenArray.some(function (child) { var _a; return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.tabKey) === requestedTab; });
|
|
277
|
+
if (!exists)
|
|
278
|
+
return;
|
|
279
|
+
if (embeded) {
|
|
280
|
+
setLocalActiveTab(requestedTab);
|
|
281
|
+
}
|
|
282
|
+
else {
|
|
283
|
+
var queryParams = new URLSearchParams(searchParams.toString());
|
|
284
|
+
queryParams.set('activeTab', requestedTab);
|
|
285
|
+
router.push("".concat(pathname, "?").concat(queryParams.toString()));
|
|
286
|
+
}
|
|
287
|
+
}, [requestedTabVersion]);
|
|
273
288
|
var activeIndex = useMemo(function () {
|
|
274
289
|
var idx = childrenArray.findIndex(function (child) { var _a; return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.tabKey) === effectiveTab; });
|
|
275
290
|
return idx >= 0 ? idx : 0;
|
|
@@ -308,6 +323,35 @@ var SolidDynamicWidget = function (_a) {
|
|
|
308
323
|
};
|
|
309
324
|
return (_jsx("div", { className: "solid-tab-view w-full", children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
|
|
310
325
|
};
|
|
326
|
+
var FormikSubmitWatcher = function (_a) {
|
|
327
|
+
var formik = _a.formik, tabFieldsRef = _a.tabFieldsRef, embeded = _a.embeded, searchParams = _a.searchParams, setRequestedTab = _a.setRequestedTab, setRequestedTabVersion = _a.setRequestedTabVersion;
|
|
328
|
+
var lastHandledRef = useRef(0);
|
|
329
|
+
useEffect(function () {
|
|
330
|
+
var _a;
|
|
331
|
+
if (formik.submitCount === lastHandledRef.current)
|
|
332
|
+
return;
|
|
333
|
+
if (formik.isSubmitting)
|
|
334
|
+
return;
|
|
335
|
+
lastHandledRef.current = formik.submitCount;
|
|
336
|
+
var erroredKeys = Object.keys(formik.errors || {});
|
|
337
|
+
if (erroredKeys.length === 0)
|
|
338
|
+
return;
|
|
339
|
+
if (!tabFieldsRef.current || tabFieldsRef.current.length === 0)
|
|
340
|
+
return;
|
|
341
|
+
var currentActive = embeded ? null : (searchParams.get("activeTab") || "");
|
|
342
|
+
var currentHasError = currentActive
|
|
343
|
+
? (_a = tabFieldsRef.current.find(function (t) { return t.tabKey === currentActive; })) === null || _a === void 0 ? void 0 : _a.fields.some(function (f) { return erroredKeys.includes(f); })
|
|
344
|
+
: false;
|
|
345
|
+
if (currentHasError)
|
|
346
|
+
return;
|
|
347
|
+
var firstErroredTab = tabFieldsRef.current.find(function (t) { return t.fields.some(function (f) { return erroredKeys.includes(f); }); });
|
|
348
|
+
if (firstErroredTab) {
|
|
349
|
+
setRequestedTab(firstErroredTab.tabKey);
|
|
350
|
+
setRequestedTabVersion(function (v) { return v + 1; });
|
|
351
|
+
}
|
|
352
|
+
}, [formik.submitCount, formik.isSubmitting]);
|
|
353
|
+
return null;
|
|
354
|
+
};
|
|
311
355
|
var SolidPage = function (_a) {
|
|
312
356
|
var attrs = _a.attrs, children = _a.children, key = _a.key, formik = _a.formik, fields = _a.fields;
|
|
313
357
|
var fieldsName = fields.map(function (f) { return f.attrs.name; });
|
|
@@ -379,18 +423,21 @@ var SolidFormView = function (params) {
|
|
|
379
423
|
var _8 = useState(360), chatterLocaleWidth = _8[0], setChatterLocaleWidth = _8[1];
|
|
380
424
|
var _9 = useState(false), isResizingChatterLocale = _9[0], setIsResizingChatterLocale = _9[1];
|
|
381
425
|
var _10 = useState(false), isSubmitting = _10[0], setIsSubmitting = _10[1];
|
|
382
|
-
var
|
|
383
|
-
var
|
|
426
|
+
var tabFieldsRef = useRef([]);
|
|
427
|
+
var _11 = useState(null), requestedTab = _11[0], setRequestedTab = _11[1];
|
|
428
|
+
var _12 = useState(0), requestedTabVersion = _12[0], setRequestedTabVersion = _12[1];
|
|
429
|
+
var _13 = useState(""), solidWorkflowFieldValue = _13[0], setSolidWorkflowFieldValue = _13[1];
|
|
430
|
+
var _14 = useState(1), defaultTabViewOptionIndex = _14[0], setDefaultTabViewOptionIndex = _14[1];
|
|
384
431
|
var errorFields = [];
|
|
385
432
|
var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
|
|
386
|
-
var
|
|
433
|
+
var _15 = useState(null), mcpUrl = _15[0], setMcpUrl = _15[1];
|
|
387
434
|
var getMcpUrl = useLazyGetMcpUrlQuery()[0];
|
|
388
435
|
// when rendering the form view we will optionally get action params...
|
|
389
436
|
// these we can bubble up in the event that is being raised onFormLayoutLoad, onFormDataLoad & onFormLoad
|
|
390
437
|
var actionName = searchParams.get('actionName');
|
|
391
438
|
var actionType = searchParams.get('actionType');
|
|
392
439
|
var actionContext = searchParams.get('actionContext');
|
|
393
|
-
var
|
|
440
|
+
var _16 = useLazyGetSolidSettingsQuery(), trigger = _16[0], solidSettingsData = _16[1].data;
|
|
394
441
|
useEffect(function () {
|
|
395
442
|
trigger(""); // Fetch settings on mount
|
|
396
443
|
}, []);
|
|
@@ -527,22 +574,22 @@ var SolidFormView = function (params) {
|
|
|
527
574
|
// }y
|
|
528
575
|
var entityApi = createSolidEntityApi(params.modelName);
|
|
529
576
|
var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation, usePublishSolidEntityMutation = entityApi.usePublishSolidEntityMutation, useUnpublishSolidEntityMutation = entityApi.useUnpublishSolidEntityMutation;
|
|
530
|
-
var
|
|
531
|
-
var
|
|
532
|
-
var
|
|
533
|
-
var
|
|
534
|
-
var
|
|
535
|
-
var
|
|
577
|
+
var _17 = useCreateSolidEntityMutation(), createEntity = _17[0], _18 = _17[1], isEntityCreateSuccess = _18.isSuccess, isEntityCreateError = _18.isError, entityCreateError = _18.error;
|
|
578
|
+
var _19 = useUpdateSolidEntityMutation(), updateEntity = _19[0], _20 = _19[1], isEntityUpdateSuceess = _20.isSuccess, isEntityUpdateError = _20.isError, entityUpdateError = _20.error;
|
|
579
|
+
var _21 = useDeleteSolidEntityMutation(), deleteEntity = _21[0], _22 = _21[1], isEntityDeleteSuceess = _22.isSuccess, isEntityDeleteError = _22.isError, entityDeleteError = _22.error;
|
|
580
|
+
var _23 = usePatchUpdateSolidEntityMutation(), patchEntity = _23[0], _24 = _23[1], isEntityPatchSuceess = _24.isSuccess, isEntityPatchError = _24.isError, entityPatchError = _24.error;
|
|
581
|
+
var _25 = usePublishSolidEntityMutation(), publishSolidEntity = _25[0], _26 = _25[1], isEntityPublishedSuccess = _26.isSuccess, isEntityPublishedError = _26.isError, entityPublishedError = _26.error;
|
|
582
|
+
var _27 = useUnpublishSolidEntityMutation(), unpublishSolidEntity = _27[0], _28 = _27[1], isEntityUnpublishedSuccess = _28.isSuccess, isEntityUnpublishedError = _28.isError, entityUnpublishedError = _28.error;
|
|
536
583
|
// - - - - - - - - - - - -- - - - - - - - - - - - METADATA here
|
|
537
584
|
// Get the form view layout & metadata first.
|
|
538
585
|
var formViewMetaDataQs = qs.stringify(__assign(__assign({}, params), { viewType: 'form', defaultEntityLocaleId: defaultEntityLocaleId }), {
|
|
539
586
|
encodeValuesOnly: true,
|
|
540
587
|
});
|
|
541
|
-
var
|
|
542
|
-
var
|
|
543
|
-
var
|
|
588
|
+
var _29 = useState({}), formViewMetaData = _29[0], setFormViewMetaData = _29[1];
|
|
589
|
+
var _30 = useState(null), formViewLayout = _30[0], setFormViewLayout = _30[1];
|
|
590
|
+
var _31 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _31.data, solidFormViewMetaDataIsLoading = _31.isLoading;
|
|
544
591
|
var entityDisplayName = ((_c = (_b = (_a = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.displayName) || params.modelName;
|
|
545
|
-
var
|
|
592
|
+
var _32 = useState(true), refreshChatterMessage = _32[0], setRefreshChatterMessage = _32[1];
|
|
546
593
|
useEffect(function () {
|
|
547
594
|
if (isEntityCreateSuccess == true ||
|
|
548
595
|
isEntityUpdateSuceess == true ||
|
|
@@ -785,10 +832,10 @@ var SolidFormView = function (params) {
|
|
|
785
832
|
var formViewDataQs = qs.stringify({ populate: toPopulate, populateMedia: toPopulateMedia }, {
|
|
786
833
|
encodeValuesOnly: true,
|
|
787
834
|
});
|
|
788
|
-
var
|
|
789
|
-
var
|
|
835
|
+
var _33 = useState({}), initialEntityData = _33[0], setInitialEntityData = _33[1];
|
|
836
|
+
var _34 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
|
|
790
837
|
skip: params.id === 'new'
|
|
791
|
-
}), solidFormViewData =
|
|
838
|
+
}), solidFormViewData = _34.data, solidFormViewDataIsLoading = _34.isLoading, refetchSolidFormViewData = _34.refetch;
|
|
792
839
|
useEffect(function () {
|
|
793
840
|
if (params.id !== 'new') {
|
|
794
841
|
refetchSolidFormViewData();
|
|
@@ -1117,6 +1164,7 @@ var SolidFormView = function (params) {
|
|
|
1117
1164
|
return __generator(this, function (_b) {
|
|
1118
1165
|
switch (_b.label) {
|
|
1119
1166
|
case 0:
|
|
1167
|
+
// console.log("formFieldOnXXX", eventType, event);
|
|
1120
1168
|
// Invoke the formik change
|
|
1121
1169
|
if (eventType === 'onFieldChange') {
|
|
1122
1170
|
formik.handleChange(event);
|
|
@@ -1261,12 +1309,14 @@ var SolidFormView = function (params) {
|
|
|
1261
1309
|
break;
|
|
1262
1310
|
case "notebook":
|
|
1263
1311
|
if (visible === true) {
|
|
1264
|
-
|
|
1312
|
+
tabFieldsRef.current = [];
|
|
1313
|
+
return _jsx(SolidNotebook, { activeTab: searchParams.get("activeTab") || "", embeded: params.embeded, requestedTab: requestedTab, requestedTabVersion: requestedTabVersion, children: children.map(function (element, index) { return renderFormElementDynamically_1(element, recursiveFVMD, "".concat(path, ".").concat(index)); }) }, key);
|
|
1265
1314
|
}
|
|
1266
1315
|
break;
|
|
1267
1316
|
case "page":
|
|
1268
1317
|
if (visible === true) {
|
|
1269
1318
|
var fields = children.flatMap(function (child) { return getLayoutFields(child); });
|
|
1319
|
+
tabFieldsRef.current.push({ tabKey: key, fields: fields.map(function (f) { return f.attrs.name; }) });
|
|
1270
1320
|
var pageChildren = children.map(function (element, index) { return renderFormElementDynamically_1(element, recursiveFVMD, "".concat(path, ".").concat(index)); });
|
|
1271
1321
|
return SolidPage({ children: pageChildren, attrs: attrs, key: key, formik: formik, fields: fields });
|
|
1272
1322
|
}
|
|
@@ -1431,7 +1481,7 @@ var SolidFormView = function (params) {
|
|
|
1431
1481
|
return slide;
|
|
1432
1482
|
})
|
|
1433
1483
|
.filter(function (slide) { return !!slide; });
|
|
1434
|
-
return (_jsxs("div", { className: "solid-form-wrapper", children: [_jsxs("div", { className: "solid-form-section", children: [_jsxs("form", { style: { width: '100%' }, onSubmit: formik.handleSubmit, children: [_jsx(SolidFormActionHeader, { formik: formik, formData: solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data, params: params, actionsAllowed: actionsAllowed, formViewLayout: formViewLayout, solidView: solidView_1, solidFormViewMetaData: solidFormViewMetaData, initialEntityData: solidFormViewData ? solidFormViewData.data : {}, setDeleteDialogVisible: setDeleteDialogVisible, setLayoutDialogVisible: setLayoutDialogVisible, setRedirectToList: setRedirectToList, viewMode: viewMode, setViewMode: setViewMode, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, draftEnabled: (_m = (_l = (_k = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.model) === null || _m === void 0 ? void 0 : _m.draftPublishWorkflow, publish: published, internationalisationEnabled: (_q = (_p = (_o = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.model) === null || _q === void 0 ? void 0 : _q.internationalisation, handleDraftPublishWorkFlow: handleDraftPublishWorkFlow, onStepperUpdate: function () { return setRefreshChatterMessage(true); }, isSubmitting: isSubmitting, headerRequestStatusLabel: isSubmitting ? "Saving..." : null }), _jsxs("div", { className: "px-4 py-3 md:p-4 solid-form-content md:pt-1 ".concat(createMode ? 'solid-create-mode-form-content' : '', " ").concat(params.embeded === true ? 'h-auto' : ''), style: { maxHeight: params.embeded === true ? '80vh' : '', overflowY: 'auto' }, children: [DynamicHeaderComponent && _jsx(DynamicHeaderComponent, {}), params.id === 'new' && DynamicFormComponentNew ? (_jsx(DynamicFormComponentNew, { params: params })) : params.id !== 'new' && DynamicFormComponentEdit ? (_jsx(DynamicFormComponentEdit, { params: params })) : (renderFormDynamically(formViewMetaData, formViewLayout))] })] }), _jsx(SolidFormFooter, { params: params })] }), params.embeded !== true &&
|
|
1484
|
+
return (_jsxs("div", { className: "solid-form-wrapper", children: [_jsxs("div", { className: "solid-form-section", children: [_jsxs("form", { style: { width: '100%' }, onSubmit: formik.handleSubmit, children: [_jsx(FormikSubmitWatcher, { formik: formik, tabFieldsRef: tabFieldsRef, embeded: params.embeded, searchParams: searchParams, setRequestedTab: setRequestedTab, setRequestedTabVersion: setRequestedTabVersion }), _jsx(SolidFormActionHeader, { formik: formik, formData: solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data, params: params, actionsAllowed: actionsAllowed, formViewLayout: formViewLayout, solidView: solidView_1, solidFormViewMetaData: solidFormViewMetaData, initialEntityData: solidFormViewData ? solidFormViewData.data : {}, setDeleteDialogVisible: setDeleteDialogVisible, setLayoutDialogVisible: setLayoutDialogVisible, setRedirectToList: setRedirectToList, viewMode: viewMode, setViewMode: setViewMode, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, draftEnabled: (_m = (_l = (_k = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.model) === null || _m === void 0 ? void 0 : _m.draftPublishWorkflow, publish: published, internationalisationEnabled: (_q = (_p = (_o = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.model) === null || _q === void 0 ? void 0 : _q.internationalisation, handleDraftPublishWorkFlow: handleDraftPublishWorkFlow, onStepperUpdate: function () { return setRefreshChatterMessage(true); }, isSubmitting: isSubmitting, headerRequestStatusLabel: isSubmitting ? "Saving..." : null }), _jsxs("div", { className: "px-4 py-3 md:p-4 solid-form-content md:pt-1 ".concat(createMode ? 'solid-create-mode-form-content' : '', " ").concat(params.embeded === true ? 'h-auto' : ''), style: { maxHeight: params.embeded === true ? '80vh' : '', overflowY: 'auto' }, children: [DynamicHeaderComponent && _jsx(DynamicHeaderComponent, {}), params.id === 'new' && DynamicFormComponentNew ? (_jsx(DynamicFormComponentNew, { params: params })) : params.id !== 'new' && DynamicFormComponentEdit ? (_jsx(DynamicFormComponentEdit, { params: params })) : (renderFormDynamically(formViewMetaData, formViewLayout))] })] }), _jsx(SolidFormFooter, { params: params })] }), params.embeded !== true &&
|
|
1435
1485
|
_jsxs("div", { className: "chatter-section ".concat(isShowChatter === false ? 'collapsed' : 'open'), style: { width: chatterLocaleWidth }, children: [isShowChatter && (_jsx("div", { style: {
|
|
1436
1486
|
width: 5,
|
|
1437
1487
|
cursor: 'col-resize',
|