@olenbetong/appframe-ds 1.0.3 → 1.2.0

package/src/grid/useAfGridApi.ts

@@ -1,71 +1,71 @@
-import type { GridApi } from "@mui/x-data-grid-premium";
-import type { DataObject } from "@olenbetong/appframe-data";
-
-import type React from "react";
-import { useCallback, useRef } from "react";
-
-import type { AfGridProps } from "./index.js";
-import { afColumnsToMuiColumn, getColumnVisibilityModel } from "./useAfColumns.js";
-import { afSortOrderToMuiSortModel } from "./useAfSortModel.js";
-
-export interface AfGridApi extends GridApi {
-	getDataObject: () => DataObject<any> | undefined;
-	resetLayout: () => void;
-	/**
-	 * Focuses the new item row and starts editing it. Returns false when the grid
-	 * has no new item row, because it is turned off or inserting is not allowed.
-	 */
-	startNewItemRow?: () => boolean;
-}
-
-export function useAfGridApi(props: Partial<AfGridProps>, apiRef: React.RefObject<GridApi | null>) {
-	let propsRef = useRef<Partial<AfGridProps>>(props);
-	propsRef.current = props;
-
-	let getDataObject = useCallback(() => propsRef.current.dataObject, []);
-	let resetLayout = useCallback(() => {
-		if (propsRef.current.dataObject) {
-			let { disableDelete, disableEdit, idField = "PrimKey" } = propsRef.current;
-			apiRef.current?.updateColumns(
-				afColumnsToMuiColumn({
-					allowDelete: propsRef.current.dataObject.isDeleteAllowed(),
-					allowUpdate: propsRef.current.dataObject.isUpdateAllowed(),
-					disableDelete,
-					disableEdit,
-					idField,
-					apiRef,
-					columnsProp: propsRef.current.columns ?? [],
-					dataObject: propsRef.current.dataObject,
-				}),
-			);
-
-			if (propsRef.current.columns) {
-				propsRef.current.columns.forEach((column, index) => {
-					let field = typeof column === "string" ? column : column.field;
-					let width = typeof column === "string" ? 150 : (column.width ?? 150);
-					apiRef.current?.setColumnIndex(field, index);
-					apiRef.current?.setColumnWidth(field, width);
-				});
-				apiRef.current?.setColumnVisibilityModel({
-					...getColumnVisibilityModel(propsRef.current.columns),
-					...propsRef.current?.initialState?.columns?.columnVisibilityModel,
-				});
-			}
-
-			apiRef.current?.setDensity(propsRef.current.initialState?.density ?? "compact");
-			apiRef.current?.setPageSize(propsRef.current.dataObject.options.parameters.maxRecords ?? 100);
-			apiRef.current?.setSortModel(
-				afSortOrderToMuiSortModel(
-					propsRef.current.dataObject,
-					propsRef.current.dataObject.options.parameters.sortOrder,
-				),
-			);
-		}
-		apiRef.current?.setPinnedColumns(propsRef.current.initialState?.pinnedColumns ?? {});
-	}, [apiRef]);
-
-	if (apiRef.current) {
-		(apiRef.current as AfGridApi).getDataObject = getDataObject;
-		(apiRef.current as AfGridApi).resetLayout = resetLayout;
-	}
-}
+import type { GridApi } from "@mui/x-data-grid-premium";
+import type { DataObject } from "@olenbetong/appframe-data";
+
+import type React from "react";
+import { useCallback, useRef } from "react";
+
+import type { AfGridProps } from "./index.js";
+import { afColumnsToMuiColumn, getColumnVisibilityModel } from "./useAfColumns.js";
+import { afSortOrderToMuiSortModel } from "./useAfSortModel.js";
+
+export interface AfGridApi extends GridApi {
+	getDataObject: () => DataObject<any> | undefined;
+	resetLayout: () => void;
+	/**
+	 * Focuses the new item row and starts editing it. Returns false when the grid
+	 * has no new item row, because it is turned off or inserting is not allowed.
+	 */
+	startNewItemRow?: () => boolean;
+}
+
+export function useAfGridApi(props: Partial<AfGridProps>, apiRef: React.RefObject<GridApi | null>) {
+	let propsRef = useRef<Partial<AfGridProps>>(props);
+	propsRef.current = props;
+
+	let getDataObject = useCallback(() => propsRef.current.dataObject, []);
+	let resetLayout = useCallback(() => {
+		if (propsRef.current.dataObject) {
+			let { disableDelete, disableEdit, idField = "PrimKey" } = propsRef.current;
+			apiRef.current?.updateColumns(
+				afColumnsToMuiColumn({
+					allowDelete: propsRef.current.dataObject.isDeleteAllowed(),
+					allowUpdate: propsRef.current.dataObject.isUpdateAllowed(),
+					disableDelete,
+					disableEdit,
+					idField,
+					apiRef,
+					columnsProp: propsRef.current.columns ?? [],
+					dataObject: propsRef.current.dataObject,
+				}),
+			);
+
+			if (propsRef.current.columns) {
+				propsRef.current.columns.forEach((column, index) => {
+					let field = typeof column === "string" ? column : column.field;
+					let width = typeof column === "string" ? 150 : (column.width ?? 150);
+					apiRef.current?.setColumnIndex(field, index);
+					apiRef.current?.setColumnWidth(field, width);
+				});
+				apiRef.current?.setColumnVisibilityModel({
+					...getColumnVisibilityModel(propsRef.current.columns),
+					...propsRef.current?.initialState?.columns?.columnVisibilityModel,
+				});
+			}
+
+			apiRef.current?.setDensity(propsRef.current.initialState?.density ?? "compact");
+			apiRef.current?.setPageSize(propsRef.current.dataObject.options.parameters.maxRecords ?? 100);
+			apiRef.current?.setSortModel(
+				afSortOrderToMuiSortModel(
+					propsRef.current.dataObject,
+					propsRef.current.dataObject.options.parameters.sortOrder,
+				),
+			);
+		}
+		apiRef.current?.setPinnedColumns(propsRef.current.initialState?.pinnedColumns ?? {});
+	}, [apiRef]);
+
+	if (apiRef.current) {
+		(apiRef.current as AfGridApi).getDataObject = getDataObject;
+		(apiRef.current as AfGridApi).resetLayout = resetLayout;
+	}
+}

