@solidxai/core-ui 0.0.1

package/dist/components/core/form/SolidFormFieldRenderExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormFieldRenderExtension.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFieldRenderExtension.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAWlE,MAAM,CAAC,IAAM,6BAA6B,GAAG,UAAC,EAAmE;QAAjE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA;IAExE,IAAI,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClD,IAAM,WAAW,GAA8B;QAC3C,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,YAAY;KAC7B,CAAA;IACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;AACL,CAAC,CAAC"}

package/dist/components/core/form/SolidFormFieldRenderExtension.tsx

@@ -0,0 +1,26 @@
+
+
+import { getExtensionComponent } from "../../../helpers/registry";
+import { FormikObject, SolidFieldProps } from "./fields/ISolidField";
+import { SolidFormFieldWidgetProps } from "../../../types/solid-core";
+
+
+export type SolidFormFieldRenderExtensionType ={
+    widget: any;
+    formik: FormikObject;
+    fieldContext: SolidFieldProps;
+}
+
+export const SolidFormFieldRenderExtension = ({ widget, formik, fieldContext }: SolidFormFieldRenderExtensionType) => {
+
+    let DynamicWidget = getExtensionComponent(widget);
+    const widgetProps: SolidFormFieldWidgetProps = {
+        formik: formik,
+        fieldContext: fieldContext,
+    }
+    return (
+        <>
+            {DynamicWidget && <DynamicWidget {...widgetProps} />}
+        </>
+    )
+};

package/dist/components/core/form/SolidFormFooter.d.ts

