@solidxai/core-ui 0.1.13-beta.2 → 0.1.13-beta.3

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardQuestionOnFormLoadHandler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,QAAA,MAAM,kCAAkC,UAAiB,YAAY;;;;EAsBpE,CAAA;AAED,eAAe,kCAAkC,CAAC"}

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.js

@@ -0,0 +1,62 @@
+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 { SolidViewLayoutManager } from "../../../../../components/core/common/SolidViewLayoutManager";
+var dashboardQuestionOnFormLoadHandler = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+    var formData, formViewLayout, layout, layoutManager;
+    return __generator(this, function (_a) {
+        formData = event.formData, formViewLayout = event.formViewLayout;
+        layout = formViewLayout;
+        layoutManager = new SolidViewLayoutManager(layout);
+        if (formData.sourceType === 'sql') {
+            layoutManager.updateNodeAttributes('labelSql', { visible: true });
+            layoutManager.updateNodeAttributes('kpiSql', { visible: true });
+            layoutManager.updateNodeAttributes('providerName', { visible: false });
+        }
+        if (formData.sourceType === 'provider') {
+            layoutManager.updateNodeAttributes('labelSql', { visible: false });
+            layoutManager.updateNodeAttributes('kpiSql', { visible: false });
+            layoutManager.updateNodeAttributes('providerName', { visible: true });
+        }
+        return [2 /*return*/, {
+                layoutChanged: true,
+                dataChanged: false,
+                newLayout: layoutManager.getLayout(),
+            }];
+    });
+}); };
+export default dashboardQuestionOnFormLoadHandler;
+//# sourceMappingURL=dashboardQuestionOnFormLoadHandler.js.map

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardQuestionOnFormLoadHandler.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAEtG,IAAM,kCAAkC,GAAG,UAAO,KAAmB;;;QACzD,QAAQ,GAAqB,KAAK,SAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;QAErC,MAAM,GAAG,cAAc,CAAC;QACxB,aAAa,GAAG,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAEzD,IAAI,QAAQ,CAAC,UAAU,KAAK,KAAK,EAAE;YAC/B,aAAa,CAAC,oBAAoB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAClE,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAChE,aAAa,CAAC,oBAAoB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;SAC1E;QACD,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;YACpC,aAAa,CAAC,oBAAoB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACnE,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACjE,aAAa,CAAC,oBAAoB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;SACzE;QACD,sBAAO;gBACH,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,KAAK;gBAClB,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE;aACvC,EAAA;;KAEJ,CAAA;AAED,eAAe,kCAAkC,CAAC","sourcesContent":["\nimport { SolidUiEvent } from \"../../../../../types\";\nimport { SolidViewLayoutManager } from \"../../../../../components/core/common/SolidViewLayoutManager\";\n\nconst dashboardQuestionOnFormLoadHandler = async (event: SolidUiEvent) => {\n    const { formData, formViewLayout } = event;\n\n    const layout = formViewLayout;\n    const layoutManager = new SolidViewLayoutManager(layout);\n\n    if (formData.sourceType === 'sql') {\n        layoutManager.updateNodeAttributes('labelSql', { visible: true });\n        layoutManager.updateNodeAttributes('kpiSql', { visible: true });\n        layoutManager.updateNodeAttributes('providerName', { visible: false });\n    }\n    if (formData.sourceType === 'provider') {\n        layoutManager.updateNodeAttributes('labelSql', { visible: false });\n        layoutManager.updateNodeAttributes('kpiSql', { visible: false });\n        layoutManager.updateNodeAttributes('providerName', { visible: true });\n    }\n    return {\n        layoutChanged: true,\n        dataChanged: false,\n        newLayout: layoutManager.getLayout(),\n    }\n\n}\n\nexport default dashboardQuestionOnFormLoadHandler;\n"]}

package/dist/components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.ts

