@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Message } from "primereact/message";
+import { SolidMessage } from "../../shad-cn-ui";
 import { SolidFormFieldRenderExtension } from "./SolidFormFieldRenderExtension";
 export var SolidFormFieldRender = function (_a) {
     var _b, _c;
@@ -22,6 +22,6 @@ export var SolidFormFieldRender = function (_a) {
                     _jsx(SolidFormFieldRenderExtension, { widget: viewWidget, formik: formik, fieldContext: fieldContext }), viewMode === "edit" &&
                     _jsxs(_Fragment, { children: [editWidget &&
                                 // this.renderExtensionRenderMode(editWidget, formik)
-                                _jsx(SolidFormFieldRenderExtension, { widget: editWidget, formik: formik, fieldContext: fieldContext }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_c = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _c === void 0 ? void 0 : _c.toString() }) }))] })] }) }));
+                                _jsx(SolidFormFieldRenderExtension, { widget: editWidget, formik: formik, fieldContext: fieldContext }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(SolidMessage, { severity: "error", text: (_c = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _c === void 0 ? void 0 : _c.toString() }) }))] })] }) }));
 };
 //# sourceMappingURL=SolidFormFieldRender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidFormFieldRender.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFieldRender.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAOhF,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAA6B;;QAA3B,MAAM,YAAA,EAAE,YAAY,kBAAA;IACvD,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB,IAAK,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAArD,CAAqD,CAAC;IACnH,IAAM,SAAS,GAAG,CAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,SAAS,KAAI,cAAc,CAAC;IAGrE,IAAI,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;IAClD,IAAI,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;IAClD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,2BAA2B,CAAC;KAC5C;IACD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,gCAAgC,CAAC;KACjD;IACD,IAAM,QAAQ,GAAW,YAAY,CAAC,QAAQ,CAAC;IAG/C,OAAO,CACH,4BACI,eAAK,SAAS,EAAE,SAAS,aACpB,QAAQ,KAAK,MAAM;oBAChB,gDAAgD;oBAChD,KAAC,6BAA6B,IAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,GAAI,EAEpG,QAAQ,KAAK,MAAM;oBAChB,8BACK,UAAU;gCACP,qDAAqD;gCACrD,KAAC,6BAA6B,IAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAG,YAAY,EAAE,YAAY,GAAG,EAEpG,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACrD,cAAK,SAAS,EAAC,eAAe,YAC1B,KAAC,OAAO,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,EAAE,GAAI,GACxF,CACT,IACF,IAEL,GACP,CACN,CAAC;AACN,CAAC,CAAC","sourcesContent":["\n\nimport { Message } from \"primereact/message\";\nimport { FormikObject, SolidFieldProps } from \"./fields/ISolidField\";\nimport { SolidFormFieldRenderExtension } from \"./SolidFormFieldRenderExtension\";\n\nexport type SolidFormFieldRenderProps = {\n    formik: FormikObject;\n    fieldContext: SolidFieldProps\n}\n\nexport const SolidFormFieldRender = ({ formik, fieldContext }: any) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n\n\n    let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n    let editWidget = fieldLayoutInfo.attrs.editWidget;\n    if (!editWidget) {\n        editWidget = 'DefaultTimeFormEditWidget';\n    }\n    if (!viewWidget) {\n        viewWidget = 'DefaultShortTextFormViewWidget';\n    }\n    const viewMode: string = fieldContext.viewMode;\n\n\n    return (\n        <>\n            <div className={className}>\n                {viewMode === \"view\" &&\n                    // renderExtensionRenderMode(viewWidget, formik)\n                    <SolidFormFieldRenderExtension widget={viewWidget} formik={formik} fieldContext={fieldContext} />\n                }\n                {viewMode === \"edit\" &&\n                    <>\n                        {editWidget &&\n                            // this.renderExtensionRenderMode(editWidget, formik)\n                            <SolidFormFieldRenderExtension widget={editWidget} formik={formik}  fieldContext={fieldContext}/>\n                        }\n                        {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                            <div className=\"absolute mt-1\">\n                                <Message severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                            </div>\n                        )}\n                    </>\n                }\n            </div>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"SolidFormFieldRender.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFieldRender.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAOhF,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAA6B;;QAA3B,MAAM,YAAA,EAAE,YAAY,kBAAA;IACvD,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB,IAAK,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAArD,CAAqD,CAAC;IACnH,IAAM,SAAS,GAAG,CAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,SAAS,KAAI,cAAc,CAAC;IAGrE,IAAI,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;IAClD,IAAI,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;IAClD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,2BAA2B,CAAC;KAC5C;IACD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,gCAAgC,CAAC;KACjD;IACD,IAAM,QAAQ,GAAW,YAAY,CAAC,QAAQ,CAAC;IAG/C,OAAO,CACH,4BACI,eAAK,SAAS,EAAE,SAAS,aACpB,QAAQ,KAAK,MAAM;oBAChB,gDAAgD;oBAChD,KAAC,6BAA6B,IAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,GAAI,EAEpG,QAAQ,KAAK,MAAM;oBAChB,8BACK,UAAU;gCACP,qDAAqD;gCACrD,KAAC,6BAA6B,IAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAG,YAAY,EAAE,YAAY,GAAG,EAEpG,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACrD,cAAK,SAAS,EAAC,eAAe,YAC1B,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,EAAE,GAAI,GAC7F,CACT,IACF,IAEL,GACP,CACN,CAAC;AACN,CAAC,CAAC","sourcesContent":["\n\nimport { SolidMessage } from \"../../shad-cn-ui\";\nimport { FormikObject, SolidFieldProps } from \"./fields/ISolidField\";\nimport { SolidFormFieldRenderExtension } from \"./SolidFormFieldRenderExtension\";\n\nexport type SolidFormFieldRenderProps = {\n    formik: FormikObject;\n    fieldContext: SolidFieldProps\n}\n\nexport const SolidFormFieldRender = ({ formik, fieldContext }: any) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n\n\n    let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n    let editWidget = fieldLayoutInfo.attrs.editWidget;\n    if (!editWidget) {\n        editWidget = 'DefaultTimeFormEditWidget';\n    }\n    if (!viewWidget) {\n        viewWidget = 'DefaultShortTextFormViewWidget';\n    }\n    const viewMode: string = fieldContext.viewMode;\n\n\n    return (\n        <>\n            <div className={className}>\n                {viewMode === \"view\" &&\n                    // renderExtensionRenderMode(viewWidget, formik)\n                    <SolidFormFieldRenderExtension widget={viewWidget} formik={formik} fieldContext={fieldContext} />\n                }\n                {viewMode === \"edit\" &&\n                    <>\n                        {editWidget &&\n                            // this.renderExtensionRenderMode(editWidget, formik)\n                            <SolidFormFieldRenderExtension widget={editWidget} formik={formik}  fieldContext={fieldContext}/>\n                        }\n                        {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                            <div className=\"absolute mt-1\">\n                                <SolidMessage severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                            </div>\n                        )}\n                    </>\n                }\n            </div>\n        </>\n    );\n};\n"]}

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

