iguazio.dashboard-react-controls 3.2.20 → 3.2.22

package/dist/nextGenComponents/components/DataTable/DataTable.mjs

@@ -0,0 +1,223 @@
+import { jsxs as r, Fragment as W, jsx as e } from "react/jsx-runtime";
+import { useReactTable as K, getSortedRowModel as U, getFilteredRowModel as q, getCoreRowModel as J, flexRender as h } from "@tanstack/react-table";
+import { useVirtualizer as Q } from "@tanstack/react-virtual";
+import { useRef as Y, useMemo as x } from "react";
+import Z from "../../../images/sort-arrow.svg.mjs";
+import "../DetailsPanel/index.mjs";
+import "../EllipsisTooltip/index.mjs";
+import "../PaginationControls/index.mjs";
+import "../RowActions/index.mjs";
+import { ESTIMATED_ROW_HEIGHT as tt, DATATABLE_TEXT as A, SORT_DIRECTION as P, NO_ROWS_MESSAGES as et } from "../../constants/index.mjs";
+import { useClickOutside as ot } from "../../hooks/useClickOutside.mjs";
+import { cn as d } from "../../lib/utils.mjs";
+import lt from "./checkboxColumn.mjs";
+import { getColumnWidthCalculator as nt, getVirtualPadding as it, getColumnSize as $ } from "./DataTable.utils.mjs";
+import L from "../EllipsisTooltip/EllipsisTooltip.mjs";
+import rt from "../RowActions/RowActions.mjs";
+import at from "../DetailsPanel/DetailsPanel.mjs";
+import st from "../PaginationControls/PaginationControls.mjs";
+const Tt = ({
+  className: V,
+  data: g,
+  columns: b,
+  initialSorting: j = [],
+  pagination: R,
+  rowActions: m,
+  detailsPanel: u,
+  checkboxSelection: n
+}) => {
+  var O;
+  const { selectedRow: c, onRowSelect: v, onRowClose: p } = u ?? {}, N = Y(null), k = ot(c ? p : void 0), X = x(() => {
+    if (!c) return {};
+    const o = g.indexOf(c);
+    return o >= 0 ? { [o]: !0 } : {};
+  }, [c, g]), E = n ? n.rowSelection : X, y = x(
+    () => n ? [lt, ...b] : b,
+    [n, b]
+  ), f = K({
+    data: g,
+    columns: y,
+    defaultColumn: {
+      size: 1,
+      minSize: 0
+    },
+    state: {
+      rowSelection: E
+    },
+    onRowSelectionChange: (o) => {
+      if (!n) return;
+      const t = typeof o == "function" ? o(E) : o;
+      n.onRowSelectionChange(t);
+    },
+    getCoreRowModel: J(),
+    getFilteredRowModel: q(),
+    getSortedRowModel: U(),
+    enableRowSelection: !0,
+    enableMultiRowSelection: !!n,
+    enableSorting: !0,
+    enableSortingRemoval: !1,
+    initialState: {
+      sorting: j
+    }
+  }), { rows: C } = f.getRowModel(), w = Q({
+    count: C.length,
+    estimateSize: () => tt,
+    getScrollElement: () => N.current,
+    overscan: 5
+  }), D = w.getVirtualItems(), T = c ?? ((O = f.getRowModel().flatRows.find((o) => o.getIsSelected())) == null ? void 0 : O.original), _ = f.getVisibleLeafColumns(), I = x(() => nt(_), [_]), S = y.length + (m ? 1 : 0), { top: M, bottom: z } = it(D, w);
+  return /* @__PURE__ */ r(W, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        "data-testid": "data-table-wrapper",
+        ref: k,
+        className: "flex flex-col relative flex-grow min-h-0",
+        children: [
+          /* @__PURE__ */ e("div", { ref: N, className: d("overflow-auto rounded-lg border", V), children: /* @__PURE__ */ r("table", { className: "w-full border-collapse table-fixed", children: [
+            /* @__PURE__ */ e("thead", { children: f.getHeaderGroups().map((o) => /* @__PURE__ */ r(
+              "tr",
+              {
+                className: "sticky top-0 z-10 bg-white shadow-[0_1px_0_0_#eee]",
+                "data-testid": "data-table-header-row",
+                children: [
+                  o.headers.map((t, l) => {
+                    const a = t.column.id === A.CHECKBOX_COLUMN_ID, i = n ? l === 1 : l === 0;
+                    return /* @__PURE__ */ e(
+                      "th",
+                      {
+                        colSpan: t.colSpan,
+                        style: $(
+                          a,
+                          i,
+                          t.column.getSize(),
+                          I
+                        ),
+                        className: d(
+                          "relative px-4 py-2 text-left text-[15px] leading-6 text-[#7F7989] border-b border-[#eee] whitespace-nowrap",
+                          i && "w-[250px] pr-[10px]",
+                          a && "w-12 px-3"
+                        ),
+                        "data-testid": `data-table-header-${typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : t.column.id}`,
+                        children: !t.isPlaceholder && (a ? h(t.column.columnDef.header, t.getContext()) : /* @__PURE__ */ r(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: t.column.getToggleSortingHandler(),
+                            disabled: !t.column.getCanSort(),
+                            className: d(
+                              "inline-flex items-center gap-2 w-full bg-transparent border-0 py-1 cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#b9d4ff] focus-visible:outline-offset-2 rounded disabled:cursor-default font-normal",
+                              t.column.getIsSorted() && "font-bold"
+                            ),
+                            "data-testid": `data-table-header-button-${t.column.columnDef.header}`,
+                            children: [
+                              /* @__PURE__ */ e(L, { className: "w-fit", children: h(t.column.columnDef.header, t.getContext()) }),
+                              t.column.getCanSort() && /* @__PURE__ */ e("span", { className: "w-2 h-2 shrink-0 flex items-center justify-center", children: /* @__PURE__ */ e(
+                                Z,
+                                {
+                                  "aria-hidden": "true",
+                                  className: d(
+                                    "w-full h-full transition-transform duration-150 ease-in-out",
+                                    t.column.getIsSorted() === P.ASC && "rotate-180 opacity-100",
+                                    t.column.getIsSorted() === P.DESC && "rotate-0 opacity-100",
+                                    !t.column.getIsSorted() && "opacity-40"
+                                  )
+                                }
+                              ) })
+                            ]
+                          }
+                        ))
+                      },
+                      t.id
+                    );
+                  }),
+                  m && /* @__PURE__ */ e(
+                    "th",
+                    {
+                      className: "w-12 p-0 border-b border-[#eee]",
+                      "data-testid": "data-table-header-actions"
+                    }
+                  )
+                ]
+              },
+              o.id
+            )) }),
+            /* @__PURE__ */ e("tbody", { children: C.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+              "td",
+              {
+                colSpan: S,
+                className: "h-40 text-center text-[15px] text-[#4B4760]",
+                "data-testid": "data-table-empty-state",
+                children: et
+              }
+            ) }) : /* @__PURE__ */ r(W, { children: [
+              M > 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: S, style: { height: M, padding: 0 } }) }),
+              D.map((o) => {
+                const t = C[o.index];
+                return /* @__PURE__ */ r(
+                  "tr",
+                  {
+                    ref: w.measureElement,
+                    "data-index": o.index,
+                    className: d(
+                      "group hover:bg-igz-accent-hover h-12 border-b border-[#eee] last:border-none",
+                      u && "cursor-pointer",
+                      t.getIsSelected() && "bg-[#f2f7ff]"
+                    ),
+                    "data-testid": `data-table-row-${t.id}`,
+                    children: [
+                      t.getVisibleCells().map((l, a) => {
+                        const i = l.column.id === A.CHECKBOX_COLUMN_ID, B = n ? a === 1 : a === 0, s = l.column.columnDef.meta, F = !!(s != null && s.skipEllipsisTooltip), H = h(
+                          l.column.columnDef.cell,
+                          l.getContext()
+                        ), G = !i && !F ? /* @__PURE__ */ e(L, { children: H }) : H;
+                        return /* @__PURE__ */ e(
+                          "td",
+                          {
+                            onClick: !i && v ? () => v(t.original) : void 0,
+                            style: $(
+                              i,
+                              B,
+                              l.column.getSize(),
+                              I
+                            ),
+                            className: d(
+                              "relative px-4 py-2 text-left text-[#4B4760] text-[15px] font-normal",
+                              F ? "min-w-0" : "truncate",
+                              B && "w-[250px] pr-[10px]",
+                              i && "w-12 px-3",
+                              s == null ? void 0 : s.tdClassName
+                            ),
+                            "data-testid": `data-table-cell-${t.id}`,
+                            children: G
+                          },
+                          l.id
+                        );
+                      }),
+                      m && /* @__PURE__ */ e(
+                        "td",
+                        {
+                          className: "relative px-1",
+                          "data-testid": `data-table-actions-cell-${t.id}`,
+                          onClick: (l) => l.stopPropagation(),
+                          children: /* @__PURE__ */ e(rt, { actions: m(t.original) })
+                        }
+                      )
+                    ]
+                  },
+                  t.id
+                );
+              }),
+              z > 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: S, style: { height: z, padding: 0 } }) })
+            ] }) })
+          ] }) }),
+          T && u && /* @__PURE__ */ e(at, { row: T, ...u, onClose: () => p == null ? void 0 : p() })
+        ]
+      }
+    ),
+    R && /* @__PURE__ */ e(st, { ...R })
+  ] });
+};
+export {
+  Tt as default
+};
+//# sourceMappingURL=DataTable.mjs.map

