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

package/dist/components/core/extension/solid-core/media/card/MediaCardWidget.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getMediaTypeFromUrl } from "../../../../../../helpers/mediaType";
+var renderText = function (value, fallback) {
+    if (fallback === void 0) { fallback = "--"; }
+    if (value === null || value === undefined || value === "") {
+        return fallback;
+    }
+    return String(value);
+};
+var formatFileSize = function (value) {
+    var size = Number(value);
+    if (!Number.isFinite(size) || size <= 0)
+        return "--";
+    if (size >= 1024 * 1024 * 1024)
+        return "".concat((size / (1024 * 1024 * 1024)).toFixed(1), " GB");
+    if (size >= 1024 * 1024)
+        return "".concat((size / (1024 * 1024)).toFixed(1), " MB");
+    if (size >= 1024)
+        return "".concat((size / 1024).toFixed(1), " KB");
+    return "".concat(size, " B");
+};
+var toTitleCase = function (value) {
+    var text = renderText(value, "");
+    if (!text)
+        return "--";
+    return text
+        .replace(/[_-]+/g, " ")
+        .replace(/\b\w/g, function (char) { return char.toUpperCase(); });
+};
+var getFileUrl = function (rowData) {
+    return (rowData === null || rowData === void 0 ? void 0 : rowData._full_url) || (rowData === null || rowData === void 0 ? void 0 : rowData.fileUrl) || (rowData === null || rowData === void 0 ? void 0 : rowData.relativeUri) || "";
+};
+var getMimeType = function (rowData) {
+    return String((rowData === null || rowData === void 0 ? void 0 : rowData.mimeType) || "").toLowerCase();
+};
+var isImage = function (mimeType) { return mimeType.startsWith("image/"); };
+var isVideo = function (mimeType) { return mimeType.startsWith("video/"); };
+var isAudio = function (mimeType) { return mimeType.startsWith("audio/"); };
+var getExtension = function (rowData) {
+    var fileName = renderText(rowData === null || rowData === void 0 ? void 0 : rowData.originalFileName, "");
+    var raw = fileName.split(".").pop();
+    return raw ? raw.toUpperCase() : "FILE";
+};
+export default function MediaCardWidget(_a) {
+    var _b, _c, _d;
+    var rowData = _a.rowData, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
+    var fileUrl = getFileUrl(rowData);
+    var mimeType = getMimeType(rowData);
+    var fileName = renderText(rowData === null || rowData === void 0 ? void 0 : rowData.originalFileName, "Untitled file");
+    var providerName = renderText((_b = rowData === null || rowData === void 0 ? void 0 : rowData.mediaStorageProviderMetadata) === null || _b === void 0 ? void 0 : _b.displayName, "Unknown provider");
+    var modelName = renderText((_c = rowData === null || rowData === void 0 ? void 0 : rowData.modelMetadata) === null || _c === void 0 ? void 0 : _c.displayName, "Unknown model");
+    var fieldName = renderText((_d = rowData === null || rowData === void 0 ? void 0 : rowData.fieldMetadata) === null || _d === void 0 ? void 0 : _d.displayName, "Unknown field");
+    var mimeLabel = mimeType ? mimeType.split("/")[0].toUpperCase() : "FILE";
+    var showPreview = isImage(mimeType) || isVideo(mimeType);
+    var handlePreviewClick = function (event) {
+        event.stopPropagation();
+        if (!fileUrl)
+            return;
+        if (showPreview) {
+            var mediaType = getMediaTypeFromUrl(fileUrl);
+            setLightboxUrls === null || setLightboxUrls === void 0 ? void 0 : setLightboxUrls([{ src: fileUrl, type: mediaType !== "image" ? mediaType : undefined }]);
+            setOpenLightbox === null || setOpenLightbox === void 0 ? void 0 : setOpenLightbox(true);
+            return;
+        }
+        window.open(fileUrl, "_blank", "noopener,noreferrer");
+    };
+    return (_jsxs("div", { className: "solid-media-card-widget", children: [_jsxs("div", { className: "solid-media-card-widget__preview", onClick: handlePreviewClick, children: [fileUrl && isImage(mimeType) && (_jsx("img", { src: fileUrl, alt: fileName, className: "solid-media-card-widget__image" })), fileUrl && isVideo(mimeType) && (_jsx("video", { src: fileUrl, className: "solid-media-card-widget__image", muted: true })), (!fileUrl || (!isImage(mimeType) && !isVideo(mimeType))) && (_jsxs("div", { className: "solid-media-card-widget__file-fallback", children: [_jsx("span", { className: "solid-media-card-widget__file-ext", children: getExtension(rowData) }), _jsx("span", { className: "solid-media-card-widget__file-type", children: mimeLabel })] })), _jsxs("div", { className: "solid-media-card-widget__topline", children: [_jsx("span", { className: "solid-media-card-widget__chip", children: mimeLabel }), _jsx("span", { className: "solid-media-card-widget__size", children: formatFileSize(rowData === null || rowData === void 0 ? void 0 : rowData.fileSize) })] })] }), _jsxs("div", { className: "solid-media-card-widget__body", children: [_jsx("div", { className: "solid-media-card-widget__title", title: fileName, children: fileName }), _jsx("div", { className: "solid-media-card-widget__subtitle", title: renderText(rowData === null || rowData === void 0 ? void 0 : rowData.mimeType, "Unknown mime type"), children: renderText(rowData === null || rowData === void 0 ? void 0 : rowData.mimeType, "Unknown mime type") }), _jsxs("div", { className: "solid-media-card-widget__meta", children: [_jsxs("div", { className: "solid-media-card-widget__meta-item", children: [_jsx("span", { className: "solid-media-card-widget__meta-label", children: "Model" }), _jsx("span", { className: "solid-media-card-widget__meta-value", title: modelName, children: modelName })] }), _jsxs("div", { className: "solid-media-card-widget__meta-item", children: [_jsx("span", { className: "solid-media-card-widget__meta-label", children: "Field" }), _jsx("span", { className: "solid-media-card-widget__meta-value", title: fieldName, children: fieldName })] }), _jsxs("div", { className: "solid-media-card-widget__meta-item", children: [_jsx("span", { className: "solid-media-card-widget__meta-label", children: "Provider" }), _jsx("span", { className: "solid-media-card-widget__meta-value", title: providerName, children: providerName })] }), _jsxs("div", { className: "solid-media-card-widget__meta-item", children: [_jsx("span", { className: "solid-media-card-widget__meta-label", children: "Entity" }), _jsxs("span", { className: "solid-media-card-widget__meta-value", children: ["#", renderText(rowData === null || rowData === void 0 ? void 0 : rowData.entityId)] })] })] }), _jsxs("div", { className: "solid-media-card-widget__footer", children: [_jsxs("span", { className: "solid-media-card-widget__record-id", children: ["Media #", renderText(rowData === null || rowData === void 0 ? void 0 : rowData.id)] }), _jsx("span", { className: "solid-media-card-widget__kind", children: toTitleCase(mimeLabel) })] })] })] }));
+}
+//# sourceMappingURL=MediaCardWidget.js.map

