@solidstarters/solid-core-ui 1.1.69 → 1.1.71

package/src/components/core/form/fields/widgets/SolidBooleanSelectFieldWidget.tsx

@@ -1,68 +0,0 @@
-"use client";
-import { SolidBooleanFieldWidgetProps } from "@/types/solid-core";
-import { useEffect, useState } from "react";
-import { Message } from "primereact/message";
-import { classNames } from "primereact/utils";
-import { SelectButton } from "primereact/selectbutton";
-
-export const SolidBooleanFieldSelectWidget = ({ formik, fieldContext }: SolidBooleanFieldWidgetProps) => {
-    const fieldMetadata = fieldContext.fieldMetadata;
-    const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
-    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
-    const booleanOptions = ["false", "true"];
-    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
-    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-    const readOnlyPermission = fieldContext.readOnly;
-
-    useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, "false") }, [])
-
-    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
-
-    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;
-    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;
-
-    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;
-    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
-
-    return (
-        <div className={className}>
-            <div className="relative">
-                <div className="flex flex-column gap-2 mt-4">
-                    {showFieldLabel != false &&
-                        <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label font-medium">{fieldLabel}
-                            {fieldMetadata.required && <span className="text-red-500"> *</span>}
-                            {/* &nbsp;   {fieldDescription && <span className="form_field_help">({fieldDescription}) </span>} */}
-                        </label>
-                    }
-                    {/* <InputText
-                    id={fieldLayoutInfo.attrs.name}
-                    className="small-input"
-                    aria-describedby={`${fieldLayoutInfo.attrs.name}-help`}
-                    onChange={formik.handleChange}
-                    value={formik.values[fieldLayoutInfo.attrs.name] || ''}
-                /> */}
-                    <SelectButton
-                        readOnly={formReadonly || fieldReadonly || readOnlyPermission}
-                        disabled={formDisabled || fieldDisabled}
-                        id={fieldLayoutInfo.attrs.name}
-                        aria-describedby={`${fieldLayoutInfo.attrs.name}-help`}
-                        onChange={(e) => {formik.setFieldValue(fieldLayoutInfo.attrs.name, e.value); console.log("value is",e.value)}} // Custom handling for boolean input
-                        value={formik.values[fieldLayoutInfo.attrs.name] ? formik.values[fieldLayoutInfo.attrs.name].toString() : "false"}
-                        options={booleanOptions}
-                        className={classNames("", {
-                            "p-invalid": isFormFieldValid(formik, "defaultValue"),
-                        })}
-
-                    />
-                </div>
-                {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
-                    <div className="absolute mt-1">
-                        <Message severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />
-                    </div>
-                )}
-            </div>
-        </div>
-    );
-}

package/src/components/core/form/fields/widgets/SolidFormFieldJsonViewModeWidget.tsx

@@ -1,23 +0,0 @@
-
-import { javascript } from '@codemirror/lang-javascript';
-import { oneDark } from '@codemirror/theme-one-dark';
-import CodeMirror, { EditorView } from '@uiw/react-codemirror'; // Correct import
-
-
-export const SolidFormFieldJsonViewModeWidget = ({ label, value }: any) => {
-    return (
-        <div className="mt-2 flex-column gap-2">
-            <p className="m-0"><span className="form-field-label font-medium">{label}</span></p>
-            <CodeMirror
-                id={label}
-                value={value}
-                height={'300px'}
-                style={{ fontSize: '10px' }}
-                theme={oneDark}
-                readOnly={true}
-                extensions={[javascript(), EditorView.lineWrapping]}
-            />
-        </div>
-    );
-};
-

package/src/components/core/form/fields/widgets/SolidFormFieldMediaViewModeWidget.tsx

@@ -1,13 +0,0 @@
-
-export const SolidFormFieldMediaViewModeWidget = ({ label, value }: any) => {
-    console.log("label", label);
-    console.log("value", value);
-
-    return (
-        <div className="mt-2 flex-column gap-2">
-            <p className="m-0 form-field-label font-medium">{label}</p>
-            <p className="m-0">{value}</p>
-        </div>
-    );
-};
-

package/src/components/core/form/fields/widgets/SolidFormFieldPasswordViewModeWidget.tsx