package/dist/nextGenComponents/components/DataTable/DataTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.mjs","sources":["../../../../src/lib/nextGenComponents/components/DataTable/DataTable.tsx"],"sourcesContent":["import {\n  flexRender,\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  type ColumnDef,\n  type RowSelectionState,\n  type SortingState\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { ComponentType, ReactNode, useRef, useMemo } from 'react'\n\nimport SortArrow from '../../../images/sort-arrow.svg?react'\nimport DetailsPanel from '@/components/DetailsPanel'\nimport EllipsisTooltip from '@/components/EllipsisTooltip'\nimport PaginationControls, { PaginationConfig } from '@/components/PaginationControls'\nimport { RowActions, ActionMenuItem } from '@/components/RowActions'\nimport { DATATABLE_TEXT, ESTIMATED_ROW_HEIGHT, NO_ROWS_MESSAGES, SORT_DIRECTION } from '@/constants'\nimport { useClickOutside } from '@/hooks/useClickOutside'\nimport { cn } from '@/lib/utils'\n\nimport checkboxColumn from './checkboxColumn'\nimport { getColumnSize, getColumnWidthCalculator, getVirtualPadding } from './DataTable.utils'\n\nexport type DetailsPanelConfig<TData extends object> = {\n  content: ComponentType<TData>\n  titleAccessorKey?: keyof TData\n  titleAccessorFn?: (row: TData) => string | ReactNode\n  selectedRow?: TData\n  onRowSelect?: (row: TData) => void\n  onRowClose?: () => void\n}\n\nexport type CheckboxSelectionConfig = {\n  rowSelection: RowSelectionState\n  onRowSelectionChange: (state: RowSelectionState) => void\n}\n\nexport type DataTableProps<TData extends object> = {\n  className?: string\n  data: TData[]\n  columns: ColumnDef<TData, unknown>[]\n  initialSorting?: SortingState\n  pagination?: PaginationConfig\n  rowActions?: (row: TData) => ActionMenuItem[]\n  detailsPanel?: DetailsPanelConfig<TData>\n  checkboxSelection?: CheckboxSelectionConfig\n}\n\nconst DataTable = <TData extends object>({\n  className,\n  data,\n  columns,\n  initialSorting = [],\n  pagination,\n  rowActions,\n  detailsPanel,\n  checkboxSelection\n}: Readonly<DataTableProps<TData>>) => {\n  const { selectedRow, onRowSelect, onRowClose } = detailsPanel ?? {}\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n  const wrapperRef = useClickOutside(selectedRow ? onRowClose : undefined)\n\n  const detailsPanelSelection = useMemo(() => {\n    if (!selectedRow) return {}\n    const index = data.indexOf(selectedRow)\n    return index >= 0 ? { [index]: true } : {}\n  }, [selectedRow, data])\n\n  const rowSelection = checkboxSelection ? checkboxSelection.rowSelection : detailsPanelSelection\n\n  const allColumns = useMemo(\n    () => (checkboxSelection ? [checkboxColumn as ColumnDef<TData, unknown>, ...columns] : columns),\n    [checkboxSelection, columns]\n  )\n\n  const table = useReactTable({\n    data,\n    columns: allColumns,\n    defaultColumn: {\n      size: 1,\n      minSize: 0\n    },\n    state: {\n      rowSelection\n    },\n    onRowSelectionChange: updaterOrValue => {\n      if (!checkboxSelection) return\n      const newSelection =\n        typeof updaterOrValue === 'function' ? updaterOrValue(rowSelection) : updaterOrValue\n      checkboxSelection.onRowSelectionChange(newSelection)\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    enableRowSelection: true,\n    enableMultiRowSelection: !!checkboxSelection,\n    enableSorting: true,\n    enableSortingRemoval: false,\n    initialState: {\n      sorting: initialSorting\n    }\n  })\n\n  const { rows } = table.getRowModel()\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => ESTIMATED_ROW_HEIGHT,\n    getScrollElement: () => tableContainerRef.current,\n    overscan: 5\n  })\n\n  const virtualRows = rowVirtualizer.getVirtualItems()\n\n  const selected =\n    selectedRow ?? table.getRowModel().flatRows.find(r => r.getIsSelected())?.original\n\n  const visibleColumns = table.getVisibleLeafColumns()\n  const getColumnWidth = useMemo(() => getColumnWidthCalculator(visibleColumns), [visibleColumns])\n\n  const totalColSpan = allColumns.length + (rowActions ? 1 : 0)\n  const { top: topPadding, bottom: bottomPadding } = getVirtualPadding(virtualRows, rowVirtualizer)\n\n  return (\n    <>\n      <div\n        data-testid=\"data-table-wrapper\"\n        ref={wrapperRef}\n        className=\"flex flex-col relative flex-grow min-h-0\"\n      >\n        <div ref={tableContainerRef} className={cn('overflow-auto rounded-lg border', className)}>\n          <table className=\"w-full border-collapse table-fixed\">\n            <thead>\n              {table.getHeaderGroups().map(headerGroup => (\n                <tr\n                  key={headerGroup.id}\n                  className=\"sticky top-0 z-10 bg-white shadow-[0_1px_0_0_#eee]\"\n                  data-testid=\"data-table-header-row\"\n                >\n                  {headerGroup.headers.map((header, headerIndex) => {\n                    const isCheckboxColumn = header.column.id === DATATABLE_TEXT.CHECKBOX_COLUMN_ID\n                    const isFirstDataColumn = checkboxSelection\n                      ? headerIndex === 1\n                      : headerIndex === 0\n                    return (\n                      <th\n                        key={header.id}\n                        colSpan={header.colSpan}\n                        style={getColumnSize(\n                          isCheckboxColumn,\n                          isFirstDataColumn,\n                          header.column.getSize(),\n                          getColumnWidth\n                        )}\n                        className={cn(\n                          'relative px-4 py-2 text-left text-[15px] leading-6 text-[#7F7989] border-b border-[#eee] whitespace-nowrap',\n                          isFirstDataColumn && 'w-[250px] pr-[10px]',\n                          isCheckboxColumn && 'w-12 px-3'\n                        )}\n                        data-testid={`data-table-header-${typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.column.id}`}\n                      >\n                        {!header.isPlaceholder &&\n                          (isCheckboxColumn ? (\n                            flexRender(header.column.columnDef.header, header.getContext())\n                          ) : (\n                            <button\n                              type=\"button\"\n                              onClick={header.column.getToggleSortingHandler()}\n                              disabled={!header.column.getCanSort()}\n                              className={cn(\n                                'inline-flex items-center gap-2 w-full bg-transparent border-0 py-1 cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#b9d4ff] focus-visible:outline-offset-2 rounded disabled:cursor-default font-normal',\n                                header.column.getIsSorted() && 'font-bold'\n                              )}\n                              data-testid={`data-table-header-button-${header.column.columnDef.header}`}\n                            >\n                              <EllipsisTooltip className=\"w-fit\">\n                                {flexRender(header.column.columnDef.header, header.getContext())}\n                              </EllipsisTooltip>\n\n                              {header.column.getCanSort() && (\n                                <span className=\"w-2 h-2 shrink-0 flex items-center justify-center\">\n                                  <SortArrow\n                                    aria-hidden=\"true\"\n                                    className={cn(\n                                      'w-full h-full transition-transform duration-150 ease-in-out',\n                                      header.column.getIsSorted() === SORT_DIRECTION.ASC &&\n                                        'rotate-180 opacity-100',\n                                      header.column.getIsSorted() === SORT_DIRECTION.DESC &&\n                                        'rotate-0 opacity-100',\n                                      !header.column.getIsSorted() && 'opacity-40'\n                                    )}\n                                  />\n                                </span>\n                              )}\n                            </button>\n                          ))}\n                      </th>\n                    )\n                  })}\n                  {rowActions && (\n                    <th\n                      className=\"w-12 p-0 border-b border-[#eee]\"\n                      data-testid=\"data-table-header-actions\"\n                    />\n                  )}\n                </tr>\n              ))}\n            </thead>\n\n            <tbody>\n              {rows.length === 0 ? (\n                <tr>\n                  <td\n                    colSpan={totalColSpan}\n                    className=\"h-40 text-center text-[15px] text-[#4B4760]\"\n                    data-testid=\"data-table-empty-state\"\n                  >\n                    {NO_ROWS_MESSAGES}\n                  </td>\n                </tr>\n              ) : (\n                <>\n                  {topPadding > 0 && (\n                    <tr>\n                      <td colSpan={totalColSpan} style={{ height: topPadding, padding: 0 }} />\n                    </tr>\n                  )}\n                  {virtualRows.map(virtualRow => {\n                    const row = rows[virtualRow.index]\n                    return (\n                      <tr\n                        key={row.id}\n                        ref={rowVirtualizer.measureElement}\n                        data-index={virtualRow.index}\n                        className={cn(\n                          'group hover:bg-igz-accent-hover h-12 border-b border-[#eee] last:border-none',\n                          detailsPanel && 'cursor-pointer',\n                          row.getIsSelected() && 'bg-[#f2f7ff]'\n                        )}\n                        data-testid={`data-table-row-${row.id}`}\n                      >\n                        {row.getVisibleCells().map((cell, idx) => {\n                          const isCheckboxColumn =\n                            cell.column.id === DATATABLE_TEXT.CHECKBOX_COLUMN_ID\n                          const isFirstDataColumn = checkboxSelection ? idx === 1 : idx === 0\n                          const columnMeta = cell.column.columnDef.meta as\n                            | { skipEllipsisTooltip?: boolean; tdClassName?: string }\n                            | undefined\n                          const skipEllipsisTooltip = Boolean(columnMeta?.skipEllipsisTooltip)\n                          const renderedCell = flexRender(\n                            cell.column.columnDef.cell,\n                            cell.getContext()\n                          )\n                          const wrapCellWithEllipsis = !isCheckboxColumn && !skipEllipsisTooltip\n                          const cellContent = wrapCellWithEllipsis ? (\n                            <EllipsisTooltip>{renderedCell}</EllipsisTooltip>\n                          ) : (\n                            renderedCell\n                          )\n                          return (\n                            <td\n                              key={cell.id}\n                              onClick={\n                                !isCheckboxColumn && onRowSelect\n                                  ? () => onRowSelect(row.original)\n                                  : undefined\n                              }\n                              style={getColumnSize(\n                                isCheckboxColumn,\n                                isFirstDataColumn,\n                                cell.column.getSize(),\n                                getColumnWidth\n                              )}\n                              className={cn(\n                                'relative px-4 py-2 text-left text-[#4B4760] text-[15px] font-normal',\n                                skipEllipsisTooltip ? 'min-w-0' : 'truncate',\n                                isFirstDataColumn && 'w-[250px] pr-[10px]',\n                                isCheckboxColumn && 'w-12 px-3',\n                                columnMeta?.tdClassName\n                              )}\n                              data-testid={`data-table-cell-${row.id}`}\n                            >\n                              {cellContent}\n                            </td>\n                          )\n                        })}\n                        {rowActions && (\n                          <td\n                            className=\"relative px-1\"\n                            data-testid={`data-table-actions-cell-${row.id}`}\n                            onClick={e => e.stopPropagation()}\n                          >\n                            <RowActions actions={rowActions(row.original)} />\n                          </td>\n                        )}\n                      </tr>\n                    )\n                  })}\n                  {bottomPadding > 0 && (\n                    <tr>\n                      <td colSpan={totalColSpan} style={{ height: bottomPadding, padding: 0 }} />\n                    </tr>\n                  )}\n                </>\n              )}\n            </tbody>\n          </table>\n        </div>\n\n        {selected && detailsPanel && (\n          <DetailsPanel row={selected} {...detailsPanel} onClose={() => onRowClose?.()} />\n        )}\n      </div>\n\n      {pagination && <PaginationControls {...pagination} />}\n    </>\n  )\n}\n\nexport default DataTable\n"],"names":["DataTable","className","data","columns","initialSorting","pagination","rowActions","detailsPanel","checkboxSelection","selectedRow","onRowSelect","onRowClose","tableContainerRef","useRef","wrapperRef","useClickOutside","detailsPanelSelection","useMemo","index","rowSelection","allColumns","checkboxColumn","table","useReactTable","updaterOrValue","newSelection","getCoreRowModel","getFilteredRowModel","getSortedRowModel","rows","rowVirtualizer","useVirtualizer","ESTIMATED_ROW_HEIGHT","virtualRows","selected","_a","r","visibleColumns","getColumnWidth","getColumnWidthCalculator","totalColSpan","topPadding","bottomPadding","getVirtualPadding","jsxs","Fragment","jsx","cn","headerGroup","header","headerIndex","isCheckboxColumn","DATATABLE_TEXT","isFirstDataColumn","getColumnSize","flexRender","EllipsisTooltip","SortArrow","SORT_DIRECTION","NO_ROWS_MESSAGES","virtualRow","row","cell","idx","columnMeta","skipEllipsisTooltip","renderedCell","cellContent","e","RowActions","DetailsPanel","PaginationControls"],"mappings":"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"}

