@ayasofyazilim/ui 0.0.0 → 0.0.2

package/dist/custom/master-data-grid/hooks/use-columns.js

@@ -0,0 +1,278 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { MoreHorizontal, Pencil, Save, X } from "lucide-react";
+import { useMemo } from "react";
+import { Button } from "../../../components/button";
+import { Checkbox } from "../../../components/checkbox";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../components/dropdown-menu";
+import {
+  generateColumnsFromSchema,
+  mergeColumns
+} from "../utils/column-generator";
+function useColumns({
+  config,
+  configRef,
+  schema,
+  customColumns,
+  enableRowSelection,
+  enableColumnVisibility,
+  editingRowsRef,
+  updateCellValue,
+  getRowId,
+  t,
+  startEditingRow,
+  cancelEditingRow,
+  saveEditingRow
+}) {
+  return useMemo(() => {
+    const editingContext = config.editing?.enabled ? {
+      get editingRows() {
+        return editingRowsRef.current;
+      },
+      onCellUpdate: updateCellValue,
+      getRowId: getRowId || ((row, index) => String(index))
+    } : void 0;
+    const generatedColumns = schema ? generateColumnsFromSchema(
+      schema,
+      configRef.current.localization,
+      t,
+      editingContext,
+      configRef.current.cellClassName,
+      configRef.current.dateOptions,
+      configRef.current.customRenderers,
+      configRef.current.editing?.errorDisplayMode,
+      enableColumnVisibility,
+      config.expansion?.expanderColumns,
+      config.schemaColumns
+    ) : [];
+    const mergeContext = editingContext ? {
+      get editingRows() {
+        return editingRowsRef.current;
+      },
+      getRowId: editingContext.getRowId
+    } : void 0;
+    const merged = mergeColumns(
+      generatedColumns,
+      customColumns,
+      mergeContext,
+      enableColumnVisibility,
+      t
+    );
+    const mergedWithExpansion = merged.map((col) => {
+      const shouldExpandOnClick = col.meta?.isExpanderColumn || customColumns?.find((c) => c.id === col.id)?.isExpanderColumn;
+      if (!shouldExpandOnClick || !configRef.current.expansion?.enabled) {
+        return col;
+      }
+      const originalCell = col.cell;
+      return {
+        ...col,
+        cell: (props) => {
+          const content = typeof originalCell === "function" ? originalCell(props) : originalCell;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                props.row.toggleExpanded();
+              },
+              className: "cursor-pointer hover:bg-muted/50 h-full flex items-center",
+              children: content
+            }
+          );
+        }
+      };
+    });
+    const finalColumns = [];
+    if (enableRowSelection) {
+      finalColumns.push({
+        id: "select",
+        header: ({ table }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+            "aria-label": t?.["select_all"]
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            "aria-label": t?.["select_row"]
+          }
+        ),
+        enableSorting: false,
+        enableHiding: false
+      });
+    }
+    finalColumns.push(...mergedWithExpansion);
+    if (config.rowActions && config.rowActions.length > 0) {
+      finalColumns.push({
+        id: "actions",
+        header: t?.["actions"],
+        cell: ({ row }) => {
+          const rowActions = config.rowActions?.filter((action) => {
+            if (typeof action.hidden === "function") {
+              return !action.hidden(row.original);
+            }
+            return !action.hidden;
+          });
+          if (!rowActions || rowActions.length === 0) return null;
+          return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-xs",
+                className: "w-full",
+                "aria-label": t?.["open_menu"],
+                children: /* @__PURE__ */ jsx(MoreHorizontal, {})
+              }
+            ) }),
+            /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: rowActions.map((action) => {
+              const disabled = typeof action.disabled === "function" ? action.disabled(row.original) : action.disabled;
+              if ("render" in action && action.render) {
+                return /* @__PURE__ */ jsx(
+                  DropdownMenuItem,
+                  {
+                    disabled,
+                    className: cn("w-full", action.className),
+                    onSelect: (e) => e.preventDefault(),
+                    asChild: true,
+                    children: action.render(row.original)
+                  },
+                  action.id
+                );
+              }
+              if ("label" in action) {
+                return /* @__PURE__ */ jsxs(
+                  DropdownMenuItem,
+                  {
+                    onClick: (e) => action.onClick?.(row.original, e),
+                    disabled,
+                    className: action.className,
+                    children: [
+                      action.icon && /* @__PURE__ */ jsx(action.icon, { className: "size-3.5" }),
+                      typeof action.label === "function" ? action.label(row.original) : action.label
+                    ]
+                  },
+                  action.id
+                );
+              }
+              return null;
+            }) })
+          ] });
+        },
+        enableSorting: false,
+        enableHiding: false
+      });
+    }
+    if (config.editing?.enabled && config.editing.mode === "row") {
+      finalColumns.push({
+        id: "edit-actions",
+        header: t?.["edit"] || "Edit",
+        cell: ({ row }) => {
+          const rowId = getRowId ? getRowId(row.original, row.index) : String(row.index);
+          const isEditing = !!editingRowsRef.current[rowId];
+          const isRowEditable = !config.editing?.isRowEditable || config.editing.isRowEditable(row.original);
+          if (!isRowEditable) return null;
+          return isEditing ? /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => saveEditingRow(rowId, row.original),
+                className: "h-7 px-2",
+                "aria-label": t?.["save"],
+                children: /* @__PURE__ */ jsx(Save, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => cancelEditingRow(rowId, row.original),
+                className: "h-7 px-2",
+                "aria-label": t?.["cancel"],
+                children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => startEditingRow(rowId, row.original),
+              className: "h-7 px-2",
+              "aria-label": t?.["edit"],
+              children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" })
+            }
+          );
+        },
+        enableSorting: false,
+        enableHiding: false
+      });
+    }
+    if (config.columnOrder && config.columnOrder.length > 0) {
+      const orderedColumns = [];
+      const columnMap = new Map(finalColumns.map((col) => [col.id, col]));
+      for (const colId of config.columnOrder) {
+        const col = columnMap.get(String(colId));
+        if (col) {
+          orderedColumns.push(col);
+          columnMap.delete(String(colId));
+        }
+      }
+      orderedColumns.push(...Array.from(columnMap.values()));
+      return orderedColumns;
+    }
+    if (!config.columnOrder && config.columnVisibility?.mode === "show" && config.columnVisibility.columns.length > 0) {
+      const orderedColumns = [];
+      const columnMap = new Map(finalColumns.map((col) => [col.id, col]));
+      for (const colId of config.columnVisibility.columns) {
+        const col = columnMap.get(String(colId));
+        if (col) {
+          orderedColumns.push(col);
+          columnMap.delete(String(colId));
+        }
+      }
+      orderedColumns.push(...Array.from(columnMap.values()));
+      return orderedColumns;
+    }
+    return finalColumns;
+  }, [
+    schema,
+    customColumns,
+    enableRowSelection,
+    enableColumnVisibility,
+    config.expansion,
+    config.rowActions,
+    config.editing,
+    config.columnOrder,
+    config.columnVisibility,
+    config.schemaColumns,
+    config.cellClassName,
+    config.dateOptions,
+    config.customRenderers,
+    configRef,
+    editingRowsRef,
+    updateCellValue,
+    getRowId,
+    t,
+    startEditingRow,
+    cancelEditingRow,
+    saveEditingRow
+  ]);
+}
+export {
+  useColumns
+};
+//# sourceMappingURL=use-columns.js.map

