@bpd-library/components 1.3.2-beta.7 → 1.3.2-beta.8

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+export * from './atoms/button';
+export * from './atoms/col/col';
+export * from './atoms/container/container';
+export * from './atoms/form-elements/range-slider/range-slider';
+export * from './atoms/form-elements/utilities/range-slider';
+export * from './atoms/image';
+export * from './atoms/row/row';
+export * from './atoms/svg/svg';
+export * from './molecules/infobox';
+export * from './molecules/map';
+export * from './molecules/tooltip';

package/dist/types/molecules/infobox/index.d.ts

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

package/dist/types/molecules/infobox/infobox.d.ts

@@ -0,0 +1,7 @@
+import { MapInfobox } from '@bpd-library/types';
+interface InfoboxInterface extends MapInfobox {
+    onClose: () => void;
+    openInTab?: boolean;
+}
+export declare const Infobox: ({ title, image, tags, description, link, onClose, openInTab, }: InfoboxInterface) => any;
+export {};

package/dist/types/molecules/map/hooks/use-style-loaded.d.ts

@@ -0,0 +1,2 @@
+declare const useStyleLoaded: (map: mapboxgl.Map, cb: Function) => void;
+export default useStyleLoaded;

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

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

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

@@ -0,0 +1,2 @@
+import { FC } from '@atomify/hooks';
+export declare const Map: FC;

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

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

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

@@ -0,0 +1,60 @@
+/// <reference types="mapbox-gl" />
+import { BoundingBox, MapDataItem } from '@bpd-library/types';
+export declare type SearchResult = {
+    items: MapDataItem[];
+    result: any;
+    originalBoundingBox?: BoundingBox;
+    expandedBoundingBox?: BoundingBox;
+};
+interface MapFocusOptions {
+    zoom?: boolean;
+    toggleTooltip?: 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;
+}
+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 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 {};

package/dist/types/molecules/map/storybook/themes.d.ts

@@ -0,0 +1,3 @@
+import { MapTheme } from '@bpd-library/types';
+declare const THEME: MapTheme;
+export default THEME;

package/dist/types/molecules/map/utilities/fit-bounds.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="mapbox-gl" />
+import { BoundingBox } from '@bpd-library/types';
+export declare const fitBounds: (map: mapboxgl.Map, boundingBox: BoundingBox) => import("mapbox-gl").Map;

package/dist/types/molecules/map/utilities/mapbox/add-data.d.ts

@@ -0,0 +1,3 @@
+import { MapData, MapTheme } from '@bpd-library/types';
+declare const addData: (map: mapboxgl.Map, data: MapData, theme: MapTheme) => Promise<void>;
+export default addData;

package/dist/types/molecules/map/utilities/mapbox/center.d.ts

@@ -0,0 +1,3 @@
+import { Coordinates } from '@bpd-library/types';
+declare const center: (map: mapboxgl.Map, coordinates: Coordinates) => void;
+export default center;

package/dist/types/molecules/map/utilities/mapbox/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MAP_FLY_DURATION = 1000;
+export declare const MAP_FLY_EASING_FUNCTION: (t: number) => number;

package/dist/types/molecules/map/utilities/mapbox/index.d.ts

@@ -0,0 +1,2 @@
+import mapbox from './mapbox';
+export default mapbox;

package/dist/types/molecules/map/utilities/mapbox/mapbox.d.ts

@@ -0,0 +1,16 @@
+import { Coordinates, MapData, MapDataItem, MapOptions, MapSearchOptions, MapTheme, PolygonThemeSetting } from '@bpd-library/types';
+import { MapLayerRasterSettings } from '../../store/map';
+declare const mapbox: (map: mapboxgl.Map, options: MapOptions, theme: MapTheme) => {
+    raster: (settings: MapLayerRasterSettings) => void;
+    geojson: (setting: PolygonThemeSetting) => void;
+    layer: (setting: PolygonThemeSetting) => void;
+    interaction: (setting: PolygonThemeSetting) => void;
+    center: (coordinates: Coordinates) => void;
+    setupPointers: (element: HTMLElement) => void;
+    addData: (data: MapData) => Promise<void>;
+    addTooltip: (coordinates: Coordinates, mapDataItem: MapDataItem) => void;
+    removeTooltip: () => void;
+    setFeatureState: (variant: string, id: string, type: 'hover' | 'focus', hover: boolean) => void;
+    search: (searchOptions: MapSearchOptions) => Promise<void>;
+};
+export default mapbox;

package/dist/types/molecules/map/utilities/mapbox/parse-feature-properties.d.ts

@@ -0,0 +1,6 @@
+export declare type FeatureProperties = {
+    [key: string]: string;
+};
+export declare const parseFeatureProperties: (obj: FeatureProperties) => {
+    [key: string]: any;
+};

