@solidstarters/solid-core-ui 1.1.210 → 1.1.212

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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"}
+{"version":3,"file":"KanbanCard.js","sourceRoot":"./","sources":["components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\n'use client';\nimport React, { useRef } from \"react\";\nimport { SolidKanbanViewFields } from \"./SolidKanbanViewFields\";\nimport { usePathname, useRouter, useSearchParams } from \"next/navigation\";\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"]}

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

@@ -0,0 +1,279 @@
+// @ts-nocheck
+'use client';
+import React, { useRef } from "react";
+import { SolidKanbanViewFields } from "./SolidKanbanViewFields";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { Button } from "primereact/button";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { Draggable, DraggableProvided } from "@hello-pangea/dnd";
+
+// Define the types for the data and props
+interface Data {
+  id: string;
+  title: string;
+  content: string;
+}
+
+interface KanbanCardProps {
+  data: Data;
+  solidKanbanViewMetaData: any;
+  index: number;
+}
+
+// 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 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 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 kanbanActionRef = useRef(null);
+
+  const renderKanbanAction = (data, groupedView) => {
+    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
+              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>
+      </div>
+    )
+  }
+
+  return (
+    <Draggable draggableId={String(data.id)} index={index} isDragDisabled={!groupedView}>
+      {(provided: DraggableProvided, snapshot) => (
+        <div
+          className=""
+          ref={provided.innerRef}
+          {...provided.draggableProps}
+          {...provided.dragHandleProps}
+          style={{ marginTop: "1rem", ...provided.draggableProps.style }}
+          className="kanban-card-container"
+        >
+          {/* <p className="kanban-card-heading">{data.title}</p> */}
+          {/* <p className="kanban-card-content">{data.content}</p> */}
+          <div
+            style={{
+              opacity: snapshot.isDragging ? 0.9 : 1,
+              transform: snapshot.isDragging ? "rotate(-2deg)" : "",
+              cursor: 'pointer'
+            }}
+            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}`)
+            }}
+          >
+            {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> */}
+          </div>
+        </div>
+      )}
+    </Draggable>
+  );
+};
+
+export default KanbanCard;

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":"AAWA,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;AAED,QAAA,MAAM,YAAY,0JAA2J,iBAAiB,4CAoG7L,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"./","sources":["components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAWA,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;AAED,QAAA,MAAM,YAAY,0JAA2J,iBAAiB,4CAoG7L,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,31 +1,19 @@
 // @ts-nocheck
 'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Droppable } from "@hello-pangea/dnd";
 import { Button } from "primereact/button";
 import KanbanCard from "./KanbanCard";
 import { OverlayPanel } from "primereact/overlaypanel";
-var KanbanColumn = function (_a) {
-    var groupedView = _a.groupedView, groupByField = _a.groupByField, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, group = _a.group, groupData = _a.groupData, toggleFold = _a.toggleFold, handleLoadMore = _a.handleLoadMore, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl;
-    var op = useRef(null);
+const KanbanColumn = ({ groupedView, groupByField, solidKanbanViewMetaData, group, groupData, toggleFold, handleLoadMore, setLightboxUrls, setOpenLightbox, editButtonUrl }) => {
+    const op = useRef(null);
     return (_jsxs("div", { className: group.folded ? (groupedView === false ? "kanban-column kanban-ungrouped-column kanban-column-folded" : "kanban-column kanban-column-folded") : (groupedView === false ? "kanban-column kanban-ungrouped-column" : "kanban-column"), children: [groupedView !== false &&
                 _jsxs("div", { className: "kaban-heading-area", children: [group.folded &&
-                            _jsx("a", { onClick: function (e) { return toggleFold(groupByField); }, children: _jsxs("div", { className: "flex align-items-center", children: [_jsxs("div", { className: "kanban-arrow-icon-container", children: [_jsx("i", { className: "pi pi-sort-up-fill" }), _jsx("i", { className: "pi pi-sort-down-fill" })] }), _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] })] }) }), !group.folded &&
-                            _jsx("div", { className: "flex align-items-center", children: _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] }) }), !group.folded &&
-                            _jsx(Button, { onClick: function (e) { var _a; return (_a = op === null || op === void 0 ? void 0 : op.current) === null || _a === void 0 ? void 0 : _a.toggle(e); }, icon: 'pi pi-cog', text: true, className: "p-0 kanban-column-cogwheel", rounded: true, severity: "secondary" }), _jsx(OverlayPanel, { ref: op, className: "kanban-options-panel", children: _jsx("div", { className: "w-full md:w-10rem p-menu p-component", "data-pc-name": "menu", "data-pc-section": "root", children: _jsx("ul", { className: "p-menu-list p-reset", id: "pr_id_11_list", role: "menu", "data-pc-section": "menu", children: _jsx("li", { className: "p-menuitem", role: "menuitem", "data-pc-section": "menuitem", "data-p-focused": "false", "data-p-disabled": "false", children: _jsxs("button", { className: "p-menuitem-link w-full p-link flex align-items-center md:pl-2 text-color hover:surface-200 border-noround", children: [_jsx("div", { className: "mr-2 p-avatar p-component p-avatar-image p-avatar-circle hidden md:flex", "data-pc-name": "avatar", "data-pc-section": "root" }), _jsx("div", { className: "flex flex-column align px-4 md:px-0 ", children: _jsx("a", { className: "flex align-items-center p-menuitem-link", onClick: function (e) { var _a; toggleFold(groupByField); (_a = op === null || op === void 0 ? void 0 : op.current) === null || _a === void 0 ? void 0 : _a.toggle(e); }, children: _jsx("span", { className: "", children: "Fold" }) }) })] }) }) }) }) })] }), !group.folded && (_jsx(Droppable, { droppableId: groupByField, isDropDisable: !groupedView, children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.droppableProps, { style: { minHeight: "100px" }, className: groupedView === false && "kanban-ungrouped-column-content", children: [groupData.map(function (data, index) { return (_jsx(KanbanCard, { groupedView: groupedView, data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl }, data.id)); }), provided.placeholder, group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
-                            _jsx(Button, { text: true, className: "kaban-load-more", size: "small", onClick: function () { return handleLoadMore(groupByField); }, label: "Load more data... ( ".concat(group.count - (group.limit * group.currentPage), " remaining)") })] }))); } }))] }));
+                            _jsx("a", { onClick: e => toggleFold(groupByField), children: _jsxs("div", { className: "flex align-items-center", children: [_jsxs("div", { className: "kanban-arrow-icon-container", children: [_jsx("i", { className: "pi pi-sort-up-fill" }), _jsx("i", { className: "pi pi-sort-down-fill" })] }), _jsxs("p", { className: "kanban-group-heading", children: [`${group.label}`, _jsx("span", { className: "kanban-count-badge", children: group.count })] })] }) }), !group.folded &&
+                            _jsx("div", { className: "flex align-items-center", children: _jsxs("p", { className: "kanban-group-heading", children: [`${group.label}`, _jsx("span", { className: "kanban-count-badge", children: group.count })] }) }), !group.folded &&
+                            _jsx(Button, { onClick: (e) => op?.current?.toggle(e), icon: 'pi pi-cog', text: true, className: "p-0 kanban-column-cogwheel", rounded: true, severity: "secondary" }), _jsx(OverlayPanel, { ref: op, className: "kanban-options-panel", children: _jsx("div", { className: "w-full md:w-10rem p-menu p-component", "data-pc-name": "menu", "data-pc-section": "root", children: _jsx("ul", { className: "p-menu-list p-reset", id: "pr_id_11_list", role: "menu", "data-pc-section": "menu", children: _jsx("li", { className: "p-menuitem", role: "menuitem", "data-pc-section": "menuitem", "data-p-focused": "false", "data-p-disabled": "false", children: _jsxs("button", { className: "p-menuitem-link w-full p-link flex align-items-center md:pl-2 text-color hover:surface-200 border-noround", children: [_jsx("div", { className: "mr-2 p-avatar p-component p-avatar-image p-avatar-circle hidden md:flex", "data-pc-name": "avatar", "data-pc-section": "root" }), _jsx("div", { className: "flex flex-column align px-4 md:px-0 ", children: _jsx("a", { className: "flex align-items-center p-menuitem-link", onClick: e => { toggleFold(groupByField); op?.current?.toggle(e); }, children: _jsx("span", { className: "", children: "Fold" }) }) })] }) }) }) }) })] }), !group.folded && (_jsx(Droppable, { droppableId: groupByField, isDropDisable: !groupedView, children: (provided) => (_jsxs("div", { ref: provided.innerRef, ...provided.droppableProps, style: { minHeight: "100px" }, className: groupedView === false && "kanban-ungrouped-column-content", children: [groupData.map((data, index) => (_jsx(KanbanCard, { groupedView: groupedView, data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl }, data.id))), provided.placeholder, group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
+                            _jsx(Button, { text: true, className: "kaban-load-more", size: "small", onClick: () => handleLoadMore(groupByField), label: `Load more data... ( ${group.count - (group.limit * group.currentPage)} remaining)` })] })) }))] }));
 };
 export default KanbanColumn;
 //# sourceMappingURL=KanbanColumn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"KanbanColumn.js","sourceRoot":"./","sources":["components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\n'use client';\n\n\nimport React, { useRef } from \"react\";\nimport { Droppable, DroppableProvided } from \"@hello-pangea/dnd\";\nimport { Button } from \"primereact/button\";\nimport KanbanCard from \"./KanbanCard\";\nimport { OverlayPanel } from \"primereact/overlaypanel\";\n\n// Define types for props\ninterface Group {\n  label: string;\n  count: number;\n  folded: boolean;\n  limit: number;\n  currentPage: number;\n}\n\ninterface GroupData {\n  id: string;\n  title: string;\n  groupByField: string;\n}\n\ninterface KanbanColumnProps {\n  groupedView: boolean;\n  groupByField: string;\n  group: Group;\n  groupData: GroupData[];\n  toggleFold: (groupByField: string) => void;\n  handleLoadMore: (groupByField: string) => void;\n  setLightboxUrls: any,\n  setOpenLightbox: any\n}\n\nconst KanbanColumn = ({ groupedView, groupByField, solidKanbanViewMetaData, group, groupData, toggleFold, handleLoadMore, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => {\n  const op = useRef<any>(null);\n\n\n  return (\n    <div className={group.folded ? (groupedView === false ? \"kanban-column kanban-ungrouped-column kanban-column-folded\" : \"kanban-column kanban-column-folded\") : (groupedView === false ? \"kanban-column kanban-ungrouped-column\" : \"kanban-column\")}>\n      {groupedView !== false &&\n        <div className=\"kaban-heading-area\">\n          {group.folded &&\n            <a onClick={e => toggleFold(groupByField)}>\n              <div className=\"flex align-items-center\">\n                <div className=\"kanban-arrow-icon-container\">\n                  <i className=\"pi pi-sort-up-fill\"></i>\n                  <i className=\"pi pi-sort-down-fill\"></i>\n                </div>\n                <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n              </div>\n            </a>\n          }\n\n          {!group.folded &&\n            <div className=\"flex align-items-center\">\n              <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n            </div>\n          }\n          {!group.folded &&\n            <Button\n              onClick={(e: any) => op?.current?.toggle(e)}\n              icon='pi pi-cog'\n              text\n              className=\"p-0 kanban-column-cogwheel\"\n              rounded\n              severity=\"secondary\"\n            />\n          }\n          <OverlayPanel ref={op} className=\"kanban-options-panel\">\n\n            <div\n              className=\"w-full md:w-10rem p-menu p-component\"\n              data-pc-name=\"menu\"\n              data-pc-section=\"root\"\n            >\n              <ul\n                className=\"p-menu-list p-reset\"\n                id=\"pr_id_11_list\"\n                role=\"menu\"\n                data-pc-section=\"menu\"\n              >\n                <li\n                  className=\"p-menuitem\"\n                  role=\"menuitem\"\n                  data-pc-section=\"menuitem\"\n                  data-p-focused=\"false\"\n                  data-p-disabled=\"false\"\n                >\n                  <button className=\"p-menuitem-link w-full p-link flex align-items-center md:pl-2 text-color hover:surface-200 border-noround\">\n                    <div\n                      className=\"mr-2 p-avatar p-component p-avatar-image p-avatar-circle hidden md:flex\"\n                      data-pc-name=\"avatar\"\n                      data-pc-section=\"root\"\n                    >\n                    </div>\n                    <div className=\"flex flex-column align px-4 md:px-0 \">\n\n                      <a className=\"flex align-items-center p-menuitem-link\" onClick={e => { toggleFold(groupByField); op?.current?.toggle(e) }}>\n                        <span className=\"\">Fold</span>\n                      </a>\n                    </div>\n                  </button>\n                </li>\n              </ul>\n            </div>\n          </OverlayPanel>\n        </div>\n      }\n      {!group.folded && (\n        <Droppable droppableId={groupByField} isDropDisable={!groupedView}>\n          {(provided: DroppableProvided) => (\n            <div\n              ref={provided.innerRef}\n              {...provided.droppableProps}\n              style={{ minHeight: \"100px\" }}\n              className={groupedView === false && \"kanban-ungrouped-column-content\"}\n            >\n              {groupData.map((data, index) => (\n                <KanbanCard groupedView={groupedView} key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} />\n              ))}\n              {provided.placeholder}\n              {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&\n                <Button text className=\"kaban-load-more\" size=\"small\"\n                  onClick={() => handleLoadMore(groupByField)}\n                  label={`Load more data... ( ${group.count - (group.limit * group.currentPage)} remaining)`}\n                />\n              }\n            </div>\n          )}\n        </Droppable>\n      )}\n    </div>\n  );\n};\n\nexport default KanbanColumn;\n"]}

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

@@ -0,0 +1,139 @@
+// @ts-nocheck
+'use client';
+
+
+import React, { useRef } from "react";
+import { Droppable, DroppableProvided } from "@hello-pangea/dnd";
+import { Button } from "primereact/button";
+import KanbanCard from "./KanbanCard";
+import { OverlayPanel } from "primereact/overlaypanel";
+
+// Define types for props
+interface Group {
+  label: string;
+  count: number;
+  folded: boolean;
+  limit: number;
+  currentPage: number;
+}
+
+interface GroupData {
+  id: string;
+  title: string;
+  groupByField: string;
+}
+
+interface KanbanColumnProps {
+  groupedView: boolean;
+  groupByField: string;
+  group: Group;
+  groupData: GroupData[];
+  toggleFold: (groupByField: string) => void;
+  handleLoadMore: (groupByField: string) => void;
+  setLightboxUrls: any,
+  setOpenLightbox: any
+}
+
+const KanbanColumn = ({ groupedView, groupByField, solidKanbanViewMetaData, group, groupData, toggleFold, handleLoadMore, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => {
+  const op = useRef<any>(null);
+
+
+  return (
+    <div className={group.folded ? (groupedView === false ? "kanban-column kanban-ungrouped-column kanban-column-folded" : "kanban-column kanban-column-folded") : (groupedView === false ? "kanban-column kanban-ungrouped-column" : "kanban-column")}>
+      {groupedView !== false &&
+        <div className="kaban-heading-area">
+          {group.folded &&
+            <a onClick={e => toggleFold(groupByField)}>
+              <div className="flex align-items-center">
+                <div className="kanban-arrow-icon-container">
+                  <i className="pi pi-sort-up-fill"></i>
+                  <i className="pi pi-sort-down-fill"></i>
+                </div>
+                <p className="kanban-group-heading">{`${group.label}`}<span className="kanban-count-badge">{group.count}</span></p>
+              </div>
+            </a>
+          }
+
+          {!group.folded &&
+            <div className="flex align-items-center">
+              <p className="kanban-group-heading">{`${group.label}`}<span className="kanban-count-badge">{group.count}</span></p>
+            </div>
+          }
+          {!group.folded &&
+            <Button
+              onClick={(e: any) => op?.current?.toggle(e)}
+              icon='pi pi-cog'
+              text
+              className="p-0 kanban-column-cogwheel"
+              rounded
+              severity="secondary"
+            />
+          }
+          <OverlayPanel ref={op} className="kanban-options-panel">
+
+            <div
+              className="w-full md:w-10rem p-menu p-component"
+              data-pc-name="menu"
+              data-pc-section="root"
+            >
+              <ul
+                className="p-menu-list p-reset"
+                id="pr_id_11_list"
+                role="menu"
+                data-pc-section="menu"
+              >
+                <li
+                  className="p-menuitem"
+                  role="menuitem"
+                  data-pc-section="menuitem"
+                  data-p-focused="false"
+                  data-p-disabled="false"
+                >
+                  <button className="p-menuitem-link w-full p-link flex align-items-center md:pl-2 text-color hover:surface-200 border-noround">
+                    <div
+                      className="mr-2 p-avatar p-component p-avatar-image p-avatar-circle hidden md:flex"
+                      data-pc-name="avatar"
+                      data-pc-section="root"
+                    >
+                    </div>
+                    <div className="flex flex-column align px-4 md:px-0 ">
+
+                      <a className="flex align-items-center p-menuitem-link" onClick={e => { toggleFold(groupByField); op?.current?.toggle(e) }}>
+                        <span className="">Fold</span>
+                      </a>
+                    </div>
+                  </button>
+                </li>
+              </ul>
+            </div>
+          </OverlayPanel>
+        </div>
+      }
+      {!group.folded && (
+        <Droppable droppableId={groupByField} isDropDisable={!groupedView}>
+          {(provided: DroppableProvided) => (
+            <div
+              ref={provided.innerRef}
+              {...provided.droppableProps}
+              style={{ minHeight: "100px" }}
+              className={groupedView === false && "kanban-ungrouped-column-content"}
+            >
+              {groupData.map((data, index) => (
+                <KanbanCard groupedView={groupedView} key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} />
+              ))}
+              {provided.placeholder}
+              {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
+                <Button text className="kaban-load-more" size="small"
+                  onClick={() => handleLoadMore(groupByField)}
+                  label={`Load more data... ( ${group.count - (group.limit * group.currentPage)} remaining)`}
+                />
+              }
+            </div>
+          )}
+        </Droppable>
+      )}
+    </div>
+  );
+};
+
+export default KanbanColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanUserViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanUserViewLayout.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB,wDAAyD,GAAG,mDAwE5F,CAAC"}
+{"version":3,"file":"KanbanUserViewLayout.d.ts","sourceRoot":"./","sources":["components/core/kanban/KanbanUserViewLayout.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB,wDAAyD,GAAG,mDAwE5F,CAAC"}