@olenbetong/synergi-react 2.1.2 → 2.3.0

package/src/elements/ProjectSelect.tsx

@@ -0,0 +1,128 @@
+import { Autocomplete, ListItem, ListItemText, type SxProps, TextField, type Theme } from "@mui/material";
+import { getLocalizedString } from "@olenbetong/appframe-core";
+import { useDataWithFilter, useDebounce } from "@olenbetong/appframe-react";
+import { useMemo, useRef, useState } from "react";
+import { dsProjects, type ProjectsRecord } from "./data/dsProjects";
+import { dsReportProjects } from "./data/dsReportProjects";
+
+type ProjectSelectProps = {
+	className?: string;
+	disabled?: boolean;
+	id?: string;
+	names?: {
+		domain?: string;
+		projectId?: string;
+		name?: string;
+	};
+	nullable?: boolean;
+	readOnly?: boolean;
+	required?: boolean;
+	onChange?: (project: Partial<ProjectsRecord> | null) => void;
+	defaultValue?: Partial<ProjectsRecord> | null;
+	value?: Partial<ProjectsRecord> | null;
+	label?: string;
+	sx?: SxProps<Theme> | undefined;
+	report?: boolean;
+};
+
+export function ProjectSelect({
+	className,
+	disabled,
+	id,
+	names,
+	onChange,
+	readOnly,
+	required,
+	defaultValue,
+	value,
+	label,
+	sx,
+	report,
+}: ProjectSelectProps) {
+	let [selected, setSelected] = useState<Partial<ProjectsRecord | null>>(defaultValue ?? null);
+	let [query, setQuery] = useState("");
+	let search = useDebounce(query);
+	let projects = useDataWithFilter(
+		report ? dsReportProjects : dsProjects,
+		search ? `[SearchColumn] LIKE '%${search}%'` : "",
+	);
+
+	let highlightRef = useRef<Partial<ProjectsRecord | null>>(null);
+
+	function handleSelect(value: Partial<ProjectsRecord> | null) {
+		highlightRef.current = null;
+
+		if (!disabled && !readOnly) {
+			if (onChange) {
+				onChange(value);
+			} else {
+				setSelected(value);
+			}
+		}
+	}
+
+	let current = value === undefined ? selected : value;
+
+	const duplicatedNames = useMemo(() => {
+		const nameCount = new Map<string, number>();
+		projects.forEach((opt) => {
+			nameCount.set(opt.ProjectName, (nameCount.get(opt.ProjectName) || 0) + 1);
+		});
+
+		return new Set([...nameCount.entries()].filter(([, count]) => count > 1).map(([name]) => name));
+	}, [projects]);
+
+	return (
+		<>
+			<Autocomplete<Partial<ProjectsRecord>>
+				sx={sx}
+				autoHighlight
+				autoSelect
+				clearOnEscape
+				className={className}
+				options={projects}
+				disabled={disabled}
+				getOptionLabel={(option) =>
+					option?.ProjectID !== undefined ? `${option.ProjectID}: ${option.ProjectName}` : ""
+				}
+				isOptionEqualToValue={(option, value) => option.Domain === value.Domain && option.ProjectID === value.ProjectID}
+				onChange={(_, value) => handleSelect(value)}
+				onClose={() => setQuery("")}
+				value={value !== undefined ? value : selected}
+				renderInput={(params) => (
+					<TextField
+						{...(params as any)}
+						label={label ? label : getLocalizedString("Project ID")}
+						id={id ?? "ProjectLookup"}
+						fullWidth
+						slotProps={{
+							htmlInput: {
+								readOnly,
+								...params.inputProps,
+							},
+						}}
+						autoComplete="off"
+						variant="filled"
+						required={required}
+						onChange={(evt) => setQuery(evt.target.value)}
+						value={query}
+					/>
+				)}
+				renderOption={(props, option) => {
+					let isDuplicated = option.ProjectName && duplicatedNames.has(option.ProjectName);
+					return (
+						<ListItem {...props}>
+							<ListItemText
+								primary={isDuplicated ? `${option.ProjectName} (${option.Domain})` : option.ProjectName}
+								secondary={option.ProjectID}
+							/>
+						</ListItem>
+					);
+				}}
+			/>
+			<input name={names?.domain ?? "Domain"} type="hidden" value={current?.Domain ?? ""} />
+			<input name={names?.name ?? "ProjectName"} type="hidden" value={current?.ProjectName ?? ""} />
+			<input name={names?.projectId ?? "ProjectID"} type="hidden" value={current?.ProjectID ?? ""} />
+		</>
+	);
+}

