@ayasofyazilim/ui 0.0.0 → 0.0.2

package/dist/custom/tanstack-table/fields/tanstack-table-view-options.js

@@ -0,0 +1,132 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
+import { ChevronDownIcon } from "lucide-react";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem
+} from "@repo/ayasofyazilim-ui/components/dropdown-menu";
+function TablePrimaryActionButton({
+  table,
+  action,
+  setRowAction
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      type: "button",
+      onClick: () => handleActionOnClick(table, action, setRowAction),
+      children: [
+        action?.icon && /* @__PURE__ */ jsx(action.icon, { className: "mr-2 h-4 w-4" }),
+        action.cta?.toString()
+      ]
+    }
+  );
+}
+function handleActionOnClick(table, action, setRowAction) {
+  if (action.type === "simple") {
+    action.onClick();
+    return;
+  }
+  if (action.type === "create-row") {
+    table.options.meta?.addRow(-1, "", null);
+    action?.onClick?.();
+    return;
+  }
+  setRowAction(action);
+}
+function TanstackTableViewOptions(props) {
+  const {
+    table,
+    tableActions,
+    selectedRowAction,
+    setTableAction: setRowAction,
+    tableData,
+    editable
+  } = props;
+  const filteredActions = tableActions?.filter(
+    (action) => !action.condition || action.condition(tableData)
+  ) ?? [];
+  const primaryAction = filteredActions[0];
+  const secondaryAction = filteredActions[1];
+  const otherActions = filteredActions.slice(2);
+  const selectedRowCount = Object.keys(table.getState().rowSelection).length;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    selectedRowAction && selectedRowCount > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: primaryAction && (primaryAction.condition && primaryAction.condition?.(tableData) || true) && otherActions && "mr-2",
+        children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            type: "button",
+            className: "ml-2",
+            onClick: () => {
+              const selectedRowIds = table.getState().rowSelection;
+              selectedRowAction.onClick(Object.keys(selectedRowIds), tableData);
+            },
+            children: [
+              selectedRowAction?.icon && /* @__PURE__ */ jsx(selectedRowAction.icon, { className: "mr-2 h-4 w-4" }),
+              `${selectedRowAction.cta?.toString()} (${selectedRowCount})`
+            ]
+          }
+        )
+      }
+    ),
+    editable && null,
+    /* @__PURE__ */ jsxs("div", { className: "space-x-2", children: [
+      primaryAction && /* @__PURE__ */ jsx(
+        TablePrimaryActionButton,
+        {
+          table,
+          action: primaryAction,
+          setRowAction
+        }
+      ),
+      secondaryAction && /* @__PURE__ */ jsx(
+        TablePrimaryActionButton,
+        {
+          table,
+          action: secondaryAction,
+          setRowAction
+        }
+      ),
+      otherActions && otherActions.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            type: "button",
+            variant: "outline",
+            className: "px-2",
+            children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "w-40", children: otherActions?.map((action) => /* @__PURE__ */ jsx(DropdownMenuItem, { children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            type: "button",
+            size: "sm",
+            className: "justify-start w-full",
+            onClick: () => handleActionOnClick(table, action, setRowAction),
+            children: [
+              action.icon && /* @__PURE__ */ jsx(action.icon, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx("span", { className: "ml-2", children: action.cta })
+            ]
+          }
+        ) }, action.cta)) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  TanstackTableViewOptions
+};
+//# sourceMappingURL=tanstack-table-view-options.js.map

package/dist/custom/tanstack-table/fields/tanstack-table-view-options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/fields/tanstack-table-view-options.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { DropdownMenuTrigger } from \"@radix-ui/react-dropdown-menu\";\r\nimport { Table } from \"@tanstack/react-table\";\r\n\r\nimport { ChevronDownIcon } from \"lucide-react\";\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n} from \"@repo/ayasofyazilim-ui/components/dropdown-menu\";\r\nimport {\r\n  TanstackTableSelectedRowActionType,\r\n  TanstackTableTableActionsType,\r\n} from \"../types\";\r\n\r\ninterface TanstackTableViewOptionsProps<TData> {\r\n  editable?: boolean;\r\n  selectedRowAction?: TanstackTableSelectedRowActionType<TData>;\r\n  setTableAction: (actions: TanstackTableTableActionsType<TData>) => void;\r\n  table: Table<TData>;\r\n  tableActions?: TanstackTableTableActionsType<TData>[];\r\n  tableData: TData[];\r\n}\r\n\r\nfunction TablePrimaryActionButton<TData>({\r\n  table,\r\n  action,\r\n  setRowAction,\r\n}: {\r\n  action: TanstackTableTableActionsType<TData>;\r\n  setRowAction: (actions: TanstackTableTableActionsType<TData>) => void;\r\n  table: Table<TData>;\r\n}) {\r\n  return (\r\n    <Button\r\n      variant=\"outline\"\r\n      size=\"sm\"\r\n      type=\"button\"\r\n      onClick={() => handleActionOnClick(table, action, setRowAction)}\r\n    >\r\n      {action?.icon && <action.icon className=\"mr-2 h-4 w-4\" />}\r\n      {action.cta?.toString()}\r\n    </Button>\r\n  );\r\n}\r\nfunction handleActionOnClick<TData>(\r\n  table: Table<TData>,\r\n  action: TanstackTableTableActionsType<TData>,\r\n  setRowAction: (actions: TanstackTableTableActionsType<TData>) => void\r\n) {\r\n  if (action.type === \"simple\") {\r\n    action.onClick();\r\n    return;\r\n  }\r\n  if (action.type === \"create-row\") {\r\n    table.options.meta?.addRow(-1, \"\", null);\r\n    action?.onClick?.();\r\n    return;\r\n  }\r\n  setRowAction(action);\r\n}\r\n\r\nexport function TanstackTableViewOptions<TData>(\r\n  props: TanstackTableViewOptionsProps<TData>\r\n) {\r\n  const {\r\n    table,\r\n    tableActions,\r\n    selectedRowAction,\r\n    setTableAction: setRowAction,\r\n    tableData,\r\n    editable,\r\n  } = props;\r\n\r\n  // Filter actions based on condition, keeping backward compatibility\r\n  const filteredActions =\r\n    tableActions?.filter(\r\n      (action) => !action.condition || action.condition(tableData)\r\n    ) ?? [];\r\n\r\n  const primaryAction = filteredActions[0];\r\n  const secondaryAction = filteredActions[1];\r\n  const otherActions = filteredActions.slice(2);\r\n  const selectedRowCount = Object.keys(table.getState().rowSelection).length;\r\n\r\n  return (\r\n    <>\r\n      {selectedRowAction && selectedRowCount > 0 && (\r\n        <div\r\n          className={\r\n            primaryAction &&\r\n            ((primaryAction.condition &&\r\n              primaryAction.condition?.(tableData)) ||\r\n              true) &&\r\n            otherActions &&\r\n            \"mr-2\"\r\n          }\r\n        >\r\n          <Button\r\n            variant=\"outline\"\r\n            size=\"sm\"\r\n            type=\"button\"\r\n            className=\"ml-2\"\r\n            onClick={() => {\r\n              const selectedRowIds = table.getState().rowSelection;\r\n              selectedRowAction.onClick(Object.keys(selectedRowIds), tableData);\r\n            }}\r\n          >\r\n            {selectedRowAction?.icon && (\r\n              <selectedRowAction.icon className=\"mr-2 h-4 w-4\" />\r\n            )}\r\n            {`${selectedRowAction.cta?.toString()} (${selectedRowCount})`}\r\n          </Button>\r\n        </div>\r\n      )}\r\n\r\n      {editable && null}\r\n\r\n      <div className=\"space-x-2\">\r\n        {primaryAction && (\r\n          <TablePrimaryActionButton\r\n            table={table}\r\n            action={primaryAction}\r\n            setRowAction={setRowAction}\r\n          />\r\n        )}\r\n        {secondaryAction && (\r\n          <TablePrimaryActionButton\r\n            table={table}\r\n            action={secondaryAction}\r\n            setRowAction={setRowAction}\r\n          />\r\n        )}\r\n        {otherActions && otherActions.length > 0 && (\r\n          <DropdownMenu>\r\n            <DropdownMenuTrigger asChild>\r\n              <Button\r\n                size=\"sm\"\r\n                type=\"button\"\r\n                variant=\"outline\"\r\n                className=\"px-2\"\r\n              >\r\n                <ChevronDownIcon className=\"size-4\" />\r\n              </Button>\r\n            </DropdownMenuTrigger>\r\n            <DropdownMenuContent align=\"end\" className=\"w-40\">\r\n              {otherActions?.map((action) => (\r\n                <DropdownMenuItem key={action.cta}>\r\n                  <Button\r\n                    variant=\"ghost\"\r\n                    type=\"button\"\r\n                    size=\"sm\"\r\n                    className=\"justify-start w-full\"\r\n                    onClick={() =>\r\n                      handleActionOnClick(table, action, setRowAction)\r\n                    }\r\n                  >\r\n                    {action.icon && <action.icon className=\"w-4 h-4\" />}\r\n                    <span className=\"ml-2\">{action.cta}</span>\r\n                  </Button>\r\n                </DropdownMenuItem>\r\n              ))}\r\n            </DropdownMenuContent>\r\n          </DropdownMenu>\r\n        )}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/tanstack-table/index.js

@@ -0,0 +1,217 @@
+"use client";
+"use no memo";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  getCoreRowModel,
+  getExpandedRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useCallback, useMemo, useState } from "react";
+import {
+  TanstackTableActionDialogs,
+  TanstackTablePagination,
+  TanstackTablePlainTable,
+  TanstackTableToolbar
+} from "./fields";
+import {
+  CellWithActions,
+  EditableTanstackTable,
+  NonEditableTanstackTable
+} from "./utils";
+function TanstackTable({
+  data,
+  rowCount,
+  columns,
+  columnOrder,
+  columnVisibility,
+  pinColumns,
+  rowActions,
+  tableActions,
+  selectedRowAction,
+  expandedRowComponent,
+  fillerColumn,
+  editable,
+  excludeColumns,
+  onTableDataChange,
+  filters,
+  title,
+  resizeable = true,
+  showPagination = true
+}) {
+  const commonProps = {
+    pinColumns,
+    columnOrder,
+    columnVisibility,
+    rowActions,
+    tableActions,
+    selectedRowAction,
+    excludeColumns,
+    expandedRowComponent,
+    title,
+    resizeable
+  };
+  if (editable) {
+    return /* @__PURE__ */ jsx(
+      TanstackBase,
+      {
+        ...commonProps,
+        ...EditableTanstackTable({ initialData: data, onTableDataChange }),
+        columns,
+        editable: true,
+        fillerColumn
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    TanstackBase,
+    {
+      ...commonProps,
+      ...NonEditableTanstackTable(data, rowCount || 0),
+      columns,
+      editable: false,
+      filters,
+      fillerColumn,
+      showPagination
+    }
+  );
+}
+function TanstackBase(props) {
+  const {
+    data,
+    columns,
+    columnOrder,
+    rowCount,
+    columnVisibility,
+    pinColumns,
+    rowActions,
+    tableActions,
+    selectedRowAction,
+    expandedRowComponent,
+    fillerColumn,
+    editable,
+    excludeColumns,
+    onPaginationChange,
+    onColumnFiltersChange,
+    columnFilters,
+    pagination,
+    filters,
+    meta,
+    showPagination,
+    title,
+    resizeable
+  } = props;
+  const [sorting, setSorting] = useState([]);
+  const [colVisibility, setColumnVisibility] = useState(
+    columnVisibility ? Object.fromEntries(
+      columns.map((col) => [
+        col.id || "",
+        columnVisibility?.columns.includes(
+          col.id || ""
+        ) === (columnVisibility.type === "show")
+      ])
+    ) : {}
+  );
+  const [rowAction, setRowAction] = useState(null);
+  const [tableAction, setTableAction] = useState(null);
+  const tableColumns = useMemo(() => {
+    const _columns = [...columns].filter(
+      (col) => !excludeColumns?.includes(col.id)
+    );
+    if (rowActions) {
+      _columns.push({
+        id: "actions",
+        cell: ({ row }) => CellWithActions(table, row, rowActions, setRowAction)
+      });
+    }
+    if (!resizeable) return _columns;
+    return _columns.map((col) => ({
+      ...col,
+      minSize: fillerColumn === col.id ? 600 : void 0
+    }));
+  }, [columns, rowActions]);
+  const getRowId = useCallback(
+    (row, index) => editable ? index.toString() : row.id,
+    []
+  );
+  const table = useReactTable({
+    data,
+    columns: tableColumns,
+    getRowId,
+    columnResizeMode: "onChange",
+    columnResizeDirection: "ltr",
+    state: {
+      sorting,
+      columnVisibility: colVisibility,
+      columnFilters,
+      pagination
+    },
+    initialState: {
+      columnOrder,
+      columnPinning: {
+        left: [
+          "expanded-content",
+          "select",
+          ...pinColumns ?? []
+        ],
+        right: ["actions"]
+      }
+    },
+    enableRowSelection: true,
+    enableColumnResizing: true,
+    enableColumnPinning: true,
+    manualPagination: true,
+    getRowCanExpand: () => !!expandedRowComponent,
+    getCoreRowModel: getCoreRowModel(),
+    onSortingChange: setSorting,
+    getSortedRowModel: getSortedRowModel(),
+    onColumnVisibilityChange: setColumnVisibility,
+    getPaginationRowModel: getPaginationRowModel(),
+    getExpandedRowModel: getExpandedRowModel(),
+    onPaginationChange,
+    onColumnFiltersChange,
+    rowCount,
+    meta
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      TanstackTableToolbar,
+      {
+        title,
+        table,
+        filters,
+        selectedRowAction,
+        tableActions,
+        tableData: data,
+        setTableAction,
+        editable
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "rounded-md border overflow-auto flex-1 h-0 max-h-max", children: /* @__PURE__ */ jsx(
+      TanstackTablePlainTable,
+      {
+        resizeable,
+        table,
+        columns: tableColumns,
+        editable,
+        expandedRowComponent,
+        fillerColumn
+      }
+    ) }),
+    pagination && showPagination && /* @__PURE__ */ jsx(TanstackTablePagination, { table, pagination }),
+    /* @__PURE__ */ jsx(
+      TanstackTableActionDialogs,
+      {
+        tableAction,
+        setTableAction,
+        rowAction,
+        setRowAction
+      }
+    )
+  ] });
+}
+export {
+  TanstackTable as default
+};
+//# sourceMappingURL=index.js.map