package/dist/nextGenComponents/components/DataTable/DataTable.utils.d.ts

@@ -0,0 +1,11 @@
+import type { Column } from '@tanstack/react-table';
+import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
+export declare const getColumnWidthCalculator: <TData>(columns: Column<TData, unknown>[]) => (size: number) => string;
+export declare const getColumnSize: (isCheckbox: boolean, isFirstData: boolean, size: number, getColumnWidth: (size: number) => string) => {
+    width: string;
+} | undefined;
+export declare const getVirtualPadding: (virtualRows: VirtualItem[], rowVirtualizer: Virtualizer<HTMLDivElement, Element>) => {
+    top: number;
+    bottom: number;
+};
+//# sourceMappingURL=DataTable.utils.d.ts.map

package/dist/nextGenComponents/components/DataTable/DataTable.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/DataTable/DataTable.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAIvE,eAAO,MAAM,wBAAwB,GAAI,KAAK,EAAE,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,MAGvE,MAAM,MAAM,WACrB,CAAA;AAED,eAAO,MAAM,aAAa,GACxB,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,MAAM,MAAM,EACZ,gBAAgB,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM;;aAKzC,CAAA;AAED,eAAO,MAAM,iBAAiB,GAC5B,aAAa,WAAW,EAAE,EAC1B,gBAAgB,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC;;;CAMrD,CAAA"}