package/src/elements/data/dsAttachments.ts

@@ -0,0 +1,101 @@
+/*
+auto-generated by CLI:
+af resources generate atbv_Production_ElementsAttachments \
+ --id dsAttachments \
+ --unique atbv_Production_ElementsAttachments \
+ --types \
+ --max-records 100 \
+ --permissions IUD \
+ --fields PrimKey,Domain,FileName,FileSize,FileRef,ProjectID,ElementID,Title,ElementRef,Damage,DamageID,ElementNumber
+*/
+import { generateApiDataObject } from "@olenbetong/appframe-data";
+
+export type AttachmentsRecord = {
+	PrimKey: string;
+	Domain: string;
+	FileName: string | null;
+	FileSize: number | null;
+	FileRef: string | null;
+	ProjectID: string | null;
+	ElementID: string | null;
+	Title: string | null;
+	ElementRef: string | null;
+	Damage: boolean;
+	DamageID: number | null;
+	ElementNumber: string | null;
+};
+
+export const dsAttachments = generateApiDataObject<AttachmentsRecord>({
+	resource: "atbv_Production_ElementsAttachments",
+	uniqueName: "atbv_Production_ElementsAttachments",
+	id: "dsAttachments",
+	allowUpdate: true,
+	allowInsert: true,
+	allowDelete: true,
+	dynamicLoading: false,
+	fields: [
+		{
+			name: "PrimKey",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "Domain",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "FileName",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "FileSize",
+			type: "number",
+			nullable: true,
+		},
+		{
+			name: "FileRef",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "ProjectID",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "ElementID",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "Title",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "ElementRef",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "Damage",
+			type: "boolean",
+			nullable: false,
+		},
+		{
+			name: "DamageID",
+			type: "number",
+			nullable: true,
+		},
+		{
+			name: "ElementNumber",
+			type: "string",
+			nullable: true,
+		},
+	],
+	parameters: {
+		maxRecords: 100,
+	},
+});

package/src/elements/data/dsCurrentAttachment.ts

@@ -0,0 +1,89 @@
+/*
+auto-generated by CLI:
+af resources generate atbv_Production_ElementsAttachments \
+ --id dsCurrentAttachment \
+ --unique atbv_Production_ElementsAttachments \
+ --types \
+ --max-records 100 \
+ --permissions IUD \
+ --fields PrimKey,Domain,FileName,FileSize,FileRef,ProjectID,ElementID,ElementRef,Damage,DamageID
+*/
+import { generateApiDataObject } from "@olenbetong/appframe-data";
+
+export type CurrentAttachmentRecord = {
+	PrimKey: string;
+	Domain: string;
+	FileName: string | null;
+	FileSize: number | null;
+	FileRef: string | null;
+	ProjectID: string | null;
+	ElementID: string | null;
+	ElementRef: string | null;
+	Damage: boolean;
+	DamageID: number | null;
+};
+
+export const dsCurrentAttachment = generateApiDataObject<CurrentAttachmentRecord>({
+	resource: "atbv_Production_ElementsAttachments",
+	uniqueName: "atbv_Production_ElementsAttachments",
+	id: "dsCurrentAttachment",
+	allowUpdate: true,
+	allowInsert: true,
+	allowDelete: true,
+	dynamicLoading: false,
+	fields: [
+		{
+			name: "PrimKey",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "Domain",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "FileName",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "FileSize",
+			type: "number",
+			nullable: true,
+		},
+		{
+			name: "FileRef",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "ProjectID",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "ElementID",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "ElementRef",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "Damage",
+			type: "boolean",
+			nullable: false,
+		},
+		{
+			name: "DamageID",
+			type: "number",
+			nullable: true,
+		},
+	],
+	parameters: {
+		maxRecords: 100,
+	},
+});

package/src/elements/data/dsDamages.ts