@@ -1,6 +1,6 @@
 
 
-import { Message } from "primereact/message";
+import { SolidMessage } from "../../shad-cn-ui";
 import { FormikObject, SolidFieldProps } from "./fields/ISolidField";
 import { SolidFormFieldRenderExtension } from "./SolidFormFieldRenderExtension";
 
@@ -42,7 +42,7 @@ export const SolidFormFieldRender = ({ formik, fieldContext }: any) => {
                         }
                         {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
                             <div className="absolute mt-1">
-                                <Message severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />
+                                <SolidMessage severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />
                             </div>
                         )}
                     </>

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

@@ -1 +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"}
+{"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,4CAoJ/D,CAAC"}

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

@@ -53,7 +53,7 @@ import { setFilterObjectToLocalStorageByUrl, getFilterObjectFromLocalStorageByUr
 import { usePathname } from "../../../hooks/usePathname";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { useRouter } from "../../../hooks/useRouter";
-import { Button } from "primereact/button";
+import { SolidButton, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from "../../shad-cn-ui";
 export var SolidFormFooter = function (_a) {
     var params = _a.params;
     var pathname = usePathname();
@@ -143,7 +143,7 @@ export var SolidFormFooter = function (_a) {
     // -----------------------------
     // 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" } }))] }));
+    return (_jsxs("div", { className: "flex justify-content-end align-items-center gap-2 p-1", children: [meta &&
+                _jsx("span", { className: "solid-form-footer-pagination-meta", children: "".concat(meta.currentIndexGlobal, " of ").concat(meta.totalRecords) }), prevNav && (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx(SolidButton, { icon: "si si-angle-left", variant: "ghost", size: "sm", onClick: function () { return handlePrev(); }, disabled: isLoading }) }), _jsx(SolidTooltipContent, { side: "top", children: "Previous" })] })), nextNav && (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx(SolidButton, { icon: "si si-angle-right", variant: "ghost", size: "sm", onClick: function () { return handleNext(); }, disabled: isLoading }) }), _jsx(SolidTooltipContent, { side: "top", children: "Next" })] }))] }));
 };
 //# sourceMappingURL=SolidFormFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidFormFooter.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFooter.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useLazyNavigationQuery } from \"../../../redux/api/modelApi\";\nimport { useEffect, useState } from \"react\";\nimport qs from \"qs\";\nimport { setFilterObjectToLocalStorageByUrl, getFilterObjectFromLocalStorageByUrl } from \"../list/SolidListView\";\nimport { SolidFormViewProps } from \"./SolidFormView\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { Button } from \"primereact/button\";\n\nexport type SolidFormFooterProps = {\n    params: SolidFormViewProps;\n};\n\ntype NavItem = {\n    recordId: number;\n    offset: number;\n    limit: number;\n};\n\nexport const SolidFormFooter = ({ params }: SolidFormFooterProps) => {\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    const router = useRouter();\n\n    const [prevNav, setPrevNav] = useState<NavItem | null>(null);\n    const [nextNav, setNextNav] = useState<NavItem | null>(null);\n    const [meta, setMeta] = useState<any>(null);\n\n    const [triggerGetNavigation, { isLoading }] =\n        useLazyNavigationQuery();\n\n    // -----------------------------\n    // Helper: update local storage\n    // -----------------------------\n    const updatePaginationInLocalStorage = (offset: number, limit: number) => {\n        const listPath = window.location.pathname.replace(\n            /\\/form\\/[^/]+/,\n            \"/list\",\n        );\n        const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);\n\n        const updatedQueryObj = {\n            ...queryObject,\n            offset,\n            limit,\n        };\n        setFilterObjectToLocalStorageByUrl(listPath, updatedQueryObj)\n    };\n\n    const getNewUrl = (recordId: number): string => {\n        // Replace the id after /form/\n        const newPathname = pathname.replace(\n            /\\/form\\/[^/]+/,\n            `/form/${recordId}`,\n        );\n\n        // Clone search params (immutable in Next.js)\n        const params = new URLSearchParams(searchParams.toString());\n\n        // Remove only userKeyField\n        params.delete(\"userKeyField\");\n\n        const query = params.toString();\n        return query ? `${newPathname}?${query}` : newPathname;\n    }\n\n\n    // -----------------------------\n    // Click handlers\n    // -----------------------------\n    const handlePrev = () => {\n\n        if (!prevNav) return;\n\n        updatePaginationInLocalStorage(prevNav.offset, prevNav.limit);\n        const newUrl = getNewUrl(prevNav.recordId)\n        router.push(newUrl);\n    };\n\n    const handleNext = () => {\n        if (!nextNav) return;\n\n        updatePaginationInLocalStorage(nextNav.offset, nextNav.limit);\n        const newUrl = getNewUrl(nextNav.recordId)\n        router.push(newUrl);\n    };\n\n    // -----------------------------\n    // Fetch navigation data\n    // -----------------------------\n    useEffect(() => {\n        if (params.id !== \"new\") {\n\n            const fetchNavigation = async () => {\n                const listPath = window.location.pathname.replace(\n                    /\\/form\\/[^/]+/,\n                    \"/list\",\n                );\n\n                const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);\n\n                const queryData = {\n                    offset: queryObject.offset || 0,\n                    limit: queryObject.limit || 25,\n                    filters: queryObject.filters,\n                    fields: [\"id\"],\n                    modelName: params.modelName,\n                    recordId: params.id,\n                    sort: queryObject.sort\n                };\n\n                const queryString = qs.stringify(queryData, {\n                    encodeValuesOnly: true,\n                });\n\n                const response: any = await triggerGetNavigation(queryString).unwrap();\n                console.log(\"response nav\", response);\n                if (response.statusCode == 200) {\n                    setPrevNav(response?.data?.prev ?? null);\n                    setNextNav(response?.data?.next ?? null);\n                    setMeta(response?.data?.meta ?? null);\n                }\n            };\n            fetchNavigation();\n        }\n    }, [params.id]);\n\n    // -----------------------------\n    // UI\n    // -----------------------------\n    return (\n        <div\n            className=\"flex justify-content-end align-items-center gap-2 p-1\"\n            style={{ borderTop: \"1px solid var(--surface-border)\" }}\n        >{meta &&\n            <span>{`${meta.currentIndexGlobal} of ${meta.totalRecords}`}</span>\n            }\n            {prevNav && (\n                <Button\n                    icon=\"pi pi-angle-left\"\n                    className=\"p-button-sm p-button-text\"\n                    onClick={() => handlePrev()}\n                    disabled={isLoading}\n                    tooltip=\"Previous\"\n                    tooltipOptions={{ position: \"top\" }}\n                />\n            )}\n\n            {nextNav && (\n                <Button\n                    icon=\"pi pi-angle-right\"\n                    className=\"p-button-sm p-button-text\"\n                    onClick={() => handleNext()}\n                    disabled={isLoading}\n                    tooltip=\"Next\"\n                    tooltipOptions={{ position: \"top\" }}\n                />\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidFormFooter.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,kCAAkC,EAAE,oCAAoC,EAAE,MAAM,uBAAuB,CAAC;AAEjH,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAYvG,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAAgC;QAA9B,MAAM,YAAA;IACpC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAErB,IAAA,KAAwB,QAAQ,CAAiB,IAAI,CAAC,EAArD,OAAO,QAAA,EAAE,UAAU,QAAkC,CAAC;IACvD,IAAA,KAAwB,QAAQ,CAAiB,IAAI,CAAC,EAArD,OAAO,QAAA,EAAE,UAAU,QAAkC,CAAC;IACvD,IAAA,KAAkB,QAAQ,CAAM,IAAI,CAAC,EAApC,IAAI,QAAA,EAAE,OAAO,QAAuB,CAAC;IAEtC,IAAA,KACF,sBAAsB,EAAE,EADrB,oBAAoB,QAAA,EAAI,SAAS,kBACZ,CAAC;IAE7B,gCAAgC;IAChC,+BAA+B;IAC/B,gCAAgC;IAChC,IAAM,8BAA8B,GAAG,UAAC,MAAc,EAAE,KAAa;QACjE,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAC7C,eAAe,EACf,OAAO,CACV,CAAC;QACF,IAAM,WAAW,GAAG,oCAAoC,CAAC,QAAQ,CAAC,CAAC;QAEnE,IAAM,eAAe,yBACd,WAAW,KACd,MAAM,QAAA,EACN,KAAK,OAAA,GACR,CAAC;QACF,kCAAkC,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;IACjE,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,UAAC,QAAgB;QAC/B,8BAA8B;QAC9B,IAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,CAChC,eAAe,EACf,gBAAS,QAAQ,CAAE,CACtB,CAAC;QAEF,6CAA6C;QAC7C,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;QAE5D,2BAA2B;QAC3B,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QAE9B,IAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC,CAAC,CAAC,UAAG,WAAW,cAAI,KAAK,CAAE,CAAC,CAAC,CAAC,WAAW,CAAC;IAC3D,CAAC,CAAA;IAGD,gCAAgC;IAChC,iBAAiB;IACjB,gCAAgC;IAChC,IAAM,UAAU,GAAG;QAEf,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,8BAA8B,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9D,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAC1C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACf,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,8BAA8B,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9D,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAC1C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,gCAAgC;IAChC,wBAAwB;IACxB,gCAAgC;IAChC,SAAS,CAAC;QACN,IAAI,MAAM,CAAC,EAAE,KAAK,KAAK,EAAE;YAErB,IAAM,eAAe,GAAG;;;;;;4BACd,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAC7C,eAAe,EACf,OAAO,CACV,CAAC;4BAEI,WAAW,GAAG,oCAAoC,CAAC,QAAQ,CAAC,CAAC;4BAE7D,SAAS,GAAG;gCACd,MAAM,EAAE,WAAW,CAAC,MAAM,IAAI,CAAC;gCAC/B,KAAK,EAAE,WAAW,CAAC,KAAK,IAAI,EAAE;gCAC9B,OAAO,EAAE,WAAW,CAAC,OAAO;gCAC5B,MAAM,EAAE,CAAC,IAAI,CAAC;gCACd,SAAS,EAAE,MAAM,CAAC,SAAS;gCAC3B,QAAQ,EAAE,MAAM,CAAC,EAAE;gCACnB,IAAI,EAAE,WAAW,CAAC,IAAI;6BACzB,CAAC;4BAEI,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;gCACxC,gBAAgB,EAAE,IAAI;6BACzB,CAAC,CAAC;4BAEmB,qBAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,EAAA;;4BAAhE,QAAQ,GAAQ,SAAgD;4BACtE,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;4BACtC,IAAI,QAAQ,CAAC,UAAU,IAAI,GAAG,EAAE;gCAC5B,UAAU,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,mCAAI,IAAI,CAAC,CAAC;gCACzC,UAAU,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,mCAAI,IAAI,CAAC,CAAC;gCACzC,OAAO,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,mCAAI,IAAI,CAAC,CAAC;6BACzC;;;;iBACJ,CAAC;YACF,eAAe,EAAE,CAAC;SACrB;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhB,gCAAgC;IAChC,KAAK;IACL,gCAAgC;IAChC,OAAO,CACH,eACI,SAAS,EAAC,uDAAuD,aACnE,IAAI;gBACF,eAAM,SAAS,EAAC,mCAAmC,YAAE,UAAG,IAAI,CAAC,kBAAkB,iBAAO,IAAI,CAAC,YAAY,CAAE,GAAQ,EAEhH,OAAO,IAAI,CACR,MAAC,YAAY,eACT,KAAC,mBAAmB,IAAC,OAAO,kBACxB,KAAC,WAAW,IACR,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,EAC3B,QAAQ,EAAE,SAAS,GACrB,GACgB,EACtB,KAAC,mBAAmB,IAAC,IAAI,EAAC,KAAK,yBAA+B,IACnD,CAClB,EAEA,OAAO,IAAI,CACR,MAAC,YAAY,eACT,KAAC,mBAAmB,IAAC,OAAO,kBACxB,KAAC,WAAW,IACR,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,EAC3B,QAAQ,EAAE,SAAS,GACrB,GACgB,EACtB,KAAC,mBAAmB,IAAC,IAAI,EAAC,KAAK,qBAA2B,IAC/C,CAClB,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\n\nimport { useLazyNavigationQuery } from \"../../../redux/api/modelApi\";\nimport { useEffect, useState } from \"react\";\nimport qs from \"qs\";\nimport { setFilterObjectToLocalStorageByUrl, getFilterObjectFromLocalStorageByUrl } from \"../list/SolidListView\";\nimport { SolidFormViewProps } from \"./SolidFormView\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from \"../../shad-cn-ui\";\n\nexport type SolidFormFooterProps = {\n    params: SolidFormViewProps;\n};\n\ntype NavItem = {\n    recordId: number;\n    offset: number;\n    limit: number;\n};\n\nexport const SolidFormFooter = ({ params }: SolidFormFooterProps) => {\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    const router = useRouter();\n\n    const [prevNav, setPrevNav] = useState<NavItem | null>(null);\n    const [nextNav, setNextNav] = useState<NavItem | null>(null);\n    const [meta, setMeta] = useState<any>(null);\n\n    const [triggerGetNavigation, { isLoading }] =\n        useLazyNavigationQuery();\n\n    // -----------------------------\n    // Helper: update local storage\n    // -----------------------------\n    const updatePaginationInLocalStorage = (offset: number, limit: number) => {\n        const listPath = window.location.pathname.replace(\n            /\\/form\\/[^/]+/,\n            \"/list\",\n        );\n        const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);\n\n        const updatedQueryObj = {\n            ...queryObject,\n            offset,\n            limit,\n        };\n        setFilterObjectToLocalStorageByUrl(listPath, updatedQueryObj)\n    };\n\n    const getNewUrl = (recordId: number): string => {\n        // Replace the id after /form/\n        const newPathname = pathname.replace(\n            /\\/form\\/[^/]+/,\n            `/form/${recordId}`,\n        );\n\n        // Clone search params (immutable in Next.js)\n        const params = new URLSearchParams(searchParams.toString());\n\n        // Remove only userKeyField\n        params.delete(\"userKeyField\");\n\n        const query = params.toString();\n        return query ? `${newPathname}?${query}` : newPathname;\n    }\n\n\n    // -----------------------------\n    // Click handlers\n    // -----------------------------\n    const handlePrev = () => {\n\n        if (!prevNav) return;\n\n        updatePaginationInLocalStorage(prevNav.offset, prevNav.limit);\n        const newUrl = getNewUrl(prevNav.recordId)\n        router.push(newUrl);\n    };\n\n    const handleNext = () => {\n        if (!nextNav) return;\n\n        updatePaginationInLocalStorage(nextNav.offset, nextNav.limit);\n        const newUrl = getNewUrl(nextNav.recordId)\n        router.push(newUrl);\n    };\n\n    // -----------------------------\n    // Fetch navigation data\n    // -----------------------------\n    useEffect(() => {\n        if (params.id !== \"new\") {\n\n            const fetchNavigation = async () => {\n                const listPath = window.location.pathname.replace(\n                    /\\/form\\/[^/]+/,\n                    \"/list\",\n                );\n\n                const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);\n\n                const queryData = {\n                    offset: queryObject.offset || 0,\n                    limit: queryObject.limit || 25,\n                    filters: queryObject.filters,\n                    fields: [\"id\"],\n                    modelName: params.modelName,\n                    recordId: params.id,\n                    sort: queryObject.sort\n                };\n\n                const queryString = qs.stringify(queryData, {\n                    encodeValuesOnly: true,\n                });\n\n                const response: any = await triggerGetNavigation(queryString).unwrap();\n                console.log(\"response nav\", response);\n                if (response.statusCode == 200) {\n                    setPrevNav(response?.data?.prev ?? null);\n                    setNextNav(response?.data?.next ?? null);\n                    setMeta(response?.data?.meta ?? null);\n                }\n            };\n            fetchNavigation();\n        }\n    }, [params.id]);\n\n    // -----------------------------\n    // UI\n    // -----------------------------\n    return (\n        <div\n            className=\"flex justify-content-end align-items-center gap-2 p-1\"\n        >{meta &&\n            <span className=\"solid-form-footer-pagination-meta\">{`${meta.currentIndexGlobal} of ${meta.totalRecords}`}</span>\n            }\n            {prevNav && (\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <SolidButton\n                            icon=\"si si-angle-left\"\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            onClick={() => handlePrev()}\n                            disabled={isLoading}\n                        />\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent side=\"top\">Previous</SolidTooltipContent>\n                </SolidTooltip>\n            )}\n\n            {nextNav && (\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <SolidButton\n                            icon=\"si si-angle-right\"\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            onClick={() => handleNext()}\n                            disabled={isLoading}\n                        />\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent side=\"top\">Next</SolidTooltipContent>\n                </SolidTooltip>\n            )}\n        </div>\n    );\n};\n"]}

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

