npm - @solidxai/core-ui - Versions diffs - 0.1.8-beta.17 → 0.1.8-beta.18 - Mend

@solidxai/core-ui 0.1.8-beta.17 → 0.1.8-beta.18

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.

Files changed (129) hide show

package/dist/components/common/AuthBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthBanner.js","sourceRoot":"","sources":["../../../src/components/common/AuthBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,UAAU,GAAG;IACjB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,4BAA4B;YACxC,8CAA8C;YAC9C,cAAc,EAAE,OAAO;YACvB,SAAS,EAAE,GAAG,CAAC,6BAA6B,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAClE,EACD,SAAS,EAAC,yBAAyB,YAEnC,cAAK,SAAS,EAAC,UAAU,YACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,iDAAiD,YAC7D,GAAG,CAAC,iBAAiB,CAAC,GACnB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,GAAG,CAAC,mCAAmC,CAAC,GACrC,EACN,cAAK,SAAS,EAAC,MAAM,GASf,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"AuthBanner.js","sourceRoot":"","sources":["../../../src/components/common/AuthBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,UAAU,GAAG;IACjB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,4BAA4B;YACxC,8CAA8C;YAC9C,cAAc,EAAE,OAAO;YACvB,SAAS,EAAE,GAAG,CAAC,6BAA6B,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAClE,EACD,SAAS,EAAC,yBAAyB,YAEnC,cAAK,SAAS,EAAC,UAAU,YACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,iDAAiD,YAC7D,GAAG,CAAC,iBAAiB,CAAC,GACnB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,GAAG,CAAC,mCAAmC,CAAC,GACrC,EACN,cAAK,SAAS,EAAC,MAAM,GASf,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { env } from \"../../adapters/env\";\n\nconst AuthBanner = () => {\n return (\n <div\n style={{\n position: \"relative\",\n width: \"100%\",\n height: \"calc(100vh)\",\n background: 'url(/images/loginhero.png)',\n // background: 'url(/images/LoginBanner.png)',\n backgroundSize: 'cover',\n marginTop: env(\"ENABLE_CUSTOM_HEADER_FOOTER\") === \"true\" ? 70 : 0\n }}\n className=\"flex align-items-center\"\n >\n <div className=\"grid m-0\">\n <div className=\"col-8 mx-auto\">\n <div className=\"text-5xl text-white font-semibold line-height-3\">\n {env(\"SOLID_APP_TITLE\")}\n </div>\n <div className=\"text-sm text-white line-height-3\">\n {env(\"NEXT_PUBLIC_SOLID_APP_DESCRIPTION\")}\n </div>\n <div className=\"mt-5\">\n {/* <AvatarGroup>\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar label=\"60k+\" shape=\"circle\" size=\"large\" className=\"text-sm text-bold\" style={{ color: '#191866', backgroundColor: '#fff' }} />\n </AvatarGroup> */}\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default AuthBanner;\n"]}

package/dist/components/core/form/SolidFormLayouts.js CHANGED Viewed

@@ -18,7 +18,7 @@ import CreateModel from "../model/CreateModel";
 import CreateModule from "../module/CreateModule";
 import CreateUser from "../users/CreateUser";
 import SolidFormView from "./SolidFormView";
