@ayasofyazilim/ui 0.0.0 → 0.0.1

package/dist/custom/master-data-grid/components/master-data-grid.js

@@ -0,0 +1,421 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  flexRender,
+  getCoreRowModel,
+  getExpandedRowModel,
+  getFilteredRowModel,
+  getGroupedRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { Skeleton } from "../../../components/skeleton";
+import {
+  Table,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "../../../components/table";
+import { cn } from "../../../lib/utils";
+import { useColumns } from "../hooks/use-columns";
+import { useEditing } from "../hooks/use-editing";
+import { useTableStateReducer } from "../hooks/use-table-state-reducer";
+import { exportToCSV } from "../utils/export-utils";
+import {
+  getPinningHeaderClassNames,
+  getPinningHeaderStyles
+} from "../utils/pinning-utils";
+import { getTranslations } from "../utils/translation-utils";
+import { ColumnSettingsDialog } from "./dialogs/column-settings-dialog";
+import { ServerFilterContent } from "./filters/server-filter";
+import { Pagination } from "./pagination";
+import { TableBodyRenderer, VirtualBody } from "./table";
+import { Toolbar } from "./toolbar";
+const COMPONENT_NAME = "MasterDataGrid";
+const logError = (message, data) => {
+  console.error(`[${COMPONENT_NAME}] ${message}`, data || "");
+};
+const logWarning = (message, data) => {
+  console.warn(`[${COMPONENT_NAME}] ${message}`, data || "");
+};
+function MasterDataGrid({
+  data,
+  config,
+  onDataChange
+}) {
+  const {
+    schema,
+    columns: customColumns,
+    t,
+    enableSearch = true,
+    enableSorting = true,
+    enableFiltering = true,
+    enableGrouping = true,
+    enablePinning = true,
+    enableResizing = true,
+    enableColumnVisibility = true,
+    enableRowSelection = false,
+    enableVirtualization = false,
+    enableExport = true,
+    enablePagination = true,
+    pageSize = 10,
+    pageSizeOptions = [10, 20, 30, 40, 50],
+    getRowId,
+    serverFilters,
+    serverFilterLocation = "toolbar",
+    pinning = {
+      right: ["actions"]
+    }
+  } = config;
+  const configWithDefaults = {
+    ...config,
+    enableSearch,
+    enableSorting,
+    enableFiltering,
+    enableGrouping,
+    enablePinning,
+    enableResizing,
+    enableColumnVisibility,
+    enableRowSelection,
+    enableVirtualization,
+    enableExport,
+    enablePagination,
+    serverFilters,
+    serverFilterLocation,
+    pinning
+  };
+  const {
+    tableState,
+    setSorting,
+    setColumnFilters,
+    setColumnVisibility,
+    setRowSelection,
+    setColumnPinning,
+    setGrouping,
+    setExpanded,
+    setPagination,
+    updateEditingRows,
+    resetToDefaults
+  } = useTableStateReducer(configWithDefaults, pageSize);
+  const [globalFilter, setGlobalFilter] = useState("");
+  const [columnSettingsOpen, setColumnSettingsOpen] = useState(false);
+  const configRef = useRef(configWithDefaults);
+  configRef.current = configWithDefaults;
+  const {
+    editingRowsRef,
+    startEditingRow,
+    cancelEditingRow,
+    saveEditingRow,
+    updateCellValue
+  } = useEditing({
+    data,
+    getRowId,
+    onDataChange,
+    editingRows: tableState.editingRows || {},
+    setEditingRows: updateEditingRows,
+    editing: configWithDefaults.editing
+  });
+  const globalFilterFn = useMemo(
+    () => (row, _, filterValue) => {
+      const search = String(filterValue).toLowerCase();
+      return Object.values(row.original).some(
+        (value) => {
+          if (value == null) return false;
+          return String(value).toLowerCase().includes(search);
+        }
+      );
+    },
+    []
+  );
+  const columns = useColumns({
+    config: configWithDefaults,
+    configRef,
+    schema,
+    customColumns,
+    enableRowSelection,
+    enableColumnVisibility,
+    editingRowsRef,
+    updateCellValue,
+    getRowId,
+    t,
+    startEditingRow,
+    cancelEditingRow,
+    saveEditingRow
+  });
+  const table = useReactTable({
+    data,
+    columns,
+    state: {
+      sorting: tableState.sorting,
+      columnFilters: tableState.columnFilters,
+      columnVisibility: tableState.columnVisibility,
+      rowSelection: tableState.rowSelection,
+      columnPinning: tableState.columnPinning,
+      grouping: tableState.grouping,
+      expanded: tableState.expanded,
+      pagination: tableState.pagination,
+      globalFilter
+    },
+    onSortingChange: (updater) => {
+      const newSorting = typeof updater === "function" ? updater(tableState.sorting) : updater;
+      setSorting(newSorting);
+      configWithDefaults.onSortingChange?.(newSorting);
+    },
+    onColumnFiltersChange: (updater) => {
+      const newFilters = typeof updater === "function" ? updater(tableState.columnFilters) : updater;
+      setColumnFilters(newFilters);
+      configWithDefaults.onFilteringChange?.(newFilters);
+    },
+    onColumnVisibilityChange: (updater) => {
+      const newVisibility = typeof updater === "function" ? updater(tableState.columnVisibility) : updater;
+      setColumnVisibility(newVisibility);
+    },
+    onRowSelectionChange: (updater) => {
+      const newSelection = typeof updater === "function" ? updater(tableState.rowSelection) : updater;
+      setRowSelection(newSelection);
+      if (configWithDefaults.selection?.onSelectionChange) {
+        const selectedRows2 = table.getSelectedRowModel().rows.map((row) => row.original);
+        configWithDefaults.selection.onSelectionChange(selectedRows2);
+      }
+    },
+    onColumnPinningChange: (updater) => {
+      const newPinning = typeof updater === "function" ? updater(tableState.columnPinning) : updater;
+      setColumnPinning(newPinning);
+    },
+    onGroupingChange: (updater) => {
+      const newGrouping = typeof updater === "function" ? updater(tableState.grouping) : updater;
+      setGrouping(newGrouping);
+    },
+    onExpandedChange: (updater) => {
+      const newExpanded = typeof updater === "function" ? updater(tableState.expanded) : updater;
+      setExpanded(newExpanded);
+    },
+    onPaginationChange: (updater) => {
+      const newPagination = typeof updater === "function" ? updater(tableState.pagination) : updater;
+      setPagination(newPagination);
+      configWithDefaults.onPaginationChange?.(newPagination);
+    },
+    onGlobalFilterChange: setGlobalFilter,
+    globalFilterFn,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: enableSorting ? getSortedRowModel() : void 0,
+    getFilteredRowModel: enableFiltering ? getFilteredRowModel() : void 0,
+    getPaginationRowModel: enablePagination ? getPaginationRowModel() : void 0,
+    getGroupedRowModel: enableGrouping ? getGroupedRowModel() : void 0,
+    getExpandedRowModel: getExpandedRowModel(),
+    manualSorting: configWithDefaults.manualSorting,
+    manualFiltering: configWithDefaults.manualFiltering,
+    manualPagination: configWithDefaults.manualPagination ?? configWithDefaults.rowCount != null,
+    rowCount: configWithDefaults.rowCount,
+    enableSorting,
+    enableFilters: enableFiltering,
+    enableGrouping,
+    enableColumnPinning: enablePinning,
+    enableColumnResizing: enableResizing,
+    columnResizeMode: "onChange",
+    enableHiding: enableColumnVisibility,
+    enableRowSelection: Boolean(enableRowSelection),
+    getRowId: getRowId ?? ((_, index) => String(index)),
+    getRowCanExpand: configWithDefaults.expansion?.enabled ? () => true : void 0
+  });
+  const selectedRows = useMemo(
+    () => table.getSelectedRowModel().rows.map((row) => row.original),
+    [table]
+  );
+  const handleExport = useCallback(
+    (format) => {
+      try {
+        if (configWithDefaults.export?.customExport) {
+          configWithDefaults.export.customExport(data, format);
+        } else if (format === "csv") {
+          exportToCSV(table, { filename: configWithDefaults.export?.filename });
+        } else {
+          logWarning(`Unsupported export format: ${format}`);
+        }
+      } catch (error) {
+        logError("Export failed:", error);
+      }
+    },
+    [table, data, configWithDefaults.export]
+  );
+  const handleReset = useCallback(() => {
+    resetToDefaults();
+    table.resetColumnOrder();
+    table.resetColumnSizing();
+    table.resetGlobalFilter();
+    setGlobalFilter("");
+  }, [table, resetToDefaults]);
+  if (configWithDefaults.loading) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", configWithDefaults.containerClassName), children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-96 w-full" })
+    ] });
+  }
+  if (data.length === 0 && !configWithDefaults.loading && configWithDefaults.emptyComponent) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center h-96",
+          configWithDefaults.containerClassName
+        ),
+        children: configWithDefaults.emptyComponent
+      }
+    );
+  }
+  const rows = table.getRowModel().rows;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-2 h-full",
+        configWithDefaults.containerClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            table,
+            serverFilters: serverFilterLocation === "toolbar" ? serverFilters : void 0,
+            config: configWithDefaults,
+            selectedRows,
+            onExport: enableExport ? handleExport : void 0,
+            onRefresh: configWithDefaults.onRefresh,
+            onReset: handleReset,
+            onOpenColumnSettings: () => setColumnSettingsOpen(true)
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative w-full border rounded-md overflow-hidden flex",
+              configWithDefaults.className
+            ),
+            style: { height: enableVirtualization ? "600px" : "auto" },
+            children: [
+              enableVirtualization ? /* @__PURE__ */ jsxs(
+                Table,
+                {
+                  className: cn(
+                    "border-separate border-spacing-0",
+                    configWithDefaults.tableClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      TableHeader,
+                      {
+                        className: cn(
+                          "sticky top-0 z-10 bg-background",
+                          configWithDefaults.headerClassName
+                        ),
+                        children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+                          TableHead,
+                          {
+                            style: getPinningHeaderStyles(header),
+                            className: cn(
+                              getPinningHeaderClassNames(header),
+                              "border-b border-r"
+                            ),
+                            children: header.isPlaceholder ? null : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext()
+                            )
+                          },
+                          header.id
+                        )) }, headerGroup.id))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      VirtualBody,
+                      {
+                        rows,
+                        estimateSize: configWithDefaults.virtualization?.estimateSize,
+                        overscan: configWithDefaults.virtualization?.overscan,
+                        rowClassName: configWithDefaults.rowClassName,
+                        cellClassName: configWithDefaults.cellClassName,
+                        editingRows: tableState.editingRows,
+                        getRowId,
+                        editingEnabled: configWithDefaults.editing?.enabled,
+                        expansionEnabled: configWithDefaults.expansion?.enabled,
+                        expansionRenderContent: configWithDefaults.expansion?.renderContent
+                      }
+                    )
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs(
+                Table,
+                {
+                  className: cn(
+                    "border-spacing-0",
+                    configWithDefaults.tableClassName
+                  ),
+                  wrapperClassName: "overflow-auto size-full",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      TableHeader,
+                      {
+                        className: cn(
+                          "sticky top-0 z-10 bg-background",
+                          configWithDefaults.headerClassName
+                        ),
+                        children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+                          TableHead,
+                          {
+                            style: getPinningHeaderStyles(header),
+                            className: cn(
+                              getPinningHeaderClassNames(header),
+                              "has-[button]:px-0 not-last:border-r"
+                            ),
+                            children: header.isPlaceholder ? null : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext()
+                            )
+                          },
+                          header.id
+                        )) }, headerGroup.id))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      TableBodyRenderer,
+                      {
+                        table,
+                        rows,
+                        rowClassName: configWithDefaults.rowClassName,
+                        cellClassName: configWithDefaults.cellClassName,
+                        editingRows: tableState.editingRows,
+                        getRowId,
+                        editingEnabled: configWithDefaults.editing?.enabled,
+                        emptyMessage: getTranslations("table.noResults", t),
+                        expansionEnabled: configWithDefaults.expansion?.enabled,
+                        expansionRenderContent: configWithDefaults.expansion?.renderContent,
+                        bodyClassName: configWithDefaults.bodyClassName
+                      }
+                    )
+                  ]
+                }
+              ),
+              serverFilterLocation !== "toolbar" && /* @__PURE__ */ jsx("div", { className: "border-l hidden lg:block", children: /* @__PURE__ */ jsx(ServerFilterContent, { table, config }) })
+            ]
+          }
+        ),
+        enablePagination && /* @__PURE__ */ jsx(Pagination, { table, pageSizeOptions, t }),
+        /* @__PURE__ */ jsx(
+          ColumnSettingsDialog,
+          {
+            open: columnSettingsOpen,
+            onOpenChange: setColumnSettingsOpen,
+            table,
+            t
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  MasterDataGrid
+};
+//# sourceMappingURL=master-data-grid.js.map

package/dist/custom/master-data-grid/components/master-data-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/master-data-grid/components/master-data-grid.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { FilterFn } from \"@tanstack/react-table\";\r\nimport {\r\n  flexRender,\r\n  getCoreRowModel,\r\n  getExpandedRowModel,\r\n  getFilteredRowModel,\r\n  getGroupedRowModel,\r\n  getPaginationRowModel,\r\n  getSortedRowModel,\r\n  useReactTable,\r\n} from \"@tanstack/react-table\";\r\nimport { useCallback, useMemo, useRef, useState } from \"react\";\r\n\r\nimport { Skeleton } from \"../../../components/skeleton\";\r\nimport {\r\n  Table,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from \"../../../components/table\";\r\nimport { cn } from \"../../../lib/utils\";\r\nimport { useColumns } from \"../hooks/use-columns\";\r\nimport { useEditing } from \"../hooks/use-editing\";\r\nimport { useTableStateReducer } from \"../hooks/use-table-state-reducer\";\r\nimport type { MasterDataGridConfig, MasterDataGridProps } from \"../types\";\r\nimport { exportToCSV } from \"../utils/export-utils\";\r\nimport {\r\n  getPinningHeaderClassNames,\r\n  getPinningHeaderStyles,\r\n} from \"../utils/pinning-utils\";\r\nimport { getTranslations } from \"../utils/translation-utils\";\r\nimport { ColumnSettingsDialog } from \"./dialogs/column-settings-dialog\";\r\nimport { ServerFilterContent } from \"./filters/server-filter\";\r\nimport { Pagination } from \"./pagination\";\r\nimport { TableBodyRenderer, VirtualBody } from \"./table\";\r\nimport { Toolbar } from \"./toolbar\";\r\n\r\nconst COMPONENT_NAME = \"MasterDataGrid\";\r\n\r\nconst logError = (message: string, data?: unknown) => {\r\n  console.error(`[${COMPONENT_NAME}] ${message}`, data || \"\");\r\n};\r\n\r\nconst logWarning = (message: string, data?: unknown) => {\r\n  console.warn(`[${COMPONENT_NAME}] ${message}`, data || \"\");\r\n};\r\n\r\nexport function MasterDataGrid<TData = Record<string, unknown>>({\r\n  data,\r\n  config,\r\n  onDataChange,\r\n}: MasterDataGridProps<TData>) {\r\n  const {\r\n    schema,\r\n    columns: customColumns,\r\n    t,\r\n    enableSearch = true,\r\n    enableSorting = true,\r\n    enableFiltering = true,\r\n    enableGrouping = true,\r\n    enablePinning = true,\r\n    enableResizing = true,\r\n    enableColumnVisibility = true,\r\n    enableRowSelection = false,\r\n    enableVirtualization = false,\r\n    enableExport = true,\r\n    enablePagination = true,\r\n    pageSize = 10,\r\n    pageSizeOptions = [10, 20, 30, 40, 50],\r\n    getRowId,\r\n    serverFilters,\r\n    serverFilterLocation = \"toolbar\",\r\n    pinning = {\r\n      right: [\"actions\"],\r\n    },\r\n  } = config;\r\n\r\n  const configWithDefaults: MasterDataGridConfig<TData> = {\r\n    ...config,\r\n    enableSearch,\r\n    enableSorting,\r\n    enableFiltering,\r\n    enableGrouping,\r\n    enablePinning,\r\n    enableResizing,\r\n    enableColumnVisibility,\r\n    enableRowSelection,\r\n    enableVirtualization,\r\n    enableExport,\r\n    enablePagination,\r\n    serverFilters,\r\n    serverFilterLocation,\r\n    pinning,\r\n  };\r\n\r\n  const {\r\n    tableState,\r\n    setSorting,\r\n    setColumnFilters,\r\n    setColumnVisibility,\r\n    setRowSelection,\r\n    setColumnPinning,\r\n    setGrouping,\r\n    setExpanded,\r\n    setPagination,\r\n    updateEditingRows,\r\n    resetToDefaults,\r\n  } = useTableStateReducer(configWithDefaults, pageSize);\r\n\r\n  const [globalFilter, setGlobalFilter] = useState(\"\");\r\n\r\n  const [columnSettingsOpen, setColumnSettingsOpen] = useState(false);\r\n\r\n  const configRef = useRef(configWithDefaults);\r\n  configRef.current = configWithDefaults;\r\n\r\n  const {\r\n    editingRowsRef,\r\n    startEditingRow,\r\n    cancelEditingRow,\r\n    saveEditingRow,\r\n    updateCellValue,\r\n  } = useEditing({\r\n    data,\r\n    getRowId,\r\n    onDataChange,\r\n    editingRows: tableState.editingRows || {},\r\n    setEditingRows: updateEditingRows,\r\n    editing: configWithDefaults.editing,\r\n  });\r\n\r\n  const globalFilterFn = useMemo<FilterFn<TData>>(\r\n    () => (row, _, filterValue) => {\r\n      const search = String(filterValue).toLowerCase();\r\n      return Object.values(row.original as Record<string, unknown>).some(\r\n        (value) => {\r\n          if (value == null) return false;\r\n          return String(value).toLowerCase().includes(search);\r\n        }\r\n      );\r\n    },\r\n    []\r\n  );\r\n\r\n  const columns = useColumns({\r\n    config: configWithDefaults,\r\n    configRef,\r\n    schema,\r\n    customColumns,\r\n    enableRowSelection,\r\n    enableColumnVisibility,\r\n    editingRowsRef,\r\n    updateCellValue,\r\n    getRowId,\r\n    t,\r\n    startEditingRow,\r\n    cancelEditingRow,\r\n    saveEditingRow,\r\n  });\r\n\r\n  const table = useReactTable({\r\n    data,\r\n    columns,\r\n    state: {\r\n      sorting: tableState.sorting,\r\n      columnFilters: tableState.columnFilters,\r\n      columnVisibility: tableState.columnVisibility,\r\n      rowSelection: tableState.rowSelection,\r\n      columnPinning: tableState.columnPinning,\r\n      grouping: tableState.grouping,\r\n      expanded: tableState.expanded,\r\n      pagination: tableState.pagination,\r\n      globalFilter,\r\n    },\r\n    onSortingChange: (updater) => {\r\n      const newSorting =\r\n        typeof updater === \"function\" ? updater(tableState.sorting) : updater;\r\n      setSorting(newSorting);\r\n      configWithDefaults.onSortingChange?.(newSorting);\r\n    },\r\n    onColumnFiltersChange: (updater) => {\r\n      const newFilters =\r\n        typeof updater === \"function\"\r\n          ? updater(tableState.columnFilters)\r\n          : updater;\r\n      setColumnFilters(newFilters);\r\n      configWithDefaults.onFilteringChange?.(newFilters);\r\n    },\r\n    onColumnVisibilityChange: (updater) => {\r\n      const newVisibility =\r\n        typeof updater === \"function\"\r\n          ? updater(tableState.columnVisibility)\r\n          : updater;\r\n      setColumnVisibility(newVisibility);\r\n    },\r\n    onRowSelectionChange: (updater) => {\r\n      const newSelection =\r\n        typeof updater === \"function\"\r\n          ? updater(tableState.rowSelection)\r\n          : updater;\r\n      setRowSelection(newSelection);\r\n\r\n      if (configWithDefaults.selection?.onSelectionChange) {\r\n        const selectedRows = table\r\n          .getSelectedRowModel()\r\n          .rows.map((row) => row.original);\r\n        configWithDefaults.selection.onSelectionChange(selectedRows);\r\n      }\r\n    },\r\n    onColumnPinningChange: (updater) => {\r\n      const newPinning =\r\n        typeof updater === \"function\"\r\n          ? updater(tableState.columnPinning)\r\n          : updater;\r\n      setColumnPinning(newPinning);\r\n    },\r\n    onGroupingChange: (updater) => {\r\n      const newGrouping =\r\n        typeof updater === \"function\" ? updater(tableState.grouping) : updater;\r\n      setGrouping(newGrouping);\r\n    },\r\n    onExpandedChange: (updater) => {\r\n      const newExpanded =\r\n        typeof updater === \"function\" ? updater(tableState.expanded) : updater;\r\n      setExpanded(newExpanded);\r\n    },\r\n    onPaginationChange: (updater) => {\r\n      const newPagination =\r\n        typeof updater === \"function\"\r\n          ? updater(tableState.pagination)\r\n          : updater;\r\n      setPagination(newPagination);\r\n      configWithDefaults.onPaginationChange?.(newPagination);\r\n    },\r\n    onGlobalFilterChange: setGlobalFilter,\r\n    globalFilterFn: globalFilterFn,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\r\n    getFilteredRowModel: enableFiltering ? getFilteredRowModel() : undefined,\r\n    getPaginationRowModel: enablePagination\r\n      ? getPaginationRowModel()\r\n      : undefined,\r\n    getGroupedRowModel: enableGrouping ? getGroupedRowModel() : undefined,\r\n    getExpandedRowModel: getExpandedRowModel(),\r\n    manualSorting: configWithDefaults.manualSorting,\r\n    manualFiltering: configWithDefaults.manualFiltering,\r\n    manualPagination:\r\n      configWithDefaults.manualPagination ??\r\n      configWithDefaults.rowCount != null,\r\n    rowCount: configWithDefaults.rowCount,\r\n    enableSorting,\r\n    enableFilters: enableFiltering,\r\n    enableGrouping,\r\n    enableColumnPinning: enablePinning,\r\n    enableColumnResizing: enableResizing,\r\n    columnResizeMode: \"onChange\",\r\n    enableHiding: enableColumnVisibility,\r\n    enableRowSelection: Boolean(enableRowSelection),\r\n    getRowId: getRowId ?? ((_, index) => String(index)),\r\n    getRowCanExpand: configWithDefaults.expansion?.enabled\r\n      ? () => true\r\n      : undefined,\r\n  });\r\n\r\n  const selectedRows = useMemo(\r\n    () => table.getSelectedRowModel().rows.map((row) => row.original),\r\n    [table]\r\n  );\r\n\r\n  const handleExport = useCallback(\r\n    (format: string) => {\r\n      try {\r\n        if (configWithDefaults.export?.customExport) {\r\n          configWithDefaults.export.customExport(data, format);\r\n        } else if (format === \"csv\") {\r\n          exportToCSV(table, { filename: configWithDefaults.export?.filename });\r\n        } else {\r\n          logWarning(`Unsupported export format: ${format}`);\r\n        }\r\n      } catch (error) {\r\n        logError(\"Export failed:\", error);\r\n      }\r\n    },\r\n    [table, data, configWithDefaults.export]\r\n  );\r\n\r\n  const handleReset = useCallback(() => {\r\n    resetToDefaults();\r\n    table.resetColumnOrder();\r\n    table.resetColumnSizing();\r\n    table.resetGlobalFilter();\r\n    setGlobalFilter(\"\");\r\n  }, [table, resetToDefaults]);\r\n\r\n  if (configWithDefaults.loading) {\r\n    return (\r\n      <div className={cn(\"space-y-4\", configWithDefaults.containerClassName)}>\r\n        <Skeleton className=\"h-10 w-full\" />\r\n        <Skeleton className=\"h-96 w-full\" />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (\r\n    data.length === 0 &&\r\n    !configWithDefaults.loading &&\r\n    configWithDefaults.emptyComponent\r\n  ) {\r\n    return (\r\n      <div\r\n        className={cn(\r\n          \"flex items-center justify-center h-96\",\r\n          configWithDefaults.containerClassName\r\n        )}\r\n      >\r\n        {configWithDefaults.emptyComponent}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const rows = table.getRowModel().rows;\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"flex flex-col gap-2 h-full\",\r\n        configWithDefaults.containerClassName\r\n      )}\r\n    >\r\n      <Toolbar\r\n        table={table}\r\n        serverFilters={\r\n          serverFilterLocation === \"toolbar\" ? serverFilters : undefined\r\n        }\r\n        config={configWithDefaults}\r\n        selectedRows={selectedRows}\r\n        onExport={enableExport ? handleExport : undefined}\r\n        onRefresh={configWithDefaults.onRefresh}\r\n        onReset={handleReset}\r\n        onOpenColumnSettings={() => setColumnSettingsOpen(true)}\r\n      />\r\n\r\n      <div\r\n        className={cn(\r\n          \"relative w-full border rounded-md overflow-hidden flex\",\r\n          configWithDefaults.className\r\n        )}\r\n        style={{ height: enableVirtualization ? \"600px\" : \"auto\" }}\r\n      >\r\n        {enableVirtualization ? (\r\n          <Table\r\n            className={cn(\r\n              \"border-separate border-spacing-0\",\r\n              configWithDefaults.tableClassName\r\n            )}\r\n          >\r\n            <TableHeader\r\n              className={cn(\r\n                \"sticky top-0 z-10 bg-background\",\r\n                configWithDefaults.headerClassName\r\n              )}\r\n            >\r\n              {table.getHeaderGroups().map((headerGroup) => (\r\n                <TableRow key={headerGroup.id}>\r\n                  {headerGroup.headers.map((header) => (\r\n                    <TableHead\r\n                      key={header.id}\r\n                      style={getPinningHeaderStyles(header)}\r\n                      className={cn(\r\n                        getPinningHeaderClassNames(header),\r\n                        \"border-b border-r\"\r\n                      )}\r\n                    >\r\n                      {header.isPlaceholder\r\n                        ? null\r\n                        : flexRender(\r\n                            header.column.columnDef.header,\r\n                            header.getContext()\r\n                          )}\r\n                    </TableHead>\r\n                  ))}\r\n                </TableRow>\r\n              ))}\r\n            </TableHeader>\r\n            <VirtualBody\r\n              rows={rows}\r\n              estimateSize={configWithDefaults.virtualization?.estimateSize}\r\n              overscan={configWithDefaults.virtualization?.overscan}\r\n              rowClassName={configWithDefaults.rowClassName}\r\n              cellClassName={configWithDefaults.cellClassName}\r\n              editingRows={tableState.editingRows}\r\n              getRowId={getRowId}\r\n              editingEnabled={configWithDefaults.editing?.enabled}\r\n              expansionEnabled={configWithDefaults.expansion?.enabled}\r\n              expansionRenderContent={\r\n                configWithDefaults.expansion?.renderContent\r\n              }\r\n            />\r\n          </Table>\r\n        ) : (\r\n          <Table\r\n            className={cn(\r\n              \"border-spacing-0\",\r\n              configWithDefaults.tableClassName\r\n            )}\r\n            wrapperClassName=\"overflow-auto size-full\"\r\n          >\r\n            <TableHeader\r\n              className={cn(\r\n                \"sticky top-0 z-10 bg-background\",\r\n                configWithDefaults.headerClassName\r\n              )}\r\n            >\r\n              {table.getHeaderGroups().map((headerGroup) => (\r\n                <TableRow key={headerGroup.id}>\r\n                  {headerGroup.headers.map((header) => (\r\n                    <TableHead\r\n                      key={header.id}\r\n                      style={getPinningHeaderStyles(header)}\r\n                      className={cn(\r\n                        getPinningHeaderClassNames(header),\r\n                        \"has-[button]:px-0 not-last:border-r\"\r\n                      )}\r\n                    >\r\n                      {header.isPlaceholder\r\n                        ? null\r\n                        : flexRender(\r\n                            header.column.columnDef.header,\r\n                            header.getContext()\r\n                          )}\r\n                    </TableHead>\r\n                  ))}\r\n                </TableRow>\r\n              ))}\r\n            </TableHeader>\r\n            <TableBodyRenderer\r\n              table={table}\r\n              rows={rows}\r\n              rowClassName={configWithDefaults.rowClassName}\r\n              cellClassName={configWithDefaults.cellClassName}\r\n              editingRows={tableState.editingRows}\r\n              getRowId={getRowId}\r\n              editingEnabled={configWithDefaults.editing?.enabled}\r\n              emptyMessage={getTranslations(\"table.noResults\", t)}\r\n              expansionEnabled={configWithDefaults.expansion?.enabled}\r\n              expansionRenderContent={\r\n                configWithDefaults.expansion?.renderContent\r\n              }\r\n              bodyClassName={configWithDefaults.bodyClassName}\r\n            />\r\n          </Table>\r\n        )}\r\n        {serverFilterLocation !== \"toolbar\" && (\r\n          <div className=\"border-l hidden lg:block\">\r\n            <ServerFilterContent table={table} config={config} />\r\n          </div>\r\n        )}\r\n      </div>\r\n      {enablePagination && (\r\n        <Pagination table={table} pageSizeOptions={pageSizeOptions} t={t} />\r\n      )}\r\n      <ColumnSettingsDialog\r\n        open={columnSettingsOpen}\r\n        onOpenChange={setColumnSettingsOpen}\r\n        table={table}\r\n        t={t}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":["selectedRows"]}