package/dist/custom/master-data-grid/hooks/use-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/master-data-grid/hooks/use-columns.tsx"],"sourcesContent":["import { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { GenericObjectType } from \"@rjsf/utils\";\r\nimport type { ColumnDef } from \"@tanstack/react-table\";\r\nimport { MoreHorizontal, Pencil, Save, X } from \"lucide-react\";\r\nimport { useMemo, type RefObject } from \"react\";\r\nimport { Button } from \"../../../components/button\";\r\nimport { Checkbox } from \"../../../components/checkbox\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from \"../../../components/dropdown-menu\";\r\nimport type {\r\n  CellProps,\r\n  ColumnConfig,\r\n  ExpandableColumnMeta,\r\n  JSONSchema,\r\n  MasterDataGridConfig,\r\n  MasterDataGridResources,\r\n} from \"../types\";\r\nimport {\r\n  generateColumnsFromSchema,\r\n  mergeColumns,\r\n} from \"../utils/column-generator\";\r\n\r\nexport interface UseColumnsProps<TData> {\r\n  config: MasterDataGridConfig<TData>;\r\n  configRef: RefObject<MasterDataGridConfig<TData>>;\r\n  schema?: JSONSchema | GenericObjectType;\r\n  customColumns?: ColumnConfig<TData>[];\r\n  enableRowSelection: boolean;\r\n  enableColumnVisibility: boolean;\r\n  editingRowsRef: RefObject<Record<string, Record<string, unknown>>>;\r\n  updateCellValue: (rowId: string, columnId: string, value: unknown) => void;\r\n  getRowId?: (row: TData, index: number) => string;\r\n  t?: MasterDataGridResources;\r\n  startEditingRow: (rowId: string, row: TData) => void;\r\n  cancelEditingRow: (rowId: string, row: TData) => void;\r\n  saveEditingRow: (rowId: string, row: TData) => Promise<void>;\r\n}\r\n\r\nexport function useColumns<TData>({\r\n  config,\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}: UseColumnsProps<TData>): ColumnDef<TData>[] {\r\n  return useMemo<ColumnDef<TData>[]>(() => {\r\n    const editingContext = config.editing?.enabled\r\n      ? {\r\n          get editingRows() {\r\n            return editingRowsRef.current;\r\n          },\r\n          onCellUpdate: updateCellValue,\r\n          getRowId: getRowId || ((row: TData, index: number) => String(index)),\r\n        }\r\n      : undefined;\r\n\r\n    const generatedColumns = schema\r\n      ? generateColumnsFromSchema<TData>(\r\n          schema,\r\n          configRef.current.localization,\r\n          t,\r\n          editingContext,\r\n          configRef.current.cellClassName,\r\n          configRef.current.dateOptions,\r\n          configRef.current.customRenderers,\r\n          configRef.current.editing?.errorDisplayMode,\r\n          enableColumnVisibility,\r\n          config.expansion?.expanderColumns,\r\n          config.schemaColumns\r\n        )\r\n      : [];\r\n\r\n    const mergeContext = editingContext\r\n      ? {\r\n          get editingRows() {\r\n            return editingRowsRef.current;\r\n          },\r\n          getRowId: editingContext.getRowId,\r\n        }\r\n      : undefined;\r\n\r\n    const merged = mergeColumns<TData>(\r\n      generatedColumns,\r\n      customColumns,\r\n      mergeContext,\r\n      enableColumnVisibility,\r\n      t\r\n    );\r\n\r\n    const mergedWithExpansion = merged.map((col) => {\r\n      const shouldExpandOnClick =\r\n        (col.meta as ExpandableColumnMeta)?.isExpanderColumn ||\r\n        customColumns?.find((c) => c.id === col.id)?.isExpanderColumn;\r\n\r\n      if (!shouldExpandOnClick || !configRef.current.expansion?.enabled) {\r\n        return col;\r\n      }\r\n\r\n      const originalCell = col.cell;\r\n      return {\r\n        ...col,\r\n        cell: (props: CellProps<TData>) => {\r\n          const content =\r\n            typeof originalCell === \"function\"\r\n              ? originalCell(props)\r\n              : originalCell;\r\n\r\n          return (\r\n            <div\r\n              onClick={(e) => {\r\n                e.stopPropagation();\r\n                props.row.toggleExpanded();\r\n              }}\r\n              className=\"cursor-pointer hover:bg-muted/50 h-full flex items-center\"\r\n            >\r\n              {content}\r\n            </div>\r\n          );\r\n        },\r\n      };\r\n    });\r\n\r\n    const finalColumns: ColumnDef<TData>[] = [];\r\n\r\n    if (enableRowSelection) {\r\n      finalColumns.push({\r\n        id: \"select\",\r\n        header: ({ table }) => (\r\n          <Checkbox\r\n            checked={table.getIsAllPageRowsSelected()}\r\n            onCheckedChange={(value) =>\r\n              table.toggleAllPageRowsSelected(!!value)\r\n            }\r\n            aria-label={t?.[\"select_all\"]}\r\n          />\r\n        ),\r\n        cell: ({ row }) => (\r\n          <Checkbox\r\n            checked={row.getIsSelected()}\r\n            onCheckedChange={(value) => row.toggleSelected(!!value)}\r\n            aria-label={t?.[\"select_row\"]}\r\n          />\r\n        ),\r\n        enableSorting: false,\r\n        enableHiding: false,\r\n      });\r\n    }\r\n\r\n    finalColumns.push(...mergedWithExpansion);\r\n\r\n    if (config.rowActions && config.rowActions.length > 0) {\r\n      finalColumns.push({\r\n        id: \"actions\",\r\n        header: t?.[\"actions\"],\r\n        cell: ({ row }) => {\r\n          const rowActions = config.rowActions?.filter((action) => {\r\n            if (typeof action.hidden === \"function\") {\r\n              return !action.hidden(row.original);\r\n            }\r\n            return !action.hidden;\r\n          });\r\n\r\n          if (!rowActions || rowActions.length === 0) return null;\r\n\r\n          return (\r\n            <DropdownMenu>\r\n              <DropdownMenuTrigger asChild>\r\n                <Button\r\n                  variant=\"ghost\"\r\n                  size=\"icon-xs\"\r\n                  className=\"w-full\"\r\n                  aria-label={t?.[\"open_menu\"]}\r\n                >\r\n                  <MoreHorizontal />\r\n                </Button>\r\n              </DropdownMenuTrigger>\r\n              <DropdownMenuContent align=\"end\">\r\n                {rowActions.map((action) => {\r\n                  const disabled =\r\n                    typeof action.disabled === \"function\"\r\n                      ? action.disabled(row.original)\r\n                      : action.disabled;\r\n\r\n                  // For custom render, let the rendered content handle onClick\r\n                  if (\"render\" in action && action.render) {\r\n                    return (\r\n                      <DropdownMenuItem\r\n                        key={action.id}\r\n                        disabled={disabled}\r\n                        className={cn(\"w-full\", action.className)}\r\n                        onSelect={(e) => e.preventDefault()}\r\n                        asChild\r\n                      >\r\n                        {action.render(row.original)}\r\n                      </DropdownMenuItem>\r\n                    );\r\n                  }\r\n\r\n                  // For standard label action, handle onClick at DropdownMenuItem level\r\n                  if (\"label\" in action) {\r\n                    return (\r\n                      <DropdownMenuItem\r\n                        key={action.id}\r\n                        onClick={(e) => action.onClick?.(row.original, e)}\r\n                        disabled={disabled}\r\n                        className={action.className}\r\n                      >\r\n                        {action.icon && <action.icon className=\"size-3.5\" />}\r\n                        {typeof action.label === \"function\"\r\n                          ? action.label(row.original)\r\n                          : action.label}\r\n                      </DropdownMenuItem>\r\n                    );\r\n                  }\r\n\r\n                  return null;\r\n                })}\r\n              </DropdownMenuContent>\r\n            </DropdownMenu>\r\n          );\r\n        },\r\n        enableSorting: false,\r\n        enableHiding: false,\r\n      });\r\n    }\r\n\r\n    if (config.editing?.enabled && config.editing.mode === \"row\") {\r\n      finalColumns.push({\r\n        id: \"edit-actions\",\r\n        header: t?.[\"edit\"] || \"Edit\",\r\n        cell: ({ row }) => {\r\n          const rowId = getRowId\r\n            ? getRowId(row.original, row.index)\r\n            : String(row.index);\r\n          const isEditing = !!editingRowsRef.current[rowId];\r\n          const isRowEditable =\r\n            !config.editing?.isRowEditable ||\r\n            config.editing.isRowEditable(row.original);\r\n\r\n          if (!isRowEditable) return null;\r\n\r\n          return isEditing ? (\r\n            <div className=\"flex gap-1\">\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"sm\"\r\n                onClick={() => saveEditingRow(rowId, row.original)}\r\n                className=\"h-7 px-2\"\r\n                aria-label={t?.[\"save\"]}\r\n              >\r\n                <Save className=\"size-3.5\" />\r\n              </Button>\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"sm\"\r\n                onClick={() => cancelEditingRow(rowId, row.original)}\r\n                className=\"h-7 px-2\"\r\n                aria-label={t?.[\"cancel\"]}\r\n              >\r\n                <X className=\"size-3.5\" />\r\n              </Button>\r\n            </div>\r\n          ) : (\r\n            <Button\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              onClick={() => startEditingRow(rowId, row.original)}\r\n              className=\"h-7 px-2\"\r\n              aria-label={t?.[\"edit\"]}\r\n            >\r\n              <Pencil className=\"size-3.5\" />\r\n            </Button>\r\n          );\r\n        },\r\n        enableSorting: false,\r\n        enableHiding: false,\r\n      });\r\n    }\r\n\r\n    if (config.columnOrder && config.columnOrder.length > 0) {\r\n      const orderedColumns: ColumnDef<TData>[] = [];\r\n      const columnMap = new Map(finalColumns.map((col) => [col.id, col]));\r\n\r\n      for (const colId of config.columnOrder) {\r\n        const col = columnMap.get(String(colId));\r\n        if (col) {\r\n          orderedColumns.push(col);\r\n          columnMap.delete(String(colId));\r\n        }\r\n      }\r\n      orderedColumns.push(...Array.from(columnMap.values()));\r\n\r\n      return orderedColumns;\r\n    }\r\n\r\n    if (\r\n      !config.columnOrder &&\r\n      config.columnVisibility?.mode === \"show\" &&\r\n      config.columnVisibility.columns.length > 0\r\n    ) {\r\n      const orderedColumns: ColumnDef<TData>[] = [];\r\n      const columnMap = new Map(finalColumns.map((col) => [col.id, col]));\r\n\r\n      for (const colId of config.columnVisibility.columns) {\r\n        const col = columnMap.get(String(colId));\r\n        if (col) {\r\n          orderedColumns.push(col);\r\n          columnMap.delete(String(colId));\r\n        }\r\n      }\r\n\r\n      orderedColumns.push(...Array.from(columnMap.values()));\r\n\r\n      return orderedColumns;\r\n    }\r\n\r\n    return finalColumns;\r\n  }, [\r\n    schema,\r\n    customColumns,\r\n    enableRowSelection,\r\n    enableColumnVisibility,\r\n    config.expansion,\r\n    config.rowActions,\r\n    config.editing,\r\n    config.columnOrder,\r\n    config.columnVisibility,\r\n    config.schemaColumns,\r\n    config.cellClassName,\r\n    config.dateOptions,\r\n    config.customRenderers,\r\n    configRef,\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"],"mappings":"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","names":[]}

