@solidstarters/solid-core-ui 1.1.74 → 1.1.77

package/src/components/core/kanban/SolidKanbanViewConfigure.tsx

@@ -1,146 +0,0 @@
-"use client"
-import { usePathname, useRouter } from 'next/navigation';
-import { Accordion, AccordionTab } from 'primereact/accordion';
-import { Button } from 'primereact/button';
-import { Divider } from 'primereact/divider';
-import { OverlayPanel } from 'primereact/overlaypanel';
-import { RadioButton } from 'primereact/radiobutton';
-import React, { useEffect, useRef, useState } from 'react'
-
-export const SolidKanbanViewConfigure = ({ solidKanbanViewMetaData, actionsAllowed, setLayoutDialogVisible, viewModes, setShowSaveFilterPopup }: any) => {
-    const op = useRef(null);
-    const customizeLayout = useRef<OverlayPanel | null>(null);
-    const pathname = usePathname();
-    const router = useRouter();
-    const [view, setView] = useState<string>("");
-
-    const handleViewChange = (newView: string) => {
-        if (view === newView) return; // Prevent unnecessary updates
-        const pathSegments = pathname.split('/').filter(Boolean);
-        pathSegments[pathSegments.length - 1] = newView; // Replace the last part with new view
-        const newPath = '/' + pathSegments.join('/');
-        router.push(newPath);
-    };
-
-    useEffect(() => {
-        if (typeof pathname === 'string') {
-            const pathSegments = pathname.split('/').filter(Boolean);
-            if (pathSegments.length > 0) {
-                setView(pathSegments[pathSegments.length - 1]);
-            }
-        }
-    }, [])
-
-
-    const [isOverlayOpen, setIsOverlayOpen] = useState(false);
-    useEffect(() => {
-        const handleClickOutside = (event: MouseEvent) => {
-            if (
-                customizeLayout.current &&
-                !customizeLayout.current.getElement()?.contains(event.target as Node)
-            ) {
-                setIsOverlayOpen(false);
-            }
-        };
-
-        if (isOverlayOpen) {
-            document.addEventListener("click", handleClickOutside);
-        } else {
-            document.removeEventListener("click", handleClickOutside);
-        }
-
-        return () => document.removeEventListener("click", handleClickOutside);
-    }, [isOverlayOpen])
-
-    return (
-        <div className="position-relative">
-            <Button
-                type="button"
-                size="small"
-                icon="pi pi-cog"
-                severity="secondary"
-                outlined
-                // @ts-ignore
-                onClick={(e) => op.current.toggle(e)}
-            />
-            <OverlayPanel ref={op}>
-                <div className="p-2">
-                    <div className="flex flex-column">
-                        <Button text icon='pi pi-download' label="Import" size="small" severity="secondary" className="text-left gap-2 text-base" />
-                        <Button text icon='pi pi-upload' label="Export" size="small" severity="secondary" className="text-left gap-2 text-base" />
-                        <Button
-                            text
-                            type="button"
-                            className="w-8rem text-left text-base gap-2 purple-200"
-                            label="Layout"
-                            size="small"
-                            iconPos="left"
-                            severity="contrast"
-                            icon={'pi pi-objects-column'}
-                            onClick={() => setLayoutDialogVisible(true)}
-                        />
-                    </div>
-                </div>
-                <Divider className="m-0" />
-                <div className="p-2 relative flex flex-column gap-1">
-                    <Button
-                        icon='pi pi-sliders-h'
-                        label="Customize Layout"
-                        severity={isOverlayOpen ? undefined : "secondary"}
-                        size="small"
-                        text={isOverlayOpen ? false : true}
-                        className="text-left gap-2 w-full text-base"
-                        // @ts-ignore
-                        onClick={(e) => {
-                            customizeLayout.current?.toggle(e);
-                            setIsOverlayOpen((prev) => !prev); // ✅ Ensure state updates when toggled
-                        }}
-                    >
-                        <i className="pi pi-chevron-right text-sm"></i>
-                    </Button>
-                    <Button text icon='pi pi-save' label="Save Custom Filter" size="small" severity="secondary" className="text-left gap-2 text-base" onClick={() => setShowSaveFilterPopup(true)} />
-                    <OverlayPanel ref={customizeLayout} className="customize-layout-panel" style={{ minWidth: 250 }}
-                        onShow={() => setIsOverlayOpen(true)}
-                        onHide={() => {
-                            console.log("Overlay closed");
-                            setTimeout(() => setIsOverlayOpen(false), 50); // ✅ Ensure state updates
-                        }}
-                    >
-
-                        <div className="solid-layout-accordion">
-                            <Accordion expandIcon="pi pi-chevron-down" collapseIcon="pi pi-chevron-up" activeIndex={[0]}>
-                                {viewModes && viewModes.length > 0 &&
-                                    <AccordionTab header="Switch Type">
-                                        <div className="flex flex-column gap-1 p-1">
-                                            {viewModes.map((option: any) => (
-                                                <div key={option.value} className={`flex align-items-center ${option.value === view ? 'solid-active-view' : 'solid-view'}`}>
-                                                    <RadioButton
-                                                        inputId={option.value}
-                                                        name="views"
-                                                        value={option.value}
-                                                        // onChange={(e) => router}
-                                                        onChange={() => handleViewChange(option.value)}
-                                                        checked={option.value === view}
-                                                    />
-                                                    <label htmlFor={option.value} className="ml-2 flex align-items-center justify-content-between w-full">
-                                                        {option.label}
-                                                        {/* <Image
-                                                        src={option.image}
-                                                        alt={option.value}
-                                                        fill
-                                                        className='relative row-spacing-img'
-                                                    /> */}
-                                                    </label>
-                                                </div>
-                                            ))}
-                                        </div>
-                                    </AccordionTab>
-                                }
-                            </Accordion>
-                        </div>
-                    </OverlayPanel>
-                </div>
-            </OverlayPanel>
-        </div>
-    )
-}