package/dist/custom/master-data-grid/components/pagination/index.js

@@ -0,0 +1,5 @@
+import { Pagination } from "./pagination";
+export {
+  Pagination
+};
+//# sourceMappingURL=index.js.map

package/dist/custom/master-data-grid/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/pagination/index.ts"],"sourcesContent":["export { Pagination } from \"./pagination\";\r\n"],"mappings":"AAAA,SAAS,kBAAkB;","names":[]}

package/dist/custom/master-data-grid/components/pagination/pagination.js

@@ -0,0 +1,159 @@
+"use client";
+"use no memo";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronsLeftIcon,
+  ChevronsRightIcon
+} from "lucide-react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useEffect } from "react";
+import { Button } from "../../../../components/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../../components/select";
+import { getTranslations } from "../../utils/translation-utils";
+function Pagination({
+  table,
+  pageSizeOptions = [10, 20, 30, 40, 50],
+  t
+}) {
+  const { replace } = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const pagination = table.getState().pagination;
+  const allPageSizeOptions = pageSizeOptions.includes(pagination.pageSize) ? pageSizeOptions : [...pageSizeOptions, pagination.pageSize].sort((a, b) => a - b);
+  useEffect(() => {
+    const params = new URLSearchParams(searchParams.toString());
+    const skipCount = pagination.pageIndex * pagination.pageSize;
+    const maxResultCount = pagination.pageSize;
+    const currentSkipCount = Number(searchParams?.get("skipCount")) || 0;
+    const currentMaxResultCount = Number(searchParams?.get("maxResultCount")) || 10;
+    const needsUpdate = currentSkipCount !== skipCount || currentMaxResultCount !== maxResultCount;
+    if (!needsUpdate) return;
+    if (currentMaxResultCount !== maxResultCount) {
+      params.set("maxResultCount", maxResultCount.toString());
+    }
+    if (currentSkipCount !== skipCount) {
+      params.set("skipCount", skipCount.toString());
+    }
+    if (maxResultCount === 10) {
+      params.delete("maxResultCount");
+    }
+    if (skipCount === 0) {
+      params.delete("skipCount");
+    }
+    replace(`${pathname}?${params.toString()}`);
+  }, [
+    pagination.pageIndex,
+    pagination.pageSize,
+    pathname,
+    searchParams,
+    replace
+  ]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-wrap gap-4", children: [
+    table.getIsSomeRowsSelected() && /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground text-nowrap", children: [
+      table.getFilteredSelectedRowModel().rows.length,
+      " ",
+      getTranslations("pagination.of", t),
+      " ",
+      table.getFilteredRowModel().rows.length,
+      " ",
+      getTranslations("pagination.rowsSelected", t)
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-wrap gap-2 w-full sm:w-auto ml-auto", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full justify-between gap-2 sm:w-auto md:mr-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: getTranslations("pagination.rowsPerPage", t) }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: `${pagination.pageSize}`,
+            onValueChange: (value) => {
+              table.setPageSize(Number(value));
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: pagination.pageSize }) }),
+              /* @__PURE__ */ jsx(SelectContent, { side: "top", children: allPageSizeOptions.map((pageSize) => /* @__PURE__ */ jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center text-sm font-medium mr-auto", children: [
+        getTranslations("pagination.page", t),
+        " ",
+        table.getPageCount() === 0 ? 0 : pagination.pageIndex + 1,
+        " ",
+        getTranslations("pagination.of", t),
+        " ",
+        table.getPageCount()
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => table.setPageIndex(0),
+            disabled: !table.getCanPreviousPage(),
+            title: getTranslations("pagination.firstPage", t),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: getTranslations("pagination.firstPage", t) }),
+              /* @__PURE__ */ jsx(ChevronsLeftIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            title: getTranslations("pagination.previousPage", t),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: getTranslations("pagination.previousPage", t) }),
+              /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            title: getTranslations("pagination.nextPage", t),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: getTranslations("pagination.nextPage", t) }),
+              /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => table.setPageIndex(table.getPageCount() - 1),
+            disabled: !table.getCanNextPage(),
+            title: getTranslations("pagination.lastPage", t),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: getTranslations("pagination.lastPage", t) }),
+              /* @__PURE__ */ jsx(ChevronsRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  Pagination
+};
+//# sourceMappingURL=pagination.js.map

