dbm/react/image/WidthScaledImage.js

import Dbm from "../../index.js";
import React from "react";

export default class WidthScaledImage extends Dbm.react.BaseObject {
    _construct() {
        super._construct();
    }

    _removedUsedProps(aProps) {
        delete aProps["image"];
        delete aProps["targetWidth"];
    }

    _renderMainElement() {

        let image = this.getPropValue("image");
        let width = this.getPropValue("targetWidth");
        let url = Dbm.utils.UrlFunctions.createScaledImageUrl(image, width);

        let newProps = this._copyProps({src: url});

        let altText = Dbm.objectPath(image, "altText");
        if(altText) {
            newProps["alt"] = altText;
        }

        let elementType = this.getPropValue("elementType");
        if(elementType) {
            newProps["elementType"] = elementType;
        }
        
        return React.createElement(Dbm.react.image.Image, newProps, this.getPropValue("children"));
        
    }
}