@olenbetong/appframe-ds 1.0.3 → 1.2.0

package/src/grid/filter.ts

@@ -1,78 +1,78 @@
-import {
-	GridCellParams,
-	type GridColDef,
-	GridFilterInputMultipleValue,
-	GridFilterInputValue,
-	type GridFilterItem,
-	type GridFilterOperator,
-	getGridBooleanOperators,
-	getGridDateOperators,
-	getGridNumericOperators,
-	getGridSingleSelectOperators,
-	getGridStringOperators,
-} from "@mui/x-data-grid-premium";
-import { getLocalizedString } from "@olenbetong/appframe-core";
-
-const stringOperators = getGridStringOperators();
-const numericOperators = getGridNumericOperators();
-const booleanOperators = getGridBooleanOperators();
-const dateOperators = getGridDateOperators();
-const singleSelectOperators = getGridSingleSelectOperators();
-
-export const operators = {
-	string: stringOperators,
-	number: numericOperators,
-	boolean: booleanOperators,
-	date: dateOperators,
-	dateTime: dateOperators,
-	singleSelect: singleSelectOperators,
-};
-
-const likeOperator: GridFilterOperator = {
-	label: getLocalizedString("like"),
-	headerLabel: getLocalizedString("Like"),
-	value: "like",
-	InputComponent: GridFilterInputValue,
-	getApplyFilterFn: (filterItem: GridFilterItem, column: GridColDef) => {
-		if (!filterItem.field || !filterItem.value || !filterItem.operator) {
-			return null;
-		}
-
-		// only supported by server side filtering
-		return (): boolean => true;
-	},
-};
-
-const notLikeOperator: GridFilterOperator = {
-	label: getLocalizedString("not like"),
-	headerLabel: getLocalizedString("Not like"),
-	value: "notLike",
-	InputComponent: GridFilterInputValue,
-	getApplyFilterFn: (filterItem: GridFilterItem, column: GridColDef) => {
-		if (!filterItem.field || !filterItem.value || !filterItem.operator) {
-			return null;
-		}
-
-		// only supported by server side filtering
-		return (): boolean => true;
-	},
-};
-
-const notInListOperator: GridFilterOperator = {
-	label: getLocalizedString("is none of"),
-	headerLabel: getLocalizedString("Is none of"),
-	value: "isNoneOf",
-	InputComponent: GridFilterInputMultipleValue,
-	getApplyFilterFn: (filterItem: GridFilterItem, column: GridColDef) => {
-		if (!filterItem.field || !filterItem.value || !filterItem.operator) {
-			return null;
-		}
-
-		// only supported by server side filtering
-		return (): boolean => true;
-	},
-};
-
-stringOperators.push(notInListOperator);
-stringOperators.push(likeOperator);
-stringOperators.push(notLikeOperator);
+import {
+	GridCellParams,
+	type GridColDef,
+	GridFilterInputMultipleValue,
+	GridFilterInputValue,
+	type GridFilterItem,
+	type GridFilterOperator,
+	getGridBooleanOperators,
+	getGridDateOperators,
+	getGridNumericOperators,
+	getGridSingleSelectOperators,
+	getGridStringOperators,
+} from "@mui/x-data-grid-premium";
+import { getLocalizedString } from "../i18n.js";
+
+const stringOperators = getGridStringOperators();
+const numericOperators = getGridNumericOperators();
+const booleanOperators = getGridBooleanOperators();
+const dateOperators = getGridDateOperators();
+const singleSelectOperators = getGridSingleSelectOperators();
+
+export const operators = {
+	string: stringOperators,
+	number: numericOperators,
+	boolean: booleanOperators,
+	date: dateOperators,
+	dateTime: dateOperators,
+	singleSelect: singleSelectOperators,
+};
+
+const likeOperator: GridFilterOperator = {
+	label: getLocalizedString("like"),
+	headerLabel: getLocalizedString("Like"),
+	value: "like",
+	InputComponent: GridFilterInputValue,
+	getApplyFilterFn: (filterItem: GridFilterItem, column: GridColDef) => {
+		if (!filterItem.field || !filterItem.value || !filterItem.operator) {
+			return null;
+		}
+
+		// only supported by server side filtering
+		return (): boolean => true;
+	},
+};
+
+const notLikeOperator: GridFilterOperator = {
+	label: getLocalizedString("not like"),
+	headerLabel: getLocalizedString("Not like"),
+	value: "notLike",
+	InputComponent: GridFilterInputValue,
+	getApplyFilterFn: (filterItem: GridFilterItem, column: GridColDef) => {
+		if (!filterItem.field || !filterItem.value || !filterItem.operator) {
+			return null;
+		}
+
+		// only supported by server side filtering
+		return (): boolean => true;
+	},
+};
+
+const notInListOperator: GridFilterOperator = {
+	label: getLocalizedString("is none of"),
+	headerLabel: getLocalizedString("Is none of"),
+	value: "isNoneOf",
+	InputComponent: GridFilterInputMultipleValue,
+	getApplyFilterFn: (filterItem: GridFilterItem, column: GridColDef) => {
+		if (!filterItem.field || !filterItem.value || !filterItem.operator) {
+			return null;
+		}
+
+		// only supported by server side filtering
+		return (): boolean => true;
+	},
+};
+
+stringOperators.push(notInListOperator);
+stringOperators.push(likeOperator);
+stringOperators.push(notLikeOperator);