@@ -0,0 +1,29 @@
+
+import { SolidUiEvent } from "../../../../../types";
+import { SolidViewLayoutManager } from "../../../../../components/core/common/SolidViewLayoutManager";
+
+const dashboardQuestionOnFormLoadHandler = async (event: SolidUiEvent) => {
+    const { formData, formViewLayout } = event;
+
+    const layout = formViewLayout;
+    const layoutManager = new SolidViewLayoutManager(layout);
+
+    if (formData.sourceType === 'sql') {
+        layoutManager.updateNodeAttributes('labelSql', { visible: true });
+        layoutManager.updateNodeAttributes('kpiSql', { visible: true });
+        layoutManager.updateNodeAttributes('providerName', { visible: false });
+    }
+    if (formData.sourceType === 'provider') {
+        layoutManager.updateNodeAttributes('labelSql', { visible: false });
+        layoutManager.updateNodeAttributes('kpiSql', { visible: false });
+        layoutManager.updateNodeAttributes('providerName', { visible: true });
+    }
+    return {
+        layoutChanged: true,
+        dataChanged: false,
+        newLayout: layoutManager.getLayout(),
+    }
+
+}
+
+export default dashboardQuestionOnFormLoadHandler;

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.d.ts

@@ -0,0 +1,4 @@
+import { SolidFormWidgetProps } from "../../../../../types";
+declare const ChartFormPreviewWidget: ({ formData, field, fieldsMetadata, viewMetadata, formViewData }: SolidFormWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export default ChartFormPreviewWidget;
+//# sourceMappingURL=ChartFormPreviewWidget.d.ts.map

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFormPreviewWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAI5D,QAAA,MAAM,sBAAsB,oEAAqE,oBAAoB,4CA2BpH,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { SolidMessage } from "../../../../../components/shad-cn-ui";
+import { SolidQuestionRenderer } from "../../../../../components/core/dashboard/SolidQuestionRenderer";
+var ChartFormPreviewWidget = function (_a) {
+    var formData = _a.formData, field = _a.field, fieldsMetadata = _a.fieldsMetadata, viewMetadata = _a.viewMetadata, formViewData = _a.formViewData;
+    console.log("formData: ");
+    console.log(formData);
+    console.log("field: ");
+    console.log(field);
+    console.log("fieldsMetadata: ");
+    console.log(fieldsMetadata);
+    console.log("viewMetadata: ");
+    console.log(viewMetadata);
+    console.log("formViewData: ");
+    console.log(formViewData);
+    if (!formData || !formData.visualisedAs) {
+        return (_jsx(_Fragment, { children: _jsx(SolidMessage, { text: "Preview Unavailable" }) }));
+    }
+    var visualisedAs = formData.visualisedAs.value;
+    return (_jsx("div", { className: "mt-3 p-2", children: _jsx(SolidQuestionRenderer, { question: formViewData === null || formViewData === void 0 ? void 0 : formViewData.data, isPreview: true, filters: [] }) }));
+};
+export default ChartFormPreviewWidget;
+//# sourceMappingURL=ChartFormPreviewWidget.js.map

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFormPreviewWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AAEvG,IAAM,sBAAsB,GAAG,UAAC,EAAqF;QAAnF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA;IACzF,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAChC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC5B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE1B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE;QACrC,OAAO,CACH,4BACI,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,GAAG,GAC5C,CACN,CAAA;KACJ;IAED,IAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC;IAEjD,OAAO,CACC,cAAK,SAAS,EAAC,UAAU,YACrB,KAAC,qBAAqB,IAAC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAI,GACnF,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["\n\nimport { SolidFormWidgetProps } from \"../../../../../types\";\nimport { SolidMessage } from \"../../../../../components/shad-cn-ui\";\nimport { SolidQuestionRenderer } from \"../../../../../components/core/dashboard/SolidQuestionRenderer\";\n\nconst ChartFormPreviewWidget = ({ formData, field, fieldsMetadata, viewMetadata, formViewData }: SolidFormWidgetProps) => {\n    console.log(`formData: `);\n    console.log(formData);\n    console.log(`field: `);\n    console.log(field);\n    console.log(`fieldsMetadata: `);\n    console.log(fieldsMetadata);\n    console.log(`viewMetadata: `);\n    console.log(viewMetadata);\n    console.log(`formViewData: `);\n    console.log(formViewData);\n\n    if (!formData || !formData.visualisedAs) {\n        return (\n            <>\n                <SolidMessage text=\"Preview Unavailable\" />\n            </>\n        )\n    }\n\n    const visualisedAs = formData.visualisedAs.value;\n\n    return (\n            <div className=\"mt-3 p-2\">\n                <SolidQuestionRenderer question={formViewData?.data} isPreview={true} filters={[]} />\n            </div>\n    );\n};\n\nexport default ChartFormPreviewWidget;\n"]}