package/dist/custom/tanstack-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/custom/tanstack-table/index.tsx"],"sourcesContent":["\"use client\";\r\n\"use no memo\";\r\nimport {\r\n  getCoreRowModel,\r\n  getExpandedRowModel,\r\n  getPaginationRowModel,\r\n  getSortedRowModel,\r\n  RowData,\r\n  SortingState,\r\n  useReactTable,\r\n  VisibilityState,\r\n} from \"@tanstack/react-table\";\r\nimport { useCallback, useMemo, useState } from \"react\";\r\n\r\nimport {\r\n  TanstackTableActionDialogs,\r\n  TanstackTablePagination,\r\n  TanstackTablePlainTable,\r\n  TanstackTableToolbar,\r\n} from \"./fields\";\r\n\r\nimport {\r\n  TanstackBaseProps,\r\n  TanstackTablePropsType,\r\n  TanstackTableRowActionsType,\r\n  TanstackTableTableActionsType,\r\n} from \"./types\";\r\nimport {\r\n  CellWithActions,\r\n  EditableTanstackTable,\r\n  NonEditableTanstackTable,\r\n} from \"./utils\";\r\n\r\ndeclare module \"@tanstack/react-table\" {\r\n  // eslint-disaxxble-next-line @typescript-eslint/no-unused-vars\r\n  interface TableMeta<TData extends RowData> {\r\n    addRow: (rowIndex: number, columnId: string, value: unknown) => void;\r\n    removeRow: (rowIndex: number, columnId: string, value: unknown) => void;\r\n    updateData: (rowIndex: number, columnId: string, value: unknown) => void;\r\n    duplicateRow: (rowIndex: number, value: TData) => void;\r\n    orderRow: (newIndex: number, oldIndex: number) => void;\r\n  }\r\n}\r\n\r\nexport default function TanstackTable<TData, TValue>({\r\n  data,\r\n  rowCount,\r\n  columns,\r\n  columnOrder,\r\n  columnVisibility,\r\n  pinColumns,\r\n  rowActions,\r\n  tableActions,\r\n  selectedRowAction,\r\n  expandedRowComponent,\r\n  fillerColumn,\r\n  editable,\r\n  excludeColumns,\r\n  onTableDataChange,\r\n  filters,\r\n  title,\r\n  resizeable = true,\r\n  showPagination = true,\r\n}: TanstackTablePropsType<TData, TValue>) {\r\n  const commonProps = {\r\n    pinColumns,\r\n    columnOrder,\r\n    columnVisibility,\r\n    rowActions,\r\n    tableActions,\r\n    selectedRowAction,\r\n    excludeColumns,\r\n    expandedRowComponent,\r\n    title,\r\n    resizeable,\r\n  };\r\n  if (editable) {\r\n    return (\r\n      <TanstackBase<TData, TValue>\r\n        {...commonProps}\r\n        {...EditableTanstackTable({ initialData: data, onTableDataChange })}\r\n        columns={columns}\r\n        editable\r\n        fillerColumn={fillerColumn}\r\n      />\r\n    );\r\n  }\r\n  return (\r\n    <TanstackBase<TData, TValue>\r\n      {...commonProps}\r\n      {...NonEditableTanstackTable(data, rowCount || 0)}\r\n      columns={columns}\r\n      editable={false}\r\n      filters={filters}\r\n      fillerColumn={fillerColumn}\r\n      showPagination={showPagination}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TanstackBase<TData, TValue>(props: TanstackBaseProps<TData, TValue>) {\r\n  const {\r\n    data,\r\n    columns,\r\n    columnOrder,\r\n    rowCount,\r\n    columnVisibility,\r\n    pinColumns,\r\n    rowActions,\r\n    tableActions,\r\n    selectedRowAction,\r\n    expandedRowComponent,\r\n    fillerColumn,\r\n    editable,\r\n    excludeColumns,\r\n    onPaginationChange,\r\n    onColumnFiltersChange,\r\n    columnFilters,\r\n    pagination,\r\n    filters,\r\n    meta,\r\n    showPagination,\r\n    title,\r\n    resizeable,\r\n  } = props;\r\n  const [sorting, setSorting] = useState<SortingState>([]);\r\n  const [colVisibility, setColumnVisibility] = useState<VisibilityState>(\r\n    columnVisibility\r\n      ? Object.fromEntries(\r\n          columns.map((col) => [\r\n            col.id || \"\",\r\n\r\n            columnVisibility?.columns.includes(\r\n              (col.id || \"\") as keyof TData\r\n            ) ===\r\n              (columnVisibility.type === \"show\"),\r\n          ])\r\n        )\r\n      : {}\r\n  );\r\n  const [rowAction, setRowAction] = useState<\r\n    (TanstackTableRowActionsType<TData> & { row: TData }) | null\r\n  >(null);\r\n  const [tableAction, setTableAction] =\r\n    useState<TanstackTableTableActionsType<TData> | null>(null);\r\n\r\n  const tableColumns = useMemo(() => {\r\n    const _columns = [...columns].filter(\r\n      (col) => !excludeColumns?.includes(col.id as keyof TData)\r\n    );\r\n\r\n    if (rowActions) {\r\n      _columns.push({\r\n        id: \"actions\",\r\n        cell: ({ row }) =>\r\n          CellWithActions(table, row, rowActions, setRowAction),\r\n      });\r\n    }\r\n    if (!resizeable) return _columns;\r\n    return _columns.map((col) => ({\r\n      ...col,\r\n      minSize: fillerColumn === col.id ? 600 : undefined,\r\n    }));\r\n  }, [columns, rowActions]);\r\n\r\n  const getRowId = useCallback(\r\n    (row: TData, index: number) =>\r\n      editable ? index.toString() : (row as TData & { id: string }).id,\r\n    []\r\n  );\r\n\r\n  const table = useReactTable({\r\n    data,\r\n    columns: tableColumns,\r\n    getRowId,\r\n    columnResizeMode: \"onChange\",\r\n    columnResizeDirection: \"ltr\",\r\n    state: {\r\n      sorting,\r\n      columnVisibility: colVisibility,\r\n      columnFilters,\r\n      pagination,\r\n    },\r\n    initialState: {\r\n      columnOrder: columnOrder as string[],\r\n      columnPinning: {\r\n        left: [\r\n          \"expanded-content\",\r\n          \"select\",\r\n          ...((pinColumns as string[]) ?? []),\r\n        ],\r\n        right: [\"actions\"],\r\n      },\r\n    },\r\n    enableRowSelection: true,\r\n    enableColumnResizing: true,\r\n    enableColumnPinning: true,\r\n    manualPagination: true,\r\n    getRowCanExpand: () => !!expandedRowComponent,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    onSortingChange: setSorting,\r\n    getSortedRowModel: getSortedRowModel(),\r\n    onColumnVisibilityChange: setColumnVisibility,\r\n    getPaginationRowModel: getPaginationRowModel(),\r\n    getExpandedRowModel: getExpandedRowModel(),\r\n    onPaginationChange,\r\n    onColumnFiltersChange,\r\n    rowCount,\r\n    meta,\r\n  });\r\n  return (\r\n    <div className=\"flex flex-col gap-2 overflow-hidden\">\r\n      <TanstackTableToolbar<TData>\r\n        title={title}\r\n        table={table}\r\n        filters={filters}\r\n        selectedRowAction={selectedRowAction}\r\n        tableActions={tableActions}\r\n        tableData={data}\r\n        setTableAction={setTableAction}\r\n        editable={editable}\r\n      />\r\n      <div className=\"rounded-md border overflow-auto flex-1 h-0 max-h-max\">\r\n        <TanstackTablePlainTable\r\n          resizeable={resizeable}\r\n          table={table}\r\n          columns={tableColumns}\r\n          editable={editable}\r\n          expandedRowComponent={expandedRowComponent}\r\n          fillerColumn={fillerColumn}\r\n        />\r\n      </div>\r\n      {pagination && showPagination && (\r\n        <TanstackTablePagination table={table} pagination={pagination} />\r\n      )}\r\n      <TanstackTableActionDialogs\r\n        tableAction={tableAction}\r\n        setTableAction={setTableAction}\r\n        rowAction={rowAction}\r\n        setRowAction={setRowAction}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/tanstack-table/types/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/dist/custom/tanstack-table/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/custom/tanstack-table/utils/cell-with-actions.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { TanstackTableRowActions } from "../fields";
+const CellWithActions = (table, row, actions, setRowAction) => /* @__PURE__ */ jsx(
+  TanstackTableRowActions,
+  {
+    row,
+    actions,
+    setRowAction,
+    table
+  }
+);
+export {
+  CellWithActions
+};
+//# sourceMappingURL=cell-with-actions.js.map