package/src/grid/useAfKeyBindings.ts

@@ -1,36 +1,36 @@
-import type { GridApi } from "@mui/x-data-grid-premium";
-import type { DataObject } from "@olenbetong/appframe-data";
-
-import type React from "react";
-import { useCallback } from "react";
-
-import { addRow } from "./editing.js";
-
-export function useAfKeyBindings<T extends { PrimKey: string }>({
-	apiRef,
-	dataObject,
-}: {
-	apiRef: React.RefObject<GridApi | null>;
-	dataObject: DataObject<T>;
-}): Pick<React.HTMLProps<Element>, "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture"> {
-	// oxlint-disable-next-line react-hooks/exhaustive-deps -- RefObject does not need to be in the dependency array
-	let onKeyUpCapture = useCallback(
-		(event: React.KeyboardEvent) => {
-			let handled = false;
-			if (["n", "N"].includes(event.key) && event.altKey && !event.shiftKey && !event.ctrlKey) {
-				handled = true;
-				addRow({ apiRef, dataObject });
-			}
-
-			if (handled) {
-				event.preventDefault();
-				event.stopPropagation();
-			}
-		},
-		[dataObject],
-	);
-
-	return {
-		onKeyUpCapture,
-	};
-}
+import type { GridApi } from "@mui/x-data-grid-premium";
+import type { DataObject } from "@olenbetong/appframe-data";
+
+import type React from "react";
+import { useCallback } from "react";
+
+import { addRow } from "./editing.js";
+
+export function useAfKeyBindings<T extends { PrimKey: string }>({
+	apiRef,
+	dataObject,
+}: {
+	apiRef: React.RefObject<GridApi | null>;
+	dataObject: DataObject<T>;
+}): Pick<React.HTMLProps<Element>, "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture"> {
+	// oxlint-disable-next-line react-hooks/exhaustive-deps -- RefObject does not need to be in the dependency array
+	let onKeyUpCapture = useCallback(
+		(event: React.KeyboardEvent) => {
+			let handled = false;
+			if (["n", "N"].includes(event.key) && event.altKey && !event.shiftKey && !event.ctrlKey) {
+				handled = true;
+				addRow({ apiRef, dataObject });
+			}
+
+			if (handled) {
+				event.preventDefault();
+				event.stopPropagation();
+			}
+		},
+		[dataObject],
+	);
+
+	return {
+		onKeyUpCapture,
+	};
+}