@geo2france/api-dashboard 1.16.0 → 1.18.0

package/dist/components/Dataset/Dataset.js

@@ -1,10 +1,9 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
 import { useApi } from "../..";
-import { ControlContext } from "../DashboardPage/Page";
 import { Producer } from "./Producer";
 import React from "react";
-import { Filter, Transform, useAllDatasets, useDatasets } from "../../dsl";
+import { Filter, Transform, useAllControls, useAllDatasets, useDatasets } from "../../dsl";
 import alasql from "alasql";
 import { DataProviderContext, getProviderFromType } from "./Provider";
 import { Join } from "./Join";
@@ -58,8 +57,7 @@ export const DSL_Dataset = ({ children, id, provider: provider_input, type: prov
     };
     const datasetRegistryContext = useContext(DatasetRegistryContext);
     const allDatasets = useAllDatasets();
-    const controlContext = useContext(ControlContext);
-    const controls = controlContext?.values;
+    const controls = useAllControls();
     const providerContext = useContext(DataProviderContext);
     const provider = (providerUrl && getProviderFromType(providerType)(providerUrl)) || providerContext || provider_input;
     if (provider === undefined) {

package/dist/components/Dataset/Producer.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDatasets } from "./hooks";
 import { Typography } from "antd";
-const { Link } = Typography;
+const { Link, Text } = Typography;
 /**
  * Les props sont récupérées par le parent (Dataset) et enregistrés avec le dataset
  */
@@ -21,7 +21,7 @@ export const ProducersFooter = ({ component }) => {
         const uniqueProducers = Array.from(new Map(producers?.map(p => [p.nom, p]) // clé unique = nom
         ).values());
         uniqueProducers.sort((a, b) => a.nom.localeCompare(b.nom));
-        return datasets ? (_jsxs(_Fragment, { children: ["Source des donn\u00E9es :", " ", uniqueProducers?.map((p, idx, arr) => (_jsxs("span", { children: [_jsx(Link, { href: p.url, children: p.nom }), idx < arr.length - 1 ? ', ' : ''] }, idx)))] })) : null;
+        return (producers?.length > 0) ? (_jsxs(Text, { type: "secondary", style: { padding: 4 }, children: ["Source des donn\u00E9es :", " ", uniqueProducers?.map((p, idx, arr) => (_jsxs("span", { children: [_jsx(Link, { href: p.url, children: p.nom }), idx < arr.length - 1 ? ', ' : ''] }, idx)))] })) : null;
     }
     return _jsx(_Fragment, {});
 };

package/dist/components/Dataset/Transform.d.ts

@@ -1,6 +1,16 @@
 import { SimpleRecord } from "../..";