@@ -0,0 +1,166 @@
+import { expose } from "@olenbetong/appframe-core";
+import { generateApiDataObject } from "@olenbetong/appframe-data";
+
+/*
+auto-generated by CLI:
+af resources generate aviw_Production_ElementsDamages \
+ --id dsDamages \
+ --unique atbx_Production_ElementsDamages \
+ --global \
+ --types \
+ --max-records 100 \
+ --permissions IUD \
+ --expose \
+ --dynamic
+*/
+export type DamagesRecord = {
+	PrimKey: string;
+	Created: Date;
+	CreatedBy: string;
+	Updated: Date;
+	UpdatedBy: string;
+	Domain: string;
+	ProjectID: string;
+	ProjectName: string;
+	ElementID: string | null;
+	ElementNumber: string | null;
+	Name: string | null;
+	DisplayName: string | null;
+	ID: number;
+	Date: Date;
+	Description: string | null;
+	Action: string | null;
+	RegisteredFix: Date | null;
+	RegisteredFixBy: string | null;
+	RegisteredFixFullName: string | null;
+	Cause: string | null;
+	SearchColumn: string;
+	ElementRef: string | null;
+};
+
+export const dsDamages = generateApiDataObject<DamagesRecord>({
+	resource: "aviw_Production_ElementsDamages",
+	uniqueName: "atbx_Production_ElementsDamages",
+	id: "dsDamages",
+	allowUpdate: true,
+	allowInsert: true,
+	allowDelete: true,
+	dynamicLoading: true,
+	fields: [
+		{
+			name: "PrimKey",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "Created",
+			type: "datetime",
+			nullable: false,
+		},
+		{
+			name: "CreatedBy",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "Updated",
+			type: "datetime",
+			nullable: false,
+		},
+		{
+			name: "UpdatedBy",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "Domain",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ProjectID",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ProjectName",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ElementID",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "ElementNumber",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "Name",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "DisplayName",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "ID",
+			type: "number",
+			nullable: false,
+		},
+		{
+			name: "Date",
+			type: "date",
+			nullable: false,
+		},
+		{
+			name: "Description",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "Action",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "RegisteredFix",
+			type: "datetime",
+			nullable: true,
+		},
+		{
+			name: "RegisteredFixBy",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "RegisteredFixFullName",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "Cause",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "SearchColumn",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ElementRef",
+			type: "string",
+			nullable: true,
+		},
+	],
+	parameters: {
+		maxRecords: 100,
+	},
+});
+
+expose("af.article.dataObjects.dsDamages", dsDamages, { overwrite: true });

package/src/elements/data/dsDamagesDuplicateCheck.ts

@@ -0,0 +1,4 @@
+import { DataObject } from "@olenbetong/appframe-data";
+import { dsDamages } from "./dsDamages";
+
+export let dsDamagesDuplicateCheck = new DataObject({ ...dsDamages.options });

package/src/elements/data/dsElements.ts

@@ -0,0 +1,56 @@
+/*
+auto-generated by CLI:
+af resources generate aviw_Production_Elements_All \
+ --id dsElements \
+ --types \
+ --max-records 100 \
+ --fields PrimKey,ProjectID,ElementID,ProjectName,Name
+*/
+import { generateApiDataObject } from "@olenbetong/appframe-data";
+
+export type ElementsRecord = {
+	PrimKey: string;
+	ProjectID: string;
+	ProjectName: string;
+	ElementID: string | null;
+	Name: string | null;
+};
+
+export const dsElements = generateApiDataObject<ElementsRecord>({
+	resource: "aviw_Production_Elements_All",
+	id: "dsElements",
+	allowUpdate: false,
+	allowInsert: false,
+	allowDelete: false,
+	dynamicLoading: false,
+	fields: [
+		{
+			name: "PrimKey",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ProjectID",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ProjectName",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ElementID",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "Name",
+			type: "string",
+			nullable: true,
+		},
+	],
+	parameters: {
+		maxRecords: 100,
+	},
+});

package/src/elements/data/dsProjects.ts