package/src/components/core/kanban/SolidKanbanViewFields.tsx

@@ -1,164 +0,0 @@
-"use client";
-import SolidBigintKanbanField from "./kanban-fields/SolidBigintKanbanField";
-import SolidBooleanKanbanField from "./kanban-fields/SolidBooleanKanbanField";
-import SolidComputedKanbanField from "./kanban-fields/SolidComputedKanbanField";
-import SolidDateKanbanField from "./kanban-fields/SolidDateKanbanField";
-import SolidDatetimeKanbanField from "./kanban-fields/SolidDatetimeKanbanField";
-import SolidDecimalKanbanField from "./kanban-fields/SolidDecimalKanbanField";
-import SolidExternalIdKanbanField from "./kanban-fields/SolidExternalIdKanbanField";
-import SolidFloatKanbanField from "./kanban-fields/SolidFloatKanbanField";
-import SolidIntKanbanField from "./kanban-fields/SolidIntKanbanField";
-import SolidLongTextKanbanField from "./kanban-fields/SolidLongTextKanbanField";
-import SolidMediaMultipleKanbanField from "./kanban-fields/SolidMediaMultipleKanbanField";
-import SolidMediaSingleKanbanField from "./kanban-fields/SolidMediaSingleKanbanField";
-import SolidRelationKanbanField from "./kanban-fields/SolidRelationKanbanField";
-import SolidRichTextKanbanField from "./kanban-fields/SolidRichTextKanbanField";
-import SolidSelectionDynamicKanbanField from "./kanban-fields/SolidSelectionDynamicKanbanField";
-import SolidSelectionStaticKanbanField from "./kanban-fields/SolidSelectionStaticKanbanField";
-import SolidShortTextKanbanField from "./kanban-fields/SolidShortTextKanbanField";
-import SolidTimeKanbanField from "./kanban-fields/SolidTimeKanbanField";
-import SolidUuidKanbanField from "./kanban-fields/SolidUuidKanbanField";
-
-export type SolidKanbanViewFieldsParams = {
-    solidKanbanViewMetaData: any;
-    fieldMetadata: any,
-    fieldLayout: any,
-    data: any,
-    setLightboxUrls?: any,
-    setOpenLightbox?: any,
-    groupedView?: boolean
-};
-
-export const getNumberOfInputs = (matchMode: any): number | null => {
-    if (matchMode.label && matchMode.label === 'Not In') {
-        matchMode = 'notIn';
-    }
-
-    switch (matchMode) {
-        case 'between':
-            return 2;
-        case 'in':
-        case 'notIn':
-            return null;
-        case 'startsWith':
-        case 'contains':
-        case 'notContains':
-        case 'endsWith':
-        case 'equals':
-        case 'notEquals':
-        case 'lt':
-        case 'lte':
-        case 'gt':
-        case 'gte':
-            return 1;
-        default:
-            return 1; // Default to single input if no specific match is found
-    }
-}
-
-// // @ts-ignore
-// const components = require.context('./kanban-fields', false, /Solid.*Column\.tsx$/);
-
-// // Define a function to dynamically load components based on type
-// const loadComponentByType = async (type: string) => {
-//     try {
-//         const componentName = `./kanban-fields/Solid${type.charAt(0).toUpperCase() + type.slice(1)}Column.tsx`;
-
-//         // Dynamically import the component based on type
-//         const componentModule = await import(componentName);
-
-//         return componentModule.default;
-//     } catch (error) {
-//         console.error(`Failed to load component for type: ${type}`, error);
-//         return null;
-//     }
-// };
-
-export const SolidKanbanViewFields = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView }: SolidKanbanViewFieldsParams) => {
-
-    // And finally we can implement additional switching logic based on certain special fields. 
-    if (fieldMetadata.name === 'id') {
-        return SolidIntKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-
-    if (fieldMetadata.type === 'int') {
-        return SolidIntKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'bigint') {
-        return SolidBigintKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'float') {
-        return SolidFloatKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'decimal') {
-        return SolidDecimalKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'shortText') {
-        return SolidShortTextKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView });
-    }
-    if (fieldMetadata.type === 'longText') {
-        return SolidLongTextKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, groupedView });
-    }
-    if (fieldMetadata.type === 'richText') {
-        return SolidRichTextKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'boolean') {
-        return SolidBooleanKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'date') {
-        return SolidDateKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'datetime') {
-        return SolidDatetimeKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'time') {
-        return SolidTimeKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'relation') {
-        return SolidRelationKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'mediaSingle') {
-        return SolidMediaSingleKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox });
-    }
-    if (fieldMetadata.type === 'mediaMultiple') {
-        return SolidMediaMultipleKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox });
-    }
-    if (fieldMetadata.type === 'selectionStatic') {
-        return SolidSelectionStaticKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'selectionDynamic') {
-        return SolidSelectionDynamicKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'computed') {
-        return SolidComputedKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'externalId') {
-        return SolidExternalIdKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    if (fieldMetadata.type === 'uuid') {
-        return SolidUuidKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data });
-    }
-    // // Load everything else based on type and dynamically.
-    // else {
-    //     const ComponentFound = await loadComponentByType(fieldMetadata.type);
-    //     const ComponentNotFound = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => (
-    //         <Column
-    //             key={fieldMetadata.name}
-    //             field={fieldMetadata.name}
-    //             header={fieldMetadata.displayName}
-    //             className="text-sm"
-    //             sortable={false}
-    //             filter={false}
-    //             showFilterOperator={false}
-    //             body={() => (<span>Type not supported</span>)}
-    //             style={{ minWidth: "12rem" }}
-    //             headerClassName="table-header-fs"
-    //         ></Column>
-    //     );
-
-    //     return ComponentFound ? ComponentFound({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }) : ComponentNotFound({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data });
-    // }
-
-    // TODO: we can implement additional switching logic based on the widget type being used to render the list view data.
-
-};

