@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.3

package/dist/components/core/card/CardItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,qBAAqB,EAAE,GAAG,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmErC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/core/card/CardItem.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter } from "../../../hooks/useRouter";
+import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
+var CardItem = function (_a) {
+    var _b, _c;
+    var data = _a.data, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
+    var router = useRouter();
+    var openRecord = function () {
+        if (typeof window !== "undefined") {
+            sessionStorage.setItem("fromView", "card");
+            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+        }
+        router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
+    };
+    var openEdit = function () {
+        router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
+    };
+    return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card", onClick: openRecord, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsx(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] }) })] }) }), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) || {}, groupedView: false, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) }));
+};
+export default CardItem;
+//# sourceMappingURL=CardItem.js.map

package/dist/components/core/card/CardItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,GACV,MAAM,kBAAkB,CAAC;AAY1B,IAAM,QAAQ,GAA4B,UAAC,EAQ1C;;QAPC,IAAI,UAAA,EACJ,qBAAqB,2BAAA,EACrB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,eAAe,qBAAA;IAEf,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,IAAM,UAAU,GAAG;QACjB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;YAC3C,cAAc,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;SAC1F;QACD,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACf,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,eAAK,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAE,UAAU,aACzE,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,YACtE,MAAC,iBAAiB,eAChB,KAAC,wBAAwB,IAAC,OAAO,kBAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sDAAsD,gBACrD,mBAAmB,YAE9B,KAAC,SAAS,IAAC,IAAI,EAAC,eAAe,wBAAe,GACvC,GACgB,EAC3B,KAAC,wBAAwB,IAAC,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,KAAK,YACpE,MAAC,qBAAqB,IACpB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACtF,eAAM,SAAS,EAAC,kCAAkC,qBAAY,IACxC,GACC,IACT,GAChB,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,IAChB,OAAO,EAAE,IAAI,EACb,uBAAuB,EAAE,qBAAqB,EAC9C,SAAS,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,EAC3C,mBAAmB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAC/D,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,CAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,KAAI,EAAE,EAClE,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\ninterface CardItemProps {\n  data: any;\n  solidCardViewMetaData: any;\n  editButtonUrl?: string;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n}\n\nconst CardItem: React.FC<CardItemProps> = ({\n  data,\n  solidCardViewMetaData,\n  editButtonUrl,\n  cardNode,\n  DynamicCardWidget,\n  setLightboxUrls,\n  setOpenLightbox,\n}) => {\n  const router = useRouter();\n\n  const openRecord = () => {\n    if (typeof window !== \"undefined\") {\n      sessionStorage.setItem(\"fromView\", \"card\");\n      sessionStorage.setItem(\"fromViewUrl\", window.location.pathname + window.location.search);\n    }\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  return (\n    <div className=\"solid-card-view-item\">\n      <div className=\"solid-card-view-card solid-kanban-card\" onClick={openRecord}>\n        <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n                aria-label=\"Open card actions\"\n              >\n                <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item\"\n                onSelect={openEdit}\n              >\n                <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Edit</span>\n              </SolidDropdownMenuItem>\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        </div>\n        {DynamicCardWidget ? (\n          <DynamicCardWidget\n            rowData={data}\n            solidKanbanViewMetaData={solidCardViewMetaData}\n            solidView={solidCardViewMetaData?.solidView}\n            solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}\n            card={cardNode}\n            layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}\n            groupedView={false}\n            editButtonUrl={editButtonUrl}\n            setLightboxUrls={setLightboxUrls}\n            setOpenLightbox={setOpenLightbox}\n            openRecord={openRecord}\n            openEdit={openEdit}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default CardItem;\n"]}

package/dist/components/core/card/CardItem.tsx

@@ -0,0 +1,91 @@
+// @ts-nocheck
+import React from "react";
+import { useRouter } from "../../../hooks/useRouter";
+import {
+  SolidDropdownMenu,
+  SolidDropdownMenuContent,
+  SolidDropdownMenuItem,
+  SolidDropdownMenuTrigger,
+  SolidIcon,
+} from "../../shad-cn-ui";
+
+interface CardItemProps {
+  data: any;
+  solidCardViewMetaData: any;
+  editButtonUrl?: string;
+  cardNode?: any;
+  DynamicCardWidget?: any;
+  setLightboxUrls?: any;
+  setOpenLightbox?: any;
+}
+
+const CardItem: React.FC<CardItemProps> = ({
+  data,
+  solidCardViewMetaData,
+  editButtonUrl,
+  cardNode,
+  DynamicCardWidget,
+  setLightboxUrls,
+  setOpenLightbox,
+}) => {
+  const router = useRouter();
+
+  const openRecord = () => {
+    if (typeof window !== "undefined") {
+      sessionStorage.setItem("fromView", "card");
+      sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+    }
+    router.push(`${editButtonUrl}/${data?.id}`);
+  };
+
+  const openEdit = () => {
+    router.push(`${editButtonUrl}/${data?.id}`);
+  };
+
+  return (
+    <div className="solid-card-view-item">
+      <div className="solid-card-view-card solid-kanban-card" onClick={openRecord}>
+        <div className="solid-kanban-action" onClick={(e) => e.stopPropagation()}>
+          <SolidDropdownMenu>
+            <SolidDropdownMenuTrigger asChild>
+              <button
+                type="button"
+                className="solid-header-cog-trigger solid-kanban-action-trigger"
+                aria-label="Open card actions"
+              >
+                <SolidIcon name="si-ellipsis-v" aria-hidden />
+              </button>
+            </SolidDropdownMenuTrigger>
+            <SolidDropdownMenuContent className="solid-custom-overlay" align="end">
+              <SolidDropdownMenuItem
+                className="solid-header-dropdown-item"
+                onSelect={openEdit}
+              >
+                <SolidIcon name="si-pencil" className="solid-header-action-button-icon" aria-hidden />
+                <span className="solid-header-action-button-label">Edit</span>
+              </SolidDropdownMenuItem>
+            </SolidDropdownMenuContent>
+          </SolidDropdownMenu>
+        </div>
+        {DynamicCardWidget ? (
+          <DynamicCardWidget
+            rowData={data}
+            solidKanbanViewMetaData={solidCardViewMetaData}
+            solidView={solidCardViewMetaData?.solidView}
+            solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}
+            card={cardNode}
+            layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}
+            groupedView={false}
+            editButtonUrl={editButtonUrl}
+            setLightboxUrls={setLightboxUrls}
+            setOpenLightbox={setOpenLightbox}
+            openRecord={openRecord}
+            openEdit={openEdit}
+          />
+        ) : null}
+      </div>
+    </div>
+  );
+};
+
+export default CardItem;