-interface ITransformProps<T = SimpleRecord[]> {
-    children: string | ((data: T) => T);
+interface ITransformProps {
+    /**
+   * Contenu du Transform :
+   * - **string** : SQL (interprété par Alasql)
+   * - **fonction** `(data: any) => SimpleRecord[]` : transforme les données brutes ou déjà transformées
+   *   en un tableau de `SimpleRecord`.
+   */
+    children: string | ((data: any) => SimpleRecord[]);
 }
-export declare const DSL_Transform: React.FC<ITransformProps>;
+/**
+ * Composant permettant d'appliquer une transformation à un jeu de données.
+ * La transformation est appliquée via une fonction ou une chaîne SQL.
+ */
+export declare const Transform: React.FC<ITransformProps>;
 export {};

package/dist/components/Dataset/Transform.js

@@ -1,7 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-/*
-* Les props sont utilisées dans le Dataset parent pour appliquer une (ou plusieurs fonction de transformation)
-*/
-export const DSL_Transform = () => {
+/**
+ * Composant permettant d'appliquer une transformation à un jeu de données.
+ * La transformation est appliquée via une fonction ou une chaîne SQL.
+ */
+export const Transform = () => {
     return _jsx(_Fragment, {});
 };

package/dist/components/Dataset/hooks.d.ts

@@ -2,7 +2,11 @@ import { dataset } from "./Dataset";
 export declare const useDataset: (dataset_id?: string) => dataset | undefined;
 export declare const useAllDatasets: () => dataset[];
 export declare const useDatasets: (dataset_ids?: string[]) => dataset[];
-export declare const useDatasetRegistry: () => {
+/**
+ * Fonction permettant de créer le registre de dataset
+ * avec les méthodes nécessaires.
+ */
+export declare const createDatasetRegistry: () => {
     register: (d: dataset) => void;
     clear: () => void;
     get: (dataset_id?: string) => dataset | undefined;

package/dist/components/Dataset/hooks.js

@@ -1,7 +1,28 @@
 import { useCallback, useContext, useState } from "react";
 import { DatasetRegistryContext } from "./context";
+const demo_dataset = {
+    id: 'demo_dataset',
+    isError: false,
+    isFetching: false,
+    resource: 'demo_dataset',
+    data: [
+        { name: 'Mercure', type: 'Planète', satellites: 0, diameter_km: 4879 },
+        { name: 'Vénus', type: 'Planète', satellites: 0, diameter_km: 12104 },
+        { name: 'Terre', type: 'Planète', satellites: 1, diameter_km: 12742 },
+        { name: 'Mars', type: 'Planète', satellites: 2, diameter_km: 6779 },
+        { name: 'Jupiter', type: 'Planète', satellites: 79, diameter_km: 139820 },
+        { name: 'Saturne', type: 'Planète', satellites: 83, diameter_km: 116460 },
+        { name: 'Uranus', type: 'Planète', satellites: 27, diameter_km: 50724 },
+        { name: 'Neptune', type: 'Planète', satellites: 14, diameter_km: 49244 },
+        { name: 'Pluton', type: 'Planète naine', satellites: 5, diameter_km: 2370 },
+        { name: 'Cérès', type: 'Astéroïde', satellites: 0, diameter_km: 946 },
+    ]
+};
 // 🔹 Hook pour récupérer un dataset unique
 export const useDataset = (dataset_id) => {
+    if (dataset_id == 'demo_dataset') {
+        return demo_dataset;
+    }
     const datasetRegistry = useContext(DatasetRegistryContext);
     if (dataset_id) {
         return datasetRegistry.get(dataset_id);
@@ -17,7 +38,11 @@ export const useDatasets = (dataset_ids) => {
     const datasets = useAllDatasets();
     return (datasets.filter(d => dataset_ids?.includes(d.id)));
 };
-export const useDatasetRegistry = () => {
+/**
+ * Fonction permettant de créer le registre de dataset
+ * avec les méthodes nécessaires.
+ */
+export const createDatasetRegistry = () => {
     /* DATASET */
     const [datasets, setdatasets] = useState({});
     const pushDataset = useCallback((d) => {

package/dist/components/Debug/Debug.js

@@ -20,5 +20,5 @@ export const Debug = () => {
         label: _jsxs("span", { children: [_jsx(DatasetBadgeStatus, { isError: dataset?.isError, isFetching: dataset?.isFetching }), " ", dataset.id, " ", " ", _jsxs(Text, { type: "secondary", children: [" ", dataset?.resource, " "] }), " ", _jsx(Badge, { color: token.colorInfo, overflowCount: 9999, count: dataset?.data?.length })] }),
         children: _jsx(DataPreview, { dataset: dataset.id, pageSize: 3 })
     }));
-    return (_jsxs(_Fragment, { children: [_jsx(FloatButton, { icon: _jsx(BugOutlined, {}), type: "primary", onClick: () => setIsModalOpen(true), style: { top: 5 }, className: "debugFloatButton" }), _jsxs(Modal, { title: "Information concepteur", width: "90%", centered: true, styles: { content: { 'width': "100%", padding: 36 } }, closable: { 'aria-label': 'Custom Close Button' }, open: isModalOpen, onCancel: () => setIsModalOpen(false), footer: null, children: [_jsx(Title, { level: 5, children: "Jeux de donn\u00E9es " }), _jsx(Collapse, { accordion: true, items: items }), _jsx(Divider, {}), _jsx(Title, { level: 5, children: "Contr\u00F4les utilisateur " }), _jsx(ControlPreview, {}), _jsx(Divider, {}), _jsx(Title, { level: 5, children: "Palette " }), _jsx(PalettePreview, {})] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(FloatButton, { icon: _jsx(BugOutlined, {}), type: "primary", onClick: () => setIsModalOpen(true), style: { bottom: 8, left: 8 }, className: "debugFloatButton" }), _jsxs(Modal, { title: "Information concepteur", width: "90%", centered: true, styles: { body: { 'width': "100%", padding: 36 } }, closable: { 'aria-label': 'Custom Close Button' }, open: isModalOpen, onCancel: () => setIsModalOpen(false), footer: null, children: [_jsx(Title, { level: 5, children: "Jeux de donn\u00E9es " }), _jsx(Collapse, { accordion: true, items: items }), _jsx(Divider, {}), _jsx(Title, { level: 5, children: "Contr\u00F4les utilisateur " }), _jsx(ControlPreview, {}), _jsx(Divider, {}), _jsx(Title, { level: 5, children: "Palette " }), _jsx(PalettePreview, {})] })] }));
 };

package/dist/components/Layout/DashboardApp.d.ts

@@ -35,6 +35,10 @@ export interface DashboardConfig {
      * Active ou désactive le mode “slider” dans le pied de page (faire défiler les logos de partenaires).
     */
     footerSlider?: boolean;
+    /**
+     * Désactiver la mention à Géo2France
+     */
+    disablePoweredBy?: boolean;
 }
 declare const DashboardApp: React.FC<DashboardConfig>;
 export default DashboardApp;

package/dist/components/Layout/DashboardApp.js

@@ -7,11 +7,11 @@ import DashboardSider from "./Sider";
 import { Content } from "antd/es/layout/layout";
 import { ErrorComponent } from "./Error";
 import { DasbhoardFooter } from "./Footer";
-import { createContext, useState } from "react";
-import { ControlContext } from "../DashboardPage/Page";
+import { createContext } from "react";
 import { HelmetProvider } from "react-helmet-async";
-import { useDatasetRegistry } from "../Dataset/hooks";
+import { createDatasetRegistry } from "../Dataset/hooks";
 import { DatasetRegistryContext } from "../Dataset/context";
+import { ControlContext, CreateControlesRegistry } from "../Control/Control";
 //import '../../index.css' //TODO a intégrer en jsx
 const queryClient = new QueryClient();
 const default_theme = {
@@ -33,16 +33,8 @@ const default_theme = {
     }
 };
 export const AppContext = createContext({});
-const DashboardApp = ({ routes, theme, logo, brands, footerSlider, title, subtitle }) => {
+const DashboardApp = ({ routes, theme, logo, brands, footerSlider, title, subtitle, disablePoweredBy = false }) => {
     const context_values = { title, subtitle, logo };
-    /* CONTROLS */
-    const [controls, setControles] = useState({});
-    const pushControl = (c) => {
-        setControles(prev => ({
-            ...prev,
-            ...c
-        }));
-    };
-    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ConfigProvider, { theme: theme || default_theme /* Merger plutôt ?*/, children: _jsx(HelmetProvider, { children: _jsx(AppContext.Provider, { value: context_values, children: _jsx(DatasetRegistryContext.Provider, { value: useDatasetRegistry(), children: _jsx(ControlContext.Provider, { value: { values: controls, pushValue: pushControl }, children: _jsx(HashRouter, { children: _jsx(Routes, { children: _jsxs(Route, { element: _jsxs(Layout, { hasSider: true, style: { minHeight: '100vh' }, children: [_jsx(DashboardSider, { route_config: routes }), _jsxs(Layout, { children: [_jsx(Content, { style: { width: "100%" }, children: _jsx(Outlet, {}) }), _jsx(DasbhoardFooter, { brands: brands, slider: footerSlider })] })] }), children: [generateRoutes(routes), _jsx(Route, { path: "*", element: _jsx(ErrorComponent, {}) })] }) }) }) }) }) }) }) }) }));
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ConfigProvider, { theme: theme || default_theme /* Merger plutôt ?*/, children: _jsx(HelmetProvider, { children: _jsx(AppContext.Provider, { value: context_values, children: _jsx(DatasetRegistryContext.Provider, { value: createDatasetRegistry(), children: _jsx(ControlContext.Provider, { value: CreateControlesRegistry(), children: _jsx(HashRouter, { children: _jsx(Routes, { children: _jsxs(Route, { element: _jsxs(Layout, { hasSider: true, style: { minHeight: '100vh' }, children: [_jsx(DashboardSider, { route_config: routes, poweredBy: !disablePoweredBy }), _jsxs(Layout, { children: [_jsx(Content, { style: { width: "100%" }, children: _jsx(Outlet, {}) }), _jsx(DasbhoardFooter, { brands: brands, slider: footerSlider })] })] }), children: [generateRoutes(routes), _jsx(Route, { path: "*", element: _jsx(ErrorComponent, {}) })] }) }) }) }) }) }) }) }) }));
 };
 export default DashboardApp;

package/dist/components/Layout/Footer.js

@@ -1,14 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Layout, Typography } from "antd";
-import { useContext, useState } from "react";
+import { Button, Layout, theme, Typography } from "antd";
+import { useContext, useEffect, useState } from "react";
 import Slider from "@ant-design/react-slick";
 import { UpOutlined, DownOutlined } from "@ant-design/icons";
 import { AppContext } from "./DashboardApp";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
+import { Icon } from "@iconify/react";
 const { Text } = Typography;
+const { useToken } = theme;
 export const DasbhoardFooter = ({ brands, slider = true }) => {
     const [isCollapsed, setIsCollapsed] = useState(window.innerWidth < 768 ? true : false);
+    const [showScrollIndicator, setShowScrollIndicator] = useState(true);
+    const { token } = useToken();
+    /* 🤖 IA Generated effect
+    * Permet d'afficher ou non le scrollIndicator
+    */
+    useEffect(() => {
+        const checkShadow = () => {
+            const scrollTop = window.scrollY;
+            const windowHeight = window.innerHeight;
+            const docHeight = document.documentElement.scrollHeight;
+            setShowScrollIndicator(scrollTop + windowHeight < docHeight - 1);
+        };
+        // scroll listener
+        window.addEventListener("scroll", checkShadow);
+        // observer pour changements dynamiques du contenu
+        const observer = new ResizeObserver(checkShadow);
+        observer.observe(document.body);
+        checkShadow(); // initial
+        return () => {
+            window.removeEventListener("scroll", checkShadow);
+            observer.disconnect();
+        };
+    }, []);
     const toggleCollapse = () => {
         setIsCollapsed(!isCollapsed);
     };
@@ -40,10 +65,23 @@ export const DasbhoardFooter = ({ brands, slider = true }) => {
             height: "auto",
             minHeight: "40px",
             transition: "height 0.5s ease-in-out",
-            overflow: "hidden",
+            overflow: "visible",
             borderTop: "1px solid #ccc",
             zIndex: 600, // maplibre top zIndex if 500
-        }, children: [isCollapsed && (_jsxs(Text, { type: "secondary", children: [app_context?.title, " - ", app_context?.subtitle] })), _jsx("div", { style: { display: isCollapsed ? "none" : "block", padding: "10px 0" }, children: slider
+        }, children: [showScrollIndicator &&
+                /* Shaddow + chevron : show the user that remaing content is avaible downside */
+                _jsx("div", { className: "scroll-indicator", style: {
+                        position: "absolute",
+                        top: -40,
+                        left: 0,
+                        right: 0,
+                        height: 40,
+                        pointerEvents: "none",
+                        display: "flex",
+                        justifyContent: "center",
+                        alignContent: "flex-end",
+                        background: "linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.1))",
+                    }, children: _jsx(Icon, { icon: "fa6-solid:chevron-down", fontSize: 35, color: token.colorPrimary }) }), isCollapsed && (_jsxs(Text, { type: "secondary", children: [app_context?.title, " - ", app_context?.subtitle] })), _jsx("div", { style: { display: isCollapsed ? "none" : "block", padding: "10px 0" }, children: slider
                     // Logos avec défilement (choix par défaut)
                     ? _jsx(Slider
                     // Défilement auto si plus de logos que la lagreur de l'écran ne peut en afficher

package/dist/components/Layout/Sider.d.ts

@@ -4,6 +4,7 @@ interface DbSiderProps {
     logo?: string;
     route_config?: RouteConfig[];
     style?: CSSProperties;
+    poweredBy?: boolean;
 }
 declare const DashboardSider: React.FC<DbSiderProps>;
 export default DashboardSider;

package/dist/components/Layout/Sider.js

@@ -1,16 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useState } from "react";
-import { Layout, Menu, theme, Row, Col, Button, Divider } from "antd";
-import { NavLink, useLocation } from "react-router-dom";
+import { Layout, Menu, theme, Row, Col, Button, Divider, Typography } from "antd";
+import { Link, NavLink, useLocation } from "react-router-dom";
 import { generateMenuItems } from "../../utils/route_utils";
 import { AppContext } from "./DashboardApp";
 import { Icon } from "@iconify/react";
+const { Text } = Typography;
 const style_img = {
     height: 52,
     maxWidth: "100%",
     objectFit: "contain"
 };
-const DashboardSider = ({ style, logo, route_config }) => {
+const DashboardSider = ({ style, logo, route_config, poweredBy = true }) => {
     const { logo: appLogo, title } = useContext(AppContext);
     const { token } = theme.useToken();
     const { pathname: selectedKey } = useLocation();
@@ -32,21 +33,21 @@ const DashboardSider = ({ style, logo, route_config }) => {
         borderRight: "1px solid #ccc",
         ...style
     };
-    return (_jsx(Layout.Sider, { theme: "light", collapsible: true, collapsedWidth: isMobile ? 40 : 80, collapsed: collapsed, onCollapse: toggleCollapsed, style: siderStyle, width: isMobile ? '80%' : 220, trigger: null, children: _jsxs(Row, { justify: "center", children: [_jsx(Col, { span: 24, children: _jsxs("div", { style: {
-                            margin: 4,
-                            display: "flex",
-                            justifyContent: "center",
-                            alignItems: "center",
-                            backgroundColor: token.colorBgElevated,
-                        }, children: [_jsx(NavLink, { to: "", style: {
-                                    display: collapsed ? 'none' : undefined,
-                                    marginTop: 8, marginLeft: 8
-                                }, children: _jsx("img", { style: style_img, src: appLogo, alt: title }) }), _jsx(Divider, { style: { display: collapsed ? 'none' : undefined }, type: "vertical" }), _jsx(Button, { type: "text", onClick: () => setCollapsed(!collapsed), icon: collapsed ? _jsx(Icon, { icon: "material-symbols:keyboard-double-arrow-right-rounded" }) : _jsx(Icon, { icon: "material-symbols:keyboard-double-arrow-left-rounded" }), style: {
-                                    fontSize: '28px',
-                                    width: 32,
-                                    height: 32,
-                                    //backgroundColor: token.colorFillSecondary,
-                                    marginTop: 8
-                                } })] }) }), _jsx(Col, { span: 24, children: _jsx(Menu, { items: route_config && generateMenuItems(route_config), selectedKeys: [selectedKey], mode: "inline", style: { marginTop: "20px", width: "100%" } }) })] }) }));
+    return (_jsxs(Layout.Sider, { theme: "light", collapsible: true, collapsedWidth: isMobile ? 40 : 80, collapsed: collapsed, onCollapse: toggleCollapsed, style: siderStyle, width: isMobile ? '80%' : 220, trigger: null, children: [_jsxs(Row, { justify: "center", children: [_jsx(Col, { span: 24, children: _jsxs("div", { style: {
+                                margin: 4,
+                                display: "flex",
+                                justifyContent: "center",
+                                alignItems: "center",
+                                backgroundColor: token.colorBgElevated,
+                            }, children: [_jsx(NavLink, { to: "", style: {
+                                        display: collapsed ? 'none' : undefined,
+                                        marginTop: 8, marginLeft: 8
+                                    }, children: _jsx("img", { style: style_img, src: appLogo, alt: title }) }), _jsx(Divider, { style: { display: collapsed ? 'none' : undefined }, type: "vertical" }), _jsx(Button, { type: "text", onClick: () => setCollapsed(!collapsed), icon: collapsed ? _jsx(Icon, { icon: "material-symbols:keyboard-double-arrow-right-rounded" }) : _jsx(Icon, { icon: "material-symbols:keyboard-double-arrow-left-rounded" }), style: {
+                                        fontSize: '28px',
+                                        width: 32,
+                                        height: 32,
+                                        //backgroundColor: token.colorFillSecondary,
+                                        marginTop: 8
+                                    } })] }) }), _jsx(Col, { span: 24, children: _jsx(Menu, { items: route_config && generateMenuItems(route_config), selectedKeys: [selectedKey], mode: "inline", style: { marginTop: "20px", width: "100%" } }) })] }), (poweredBy && !collapsed) && _jsxs(Text, { type: "secondary", style: { position: "absolute", bottom: 0, left: 0, margin: 4 }, children: ["Propuls\u00E9 et fait avec \u2764\uFE0F par", " ", _jsx(Link, { to: "https://github.com/geo2france/api-dashboard", children: "G\u00E9o2France" })] })] }));
 };
 export default DashboardSider;

package/dist/components/NextPrevSelect/NextPrevSelect.d.ts

@@ -2,16 +2,17 @@ import React from 'react';
 import { CSSProperties } from "react";
 type NextPrevSelectProps = {
     options?: {
-        label: string | number;
-        value: string | number;
-    }[] | string[] | number[];
+        label: string;
+        value: string;
+    }[] | string[];
     style?: CSSProperties;
-    defaultValue?: string | number;
-    value?: string | number;
-    onChange?: (value: string | number) => void;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
     reverse?: boolean;
     name?: string;
     arrows?: boolean;
+    label?: string;
 };
 declare const NextPrevSelect: React.FC<NextPrevSelectProps>;
 export default NextPrevSelect;

package/dist/components/NextPrevSelect/NextPrevSelect.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { CaretLeftOutlined, CaretRightOutlined } from "@ant-design/icons";
-import { Button, ConfigProvider, Flex, Form, Select } from "antd";
-import { useEffect, useState } from "react";
+import { Button, ConfigProvider, Flex, Form, Select, theme, Typography } from "antd";
+import { useEffect } from "react";
 import { list_to_options } from '../Control/Control';
+import { useSearchParamsState } from '../../utils/useSearchParamsState';
+const { Text } = Typography;
 // Update field and trigger form OnValueChange, thanks to : https://github.com/ant-design/ant-design/issues/23782#issuecomment-2114700558
 const updateFieldValue = (form, name, value) => {
     form.getInternalHooks('RC_FORM_INTERNAL_HOOKS').dispatch({
@@ -23,20 +25,22 @@ const style_button_right = {
     borderBottomRightRadius: 4,
     borderLeft: 0,
 };
-const NextPrevSelect = ({ name, options: input_options = [], style, value, defaultValue, onChange, reverse = false, arrows = true, ...rest }) => {
-    const [current_value, setCurrent_value] = useState(value);
+const NextPrevSelect = ({ name = 'sansnom', options: input_options = [], style, value, defaultValue, onChange, reverse = false, arrows = true, label, ...rest }) => {
+    const [current_value, setCurrent_value] = useSearchParamsState(name, String(defaultValue) || '');
+    const { token } = theme.useToken();
     const form = Form.useFormInstance();
+    const labelApplied = label ?? name;
     useEffect(() => {
-        value && handleChange(value);
-    }, [value]);
+        current_value && handleChange(current_value);
+    }, [value, current_value]);
     const options = list_to_options(input_options);
     const current_index = options?.findIndex((o) => o.value == form?.getFieldValue(name) || o.value == current_value);
-    const next = () => reverse
+    const next = () => String(reverse
         ? options[current_index - 1].value
-        : options[current_index + 1].value;
-    const previous = () => reverse
+        : options[current_index + 1].value);
+    const previous = () => String(reverse
         ? options[current_index + 1].value
-        : options[current_index - 1].value;
+        : options[current_index - 1].value);
     const isFirst = () => reverse ? current_index == options.length - 1 : current_index == 0;
     const isLast = () => reverse ? current_index == 0 : current_index == options.length - 1;
     const handleChange = (v) => {
@@ -44,6 +48,6 @@ const NextPrevSelect = ({ name, options: input_options = [], style, value, defau
         name && form && updateFieldValue(form, name, v);
         onChange && onChange(v);
     };
-    return (_jsxs(Flex, { style: style, name: name, children: [arrows && _jsx(Button, { style: style_button_left, onClick: () => handleChange(previous()), disabled: isFirst(), children: _jsx(CaretLeftOutlined, {}) }), _jsxs(ConfigProvider, { theme: arrows ? { components: { Select: { borderRadius: 0, }, }, } : undefined, children: [" ", _jsx(Form.Item, { name: name, label: name, noStyle: arrows, initialValue: defaultValue, shouldUpdate: true, children: _jsx(Select, { className: "nextPrevSelect", options: options, style: { ...style }, value: current_value, defaultValue: defaultValue, onChange: handleChange, ...rest }) })] }), arrows && _jsx(Button, { style: style_button_right, onClick: () => handleChange(next()), disabled: isLast(), children: _jsx(CaretRightOutlined, {}) })] }));
+    return (_jsxs(Flex, { style: style, align: 'center', name: name, children: [" ", arrows && _jsxs(Text, { type: 'secondary', style: { color: token.colorTextLabel }, children: [" ", labelApplied, "\u00A0:\u00A0"] }), arrows && _jsx(Button, { style: style_button_left, onClick: () => handleChange(previous()), disabled: isFirst(), children: _jsx(CaretLeftOutlined, {}) }), _jsxs(ConfigProvider, { theme: arrows ? { components: { Select: { borderRadius: 0, }, }, } : undefined, children: [" ", _jsx(Form.Item, { name: name, label: labelApplied, noStyle: arrows, initialValue: defaultValue, shouldUpdate: true, children: _jsx(Select, { className: "nextPrevSelect", options: options, style: { ...style }, value: current_value, defaultValue: defaultValue, onChange: handleChange, ...rest }) })] }), arrows && _jsx(Button, { style: style_button_right, onClick: () => handleChange(next()), disabled: isLast(), children: _jsx(CaretRightOutlined, {}) })] }));
 };
 export default NextPrevSelect;

package/dist/data_providers/file/utils/axios.js

@@ -1,20 +1,7 @@
 import axios from "axios";
 const axiosInstance = axios.create();
-axiosInstance.interceptors.response.use(
-// API WFS retourne toujours un code http 200, y compris en cas d'erreur.
-// Une réponse est présumée valide si elle renvoie un objet json valide. (Sinon c'est un xml)
-// TODO parser le XML retourné en cas d'erreur
-(response) => {
-    if (typeof response.data === "object") {
-        return response;
-    }
-    else {
-        const customError = {
-            message: response.data,
-            statusCode: response.status,
-        };
-        return Promise.reject(customError);
-    }
+axiosInstance.interceptors.response.use((response) => {
+    return response;
 }, (error) => {
     const customError = {
         ...error,

package/dist/dsl/index.d.ts

@@ -1,7 +1,7 @@
 import { DSL_DashboardPage as Dashboard } from "../components/DashboardPage/Page";
 import { DSL_Dataset as Dataset } from "../components/Dataset/Dataset";
 import { DSL_DataPreview as DataPreview } from "../components/Dataset/DataPreview";
-import { DSL_Transform as Transform } from "../components/Dataset/Transform";
+import { Transform } from "../components/Dataset/Transform";
 import { DSL_Filter as Filter } from "../components/Dataset/Filter";
 import { Provider } from "../components/Dataset/Provider";
 import { useAllDatasets, useDataset, useDatasets } from "../components/Dataset/hooks";
@@ -21,4 +21,5 @@ import { Statistics, StatisticsCollection } from "../components/Charts/Statistic
 import { MapLayer, Map } from "../components/Map/Map";
 import { Section } from "../components/DashboardPage/Section";
 import { LegendControl } from "../components/MapLegend/MapLegend";
-export { Dashboard, Dataset, Provider, Transform, Join, Filter, Section, DataPreview, ChartEcharts, ChartPie, ChartYearSerie, Statistics, StatisticsCollection, useDataset, useDatasets, useAllDatasets, useBlockConfig, Producer, Control, useControl, useAllControls, Radio, Select, Input, Palette, usePalette, usePaletteLabels, PalettePreview, Debug, Map, MapLayer, LegendControl };
+import { Intro } from "../components/DashboardPage/Intro";
+export { Dashboard, Dataset, Provider, Transform, Join, Filter, Section, Intro, DataPreview, ChartEcharts, ChartPie, ChartYearSerie, Statistics, StatisticsCollection, useDataset, useDatasets, useAllDatasets, useBlockConfig, Producer, Control, useControl, useAllControls, Radio, Select, Input, Palette, usePalette, usePaletteLabels, PalettePreview, Debug, Map, MapLayer, LegendControl };

package/dist/dsl/index.js

@@ -1,7 +1,7 @@
 import { DSL_DashboardPage as Dashboard } from "../components/DashboardPage/Page";
 import { DSL_Dataset as Dataset } from "../components/Dataset/Dataset";
 import { DSL_DataPreview as DataPreview } from "../components/Dataset/DataPreview";
-import { DSL_Transform as Transform } from "../components/Dataset/Transform";
+import { Transform } from "../components/Dataset/Transform";
 import { DSL_Filter as Filter } from "../components/Dataset/Filter";
 import { Provider } from "../components/Dataset/Provider";
 import { useAllDatasets, useDataset, useDatasets } from "../components/Dataset/hooks";
@@ -21,4 +21,5 @@ import { Statistics, StatisticsCollection } from "../components/Charts/Statistic
 import { MapLayer, Map } from "../components/Map/Map";
 import { Section } from "../components/DashboardPage/Section";
 import { LegendControl } from "../components/MapLegend/MapLegend";
-export { Dashboard, Dataset, Provider, Transform, Join, Filter, Section, DataPreview, ChartEcharts, ChartPie, ChartYearSerie, Statistics, StatisticsCollection, useDataset, useDatasets, useAllDatasets, useBlockConfig, Producer, Control, useControl, useAllControls, Radio, Select, Input, Palette, usePalette, usePaletteLabels, PalettePreview, Debug, Map, MapLayer, LegendControl };
+import { Intro } from "../components/DashboardPage/Intro";
+export { Dashboard, Dataset, Provider, Transform, Join, Filter, Section, Intro, DataPreview, ChartEcharts, ChartPie, ChartYearSerie, Statistics, StatisticsCollection, useDataset, useDatasets, useAllDatasets, useBlockConfig, Producer, Control, useControl, useAllControls, Radio, Select, Input, Palette, usePalette, usePaletteLabels, PalettePreview, Debug, Map, MapLayer, LegendControl };

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { useMapControl } from "./utils/useMapControl";
 export { BaseRecordToGeojsonPoint } from "./utils/baserecordtogeojsonpoint";
 export { cardStyles } from "./utils/cardStyles";
 export { merge_others } from "./utils/merge_others";
+export { aggregator } from "./utils/aggregator";
 import KeyFigure from "./components/KeyFigure/KeyFigure";
 import LoadingContainer from "./components/LoadingContainer/LoadingContainer";
 import FlipCard from "./components/FlipCard/FlipCard";

package/dist/index.js

@@ -9,6 +9,7 @@ export { useMapControl } from "./utils/useMapControl";
 export { BaseRecordToGeojsonPoint } from "./utils/baserecordtogeojsonpoint";
 export { cardStyles } from "./utils/cardStyles";
 export { merge_others } from "./utils/merge_others";
+export { aggregator } from "./utils/aggregator";
 // Components
 import KeyFigure from "./components/KeyFigure/KeyFigure";
 import LoadingContainer from "./components/LoadingContainer/LoadingContainer";

package/dist/utils/aggregator.d.ts

@@ -0,0 +1,18 @@
+import { SimpleRecord } from "../types";
+interface AggregatorParams {
+    /** Tableau de données */
+    data?: SimpleRecord[];
+    /** Colonne à aggréger */
+    dataKey?: string;
+    /** Agregat */
+    aggregate: "last" | "first" | "sum" | "lastNotNull" | "min" | "max" | "count" | "mean" | "countDistinct" | "countMissing";
+}
+interface AggregatorResult {
+    /** Ligne retenue (pour "last", "first", "lastNotNull") */
+    row?: SimpleRecord;
+    /** Valeur agrégée */
+    value?: number;
+}
+/** Fonction permettant d'agréger une colonne d'un dataset */
+export declare const aggregator: ({ data, dataKey, aggregate }: AggregatorParams) => AggregatorResult;
+export {};

package/dist/utils/aggregator.js

@@ -0,0 +1,49 @@
+import { from, op } from "arquero";
+/** Fonction permettant d'agréger une colonne d'un dataset */
+export const aggregator = ({ data, dataKey, aggregate }) => {
+    if (data == undefined || dataKey == undefined || data.length < 1) {
+        return { row: undefined, value: undefined };
+    }
+    switch (aggregate) {
+        case "last": {
+            const row = data.slice(-1)[0];
+            return { row, value: Number(row[dataKey]) };
+        }
+        case "first": {
+            const row = data[0];
+            return { row, value: Number(row[dataKey]) };
+        }
+        case "lastNotNull": {
+            const row = data.filter(r => r[dataKey] != null).slice(-1)?.[0];
+            return { row, value: Number(row?.[dataKey]) };
+        }
+        case "sum": {
+            const value = from(data).rollup({ value: op.sum(dataKey) }).object().value;
+            return { row: undefined, value };
+        }
+        case "min": {
+            const value = from(data).rollup({ value: op.min(dataKey) }).object().value;
+            return { row: undefined, value };
+        }
+        case "max": {
+            const value = from(data).rollup({ value: op.max(dataKey) }).object().value;
+            return { row: undefined, value };
+        }
+        case "count": {
+            const value = from(data).rollup({ value: op.valid(dataKey) }).object().value;
+            return { row: undefined, value };
+        }
+        case "mean": {
+            const value = from(data).rollup({ value: op.average(dataKey) }).object().value;
+            return { row: undefined, value };
+        }
+        case "countDistinct": {
+            const value = from(data).rollup({ value: op.distinct(dataKey) }).object().value;
+            return { row: undefined, value };
+        }
+        case "countMissing": {
+            const value = from(data).rollup({ value: op.invalid(dataKey) }).object().value;
+            return { row: undefined, value };
+        }
+    }
+};