@@ -1,23 +0,0 @@
-"use client"
-import { useState } from "react";
-
-export const SolidFormFieldPasswordViewModeWidget = ({ label, value }: any) => {
-    const [isText, setIsText] = useState(false)
-    return (
-        <div className="mt-2 flex-column gap-2">
-            <p className="m-0 form-field-label font-medium">{label}</p>
-            <div className="flex align-items-center gap-4">
-                <p className="m-0">
-                    {isText ? value : "••••••••"}
-                </p>
-                <i
-                    className={`pi ${isText ? 'pi-eye' : 'pi-eye-slash'}`}
-                    onClick={() => setIsText(!isText)}
-                    style={{ cursor: 'pointer' }}
-                />
-            </div>
-
-        </div>
-    );
-};
-

package/src/components/core/form/fields/widgets/SolidFormFieldRelationViewModeWidget.tsx

@@ -1,32 +0,0 @@
-import { Chip } from "primereact/chip";
-import { Chips } from "primereact/chips";
-import { useEffect, useState } from "react";
-
-export const SolidFormFieldRelationViewModeWidget = ({ label, value }: any) => {
-    const [fieldValue, setFieldValue] = useState<any>([]);
-    useEffect(() => {
-        if (Array.isArray(value)) {
-
-            if (value.length > 0) {
-                const data = value.map((v: any) => v.label);
-                setFieldValue(data);
-            }
-        }
-        if (value && !Array.isArray(value) && typeof value === "object") {
-            setFieldValue([value.label]);
-        }
-    }, [value]);
-
-
-    return (
-        <div className="mt-2 flex-column">
-            <p className="m-0 form-field-label font-medium">{label}</p>
-            <div className="flex flex-wrap gap-2 mt-2">
-                {fieldValue.map((v: any) => (
-                    <Chip key={v} label={v} className="view-widget-chip" />
-                ))}
-            </div>
-        </div>
-    );
-};
-

package/src/components/core/form/fields/widgets/SolidFormFieldRichTextViewModeWidget.tsx

@@ -1,17 +0,0 @@
-import { Editor } from "primereact/editor";
-
-export const SolidFormFieldRichTextViewModeWidget = ({ label, value }: any) => {
-    return (
-        <div>
-            <Editor
-                readOnly={true}
-                key={label}  // React will re-render the component whenever this value changes
-                id={label}
-                value={value}
-                style={{ height: "320px" }}
-                className="solid-custom-editor"
-            />
-        </div>
-    );
-};
-

package/src/components/core/form/fields/widgets/SolidFormFieldViewMediaMultipleWidget.tsx

