@solidxai/core-ui 0.1.9-beta.9 → 0.1.9

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

@@ -132,7 +132,7 @@ var SolidMediaMultipleField = /** @class */ (function () {
             var fieldMetadata = this.fieldContext.fieldMetadata;
             var fieldLayoutInfo = this.fieldContext.field;
             var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
-            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field col-12';
+            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field w-full px-2 pt-2';
             var viewWidget = fieldLayoutInfo.attrs.viewWidget;
             var editWidget = fieldLayoutInfo.attrs.editWidget;
             if (!editWidget) {
@@ -171,7 +171,7 @@ export var DefaultMediaMultipleFormEditWidget = function (_a) {
     var formik = _a.formik, fieldContext = _a.fieldContext, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
+    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field w-full px-2 pt-2';
     var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
     var viewMode = fieldContext.viewMode;
     var fieldDescription = (_d = fieldLayoutInfo.attrs.description) !== null && _d !== void 0 ? _d : fieldMetadata.description;
@@ -334,11 +334,11 @@ export var DefaultMediaMultipleFormEditWidget = function (_a) {
     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 align-items-center md:gap-2", children: [_jsx(FileReaderExt, { fileDetails: fileDetails[0] }), _jsxs("div", { className: "w-full flex flex-column gap-1", children: [_jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx("p", { className: "font-normal w-9 text-primary m-0 solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(fileDetails[0]); }, children: fileDetails[0].name }), _jsxs("div", { className: "flex align-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("".concat(fileDetails[0].name, "-").concat(fileDetails[0].size), fileDetails[0].id); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: "flex align-items-center gap-2 text-sm", children: formatFileSize(fileDetails[0].size) })] })] }) }), fileDetails.length > 1 &&
-                _jsxs("div", { className: "flex align-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 &&
+                _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("".concat(fileDetails[0].name, "-").concat(fileDetails[0].size), fileDetails[0].id); }, 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 &&
+                _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 = "".concat(file.name, "-").concat(file.size);
-                                return (_jsx("div", { className: "solid-file-upload-wrapper", children: _jsxs("div", { className: "flex align-items-center md:gap-2", children: [_jsx(FileReaderExt, { fileDetails: file }), _jsxs("div", { className: "w-full flex flex-column gap-1", children: [_jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx("p", { className: "font-normal w-11 text-primary m-0 solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(file); }, children: file.name }), _jsxs("div", { className: "flex align-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, file === null || file === void 0 ? void 0 : file.id); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: "flex align-items-center gap-2 text-sm", children: formatFileSize(file.size) })] })] }) }, fileId));
+                                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, file === null || file === void 0 ? void 0 : file.id); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: "flex items-center gap-2 text-sm", 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) {
@@ -348,7 +348,7 @@ export var DefaultMediaMultipleFormViewWidget = function (_a) {
     var _f = useState(false), isShowAllFiles = _f[0], setShowAllFiles = _f[1];
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
+    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field w-full px-2 pt-2';
     var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
     var showFieldLabel = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.showLabel;
     // useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, "false") }, [])
@@ -420,17 +420,17 @@ export var DefaultMediaMultipleFormViewWidget = function (_a) {
     };
     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 &&
-                _jsx("div", { className: "solid-file-view-wrapper", children: _jsxs("div", { className: "flex align-items-center md:gap-2", children: [_jsx(FileReaderExt, { fileDetails: fileDetails[0] }), _jsxs("div", { className: "w-full flex flex-column gap-1", children: [_jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx("p", { className: "font-normal w-11 text-primary m-0 solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(fileDetails[0]); }, children: fileDetails[0].name }), _jsx("div", { className: "flex align-items-center md:gap-2", children: _jsx("div", { children: _jsx(SolidButton, { type: "button", variant: "ghost", icon: "si si-download", size: "sm", style: {
+                _jsx("div", { className: "solid-file-view-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-11 font-normal text-[var(--primary-color)] solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(fileDetails[0]); }, children: fileDetails[0].name }), _jsx("div", { className: "flex items-center md:gap-2", children: _jsx("div", { children: _jsx(SolidButton, { type: "button", variant: "ghost", icon: "si si-download", size: "sm", style: {
                                                             height: 16,
                                                             width: 16
-                                                        }, 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); } }) }) })] }), _jsx("div", { className: "flex align-items-center gap-2 text-sm", children: formatFileSize(fileDetails[0].size) })] })] }) }), fileDetails.length > 1 &&
-                _jsxs("div", { className: "flex align-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 &&
+                                                        }, 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); } }) }) })] }), _jsx("div", { className: "flex items-center gap-2 text-sm", 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 = "".concat(file.name, "-").concat(file.size);
-                                return (_jsx("div", { className: "solid-file-view-wrapper", children: _jsxs("div", { className: "flex align-items-center md:gap-2", children: [_jsx(FileReaderExt, { fileDetails: file }), _jsxs("div", { className: "w-full flex flex-column gap-1", children: [_jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx("p", { className: "font-normal w-11 solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(file); }, children: file.name }), _jsx("div", { className: "flex align-items-center md:gap-2", children: _jsx("div", { children: _jsx(SolidButton, { type: "button", variant: "ghost", icon: "si si-download", size: "sm", style: {
+                                return (_jsx("div", { className: "solid-file-view-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: "font-normal w-11 solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(file); }, children: file.name }), _jsx("div", { className: "flex items-center md:gap-2", children: _jsx("div", { children: _jsx(SolidButton, { type: "button", variant: "ghost", icon: "si si-download", size: "sm", style: {
                                                                             height: 16,
                                                                             width: 16
-                                                                        }, onClick: function () { return downloadMediaFile(file === null || file === void 0 ? void 0 : file.fileUrl, file === null || file === void 0 ? void 0 : file.name); } }) }) })] }), _jsx("div", { className: "flex align-items-center gap-2 text-sm", children: formatFileSize(file.size) })] })] }) }, fileId));
+                                                                        }, onClick: function () { return downloadMediaFile(file === null || file === void 0 ? void 0 : file.fileUrl, file === null || file === void 0 ? void 0 : file.name); } }) }) })] }), _jsx("div", { className: "flex items-center gap-2 text-sm", children: formatFileSize(file.size) })] })] }) }, fileId));
                             }) })] })] }));
 };
 //# sourceMappingURL=SolidMediaMultipleField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidMediaMultipleField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { DropzonePlaceholder } from \"../../../../components/common/DropzonePlaceholder\";\nimport { DropzoneUpload } from \"../../../../components/common/DropzoneUpload\";\nimport { useDeleteMediaMutation } from \"../../../../redux/api/mediaApi\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n} from \"../../../shad-cn-ui/SolidDialog\";\nimport { SolidMessage } from \"../../../shad-cn-ui/SolidMessage\";\nimport { SolidProgressBar } from \"../../../shad-cn-ui/SolidProgressBar\";\nimport { useEffect, useState } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { FileReaderExt } from \"../../../../components/common/FileReaderExt\";\nimport getAcceptedFileTypes from \"../../../../helpers/getAcceptedFileTypes\";\nimport { downloadMediaFile } from \"../../../../helpers/downloadMediaFile\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps, SolidMediaFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport styles from \"./solidFields.module.css\";\nimport { SolidIcon } from \"../../../shad-cn-ui\";\nexport class SolidMediaMultipleField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n    private setLightboxUrls?: (urls: { src: string; downloadUrl: string }[]) => void;\n    private setOpenLightbox?: (open: boolean) => void;\n    constructor(fieldContext: SolidFieldProps, setLightboxUrls?: (urls: { src: string; downloadUrl: string }[]) => void,\n        setOpenLightbox?: (open: boolean) => void) {\n        this.fieldContext = fieldContext;\n        this.setLightboxUrls = setLightboxUrls;\n        this.setOpenLightbox = setOpenLightbox;\n    }\n\n    updateFormData(value: any, formData: FormData): any {\n        const fieldLayoutInfo = this.fieldContext.field;\n        // @ts-ignore\n        for (let i = 0; i < value.length; i++) {\n            // @ts-ignore\n            const file = value[i];\n            if (file instanceof File) {\n                formData.append(fieldLayoutInfo.attrs.name, file);\n            }\n        }\n    }\n\n    initialValue(): any {\n        const mediaUrls = this.fieldContext.data && this.fieldContext.data._media && this.fieldContext.data._media[this.fieldContext.field.attrs.name].map((i: any) => i)\n        return mediaUrls;\n    }\n\n    validationSchema(): Yup.Schema {\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.label ?? fieldMetadata.displayName;\n\n        let schema: Yup.ArraySchema<any, any, any, any>;  // Correctly specifying type arguments for ArraySchema\n        if (fieldMetadata.required) {\n            // For required fields: disallow null, undefined, and empty arrays\n            schema = Yup.array()\n                .of(\n                    Yup.mixed<File | object>()\n                        .required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                        .test(\n                            ERROR_MESSAGES.FILE_OBJECT,\n                            ERROR_MESSAGES.MUST_BE_FILE_OBJECT(fieldLabel),\n                            (value) =>\n                                value instanceof File || typeof value === \"object\" // Validate File or object\n                        )\n                )\n                .min(1, ERROR_MESSAGES.FIELD_MUST_HAVE_ITEM(fieldLabel)); // Ensure array has at least one item\n        } else {\n            // For optional fields: allow null, undefined, or an empty array\n            schema = Yup.array()\n                .of(\n                    Yup.mixed<File | object>()\n                        .nullable() // Allow null explicitly\n                        .test(\n                            ERROR_MESSAGES.FILE_OBJECT,\n                            ERROR_MESSAGES.MUST_BE_FILE_OBJECT(fieldLabel),\n                            (value) =>\n                                value === null || // Allow null\n                                value === undefined || // Allow undefined\n                                value instanceof File || // Allow File\n                                typeof value === \"object\" // Allow object\n                        )\n                )\n                .nullable() // Allow null array explicitly\n                .test(\n                    ERROR_MESSAGES.EMPTY_VALID_ARRAY,\n                    ERROR_MESSAGES.CONTAIN_EMPTY_ARRAY_OR_FILE_OBECT(fieldLabel),\n                    (value) => value === null || value === undefined || Array.isArray(value)\n                );\n        }\n\n\n        return schema;\n    }\n\n    render(formik: FormikObject) {\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultMediaMultipleFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultMediaMultipleFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n\n\n        return (\n            <>\n                <div className={className}>\n                    {viewMode === \"view\" &&\n                        this.renderExtensionRenderMode(viewWidget, formik)\n                    }\n                    {viewMode === \"edit\" &&\n                        <>\n                            {editWidget &&\n                                this.renderExtensionRenderMode(editWidget, formik)\n                            }\n                        </>\n                    }\n                </div>\n            </>\n        );\n    }\n\n    renderExtensionRenderMode(widget: string, formik: FormikObject) {\n        let DynamicWidget = getExtensionComponent(widget);\n        const widgetProps: SolidMediaFormFieldWidgetProps = {\n            formik: formik,\n            fieldContext: this.fieldContext,\n            setLightboxUrls: this.setLightboxUrls,\n            setOpenLightbox: this.setOpenLightbox\n        }\n        return (\n            <>\n                {DynamicWidget && <DynamicWidget {...widgetProps} />}\n            </>\n        )\n    }\n}\n\n\nexport const DefaultMediaMultipleFormEditWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const viewMode: string = fieldContext.viewMode;\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly ? fieldContext.readOnly : fieldLayoutInfo.attrs.readonly;\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n    const isFieldDisabled = formDisabled || fieldDisabled;\n    const isFieldReadonly = formReadonly || fieldReadonly || readOnlyPermission;\n\n    const [isDeleteImageDialogVisible, setDeleteImageDialogVisible] = useState(false);\n    const [imageToBeDeletedData, setImageToBeDeletedData] = useState<any>();\n    const [fileDetails, setFileDetails] = useState<{ name: string; type: string; size: number, id: number, fileUrl: string }[]>([]);\n    const [selectedFileId, setSelectedFileId] = useState<string | null>(null);\n    const [fileSizeError, setFileSizeError] = useState<string | null>(null);\n\n    const formatFileSize = (size: number) => {\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n    const [\n        deleteMedia,\n        { isLoading: isMediaDeleted, isSuccess: isDeleteMediaSuceess, isError: isMediaDeleteError, error: mediaDeleteError, data: DeletedMedia },\n    ] = useDeleteMediaMutation();\n    useEffect(() => {\n        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];\n\n        if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n            const urls: string[] = [];\n            const details: { name: string; type: string; size: number, id: any, fileUrl: string }[] = [];\n            const objectUrls: string[] = [];\n            fieldValue.forEach((file: File | any) => {\n                if (file instanceof File) {\n                    // New file (from local upload)\n                    const fileUrl = URL.createObjectURL(file);\n                    objectUrls.push(fileUrl); // Store URL for cleanup\n                    urls.push(fileUrl);\n\n                    details.push({\n                        name: file.name,\n                        type: file.type,\n                        size: file.size,\n                        id: `${file.name}-${file.size}`,\n                        fileUrl: fileUrl // ✅ Store the generated object URL\n                    });\n                } else if (typeof file === \"object\" && file._full_url) {\n                    urls.push(file._full_url);\n                    details.push({\n                        name: file.originalFileName,\n                        type: file.mimeType,\n                        size: file.fileSize,\n                        id: file.id,\n                        fileUrl: file._full_url\n                    });\n                }\n            });\n            setFileDetails(details);\n        }\n    }, [formik.values, fieldLayoutInfo.attrs.name]);\n\n    const handleDropImages = (acceptedFiles: any[]) => {\n        if (!acceptedFiles.length) return;\n        setFileSizeError(null);\n        const newFileDetails = [...fileDetails];\n        acceptedFiles.forEach((file) => {\n            newFileDetails.push({ name: file.name, type: file.type, size: file.size, id: file.id, fileUrl: file._full_url });\n            const reader = new FileReader();\n            reader.readAsDataURL(file);\n        });\n\n        setFileDetails(newFileDetails);\n\n        fieldContext.onChange(\n            {\n                target: {\n                    name: fieldLayoutInfo.attrs.name,\n                    value: acceptedFiles,\n                    type: \"text\",\n                },\n            } as any,\n            \"onFieldChange\"\n        );\n    };\n\n    const confirmDeleteFile = (fileId: any, deleteId: number) => {\n        setSelectedFileId(fileId);\n        setDeleteImageDialogVisible(true);\n        setImageToBeDeletedData(deleteId)\n    };\n\n    const deleteFile = () => {\n        if (selectedFileId && imageToBeDeletedData) {\n            // Remove file from UI before making API call\n            setFileDetails((prev) => prev.filter((file) => `${file.name}-${file.size}` !== selectedFileId));\n\n            deleteMedia(imageToBeDeletedData)\n                .unwrap()\n                .then(() => {\n                    // Update form state\n                    const nextValue = fileDetails.filter((file) => `${file.name}-${file.size}` !== selectedFileId);\n                    fieldContext.onChange(\n                        {\n                            target: {\n                                name: fieldLayoutInfo.attrs.name,\n                                value: nextValue,\n                                type: \"text\",\n                            },\n                        } as any,\n                        \"onFieldChange\"\n                    );\n                })\n                .catch((error) => {\n                    console.error(ERROR_MESSAGES.ERROR_DELETING_FILE, error);\n                });\n\n            setDeleteImageDialogVisible(false);\n            setShowAllFiles(false);\n            setSelectedFileId(null);\n        }\n    };\n\n    const {\n        getRootProps,\n        getInputProps,\n        isDragActive,\n    } = useDropzone({\n        onDrop: handleDropImages,\n        onDropRejected: (fileRejections) => {\n            const rejection = fileRejections[0];\n            const sizeError = rejection.errors.find(err => err.code === 'file-too-large');\n            if (sizeError) {\n                setFileSizeError(ERROR_MESSAGES.FILE_TOO_LAREG(fieldMetadata.mediaMaxSizeKb));\n                ERROR_MESSAGES.FILE_TOO_LAREG(fieldMetadata.mediaMaxSizeKb)\n            } else {\n                setFileSizeError(rejection.errors[0]?.message || ERROR_MESSAGES.FILE_NOT_ACCEPT);\n            }\n        },\n        accept: getAcceptedFileTypes(fieldMetadata.mediaTypes),\n        maxSize: fieldMetadata.mediaMaxSizeKb * 1024,\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n    let DynamicWidget = getExtensionComponent(\"SolidFormFieldViewMediaMultipleWidget\");\n    const widgetProps = {\n        formik: formik,\n        fieldContext: fieldContext,\n        setLightboxUrls: setLightboxUrls,\n        setOpenLightbox: setOpenLightbox\n    }\n\n    const handleFileView = (url: any) => {\n        const downloadOnlyExt = [\n            \"txt\", \"zip\", \"rar\",\n            \"doc\", \"docx\",\n            \"xls\", \"xlsx\",\n            \"ppt\", \"pptx\"\n        ];\n\n        const fileUrl = url?.fileUrl || \"\";\n        const cleanUrl = fileUrl.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            const link = document.createElement('a');\n            link.href = url.fileUrl;\n            link.download = ''; // or specify a file name like 'file.pdf'\n            link.target = '_blank';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n\n        } else {\n            setLightboxUrls?.([\n                { src: url.fileUrl, downloadUrl: url.fileUrl },\n            ]);\n            setOpenLightbox?.(true);\n        }\n    }\n\n\n    return (\n        <div style={readOnlyPermission === true ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}}>\n            <div className={`${styles.fieldWrapper} relative`}>\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                        {/* &nbsp;   {fieldDescription && <span className=\"form_field_help\">({fieldDescription}) </span>} */}\n                    </label>\n                }\n                <div className=\"relative\">\n                    <div\n                        {...getRootProps()}\n                        className=\"solid-dropzone-wrapper\"\n                    >\n                        <input {...getInputProps()} />\n                        <DropzonePlaceholder\n                            mediaTypes={fieldMetadata.mediaTypes}\n                            mediaMaxSizeKb={fieldMetadata.mediaMaxSizeKb}\n                        />\n                    </div>\n                    {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                        <div className=\"absolute mt-1\">\n                            <SolidMessage severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                        </div>\n                    )}\n                </div>\n                {\n                    fileSizeError &&\n                    <SolidMessage severity=\"error\" text={fileSizeError?.toString()} />\n                }\n            </div>\n            {fileDetails.length > 0 &&\n                <div className=\"solid-file-upload-wrapper\">\n                    <div className=\"flex align-items-center md:gap-2\">\n                        <FileReaderExt fileDetails={fileDetails[0]} />\n                        <div className=\"w-full flex flex-column gap-1\">\n                                <div className=\"flex align-items-center justify-content-between\">\n                                    <p className=\"font-normal w-9 text-primary m-0 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>\n                                    <div className=\"flex align-items-center gap-2\">\n                                        <button\n                                            type=\"button\"\n                                            className=\"solid-file-icon-btn\"\n                                            disabled={isFieldDisabled || isFieldReadonly}\n                                            aria-label=\"Download file\"\n                                            onClick={() => downloadMediaFile(fileDetails[0]?.fileUrl, fileDetails[0]?.name)}\n                                        >\n                                            <SolidIcon name=\"si-download\" aria-hidden />\n                                        </button>\n                                        <button\n                                            type=\"button\"\n                                            className=\"solid-file-icon-btn is-danger\"\n                                            disabled={isFieldDisabled || isFieldReadonly}\n                                            aria-label=\"Remove file\"\n                                            onClick={() => confirmDeleteFile(`${fileDetails[0].name}-${fileDetails[0].size}`, fileDetails[0].id)}\n                                        >\n                                            <SolidIcon name=\"si-times\" aria-hidden />\n                                        </button>\n                                    </div>\n                                </div>\n                            <div className=\"flex align-items-center gap-2 text-sm\">\n                                {formatFileSize(fileDetails[0].size)}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            {fileDetails.length > 1 &&\n                <div className=\"flex align-items-center mt-1\">\n                    <p className=\"m-0\">\n                        {fileDetails.length - 1} items\n                    </p>\n                    <div>\n                        <SolidButton type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setShowAllFiles(true)}>\n                            View\n                        </SolidButton>\n                    </div>\n                </div>\n            }\n\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                style={{ minWidth: 450 }}\n            >\n                <SolidDialogHeader>\n                    <SolidDialogTitle>Items Uploaded</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogBody>\n                {fileDetails.length > 1 &&\n                    fileDetails.map((file, index) => {\n                        const fileId = `${file.name}-${file.size}`;\n                        return (\n                            <div key={fileId} className=\"solid-file-upload-wrapper\">\n                                <div className=\"flex align-items-center md:gap-2\">\n                                    <FileReaderExt fileDetails={file} />\n                                    <div className=\"w-full flex flex-column gap-1\">\n                                        <div className=\"flex align-items-center justify-content-between\">\n                                            <p className=\"font-normal w-11 text-primary m-0 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(file)}>{file.name}</p>\n                                            <div className=\"flex align-items-center gap-2\">\n                                                <button\n                                                    type=\"button\"\n                                                    className=\"solid-file-icon-btn\"\n                                                    disabled={isFieldDisabled || isFieldReadonly}\n                                                    aria-label=\"Download file\"\n                                                    onClick={() => downloadMediaFile(file?.fileUrl, file?.name)}\n                                                >\n                                                    <SolidIcon name=\"si-download\" aria-hidden />\n                                                </button>\n                                                <button\n                                                    type=\"button\"\n                                                    className=\"solid-file-icon-btn is-danger\"\n                                                    disabled={isFieldDisabled || isFieldReadonly}\n                                                    aria-label=\"Remove file\"\n                                                    onClick={() => confirmDeleteFile(fileId, file?.id)}\n                                                >\n                                                    <SolidIcon name=\"si-times\" aria-hidden />\n                                                </button>\n                                            </div>\n                                        </div>\n                                        <div className=\"flex align-items-center gap-2 text-sm\">\n                                            {formatFileSize(file.size)}\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        );\n                    })\n                }\n                </SolidDialogBody>\n            </SolidDialog>\n            <SolidDialog\n                open={isDeleteImageDialogVisible}\n                onOpenChange={setDeleteImageDialogVisible}\n                className=\"solid-shadcn-confirm-dialog\"\n            >\n                <SolidDialogHeader className=\"solid-shadcn-dialog-head\">\n                    <SolidDialogTitle>Confirm Delete</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogSeparator className=\"solid-shadcn-dialog-sep\" />\n                <SolidDialogBody className=\"solid-shadcn-dialog-body\">\n                    <p className=\"solid-shadcn-dialog-text\">Are you sure you want to delete this file?</p>\n                </SolidDialogBody>\n                <SolidDialogFooter className=\"solid-shadcn-dialog-actions\">\n                    <SolidButton variant=\"destructive\" size=\"sm\" autoFocus onClick={deleteFile}>\n                        Delete\n                    </SolidButton>\n                    <SolidButton variant=\"outline\" size=\"sm\" onClick={() => setDeleteImageDialogVisible(false)}>\n                        Cancel\n                    </SolidButton>\n                </SolidDialogFooter>\n            </SolidDialog>\n        </div>\n    );\n}\n\nexport const DefaultMediaMultipleFormViewWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaFormFieldWidgetProps) => {\n    const [fileDetails, setFileDetails] = useState<{ name: string; type: string; size: number, id: number, fileUrl: string }[]>([]);\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n\n    // useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, \"false\") }, [])\n\n    const formatFileSize = (size: number) => {\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n\n    useEffect(() => {\n        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];\n\n        if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n            const urls: string[] = [];\n            const details: { name: string; type: string; size: number, id: any, fileUrl: string }[] = [];\n            const objectUrls: string[] = [];\n            fieldValue.forEach((file: File | any) => {\n                if (file instanceof File) {\n                    // New file (from local upload)\n                    const fileUrl = URL.createObjectURL(file);\n                    objectUrls.push(fileUrl); // Store URL for cleanup\n                    urls.push(fileUrl);\n\n                    details.push({\n                        name: file.name,\n                        type: file.type,\n                        size: file.size,\n                        id: `${file.name}-${file.size}`,\n                        fileUrl: fileUrl // ✅ Store the generated object URL\n                    });\n                } else if (typeof file === \"object\" && file._full_url) {\n                    urls.push(file._full_url);\n                    details.push({\n                        name: file.originalFileName,\n                        type: file.mimeType,\n                        size: file.fileSize,\n                        id: file.id,\n                        fileUrl: file._full_url\n                    });\n                }\n            });\n            setFileDetails(details);\n        }\n    }, [formik.values, fieldLayoutInfo.attrs.name]);\n\n    const handleFileView = (url: any) => {\n        const downloadOnlyExt = [\n            \"txt\", \"zip\", \"rar\",\n            \"doc\", \"docx\",\n            \"xls\", \"xlsx\",\n            \"ppt\", \"pptx\"\n        ];\n\n        const fileUrl = url?.fileUrl || \"\";\n        const cleanUrl = fileUrl.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            const link = document.createElement('a');\n            link.href = url.fileUrl;\n            link.download = ''; // or specify a file name like 'file.pdf'\n            link.target = '_blank';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n\n        } else {\n            setLightboxUrls?.([\n                { src: url.fileUrl, downloadUrl: url.fileUrl },\n            ]);\n            setOpenLightbox?.(true);\n        }\n    }\n\n    return (\n        <div className={styles.fieldViewWrapper}>\n            {showFieldLabel != false &&\n                <p className={`${styles.fieldViewLabel} form-field-label`}>\n                    {fieldLabel}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </p>\n            }\n            {fileDetails.length > 0 &&\n                <div className=\"solid-file-view-wrapper\">\n                    <div className=\"flex align-items-center md:gap-2\">\n                        <FileReaderExt fileDetails={fileDetails[0]} />\n                        <div className=\"w-full flex flex-column gap-1\">\n                            <div className=\"flex align-items-center justify-content-between\">\n                                <p className=\"font-normal w-11 text-primary m-0 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>\n                                <div className=\"flex align-items-center md:gap-2\">\n                    <div>\n                        <SolidButton\n                            type=\"button\"\n                            variant=\"ghost\"\n                            icon=\"si si-download\"\n                            size=\"sm\"\n                            style={{\n                                height: 16,\n                                width: 16\n                            }}\n                            onClick={() => downloadMediaFile(fileDetails[0]?.fileUrl, fileDetails[0]?.name)}\n                                        />\n                                    </div>\n                                </div>\n                            </div>\n                            <div className=\"flex align-items-center gap-2 text-sm\">\n                                {formatFileSize(fileDetails[0].size)}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            {fileDetails.length > 1 &&\n                <div className=\"flex align-items-center mt-1\">\n                    <p className=\"m-0\">\n                        {fileDetails.length - 1} items\n                    </p>\n                    <div>\n                        <SolidButton type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setShowAllFiles(true)}>\n                            View\n                        </SolidButton>\n                    </div>\n                </div>\n            }\n\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                style={{ minWidth: 450 }}\n            >\n                <SolidDialogHeader>\n                    <SolidDialogTitle>Items Uploaded</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogBody>\n                {fileDetails.length > 1 &&\n                    fileDetails.map((file, index) => {\n                        const fileId = `${file.name}-${file.size}`;\n                        return (\n                            <div key={fileId} className=\"solid-file-view-wrapper\">\n                                <div className=\"flex align-items-center md:gap-2\">\n                                    <FileReaderExt fileDetails={file} />\n                                    <div className=\"w-full flex flex-column gap-1\">\n                                        <div className=\"flex align-items-center justify-content-between\">\n                                            <p className=\"font-normal w-11 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(file)}>{file.name}</p>\n                                            <div className=\"flex align-items-center md:gap-2\">\n                                                <div>\n                                                    <SolidButton\n                                                        type=\"button\"\n                                                        variant=\"ghost\"\n                                                        icon=\"si si-download\"\n                                                        size=\"sm\"\n                                                        style={{\n                                                            height: 16,\n                                                            width: 16\n                                                        }}\n                                                        onClick={() => downloadMediaFile(file?.fileUrl, file?.name)}\n                                                    />\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"flex align-items-center gap-2 text-sm\">\n                                            {formatFileSize(file.size)}\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        );\n                    })\n                }\n                </SolidDialogBody>\n            </SolidDialog>\n\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"SolidMediaMultipleField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidMediaMultipleField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { DropzonePlaceholder } from \"../../../../components/common/DropzonePlaceholder\";\nimport { DropzoneUpload } from \"../../../../components/common/DropzoneUpload\";\nimport { useDeleteMediaMutation } from \"../../../../redux/api/mediaApi\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n} from \"../../../shad-cn-ui/SolidDialog\";\nimport { SolidMessage } from \"../../../shad-cn-ui/SolidMessage\";\nimport { SolidProgressBar } from \"../../../shad-cn-ui/SolidProgressBar\";\nimport { useEffect, useState } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { FileReaderExt } from \"../../../../components/common/FileReaderExt\";\nimport getAcceptedFileTypes from \"../../../../helpers/getAcceptedFileTypes\";\nimport { downloadMediaFile } from \"../../../../helpers/downloadMediaFile\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps, SolidMediaFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport styles from \"./solidFields.module.css\";\nimport { SolidIcon } from \"../../../shad-cn-ui\";\nexport class SolidMediaMultipleField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n    private setLightboxUrls?: (urls: { src: string; downloadUrl: string }[]) => void;\n    private setOpenLightbox?: (open: boolean) => void;\n    constructor(fieldContext: SolidFieldProps, setLightboxUrls?: (urls: { src: string; downloadUrl: string }[]) => void,\n        setOpenLightbox?: (open: boolean) => void) {\n        this.fieldContext = fieldContext;\n        this.setLightboxUrls = setLightboxUrls;\n        this.setOpenLightbox = setOpenLightbox;\n    }\n\n    updateFormData(value: any, formData: FormData): any {\n        const fieldLayoutInfo = this.fieldContext.field;\n        // @ts-ignore\n        for (let i = 0; i < value.length; i++) {\n            // @ts-ignore\n            const file = value[i];\n            if (file instanceof File) {\n                formData.append(fieldLayoutInfo.attrs.name, file);\n            }\n        }\n    }\n\n    initialValue(): any {\n        const mediaUrls = this.fieldContext.data && this.fieldContext.data._media && this.fieldContext.data._media[this.fieldContext.field.attrs.name].map((i: any) => i)\n        return mediaUrls;\n    }\n\n    validationSchema(): Yup.Schema {\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.label ?? fieldMetadata.displayName;\n\n        let schema: Yup.ArraySchema<any, any, any, any>;  // Correctly specifying type arguments for ArraySchema\n        if (fieldMetadata.required) {\n            // For required fields: disallow null, undefined, and empty arrays\n            schema = Yup.array()\n                .of(\n                    Yup.mixed<File | object>()\n                        .required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                        .test(\n                            ERROR_MESSAGES.FILE_OBJECT,\n                            ERROR_MESSAGES.MUST_BE_FILE_OBJECT(fieldLabel),\n                            (value) =>\n                                value instanceof File || typeof value === \"object\" // Validate File or object\n                        )\n                )\n                .min(1, ERROR_MESSAGES.FIELD_MUST_HAVE_ITEM(fieldLabel)); // Ensure array has at least one item\n        } else {\n            // For optional fields: allow null, undefined, or an empty array\n            schema = Yup.array()\n                .of(\n                    Yup.mixed<File | object>()\n                        .nullable() // Allow null explicitly\n                        .test(\n                            ERROR_MESSAGES.FILE_OBJECT,\n                            ERROR_MESSAGES.MUST_BE_FILE_OBJECT(fieldLabel),\n                            (value) =>\n                                value === null || // Allow null\n                                value === undefined || // Allow undefined\n                                value instanceof File || // Allow File\n                                typeof value === \"object\" // Allow object\n                        )\n                )\n                .nullable() // Allow null array explicitly\n                .test(\n                    ERROR_MESSAGES.EMPTY_VALID_ARRAY,\n                    ERROR_MESSAGES.CONTAIN_EMPTY_ARRAY_OR_FILE_OBECT(fieldLabel),\n                    (value) => value === null || value === undefined || Array.isArray(value)\n                );\n        }\n\n\n        return schema;\n    }\n\n    render(formik: FormikObject) {\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n        const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultMediaMultipleFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultMediaMultipleFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n\n\n        return (\n            <>\n                <div className={className}>\n                    {viewMode === \"view\" &&\n                        this.renderExtensionRenderMode(viewWidget, formik)\n                    }\n                    {viewMode === \"edit\" &&\n                        <>\n                            {editWidget &&\n                                this.renderExtensionRenderMode(editWidget, formik)\n                            }\n                        </>\n                    }\n                </div>\n            </>\n        );\n    }\n\n    renderExtensionRenderMode(widget: string, formik: FormikObject) {\n        let DynamicWidget = getExtensionComponent(widget);\n        const widgetProps: SolidMediaFormFieldWidgetProps = {\n            formik: formik,\n            fieldContext: this.fieldContext,\n            setLightboxUrls: this.setLightboxUrls,\n            setOpenLightbox: this.setOpenLightbox\n        }\n        return (\n            <>\n                {DynamicWidget && <DynamicWidget {...widgetProps} />}\n            </>\n        )\n    }\n}\n\n\nexport const DefaultMediaMultipleFormEditWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const viewMode: string = fieldContext.viewMode;\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly ? fieldContext.readOnly : fieldLayoutInfo.attrs.readonly;\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n    const isFieldDisabled = formDisabled || fieldDisabled;\n    const isFieldReadonly = formReadonly || fieldReadonly || readOnlyPermission;\n\n    const [isDeleteImageDialogVisible, setDeleteImageDialogVisible] = useState(false);\n    const [imageToBeDeletedData, setImageToBeDeletedData] = useState<any>();\n    const [fileDetails, setFileDetails] = useState<{ name: string; type: string; size: number, id: number, fileUrl: string }[]>([]);\n    const [selectedFileId, setSelectedFileId] = useState<string | null>(null);\n    const [fileSizeError, setFileSizeError] = useState<string | null>(null);\n\n    const formatFileSize = (size: number) => {\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n    const [\n        deleteMedia,\n        { isLoading: isMediaDeleted, isSuccess: isDeleteMediaSuceess, isError: isMediaDeleteError, error: mediaDeleteError, data: DeletedMedia },\n    ] = useDeleteMediaMutation();\n    useEffect(() => {\n        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];\n\n        if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n            const urls: string[] = [];\n            const details: { name: string; type: string; size: number, id: any, fileUrl: string }[] = [];\n            const objectUrls: string[] = [];\n            fieldValue.forEach((file: File | any) => {\n                if (file instanceof File) {\n                    // New file (from local upload)\n                    const fileUrl = URL.createObjectURL(file);\n                    objectUrls.push(fileUrl); // Store URL for cleanup\n                    urls.push(fileUrl);\n\n                    details.push({\n                        name: file.name,\n                        type: file.type,\n                        size: file.size,\n                        id: `${file.name}-${file.size}`,\n                        fileUrl: fileUrl // ✅ Store the generated object URL\n                    });\n                } else if (typeof file === \"object\" && file._full_url) {\n                    urls.push(file._full_url);\n                    details.push({\n                        name: file.originalFileName,\n                        type: file.mimeType,\n                        size: file.fileSize,\n                        id: file.id,\n                        fileUrl: file._full_url\n                    });\n                }\n            });\n            setFileDetails(details);\n        }\n    }, [formik.values, fieldLayoutInfo.attrs.name]);\n\n    const handleDropImages = (acceptedFiles: any[]) => {\n        if (!acceptedFiles.length) return;\n        setFileSizeError(null);\n        const newFileDetails = [...fileDetails];\n        acceptedFiles.forEach((file) => {\n            newFileDetails.push({ name: file.name, type: file.type, size: file.size, id: file.id, fileUrl: file._full_url });\n            const reader = new FileReader();\n            reader.readAsDataURL(file);\n        });\n\n        setFileDetails(newFileDetails);\n\n        fieldContext.onChange(\n            {\n                target: {\n                    name: fieldLayoutInfo.attrs.name,\n                    value: acceptedFiles,\n                    type: \"text\",\n                },\n            } as any,\n            \"onFieldChange\"\n        );\n    };\n\n    const confirmDeleteFile = (fileId: any, deleteId: number) => {\n        setSelectedFileId(fileId);\n        setDeleteImageDialogVisible(true);\n        setImageToBeDeletedData(deleteId)\n    };\n\n    const deleteFile = () => {\n        if (selectedFileId && imageToBeDeletedData) {\n            // Remove file from UI before making API call\n            setFileDetails((prev) => prev.filter((file) => `${file.name}-${file.size}` !== selectedFileId));\n\n            deleteMedia(imageToBeDeletedData)\n                .unwrap()\n                .then(() => {\n                    // Update form state\n                    const nextValue = fileDetails.filter((file) => `${file.name}-${file.size}` !== selectedFileId);\n                    fieldContext.onChange(\n                        {\n                            target: {\n                                name: fieldLayoutInfo.attrs.name,\n                                value: nextValue,\n                                type: \"text\",\n                            },\n                        } as any,\n                        \"onFieldChange\"\n                    );\n                })\n                .catch((error) => {\n                    console.error(ERROR_MESSAGES.ERROR_DELETING_FILE, error);\n                });\n\n            setDeleteImageDialogVisible(false);\n            setShowAllFiles(false);\n            setSelectedFileId(null);\n        }\n    };\n\n    const {\n        getRootProps,\n        getInputProps,\n        isDragActive,\n    } = useDropzone({\n        onDrop: handleDropImages,\n        onDropRejected: (fileRejections) => {\n            const rejection = fileRejections[0];\n            const sizeError = rejection.errors.find(err => err.code === 'file-too-large');\n            if (sizeError) {\n                setFileSizeError(ERROR_MESSAGES.FILE_TOO_LAREG(fieldMetadata.mediaMaxSizeKb));\n                ERROR_MESSAGES.FILE_TOO_LAREG(fieldMetadata.mediaMaxSizeKb)\n            } else {\n                setFileSizeError(rejection.errors[0]?.message || ERROR_MESSAGES.FILE_NOT_ACCEPT);\n            }\n        },\n        accept: getAcceptedFileTypes(fieldMetadata.mediaTypes),\n        maxSize: fieldMetadata.mediaMaxSizeKb * 1024,\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n    let DynamicWidget = getExtensionComponent(\"SolidFormFieldViewMediaMultipleWidget\");\n    const widgetProps = {\n        formik: formik,\n        fieldContext: fieldContext,\n        setLightboxUrls: setLightboxUrls,\n        setOpenLightbox: setOpenLightbox\n    }\n\n    const handleFileView = (url: any) => {\n        const downloadOnlyExt = [\n            \"txt\", \"zip\", \"rar\",\n            \"doc\", \"docx\",\n            \"xls\", \"xlsx\",\n            \"ppt\", \"pptx\"\n        ];\n\n        const fileUrl = url?.fileUrl || \"\";\n        const cleanUrl = fileUrl.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            const link = document.createElement('a');\n            link.href = url.fileUrl;\n            link.download = ''; // or specify a file name like 'file.pdf'\n            link.target = '_blank';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n\n        } else {\n            setLightboxUrls?.([\n                { src: url.fileUrl, downloadUrl: url.fileUrl },\n            ]);\n            setOpenLightbox?.(true);\n        }\n    }\n\n\n    return (\n        <div style={readOnlyPermission === true ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}}>\n            <div className={`${styles.fieldWrapper} relative`}>\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                        {/* &nbsp;   {fieldDescription && <span className=\"form_field_help\">({fieldDescription}) </span>} */}\n                    </label>\n                }\n                <div className=\"relative\">\n                    <div\n                        {...getRootProps()}\n                        className=\"solid-dropzone-wrapper\"\n                    >\n                        <input {...getInputProps()} />\n                        <DropzonePlaceholder\n                            mediaTypes={fieldMetadata.mediaTypes}\n                            mediaMaxSizeKb={fieldMetadata.mediaMaxSizeKb}\n                        />\n                    </div>\n                    {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                        <div className=\"absolute mt-1\">\n                            <SolidMessage severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                        </div>\n                    )}\n                </div>\n                {\n                    fileSizeError &&\n                    <SolidMessage severity=\"error\" text={fileSizeError?.toString()} />\n                }\n            </div>\n            {fileDetails.length > 0 &&\n                <div className=\"solid-file-upload-wrapper\">\n                    <div className=\"flex items-center md:gap-2\">\n                        <FileReaderExt fileDetails={fileDetails[0]} />\n                        <div className=\"w-full flex flex-col gap-1\">\n                                <div className=\"flex items-center justify-between\">\n                                    <p className=\"m-0 w-9 font-normal text-[var(--primary-color)] solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>\n                                    <div className=\"flex items-center gap-2\">\n                                        <button\n                                            type=\"button\"\n                                            className=\"solid-file-icon-btn\"\n                                            disabled={isFieldDisabled || isFieldReadonly}\n                                            aria-label=\"Download file\"\n                                            onClick={() => downloadMediaFile(fileDetails[0]?.fileUrl, fileDetails[0]?.name)}\n                                        >\n                                            <SolidIcon name=\"si-download\" aria-hidden />\n                                        </button>\n                                        <button\n                                            type=\"button\"\n                                            className=\"solid-file-icon-btn is-danger\"\n                                            disabled={isFieldDisabled || isFieldReadonly}\n                                            aria-label=\"Remove file\"\n                                            onClick={() => confirmDeleteFile(`${fileDetails[0].name}-${fileDetails[0].size}`, fileDetails[0].id)}\n                                        >\n                                            <SolidIcon name=\"si-times\" aria-hidden />\n                                        </button>\n                                    </div>\n                                </div>\n                            <div className=\"flex items-center gap-2 text-sm\">\n                                {formatFileSize(fileDetails[0].size)}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            {fileDetails.length > 1 &&\n                <div className=\"flex items-center mt-1\">\n                    <p className=\"m-0\">\n                        {fileDetails.length - 1} items\n                    </p>\n                    <div>\n                        <SolidButton type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setShowAllFiles(true)}>\n                            View\n                        </SolidButton>\n                    </div>\n                </div>\n            }\n\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                style={{ minWidth: 450 }}\n            >\n                <SolidDialogHeader>\n                    <SolidDialogTitle>Items Uploaded</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogBody>\n                {fileDetails.length > 1 &&\n                    fileDetails.map((file, index) => {\n                        const fileId = `${file.name}-${file.size}`;\n                        return (\n                            <div key={fileId} className=\"solid-file-upload-wrapper\">\n                                <div className=\"flex items-center md:gap-2\">\n                                    <FileReaderExt fileDetails={file} />\n                                    <div className=\"w-full flex flex-col gap-1\">\n                                        <div className=\"flex items-center justify-between\">\n                                            <p className=\"m-0 w-11 font-normal text-[var(--primary-color)] solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(file)}>{file.name}</p>\n                                            <div className=\"flex items-center gap-2\">\n                                                <button\n                                                    type=\"button\"\n                                                    className=\"solid-file-icon-btn\"\n                                                    disabled={isFieldDisabled || isFieldReadonly}\n                                                    aria-label=\"Download file\"\n                                                    onClick={() => downloadMediaFile(file?.fileUrl, file?.name)}\n                                                >\n                                                    <SolidIcon name=\"si-download\" aria-hidden />\n                                                </button>\n                                                <button\n                                                    type=\"button\"\n                                                    className=\"solid-file-icon-btn is-danger\"\n                                                    disabled={isFieldDisabled || isFieldReadonly}\n                                                    aria-label=\"Remove file\"\n                                                    onClick={() => confirmDeleteFile(fileId, file?.id)}\n                                                >\n                                                    <SolidIcon name=\"si-times\" aria-hidden />\n                                                </button>\n                                            </div>\n                                        </div>\n                                        <div className=\"flex items-center gap-2 text-sm\">\n                                            {formatFileSize(file.size)}\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        );\n                    })\n                }\n                </SolidDialogBody>\n            </SolidDialog>\n            <SolidDialog\n                open={isDeleteImageDialogVisible}\n                onOpenChange={setDeleteImageDialogVisible}\n                className=\"solid-shadcn-confirm-dialog\"\n            >\n                <SolidDialogHeader className=\"solid-shadcn-dialog-head\">\n                    <SolidDialogTitle>Confirm Delete</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogSeparator className=\"solid-shadcn-dialog-sep\" />\n                <SolidDialogBody className=\"solid-shadcn-dialog-body\">\n                    <p className=\"solid-shadcn-dialog-text\">Are you sure you want to delete this file?</p>\n                </SolidDialogBody>\n                <SolidDialogFooter className=\"solid-shadcn-dialog-actions\">\n                    <SolidButton variant=\"destructive\" size=\"sm\" autoFocus onClick={deleteFile}>\n                        Delete\n                    </SolidButton>\n                    <SolidButton variant=\"outline\" size=\"sm\" onClick={() => setDeleteImageDialogVisible(false)}>\n                        Cancel\n                    </SolidButton>\n                </SolidDialogFooter>\n            </SolidDialog>\n        </div>\n    );\n}\n\nexport const DefaultMediaMultipleFormViewWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaFormFieldWidgetProps) => {\n    const [fileDetails, setFileDetails] = useState<{ name: string; type: string; size: number, id: number, fileUrl: string }[]>([]);\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n\n    // useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, \"false\") }, [])\n\n    const formatFileSize = (size: number) => {\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n\n    useEffect(() => {\n        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];\n\n        if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n            const urls: string[] = [];\n            const details: { name: string; type: string; size: number, id: any, fileUrl: string }[] = [];\n            const objectUrls: string[] = [];\n            fieldValue.forEach((file: File | any) => {\n                if (file instanceof File) {\n                    // New file (from local upload)\n                    const fileUrl = URL.createObjectURL(file);\n                    objectUrls.push(fileUrl); // Store URL for cleanup\n                    urls.push(fileUrl);\n\n                    details.push({\n                        name: file.name,\n                        type: file.type,\n                        size: file.size,\n                        id: `${file.name}-${file.size}`,\n                        fileUrl: fileUrl // ✅ Store the generated object URL\n                    });\n                } else if (typeof file === \"object\" && file._full_url) {\n                    urls.push(file._full_url);\n                    details.push({\n                        name: file.originalFileName,\n                        type: file.mimeType,\n                        size: file.fileSize,\n                        id: file.id,\n                        fileUrl: file._full_url\n                    });\n                }\n            });\n            setFileDetails(details);\n        }\n    }, [formik.values, fieldLayoutInfo.attrs.name]);\n\n    const handleFileView = (url: any) => {\n        const downloadOnlyExt = [\n            \"txt\", \"zip\", \"rar\",\n            \"doc\", \"docx\",\n            \"xls\", \"xlsx\",\n            \"ppt\", \"pptx\"\n        ];\n\n        const fileUrl = url?.fileUrl || \"\";\n        const cleanUrl = fileUrl.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            const link = document.createElement('a');\n            link.href = url.fileUrl;\n            link.download = ''; // or specify a file name like 'file.pdf'\n            link.target = '_blank';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n\n        } else {\n            setLightboxUrls?.([\n                { src: url.fileUrl, downloadUrl: url.fileUrl },\n            ]);\n            setOpenLightbox?.(true);\n        }\n    }\n\n    return (\n        <div className={styles.fieldViewWrapper}>\n            {showFieldLabel != false &&\n                <p className={`${styles.fieldViewLabel} form-field-label`}>\n                    {fieldLabel}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </p>\n            }\n            {fileDetails.length > 0 &&\n                <div className=\"solid-file-view-wrapper\">\n                    <div className=\"flex items-center md:gap-2\">\n                        <FileReaderExt fileDetails={fileDetails[0]} />\n                        <div className=\"w-full flex flex-col gap-1\">\n                            <div className=\"flex items-center justify-between\">\n                                <p className=\"m-0 w-11 font-normal text-[var(--primary-color)] solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>\n                                <div className=\"flex items-center md:gap-2\">\n                    <div>\n                        <SolidButton\n                            type=\"button\"\n                            variant=\"ghost\"\n                            icon=\"si si-download\"\n                            size=\"sm\"\n                            style={{\n                                height: 16,\n                                width: 16\n                            }}\n                            onClick={() => downloadMediaFile(fileDetails[0]?.fileUrl, fileDetails[0]?.name)}\n                                        />\n                                    </div>\n                                </div>\n                            </div>\n                            <div className=\"flex items-center gap-2 text-sm\">\n                                {formatFileSize(fileDetails[0].size)}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            }\n\n            {fileDetails.length > 1 &&\n                <div className=\"flex items-center mt-1\">\n                    <p className=\"m-0\">\n                        {fileDetails.length - 1} items\n                    </p>\n                    <div>\n                        <SolidButton type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setShowAllFiles(true)}>\n                            View\n                        </SolidButton>\n                    </div>\n                </div>\n            }\n\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                style={{ minWidth: 450 }}\n            >\n                <SolidDialogHeader>\n                    <SolidDialogTitle>Items Uploaded</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogBody>\n                {fileDetails.length > 1 &&\n                    fileDetails.map((file, index) => {\n                        const fileId = `${file.name}-${file.size}`;\n                        return (\n                            <div key={fileId} className=\"solid-file-view-wrapper\">\n                                <div className=\"flex items-center md:gap-2\">\n                                    <FileReaderExt fileDetails={file} />\n                                    <div className=\"w-full flex flex-col gap-1\">\n                                        <div className=\"flex items-center justify-between\">\n                                            <p className=\"font-normal w-11 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(file)}>{file.name}</p>\n                                            <div className=\"flex items-center md:gap-2\">\n                                                <div>\n                                                    <SolidButton\n                                                        type=\"button\"\n                                                        variant=\"ghost\"\n                                                        icon=\"si si-download\"\n                                                        size=\"sm\"\n                                                        style={{\n                                                            height: 16,\n                                                            width: 16\n                                                        }}\n                                                        onClick={() => downloadMediaFile(file?.fileUrl, file?.name)}\n                                                    />\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"flex items-center gap-2 text-sm\">\n                                            {formatFileSize(file.size)}\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        );\n                    })\n                }\n                </SolidDialogBody>\n            </SolidDialog>\n\n        </div>\n    );\n}\n"]}

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