package/dist/types/molecules/map/utilities/mapbox/pointers/setup-pointers.d.ts

@@ -0,0 +1,3 @@
+import { MapTheme } from '@bpd-library/types';
+declare const setupPointers: (map: mapboxgl.Map, theme: MapTheme, element: HTMLElement) => void;
+export default setupPointers;

package/dist/types/molecules/map/utilities/mapbox/polygons/feature-state.d.ts

@@ -0,0 +1,2 @@
+declare const setFeatureState: (map: mapboxgl.Map, variant: string, id: string, type: 'hover' | 'focus', value: boolean) => void;
+export default setFeatureState;

package/dist/types/molecules/map/utilities/mapbox/polygons/geojson.d.ts

@@ -0,0 +1,3 @@
+import { PolygonThemeSetting } from '@bpd-library/types';
+declare const geojson: (map: mapboxgl.Map, setting: PolygonThemeSetting) => void;
+export default geojson;

package/dist/types/molecules/map/utilities/mapbox/polygons/interaction.d.ts

@@ -0,0 +1,3 @@
+import { PolygonThemeSetting } from '@bpd-library/types';
+declare const interaction: (map: mapboxgl.Map, setting: PolygonThemeSetting) => void;
+export default interaction;

package/dist/types/molecules/map/utilities/mapbox/polygons/layer.d.ts

@@ -0,0 +1,3 @@
+import { PolygonThemeSetting } from '@bpd-library/types';
+declare const layer: (map: mapboxgl.Map, { variant, normal, hover, minzoom, maxzoom }: PolygonThemeSetting) => void;
+export default layer;

package/dist/types/molecules/map/utilities/mapbox/raster.d.ts

@@ -0,0 +1,3 @@
+import { MapLayerRasterSettings } from '../../store/map';
+declare const raster: (map: mapboxgl.Map, settings: MapLayerRasterSettings) => void;
+export default raster;

package/dist/types/molecules/map/utilities/mapbox/search/alternative-city-suggestions.d.ts

@@ -0,0 +1,3 @@
+import { MapSearchSuggestion } from '@bpd-library/types';
+declare function getCityAlternativeSuggestions(searchQuery: string): MapSearchSuggestion[];
+export default getCityAlternativeSuggestions;

package/dist/types/molecules/map/utilities/mapbox/search/search.d.ts

@@ -0,0 +1,4 @@
+import { MapOptions, MapSearchOptions } from '@bpd-library/types';
+import mapboxgl from 'mapbox-gl';
+declare const search: (map: mapboxgl.Map, { hook, kmPadding, onSearchSuggestion }: MapSearchOptions, { searchCountryIsoCodes, language }: MapOptions) => Promise<void>;
+export default search;

package/dist/types/molecules/map/utilities/mapbox/tooltip.d.ts

@@ -0,0 +1,4 @@
+import { Coordinates, MapDataItem } from '@bpd-library/types';
+declare const addTooltip: (map: mapboxgl.Map, coordinates: Coordinates, mapDataItem: MapDataItem, openInTab?: boolean | undefined) => void;
+declare const removeTooltip: () => void;
+export { addTooltip, removeTooltip };

package/dist/types/molecules/tooltip/index.d.ts

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

package/dist/types/molecules/tooltip/tooltip.d.ts

@@ -0,0 +1,7 @@
+import { MapTooltip } from '@bpd-library/types';
+interface Tooltip extends MapTooltip {
+    url?: string | null;
+    openInTab?: boolean;
+}
+export declare const Tooltip: ({ title, image, tags, buttonLabel, url, openInTab }: Tooltip) => any;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bpd-library/components",
-    "version": "1.3.2-beta.7",
+    "version": "1.3.2-beta.8",
     "description": "Description",
     "license": "MIT",
     "types": "dist/index.d.ts",
@@ -46,14 +46,14 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "e2bda0a5edd0e18ff8eaf1a374f472b323600842",
+    "gitHead": "f46afabfaeedcb17ed475e4239cb7715e82c1869",
     "dependencies": {
         "@atomify/core": "2.4.1",
         "@atomify/hooks": "1.1.11",
         "@atomify/jsx": "1.7.1",
         "@atomify/kit": "1.1.11",
-        "@bpd-library/types": "^1.3.2-beta.7",
-        "@bpd-library/utilities": "^1.3.2-beta.7",
+        "@bpd-library/types": "^1.3.2-beta.8",
+        "@bpd-library/utilities": "^1.3.2-beta.8",
         "@mapbox/mapbox-gl-geocoder": "^4.7.0",
         "@mapbox/mapbox-gl-language": "^0.10.1",
         "@turf/helpers": "^6.5.0",