package/dist/custom/master-data-grid/hooks/use-editing.js

@@ -0,0 +1,75 @@
+import { useCallback, useRef } from "react";
+function useEditing({
+  data,
+  getRowId,
+  onDataChange,
+  editingRows,
+  setEditingRows,
+  editing
+}) {
+  const editingRowsRef = useRef({});
+  editingRowsRef.current = editingRows;
+  const startEditingRow = useCallback(
+    (rowId, row) => {
+      if (editing?.isRowEditable && !editing.isRowEditable(row)) {
+        return;
+      }
+      setEditingRows((prev) => ({ ...prev, [rowId]: {} }));
+    },
+    [editing, setEditingRows]
+  );
+  const cancelEditingRow = useCallback(
+    (rowId, row) => {
+      setEditingRows((prev) => {
+        const { [rowId]: removed, ...rest } = prev;
+        return rest;
+      });
+      editing?.onRowCancel?.(row);
+    },
+    [editing, setEditingRows]
+  );
+  const saveEditingRow = useCallback(
+    async (rowId, row) => {
+      const changes = editingRowsRef.current[rowId] || {};
+      const typedChanges = changes;
+      if (editing?.onRowSave) {
+        await editing.onRowSave(row, typedChanges);
+      }
+      if (onDataChange && Object.keys(changes).length > 0) {
+        const updatedData = data.map((item) => {
+          const itemId = getRowId ? getRowId(item, data.indexOf(item)) : String(data.indexOf(item));
+          return itemId === rowId ? { ...item, ...typedChanges } : item;
+        });
+        onDataChange(updatedData);
+      }
+      setEditingRows((prev) => {
+        const { [rowId]: removed, ...rest } = prev;
+        return rest;
+      });
+    },
+    [data, onDataChange, getRowId, editing, setEditingRows]
+  );
+  const updateCellValue = useCallback(
+    (rowId, columnId, value) => {
+      setEditingRows((prev) => ({
+        ...prev,
+        [rowId]: {
+          ...prev[rowId],
+          [columnId]: value
+        }
+      }));
+    },
+    [setEditingRows]
+  );
+  return {
+    editingRowsRef,
+    startEditingRow,
+    cancelEditingRow,
+    saveEditingRow,
+    updateCellValue
+  };
+}
+export {
+  useEditing
+};
+//# sourceMappingURL=use-editing.js.map

