@solidxai/core-ui 0.1.14-beta.6 → 0.1.14-beta.9

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

@@ -4,7 +4,9 @@ import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
 import { DropResult } from "@hello-pangea/dnd";
 import qs from "qs";
-import { useEffect, useRef, useState } from "react";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { useSession } from "../../../hooks/useSession";
+import { resolveActiveUserId, resolveSavedFilterVariables } from "../../../helpers/resolveActiveUserId";
 import { SolidCreateButton } from "../common/SolidCreateButton";
 import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
 import KanbanBoard from "./KanbanBoard";
@@ -50,6 +52,31 @@ type SolidKanbanViewParams = {
   moduleName: string;
   modelName: string;
   embeded: boolean;
+  customFilter?: any;
+};
+
+type SolidKanbanFilterInput = {
+  custom_filter_predicate?: any;
+  search_predicate?: any;
+  saved_filter_predicate?: any;
+  predefined_search_predicate?: any;
+};
+
+export type SolidKanbanViewHandle = {
+  refresh: () => void;
+  clearFilters: () => void;
+  applyFilter: (filter: SolidKanbanFilterInput) => void;
+  getSavedFilters: () => any[];
+  applySavedFilter: (name: string, variables?: Record<string, any>) => boolean;
+  setShowArchived: (value: boolean) => void;
+  getState: () => {
+    groupByFieldName: string;
+    showArchived: boolean;
+    filters: any;
+    filterPredicates: any;
+    kanbanData: any[];
+    loading: boolean;
+  };
 };
 
 type KanbanSwimlaneDefinition = {
@@ -119,12 +146,14 @@ const mergeKanbanGroupsWithDefinitions = (
 };
 
 
-export const SolidKanbanView = (params: SolidKanbanViewParams) => {
+export const SolidKanbanView = forwardRef<SolidKanbanViewHandle, SolidKanbanViewParams>((params, ref) => {
+  const session = useSession();
+  const user = session?.data?.user;
 
   const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);
   const dispatch = useDispatch()
 
-  const solidGlobalSearchElementRef = useRef();
+  const solidGlobalSearchElementRef = useRef<any>(null);
   const router = useRouter();
   const searchParams = useSearchParams();
   // TODO: The initial filter state will be created based on the fields which are present on this kanban view. 
@@ -542,7 +571,11 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
           }
           if (queryObject.saved_filter_predicate) {
             // @ts-ignore
-            filters.$and.push(queryObject.saved_filter_predicate);
+            filters.$and.push(resolveSavedFilterVariables(
+              queryObject.saved_filter_predicate,
+              user?.id,
+              queryObject.saved_filter_variables || {}
+            ).value);
           }
           if (queryObject.predefined_search_predicate) {
             // @ts-ignore
@@ -976,7 +1009,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
       }
       if (filterPredicates.saved_filter_predicate) {
         // @ts-ignore
-        queryfilter.$and.push(filterPredicates.saved_filter_predicate);
+        queryfilter.$and.push(filterPredicates.resolved_saved_filter_predicate ||
+          resolveActiveUserId(filterPredicates.saved_filter_predicate, user?.id));
       }
       if (filterPredicates.predefined_search_predicate) {
         // @ts-ignore
@@ -1031,6 +1065,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
         // @ts-ignore
         urlData.saved_filter_predicate = customFilter.saved_filter_predicate || {};
         // @ts-ignore
+        urlData.saved_filter_variables = customFilter.saved_filter_variables || {};
+        // @ts-ignore
         urlData.predefined_search_predicate = customFilter.predefined_search_predicate || {};
         // @ts-ignore
         urlData.predefined_search_chip = customFilter.predefined_search_chip || null;
@@ -1088,6 +1124,39 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
      loadKanbanBoard(filters);
   };
 
+  const cloneKanbanData = () => {
+    if (typeof structuredClone === "function") return structuredClone(kanbanViewData);
+    return JSON.parse(JSON.stringify(kanbanViewData));
+  };
+
+  useImperativeHandle(ref, () => ({
+    refresh: () => {
+      void loadKanbanBoard(filters);
+    },
+    clearFilters: () => {
+      setFilters(params.customFilter || { $and: [] });
+      setFilterPredicates(null);
+      solidGlobalSearchElementRef.current?.clearFilter?.();
+    },
+    applyFilter: (filter) => {
+      void handleApplyCustomFilter(filter);
+    },
+    getSavedFilters: () => solidGlobalSearchElementRef.current?.getSavedFilters?.() ?? [],
+    applySavedFilter: (name, variables) =>
+      solidGlobalSearchElementRef.current?.applySavedFilterByName?.(name, variables) ?? false,
+    setShowArchived: (value) => {
+      setShowArchived(value);
+    },
+    getState: () => ({
+      groupByFieldName,
+      showArchived,
+      filters,
+      filterPredicates,
+      kanbanData: cloneKanbanData(),
+      loading,
+    }),
+  }), [groupByFieldName, showArchived, filters, filterPredicates, kanbanViewData, loading]);
+
   const toggleBothSidebars = () => {
     if (visibleNavbar) {
       dispatch(toggleNavbar());   // close both
@@ -1113,7 +1182,11 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
                 */}
 
                 {/* <p className="m-0 view-title solid-text-wrapper">{kanbanViewTitle}</p> */}
-                <div className={`${showGlobalSearchElement ? "flex" : "hidden lg:flex"} mt-3 lg:mt-0  w-full lg:flex lg:min-w-0`}>
+                <div className="max-[576px]:hidden sm:hidden lg:flex w-full mt-3 lg:mt-0 lg:min-w-0">
+                  {/* Keep global search mounted for now because kanban bootstrap/filter hydration still flows through this element. */}
+                  <SolidGlobalSearchElement viewType="kanban" showSaveFilterPopup={showSaveFilterPopup} setShowSaveFilterPopup={setShowSaveFilterPopup} ref={solidGlobalSearchElementRef} viewData={solidKanbanViewMetaData} handleApplyCustomFilter={handleApplyCustomFilter} filterPredicates={filterPredicates} ></SolidGlobalSearchElement>
+                </div>
+                <div className={`${showGlobalSearchElement ? "lg:flex" : "hidden"} lg:hidden mt-3 lg:mt-0 w-full lg:min-w-0`}>
                   {/* Keep global search mounted for now because kanban bootstrap/filter hydration still flows through this element. */}
                   <SolidGlobalSearchElement viewType="kanban" showSaveFilterPopup={showSaveFilterPopup} setShowSaveFilterPopup={setShowSaveFilterPopup} ref={solidGlobalSearchElementRef} viewData={solidKanbanViewMetaData} handleApplyCustomFilter={handleApplyCustomFilter} filterPredicates={filterPredicates} ></SolidGlobalSearchElement>
                 </div>
@@ -1121,7 +1194,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
               <div className="flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto">
                 <SolidHeaderRequestStatus label={headerRequestStatusLabel} />
-                <div className="flex lg:hidden">
+                 <div className="solid-list-search-toggle">
                   <SolidButton
                     type="button"
                     variant="outline"
@@ -1192,7 +1265,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
           <style>{`.p-datatable .p-datatable-loading-overlay {background-color: rgba(0, 0, 0, 0.0);}`}</style>
           {solidKanbanViewMetaData && kanbanViewData &&
-            <KanbanBoard groupByFieldName={groupByFieldName} kanbanViewData={kanbanViewData} maxSwimLanesCount={maxSwimLanesCount} solidKanbanViewMetaData={solidKanbanViewMetaData?.data} setKanbanViewData={setKanbanViewData} handleLoadMore={handleLoadMore} onDragEnd={onDragEnd} handleSwimLanePagination={handleSwimLanePagination} onDelete={actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) && solidKanbanViewMetaData?.data?.solidView?.layout?.attrs.delete !== false ? openDeleteDialogForRecord : undefined} onRecover={handleRecoverRecord} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editBaseUrl} recordClickAction={recordClickAction} showArchived={showArchived}></KanbanBoard>
+            <KanbanBoard groupByFieldName={groupByFieldName} kanbanViewData={kanbanViewData} maxSwimLanesCount={maxSwimLanesCount} solidKanbanViewMetaData={solidKanbanViewMetaData?.data} setKanbanViewData={setKanbanViewData} handleLoadMore={handleLoadMore} onDragEnd={onDragEnd} handleSwimLanePagination={handleSwimLanePagination} onDelete={actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) && solidKanbanViewMetaData?.data?.solidView?.layout?.attrs.delete !== false ? openDeleteDialogForRecord : undefined} onRecover={handleRecoverRecord} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editBaseUrl} recordClickAction={recordClickAction} showArchived={showArchived} params={params} handleCustomButtonClick={handleCustomButtonClick}></KanbanBoard>
           }
         </div>
       </div>