@@ -8,7 +8,7 @@ import { SolidFormViewProps } from "./SolidFormView";
 import { usePathname } from "../../../hooks/usePathname";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { useRouter } from "../../../hooks/useRouter";
-import { Button } from "primereact/button";
+import { SolidButton, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from "../../shad-cn-ui";
 
 export type SolidFormFooterProps = {
     params: SolidFormViewProps;
@@ -134,30 +134,37 @@ export const SolidFormFooter = ({ params }: SolidFormFooterProps) => {
     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>
+            <span className="solid-form-footer-pagination-meta">{`${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" }}
-                />
+                <SolidTooltip>
+                    <SolidTooltipTrigger asChild>
+                        <SolidButton
+                            icon="si si-angle-left"
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => handlePrev()}
+                            disabled={isLoading}
+                        />
+                    </SolidTooltipTrigger>
+                    <SolidTooltipContent side="top">Previous</SolidTooltipContent>
+                </SolidTooltip>
             )}
 
             {nextNav && (
-                <Button
-                    icon="pi pi-angle-right"
-                    className="p-button-sm p-button-text"
-                    onClick={() => handleNext()}
-                    disabled={isLoading}
-                    tooltip="Next"
-                    tooltipOptions={{ position: "top" }}
-                />
+                <SolidTooltip>
+                    <SolidTooltipTrigger asChild>
+                        <SolidButton
+                            icon="si si-angle-right"
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => handleNext()}
+                            disabled={isLoading}
+                        />
+                    </SolidTooltipTrigger>
+                    <SolidTooltipContent side="top">Next</SolidTooltipContent>
+                </SolidTooltip>
             )}
         </div>
     );

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

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

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

@@ -36,14 +36,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useFormik } from "formik";
-import { Button } from "primereact/button";
 import { useDispatch } from "react-redux";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { javascript } from "@codemirror/lang-javascript";
-import { oneDark } from "@codemirror/theme-one-dark";
-import CodeMirror, { EditorView } from "@uiw/react-codemirror";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { showToast } from "../../../redux/features/toastSlice";
+import { SolidButton, SolidCodeEditor } from "../../shad-cn-ui";
 export var SolidFormUserViewLayout = function (_a) {
     var _b;
     var solidFormViewMetaData = _a.solidFormViewMetaData, setLayoutDialogVisible = _a.setLayoutDialogVisible;
@@ -90,8 +87,8 @@ export var SolidFormUserViewLayout = function (_a) {
             });
         }); },
     });
-    return (_jsx(_Fragment, { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsx(CodeMirror, { value: formik.values.layoutString, height: "500px", theme: oneDark, style: { fontSize: '10px' }, extensions: [javascript(), EditorView.lineWrapping], onChange: function (value) {
+    return (_jsx(_Fragment, { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsx(SolidCodeEditor, { value: formik.values.layoutString, height: "500px", fontSize: 12, language: "json", onChange: function (value) {
                         formik.setFieldValue("layoutString", value);
-                    } }), _jsxs("div", { className: "pt-3 flex gap-2", children: [_jsx(Button, { type: "submit", label: "Apply", size: "small" }), _jsx(Button, { type: "button", outlined: true, label: "Cancel", size: "small", onClick: function () { return setLayoutDialogVisible(false); } })] })] }) }));
+                    } }), _jsxs("div", { className: "pt-3 flex gap-2", children: [_jsx(SolidButton, { type: "submit", label: "Apply", size: "sm" }), _jsx(SolidButton, { type: "button", variant: "outline", label: "Cancel", size: "sm", onClick: function () { return setLayoutDialogVisible(false); } })] })] }) }));
 };
 //# sourceMappingURL=SolidFormUserViewLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidFormUserViewLayout.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormUserViewLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useFormik } from \"formik\";\nimport { Button } from \"primereact/button\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport React from \"react\";\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { javascript } from \"@codemirror/lang-javascript\";\nimport { oneDark } from \"@codemirror/theme-one-dark\";\nimport CodeMirror, { EditorView } from \"@uiw/react-codemirror\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nexport const SolidFormUserViewLayout = ({ solidFormViewMetaData, setLayoutDialogVisible }: any) => {\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(\"userViewMetadata\");\n    const { useUpsertSolidEntityMutation } = entityApi;\n    const [upsertUserView] = useUpsertSolidEntityMutation();\n\n    if (!solidFormViewMetaData?.data?.solidView) return null;\n\n    const solidView = solidFormViewMetaData.data.solidView;\n\n    const formik = useFormik({\n        initialValues: {\n            layoutString: JSON.stringify(solidView.layout, null, 2),\n        },\n        onSubmit: async (values) => {\n            const parsedLayout = JSON.parse(values.layoutString);\n            try {\n                if (solidView.id) {\n                    const response = await upsertUserView({\n                        viewMetadataId: solidView.id,\n                        layout: JSON.stringify(parsedLayout)\n                    }).unwrap();\n                    if (response.statusCode === 200) {\n                        dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));\n                        setLayoutDialogVisible(false);\n                        window.location.reload();\n                    }\n                }\n            } catch (error) {\n                console.error(ERROR_MESSAGES.UPDATE_FAILED, error);\n            }\n        },\n    });\n\n    return (\n        <>\n            <form onSubmit={formik.handleSubmit}>\n                <CodeMirror\n                    value={formik.values.layoutString}\n                    height=\"500px\"\n                    theme={oneDark}\n                    style={{ fontSize: '10px' }}\n                    extensions={[javascript(), EditorView.lineWrapping]}\n                    onChange={(value) => {\n                        formik.setFieldValue(\"layoutString\", value);\n                    }}\n                />\n                <div className=\"pt-3 flex gap-2\">\n                    <Button type=\"submit\" label=\"Apply\" size=\"small\" />\n                    <Button\n                        type=\"button\"\n                        outlined\n                        label=\"Cancel\"\n                        size=\"small\"\n                        onClick={() => setLayoutDialogVisible(false)}\n                    />\n                </div>\n            </form>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"SolidFormUserViewLayout.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormUserViewLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useFormik } from \"formik\";\nimport { useDispatch } from \"react-redux\";\nimport React from \"react\";\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport { SolidButton, SolidCodeEditor } from \"../../shad-cn-ui\";\n\nexport const SolidFormUserViewLayout = ({ solidFormViewMetaData, setLayoutDialogVisible }: any) => {\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(\"userViewMetadata\");\n    const { useUpsertSolidEntityMutation } = entityApi;\n    const [upsertUserView] = useUpsertSolidEntityMutation();\n\n    if (!solidFormViewMetaData?.data?.solidView) return null;\n\n    const solidView = solidFormViewMetaData.data.solidView;\n\n    const formik = useFormik({\n        initialValues: {\n            layoutString: JSON.stringify(solidView.layout, null, 2),\n        },\n        onSubmit: async (values) => {\n            const parsedLayout = JSON.parse(values.layoutString);\n            try {\n                if (solidView.id) {\n                    const response = await upsertUserView({\n                        viewMetadataId: solidView.id,\n                        layout: JSON.stringify(parsedLayout)\n                    }).unwrap();\n                    if (response.statusCode === 200) {\n                        dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));\n                        setLayoutDialogVisible(false);\n                        window.location.reload();\n                    }\n                }\n            } catch (error) {\n                console.error(ERROR_MESSAGES.UPDATE_FAILED, error);\n            }\n        },\n    });\n\n    return (\n        <>\n            <form onSubmit={formik.handleSubmit}>\n                <SolidCodeEditor\n                    value={formik.values.layoutString}\n                    height=\"500px\"\n                    fontSize={12}\n                    language=\"json\"\n                    onChange={(value) => {\n                        formik.setFieldValue(\"layoutString\", value);\n                    }}\n                />\n                <div className=\"pt-3 flex gap-2\">\n                    <SolidButton type=\"submit\" label=\"Apply\" size=\"sm\" />\n                    <SolidButton\n                        type=\"button\"\n                        variant=\"outline\"\n                        label=\"Cancel\"\n                        size=\"sm\"\n                        onClick={() => setLayoutDialogVisible(false)}\n                    />\n                </div>\n            </form>\n        </>\n    );\n};\n"]}

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

@@ -1,14 +1,11 @@
 
 import { useFormik } from "formik";
-import { Button } from "primereact/button";
-import { useSelector, useDispatch } from "react-redux";
+import { useDispatch } from "react-redux";
 import React from "react";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { javascript } from "@codemirror/lang-javascript";
-import { oneDark } from "@codemirror/theme-one-dark";
-import CodeMirror, { EditorView } from "@uiw/react-codemirror";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { showToast } from "../../../redux/features/toastSlice";
+import { SolidButton, SolidCodeEditor } from "../../shad-cn-ui";
 
 export const SolidFormUserViewLayout = ({ solidFormViewMetaData, setLayoutDialogVisible }: any) => {
     const dispatch = useDispatch();
@@ -47,23 +44,22 @@ export const SolidFormUserViewLayout = ({ solidFormViewMetaData, setLayoutDialog
     return (
         <>
             <form onSubmit={formik.handleSubmit}>
-                <CodeMirror
+                <SolidCodeEditor
                     value={formik.values.layoutString}
                     height="500px"
-                    theme={oneDark}
-                    style={{ fontSize: '10px' }}
-                    extensions={[javascript(), EditorView.lineWrapping]}
+                    fontSize={12}
+                    language="json"
                     onChange={(value) => {
                         formik.setFieldValue("layoutString", value);
                     }}
                 />
                 <div className="pt-3 flex gap-2">
-                    <Button type="submit" label="Apply" size="small" />
-                    <Button
+                    <SolidButton type="submit" label="Apply" size="sm" />
+                    <SolidButton
                         type="button"
-                        outlined
+                        variant="outline"
                         label="Cancel"
-                        size="small"
+                        size="sm"
                         onClick={() => setLayoutDialogVisible(false)}
                     />
                 </div>

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

@@ -1,6 +1,3 @@
-import "primeflex/primeflex.css";
-import "yet-another-react-lightbox/styles.css";
-import "yet-another-react-lightbox/plugins/counter.css";
 export type SolidFormViewProps = {
     moduleName: string;
     modelName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidFormView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormView.tsx"],"names":[],"mappings":"AAUA,OAAO,yBAAyB,CAAC;AAkCjC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAcxD,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;AA0TF,QAAA,MAAM,aAAa,WAAY,kBAAkB,4CAm4ChD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"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"}