@solidstarters/solid-core-ui 1.1.74 → 1.1.77

package/src/components/core/filter/fields/SolidRelationField.tsx

@@ -1,13 +0,0 @@
-"use client";
-import { SolidFilterFieldsParams } from '../SolidFilterFields';
-import SolidRelationManyToOneField from './relations/SolidRelationManyToOneField';
-
-const SolidRelationField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    if (fieldMetadata.relationType === 'many-to-one') {
-        return SolidRelationManyToOneField({ fieldMetadata, onChange, index, rule });
-    }
-    // TODO: Support one-to-many
-    // TODO: Support many-to-many
-};
-
-export default SolidRelationField;

package/src/components/core/filter/fields/SolidRichTextField.tsx

@@ -1,9 +0,0 @@
-"use client";
-import { SolidFilterFieldsParams } from '../SolidFilterFields';
-import SolidShortTextField from './SolidShortTextField';
-
-const SolidRichTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    return SolidShortTextField({ fieldMetadata, onChange, index, rule });
-};
-
-export default SolidRichTextField;

package/src/components/core/filter/fields/SolidSelectionDynamicField.tsx

@@ -1,46 +0,0 @@
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidSelectionDynamicField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    const showFilterOperator = false;
-    const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';
-    const filterMatchModeOptions = [
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-    ];
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-
-
-    return (
-        <div className='flex align-items-start gap-3 w-full'>
-            <Dropdown
-                value={rule.matchMode}
-                onChange={(e: any) => {
-                    onChange(rule.id, 'matchMode', e.value)
-                }}
-                options={filterMatchModeOptions}
-                optionLabel='label'
-                optionValue='value'
-                placeholder="Select Operator"
-                className="w-full p-inputtext-sm"
-            />
-            <div className='flex flex-column gap-2 w-full'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.SelectionDynamic}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidSelectionDynamicField;

package/src/components/core/filter/fields/SolidSelectionStaticField.tsx

@@ -1,48 +0,0 @@
-"use client";
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-
-const SolidSelectionStaticField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-
-    // const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';
-    const filterMatchModeOptions = [
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-    ];
-
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    return (
-        <div className='flex align-items-start gap-3 w-full'>
-            <Dropdown
-                value={rule.matchMode}
-                onChange={(e: any) => {
-                    onChange(rule.id, 'matchMode', e.value)
-                }}
-                options={filterMatchModeOptions}
-                optionLabel='label'
-                optionValue='value'
-                placeholder="Select Operator"
-                className="w-full p-inputtext-sm"
-            />
-            <div className='flex flex-column gap-2 w-full'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.SelectionStatic}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-};
-
-export default SolidSelectionStaticField;

package/src/components/core/filter/fields/SolidShortTextField.tsx