@@ -1,174 +0,0 @@
-'use client';
-import { Button } from "primereact/button";
-import { useEffect, useState } from "react";
-import { FileReaderExt } from "@/components/common/FileReaderExt";
-import Link from "next/link";
-import { downloadMediaFile } from "@/helpers/downloadMediaFile";
-import { SolidMediaSingleFieldWidgetProps } from "@/types/solid-core";
-import { Dialog } from "primereact/dialog";
-
-export const SolidFormFieldViewMediaMultipleWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaSingleFieldWidgetProps) => {
-    const [fileDetails, setFileDetails] = useState<{ name: string; type: string; size: number, id: number, fileUrl: string }[]>([]);
-    const [isShowAllFiles, setShowAllFiles] = useState(false);
-    const fieldMetadata = fieldContext.fieldMetadata;
-    const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
-    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-
-    useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, "false") }, [])
-
-    const formatFileSize = (size: number) => {
-        return size >= 1024 * 1024
-            ? `${(size / (1024 * 1024)).toFixed(1)} MB`
-            : `${(size / 1024).toFixed(1)} KB`;
-    };
-
-    useEffect(() => {
-        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];
-
-        if (Array.isArray(fieldValue) && fieldValue.length > 0) {
-            const urls: string[] = [];
-            const details: { name: string; type: string; size: number, id: any, fileUrl: string }[] = [];
-            const objectUrls: string[] = [];
-            fieldValue.forEach((file: File | any) => {
-                if (file instanceof File) {
-                    // New file (from local upload)
-                    const fileUrl = URL.createObjectURL(file);
-                    objectUrls.push(fileUrl); // Store URL for cleanup
-                    urls.push(fileUrl);
-
-                    details.push({
-                        name: file.name,
-                        type: file.type,
-                        size: file.size,
-                        id: `${file.name}-${file.size}`,
-                        fileUrl: fileUrl // ✅ Store the generated object URL
-                    });
-                } else if (typeof file === "object" && file._full_url) {
-                    urls.push(file._full_url);
-                    details.push({
-                        name: file.originalFileName,
-                        type: file.mimeType,
-                        size: file.fileSize,
-                        id: file.id,
-                        fileUrl: file._full_url
-                    });
-                }
-            });
-            setFileDetails(details);
-        }
-    }, [formik.values, fieldLayoutInfo.attrs.name]);
-
-    const handleFileView = (url: any) => {
-        if (url?.type.includes('image/')) {
-            setLightboxUrls?.([
-                { src: url.fileUrl, downloadUrl: url.fileUrl },
-            ]);
-            setOpenLightbox?.(true);
-        } else {
-            const link = document.createElement('a');
-            link.href = url.fileUrl;
-            link.download = ''; // or specify a file name like 'file.pdf'
-            link.target = '_blank';
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        }
-    }
-
-    return (
-        <div className={className}>
-            {showFieldLabel != false &&
-                <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label mt-4 font-medium">{fieldLabel}
-                </label>
-            }
-            {fileDetails.length > 0 &&
-                <div className="solid-file-view-wrapper">
-                    <div className="flex align-items-center 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" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails[0])}>{fileDetails[0].name}</p>
-                                <div className="flex align-items-center gap-2">
-                                    <div>
-                                        <Button
-                                            type="button"
-                                            text
-                                            icon={"pi pi-download"}
-                                            size="small"
-                                            style={{
-                                                height: 16,
-                                                width: 16
-                                            }}
-                                            onClick={() => downloadMediaFile(fileDetails[0]?.fileUrl, fileDetails[0]?.name)}
-                                        />
-                                    </div>
-                                </div>
-                            </div>
-                            <div className="flex align-items-center gap-2 text-sm">
-                                {formatFileSize(fileDetails[0].size)}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            }
-
-            {fileDetails.length > 1 &&
-                <div className="flex align-items-center mt-1">
-                    <p className="m-0">
-                        {fileDetails.length - 1} items
-                    </p>
-                    <div>
-                        <Button type="button" size="small" text label="View" onClick={() => setShowAllFiles(true)} />
-                    </div>
-                </div>
-            }
-
-            <Dialog
-                visible={isShowAllFiles}
-                header="Items Uploaded"
-                modal
-                onHide={() => setShowAllFiles(false)}
-                style={{ minWidth: 450 }}
-            >
-                {fileDetails.length > 1 &&
-                    fileDetails.map((file, index) => {
-                        const fileId = `${file.name}-${file.size}`;
-                        return (
-                            <div key={fileId} className="solid-file-view-wrapper">
-                                <div className="flex align-items-center 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" style={{ cursor: 'pointer' }} onClick={() => handleFileView(file)}>{file.name}</p>
-                                            <div className="flex align-items-center gap-2">
-                                                <div>
-                                                    <Button
-                                                        type="button"
-                                                        text
-                                                        icon={"pi pi-download"}
-                                                        size="small"
-                                                        style={{
-                                                            height: 16,
-                                                            width: 16
-                                                        }}
-                                                        onClick={() => downloadMediaFile(file?.fileUrl, file?.name)}
-                                                    />
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div className="flex align-items-center gap-2 text-sm">
-                                            {formatFileSize(file.size)}
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        );
-                    })
-                }
-            </Dialog>
-
-        </div>
-    );
-}

package/src/components/core/form/fields/widgets/SolidFormFieldViewMediaSingleWidget.tsx