package/src/grid/formatters.ts

@@ -1,48 +1,48 @@
-const culture = globalThis.af?.userSession?.culture ?? "en-GB";
-export const dateFormatter = new Intl.DateTimeFormat(culture, {
-	year: "numeric",
-	month: "2-digit",
-	day: "2-digit",
-	timeZone: "utc",
-});
-
-export const dateTimeFormatter = new Intl.DateTimeFormat(culture, {
-	year: "numeric",
-	month: "2-digit",
-	day: "2-digit",
-	hour: "2-digit",
-	minute: "2-digit",
-	second: "2-digit",
-	timeZone: "utc",
-});
-
-export const intFormatter = new Intl.NumberFormat(culture, {
-	maximumFractionDigits: 0,
-});
-
-export const decFormatter = new Intl.NumberFormat(culture, {
-	maximumFractionDigits: 2,
-	minimumFractionDigits: 2,
-});
-
-export const intValueFormatter = (value: any) =>
-	value && typeof value === "number" ? intFormatter.format(value) : value;
-
-export const decimalValueFormatter = (value: any) =>
-	value && typeof value === "number" ? decFormatter.format(value) : value;
-
-export function dateValueFormatter(value: any) {
-	if (value && value instanceof Date) {
-		return dateFormatter.format(value);
-	}
-
-	return value;
-}
-
-export function dateTimeValueFormatter(value: any) {
-	if (value && value instanceof Date) {
-		return dateTimeFormatter.format(value);
-	}
-
-	return value;
-}
+const culture = globalThis.af?.userSession?.culture ?? "en-GB";
+export const dateFormatter = new Intl.DateTimeFormat(culture, {
+	year: "numeric",
+	month: "2-digit",
+	day: "2-digit",
+	timeZone: "utc",
+});
+
+export const dateTimeFormatter = new Intl.DateTimeFormat(culture, {
+	year: "numeric",
+	month: "2-digit",
+	day: "2-digit",
+	hour: "2-digit",
+	minute: "2-digit",
+	second: "2-digit",
+	timeZone: "utc",
+});
+
+export const intFormatter = new Intl.NumberFormat(culture, {
+	maximumFractionDigits: 0,
+});
+
+export const decFormatter = new Intl.NumberFormat(culture, {
+	maximumFractionDigits: 2,
+	minimumFractionDigits: 2,
+});
+
+export const intValueFormatter = (value: any) =>
+	value && typeof value === "number" ? intFormatter.format(value) : value;
+
+export const decimalValueFormatter = (value: any) =>
+	value && typeof value === "number" ? decFormatter.format(value) : value;
+
+export function dateValueFormatter(value: any) {
+	if (value && value instanceof Date) {
+		return dateFormatter.format(value);
+	}
+
+	return value;
+}
+
+export function dateTimeValueFormatter(value: any) {
+	if (value && value instanceof Date) {
+		return dateTimeFormatter.format(value);
+	}
+
+	return value;
+}