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

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidUserBlockedStatusListWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidUserBlockedStatusListWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGlF,SAAS,QAAQ,CAAC,KAAc;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACvD,OAAO,KAAK,CAAC;KACd;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACpD,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAC3B,OAAO,MAAM,CAAC;SACf;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAAsC;;QAApC,OAAO,aAAA;IAChD,IAAM,iBAAiB,GAAK,wBAAwB,CAAC,SAAS,CAAC,KAAxC,CAAyC;IACxE,IAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEtD,IAAM,sBAAsB,GAAG,QAAQ,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,sBAAsB,CAAC,CAAC;IAC7E,IAAM,mBAAmB,GAAG,MAAA,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,mCAAI,CAAC,CAAC;IACxE,IAAM,SAAS,GACb,sBAAsB,KAAK,IAAI,IAAI,sBAAsB,GAAG,CAAC,IAAI,mBAAmB,IAAI,sBAAsB,CAAC;IAEjH,OAAO,CACL,SAAS,CAAC,CAAC;QACT,eACE,KAAK,EAAE;gBACL,OAAO,EAAE,aAAa;gBACtB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,eAAe;gBACxB,YAAY,EAAE,OAAO;gBACrB,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE,GAAG;gBACf,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,SAAS;gBAChB,sDAAsD;gBACtD,4CAA4C;aAC7C,wBAGI,CAAC,CAAC;QACT,mBAAK,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { getSettingsMap } from \"../../../../helpers/settingsPayload\";\nimport { useGetSolidSettingsQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nfunction toNumber(value: unknown): number | null {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n\n  if (typeof value === \"string\" && value.trim() !== \"\") {\n    const parsed = Number(value);\n    if (Number.isFinite(parsed)) {\n      return parsed;\n    }\n  }\n\n  return null;\n}\n\nexport const SolidUserBlockedStatusListWidget = ({ rowData }: SolidListFieldWidgetProps) => {\n  const { data: solidSettingsData } = useGetSolidSettingsQuery(undefined);\n  const settingsMap = getSettingsMap(solidSettingsData);\n\n  const maxFailedLoginAttempts = toNumber(settingsMap?.maxFailedLoginAttempts);\n  const failedLoginAttempts = toNumber(rowData?.failedLoginAttempts) ?? 0;\n  const isBlocked =\n    maxFailedLoginAttempts !== null && maxFailedLoginAttempts > 0 && failedLoginAttempts >= maxFailedLoginAttempts;\n\n  return (\n    isBlocked ?\n      <span\n        style={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          padding: \"0.2rem 0.5rem\",\n          borderRadius: \"999px\",\n          fontSize: \"0.75rem\",\n          fontWeight: 600,\n          backgroundColor: \"#fee2e2\",\n          color: \"#991b1b\",\n          // backgroundColor: isBlocked ? \"#fee2e2\" : \"#dcfce7\",\n          // color: isBlocked ? \"#991b1b\" : \"#166534\",\n        }}\n      >\n        Blocked\n      </span> :\n      <></>\n  );\n};\n\n"]}

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.tsx