package/dist/custom/master-data-grid/hooks/use-editing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/master-data-grid/hooks/use-editing.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\r\n\r\nexport interface UseEditingProps<TData> {\r\n  data: TData[];\r\n  getRowId?: (row: TData, index: number) => string;\r\n  onDataChange?: (data: TData[]) => void;\r\n  editingRows: Record<string, Record<string, unknown>>;\r\n  setEditingRows: (\r\n    updater: (\r\n      prev: Record<string, Record<string, unknown>>\r\n    ) => Record<string, Record<string, unknown>>\r\n  ) => void;\r\n  editing?: {\r\n    isRowEditable?: (row: TData) => boolean;\r\n    onRowSave?: (row: TData, changes: Partial<TData>) => void | Promise<void>;\r\n    onRowCancel?: (row: TData) => void;\r\n  };\r\n}\r\n\r\nexport interface UseEditingReturn<TData> {\r\n  editingRowsRef: React.RefObject<Record<string, Record<string, unknown>>>;\r\n  startEditingRow: (rowId: string, row: TData) => void;\r\n  cancelEditingRow: (rowId: string, row: TData) => void;\r\n  saveEditingRow: (rowId: string, row: TData) => Promise<void>;\r\n  updateCellValue: (rowId: string, columnId: string, value: unknown) => void;\r\n}\r\n\r\nexport function useEditing<TData>({\r\n  data,\r\n  getRowId,\r\n  onDataChange,\r\n  editingRows,\r\n  setEditingRows,\r\n  editing,\r\n}: UseEditingProps<TData>): UseEditingReturn<TData> {\r\n  const editingRowsRef = useRef<Record<string, Record<string, unknown>>>({});\r\n  editingRowsRef.current = editingRows;\r\n\r\n  const startEditingRow = useCallback(\r\n    (rowId: string, row: TData) => {\r\n      if (editing?.isRowEditable && !editing.isRowEditable(row)) {\r\n        return;\r\n      }\r\n      setEditingRows((prev) => ({ ...prev, [rowId]: {} }));\r\n    },\r\n    [editing, setEditingRows]\r\n  );\r\n\r\n  const cancelEditingRow = useCallback(\r\n    (rowId: string, row: TData) => {\r\n      setEditingRows((prev) => {\r\n        const { [rowId]: removed, ...rest } = prev;\r\n        return rest;\r\n      });\r\n      editing?.onRowCancel?.(row);\r\n    },\r\n    [editing, setEditingRows]\r\n  );\r\n\r\n  const saveEditingRow = useCallback(\r\n    async (rowId: string, row: TData) => {\r\n      const changes = editingRowsRef.current[rowId] || {};\r\n      const typedChanges = changes as Partial<TData>;\r\n\r\n      if (editing?.onRowSave) {\r\n        await editing.onRowSave(row, typedChanges);\r\n      }\r\n      if (onDataChange && Object.keys(changes).length > 0) {\r\n        const updatedData = data.map((item) => {\r\n          const itemId = getRowId\r\n            ? getRowId(item, data.indexOf(item))\r\n            : String(data.indexOf(item));\r\n          return itemId === rowId ? { ...item, ...typedChanges } : item;\r\n        });\r\n        onDataChange(updatedData);\r\n      }\r\n\r\n      setEditingRows((prev) => {\r\n        const { [rowId]: removed, ...rest } = prev;\r\n        return rest;\r\n      });\r\n    },\r\n    [data, onDataChange, getRowId, editing, setEditingRows]\r\n  );\r\n\r\n  const updateCellValue = useCallback(\r\n    (rowId: string, columnId: string, value: unknown) => {\r\n      setEditingRows((prev) => ({\r\n        ...prev,\r\n        [rowId]: {\r\n          ...prev[rowId],\r\n          [columnId]: value,\r\n        },\r\n      }));\r\n    },\r\n    [setEditingRows]\r\n  );\r\n\r\n  return {\r\n    editingRowsRef,\r\n    startEditingRow,\r\n    cancelEditingRow,\r\n    saveEditingRow,\r\n    updateCellValue,\r\n  };\r\n}\r\n"],"mappings":"AAAA,SAAS,aAAa,cAAc;AA2B7B,SAAS,WAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoD;AAClD,QAAM,iBAAiB,OAAgD,CAAC,CAAC;AACzE,iBAAe,UAAU;AAEzB,QAAM,kBAAkB;AAAA,IACtB,CAAC,OAAe,QAAe;AAC7B,UAAI,SAAS,iBAAiB,CAAC,QAAQ,cAAc,GAAG,GAAG;AACzD;AAAA,MACF;AACA,qBAAe,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE;AAAA,IACrD;AAAA,IACA,CAAC,SAAS,cAAc;AAAA,EAC1B;AAEA,QAAM,mBAAmB;AAAA,IACvB,CAAC,OAAe,QAAe;AAC7B,qBAAe,CAAC,SAAS;AACvB,cAAM,EAAE,CAAC,KAAK,GAAG,SAAS,GAAG,KAAK,IAAI;AACtC,eAAO;AAAA,MACT,CAAC;AACD,eAAS,cAAc,GAAG;AAAA,IAC5B;AAAA,IACA,CAAC,SAAS,cAAc;AAAA,EAC1B;AAEA,QAAM,iBAAiB;AAAA,IACrB,OAAO,OAAe,QAAe;AACnC,YAAM,UAAU,eAAe,QAAQ,KAAK,KAAK,CAAC;AAClD,YAAM,eAAe;AAErB,UAAI,SAAS,WAAW;AACtB,cAAM,QAAQ,UAAU,KAAK,YAAY;AAAA,MAC3C;AACA,UAAI,gBAAgB,OAAO,KAAK,OAAO,EAAE,SAAS,GAAG;AACnD,cAAM,cAAc,KAAK,IAAI,CAAC,SAAS;AACrC,gBAAM,SAAS,WACX,SAAS,MAAM,KAAK,QAAQ,IAAI,CAAC,IACjC,OAAO,KAAK,QAAQ,IAAI,CAAC;AAC7B,iBAAO,WAAW,QAAQ,EAAE,GAAG,MAAM,GAAG,aAAa,IAAI;AAAA,QAC3D,CAAC;AACD,qBAAa,WAAW;AAAA,MAC1B;AAEA,qBAAe,CAAC,SAAS;AACvB,cAAM,EAAE,CAAC,KAAK,GAAG,SAAS,GAAG,KAAK,IAAI;AACtC,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM,cAAc,UAAU,SAAS,cAAc;AAAA,EACxD;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,OAAe,UAAkB,UAAmB;AACnD,qBAAe,CAAC,UAAU;AAAA,QACxB,GAAG;AAAA,QACH,CAAC,KAAK,GAAG;AAAA,UACP,GAAG,KAAK,KAAK;AAAA,UACb,CAAC,QAAQ,GAAG;AAAA,QACd;AAAA,MACF,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/custom/master-data-grid/hooks/use-table-state-reducer.js