package/dist/custom/tanstack-table/utils/cell-with-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/cell-with-actions.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Row, Table as TableType } from \"@tanstack/react-table\";\r\nimport { TanstackTableRowActions } from \"../fields\";\r\nimport { TanstackTableRowActionsType } from \"../types\";\r\n\r\nexport const CellWithActions = <TData,>(\r\n  table: TableType<TData>,\r\n  row: Row<TData>,\r\n  actions: TanstackTableRowActionsType<TData>[],\r\n  setRowAction: (\r\n    actions: TanstackTableRowActionsType<TData> & { row: TData }\r\n  ) => void\r\n) => (\r\n  <TanstackTableRowActions\r\n    row={row}\r\n    actions={actions}\r\n    setRowAction={setRowAction}\r\n    table={table}\r\n  />\r\n);\r\n"],"mappings":";AAcE;AAXF,SAAS,+BAA+B;AAGjC,MAAM,kBAAkB,CAC7B,OACA,KACA,SACA,iBAIA;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;","names":[]}

package/dist/custom/tanstack-table/utils/column-names.js

@@ -0,0 +1,15 @@
+const isTypeLanguageDataTypeWithConstantKey = (value) => value && typeof value !== "undefined" && "constantKey" in value;
+function tanstackTableCreateTitleWithLanguageData({
+  languageData,
+  accessorKey
+}) {
+  if (languageData && isTypeLanguageDataTypeWithConstantKey(languageData)) {
+    const { constantKey, languageData: res } = languageData;
+    return res[`${constantKey}.${accessorKey}`] || accessorKey;
+  }
+  return languageData?.[accessorKey] || accessorKey;
+}
+export {
+  tanstackTableCreateTitleWithLanguageData
+};
+//# sourceMappingURL=column-names.js.map