@@ -0,0 +1,6 @@
+import { SolidFormViewProps } from "./SolidFormView";
+export type SolidFormFooterProps = {
+    params: SolidFormViewProps;
+};
+export declare const SolidFormFooter: ({ params }: SolidFormFooterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidFormFooter.d.ts.map

package/dist/components/core/form/SolidFormFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFooter.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAMrD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAQF,eAAO,MAAM,eAAe,eAAgB,oBAAoB,4CA6I/D,CAAC"}

package/dist/components/core/form/SolidFormFooter.js

@@ -0,0 +1,149 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLazyNavigationQuery } from "../../../redux/api/modelApi";
+import { useEffect, useState } from "react";
+import qs from "qs";
+import { queryObjectToQueryStringByUrl, queryStringToQueryObjectByUrl } from "../list/SolidListView";
+import { usePathname } from "../../../hooks/usePathname";
+import { useSearchParams } from "../../../hooks/useSearchParams";
+import { useRouter } from "../../../hooks/useRouter";
+import { Button } from "primereact/button";
+export var SolidFormFooter = function (_a) {
+    var params = _a.params;
+    var pathname = usePathname();
+    var searchParams = useSearchParams();
+    var router = useRouter();
+    var _b = useState(null), prevNav = _b[0], setPrevNav = _b[1];
+    var _c = useState(null), nextNav = _c[0], setNextNav = _c[1];
+    var _d = useState(null), meta = _d[0], setMeta = _d[1];
+    var _e = useLazyNavigationQuery(), triggerGetNavigation = _e[0], isLoading = _e[1].isLoading;
+    // -----------------------------
+    // Helper: update local storage
+    // -----------------------------
+    var updatePaginationInLocalStorage = function (offset, limit) {
+        var listPath = window.location.pathname.replace(/\/form\/[^/]+/, "/list");
+        var queryObject = queryStringToQueryObjectByUrl(listPath);
+        var updatedQueryObj = __assign(__assign({}, queryObject), { offset: offset, limit: limit });
+        queryObjectToQueryStringByUrl(listPath, updatedQueryObj);
+    };
+    var getNewUrl = function (recordId) {
+        // Replace the id after /form/
+        var newPathname = pathname.replace(/\/form\/[^/]+/, "/form/".concat(recordId));
+        // Clone search params (immutable in Next.js)
+        var params = new URLSearchParams(searchParams.toString());
+        // Remove only userKeyField
+        params.delete("userKeyField");
+        var query = params.toString();
+        return query ? "".concat(newPathname, "?").concat(query) : newPathname;
+    };
+    // -----------------------------
+    // Click handlers
+    // -----------------------------
+    var handlePrev = function () {
+        if (!prevNav)
+            return;
+        updatePaginationInLocalStorage(prevNav.offset, prevNav.limit);
+        var newUrl = getNewUrl(prevNav.recordId);
+        router.push(newUrl);
+    };
+    var handleNext = function () {
+        if (!nextNav)
+            return;
+        updatePaginationInLocalStorage(nextNav.offset, nextNav.limit);
+        var newUrl = getNewUrl(nextNav.recordId);
+        router.push(newUrl);
+    };
+    // -----------------------------
+    // Fetch navigation data
+    // -----------------------------
+    useEffect(function () {
+        if (params.id !== "new") {
+            var fetchNavigation = function () { return __awaiter(void 0, void 0, void 0, function () {
+                var listPath, queryObject, queryData, queryString, response;
+                var _a, _b, _c, _d, _e, _f;
+                return __generator(this, function (_g) {
+                    switch (_g.label) {
+                        case 0:
+                            listPath = window.location.pathname.replace(/\/form\/[^/]+/, "/list");
+                            queryObject = queryStringToQueryObjectByUrl(listPath);
+                            queryData = {
+                                offset: queryObject.offset || 0,
+                                limit: queryObject.limit || 25,
+                                filters: queryObject.filters,
+                                fields: ["id"],
+                                modelName: params.modelName,
+                                recordId: params.id,
+                                sort: queryObject.sort
+                            };
+                            queryString = qs.stringify(queryData, {
+                                encodeValuesOnly: true,
+                            });
+                            return [4 /*yield*/, triggerGetNavigation(queryString).unwrap()];
+                        case 1:
+                            response = _g.sent();
+                            console.log("response nav", response);
+                            if (response.statusCode == 200) {
+                                setPrevNav((_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.prev) !== null && _b !== void 0 ? _b : null);
+                                setNextNav((_d = (_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.next) !== null && _d !== void 0 ? _d : null);
+                                setMeta((_f = (_e = response === null || response === void 0 ? void 0 : response.data) === null || _e === void 0 ? void 0 : _e.meta) !== null && _f !== void 0 ? _f : null);
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); };
+            fetchNavigation();
+        }
+    }, [params.id]);
+    // -----------------------------
+    // UI
+    // -----------------------------
+    return (_jsxs("div", { className: "flex justify-content-end align-items-center gap-2 p-1", style: { borderTop: "1px solid var(--surface-border)" }, children: [meta &&
+                _jsx("span", { children: "".concat(meta.currentIndexGlobal, " of ").concat(meta.totalRecords) }), prevNav && (_jsx(Button, { icon: "pi pi-angle-left", className: "p-button-sm p-button-text", onClick: function () { return handlePrev(); }, disabled: isLoading, tooltip: "Previous", tooltipOptions: { position: "top" } })), nextNav && (_jsx(Button, { icon: "pi pi-angle-right", className: "p-button-sm p-button-text", onClick: function () { return handleNext(); }, disabled: isLoading, tooltip: "Next", tooltipOptions: { position: "top" } }))] }));
+};
+//# sourceMappingURL=SolidFormFooter.js.map

package/dist/components/core/form/SolidFormFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormFooter.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFooter.tsx"],"names":[],"mappings":"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"}

package/dist/components/core/form/SolidFormFooter.tsx

@@ -0,0 +1,164 @@
+
+
+import { useLazyNavigationQuery } from "../../../redux/api/modelApi";
+import { useEffect, useState } from "react";
+import qs from "qs";
+import { queryObjectToQueryStringByUrl, queryStringToQueryObjectByUrl } from "../list/SolidListView";
+import { SolidFormViewProps } from "./SolidFormView";
+import { usePathname } from "../../../hooks/usePathname";
+import { useSearchParams } from "../../../hooks/useSearchParams";
+import { useRouter } from "../../../hooks/useRouter";
+import { Button } from "primereact/button";
+
+export type SolidFormFooterProps = {
+    params: SolidFormViewProps;
+};
+
+type NavItem = {
+    recordId: number;
+    offset: number;
+    limit: number;
+};
+
+export const SolidFormFooter = ({ params }: SolidFormFooterProps) => {
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const router = useRouter();
+
+    const [prevNav, setPrevNav] = useState<NavItem | null>(null);
+    const [nextNav, setNextNav] = useState<NavItem | null>(null);
+    const [meta, setMeta] = useState<any>(null);
+
+    const [triggerGetNavigation, { isLoading }] =
+        useLazyNavigationQuery();
+
+    // -----------------------------
+    // Helper: update local storage
+    // -----------------------------
+    const updatePaginationInLocalStorage = (offset: number, limit: number) => {
+        const listPath = window.location.pathname.replace(
+            /\/form\/[^/]+/,
+            "/list",
+        );
+        const queryObject = queryStringToQueryObjectByUrl(listPath);
+
+        const updatedQueryObj = {
+            ...queryObject,
+            offset,
+            limit,
+        };
+        queryObjectToQueryStringByUrl(listPath, updatedQueryObj)
+    };
+
+    const getNewUrl = (recordId: number): string => {
+        // Replace the id after /form/
+        const newPathname = pathname.replace(
+            /\/form\/[^/]+/,
+            `/form/${recordId}`,
+        );
+
+        // Clone search params (immutable in Next.js)
+        const params = new URLSearchParams(searchParams.toString());
+
+        // Remove only userKeyField
+        params.delete("userKeyField");
+
+        const query = params.toString();
+        return query ? `${newPathname}?${query}` : newPathname;
+    }
+
+
+    // -----------------------------
+    // Click handlers
+    // -----------------------------
+    const handlePrev = () => {
+
+        if (!prevNav) return;
+
+        updatePaginationInLocalStorage(prevNav.offset, prevNav.limit);
+        const newUrl = getNewUrl(prevNav.recordId)
+        router.push(newUrl);
+    };
+
+    const handleNext = () => {
+        if (!nextNav) return;
+
+        updatePaginationInLocalStorage(nextNav.offset, nextNav.limit);
+        const newUrl = getNewUrl(nextNav.recordId)
+        router.push(newUrl);
+    };
+
+    // -----------------------------
+    // Fetch navigation data
+    // -----------------------------
+    useEffect(() => {
+        if (params.id !== "new") {
+
+            const fetchNavigation = async () => {
+                const listPath = window.location.pathname.replace(
+                    /\/form\/[^/]+/,
+                    "/list",
+                );
+
+                const queryObject = queryStringToQueryObjectByUrl(listPath);
+
+                const queryData = {
+                    offset: queryObject.offset || 0,
+                    limit: queryObject.limit || 25,
+                    filters: queryObject.filters,
+                    fields: ["id"],
+                    modelName: params.modelName,
+                    recordId: params.id,
+                    sort: queryObject.sort
+                };
+
+                const queryString = qs.stringify(queryData, {
+                    encodeValuesOnly: true,
+                });
+
+                const response: any = await triggerGetNavigation(queryString).unwrap();
+                console.log("response nav", response);
+                if (response.statusCode == 200) {
+                    setPrevNav(response?.data?.prev ?? null);
+                    setNextNav(response?.data?.next ?? null);
+                    setMeta(response?.data?.meta ?? null);
+                }
+            };
+            fetchNavigation();
+        }
+    }, [params.id]);
+
+    // -----------------------------
+    // UI
+    // -----------------------------
+    return (
+        <div
+            className="flex justify-content-end align-items-center gap-2 p-1"
+            style={{ borderTop: "1px solid var(--surface-border)" }}
+        >{meta &&
+            <span>{`${meta.currentIndexGlobal} of ${meta.totalRecords}`}</span>
+            }
+            {prevNav && (
+                <Button
+                    icon="pi pi-angle-left"
+                    className="p-button-sm p-button-text"
+                    onClick={() => handlePrev()}
+                    disabled={isLoading}
+                    tooltip="Previous"
+                    tooltipOptions={{ position: "top" }}
+                />
+            )}
+
+            {nextNav && (
+                <Button
+                    icon="pi pi-angle-right"
+                    className="p-button-sm p-button-text"
+                    onClick={() => handleNext()}
+                    disabled={isLoading}
+                    tooltip="Next"
+                    tooltipOptions={{ position: "top" }}
+                />
+            )}
+        </div>
+    );
+};

package/dist/components/core/form/SolidFormLayouts.d.ts

@@ -0,0 +1,3 @@
+declare const SolidFormLayouts: ({ params }: any) => import("react/jsx-runtime").JSX.Element;
+export default SolidFormLayouts;
+//# sourceMappingURL=SolidFormLayouts.d.ts.map

package/dist/components/core/form/SolidFormLayouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormLayouts.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormLayouts.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,gBAAgB,eAAgB,GAAG,4CAkFxC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -0,0 +1,68 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useGetmodelByIdQuery } from "../../../redux/api/modelApi";
+import { useGetmoduleByIdQuery } from "../../../redux/api/moduleApi";
+import { useGetusersByIdQuery } from "../../../redux/api/userApi";
+import { useEffect } from "react";
+import CreateModel from "../model/CreateModel";
+import CreateModule from "../module/CreateModule";
+import CreateUser from "../users/CreateUser";
+import SolidFormView from "./SolidFormView";
+import { camelCase } from "change-case";
+var SolidFormLayouts = function (_a) {
+    var params = _a.params;
+    var _b = useGetmodelByIdQuery(params.id, {
+        skip: params.id === 'new' || params.modelName !== 'model-metadata',
+    }), modelData = _b.data, error = _b.error, isLoading = _b.isLoading, isError = _b.isError, refetch = _b.refetch;
+    useEffect(function () {
+        if ((params === null || params === void 0 ? void 0 : params.id) !== 'new' && params.modelName === 'model-metadata') {
+            refetch();
+        }
+    }, [params.id, refetch]);
+    var _c = useGetmoduleByIdQuery(params.id, {
+        skip: params.id === 'new' || params.modelName !== 'module-metadata',
+    }), moduleData = _c.data, moduleError = _c.error, isModuleLoading = _c.isLoading, isModuleError = _c.isError, refetchModule = _c.refetch;
+    useEffect(function () {
+        if ((params === null || params === void 0 ? void 0 : params.id) !== 'new' && params.modelName === 'module-metadata') {
+            refetchModule();
+        }
+    }, [refetchModule]);
+    var _d = useGetusersByIdQuery(params.id, {
+        skip: params.id === 'new' || params.modelName !== 'user',
+    }), userData = _d.data, usererror = _d.error, isuserLoading = _d.isLoading, isuserError = _d.isError, refetchuser = _d.refetch;
+    useEffect(function () {
+        if ((params === null || params === void 0 ? void 0 : params.id) !== 'new' && (params === null || params === void 0 ? void 0 : params.modelName) === 'user') {
+            refetchuser();
+        }
+    }, [refetchuser]);
+    return (_jsxs("div", { className: "page-parent-wrapper", children: [params.modelName === "model-metadata" &&
+                // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />
+                (params.id === "new" ?
+                    _jsx(CreateModel, { params: params })
+                    :
+                        _jsx(CreateModel, { params: params, data: modelData === null || modelData === void 0 ? void 0 : modelData.data })), params.modelName === "module-metadata" &&
+                // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />
+                (params.id === "new" ?
+                    _jsx(CreateModule, { params: params })
+                    :
+                        _jsx(CreateModule, { params: params, data: moduleData === null || moduleData === void 0 ? void 0 : moduleData.data })), params.modelName === "user" &&
+                // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />
+                (params.id === "new" ?
+                    _jsx(CreateUser, { params: params })
+                    :
+                        _jsx(CreateUser, { params: params, data: userData === null || userData === void 0 ? void 0 : userData.data })), params.modelName === "field-metadata" &&
+                _jsx(SolidFormView, __assign({}, params, { embeded: false, modelName: camelCase(params.modelName) })), params.modelName !== "field-metadata" && params.modelName !== "model-metadata" && params.modelName !== "module-metadata" && params.modelName !== "user" &&
+                _jsx(SolidFormView, __assign({}, params, { embeded: false, modelName: camelCase(params.modelName) }))] }));
+};
+export default SolidFormLayouts;
+//# sourceMappingURL=SolidFormLayouts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormLayouts.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormLayouts.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,104 @@
+
+import { useGetmodelByIdQuery } from "../../../redux/api/modelApi";
+import { useGetmoduleByIdQuery } from "../../../redux/api/moduleApi";
+import { useGetusersByIdQuery } from "../../../redux/api/userApi";
+import { useEffect } from "react";
+import CreateModel from "../model/CreateModel";
+import CreateModule from "../module/CreateModule";
+import CreateUser from "../users/CreateUser";
+import SolidFormView from "./SolidFormView";
+import { camelCase } from "change-case";
+
+type SolidViewParams = {
+    params: {
+        moduleName: string;
+        modelName: string;
+        id: string;
+    };
+};
+
+const SolidFormLayouts = ({ params }: any) => {
+    const {
+        data: modelData,
+        error,
+        isLoading,
+        isError,
+        refetch
+    } = useGetmodelByIdQuery(params.id, {
+        skip: params.id === 'new' || params.modelName !== 'model-metadata',
+    });
+    useEffect(() => {
+        if (params?.id !== 'new' && params.modelName === 'model-metadata') {
+            refetch();
+        }
+    }, [params.id, refetch]);
+
+    const {
+        data: moduleData,
+        error: moduleError,
+        isLoading: isModuleLoading,
+        isError: isModuleError,
+        refetch: refetchModule
+    } = useGetmoduleByIdQuery(params.id, {
+        skip: params.id === 'new' || params.modelName !== 'module-metadata',
+    });
+    useEffect(() => {
+        if (params?.id !== 'new' && params.modelName === 'module-metadata') {
+            refetchModule();
+        }
+    }, [refetchModule]);
+
+    const {
+        data: userData,
+        error: usererror,
+        isLoading: isuserLoading,
+        isError: isuserError,
+        refetch: refetchuser
+    } = useGetusersByIdQuery(params.id, {
+        skip: params.id === 'new' || params.modelName !== 'user',
+    });
+    useEffect(() => {
+        if (params?.id !== 'new' && params?.modelName === 'user') {
+            refetchuser();
+        }
+    }, [refetchuser]);
+
+    return (
+        <div className="page-parent-wrapper">
+            {params.modelName === "model-metadata" &&
+                // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />
+                (params.id === "new" ?
+                    <CreateModel params={params}></CreateModel>
+                    :
+                    <CreateModel params={params} data={modelData?.data}></CreateModel>
+                )
+            }
+            {params.modelName === "module-metadata" &&
+                // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />
+                (params.id === "new" ?
+                    <CreateModule params={params}></CreateModule>
+                    :
+                    <CreateModule params={params} data={moduleData?.data}></CreateModule>
+                )
+            }
+
+            {params.modelName === "user" &&
+                // <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />
+                (params.id === "new" ?
+                    <CreateUser params={params}></CreateUser>
+                    :
+                    <CreateUser params={params} data={userData?.data}></CreateUser>
+                )
+            }
+
+            {params.modelName === "field-metadata" &&
+                <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />
+            }
+            {params.modelName !== "field-metadata" && params.modelName !== "model-metadata" && params.modelName !== "module-metadata" && params.modelName !== "user" &&
+                <SolidFormView {...params} embeded={false} modelName={camelCase(params.modelName)} />
+            }
+        </div>
+    )
+}
+
+export default SolidFormLayouts

package/dist/components/core/form/SolidFormUserViewLayout.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidFormUserViewLayout: ({ solidFormViewMetaData, setLayoutDialogVisible }: any) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SolidFormUserViewLayout.d.ts.map

package/dist/components/core/form/SolidFormUserViewLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormUserViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormUserViewLayout.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,uBAAuB,sDAAuD,GAAG,mDA6D7F,CAAC"}