package/dist/nextGenComponents/components/DataTable/DataTable.utils.mjs

@@ -0,0 +1,17 @@
+import { DATATABLE_TEXT as i } from "../../constants/index.mjs";
+const a = (e) => {
+  const n = e.filter((t) => t.id !== i.CHECKBOX_COLUMN_ID).reduce((t, r) => t + r.getSize(), 0);
+  return (t) => `${t / n * 100}%`;
+}, c = (e, o, n, t) => {
+  if (e) return { width: "48px" };
+  if (!o) return { width: t(n) };
+}, l = (e, o) => {
+  const n = e.length > 0 ? e[0].start : 0, t = e.length > 0 ? o.getTotalSize() - e.at(-1).end : 0;
+  return { top: n, bottom: t };
+};
+export {
+  c as getColumnSize,
+  a as getColumnWidthCalculator,
+  l as getVirtualPadding
+};
+//# sourceMappingURL=DataTable.utils.mjs.map

package/dist/nextGenComponents/components/DataTable/DataTable.utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.utils.mjs","sources":["../../../../src/lib/nextGenComponents/components/DataTable/DataTable.utils.ts"],"sourcesContent":["import type { Column } from '@tanstack/react-table'\nimport type { VirtualItem, Virtualizer } from '@tanstack/react-virtual'\n\nimport { DATATABLE_TEXT } from '@/constants'\n\nexport const getColumnWidthCalculator = <TData>(columns: Column<TData, unknown>[]) => {\n  const dataColumns = columns.filter(col => col.id !== DATATABLE_TEXT.CHECKBOX_COLUMN_ID)\n  const totalSize = dataColumns.reduce((sum, col) => sum + col.getSize(), 0)\n  return (size: number) => `${(size / totalSize) * 100}%`\n}\n\nexport const getColumnSize = (\n  isCheckbox: boolean,\n  isFirstData: boolean,\n  size: number,\n  getColumnWidth: (size: number) => string\n) => {\n  if (isCheckbox) return { width: '48px' }\n  if (!isFirstData) return { width: getColumnWidth(size) }\n  return undefined\n}\n\nexport const getVirtualPadding = (\n  virtualRows: VirtualItem[],\n  rowVirtualizer: Virtualizer<HTMLDivElement, Element>\n) => {\n  const top = virtualRows.length > 0 ? virtualRows[0].start : 0\n  const bottom =\n    virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - virtualRows.at(-1)!.end : 0\n  return { top, bottom }\n}\n"],"names":["getColumnWidthCalculator","columns","totalSize","col","DATATABLE_TEXT","sum","size","getColumnSize","isCheckbox","isFirstData","getColumnWidth","getVirtualPadding","virtualRows","rowVirtualizer","top","bottom"],"mappings":";AAKO,MAAMA,IAA2B,CAAQC,MAAsC;AAEpF,QAAMC,IADcD,EAAQ,OAAO,OAAOE,EAAI,OAAOC,EAAe,kBAAkB,EACxD,OAAO,CAACC,GAAKF,MAAQE,IAAMF,EAAI,QAAA,GAAW,CAAC;AACzE,SAAO,CAACG,MAAiB,GAAIA,IAAOJ,IAAa,GAAG;AACtD,GAEaK,IAAgB,CAC3BC,GACAC,GACAH,GACAI,MACG;AACH,MAAIF,EAAY,QAAO,EAAE,OAAO,OAAA;AAChC,MAAI,CAACC,EAAa,QAAO,EAAE,OAAOC,EAAeJ,CAAI,EAAA;AAEvD,GAEaK,IAAoB,CAC/BC,GACAC,MACG;AACH,QAAMC,IAAMF,EAAY,SAAS,IAAIA,EAAY,CAAC,EAAE,QAAQ,GACtDG,IACJH,EAAY,SAAS,IAAIC,EAAe,iBAAiBD,EAAY,GAAG,EAAE,EAAG,MAAM;AACrF,SAAO,EAAE,KAAAE,GAAK,QAAAC,EAAA;AAChB;"}