package/dist/components/core/extension/solid-core/dashboardQuestion/ChartFormPreviewWidget.tsx

@@ -0,0 +1,36 @@
+
+
+import { SolidFormWidgetProps } from "../../../../../types";
+import { SolidMessage } from "../../../../../components/shad-cn-ui";
+import { SolidQuestionRenderer } from "../../../../../components/core/dashboard/SolidQuestionRenderer";
+
+const ChartFormPreviewWidget = ({ formData, field, fieldsMetadata, viewMetadata, formViewData }: SolidFormWidgetProps) => {
+    console.log(`formData: `);
+    console.log(formData);
+    console.log(`field: `);
+    console.log(field);
+    console.log(`fieldsMetadata: `);
+    console.log(fieldsMetadata);
+    console.log(`viewMetadata: `);
+    console.log(viewMetadata);
+    console.log(`formViewData: `);
+    console.log(formViewData);
+
+    if (!formData || !formData.visualisedAs) {
+        return (
+            <>
+                <SolidMessage text="Preview Unavailable" />
+            </>
+        )
+    }
+
+    const visualisedAs = formData.visualisedAs.value;
+
+    return (
+            <div className="mt-3 p-2">
+                <SolidQuestionRenderer question={formViewData?.data} isPreview={true} filters={[]} />
+            </div>
+    );
+};
+
+export default ChartFormPreviewWidget;

package/dist/components/core/form/fields/SolidMediaMultipleField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidMediaMultipleField.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAK3E,OAAO,EAA6B,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAMzG,qBAAa,uBAAwB,YAAW,WAAW;IAEvD,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,eAAe,CAAC,CAAyD;IACjF,OAAO,CAAC,eAAe,CAAC,CAA0B;gBACtC,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,EAC/G,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;IAM7C,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAYnD,YAAY,IAAI,GAAG;IAKnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IAiD9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAmC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAcjE;AAGD,eAAO,MAAM,kCAAkC,+DAAgE,8BAA8B,4CAwW5I,CAAA;AAED,eAAO,MAAM,kCAAkC,+DAAgE,8BAA8B,4CAqK5I,CAAA"}
+{"version":3,"file":"SolidMediaMultipleField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidMediaMultipleField.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAO3E,OAAO,EAA6B,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAOzG,qBAAa,uBAAwB,YAAW,WAAW;IAEvD,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,eAAe,CAAC,CAAyD;IACjF,OAAO,CAAC,eAAe,CAAC,CAA0B;gBACtC,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,EAC/G,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;IAM7C,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAYnD,YAAY,IAAI,GAAG;IAKnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IAiD9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAmC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAcjE;AAGD,eAAO,MAAM,kCAAkC,+DAAgE,8BAA8B,4CA+X5I,CAAA;AAED,eAAO,MAAM,kCAAkC,+DAAgE,8BAA8B,4CA0K5I,CAAA"}

package/dist/components/core/form/fields/SolidMediaMultipleField.js

