qlu-20-ui-library 1.1.6 → 1.1.7

package/dist/components/SearchPersonTable/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { SearchPersonTableType } from '../../types';
 interface SearchPersonTableProps {
-    onCheckClick: () => void;
-    onNameClick: () => void;
-    onCompanyClick: () => void;
+    onCheckClick: (id: number) => void;
+    onNameClick: (id: number) => void;
+    onCompanyClick: (id: number) => void;
     personsData: SearchPersonTableType[];
 }
 declare const SearchPersonTable: React.FC<SearchPersonTableProps>;

package/dist/library.es.js

@@ -7528,21 +7528,21 @@ const l4 = (t) => {
     onClick: () => console.log("this was in click 2")
   }
 ], n3 = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", q8 = "https://media.licdn.com/dms/image/C4D0BAQGHhAk9oJMhoA/company-logo_100_100/0/1644908739401?e=1692230400&v=beta&t=SKe0ogRHK0zvkHlu6-1Pz0z-e32MoG6LxSSALUMuiSE", Ut = [
-  { fullName: "Mike Luzio the Second and Mike Luzio the 3rd asdasdasdasdasd ", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain1", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain2", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain3", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain5", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain6", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain7", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain8", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain0", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain7", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain8", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain0", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain7", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain8", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
-  { fullName: "Raja Zain0", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 }
+  { id: 1, fullName: "Mike Luzio the Second and Mike Luzio the 3rd asdasdasdasdasd ", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 2, fullName: "Raja Zain1", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 3, fullName: "Raja Zain2", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 4, fullName: "Raja Zain3", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 5, fullName: "Raja Zain5", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 6, fullName: "Raja Zain6", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 7, fullName: "Raja Zain7", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 8, fullName: "Raja Zain8", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 9, fullName: "Raja Zain0", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 10, fullName: "Raja Zain7", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 11, fullName: "Raja Zain8", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 12, fullName: "Raja Zain0", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 13, fullName: "Raja Zain7", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 14, fullName: "Raja Zain8", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 },
+  { id: 15, fullName: "Raja Zain0", currentTitle: "Confirm Jannati", currentCompany: "Qlu.ai", location: "Jannat", industry: "AI Recruitment", skills: "SCP , Gameing, Gym", profilePicture: n3 }
 ], a4 = [
   { tabName: "Summary" },
   { tabName: "Notes" },
@@ -16960,11 +16960,14 @@ This usually means you need to need to name your plugin hook by setting the 'plu
 process.env.NODE_ENV === "production" ? f5.exports = za() : f5.exports = wa();
 var H4 = f5.exports;
 const Fa = ({
-  onCheckClick: t = () => {
+  onCheckClick: t = (v) => {
+    console.log("Showing the id :::::::: ", v);
   },
-  onNameClick: a = () => {
+  onNameClick: a = (v) => {
+    console.log("Showing the id :::::::: ", v);
   },
-  onCompanyClick: c = () => {
+  onCompanyClick: c = (v) => {
+    console.log("Showing the id :::::::: ", v);
   },
   personsData: r
 }) => {
@@ -16978,61 +16981,37 @@ const Fa = ({
       { Header: "Skills", accessor: "skills" }
     ],
     []
-  ), {
-    getTableProps: s,
-    getTableBodyProps: M,
-    headerGroups: H,
-    rows: z,
-    prepareRow: P
-  } = H4.useTable({ columns: p, data: v });
-  return /* @__PURE__ */ i.jsxs(
-    "table",
-    {
-      className: "searchPersonTable--Generic",
-      ...s(),
-      children: [
-        /* @__PURE__ */ i.jsx("thead", { children: H.map((w) => /* @__PURE__ */ i.jsx("tr", { ...w.getHeaderGroupProps(), children: w.headers.map((j) => /* @__PURE__ */ i.jsx("th", { ...j.getHeaderProps(), children: j.render("Header") })) })) }),
-        /* @__PURE__ */ i.jsx("tbody", { ...M(), children: z.map((w) => (P(w), /* @__PURE__ */ i.jsx("tr", { ...w.getRowProps(), children: w.cells.map((j) => {
-          var K, N;
-          return j.column.Header === "Name" ? /* @__PURE__ */ i.jsx("td", { ...j.getCellProps(), children: /* @__PURE__ */ i.jsxs(
-            "span",
-            {
-              className: "searchPersonTable--NameCell",
-              children: [
-                /* @__PURE__ */ i.jsx(
-                  z5,
-                  {
-                    onClick: t
-                  }
-                ),
-                /* @__PURE__ */ i.jsx(
-                  g5,
-                  {
-                    iconPath: (N = (K = j == null ? void 0 : j.row) == null ? void 0 : K.original) == null ? void 0 : N.profilePicture,
-                    iconSize: "40",
-                    borderRadius: "6"
-                  }
-                ),
-                /* @__PURE__ */ i.jsx(
-                  q0,
-                  {
-                    text: j == null ? void 0 : j.value,
-                    onClick: a
-                  }
-                )
-              ]
-            }
-          ) }) : j.column.Header === "Company" ? /* @__PURE__ */ i.jsx("td", { ...j.getCellProps(), children: /* @__PURE__ */ i.jsx(
-            q0,
-            {
-              text: j == null ? void 0 : j.value,
-              onClick: c
-            }
-          ) }) : /* @__PURE__ */ i.jsx("td", { ...j.getCellProps(), children: j.render("Cell") });
-        }) }))) })
-      ]
-    }
-  );
+  ), { getTableProps: s, getTableBodyProps: M, headerGroups: H, rows: z, prepareRow: P } = H4.useTable({ columns: p, data: v });
+  return /* @__PURE__ */ i.jsxs("table", { className: "searchPersonTable--Generic", ...s(), children: [
+    /* @__PURE__ */ i.jsx("thead", { children: H.map((w) => /* @__PURE__ */ i.jsx("tr", { ...w.getHeaderGroupProps(), children: w.headers.map((j) => /* @__PURE__ */ i.jsx("th", { ...j.getHeaderProps(), children: j.render("Header") })) })) }),
+    /* @__PURE__ */ i.jsx("tbody", { ...M(), children: z.map((w) => (P(w), /* @__PURE__ */ i.jsx("tr", { ...w.getRowProps(), children: w.cells.map((j) => {
+      var K, N;
+      return console.log(typeof j.render("Cell"), j, "printing cell number as :::: "), j.column.Header === "Name" ? /* @__PURE__ */ i.jsx("td", { ...j.getCellProps(), children: /* @__PURE__ */ i.jsxs("span", { className: "searchPersonTable--NameCell", children: [
+        /* @__PURE__ */ i.jsx(z5, { onClick: () => t(parseInt(j.row.id)) }),
+        /* @__PURE__ */ i.jsx(
+          g5,
+          {
+            iconPath: (N = (K = j == null ? void 0 : j.row) == null ? void 0 : K.original) == null ? void 0 : N.profilePicture,
+            iconSize: "40",
+            borderRadius: "6"
+          }
+        ),
+        /* @__PURE__ */ i.jsx(
+          q0,
+          {
+            text: j == null ? void 0 : j.value,
+            onClick: () => a(parseInt(j.row.id))
+          }
+        )
+      ] }) }) : j.column.Header === "Company" ? /* @__PURE__ */ i.jsx("td", { ...j.getCellProps(), children: /* @__PURE__ */ i.jsx(
+        q0,
+        {
+          text: j == null ? void 0 : j.value,
+          onClick: () => c(parseInt(j.row.id))
+        }
+      ) }) : /* @__PURE__ */ i.jsx("td", { ...j.getCellProps(), children: j.render("Cell") });
+    }) }))) })
+  ] });
 };
 const ya = ({
   totalCount: t = 50,
@@ -17071,43 +17050,31 @@ const ya = ({
     ]
   }
 );
-const un = () => /* @__PURE__ */ i.jsxs(
-  "div",
-  {
-    className: "searchPersonTableContainer",
-    children: [
-      /* @__PURE__ */ i.jsx(
-        "div",
-        {
-          className: "searchPersonTableContainer-Table",
-          children: /* @__PURE__ */ i.jsx(
-            Fa,
-            {
-              onCheckClick: () => console.log("hello g wassup"),
-              onCompanyClick: () => console.log("hello g wassup"),
-              onNameClick: () => console.log("hello g wassup"),
-              personsData: Ut
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ i.jsx(
-        ya,
-        {
-          totalCount: 50,
-          lowerCap: 1,
-          upperCap: 25,
-          pageButtons: [1, 2, 3],
-          onPrevClick: () => {
-          },
-          onNextClick: () => {
-          },
-          onPageNumberClick: (t) => console.log(t)
-        }
-      )
-    ]
-  }
-);
+const un = () => /* @__PURE__ */ i.jsxs("div", { className: "searchPersonTableContainer", children: [
+  /* @__PURE__ */ i.jsx("div", { className: "searchPersonTableContainer-Table", children: /* @__PURE__ */ i.jsx(
+    Fa,
+    {
+      onCheckClick: (t) => console.log("hello g wassup:::::::::::id ", t),
+      onCompanyClick: (t) => console.log("hello g wassup:::::::::::id ", t),
+      onNameClick: (t) => console.log("hello g wassup:::::::::::id ", t),
+      personsData: Ut
+    }
+  ) }),
+  /* @__PURE__ */ i.jsx(
+    ya,
+    {
+      totalCount: 50,
+      lowerCap: 1,
+      upperCap: 25,
+      pageButtons: [1, 2, 3],
+      onPrevClick: () => {
+      },
+      onNextClick: () => {
+      },
+      onPageNumberClick: (t) => console.log(t)
+    }
+  )
+] });
 const hn = ({
   activeSearchTab: t = "People",
   onClick: a