package/dist/nextGenComponents/components/DataTable/checkboxColumn.d.ts

@@ -0,0 +1,4 @@
+import type { ColumnDef } from '@tanstack/react-table';
+declare const checkboxColumn: ColumnDef<object, unknown>;
+export default checkboxColumn;
+//# sourceMappingURL=checkboxColumn.d.ts.map

package/dist/nextGenComponents/components/DataTable/checkboxColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxColumn.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/DataTable/checkboxColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAKtD,QAAA,MAAM,cAAc,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,CAsB9C,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/nextGenComponents/components/DataTable/checkboxColumn.mjs

@@ -0,0 +1,30 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Checkbox as c } from "../ui/checkbox.mjs";
+import { DATATABLE_TEXT as t } from "../../constants/index.mjs";
+const i = {
+  id: t.CHECKBOX_COLUMN_ID,
+  header: ({ table: e }) => /* @__PURE__ */ l(
+    c,
+    {
+      checked: e.getIsAllPageRowsSelected() || e.getIsSomePageRowsSelected() && "indeterminate",
+      onCheckedChange: (a) => e.toggleAllPageRowsSelected(!!a),
+      "aria-label": t.SELECT_ALL,
+      "data-testid": "data-table-select-all-checkbox"
+    }
+  ),
+  cell: ({ row: e }) => /* @__PURE__ */ l(
+    c,
+    {
+      checked: e.getIsSelected(),
+      onCheckedChange: (a) => e.toggleSelected(!!a),
+      "aria-label": t.SELECT_ROW,
+      "data-testid": `data-table-row-checkbox-${e.id}`
+    }
+  ),
+  enableSorting: !1,
+  enableHiding: !1
+};
+export {
+  i as default
+};
+//# sourceMappingURL=checkboxColumn.mjs.map