@@ -0,0 +1,96 @@
+import { useReducer } from "react";
+function tableStateReducer(state, action) {
+  switch (action.type) {
+    case "SET_SORTING":
+      return { ...state, sorting: action.payload };
+    case "SET_COLUMN_FILTERS":
+      return { ...state, columnFilters: action.payload };
+    case "SET_COLUMN_VISIBILITY":
+      return { ...state, columnVisibility: action.payload };
+    case "SET_ROW_SELECTION":
+      return { ...state, rowSelection: action.payload };
+    case "SET_COLUMN_PINNING":
+      return { ...state, columnPinning: action.payload };
+    case "SET_GROUPING":
+      return { ...state, grouping: action.payload };
+    case "SET_EXPANDED":
+      return { ...state, expanded: action.payload };
+    case "SET_PAGINATION":
+      return { ...state, pagination: action.payload };
+    case "UPDATE_EDITING_ROWS":
+      return {
+        ...state,
+        editingRows: typeof action.payload === "function" ? action.payload(state.editingRows || {}) : action.payload
+      };
+    case "RESET":
+      return action.payload;
+    default:
+      return state;
+  }
+}
+function initializeColumnVisibility(config) {
+  if (!config.columnVisibility) {
+    return {};
+  }
+  if (config.columnVisibility.mode === "hide") {
+    return Object.fromEntries(
+      config.columnVisibility.columns.map((id) => [String(id), false])
+    );
+  }
+  if (config.columnVisibility.mode === "show") {
+    const allColumnIds = [
+      ...config.columns?.map((c) => c.id) || [],
+      ...config.schema ? Object.keys(config.schema.properties || {}) : []
+    ];
+    return Object.fromEntries(
+      allColumnIds.map((id) => [
+        String(id),
+        config.columnVisibility.columns.map(String).includes(String(id))
+      ])
+    );
+  }
+  return {};
+}
+function createInitialState(config, pageSize) {
+  return {
+    sorting: [],
+    columnFilters: [],
+    columnVisibility: initializeColumnVisibility(config),
+    rowSelection: {},
+    columnPinning: config.pinning || {},
+    grouping: config.grouping?.groupBy || [],
+    expanded: config.grouping?.expanded || {},
+    pagination: {
+      pageIndex: 0,
+      pageSize
+    },
+    editingRows: {}
+  };
+}
+function useTableStateReducer(config, pageSize) {
+  const [tableState, dispatch] = useReducer(
+    tableStateReducer,
+    void 0,
+    () => createInitialState(config, pageSize)
+  );
+  return {
+    tableState,
+    setSorting: (payload) => dispatch({ type: "SET_SORTING", payload }),
+    setColumnFilters: (payload) => dispatch({ type: "SET_COLUMN_FILTERS", payload }),
+    setColumnVisibility: (payload) => dispatch({ type: "SET_COLUMN_VISIBILITY", payload }),
+    setRowSelection: (payload) => dispatch({ type: "SET_ROW_SELECTION", payload }),
+    setColumnPinning: (payload) => dispatch({ type: "SET_COLUMN_PINNING", payload }),
+    setGrouping: (payload) => dispatch({ type: "SET_GROUPING", payload }),
+    setExpanded: (payload) => dispatch({ type: "SET_EXPANDED", payload }),
+    setPagination: (payload) => dispatch({ type: "SET_PAGINATION", payload }),
+    updateEditingRows: (payload) => dispatch({ type: "UPDATE_EDITING_ROWS", payload }),
+    resetToDefaults: () => dispatch({
+      type: "RESET",
+      payload: createInitialState(config, pageSize)
+    })
+  };
+}
+export {
+  useTableStateReducer
+};
+//# sourceMappingURL=use-table-state-reducer.js.map