package/src/components/core/kanban/SolidManyToOneFilterElement.tsx

@@ -1,59 +0,0 @@
-import { createSolidEntityApi } from "@/redux/api/solidEntityApi";
-import { InputTypes } from "./SolidVarInputsFilterElement"
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
-import { useState } from "react";
-import qs from "qs";
-
-
-export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
-
-    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
-    const { useLazyGetSolidEntitiesQuery } = entityApi;
-    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
-
-    const [autoCompleteItems, setAutoCompleteItems] = useState([]);
-    const autoCompleteSearch = async (event: AutoCompleteCompleteEvent) => {
-
-        // Get the list view layout & metadata first. 
-        const queryData = {
-            offset: 0,
-            limit: 10,
-            filters: {
-                [fieldMetadata?.relationModel?.userKeyField?.name]: {
-                    $containsi: event.query
-                }
-            }
-        };
-
-        const autocompleteQs = qs.stringify(queryData, {
-            encodeValuesOnly: true,
-        });
-
-        // TODO: do error handling here, possible errors like modelname is incorrect etc...
-        const autocompleteResponse = await triggerGetSolidEntities(autocompleteQs);
-
-        // TODO: if no data found then can we show no matching "entities", where entities can be replaced with the model plural name,
-        const autocompleteData = autocompleteResponse.data;
-
-        if (autocompleteData) {
-            const autoCompleteItems = autocompleteData.records.map((item: any) => {
-                return {
-                    label: item[fieldMetadata?.relationModel?.userKeyField?.name],
-                    value: item['id']
-                }
-            });
-            setAutoCompleteItems(autoCompleteItems);
-        }
-    }
-
-    return (
-        <AutoComplete
-            field="label"
-            value={value}
-            suggestions={autoCompleteItems}
-            completeMethod={autoCompleteSearch}
-            onChange={(e) => updateInputs(index, e.value)}
-            className="solid-standard-autocomplete"
-        />
-    )
-}