@@ -0,0 +1,50 @@
+import { getSettingsMap } from "../../../../helpers/settingsPayload";
+import { useGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+
+function toNumber(value: unknown): number | null {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+
+  return null;
+}
+
+export const SolidUserBlockedStatusListWidget = ({ rowData }: SolidListFieldWidgetProps) => {
+  const { data: solidSettingsData } = useGetSolidSettingsQuery(undefined);
+  const settingsMap = getSettingsMap(solidSettingsData);
+
+  const maxFailedLoginAttempts = toNumber(settingsMap?.maxFailedLoginAttempts);
+  const failedLoginAttempts = toNumber(rowData?.failedLoginAttempts) ?? 0;
+  const isBlocked =
+    maxFailedLoginAttempts !== null && maxFailedLoginAttempts > 0 && failedLoginAttempts >= maxFailedLoginAttempts;
+
+  return (
+    isBlocked ?
+      <span
+        style={{
+          display: "inline-flex",
+          alignItems: "center",
+          padding: "0.2rem 0.5rem",
+          borderRadius: "999px",
+          fontSize: "0.75rem",
+          fontWeight: 600,
+          backgroundColor: "#fee2e2",
+          color: "#991b1b",
+          // backgroundColor: isBlocked ? "#fee2e2" : "#dcfce7",
+          // color: isBlocked ? "#991b1b" : "#166534",
+        }}
+      >
+        Blocked
+      </span> :
+      <></>
+  );
+};
+

package/dist/components/core/locales/SolidLocale.js

@@ -49,10 +49,10 @@ var SolidLocale = function (_a) {
         var minutes = String(date.getMinutes()).padStart(2, '0');
         return "".concat(day, "-").concat(month, "-").concat(year, " ").concat(hours, ":").concat(minutes);
     };
-    return (_jsxs("div", { className: "flex flex-column p-0 m-0 solid-locale-stack", children: [_jsx("div", { className: "flex justify-content-end gap-3" }), solidFormViewData && (viewMode === 'edit') &&
+    return (_jsxs("div", { className: "flex flex-col p-0 m-0 solid-locale-stack", children: [_jsx("div", { className: "flex justify-end gap-4" }), solidFormViewData && (viewMode === 'edit') &&
                 (_jsx("div", { className: "w-full solid-locale-status-banner ".concat(published !== null ? 'is-published' : 'is-unpublished'), children: ((_c = (_b = solidFormViewMetaData.data.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.draftPublishWorkflow) &&
-                        published !== null ? (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "published version" })] })) : (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "unpublished version" })] })) })), _jsxs("div", { className: "flex flex-column gap-2 mt-2 solid-locale-info-card", children: [_jsx("h3", { className: "solid-locale-section-title p-0 m-0", children: "Information" }), _jsx(SolidDivider, { className: "my-2" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Created At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_d = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _d === void 0 ? void 0 : _d.createdAt) })] }), _jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Updated At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_e = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _e === void 0 ? void 0 : _e.updatedAt) })] }), _jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Published At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime(published !== null && published !== void 0 ? published : '') })] })] }), ((_h = (_g = (_f = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.model) === null || _h === void 0 ? void 0 : _h.internationalisation) &&
-                        _jsxs(_Fragment, { children: [_jsx("h3", { className: "solid-locale-section-title mt-6 mb-2", children: "Internationalisation" }), _jsx("label", { className: "form-field-label", children: "Locales" }), _jsx(SolidSelect, { value: selectedLocale, onChange: function (e) { return handleLocaleChange(e.value); }, options: localeOptions, placeholder: "Select locale", className: "w-full", disabled: createMode }), (viewMode === 'view' || createMode) && (_jsxs("p", { className: "text-sm mt-0 ml-0 solid-locale-helper-copy", children: [" By default record will be created in ", _jsx("b", { children: defautlLocale })] }))] })] })] }));
+                        published !== null ? (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "published version" })] })) : (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "unpublished version" })] })) })), _jsxs("div", { className: "flex flex-col gap-2 mt-2 solid-locale-info-card", children: [_jsx("h3", { className: "solid-locale-section-title p-0 m-0", children: "Information" }), _jsx(SolidDivider, { className: "my-2" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: 'flex items-center justify-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Created At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_d = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _d === void 0 ? void 0 : _d.createdAt) })] }), _jsxs("div", { className: 'flex items-center justify-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Updated At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_e = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _e === void 0 ? void 0 : _e.updatedAt) })] }), _jsxs("div", { className: 'flex items-center justify-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Published At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime(published !== null && published !== void 0 ? published : '') })] })] }), ((_h = (_g = (_f = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.model) === null || _h === void 0 ? void 0 : _h.internationalisation) &&
+                        _jsxs(_Fragment, { children: [_jsx("h3", { className: "solid-locale-section-title mt-6 mb-2", children: "Internationalisation" }), _jsx("label", { className: "form-field-label", children: "Locales" }), _jsx(SolidSelect, { value: selectedLocale, onChange: function (e) { return handleLocaleChange(e.value); }, options: localeOptions, placeholder: "Select locale", className: "w-full", disabled: createMode }), createMode && (_jsxs("p", { className: "text-sm mt-0 ml-0 solid-locale-helper-copy", children: [" By default record will be created in ", _jsx("b", { children: defautlLocale })] }))] })] })] }));
 };
 export default SolidLocale;
 //# sourceMappingURL=SolidLocale.js.map

