react-map-gl/dist/mapbox-legacy/components/scale-control.js

React components for MapLibre GL JS and Mapbox GL JS

import { useEffect, useRef, memo } from 'react';
import { applyReactStyle } from "../utils/apply-react-style.js";
import { useControl } from "./use-control.js";
function _ScaleControl(props) {
    const ctrl = useControl(({ mapLib }) => new mapLib.ScaleControl(props), {
        position: props.position
    });
    const propsRef = useRef(props);
    const prevProps = propsRef.current;
    propsRef.current = props;
    const { style } = props;
    if (props.maxWidth !== undefined && props.maxWidth !== prevProps.maxWidth) {
        // @ts-expect-error accessing private member
        ctrl.options.maxWidth = props.maxWidth;
    }
    if (props.unit !== undefined && props.unit !== prevProps.unit) {
        ctrl.setUnit(props.unit);
    }
    useEffect(() => {
        // @ts-expect-error accessing private member
        applyReactStyle(ctrl._container, style);
    }, [style]);
    return null;
}
export const ScaleControl = memo(_ScaleControl);
//# sourceMappingURL=scale-control.js.map