@@ -1,115 +0,0 @@
-'use client';
-import { Button } from "primereact/button";
-import { useEffect, useState } from "react";
-import { FileReaderExt } from "@/components/common/FileReaderExt";
-import Link from "next/link";
-import { downloadMediaFile } from "@/helpers/downloadMediaFile";
-import { SolidMediaSingleFieldWidgetProps } from "@/types/solid-core";
-
-export const SolidFormFieldViewMediaSingleWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaSingleFieldWidgetProps) => {
-    const [fileDetails, setFileDetails] = useState<{ name: string; type: string, fileUrl: string, fileSize: number } | null>(null);
-    const fieldMetadata = fieldContext.fieldMetadata;
-    const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
-    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-
-    useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, "false") }, [])
-
-    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
-    const formatFileSize = (size: number) => {
-        return size >= 1024 * 1024
-            ? `${(size / (1024 * 1024)).toFixed(1)} MB`
-            : `${(size / 1024).toFixed(1)} KB`;
-    };
-
-    useEffect(() => {
-        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];
-
-        if (fieldValue && typeof fieldValue === "object") {
-            let fileUrl = "";
-            let fileName = "Unknown File";
-            let fileSize = 0;
-
-            if (fieldValue instanceof File) {
-                fileUrl = URL.createObjectURL(fieldValue);
-                fileName = fieldValue.name;
-                fileSize = fieldValue.size;
-            } else if (fieldValue._full_url) {
-                fileUrl = fieldValue._full_url;
-                fileName = fieldValue.originalFileName;
-                fileSize = fieldValue.fileSize;
-            }
-
-            setFileDetails({
-                name: fileName,
-                type: fieldValue.mimeType,
-                fileUrl,
-                fileSize
-            });
-            // Ensure formik has the correct value
-            formik.setFieldValue(fieldLayoutInfo.attrs.name, fieldValue);
-        }
-    }, [formik.values, fieldLayoutInfo.attrs.name]);
-
-    const handleFileView = (url: any) => {
-        if (url?.type.includes('image/')) {
-            setLightboxUrls?.([
-                { src: url.fileUrl, downloadUrl: url.fileUrl },
-            ]);
-            setOpenLightbox?.(true);
-        } else {
-            const link = document.createElement('a');
-            link.href = url.fileUrl;
-            link.download = ''; // or specify a file name like 'file.pdf'
-            link.target = '_blank';
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        }
-    }
-
-    return (
-        <div className={className}>
-            <div className="flex flex-column gap-2 mt-4 relative">
-                {showFieldLabel != false &&
-                    <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label font-medium">{fieldLabel}
-                    </label>
-                }
-
-                {fileDetails && (
-                    <div className="solid-file-view-wrapper mt-4">
-                        <div className="flex align-items-center gap-2">
-                            <FileReaderExt fileDetails={fileDetails} />
-                            <div className="w-full flex flex-column gap-1">
-                                <div className="flex align-items-start justify-content-between">
-                                    <p className="font-normal w-9 text-primary m-0" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails)}>{fileDetails.name}</p>
-                                    <div className="flex align-items-center gap-2">
-                                        <div>
-                                            <Button
-                                                type="button"
-                                                text
-                                                icon={"pi pi-download"}
-                                                size="small"
-                                                severity="secondary"
-                                                // className="p-2"
-                                                style={{
-                                                    height: 16,
-                                                    width: 16
-                                                }}
-                                                onClick={() => downloadMediaFile(fileDetails?.fileUrl, fileDetails?.name)}
-                                            />
-                                        </div>
-                                    </div>
-                                </div>
-                                <div className="flex align-items-center gap-2 text-sm">
-                                    {fileDetails && formatFileSize(fileDetails.fileSize)}
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                )}
-            </div>
-        </div>
-    );
-}

package/src/components/core/form/fields/widgets/SolidFormFieldViewModeWidget.tsx

@@ -1,11 +0,0 @@
-
-export const SolidFormFieldViewModeWidget = ({ label, value }: any) => {
-
-    return (
-        <div className="mt-2 flex-column gap-2">
-            <p className="m-0 form-field-label font-medium">{label}</p>
-            <p className="m-0">{value}</p>
-        </div>
-    );
-};
-

package/src/components/core/form/fields/widgets/SolidSelectionStaticAutocompleteFieldWidget.tsx