package/dist/components/core/locales/SolidLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidLocale.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidLocale.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useEffect, useState } from 'react';\nimport { SolidDivider, SolidSelect } from \"../../shad-cn-ui\";\nimport \"./solid-locale.css\";\nconst SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLocale, viewMode, createMode, handleLocaleChangeRedirect,\n    applicableLocales, defaultEntityLocaleId, solidFormViewData, published }: { solidFormViewMetaData: any, id: string, selectedLocale: any, setSelectedLocale: any, viewMode: string, createMode: boolean, handleLocaleChangeRedirect: any, applicableLocales: any, defaultEntityLocaleId: string | null, solidFormViewData: any, published: string | null }) => {\n    const [localeOptions, setLocaleOptions] = useState([]);\n    const [defautlLocale, setDefaultLocale] = useState('');\n    useEffect(() => {\n        if (!applicableLocales) return;\n        // Set dropdown options\n        const localeOptions = applicableLocales.map((x: any) => ({\n            label: x.displayName,\n            value: x.locale,\n        }));\n        setLocaleOptions(localeOptions);\n\n        if (createMode) {\n            const defaultLocale = applicableLocales.find((x: any) => x.isDefault === 'yes');\n            setSelectedLocale(defaultLocale?.locale || null);\n            setDefaultLocale(defaultLocale?.displayName || '');\n            return;\n        }\n\n        if (viewMode === 'edit' || viewMode === 'view') {\n            //This is to check record entity matched defaultEntityLocaleId from query params & isDefault for default locale\n            const matchedLocale = applicableLocales.find(\n                (x: any) => x.isDefault === 'yes' && x.defaultEntityLocaleId == id\n            );\n            if (matchedLocale) {\n                setSelectedLocale(matchedLocale.locale);\n            }\n        }\n    }, [applicableLocales, id, viewMode, createMode]);\n\n    const handleLocaleChange = (newLocale: string) => {\n        if (newLocale === selectedLocale) return;\n        setSelectedLocale(newLocale);\n        const targetDefaultEntityLocaleId = id === 'new' ? defaultEntityLocaleId : defaultEntityLocaleId || id;\n        handleLocaleChangeRedirect(newLocale, targetDefaultEntityLocaleId, viewMode);\n    };\n\n    // utils/formatDate.ts\n    const formatToDDMMYYWithTime = (dateString: string) => {\n        if (!dateString) return 'N/A';\n        const date = new Date(dateString);\n\n        const day = String(date.getDate()).padStart(2, '0');\n        const month = String(date.getMonth() + 1).padStart(2, '0');\n        const year = String(date.getFullYear()).slice(-2);\n\n        const hours = String(date.getHours()).padStart(2, '0');\n        const minutes = String(date.getMinutes()).padStart(2, '0');\n\n        return `${day}-${month}-${year} ${hours}:${minutes}`;\n    }\n\n\n    return (\n        <div className=\"flex flex-column p-0 m-0 solid-locale-stack\">\n            <div className=\"flex justify-content-end gap-3\">\n            </div>\n            {solidFormViewData && (viewMode === 'edit') &&\n                (<div className={`w-full solid-locale-status-banner ${published !== null ? 'is-published' : 'is-unpublished'}`}>\n                    {solidFormViewMetaData.data.solidView?.model?.draftPublishWorkflow &&\n                        published !== null ? (\n                        <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n                            Editing <span className=\"font-bold\">published version</span>\n                        </li>\n                    ) : (\n                        <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n                            Editing <span className=\"font-bold\">unpublished version</span>\n                        </li>\n                    )}\n                </div>\n                )\n            }\n            <div className=\"flex flex-column gap-2 mt-2 solid-locale-info-card\">\n                <h3 className=\"solid-locale-section-title p-0 m-0\">Information</h3>\n                <SolidDivider className=\"my-2\" />\n                <div className=\"space-y-2\">\n                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Created At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(solidFormViewData?.data?.createdAt)}</p>\n                    </div>\n                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Updated At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">\n                            {formatToDDMMYYWithTime(solidFormViewData?.data?.updatedAt)}\n                        </p>\n                    </div>\n                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Published At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(published ?? '')}</p>\n                    </div>\n                </div>\n\n                {solidFormViewMetaData?.data?.solidView?.model?.internationalisation &&\n                    <>\n                        <h3 className=\"solid-locale-section-title mt-6 mb-2\">Internationalisation</h3>\n                        <label className=\"form-field-label\">Locales</label>\n                        <SolidSelect\n                            value={selectedLocale}\n                            onChange={(e) => handleLocaleChange(e.value)}\n                            options={localeOptions}\n                            placeholder=\"Select locale\"\n                            className=\"w-full\"\n                            disabled={createMode}\n                        />\n                        {(viewMode === 'view' || createMode) && (\n                            <p className=\"text-sm mt-0 ml-0 solid-locale-helper-copy\"> By default record will be created in <b>{defautlLocale}</b></p>\n                        )}\n                    </>\n                }\n            </div>\n            {/* <p className=\"text-sm font-bold text-gray-500 px-2\">Fill in form another locale</p> */}\n        </div>\n    );\n};\n\nexport default SolidLocale;\n"]}
+{"version":3,"file":"SolidLocale.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidLocale.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useEffect, useState } from 'react';\nimport { SolidDivider, SolidSelect } from \"../../shad-cn-ui\";\nimport \"./solid-locale.css\";\nconst SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLocale, viewMode, createMode, handleLocaleChangeRedirect,\n    applicableLocales, defaultEntityLocaleId, solidFormViewData, published }: { solidFormViewMetaData: any, id: string, selectedLocale: any, setSelectedLocale: any, viewMode: string, createMode: boolean, handleLocaleChangeRedirect: any, applicableLocales: any, defaultEntityLocaleId: string | null, solidFormViewData: any, published: string | null }) => {\n    const [localeOptions, setLocaleOptions] = useState([]);\n    const [defautlLocale, setDefaultLocale] = useState('');\n    useEffect(() => {\n        if (!applicableLocales) return;\n        // Set dropdown options\n        const localeOptions = applicableLocales.map((x: any) => ({\n            label: x.displayName,\n            value: x.locale,\n        }));\n        setLocaleOptions(localeOptions);\n\n        if (createMode) {\n            const defaultLocale = applicableLocales.find((x: any) => x.isDefault === 'yes');\n            setSelectedLocale(defaultLocale?.locale || null);\n            setDefaultLocale(defaultLocale?.displayName || '');\n            return;\n        }\n\n        if (viewMode === 'edit' || viewMode === 'view') {\n            //This is to check record entity matched defaultEntityLocaleId from query params & isDefault for default locale\n            const matchedLocale = applicableLocales.find(\n                (x: any) => x.isDefault === 'yes' && x.defaultEntityLocaleId == id\n            );\n            if (matchedLocale) {\n                setSelectedLocale(matchedLocale.locale);\n            }\n        }\n    }, [applicableLocales, id, viewMode, createMode]);\n\n    const handleLocaleChange = (newLocale: string) => {\n        if (newLocale === selectedLocale) return;\n        setSelectedLocale(newLocale);\n        const targetDefaultEntityLocaleId = id === 'new' ? defaultEntityLocaleId : defaultEntityLocaleId || id;\n        handleLocaleChangeRedirect(newLocale, targetDefaultEntityLocaleId, viewMode);\n    };\n\n    // utils/formatDate.ts\n    const formatToDDMMYYWithTime = (dateString: string) => {\n        if (!dateString) return 'N/A';\n        const date = new Date(dateString);\n\n        const day = String(date.getDate()).padStart(2, '0');\n        const month = String(date.getMonth() + 1).padStart(2, '0');\n        const year = String(date.getFullYear()).slice(-2);\n\n        const hours = String(date.getHours()).padStart(2, '0');\n        const minutes = String(date.getMinutes()).padStart(2, '0');\n\n        return `${day}-${month}-${year} ${hours}:${minutes}`;\n    }\n\n\n    return (\n        <div className=\"flex flex-col p-0 m-0 solid-locale-stack\">\n            <div className=\"flex justify-end gap-4\">\n            </div>\n            {solidFormViewData && (viewMode === 'edit') &&\n                (<div className={`w-full solid-locale-status-banner ${published !== null ? 'is-published' : 'is-unpublished'}`}>\n                    {solidFormViewMetaData.data.solidView?.model?.draftPublishWorkflow &&\n                        published !== null ? (\n                        <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n                            Editing <span className=\"font-bold\">published version</span>\n                        </li>\n                    ) : (\n                        <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n                            Editing <span className=\"font-bold\">unpublished version</span>\n                        </li>\n                    )}\n                </div>\n                )\n            }\n            <div className=\"flex flex-col gap-2 mt-2 solid-locale-info-card\">\n                <h3 className=\"solid-locale-section-title p-0 m-0\">Information</h3>\n                <SolidDivider className=\"my-2\" />\n                <div className=\"space-y-2\">\n                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Created At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(solidFormViewData?.data?.createdAt)}</p>\n                    </div>\n                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Updated At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">\n                            {formatToDDMMYYWithTime(solidFormViewData?.data?.updatedAt)}\n                        </p>\n                    </div>\n                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Published At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(published ?? '')}</p>\n                    </div>\n                </div>\n\n                {solidFormViewMetaData?.data?.solidView?.model?.internationalisation &&\n                    <>\n                        <h3 className=\"solid-locale-section-title mt-6 mb-2\">Internationalisation</h3>\n                        <label className=\"form-field-label\">Locales</label>\n                        <SolidSelect\n                            value={selectedLocale}\n                            onChange={(e) => handleLocaleChange(e.value)}\n                            options={localeOptions}\n                            placeholder=\"Select locale\"\n                            className=\"w-full\"\n                            disabled={createMode}\n                        />\n                        {createMode && (\n                            <p className=\"text-sm mt-0 ml-0 solid-locale-helper-copy\"> By default record will be created in <b>{defautlLocale}</b></p>\n                        )}\n                    </>\n                }\n            </div>\n            {/* <p className=\"text-sm font-bold text-gray-500 px-2\">Fill in form another locale</p> */}\n        </div>\n    );\n};\n\nexport default SolidLocale;\n"]}