package/dist/custom/master-data-grid/hooks/use-table-state-reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/master-data-grid/hooks/use-table-state-reducer.ts"],"sourcesContent":["import type {\r\n  ColumnFiltersState,\r\n  ColumnPinningState,\r\n  RowSelectionState,\r\n  SortingState,\r\n  VisibilityState,\r\n} from \"@tanstack/react-table\";\r\nimport { useReducer } from \"react\";\r\nimport type { MasterDataGridConfig, TableState } from \"../types\";\r\n\r\ntype TableStateAction =\r\n  | { type: \"SET_SORTING\"; payload: SortingState }\r\n  | { type: \"SET_COLUMN_FILTERS\"; payload: ColumnFiltersState }\r\n  | { type: \"SET_COLUMN_VISIBILITY\"; payload: VisibilityState }\r\n  | { type: \"SET_ROW_SELECTION\"; payload: RowSelectionState }\r\n  | { type: \"SET_COLUMN_PINNING\"; payload: ColumnPinningState }\r\n  | { type: \"SET_GROUPING\"; payload: string[] }\r\n  | { type: \"SET_EXPANDED\"; payload: Record<string, boolean> | true }\r\n  | {\r\n      type: \"SET_PAGINATION\";\r\n      payload: { pageIndex: number; pageSize: number };\r\n    }\r\n  | {\r\n      type: \"UPDATE_EDITING_ROWS\";\r\n      payload:\r\n        | Record<string, Record<string, unknown>>\r\n        | ((\r\n            prev: Record<string, Record<string, unknown>>\r\n          ) => Record<string, Record<string, unknown>>);\r\n    }\r\n  | { type: \"RESET\"; payload: TableState };\r\n\r\nfunction tableStateReducer(\r\n  state: TableState,\r\n  action: TableStateAction\r\n): TableState {\r\n  switch (action.type) {\r\n    case \"SET_SORTING\":\r\n      return { ...state, sorting: action.payload };\r\n    case \"SET_COLUMN_FILTERS\":\r\n      return { ...state, columnFilters: action.payload };\r\n    case \"SET_COLUMN_VISIBILITY\":\r\n      return { ...state, columnVisibility: action.payload };\r\n    case \"SET_ROW_SELECTION\":\r\n      return { ...state, rowSelection: action.payload };\r\n    case \"SET_COLUMN_PINNING\":\r\n      return { ...state, columnPinning: action.payload };\r\n    case \"SET_GROUPING\":\r\n      return { ...state, grouping: action.payload };\r\n    case \"SET_EXPANDED\":\r\n      return { ...state, expanded: action.payload };\r\n    case \"SET_PAGINATION\":\r\n      return { ...state, pagination: action.payload };\r\n    case \"UPDATE_EDITING_ROWS\":\r\n      return {\r\n        ...state,\r\n        editingRows:\r\n          typeof action.payload === \"function\"\r\n            ? action.payload(state.editingRows || {})\r\n            : action.payload,\r\n      };\r\n    case \"RESET\":\r\n      return action.payload;\r\n    default:\r\n      return state;\r\n  }\r\n}\r\n\r\nfunction initializeColumnVisibility<TData>(\r\n  config: MasterDataGridConfig<TData>\r\n): VisibilityState {\r\n  if (!config.columnVisibility) {\r\n    return {};\r\n  }\r\n\r\n  if (config.columnVisibility.mode === \"hide\") {\r\n    return Object.fromEntries(\r\n      config.columnVisibility.columns.map((id) => [String(id), false])\r\n    );\r\n  }\r\n\r\n  if (config.columnVisibility.mode === \"show\") {\r\n    const allColumnIds: string[] = [\r\n      ...(config.columns?.map((c) => c.id) || []),\r\n      ...(config.schema ? Object.keys(config.schema.properties || {}) : []),\r\n    ];\r\n    return Object.fromEntries(\r\n      allColumnIds.map((id) => [\r\n        String(id),\r\n        config.columnVisibility!.columns.map(String).includes(String(id)),\r\n      ])\r\n    );\r\n  }\r\n\r\n  return {};\r\n}\r\n\r\nfunction createInitialState<TData>(\r\n  config: MasterDataGridConfig<TData>,\r\n  pageSize: number\r\n): TableState {\r\n  return {\r\n    sorting: [],\r\n    columnFilters: [],\r\n    columnVisibility: initializeColumnVisibility(config),\r\n    rowSelection: {},\r\n    columnPinning: config.pinning || {},\r\n    grouping: config.grouping?.groupBy || [],\r\n    expanded: config.grouping?.expanded || {},\r\n    pagination: {\r\n      pageIndex: 0,\r\n      pageSize,\r\n    },\r\n    editingRows: {},\r\n  };\r\n}\r\n\r\nexport function useTableStateReducer<TData>(\r\n  config: MasterDataGridConfig<TData>,\r\n  pageSize: number\r\n) {\r\n  const [tableState, dispatch] = useReducer(tableStateReducer, undefined, () =>\r\n    createInitialState(config, pageSize)\r\n  );\r\n\r\n  return {\r\n    tableState,\r\n    setSorting: (payload: SortingState) =>\r\n      dispatch({ type: \"SET_SORTING\", payload }),\r\n    setColumnFilters: (payload: ColumnFiltersState) =>\r\n      dispatch({ type: \"SET_COLUMN_FILTERS\", payload }),\r\n    setColumnVisibility: (payload: VisibilityState) =>\r\n      dispatch({ type: \"SET_COLUMN_VISIBILITY\", payload }),\r\n    setRowSelection: (payload: RowSelectionState) =>\r\n      dispatch({ type: \"SET_ROW_SELECTION\", payload }),\r\n    setColumnPinning: (payload: ColumnPinningState) =>\r\n      dispatch({ type: \"SET_COLUMN_PINNING\", payload }),\r\n    setGrouping: (payload: string[]) =>\r\n      dispatch({ type: \"SET_GROUPING\", payload }),\r\n    setExpanded: (payload: Record<string, boolean> | true) =>\r\n      dispatch({ type: \"SET_EXPANDED\", payload }),\r\n    setPagination: (payload: { pageIndex: number; pageSize: number }) =>\r\n      dispatch({ type: \"SET_PAGINATION\", payload }),\r\n    updateEditingRows: (\r\n      payload:\r\n        | Record<string, Record<string, unknown>>\r\n        | ((\r\n            prev: Record<string, Record<string, unknown>>\r\n          ) => Record<string, Record<string, unknown>>)\r\n    ) => dispatch({ type: \"UPDATE_EDITING_ROWS\", payload }),\r\n    resetToDefaults: () =>\r\n      dispatch({\r\n        type: \"RESET\",\r\n        payload: createInitialState(config, pageSize),\r\n      }),\r\n  };\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/master-data-grid/hooks/use-table-state.js

