Function convertEventScoping

packages/base/src/jsx-utils.ts:5–32

(type: typeof UI5Element, props: Record<string, any>, key: string)

import { pascalToKebabCase } from "./util/StringHelper.js";

function convertEventScoping(type: typeof UI5Element, props: Record<string, any>, key: string) {
	const events = type.getMetadata().getEvents();

	Object.keys(props).forEach(prop => {
		if (prop.startsWith("on")) {
			// Exteract the kebab-case event: onChange - change, onSelectionChange - selection-change, etc.
			const pascalEvent = prop.slice("on".length);
			const kebabCaseEvent = pascalToKebabCase(pascalEvent);
			// Also support camelCase events
			const camelCaseEvent = pascalEvent.charAt(0).toLowerCase() + pascalEvent.slice(1);

			let origEvent: string | undefined;
			if (kebabCaseEvent in events) {
				origEvent = kebabCaseEvent;
			} else if (camelCaseEvent in events) {
				origEvent = camelCaseEvent;
			}
			// Attach for the "ui5-" preffixed event
			if (origEvent) {
				if ((prop !== "onClick")) {
					props[`onui5-${origEvent}`] = props[prop];
					// TODO keep native events for now, find a way to mark them for runtime
					delete props[prop];
				}
			}
		}
	});
}

export function isUI5ElementClass(type: string | typeof UI5Element): type is typeof UI5Element {
	return typeof type === "function" && "getMetadata" in type;