package/dist/nextGenComponents/components/DataTable/checkboxColumn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxColumn.mjs","sources":["../../../../src/lib/nextGenComponents/components/DataTable/checkboxColumn.tsx"],"sourcesContent":["import type { ColumnDef } from '@tanstack/react-table'\n\nimport { Checkbox } from '@/components/ui/checkbox'\nimport { DATATABLE_TEXT } from '@/constants'\n\nconst checkboxColumn: ColumnDef<object, unknown> = {\n  id: DATATABLE_TEXT.CHECKBOX_COLUMN_ID,\n  header: ({ table }) => (\n    <Checkbox\n      checked={\n        table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && 'indeterminate')\n      }\n      onCheckedChange={value => table.toggleAllPageRowsSelected(!!value)}\n      aria-label={DATATABLE_TEXT.SELECT_ALL}\n      data-testid=\"data-table-select-all-checkbox\"\n    />\n  ),\n  cell: ({ row }) => (\n    <Checkbox\n      checked={row.getIsSelected()}\n      onCheckedChange={value => row.toggleSelected(!!value)}\n      aria-label={DATATABLE_TEXT.SELECT_ROW}\n      data-testid={`data-table-row-checkbox-${row.id}`}\n    />\n  ),\n  enableSorting: false,\n  enableHiding: false\n}\n\nexport default checkboxColumn\n"],"names":["checkboxColumn","DATATABLE_TEXT","table","jsx","Checkbox","value","row"],"mappings":";;;AAKA,MAAMA,IAA6C;AAAA,EACjD,IAAIC,EAAe;AAAA,EACnB,QAAQ,CAAC,EAAE,OAAAC,EAAA,MACT,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SACEF,EAAM,yBAAA,KAA+BA,EAAM,+BAA+B;AAAA,MAE5E,iBAAiB,CAAAG,MAASH,EAAM,0BAA0B,CAAC,CAACG,CAAK;AAAA,MACjE,cAAYJ,EAAe;AAAA,MAC3B,eAAY;AAAA,IAAA;AAAA,EAAA;AAAA,EAGhB,MAAM,CAAC,EAAE,KAAAK,EAAA,MACP,gBAAAH;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASE,EAAI,cAAA;AAAA,MACb,iBAAiB,CAAAD,MAASC,EAAI,eAAe,CAAC,CAACD,CAAK;AAAA,MACpD,cAAYJ,EAAe;AAAA,MAC3B,eAAa,2BAA2BK,EAAI,EAAE;AAAA,IAAA;AAAA,EAAA;AAAA,EAGlD,eAAe;AAAA,EACf,cAAc;AAChB;"}

package/dist/nextGenComponents/components/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DataTable';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/nextGenComponents/components/DataTable/index.mjs