@@ -1,72 +0,0 @@
-"use client";
-import { SolidSelectionStaticFieldWidgetProps } from "@/types/solid-core";
-import { useEffect, useState } from "react";
-import { Message } from "primereact/message";
-import { classNames } from "primereact/utils";
-import { SelectButton } from "primereact/selectbutton";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
-
-export const SolidSelectionStaticAutocompleteWidget = ({ formik, fieldContext }: SolidSelectionStaticFieldWidgetProps) => {
-    const fieldMetadata = fieldContext.fieldMetadata;
-    const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
-    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
-    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
-    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-    const readOnlyPermission = fieldContext.readOnly;
-    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;
-    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;
-
-    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;
-    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
-    
-    const [selectionStaticItems, setSelectionStaticItems] = useState([]);
-    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {
-        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {
-            return {
-                label: i.split(":")[1],
-                value: i.split(":")[0]
-            }
-        });
-        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));
-        setSelectionStaticItems(suggestionData)
-    }
-    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
-
-    return (
-        <div className={className}>
-            <div className="relative">
-                <div className="flex flex-column gap-2 mt-4">
-                    {showFieldLabel != false &&
-                        <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label font-medium">{fieldLabel}
-                            {fieldMetadata.required && <span className="text-red-500"> *</span>}
-                            {/* &nbsp;   {fieldDescription && <span className="form_field_help">({fieldDescription}) </span>} */}
-                        </label>
-                    }
-                    <AutoComplete
-                        readOnly={formReadonly || fieldReadonly || readOnlyPermission}
-                        disabled={formDisabled || fieldDisabled}
-                        {...formik.getFieldProps(fieldLayoutInfo.attrs.name)}
-                        id={fieldLayoutInfo.attrs.name}
-                        name={fieldLayoutInfo.attrs.name}
-                        field="label"
-                        value={formik.values[fieldLayoutInfo.attrs.name] || ''}
-                        dropdown
-                        suggestions={selectionStaticItems}
-                        completeMethod={selectionStaticSearch}
-                        // onChange={(e) => updateInputs(index, e.value)} />
-                        // onChange={formik.handleChange}
-                        onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
-                        className="solid-standard-autocomplete"
-                    />
-                </div>
-                {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
-                    <div className="absolute mt-1">
-                        <Message severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />
-                    </div>
-                )}
-            </div>
-        </div>
-    );
-}

package/src/components/core/form/fields/widgets/SolidSelectionStaticRadioFieldWidget.tsx

@@ -1,72 +0,0 @@
-"use client";
-import { SolidSelectionStaticFieldWidgetProps } from "@/types/solid-core";
-import { useEffect, useState } from "react";
-import { Message } from "primereact/message";
-import { classNames } from "primereact/utils";
-import { SelectButton } from "primereact/selectbutton";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
-import { RadioButton } from "primereact/radiobutton";
-
-export const SolidSelectionStaticRadioWidget = ({ formik, fieldContext }: SolidSelectionStaticFieldWidgetProps) => {
-    const fieldMetadata = fieldContext.fieldMetadata;
-    const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
-    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-    const readOnlyPermission = fieldContext.readOnly;
-
-    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;
-    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;
-    const formDisabled = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;
-    const formReadonly = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
-
-    const fieldName = fieldLayoutInfo.attrs.name;
-
-    // Convert selectionStaticValues to usable radio options
-    const radioOptions = fieldMetadata.selectionStaticValues.map((i: string) => {
-        const [value, label] = i.split(":");
-        return { label, value };
-    });
-
-    const isFormFieldValid = (formik: any, fieldName: string) =>
-        formik.touched[fieldName] && formik.errors[fieldName];
-
-    return (
-        <div className={className}>
-            <div className="relative">
-                <div className="flex flex-column gap-2 mt-4">
-                    {showFieldLabel !== false && (
-                        <label htmlFor={fieldName} className="form-field-label font-medium">
-                            {fieldLabel}
-                            {fieldMetadata.required && <span className="text-red-500"> *</span>}
-                        </label>
-                    )}
-                    <div className="flex flex-wrap gap-3">
-                    {radioOptions.map((option: any) => (
-                        <div key={option.value} className="flex items-center">
-                            <RadioButton
-                                id={`${fieldName}-${option.value}`}
-                                name={fieldName}
-                                value={option} 
-                                checked={formik.values[fieldName]?.value === option.value} 
-                                // onChange={(e) => formik.setFieldValue(fieldName, e.value)} 
-                                onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
-                                disabled={formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled}
-                                className="mr-2"
-                            />
-                            <label htmlFor={`${fieldName}-${option.value}`} className="cursor-pointer">
-                                {option.label}
-                            </label>
-                        </div>
-                    ))}
-                    </div>
-                </div>
-                {isFormFieldValid(formik, fieldName) && (
-                    <div className="absolute mt-1">
-                        <Message severity="error" text={formik?.errors[fieldName]?.toString()} />
-                    </div>
-                )}
-            </div>
-        </div>
-    );
-}

package/src/components/core/list/widgets/SolidShortTextFieldTextRenderModeWidget.tsx

@@ -1,11 +0,0 @@
-import SolidTableRowCell from "../SolidTableRowCell";
-
-export const SolidShortTextFieldTextRenderModeWidget = ({ value, truncateAfter }: any) => {
-    return (
-        <SolidTableRowCell
-            value={value}
-            truncateAfter={truncateAfter}
-        ></SolidTableRowCell>
-    )
-};
-