@geo2france/api-dashboard 1.5.0 → 1.6.0

package/README.MD

@@ -30,7 +30,7 @@ Les composants sont actuellement utilisés pour le [tableau de bord de l'Odema](
 
 ## Installation
 
-`npm install https://github.com/geo2france/api-dashboard/releases/latest/download/api-dashboard.tgz`
+`npm i @geo2france/api-dashboard`
 
 
 ## Utilisation

package/dist/components/DashboardPage/Page.d.ts

@@ -38,5 +38,6 @@ export declare const ControlContext: React.Context<ControlContextType | undefine
 interface IDSLDashboardPageProps {
     children: React.ReactNode;
     name?: string;
+    columns?: number;
 }
 export declare const DSL_DashboardPage: React.FC<IDSLDashboardPageProps>;

package/dist/components/DashboardPage/Page.js

@@ -40,7 +40,7 @@ export default DashboardPage;
 export const DatasetContext = createContext({});
 export const DatasetRegistryContext = createContext(() => { }); // A modifier, utiliser un seul context
 export const ControlContext = createContext(undefined);
-export const DSL_DashboardPage = ({ name = 'Tableau de bord', children }) => {
+export const DSL_DashboardPage = ({ name = 'Tableau de bord', columns = 2, children }) => {
     const [datasets, setdatasets] = useState({});
     const [palette, setPalette] = useState(DEFAULT_PALETTE);
     //const allDatasetLoaded = Object.values(datasets).every(d => !d.isFetching);
@@ -76,5 +76,5 @@ export const DSL_DashboardPage = ({ name = 'Tableau de bord', children }) => {
                                     backgroundColor: "#fff",
                                     height: "auto",
                                     width: "100%",
-                                }, children: control_components }), _jsx(Row, { gutter: [8, 8], style: { margin: 16 }, children: visible_components.map((component, idx) => _jsx(Col, { xl: 12, xs: 24, children: _jsx(DSL_ChartBlock, { children: component }) }, idx)) }), logic_components] }) }) })] }));
+                                }, children: control_components }), _jsx(Row, { gutter: [8, 8], style: { margin: 16 }, children: visible_components.map((component, idx) => _jsx(Col, { xl: 24 / columns, xs: 24, children: _jsx(DSL_ChartBlock, { children: component }) }, idx)) }), logic_components] }) }) })] }));
 };

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

@@ -6,13 +6,13 @@ interface AppContextProps {
     logo?: string;
 }
 export declare const AppContext: import("react").Context<AppContextProps>;
-interface DashboardApprProps {
+export interface DashboardConfig {
     title?: string;
     subtitle?: string;
-    route_config: RouteConfig[];
+    routes: RouteConfig[];
     theme?: ThemeConfig;
     logo: string;
     brands?: Partner[];
 }
-declare const DashboardApp: React.FC<DashboardApprProps>;
+declare const DashboardApp: React.FC<DashboardConfig>;
 export default DashboardApp;

package/dist/components/Layout/DashboardApp.js

@@ -31,7 +31,7 @@ const default_theme = {
     }
 };
 export const AppContext = createContext({});
-const DashboardApp = ({ route_config, theme, logo, brands, title, subtitle }) => {
+const DashboardApp = ({ routes, theme, logo, brands, title, subtitle }) => {
     const context_values = { title, subtitle, logo };
     /* CONTROLS */
     const [controls, setControles] = useState({});
@@ -41,6 +41,6 @@ const DashboardApp = ({ route_config, theme, logo, brands, title, subtitle }) =>
             ...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(ControlContext.Provider, { value: { values: controls, pushValue: pushControl }, children: _jsx(HashRouter, { children: _jsx(Routes, { children: _jsxs(Route, { element: _jsxs(Layout, { children: [_jsxs(Layout, { children: [_jsx(DashboardSider, { route_config: route_config }), _jsx(Content, { style: { width: "85%" }, children: _jsx(Outlet, {}) })] }), _jsx(DasbhoardFooter, { brands: brands })] }), children: [generateRoutes(route_config), _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(ControlContext.Provider, { value: { values: controls, pushValue: pushControl }, children: _jsx(HashRouter, { children: _jsx(Routes, { children: _jsxs(Route, { element: _jsxs(Layout, { children: [_jsxs(Layout, { children: [_jsx(DashboardSider, { route_config: routes }), _jsx(Content, { style: { width: "85%" }, children: _jsx(Outlet, {}) })] }), _jsx(DasbhoardFooter, { brands: brands })] }), children: [generateRoutes(routes), _jsx(Route, { path: "*", element: _jsx(ErrorComponent, {}) })] }) }) }) }) }) }) }) }));
 };
 export default DashboardApp;

package/dist/index.d.ts

@@ -25,5 +25,6 @@ import { dataProvider as FileProvider } from "./data_providers/file";
 export { WfsProvider, DatafairProvider, FileProvider };
 export type { SimpleRecord, Partner, RouteConfig } from "./types";
 export type { LegendItem } from "./components/MapLegend/MapLegend";
+export type { DashboardConfig } from "./components/Layout/DashboardApp";
 import * as DSL from './dsl';
 export { DSL };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geo2france/api-dashboard",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "private": false,
   "description": "Build dashboards with JSX/TSX",
   "main": "dist/index.js",
@@ -92,7 +92,6 @@
     "react-dom": "^18.3.1",
     "react-icons": "5.4",
     "react-map-gl": "^7.1.7",
-    "react-router-dom": "^6.25.1",
-    "recharts": "^2.15.3"
+    "react-router-dom": "^6.25.1"
   }
 }