@@ -0,0 +1,60 @@
+/*
+auto-generated by CLI:
+af resources generate atbx_Accounting_Projects \
+ --id dsProjects \
+ --types \
+ --max-records 100 \
+ --sort-order Created:DESC,ProjectID:ASC,Domain:ASC \
+ --where "Category=2" \
+ --fields PrimKey,Created,Domain,ProjectID,ProjectName
+*/
+import { generateApiDataObject, SortOrder } from "@olenbetong/appframe-data";
+
+export type ProjectsRecord = {
+	PrimKey: string;
+	Created: Date;
+	Domain: string;
+	ProjectID: string;
+	ProjectName: string;
+};
+
+export const dsProjects = generateApiDataObject<ProjectsRecord>({
+	resource: "atbx_Accounting_Projects",
+	id: "dsProjects",
+	allowUpdate: false,
+	allowInsert: false,
+	allowDelete: false,
+	dynamicLoading: false,
+	fields: [
+		{
+			name: "PrimKey",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "Created",
+			type: "datetime",
+			nullable: false,
+		},
+		{
+			name: "Domain",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ProjectID",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ProjectName",
+			type: "string",
+			nullable: false,
+		},
+	],
+	parameters: {
+		maxRecords: 100,
+		sortOrder: [{ Created: SortOrder.Desc }, { ProjectID: SortOrder.Asc }, { Domain: SortOrder.Asc }],
+		whereClause: "Category=2",
+	},
+});

package/src/elements/data/dsReportProjects.ts

@@ -0,0 +1,4 @@
+import { DataObject } from "@olenbetong/appframe-data";
+import { dsProjects } from "./dsProjects";
+
+export let dsReportProjects = new DataObject({ ...dsProjects.options });

package/src/elements/data/dsTransportElements.ts

@@ -0,0 +1,68 @@
+/*
+auto-generated by CLI:
+af resources generate aviw_Fleet_DeliveryTickets_Elements \
+ --id dsTransportElements \
+ --types \
+ --max-records 100 \
+ --fields PrimKey,DeliveryTicketID,ProjectID,ProjectName,ElementID,Name,Domain
+*/
+import { generateApiDataObject } from "@olenbetong/appframe-data";
+
+export type TransportElementsRecord = {
+	PrimKey: string;
+	DeliveryTicketID: number;
+	Domain: string;
+	ProjectID: string;
+	ProjectName: string;
+	ElementID: string | null;
+	Name: string | null;
+};
+
+export const dsTransportElements = generateApiDataObject<TransportElementsRecord>({
+	resource: "aviw_Fleet_DeliveryTickets_Elements",
+	id: "dsTransportElements",
+	allowUpdate: false,
+	allowInsert: false,
+	allowDelete: false,
+	dynamicLoading: false,
+	fields: [
+		{
+			name: "PrimKey",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "DeliveryTicketID",
+			type: "number",
+			nullable: false,
+		},
+		{
+			name: "Domain",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ProjectID",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ProjectName",
+			type: "string",
+			nullable: false,
+		},
+		{
+			name: "ElementID",
+			type: "string",
+			nullable: true,
+		},
+		{
+			name: "Name",
+			type: "string",
+			nullable: true,
+		},
+	],
+	parameters: {
+		maxRecords: 100,
+	},
+});

package/src/elements/data/index.ts

@@ -0,0 +1,11 @@
+export * from "./dsAttachments.js";
+export * from "./dsCurrentAttachment.js";
+export * from "./dsDamages.js";
+export * from "./dsDamagesDuplicateCheck.js";
+export * from "./dsElements.js";
+export * from "./dsProjects.js";
+export * from "./procApproveDamage.js";
+export * from "./procDeleteAttachment.js";
+export * from "./procDeleteDamage.js";
+export * from "./procRemoveDamageFix.js";
+export * from "./procRestoreAttachments.js";

package/src/elements/data/procApproveDamage.ts

@@ -0,0 +1,19 @@
+/*
+auto-generated by CLI:
+af resources generate astp_Production_Elements_ApproveDamage \
+ --id procApproveDamage
+*/
+import { ProcedureAPI } from "@olenbetong/appframe-data";
+
+export const procApproveDamage = new ProcedureAPI({
+	procedureId: "astp_Production_Elements_ApproveDamage",
+	parameters: [
+		{
+			name: "ID",
+			type: "number",
+			hasDefault: false,
+			required: false,
+		},
+	],
+	timeout: 30000,
+});