package/src/components/core/kanban/SolidSelectionDynamicFilterElement.tsx

@@ -1,50 +0,0 @@
-'use client';
-import { useLazyGetSelectionDynamicValuesQuery } from "@/redux/api/fieldApi";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
-import qs from "qs";
-import { useState } from "react";
-
-
-export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
-
-
-    // selection dynamic specific code. 
-    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();
-    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);
-    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {
-
-        // Get the list view layout & metadata first. 
-        const queryData = {
-            offset: 0,
-            limit: 10,
-            query: event.query,
-            id: fieldMetadata.id
-        };
-
-        const sdQs = qs.stringify(queryData, {
-            encodeValuesOnly: true,
-        });
-
-        // TODO: do error handling here, possible errors like modelname is incorrect etc...
-        const sdResponse = await triggerGetSelectionDynamicValues(sdQs);
-
-        // TODO: if no data found then can we show no matching "entities", where entities can be replaced with the model plural name,
-        const sdData = sdResponse.data.data;
-
-        // @ts-ignore
-        setSelectionDynamicItems(sdData);
-    }
-
-
-    return (
-
-        <AutoComplete
-            field="label"
-            value={value}
-            dropdown
-            className="w-full solid-standard-autocomplete"
-            suggestions={selectionDynamicItems}
-            completeMethod={selectionDynamicSearch}
-            onChange={(e) => updateInputs(index, e.value)} />
-    )
-}

package/src/components/core/kanban/SolidSelectionStaticFilterElement.tsx

@@ -1,32 +0,0 @@
-'use client';
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
-import { useState } from "react";
-
-
-export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
-
-    // selection dynamic specific code. 
-    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)
-    }
-
-    return (
-
-        <AutoComplete
-            field="label"
-            value={value}
-            dropdown
-            className="w-full solid-standard-autocomplete"
-            suggestions={selectionStaticItems}
-            completeMethod={selectionStaticSearch}
-            onChange={(e) => updateInputs(index, e.value)} />
-    )
-}

package/src/components/core/kanban/SolidVarInputsFilterElement.tsx

