CheckBoxTemplateContext.js

import { isDesktop } from "@ui5/webcomponents-core/dist/sap/ui/Device";

class CheckBoxTemplateContext {
	static calculate(state) {
		const mainClasses = CheckBoxTemplateContext.getMainClasses(state);
		const innerClasses = CheckBoxTemplateContext.getInnerClasses(state);

		const context = {
			ctr: state,
			ariaReadonly: state.readOnly,
			tabIndex: state.disabled ? undefined : "0",
			classes: { main: mainClasses, inner: innerClasses },
			styles: {
				main: {},
			},
		};

		return context;
	}

	static getMainClasses(state) {
		return {
			sapMCb: true,
			sapMCbHasLabel: !!state.text,
			sapMCbBgDis: state.disabled,
			sapMCbRo: state.readOnly,
			sapMCbErr: state.valueState === "Error",
			sapMCbWarn: state.valueState === "Warning",
			sapMCbWrapped: state.wrap,
		};
	}

	static getInnerClasses(state) {
		const hoverable = !state.disabled && !state.readOnly && isDesktop();

		return {
			sapMCbBg: true,
			sapMCbHoverable: hoverable,
			sapMCbMark: true,
			sapMCbMarkChecked: !!state.checked,
		};
	}
}

export default CheckBoxTemplateContext;