+ {noVisibleLayers && (
+
);
diff --git a/web/client/plugins/TOC/components/__tests__/ArcGISLegend-test.jsx b/web/client/plugins/TOC/components/__tests__/ArcGISLegend-test.jsx
index e447d47163..73b76860e5 100644
--- a/web/client/plugins/TOC/components/__tests__/ArcGISLegend-test.jsx
+++ b/web/client/plugins/TOC/components/__tests__/ArcGISLegend-test.jsx
@@ -1,66 +1,97 @@
-/*
- * Copyright 2024, GeoSolutions Sas.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree.
- */
import React from 'react';
-
import ReactDOM from 'react-dom';
import ArcGISLegend from '../ArcGISLegend';
-import expect from 'expect';
+import mockAxios from 'axios-mock-adapter';
+import axios from 'axios';
import { act } from 'react-dom/test-utils';
-import axios from '../../../../libs/ajax';
-import MockAdapter from 'axios-mock-adapter';
-import { waitFor } from '@testing-library/react';
-
-describe('ArcGISLegend', () => {
- let mockAxios;
- beforeEach((done) => {
- mockAxios = new MockAdapter(axios);
- document.body.innerHTML = '';
- setTimeout(done);
+import assert from 'assert';
+import expect from 'expect';
+
+const axiosMock = new mockAxios(axios);
+
+describe('ArcGISLegend', function() {
+
+ this.timeout(100000);
+ let container;
+
+ beforeEach(() => {
+ container = document.createElement('div');
+ container.setAttribute('id', 'container');
+ document.body.appendChild(container);
});
- afterEach((done) => {
- mockAxios.restore();
- ReactDOM.unmountComponentAtNode(document.getElementById("container"));
+ afterEach(() => {
+ ReactDOM.unmountComponentAtNode(container);
document.body.innerHTML = '';
- setTimeout(done);
+ axiosMock.reset();
});
- it('should render with defaults', () => {
- act(() => {
- ReactDOM.render(
+
+ )}
{legendLayers.map(({ legendGroups, legend, layerName }) => {
const legendItems = legendGroups
? legendGroups.map(legendGroup => legend.filter(item => item.groupId === legendGroup.id)).flat()
@@ -51,8 +90,9 @@ function ArcGISLegend({
return (<>
{legendLayers.length > 1 && {layerName}
}
-
- {legendItems.map((item, idx) => {
- return (
- + {legendItems.map((item) => { + const keyItem = item.id || item.label; + return (
-
); diff --git a/web/client/plugins/TOC/components/DefaultLayer.jsx b/web/client/plugins/TOC/components/DefaultLayer.jsx index 673660267d..1f266ea587 100644 --- a/web/client/plugins/TOC/components/DefaultLayer.jsx +++ b/web/client/plugins/TOC/components/DefaultLayer.jsx @@ -96,6 +96,8 @@ const NodeLegend = ({
); })} - {loading &&
} + {loading && } {error && } -
{visible ?
: null}
diff --git a/web/client/plugins/TOC/components/LayersTree.jsx b/web/client/plugins/TOC/components/LayersTree.jsx
index 94dd104080..d0a6b677cf 100644
--- a/web/client/plugins/TOC/components/LayersTree.jsx
+++ b/web/client/plugins/TOC/components/LayersTree.jsx
@@ -68,6 +68,7 @@ const loopGroupCondition = (groupNode, condition) => {
* @prop {string} noFilteredResultsMsgId message id for no result on filter
* @prop {object} config optional configuration available for the nodes
* @prop {boolean} config.sortable activate the possibility to sort nodes
+ * @prop {component} treeHeader display a header on top of the layer tree
*/
const LayersTree = ({
tree,
@@ -90,7 +91,8 @@ const LayersTree = ({
nodeToolItems,
nodeContentItems,
singleDefaultGroup = isSingleDefaultGroup(tree),
- theme
+ theme,
+ treeHeader
}) => {
const containerNode = useRef();
@@ -151,6 +153,7 @@ const LayersTree = ({
event.preventDefault();
}}
>
+ {treeHeader ?? null}
{(root || []).map((node, index) => {
return (
{node.title}
;
+ };
+ const WrappedPlugin = dndContext(Plugin);
+ ReactDOM.render({node.title}
;
+ };
+ const WrappedPlugin = dndContext(Plugin);
+ ReactDOM.render(
+
+ {menuOpen && (
+
+ );
+};
diff --git a/web/client/plugins/layersSelection/components/EllipsisButton/Statistics/Statistics.css b/web/client/plugins/layersSelection/components/EllipsisButton/Statistics/Statistics.css
new file mode 100644
index 0000000000..ff8abea2a2
--- /dev/null
+++ b/web/client/plugins/layersSelection/components/EllipsisButton/Statistics/Statistics.css
@@ -0,0 +1,36 @@
+.feature-statistics {
+ display: flex;
+ flex-direction: column;
+ padding: 1rem;
+ width: 100%;
+ }
+
+ .select-container {
+ display: flex;
+ width: 100%;
+ align-items: center;
+ }
+
+ .select-container label {
+ font-weight: bold;
+ margin-right: 0.5rem;
+ }
+
+ .select-container select {
+ flex-grow: 1;
+ padding: 0.5rem;
+ border: 1px solid #ccc;
+ }
+
+ .statistics-table {
+ width: 100%;
+ margin-top: 1rem;
+ }
+
+ .statistics-table td {
+ padding: 0.5rem;
+ }
+
+ .statistics-table td:first-child {
+ font-weight: bold;
+ }
diff --git a/web/client/plugins/layersSelection/components/EllipsisButton/Statistics/Statistics.jsx b/web/client/plugins/layersSelection/components/EllipsisButton/Statistics/Statistics.jsx
new file mode 100644
index 0000000000..c0abc6f8b1
--- /dev/null
+++ b/web/client/plugins/layersSelection/components/EllipsisButton/Statistics/Statistics.jsx
@@ -0,0 +1,86 @@
+import React, { useState, useMemo } from 'react';
+
+import Message from '../../../../../components/I18N/Message';
+import Portal from '../../../../../components/misc/Portal';
+import ResizableModal from '../../../../../components/misc/ResizableModal';
+
+import './Statistics.css';
+
+/**
+ * A modal component that displays basic statistical calculations
+ * (count, sum, min, max, mean, standard deviation)
+ * for a selected numeric field from a list of features.
+ *
+ * @param {Object} props - Component props.
+ * @param {string[]} props.fields - List of available field names.
+ * @param {Object[]} props.features - List of GeoJSON features.
+ * @param {Function} props.setStatisticsOpen - Callback to close the statistics modal.
+ * @returns {JSX.Element} The rendered statistics modal.
+ */
+export default ({
+ fields = [],
+ features = [],
+ setStatisticsOpen = () => {}
+}) => {
+ const [selectedField, setSelectedField] = useState(fields.length > 0 ? fields[0] : null);
+
+ const statistics = useMemo(() => {
+ if (!selectedField) return null;
+
+ const values = features.map(f => f.properties[selectedField]).filter(v => typeof v === "number");
+ if (values.length === 0) return null;
+
+ const sum = values.reduce((acc, val) => acc + val, 0);
+ const min = Math.min(...values);
+ const max = Math.max(...values);
+ const mean = sum / values.length;
+ const variance = values.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / values.length;
+ const stdDev = Math.sqrt(variance);
+
+ return { count: values.length, sum, min, max, mean, stdDev };
+ }, [features, selectedField]);
+
+ return (
+
+
+ )}
+ {statisticsOpen && triggerAction('zoomTo')}>
{ toggleMenu(); selectionData.features?.length > 0 ? setStatisticsOpen(true) : null;}}>
triggerAction('createLayer')}>
triggerAction('filterData')}>
+
+
+
+
+ )}
+ triggerAction('exportToGeoJson')}> -
triggerAction('exportToJson')}> -
triggerAction('exportToCsv')}> -
triggerAction('clear')}>
+
+
+
+ )}
+
+
+
+
+
+
+
+ {statistics && (
+ | {statistics.count} | |
| {statistics.sum.toFixed(6)} | |
| {statistics.min.toFixed(6)} | |
| {statistics.max.toFixed(6)} | |
| {statistics.mean.toFixed(6)} | |
| {statistics.stdDev.toFixed(6)} |
+ {selectionData.features && selectionData.features.length === maxFeatureCount &&
+ )}
+
+ {selectionData.features?.length > 0 && {selectionData.loading ? '⊙' : (selectionData.features?.length ?? 0)}
+
+
+
+
+
+
+ );
+};
diff --git a/web/client/plugins/layersSelection/epics/layersSelection.js b/web/client/plugins/layersSelection/epics/layersSelection.js
new file mode 100644
index 0000000000..aa52559f4b
--- /dev/null
+++ b/web/client/plugins/layersSelection/epics/layersSelection.js
@@ -0,0 +1,298 @@
+import { Observable } from 'rxjs';
+import axios from 'axios';
+import assign from 'object-assign';
+
+import { SET_CONTROL_PROPERTY, TOGGLE_CONTROL } from '../../../actions/controls';
+import { UPDATE_NODE, REMOVE_NODE } from '../../../actions/layers';
+import { changeDrawingStatus, END_DRAWING } from '../../../actions/draw';
+import { registerEventListener, unRegisterEventListener} from '../../../actions/map';
+import { shutdownToolOnAnotherToolDrawing } from "../../../utils/ControlUtils";
+import { describeFeatureType, getFeatureURL } from '../../../api/WFS';
+import { extractGeometryAttributeName } from '../../../utils/WFSLayerUtils';
+import { mergeOptionsByOwner, removeAdditionalLayer } from '../../../actions/additionallayers';
+import { highlightStyleSelector } from '../../../selectors/mapInfo';
+import { layersSelector, groupsSelector } from '../../../selectors/layers';
+import { flattenArrayOfObjects, getInactiveNode } from '../../../utils/LayersUtils';
+
+import { optionsToVendorParams } from '../../../utils/VendorParamsUtils';
+import { selectLayersSelector, isSelectEnabled, filterLayerForSelect, isSelectQueriable, getSelectQueryMaxFeatureCount, getSelectHighlightOptions } from '../selectors/layersSelection';
+import { SELECT_CLEAN_SELECTION, ADD_OR_UPDATE_SELECTION, addOrUpdateSelection } from '../actions/layersSelection';
+import { buildAdditionalLayerId, buildAdditionalLayerOwnerName, arcgisToGeoJSON, makeCrsValid, customUpdateAdditionalLayer } from '../utils/LayersSelection';
+
+/**
+ * Queries a given layer based on geometry and type (ArcGIS, WMS, or WFS).
+ *
+ * @param {Object} layer - Layer configuration object.
+ * @param {Object} geometry - Geometry used for spatial filtering.
+ * @param {number} selectQueryMaxCount - Max features to return.
+ * @returns {Promise
+
+
+
+
+ {menuOpen && (
+
+
+
+ {orderedTools.map(tool =>
+ )}
+ clean(tool)}>