@geo2france/api-dashboard 1.11.2 → 1.12.0

package/dist/components/Charts/Statistics.d.ts

@@ -1,11 +1,13 @@
 import { ReactElement } from "react";
 import { SimpleRecord } from "../../types";
 type comparwithType = "first" | "previous";
-interface annotation_params_type {
+interface ICallbackParams {
     /** Valeur principale */
     value: number;
     /** Jeu de données utilisé */
     data: SimpleRecord[] | undefined;
+    /** Ligne courante (pour accéder aux autres champs) */
+    row: SimpleRecord | undefined;
     /** Valeur de comparaison */
     compareValue: number;
 }
@@ -33,7 +35,9 @@ interface StatisticsProps {
     /** Comparer la valeur avec la précédente ou la première du jeu de données */
     compareWith?: comparwithType;
     /** Texte d'annotation (remplace evolution si définie) */
-    annotation?: React.ReactNode | ((param: annotation_params_type) => React.ReactNode);
+    annotation?: React.ReactNode | ((param: ICallbackParams) => React.ReactNode);
+    /** Fonction a appliquer avant rendu */
+    valueFormatter?: ((param: ICallbackParams) => React.ReactNode);
 }
 /**
  * Composant `Statistics` affichant une valeur d'un dataset avec son évolution.

package/dist/components/Charts/Statistics.js

@@ -20,19 +20,20 @@ const { Text, Paragraph } = Typography;
  * @param {StatisticsProps} props - Propriétés du composant
  * @returns {ReactElement} Carte statistique
  */
-export const Statistics = ({ dataset: dataset_id, dataKey, unit, evolutionSuffix, title, icon: icon_input, color, invertColor = false, help, compareWith, relativeEvolution = false, annotation }) => {
+export const Statistics = ({ dataset: dataset_id, dataKey, unit, evolutionSuffix, title, icon: icon_input, color, invertColor = false, help, compareWith, relativeEvolution = false, valueFormatter = (param) => (param.value.toLocaleString()), annotation }) => {
     const icon = typeof icon_input === "string" ? _jsx(Icon, { icon: icon_input }) : icon_input;
     const dataset = useDataset(dataset_id);
-    const value = dataset?.data?.slice(-1)[0][dataKey]; // Dernière valeur du dataset. Caster en Number ?
+    const row = dataset?.data?.slice(-1)[0];
+    const value = row?.[dataKey]; // Dernière valeur du dataset. Caster en Number ?
     const compare_value = compareWith === 'previous' ? dataset?.data?.slice(-2)[0][dataKey] : dataset?.data?.slice(0, 1)[0][dataKey]; //Première ou avant dernière
     const evolution = relativeEvolution ? 100 * ((value - compare_value) / compare_value) : value - compare_value;
     const evolution_unit = relativeEvolution ? '%' : unit;
     const evolution_is_good = invertColor ? evolution < 0 : evolution > 0;
     const tooltip = help && _jsx(Tooltip, { title: help, children: _jsx(QuestionCircleOutlined, {}) });
-    const annotation_params = { value: value || NaN, compareValue: compare_value || NaN, data: dataset?.data || [] };
+    const CallbackParams = { value: value || NaN, compareValue: compare_value || NaN, data: dataset?.data || [], row: row };
     let subtitle;
     if (annotation !== undefined) {
-        subtitle = typeof annotation === 'function' ? annotation(annotation_params) : annotation;
+        subtitle = typeof annotation === 'function' ? annotation(CallbackParams) : annotation;
     }
     else if (evolution) {
         subtitle = (_jsxs(Paragraph, { style: { marginBottom: "0.5rem" }, children: [_jsxs(Text, { strong: true, type: evolution_is_good ? "success" : "danger", style: { fontSize: "120%" }, children: [evolution < 0.1 ? '' : '+', evolution.toLocaleString(undefined, { maximumFractionDigits: 1 }), "\u00A0", evolution_unit] }), " ", _jsx(Text, { italic: true, type: "secondary", children: evolutionSuffix })] }));
@@ -52,7 +53,7 @@ export const Statistics = ({ dataset: dataset_id, dataKey, unit, evolutionSuffix
                 fontSize: 14,
                 minHeight: 35,
             },
-        }, extra: tooltip, children: _jsxs(Flex, { vertical: true, children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsxs(Text, { style: { fontSize: "150%", paddingTop: 8, paddingBottom: 8, paddingLeft: 0 }, children: [value?.toLocaleString(), " ", unit] }), icon && _jsx(Avatar, { size: 32 + 8, icon: icon, style: { backgroundColor: color } })] }), typeof subtitle == 'string' ?
+        }, extra: tooltip, children: _jsxs(Flex, { vertical: true, children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsxs(Text, { style: { fontSize: "150%", paddingTop: 8, paddingBottom: 8, paddingLeft: 0 }, children: [valueFormatter(CallbackParams), " ", unit] }), icon && _jsx(Avatar, { size: 32 + 8, icon: icon, style: { backgroundColor: color } })] }), typeof subtitle == 'string' ?
                     _jsx(Text, { italic: true, type: "secondary", children: subtitle })
                     :
                         _jsx("div", { children: subtitle })] }) }));

package/dist/data_providers/wfs/utils/mapOperator.d.ts

@@ -0,0 +1 @@
+export declare const mapOperator: (operator: any) => string;

package/dist/data_providers/wfs/utils/mapOperator.js

@@ -0,0 +1,36 @@
+export const mapOperator = (operator) => {
+    switch (operator) {
+        case "ne":
+            return '<>';
+        case "gte":
+            return '>=';
+        case "gt":
+            return '>';
+        case "lte":
+            return `<=`;
+        case "lt":
+            return `<`;
+        case "eq":
+            return "=";
+        case "contains":
+        case "startswith":
+        case "endswith":
+            return "ilike";
+        case "containss":
+        case "startswiths":
+        case "endswiths":
+            return "like";
+        case "ncontains":
+        case "nstartswith":
+        case "nendswith":
+            return "not ilike";
+        case "ncontainss":
+        case "nstartswiths":
+        case "nendswiths":
+            return "not like";
+        case "in":
+            return operator;
+        default:
+            return "";
+    }
+};

package/dist/utils/useBlockConfig.d.ts

@@ -0,0 +1,7 @@
+import { SimpleRecord } from "../types";
+interface BlocConfig {
+    title?: string;
+    dataExport?: SimpleRecord[];
+}
+export declare const useBlockConfig: ({ title, dataExport }: BlocConfig) => void;
+export {};

package/dist/utils/useBlockConfig.js

@@ -0,0 +1,9 @@
+import { useContext, useEffect } from "react";
+import { ChartBlockContext } from "../components/DashboardPage/Block";
+export const useBlockConfig = ({ title, dataExport }) => {
+    const blockContext = useContext(ChartBlockContext);
+    useEffect(() => blockContext?.setConfig({
+        title: title,
+        dataExport: dataExport
+    }), [title, dataExport]);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geo2france/api-dashboard",
-  "version": "1.11.2",
+  "version": "1.12.0",
   "private": false,
   "description": "Build dashboards with JSX/TSX",
   "main": "dist/index.js",