package/dist/custom/tanstack-table/utils/column-names.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/column-names.ts"],"sourcesContent":["import {\r\n  TanstackTableLanguageDataType,\r\n  TanstackTableLanguageDataTypeWithConstantKey,\r\n} from \"../types\";\r\n\r\nconst isTypeLanguageDataTypeWithConstantKey = (\r\n  value: object\r\n): value is TanstackTableLanguageDataTypeWithConstantKey =>\r\n  value && typeof value !== \"undefined\" && \"constantKey\" in value;\r\n\r\nexport function tanstackTableCreateTitleWithLanguageData({\r\n  languageData,\r\n  accessorKey,\r\n}: {\r\n  accessorKey: string;\r\n  languageData?:\r\n    | TanstackTableLanguageDataType\r\n    | TanstackTableLanguageDataTypeWithConstantKey;\r\n}): string {\r\n  if (languageData && isTypeLanguageDataTypeWithConstantKey(languageData)) {\r\n    const { constantKey, languageData: res } = languageData;\r\n    return res[`${constantKey}.${accessorKey}`] || accessorKey;\r\n  }\r\n\r\n  return languageData?.[accessorKey] || accessorKey;\r\n}\r\n"],"mappings":"AAKA,MAAM,wCAAwC,CAC5C,UAEA,SAAS,OAAO,UAAU,eAAe,iBAAiB;AAErD,SAAS,yCAAyC;AAAA,EACvD;AAAA,EACA;AACF,GAKW;AACT,MAAI,gBAAgB,sCAAsC,YAAY,GAAG;AACvE,UAAM,EAAE,aAAa,cAAc,IAAI,IAAI;AAC3C,WAAO,IAAI,GAAG,WAAW,IAAI,WAAW,EAAE,KAAK;AAAA,EACjD;AAEA,SAAO,eAAe,WAAW,KAAK;AACxC;","names":[]}

