gnezim
0a5ab058a6
- Angular 12 application with PrimeNG components - 5 existing Cypress e2e test suites - SCSS styling with BEM naming convention - i18n support (10 languages) - Leaflet map integration - Complete component hierarchy and routing structure This baseline will be used for Angular → React migration.
13 lines
572 B
JavaScript
13 lines
572 B
JavaScript
import { createElementObject, createPathComponent, extendContext } from '@react-leaflet/core';
|
|
import { Rectangle as LeafletRectangle } from 'leaflet';
|
|
export const Rectangle = createPathComponent(function createRectangle({ bounds , ...options }, ctx) {
|
|
const rectangle = new LeafletRectangle(bounds, options);
|
|
return createElementObject(rectangle, extendContext(ctx, {
|
|
overlayContainer: rectangle
|
|
}));
|
|
}, function updateRectangle(layer, props, prevProps) {
|
|
if (props.bounds !== prevProps.bounds) {
|
|
layer.setBounds(props.bounds);
|
|
}
|
|
});
|