@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

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

@@ -9,173 +9,33 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
-import { useRef } from "react";
-import { SolidKanbanViewFields } from "./SolidKanbanViewFields";
-import { usePathname } from "../../../hooks/usePathname";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRouter } from "../../../hooks/useRouter";
-import { useSearchParams } from "../../../hooks/useSearchParams";
-import { Button } from "primereact/button";
-import { OverlayPanel } from "primereact/overlaypanel";
 import { Draggable } from "@hello-pangea/dnd";
-// Render columns dynamically based on metadata
-var renderFieldsDynamically = function (field, data, solidKanbanViewMetaData, setLightboxUrls, setOpenLightbox, groupedView) {
-    if (!solidKanbanViewMetaData) {
-        return;
-    }
-    var solidView = solidKanbanViewMetaData.solidView;
-    var solidFieldsMetadata = solidKanbanViewMetaData.solidFieldsMetadata;
-    if (!solidView || !solidFieldsMetadata) {
-        return;
-    }
-    var fieldMetadata = solidFieldsMetadata[field.attrs.name];
-    var fieldLayout = field;
-    return SolidKanbanViewFields({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, groupedView: groupedView });
-    // return solidView.layout.children?.map((column: any) => {
-    //   const fieldMetadata = solidFieldsMetadata[column.attrs.name];
-    //   if (!fieldMetadata) {
-    //     return;
-    //   }
-    //   return SolidKanbanViewFields({ solidKanbanViewMetaData, fieldMetadata, column });
-    // });
-};
+import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 var KanbanCard = function (_a) {
-    var data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, index = _a.index, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, groupedView = _a.groupedView;
+    var data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, index = _a.index, _b = _a.isDragDisabled, isDragDisabled = _b === void 0 ? false : _b, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, groupByFieldName = _a.groupByFieldName, group = _a.group, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget;
     var router = useRouter();
-    var pathname = usePathname();
-    var searchParams = useSearchParams();
-    var SolidRow = function (_a) {
-        var children = _a.children, attrs = _a.attrs;
-        var className = attrs.className;
-        return (
-        // <div className={`row ${className}`}>
-        //   <div className="s_group">
-        //     <div>
-        //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
-        //       <div className="grid">{children}</div>
-        //     </div>
-        //   </div>
-        // </div>
-        _jsxs(_Fragment, { children: [attrs.label && _jsx("p", { className: "", children: attrs.label }), _jsx("div", { className: "row ".concat(className), children: children })] }));
-    };
-    var SolidColumn = function (_a) {
-        var children = _a.children, attrs = _a.attrs;
-        var className = attrs.className;
-        return (
-        // <div className={`${className}`}>
-        //   <div className="s_group">
-        //     <div>
-        //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
-        //       <div className="grid">{children}</div>
-        //     </div>
-        //   </div>
-        // </div>
-        _jsxs("div", { className: "".concat(className), children: [attrs.label && _jsx("p", { className: "", children: attrs.label }), children] }));
-    };
-    var SolidImage = function (_a) {
-        var children = _a.children, attrs = _a.attrs;
-        var className = attrs.className;
-        return (
-        // <div className={`${className}`}>
-        //   <div className="s_group">
-        //     <div>
-        //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
-        //       <div className="grid">{children}</div>
-        //     </div>
-        //   </div>
-        // </div>
-        _jsxs("div", { className: "".concat(className), children: [attrs.label && _jsx("p", { className: "", children: attrs.label }), children] }));
-    };
-    var SolidField = function (_a) {
-        var field = _a.field, data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData;
-        return renderFieldsDynamically(field, data, solidKanbanViewMetaData, setLightboxUrls, setOpenLightbox, groupedView);
-        // switch (solidKanbanViewMetaData[field.attrs.name].type) {
-        //   case "mediaSingle":
-        //     return <img src=""></img>
-        //   default:
-        //     return <p>{initialEntityData[field.attrs.name]}</p>
-        // }
-    };
-    var SolidCard = function (_a) {
-        var children = _a.children;
-        return (_jsx("div", { className: "p-fluid p-grid", children: children }));
-    };
-    // Now render the form dynamically...
-    var renderFormElementDynamically = function (element, solidKanbanViewMetaData) {
-        var type = element.type, attrs = element.attrs, body = element.body, children = element.children;
-        // const key = attrs?.name ?? generateRandomKey();
-        var key = attrs === null || attrs === void 0 ? void 0 : attrs.name;
-        switch (type) {
-            case "div":
-                if (!children)
-                    children = [];
-                return _jsx("div", __assign({}, attrs, { children: children.map(function (element) { return renderFormElementDynamically(element, solidFormViewMetaData, formik); }) }), key);
-            case "span":
-                return _jsx("span", __assign({}, attrs, { children: body }), key);
-            case "p":
-                return _jsx("p", __assign({ className: attrs === null || attrs === void 0 ? void 0 : attrs.className }, attrs, { children: body }), key);
-            case "h1":
-                return _jsx("h1", __assign({}, attrs, { children: body }), key);
-            case "h2":
-                return _jsx("h2", __assign({}, attrs, { children: body }), key);
-            case "ul":
-                if (!children)
-                    children = [];
-                return _jsx("ul", __assign({}, attrs, { children: children.map(function (element) { return renderFormElementDynamically(element, solidFormViewMetaData, formik); }) }), key);
-            case "li":
-                return _jsx("li", __assign({}, attrs, { children: body }), key);
-            case "card":
-                return _jsx(SolidCard, { children: children.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); }) }, key);
-            case "row":
-                return _jsx(SolidRow, { attrs: attrs, children: children.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); }) }, key);
-            case "column":
-                return _jsx(SolidColumn, { attrs: attrs, children: children.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); }) }, key);
-            case "image":
-                return _jsx(SolidImage, { attrs: attrs, children: children.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); }) }, key);
-            case "field": {
-                // const fieldMetadata = solidFieldsMetadata[attrs.name];
-                var fieldMetadata = solidKanbanViewMetaData.solidFieldsMetadata[attrs.name];
-                return _jsx(SolidField, { field: element, fieldMetadata: fieldMetadata, data: data ? data : null, solidKanbanViewMetaData: solidKanbanViewMetaData }, key);
-            }
-            default:
-                return null;
+    var openRecord = function () {
+        if (typeof window !== "undefined") {
+            sessionStorage.setItem("fromView", "kanban");
         }
-    };
-    var renderFormDynamically = function (solidKanbanViewMetaData) {
-        if (!solidKanbanViewMetaData) {
-            return;
-        }
-        var solidView = solidKanbanViewMetaData.solidView;
-        var solidFieldsMetadata = solidKanbanViewMetaData.solidFieldsMetadata;
-        if (!solidView || !solidFieldsMetadata) {
-            return;
-        }
-        if (!solidView || !solidFieldsMetadata) {
-            return;
-        }
-        var updatedLayout = solidView.layout.children;
-        var dynamicForm = updatedLayout.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); });
-        return dynamicForm;
-    };
-    var kanbanActionRef = useRef(null);
-    var renderKanbanAction = function (data, groupedView) {
-        return (_jsxs("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: [_jsx(Button, { size: "small", text: true, className: "text-sm p-0", icon: "pi pi-ellipsis-v", onClick: function (e) { return kanbanActionRef.current.toggle(e); }, style: { width: 25, height: 25 } }), _jsx(OverlayPanel, { ref: kanbanActionRef, className: "solid-custom-overlay", children: _jsxs("div", { className: "flex flex-column", children: [_jsx(Button, { type: "button", className: "w-8rem text-left gap-1", label: "Edit", size: "small", iconPos: "left", text: true, icon: "pi pi-pencil", onClick: function () { return router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id)); } }), !groupedView &&
-                                _jsx("a", { href: data === null || data === void 0 ? void 0 : data.relativeUri, download: data === null || data === void 0 ? void 0 : data.originalFileName, target: "_blank", rel: "noopener noreferrer", children: _jsx(Button, { type: "button", className: "w-8rem text-left gap-1", label: "Download", size: "small", iconPos: "left", icon: "pi pi-download" }) })] }) })] }));
-    };
-    return (_jsx(Draggable, { draggableId: String(data.id), index: index, isDragDisabled: !groupedView, children: function (provided, snapshot) { return (_jsx("div", __assign({ className: "", ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: __assign({ marginTop: "1rem" }, provided.draggableProps.style), className: "kanban-card-container", children: _jsxs("div", { style: {
-                    opacity: snapshot.isDragging ? 0.9 : 1,
-                    transform: snapshot.isDragging ? "rotate(-2deg)" : "",
-                    cursor: 'pointer'
-                }, elevation: snapshot.isDragging ? 3 : 1, className: "".concat(!groupedView ? 'solid-media-card' : 'solid-kanban-card'), onClick: function () {
-                    if (typeof window !== "undefined") {
-                        // const queryString = searchParams.toString();
-                        // const finalUrl = queryString ? `${pathname}?${queryString}` : pathname;
-                        // sessionStorage.setItem("fromView", finalUrl);
-                        sessionStorage.setItem("fromView", "kanban");
-                    }
-                    router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
-                }, children: [renderKanbanAction(data, groupedView), renderFormDynamically(solidKanbanViewMetaData)] }) }))); } }));
+        router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
+    };
+    var openEdit = function () {
+        router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
+    };
+    var renderKanbanAction = function (data) {
+        return (_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsx(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id)); }, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] }) })] }) }));
+    };
+    return (_jsx(Draggable, { draggableId: String(data.id), index: index, isDragDisabled: isDragDisabled, children: function (provided, snapshot) {
+            var _a, _b;
+            return (_jsx("div", __assign({ className: "", ref: provided.innerRef }, provided.draggableProps, (!isDragDisabled ? provided.dragHandleProps : {}), { style: __assign({ marginTop: "1rem" }, provided.draggableProps.style), className: "kanban-card-container", children: _jsxs("div", { style: {
+                        opacity: snapshot.isDragging ? 0.9 : 1,
+                        transform: snapshot.isDragging ? "rotate(-2deg)" : "",
+                        cursor: isDragDisabled ? "pointer" : "grab"
+                    }, elevation: snapshot.isDragging ? 3 : 1, className: "solid-kanban-card", onClick: openRecord, children: [renderKanbanAction(data), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidKanbanViewMetaData, solidView: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView, solidFieldsMetadata: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.attrs) || {}, groupedView: true, groupByFieldName: groupByFieldName, group: group, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) })));
+        } }));
 };
 export default KanbanCard;
 //# sourceMappingURL=KanbanCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React, { useRef } from \"react\";\nimport { SolidKanbanViewFields } from \"./SolidKanbanViewFields\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { Button } from \"primereact/button\";\nimport { OverlayPanel } from \"primereact/overlaypanel\";\nimport { Draggable, DraggableProvided } from \"@hello-pangea/dnd\";\n\n// Define the types for the data and props\ninterface Data {\n  id: string;\n  title: string;\n  content: string;\n}\n\ninterface KanbanCardProps {\n  data: Data;\n  solidKanbanViewMetaData: any;\n  index: number;\n}\n\n// Render columns dynamically based on metadata\nconst renderFieldsDynamically = (field: any, data: any, solidKanbanViewMetaData: any, setLightboxUrls?: any, setOpenLightbox?: any, groupedView: boolean) => {\n  if (!solidKanbanViewMetaData) {\n    return;\n  }\n\n  const solidView = solidKanbanViewMetaData.solidView;\n  const solidFieldsMetadata = solidKanbanViewMetaData.solidFieldsMetadata;\n  if (!solidView || !solidFieldsMetadata) {\n    return;\n  }\n  const fieldMetadata = solidFieldsMetadata[field.attrs.name];\n  const fieldLayout = field;\n  return SolidKanbanViewFields({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView });\n  // return solidView.layout.children?.map((column: any) => {\n  //   const fieldMetadata = solidFieldsMetadata[column.attrs.name];\n  //   if (!fieldMetadata) {\n  //     return;\n  //   }\n\n  //   return SolidKanbanViewFields({ solidKanbanViewMetaData, fieldMetadata, column });\n\n  // });\n};\n\nconst KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, setLightboxUrls, setOpenLightbox, editButtonUrl, groupedView }) => {\n  const router = useRouter()\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const SolidRow = ({ children, attrs }: any) => {\n    const className = attrs.className;\n    return (\n      // <div className={`row ${className}`}>\n      //   <div className=\"s_group\">\n      //     <div>\n      //       {attrs.label && <p className=\"s_group_heading\">{attrs.label}</p>}\n      //       <div className=\"grid\">{children}</div>\n      //     </div>\n      //   </div>\n      // </div>\n      <>\n        {attrs.label && <p className=\"\">{attrs.label}</p>}\n        <div className={`row ${className}`}>\n          {children}\n        </div>\n      </>\n    );\n  };\n  const SolidColumn = ({ children, attrs }: any) => {\n    const className = attrs.className;\n    return (\n      // <div className={`${className}`}>\n      //   <div className=\"s_group\">\n      //     <div>\n      //       {attrs.label && <p className=\"s_group_heading\">{attrs.label}</p>}\n      //       <div className=\"grid\">{children}</div>\n      //     </div>\n      //   </div>\n      // </div>\n      <div className={`${className}`}>\n        {attrs.label && <p className=\"\">{attrs.label}</p>}\n        {children}\n      </div>\n    );\n  };\n  const SolidImage = ({ children, attrs }: any) => {\n    const className = attrs.className;\n    return (\n      // <div className={`${className}`}>\n      //   <div className=\"s_group\">\n      //     <div>\n      //       {attrs.label && <p className=\"s_group_heading\">{attrs.label}</p>}\n      //       <div className=\"grid\">{children}</div>\n      //     </div>\n      //   </div>\n      // </div>\n      <div className={`${className}`}>\n        {attrs.label && <p className=\"\">{attrs.label}</p>}\n        {children}\n      </div>\n    );\n  };\n\n  const SolidField = ({ field, data, solidKanbanViewMetaData }: any) => {\n\n    return renderFieldsDynamically(field, data, solidKanbanViewMetaData, setLightboxUrls, setOpenLightbox, groupedView)\n    // switch (solidKanbanViewMetaData[field.attrs.name].type) {\n    //   case \"mediaSingle\":\n    //     return <img src=\"\"></img>\n    //   default:\n    //     return <p>{initialEntityData[field.attrs.name]}</p>\n\n    // }\n  };\n\n  const SolidCard = ({ children }: any) => (\n    <div className=\"p-fluid p-grid\">\n      {children}\n    </div>\n  );\n\n  // Now render the form dynamically...\n  const renderFormElementDynamically: any = (element: any, solidKanbanViewMetaData: any) => {\n    let { type, attrs, body, children } = element;\n    // const key = attrs?.name ?? generateRandomKey();\n    const key = attrs?.name;\n    switch (type) {\n      case \"div\":\n        if (!children)\n          children = [];\n        return <div key={key} {...attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidFormViewMetaData, formik))}</div>\n      case \"span\":\n        return <span key={key} {...attrs}>{body}</span>\n      case \"p\":\n        return <p key={key} className={attrs?.className} {...attrs}>{body}</p>\n      case \"h1\":\n        return <h1 key={key} {...attrs}>{body}</h1>\n      case \"h2\":\n        return <h2 key={key} {...attrs}>{body}</h2>\n      case \"ul\":\n        if (!children)\n          children = [];\n        return <ul key={key} {...attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidFormViewMetaData, formik))}</ul>\n      case \"li\":\n        return <li key={key} {...attrs}>{body}</li>\n      case \"card\":\n        return <SolidCard key={key}>{children.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData))}</SolidCard>;\n      case \"row\":\n        return <SolidRow key={key} attrs={attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData))}</SolidRow>;\n      case \"column\":\n        return <SolidColumn key={key} attrs={attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData))}</SolidColumn>;\n      case \"image\":\n        return <SolidImage key={key} attrs={attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData))}</SolidImage>;\n\n      case \"field\": {\n        // const fieldMetadata = solidFieldsMetadata[attrs.name];\n        const fieldMetadata = solidKanbanViewMetaData.solidFieldsMetadata[attrs.name];\n        return <SolidField key={key} field={element} fieldMetadata={fieldMetadata} data={data ? data : null} solidKanbanViewMetaData={solidKanbanViewMetaData} />;\n      }\n      default:\n        return null;\n    }\n  };\n\n  const renderFormDynamically = (solidKanbanViewMetaData: any) => {\n    if (!solidKanbanViewMetaData) {\n      return;\n    }\n    const solidView = solidKanbanViewMetaData.solidView;\n    const solidFieldsMetadata = solidKanbanViewMetaData.solidFieldsMetadata;\n    if (!solidView || !solidFieldsMetadata) {\n      return;\n    }\n    if (!solidView || !solidFieldsMetadata) {\n      return;\n    }\n    const updatedLayout = solidView.layout.children;\n    const dynamicForm = updatedLayout.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData));\n    return dynamicForm;\n  };\n\n  const kanbanActionRef = useRef(null);\n\n  const renderKanbanAction = (data, groupedView) => {\n    return (\n      <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n        <Button\n          size=\"small\"\n          text\n          className=\"text-sm p-0\"\n          icon=\"pi pi-ellipsis-v\"\n          onClick={(e) => kanbanActionRef.current.toggle(e)}\n          style={{ width: 25, height: 25 }}\n        />\n        <OverlayPanel ref={kanbanActionRef} className=\"solid-custom-overlay\">\n          <div className=\"flex flex-column\">\n            <Button\n              type=\"button\"\n              className=\"w-8rem text-left gap-1\"\n              label=\"Edit\"\n              size=\"small\"\n              iconPos=\"left\"\n              text\n              icon={\"pi pi-pencil\"}\n              onClick={() => router.push(`${editButtonUrl}/${data?.id}`)}\n            />\n            {!groupedView &&\n              <a\n                href={data?.relativeUri}\n                download={data?.originalFileName}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <Button\n                  type=\"button\"\n                  className=\"w-8rem text-left gap-1\"\n                  label=\"Download\"\n                  size=\"small\"\n                  iconPos=\"left\"\n                  icon={\"pi pi-download\"}\n                />\n              </a>\n            }\n          </div>\n        </OverlayPanel>\n      </div>\n    )\n  }\n\n  return (\n    <Draggable draggableId={String(data.id)} index={index} isDragDisabled={!groupedView}>\n      {(provided: DraggableProvided, snapshot) => (\n        <div\n          className=\"\"\n          ref={provided.innerRef}\n          {...provided.draggableProps}\n          {...provided.dragHandleProps}\n          style={{ marginTop: \"1rem\", ...provided.draggableProps.style }}\n          className=\"kanban-card-container\"\n        >\n          {/* <p className=\"kanban-card-heading\">{data.title}</p> */}\n          {/* <p className=\"kanban-card-content\">{data.content}</p> */}\n          <div\n            style={{\n              opacity: snapshot.isDragging ? 0.9 : 1,\n              transform: snapshot.isDragging ? \"rotate(-2deg)\" : \"\",\n              cursor: 'pointer'\n            }}\n            elevation={snapshot.isDragging ? 3 : 1}\n            className={`${!groupedView ? 'solid-media-card' : 'solid-kanban-card'}`}\n            onClick={() => {\n              if (typeof window !== \"undefined\") {\n                // const queryString = searchParams.toString();\n                // const finalUrl = queryString ? `${pathname}?${queryString}` : pathname;\n                // sessionStorage.setItem(\"fromView\", finalUrl);\n                sessionStorage.setItem(\"fromView\", \"kanban\");\n\n              }\n              router.push(`${editButtonUrl}/${data?.id}`)\n            }}\n          >\n            {renderKanbanAction(data, groupedView)}\n            {renderFormDynamically(solidKanbanViewMetaData)}\n            {/* {solidKanbanViewMetaData?.solidView?.layout?.layoutData &&\n              Object.entries(solidKanbanViewMetaData?.solidView?.layout?.layoutData).map(([key, value]) => (\n                <p className=\"kanban-card-heading\" key={key}>{data[value]}</p>\n              ))\n            } */}\n            {/* <p className=\"kanban-card-content\">{data.content}</p> */}\n          </div>\n        </div>\n      )}\n    </Draggable>\n  );\n};\n\nexport default KanbanCard;\n"]}