package/dist/custom/tanstack-table/utils/columns-by-row-data.js

@@ -0,0 +1,246 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Badge } from "@repo/ayasofyazilim-ui/components/badge";
+import { Checkbox } from "@repo/ayasofyazilim-ui/components/checkbox";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { tanstackTableCreateTitleWithLanguageData, testConditions } from ".";
+import DateTooltip from "../../date-tooltip";
+import { TanstackTableColumnHeader } from "../fields";
+function createCell(props) {
+  const {
+    accessorKey,
+    row,
+    link,
+    badge,
+    icon,
+    className,
+    expandRowTrigger,
+    format,
+    custom,
+    config,
+    faceted,
+    localization
+  } = props;
+  let content = row.getValue(accessorKey.toString())?.toString() || "";
+  if (format) {
+    if (format === "date" || format === "date-time") {
+      content = content ? /* @__PURE__ */ jsx(
+        DateTooltip,
+        {
+          date: content,
+          dateOptions: config?.dateOptions,
+          localization
+        }
+      ) : "";
+    }
+  }
+  if (icon) {
+    const position = icon.position || "before";
+    content = /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+      icon.icon && position === "before" && /* @__PURE__ */ jsx(icon.icon, { className: cn("w-4 h-4 mr-2", icon.iconClassName) }),
+      row.getValue(accessorKey.toString()),
+      icon.icon && position === "after" && /* @__PURE__ */ jsx(icon.icon, { className: cn("w-4 h-4 ml-2", icon.iconClassName) })
+    ] });
+  }
+  if (badge) {
+    const position = {
+      before: [],
+      after: []
+    };
+    badge.values.forEach((item) => {
+      const itemPosition = item.position || "before";
+      item.conditions?.forEach((condition) => {
+        if (condition.when(row.getValue(condition.conditionAccessorKey))) {
+          position[itemPosition].push(
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: item.badgeClassName,
+                children: item.label
+              },
+              item.label
+            )
+          );
+        }
+        return null;
+      });
+    });
+    content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      position.before,
+      !badge.hideColumnValue && content,
+      position.after
+    ] });
+  }
+  if (faceted) {
+    const facetedItem = faceted.find(
+      (item) => item.when?.(row.getValue(accessorKey.toString())) || row.getValue(accessorKey.toString()) === item.value
+    );
+    if (facetedItem) {
+      content = /* @__PURE__ */ jsxs("div", { className: cn("flex items-center", facetedItem.className), children: [
+        facetedItem.icon && /* @__PURE__ */ jsx(
+          facetedItem.icon,
+          {
+            className: cn(
+              "text-muted-foreground mr-2 h-4 w-4",
+              facetedItem.iconClassName
+            )
+          }
+        ),
+        facetedItem.hideColumnValue ? "" : /* @__PURE__ */ jsx("span", { children: facetedItem.label })
+      ] });
+    }
+  }
+  const containerClassName = className?.map((item) => {
+    if (testConditions(item.conditions, row)) {
+      return item.className;
+    }
+    return null;
+  }).join(" ");
+  if (custom) content = custom.content(row.original, row);
+  if (!link || !testConditions(link.conditions, row)) {
+    if (expandRowTrigger) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: row.getToggleExpandedHandler(),
+          "data-testid": `expand-row-${accessorKey.toString()}`,
+          className: cn(
+            "font-medium text-blue-700 flex items-center gap-2 cursor-pointer",
+            containerClassName
+          ),
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("div", { className: cn(" flex items-center gap-2", containerClassName), children: content });
+  }
+  let url = link.prefix;
+  if (link.targetAccessorKey) {
+    url += `/${row._getAllCellsByColumnId()?.[link.targetAccessorKey || ""]?.getValue()?.toString()}`;
+  }
+  if (link.suffix) {
+    url += `/${link.suffix}`;
+  }
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: url,
+      className: cn(
+        "font-medium text-blue-700 flex items-center gap-2",
+        containerClassName
+      ),
+      children: content
+    }
+  );
+}
+function tanstackTableCreateColumnsByRowData(params) {
+  const { rows, config } = params;
+  const {
+    excludeColumns,
+    languageData,
+    links,
+    faceted,
+    badges,
+    classNames,
+    icons,
+    expandRowTrigger,
+    custom,
+    localization,
+    onSelectedRowChange
+  } = params;
+  const columns = [];
+  if (params.selectableRows) {
+    columns.push({
+      size: 64,
+      id: "select",
+      header: ({ table }) => /* @__PURE__ */ jsx("div", { className: "w-full h-9 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: table.getRowModel().rows.filter((row) => !params.disabledRowIds?.includes(row.id)).every((row) => row.getIsSelected()) && table.getRowModel().rows.some(
+            (row) => !params.disabledRowIds?.includes(row.id) && row.getIsSelected()
+          ),
+          onCheckedChange: (value) => {
+            const selectedRows = [];
+            table.getRowModel().rows.forEach((row) => {
+              if (!params.disabledRowIds?.includes(row.id)) {
+                row.toggleSelected(!!value);
+                if (value) {
+                  selectedRows.push(row.original);
+                }
+              }
+            });
+            onSelectedRowChange?.(selectedRows);
+          },
+          "aria-label": "Select all",
+          className: "translate-y-0.5 align-middle"
+        }
+      ) }),
+      cell: ({ row, table }) => /* @__PURE__ */ jsx("div", { className: "w-full h-9 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: row.getIsSelected(),
+          onCheckedChange: (value) => {
+            const selectedRows = [];
+            table.getSelectedRowModel().rows.forEach((row2) => {
+              selectedRows.push(row2.original);
+            });
+            if (value) {
+              selectedRows.push(row.original);
+            } else {
+              selectedRows.splice(selectedRows.indexOf(row.original), 1);
+            }
+            row.toggleSelected(!!value);
+            onSelectedRowChange?.(selectedRows);
+          },
+          disabled: params.disabledRowIds?.some((id) => id === row.id),
+          "aria-label": "Select row",
+          className: "translate-y-0.5 align-top"
+        }
+      ) }),
+      enableSorting: false,
+      enableHiding: false
+    });
+  }
+  const rowKeys = Object.keys(rows);
+  rowKeys.filter((key) => !excludeColumns?.includes(key)).forEach((accessorKey) => {
+    const title = tanstackTableCreateTitleWithLanguageData({
+      languageData,
+      accessorKey: accessorKey.toString()
+    });
+    const link = links?.[accessorKey];
+    const { format } = rows[accessorKey];
+    const column = {
+      id: accessorKey.toString(),
+      accessorKey,
+      meta: title,
+      header: !custom?.[accessorKey] || custom?.[accessorKey]?.showHeader ? ({ column: column2 }) => /* @__PURE__ */ jsx(TanstackTableColumnHeader, { column: column2, title }) : void 0,
+      cell: ({ row }) => createCell({
+        accessorKey,
+        row,
+        link,
+        faceted: faceted?.[accessorKey]?.options,
+        badge: badges?.[accessorKey],
+        icon: icons?.[accessorKey],
+        className: classNames?.[accessorKey],
+        expandRowTrigger: expandRowTrigger === accessorKey,
+        format,
+        custom: custom?.[accessorKey],
+        config,
+        localization
+      })
+    };
+    if (faceted?.[accessorKey]) {
+      column.filterFn = (row, id, value) => value.includes(row.getValue(id));
+    }
+    columns.push(column);
+  });
+  return columns;
+}
+export {
+  createCell,
+  tanstackTableCreateColumnsByRowData
+};
+//# sourceMappingURL=columns-by-row-data.js.map