@solidxai/core-ui 0.1.9-beta.20 → 0.1.9-beta.21

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

@@ -126,7 +126,7 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
                             type="button"
                             icon={'si si-cog'}
                             size="sm"
-                            className="surface-card solid-icon-button hidden md:flex"
+                            className="solid-icon-button hidden bg-[var(--surface-card)] md:flex"
                         />
                     </SolidPopoverTrigger>
                     <SolidPopoverTrigger asChild>
@@ -135,7 +135,7 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
                             type="button"
                             icon={'si si-cog'}
                             size="sm"
-                            className="surface-card solid-icon-button md:hidden"
+                            className="solid-icon-button bg-[var(--surface-card)] md:hidden"
                         />
                     </SolidPopoverTrigger>
                 </div>
@@ -211,7 +211,7 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
                                 />
                             )
                         })}
-                        <div className="lg:hidden flex flex-column gap-1">
+                        <div className="lg:hidden flex flex-col gap-1">
                             {normalHeaderButtons.map((button: any, index: number) => {
                                 return (
                                     <SolidFormViewNormalHeaderButton
@@ -243,11 +243,11 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
     }
     return (
         <>
-            <div className="page-header solid-list-toolbar flex-column lg:flex-row">
-                <div className="flex justify-content-between w-full solid-form-toolbar-row">
+            <div className="page-header solid-list-toolbar flex-col lg:flex-row">
+                <div className="flex justify-between w-full solid-form-toolbar-row">
                     {params.id === "new" ? (
                         <>
-                            <div className="flex gap-3 align-items-center solid-form-toolbar-left">
+                            <div className="flex gap-4 items-center solid-form-toolbar-left">
                                 {/* {params.embeded !== true && <BackButton />}*/}
                                 {params.embeded == true &&
                                     <p className="m-0 view-title solid-text-wrapper">{createHeaderTitle}</p>
@@ -264,7 +264,7 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
                                     ></SolidFormStepper>
                                 }
                             </div>
-                            <div className="flex align-items-center solid-header-buttons-wrapper solid-form-toolbar-actions">
+                            <div className="flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions">
                                 <SolidHeaderRequestStatus label={activeHeaderRequestStatusLabel} />
                                 <div className="hidden lg:flex solid-header-buttons-wrapper">
                                     {normalHeaderButtons.map((button: any, index: number) => {
@@ -352,11 +352,11 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
                                     <>
                                         <div className="hidden lg:flex">
                                             <div>
-                                                <SolidButton variant="outline" size="sm" type="button" label="Close" onClick={() => params.handlePopupClose()} className='bg-primary-reverse ' style={{ minWidth: 66 }} />
+                                                <SolidButton variant="outline" size="sm" type="button" label="Close" onClick={() => params.handlePopupClose()} className='bg-[var(--primary-color-text)]' style={{ minWidth: 66 }} />
                                             </div>
                                         </div>
                                         <div className="lg:hidden">
-                                            <SolidButton variant="outline" size="sm" type="button" icon="si si-times" onClick={() => params.handlePopupClose()} className='bg-primary-reverse solid-icon-button' />
+                                            <SolidButton variant="outline" size="sm" type="button" icon="si si-times" onClick={() => params.handlePopupClose()} className='solid-icon-button bg-[var(--primary-color-text)]' />
                                         </div>
                                     </>
                                 }
@@ -386,7 +386,7 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
                         </>
                     ) : (
                         <>
-                            <div className="flex gap-3 align-items-center solid-form-toolbar-left">
+                            <div className="flex gap-4 items-center solid-form-toolbar-left">
                                 {params.embeded !== true &&
                                     <SolidFormStepper
                                         solidFormViewMetaData={solidFormViewMetaData}
@@ -404,7 +404,7 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
                                 }
                             </div>
 
-                            <div className="flex align-items-center solid-header-buttons-wrapper solid-form-toolbar-actions">
+                            <div className="flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions">
                                 <SolidHeaderRequestStatus label={activeHeaderRequestStatusLabel} />
                                 <div className="hidden lg:flex solid-header-buttons-wrapper">
                                     {normalHeaderButtons.map((button: any, index: number) => {
@@ -525,11 +525,11 @@ export const SolidFormActionHeader = ({ formik, params, actionsAllowed, formView
                                     <>
                                         <div className="hidden lg:flex">
                                             <div>
-                                                <SolidButton variant="outline" size="sm" type="button" label="Close" onClick={() => params.handlePopupClose()} className='bg-primary-reverse ' style={{ minWidth: 66 }} />
+                                                <SolidButton variant="outline" size="sm" type="button" label="Close" onClick={() => params.handlePopupClose()} className='bg-[var(--primary-color-text)]' style={{ minWidth: 66 }} />
                                             </div>
                                         </div>
                                         <div className="lg:hidden">
-                                            <SolidButton variant="outline" size="sm" type="button" icon="si si-times" onClick={() => params.handlePopupClose()} className='bg-primary-reverse solid-icon-button' />
+                                            <SolidButton variant="outline" size="sm" type="button" icon="si si-times" onClick={() => params.handlePopupClose()} className='solid-icon-button bg-[var(--primary-color-text)]' />
                                         </div>
                                     </>
                                 }

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

@@ -7,7 +7,7 @@ export var SolidFormFieldRender = function (_a) {
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
     var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
+    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field w-full px-2 pt-2';
     var viewWidget = fieldLayoutInfo.attrs.viewWidget;
     var editWidget = fieldLayoutInfo.attrs.editWidget;
     if (!editWidget) {

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,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"]}
+{"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,wBAAwB,CAAC;IAG/E,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 w-full px-2 pt-2';\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

@@ -13,7 +13,7 @@ export const SolidFormFieldRender = ({ formik, fieldContext }: any) => {
     const fieldMetadata = fieldContext.fieldMetadata;
     const fieldLayoutInfo = fieldContext.field;
     const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
+    const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';
 
 
     let viewWidget = fieldLayoutInfo.attrs.viewWidget;

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,4CA4J/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,4CAqK/D,CAAC"}

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

@@ -111,7 +111,7 @@ export var SolidFormFooter = function (_a) {
         }
         if (params.id !== "new") {
             var fetchNavigation = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var listPath, queryObject, defaultQueryObject, queryData, queryString, response;
+                var listPath, queryObject, defaultQueryObject, locale, defaultEntityLocaleId, queryData, queryString, response;
                 var _a, _b, _c, _d, _e, _f;
                 return __generator(this, function (_g) {
                     switch (_g.label) {
@@ -119,6 +119,8 @@ export var SolidFormFooter = function (_a) {
                             listPath = window.location.pathname.replace(/\/form\/[^/]+/, "/list");
                             queryObject = getFilterObjectFromLocalStorageByUrl(listPath);
                             defaultQueryObject = queryObject || {};
+                            locale = searchParams.get("locale");
+                            defaultEntityLocaleId = searchParams.get("defaultEntityLocaleId");
                             queryData = {
                                 offset: defaultQueryObject.offset || 0,
                                 limit: defaultQueryObject.limit || 25,
@@ -126,15 +128,20 @@ export var SolidFormFooter = function (_a) {
                                 // fields: ["id"],
                                 modelName: params.modelName,
                                 recordId: params.id,
-                                sort: defaultQueryObject.sort
+                                sort: defaultQueryObject.sort,
                             };
+                            if (locale) {
+                                queryData.locale = locale;
+                            }
+                            if (defaultEntityLocaleId && defaultEntityLocaleId !== "new") {
+                                queryData.defaultEntityLocaleId = defaultEntityLocaleId;
+                            }
                             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);
@@ -146,11 +153,11 @@ export var SolidFormFooter = function (_a) {
             }); };
             fetchNavigation();
         }
-    }, [params.id, params.embeded]);
+    }, [params.id, params.embeded, params.modelName, searchParams, triggerGetNavigation]);
     // -----------------------------
     // UI
     // -----------------------------
-    return (_jsxs("div", { className: "flex justify-content-end align-items-center gap-2 p-1", children: [meta &&
+    return (_jsxs("div", { className: "flex justify-end items-center gap-2 p-1", children: [meta &&
                 _jsx("span", { className: "solid-form-footer-pagination-meta p-2", 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,IAAI,EAAE,CAAC;QAEzE,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,OAAO,KAAK,IAAI,EAAE;YACzB,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,OAAO;SACV;QAED,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;4BAC7D,kBAAkB,GAAG,WAAW,IAAI,EAAE,CAAC;4BAEvC,SAAS,GAAG;gCACd,MAAM,EAAE,kBAAkB,CAAC,MAAM,IAAI,CAAC;gCACtC,KAAK,EAAE,kBAAkB,CAAC,KAAK,IAAI,EAAE;gCACrC,OAAO,EAAE,kBAAkB,CAAC,eAAe,IAAI,IAAI;gCACnD,kBAAkB;gCAClB,SAAS,EAAE,MAAM,CAAC,SAAS;gCAC3B,QAAQ,EAAE,MAAM,CAAC,EAAE;gCACnB,IAAI,EAAE,kBAAkB,CAAC,IAAI;6BAChC,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,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAEhC,gCAAgC;IAChC,KAAK;IACL,gCAAgC;IAChC,OAAO,CACH,eACI,SAAS,EAAC,uDAAuD,aACnE,IAAI;gBACF,eAAM,SAAS,EAAC,uCAAuC,YAAE,UAAG,IAAI,CAAC,kBAAkB,iBAAO,IAAI,CAAC,YAAY,CAAE,GAAQ,EAEpH,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.embeded === true) {\n            setPrevNav(null);\n            setNextNav(null);\n            setMeta(null);\n            return;\n        }\n\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                const defaultQueryObject = queryObject || {};\n\n                const queryData = {\n                    offset: defaultQueryObject.offset || 0,\n                    limit: defaultQueryObject.limit || 25,\n                    filters: defaultQueryObject.finalFullFilter || null,\n                    // fields: [\"id\"],\n                    modelName: params.modelName,\n                    recordId: params.id,\n                    sort: defaultQueryObject.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, params.embeded]);\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 p-2\">{`${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"]}
+{"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 { 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.embeded === true) {\n            setPrevNav(null);\n            setNextNav(null);\n            setMeta(null);\n            return;\n        }\n\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                const defaultQueryObject = queryObject || {};\n                const locale = searchParams.get(\"locale\");\n                const defaultEntityLocaleId = searchParams.get(\"defaultEntityLocaleId\");\n\n                const queryData: Record<string, any> = {\n                    offset: defaultQueryObject.offset || 0,\n                    limit: defaultQueryObject.limit || 25,\n                    filters: defaultQueryObject.finalFullFilter || null,\n                    // fields: [\"id\"],\n                    modelName: params.modelName,\n                    recordId: params.id,\n                    sort: defaultQueryObject.sort,\n                };\n\n                if (locale) {\n                    queryData.locale = locale;\n                }\n\n                if (defaultEntityLocaleId && defaultEntityLocaleId !== \"new\") {\n                    queryData.defaultEntityLocaleId = defaultEntityLocaleId;\n                }\n\n                const queryString = qs.stringify(queryData, {\n                    encodeValuesOnly: true,\n                });\n\n                const response: any = await triggerGetNavigation(queryString).unwrap();\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, params.embeded, params.modelName, searchParams, triggerGetNavigation]);\n\n    // -----------------------------\n    // UI\n    // -----------------------------\n    return (\n        <div\n            className=\"flex justify-end items-center gap-2 p-1\"\n        >{meta &&\n            <span className=\"solid-form-footer-pagination-meta p-2\">{`${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

@@ -109,23 +109,32 @@ export const SolidFormFooter = ({ params }: SolidFormFooterProps) => {
 
                 const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);
                 const defaultQueryObject = queryObject || {};
+                const locale = searchParams.get("locale");
+                const defaultEntityLocaleId = searchParams.get("defaultEntityLocaleId");
 
-                const queryData = {
+                const queryData: Record<string, any> = {
                     offset: defaultQueryObject.offset || 0,
                     limit: defaultQueryObject.limit || 25,
                     filters: defaultQueryObject.finalFullFilter || null,
                     // fields: ["id"],
                     modelName: params.modelName,
                     recordId: params.id,
-                    sort: defaultQueryObject.sort
+                    sort: defaultQueryObject.sort,
                 };
 
+                if (locale) {
+                    queryData.locale = locale;
+                }
+
+                if (defaultEntityLocaleId && defaultEntityLocaleId !== "new") {
+                    queryData.defaultEntityLocaleId = defaultEntityLocaleId;
+                }
+
                 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);
@@ -134,14 +143,14 @@ export const SolidFormFooter = ({ params }: SolidFormFooterProps) => {
             };
             fetchNavigation();
         }
-    }, [params.id, params.embeded]);
+    }, [params.id, params.embeded, params.modelName, searchParams, triggerGetNavigation]);
 
     // -----------------------------
     // UI
     // -----------------------------
     return (
         <div
-            className="flex justify-content-end align-items-center gap-2 p-1"
+            className="flex justify-end items-center gap-2 p-1"
         >{meta &&
             <span className="solid-form-footer-pagination-meta p-2">{`${meta.currentIndexGlobal} of ${meta.totalRecords}`}</span>
             }

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":"AA4DA,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;AA0UF,QAAA,MAAM,aAAa,WAAY,kBAAkB,4CAg7ChD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SolidFormView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormView.tsx"],"names":[],"mappings":"AA4DA,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;AA8HF,eAAO,MAAM,uBAAuB,WAAY,GAAG,EAAE,KAAG,GAQvD,CAAA;AACD,eAAO,MAAM,sBAAsB,QAAS,MAAM,uBAAuB,OAAO,MAAM,EAAE,GAAG,CAAC,QAa3F,CAAC;AA0VF,QAAA,MAAM,aAAa,WAAY,kBAAkB,4CA88ChD,CAAC;AAEF,eAAe,aAAa,CAAC"}