+{"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { Draggable, DraggableProvided } from \"@hello-pangea/dnd\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define the types for the data and props\ninterface Data {\n  id: string;\n  title: string;\n  content: string;\n}\n\ninterface KanbanCardProps {\n  data: Data;\n  solidKanbanViewMetaData: any;\n  index: number;\n  isDragDisabled?: boolean;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n  editButtonUrl?: string;\n  groupByFieldName?: string;\n  group?: any;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n}\n\nconst KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget }) => {\n  const router = useRouter()\n  const openRecord = () => {\n    if (typeof window !== \"undefined\") {\n      sessionStorage.setItem(\"fromView\", \"kanban\");\n    }\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const renderKanbanAction = (data) => {\n    return (\n      <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n        <SolidDropdownMenu>\n          <SolidDropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n              aria-label=\"Open card actions\"\n            >\n              <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n            </button>\n          </SolidDropdownMenuTrigger>\n          <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => router.push(`${editButtonUrl}/${data?.id}`)}\n            >\n              <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Edit</span>\n            </SolidDropdownMenuItem>\n          </SolidDropdownMenuContent>\n        </SolidDropdownMenu>\n      </div>\n    )\n  }\n\n  return (\n    <Draggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>\n      {(provided: DraggableProvided, snapshot) => (\n        <div\n          className=\"\"\n          ref={provided.innerRef}\n          {...provided.draggableProps}\n          {...(!isDragDisabled ? provided.dragHandleProps : {})}\n          style={{ marginTop: \"1rem\", ...provided.draggableProps.style }}\n          className=\"kanban-card-container\"\n        >\n          {/* <p className=\"kanban-card-heading\">{data.title}</p> */}\n          {/* <p className=\"kanban-card-content\">{data.content}</p> */}\n          <div\n            style={{\n              opacity: snapshot.isDragging ? 0.9 : 1,\n              transform: snapshot.isDragging ? \"rotate(-2deg)\" : \"\",\n              cursor: isDragDisabled ? \"pointer\" : \"grab\"\n            }}\n            elevation={snapshot.isDragging ? 3 : 1}\n            className=\"solid-kanban-card\"\n            onClick={openRecord}\n          >\n            {renderKanbanAction(data)}\n            {DynamicCardWidget ? (\n              <DynamicCardWidget\n                rowData={data}\n                solidKanbanViewMetaData={solidKanbanViewMetaData}\n                solidView={solidKanbanViewMetaData?.solidView}\n                solidFieldsMetadata={solidKanbanViewMetaData?.solidFieldsMetadata}\n                card={cardNode}\n                layoutAttrs={solidKanbanViewMetaData?.solidView?.layout?.attrs || {}}\n                groupedView={true}\n                groupByFieldName={groupByFieldName}\n                group={group}\n                editButtonUrl={editButtonUrl}\n                setLightboxUrls={setLightboxUrls}\n                setOpenLightbox={setOpenLightbox}\n                openRecord={openRecord}\n                openEdit={openEdit}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </Draggable>\n  );\n};\n\nexport default KanbanCard;\n"]}

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