-import { camelCase } from "change-case";
+import { camelCase } from "lodash";
 var SolidFormLayouts = function (_a) {
     var params = _a.params;
     var _b = useGetmodelByIdQuery(params.id, {

package/dist/components/core/form/SolidFormLayouts.js.map CHANGED Viewed

	@@ -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,~~aAAa~~,CAAC;~~AAUxC~~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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 \"~~change-case~~\";\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"]}
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"]}

package/dist/components/core/form/SolidFormLayouts.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import CreateModel from "../model/CreateModel";
 import CreateModule from "../module/CreateModule";
 import CreateUser from "../users/CreateUser";
 import SolidFormView from "./SolidFormView";
-import { camelCase } from "change-case";
+import { camelCase } from "lodash";
 type SolidViewParams = {
     params: {

package/dist/components/core/form/SolidFormView.d.ts.map CHANGED Viewed

	@@ -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;~~AAmSF~~,QAAA,MAAM,aAAa,WAAY,kBAAkB,~~4CA+2ChD~~,CAAC;AAEF,eAAe,aAAa,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"}

package/dist/components/core/form/SolidFormView.js CHANGED Viewed

@@ -263,13 +263,28 @@ var SolidPageTab = function (_a) {
     return _jsx(_Fragment, { children: children });
 };
 var SolidNotebook = function (_a) {
-    var children = _a.children, activeTab = _a.activeTab, embeded = _a.embeded;
+    var children = _a.children, activeTab = _a.activeTab, embeded = _a.embeded, requestedTab = _a.requestedTab, requestedTabVersion = _a.requestedTabVersion;
     var childrenArray = React.Children.toArray(children).filter(function (child) { return !!child; });
     var router = useRouter();
     var pathname = usePathname();
     var searchParams = useSearchParams();
     var _b = useState(activeTab), localActiveTab = _b[0], setLocalActiveTab = _b[1];
     var effectiveTab = embeded ? localActiveTab : activeTab;
+    useEffect(function () {
+        if (!requestedTab)
+            return;
+        var exists = childrenArray.some(function (child) { var _a; return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.tabKey) === requestedTab; });
+        if (!exists)
+            return;
+        if (embeded) {
+            setLocalActiveTab(requestedTab);
+        }
+        else {
+            var queryParams = new URLSearchParams(searchParams.toString());
+            queryParams.set('activeTab', requestedTab);
+            router.push("".concat(pathname, "?").concat(queryParams.toString()));
+        }
+    }, [requestedTabVersion]);
     var activeIndex = useMemo(function () {
         var idx = childrenArray.findIndex(function (child) { var _a; return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.tabKey) === effectiveTab; });
         return idx >= 0 ? idx : 0;
@@ -308,6 +323,35 @@ var SolidDynamicWidget = function (_a) {
     };
     return (_jsx("div", { className: "solid-tab-view w-full", children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
 };
+var FormikSubmitWatcher = function (_a) {
+    var formik = _a.formik, tabFieldsRef = _a.tabFieldsRef, embeded = _a.embeded, searchParams = _a.searchParams, setRequestedTab = _a.setRequestedTab, setRequestedTabVersion = _a.setRequestedTabVersion;
+    var lastHandledRef = useRef(0);
+    useEffect(function () {
+        var _a;
+        if (formik.submitCount === lastHandledRef.current)
+            return;
+        if (formik.isSubmitting)
+            return;
+        lastHandledRef.current = formik.submitCount;
+        var erroredKeys = Object.keys(formik.errors || {});
+        if (erroredKeys.length === 0)
+            return;
+        if (!tabFieldsRef.current || tabFieldsRef.current.length === 0)
+            return;
+        var currentActive = embeded ? null : (searchParams.get("activeTab") || "");
+        var currentHasError = currentActive
+            ? (_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); })
+            : false;
+        if (currentHasError)
+            return;
+        var firstErroredTab = tabFieldsRef.current.find(function (t) { return t.fields.some(function (f) { return erroredKeys.includes(f); }); });
+        if (firstErroredTab) {
+            setRequestedTab(firstErroredTab.tabKey);
+            setRequestedTabVersion(function (v) { return v + 1; });
+        }
+    }, [formik.submitCount, formik.isSubmitting]);
+    return null;
+};
 var SolidPage = function (_a) {
     var attrs = _a.attrs, children = _a.children, key = _a.key, formik = _a.formik, fields = _a.fields;
     var fieldsName = fields.map(function (f) { return f.attrs.name; });
@@ -379,18 +423,21 @@ var SolidFormView = function (params) {
     var _8 = useState(360), chatterLocaleWidth = _8[0], setChatterLocaleWidth = _8[1];
     var _9 = useState(false), isResizingChatterLocale = _9[0], setIsResizingChatterLocale = _9[1];
     var _10 = useState(false), isSubmitting = _10[0], setIsSubmitting = _10[1];
-    var _11 = useState(""), solidWorkflowFieldValue = _11[0], setSolidWorkflowFieldValue = _11[1];
-    var _12 = useState(1), defaultTabViewOptionIndex = _12[0], setDefaultTabViewOptionIndex = _12[1];
+    var tabFieldsRef = useRef([]);
+    var _11 = useState(null), requestedTab = _11[0], setRequestedTab = _11[1];
+    var _12 = useState(0), requestedTabVersion = _12[0], setRequestedTabVersion = _12[1];
+    var _13 = useState(""), solidWorkflowFieldValue = _13[0], setSolidWorkflowFieldValue = _13[1];
+    var _14 = useState(1), defaultTabViewOptionIndex = _14[0], setDefaultTabViewOptionIndex = _14[1];
     var errorFields = [];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    var _13 = useState(null), mcpUrl = _13[0], setMcpUrl = _13[1];
+    var _15 = useState(null), mcpUrl = _15[0], setMcpUrl = _15[1];
     var getMcpUrl = useLazyGetMcpUrlQuery()[0];
     // when rendering the form view we will optionally get action params...
     // these we can bubble up in the event that is being raised onFormLayoutLoad, onFormDataLoad & onFormLoad
     var actionName = searchParams.get('actionName');
     var actionType = searchParams.get('actionType');
     var actionContext = searchParams.get('actionContext');
-    var _14 = useLazyGetSolidSettingsQuery(), trigger = _14[0], solidSettingsData = _14[1].data;
+    var _16 = useLazyGetSolidSettingsQuery(), trigger = _16[0], solidSettingsData = _16[1].data;
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, []);
@@ -527,22 +574,22 @@ var SolidFormView = function (params) {
     // }y
     var entityApi = createSolidEntityApi(params.modelName);
     var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation, usePublishSolidEntityMutation = entityApi.usePublishSolidEntityMutation, useUnpublishSolidEntityMutation = entityApi.useUnpublishSolidEntityMutation;
-    var _15 = useCreateSolidEntityMutation(), createEntity = _15[0], _16 = _15[1], isEntityCreateSuccess = _16.isSuccess, isEntityCreateError = _16.isError, entityCreateError = _16.error;
-    var _17 = useUpdateSolidEntityMutation(), updateEntity = _17[0], _18 = _17[1], isEntityUpdateSuceess = _18.isSuccess, isEntityUpdateError = _18.isError, entityUpdateError = _18.error;
-    var _19 = useDeleteSolidEntityMutation(), deleteEntity = _19[0], _20 = _19[1], isEntityDeleteSuceess = _20.isSuccess, isEntityDeleteError = _20.isError, entityDeleteError = _20.error;
-    var _21 = usePatchUpdateSolidEntityMutation(), patchEntity = _21[0], _22 = _21[1], isEntityPatchSuceess = _22.isSuccess, isEntityPatchError = _22.isError, entityPatchError = _22.error;
-    var _23 = usePublishSolidEntityMutation(), publishSolidEntity = _23[0], _24 = _23[1], isEntityPublishedSuccess = _24.isSuccess, isEntityPublishedError = _24.isError, entityPublishedError = _24.error;
-    var _25 = useUnpublishSolidEntityMutation(), unpublishSolidEntity = _25[0], _26 = _25[1], isEntityUnpublishedSuccess = _26.isSuccess, isEntityUnpublishedError = _26.isError, entityUnpublishedError = _26.error;
+    var _17 = useCreateSolidEntityMutation(), createEntity = _17[0], _18 = _17[1], isEntityCreateSuccess = _18.isSuccess, isEntityCreateError = _18.isError, entityCreateError = _18.error;
+    var _19 = useUpdateSolidEntityMutation(), updateEntity = _19[0], _20 = _19[1], isEntityUpdateSuceess = _20.isSuccess, isEntityUpdateError = _20.isError, entityUpdateError = _20.error;
+    var _21 = useDeleteSolidEntityMutation(), deleteEntity = _21[0], _22 = _21[1], isEntityDeleteSuceess = _22.isSuccess, isEntityDeleteError = _22.isError, entityDeleteError = _22.error;
+    var _23 = usePatchUpdateSolidEntityMutation(), patchEntity = _23[0], _24 = _23[1], isEntityPatchSuceess = _24.isSuccess, isEntityPatchError = _24.isError, entityPatchError = _24.error;
+    var _25 = usePublishSolidEntityMutation(), publishSolidEntity = _25[0], _26 = _25[1], isEntityPublishedSuccess = _26.isSuccess, isEntityPublishedError = _26.isError, entityPublishedError = _26.error;
+    var _27 = useUnpublishSolidEntityMutation(), unpublishSolidEntity = _27[0], _28 = _27[1], isEntityUnpublishedSuccess = _28.isSuccess, isEntityUnpublishedError = _28.isError, entityUnpublishedError = _28.error;
     // - - - - - - - - - - - -- - - - - - - - - - - - METADATA here
     // Get the form view layout & metadata first.
     var formViewMetaDataQs = qs.stringify(__assign(__assign({}, params), { viewType: 'form', defaultEntityLocaleId: defaultEntityLocaleId }), {
         encodeValuesOnly: true,
     });
-    var _27 = useState({}), formViewMetaData = _27[0], setFormViewMetaData = _27[1];
-    var _28 = useState(null), formViewLayout = _28[0], setFormViewLayout = _28[1];
-    var _29 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _29.data, solidFormViewMetaDataIsLoading = _29.isLoading;
+    var _29 = useState({}), formViewMetaData = _29[0], setFormViewMetaData = _29[1];
+    var _30 = useState(null), formViewLayout = _30[0], setFormViewLayout = _30[1];
+    var _31 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _31.data, solidFormViewMetaDataIsLoading = _31.isLoading;
     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;
-    var _30 = useState(true), refreshChatterMessage = _30[0], setRefreshChatterMessage = _30[1];
+    var _32 = useState(true), refreshChatterMessage = _32[0], setRefreshChatterMessage = _32[1];
     useEffect(function () {
         if (isEntityCreateSuccess == true ||
             isEntityUpdateSuceess == true ||
@@ -785,10 +832,10 @@ var SolidFormView = function (params) {
     var formViewDataQs = qs.stringify({ populate: toPopulate, populateMedia: toPopulateMedia }, {
         encodeValuesOnly: true,
     });
-    var _31 = useState({}), initialEntityData = _31[0], setInitialEntityData = _31[1];
-    var _32 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
+    var _33 = useState({}), initialEntityData = _33[0], setInitialEntityData = _33[1];
+    var _34 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
         skip: params.id === 'new'
-    }), solidFormViewData = _32.data, solidFormViewDataIsLoading = _32.isLoading, refetchSolidFormViewData = _32.refetch;
+    }), solidFormViewData = _34.data, solidFormViewDataIsLoading = _34.isLoading, refetchSolidFormViewData = _34.refetch;
     useEffect(function () {
         if (params.id !== 'new') {
             refetchSolidFormViewData();
@@ -1117,6 +1164,7 @@ var SolidFormView = function (params) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
+                        // console.log("formFieldOnXXX", eventType, event);
                         // Invoke the formik change
                         if (eventType === 'onFieldChange') {
                             formik.handleChange(event);
@@ -1261,12 +1309,14 @@ var SolidFormView = function (params) {
                     break;
                 case "notebook":
                     if (visible === true) {
-                        return _jsx(SolidNotebook, { activeTab: searchParams.get("activeTab") || "", embeded: params.embeded, children: children.map(function (element, index) { return renderFormElementDynamically_1(element, recursiveFVMD, "".concat(path, ".").concat(index)); }) }, key);
+                        tabFieldsRef.current = [];
+                        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);
                     }
                     break;
                 case "page":
                     if (visible === true) {
                         var fields = children.flatMap(function (child) { return getLayoutFields(child); });
+                        tabFieldsRef.current.push({ tabKey: key, fields: fields.map(function (f) { return f.attrs.name; }) });
                         var pageChildren = children.map(function (element, index) { return renderFormElementDynamically_1(element, recursiveFVMD, "".concat(path, ".").concat(index)); });
                         return SolidPage({ children: pageChildren, attrs: attrs, key: key, formik: formik, fields: fields });
                     }
@@ -1431,7 +1481,7 @@ var SolidFormView = function (params) {
             return slide;
         })
             .filter(function (slide) { return !!slide; });
-        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 &&
+        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 &&
                     _jsxs("div", { className: "chatter-section ".concat(isShowChatter === false ? 'collapsed' : 'open'), style: { width: chatterLocaleWidth }, children: [isShowChatter && (_jsx("div", { style: {
                                     width: 5,
                                     cursor: 'col-resize',