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

package/dist/components/core/form/fields/widgets/SolidLovTypeChangeFormEditWidget.tsx

@@ -0,0 +1,122 @@
+import { useState } from "react";
+import { SolidFormFieldWidgetProps } from "../../../../../types/solid-core";
+import { solidGet } from "../../../../../http/solidHttp";
+import { SolidAutocomplete } from "../../../../../components/shad-cn-ui/SolidAutocomplete";
+import { SolidInput } from "../../../../../components/shad-cn-ui/SolidInput";
+import { SolidIcon } from "../../../../../components/shad-cn-ui/SolidIcon";
+
+export const SolidLovTypeChangeFormEditWidget = ({
+    formik,
+    fieldContext
+}: SolidFormFieldWidgetProps) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+
+    const fieldLabel =
+        fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const fieldName = fieldLayoutInfo?.attrs?.name;
+
+    const value = formik.values?.[fieldName];
+
+    // 🔹 UI State
+    const [filteredOptions, setFilteredOptions] = useState<any[]>([]);
+    const [isCreating, setIsCreating] = useState(false);
+    const [inputValue, setInputValue] = useState(value || "");
+
+    // 🔹 Handle Autocommplete AJAX Fetching
+    const completeMethod = async (event: { query: string }) => {
+        try {
+            const query = event.query;
+            // Build the URL following the user's provided filter pattern
+
+            const filterPart = query
+                ? `&filters[$and][0][$or][0][${fieldName}][$containsi]=%${query}%`
+                : "";
+
+            const res = await solidGet(
+                `/api/list-of-values?&offset=0&limit=50&groupBy[0]=${fieldName}&aggregates[0]=id:count${filterPart}`
+            );
+
+            const extracted =
+                res?.data?.data?.groupMeta
+                    ?.filter((item: any) => item.groupValue != null)
+                    .map((item: any) => ({
+                        label: item.groupValue,
+                        value: item.groupValue
+                    })) || [];
+
+            setFilteredOptions(extracted);
+        } catch (err) {
+            console.error("Failed to fetch autocomplete suggestions", err);
+            setFilteredOptions([]);
+        }
+    };
+
+    // 🔹 Handle Change from Autocomplete
+    const handleAutocompleteChange = (e: { value: any }) => {
+        const selectedValue = typeof e.value === "object" ? e.value?.value : e.value;
+        formik.setFieldValue(fieldName, selectedValue);
+    };
+
+    // 🔹 Handle Input Submit (blur or enter)
+    const handleCreate = () => {
+        if (!inputValue.trim()) return;
+        formik.setFieldValue(fieldName, inputValue);
+        setIsCreating(false);
+    };
+
+    return (
+        <div className="solid-lov-type-change-widget w-full">
+            <div className="flex align-items-center justify-between  mb-2">
+                <label className="text-xs font-semibold text-muted-foreground uppercase tracking-wider">
+                    {fieldLabel}
+                </label>
+                <button
+                    type="button"
+                    onClick={() => {
+                        setIsCreating(!isCreating);
+                        if (!isCreating) setInputValue("");
+                    }}
+                    style={{ color: "blue", background: "transparent", border: 0 }}
+                >
+                    <SolidIcon name={isCreating ? "si-times" : "si-plus"} size={12} />
+                    <span>{isCreating ? "choose existing" : "add custom"}</span>
+                </button>
+            </div>
+
+            <div className="relative">
+                {!isCreating ? (
+                    <SolidAutocomplete
+                        value={value}
+                        suggestions={filteredOptions}
+                        completeMethod={completeMethod}
+                        onChange={handleAutocompleteChange}
+                        dropdown
+                        placeholder={`Select ${fieldLabel}`}
+                        className="w-full"
+                    />
+                ) : (
+                    <div className="flex gap-2">
+                        <SolidInput
+                            type="text"
+                            value={inputValue}
+                            autoFocus
+                            placeholder="Enter new type"
+                            className="flex-1 h-9"
+                            onChange={(e) => setInputValue(e.target.value)}
+                            onBlur={handleCreate}
+                            onKeyDown={(e) => {
+                                if (e.key === "Enter") {
+                                    handleCreate();
+                                }
+                                if (e.key === "Escape") {
+                                    setIsCreating(false);
+                                }
+                            }}
+                        />
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+};

package/dist/components/core/kanban/SolidKanbanViewFields.d.ts

@@ -0,0 +1,12 @@
+export type SolidKanbanViewFieldsParams = {
+    solidKanbanViewMetaData: any;
+    fieldMetadata: any;
+    fieldLayout: any;
+    data: any;
+    setLightboxUrls?: any;
+    setOpenLightbox?: any;
+    groupedView?: boolean;
+};
+export declare const getNumberOfInputs: (matchMode: any) => number | null;
+export declare const SolidKanbanViewFields: ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView }: SolidKanbanViewFieldsParams) => import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=SolidKanbanViewFields.d.ts.map