@@ -1242,4 +1315,4 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
       </SolidDialog>
     </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":"AACA,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,uBAAuB,MAAM,yCAAyC,CAAC;AAC9E,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AACxE,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,uBAAuB,MAAM,yCAAyC,CAAC;AAC9E,OAAO,0BAA0B,MAAM,4CAA4C,CAAC;AACpF,OAAO,qBAAqB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,mBAAmB,MAAM,qCAAqC,CAAC;AACtE,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,6BAA6B,MAAM,+CAA+C,CAAC;AAC1F,OAAO,2BAA2B,MAAM,6CAA6C,CAAC;AACtF,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,wBAAwB,MAAM,0CAA0C,CAAC;AAChF,OAAO,gCAAgC,MAAM,kDAAkD,CAAC;AAChG,OAAO,+BAA+B,MAAM,iDAAiD,CAAC;AAC9F,OAAO,yBAAyB,MAAM,2CAA2C,CAAC;AAClF,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AACxE,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AAYxE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,SAAc;IAC5C,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,KAAK,QAAQ,EAAE;QACjD,SAAS,GAAG,OAAO,CAAC;KACvB;IAED,QAAQ,SAAS,EAAE;QACf,KAAK,SAAS;YACV,OAAO,CAAC,CAAC;QACb,KAAK,IAAI,CAAC;QACV,KAAK,OAAO;YACR,OAAO,IAAI,CAAC;QAChB,KAAK,YAAY,CAAC;QAClB,KAAK,UAAU,CAAC;QAChB,KAAK,aAAa,CAAC;QACnB,KAAK,UAAU,CAAC;QAChB,KAAK,QAAQ,CAAC;QACd,KAAK,WAAW,CAAC;QACjB,KAAK,IAAI,CAAC;QACV,KAAK,KAAK,CAAC;QACX,KAAK,IAAI,CAAC;QACV,KAAK,KAAK;YACN,OAAO,CAAC,CAAC;QACb;YACI,OAAO,CAAC,CAAC,CAAC,wDAAwD;KACzE;AACL,CAAC,CAAA;AAED,gBAAgB;AAChB,uFAAuF;AAEvF,oEAAoE;AACpE,wDAAwD;AACxD,YAAY;AACZ,kHAAkH;AAElH,4DAA4D;AAC5D,+DAA+D;AAE/D,0CAA0C;AAC1C,wBAAwB;AACxB,8EAA8E;AAC9E,uBAAuB;AACvB,QAAQ;AACR,KAAK;AAEL,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAAyI;QAAvI,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA,EAAE,WAAW,iBAAA;IAC5I,IAAG,CAAC,aAAa;QAAE,OAAO,IAAI,CAAA;IAC9B,4FAA4F;IAC5F,IAAI,aAAa,CAAC,IAAI,KAAK,IAAI,EAAE;QAC7B,OAAO,mBAAmB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAC7F;IAED,IAAI,aAAa,CAAC,IAAI,KAAK,KAAK,EAAE;QAC9B,OAAO,mBAAmB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAC7F;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,QAAQ,EAAE;QACjC,OAAO,sBAAsB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAChG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,EAAE;QAChC,OAAO,qBAAqB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAC/F;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,SAAS,EAAE;QAClC,OAAO,uBAAuB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KACjG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,WAAW,EAAE;QACpC,OAAO,yBAAyB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,eAAe,iBAAA,EAAE,eAAe,iBAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC;KAClJ;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;QACnC,OAAO,wBAAwB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC;KAC/G;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;QACnC,OAAO,wBAAwB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAClG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,SAAS,EAAE;QAClC,OAAO,uBAAuB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KACjG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE;QAC/B,OAAO,oBAAoB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAC9F;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;QACnC,OAAO,wBAAwB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAClG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE;QAC/B,OAAO,oBAAoB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAC9F;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;QACnC,OAAO,wBAAwB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAClG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,aAAa,EAAE;QACtC,OAAO,2BAA2B,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,eAAe,iBAAA,EAAE,eAAe,iBAAA,EAAE,CAAC,CAAC;KACvI;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,eAAe,EAAE;QACxC,OAAO,6BAA6B,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,eAAe,iBAAA,EAAE,eAAe,iBAAA,EAAE,CAAC,CAAC;KACzI;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,iBAAiB,EAAE;QAC1C,OAAO,+BAA+B,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KACzG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,kBAAkB,EAAE;QAC3C,OAAO,gCAAgC,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAC1G;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;QACnC,OAAO,wBAAwB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAClG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,YAAY,EAAE;QACrC,OAAO,0BAA0B,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KACpG;IACD,IAAI,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE;QAC/B,OAAO,oBAAoB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAC9F;IACD,yDAAyD;IACzD,SAAS;IACT,4EAA4E;IAC5E,iIAAiI;IACjI,kBAAkB;IAClB,uCAAuC;IACvC,yCAAyC;IACzC,iDAAiD;IACjD,kCAAkC;IAClC,+BAA+B;IAC/B,6BAA6B;IAC7B,yCAAyC;IACzC,6DAA6D;IAC7D,4CAA4C;IAC5C,gDAAgD;IAChD,qBAAqB;IACrB,SAAS;IAET,8LAA8L;IAC9L,IAAI;IAEJ,sHAAsH;AAE1H,CAAC,CAAC","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}"]}