@bpd-library/components 1.2.5-beta.0 → 1.2.5-beta.4

package/dist/index.d.ts

@@ -8,4 +8,3 @@ export * from './atoms/row/row';
 export * from './atoms/svg/svg';
 export * from './molecules/infobox';
 export * from './molecules/map';
-export * from './molecules/tooltip';

package/dist/index.js

@@ -8,5 +8,4 @@ export * from './atoms/row/row';
 export * from './atoms/svg/svg';
 export * from './molecules/infobox';
 export * from './molecules/map';
-export * from './molecules/tooltip';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAKhC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC","sourcesContent":["/**\n * Atoms\n */\nexport * from './atoms/button';\nexport * from './atoms/col/col';\nexport * from './atoms/container/container';\nexport * from './atoms/form-elements/range-slider/range-slider';\nexport * from './atoms/form-elements/utilities/range-slider';\nexport * from './atoms/image';\nexport * from './atoms/row/row';\nexport * from './atoms/svg/svg';\n\n/**\n * Molecules\n */\nexport * from './molecules/infobox';\nexport * from './molecules/map';\nexport * from './molecules/tooltip';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAKhC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC","sourcesContent":["/**\n * Atoms\n */\nexport * from './atoms/button';\nexport * from './atoms/col/col';\nexport * from './atoms/container/container';\nexport * from './atoms/form-elements/range-slider/range-slider';\nexport * from './atoms/form-elements/utilities/range-slider';\nexport * from './atoms/image';\nexport * from './atoms/row/row';\nexport * from './atoms/svg/svg';\n\n/**\n * Molecules\n */\nexport * from './molecules/infobox';\nexport * from './molecules/map';\n"]}

package/dist/molecules/map/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-map-instance';

package/dist/molecules/map/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './use-map-instance';
+//# sourceMappingURL=index.js.map

package/dist/molecules/map/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/map/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './use-map-instance';\n"]}

package/dist/molecules/map/hooks/use-map-instance.d.ts

@@ -0,0 +1,2 @@
+declare const useMapInstance: (callback: (mapInstance: mapboxgl.Map) => void) => void;
+export { useMapInstance };

package/dist/molecules/map/hooks/use-map-instance.js

@@ -0,0 +1,15 @@
+import { getMapInstance, mapStore } from '../store';
+const useMapInstance = (callback) => {
+    const mapInstance = getMapInstance();
+    if (mapInstance) {
+        callback(mapInstance);
+    }
+    else {
+        mapStore.subscribe(({ mapInstance }) => {
+            if (mapInstance)
+                callback(mapInstance);
+        }, ['mapInstance']);
+    }
+};
+export { useMapInstance };
+//# sourceMappingURL=use-map-instance.js.map

package/dist/molecules/map/hooks/use-map-instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-map-instance.js","sourceRoot":"","sources":["../../../../src/molecules/map/hooks/use-map-instance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAUpD,MAAM,cAAc,GAAG,CAAC,QAA6C,EAAE,EAAE;IACrE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,WAAW,EAAE;QACb,QAAQ,CAAC,WAAW,CAAC,CAAC;KACzB;SAAM;QACH,QAAQ,CAAC,SAAS,CACd,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;YAChB,IAAI,WAAW;gBAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC3C,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;KACL;AACL,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import { getMapInstance, mapStore } from '../store';\n\n/**\n * @description Callback will be called as soon as mapbox is initialized and the mapInstance is added to the store.\n * @example\n * useMapInstance(mapInstance => {\n *      mapInstance.setCenter([51, 9]);\n * });\n * @param {(mapInstance: mapboxgl.Map) => void} callback\n */\nconst useMapInstance = (callback: (mapInstance: mapboxgl.Map) => void) => {\n    const mapInstance = getMapInstance();\n\n    if (mapInstance) {\n        callback(mapInstance);\n    } else {\n        mapStore.subscribe(\n            ({ mapInstance }) => {\n                if (mapInstance) callback(mapInstance);\n            },\n            ['mapInstance'],\n        );\n    }\n};\n\nexport { useMapInstance };\n"]}

package/dist/molecules/map/index.d.ts

@@ -1,2 +1,3 @@
 export * from './utilities/fit-bounds';
-export * from './store/map';
+export * from './store';
+export * from './hooks';

package/dist/molecules/map/index.js

@@ -1,3 +1,4 @@
 export * from './utilities/fit-bounds';
-export * from './store/map';
+export * from './store';
+export * from './hooks';
 //# sourceMappingURL=index.js.map

package/dist/molecules/map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/map/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC","sourcesContent":["export * from './utilities/fit-bounds';\nexport * from './store/map';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/map/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC","sourcesContent":["export * from './utilities/fit-bounds';\nexport * from './store';\nexport * from './hooks';\n"]}

package/dist/molecules/map/map.d.ts

@@ -1 +1,4 @@
-export {};
+import { Component } from '@atomify/hooks';
+export interface MapProps extends Component {
+    pointerExists: (id: string) => boolean;
+}

package/dist/molecules/map/map.js

@@ -1,16 +1,15 @@
-import { defineElement, onDidLoad, useElement, useProp } from '@atomify/hooks';
+import { defineElement, onDidLoad, useBindMethod, useElement, useProp, } from '@atomify/hooks';
 import { Fragment, h } from '@atomify/jsx';
-import { calculateMapDataBoundingBox, calculateMapDataCenter, detectTouch, expandBoundingBox, functionIsTrue, getCountryBoundingBox, } from '@bpd-library/utilities';
+import { calculateMapDataBoundingBox, calculateMapDataCenter, expandBoundingBox, functionIsTrue, getCountryBoundingBox, } from '@bpd-library/utilities';
 import MapboxLanguage from '@mapbox/mapbox-gl-language';
 import mapboxgl from 'mapbox-gl';
 import { Button } from '../../atoms/button';
 import { Infobox } from '../infobox';