package/dist/components/core/extension/solid-core/media/card/MediaCardWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCardWidget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/media/card/MediaCardWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { getMediaTypeFromUrl } from \"../../../../../../helpers/mediaType\";\nimport { SolidKanbanCardWidgetProps } from \"../../../../../../types/solid-core\";\n\nconst renderText = (value: any, fallback = \"--\") => {\n  if (value === null || value === undefined || value === \"\") {\n    return fallback;\n  }\n\n  return String(value);\n};\n\nconst formatFileSize = (value: any) => {\n  const size = Number(value);\n  if (!Number.isFinite(size) || size <= 0) return \"--\";\n  if (size >= 1024 * 1024 * 1024) return `${(size / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n  if (size >= 1024 * 1024) return `${(size / (1024 * 1024)).toFixed(1)} MB`;\n  if (size >= 1024) return `${(size / 1024).toFixed(1)} KB`;\n  return `${size} B`;\n};\n\nconst toTitleCase = (value: any) => {\n  const text = renderText(value, \"\");\n  if (!text) return \"--\";\n  return text\n    .replace(/[_-]+/g, \" \")\n    .replace(/\\b\\w/g, (char) => char.toUpperCase());\n};\n\nconst getFileUrl = (rowData: any) => {\n  return rowData?._full_url || rowData?.fileUrl || rowData?.relativeUri || \"\";\n};\n\nconst getMimeType = (rowData: any) => {\n  return String(rowData?.mimeType || \"\").toLowerCase();\n};\n\nconst isImage = (mimeType: string) => mimeType.startsWith(\"image/\");\nconst isVideo = (mimeType: string) => mimeType.startsWith(\"video/\");\nconst isAudio = (mimeType: string) => mimeType.startsWith(\"audio/\");\n\nconst getExtension = (rowData: any) => {\n  const fileName = renderText(rowData?.originalFileName, \"\");\n  const raw = fileName.split(\".\").pop();\n  return raw ? raw.toUpperCase() : \"FILE\";\n};\n\nexport default function MediaCardWidget({\n  rowData,\n  setLightboxUrls,\n  setOpenLightbox,\n}: SolidKanbanCardWidgetProps) {\n  const fileUrl = getFileUrl(rowData);\n  const mimeType = getMimeType(rowData);\n  const fileName = renderText(rowData?.originalFileName, \"Untitled file\");\n  const providerName = renderText(rowData?.mediaStorageProviderMetadata?.displayName, \"Unknown provider\");\n  const modelName = renderText(rowData?.modelMetadata?.displayName, \"Unknown model\");\n  const fieldName = renderText(rowData?.fieldMetadata?.displayName, \"Unknown field\");\n  const mimeLabel = mimeType ? mimeType.split(\"/\")[0].toUpperCase() : \"FILE\";\n  const showPreview = isImage(mimeType) || isVideo(mimeType);\n\n  const handlePreviewClick = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    if (!fileUrl) return;\n\n    if (showPreview) {\n      const mediaType = getMediaTypeFromUrl(fileUrl);\n      setLightboxUrls?.([{ src: fileUrl, type: mediaType !== \"image\" ? mediaType : undefined }]);\n      setOpenLightbox?.(true);\n      return;\n    }\n\n    window.open(fileUrl, \"_blank\", \"noopener,noreferrer\");\n  };\n\n  return (\n    <div className=\"solid-media-card-widget\">\n      <div className=\"solid-media-card-widget__preview\" onClick={handlePreviewClick}>\n        {fileUrl && isImage(mimeType) && (\n          <img\n            src={fileUrl}\n            alt={fileName}\n            className=\"solid-media-card-widget__image\"\n          />\n        )}\n        {fileUrl && isVideo(mimeType) && (\n          <video\n            src={fileUrl}\n            className=\"solid-media-card-widget__image\"\n            muted\n          />\n        )}\n        {(!fileUrl || (!isImage(mimeType) && !isVideo(mimeType))) && (\n          <div className=\"solid-media-card-widget__file-fallback\">\n            <span className=\"solid-media-card-widget__file-ext\">{getExtension(rowData)}</span>\n            <span className=\"solid-media-card-widget__file-type\">{mimeLabel}</span>\n          </div>\n        )}\n\n        <div className=\"solid-media-card-widget__topline\">\n          <span className=\"solid-media-card-widget__chip\">{mimeLabel}</span>\n          <span className=\"solid-media-card-widget__size\">{formatFileSize(rowData?.fileSize)}</span>\n        </div>\n      </div>\n\n      <div className=\"solid-media-card-widget__body\">\n        <div className=\"solid-media-card-widget__title\" title={fileName}>\n          {fileName}\n        </div>\n        <div className=\"solid-media-card-widget__subtitle\" title={renderText(rowData?.mimeType, \"Unknown mime type\")}>\n          {renderText(rowData?.mimeType, \"Unknown mime type\")}\n        </div>\n\n        <div className=\"solid-media-card-widget__meta\">\n          <div className=\"solid-media-card-widget__meta-item\">\n            <span className=\"solid-media-card-widget__meta-label\">Model</span>\n            <span className=\"solid-media-card-widget__meta-value\" title={modelName}>{modelName}</span>\n          </div>\n          <div className=\"solid-media-card-widget__meta-item\">\n            <span className=\"solid-media-card-widget__meta-label\">Field</span>\n            <span className=\"solid-media-card-widget__meta-value\" title={fieldName}>{fieldName}</span>\n          </div>\n          <div className=\"solid-media-card-widget__meta-item\">\n            <span className=\"solid-media-card-widget__meta-label\">Provider</span>\n            <span className=\"solid-media-card-widget__meta-value\" title={providerName}>{providerName}</span>\n          </div>\n          <div className=\"solid-media-card-widget__meta-item\">\n            <span className=\"solid-media-card-widget__meta-label\">Entity</span>\n            <span className=\"solid-media-card-widget__meta-value\">#{renderText(rowData?.entityId)}</span>\n          </div>\n        </div>\n\n        <div className=\"solid-media-card-widget__footer\">\n          <span className=\"solid-media-card-widget__record-id\">Media #{renderText(rowData?.id)}</span>\n          <span className=\"solid-media-card-widget__kind\">{toTitleCase(mimeLabel)}</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/core/extension/solid-core/media/card/MediaCardWidget.tsx