@@ -0,0 +1,25 @@
+import { useState } from "react";
+function useTableState(options = {}) {
+  const { pageSize = 10, groupBy = [], expanded = {} } = options;
+  const [tableState, setTableState] = useState(() => {
+    return {
+      sorting: [],
+      columnFilters: [],
+      columnVisibility: {},
+      rowSelection: {},
+      columnPinning: { left: [], right: [] },
+      grouping: groupBy,
+      expanded,
+      pagination: {
+        pageIndex: 0,
+        pageSize
+      },
+      editingRows: {}
+    };
+  });
+  return [tableState, setTableState];
+}
+export {
+  useTableState
+};
+//# sourceMappingURL=use-table-state.js.map

package/dist/custom/master-data-grid/hooks/use-table-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/master-data-grid/hooks/use-table-state.ts"],"sourcesContent":["import { useState } from \"react\";\r\nimport type { TableState } from \"../types\";\r\n\r\ninterface UseTableStateOptions {\r\n  pageSize?: number;\r\n  groupBy?: string[];\r\n  expanded?: Record<string, boolean>;\r\n}\r\n\r\nexport function useTableState(options: UseTableStateOptions = {}) {\r\n  const { pageSize = 10, groupBy = [], expanded = {} } = options;\r\n\r\n  const [tableState, setTableState] = useState<TableState>(() => {\r\n    return {\r\n      sorting: [],\r\n      columnFilters: [],\r\n      columnVisibility: {},\r\n      rowSelection: {},\r\n      columnPinning: { left: [], right: [] },\r\n      grouping: groupBy,\r\n      expanded,\r\n      pagination: {\r\n        pageIndex: 0,\r\n        pageSize,\r\n      },\r\n      editingRows: {},\r\n    };\r\n  });\r\n\r\n  return [tableState, setTableState] as const;\r\n}\r\n"],"mappings":"AAAA,SAAS,gBAAgB;AASlB,SAAS,cAAc,UAAgC,CAAC,GAAG;AAChE,QAAM,EAAE,WAAW,IAAI,UAAU,CAAC,GAAG,WAAW,CAAC,EAAE,IAAI;AAEvD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqB,MAAM;AAC7D,WAAO;AAAA,MACL,SAAS,CAAC;AAAA,MACV,eAAe,CAAC;AAAA,MAChB,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MACf,eAAe,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE;AAAA,MACrC,UAAU;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA,aAAa,CAAC;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO,CAAC,YAAY,aAAa;AACnC;","names":[]}

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

@@ -0,0 +1,5 @@
+import { MasterDataGrid } from "./components/master-data-grid";
+export {
+  MasterDataGrid
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/custom/master-data-grid/index.ts"],"sourcesContent":["export { MasterDataGrid } from \"./components/master-data-grid\";\r\nexport type {\r\n  MasterDataGridProps,\r\n  MasterDataGridConfig,\r\n  JSONSchema,\r\n  JSONSchemaProperty,\r\n  ColumnConfig,\r\n  RowAction,\r\n  TableAction,\r\n  FilterOperator,\r\n  SelectionConfig,\r\n  VirtualizationConfig,\r\n  GroupingConfig,\r\n  PinningConfig,\r\n  ExportConfig,\r\n} from \"./types\";\r\n"],"mappings":"AAAA,SAAS,sBAAsB;","names":[]}

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

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

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

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