-import { clearHover, mapStore, setMapInstance } from './store/map';
+import { clearHover, mapStore, setMapInstance } from './store';
 import mapbox from './utilities/mapbox';
 const DEFAULT_OPTIONS = {
     zoomButtons: true,
     mobileToggle: false,
-    tooltipMode: 'hover',
     openInTab: false,
     autoOpenUrl: true,
     language: window.__ENVIRONMENT_DETAILS__.language || 'nl',
@@ -20,18 +19,17 @@ const CONTAINER_VISIBLE = 'map--is-visible';
 const MOBILE_TOGGLE_CLASS = 'map--mobile-toggle';
 const MAP_HOVERING_CLASS = 'map--hovering';
 const POINTER_FOCUS_CLASS = 'map__pointer--focus';
-const Map = () => {
+const Map = ({ element }) => {
     let [options] = useProp('options', {});
     const [theme] = useProp('theme');
     const container = useElement('[js-hook-map-container]');
     const infoboxWrapper = useElement('[js-hook-infobox-wrapper]');
-    const element = useElement('[js-hook-map]');
     let map;
     let mapboxHelpers;
-    let focusTimeout;
+    useBindMethod('pointerExists', pointerExists);
     onDidLoad(async () => {
         if (options.mobileToggle)
-            element.current.classList.add(MOBILE_TOGGLE_CLASS);
+            element.classList.add(MOBILE_TOGGLE_CLASS);
         options = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
         map = createMapboxInstance();
         mapboxHelpers = mapbox(map, options, theme);
@@ -50,19 +48,14 @@ const Map = () => {
         mapStore.subscribe(handleClick, ['click']);
         mapStore.subscribe(handleFocus, ['focus']);
         mapStore.subscribe(handleIsochrone, ['isochroneSetting']);
+        mapStore.subscribe(handleDirections, ['directionsSetting']);
         mapStore.subscribe(({ filter, data }) => addData(filter ? filter : data), ['filter']);
         mapStore.subscribe(({ layerRasterSettings }) => layerRasterSettings && mapboxHelpers.raster(layerRasterSettings), ['layerRasterSettings']);
     }
     function handleHover({ hover }) {
         const { current, previous } = hover;
         const canvasStyle = map.getCanvas().style;
-        const { setFeatureState, addTooltip, removeTooltip } = mapboxHelpers;
-        if (options.tooltipMode === 'hover') {
-            if ((current === null || current === void 0 ? void 0 : current.tooltip) && !detectTouch.touch)
-                addTooltip(current.coordinates, current);
-            if (!current && !detectTouch.touch)
-                removeTooltip();
-        }
+        const { setFeatureState } = mapboxHelpers;
         if (hasHoverTheme()) {
             if (current)
                 setFeatureState(current.variant, current.id, 'hover', true);
@@ -74,20 +67,8 @@ const Map = () => {
     function handleClick({ click }) {
         if (!click)
             return;
-        const { addTooltip } = mapboxHelpers;
-        const { infobox, coordinates, tooltip, url } = click;
+        const { infobox } = click;
         clearHover();
-        if (options.tooltipMode === 'click' && tooltip) {
-            addTooltip(coordinates, click);
-        }
-        if (options.tooltipMode === 'hover') {
-            if (url && !detectTouch.touch && options.autoOpenUrl) {
-                window.open(url, options.openInTab ? '_blank' : '_self');
-            }
-            else if ((url && tooltip) || (detectTouch.touch && !url && tooltip)) {
-                addTooltip(coordinates, click);
-            }
-        }
         if (infobox) {
             showInfobox(infobox);
         }
@@ -97,9 +78,7 @@ const Map = () => {
     }
     function handleFocus({ focus }) {
         const { current, previous, options } = focus;
-        const { setFeatureState, center, addTooltip, removeTooltip } = mapboxHelpers;
-        if (focusTimeout)
-            clearTimeout(focusTimeout);
+        const { setFeatureState, center } = mapboxHelpers;
         if (previous) {
             previous.forEach(({ id, variant }) => {
                 if (hasHoverTheme())
@@ -109,25 +88,11 @@ const Map = () => {
         }
         if (current) {
             current.forEach((item) => {
-                const { variant, id, coordinates, tooltip } = item;
-                function handleTooltip() {
-                    const showTooltip = (options === null || options === void 0 ? void 0 : options.toggleTooltip) && tooltip;
-                    if (theme.polygon || pointerExists(id)) {
-                        if (showTooltip)
-                            addTooltip(coordinates, item);
-                        pointerFocusToggle(id, 'add');
-                    }
-                }
+                const { variant, id } = item;
                 if (theme.polygon) {
                     if (hasHoverTheme())
                         setFeatureState(variant, id, 'focus', true);
                 }
-                if (pointerExists(id)) {
-                    handleTooltip();
-                }
-                else {
-                    map.once('idle', handleTooltip);
-                }
             });
             if (options === null || options === void 0 ? void 0 : options.zoom) {
                 let bounds = calculateMapDataBoundingBox(current);
@@ -138,9 +103,6 @@ const Map = () => {
                 center([[calculateMapDataCenter(current)]]);
             }
         }
-        else {
-            removeTooltip();
-        }
     }
     function handleIsochrone({ isochroneSetting }) {
         const { removeIsochrone, addIsochrone } = mapboxHelpers;
@@ -151,11 +113,20 @@ const Map = () => {
             removeIsochrone();
         }
     }
+    function handleDirections({ directionsSetting }) {
+        const { addDirections, removeDirections } = mapboxHelpers;
+        if (directionsSetting) {
+            addDirections(directionsSetting);
+        }
+        else {
+            removeDirections();
+        }
+    }
     function pointerFocusToggle(id, action) {
         const pointer = getPointerElementById(id);
         if (pointer) {
             pointer.classList[action](POINTER_FOCUS_CLASS);
-            element.current.classList[action](MAP_HOVERING_CLASS);
+            element.classList[action](MAP_HOVERING_CLASS);
         }
     }
     function showInfobox(infobox) {
@@ -166,7 +137,7 @@ const Map = () => {
         infoboxWrapper.current.innerHTML = '';
     }
     function toggleMap() {
-        element.current.classList.toggle(CONTAINER_VISIBLE);
+        element.classList.toggle(CONTAINER_VISIBLE);
         map.resize();
     }
     function hasHoverTheme() {
@@ -226,18 +197,18 @@ const Map = () => {
             });
         }
         if (theme.pointer) {
-            setupPointers(element.current);
+            setupPointers(element);
         }
         map.resize();
     }
     function getPointerElementById(id) {
-        return element.current.querySelector(`#pointer-${id}`);
+        return element.querySelector(`#pointer-${id}`);
     }
     function pointerExists(id) {
         return !!getPointerElementById(id);
     }
     return (h(Fragment, null,
-        h("div", { class: "c-map", "js-hook-map": true },
+        h("div", { class: "c-map" },
             h("div", { className: "map__container", "js-hook-map-container": true },
                 options.zoomButtons && (h("div", { class: "map__navigation" },
                     h("button", { class: "map__button", onClick: () => map.zoomIn() },

package/dist/molecules/map/map.js.map

@@ -1 +1 @@
-{"version":3,"file":"map.js","sourceRoot":"","sources":["../../../src/molecules/map/map.tsx"],"names":[],"mappings":"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","sourcesContent":["import { defineElement, FC, onDidLoad, useElement, useProp } from '@atomify/hooks';\nimport { Fragment, h } from '@atomify/jsx';\nimport { MapInfobox, MapOptions, MapSearchOptions, MapTheme } from '@bpd-library/types';\nimport {\n    calculateMapDataBoundingBox,\n    calculateMapDataCenter,\n    detectTouch,\n    expandBoundingBox,\n    functionIsTrue,\n    getCountryBoundingBox,\n} from '@bpd-library/utilities';\nimport MapboxLanguage from '@mapbox/mapbox-gl-language';\nimport mapboxgl from 'mapbox-gl';\n\nimport { Button } from '../../atoms/button';\nimport { Infobox } from '../infobox';\nimport { clearHover, MapState, mapStore, setMapInstance } from './store/map';\nimport mapbox from './utilities/mapbox';\n\nconst DEFAULT_OPTIONS: MapOptions = {\n    zoomButtons: true,\n    mobileToggle: false,\n    tooltipMode: 'hover',\n    openInTab: false,\n    autoOpenUrl: true,\n    language: window.__ENVIRONMENT_DETAILS__.language || 'nl',\n    searchCountryIsoCodes: ['nl', 'de'],\n};\n\nconst CONTAINER_VISIBLE = 'map--is-visible';\nconst MOBILE_TOGGLE_CLASS = 'map--mobile-toggle';\nconst MAP_HOVERING_CLASS = 'map--hovering';\nconst POINTER_FOCUS_CLASS = 'map__pointer--focus';\n\nconst Map: FC = () => {\n    let [options] = useProp<MapOptions>('options', {});\n    const [theme] = useProp<MapTheme>('theme');\n    const container = useElement<HTMLDivElement>('[js-hook-map-container]');\n    const infoboxWrapper = useElement<HTMLDivElement>('[js-hook-infobox-wrapper]');\n    const element = useElement<HTMLDivElement>('[js-hook-map]');\n\n    let map: mapboxgl.Map;\n    let mapboxHelpers: ReturnType<typeof mapbox>;\n    let focusTimeout: ReturnType<typeof setTimeout> | undefined;\n\n    onDidLoad(async () => {\n        if (options.mobileToggle) element.current!.classList.add(MOBILE_TOGGLE_CLASS);\n        options = { ...DEFAULT_OPTIONS, ...options };\n\n        map = createMapboxInstance();\n        mapboxHelpers = mapbox(map, options, theme);\n        setMapInstance(map);\n\n        await setupMapbox();\n\n        subscribe();\n\n        if (options.search)\n            options.search.forEach((e: MapSearchOptions) => mapboxHelpers.search(e));\n    });\n\n    function subscribe() {\n        const { filter, data } = mapStore.getState();\n        const { addData } = mapboxHelpers;\n\n        addData(filter ? filter : data);\n\n        mapStore.subscribe(({ data }) => addData(data), ['data']);\n        mapStore.subscribe(handleHover, ['hover']);\n        mapStore.subscribe(handleClick, ['click']);\n        mapStore.subscribe(handleFocus, ['focus']);\n        mapStore.subscribe(handleIsochrone, ['isochroneSetting']);\n        mapStore.subscribe(({ filter, data }) => addData(filter ? filter : data), ['filter']);\n        mapStore.subscribe(\n            ({ layerRasterSettings }) =>\n                layerRasterSettings && mapboxHelpers.raster(layerRasterSettings),\n            ['layerRasterSettings'],\n        );\n    }\n\n    function handleHover({ hover }: MapState) {\n        const { current, previous } = hover;\n        const canvasStyle = map.getCanvas().style;\n        const { setFeatureState, addTooltip, removeTooltip } = mapboxHelpers;\n\n        /*\n            Add / Remove tooltip\n        */\n        if (options.tooltipMode === 'hover') {\n            if (current?.tooltip && !detectTouch.touch) addTooltip(current.coordinates, current);\n            if (!current && !detectTouch.touch) removeTooltip();\n        }\n\n        /*\n            Set hover state\n        */\n        if (hasHoverTheme()) {\n            if (current) setFeatureState(current.variant, current.id, 'hover', true);\n            if (previous) setFeatureState(previous.variant, previous.id, 'hover', false);\n        }\n\n        canvasStyle.cursor = current ? 'pointer' : '';\n    }\n\n    function handleClick({ click }: MapState) {\n        if (!click) return;\n\n        const { addTooltip } = mapboxHelpers;\n        const { infobox, coordinates, tooltip, url } = click;\n\n        clearHover();\n\n        if (options.tooltipMode === 'click' && tooltip) {\n            addTooltip(coordinates, click);\n        }\n\n        if (options.tooltipMode === 'hover') {\n            if (url && !detectTouch.touch && options.autoOpenUrl) {\n                window.open(url, options.openInTab ? '_blank' : '_self');\n            } else if ((url && tooltip) || (detectTouch.touch && !url && tooltip)) {\n                addTooltip(coordinates, click);\n            }\n        }\n\n        if (infobox) {\n            showInfobox(infobox);\n        } else {\n            clearInfobox();\n        }\n    }\n\n    function handleFocus({ focus }: MapState) {\n        const { current, previous, options } = focus;\n        const { setFeatureState, center, addTooltip, removeTooltip } = mapboxHelpers;\n\n        if (focusTimeout) clearTimeout(focusTimeout);\n\n        if (previous) {\n            previous.forEach(({ id, variant }) => {\n                if (hasHoverTheme()) setFeatureState(variant, id, 'focus', false);\n                pointerFocusToggle(id, 'remove');\n            });\n        }\n\n        if (current) {\n            current.forEach((item) => {\n                const { variant, id, coordinates, tooltip } = item;\n\n                function handleTooltip() {\n                    const showTooltip = options?.toggleTooltip && tooltip;\n\n                    if (theme.polygon || pointerExists(id)) {\n                        if (showTooltip) addTooltip(coordinates, item);\n\n                        pointerFocusToggle(id, 'add');\n                    }\n                }\n\n                if (theme.polygon) {\n                    if (hasHoverTheme()) setFeatureState(variant, id, 'focus', true);\n                }\n\n                if (pointerExists(id)) {\n                    handleTooltip();\n                } else {\n                    /*\n                        If a pointer doesn't exist, it means it's inside a cluster or outside of the view.\n                        When the map is idle, all newly centered pointers are drawn and the tooltip can be shown. (if not in a cluster)\n                    */\n                    map.once('idle', handleTooltip);\n                }\n            });\n\n            if (options?.zoom) {\n                let bounds = calculateMapDataBoundingBox(current);\n                bounds = expandBoundingBox(bounds, 0.05);\n\n                map.fitBounds(bounds);\n            } else if (!options?.static) {\n                center([[calculateMapDataCenter(current)]]);\n            }\n        } else {\n            removeTooltip();\n        }\n    }\n\n    function handleIsochrone({ isochroneSetting }: MapState) {\n        const { removeIsochrone, addIsochrone } = mapboxHelpers;\n\n        if (isochroneSetting) {\n            addIsochrone(isochroneSetting);\n        } else {\n            removeIsochrone();\n        }\n    }\n\n    function pointerFocusToggle(id: string, action: 'add' | 'remove') {\n        const pointer = getPointerElementById(id);\n\n        if (pointer) {\n            pointer.classList[action](POINTER_FOCUS_CLASS);\n            element.current!.classList[action](MAP_HOVERING_CLASS);\n        }\n    }\n\n    function showInfobox(infobox: MapInfobox) {\n        clearInfobox();\n        infoboxWrapper.current!.appendChild(\n            <Infobox {...infobox} onClose={clearInfobox} openInTab={options.openInTab} />,\n        );\n    }\n\n    function clearInfobox() {\n        infoboxWrapper.current!.innerHTML = '';\n    }\n\n    function toggleMap() {\n        element.current!.classList.toggle(CONTAINER_VISIBLE);\n        map.resize();\n    }\n\n    function hasHoverTheme() {\n        return theme.polygon && theme.polygon.settings[0].hover;\n    }\n\n    function createMapboxInstance() {\n        mapboxgl.accessToken = window.__ENVIRONMENT_DETAILS__.mapbox.accessToken;\n\n        const mapboxOptions: mapboxgl.MapboxOptions = {\n            container: container.current!,\n            style: `mapbox://styles/${window.__ENVIRONMENT_DETAILS__.mapbox.style}`,\n            minZoom: 4,\n            maxZoom: 30,\n            dragPan: true,\n            scrollZoom: false,\n        };\n\n        if (options.center) mapboxOptions.center = options.center;\n        if (options.zoom) mapboxOptions.zoom = options.zoom;\n        if (options.boundingBox) mapboxOptions.bounds = options.boundingBox;\n\n        if (!options.zoom && !options.center && !options.boundingBox) {\n            mapboxOptions.bounds = getCountryBoundingBox(['nl']);\n        }\n\n        return new mapboxgl.Map(mapboxOptions);\n    }\n\n    function getMapboxLanguageString(): string {\n        let language: string | undefined;\n\n        // If language could be nl-NL etc., make sure to strip first two characters\n        if (options.language) {\n            language = options.language.substr(0, 2);\n        }\n\n        // nl is not supported, use multilanguage instead\n        language = !language || language === 'nl' ? 'mul' : language;\n\n        return language;\n    }\n\n    async function setupMapbox() {\n        const { raster, geojson, layer, interaction, setupPointers } = mapboxHelpers;\n\n        await functionIsTrue(() => map.isStyleLoaded());\n\n        // Setup Mapbox Language\n        const languageControl = new MapboxLanguage({\n            defaultLanguage: getMapboxLanguageString(),\n        });\n        map.addControl(languageControl);\n\n        // Setup Layer Raster\n        // Layer raster can be set via the store and options attribute\n        const optionsLayerRaster = options.layerRaster\n            ? { layerRaster: options.layerRaster }\n            : undefined;\n        const storeLayerRaster = mapStore.getState().layerRasterSettings;\n\n        if (optionsLayerRaster) {\n            raster(optionsLayerRaster);\n        } else if (storeLayerRaster) {\n            raster(storeLayerRaster);\n        }\n\n        // Setup in case of polygons\n        if (theme.polygon) {\n            theme.polygon.settings.forEach((setting) => {\n                geojson(setting);\n                layer(setting);\n                interaction(setting);\n            });\n        }\n\n        // Setup in case of pointers\n        if (theme.pointer) {\n            setupPointers(element.current!);\n        }\n\n        map.resize();\n    }\n\n    function getPointerElementById(id: string) {\n        return element.current!.querySelector(`#pointer-${id}`);\n    }\n\n    function pointerExists(id: string) {\n        return !!getPointerElementById(id);\n    }\n\n    return (\n        <Fragment>\n            <div class=\"c-map\" js-hook-map>\n                <div className=\"map__container\" js-hook-map-container>\n                    {options.zoomButtons && (\n                        <div class=\"map__navigation\">\n                            <button class=\"map__button\" onClick={() => map.zoomIn()}>\n                                <bpd-svg name=\"icons-plus\"></bpd-svg>\n                            </button>\n                            <button class=\"map__button\" onClick={() => map.zoomOut()}>\n                                <span class=\"map__minus\"></span>\n                            </button>\n                        </div>\n                    )}\n\n                    {options.mobileToggle && (\n                        <button type=\"button\" class=\"map__close\" onClick={toggleMap}>\n                            <bpd-svg name=\"icons-close\" />\n                        </button>\n                    )}\n\n                    <div class=\"map__infobox-wrapper\" js-hook-infobox-wrapper></div>\n                </div>\n            </div>\n\n            {options.mobileToggle && (\n                <Fragment>\n                    <Button\n                        variant=\"bg\"\n                        label={options.mobileToggleLabel || 'Toon kaart'}\n                        classes=\"map__open\"\n                        onClick={toggleMap}></Button>\n                </Fragment>\n            )}\n        </Fragment>\n    );\n};\n\nMap.props = {\n    options: {\n        type: Object,\n    },\n    theme: {\n        type: Object,\n        required: true,\n    },\n    zoomButtons: {\n        type: Boolean,\n    },\n};\n\ndefineElement('bpd-map', Map);\n"]}
+{"version":3,"file":"map.js","sourceRoot":"","sources":["../../../src/molecules/map/map.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    defineElement,\n    FC,\n    onDidLoad,\n    useBindMethod,\n    useElement,\n    useProp,\n} from '@atomify/hooks';\nimport { Fragment, h } from '@atomify/jsx';\nimport { MapInfobox, MapOptions, MapSearchOptions, MapTheme } from '@bpd-library/types';\nimport {\n    calculateMapDataBoundingBox,\n    calculateMapDataCenter,\n    expandBoundingBox,\n    functionIsTrue,\n    getCountryBoundingBox,\n} from '@bpd-library/utilities';\nimport MapboxLanguage from '@mapbox/mapbox-gl-language';\nimport mapboxgl from 'mapbox-gl';\n\nimport { Button } from '../../atoms/button';\nimport { Infobox } from '../infobox';\nimport { clearHover, MapState, mapStore, setMapInstance } from './store';\nimport mapbox from './utilities/mapbox';\n\nconst DEFAULT_OPTIONS: MapOptions = {\n    zoomButtons: true,\n    mobileToggle: false,\n    openInTab: false,\n    autoOpenUrl: true,\n    language: window.__ENVIRONMENT_DETAILS__.language || 'nl',\n    searchCountryIsoCodes: ['nl', 'de'],\n};\n\nconst CONTAINER_VISIBLE = 'map--is-visible';\nconst MOBILE_TOGGLE_CLASS = 'map--mobile-toggle';\nconst MAP_HOVERING_CLASS = 'map--hovering';\nconst POINTER_FOCUS_CLASS = 'map__pointer--focus';\n\nexport interface MapProps extends Component {\n    pointerExists: (id: string) => boolean;\n}\n\nconst Map: FC<MapProps> = ({ element }) => {\n    let [options] = useProp<MapOptions>('options', {});\n    const [theme] = useProp<MapTheme>('theme');\n    const container = useElement<HTMLDivElement>('[js-hook-map-container]');\n    const infoboxWrapper = useElement<HTMLDivElement>('[js-hook-infobox-wrapper]');\n\n    let map: mapboxgl.Map;\n    let mapboxHelpers: ReturnType<typeof mapbox>;\n\n    useBindMethod('pointerExists', pointerExists);\n\n    onDidLoad(async () => {\n        if (options.mobileToggle) element.classList.add(MOBILE_TOGGLE_CLASS);\n        options = { ...DEFAULT_OPTIONS, ...options };\n\n        map = createMapboxInstance();\n        mapboxHelpers = mapbox(map, options, theme);\n        setMapInstance(map);\n\n        await setupMapbox();\n\n        subscribe();\n\n        if (options.search)\n            options.search.forEach((e: MapSearchOptions) => mapboxHelpers.search(e));\n    });\n\n    function subscribe() {\n        const { filter, data } = mapStore.getState();\n        const { addData } = mapboxHelpers;\n\n        addData(filter ? filter : data);\n\n        mapStore.subscribe(({ data }) => addData(data), ['data']);\n        mapStore.subscribe(handleHover, ['hover']);\n        mapStore.subscribe(handleClick, ['click']);\n        mapStore.subscribe(handleFocus, ['focus']);\n        mapStore.subscribe(handleIsochrone, ['isochroneSetting']);\n        mapStore.subscribe(handleDirections, ['directionsSetting']);\n        mapStore.subscribe(({ filter, data }) => addData(filter ? filter : data), ['filter']);\n        mapStore.subscribe(\n            ({ layerRasterSettings }) =>\n                layerRasterSettings && mapboxHelpers.raster(layerRasterSettings),\n            ['layerRasterSettings'],\n        );\n    }\n\n    function handleHover({ hover }: MapState) {\n        const { current, previous } = hover;\n        const canvasStyle = map.getCanvas().style;\n        const { setFeatureState } = mapboxHelpers;\n\n        /*\n            Set hover state\n        */\n        if (hasHoverTheme()) {\n            if (current) setFeatureState(current.variant, current.id, 'hover', true);\n            if (previous) setFeatureState(previous.variant, previous.id, 'hover', false);\n        }\n\n        canvasStyle.cursor = current ? 'pointer' : '';\n    }\n\n    function handleClick({ click }: MapState) {\n        if (!click) return;\n\n        const { infobox } = click;\n\n        clearHover();\n\n        if (infobox) {\n            showInfobox(infobox);\n        } else {\n            clearInfobox();\n        }\n    }\n\n    function handleFocus({ focus }: MapState) {\n        const { current, previous, options } = focus;\n        const { setFeatureState, center } = mapboxHelpers;\n\n        if (previous) {\n            previous.forEach(({ id, variant }) => {\n                if (hasHoverTheme()) setFeatureState(variant, id, 'focus', false);\n                pointerFocusToggle(id, 'remove');\n            });\n        }\n\n        if (current) {\n            current.forEach((item) => {\n                const { variant, id } = item;\n\n                if (theme.polygon) {\n                    if (hasHoverTheme()) setFeatureState(variant, id, 'focus', true);\n                }\n            });\n\n            if (options?.zoom) {\n                let bounds = calculateMapDataBoundingBox(current);\n                bounds = expandBoundingBox(bounds, 0.05);\n\n                map.fitBounds(bounds);\n            } else if (!options?.static) {\n                center([[calculateMapDataCenter(current)]]);\n            }\n        }\n    }\n\n    function handleIsochrone({ isochroneSetting }: MapState) {\n        const { removeIsochrone, addIsochrone } = mapboxHelpers;\n\n        if (isochroneSetting) {\n            addIsochrone(isochroneSetting);\n        } else {\n            removeIsochrone();\n        }\n    }\n\n    function handleDirections({ directionsSetting }: MapState) {\n        const { addDirections, removeDirections } = mapboxHelpers;\n\n        if (directionsSetting) {\n            addDirections(directionsSetting);\n        } else {\n            removeDirections();\n        }\n    }\n\n    function pointerFocusToggle(id: string, action: 'add' | 'remove') {\n        const pointer = getPointerElementById(id);\n\n        if (pointer) {\n            pointer.classList[action](POINTER_FOCUS_CLASS);\n            element.classList[action](MAP_HOVERING_CLASS);\n        }\n    }\n\n    function showInfobox(infobox: MapInfobox) {\n        clearInfobox();\n        infoboxWrapper.current!.appendChild(\n            <Infobox {...infobox} onClose={clearInfobox} openInTab={options.openInTab} />,\n        );\n    }\n\n    function clearInfobox() {\n        infoboxWrapper.current!.innerHTML = '';\n    }\n\n    function toggleMap() {\n        element.classList.toggle(CONTAINER_VISIBLE);\n        map.resize();\n    }\n\n    function hasHoverTheme() {\n        return theme.polygon && theme.polygon.settings[0].hover;\n    }\n\n    function createMapboxInstance() {\n        mapboxgl.accessToken = window.__ENVIRONMENT_DETAILS__.mapbox.accessToken;\n\n        const mapboxOptions: mapboxgl.MapboxOptions = {\n            container: container.current!,\n            style: `mapbox://styles/${window.__ENVIRONMENT_DETAILS__.mapbox.style}`,\n            minZoom: 4,\n            maxZoom: 30,\n            dragPan: true,\n            scrollZoom: false,\n        };\n\n        if (options.center) mapboxOptions.center = options.center;\n        if (options.zoom) mapboxOptions.zoom = options.zoom;\n        if (options.boundingBox) mapboxOptions.bounds = options.boundingBox;\n\n        if (!options.zoom && !options.center && !options.boundingBox) {\n            mapboxOptions.bounds = getCountryBoundingBox(['nl']);\n        }\n\n        return new mapboxgl.Map(mapboxOptions);\n    }\n\n    function getMapboxLanguageString(): string {\n        let language: string | undefined;\n\n        // If language could be nl-NL etc., make sure to strip first two characters\n        if (options.language) {\n            language = options.language.substr(0, 2);\n        }\n\n        // nl is not supported, use multilanguage instead\n        language = !language || language === 'nl' ? 'mul' : language;\n\n        return language;\n    }\n\n    async function setupMapbox() {\n        const { raster, geojson, layer, interaction, setupPointers } = mapboxHelpers;\n\n        await functionIsTrue(() => map.isStyleLoaded());\n\n        // Setup Mapbox Language\n        const languageControl = new MapboxLanguage({\n            defaultLanguage: getMapboxLanguageString(),\n        });\n        map.addControl(languageControl);\n\n        // Setup Layer Raster\n        // Layer raster can be set via the store and options attribute\n        const optionsLayerRaster = options.layerRaster\n            ? { layerRaster: options.layerRaster }\n            : undefined;\n        const storeLayerRaster = mapStore.getState().layerRasterSettings;\n\n        if (optionsLayerRaster) {\n            raster(optionsLayerRaster);\n        } else if (storeLayerRaster) {\n            raster(storeLayerRaster);\n        }\n\n        // Setup in case of polygons\n        if (theme.polygon) {\n            theme.polygon.settings.forEach((setting) => {\n                geojson(setting);\n                layer(setting);\n                interaction(setting);\n            });\n        }\n\n        // Setup in case of pointers\n        if (theme.pointer) {\n            setupPointers(element);\n        }\n\n        map.resize();\n    }\n\n    function getPointerElementById(id: string) {\n        return element.querySelector(`#pointer-${id}`);\n    }\n\n    function pointerExists(id: string) {\n        return !!getPointerElementById(id);\n    }\n\n    return (\n        <Fragment>\n            <div class=\"c-map\">\n                <div className=\"map__container\" js-hook-map-container>\n                    {options.zoomButtons && (\n                        <div class=\"map__navigation\">\n                            <button class=\"map__button\" onClick={() => map.zoomIn()}>\n                                <bpd-svg name=\"icons-plus\"></bpd-svg>\n                            </button>\n                            <button class=\"map__button\" onClick={() => map.zoomOut()}>\n                                <span class=\"map__minus\"></span>\n                            </button>\n                        </div>\n                    )}\n\n                    {options.mobileToggle && (\n                        <button type=\"button\" class=\"map__close\" onClick={toggleMap}>\n                            <bpd-svg name=\"icons-close\" />\n                        </button>\n                    )}\n\n                    <div class=\"map__infobox-wrapper\" js-hook-infobox-wrapper></div>\n                </div>\n            </div>\n\n            {options.mobileToggle && (\n                <Fragment>\n                    <Button\n                        variant=\"bg\"\n                        label={options.mobileToggleLabel || 'Toon kaart'}\n                        classes=\"map__open\"\n                        onClick={toggleMap}></Button>\n                </Fragment>\n            )}\n        </Fragment>\n    );\n};\n\nMap.props = {\n    options: {\n        type: Object,\n    },\n    theme: {\n        type: Object,\n        required: true,\n    },\n    zoomButtons: {\n        type: Boolean,\n    },\n};\n\ndefineElement('bpd-map', Map);\n"]}

package/dist/molecules/map/store/index.d.ts

@@ -0,0 +1 @@
+export * from './store';

package/dist/molecules/map/store/index.js

@@ -0,0 +1,2 @@
+export * from './store';
+//# sourceMappingURL=index.js.map

package/dist/molecules/map/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/map/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './store';\n"]}

package/dist/molecules/map/store/map/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-map-instance';

package/dist/molecules/map/store/map/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './use-map-instance';
+//# sourceMappingURL=index.js.map

package/dist/molecules/map/store/map/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/store/map/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './use-map-instance';\n"]}

package/dist/molecules/map/store/map/hooks/use-map-instance.d.ts

@@ -0,0 +1,2 @@
+declare const useMapInstance: (callback: (mapInstance: mapboxgl.Map) => void) => void;
+export { useMapInstance };

package/dist/molecules/map/store/map/hooks/use-map-instance.js

@@ -0,0 +1,15 @@
+import { getMapInstance, mapStore } from '../store';
+const useMapInstance = (callback) => {
+    const mapInstance = getMapInstance();
+    if (mapInstance) {
+        callback(mapInstance);
+    }
+    else {
+        mapStore.subscribe(({ mapInstance }) => {
+            if (mapInstance)
+                callback(mapInstance);
+        }, ['mapInstance']);
+    }
+};
+export { useMapInstance };
+//# sourceMappingURL=use-map-instance.js.map

package/dist/molecules/map/store/map/hooks/use-map-instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-map-instance.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/store/map/hooks/use-map-instance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAYpD,MAAM,cAAc,GAAG,CAAC,QAA6C,EAAE,EAAE;IACrE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,WAAW,EAAE;QACb,QAAQ,CAAC,WAAW,CAAC,CAAC;KACzB;SAAM;QACH,QAAQ,CAAC,SAAS,CACd,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;YAChB,IAAI,WAAW;gBAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC3C,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;KACL;AACL,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import { getMapInstance, mapStore } from '../store';\n\n/**\n * @description Callback will be called as soon as mapbox is initialized and the mapInstance is added to the store.\n * @example\n * ```\n * useMapInstance(mapInstance => {\n *      mapInstance.setCenter([51, 9]);\n * });\n * ```\n * @param {(mapInstance: mapboxgl.Map) => void} callback\n */\nconst useMapInstance = (callback: (mapInstance: mapboxgl.Map) => void) => {\n    const mapInstance = getMapInstance();\n\n    if (mapInstance) {\n        callback(mapInstance);\n    } else {\n        mapStore.subscribe(\n            ({ mapInstance }) => {\n                if (mapInstance) callback(mapInstance);\n            },\n            ['mapInstance'],\n        );\n    }\n};\n\nexport { useMapInstance };\n"]}

package/dist/molecules/map/store/map/store.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="mapbox-gl" />
-import { BoundingBox, MapDataItem, MapIsochroneSetting } from '@bpd-library/types';
+import { BoundingBox, MapDataItem, MapDirectionsSetting, MapIsochroneSetting } from '@bpd-library/types';
 export declare type SearchResult = {
     items: MapDataItem[];
     result: any;
@@ -35,6 +35,7 @@ export interface MapState {
     manualSearch?: string;
     layerRasterSettings?: MapLayerRasterSettings;
     isochroneSetting?: MapIsochroneSetting;
+    directionsSetting?: MapDirectionsSetting;
 }
 export declare const mapStore: import("@atomify/kit/dist/utilities/store/store.types").Store<MapState>;
 export declare const updateMapData: (data: MapDataItem[]) => void;
@@ -53,6 +54,8 @@ export declare const updateSearchIsMoving: (isMoving: boolean) => void;
 export declare const setLayerRaster: (layerRasterSettings: MapLayerRasterSettings) => void;
 export declare const setIsochrone: (isochroneSetting: MapIsochroneSetting) => void;
 export declare const clearIsochrone: () => void;
+export declare const setDirections: (directionsSetting: MapDirectionsSetting) => void;
+export declare const clearDirections: () => void;
 export declare const getMapboxData: () => MapDataItem[];
 export declare const getHover: () => {
     current?: MapDataItem | undefined;

package/dist/molecules/map/store/map/store.js

@@ -21,6 +21,8 @@ const SET_LAYER_RASTER = 'SET_LAYER_RASTER';
 const MANUAL_SEARCH = 'manualSearch';
 const SET_ISOCHRONE = 'setIsochrone';
 const CLEAR_ISOCHRONE = 'clearIsochrone';
+const SET_DIRECTIONS = 'setDirections';
+const CLEAR_DIRECTIONS = 'clearDirections';
 const actions = {
     [UPDATE_MAP_DATA]: (state, data) => {
         state.data = data;
@@ -103,6 +105,14 @@ const actions = {
         state.isochroneSetting = undefined;
         return state;
     },
+    [SET_DIRECTIONS]: (state, directionsSetting) => {
+        state.directionsSetting = directionsSetting;
+        return state;
+    },
+    [CLEAR_DIRECTIONS]: (state) => {
+        state.directionsSetting = undefined;
+        return state;
+    },
 };
 export const mapStore = createStore({
     initialState,
@@ -156,6 +166,12 @@ export const setIsochrone = (isochroneSetting) => {
 export const clearIsochrone = () => {
     mapStore.dispatch(CLEAR_ISOCHRONE);
 };
+export const setDirections = (directionsSetting) => {
+    mapStore.dispatch(SET_DIRECTIONS, directionsSetting);
+};
+export const clearDirections = () => {
+    mapStore.dispatch(CLEAR_DIRECTIONS);
+};
 export const getMapboxData = () => mapStore.getState().data;
 export const getHover = () => mapStore.getState().hover;
 export const getMapInstance = () => mapStore.getState().mapInstance;

package/dist/molecules/map/store/map/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../../../src/molecules/map/store/map/store.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore } from '@atomify/kit';\nimport { BoundingBox, MapDataItem, MapIsochroneSetting } from '@bpd-library/types';\n\nexport type SearchResult = {\n    items: MapDataItem[];\n    result: any;\n    originalBoundingBox?: BoundingBox;\n    expandedBoundingBox?: BoundingBox;\n};\n\ninterface MapFocusOptions {\n    zoom?: boolean;\n    toggleTooltip?: boolean;\n    static?: boolean;\n}\n\nexport interface MapLayerRasterSettings {\n    layerRaster: string;\n    minzoom?: number;\n    maxzoom?: number;\n}\n\nexport interface MapState {\n    data: MapDataItem[];\n    mapInstance?: mapboxgl.Map;\n    hover: {\n        current?: MapDataItem;\n        previous?: MapDataItem;\n    };\n    filter?: MapDataItem[];\n    click?: MapDataItem;\n    focus: {\n        current?: MapDataItem[];\n        previous?: MapDataItem[];\n        options?: MapFocusOptions;\n    };\n    searchResult?: SearchResult;\n    searchIsMoving: boolean;\n    manualSearch?: string;\n    layerRasterSettings?: MapLayerRasterSettings;\n    isochroneSetting?: MapIsochroneSetting;\n}\n\nconst initialState: MapState = {\n    data: [],\n    hover: {},\n    focus: {},\n    searchIsMoving: false,\n};\n\nconst UPDATE_MAP_DATA = 'updateMapData';\nconst UPDATE_HOVER = 'updateHover';\nconst CLEAR_HOVER = 'clearHover';\nconst UPDATE_CLICK = 'updateClick';\nconst SET_FOCUS = 'setFocus';\nconst CLEAR_FOCUS = 'clearFocus';\nconst UPDATE_SEARCH_RESULT = 'updateSearchResult';\nconst CLEAR_SEARCH_RESULT = 'clearSearchResult';\nconst UPDATE_SEARCH_IS_MOVING = 'updateSearchIsMoving';\nconst SET_FILTER = 'setFilter';\nconst CLEAR_FILTER = 'clearFilter';\nconst SET_MAP_INSTANCE = 'setMapInstance';\nconst SET_LAYER_RASTER = 'SET_LAYER_RASTER';\nconst MANUAL_SEARCH = 'manualSearch';\nconst SET_ISOCHRONE = 'setIsochrone';\nconst CLEAR_ISOCHRONE = 'clearIsochrone';\n\nconst actions = {\n    [UPDATE_MAP_DATA]: (state: MapState, data: MapDataItem[]) => {\n        state.data = data;\n        return state;\n    },\n    [UPDATE_HOVER]: (state: MapState, hover: MapDataItem) => {\n        state.hover = {\n            current: hover,\n            previous: state.hover.current,\n        };\n\n        return state;\n    },\n    [CLEAR_HOVER]: (state: MapState) => {\n        state.hover = {\n            current: undefined,\n            previous: state.hover.current,\n        };\n\n        return state;\n    },\n    [UPDATE_CLICK]: (state: MapState, click: MapDataItem) => {\n        state.click = { ...click };\n        return state;\n    },\n    [SET_FOCUS]: (\n        state: MapState,\n        { ids, options }: { ids: string[]; options: MapFocusOptions },\n    ) => {\n        const dataItems = state.data.filter(({ id }) => ids.indexOf(id) > -1);\n\n        if (dataItems.length) {\n            state.focus = {\n                current: dataItems,\n                previous: state.focus?.current,\n                options,\n            };\n        }\n\n        return state;\n    },\n    [CLEAR_FOCUS]: (state: MapState) => {\n        state.focus = {\n            current: undefined,\n            previous: state.focus.current,\n        };\n\n        return state;\n    },\n    [UPDATE_SEARCH_RESULT]: (state: MapState, searchResult: SearchResult) => {\n        state.searchResult = searchResult;\n        return state;\n    },\n    [CLEAR_SEARCH_RESULT]: (state: MapState) => {\n        state.searchResult = undefined;\n        return state;\n    },\n    [SET_FILTER]: (state: MapState, data: MapDataItem[]) => {\n        state.filter = data;\n        return state;\n    },\n    [CLEAR_FILTER]: (state: MapState) => {\n        state.filter = undefined;\n        return state;\n    },\n    [SET_MAP_INSTANCE]: (state: MapState, mapInstance: mapboxgl.Map) => {\n        state.mapInstance = mapInstance;\n        return state;\n    },\n    [MANUAL_SEARCH]: (state: MapState, query: string) => {\n        state.manualSearch = query;\n        return state;\n    },\n    [UPDATE_SEARCH_IS_MOVING]: (state: MapState, searchIsMoving: boolean) => {\n        state.searchIsMoving = searchIsMoving;\n        return state;\n    },\n    [SET_LAYER_RASTER]: (state: MapState, layerRasterSettings: MapLayerRasterSettings) => {\n        state.layerRasterSettings = layerRasterSettings;\n        return state;\n    },\n    [SET_ISOCHRONE]: (state: MapState, isochroneSetting: MapIsochroneSetting) => {\n        state.isochroneSetting = isochroneSetting;\n        return state;\n    },\n    [CLEAR_ISOCHRONE]: (state: MapState) => {\n        state.isochroneSetting = undefined;\n        return state;\n    },\n};\n\nexport const mapStore = createStore<MapState>({\n    initialState,\n    actions: actions as any,\n});\n\n/*\n    Setters\n*/\nexport const updateMapData = (data: MapDataItem[]) => {\n    mapStore.dispatch(UPDATE_MAP_DATA, data);\n};\n\nexport const clearHover = () => {\n    mapStore.dispatch(CLEAR_HOVER);\n};\n\nexport const updateHover = (hover: MapDataItem) => {\n    mapStore.dispatch(UPDATE_HOVER, hover);\n};\n\nexport const updateClick = (click: MapDataItem) => {\n    mapStore.dispatch(UPDATE_CLICK, click);\n};\n\nexport const setFocus = (ids: string[], options: MapFocusOptions = {}) => {\n    mapStore.dispatch(SET_FOCUS, { ids, options });\n};\n\nexport const clearFocus = () => {\n    mapStore.dispatch(CLEAR_FOCUS);\n};\n\nexport const updateSearchResult = (searchResult: SearchResult) => {\n    mapStore.dispatch(UPDATE_SEARCH_RESULT, searchResult);\n};\n\nexport const clearSearchResult = () => {\n    mapStore.dispatch(CLEAR_SEARCH_RESULT);\n};\n\nexport const setFilter = (data: MapDataItem[]) => {\n    mapStore.dispatch(SET_FILTER, data);\n};\n\nexport const clearFilter = () => {\n    mapStore.dispatch(CLEAR_FILTER);\n};\n\nexport const setMapInstance = (mapInstance: mapboxgl.Map) => {\n    mapStore.dispatch(SET_MAP_INSTANCE, mapInstance);\n};\n\nexport const manualSearch = (query: string) => {\n    mapStore.dispatch(MANUAL_SEARCH, query);\n};\n\nexport const updateSearchIsMoving = (isMoving: boolean) => {\n    mapStore.dispatch(UPDATE_SEARCH_IS_MOVING, isMoving);\n};\n\nexport const setLayerRaster = (layerRasterSettings: MapLayerRasterSettings) => {\n    mapStore.dispatch(SET_LAYER_RASTER, layerRasterSettings);\n};\n\nexport const setIsochrone = (isochroneSetting: MapIsochroneSetting) => {\n    mapStore.dispatch(SET_ISOCHRONE, isochroneSetting);\n};\n\nexport const clearIsochrone = () => {\n    mapStore.dispatch(CLEAR_ISOCHRONE);\n};\n\n/*\n    Getters\n*/\nexport const getMapboxData = () => mapStore.getState().data;\nexport const getHover = () => mapStore.getState().hover;\nexport const getMapInstance = () => mapStore.getState().mapInstance;\nexport const getSearchIsMoving = () => mapStore.getState().searchIsMoving;\n"]}
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../../../src/molecules/map/store/map/store.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore } from '@atomify/kit';\nimport {\n    BoundingBox,\n    MapDataItem,\n    MapDirectionsSetting,\n    MapIsochroneSetting,\n} from '@bpd-library/types';\n\nexport type SearchResult = {\n    items: MapDataItem[];\n    result: any;\n    originalBoundingBox?: BoundingBox;\n    expandedBoundingBox?: BoundingBox;\n};\n\ninterface MapFocusOptions {\n    zoom?: boolean;\n    toggleTooltip?: boolean;\n    static?: boolean;\n}\n\nexport interface MapLayerRasterSettings {\n    layerRaster: string;\n    minzoom?: number;\n    maxzoom?: number;\n}\n\nexport interface MapState {\n    data: MapDataItem[];\n    mapInstance?: mapboxgl.Map;\n    hover: {\n        current?: MapDataItem;\n        previous?: MapDataItem;\n    };\n    filter?: MapDataItem[];\n    click?: MapDataItem;\n    focus: {\n        current?: MapDataItem[];\n        previous?: MapDataItem[];\n        options?: MapFocusOptions;\n    };\n    searchResult?: SearchResult;\n    searchIsMoving: boolean;\n    manualSearch?: string;\n    layerRasterSettings?: MapLayerRasterSettings;\n    isochroneSetting?: MapIsochroneSetting;\n    directionsSetting?: MapDirectionsSetting;\n}\n\nconst initialState: MapState = {\n    data: [],\n    hover: {},\n    focus: {},\n    searchIsMoving: false,\n};\n\nconst UPDATE_MAP_DATA = 'updateMapData';\nconst UPDATE_HOVER = 'updateHover';\nconst CLEAR_HOVER = 'clearHover';\nconst UPDATE_CLICK = 'updateClick';\nconst SET_FOCUS = 'setFocus';\nconst CLEAR_FOCUS = 'clearFocus';\nconst UPDATE_SEARCH_RESULT = 'updateSearchResult';\nconst CLEAR_SEARCH_RESULT = 'clearSearchResult';\nconst UPDATE_SEARCH_IS_MOVING = 'updateSearchIsMoving';\nconst SET_FILTER = 'setFilter';\nconst CLEAR_FILTER = 'clearFilter';\nconst SET_MAP_INSTANCE = 'setMapInstance';\nconst SET_LAYER_RASTER = 'SET_LAYER_RASTER';\nconst MANUAL_SEARCH = 'manualSearch';\nconst SET_ISOCHRONE = 'setIsochrone';\nconst CLEAR_ISOCHRONE = 'clearIsochrone';\nconst SET_DIRECTIONS = 'setDirections';\nconst CLEAR_DIRECTIONS = 'clearDirections';\n\nconst actions = {\n    [UPDATE_MAP_DATA]: (state: MapState, data: MapDataItem[]) => {\n        state.data = data;\n        return state;\n    },\n    [UPDATE_HOVER]: (state: MapState, hover: MapDataItem) => {\n        state.hover = {\n            current: hover,\n            previous: state.hover.current,\n        };\n\n        return state;\n    },\n    [CLEAR_HOVER]: (state: MapState) => {\n        state.hover = {\n            current: undefined,\n            previous: state.hover.current,\n        };\n\n        return state;\n    },\n    [UPDATE_CLICK]: (state: MapState, click: MapDataItem) => {\n        state.click = { ...click };\n        return state;\n    },\n    [SET_FOCUS]: (\n        state: MapState,\n        { ids, options }: { ids: string[]; options: MapFocusOptions },\n    ) => {\n        const dataItems = state.data.filter(({ id }) => ids.indexOf(id) > -1);\n\n        if (dataItems.length) {\n            state.focus = {\n                current: dataItems,\n                previous: state.focus?.current,\n                options,\n            };\n        }\n\n        return state;\n    },\n    [CLEAR_FOCUS]: (state: MapState) => {\n        state.focus = {\n            current: undefined,\n            previous: state.focus.current,\n        };\n\n        return state;\n    },\n    [UPDATE_SEARCH_RESULT]: (state: MapState, searchResult: SearchResult) => {\n        state.searchResult = searchResult;\n        return state;\n    },\n    [CLEAR_SEARCH_RESULT]: (state: MapState) => {\n        state.searchResult = undefined;\n        return state;\n    },\n    [SET_FILTER]: (state: MapState, data: MapDataItem[]) => {\n        state.filter = data;\n        return state;\n    },\n    [CLEAR_FILTER]: (state: MapState) => {\n        state.filter = undefined;\n        return state;\n    },\n    [SET_MAP_INSTANCE]: (state: MapState, mapInstance: mapboxgl.Map) => {\n        state.mapInstance = mapInstance;\n        return state;\n    },\n    [MANUAL_SEARCH]: (state: MapState, query: string) => {\n        state.manualSearch = query;\n        return state;\n    },\n    [UPDATE_SEARCH_IS_MOVING]: (state: MapState, searchIsMoving: boolean) => {\n        state.searchIsMoving = searchIsMoving;\n        return state;\n    },\n    [SET_LAYER_RASTER]: (state: MapState, layerRasterSettings: MapLayerRasterSettings) => {\n        state.layerRasterSettings = layerRasterSettings;\n        return state;\n    },\n    [SET_ISOCHRONE]: (state: MapState, isochroneSetting: MapIsochroneSetting) => {\n        state.isochroneSetting = isochroneSetting;\n        return state;\n    },\n    [CLEAR_ISOCHRONE]: (state: MapState) => {\n        state.isochroneSetting = undefined;\n        return state;\n    },\n    [SET_DIRECTIONS]: (state: MapState, directionsSetting: MapDirectionsSetting) => {\n        state.directionsSetting = directionsSetting;\n        return state;\n    },\n    [CLEAR_DIRECTIONS]: (state: MapState) => {\n        state.directionsSetting = undefined;\n        return state;\n    },\n};\n\nexport const mapStore = createStore<MapState>({\n    initialState,\n    actions: actions as any,\n});\n\n/*\n    Setters\n*/\nexport const updateMapData = (data: MapDataItem[]) => {\n    mapStore.dispatch(UPDATE_MAP_DATA, data);\n};\n\nexport const clearHover = () => {\n    mapStore.dispatch(CLEAR_HOVER);\n};\n\nexport const updateHover = (hover: MapDataItem) => {\n    mapStore.dispatch(UPDATE_HOVER, hover);\n};\n\nexport const updateClick = (click: MapDataItem) => {\n    mapStore.dispatch(UPDATE_CLICK, click);\n};\n\nexport const setFocus = (ids: string[], options: MapFocusOptions = {}) => {\n    mapStore.dispatch(SET_FOCUS, { ids, options });\n};\n\nexport const clearFocus = () => {\n    mapStore.dispatch(CLEAR_FOCUS);\n};\n\nexport const updateSearchResult = (searchResult: SearchResult) => {\n    mapStore.dispatch(UPDATE_SEARCH_RESULT, searchResult);\n};\n\nexport const clearSearchResult = () => {\n    mapStore.dispatch(CLEAR_SEARCH_RESULT);\n};\n\nexport const setFilter = (data: MapDataItem[]) => {\n    mapStore.dispatch(SET_FILTER, data);\n};\n\nexport const clearFilter = () => {\n    mapStore.dispatch(CLEAR_FILTER);\n};\n\nexport const setMapInstance = (mapInstance: mapboxgl.Map) => {\n    mapStore.dispatch(SET_MAP_INSTANCE, mapInstance);\n};\n\nexport const manualSearch = (query: string) => {\n    mapStore.dispatch(MANUAL_SEARCH, query);\n};\n\nexport const updateSearchIsMoving = (isMoving: boolean) => {\n    mapStore.dispatch(UPDATE_SEARCH_IS_MOVING, isMoving);\n};\n\nexport const setLayerRaster = (layerRasterSettings: MapLayerRasterSettings) => {\n    mapStore.dispatch(SET_LAYER_RASTER, layerRasterSettings);\n};\n\nexport const setIsochrone = (isochroneSetting: MapIsochroneSetting) => {\n    mapStore.dispatch(SET_ISOCHRONE, isochroneSetting);\n};\n\nexport const clearIsochrone = () => {\n    mapStore.dispatch(CLEAR_ISOCHRONE);\n};\n\nexport const setDirections = (directionsSetting: MapDirectionsSetting) => {\n    mapStore.dispatch(SET_DIRECTIONS, directionsSetting);\n};\n\nexport const clearDirections = () => {\n    mapStore.dispatch(CLEAR_DIRECTIONS);\n};\n\n/*\n    Getters\n*/\nexport const getMapboxData = () => mapStore.getState().data;\nexport const getHover = () => mapStore.getState().hover;\nexport const getMapInstance = () => mapStore.getState().mapInstance;\nexport const getSearchIsMoving = () => mapStore.getState().searchIsMoving;\n"]}

package/dist/molecules/map/store/store.d.ts

@@ -0,0 +1,65 @@
+/// <reference types="mapbox-gl" />
+import { BoundingBox, MapDataItem, MapDirectionsSetting, MapIsochroneSetting } from '@bpd-library/types';
+export declare type SearchResult = {
+    items: MapDataItem[];
+    result: any;
+    originalBoundingBox?: BoundingBox;
+    expandedBoundingBox?: BoundingBox;
+};
+interface MapFocusOptions {
+    zoom?: boolean;
+    static?: boolean;
+}
+export interface MapLayerRasterSettings {
+    layerRaster: string;
+    minzoom?: number;
+    maxzoom?: number;
+}
+export interface MapState {
+    data: MapDataItem[];
+    mapInstance?: mapboxgl.Map;
+    hover: {
+        current?: MapDataItem;
+        previous?: MapDataItem;
+    };
+    filter?: MapDataItem[];
+    click?: MapDataItem;
+    focus: {
+        current?: MapDataItem[];
+        previous?: MapDataItem[];
+        options?: MapFocusOptions;
+    };
+    searchResult?: SearchResult;
+    searchIsMoving: boolean;
+    manualSearch?: string;
+    layerRasterSettings?: MapLayerRasterSettings;
+    isochroneSetting?: MapIsochroneSetting;
+    directionsSetting?: MapDirectionsSetting;
+}
+export declare const mapStore: import("@atomify/kit/dist/utilities/store/store.types").Store<MapState>;
+export declare const updateMapData: (data: MapDataItem[]) => void;
+export declare const clearHover: () => void;
+export declare const updateHover: (hover: MapDataItem) => void;
+export declare const updateClick: (click: MapDataItem) => void;
+export declare const setFocus: (ids: string[], options?: MapFocusOptions) => void;
+export declare const clearFocus: () => void;
+export declare const updateSearchResult: (searchResult: SearchResult) => void;
+export declare const clearSearchResult: () => void;
+export declare const setFilter: (data: MapDataItem[]) => void;
+export declare const clearFilter: () => void;
+export declare const setMapInstance: (mapInstance: mapboxgl.Map) => void;
+export declare const manualSearch: (query: string) => void;
+export declare const updateSearchIsMoving: (isMoving: boolean) => void;
+export declare const setLayerRaster: (layerRasterSettings: MapLayerRasterSettings) => void;
+export declare const setIsochrone: (isochroneSetting: MapIsochroneSetting) => void;
+export declare const clearIsochrone: () => void;
+export declare const setDirections: (directionsSetting: MapDirectionsSetting) => void;
+export declare const clearDirections: () => void;
+export declare const getMapboxData: () => MapDataItem[];
+export declare const getHover: () => {
+    current?: MapDataItem | undefined;
+    previous?: MapDataItem | undefined;
+};
+export declare const getMapInstance: () => import("mapbox-gl").Map | undefined;
+export declare const getSearchIsMoving: () => boolean;
+export {};