@@ -0,0 +1,139 @@
+import { getMediaTypeFromUrl } from "../../../../../../helpers/mediaType";
+import { SolidKanbanCardWidgetProps } from "../../../../../../types/solid-core";
+
+const renderText = (value: any, fallback = "--") => {
+  if (value === null || value === undefined || value === "") {
+    return fallback;
+  }
+
+  return String(value);
+};
+
+const formatFileSize = (value: any) => {
+  const size = Number(value);
+  if (!Number.isFinite(size) || size <= 0) return "--";
+  if (size >= 1024 * 1024 * 1024) return `${(size / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+  if (size >= 1024 * 1024) return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+  if (size >= 1024) return `${(size / 1024).toFixed(1)} KB`;
+  return `${size} B`;
+};
+
+const toTitleCase = (value: any) => {
+  const text = renderText(value, "");
+  if (!text) return "--";
+  return text
+    .replace(/[_-]+/g, " ")
+    .replace(/\b\w/g, (char) => char.toUpperCase());
+};
+
+const getFileUrl = (rowData: any) => {
+  return rowData?._full_url || rowData?.fileUrl || rowData?.relativeUri || "";
+};
+
+const getMimeType = (rowData: any) => {
+  return String(rowData?.mimeType || "").toLowerCase();
+};
+
+const isImage = (mimeType: string) => mimeType.startsWith("image/");
+const isVideo = (mimeType: string) => mimeType.startsWith("video/");
+const isAudio = (mimeType: string) => mimeType.startsWith("audio/");
+
+const getExtension = (rowData: any) => {
+  const fileName = renderText(rowData?.originalFileName, "");
+  const raw = fileName.split(".").pop();
+  return raw ? raw.toUpperCase() : "FILE";
+};
+
+export default function MediaCardWidget({
+  rowData,
+  setLightboxUrls,
+  setOpenLightbox,
+}: SolidKanbanCardWidgetProps) {
+  const fileUrl = getFileUrl(rowData);
+  const mimeType = getMimeType(rowData);
+  const fileName = renderText(rowData?.originalFileName, "Untitled file");
+  const providerName = renderText(rowData?.mediaStorageProviderMetadata?.displayName, "Unknown provider");
+  const modelName = renderText(rowData?.modelMetadata?.displayName, "Unknown model");
+  const fieldName = renderText(rowData?.fieldMetadata?.displayName, "Unknown field");
+  const mimeLabel = mimeType ? mimeType.split("/")[0].toUpperCase() : "FILE";
+  const showPreview = isImage(mimeType) || isVideo(mimeType);
+
+  const handlePreviewClick = (event: React.MouseEvent) => {
+    event.stopPropagation();
+    if (!fileUrl) return;
+
+    if (showPreview) {
+      const mediaType = getMediaTypeFromUrl(fileUrl);
+      setLightboxUrls?.([{ src: fileUrl, type: mediaType !== "image" ? mediaType : undefined }]);
+      setOpenLightbox?.(true);
+      return;
+    }
+
+    window.open(fileUrl, "_blank", "noopener,noreferrer");
+  };
+
+  return (
+    <div className="solid-media-card-widget">
+      <div className="solid-media-card-widget__preview" onClick={handlePreviewClick}>
+        {fileUrl && isImage(mimeType) && (
+          <img
+            src={fileUrl}
+            alt={fileName}
+            className="solid-media-card-widget__image"
+          />
+        )}
+        {fileUrl && isVideo(mimeType) && (
+          <video
+            src={fileUrl}
+            className="solid-media-card-widget__image"
+            muted
+          />
+        )}
+        {(!fileUrl || (!isImage(mimeType) && !isVideo(mimeType))) && (
+          <div className="solid-media-card-widget__file-fallback">
+            <span className="solid-media-card-widget__file-ext">{getExtension(rowData)}</span>
+            <span className="solid-media-card-widget__file-type">{mimeLabel}</span>
+          </div>
+        )}
+
+        <div className="solid-media-card-widget__topline">
+          <span className="solid-media-card-widget__chip">{mimeLabel}</span>
+          <span className="solid-media-card-widget__size">{formatFileSize(rowData?.fileSize)}</span>
+        </div>
+      </div>
+
+      <div className="solid-media-card-widget__body">
+        <div className="solid-media-card-widget__title" title={fileName}>
+          {fileName}
+        </div>
+        <div className="solid-media-card-widget__subtitle" title={renderText(rowData?.mimeType, "Unknown mime type")}>
+          {renderText(rowData?.mimeType, "Unknown mime type")}
+        </div>
+
+        <div className="solid-media-card-widget__meta">
+          <div className="solid-media-card-widget__meta-item">
+            <span className="solid-media-card-widget__meta-label">Model</span>
+            <span className="solid-media-card-widget__meta-value" title={modelName}>{modelName}</span>
+          </div>
+          <div className="solid-media-card-widget__meta-item">
+            <span className="solid-media-card-widget__meta-label">Field</span>
+            <span className="solid-media-card-widget__meta-value" title={fieldName}>{fieldName}</span>
+          </div>
+          <div className="solid-media-card-widget__meta-item">
+            <span className="solid-media-card-widget__meta-label">Provider</span>
+            <span className="solid-media-card-widget__meta-value" title={providerName}>{providerName}</span>
+          </div>
+          <div className="solid-media-card-widget__meta-item">
+            <span className="solid-media-card-widget__meta-label">Entity</span>
+            <span className="solid-media-card-widget__meta-value">#{renderText(rowData?.entityId)}</span>
+          </div>
+        </div>
+
+        <div className="solid-media-card-widget__footer">
+          <span className="solid-media-card-widget__record-id">Media #{renderText(rowData?.id)}</span>
+          <span className="solid-media-card-widget__kind">{toTitleCase(mimeLabel)}</span>
+        </div>
+      </div>
+    </div>
+  );
+}

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModelRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAa1F,QAAA,MAAM,oBAAoB,UAAW,oCAAoC,4CAkFxE,CAAA;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DeleteModelRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAU1F,QAAA,MAAM,oBAAoB,UAAW,oCAAoC,4CAuGxE,CAAA;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.js

@@ -36,22 +36,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
-import { Button } from "primereact/button";
 import { useState } from "react";
 import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
-import { DataTable } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { Checkbox } from "primereact/checkbox";
 import { kebabCase } from "lodash";
 import { createSolidEntityApi } from "../../../../../../redux/api/solidEntityApi";
 import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
+import { SolidButton, SolidCheckbox } from "../../../../../shad-cn-ui";
 var DeleteModelRowAction = function (event) {
     var _a = useState(false), isConfirmed = _a[0], setIsConfirmed = _a[1];
     var dispatch = useDispatch();
     var entityApi = createSolidEntityApi(event.params.modelName);
     var useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation;
-    var _b = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _b[0], isSolidEntitiesDeleteError = _b[1].isError;
+    var deleteSolidSingleEntiry = useDeleteSolidEntityMutation()[0];
     var deleteModelHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
         var res, message, err_1;
         var _a, _b, _c;
@@ -94,7 +91,7 @@ var DeleteModelRowAction = function (event) {
         { file: "".concat(kebabCase(event.rowData.singularName), "-metadata.json"), description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },
         { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },
     ];
-    return (_jsxs("div", { className: "", children: [_jsx("div", { className: "p-dialog-header secondary-border-bottom py-3", style: { background: 'var(--solid-light-grey)' }, children: _jsx("span", { className: "p-dialog-title", children: "Delete Model" }) }), _jsxs("div", { className: "px-4 pb-4 pt-3", children: [_jsxs("div", { children: [_jsx("p", { className: "form-field-label font-medium", children: "Deleting a model should be done carefully. The below files will be impacted as part of deleting a model:" }), _jsxs(DataTable, { value: rows, size: "small", children: [_jsx(Column, { field: "file", header: "File Name" }), _jsx(Column, { field: "description", header: "Description" }), _jsx(Column, { field: "intervention", header: "Intervention" })] }), _jsx("div", { className: "my-4", children: _jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { inputId: "confirmation", name: "confirm", checked: isConfirmed, onChange: function () { return setIsConfirmed(!isConfirmed); } }), _jsx("label", { htmlFor: "confirmation", className: "ml-2 form-field-label", children: "I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied." })] }) })] }), _jsxs("div", { className: "flex gap-3 justify-content-start", children: [_jsx(Button, { size: "small", label: "Apply", disabled: !isConfirmed, autoFocus: true, onClick: deleteModelHandler }), _jsx(Button, { size: "small", label: "Cancel", outlined: true, onClick: function () { return dispatch(closePopup()); } })] })] })] }));
+    return (_jsxs("div", { className: "solid-delete-model-popup", children: [_jsx("div", { className: "solid-filter-dialog-head solid-delete-model-popup__head", children: _jsxs("div", { children: [_jsx("h3", { className: "solid-filter-dialog-title", children: "Delete Model" }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Review the impacted files carefully before applying this delete action." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-delete-model-popup__body", children: [_jsx("p", { className: "solid-delete-model-popup__intro", children: "Deleting a model should be done carefully. The following files will be impacted as part of deleting this model." }), _jsx("div", { className: "solid-delete-model-popup__table-wrap", children: _jsxs("table", { className: "solid-delete-model-popup__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "File Name" }), _jsx("th", { children: "Description" }), _jsx("th", { children: "Intervention" })] }) }), _jsx("tbody", { children: rows.map(function (row) { return (_jsxs("tr", { children: [_jsx("td", { className: "solid-delete-model-popup__file", children: row.file }), _jsx("td", { children: row.description }), _jsx("td", { className: row.manual ? "solid-delete-model-popup__intervention is-manual" : "solid-delete-model-popup__intervention", children: row.intervention })] }, "".concat(row.file, "-").concat(row.intervention))); }) })] }) }), _jsx("div", { className: "solid-delete-model-popup__confirm", children: _jsx(SolidCheckbox, { id: "delete-model-confirmation", name: "confirm", checked: isConfirmed, onChange: function () { return setIsConfirmed(!isConfirmed); }, label: "I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied." }) }), _jsxs("div", { className: "solid-delete-model-popup__actions", children: [_jsx(SolidButton, { size: "small", disabled: !isConfirmed, autoFocus: true, onClick: deleteModelHandler, children: "Apply" }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return dispatch(closePopup()); }, children: "Cancel" })] })] })] }));
 };
 export default DeleteModelRowAction;
 //# sourceMappingURL=DeleteModelRowAction.js.map

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModelRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useGenerateCodeForModelMutation } from \"../../../../../../redux/api/modelApi\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { Button } from \"primereact/button\";\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { DataTable } from \"primereact/datatable\";\nimport { Column } from \"primereact/column\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { kebabCase } from \"lodash\";\nimport { createSolidEntityApi } from \"../../../../../../redux/api/solidEntityApi\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\n\n\nconst DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n    const [isConfirmed, setIsConfirmed] = useState(false);\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(event.params.modelName);\n    const {useDeleteSolidEntityMutation} = entityApi;\n    const [deleteSolidSingleEntiry, { \n        isError:isSolidEntitiesDeleteError , \n    }] = useDeleteSolidEntityMutation()\n\n    const deleteModelHandler = async () => {\n        try {\n            const res: any = await deleteSolidSingleEntiry(event.rowData.id);\n            \n            // console.log('delete model res', res);\n            if (res.error) {\n                // handle backend or RTK error object\n                const message =\n                    res.error?.data?.message ||\n                    res.error?.error ||\n                    ERROR_MESSAGES.ERROR_OCCURED;\n                dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));\n            } else {\n                dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));\n                dispatch(closePopup());\n            }\n        } catch (err: any) {\n            console.error(\"catch error\", err);\n            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));\n        }\n    }\n\n    const rows = [\n        { file: `${kebabCase(event.rowData.singularName)}.entity.ts`, description: 'The TypeORM entity definition for this model. Deleting it removes the model’s schema mapping', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.create.dto.ts`, description: 'DTO defining the payload for creating a new record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.update.dto.ts`, description: 'DTO defining the payload for updating an existing record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.repository.ts`, description: 'Custom repository encapsulating database operations for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.service.ts`, description: 'Service layer containing business logic and interactions for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.controller.ts`, description: 'Controller exposing API endpoints related to this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.module.ts`, description: 'Module declaration that wires together the controller, service, and repository. All imports and references to the deleted model are removed automatically', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}-metadata.json`, description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },\n        { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },\n    ];\n\n\n\n    return (\n        <div className=\"\">\n            <div className=\"p-dialog-header secondary-border-bottom py-3\" style={{ background: 'var(--solid-light-grey)' }}>\n                <span className=\"p-dialog-title\">\n                    Delete Model\n                </span>\n            </div>\n            <div className=\"px-4 pb-4 pt-3\">\n                <div>\n                    <p className=\"form-field-label font-medium\">\n                        Deleting a model should be done carefully. The below files will be impacted as part of deleting a model:\n                    </p>\n                    <DataTable value={rows} size=\"small\">\n                        <Column field=\"file\" header=\"File Name\" />\n                        <Column field=\"description\" header=\"Description\" />\n                        <Column field=\"intervention\" header=\"Intervention\" />\n                    </DataTable>\n                    <div className=\"my-4\">\n                        <div className=\"flex align-items-center\">\n                            <Checkbox\n                                inputId=\"confirmation\"\n                                name=\"confirm\"\n                                checked={isConfirmed}\n                                onChange={() => setIsConfirmed(!isConfirmed)} />\n                            <label htmlFor=\"confirmation\" className=\"ml-2 form-field-label\">\n                                I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied.\n                            </label>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"flex gap-3 justify-content-start\">\n                    <Button size=\"small\" label=\"Apply\" disabled={!isConfirmed} autoFocus onClick={deleteModelHandler} />\n                    <Button size=\"small\" label=\"Cancel\" outlined onClick={() => dispatch(closePopup())} />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default DeleteModelRowAction;\n"]}
+{"version":3,"file":"DeleteModelRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { kebabCase } from \"lodash\";\nimport { createSolidEntityApi } from \"../../../../../../redux/api/solidEntityApi\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { SolidButton, SolidCheckbox } from \"../../../../../shad-cn-ui\";\n\n\nconst DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n    const [isConfirmed, setIsConfirmed] = useState(false);\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(event.params.modelName);\n    const {useDeleteSolidEntityMutation} = entityApi;\n    const [deleteSolidSingleEntiry] = useDeleteSolidEntityMutation()\n\n    const deleteModelHandler = async () => {\n        try {\n            const res: any = await deleteSolidSingleEntiry(event.rowData.id);\n            \n            // console.log('delete model res', res);\n            if (res.error) {\n                // handle backend or RTK error object\n                const message =\n                    res.error?.data?.message ||\n                    res.error?.error ||\n                    ERROR_MESSAGES.ERROR_OCCURED;\n                dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));\n            } else {\n                dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));\n                dispatch(closePopup());\n            }\n        } catch (err: any) {\n            console.error(\"catch error\", err);\n            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));\n        }\n    }\n\n    const rows = [\n        { file: `${kebabCase(event.rowData.singularName)}.entity.ts`, description: 'The TypeORM entity definition for this model. Deleting it removes the model’s schema mapping', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.create.dto.ts`, description: 'DTO defining the payload for creating a new record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.update.dto.ts`, description: 'DTO defining the payload for updating an existing record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.repository.ts`, description: 'Custom repository encapsulating database operations for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.service.ts`, description: 'Service layer containing business logic and interactions for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.controller.ts`, description: 'Controller exposing API endpoints related to this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.module.ts`, description: 'Module declaration that wires together the controller, service, and repository. All imports and references to the deleted model are removed automatically', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}-metadata.json`, description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },\n        { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },\n    ];\n\n\n\n    return (\n        <div className=\"solid-delete-model-popup\">\n            <div className=\"solid-filter-dialog-head solid-delete-model-popup__head\">\n                <div>\n                    <h3 className=\"solid-filter-dialog-title\">Delete Model</h3>\n                    <p className=\"solid-filter-dialog-subtitle m-0\">\n                        Review the impacted files carefully before applying this delete action.\n                    </p>\n                </div>\n            </div>\n            <div className=\"solid-filter-dialog-sep\" />\n            <div className=\"solid-filter-dialog-body solid-delete-model-popup__body\">\n                <p className=\"solid-delete-model-popup__intro\">\n                    Deleting a model should be done carefully. The following files will be impacted as part of deleting this model.\n                </p>\n\n                <div className=\"solid-delete-model-popup__table-wrap\">\n                    <table className=\"solid-delete-model-popup__table\">\n                        <thead>\n                            <tr>\n                                <th>File Name</th>\n                                <th>Description</th>\n                                <th>Intervention</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            {rows.map((row) => (\n                                <tr key={`${row.file}-${row.intervention}`}>\n                                    <td className=\"solid-delete-model-popup__file\">{row.file}</td>\n                                    <td>{row.description}</td>\n                                    <td className={row.manual ? \"solid-delete-model-popup__intervention is-manual\" : \"solid-delete-model-popup__intervention\"}>\n                                        {row.intervention}\n                                    </td>\n                                </tr>\n                            ))}\n                        </tbody>\n                    </table>\n                </div>\n\n                <div className=\"solid-delete-model-popup__confirm\">\n                    <SolidCheckbox\n                        id=\"delete-model-confirmation\"\n                        name=\"confirm\"\n                        checked={isConfirmed}\n                        onChange={() => setIsConfirmed(!isConfirmed)}\n                        label=\"I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied.\"\n                    />\n                </div>\n\n                <div className=\"solid-delete-model-popup__actions\">\n                    <SolidButton size=\"small\" disabled={!isConfirmed} autoFocus onClick={deleteModelHandler}>\n                        Apply\n                    </SolidButton>\n                    <SolidButton size=\"small\" variant=\"outline\" onClick={() => dispatch(closePopup())}>\n                        Cancel\n                    </SolidButton>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default DeleteModelRowAction;\n"]}

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx

@@ -1,17 +1,12 @@
-
-import { useGenerateCodeForModelMutation } from "../../../../../../redux/api/modelApi";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
 import { SolidListRowdataDynamicFunctionProps } from "../../../../../../types/solid-core";
-import { Button } from "primereact/button";
 import { useState } from "react";
 import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
-import { DataTable } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { Checkbox } from "primereact/checkbox";
 import { kebabCase } from "lodash";
 import { createSolidEntityApi } from "../../../../../../redux/api/solidEntityApi";
 import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
+import { SolidButton, SolidCheckbox } from "../../../../../shad-cn-ui";
 
 
 const DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
@@ -19,9 +14,7 @@ const DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
     const dispatch = useDispatch();
     const entityApi = createSolidEntityApi(event.params.modelName);
     const {useDeleteSolidEntityMutation} = entityApi;
-    const [deleteSolidSingleEntiry, { 
-        isError:isSolidEntitiesDeleteError , 
-    }] = useDeleteSolidEntityMutation()
+    const [deleteSolidSingleEntiry] = useDeleteSolidEntityMutation()
 
     const deleteModelHandler = async () => {
         try {
@@ -60,38 +53,61 @@ const DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
 
 
     return (
-        <div className="">
-            <div className="p-dialog-header secondary-border-bottom py-3" style={{ background: 'var(--solid-light-grey)' }}>
-                <span className="p-dialog-title">
-                    Delete Model
-                </span>
-            </div>
-            <div className="px-4 pb-4 pt-3">
+        <div className="solid-delete-model-popup">
+            <div className="solid-filter-dialog-head solid-delete-model-popup__head">
                 <div>
-                    <p className="form-field-label font-medium">
-                        Deleting a model should be done carefully. The below files will be impacted as part of deleting a model:
+                    <h3 className="solid-filter-dialog-title">Delete Model</h3>
+                    <p className="solid-filter-dialog-subtitle m-0">
+                        Review the impacted files carefully before applying this delete action.
                     </p>
-                    <DataTable value={rows} size="small">
-                        <Column field="file" header="File Name" />
-                        <Column field="description" header="Description" />
-                        <Column field="intervention" header="Intervention" />
-                    </DataTable>
-                    <div className="my-4">
-                        <div className="flex align-items-center">
-                            <Checkbox
-                                inputId="confirmation"
-                                name="confirm"
-                                checked={isConfirmed}
-                                onChange={() => setIsConfirmed(!isConfirmed)} />
-                            <label htmlFor="confirmation" className="ml-2 form-field-label">
-                                I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied.
-                            </label>
-                        </div>
-                    </div>
                 </div>
-                <div className="flex gap-3 justify-content-start">
-                    <Button size="small" label="Apply" disabled={!isConfirmed} autoFocus onClick={deleteModelHandler} />
-                    <Button size="small" label="Cancel" outlined onClick={() => dispatch(closePopup())} />
+            </div>
+            <div className="solid-filter-dialog-sep" />
+            <div className="solid-filter-dialog-body solid-delete-model-popup__body">
+                <p className="solid-delete-model-popup__intro">
+                    Deleting a model should be done carefully. The following files will be impacted as part of deleting this model.
+                </p>
+
+                <div className="solid-delete-model-popup__table-wrap">
+                    <table className="solid-delete-model-popup__table">
+                        <thead>
+                            <tr>
+                                <th>File Name</th>
+                                <th>Description</th>
+                                <th>Intervention</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {rows.map((row) => (
+                                <tr key={`${row.file}-${row.intervention}`}>
+                                    <td className="solid-delete-model-popup__file">{row.file}</td>
+                                    <td>{row.description}</td>
+                                    <td className={row.manual ? "solid-delete-model-popup__intervention is-manual" : "solid-delete-model-popup__intervention"}>
+                                        {row.intervention}
+                                    </td>
+                                </tr>
+                            ))}
+                        </tbody>
+                    </table>
+                </div>
+
+                <div className="solid-delete-model-popup__confirm">
+                    <SolidCheckbox
+                        id="delete-model-confirmation"
+                        name="confirm"
+                        checked={isConfirmed}
+                        onChange={() => setIsConfirmed(!isConfirmed)}
+                        label="I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied."
+                    />
+                </div>
+
+                <div className="solid-delete-model-popup__actions">
+                    <SolidButton size="small" disabled={!isConfirmed} autoFocus onClick={deleteModelHandler}>
+                        Apply
+                    </SolidButton>
+                    <SolidButton size="small" variant="outline" onClick={() => dispatch(closePopup())}>
+                        Cancel
+                    </SolidButton>
                 </div>
             </div>
         </div>

package/dist/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateModelCodeRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAU1F,QAAA,MAAM,0BAA0B,UAAW,oCAAoC,4CAuL9E,CAAA;AAED,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"GenerateModelCodeRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAG1F,QAAA,MAAM,0BAA0B,UAAW,oCAAoC,4CA8K9E,CAAC;AAEF,eAAe,0BAA0B,CAAC"}