package/dist/components/core/card/CardUserViewLayout.d.ts

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

package/dist/components/core/card/CardUserViewLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardUserViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardUserViewLayout.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,sDAAuD,GAAG,mDA4DxF,CAAC"}

package/dist/components/core/card/CardUserViewLayout.js

@@ -0,0 +1,94 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormik } from "formik";
+import { useDispatch } from "react-redux";
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import { showToast } from "../../../redux/features/toastSlice";
+import { SolidButton, SolidCodeEditor } from "../../shad-cn-ui";
+export var CardUserViewLayout = function (_a) {
+    var _b;
+    var solidCardViewMetaData = _a.solidCardViewMetaData, setLayoutDialogVisible = _a.setLayoutDialogVisible;
+    var dispatch = useDispatch();
+    var entityApi = createSolidEntityApi("userViewMetadata");
+    var useUpsertSolidEntityMutation = entityApi.useUpsertSolidEntityMutation;
+    var upsertUserView = useUpsertSolidEntityMutation()[0];
+    if (!((_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView))
+        return null;
+    var solidView = solidCardViewMetaData.data.solidView;
+    var formik = useFormik({
+        initialValues: {
+            layoutString: JSON.stringify(solidView.layout, null, 2),
+        },
+        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var parsedLayout, response, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        parsedLayout = JSON.parse(values.layoutString);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 4, , 5]);
+                        if (!solidView.id) return [3 /*break*/, 3];
+                        return [4 /*yield*/, upsertUserView({
+                                viewMetadataId: solidView.id,
+                                layout: JSON.stringify(parsedLayout),
+                            }).unwrap()];
+                    case 2:
+                        response = _a.sent();
+                        if (response.statusCode === 200) {
+                            dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));
+                            setLayoutDialogVisible(false);
+                            window.location.reload();
+                        }
+                        _a.label = 3;
+                    case 3: return [3 /*break*/, 5];
+                    case 4:
+                        error_1 = _a.sent();
+                        console.error(ERROR_MESSAGES.UPDATE_FAILED, error_1);
+                        return [3 /*break*/, 5];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); },
+    });
+    return (_jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsx(SolidCodeEditor, { value: formik.values.layoutString, height: "500px", fontSize: "10px", language: "json", onChange: function (value) {
+                    formik.setFieldValue("layoutString", value !== null && value !== void 0 ? value : "");
+                } }), _jsxs("div", { className: "pt-3 flex gap-2", children: [_jsx(SolidButton, { type: "submit", size: "sm", children: "Apply" }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", onClick: function () { return setLayoutDialogVisible(false); }, children: "Cancel" })] })] }));
+};
+//# sourceMappingURL=CardUserViewLayout.js.map

package/dist/components/core/card/CardUserViewLayout.js.map

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

package/dist/components/core/card/CardUserViewLayout.tsx

@@ -0,0 +1,68 @@
+import { useFormik } from "formik";
+import { useDispatch } from "react-redux";
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import { showToast } from "../../../redux/features/toastSlice";
+import { SolidButton, SolidCodeEditor } from "../../shad-cn-ui";
+
+export const CardUserViewLayout = ({ solidCardViewMetaData, setLayoutDialogVisible }: any) => {
+  const dispatch = useDispatch();
+  const entityApi = createSolidEntityApi("userViewMetadata");
+  const { useUpsertSolidEntityMutation } = entityApi;
+  const [upsertUserView] = useUpsertSolidEntityMutation();
+
+  if (!solidCardViewMetaData?.data?.solidView) return null;
+
+  const solidView = solidCardViewMetaData.data.solidView;
+
+  const formik = useFormik({
+    initialValues: {
+      layoutString: JSON.stringify(solidView.layout, null, 2),
+    },
+    onSubmit: async (values) => {
+      const parsedLayout = JSON.parse(values.layoutString);
+      try {
+        if (solidView.id) {
+          const response = await upsertUserView({
+            viewMetadataId: solidView.id,
+            layout: JSON.stringify(parsedLayout),
+          }).unwrap();
+          if (response.statusCode === 200) {
+            dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));
+            setLayoutDialogVisible(false);
+            window.location.reload();
+          }
+        }
+      } catch (error) {
+        console.error(ERROR_MESSAGES.UPDATE_FAILED, error);
+      }
+    },
+  });
+
+  return (
+    <form onSubmit={formik.handleSubmit}>
+      <SolidCodeEditor
+        value={formik.values.layoutString}
+        height="500px"
+        fontSize="10px"
+        language="json"
+        onChange={(value) => {
+          formik.setFieldValue("layoutString", value ?? "");
+        }}
+      />
+      <div className="pt-3 flex gap-2">
+        <SolidButton type="submit" size="sm">
+          Apply
+        </SolidButton>
+        <SolidButton
+          type="button"
+          variant="outline"
+          size="sm"
+          onClick={() => setLayoutDialogVisible(false)}
+        >
+          Cancel
+        </SolidButton>
+      </div>
+    </form>
+  );
+};

package/dist/components/core/card/SolidCardView.d.ts

@@ -0,0 +1,8 @@
+type SolidCardViewParams = {
+    moduleName: string;
+    modelName: string;
+    embeded: boolean;
+};
+export declare const SolidCardView: (params: SolidCardViewParams) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidCardView.d.ts.map

package/dist/components/core/card/SolidCardView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"AAiCA,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DF,eAAO,MAAM,aAAa,WAAY,mBAAmB,4CA4axD,CAAC"}