package/dist/custom/master-data-grid/components/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\r\n\"use no memo\";\r\nimport type { Table } from \"@tanstack/react-table\";\r\nimport {\r\n  ChevronLeftIcon,\r\n  ChevronRightIcon,\r\n  ChevronsLeftIcon,\r\n  ChevronsRightIcon,\r\n} from \"lucide-react\";\r\nimport { usePathname, useRouter, useSearchParams } from \"next/navigation\";\r\nimport { useEffect } from \"react\";\r\nimport { Button } from \"../../../../components/button\";\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from \"../../../../components/select\";\r\nimport { getTranslations } from \"../../utils/translation-utils\";\r\nimport { MasterDataGridResources } from \"../../types\";\r\n\r\ninterface PaginationProps<TData> {\r\n  table: Table<TData>;\r\n  pageSizeOptions?: number[];\r\n  t?: MasterDataGridResources;\r\n}\r\n\r\nexport function Pagination<TData>({\r\n  table,\r\n  pageSizeOptions = [10, 20, 30, 40, 50],\r\n  t,\r\n}: PaginationProps<TData>) {\r\n  const { replace } = useRouter();\r\n  const pathname = usePathname();\r\n  const searchParams = useSearchParams();\r\n  const pagination = table.getState().pagination;\r\n\r\n  const allPageSizeOptions = pageSizeOptions.includes(pagination.pageSize)\r\n    ? pageSizeOptions\r\n    : [...pageSizeOptions, pagination.pageSize].sort((a, b) => a - b);\r\n\r\n  useEffect(() => {\r\n    const params = new URLSearchParams(searchParams.toString());\r\n    const skipCount = pagination.pageIndex * pagination.pageSize;\r\n    const maxResultCount = pagination.pageSize;\r\n\r\n    const currentSkipCount = Number(searchParams?.get(\"skipCount\")) || 0;\r\n    const currentMaxResultCount =\r\n      Number(searchParams?.get(\"maxResultCount\")) || 10;\r\n\r\n    const needsUpdate =\r\n      currentSkipCount !== skipCount ||\r\n      currentMaxResultCount !== maxResultCount;\r\n\r\n    if (!needsUpdate) return;\r\n\r\n    if (currentMaxResultCount !== maxResultCount) {\r\n      params.set(\"maxResultCount\", maxResultCount.toString());\r\n    }\r\n    if (currentSkipCount !== skipCount) {\r\n      params.set(\"skipCount\", skipCount.toString());\r\n    }\r\n\r\n    if (maxResultCount === 10) {\r\n      params.delete(\"maxResultCount\");\r\n    }\r\n    if (skipCount === 0) {\r\n      params.delete(\"skipCount\");\r\n    }\r\n\r\n    replace(`${pathname}?${params.toString()}`);\r\n  }, [\r\n    pagination.pageIndex,\r\n    pagination.pageSize,\r\n    pathname,\r\n    searchParams,\r\n    replace,\r\n  ]);\r\n\r\n  return (\r\n    <div className=\"flex items-center flex-wrap gap-4\">\r\n      {table.getIsSomeRowsSelected() && (\r\n        <div className=\"text-sm text-muted-foreground text-nowrap\">\r\n          {table.getFilteredSelectedRowModel().rows.length}{\" \"}\r\n          {getTranslations(\"pagination.of\", t)}{\" \"}\r\n          {table.getFilteredRowModel().rows.length}{\" \"}\r\n          {getTranslations(\"pagination.rowsSelected\", t)}\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"flex items-center flex-wrap gap-2 w-full sm:w-auto ml-auto\">\r\n        <div className=\"flex items-center w-full justify-between gap-2 sm:w-auto md:mr-4\">\r\n          <p className=\"text-sm font-medium\">\r\n            {getTranslations(\"pagination.rowsPerPage\", t)}\r\n          </p>\r\n          <Select\r\n            value={`${pagination.pageSize}`}\r\n            onValueChange={(value) => {\r\n              table.setPageSize(Number(value));\r\n            }}\r\n          >\r\n            <SelectTrigger className=\"h-8 w-[70px]\">\r\n              <SelectValue placeholder={pagination.pageSize} />\r\n            </SelectTrigger>\r\n            <SelectContent side=\"top\">\r\n              {allPageSizeOptions.map((pageSize) => (\r\n                <SelectItem key={pageSize} value={`${pageSize}`}>\r\n                  {pageSize}\r\n                </SelectItem>\r\n              ))}\r\n            </SelectContent>\r\n          </Select>\r\n        </div>\r\n\r\n        <div className=\"flex items-center justify-center text-sm font-medium mr-auto\">\r\n          {getTranslations(\"pagination.page\", t)}{\" \"}\r\n          {table.getPageCount() === 0 ? 0 : pagination.pageIndex + 1}{\" \"}\r\n          {getTranslations(\"pagination.of\", t)} {table.getPageCount()}\r\n        </div>\r\n\r\n        <div className=\"flex items-center gap-x-2\">\r\n          <Button\r\n            variant=\"outline\"\r\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\r\n            onClick={() => table.setPageIndex(0)}\r\n            disabled={!table.getCanPreviousPage()}\r\n            title={getTranslations(\"pagination.firstPage\", t)}\r\n          >\r\n            <span className=\"sr-only\">\r\n              {getTranslations(\"pagination.firstPage\", t)}\r\n            </span>\r\n            <ChevronsLeftIcon className=\"h-4 w-4\" />\r\n          </Button>\r\n\r\n          <Button\r\n            variant=\"outline\"\r\n            className=\"h-8 w-8 p-0\"\r\n            onClick={() => table.previousPage()}\r\n            disabled={!table.getCanPreviousPage()}\r\n            title={getTranslations(\"pagination.previousPage\", t)}\r\n          >\r\n            <span className=\"sr-only\">\r\n              {getTranslations(\"pagination.previousPage\", t)}\r\n            </span>\r\n            <ChevronLeftIcon className=\"h-4 w-4\" />\r\n          </Button>\r\n\r\n          <Button\r\n            variant=\"outline\"\r\n            className=\"h-8 w-8 p-0\"\r\n            onClick={() => table.nextPage()}\r\n            disabled={!table.getCanNextPage()}\r\n            title={getTranslations(\"pagination.nextPage\", t)}\r\n          >\r\n            <span className=\"sr-only\">\r\n              {getTranslations(\"pagination.nextPage\", t)}\r\n            </span>\r\n            <ChevronRightIcon className=\"h-4 w-4\" />\r\n          </Button>\r\n\r\n          <Button\r\n            variant=\"outline\"\r\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\r\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\r\n            disabled={!table.getCanNextPage()}\r\n            title={getTranslations(\"pagination.lastPage\", t)}\r\n          >\r\n            <span className=\"sr-only\">\r\n              {getTranslations(\"pagination.lastPage\", t)}\r\n            </span>\r\n            <ChevronsRightIcon className=\"h-4 w-4\" />\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}