protected get unhandledProperties()

in gui/frontend/src/components/ui/Component/ComponentBase.tsx [369:460]


    protected get unhandledProperties(): IDictionary {
        const result: IDictionary = {};

        for (const [key, value] of Object.entries(this.props)) {
            if (!this.handledProps.includes(key)) {
                result[key] = value;
            }
        }

        // Add our custom event handlers only if we have a callback for them.
        if (this.props.onClick || this.forcedEvents.has("onClick")) {
            result.onClick = this.internalHandleMouseClick;
        }

        if (this.props.onDoubleClick || this.forcedEvents.has("onDoubleClick")) {
            result.onDoubleClick = this.internalHandleMouseDoubleClick;
        }

        if (this.props.onKeyDown || this.forcedEvents.has("onKeyDown")) {
            result.onKeyDown = this.internalHandleKeyDown;
        }

        if (this.props.onKeyUp || this.forcedEvents.has("onKeyUp")) {
            result.onKeyUp = this.internalHandleKeyUp;
        }

        if (this.props.onKeyPress || this.forcedEvents.has("onKeyPress")) {
            result.onKeyPress = this.internalHandleKeyPress;
        }

        if (this.props.onFocus || this.forcedEvents.has("onFocus")) {
            result.onFocus = this.internalHandleFocus;
        }

        if (this.props.onBlur || this.forcedEvents.has("onBlur")) {
            result.onBlur = this.internalHandleBlur;
        }

        if (this.props.onMouseEnter || this.forcedEvents.has("onMouseEnter")) {
            result.onMouseEnter = this.internalHandleMouseEnter;
        }

        if (this.props.onMouseLeave || this.forcedEvents.has("onMouseLeave")) {
            result.onMouseLeave = this.internalHandleMouseLeave;
        }

        if (this.props.onMouseDown || this.forcedEvents.has("onMouseDown")) {
            result.onMouseDown = this.internalHandleMouseDown;
        }

        if (this.props.onMouseUp || this.forcedEvents.has("onMouseUp")) {
            result.onMouseUp = this.internalHandleMouseUp;
        }

        if (this.props.onMouseMove || this.forcedEvents.has("onMouseMove")) {
            result.onMouseMove = this.internalHandleMouseMove;
        }

        if (this.props.onPointerDown || this.forcedEvents.has("onPointerDown")) {
            result.onPointerDown = this.internalHandlePointerDown;
        }

        if (this.props.onPointerUp || this.forcedEvents.has("onPointerUp")) {
            result.onPointerUp = this.internalHandlePointerUp;
        }

        if (this.props.onPointerMove || this.forcedEvents.has("onPointerMove")) {
            result.onPointerMove = this.internalHandlePointerMove;
        }

        if (this.props.onDragStart || this.forcedEvents.has("onDragStart")) {
            result.onDragStart = this.internalHandleDragStart;
        }

        if (this.props.onDragOver || this.forcedEvents.has("onDragOver")) {
            result.onDragOver = this.internalHandleDragOver;
        }

        if (this.props.onDragEnter || this.forcedEvents.has("onDragEnter")) {
            result.onDragEnter = this.internalHandleDragEnter;
        }

        if (this.props.onDragLeave || this.forcedEvents.has("onDragLeave")) {
            result.onDragLeave = this.internalHandleDragLeave;
        }

        if (this.props.onDrop || this.forcedEvents.has("onDrop")) {
            result.onDrop = this.internalHandleDrop;
        }

        return result;
    }