@@ -109,7 +109,7 @@ export class SolidMediaMultipleField implements ISolidField {
         const fieldMetadata = this.fieldContext.fieldMetadata;
         const fieldLayoutInfo = this.fieldContext.field;
         const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
-        const className = fieldLayoutInfo.attrs?.className || 'field col-12';
+        const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';
 
         let viewWidget = fieldLayoutInfo.attrs.viewWidget;
         let editWidget = fieldLayoutInfo.attrs.editWidget;
@@ -161,7 +161,7 @@ export const DefaultMediaMultipleFormEditWidget = ({ formik, fieldContext, setLi
 
     const fieldMetadata = fieldContext.fieldMetadata;
     const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
+    const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';
     const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
     const viewMode: string = fieldContext.viewMode;
     const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
@@ -382,12 +382,12 @@ export const DefaultMediaMultipleFormEditWidget = ({ formik, fieldContext, setLi
             </div>
             {fileDetails.length > 0 &&
                 <div className="solid-file-upload-wrapper">
-                    <div className="flex align-items-center md:gap-2">
+                    <div className="flex items-center md:gap-2">
                         <FileReaderExt fileDetails={fileDetails[0]} />
-                        <div className="w-full flex flex-column gap-1">
-                                <div className="flex align-items-center justify-content-between">
-                                    <p className="font-normal w-9 text-primary m-0 solid-img-text-wrapper" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>
-                                    <div className="flex align-items-center gap-2">
+                        <div className="w-full flex flex-col gap-1">
+                                <div className="flex items-center justify-between">
+                                    <p className="m-0 w-9 font-normal text-[var(--primary-color)] solid-img-text-wrapper" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>
+                                    <div className="flex items-center gap-2">
                                         <button
                                             type="button"
                                             className="solid-file-icon-btn"
@@ -408,7 +408,7 @@ export const DefaultMediaMultipleFormEditWidget = ({ formik, fieldContext, setLi
                                         </button>
                                     </div>
                                 </div>
-                            <div className="flex align-items-center gap-2 text-sm">
+                            <div className="flex items-center gap-2 text-sm">
                                 {formatFileSize(fileDetails[0].size)}
                             </div>
                         </div>
@@ -417,7 +417,7 @@ export const DefaultMediaMultipleFormEditWidget = ({ formik, fieldContext, setLi
             }
 
             {fileDetails.length > 1 &&
-                <div className="flex align-items-center mt-1">
+                <div className="flex items-center mt-1">
                     <p className="m-0">
                         {fileDetails.length - 1} items
                     </p>
@@ -444,12 +444,12 @@ export const DefaultMediaMultipleFormEditWidget = ({ formik, fieldContext, setLi
                         const fileId = `${file.name}-${file.size}`;
                         return (
                             <div key={fileId} className="solid-file-upload-wrapper">
-                                <div className="flex align-items-center md:gap-2">
+                                <div className="flex items-center md:gap-2">
                                     <FileReaderExt fileDetails={file} />
-                                    <div className="w-full flex flex-column gap-1">
-                                        <div className="flex align-items-center justify-content-between">
-                                            <p className="font-normal w-11 text-primary m-0 solid-img-text-wrapper" style={{ cursor: 'pointer' }} onClick={() => handleFileView(file)}>{file.name}</p>
-                                            <div className="flex align-items-center gap-2">
+                                    <div className="w-full flex flex-col gap-1">
+                                        <div className="flex items-center justify-between">
+                                            <p className="m-0 w-11 font-normal text-[var(--primary-color)] solid-img-text-wrapper" style={{ cursor: 'pointer' }} onClick={() => handleFileView(file)}>{file.name}</p>
+                                            <div className="flex items-center gap-2">
                                                 <button
                                                     type="button"
                                                     className="solid-file-icon-btn"
@@ -470,7 +470,7 @@ export const DefaultMediaMultipleFormEditWidget = ({ formik, fieldContext, setLi
                                                 </button>
                                             </div>
                                         </div>
-                                        <div className="flex align-items-center gap-2 text-sm">
+                                        <div className="flex items-center gap-2 text-sm">
                                             {formatFileSize(file.size)}
                                         </div>
                                     </div>
@@ -512,7 +512,7 @@ export const DefaultMediaMultipleFormViewWidget = ({ formik, fieldContext, setLi
     const [isShowAllFiles, setShowAllFiles] = useState(false);
     const fieldMetadata = fieldContext.fieldMetadata;
     const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
+    const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';
     const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
     const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
 
@@ -599,12 +599,12 @@ export const DefaultMediaMultipleFormViewWidget = ({ formik, fieldContext, setLi
             }
             {fileDetails.length > 0 &&
                 <div className="solid-file-view-wrapper">
-                    <div className="flex align-items-center md:gap-2">
+                    <div className="flex items-center md:gap-2">
                         <FileReaderExt fileDetails={fileDetails[0]} />
-                        <div className="w-full flex flex-column gap-1">
-                            <div className="flex align-items-center justify-content-between">
-                                <p className="font-normal w-11 text-primary m-0 solid-img-text-wrapper" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>
-                                <div className="flex align-items-center md:gap-2">
+                        <div className="w-full flex flex-col gap-1">
+                            <div className="flex items-center justify-between">
+                                <p className="m-0 w-11 font-normal text-[var(--primary-color)] solid-img-text-wrapper" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>
+                                <div className="flex items-center md:gap-2">
                     <div>
                         <SolidButton
                             type="button"
@@ -620,7 +620,7 @@ export const DefaultMediaMultipleFormViewWidget = ({ formik, fieldContext, setLi
                                     </div>
                                 </div>
                             </div>
-                            <div className="flex align-items-center gap-2 text-sm">
+                            <div className="flex items-center gap-2 text-sm">
                                 {formatFileSize(fileDetails[0].size)}
                             </div>
                         </div>
@@ -629,7 +629,7 @@ export const DefaultMediaMultipleFormViewWidget = ({ formik, fieldContext, setLi
             }
 
             {fileDetails.length > 1 &&
-                <div className="flex align-items-center mt-1">
+                <div className="flex items-center mt-1">
                     <p className="m-0">
                         {fileDetails.length - 1} items
                     </p>
@@ -656,12 +656,12 @@ export const DefaultMediaMultipleFormViewWidget = ({ formik, fieldContext, setLi
                         const fileId = `${file.name}-${file.size}`;
                         return (
                             <div key={fileId} className="solid-file-view-wrapper">
-                                <div className="flex align-items-center md:gap-2">
+                                <div className="flex items-center md:gap-2">
                                     <FileReaderExt fileDetails={file} />
-                                    <div className="w-full flex flex-column gap-1">
-                                        <div className="flex align-items-center justify-content-between">
+                                    <div className="w-full flex flex-col gap-1">
+                                        <div className="flex items-center justify-between">
                                             <p className="font-normal w-11 solid-img-text-wrapper" style={{ cursor: 'pointer' }} onClick={() => handleFileView(file)}>{file.name}</p>
-                                            <div className="flex align-items-center md:gap-2">
+                                            <div className="flex items-center md:gap-2">
                                                 <div>
                                                     <SolidButton
                                                         type="button"
@@ -677,7 +677,7 @@ export const DefaultMediaMultipleFormViewWidget = ({ formik, fieldContext, setLi
                                                 </div>
                                             </div>
                                         </div>
-                                        <div className="flex align-items-center gap-2 text-sm">
+                                        <div className="flex items-center gap-2 text-sm">
                                             {formatFileSize(file.size)}
                                         </div>
                                     </div>

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

@@ -116,7 +116,7 @@ var SolidMediaSingleField = /** @class */ (function () {
             var _a;
             var fieldMetadata = this.fieldContext.fieldMetadata;
             var fieldLayoutInfo = this.fieldContext.field;
-            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field col-12';
+            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field w-full px-2 pt-2';
             var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
             var viewWidget = fieldLayoutInfo.attrs.viewWidget;
             var editWidget = fieldLayoutInfo.attrs.editWidget;
@@ -156,7 +156,7 @@ export var DefaultMediaSingleFormEditWidget = function (_a) {
     var formik = _a.formik, fieldContext = _a.fieldContext, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
+    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field w-full px-2 pt-2';
     var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
     var fieldDescription = (_d = fieldLayoutInfo.attrs.description) !== null && _d !== void 0 ? _d : fieldMetadata.description;
     var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
@@ -331,7 +331,7 @@ export var DefaultMediaSingleFormEditWidget = function (_a) {
     };
     return (_jsxs("div", { style: (isFieldDisabled === true || isFieldReadonly === 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 && (_jsx("div", { className: "".concat(styles.mediaAttachmentCard, " mt-4"), children: _jsxs("div", { className: "".concat(styles.mediaAttachmentRow, " flex align-items-center md:gap-2"), children: [_jsx(FileReaderExt, { fileDetails: fileDetails }), _jsxs("div", { className: "".concat(styles.mediaAttachmentMeta, " w-full"), children: [_jsxs("div", { className: "flex align-items-start justify-content-between gap-3", children: [_jsx("button", { type: "button", className: styles.mediaAttachmentName, onClick: function () { return handleFileView(fileDetails); }, title: fileDetails.name, children: fileDetails.name }), _jsxs("div", { className: "".concat(styles.mediaAttachmentActions, " flex align-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(fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.fileUrl, fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.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 setDeleteImageDialogVisible(true); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: styles.mediaAttachmentSize, children: fileDetails && formatFileSize(fileDetails.fileSize) })] })] }) }))] }), _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 media?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", autoFocus: true, onClick: handleCancelUpload, children: "Delete" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: function () { return setDeleteImageDialogVisible(false); }, children: "Cancel" })] })] }), _jsxs(SolidDialog, { open: isReplaceImageDialogVisible, onOpenChange: setReplaceImageDialogVisible, className: "solid-shadcn-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Replace Media" }), _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: "A media file is already uploaded. Do you want to delete it and upload a new one?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", onClick: handleReplaceFile, children: "Replace" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: function () { return setReplaceImageDialogVisible(false); }, children: "Cancel" })] })] })] }));
+                        _jsx(SolidMessage, { severity: "error", text: fileSizeError === null || fileSizeError === void 0 ? void 0 : fileSizeError.toString() }), fileDetails && (_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 }), _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); }, title: fileDetails.name, children: fileDetails.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 () { return downloadMediaFile(fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.fileUrl, fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.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 setDeleteImageDialogVisible(true); }, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), _jsx("div", { className: styles.mediaAttachmentSize, children: fileDetails && formatFileSize(fileDetails.fileSize) })] })] }) }))] }), _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 media?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", autoFocus: true, onClick: handleCancelUpload, children: "Delete" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: function () { return setDeleteImageDialogVisible(false); }, children: "Cancel" })] })] }), _jsxs(SolidDialog, { open: isReplaceImageDialogVisible, onOpenChange: setReplaceImageDialogVisible, className: "solid-shadcn-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Replace Media" }), _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: "A media file is already uploaded. Do you want to delete it and upload a new one?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", onClick: handleReplaceFile, children: "Replace" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: function () { return setReplaceImageDialogVisible(false); }, children: "Cancel" })] })] })] }));
 };
 export var DefaultMediaSingleFormViewWidget = function (_a) {
     var _b, _c, _d;
@@ -339,7 +339,7 @@ export var DefaultMediaSingleFormViewWidget = function (_a) {
     var _e = useState(null), fileDetails = _e[0], setFileDetails = _e[1];
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
+    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field w-full px-2 pt-2';
     var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
     var showFieldLabel = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.showLabel;
     // useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, "false") }, [])
@@ -403,6 +403,6 @@ export var DefaultMediaSingleFormViewWidget = function (_a) {
         }
     };
     return (_jsxs("div", { className: "".concat(styles.fieldViewWrapper, " relative"), children: [showFieldLabel != false &&
-                _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "".concat(styles.fieldViewLabel, " form-field-label"), children: [fieldLabel, _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), fileDetails && (_jsx("div", { className: "".concat(styles.mediaAttachmentCard, " ").concat(styles.mediaAttachmentCardView, " mt-4"), children: _jsxs("div", { className: "".concat(styles.mediaAttachmentRow, " flex align-items-center md:gap-2"), children: [_jsx(FileReaderExt, { fileDetails: fileDetails }), _jsxs("div", { className: "".concat(styles.mediaAttachmentMeta, " w-full"), children: [_jsxs("div", { className: "flex align-items-start justify-content-between gap-3", children: [_jsx("button", { type: "button", className: styles.mediaAttachmentName, onClick: function () { return handleFileView(fileDetails); }, title: fileDetails.name, children: fileDetails.name }), _jsx("div", { className: "".concat(styles.mediaAttachmentActions, " flex align-items-center md:gap-2"), children: _jsx("button", { type: "button", className: "solid-file-icon-btn", "aria-label": "Download file", onClick: function () { return downloadMediaFile(fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.fileUrl, fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.name); }, children: _jsx(SolidIcon, { name: "si-download", "aria-hidden": true }) }) })] }), _jsx("div", { className: styles.mediaAttachmentSize, children: fileDetails && formatFileSize(fileDetails.fileSize) })] })] }) }))] }));
+                _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "".concat(styles.fieldViewLabel, " form-field-label"), children: [fieldLabel, _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), fileDetails && (_jsx("div", { className: "".concat(styles.mediaAttachmentCard, " ").concat(styles.mediaAttachmentCardView, " mt-4"), children: _jsxs("div", { className: "".concat(styles.mediaAttachmentRow, " flex items-center md:gap-2"), children: [_jsx(FileReaderExt, { fileDetails: fileDetails }), _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); }, title: fileDetails.name, children: fileDetails.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(fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.fileUrl, fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.name); }, children: _jsx(SolidIcon, { name: "si-download", "aria-hidden": true }) }) })] }), _jsx("div", { className: styles.mediaAttachmentSize, children: fileDetails && formatFileSize(fileDetails.fileSize) })] })] }) }))] }));
 };
 //# sourceMappingURL=SolidMediaSingleField.js.map