@solidxai/core-ui 0.1.8-beta.9 → 0.1.9-alpha.0

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

@@ -25,6 +25,7 @@ import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
 import { showToast } from "../../../redux/features/toastSlice";
 import { usePathname } from "../../../hooks/usePathname";
 import { useSearchParams } from "../../../hooks/useSearchParams";
+import { solidGet } from "../../../http/solidHttp";
 import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
 import {
   SolidButton,
@@ -38,6 +39,7 @@ import {
   SolidIcon,
 } from "../../shad-cn-ui";
 import { FilterMatchMode } from "../filter/filterMatchMode";
+import { kebabCase } from "lodash";
 
 type SolidKanbanViewParams = {
   moduleName: string;
@@ -45,6 +47,70 @@ type SolidKanbanViewParams = {
   embeded: boolean;
 };
 
+type KanbanSwimlaneDefinition = {
+  value: string;
+  label: string;
+};
+
+const getKanbanSortParam = (sortValue?: string) => {
+  if (!sortValue) {
+    return "id:asc";
+  }
+
+  return sortValue.includes(":") ? sortValue : `${sortValue}:asc`;
+};
+
+const createEmptyKanbanGroup = (
+  definition: KanbanSwimlaneDefinition,
+  recordsInSwimlane: number
+) => ({
+  groupName: definition.value,
+  groupLabel: definition.label,
+  groupData: {
+    records: [],
+    meta: {
+      totalRecords: 0,
+      perPage: recordsInSwimlane,
+      currentPage: 1,
+      prevPage: null,
+      nextPage: null,
+    },
+  },
+});
+
+const mergeKanbanGroupsWithDefinitions = (
+  groupRecords: any[],
+  swimlaneDefinitions: KanbanSwimlaneDefinition[],
+  recordsInSwimlane: number
+) => {
+  if (!swimlaneDefinitions.length) {
+    return groupRecords;
+  }
+
+  const groupMap = new Map(
+    (groupRecords || []).map((group: any) => [
+      String(group?.groupName),
+      {
+        ...group,
+        groupName: String(group?.groupName ?? ""),
+      },
+    ])
+  );
+
+  return swimlaneDefinitions.map((definition) => {
+    const existingGroup = groupMap.get(definition.value);
+    if (existingGroup) {
+      return {
+        ...existingGroup,
+        groupName: definition.value,
+        groupLabel: definition.label,
+      };
+    }
+
+    return createEmptyKanbanGroup(definition, recordsInSwimlane);
+  });
+};
+
 
 export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
@@ -74,6 +140,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
   const [lightboxUrls, setLightboxUrls] = useState<any[]>([]);
   const [filterQueryString, setFilterQueryString] = useState<any>();
   const [isLayoutDialogVisible, setLayoutDialogVisible] = useState(false);
+  const [swimlaneDefinitions, setSwimlaneDefinitions] = useState<KanbanSwimlaneDefinition[]>([]);
   const lightboxSlides: SolidLightboxSlide[] = Array.isArray(lightboxUrls)
     ? lightboxUrls
       .map((item: any) => {
@@ -161,10 +228,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
   );
   const [kanbanViewMetaData, setKanbanViewMetaData] = useState<any>({});
 
-  const {
-    data: solidKanbanViewMetaData } = useGetSolidViewLayoutQuery(kanbanViewMetaDataQs);
-
-
+  const { data: solidKanbanViewMetaData } = useGetSolidViewLayoutQuery(kanbanViewMetaDataQs);
 
   const initialFilterMethod = () => {
 
@@ -278,6 +342,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
   const [queryDataLoaded, setQueryDataLoaded] = useState(false);
   const [showSaveFilterPopup, setShowSaveFilterPopup] = useState<boolean>(false);
   const [maxSwimLanesCount, setMaxSwimLanesCount] = useState<number>(0);
+  const [rawKanbanGroupRecords, setRawKanbanGroupRecords] = useState<any[]>([]);
+  const [serverSwimLaneCount, setServerSwimLaneCount] = useState<number>(0);
   const pathname = usePathname();
   // @ts-ignore
   const editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
@@ -303,29 +369,33 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
   // After data is fetched populate the kanban view state so as to be able to render the data. 
   useEffect(() => {
     if (solidEntityKanbanViewData) {
-      // Merge groupRecords by groupName: update existing, add new
-      setMaxSwimLanesCount(solidEntityKanbanViewData?.meta?.totalRecords || 0);
-      const groupRecords = solidEntityKanbanViewData?.groupRecords || [];
-      const groupMap = new Map((kanbanViewData || []).map((g: any) => [g.groupName, g]));
-      groupRecords.forEach((newGroup: any) => {
-        groupMap.set(newGroup.groupName, newGroup);
-      });
-      const latestKanbanGroupData = Array.from(groupMap.values());
-      setKanbanViewData(latestKanbanGroupData);
-      const loadmoredata = Object.entries(latestKanbanGroupData).reduce((acc: any, [, value]: any) => {
-        acc[value.groupName] = {
-          offset: (value.groupData.meta.currentPage - 1) * value.groupData.meta.perPage,
-          limit: value.groupData.meta.perPage,
-          count: value.groupData.meta.totalRecords
-        };
-        return acc;
-      }, {});
-
-      setKanbanLoadMoreData(loadmoredata)
+      setServerSwimLaneCount(solidEntityKanbanViewData?.meta?.totalRecords || 0);
+      setRawKanbanGroupRecords(solidEntityKanbanViewData?.groupRecords || []);
       setLoading(false);
     }
   }, [solidEntityKanbanViewData]);
 
+  useEffect(() => {
+    const mergedKanbanGroupData = mergeKanbanGroupsWithDefinitions(
+      rawKanbanGroupRecords,
+      swimlaneDefinitions,
+      recordsInSwimlane
+    );
+    setKanbanViewData(mergedKanbanGroupData);
+    setMaxSwimLanesCount(swimlaneDefinitions.length > 0 ? swimlaneDefinitions.length : serverSwimLaneCount);
+
+    const loadmoredata = Object.entries(mergedKanbanGroupData).reduce((acc: any, [, value]: any) => {
+      acc[value.groupName] = {
+        offset: ((value.groupData?.meta?.currentPage || 1) - 1) * (value.groupData?.meta?.perPage || recordsInSwimlane),
+        limit: value.groupData?.meta?.perPage || recordsInSwimlane,
+        count: value.groupData?.meta?.totalRecords || 0
+      };
+      return acc;
+    }, {});
+
+    setKanbanLoadMoreData(loadmoredata);
+  }, [rawKanbanGroupRecords, recordsInSwimlane, serverSwimLaneCount, swimlaneDefinitions]);
+
   useEffect(() => {
     if (solidKanbanViewMetaData) {
       const kanbanViewLayoutAttrs = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs;
@@ -356,12 +426,74 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
     }
   }, [solidKanbanViewMetaData])
 
+  useEffect(() => {
+    const loadSwimlaneDefinitions = async () => {
+      const fieldMeta = solidKanbanViewMetaData?.data?.solidFieldsMetadata?.[groupByFieldName];
+      const layoutAttrs = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs || {};
+
+      if (!groupByFieldName || !fieldMeta) {
+        setSwimlaneDefinitions([]);
+        return;
+      }
+
+      if (fieldMeta.type === "selectionStatic" && Array.isArray(fieldMeta.selectionStaticValues)) {
+        const staticDefinitions = fieldMeta.selectionStaticValues
+          .map((item: string) => {
+            const [rawValue, rawLabel] = String(item).split(":");
+            const value = (rawValue ?? "").trim();
+            const label = (rawLabel ?? rawValue ?? "").trim();
+            return { value, label };
+          })
+          .filter((item: KanbanSwimlaneDefinition) => item.value !== "");
+
+        setSwimlaneDefinitions(staticDefinitions);
+        return;
+      }
+
+      if (
+        fieldMeta.type === "relation" &&
+        fieldMeta.relationType === "many-to-one" &&
+        fieldMeta.relationCoModelSingularName
+      ) {
+        try {
+          const orderBy = getKanbanSortParam(layoutAttrs.swimlanesOrderBy);
+          const relationUserKeyField = fieldMeta?.relationModel?.userKeyField?.name || "id";
+          const response = await solidGet(`/${kebabCase(fieldMeta.relationCoModelSingularName)}`, {
+            params: {
+              offset: 0,
+              limit: 100,
+              sort: [orderBy],
+            },
+          });
+
+          const records = response?.data?.data?.records || [];
+          const relationDefinitions = records
+            .map((record: any) => ({
+              value: String(record?.id ?? ""),
+              label: String(record?.[relationUserKeyField] ?? record?.id ?? ""),
+            }))
+            .filter((item: KanbanSwimlaneDefinition) => item.value !== "");
+
+          setSwimlaneDefinitions(relationDefinitions);
+          return;
+        } catch (error) {
+          console.error(ERROR_MESSAGES.API_ERROR, error);
+        }
+      }
+
+      setSwimlaneDefinitions([]);
+    };
+
+    loadSwimlaneDefinitions();
+  }, [groupByFieldName, solidKanbanViewMetaData])
+
   // Fetch data after toPopulate has been populated...
   useEffect(() => {
 
     if (solidKanbanViewMetaData) {
 
       const swimlanesCount = solidKanbanViewMetaData?.data.solidView?.layout?.attrs?.swimlanesCount || 5;
+      const resolvedSwimlanesCount = swimlaneDefinitions.length > 0 ? swimlaneDefinitions.length : swimlanesCount;
       if (groupByFieldName) {
 
         const queryObject = getFilterObjectFromLocalStorage();
@@ -387,7 +519,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
           const queryData = {
             offset: 0,
-            limit: Number(queryObject.limit) + Number(queryObject.offset),
+            limit: swimlaneDefinitions.length > 0 ? swimlaneDefinitions.length : Number(queryObject.limit) + Number(queryObject.offset),
             // fields: queryObject.fields || [`${groupByFieldName}`, `count(${groupByFieldName})`],
             groupBy: queryObject.groupBy || groupByFieldName,
             // @ts-ignore
@@ -421,7 +553,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
           const { recordsInSwimlane, toPopulate, toPopulateMedia } = initialFilterMethod();
           const queryData = {
             offset: 0,
-            limit: swimlanesCount,
+            limit: resolvedSwimlanesCount,
             // fields: [`${groupByFieldName}`, `count(${groupByFieldName})`],
             groupBy: groupByFieldName,
             populateMedia: toPopulateMedia,
@@ -451,7 +583,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
         setSelectedRecords([]);
       }
     }
-  }, [isDeleteSolidEntitiesSucess, groupByFieldName, solidKanbanViewMetaData]);
+  }, [groupByFieldName, isDeleteSolidEntitiesSucess, solidKanbanViewMetaData, swimlaneDefinitions]);
 
   // clickable link allowing one to open the detail / form view.
 
@@ -530,15 +662,15 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
       const updatedData = mergeData(kanbanViewData, newRecords, groupByField);
       setKanbanViewData(updatedData);
-      const loadmoredata = Object.entries(updatedData).reduce((acc: any, [, value]: any) => {
-        acc[value.groupName] = {
-          offset: (value.groupData.meta.currentPage - 1) * value.groupData.meta.perPage,
-          limit: value.groupData.meta.perPage,
-          count: value.groupData.meta.totalRecords
-        };
-        return acc;
-      }, {});
-      setKanbanLoadMoreData(loadmoredata)
+      setRawKanbanGroupRecords((previousGroups: any[]) => {
+        const existingGroups = Array.isArray(previousGroups) ? previousGroups : [];
+        return updatedData
+          .filter((group: any) => (group.groupData?.meta?.totalRecords || 0) > 0)
+          .map((group: any) => {
+            const existingGroup = existingGroups.find((item: any) => String(item.groupName) === String(group.groupName));
+            return existingGroup ? { ...existingGroup, ...group } : group;
+          });
+      })
 
     } catch (error) {
       console.error(ERROR_MESSAGES.LOAD_MORE_DATA, error);
@@ -596,7 +728,9 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
     const [movedItem] = sourceRecords.splice(source.index, 1);
 
     // Create a mutable copy of the moved item
-    const updatedItem = { ...movedItem, status: destinationGroupName };
+    const updatedItem = groupByFieldName
+      ? { ...movedItem, [groupByFieldName]: destinationGroupName }
+      : movedItem;
 
     // Add the updated item to the destination
     destinationRecords.splice(destination.index, 0, updatedItem);
@@ -646,9 +780,10 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
     if (solidKanbanViewMetaData) {
 
       const swimlanesCount = solidKanbanViewMetaData?.data.solidView?.layout?.attrs?.swimlanesCount || 5;
+      const resolvedSwimlanesCount = swimlaneDefinitions.length > 0 ? swimlaneDefinitions.length : swimlanesCount;
       const queryData = {
         offset: swimLaneCurrentPageNumber * swimlanesCount,
-        limit: swimlanesCount,
+        limit: resolvedSwimlanesCount,
         // fields: [`${groupByFieldName}`, `count(${groupByFieldName})`],
         groupBy: groupByFieldName,
         populateMedia: toPopulateMedia,
@@ -671,8 +806,13 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
       const data: any = await triggerGetSolidEntities(queryString);
       if (data && data?.data?.groupRecords.length > 0) {
-        const updatedData = [...kanbanViewData, ...data.data.groupRecords];
-        setKanbanViewData(updatedData);
+        setRawKanbanGroupRecords((previousGroups: any[]) => {
+          const groupMap = new Map((previousGroups || []).map((group: any) => [String(group.groupName), group]));
+          data.data.groupRecords.forEach((group: any) => {
+            groupMap.set(String(group.groupName), group);
+          });
+          return Array.from(groupMap.values());
+        });
       }
       setSwimLaneCurrentPageNumber(swimLaneCurrentPageNumber + 1)
     }
@@ -713,11 +853,12 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
 
 
       const swimlanesCount = solidKanbanViewMetaData?.data.solidView?.layout?.attrs?.swimlanesCount || 5;
+      const resolvedSwimlanesCount = swimlaneDefinitions.length > 0 ? swimlaneDefinitions.length : swimlanesCount;
       // const { toPopulate, toPopulateMedia } = initialFilterMethod();
 
       const queryData = {
         offset: 0,
-        limit: swimlanesCount,
+        limit: resolvedSwimlanesCount,
         // fields: [`${groupByFieldName}`, `count(${groupByFieldName})`],
         groupBy: groupByFieldName,
         populateMedia: toPopulateMedia,
@@ -756,8 +897,9 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
       // Update the kanban view data with the new data based on filter
       setSwimLaneCurrentPageNumber(1);
       if (data && data?.data?.groupRecords.length > 0) {
-        const updatedData = [...data.data.groupRecords];
-        setKanbanViewData(updatedData);
+        setRawKanbanGroupRecords([...data.data.groupRecords]);
+      } else {
+        setRawKanbanGroupRecords([]);
       }
       setSelectedRecords([]);
 
@@ -780,17 +922,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
   }, [solidKanbanViewMetaData])
 
   const kanbanViewTitle = solidKanbanViewMetaData?.data?.solidView?.displayName
-  const entityDisplayName =
-    solidKanbanViewMetaData?.data?.solidView?.model?.displayName || params.modelName;
-  const headerRequestStatusLabel =
-    isDeleteSolidEntitiesLoading
-      ? "Deleting..."
-      : isPatchKanbanViewLoading
-        ? "Updating..."
-        : loading || !queryDataLoaded
-          ? "Loading..."
-          : null;
-
+  const entityDisplayName = solidKanbanViewMetaData?.data?.solidView?.model?.displayName || params.modelName;
+  const headerRequestStatusLabel = isDeleteSolidEntitiesLoading ? "Deleting..." : isPatchKanbanViewLoading ? "Updating..." : loading || !queryDataLoaded ? "Loading..." : null;
 
   const toggleBothSidebars = () => {
     if (visibleNavbar) {
@@ -800,6 +933,8 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
     }
   };
 
+  console.log(`Logging kanban data: `, solidKanbanViewMetaData);  
+
   return (
     <div className="page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden">
       <div className="solid-list-content h-full flex flex-column flex-grow-1">
@@ -814,28 +949,25 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
                 }
 
                 <p className="m-0 view-title solid-text-wrapper">{kanbanViewTitle}</p>
-                {solidKanbanViewMetaData?.data?.solidView?.layout?.attrs.enableGlobalSearch === true &&
-                  <div className="hidden lg:flex">
-                    <SolidGlobalSearchElement viewType="kanban" showSaveFilterPopup={showSaveFilterPopup} setShowSaveFilterPopup={setShowSaveFilterPopup} ref={solidGlobalSearchElementRef} viewData={solidKanbanViewMetaData} handleApplyCustomFilter={handleApplyCustomFilter}  ></SolidGlobalSearchElement>
-                  </div>
-                }
+                <div className="hidden lg:flex">
+                  {/* 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}  ></SolidGlobalSearchElement>
+                </div>
               </div>
 
               <div className="flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions">
                 <SolidHeaderRequestStatus label={headerRequestStatusLabel} />
-                {solidKanbanViewMetaData?.data?.solidView?.layout?.attrs.enableGlobalSearch === true &&
-                  <div className="flex lg:hidden">
-                    <SolidButton
-                      type="button"
-                      variant="outline"
-                      size="sm"
-                      className="solid-icon-button"
-                      onClick={() => setShowGlobalSearchElement(!showGlobalSearchElement)}
-                      aria-label="Toggle search"
-                      leftIcon={<SolidIcon name="si-search" aria-hidden />}
-                    />
-                  </div>
-                }
+                <div className="flex lg:hidden">
+                  <SolidButton
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    className="solid-icon-button"
+                    onClick={() => setShowGlobalSearchElement(!showGlobalSearchElement)}
+                    aria-label="Toggle search"
+                    leftIcon={<SolidIcon name="si-search" aria-hidden />}
+                  />
+                </div>
 
                 {actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) && solidKanbanViewMetaData?.data?.solidView?.layout?.attrs.create !== false &&
                   <SolidCreateButton createButtonUrl={createButtonUrl} createActionQueryParams={createActionQueryParams} responsiveIconOnly={true} />
@@ -872,7 +1004,7 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
                 />
               </div>
             </div>
-            {solidKanbanViewMetaData?.data?.solidView?.layout?.attrs.enableGlobalSearch === true && showGlobalSearchElement && (
+            {showGlobalSearchElement && (
               <div className="flex lg:hidden">
                 <SolidGlobalSearchElement viewType="kanban" showSaveFilterPopup={showSaveFilterPopup} setShowSaveFilterPopup={setShowSaveFilterPopup} ref={solidGlobalSearchElementRef} viewData={solidKanbanViewMetaData} handleApplyCustomFilter={handleApplyCustomFilter}  ></SolidGlobalSearchElement>
               </div>

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

@@ -110,7 +110,7 @@ export var SolidKanbanViewConfigure = function (_a) {
                                 }, children: [_jsx(SolidIcon, { name: "si-download", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Import" })] })), canExport && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {
                                     setExportView(true);
                                     setIsCogMenuOpen(false);
-                                }, children: [_jsx(SolidIcon, { name: "si-upload", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Export" })] })), (canCustomizeLayout || canSaveCustomFilter) && _jsx(SolidDropdownMenuSeparator, {}), canCustomizeLayout && (_jsxs(SolidDropdownMenuSub, { children: [_jsxs(SolidDropdownMenuSubTrigger, { className: "solid-header-dropdown-item", children: [_jsx(SolidIcon, { name: "si-sliders-h", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Customize Layout" })] }), _jsxs(SolidDropdownMenuSubContent, { className: "customize-layout-panel", children: [showSwitchType && (_jsxs(_Fragment, { children: [_jsx(SolidDropdownMenuLabel, { children: "Switch Type" }), _jsx(SolidDropdownMenuRadioGroup, { value: view, onValueChange: handleViewChange, children: visibleViewModes.map(function (option) { return (_jsx(SolidDropdownMenuRadioItem, { value: option.type, children: option.label }, option.type)); }) }), _jsx(SolidDropdownMenuSeparator, {})] })), _jsxs(SolidDropdownMenuItem, { onSelect: function () {
+                                }, children: [_jsx(SolidIcon, { name: "si-upload", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Export" })] })), (canCustomizeLayout || canSaveCustomFilter) && _jsx(SolidDropdownMenuSeparator, {}), canCustomizeLayout && (_jsxs(SolidDropdownMenuSub, { children: [_jsxs(SolidDropdownMenuSubTrigger, { className: "solid-header-dropdown-item", children: [_jsx(SolidIcon, { name: "si-sliders-h", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Layout" })] }), _jsxs(SolidDropdownMenuSubContent, { className: "customize-layout-panel", children: [showSwitchType && (_jsxs(_Fragment, { children: [_jsx(SolidDropdownMenuLabel, { children: "Switch Type" }), _jsx(SolidDropdownMenuRadioGroup, { value: view, onValueChange: handleViewChange, children: visibleViewModes.map(function (option) { return (_jsx(SolidDropdownMenuRadioItem, { value: option.type, children: option.label }, option.type)); }) }), _jsx(SolidDropdownMenuSeparator, {})] })), _jsxs(SolidDropdownMenuItem, { onSelect: function () {
                                                     setLayoutDialogVisible(true);
                                                     setIsCogMenuOpen(false);
                                                 }, children: [_jsx(SolidIcon, { name: "si-code", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Layout Editor" })] })] })] })), canSaveCustomFilter && (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () {

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

@@ -1 +1 @@
-{"version":3,"file":"SolidKanbanViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewConfigure.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EACH,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,EACpB,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,GACZ,MAAM,kBAAkB,CAAC;AAE1B,IAAM,kBAAkB,GAAG,UAAC,SAAqB;IAArB,0BAAA,EAAA,cAAqB;IAC7C,OAAO,SAAS;SACX,GAAG,CAAC,UAAC,MAAW;QACb,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC5B,OAAO;gBACH,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;aAC1D,CAAC;SACL;QAED,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC;QACzC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvB,6BACO,MAAM,KACT,IAAI,MAAA,EACJ,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IACvE;IACN,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,EASnC;;QARF,uBAAuB,6BAAA,EACvB,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,sBAAsB,4BAAA,EACtB,SAAS,eAAA,EACT,sBAAsB,4BAAA,EACtB,OAAO,aAAA,EACP,iBAAiB,uBAAA;IAEjB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACjC,IAAA,KAAkB,QAAQ,CAAS,EAAE,CAAC,EAArC,IAAI,QAAA,EAAE,OAAO,QAAwB,CAAC;IACvC,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IACpD,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAC1D,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IAEpD,IAAM,gBAAgB,GAAG,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACvF,IAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;IACnD,IAAM,WAAW,GAAG,MAAA,MAAA,MAAA,MAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,mCAAI,EAAE,CAAC;IAElF,SAAS,CAAC;QACN,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAC9B,IAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACzD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBACzB,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;aAClD;SACJ;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,gBAAgB,GAAG,UAAC,WAAmB;;QACzC,IAAI,IAAI,KAAK,WAAW;YAAE,OAAO;QAEjC,IAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,UAAC,MAAW,IAAK,OAAA,MAAM,CAAC,IAAI,KAAK,WAAW,EAA3B,CAA2B,CAAC,CAAC;QACrF,IAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACzD,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC;QACpD,IAAM,gBAAgB,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtE,IAAM,YAAY,GAAG;YACjB,UAAU,EAAE,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC;YAC1C,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC;YAC9C,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC;YACtC,UAAU,EAAE,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC;SAC7C,CAAC;QAEF,IAAM,WAAW,GAAG;YAChB,UAAU,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,mCAAI,YAAY,CAAC,UAAU;YAC3D,YAAY,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,mCAAI,YAAY,CAAC,YAAY;YACjE,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,mCAAI,YAAY,CAAC,QAAQ;YACrD,UAAU,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,mCAAI,YAAY,CAAC,UAAU;SAC9D,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;gBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YAC5C,IAAI,KAAK,EAAE;gBACP,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;aACpC;iBAAM;gBACH,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;aAChC;QACL,CAAC,CAAC,CAAC;QAEH,IAAM,OAAO,GAAG,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7C,IAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,UAAG,OAAO,cAAI,eAAe,CAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC3B,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAChD,YAAY,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAM,SAAS,GACX,OAAO,CAAC,SAAS,CAAC;QAClB,cAAc,CAAC,QAAQ,CAAC,UAAG,oBAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAE,CAAC;QACvE,cAAc,CAAC,QAAQ,CAAC,UAAG,oBAAoB,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAE,CAAC,CAAC;IAEtF,IAAM,SAAS,GACX,OAAO,CAAC,SAAS,CAAC;QAClB,cAAc,CAAC,QAAQ,CAAC,UAAG,oBAAoB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAE,CAAC;QACzE,cAAc,CAAC,QAAQ,CAAC,UAAG,oBAAoB,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAE,CAAC,CAAC;IAEtF,IAAM,kBAAkB,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAG,oBAAoB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAE,CAAC,CAAC;IAC5G,IAAM,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAG,oBAAoB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAE,CAAC,CAAC;IAEzG,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,MAAC,iBAAiB,IAAC,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,aAClE,KAAC,wBAAwB,IAAC,OAAO,kBAC7B,iBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4CAA4C,gBAC3C,qBAAqB,YAEhC,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,wBAAe,GAClC,GACc,EAC3B,MAAC,wBAAwB,IAAC,SAAS,EAAC,yBAAyB,aACxD,SAAS,IAAI,CACV,MAAC,qBAAqB,IAClB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE;oCACN,mBAAmB,CAAC,IAAI,CAAC,CAAC;oCAC1B,gBAAgB,CAAC,KAAK,CAAC,CAAC;gCAC5B,CAAC,aAED,KAAC,SAAS,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACxF,eAAM,SAAS,EAAC,kCAAkC,uBAAc,IAC5C,CAC3B,EAEA,SAAS,IAAI,CACV,MAAC,qBAAqB,IAClB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE;oCACN,aAAa,CAAC,IAAI,CAAC,CAAC;oCACpB,gBAAgB,CAAC,KAAK,CAAC,CAAC;gCAC5B,CAAC,aAED,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACtF,eAAM,SAAS,EAAC,kCAAkC,uBAAc,IAC5C,CAC3B,EAEA,CAAC,kBAAkB,IAAI,mBAAmB,CAAC,IAAI,KAAC,0BAA0B,KAAG,EAE7E,kBAAkB,IAAI,CACnB,MAAC,oBAAoB,eACjB,MAAC,2BAA2B,IAAC,SAAS,EAAC,4BAA4B,aAC/D,KAAC,SAAS,IAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACzF,eAAM,SAAS,EAAC,kCAAkC,iCAAwB,IAChD,EAC9B,MAAC,2BAA2B,IAAC,SAAS,EAAC,wBAAwB,aAC1D,cAAc,IAAI,CACf,8BACI,KAAC,sBAAsB,8BAAqC,EAC5D,KAAC,2BAA2B,IAAC,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,gBAAgB,YACpE,gBAAgB,CAAC,GAAG,CAAC,UAAC,MAAW,IAAK,OAAA,CACnC,KAAC,0BAA0B,IAAmB,KAAK,EAAE,MAAM,CAAC,IAAI,YAC3D,MAAM,CAAC,KAAK,IADgB,MAAM,CAAC,IAAI,CAEf,CAChC,EAJsC,CAItC,CAAC,GACwB,EAC9B,KAAC,0BAA0B,KAAG,IAC/B,CACN,EACD,MAAC,qBAAqB,IAClB,QAAQ,EAAE;oDACN,sBAAsB,CAAC,IAAI,CAAC,CAAC;oDAC7B,gBAAgB,CAAC,KAAK,CAAC,CAAC;gDAC5B,CAAC,aAED,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACpF,eAAM,SAAS,EAAC,kCAAkC,8BAAqB,IACnD,IACE,IACX,CAC1B,EAEA,mBAAmB,IAAI,CACpB,MAAC,qBAAqB,IAClB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE;oCACN,sBAAsB,CAAC,IAAI,CAAC,CAAC;oCAC7B,gBAAgB,CAAC,KAAK,CAAC,CAAC;gCAC5B,CAAC,aAED,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACpF,eAAM,SAAS,EAAC,kCAAkC,mCAA0B,IACxD,CAC3B,EAED,MAAC,qBAAqB,IAClB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE;oCACN,sBAAsB,EAAE,CAAC;oCACzB,gBAAgB,CAAC,KAAK,CAAC,CAAC;gCAC5B,CAAC,aAED,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACrF,eAAM,SAAS,EAAC,kCAAkC,4BAAmB,IACjD,IACD,IACX,EAEpB,MAAC,WAAW,IACR,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,aAElD,MAAC,iBAAiB,IAAC,SAAS,EAAC,4BAA4B,aACrD,0BACI,KAAC,gBAAgB,yBAA0B,EAC3C,KAAC,sBAAsB,IAAC,SAAS,EAAC,kCAAkC,kGAE3C,IACvB,EACN,KAAC,gBAAgB,KAAG,IACJ,EACpB,KAAC,oBAAoB,KAAG,EACxB,KAAC,eAAe,IAAC,SAAS,EAAC,iCAAiC,YACxD,KAAC,WAAW,IAAC,gBAAgB,EAAE,uBAAuB,EAAE,OAAO,EAAE,OAAO,GAAI,GAC9D,IACR,EAEb,gBAAgB,IAAI,CACjB,KAAC,kBAAkB,IACf,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,gBAAgB,EAAE,uBAAuB,EACzC,yBAAyB,EAAE,iBAAiB,GAC9C,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n    SolidDropdownMenu,\n    SolidDropdownMenuContent,\n    SolidDropdownMenuItem,\n    SolidDropdownMenuLabel,\n    SolidDropdownMenuRadioGroup,\n    SolidDropdownMenuRadioItem,\n    SolidDropdownMenuSeparator,\n    SolidDropdownMenuSub,\n    SolidDropdownMenuSubContent,\n    SolidDropdownMenuSubTrigger,\n    SolidDropdownMenuTrigger,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogDescription,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidIcon,\n} from \"../../shad-cn-ui\";\n\nconst normalizeViewModes = (viewModes: any[] = []) => {\n    return viewModes\n        .map((option: any) => {\n            if (!option) return null;\n\n            if (typeof option === \"string\") {\n                return {\n                    type: option,\n                    label: option.charAt(0).toUpperCase() + option.slice(1),\n                };\n            }\n\n            const type = option.type || option.value;\n            if (!type) return null;\n\n            return {\n                ...option,\n                type,\n                label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)),\n            };\n        })\n        .filter(Boolean);\n};\n\nexport const SolidKanbanViewConfigure = ({\n    solidKanbanViewMetaData,\n    modelName,\n    actionsAllowed,\n    setLayoutDialogVisible,\n    viewModes,\n    setShowSaveFilterPopup,\n    filters,\n    handleRefreshView,\n}: any) => {\n    const pathname = usePathname();\n    const router = useRouter();\n    const searchParams = useSearchParams();\n    const [view, setView] = useState<string>(\"\");\n    const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);\n    const [openImportDialog, setOpenImportDialog] = useState(false);\n    const [exportView, setExportView] = useState(false);\n\n    const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);\n    const showSwitchType = visibleViewModes.length > 1;\n    const layoutAttrs = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs ?? {};\n\n    useEffect(() => {\n        if (typeof pathname === \"string\") {\n            const pathSegments = pathname.split(\"/\").filter(Boolean);\n            if (pathSegments.length > 0) {\n                setView(pathSegments[pathSegments.length - 1]);\n            }\n        }\n    }, [pathname]);\n\n    const handleViewChange = (newViewType: string) => {\n        if (view === newViewType) return;\n\n        const nextView = visibleViewModes.find((option: any) => option.type === newViewType);\n        const pathSegments = pathname.split(\"/\").filter(Boolean);\n        pathSegments[pathSegments.length - 1] = newViewType;\n        const nextSearchParams = new URLSearchParams(searchParams.toString());\n        const currentQuery = {\n            menuItemId: searchParams.get(\"menuItemId\"),\n            menuItemName: searchParams.get(\"menuItemName\"),\n            actionId: searchParams.get(\"actionId\"),\n            actionName: searchParams.get(\"actionName\"),\n        };\n\n        const queryFields = {\n            menuItemId: nextView?.menuItemId ?? currentQuery.menuItemId,\n            menuItemName: nextView?.menuItemName ?? currentQuery.menuItemName,\n            actionId: nextView?.actionId ?? currentQuery.actionId,\n            actionName: nextView?.actionName ?? currentQuery.actionName,\n        };\n\n        Object.entries(queryFields).forEach(([key, value]) => {\n            if (value) {\n                nextSearchParams.set(key, value);\n            } else {\n                nextSearchParams.delete(key);\n            }\n        });\n\n        const newPath = \"/\" + pathSegments.join(\"/\");\n        const nextQueryString = nextSearchParams.toString();\n        router.push(nextQueryString ? `${newPath}?${nextQueryString}` : newPath);\n    };\n\n    const clearLocalstorageCache = () => {\n        const currentPageUrl = window.location.pathname;\n        localStorage.removeItem(currentPageUrl);\n        window.location.reload();\n    };\n\n    const canImport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"create\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"importTransaction\", \"create\")}`);\n\n    const canExport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"findMany\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"exportTransaction\", \"create\")}`);\n\n    const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n    const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n\n    return (\n        <div className=\"position-relative\">\n            <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n                <SolidDropdownMenuTrigger asChild>\n                    <button\n                        type=\"button\"\n                        className=\"solid-icon-button solid-header-cog-trigger\"\n                        aria-label=\"Open kanban options\"\n                    >\n                        <SolidIcon name=\"si-cog\" aria-hidden />\n                    </button>\n                </SolidDropdownMenuTrigger>\n                <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n                    {canImport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setOpenImportDialog(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Import</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {canExport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setExportView(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Export</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {(canCustomizeLayout || canSaveCustomFilter) && <SolidDropdownMenuSeparator />}\n\n                    {canCustomizeLayout && (\n                        <SolidDropdownMenuSub>\n                            <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                <span className=\"solid-header-action-button-label\">Customize Layout</span>\n                            </SolidDropdownMenuSubTrigger>\n                            <SolidDropdownMenuSubContent className=\"customize-layout-panel\">\n                                {showSwitchType && (\n                                    <>\n                                        <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>\n                                        <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewChange}>\n                                            {visibleViewModes.map((option: any) => (\n                                                <SolidDropdownMenuRadioItem key={option.type} value={option.type}>\n                                                    {option.label}\n                                                </SolidDropdownMenuRadioItem>\n                                            ))}\n                                        </SolidDropdownMenuRadioGroup>\n                                        <SolidDropdownMenuSeparator />\n                                    </>\n                                )}\n                                <SolidDropdownMenuItem\n                                    onSelect={() => {\n                                        setLayoutDialogVisible(true);\n                                        setIsCogMenuOpen(false);\n                                    }}\n                                >\n                                    <SolidIcon name=\"si-code\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                    <span className=\"solid-header-action-button-label\">Layout Editor</span>\n                                </SolidDropdownMenuItem>\n                            </SolidDropdownMenuSubContent>\n                        </SolidDropdownMenuSub>\n                    )}\n\n                    {canSaveCustomFilter && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setShowSaveFilterPopup(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-save\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Save Custom Filter</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    <SolidDropdownMenuItem\n                        className=\"solid-header-dropdown-item\"\n                        onSelect={() => {\n                            clearLocalstorageCache();\n                            setIsCogMenuOpen(false);\n                        }}\n                    >\n                        <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                        <span className=\"solid-header-action-button-label\">Clear cache</span>\n                    </SolidDropdownMenuItem>\n                </SolidDropdownMenuContent>\n            </SolidDropdownMenu>\n\n            <SolidDialog\n                open={exportView}\n                onOpenChange={setExportView}\n                className=\"solid-kanban-export-dialog\"\n                style={{ width: \"min(960px, calc(100vw - 32px))\" }}\n            >\n                <SolidDialogHeader className=\"solid-export-dialog-header\">\n                    <div>\n                        <SolidDialogTitle>Export</SolidDialogTitle>\n                        <SolidDialogDescription className=\"solid-filter-dialog-subtitle m-0\">\n                            Choose the file format, refine the field set, and save reusable export templates.\n                        </SolidDialogDescription>\n                    </div>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogSeparator />\n                <SolidDialogBody className=\"solid-kanban-export-dialog-body\">\n                    <SolidExport listViewMetaData={solidKanbanViewMetaData} filters={filters} />\n                </SolidDialogBody>\n            </SolidDialog>\n\n            {openImportDialog && (\n                <SolidGenericImport\n                    openImportDialog={openImportDialog}\n                    setOpenImportDialog={setOpenImportDialog}\n                    listViewMetaData={solidKanbanViewMetaData}\n                    handleFetchUpdatedRecords={handleRefreshView}\n                />\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidKanbanViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n    SolidDropdownMenu,\n    SolidDropdownMenuContent,\n    SolidDropdownMenuItem,\n    SolidDropdownMenuLabel,\n    SolidDropdownMenuRadioGroup,\n    SolidDropdownMenuRadioItem,\n    SolidDropdownMenuSeparator,\n    SolidDropdownMenuSub,\n    SolidDropdownMenuSubContent,\n    SolidDropdownMenuSubTrigger,\n    SolidDropdownMenuTrigger,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogDescription,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidIcon,\n} from \"../../shad-cn-ui\";\n\nconst normalizeViewModes = (viewModes: any[] = []) => {\n    return viewModes\n        .map((option: any) => {\n            if (!option) return null;\n\n            if (typeof option === \"string\") {\n                return {\n                    type: option,\n                    label: option.charAt(0).toUpperCase() + option.slice(1),\n                };\n            }\n\n            const type = option.type || option.value;\n            if (!type) return null;\n\n            return {\n                ...option,\n                type,\n                label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)),\n            };\n        })\n        .filter(Boolean);\n};\n\nexport const SolidKanbanViewConfigure = ({\n    solidKanbanViewMetaData,\n    modelName,\n    actionsAllowed,\n    setLayoutDialogVisible,\n    viewModes,\n    setShowSaveFilterPopup,\n    filters,\n    handleRefreshView,\n}: any) => {\n    const pathname = usePathname();\n    const router = useRouter();\n    const searchParams = useSearchParams();\n    const [view, setView] = useState<string>(\"\");\n    const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);\n    const [openImportDialog, setOpenImportDialog] = useState(false);\n    const [exportView, setExportView] = useState(false);\n\n    const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);\n    const showSwitchType = visibleViewModes.length > 1;\n    const layoutAttrs = solidKanbanViewMetaData?.data?.solidView?.layout?.attrs ?? {};\n\n    useEffect(() => {\n        if (typeof pathname === \"string\") {\n            const pathSegments = pathname.split(\"/\").filter(Boolean);\n            if (pathSegments.length > 0) {\n                setView(pathSegments[pathSegments.length - 1]);\n            }\n        }\n    }, [pathname]);\n\n    const handleViewChange = (newViewType: string) => {\n        if (view === newViewType) return;\n\n        const nextView = visibleViewModes.find((option: any) => option.type === newViewType);\n        const pathSegments = pathname.split(\"/\").filter(Boolean);\n        pathSegments[pathSegments.length - 1] = newViewType;\n        const nextSearchParams = new URLSearchParams(searchParams.toString());\n        const currentQuery = {\n            menuItemId: searchParams.get(\"menuItemId\"),\n            menuItemName: searchParams.get(\"menuItemName\"),\n            actionId: searchParams.get(\"actionId\"),\n            actionName: searchParams.get(\"actionName\"),\n        };\n\n        const queryFields = {\n            menuItemId: nextView?.menuItemId ?? currentQuery.menuItemId,\n            menuItemName: nextView?.menuItemName ?? currentQuery.menuItemName,\n            actionId: nextView?.actionId ?? currentQuery.actionId,\n            actionName: nextView?.actionName ?? currentQuery.actionName,\n        };\n\n        Object.entries(queryFields).forEach(([key, value]) => {\n            if (value) {\n                nextSearchParams.set(key, value);\n            } else {\n                nextSearchParams.delete(key);\n            }\n        });\n\n        const newPath = \"/\" + pathSegments.join(\"/\");\n        const nextQueryString = nextSearchParams.toString();\n        router.push(nextQueryString ? `${newPath}?${nextQueryString}` : newPath);\n    };\n\n    const clearLocalstorageCache = () => {\n        const currentPageUrl = window.location.pathname;\n        localStorage.removeItem(currentPageUrl);\n        window.location.reload();\n    };\n\n    const canImport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"create\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"importTransaction\", \"create\")}`);\n\n    const canExport =\n        Boolean(modelName) &&\n        actionsAllowed.includes(`${permissionExpression(modelName, \"findMany\")}`) &&\n        actionsAllowed.includes(`${permissionExpression(\"exportTransaction\", \"create\")}`);\n\n    const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n    const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n\n    return (\n        <div className=\"position-relative\">\n            <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n                <SolidDropdownMenuTrigger asChild>\n                    <button\n                        type=\"button\"\n                        className=\"solid-icon-button solid-header-cog-trigger\"\n                        aria-label=\"Open kanban options\"\n                    >\n                        <SolidIcon name=\"si-cog\" aria-hidden />\n                    </button>\n                </SolidDropdownMenuTrigger>\n                <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n                    {canImport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setOpenImportDialog(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Import</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {canExport && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setExportView(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Export</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    {(canCustomizeLayout || canSaveCustomFilter) && <SolidDropdownMenuSeparator />}\n\n                    {canCustomizeLayout && (\n                        <SolidDropdownMenuSub>\n                            <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                <span className=\"solid-header-action-button-label\">Layout</span>\n                            </SolidDropdownMenuSubTrigger>\n                            <SolidDropdownMenuSubContent className=\"customize-layout-panel\">\n                                {showSwitchType && (\n                                    <>\n                                        <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>\n                                        <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewChange}>\n                                            {visibleViewModes.map((option: any) => (\n                                                <SolidDropdownMenuRadioItem key={option.type} value={option.type}>\n                                                    {option.label}\n                                                </SolidDropdownMenuRadioItem>\n                                            ))}\n                                        </SolidDropdownMenuRadioGroup>\n                                        <SolidDropdownMenuSeparator />\n                                    </>\n                                )}\n                                <SolidDropdownMenuItem\n                                    onSelect={() => {\n                                        setLayoutDialogVisible(true);\n                                        setIsCogMenuOpen(false);\n                                    }}\n                                >\n                                    <SolidIcon name=\"si-code\" className=\"solid-header-action-button-icon\" aria-hidden />\n                                    <span className=\"solid-header-action-button-label\">Layout Editor</span>\n                                </SolidDropdownMenuItem>\n                            </SolidDropdownMenuSubContent>\n                        </SolidDropdownMenuSub>\n                    )}\n\n                    {canSaveCustomFilter && (\n                        <SolidDropdownMenuItem\n                            className=\"solid-header-dropdown-item\"\n                            onSelect={() => {\n                                setShowSaveFilterPopup(true);\n                                setIsCogMenuOpen(false);\n                            }}\n                        >\n                            <SolidIcon name=\"si-save\" className=\"solid-header-action-button-icon\" aria-hidden />\n                            <span className=\"solid-header-action-button-label\">Save Custom Filter</span>\n                        </SolidDropdownMenuItem>\n                    )}\n\n                    <SolidDropdownMenuItem\n                        className=\"solid-header-dropdown-item\"\n                        onSelect={() => {\n                            clearLocalstorageCache();\n                            setIsCogMenuOpen(false);\n                        }}\n                    >\n                        <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                        <span className=\"solid-header-action-button-label\">Clear cache</span>\n                    </SolidDropdownMenuItem>\n                </SolidDropdownMenuContent>\n            </SolidDropdownMenu>\n\n            <SolidDialog\n                open={exportView}\n                onOpenChange={setExportView}\n                className=\"solid-kanban-export-dialog\"\n                style={{ width: \"min(960px, calc(100vw - 32px))\" }}\n            >\n                <SolidDialogHeader className=\"solid-export-dialog-header\">\n                    <div>\n                        <SolidDialogTitle>Export</SolidDialogTitle>\n                        <SolidDialogDescription className=\"solid-filter-dialog-subtitle m-0\">\n                            Choose the file format, refine the field set, and save reusable export templates.\n                        </SolidDialogDescription>\n                    </div>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogSeparator />\n                <SolidDialogBody className=\"solid-kanban-export-dialog-body\">\n                    <SolidExport listViewMetaData={solidKanbanViewMetaData} filters={filters} />\n                </SolidDialogBody>\n            </SolidDialog>\n\n            {openImportDialog && (\n                <SolidGenericImport\n                    openImportDialog={openImportDialog}\n                    setOpenImportDialog={setOpenImportDialog}\n                    listViewMetaData={solidKanbanViewMetaData}\n                    handleFetchUpdatedRecords={handleRefreshView}\n                />\n            )}\n        </div>\n    );\n};\n"]}

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

@@ -180,7 +180,7 @@ export const SolidKanbanViewConfigure = ({
                         <SolidDropdownMenuSub>
                             <SolidDropdownMenuSubTrigger className="solid-header-dropdown-item">
                                 <SolidIcon name="si-sliders-h" className="solid-header-action-button-icon" aria-hidden />
-                                <span className="solid-header-action-button-label">Customize Layout</span>
+                                <span className="solid-header-action-button-label">Layout</span>
                             </SolidDropdownMenuSubTrigger>
                             <SolidDropdownMenuSubContent className="customize-layout-panel">
                                 {showSwitchType && (

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

@@ -1 +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"}
+{"version":3,"file":"SolidManyToOneFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,2BAA2B,kDAAmD,GAAG,4CAmD7F,CAAA"}

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

@@ -1 +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}"]}
+{"version":3,"file":"SolidManyToOneFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,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 { 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}\n"]}

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

@@ -1,5 +1,4 @@
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { InputTypes } from "./SolidVarInputsFilterElement"
 import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
 import qs from "qs";
@@ -56,4 +55,4 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
             className="solid-standard-autocomplete"
         />
     )
-}
+}

package/dist/components/core/kanban/kanban-fields/SolidMediaMultipleKanbanField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidMediaMultipleKanbanField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAOvE,QAAA,MAAM,6BAA6B,oGAAqG,2BAA2B,4CA+HlK,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"SolidMediaMultipleKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidMediaMultipleKanbanField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAavE,QAAA,MAAM,6BAA6B,oGAAqG,2BAA2B,4CAqIlK,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/dist/components/core/kanban/kanban-fields/SolidMediaMultipleKanbanField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Dialog } from 'primereact/dialog';
 import { Document, Page, pdfjs } from "react-pdf";
+import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogTitle, } from "../../../shad-cn-ui";
 pdfjs.GlobalWorkerOptions.workerSrc = "//unpkg.com/pdfjs-dist@".concat(pdfjs.version, "/build/pdf.worker.min.mjs");
 var SolidMediaMultipleKanbanField = function (_a) {
     var _b, _c, _d, _e, _f;
@@ -50,7 +50,7 @@ var SolidMediaMultipleKanbanField = function (_a) {
                 }
                 // **Render Other Files**
                 return (_jsxs("div", { className: 'flex align-items-end gap-2 my-2', children: [_jsx("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsxs("svg", { width: "36px", height: "36px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "#722ED1", stroke: "#722ED1", strokeWidth: "0.00024000000000000003", children: [_jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [_jsx("path", { d: "M3 23h18V6.709L15.29 1H3zM15 2h.2L20 6.8V7h-5zM4 2h10v6h6v14H4z" }), _jsx("path", { fill: "none", d: "M0 0h24v24H0z" })] })] }) }), _jsxs("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", className: 'text-color flex align-items-start gap-2', style: { textDecoration: 'none' }, children: [_jsx("p", { className: "text-sm mb-1", style: { wordWrap: 'break-word', overflowWrap: 'break-word' }, children: fileName }), _jsx("span", { className: 'pi pi-cloud-download' })] })] }, index));
-            }), _jsx(Dialog, { header: "PDF Preview", visible: visible, style: { width: "" }, onHide: function () { return setVisible(false); }, modal: true, children: selectedPdf && (_jsx(Document, { file: selectedPdf, children: _jsx(Page, { pageNumber: 1 }) })) })] }));
+            }), _jsxs(SolidDialog, { open: visible, onOpenChange: setVisible, className: "solid-kanban-preview-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-kanban-preview-dialog-header", children: [_jsx(SolidDialogTitle, { children: "PDF Preview" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogBody, { className: "solid-kanban-preview-dialog-body", children: selectedPdf && (_jsx(Document, { file: selectedPdf, children: _jsx(Page, { pageNumber: 1 }) })) })] })] }));
 };
 export default SolidMediaMultipleKanbanField;
 //# sourceMappingURL=SolidMediaMultipleKanbanField.js.map