How to use the @hpcc-js/common.EntityRect function in @hpcc-js/common

.descriptionColor("#E3151A")
                                    .backgroundShape("pin")
                                    .backgroundColorFill("#F8F8F8")
                                    .backgroundColorStroke("#CCCCCC")
                                    .cornerRadius(5)
                                    .arrowHeight(10)
                                    .arrowWidth(16)
                                    .annotationIcons([
                                        { faChar: "A", image_colorFill: "#E3151A", shape_colorFill: "none", shape_colorStroke: "#E3151A", shape: "circle" },
                                        { faChar: "B", image_colorFill: "#E3151A", shape_colorFill: "none", shape_colorStroke: "#E3151A", shape: "circle" },
                                        { faChar: "C", image_colorFill: "#E3151A", shape_colorFill: "none", shape_colorStroke: "#E3151A", shape: "circle" }
                                    ])
                                );
                                break;
                            case EntityRect:
                                renderMedium(new EntityRect()
                                    .icon("")
                                    .iconDiameter(18)
                                    .iconPaddingPercent(1)
                                    .title("SomeTitle")
                                    .titleColor("#E3151A")
                                    .titleFontSize(24)
                                    .description("SomeDescription")
                                    .descriptionColor("#000000")
                                    .descriptionFontSize(15)
                                    .iconColor("#E3151A")
                                    .titleColor("#E3151A")
                                    .descriptionColor("#E3151A")
                                    .backgroundShape("pin")
                                    .backgroundColorFill("#F8F8F8")
                                    .backgroundColorStroke("#CCCCCC")
                                    .cornerRadius(5)

import { EntityRect } from "@hpcc-js/common";

new EntityRect()
    .annotationIcons([
        { faChar: "A", image_colorFill: "#2c3e50", shape_colorFill: "#f1c40f", shape_colorStroke: "none" },
        { faChar: "B", image_colorFill: "#2c3e50", shape_colorFill: "#e67e22", shape_colorStroke: "none" },
        { faChar: "C", image_colorFill: "#2c3e50", shape_colorFill: "#e74c3c", shape_colorStroke: "none" }
    ])
    .target("target")
    .fixedWidth(200)
    .icon("")
    .iconDiameter(20)
    .iconPaddingPercent(0)
    .title("EntityRect")
    .titleFontSize(18)
    .titleColor("#ecf0f1")
    .iconColor("#ecf0f1")
    .backgroundShape("rect")
    .backgroundColorFill("#2980b9")

.each(function (d) {
                const entityRect = new EntityRect()
                    .target(this)
                    .iconDiameter(28)
                    .iconPaddingPercent(0)
                    .titleFontSize(28)
                    .titleColor(context.rangeFontColor())
                    .descriptionColor(context.rangeFontColor())
                    .iconColor(context.rangeFontColor())
                    .backgroundShape("rect")
                    .backgroundColorFill(d[context._color_idx])
                    ;
                context.localRect.set(this, entityRect);
                context.enterEntityRect(entityRect, d);
            })
            .on("click", function (d) {