@@ -1,54 +0,0 @@
-"use client";
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    // const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = 'text';
-    const filterMatchModeOptions = [
-        { label: 'Starts With', value: "$startsWithi" },
-        { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
-        { label: 'Equals', value: "$eqi" },
-        { label: 'Not Equals', value: "$nei" },
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" }
-    ];
-
-    // const header = column.attrs.label ?? fieldMetadata.displayName;
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    return (
-        <div className='flex align-items-start gap-3 w-full'>
-            <Dropdown
-                value={rule.matchMode}
-                onChange={(e: any) => {
-                    onChange(rule.id, 'matchMode', e.value)
-                }}
-                options={filterMatchModeOptions}
-                optionLabel='label'
-                optionValue='value'
-                placeholder="Select Operator"
-                className="w-full p-inputtext-sm"
-            />
-            <div className='flex flex-column gap-2 w-full'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Text}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidShortTextField;

package/src/components/core/filter/fields/SolidTimeField.tsx

@@ -1,45 +0,0 @@
-"use client";
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-import { dateFilterMatchModeOptions } from './SolidDateField';
-
-const SolidTimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    // const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = 'date';
-
-    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
-    // const header = column.attrs.label ?? fieldMetadata.displayName;
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-    return (
-        <div className='flex align-items-start gap-3 w-full'>
-            <Dropdown
-                value={rule.matchMode}
-                onChange={(e: any) => {
-                    onChange(rule.id, 'matchMode', e.value)
-                }}
-                options={dateFilterMatchModeOptions}
-                optionLabel='label'
-                optionValue='value'
-                placeholder="Select Operator"
-                className="w-full p-inputtext-sm"
-            />
-            <div className='flex flex-column gap-2 w-full'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Time}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidTimeField;

package/src/components/core/filter/fields/SolidUuidField.tsx

@@ -1,45 +0,0 @@
-"use client";
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidUuidField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    const showFilterOperator = false;
-    const columnDataType = 'text';
-    const filterMatchModeOptions = [
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-    ];
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    return (
-        <div className='flex align-items-start gap-3 w-full'>
-            <Dropdown
-                value={rule.matchMode}
-                onChange={(e: any) => {
-                    onChange(rule.id, 'matchMode', e.value)
-                }}
-                options={filterMatchModeOptions}
-                optionLabel='label'
-                optionValue='value'
-                placeholder="Select Operator"
-                className="w-full p-inputtext-sm"
-            />
-            <div className='flex flex-column gap-2 w-full'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Text}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidUuidField;

package/src/components/core/filter/fields/relations/SolidRelationManyToOneField.tsx

@@ -1,80 +0,0 @@
-"use client";
-import { InputTypes, SolidVarInputsFilterElement } from '@/components/core/filter/SolidVarInputsFilterElement';
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../../SolidFilterFields';
-
-const SolidRelationManyToOneField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    // const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const filterMatchModeOptions = [
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-    ];
-    const columnDataType = undefined;
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    // const filterTemplate = (options: ColumnFilterElementTemplateOptions) => {
-
-    //     return (
-    //         <SolidVarInputsFilterElement
-    //             values={options.value}
-    //             onChange={(e: FormEvent<HTMLInputElement>) => options.filterCallback(e, options.index)}
-    //             inputType={InputTypes.RelationManyToOne}
-    //             solidListViewMetaData={solidListViewMetaData}
-    //             fieldMetadata={fieldMetadata}
-    //             column={column}
-    //         >
-    //         </SolidVarInputsFilterElement>
-    //     )
-    // };
-
-    // const bodyTemplate = (rowData: any) => {
-    //     const manyToOneFieldData = rowData[column.attrs.name];
-
-    //     // This is the userkey that will be present within the rowData.
-    //     if (manyToOneFieldData) {
-    //         // Since this is a many-to-one field, we fetch the user key field of the associated model.
-    //         const userKeyField = fieldMetadata.relationModel.userKeyField.name;
-
-    //         const manyToOneColVal = manyToOneFieldData[userKeyField];
-
-    //         // TODO: change this to use an anchor tag so that on click we open that entity form view. 
-    //         return <span>{manyToOneColVal}</span>;
-    //     }
-    //     else {
-    //         return <span></span>
-    //     }
-    // };
-    // const header = column.attrs.label ?? fieldMetadata.displayName;
-
-    return (
-        <div className='flex align-items-start gap-3 w-full'>
-            <Dropdown
-                value={rule.matchMode}
-                onChange={(e: any) => {
-                    onChange(rule.id, 'matchMode', e.value)
-                }}
-                options={filterMatchModeOptions}
-                optionLabel='label'
-                optionValue='value'
-                placeholder="Select Operator"
-                className="w-full p-inputtext-sm"
-            />
-            <div className='flex flex-column gap-2 w-full'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(index, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.RelationManyToOne}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidRelationManyToOneField;

package/src/components/core/form/SolidFormActionHeader.tsx

@@ -1,216 +0,0 @@
-import { BackButton } from "@/components/common/BackButton";
-import { SolidCancelButton } from "@/components/common/CancelButton";
-import { SolidFormHeader } from "@/components/common/SolidFormHeader";
-import { createPermission, deletePermission, updatePermission } from "@/helpers/permissions";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { Button } from "primereact/button";
-import { OverlayPanel } from "primereact/overlaypanel";
-import { useRef } from "react";
-
-export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formViewLayout, solidView, solidFormViewMetaData, initialEntityData, setDeleteDialogVisible, setLayoutDialogVisible, setRedirectToList, viewMode, setViewMode }: any) => {
-    const router = useRouter();
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-    const op = useRef(null);
-
-    const createHeaderTitle = `Create ${solidView.model.displayName}`;
-    const editHeaderTitle = `Edit ${solidView.model.displayName}`;
-
-    const updateViewMode = (newMode: "view" | "edit") => {
-        setViewMode(newMode);
-        const params = new URLSearchParams(searchParams.toString());
-        params.set("viewMode", newMode);
-        router.push(`${pathname}?${params.toString()}`, { scroll: false });
-    };
-    const FormActionDropdown = () => {
-        return (
-            <div>
-                <Button
-                    outlined
-                    severity="secondary"
-                    type="button"
-                    icon={'pi pi-cog'}
-                    size="small"
-                    className="surface-card p-0"
-                    style={{
-                        height: 33.06,
-                        width: 33.06
-                    }}
-                    onClick={(e) =>
-                        // @ts-ignore 
-                        op.current.toggle(e)
-                    }
-                />
-                <OverlayPanel ref={op} className="solid-custom-overlay">
-                    <div className="flex flex-column gap-1 p-1">
-                        {/* <Button
-                            text
-                            type="button"
-                            className="w-8rem text-left gap-2 text-color"
-                            label="Duplicate"
-                            size="small"
-                            iconPos="left"
-                            icon={<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                <path d="M6 11.9997C5.63333 11.9997 5.31944 11.8691 5.05833 11.608C4.79722 11.3469 4.66667 11.033 4.66667 10.6663V2.66634C4.66667 2.29967 4.79722 1.98579 5.05833 1.72467C5.31944 1.46356 5.63333 1.33301 6 1.33301H12C12.3667 1.33301 12.6806 1.46356 12.9417 1.72467C13.2028 1.98579 13.3333 2.29967 13.3333 2.66634V10.6663C13.3333 11.033 13.2028 11.3469 12.9417 11.608C12.6806 11.8691 12.3667 11.9997 12 11.9997H6ZM6 10.6663H12V2.66634H6V10.6663ZM3.33333 14.6663C2.96667 14.6663 2.65278 14.5358 2.39167 14.2747C2.13056 14.0136 2 13.6997 2 13.333V3.99967H3.33333V13.333H10.6667V14.6663H3.33333Z" fill="black" fill-opacity="0.88" />
-                            </svg>}
-                        /> */}
-                        {params.embeded !== true &&
-                            params.id !== "new" &&
-                            actionsAllowed.includes(`${deletePermission(params.modelName)}`) &&
-                            !formViewLayout.attrs.readonly &&
-                            <Button
-                                text
-                                type="button"
-                                className="w-8rem text-left gap-2"
-                                label="Delete"
-                                size="small"
-                                iconPos="left"
-                                severity="danger"
-                                icon={'pi pi-trash'}
-                                onClick={() => setDeleteDialogVisible(true)}
-                            />
-                        }
-                        <Button
-                            text
-                            type="button"
-                            className="w-8rem text-left gap-2 purple-200"
-                            label="Layout"
-                            size="small"
-                            iconPos="left"
-                            severity="contrast"
-                            icon={'pi pi-objects-column'}
-                            onClick={() => setLayoutDialogVisible(true)}
-                        />
-                    </div>
-                </OverlayPanel>
-            </div>
-        )
-    }
-
-    return (
-        <>
-            <div className="solid-form-header">
-                {params.id === "new" ? (
-                    <>
-                        <div className="flex align-items-center gap-3">
-                            {params.embeded !== true && <BackButton />}
-                            <div className="form-wrapper-title"> {createHeaderTitle}</div>
-                        </div>
-                        <div className="gap-3 flex">
-                            {params.embeded !== true &&
-                                actionsAllowed.includes(`${createPermission(params.modelName)}`) &&
-                                !formViewLayout.attrs.readonly &&
-                                formik.dirty &&
-                                <div>
-                                    <Button
-                                        label="Save"
-                                        size="small"
-                                        type="submit"
-                                    />
-                                </div>
-                            }
-                            {params.embeded == true &&
-                                actionsAllowed.includes(`${createPermission(params.modelName)}`) &&
-                                !formViewLayout.attrs.readonly &&
-                                formik.dirty &&
-                                <div>
-                                    <Button
-                                        label="Save"
-                                        size="small"
-                                        onClick={() => {
-                                            setRedirectToList(false);
-                                        }}
-                                        type="submit"
-                                    />
-                                </div>
-                            }
-                            {params.embeded == true &&
-                                <Button outlined size="small" type="button" label="Close" onClick={() => params.handlePopupClose()} className='bg-primary-reverse' />
-
-                            }
-                            {params.embeded !== true &&
-                                <SolidCancelButton />
-                            }
-                            <FormActionDropdown />
-                        </div>
-                    </>
-                ) : (
-                    <>
-                        <div className="flex align-items-center gap-3">
-                            {params.embeded !== true && <BackButton />}
-                            <div className="form-wrapper-title"> {editHeaderTitle}</div>
-                        </div>
-                        <div className="gap-3 flex">
-                            {params.embeded !== true && viewMode === "view" &&
-                                <div>
-                                    <Button
-                                        label="Edit"
-                                        size="small"
-                                        onClick={() => updateViewMode("edit")}
-                                        type="button"
-                                    />
-                                </div>
-                            }
-
-                            {params.embeded !== true &&
-                                actionsAllowed.includes(`${updatePermission(params.modelName)}`) &&
-                                !formViewLayout.attrs.readonly &&
-                                formik.dirty &&
-                                <div>
-                                    <Button
-                                        label="Save"
-                                        size="small"
-                                        type="submit"
-                                    />
-                                </div>
-                            }
-
-                            {/* Inline */}
-                            {params.embeded == true &&
-                                actionsAllowed.includes(`${updatePermission(params.modelName)}`) &&
-                                !formViewLayout.attrs.readonly &&
-                                formik.dirty &&
-                                <div>
-                                    <Button
-                                        label="Save"
-                                        size="small"
-                                        type="submit"
-                                    />
-                                </div>
-                            }
-                            {params.embeded == true &&
-                                actionsAllowed.includes(`${deletePermission(params.modelName)}`) &&
-                                !formViewLayout.attrs.readonly &&
-                                <div>
-                                    <Button
-                                        size="small"
-                                        type="button"
-                                        label="Delete"
-                                        severity="danger"
-                                        onClick={() => setDeleteDialogVisible(true)}
-                                    />
-                                </div>
-                            }
-                            {params.embeded == true &&
-                                <Button outlined size="small" type="button" label="Close" onClick={() => params.handlePopupClose()} className='bg-primary-reverse' />
-
-                            }
-                            {params.embeded !== true &&
-                                <SolidCancelButton />
-                            }
-                            <FormActionDropdown />
-                        </div>
-                    </>
-                )}
-            </div>
-            {params.embeded !== true &&
-                <SolidFormHeader
-                    solidFormViewMetaData={solidFormViewMetaData}
-                    initialEntityData={initialEntityData}
-                    modelName={params.modelName}
-                    id={params.id}
-                />
-            }
-        </>
-    )
-}

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

@@ -1,104 +0,0 @@
-"use client"
-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