@@ -67,6 +67,8 @@ import { FileReaderExt } from "../../../../components/common/FileReaderExt";
 import getAcceptedFileTypes from "../../../../helpers/getAcceptedFileTypes";
 import { downloadMediaFile } from "../../../../helpers/downloadMediaFile";
 import { getExtensionComponent } from "../../../../helpers/registry";
+import { openMediaInNewTab } from "../../../../helpers/mediaUrl";
+import { getMediaPreviewKind, isLightboxMediaKind } from "../../../../helpers/mediaType";
 import { SolidFieldTooltip } from "../../../../components/common/SolidFieldTooltip";
 import { ERROR_MESSAGES } from "../../../../constants/error-messages";
 import styles from "./solidFields.module.css";
@@ -233,40 +235,42 @@ export var DefaultMediaMultipleFormEditWidget = function (_a) {
     var deleteMedia = useDeleteMediaMutation()[0];
     useEffect(function () {
         var fieldValue = formik === null || formik === void 0 ? void 0 : formik.values[fieldLayoutInfo.attrs.name];
-        var objectUrls = [];
-        if (Array.isArray(fieldValue) && fieldValue.length > 0) {
-            var details_1 = [];
-            fieldValue.forEach(function (file) {
-                if (file instanceof File) {
-                    var fileUrl = URL.createObjectURL(file);
-                    objectUrls.push(fileUrl);
-                    details_1.push({
-                        name: file.name,
-                        type: file.type,
-                        size: file.size,
-                        mediaId: null,
-                        fileKey: buildMediaFieldKey(file),
-                        fileUrl: fileUrl
-                    });
-                }
-                else if (typeof file === "object" && file._full_url) {
-                    details_1.push({
-                        name: file.originalFileName,
-                        type: file.mimeType,
-                        size: file.fileSize,
-                        mediaId: getPersistedMediaId(file),
-                        fileKey: buildMediaFieldKey(file),
-                        fileUrl: file._full_url
-                    });
-                }
-            });
-            setFileDetails(details_1);
-        }
-        else {
+        if (!Array.isArray(fieldValue) || fieldValue.length === 0) {
             setFileDetails([]);
+            return;
         }
+        var objectUrls = [];
+        var details = fieldValue
+            .map(function (file) {
+            if (file instanceof File) {
+                var fileUrl_1 = URL.createObjectURL(file);
+                objectUrls.push(fileUrl_1);
+                return {
+                    name: file.name,
+                    type: file.type,
+                    size: file.size,
+                    mediaId: null,
+                    fileKey: buildMediaFieldKey(file),
+                    fileUrl: fileUrl_1,
+                };
+            }
+            var fileUrl = file === null || file === void 0 ? void 0 : file._full_url;
+            if (!fileUrl) {
+                return null;
+            }
+            return {
+                name: file.originalFileName,
+                type: file.mimeType,
+                size: file.fileSize,
+                mediaId: getPersistedMediaId(file),
+                fileKey: buildMediaFieldKey(file),
+                fileUrl: fileUrl,
+            };
+        })
+            .filter(function (detail) { return detail !== null; });
+        setFileDetails(details);
         return function () {
-            objectUrls.forEach(function (url) { return URL.revokeObjectURL(url); });
+            objectUrls.forEach(function (fileUrl) { return URL.revokeObjectURL(fileUrl); });
         };
     }, [formik.values, fieldLayoutInfo.attrs.name]);
     var handleDropImages = function (acceptedFiles) {
@@ -369,40 +373,41 @@ export var DefaultMediaMultipleFormEditWidget = function (_a) {
         setOpenLightbox: setOpenLightbox
     };
     var handleFileView = function (url) {
-        var _a;
-        var downloadOnlyExt = [
-            "txt", "zip", "rar",
-            "doc", "docx",
-            "xls", "xlsx",
-            "ppt", "pptx"
-        ];
-        var fileUrl = (url === null || url === void 0 ? void 0 : url.fileUrl) || "";
-        var cleanUrl = fileUrl.split("?")[0];
-        var ext = (_a = cleanUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        if (ext && downloadOnlyExt.includes(ext)) {
-            var link = document.createElement('a');
-            link.href = url.fileUrl;
-            link.download = ''; // or specify a file name like 'file.pdf'
-            link.target = '_blank';
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        }
-        else {
+        var previewKind = getMediaPreviewKind({
+            url: url === null || url === void 0 ? void 0 : url.fileUrl,
+            fileName: url === null || url === void 0 ? void 0 : url.name,
+            mimeType: url === null || url === void 0 ? void 0 : url.type,
+        });
+        if (isLightboxMediaKind(previewKind)) {
             setLightboxUrls === null || setLightboxUrls === void 0 ? void 0 : setLightboxUrls([
-                { src: url.fileUrl, downloadUrl: url.fileUrl },
+                {
+                    src: url.fileUrl,
+                    downloadUrl: url.fileUrl,
+                    type: previewKind === "video" ? "video" : undefined
+                },
             ]);
             setOpenLightbox === null || setOpenLightbox === void 0 ? void 0 : setOpenLightbox(true);
+            return;
         }
+        openMediaInNewTab(url === null || url === void 0 ? void 0 : url.fileUrl);
     };
     return (_jsxs("div", { style: readOnlyPermission === true ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}, children: [_jsxs("div", { className: "".concat(styles.fieldWrapper, " relative"), children: [showFieldLabel != false &&
                         _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "".concat(styles.fieldLabel, " form-field-label"), children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsxs("div", { className: "relative", children: [_jsxs("div", __assign({}, getRootProps(), { className: "solid-dropzone-wrapper", children: [_jsx("input", __assign({}, getInputProps())), _jsx(DropzonePlaceholder, { mediaTypes: fieldMetadata.mediaTypes, mediaMaxSizeKb: fieldMetadata.mediaMaxSizeKb })] })), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(SolidMessage, { severity: "error", text: (_p = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _p === void 0 ? void 0 : _p.toString() }) }))] }), fileSizeError &&
                         _jsx(SolidMessage, { severity: "error", text: fileSizeError === null || fileSizeError === void 0 ? void 0 : fileSizeError.toString() })] }), fileDetails.length > 0 &&
-                _jsx("div", { className: "solid-file-upload-wrapper", children: _jsxs("div", { className: "flex items-center md:gap-2", children: [_jsx(FileReaderExt, { fileDetails: fileDetails[0] }), _jsxs("div", { className: "w-full flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "m-0 w-9 font-normal text-[var(--primary-color)] solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(fileDetails[0]); }, children: fileDetails[0].name }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-file-icon-btn", disabled: isFieldDisabled || isFieldReadonly, "aria-label": "Download file", onClick: function () { var _a, _b; return downloadMediaFile((_a = fileDetails[0]) === null || _a === void 0 ? void 0 : _a.fileUrl, (_b = fileDetails[0]) === null || _b === void 0 ? void 0 : _b.name); }, children: _jsx(SolidIcon, { name: "si-download", "aria-hidden": true }) }), _jsx("button", { type: "button", className: "solid-file-icon-btn is-danger", disabled: isFieldDisabled || isFieldReadonly, "aria-label": "Remove file", onClick: function () { return confirmDeleteFile(fileDetails[0].fileKey); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: "flex items-center gap-2 text-sm", children: formatFileSize(fileDetails[0].size) })] })] }) }), fileDetails.length > 1 &&
+                _jsx("div", { className: "".concat(styles.mediaAttachmentCard, " mt-4"), children: _jsxs("div", { className: "".concat(styles.mediaAttachmentRow, " flex items-center md:gap-2"), children: [_jsx(FileReaderExt, { fileDetails: fileDetails[0] }), _jsxs("div", { className: "".concat(styles.mediaAttachmentMeta, " w-full"), children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx("button", { type: "button", className: styles.mediaAttachmentName, onClick: function () { return handleFileView(fileDetails[0]); }, title: fileDetails[0].name, children: fileDetails[0].name }), _jsxs("div", { className: "".concat(styles.mediaAttachmentActions, " flex items-center gap-2"), children: [_jsx("button", { type: "button", className: "solid-file-icon-btn", disabled: isFieldDisabled || isFieldReadonly, "aria-label": "Download file", onClick: function (event) {
+                                                            var _a, _b;
+                                                            event.preventDefault();
+                                                            event.stopPropagation();
+                                                            downloadMediaFile((_a = fileDetails[0]) === null || _a === void 0 ? void 0 : _a.fileUrl, (_b = fileDetails[0]) === null || _b === void 0 ? void 0 : _b.name);
+                                                        }, children: _jsx(SolidIcon, { name: "si-download", "aria-hidden": true }) }), _jsx("button", { type: "button", className: "solid-file-icon-btn is-danger", disabled: isFieldDisabled || isFieldReadonly, "aria-label": "Remove file", onClick: function () { return confirmDeleteFile(fileDetails[0].fileKey); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: styles.mediaAttachmentSize, children: formatFileSize(fileDetails[0].size) })] })] }) }), fileDetails.length > 1 &&
                 _jsxs("div", { className: "flex items-center mt-1", children: [_jsxs("p", { className: "m-0", children: [fileDetails.length - 1, " items"] }), _jsx("div", { children: _jsx(SolidButton, { type: "button", size: "sm", variant: "ghost", onClick: function () { return setShowAllFiles(true); }, children: "View" }) })] }), _jsxs(SolidDialog, { open: isShowAllFiles, onOpenChange: setShowAllFiles, style: { minWidth: 450 }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Items Uploaded" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogBody, { children: fileDetails.length > 1 &&
                             fileDetails.map(function (file, index) {
                                 var fileId = file.fileKey;
-                                return (_jsx("div", { className: "solid-file-upload-wrapper", children: _jsxs("div", { className: "flex items-center md:gap-2", children: [_jsx(FileReaderExt, { fileDetails: file }), _jsxs("div", { className: "w-full flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "m-0 w-11 font-normal text-[var(--primary-color)] solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(file); }, children: file.name }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-file-icon-btn", disabled: isFieldDisabled || isFieldReadonly, "aria-label": "Download file", onClick: function () { return downloadMediaFile(file === null || file === void 0 ? void 0 : file.fileUrl, file === null || file === void 0 ? void 0 : file.name); }, children: _jsx(SolidIcon, { name: "si-download", "aria-hidden": true }) }), _jsx("button", { type: "button", className: "solid-file-icon-btn is-danger", disabled: isFieldDisabled || isFieldReadonly, "aria-label": "Remove file", onClick: function () { return confirmDeleteFile(fileId); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: "flex items-center gap-2 text-sm", children: formatFileSize(file.size) })] })] }) }, fileId));
+                                return (_jsx("div", { className: index === fileDetails.length - 1 ? "" : "mb-3", children: _jsx("div", { className: styles.mediaAttachmentCard, children: _jsxs("div", { className: "".concat(styles.mediaAttachmentRow, " flex items-center md:gap-2"), children: [_jsx(FileReaderExt, { fileDetails: file }), _jsxs("div", { className: "".concat(styles.mediaAttachmentMeta, " w-full"), children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx("button", { type: "button", className: styles.mediaAttachmentName, onClick: function () { return handleFileView(file); }, title: file.name, children: file.name }), _jsxs("div", { className: "".concat(styles.mediaAttachmentActions, " flex items-center gap-2"), children: [_jsx("button", { type: "button", className: "solid-file-icon-btn", disabled: isFieldDisabled || isFieldReadonly, "aria-label": "Download file", onClick: function (event) {
+                                                                                event.preventDefault();
+                                                                                event.stopPropagation();
+                                                                                downloadMediaFile(file === null || file === void 0 ? void 0 : file.fileUrl, file === null || file === void 0 ? void 0 : file.name);
+                                                                            }, children: _jsx(SolidIcon, { name: "si-download", "aria-hidden": true }) }), _jsx("button", { type: "button", className: "solid-file-icon-btn is-danger", disabled: isFieldDisabled || isFieldReadonly, "aria-label": "Remove file", onClick: function () { return confirmDeleteFile(fileId); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: styles.mediaAttachmentSize, children: formatFileSize(file.size) })] })] }) }) }, fileId));
                             }) })] }), _jsxs(SolidDialog, { open: isDeleteImageDialogVisible, onOpenChange: setDeleteImageDialogVisible, className: "solid-shadcn-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Confirm Delete" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, { className: "solid-shadcn-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-shadcn-dialog-body", children: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this file?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", autoFocus: true, onClick: deleteFile, children: "Delete" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: function () { return setDeleteImageDialogVisible(false); }, children: "Cancel" })] })] })] }));
 };
 export var DefaultMediaMultipleFormViewWidget = function (_a) {
@@ -423,68 +428,68 @@ export var DefaultMediaMultipleFormViewWidget = function (_a) {
     };
     useEffect(function () {
         var fieldValue = formik === null || formik === void 0 ? void 0 : formik.values[fieldLayoutInfo.attrs.name];
-        if (Array.isArray(fieldValue) && fieldValue.length > 0) {
-            var urls_1 = [];
-            var details_2 = [];
-            var objectUrls_1 = [];
-            fieldValue.forEach(function (file) {
-                if (file instanceof File) {
-                    // New file (from local upload)
-                    var fileUrl = URL.createObjectURL(file);
-                    objectUrls_1.push(fileUrl); // Store URL for cleanup
-                    urls_1.push(fileUrl);
-                    details_2.push({
-                        name: file.name,
-                        type: file.type,
-                        size: file.size,
-                        id: "".concat(file.name, "-").concat(file.size),
-                        fileUrl: fileUrl // ✅ Store the generated object URL
-                    });
-                }
-                else if (typeof file === "object" && file._full_url) {
-                    urls_1.push(file._full_url);
-                    details_2.push({
-                        name: file.originalFileName,
-                        type: file.mimeType,
-                        size: file.fileSize,
-                        id: file.id,
-                        fileUrl: file._full_url
-                    });
-                }
-            });
-            setFileDetails(details_2);
+        if (!Array.isArray(fieldValue) || fieldValue.length === 0) {
+            setFileDetails([]);
+            return;
         }
+        var objectUrls = [];
+        var details = fieldValue
+            .map(function (file) {
+            if (file instanceof File) {
+                var fileUrl_2 = URL.createObjectURL(file);
+                objectUrls.push(fileUrl_2);
+                return {
+                    name: file.name,
+                    type: file.type,
+                    size: file.size,
+                    id: "".concat(file.name, "-").concat(file.size),
+                    fileUrl: fileUrl_2,
+                };
+            }
+            var fileUrl = file === null || file === void 0 ? void 0 : file._full_url;
+            if (!fileUrl) {
+                return null;
+            }
+            return {
+                name: file.originalFileName,
+                type: file.mimeType,
+                size: file.fileSize,
+                id: file.id,
+                fileUrl: fileUrl,
+            };
+        })
+            .filter(Boolean);
+        setFileDetails(details);
+        return function () {
+            objectUrls.forEach(function (fileUrl) { return URL.revokeObjectURL(fileUrl); });
+        };
     }, [formik.values, fieldLayoutInfo.attrs.name]);
     var handleFileView = function (url) {
-        var _a;
-        var downloadOnlyExt = [
-            "txt", "zip", "rar",
-            "doc", "docx",
-            "xls", "xlsx",
-            "ppt", "pptx"
-        ];
-        var fileUrl = (url === null || url === void 0 ? void 0 : url.fileUrl) || "";
-        var cleanUrl = fileUrl.split("?")[0];
-        var ext = (_a = cleanUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        if (ext && downloadOnlyExt.includes(ext)) {
-            var link = document.createElement('a');
-            link.href = url.fileUrl;
-            link.download = ''; // or specify a file name like 'file.pdf'
-            link.target = '_blank';
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        }
-        else {
+        var previewKind = getMediaPreviewKind({
+            url: url === null || url === void 0 ? void 0 : url.fileUrl,
+            fileName: url === null || url === void 0 ? void 0 : url.name,
+            mimeType: url === null || url === void 0 ? void 0 : url.type,
+        });
+        if (isLightboxMediaKind(previewKind)) {
             setLightboxUrls === null || setLightboxUrls === void 0 ? void 0 : setLightboxUrls([
-                { src: url.fileUrl, downloadUrl: url.fileUrl },
+                {
+                    src: url.fileUrl,
+                    downloadUrl: url.fileUrl,
+                    type: previewKind === "video" ? "video" : undefined
+                },
             ]);
             setOpenLightbox === null || setOpenLightbox === void 0 ? void 0 : setOpenLightbox(true);
+            return;
         }
+        openMediaInNewTab(url === null || url === void 0 ? void 0 : url.fileUrl);
     };
     var renderMediaFileCard = function (file, className) {
         if (className === void 0) { className = ""; }
-        return (_jsx("div", { className: "".concat(styles.mediaAttachmentCard, " ").concat(className).trim(), children: _jsxs("div", { className: "".concat(styles.mediaAttachmentRow, " flex items-center md:gap-2"), children: [_jsx(FileReaderExt, { fileDetails: file }), _jsxs("div", { className: "".concat(styles.mediaAttachmentMeta, " w-full"), children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx("button", { type: "button", className: styles.mediaAttachmentName, onClick: function () { return handleFileView(file); }, title: file.name, children: file.name }), _jsx("div", { className: "".concat(styles.mediaAttachmentActions, " flex items-center md:gap-2"), children: _jsx("button", { type: "button", className: "solid-file-icon-btn", "aria-label": "Download file", onClick: function () { return downloadMediaFile(file === null || file === void 0 ? void 0 : file.fileUrl, file === null || file === void 0 ? void 0 : file.name); }, children: _jsx(SolidIcon, { name: "si-download", "aria-hidden": true }) }) })] }), _jsx("div", { className: styles.mediaAttachmentSize, children: formatFileSize(file.size) })] })] }) }));
+        return (_jsx("div", { className: "".concat(styles.mediaAttachmentCard, " ").concat(className).trim(), children: _jsxs("div", { className: "".concat(styles.mediaAttachmentRow, " flex items-center md:gap-2"), children: [_jsx(FileReaderExt, { fileDetails: file }), _jsxs("div", { className: "".concat(styles.mediaAttachmentMeta, " w-full"), children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx("button", { type: "button", className: styles.mediaAttachmentName, onClick: function () { return handleFileView(file); }, title: file.name, children: file.name }), _jsx("div", { className: "".concat(styles.mediaAttachmentActions, " flex items-center md:gap-2"), children: _jsx("button", { type: "button", className: "solid-file-icon-btn", "aria-label": "Download file", onClick: function (event) {
+                                                event.preventDefault();
+                                                event.stopPropagation();
+                                                downloadMediaFile(file === null || file === void 0 ? void 0 : file.fileUrl, file === null || file === void 0 ? void 0 : file.name);
+                                            }, children: _jsx(SolidIcon, { name: "si-download", "aria-hidden": true }) }) })] }), _jsx("div", { className: styles.mediaAttachmentSize, children: formatFileSize(file.size) })] })] }) }));
     };
     return (_jsxs("div", { className: styles.fieldViewWrapper, children: [showFieldLabel != false &&
                 _jsxs("p", { className: "".concat(styles.fieldViewLabel, " form-field-label"), children: [fieldLabel, _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), fileDetails.length > 0 &&