@@ -0,0 +1,5 @@
+import { default as o } from "./DataTable.mjs";
+export {
+  o as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/DataTable/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.d.ts

@@ -0,0 +1,11 @@
+import { ComponentType, ReactNode } from 'react';
+type DetailsPanelProps<TData extends object> = {
+    row: TData;
+    content: ComponentType<TData>;
+    titleAccessorKey?: keyof TData;
+    titleAccessorFn?: (row: TData) => string | ReactNode;
+    onClose: () => void;
+};
+declare const DetailsPanel: <TData extends object>({ row, content: Content, titleAccessorKey, titleAccessorFn, onClose }: DetailsPanelProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export default DetailsPanel;
+//# sourceMappingURL=DetailsPanel.d.ts.map

package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsPanel.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/DetailsPanel/DetailsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAOzD,KAAK,iBAAiB,CAAC,KAAK,SAAS,MAAM,IAAI;IAC7C,GAAG,EAAE,KAAK,CAAA;IACV,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,KAAK,CAAA;IAC9B,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAA;IACpD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,KAAK,SAAS,MAAM,EAAE,uEAMzC,iBAAiB,CAAC,KAAK,CAAC,4CA8C1B,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.mjs

@@ -0,0 +1,53 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useMemo as s } from "react";
+import d from "../../../images/close.svg.mjs";
+import p from "../EllipsisTooltip/EllipsisTooltip.mjs";
+import { Button as m } from "../ui/button.mjs";
+import { DETAILS_FALLBACK_TITLE as f } from "../../constants/index.mjs";
+const N = ({
+  row: t,
+  content: r,
+  titleAccessorKey: a,
+  titleAccessorFn: l,
+  onClose: n
+}) => {
+  const i = s(() => l ? l(t) : a && t[a] ? String(t[a]) : f, [t, l, a]);
+  return /* @__PURE__ */ o(
+    "aside",
+    {
+      "data-testid": "details-panel",
+      className: "absolute rounded-r-lg flex flex-col inset-y-0 right-0 w-[calc(100%-250px)] border border-[#e6e6e6] bg-white z-30",
+      style: { boxShadow: "-4px 0 6px -4px rgba(0,0,0,0.15)" },
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: "flex items-center justify-between gap-3 px-6 pr-10 py-4",
+            "data-testid": "details-panel-title",
+            children: [
+              typeof i == "string" ? /* @__PURE__ */ e(p, { className: "min-w-0 text-[24px] font-extrabold leading-tight text-[#3a3650]", children: i }) : i,
+              /* @__PURE__ */ e(
+                m,
+                {
+                  variant: "rounded",
+                  size: "icon",
+                  onClick: n,
+                  className: "absolute top-3.5 right-3",
+                  "aria-label": "Close",
+                  tooltip: "Close",
+                  "data-testid": "details-panel-close-button",
+                  children: /* @__PURE__ */ e(d, { className: "w-6 h-6" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "overflow-auto h-full px-6 py-4", "data-testid": "details-panel-content", children: /* @__PURE__ */ e(r, { ...t }) })
+      ]
+    }
+  );
+};
+export {
+  N as default
+};
+//# sourceMappingURL=DetailsPanel.mjs.map

package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsPanel.mjs","sources":["../../../../src/lib/nextGenComponents/components/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { ComponentType, ReactNode, useMemo } from 'react'\n\nimport Close from '../../../images/close.svg?react'\nimport EllipsisTooltip from '@/components/EllipsisTooltip/EllipsisTooltip'\nimport { Button } from '@/components/ui/button'\nimport { DETAILS_FALLBACK_TITLE } from '@/constants'\n\ntype DetailsPanelProps<TData extends object> = {\n  row: TData\n  content: ComponentType<TData>\n  titleAccessorKey?: keyof TData\n  titleAccessorFn?: (row: TData) => string | ReactNode\n  onClose: () => void\n}\n\nconst DetailsPanel = <TData extends object>({\n  row,\n  content: Content,\n  titleAccessorKey,\n  titleAccessorFn,\n  onClose\n}: DetailsPanelProps<TData>) => {\n  const title = useMemo((): string | ReactNode => {\n    if (titleAccessorFn) {\n      return titleAccessorFn(row)\n    }\n    if (titleAccessorKey && row[titleAccessorKey]) {\n      return String(row[titleAccessorKey])\n    }\n    return DETAILS_FALLBACK_TITLE\n  }, [row, titleAccessorFn, titleAccessorKey])\n\n  return (\n    <aside\n      data-testid=\"details-panel\"\n      className=\"absolute rounded-r-lg flex flex-col inset-y-0 right-0 w-[calc(100%-250px)] border border-[#e6e6e6] bg-white z-30\"\n      style={{ boxShadow: '-4px 0 6px -4px rgba(0,0,0,0.15)' }}\n    >\n      <div\n        className=\"flex items-center justify-between gap-3 px-6 pr-10 py-4\"\n        data-testid=\"details-panel-title\"\n      >\n        {typeof title === 'string' ? (\n          <EllipsisTooltip className=\"min-w-0 text-[24px] font-extrabold leading-tight text-[#3a3650]\">\n            {title}\n          </EllipsisTooltip>\n        ) : (\n          title\n        )}\n        <Button\n          variant=\"rounded\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"absolute top-3.5 right-3\"\n          aria-label=\"Close\"\n          tooltip=\"Close\"\n          data-testid=\"details-panel-close-button\"\n        >\n          <Close className=\"w-6 h-6\" />\n        </Button>\n      </div>\n\n      <div className=\"overflow-auto h-full px-6 py-4\" data-testid=\"details-panel-content\">\n        <Content {...row} />\n      </div>\n    </aside>\n  )\n}\n\nexport default DetailsPanel\n"],"names":["DetailsPanel","row","Content","titleAccessorKey","titleAccessorFn","onClose","title","useMemo","DETAILS_FALLBACK_TITLE","jsxs","jsx","EllipsisTooltip","Button","Close"],"mappings":";;;;;;AAeA,MAAMA,IAAe,CAAuB;AAAA,EAC1C,KAAAC;AAAA,EACA,SAASC;AAAA,EACT,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAQC,EAAQ,MAChBH,IACKA,EAAgBH,CAAG,IAExBE,KAAoBF,EAAIE,CAAgB,IACnC,OAAOF,EAAIE,CAAgB,CAAC,IAE9BK,GACN,CAACP,GAAKG,GAAiBD,CAAgB,CAAC;AAE3C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,mCAAA;AAAA,MAEpB,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEX,UAAA;AAAA,cAAA,OAAOH,KAAU,WAChB,gBAAAI,EAACC,KAAgB,WAAU,mEACxB,aACH,IAEAL;AAAA,cAEF,gBAAAI;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAASP;AAAA,kBACT,WAAU;AAAA,kBACV,cAAW;AAAA,kBACX,SAAQ;AAAA,kBACR,eAAY;AAAA,kBAEZ,UAAA,gBAAAK,EAACG,GAAA,EAAM,WAAU,UAAA,CAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC7B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,kCAAiC,eAAY,yBAC1D,UAAA,gBAAAA,EAACR,GAAA,EAAS,GAAGD,EAAA,CAAK,EAAA,CACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/nextGenComponents/components/DetailsPanel/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DetailsPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/DetailsPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/DetailsPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/nextGenComponents/components/DetailsPanel/index.mjs

@@ -0,0 +1,5 @@
+import { default as o } from "./DetailsPanel.mjs";
+export {
+  o as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/DetailsPanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type EllipsisTooltipProps = {
+    children: ReactNode;
+    className?: string;
+};
+declare const EllipsisTooltip: ({ children, className }: EllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default EllipsisTooltip;
+//# sourceMappingURL=EllipsisTooltip.d.ts.map

package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTooltip.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAK9D,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,yBAAyB,oBAAoB,4CA0BrE,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.mjs

@@ -0,0 +1,20 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useRef as f, useState as a, useEffect as d } from "react";
+import { Tooltip as u, TooltipTrigger as m, TooltipContent as p } from "../ui/tooltip.mjs";
+import { cn as x } from "../../lib/utils.mjs";
+const N = ({ children: e, className: i }) => {
+  const s = f(null), [l, n] = a(!1);
+  d(() => {
+    const o = s.current;
+    o && n(o.scrollWidth > o.clientWidth);
+  }, [e]);
+  const r = /* @__PURE__ */ t("div", { ref: s, className: x("truncate overflow-hidden text-ellipsis w-full", i), children: e });
+  return l ? /* @__PURE__ */ c(u, { children: [
+    /* @__PURE__ */ t(m, { asChild: !0, children: r }),
+    /* @__PURE__ */ t(p, { className: "break-words *:text-white [&_*]:text-white", children: /* @__PURE__ */ t("div", { className: "select-text", children: e }) })
+  ] }) : r;
+};
+export {
+  N as default
+};
+//# sourceMappingURL=EllipsisTooltip.mjs.map

package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTooltip.mjs","sources":["../../../../src/lib/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react'\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'\nimport { cn } from '@/lib/utils'\n\ntype EllipsisTooltipProps = {\n  children: ReactNode\n  className?: string\n}\n\nconst EllipsisTooltip = ({ children, className }: EllipsisTooltipProps) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [isOverflowed, setIsOverflowed] = useState(false)\n\n  useEffect(() => {\n    const text = ref.current\n    if (!text) return\n    setIsOverflowed(text.scrollWidth > text.clientWidth)\n  }, [children])\n\n  const content = (\n    <div ref={ref} className={cn('truncate overflow-hidden text-ellipsis w-full', className)}>\n      {children}\n    </div>\n  )\n\n  if (!isOverflowed) return content\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{content}</TooltipTrigger>\n      <TooltipContent className=\"break-words *:text-white [&_*]:text-white\">\n        <div className=\"select-text\">{children}</div>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\nexport default EllipsisTooltip\n"],"names":["EllipsisTooltip","children","className","ref","useRef","isOverflowed","setIsOverflowed","useState","useEffect","text","content","cn","Tooltip","jsx","TooltipTrigger","TooltipContent"],"mappings":";;;;AAUA,MAAMA,IAAkB,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAsC;AACzE,QAAMC,IAAMC,EAAuB,IAAI,GACjC,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK;AAEtD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAON,EAAI;AACjB,IAAKM,KACLH,EAAgBG,EAAK,cAAcA,EAAK,WAAW;AAAA,EACrD,GAAG,CAACR,CAAQ,CAAC;AAEb,QAAMS,sBACH,OAAA,EAAI,KAAAP,GAAU,WAAWQ,EAAG,iDAAiDT,CAAS,GACpF,UAAAD,EAAA,CACH;AAGF,SAAKI,sBAGFO,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAe,SAAO,IAAE,UAAAJ,GAAQ;AAAA,IACjC,gBAAAG,EAACE,KAAe,WAAU,6CACxB,4BAAC,OAAA,EAAI,WAAU,eAAe,UAAAd,EAAA,CAAS,EAAA,CACzC;AAAA,EAAA,GACF,IARwBS;AAU5B;"}

package/dist/nextGenComponents/components/EllipsisTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './EllipsisTooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/EllipsisTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/EllipsisTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/nextGenComponents/components/EllipsisTooltip/index.mjs

@@ -0,0 +1,5 @@
+import { default as o } from "./EllipsisTooltip.mjs";
+export {
+  o as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/EllipsisTooltip/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/nextGenComponents/components/FilterPopover/FilterPopover.d.ts

@@ -0,0 +1,10 @@
+import type { FilterSchema, FilterValues } from '@/types/table/filter';
+type Props<K extends string> = {
+    schema: FilterSchema<K>;
+    title?: string;
+    onApply?: (vals?: FilterValues<K>) => void;
+    onClear?: () => void;
+};
+declare const FilterPopover: <K extends string>({ schema, title, onApply, onClear }: Readonly<Props<K>>) => import("react/jsx-runtime").JSX.Element;
+export default FilterPopover;
+//# sourceMappingURL=FilterPopover.d.ts.map

package/dist/nextGenComponents/components/FilterPopover/FilterPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopover.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/FilterPopover/FilterPopover.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAkB,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAItF,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7B,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,EAAE,qCAKtC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,4CAsJpB,CAAA;AAED,eAAe,aAAa,CAAA"}