@geotrekce/geotrek-rando-widget 0.0.2 → 0.0.3

package/dist/types/components/grw-poi-detail/grw-poi-detail.d.ts

@@ -0,0 +1,5 @@
+import { Poi } from 'types/types';
+export declare class GrwPoiDetail {
+  poi: Poi;
+  render(): any;
+}

package/dist/types/components/grw-sensitive-area-detail/grw-sensitive-area-detail.d.ts

@@ -0,0 +1,5 @@
+import { SensitiveArea } from 'types/types';
+export declare class GrwSensitiveAreaDetail {
+  sensitiveArea: SensitiveArea;
+  render(): any;
+}

package/dist/types/components/grw-trek-detail/grw-trek-detail.d.ts

@@ -2,6 +2,7 @@ import { Difficulty, Practice, Route, Trek } from 'types/types';
 export declare class GrwTrekDetail {
   trek: Trek;
   colorPrimary: string;
+  colorPrimaryShade: string;
   colorPrimaryTint: string;
   currentTrek: Trek;
   difficulty: Difficulty;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Trek } from "types/types";
+import { InformationDesk, Poi, SensitiveArea, Trek } from "types/types";
 export namespace Components {
     interface GrwApp {
         "api": string;
@@ -15,11 +15,15 @@ export namespace Components {
         "cities": string;
         "colorArrivalIcon": string;
         "colorDepartureIcon": string;
+        "colorPoiIcon": string;
         "colorPrimary": string;
+        "colorPrimaryShade": string;
         "colorPrimaryTint": string;
+        "colorSensitiveArea": string;
         "colorTrekLine": string;
         "districts": string;
         "inBbox": string;
+        "language": string;
         "portals": string;
         "practices": string;
         "routes": string;
@@ -28,17 +32,28 @@ export namespace Components {
         "urlLayer": string;
         "zoom": any;
     }
+    interface GrwInformationDeskDetail {
+        "informationDesk": InformationDesk;
+    }
     interface GrwMap {
         "attribution": string;
         "center": string;
         "colorArrivalIcon": string;
         "colorDepartureIcon": string;
+        "colorPoiIcon": string;
         "colorPrimary": string;
         "colorPrimaryTint": string;
+        "colorSensitiveArea": string;
         "colorTrekLine": string;
         "urlLayer": string;
         "zoom": number;
     }
+    interface GrwPoiDetail {
+        "poi": Poi;
+    }
+    interface GrwSensitiveAreaDetail {
+        "sensitiveArea": SensitiveArea;
+    }
     interface GrwTrekCard {
         "colorPrimary": string;
         "colorPrimaryTint": string;
@@ -46,6 +61,7 @@ export namespace Components {
     }
     interface GrwTrekDetail {
         "colorPrimary": string;
+        "colorPrimaryShade": string;
         "colorPrimaryTint": string;
         "trek": Trek;
     }
@@ -71,6 +87,10 @@ export namespace Components {
         "themes": string;
     }
 }
+export interface GrwMapCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGrwMapElement;
+}
 export interface GrwTrekCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGrwTrekCardElement;
@@ -82,12 +102,30 @@ declare global {
         prototype: HTMLGrwAppElement;
         new (): HTMLGrwAppElement;
     };
+    interface HTMLGrwInformationDeskDetailElement extends Components.GrwInformationDeskDetail, HTMLStencilElement {
+    }
+    var HTMLGrwInformationDeskDetailElement: {
+        prototype: HTMLGrwInformationDeskDetailElement;
+        new (): HTMLGrwInformationDeskDetailElement;
+    };
     interface HTMLGrwMapElement extends Components.GrwMap, HTMLStencilElement {
     }
     var HTMLGrwMapElement: {
         prototype: HTMLGrwMapElement;
         new (): HTMLGrwMapElement;
     };
+    interface HTMLGrwPoiDetailElement extends Components.GrwPoiDetail, HTMLStencilElement {
+    }
+    var HTMLGrwPoiDetailElement: {
+        prototype: HTMLGrwPoiDetailElement;
+        new (): HTMLGrwPoiDetailElement;
+    };
+    interface HTMLGrwSensitiveAreaDetailElement extends Components.GrwSensitiveAreaDetail, HTMLStencilElement {
+    }
+    var HTMLGrwSensitiveAreaDetailElement: {
+        prototype: HTMLGrwSensitiveAreaDetailElement;
+        new (): HTMLGrwSensitiveAreaDetailElement;
+    };
     interface HTMLGrwTrekCardElement extends Components.GrwTrekCard, HTMLStencilElement {
     }
     var HTMLGrwTrekCardElement: {
@@ -120,7 +158,10 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "grw-app": HTMLGrwAppElement;
+        "grw-information-desk-detail": HTMLGrwInformationDeskDetailElement;
         "grw-map": HTMLGrwMapElement;
+        "grw-poi-detail": HTMLGrwPoiDetailElement;
+        "grw-sensitive-area-detail": HTMLGrwSensitiveAreaDetailElement;
         "grw-trek-card": HTMLGrwTrekCardElement;
         "grw-trek-detail": HTMLGrwTrekDetailElement;
         "grw-trek-provider": HTMLGrwTrekProviderElement;
@@ -137,11 +178,15 @@ declare namespace LocalJSX {
         "cities"?: string;
         "colorArrivalIcon"?: string;
         "colorDepartureIcon"?: string;
+        "colorPoiIcon"?: string;
         "colorPrimary"?: string;
+        "colorPrimaryShade"?: string;
         "colorPrimaryTint"?: string;
+        "colorSensitiveArea"?: string;
         "colorTrekLine"?: string;
         "districts"?: string;
         "inBbox"?: string;
+        "language"?: string;
         "portals"?: string;
         "practices"?: string;
         "routes"?: string;
@@ -150,17 +195,29 @@ declare namespace LocalJSX {
         "urlLayer"?: string;
         "zoom"?: any;
     }
+    interface GrwInformationDeskDetail {
+        "informationDesk"?: InformationDesk;
+    }
     interface GrwMap {
         "attribution"?: string;
         "center"?: string;
         "colorArrivalIcon"?: string;
         "colorDepartureIcon"?: string;
+        "colorPoiIcon"?: string;
         "colorPrimary"?: string;
         "colorPrimaryTint"?: string;
+        "colorSensitiveArea"?: string;
         "colorTrekLine"?: string;
+        "onTrekCardPress"?: (event: GrwMapCustomEvent<number>) => void;
         "urlLayer"?: string;
         "zoom"?: number;
     }
+    interface GrwPoiDetail {
+        "poi"?: Poi;
+    }
+    interface GrwSensitiveAreaDetail {
+        "sensitiveArea"?: SensitiveArea;
+    }
     interface GrwTrekCard {
         "colorPrimary"?: string;
         "colorPrimaryTint"?: string;
@@ -169,6 +226,7 @@ declare namespace LocalJSX {
     }
     interface GrwTrekDetail {
         "colorPrimary"?: string;
+        "colorPrimaryShade"?: string;
         "colorPrimaryTint"?: string;
         "trek"?: Trek;
     }
@@ -195,7 +253,10 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "grw-app": GrwApp;
+        "grw-information-desk-detail": GrwInformationDeskDetail;
         "grw-map": GrwMap;
+        "grw-poi-detail": GrwPoiDetail;
+        "grw-sensitive-area-detail": GrwSensitiveAreaDetail;
         "grw-trek-card": GrwTrekCard;
         "grw-trek-detail": GrwTrekDetail;
         "grw-trek-provider": GrwTrekProvider;
@@ -208,7 +269,10 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "grw-app": LocalJSX.GrwApp & JSXBase.HTMLAttributes<HTMLGrwAppElement>;
+            "grw-information-desk-detail": LocalJSX.GrwInformationDeskDetail & JSXBase.HTMLAttributes<HTMLGrwInformationDeskDetailElement>;
             "grw-map": LocalJSX.GrwMap & JSXBase.HTMLAttributes<HTMLGrwMapElement>;
+            "grw-poi-detail": LocalJSX.GrwPoiDetail & JSXBase.HTMLAttributes<HTMLGrwPoiDetailElement>;
+            "grw-sensitive-area-detail": LocalJSX.GrwSensitiveAreaDetail & JSXBase.HTMLAttributes<HTMLGrwSensitiveAreaDetailElement>;
             "grw-trek-card": LocalJSX.GrwTrekCard & JSXBase.HTMLAttributes<HTMLGrwTrekCardElement>;
             "grw-trek-detail": LocalJSX.GrwTrekDetail & JSXBase.HTMLAttributes<HTMLGrwTrekDetailElement>;
             "grw-trek-provider": LocalJSX.GrwTrekProvider & JSXBase.HTMLAttributes<HTMLGrwTrekProviderElement>;

package/dist/types/store/store.d.ts

@@ -1,18 +1,24 @@
-import { Difficulties, Practices, Routes, Trek, Treks } from 'types/types';
+import { Difficulties, InformationDesks, Pois, Practices, Routes, SensitiveAreas, Trek, Treks } from 'types/types';
 declare const state: {
   api: string;
   treks: Treks;
   difficulties: Difficulties;
   routes: Routes;
   practices: Practices;
+  currentSensitiveAreas: SensitiveAreas;
+  currentPois: Pois;
   currentTrek: Trek;
+  currentInformationDesks: InformationDesks;
 }, onChange: import("@stencil/store/dist/types").OnChangeHandler<{
   api: string;
   treks: Treks;
   difficulties: Difficulties;
   routes: Routes;
   practices: Practices;
+  currentSensitiveAreas: SensitiveAreas;
+  currentPois: Pois;
   currentTrek: Trek;
+  currentInformationDesks: InformationDesks;
 }>;
 export { onChange };
 export default state;

package/dist/types/types/types.d.ts

@@ -1,4 +1,4 @@
-import { LineString, Position } from 'geojson';
+import { LineString, Geometry, Position } from 'geojson';
 export declare type Treks = Trek[];
 export declare type Trek = {
   id: number;
@@ -14,6 +14,10 @@ export declare type Trek = {
   ascent: number;
   geometry?: LineString;
   departure_geom?: Position;
+  gpx?: string;
+  kml?: string;
+  pdf?: string;
+  parking_location?: Position;
 };
 export declare type Attachments = Attachment[];
 export declare type Attachment = {
@@ -29,7 +33,6 @@ export declare type Attachment = {
 export declare type Difficulties = Difficulty[];
 export declare type Difficulty = {
   id: number;
-  cirkwi_level: number;
   label: string;
   pictogram: string;
 };
@@ -43,6 +46,46 @@ export declare type Practices = Practice[];
 export declare type Practice = {
   id: number;
   name: string;
-  order: number;
+  pictogram: string;
+};
+export declare type SensitiveAreas = SensitiveArea[];
+export declare type SensitiveArea = {
+  id: number;
+  geometry: Geometry;
+  name: string;
+  description: string;
+};
+export declare type Pois = Poi[];
+export declare type Poi = {
+  id: number;
+  name: string;
+  description: string;
+  attachments: Attachments;
+  type: any;
+  type_label: any;
+  type_pictogram: any;
+  url: string;
+  published: boolean;
+  geometry: Geometry;
+};
+export declare type InformationDesks = InformationDesk[];
+export declare type InformationDesk = {
+  id: number;
+  name: string;
+  description: string;
+  type: InformationDeskType;
+  phone: string;
+  email: string;
+  website: string;
+  municipality: string;
+  postal_code: string;
+  street: string;
+  photo_url: string;
+  latitude: string;
+  longitude: string;
+};
+export declare type InformationDeskType = {
+  id: number;
+  label: string;
   pictogram: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotrekce/geotrek-rando-widget",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Geotrek Rando Widget",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -28,24 +28,22 @@
   },
   "dependencies": {
     "@stencil/core": "^2.13.0",
-    "@types/geojson": "^7946.0.8",
-    "@types/leaflet": "^1.7.11",
     "leaflet": "^1.8.0"
   },
   "devDependencies": {
     "@babel/core": "^7.18.5",
     "@stencil/sass": "^1.5.2",
     "@stencil/store": "^1.5.0",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-interactions": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
+    "@storybook/addon-controls": "^6.5.9",
+    "@storybook/addon-docs": "^6.5.9",
     "@storybook/builder-webpack4": "^6.5.9",
     "@storybook/html": "^6.5.9",
     "@storybook/manager-webpack4": "^6.5.9",
     "@storybook/storybook-deployer": "^2.8.11",
     "@storybook/testing-library": "^0.0.13",
+    "@types/geojson": "^7946.0.8",
     "@types/jest": "^27.0.3",
+    "@types/leaflet": "^1.7.11",
     "babel-loader": "^8.2.5",
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",

package/readme.md

@@ -1,3 +1,22 @@
 # Geotrek Rando Widget
 
-[Storybook](https://geotrekce.github.io/Geotrek-rando-widget/)
+Web components of _Geotrek Rando_ (http://geotrek.fr).
+You can use a complete app or each component independantly.
+
+## Usage
+
+To use the latest version, Copy-Paste this inside <head></head>
+
+```
+<link rel="stylesheet" href="https://unpkg.com/@geotrekce/geotrek-rando-widget@latest/dist/geotrek-rando-widget/geotrek-rando-widget.css" />
+<script type="module" src="https://unpkg.com/@geotrekce/geotrek-rando-widget@latest/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js"></script>
+<script nomodule src="https://unpkg.com/@geotrekce/geotrek-rando-widget@latest/dist/geotrek-rando-widget/geotrek-rando-widget.js"></script>
+```
+
+You can replace _latest_ with a specific version.
+
+## Storybook
+
+Storybook helps you to [explore Geotrek Rando Widget and create you own component](https://geotrekce.github.io/Geotrek-rando-widget/).
+
+Once you made your component, you can get the code to copy-paste by clicking on _Docs_ then _Show code_.