package/dist/components/core/kanban/SolidKanbanViewFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidKanbanViewFields.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewFields.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,2BAA2B,GAAG;IACtC,uBAAuB,EAAE,GAAG,CAAC;IAC7B,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC;IACjB,IAAI,EAAE,GAAG,CAAC;IACV,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,cAAe,GAAG,KAAG,MAAM,GAAG,IAyB3D,CAAA;AAoBD,eAAO,MAAM,qBAAqB,iHAAkH,2BAA2B,+DAuF9K,CAAC"}

package/dist/components/core/kanban/SolidKanbanViewFields.js

@@ -0,0 +1,145 @@
+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 var getNumberOfInputs = function (matchMode) {
+    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 var SolidKanbanViewFields = function (_a) {
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata, fieldLayout = _a.fieldLayout, data = _a.data, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, groupedView = _a.groupedView;
+    if (!fieldMetadata)
+        return null;
+    // And finally we can implement additional switching logic based on certain special fields. 
+    if (fieldMetadata.name === 'id') {
+        return SolidIntKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'int') {
+        return SolidIntKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'bigint') {
+        return SolidBigintKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'float') {
+        return SolidFloatKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'decimal') {
+        return SolidDecimalKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'shortText') {
+        return SolidShortTextKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, groupedView: groupedView });
+    }
+    if (fieldMetadata.type === 'longText') {
+        return SolidLongTextKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data, groupedView: groupedView });
+    }
+    if (fieldMetadata.type === 'richText') {
+        return SolidRichTextKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'boolean') {
+        return SolidBooleanKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'date') {
+        return SolidDateKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'datetime') {
+        return SolidDatetimeKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'time') {
+        return SolidTimeKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'relation') {
+        return SolidRelationKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'mediaSingle') {
+        return SolidMediaSingleKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox });
+    }
+    if (fieldMetadata.type === 'mediaMultiple') {
+        return SolidMediaMultipleKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox });
+    }
+    if (fieldMetadata.type === 'selectionStatic') {
+        return SolidSelectionStaticKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'selectionDynamic') {
+        return SolidSelectionDynamicKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'computed') {
+        return SolidComputedKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'externalId') {
+        return SolidExternalIdKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    if (fieldMetadata.type === 'uuid') {
+        return SolidUuidKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: 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.
+};
+//# sourceMappingURL=SolidKanbanViewFields.js.map

package/dist/components/core/kanban/SolidKanbanViewFields.js.map

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

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

@@ -0,0 +1,164 @@
+
+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) => {
+    if(!fieldMetadata) return null
+    // 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/dist/components/core/kanban/SolidManyToOneFilterElement.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidManyToOneFilterElement: ({ value, updateInputs, index, fieldMetadata }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidManyToOneFilterElement.d.ts.map

package/dist/components/core/kanban/SolidManyToOneFilterElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidManyToOneFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,kDAAmD,GAAG,4CAmD7F,CAAA"}

package/dist/components/core/kanban/SolidManyToOneFilterElement.js

@@ -0,0 +1,87 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { AutoComplete } from "primereact/autocomplete";
+import { useState } from "react";
+import qs from "qs";
+export var SolidManyToOneFilterElement = function (_a) {
+    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
+    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var _b = useState([]), autoCompleteItems = _b[0], setAutoCompleteItems = _b[1];
+    var autoCompleteSearch = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var queryData, autocompleteQs, autocompleteResponse, autocompleteData, autoCompleteItems_1;
+        var _a;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    queryData = {
+                        offset: 0,
+                        limit: 10,
+                        filters: (_a = {},
+                            _a[(_c = (_b = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name] = {
+                                $containsi: event.query
+                            },
+                            _a)
+                    };
+                    autocompleteQs = qs.stringify(queryData, {
+                        encodeValuesOnly: true,
+                    });
+                    return [4 /*yield*/, triggerGetSolidEntities(autocompleteQs)];
+                case 1:
+                    autocompleteResponse = _d.sent();
+                    autocompleteData = autocompleteResponse.data;
+                    if (autocompleteData) {
+                        autoCompleteItems_1 = autocompleteData.records.map(function (item) {
+                            var _a, _b;
+                            return {
+                                label: item[(_b = (_a = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _a === void 0 ? void 0 : _a.userKeyField) === null || _b === void 0 ? void 0 : _b.name],
+                                value: item['id']
+                            };
+                        });
+                        setAutoCompleteItems(autoCompleteItems_1);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(AutoComplete, { field: "label", value: value, suggestions: autoCompleteItems, completeMethod: autoCompleteSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "solid-standard-autocomplete" }));
+};
+//# sourceMappingURL=SolidManyToOneFilterElement.js.map

package/dist/components/core/kanban/SolidManyToOneFilterElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidManyToOneFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEnF,IAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC1E,IAAA,4BAA4B,GAAK,SAAS,6BAAd,CAAe;IAC5C,IAAA,uBAAuB,GAAI,4BAA4B,EAAE,GAAlC,CAAmC;IAE3D,IAAA,KAA4C,QAAQ,CAAC,EAAE,CAAC,EAAvD,iBAAiB,QAAA,EAAE,oBAAoB,QAAgB,CAAC;IAC/D,IAAM,kBAAkB,GAAG,UAAO,KAAgC;;;;;;;oBAGxD,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,OAAO;4BACH,GAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,IAAG;gCAChD,UAAU,EAAE,KAAK,CAAC,KAAK;6BAC1B;+BACJ;qBACJ,CAAC;oBAEI,cAAc,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBAC3C,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAG0B,qBAAM,uBAAuB,CAAC,cAAc,CAAC,EAAA;;oBAApE,oBAAoB,GAAG,SAA6C;oBAGpE,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC;oBAEnD,IAAI,gBAAgB,EAAE;wBACZ,sBAAoB,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS;;4BAC7D,OAAO;gCACH,KAAK,EAAE,IAAI,CAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;gCAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;6BACpB,CAAA;wBACL,CAAC,CAAC,CAAC;wBACH,oBAAoB,CAAC,mBAAiB,CAAC,CAAC;qBAC3C;;;;SACJ,CAAA;IAED,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,EAC9B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,6BAA6B,GACzC,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { InputTypes } from \"./SolidVarInputsFilterElement\"\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useState } from \"react\";\nimport qs from \"qs\";\n\n\nexport const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);\n    const { useLazyGetSolidEntitiesQuery } = entityApi;\n    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n    const [autoCompleteItems, setAutoCompleteItems] = useState([]);\n    const autoCompleteSearch = async (event: AutoCompleteCompleteEvent) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            filters: {\n                [fieldMetadata?.relationModel?.userKeyField?.name]: {\n                    $containsi: event.query\n                }\n            }\n        };\n\n        const autocompleteQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const autocompleteResponse = await triggerGetSolidEntities(autocompleteQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const autocompleteData = autocompleteResponse.data;\n\n        if (autocompleteData) {\n            const autoCompleteItems = autocompleteData.records.map((item: any) => {\n                return {\n                    label: item[fieldMetadata?.relationModel?.userKeyField?.name],\n                    value: item['id']\n                }\n            });\n            setAutoCompleteItems(autoCompleteItems);\n        }\n    }\n\n    return (\n        <AutoComplete\n            field=\"label\"\n            value={value}\n            suggestions={autoCompleteItems}\n            completeMethod={autoCompleteSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"solid-standard-autocomplete\"\n        />\n    )\n}"]}

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

@@ -0,0 +1,59 @@
+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"
+        />
+    )
+}