@@ -1,184 +0,0 @@
-'use client';
-import { Button } from "primereact/button";
-import { Calendar } from "primereact/calendar";
-import { InputNumber } from "primereact/inputnumber";
-import { InputText } from "primereact/inputtext";
-import { useEffect, useState } from "react";
-import { SolidManyToOneFilterElement } from "./SolidManyToOneFilterElement";
-import { SolidSelectionDynamicFilterElement } from "./SolidSelectionDynamicFilterElement";
-import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
-
-export enum InputTypes {
-    Date = 'Date',
-    DateTime = 'DateTime',
-    Time = 'Time',
-    Numeric = 'Numeric',
-    Text = 'Text',
-    SelectionStatic = 'SelectionStatic',
-    RelationManyToOne = 'RelationManyToOne',
-    SelectionDynamic = 'SelectionDynamic'
-}
-
-
-// Based on numberOfInputs map the input filed and hide add and delete 
-export const SolidVarInputsFilterElement = ({ values, onChange, inputType = InputTypes.Text, numberOfInputs = null, solidKanbanViewMetaData, fieldMetadata }: any) => {
-
-    if (!values) {
-        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
-        // values = [''];
-    } else {
-        if (values[0] == '') {
-            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
-        } else {
-
-            values = values
-        }
-    }
-
-    
-
-    // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.
-    const [inputs, setInputs] = useState([...values]);
-    useEffect(() => {
-        setInputs([...values])
-    }, [numberOfInputs])
-
-    const updateInputs = (index: number, value: any) => {
-        const updatedSpecification = inputs.map((item, i) =>
-            i === index ? value : item
-        );
-        setInputs(updatedSpecification);
-    };
-
-    const addInput = () => {
-        setInputs([...inputs, '']);
-    };
-
-    const deleteInput = (index: number) => {
-        if (inputs.length > 1) {
-            const updatedRows = inputs.filter((_, rowIndex) => rowIndex !== index);
-            setInputs(updatedRows);
-
-        } else {
-        }
-    };
-
-    useEffect(() => {
-        onChange(inputs)
-    }, [inputs])
-
-
-
-    return (
-        <div className="grid formgrid">
-            <div className="col-12">
-                <div className="flex flex-column gap-2">
-                    {inputs && inputs.map((value: any, index: number) => (
-
-                        <div key={index} className="flex align-items-center gap-2">
-
-                            {inputType === InputTypes.Text &&
-                                <InputText
-                                    value={value}
-                                    onChange={(e) => updateInputs(index, e.target.value)}
-                                    placeholder=""
-                                    className="p-inputtext-sm small-input w-full"
-                                />
-                            }
-                            {inputType === InputTypes.Numeric &&
-                                <InputNumber
-                                    value={value}
-                                    onChange={(e) => updateInputs(index, e.value)}
-                                    placeholder=""
-                                    className="p-inputtext-sm small-input w-full"
-                                />
-                            }
-                            {inputType === InputTypes.Date &&
-                                <Calendar
-                                    value={value}
-                                    onChange={(e) => updateInputs(index, e.target.value)}
-                                    dateFormat="mm/dd/yy"
-                                    placeholder="mm/dd/yyyy"
-                                    mask="99/99/9999"
-                                />
-                            }
-                            {inputType === InputTypes.DateTime &&
-                                <Calendar
-                                    value={value}
-                                    onChange={(e) => updateInputs(index, e.target.value)}
-                                    dateFormat="mm/dd/yy"
-                                    placeholder="mm/dd/yyyy hh:mm"
-                                    mask="99/99/9999 99:99"
-                                    showTime
-                                    hourFormat="24"
-                                />
-                            }
-                            {inputType === InputTypes.Time &&
-                                <Calendar
-                                    value={value}
-                                    onChange={(e) => updateInputs(index, e.target.value)}
-                                    placeholder="hh:mm"
-                                    mask="99:99"
-                                    timeOnly
-                                    hourFormat="24"
-                                />
-                            }
-                            {inputType === InputTypes.RelationManyToOne &&
-                                <SolidManyToOneFilterElement
-                                    value={value}
-                                    index={index}
-                                    updateInputs={updateInputs}
-                                    fieldMetadata={fieldMetadata}
-                                ></SolidManyToOneFilterElement>
-                            }
-                            {inputType === InputTypes.SelectionDynamic &&
-                                <SolidSelectionDynamicFilterElement
-                                    value={value}
-                                    index={index}
-                                    updateInputs={updateInputs}
-                                    fieldMetadata={fieldMetadata}
-                                ></SolidSelectionDynamicFilterElement>
-                            }
-                            {inputType === InputTypes.SelectionStatic &&
-
-                                <SolidSelectionStaticFilterElement
-                                    value={value}
-                                    index={index}
-                                    updateInputs={updateInputs}
-                                    fieldMetadata={fieldMetadata}
-                                ></SolidSelectionStaticFilterElement>
-                            }
-
-                            {numberOfInputs === null &&
-                                <>
-                                    {/* Plus Button to add a new row */}
-                                    < Button
-                                        icon="pi pi-plus"
-                                        size="small"
-                                        className="small-button"
-                                        onClick={addInput}
-                                        type="button"
-                                    />
-
-                                    {/* Trash Button to delete the row */}
-                                    <Button
-                                        icon="pi pi-trash"
-                                        size="small"
-                                        className="small-button"
-                                        onClick={() => deleteInput(index)}
-                                        outlined
-                                        severity="danger"
-                                        type="button"
-                                    />
-                                </>
-                            }
-                        </div>
-
-                    ))}
-
-                </div>
-
-            </div>
-        </div>
-    )
-}

package/src/components/core/kanban/kanban-fields/SolidBigintKanbanField.tsx

@@ -1,9 +0,0 @@
-'use client';
-import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
-import SolidIntKanbanField from './SolidIntKanbanField';
-
-const SolidBigintKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {
-    return SolidIntKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data });
-};
-
-export default SolidBigintKanbanField;

package/src/components/core/kanban/kanban-fields/SolidBooleanKanbanField.tsx

@@ -1,13 +0,0 @@
-'use client';
-
-import { Checkbox } from "primereact/checkbox";
-import { SolidKanbanViewFieldsParams } from "../SolidKanbanViewFields";
-
-const SolidBooleanKanbanField = ({ solidKanbanViewMetaData, fieldMetadata,fieldLayout, data }: SolidKanbanViewFieldsParams) => {
-
-    return (
-        <p className='m-0'>{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}`: ""}</p>
-    );
-};
-
-export default SolidBooleanKanbanField;