@@ -1,12 +1,14 @@
 // @ts-nocheck
-import React, { useRef } from "react";
-import { SolidKanbanViewFields } from "./SolidKanbanViewFields";
-import { usePathname } from "../../../hooks/usePathname";
+import React from "react";
 import { useRouter } from "../../../hooks/useRouter";
-import { useSearchParams } from "../../../hooks/useSearchParams";
-import { Button } from "primereact/button";
-import { OverlayPanel } from "primereact/overlaypanel";
 import { Draggable, DraggableProvided } from "@hello-pangea/dnd";
+import {
+  SolidDropdownMenu,
+  SolidDropdownMenuContent,
+  SolidDropdownMenuItem,
+  SolidDropdownMenuTrigger,
+  SolidIcon,
+} from "../../shad-cn-ui";
 
 // Define the types for the data and props
 interface Data {
@@ -19,225 +21,64 @@ interface KanbanCardProps {
   data: Data;
   solidKanbanViewMetaData: any;
   index: number;
+  isDragDisabled?: boolean;
+  setLightboxUrls?: any;
+  setOpenLightbox?: any;
+  editButtonUrl?: string;
+  groupByFieldName?: string;
+  group?: any;
+  cardNode?: any;
+  DynamicCardWidget?: any;
 }
 
-// Render columns dynamically based on metadata
-const renderFieldsDynamically = (field: any, data: any, solidKanbanViewMetaData: any, setLightboxUrls?: any, setOpenLightbox?: any, groupedView: boolean) => {
-  if (!solidKanbanViewMetaData) {
-    return;
-  }
-
-  const solidView = solidKanbanViewMetaData.solidView;
-  const solidFieldsMetadata = solidKanbanViewMetaData.solidFieldsMetadata;
-  if (!solidView || !solidFieldsMetadata) {
-    return;
-  }
-  const fieldMetadata = solidFieldsMetadata[field.attrs.name];
-  const fieldLayout = field;
-  return SolidKanbanViewFields({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView });
-  // return solidView.layout.children?.map((column: any) => {
-  //   const fieldMetadata = solidFieldsMetadata[column.attrs.name];
-  //   if (!fieldMetadata) {
-  //     return;
-  //   }
-
-  //   return SolidKanbanViewFields({ solidKanbanViewMetaData, fieldMetadata, column });
-
-  // });
-};
-
-const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, setLightboxUrls, setOpenLightbox, editButtonUrl, groupedView }) => {
+const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget }) => {
   const router = useRouter()
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const SolidRow = ({ children, attrs }: any) => {
-    const className = attrs.className;
-    return (
-      // <div className={`row ${className}`}>
-      //   <div className="s_group">
-      //     <div>
-      //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
-      //       <div className="grid">{children}</div>
-      //     </div>
-      //   </div>
-      // </div>
-      <>
-        {attrs.label && <p className="">{attrs.label}</p>}
-        <div className={`row ${className}`}>
-          {children}
-        </div>
-      </>
-    );
-  };
-  const SolidColumn = ({ children, attrs }: any) => {
-    const className = attrs.className;
-    return (
-      // <div className={`${className}`}>
-      //   <div className="s_group">
-      //     <div>
-      //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
-      //       <div className="grid">{children}</div>
-      //     </div>
-      //   </div>
-      // </div>
-      <div className={`${className}`}>
-        {attrs.label && <p className="">{attrs.label}</p>}
-        {children}
-      </div>
-    );
-  };
-  const SolidImage = ({ children, attrs }: any) => {
-    const className = attrs.className;
-    return (
-      // <div className={`${className}`}>
-      //   <div className="s_group">
-      //     <div>
-      //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
-      //       <div className="grid">{children}</div>
-      //     </div>
-      //   </div>
-      // </div>
-      <div className={`${className}`}>
-        {attrs.label && <p className="">{attrs.label}</p>}
-        {children}
-      </div>
-    );
-  };
-
-  const SolidField = ({ field, data, solidKanbanViewMetaData }: any) => {
-
-    return renderFieldsDynamically(field, data, solidKanbanViewMetaData, setLightboxUrls, setOpenLightbox, groupedView)
-    // switch (solidKanbanViewMetaData[field.attrs.name].type) {
-    //   case "mediaSingle":
-    //     return <img src=""></img>
-    //   default:
-    //     return <p>{initialEntityData[field.attrs.name]}</p>
-
-    // }
-  };
-
-  const SolidCard = ({ children }: any) => (
-    <div className="p-fluid p-grid">
-      {children}
-    </div>
-  );
-
-  // Now render the form dynamically...
-  const renderFormElementDynamically: any = (element: any, solidKanbanViewMetaData: any) => {
-    let { type, attrs, body, children } = element;
-    // const key = attrs?.name ?? generateRandomKey();
-    const key = attrs?.name;
-    switch (type) {
-      case "div":
-        if (!children)
-          children = [];
-        return <div key={key} {...attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidFormViewMetaData, formik))}</div>
-      case "span":
-        return <span key={key} {...attrs}>{body}</span>
-      case "p":
-        return <p key={key} className={attrs?.className} {...attrs}>{body}</p>
-      case "h1":
-        return <h1 key={key} {...attrs}>{body}</h1>
-      case "h2":
-        return <h2 key={key} {...attrs}>{body}</h2>
-      case "ul":
-        if (!children)
-          children = [];
-        return <ul key={key} {...attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidFormViewMetaData, formik))}</ul>
-      case "li":
-        return <li key={key} {...attrs}>{body}</li>
-      case "card":
-        return <SolidCard key={key}>{children.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData))}</SolidCard>;
-      case "row":
-        return <SolidRow key={key} attrs={attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData))}</SolidRow>;
-      case "column":
-        return <SolidColumn key={key} attrs={attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData))}</SolidColumn>;
-      case "image":
-        return <SolidImage key={key} attrs={attrs}>{children.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData))}</SolidImage>;
-
-      case "field": {
-        // const fieldMetadata = solidFieldsMetadata[attrs.name];
-        const fieldMetadata = solidKanbanViewMetaData.solidFieldsMetadata[attrs.name];
-        return <SolidField key={key} field={element} fieldMetadata={fieldMetadata} data={data ? data : null} solidKanbanViewMetaData={solidKanbanViewMetaData} />;
-      }
-      default:
-        return null;
+  const openRecord = () => {
+    if (typeof window !== "undefined") {
+      sessionStorage.setItem("fromView", "kanban");
     }
+    router.push(`${editButtonUrl}/${data?.id}`);
   };
 