package/dist/components/core/locales/SolidLocale.tsx

@@ -57,8 +57,8 @@ const SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLoc
 
 
     return (
-        <div className="flex flex-column p-0 m-0 solid-locale-stack">
-            <div className="flex justify-content-end gap-3">
+        <div className="flex flex-col p-0 m-0 solid-locale-stack">
+            <div className="flex justify-end gap-4">
             </div>
             {solidFormViewData && (viewMode === 'edit') &&
                 (<div className={`w-full solid-locale-status-banner ${published !== null ? 'is-published' : 'is-unpublished'}`}>
@@ -75,21 +75,21 @@ const SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLoc
                 </div>
                 )
             }
-            <div className="flex flex-column gap-2 mt-2 solid-locale-info-card">
+            <div className="flex flex-col gap-2 mt-2 solid-locale-info-card">
                 <h3 className="solid-locale-section-title p-0 m-0">Information</h3>
                 <SolidDivider className="my-2" />
                 <div className="space-y-2">
-                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>
+                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>
                         <p className="text-sm font-bold m-0 solid-locale-info-label">Created At</p>
                         <p className="text-sm m-0 solid-locale-info-value">{formatToDDMMYYWithTime(solidFormViewData?.data?.createdAt)}</p>
                     </div>
-                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>
+                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>
                         <p className="text-sm font-bold m-0 solid-locale-info-label">Updated At</p>
                         <p className="text-sm m-0 solid-locale-info-value">
                             {formatToDDMMYYWithTime(solidFormViewData?.data?.updatedAt)}
                         </p>
                     </div>
-                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>
+                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>
                         <p className="text-sm font-bold m-0 solid-locale-info-label">Published At</p>
                         <p className="text-sm m-0 solid-locale-info-value">{formatToDDMMYYWithTime(published ?? '')}</p>
                     </div>
@@ -107,7 +107,7 @@ const SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLoc
                             className="w-full"
                             disabled={createMode}
                         />
-                        {(viewMode === 'view' || createMode) && (
+                        {createMode && (
                             <p className="text-sm mt-0 ml-0 solid-locale-helper-copy"> By default record will be created in <b>{defautlLocale}</b></p>
                         )}
                     </>

package/dist/components/core/locales/solid-locale.css

@@ -1,9 +1,9 @@
 .solid-locale-panel {
-  display: flex;
+  /* display: flex; */
   flex: 1;
   min-height: 0;
   height: 100%;
-  margin-left: 10px;
+  /* margin-left: 10px; */
   background: transparent;
 }
 
@@ -20,7 +20,7 @@
 .solid-locale-tabs-list {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 0rem;
   min-height: 44px;
   padding: 0 0.9rem;
   border-bottom: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
@@ -39,6 +39,7 @@
   cursor: pointer;
   border-bottom: 2px solid transparent;
   transition: color 150ms ease, border-color 150ms ease;
+  margin-left: 12px;
 }
 
 .solid-locale-tabs .solid-tabs-trigger:hover {
@@ -76,7 +77,7 @@
 
 .solid-locale-status-banner {
   margin: 0.25rem 0 0;
-  padding: 0;
+  padding: 0 0.7rem;
   overflow: hidden;
   border-radius: 10px;
   border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);

package/dist/components/core/model/CreateModel.css

@@ -0,0 +1,48 @@
+.solid-model-form-workspace {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.solid-model-form-tabs {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+.solid-model-form-tablist {
+  width: 100% !important;
+  padding: 0 0.25rem;
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
+}
+
+.solid-model-form-tabpanel {
+  padding-top: 0.65rem;
+}
+
+.solid-model-form-tablabel,
+.solid-model-form-tab-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  white-space: nowrap;
+}
+
+.solid-model-form-tablist .solid-notebook-tab-trigger {
+  padding: 0.9rem 0.95rem 0.8rem;
+}
+
+.solid-model-form-content {
+  padding: 0.75rem 1rem 1rem;
+}
+
+.solid-model-form-content.is-tabbed {
+  padding: 0 0.9rem 1rem;
+}
+
+.solid-model-form-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0.75rem 0.9rem;
+}

package/dist/components/core/model/CreateModel.d.ts

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

package/dist/components/core/model/CreateModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateModel.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/CreateModel.tsx"],"names":[],"mappings":"AAmCA,QAAA,MAAM,WAAW,qBAAsB,GAAG,4CA4bzC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CreateModel.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/CreateModel.tsx"],"names":[],"mappings":"AAcA,OAAO,mBAAmB,CAAC;AAW3B,QAAA,MAAM,WAAW,qBAAsB,GAAG,4CA0UzC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/core/model/CreateModel.js

@@ -56,10 +56,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useGetFieldDefaultMetaDataQuery } from "../../../redux/api/fieldApi";
-import { useCreatemodelMutation, useDeletemodelMutation, useLazyGetModelsQuery, useUpdatemodelMutation } from "../../../redux/api/modelApi";
-import { usePathname } from "../../../hooks/usePathname";
+import { useCreatemodelMutation, useLazyGetModelsQuery, useUpdatemodelMutation } from "../../../redux/api/modelApi";
 import { useRouter } from "../../../hooks/useRouter";
 import qs from "qs";
 import { useEffect, useRef, useState } from "react";
@@ -68,37 +76,41 @@ import { showToast } from "../../../redux/features/toastSlice";
 import FieldMetaData from "./FieldMetaData";
 import ModelMetaData from "./ModelMetaData";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
-import { SolidButton, SolidDialog, SolidDivider, SolidPopover, SolidPopoverContent, SolidPopoverTrigger, SolidTabGroup } from "../../shad-cn-ui";
-import { Settings, Trash2 } from "lucide-react";
+import { SolidButton, SolidTabGroup } from "../../shad-cn-ui";
 import { SolidFormFooter } from "../form/SolidFormFooter";
-var TABS = ["model", "fields"];
+import { ModuleMetadataExplorer } from "../module/ModuleMetadataExplorer";
+import "./CreateModel.css";
+var TABS = ["model", "fields", "explorer"];
 var getTabErrorState = function (tab) { return ({
     model: tab === "model",
     fields: tab === "fields",
+    explorer: false,
 }); };
 var CreateModel = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
     var data = _a.data, params = _a.params;
     var dispatch = useDispatch();
     var router = useRouter();
-    var pathname = usePathname();
-    var _b = useState(false), deleteEntity = _b[0], setDeleteEntity = _b[1];
-    var _c = useState(data ? true : false), isLoadingData = _c[0], setIsLoadingData = _c[1];
+    var isCreateMode = params.id === "new";
     var formikModelMetadataRef = useRef();
     var formikFieldsMetadataRef = useRef();
-    var _d = useState(), modelMetaData = _d[0], setModelMetaData = _d[1];
-    var _e = useState([]), fieldMetaData = _e[0], setFieldMetaData = _e[1];
-    var _f = useGetFieldDefaultMetaDataQuery(null), fieldDefaultMetaData = _f.data, refetch = _f.refetch;
-    var _g = useState([]), allModelsNames = _g[0], setAllModelsNames = _g[1];
-    var _h = useLazyGetModelsQuery(), triggerGetModels = _h[0], _j = _h[1], allmodels = _j.data, isAllModelsLoaded = _j.isLoading, allModelsError = _j.error;
-    var _k = useCreatemodelMutation(), createModel = _k[0], _l = _k[1], isCreateModelLoading = _l.isLoading, isCreateModelSuccess = _l.isSuccess, isCreateModelError = _l.isError, createModelError = _l.error, newModel = _l.data;
-    var _m = useUpdatemodelMutation(), updateModel = _m[0], _o = _m[1], isUpdatedModelUpdating = _o.isLoading, isUpdatedModelSuceess = _o.isSuccess, isUpdateModelError = _o.isError, updateModelError = _o.error, updatedModel = _o.data;
-    var _p = useDeletemodelMutation(), deleteModel = _p[0], _q = _p[1], isModelDeleted = _q.isLoading, isDeleteModelSuceess = _q.isSuccess, isDeleteModelError = _q.isError, deleteModelError = _q.error, DeletedModel = _q.data;
+    var _h = useState(), modelMetaData = _h[0], setModelMetaData = _h[1];
+    var _j = useState([]), fieldMetaData = _j[0], setFieldMetaData = _j[1];
+    useGetFieldDefaultMetaDataQuery(null);
+    var _k = useState([]), allModelsNames = _k[0], setAllModelsNames = _k[1];
+    var _l = useLazyGetModelsQuery(), triggerGetModels = _l[0], allmodels = _l[1].data;
+    var _m = useCreatemodelMutation(), createModel = _m[0], _o = _m[1], isCreateModelSuccess = _o.isSuccess, isCreateModelError = _o.isError, createModelError = _o.error;
+    var _p = useUpdatemodelMutation(), updateModel = _p[0], _q = _p[1], isUpdatedModelSuceess = _q.isSuccess, isUpdateModelError = _q.isError, updateModelError = _q.error;
     var _r = useState("model"), activeTab = _r[0], setActiveTab = _r[1];
     var _s = useState(getTabErrorState()), tabErrors = _s[0], setTabErrors = _s[1];
     var _t = useState({}), formErrors = _t[0], setFormErrors = _t[1];
+    var deleteModelFunction = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/];
+    }); }); };
+    var availableTabs = isCreateMode ? ["model", "fields"] : TABS;
     var nextTab = function () {
-        var currentIndex = TABS.indexOf(activeTab);
-        var nextValue = TABS[Math.min(currentIndex + 1, TABS.length - 1)];
+        var currentIndex = availableTabs.indexOf(activeTab);
+        var nextValue = availableTabs[Math.min(Math.max(currentIndex, 0) + 1, availableTabs.length - 1)];
         setActiveTab(nextValue);
     };
     var handleTabChange = function (nextValue) {
@@ -114,10 +126,9 @@ var CreateModel = function (_a) {
     useEffect(function () {
         var _a;
         if (data) {
-            var isLegacyTable = data.isLegacyTableWithId || data.isLegacyTable;
-            var isLegacyTableWithId = data.isLegacyTable;
-            var modelData = __assign(__assign({}, data), { moduleId: (_a = data === null || data === void 0 ? void 0 : data.module) === null || _a === void 0 ? void 0 : _a.id, parentModelId: data === null || data === void 0 ? void 0 : data.parentModel, isLegacyTable: isLegacyTable, isLegacyTableWithId: isLegacyTableWithId });
-            setIsLoadingData(false);
+            var isLegacyTable = data.legacyTableType !== 'none';
+            var hasExistingId = data.legacyTableType === 'existing_id';
+            var modelData = __assign(__assign({}, data), { moduleId: (_a = data === null || data === void 0 ? void 0 : data.module) === null || _a === void 0 ? void 0 : _a.id, parentModelId: data === null || data === void 0 ? void 0 : data.parentModel, isLegacyTable: isLegacyTable, hasExistingId: hasExistingId });
             setModelMetaData(modelData);
             var fieldData = data.fields.map(function (f) {
                 var fieldCopy = __assign({}, f); // Create a shallow copy of the field object
@@ -139,7 +150,7 @@ var CreateModel = function (_a) {
             encodeValuesOnly: true
         });
         triggerGetModels(queryString);
-    }, [isDeleteModelSuceess]);
+    }, []);
     useEffect(function () {
         if (allmodels) {
             if (data) {
@@ -207,31 +218,18 @@ var CreateModel = function (_a) {
         });
     }); };
     var handleFormSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var legacyTableConfig, hasPrimaryKey, fieldData, module_1, parentModel, createdAt, updatedAt, id, deletedAt, modelData, updateData, fieldData, module_2, parentModel, modelData, data_1;
+        var legacyTableConfig, legacyTableType, hasPrimaryKey, fieldData, module_1, parentModel, createdAt, updatedAt, id, deletedAt, modelData, updateData, fieldData, module_2, parentModel, modelData, data_1;
         return __generator(this, function (_a) {
             legacyTableConfig = {};
-            if ((modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) && (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTableWithId)) {
-                // UI: Both checked → Backend: both true
-                legacyTableConfig = {
-                    isLegacyTable: true,
-                    isLegacyTableWithId: false
-                };
+            legacyTableType = 'none';
+            if ((modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) && (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.hasExistingId)) {
+                legacyTableType = 'existing_id';
             }
-            else if ((modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) && !(modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTableWithId)) {
-                // UI: Only isLegacyTable checked → Backend: only isLegacyTableWithId true
-                legacyTableConfig = {
-                    isLegacyTable: false,
-                    isLegacyTableWithId: true
-                };
+            else if (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) {
+                legacyTableType = 'generated_id';
             }
-            else {
-                // UI: Neither checked → Backend: both false
-                legacyTableConfig = {
-                    isLegacyTable: false,
-                    isLegacyTableWithId: false
-                };
-            }
-            if ((modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) || (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTableWithId)) {
+            legacyTableConfig = { legacyTableType: legacyTableType };
+            if (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) {
                 hasPrimaryKey = fieldMetaData.some(function (field) { return field.isPrimaryKey === true; });
                 if (!hasPrimaryKey) {
                     dispatch(showToast({ severity: "error", summary: "Primary Key Required", detail: "Legacy tables set at least one field marked as Primary Key. Please mark a field as Primary Key before proceeding.", life: 5000 }));
@@ -269,67 +267,15 @@ var CreateModel = function (_a) {
             return [2 /*return*/];
         });
     }); };
-    var deleteModelFunction = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            deleteModel(data === null || data === void 0 ? void 0 : data.id);
-            return [2 /*return*/];
-        });
-    }); };
     useEffect(function () {
-        if (isCreateModelSuccess == true || isUpdatedModelSuceess == true || isDeleteModelSuceess == true) {
+        if (isCreateModelSuccess == true || isUpdatedModelSuceess == true) {
             // router.push(`/admin/app-builder/model/all`);
             router.back();
         }
-    }, [isCreateModelSuccess, isUpdatedModelSuceess, isDeleteModelSuceess]);
-    var showError = function (errors) { return __awaiter(void 0, void 0, void 0, function () {
-        var errorMessages;
-        return __generator(this, function (_a) {
-            errorMessages = Object.values(errors);
-            if (errorMessages.length > 0) {
-                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.map(String).join(', '), life: 3000 }));
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var isFetchBaseQueryErrorWithErrorResponse = function (error) {
-        return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
-    };
-    // const handleError = (errorToast: any) => {
-    //   let errorMessage: any = ['An error occurred'];
-    //   if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
-    //     errorMessage = errorToast.data.message;
-    //   } else {
-    //     errorMessage = ['Something went wrong'];
-    //   }
-    //   toast?.current?.show({
-    //     severity: 'error',
-    //     summary: 'Error',
-    //     detail: errorMessage,
-    //     life: 3000,
-    //     //@ts-ignore
-    //     content: (props) => (
-    //       <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
-    //         {Array.isArray(errorMessage) ? (
-    //           errorMessage.map((message, index) => (
-    //             <div className="flex align-items-center gap-2" key={index}>
-    //               <span className="font-bold text-900">{message.trim()}</span>
-    //             </div>
-    //           ))
-    //         ) : (
-    //           <div className="flex align-items-center gap-2">
-    //             <span className="font-bold text-900">{errorMessage?.trim()}</span>
-    //           </div>
-    //         )}
-    //       </div>
-    //     ),
-    //   });
-    // };
-    // Error Handler 
-    // Added useEffect to remove active tab class border color if error is there.
+    }, [isCreateModelSuccess, isUpdatedModelSuceess]);
     useEffect(function () {
         var errors = [
             { isError: isCreateModelError, error: createModelError },
-            { isError: isDeleteModelError, error: deleteModelError },
             { isError: isUpdateModelError, error: updateModelError },
         ];
         if (errors.length > 0) {
@@ -345,36 +291,42 @@ var CreateModel = function (_a) {
                 }
             });
         }
-    }, [isCreateModelError, isDeleteModelError, isUpdateModelError]);
-    var _u = useState(false), formActionsMenuOpen = _u[0], setFormActionsMenuOpen = _u[1];
-    var formActionDropdown = function () { return (_jsxs(SolidPopover, { open: formActionsMenuOpen, onOpenChange: setFormActionsMenuOpen, children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "ghost", size: "sm", className: "solid-icon-button", "aria-label": "Model actions", children: _jsx(Settings, { size: 16 }) }) }), _jsx(SolidPopoverContent, { side: "bottom", align: "end", className: "solid-form-actions-popover", onClick: function (event) { return event.stopPropagation(); }, children: _jsxs("button", { type: "button", className: "solid-row-action-button solid-row-action-button-danger", onClick: function () {
-                        setFormActionsMenuOpen(false);
-                        setDeleteEntity(true);
-                    }, children: [_jsx(Trash2, { size: 14, className: "solid-row-action-button-icon" }), _jsx("span", { className: "solid-row-action-button-label", children: "Delete" })] }) })] })); };
-    var _v = useState(false), isDirty = _v[0], setIsDirty = _v[1];
-    var isCreateMode = params.id === "new";
-    var headerTitleBase = isCreateMode ? "Create Model" : "Edit Model";
-    var headerTitle = "".concat(headerTitleBase).concat((modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName) ? " - ".concat(modelMetaData.displayName) : "");
-    var canShowActionsMenu = !isCreateMode && (data === null || data === void 0 ? void 0 : data.isSystem) !== true;
-    var handleCancel = function () { return router.back(); };
-    return (_jsxs("div", { className: "solid-form-wrapper", children: [_jsxs("div", { className: "solid-form-section", style: { borderRight: params.embeded !== true ? '1px solid var(--primary-light-color)' : '' }, children: [_jsxs("div", { children: [_jsxs("div", { className: "solid-form-header flex align-items-center justify-content-between gap-3 flex-wrap", children: [_jsx("div", { className: "flex flex-column gap-1" }), _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidButton, { variant: "outline", size: "sm", type: "button", onClick: handleCancel, className: "bg-primary-reverse", children: "Cancel" }), isDirty && (_jsx(SolidButton, { size: "sm", type: "button", onClick: handleSubmit, children: "Save" })), canShowActionsMenu && formActionDropdown()] })] }), _jsx("div", { className: "px-4 py-3 md:p-4 solid-form-content", children: _jsx(SolidTabGroup, { className: "relative", panelClassName: "px-0", tabs: [
-                                        {
-                                            value: "model",
-                                            label: _jsx("span", { className: tabErrors.model ? "tab-error-heading" : "", children: "Model" }),
-                                            content: (_jsx(ModelMetaData, { modelMetaData: modelMetaData, setModelMetaData: setModelMetaData, allModelsNames: allModelsNames, deleteModelFunction: deleteModelFunction, nextTab: nextTab, formikModelMetadataRef: formikModelMetadataRef, params: params, formErrors: formErrors, setIsDirty: setIsDirty })),
-                                        },
-                                        {
-                                            value: "fields",
-                                            label: _jsx("span", { className: tabErrors.fields ? "tab-error-heading" : "", children: "Fields" }),
-                                            content: (_jsx(FieldMetaData, { modelMetaData: modelMetaData, fieldMetaData: fieldMetaData, setFieldMetaData: setFieldMetaData, deleteModelFunction: deleteModelFunction, nextTab: nextTab, formikFieldsMetadataRef: formikFieldsMetadataRef, params: params, setIsDirty: setIsDirty })),
-                                        },
-                                    ], value: activeTab, onValueChange: function (value) {
-                                        var next = TABS.find(function (tab) { return tab === value; });
-                                        if (next) {
-                                            handleTabChange(next);
-                                        }
-                                    } }) })] }), _jsx(SolidFormFooter, { params: params })] }), _jsxs(SolidDialog, { header: "Delete Model", headerClassName: "py-2", className: "solid-confirm-dialog", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: '20vw' }, onHide: function () { if (!deleteEntity)
-                    return; setDeleteEntity(false); }, children: [_jsx(SolidDivider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this Model?" }), _jsx("p", { className: "", style: { color: 'var{--solid-grey-500}' }, children: modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(SolidButton, { size: "sm", onClick: deleteModelFunction, children: "Delete" }), _jsx(SolidButton, { size: "sm", variant: "outline", onClick: function () { return setDeleteEntity(false); }, children: "Cancel" })] })] })] })] }));
+    }, [isCreateModelError, isUpdateModelError]);
+    var _u = useState(false), isDirty = _u[0], setIsDirty = _u[1];
+    var _v = useState(false), fieldDeleted = _v[0], setFieldDeleted = _v[1];
+    var explorerModuleName = (_e = (_c = (_b = data === null || data === void 0 ? void 0 : data.module) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : (_d = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : "";
+    var explorerModelSingularName = (_g = (_f = data === null || data === void 0 ? void 0 : data.singularName) !== null && _f !== void 0 ? _f : modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName) !== null && _g !== void 0 ? _g : "";
+    var isReadOnlyModelExplorer = Boolean((modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isSystem) ||
+        (data === null || data === void 0 ? void 0 : data.isSystem) ||
+        explorerModuleName.toLowerCase() === "solid-core");
+    var shouldShowTabSave = !isCreateMode ? activeTab === "fields" && fieldDeleted : activeTab !== "explorer" && isDirty;
+    var modelTabContent = (_jsx("div", { className: "solid-model-form-content is-tabbed", children: _jsx(ModelMetaData, { modelMetaData: modelMetaData, setModelMetaData: setModelMetaData, allModelsNames: allModelsNames, deleteModelFunction: deleteModelFunction, nextTab: nextTab, formikModelMetadataRef: formikModelMetadataRef, params: params, formErrors: formErrors, setIsDirty: setIsDirty }) }));
+    var fieldsTabContent = (_jsx("div", { className: "solid-model-form-content is-tabbed", children: _jsx(FieldMetaData, { modelMetaData: modelMetaData, fieldMetaData: fieldMetaData, setFieldMetaData: setFieldMetaData, deleteModelFunction: deleteModelFunction, nextTab: nextTab, formikFieldsMetadataRef: formikFieldsMetadataRef, params: params, setIsDirty: setIsDirty, setFieldDeleted: setFieldDeleted }) }));
+    return (_jsx("div", { className: "solid-form-wrapper", children: _jsxs("div", { className: "solid-form-section", style: { borderRight: params.embeded !== true ? '1px solid var(--primary-light-color)' : '' }, children: [_jsx("div", { className: "solid-model-form-workspace", children: _jsx(SolidTabGroup, { className: "solid-model-form-tabs", listClassName: "solid-model-form-tablist", panelClassName: "solid-model-form-tabpanel", tabs: __spreadArray([
+                            {
+                                value: "model",
+                                label: _jsx("span", { className: "solid-model-form-tab-label ".concat(tabErrors.model ? "tab-error-heading" : ""), children: "Model" }),
+                                content: modelTabContent,
+                            },
+                            {
+                                value: "fields",
+                                label: _jsx("span", { className: "solid-model-form-tab-label ".concat(tabErrors.fields ? "tab-error-heading" : ""), children: "Fields" }),
+                                content: fieldsTabContent,
+                            }
+                        ], (!isCreateMode
+                            ? [
+                                {
+                                    value: "explorer",
+                                    label: _jsx("span", { className: "solid-model-form-tab-label", children: "Explorer" }),
+                                    content: (_jsx(ModuleMetadataExplorer, { moduleName: explorerModuleName, modelSingularName: explorerModelSingularName, readOnly: isReadOnlyModelExplorer, allowSeed: false })),
+                                },
+                            ]
+                            : []), true), value: activeTab, onValueChange: function (value) {
+                            var next = availableTabs.find(function (tab) { return tab === value; });
+                            if (next) {
+                                handleTabChange(next);
+                            }
+                        } }) }), shouldShowTabSave && (_jsx("div", { className: "solid-model-form-actions", children: _jsx(SolidButton, { type: "button", onClick: handleSubmit, children: "Save" }) })), _jsx(SolidFormFooter, { params: params })] }) }));
 };
 export default CreateModel;
 //# sourceMappingURL=CreateModel.js.map