-  const renderFormDynamically = (solidKanbanViewMetaData: any) => {
-    if (!solidKanbanViewMetaData) {
-      return;
-    }
-    const solidView = solidKanbanViewMetaData.solidView;
-    const solidFieldsMetadata = solidKanbanViewMetaData.solidFieldsMetadata;
-    if (!solidView || !solidFieldsMetadata) {
-      return;
-    }
-    if (!solidView || !solidFieldsMetadata) {
-      return;
-    }
-    const updatedLayout = solidView.layout.children;
-    const dynamicForm = updatedLayout.map((element: any) => renderFormElementDynamically(element, solidKanbanViewMetaData));
-    return dynamicForm;
+  const openEdit = () => {
+    router.push(`${editButtonUrl}/${data?.id}`);
   };
 
-  const kanbanActionRef = useRef(null);
-
-  const renderKanbanAction = (data, groupedView) => {
+  const renderKanbanAction = (data) => {
     return (
       <div className="solid-kanban-action" onClick={(e) => e.stopPropagation()}>
-        <Button
-          size="small"
-          text
-          className="text-sm p-0"
-          icon="pi pi-ellipsis-v"
-          onClick={(e) => kanbanActionRef.current.toggle(e)}
-          style={{ width: 25, height: 25 }}
-        />
-        <OverlayPanel ref={kanbanActionRef} className="solid-custom-overlay">
-          <div className="flex flex-column">
-            <Button
+        <SolidDropdownMenu>
+          <SolidDropdownMenuTrigger asChild>
+            <button
               type="button"
-              className="w-8rem text-left gap-1"
-              label="Edit"
-              size="small"
-              iconPos="left"
-              text
-              icon={"pi pi-pencil"}
-              onClick={() => router.push(`${editButtonUrl}/${data?.id}`)}
-            />
-            {!groupedView &&
-              <a
-                href={data?.relativeUri}
-                download={data?.originalFileName}
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <Button
-                  type="button"
-                  className="w-8rem text-left gap-1"
-                  label="Download"
-                  size="small"
-                  iconPos="left"
-                  icon={"pi pi-download"}
-                />
-              </a>
-            }
-          </div>
-        </OverlayPanel>
+              className="solid-header-cog-trigger solid-kanban-action-trigger"
+              aria-label="Open card actions"
+            >
+              <SolidIcon name="si-ellipsis-v" aria-hidden />
+            </button>
+          </SolidDropdownMenuTrigger>
+          <SolidDropdownMenuContent className="solid-custom-overlay" align="end">
+            <SolidDropdownMenuItem
+              className="solid-header-dropdown-item"
+              onSelect={() => router.push(`${editButtonUrl}/${data?.id}`)}
+            >
+              <SolidIcon name="si-pencil" className="solid-header-action-button-icon" aria-hidden />
+              <span className="solid-header-action-button-label">Edit</span>
+            </SolidDropdownMenuItem>
+          </SolidDropdownMenuContent>
+        </SolidDropdownMenu>
       </div>
     )
   }
 
   return (
-    <Draggable draggableId={String(data.id)} index={index} isDragDisabled={!groupedView}>
+    <Draggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>
       {(provided: DraggableProvided, snapshot) => (
         <div
           className=""
           ref={provided.innerRef}
           {...provided.draggableProps}
-          {...provided.dragHandleProps}
+          {...(!isDragDisabled ? provided.dragHandleProps : {})}
           style={{ marginTop: "1rem", ...provided.draggableProps.style }}
           className="kanban-card-container"
         >
@@ -247,29 +88,31 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
             style={{
               opacity: snapshot.isDragging ? 0.9 : 1,
               transform: snapshot.isDragging ? "rotate(-2deg)" : "",
-              cursor: 'pointer'
+              cursor: isDragDisabled ? "pointer" : "grab"
             }}
             elevation={snapshot.isDragging ? 3 : 1}
-            className={`${!groupedView ? 'solid-media-card' : 'solid-kanban-card'}`}
-            onClick={() => {
-              if (typeof window !== "undefined") {
-                // const queryString = searchParams.toString();
-                // const finalUrl = queryString ? `${pathname}?${queryString}` : pathname;
-                // sessionStorage.setItem("fromView", finalUrl);
-                sessionStorage.setItem("fromView", "kanban");
-
-              }
-              router.push(`${editButtonUrl}/${data?.id}`)
-            }}
+            className="solid-kanban-card"
+            onClick={openRecord}
           >
-            {renderKanbanAction(data, groupedView)}
-            {renderFormDynamically(solidKanbanViewMetaData)}
-            {/* {solidKanbanViewMetaData?.solidView?.layout?.layoutData &&
-              Object.entries(solidKanbanViewMetaData?.solidView?.layout?.layoutData).map(([key, value]) => (
-                <p className="kanban-card-heading" key={key}>{data[value]}</p>
-              ))
-            } */}
-            {/* <p className="kanban-card-content">{data.content}</p> */}
+            {renderKanbanAction(data)}
+            {DynamicCardWidget ? (
+              <DynamicCardWidget
+                rowData={data}
+                solidKanbanViewMetaData={solidKanbanViewMetaData}
+                solidView={solidKanbanViewMetaData?.solidView}
+                solidFieldsMetadata={solidKanbanViewMetaData?.solidFieldsMetadata}
+                card={cardNode}
+                layoutAttrs={solidKanbanViewMetaData?.solidView?.layout?.attrs || {}}
+                groupedView={true}
+                groupByFieldName={groupByFieldName}
+                group={group}
+                editButtonUrl={editButtonUrl}
+                setLightboxUrls={setLightboxUrls}
+                setOpenLightbox={setOpenLightbox}
+                openRecord={openRecord}
+                openEdit={openEdit}
+              />
+            ) : null}
           </div>
         </div>
       )}

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

@@ -11,15 +11,17 @@ interface GroupData {
     groupByField: string;
 }
 interface KanbanColumnProps {
-    groupedView: boolean;
     groupByField: string;
     group: Group;
     groupData: GroupData[];
+    isKanbanDragEnabled?: boolean;
+    cardNode?: any;
+    DynamicCardWidget?: any;
     toggleFold: (groupByField: string) => void;
     handleLoadMore: (groupByField: string) => void;
     setLightboxUrls: any;
     setOpenLightbox: any;
 }
-declare const KanbanColumn: ({ groupedView, groupByField, solidKanbanViewMetaData, group, groupData, toggleFold, handleLoadMore, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const KanbanColumn: ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default KanbanColumn;
 //# sourceMappingURL=KanbanColumn.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,GAAG,CAAA;CACrB;AAGD,QAAA,MAAM,YAAY,0JAA2J,iBAAiB,4CAsG7L,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,GAAG,CAAA;CACrB;AAGD,QAAA,MAAM,YAAY,+LAAuM,iBAAiB,4CA0EzO,CAAC;AAEF,eAAe,YAAY,CAAC"}