@bookjane2/bookjane-design-library 7.3.55 → 8.0.0

package/lib/components/BKJImage/BKJImage.types.d.ts

@@ -0,0 +1,11 @@
+import { ElementType } from 'react';
+export interface IBKJImageProps {
+    width: string;
+    height: string;
+    alt: string;
+    src?: string;
+    LoadingComponent: ElementType;
+    FallbackComponent: ElementType;
+    variant: 'Round' | 'Rectangle';
+}
+//# sourceMappingURL=BKJImage.types.d.ts.map

package/lib/components/BKJImage/BKJImage.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJImage.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJImage/BKJImage.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,WAAW,CAAC;IAC9B,iBAAiB,EAAE,WAAW,CAAC;IAC/B,OAAO,EAAE,OAAO,GAAG,WAAW,CAAC;CAChC"}

package/lib/components/BKJImage/BKJImage.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJImage.types.js.map

package/lib/components/BKJImage/BKJImage.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJImage.types.js","sourceRoot":"","sources":["../../../src/components/BKJImage/BKJImage.types.ts"],"names":[],"mappings":""}

package/lib/components/BKJImage/index.d.ts

@@ -0,0 +1,2 @@
+export { BKJImage } from './BKJImage.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/BKJImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/BKJImage/index.js

@@ -0,0 +1,2 @@
+export { BKJImage } from './BKJImage.js';
+//# sourceMappingURL=index.js.map

package/lib/components/BKJImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.context.d.ts

@@ -0,0 +1,5 @@
+import { IBKJInteractiveMapContext, IBKJInteractiveMapProps } from '../BKJInteractiveMap/BKJInteractiveMap.types.js';
+import { PropsWithChildren } from 'react';
+export declare const BKJInteractiveMapProvider: <TName extends string, TData, TAccumulator>({ setMapInstance, children, apiKey, points, pinComponent, name, clusterComponent, defaultCenter, defaultZoom, onChange: onBoundsChange, clusterRadius, maxZoom, isLoading: __isLoading__, minZoom, clusterMapper, clusterReduce, }: PropsWithChildren<IBKJInteractiveMapProps<TName, TData, TAccumulator>>) => JSX.Element;
+export declare const useBKJInteractiveMapContext: <TInputName extends string, TData, TAccumulator>() => IBKJInteractiveMapContext<TInputName, TData, TAccumulator>;
+//# sourceMappingURL=BKJInteractiveMap.context.d.ts.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJInteractiveMap.context.d.ts","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/BKJInteractiveMap.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EAGzB,uBAAuB,EACxB,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAEL,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AA6Bf,eAAO,MAAM,yBAAyB,GAAI,KAAK,SAAS,MAAM,EAAE,KAAK,EAAE,YAAY,sOAiBhF,iBAAiB,CAAC,uBAAuB,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,gBA0HxE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,UAAU,SAAS,MAAM,EAAE,KAAK,EAAE,YAAY,iEACQ,CAAC"}

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.context.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useReducer, useRef, useState, } from 'react';
+import useSupercluster from 'use-supercluster';
+const BKJInteractiveMapContext = createContext(null);
+const getInitialState = (zoom) => ({
+    bounds: null,
+    zoom,
+});
+const reducer = (state, action) => {
+    const { type, payload } = action;
+    switch (type) {
+        case 'MapChangeEvent':
+            return {
+                ...state,
+                bounds: payload.bounds,
+                zoom: payload.zoom,
+            };
+        default:
+            return state;
+    }
+};
+export const BKJInteractiveMapProvider = ({ setMapInstance, children, apiKey, points, pinComponent, name, clusterComponent, defaultCenter, defaultZoom = 17, onChange: onBoundsChange, clusterRadius = 75, maxZoom = 21, isLoading: __isLoading__ = false, minZoom = 10, clusterMapper, clusterReduce, }) => {
+    const gMapInstanceRef = useRef(null);
+    const gMapsApiRef = useRef(null);
+    const [{ zoom, bounds }, dispatch] = useReducer(reducer, getInitialState(defaultZoom));
+    const { clusters, supercluster } = useSupercluster({
+        points,
+        bounds,
+        zoom,
+        options: {
+            radius: clusterRadius,
+            maxZoom,
+            minZoom,
+            map: clusterMapper,
+            reduce: clusterReduce,
+        },
+    });
+    const [isLoading, setLoading] = useState(true);
+    const handleMapChange = useCallback((event) => {
+        const { zoom, bounds: { nw: { lng: northWestLongitude, lat: northWestLatitude }, ne: { lng: northEastLongitude, lat: northEastLatitude }, sw: { lng: southWestLongitude, lat: southWestLatitude }, se: { lng: southEastLongitude, lat: southEastLatitude }, }, } = event;
+        const __normalizedEvent__ = {
+            target: {
+                name,
+                value: {
+                    northWest: { latitude: northWestLatitude, longitude: northWestLongitude },
+                    northEast: { latitude: northEastLatitude, longitude: northEastLongitude },
+                    southWest: { latitude: southWestLatitude, longitude: southWestLongitude },
+                    southEast: { latitude: southEastLatitude, longitude: southEastLongitude },
+                },
+            },
+        };
+        if (onBoundsChange)
+            onBoundsChange(__normalizedEvent__);
+        dispatch({
+            type: 'MapChangeEvent',
+            payload: {
+                zoom: zoom,
+                bounds: [northWestLongitude, southEastLatitude, southEastLongitude, northWestLatitude],
+            },
+        });
+    }, [name, onBoundsChange]);
+    const handleGoogleApiLoaded = useCallback(({ map, maps }) => {
+        if (!gMapInstanceRef.current) {
+            gMapInstanceRef.current = map;
+            if (setMapInstance)
+                setMapInstance(map);
+        }
+        else if (!gMapsApiRef.current) {
+            gMapsApiRef.current = maps;
+        }
+        setLoading(false);
+    }, [setMapInstance]);
+    const onDrag = useCallback(() => {
+        setLoading(true);
+    }, []);
+    const onDragEnd = useCallback(() => {
+        setLoading(false);
+    }, []);
+    return (_jsx(BKJInteractiveMapContext.Provider, { value: {
+            maxZoom,
+            minZoom,
+            gMapInstance: gMapInstanceRef.current,
+            gMapsApi: gMapsApiRef.current,
+            bounds,
+            clusters,
+            supercluster: supercluster,
+            zoom,
+            onMapChange: handleMapChange,
+            onGoogleApiLoaded: handleGoogleApiLoaded,
+            onDrag,
+            apiKey,
+            pinComponent,
+            isLoading: isLoading || __isLoading__,
+            clusterComponent,
+            onDragEnd,
+            defaultCenter,
+            defaultZoom,
+        }, children: children }));
+};
+export const useBKJInteractiveMapContext = () => useContext(BKJInteractiveMapContext);
+//# sourceMappingURL=BKJInteractiveMap.context.js.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJInteractiveMap.context.js","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/BKJInteractiveMap.context.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,aAAa,EAEb,WAAW,EACX,UAAU,EACV,UAAU,EACV,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAE/C,MAAM,wBAAwB,GAAG,aAAa,CAA2C,IAAK,CAAC,CAAC;AAEhG,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CACvC,CAAC;IACC,MAAM,EAAE,IAAI;IACZ,IAAI;CACmD,CAAA,CAAC;AAE5D,MAAM,OAAO,GAAG,CACd,KAA+C,EAC/C,MAAuC,EACvC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IACjC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,gBAAgB;YACnB,OAAO;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE,OAAO,CAAC,MAAM;gBACtB,IAAI,EAAE,OAAO,CAAC,IAAI;aACnB,CAAC;QACJ;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAA4C,EACnF,cAAc,EACd,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,gBAAgB,EAChB,aAAa,EACb,WAAW,GAAG,EAAE,EAChB,QAAQ,EAAE,cAAc,EACxB,aAAa,GAAG,EAAE,EAClB,OAAO,GAAG,EAAE,EACZ,SAAS,EAAE,aAAa,GAAG,KAAK,EAChC,OAAO,GAAG,EAAE,EACZ,aAAa,EACb,aAAa,GAC0D,EAAE,EAAE;IAC3E,MAAM,eAAe,GAAG,MAAM,CAE5B,IAAK,CAAC,CAAC;IACT,MAAM,WAAW,GAAG,MAAM,CACxB,IAAK,CACN,CAAC;IAEF,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;IAEvF,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,eAAe,CAAqC;QACrF,MAAM;QACN,MAAM;QACN,IAAI;QACJ,OAAO,EAAE;YACP,MAAM,EAAE,aAAa;YACrB,OAAO;YACP,OAAO;YACP,GAAG,EAAE,aAGG;YACR,MAAM,EAAE,aAGG;SACZ;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,WAAW,CAGjC,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,EACJ,IAAI,EACJ,MAAM,EAAE,EACN,EAAE,EAAE,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAE,iBAAiB,EAAE,EACvD,EAAE,EAAE,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAE,iBAAiB,EAAE,EACvD,EAAE,EAAE,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAE,iBAAiB,EAAE,EACvD,EAAE,EAAE,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAE,iBAAiB,EAAE,GACxD,GACF,GAAG,KAAK,CAAC;QAEV,MAAM,mBAAmB,GAA2C;YAClE,MAAM,EAAE;gBACN,IAAI;gBACJ,KAAK,EAAE;oBACL,SAAS,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,EAAE;oBACzE,SAAS,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,EAAE;oBACzE,SAAS,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,EAAE;oBACzE,SAAS,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,EAAE;iBAC1E;aACF;SACF,CAAC;QAEF,IAAI,cAAc;YAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACxD,QAAQ,CAAC;YACP,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE;gBACP,IAAI,EAAE,IAAI;gBACV,MAAM,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;aACvF;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,IAAI,EAAE,cAAc,CAAC,CACvB,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CAGvC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE;QAChB,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,eAAe,CAAC,OAAO,GAAG,GAAG,CAAC;YAC9B,IAAI,cAAc;gBAAE,cAAc,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC;aAAM,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAChC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAExB,GAAG,EAAE;QACL,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,WAAW,CAE3B,GAAG,EAAE;QACL,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,wBAAwB,CAAC,QAAQ,IAChC,KAAK,EAAE;YACL,OAAO;YACP,OAAO;YACP,YAAY,EAAE,eAAe,CAAC,OAAO;YACrC,QAAQ,EAAE,WAAW,CAAC,OAAO;YAC7B,MAAM;YACN,QAAQ;YACR,YAAY,EAAE,YAAa;YAC3B,IAAI;YACJ,WAAW,EAAE,eAAe;YAC5B,iBAAiB,EAAE,qBAAqB;YACxC,MAAM;YACN,MAAM;YACN,YAAY;YACZ,SAAS,EAAE,SAAS,IAAI,aAAa;YACrC,gBAAgB;YAChB,SAAS;YACT,aAAa;YACb,WAAW;SACZ,YAEA,QAAQ,GACyB,CACrC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAmD,EAAE,CAC9F,UAAU,CAA6D,wBAAwB,CAAC,CAAC"}

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.d.ts

@@ -0,0 +1,4 @@
+import { IBKJInteractiveMapProps } from '../BKJInteractiveMap/BKJInteractiveMap.types.js';
+import { FC } from 'react';
+export declare const BKJInteractiveMap: <TInputName extends string, TData, TAccumulator>(props: IBKJInteractiveMapProps<TInputName, TData, TAccumulator>) => ReturnType<FC<IBKJInteractiveMapProps<TInputName, TData, TAccumulator>>>;
+//# sourceMappingURL=BKJInteractiveMap.d.ts.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJInteractiveMap.d.ts","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/BKJInteractiveMap.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,uBAAuB,EAKxB,MAAM,sDAAsD,CAAC;AAE9D,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgH3B,eAAO,MAAM,iBAAiB,GAAI,UAAU,SAAS,MAAM,EAAE,KAAK,EAAE,YAAY,SACvE,uBAAuB,CAAC,UAAU,EAAE,KAAK,EAAE,YAAY,CAAC,KAC9D,UAAU,CAAC,EAAE,CAAC,uBAAuB,CAAC,UAAU,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAOzE,CAAC"}

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJLoadingSpinner, Flex } from '../index.js';
+import { BKJInteractiveMapProvider, useBKJInteractiveMapContext, } from '../BKJInteractiveMap/BKJInteractiveMap.context.js';
+import { isClusterType as isClusterPropsType, isPointType as isPinPropsType, } from '../BKJInteractiveMap/BKJInteractiveMap.types.js';
+import GoogleMapReact from 'google-map-react';
+import styled from 'styled-components';
+const Marker = ({ children }) => children;
+const Overlay = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #00000010;
+  background-color: #00000010;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+`;
+const MapComponent = () => {
+    const { clusters, apiKey, pinComponent, clusterComponent, defaultCenter, defaultZoom, maxZoom, minZoom, onMapChange, gMapInstance, onGoogleApiLoaded, supercluster, onDrag, onDragEnd, zoom, isLoading, } = useBKJInteractiveMapContext();
+    return (_jsxs(Flex, { width: "100%", maxWidth: "100%", minWidth: "100%", height: "100%", maxHeight: "100%", minHeight: "100%", style: { overflow: 'hidden', position: 'relative' }, children: [isLoading && (_jsx(Overlay, { children: _jsx(BKJLoadingSpinner, { variant: "Default" }) })), _jsx(GoogleMapReact, { options: { gestureHandling: 'greedy', maxZoom, minZoom }, bootstrapURLKeys: { key: apiKey }, defaultCenter: defaultCenter, defaultZoom: defaultZoom, yesIWantToUseGoogleMapApiInternals: true, onGoogleApiLoaded: onGoogleApiLoaded, onChange: onMapChange, onDrag: onDrag, onDragEnd: onDragEnd, zoom: zoom, children: clusters.map((data) => {
+                    if (isClusterPropsType(data)) {
+                        const [longitude, latitude] = data.geometry.coordinates;
+                        const key = `CLUSTER-${data.id}-${longitude}-${latitude}`;
+                        const ClusterComponent = clusterComponent;
+                        const { onClick, ...rest } = data;
+                        return (_jsx(Marker, { lat: latitude, lng: longitude, children: _jsx(ClusterComponent, { ...rest, childNodes: supercluster.getChildren(data.id), onClick: (e) => {
+                                    const expansionZoom = Math.min(supercluster.getClusterExpansionZoom(Number.parseInt(data.id, 10)), 20);
+                                    gMapInstance.setZoom(expansionZoom);
+                                    gMapInstance.panTo({ lat: latitude, lng: longitude });
+                                    onClick && onClick(e);
+                                } }) }, key));
+                    }
+                    if (isPinPropsType(data)) {
+                        const [longitude, latitude] = data.geometry.coordinates;
+                        const key = `PIN-${longitude}-${latitude}`;
+                        const PinComponent = pinComponent;
+                        return (_jsx(Marker, { lat: latitude, lng: longitude, children: _jsx(PinComponent, { ...data }) }, key));
+                    }
+                    throw new Error('Unknown Cluster Type');
+                }) })] }));
+};
+export const BKJInteractiveMap = (props) => {
+    const { children, ...rest } = props;
+    return (_jsx(BKJInteractiveMapProvider, { ...rest, children: _jsx(MapComponent, {}) }));
+};
+//# sourceMappingURL=BKJInteractiveMap.js.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJInteractiveMap.js","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/BKJInteractiveMap.tsx"],"names":[],"mappings":"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"}

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.stories.d.ts

@@ -0,0 +1,37 @@
+import { IBKJInteractiveMapProps } from '../BKJInteractiveMap/BKJInteractiveMap.types.js';
+declare const _default: {
+    title: string;
+    component: <TInputName extends string, TData, TAccumulator>(props: IBKJInteractiveMapProps<TInputName, TData, TAccumulator>) => ReturnType<import("react").FC<IBKJInteractiveMapProps<TInputName, TData, TAccumulator>>>;
+    argTypes: {};
+};
+export default _default;
+export interface ICrime {
+    numShotsFired: number;
+    sum: number;
+    category: string;
+    location_type: string;
+    location: Location;
+    context: string;
+    outcome_status: OutcomeStatus;
+    persistent_id: string;
+    id: string;
+    location_subtype: string;
+    month: string;
+}
+export interface Location {
+    latitude: string;
+    street: Street;
+    longitude: string;
+}
+export interface Street {
+    id: number;
+    name: string;
+}
+export interface OutcomeStatus {
+    category: string;
+    date: string;
+}
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJInteractiveMapProps<"withinBounds", ICrime, {
+    numShotsFired: number;
+}>>;
+//# sourceMappingURL=BKJInteractiveMap.stories.d.ts.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJInteractiveMap.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/BKJInteractiveMap.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sDAAsD,CAAC;;;;;;AAI/F,wBAIE;AAEF,MAAM,WAAW,MAAM;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,aAAa,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAgJD,eAAO,MAAM,OAAO;mBA7I+C,MAAM;GA6IjC,CAAC"}

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.stories.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import axios from 'axios';
+import { isArray, isNumber } from '../../common.types.js';
+import { BKJInteractiveMap } from '../BKJInteractiveMap/BKJInteractiveMap.js';
+import { Flex } from '../Flex/index.js';
+import { useCallback, useEffect, useRef, useState } from 'react';
+export default {
+    title: 'Basic Elements/BKJInteractiveMap',
+    component: BKJInteractiveMap,
+    argTypes: {},
+};
+const Template = () => {
+    const [url, setUrl] = useState('https://data.police.uk/api/crimes-street/all-crime?lat=52.629729&lng=-1.131592&date=2019-10');
+    const [isLoading, setLoading] = useState(true);
+    const debounceRef = useRef(null);
+    const [, setMap] = useState(null);
+    const [points, setData] = useState([]);
+    useEffect(() => {
+        main();
+        async function main() {
+            try {
+                const response = await axios.get(url);
+                if (isArray(response.data)) {
+                    setData(response.data.map((crime) => {
+                        return {
+                            type: 'Feature',
+                            id: crime['id'],
+                            properties: {
+                                numShotsFired: Math.floor(Math.random() * 2000) + 1,
+                                ...crime,
+                                id: crime['id'],
+                            },
+                            geometry: {
+                                type: 'Point',
+                                coordinates: [
+                                    Number.parseFloat(crime['location'].longitude),
+                                    Number.parseFloat(crime['location'].latitude),
+                                ],
+                            },
+                        };
+                    }));
+                }
+            }
+            catch (error) {
+            }
+            finally {
+                setLoading(false);
+            }
+        }
+    }, [url]);
+    const onBoundsChange = useCallback((event) => {
+        if (debounceRef.current)
+            window.clearTimeout(debounceRef.current);
+        setLoading(true);
+        debounceRef.current = window.setTimeout(() => {
+            setUrl(`https://data.police.uk/api/crimes-street/all-crime?poly=${event.target.value.northEast.latitude},${event.target.value.northEast.longitude}:${event.target.value.northWest.latitude},${event.target.value.northWest.longitude}:${event.target.value.southWest.latitude},${event.target.value.southWest.longitude}:${event.target.value.southEast.latitude},${event.target.value.southEast.longitude}&date=2019-10`);
+        }, 100);
+        setLoading(false);
+    }, []);
+    return (_jsx(Flex, { width: "100%", height: "100vh", children: _jsx(BKJInteractiveMap, { setMapInstance: setMap, name: "withinBounds", apiKey: process.env['GOOGLE_MAPS_API_KEY'], defaultCenter: { lat: 52.629729, lng: -1.131592 }, clusterMapper: (cluster) => {
+                return { numShotsFired: cluster.numShotsFired };
+            }, clusterReduce: (accumulated, props) => {
+                accumulated.numShotsFired += props.numShotsFired;
+            }, pinComponent: (props) => {
+                // console.log('PIN', props);
+                const { children } = props;
+                return (_jsx("div", { style: {
+                        backgroundColor: 'white',
+                        borderRadius: '50%',
+                        color: 'white',
+                        width: '32px',
+                        minWidth: '32px',
+                        maxWidth: '32px',
+                        height: '32px',
+                        minHeight: '32px',
+                        maxHeight: '32px',
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        overflow: 'hidden',
+                        lineHeight: 0,
+                        cursor: 'pointer',
+                        flexDirection: 'column',
+                        border: '1px solid grey',
+                    }, children: children }, props.properties.id));
+            }, clusterComponent: (props) => {
+                console.log('CLUSTER', props);
+                return (_jsx("div", { style: {
+                        flexDirection: 'column',
+                        backgroundColor: 'purple',
+                        borderRadius: '50%',
+                        color: 'white',
+                        width: '32px',
+                        minWidth: '32px',
+                        maxWidth: '32px',
+                        height: '32px',
+                        minHeight: '32px',
+                        maxHeight: '32px',
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        overflow: 'hidden',
+                        lineHeight: 0,
+                        cursor: 'pointer',
+                        fontWeight: 'bold',
+                    }, onClick: props.onClick, children: props.childNodes.reduce((acc, { properties }) => {
+                        if (isNumber(properties.numShotsFired)) {
+                            return acc + properties.numShotsFired;
+                        }
+                        else
+                            return acc;
+                    }, 0) }, props.id));
+            }, points: points, onChange: onBoundsChange, isLoading: isLoading, clusterRadius: 75 }) }));
+};
+export const Default = Template.bind({});
+Default.args = {};
+//# sourceMappingURL=BKJInteractiveMap.stories.js.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJInteractiveMap.stories.js","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/BKJInteractiveMap.stories.tsx"],"names":[],"mappings":"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"}

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.types.d.ts

@@ -0,0 +1,85 @@
+import { IBKJChangeEvent } from '../../common.types.js';
+import { BBox, Position } from 'geojson';
+import GoogleMapReact from 'google-map-react';
+import { FC, MouseEventHandler } from 'react';
+import Supercluster from 'supercluster';
+export type IPinProps<TData, TAccumulator> = {
+    type: 'Feature';
+    geometry: {
+        type: 'Point';
+        coordinates: Position;
+    };
+    properties: TData & TAccumulator;
+};
+export interface IBKJInteractiveMapOnChangeEvent<TInputName extends string> extends IBKJChangeEvent<TInputName, Record<'northWest' | 'northEast' | 'southWest' | 'southEast', {
+    latitude: number;
+    longitude: number;
+}>> {
+}
+export type IBKJInteractiveMapOnChangeFn<TInputName extends string> = (event: IBKJInteractiveMapOnChangeEvent<TInputName>) => void;
+type PinComponentType<TData, TAccumulator> = FC<IPinProps<TData, TAccumulator>>;
+type ClusterComponentType<TData, TAccumulator> = FC<IClusterProps<TData, TAccumulator>>;
+export interface IBKJInteractiveMapProps<TInputName extends string, TData, TAccumulator> extends Omit<GoogleMapReact.Props, 'bootstrapURLKeys' | 'ref' | 'bootstrapURLKeys' | 'yesIWantToUseGoogleMapApiInternals' | 'onGoogleApiLoaded' | 'zoom' | 'onChange'> {
+    apiKey: string;
+    points: Array<IPinProps<TData, TAccumulator>>;
+    isLoading?: boolean;
+    setMapInstance?: (gMapInstance: IBKJInteractiveMapContext<TInputName, TData, TAccumulator>['gMapInstance']) => void;
+    pinComponent: PinComponentType<TData, TAccumulator>;
+    onChange?: IBKJInteractiveMapOnChangeFn<TInputName>;
+    clusterComponent: ClusterComponentType<TData, TAccumulator>;
+    clusterRadius?: number;
+    maxZoom?: number;
+    minZoom?: number;
+    name: TInputName;
+    clusterMapper?: Supercluster.Options<TData & TAccumulator, TAccumulator>['map'];
+    clusterReduce?: Supercluster.Options<TData & TAccumulator, TAccumulator>['reduce'];
+}
+export interface IClusterProps<TData, TAccumulator> {
+    childNodes: IPinProps<TData, TAccumulator>[];
+    type: 'Feature';
+    id: number;
+    properties: ClusterProperties & TData & TAccumulator;
+    geometry: ClusterGeometry;
+    onClick: MouseEventHandler;
+}
+export interface ClusterGeometry {
+    type: string;
+    coordinates: [number, number];
+}
+export interface ClusterProperties {
+    cluster: boolean;
+    cluster_id: number;
+    point_count: number;
+    point_count_abbreviated: number;
+}
+export interface IBKJInteractiveMapContext<TInputName extends string, TData, TAccumulator> extends Pick<IBKJInteractiveMapProps<TInputName, TData, TAccumulator>, 'apiKey' | 'pinComponent' | 'clusterComponent' | 'defaultCenter' | 'defaultZoom'> {
+    maxZoom: number;
+    minZoom: number;
+    gMapInstance: google.maps.Map;
+    gMapsApi: typeof google.maps;
+    onMapChange: (event: GoogleMapReact.ChangeEventValue) => void;
+    bounds: BBox;
+    zoom: number;
+    clusters: TData[];
+    onDrag: (map: google.maps.Map) => void;
+    onDragEnd: (map: google.maps.Map) => void;
+    isLoading: boolean;
+    supercluster: Supercluster<TData & TAccumulator, TAccumulator>;
+    onGoogleApiLoaded: (maps: {
+        map: google.maps.Map;
+        maps: typeof google.maps;
+        ref: Element | null;
+    }) => void;
+    __isLoading__?: boolean;
+}
+export type IBKJInteractiveMapContextAction = {
+    type: 'MapChangeEvent';
+    payload: {
+        bounds: BBox;
+        zoom: number;
+    };
+};
+export declare function isClusterType<TData, TAccumulator>(arg: any): arg is IClusterProps<TData, TAccumulator>;
+export declare function isPointType<TData, TAccumulator>(arg: any): arg is IPinProps<TData, TAccumulator>;
+export {};
+//# sourceMappingURL=BKJInteractiveMap.types.d.ts.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJInteractiveMap.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/BKJInteractiveMap.types.tsx"],"names":[],"mappings":"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"}

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.types.js

@@ -0,0 +1,11 @@
+export function isClusterType(arg) {
+    if (!!arg?.properties?.cluster === true)
+        return true;
+    return false;
+}
+export function isPointType(arg) {
+    if (arg?.geometry?.type === 'Point')
+        return true;
+    return false;
+}
+//# sourceMappingURL=BKJInteractiveMap.types.js.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJInteractiveMap.types.js","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/BKJInteractiveMap.types.tsx"],"names":[],"mappings":"AAgHA,MAAM,UAAU,aAAa,CAC3B,GAAQ;IAER,IAAI,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACrD,OAAO,KAAK,CAAC;AACf,CAAC;AACD,MAAM,UAAU,WAAW,CAAsB,GAAQ;IACvD,IAAI,GAAG,EAAE,QAAQ,EAAE,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAC;IACjD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/lib/components/BKJInteractiveMap/index.d.ts

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

package/lib/components/BKJInteractiveMap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/lib/components/BKJInteractiveMap/index.js

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

package/lib/components/BKJInteractiveMap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJInteractiveMap/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/lib/components/BKJListItem/BKJListItem.d.ts

@@ -0,0 +1,3 @@
+import { IBKJListItemProps } from './BKJListItem.types.js';
+export declare const BKJListItem: import("react").ForwardRefExoticComponent<IBKJListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=BKJListItem.d.ts.map

package/lib/components/BKJListItem/BKJListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJListItem.d.ts","sourceRoot":"","sources":["../../../src/components/BKJListItem/BKJListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,WAAW,6GAkDtB,CAAC"}

package/lib/components/BKJListItem/BKJListItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useMemo } from 'react';
+import { BKJCheckbox } from '../BKJCheckbox/index.js';
+import { ListItemSubLabelText, ListItemText } from '../common/ListItemBaseCSS/index.js';
+import { ListItemWrapper } from './BKJListItem.styled.js';
+export const BKJListItem = forwardRef((props, ref) => {
+    const { onChange, name, subLabel, label, className, variant = 'LeftAlignAlternatingBackgroundColor', checkBoxVariant = 'GreenNoBorder', disabled = false, isTargeted = false, selected, value, onClick, id, index, type = 'Standard', ...rest } = props;
+    const checked = useMemo(() => selected?.some((str) => String(str) === String(value)), [selected, value]);
+    const handleClick = useCallback((event) => {
+        if (onClick)
+            onClick({ ...event, target: { checked, index, id, name, value, label } });
+        if (onChange)
+            onChange({ ...event, target: { checked, index, id, name, value, label } });
+    }, [checked, id, index, label, name, onChange, onClick, value]);
+    return (_jsxs(ListItemWrapper, { ...rest, role: "option", variant: variant, onClick: handleClick, className: className, checked: checked, disabled: disabled, isTargeted: isTargeted, ref: ref, type: type, children: [_jsx(ListItemText, { children: label }), !!subLabel && _jsx(ListItemSubLabelText, { children: subLabel }), _jsx(BKJCheckbox, { variant: checkBoxVariant, value: checked })] }));
+});
+//# sourceMappingURL=BKJListItem.js.map

package/lib/components/BKJListItem/BKJListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJListItem.js","sourceRoot":"","sources":["../../../src/components/BKJListItem/BKJListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrF,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,GAAG,qCAAqC,EAC/C,eAAe,GAAG,eAAe,EACjC,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,EAAE,EACF,KAAK,EACL,IAAI,GAAG,UAAU,EACjB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,GAAoB,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,EAC7E,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IACF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,OAAO;YAAE,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACvF,IAAI,QAAQ;YAAE,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAC3F,CAAC,EACD,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAC5D,CAAC;IAEF,OAAO,CACL,MAAC,eAAe,OACV,IAAI,EACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAkB,EAC3B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,aAEV,KAAC,YAAY,cAAE,KAAK,GAAgB,EACnC,CAAC,CAAC,QAAQ,IAAI,KAAC,oBAAoB,cAAE,QAAQ,GAAwB,EAEtE,KAAC,WAAW,IAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,GAAI,IACzC,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/BKJListItem/BKJListItem.stories.d.ts

@@ -0,0 +1,8 @@
+import { IBKJListItemProps } from './BKJListItem.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<IBKJListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJListItemProps>;
+//# sourceMappingURL=BKJListItem.stories.d.ts.map

package/lib/components/BKJListItem/BKJListItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJListItem/BKJListItem.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;;;;AAExD,wBAGE;AAMF,eAAO,MAAM,OAAO,wGAAoB,CAAC"}

package/lib/components/BKJListItem/BKJListItem.stories.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJListItem } from './BKJListItem.js';
+export default {
+    title: 'List Elements/BKJListItem',
+    component: BKJListItem,
+};
+const Template = (props) => (_jsx(BKJListItem, { ...props, children: "Item Name" }));
+export const Default = Template.bind({});
+//# sourceMappingURL=BKJListItem.stories.js.map

package/lib/components/BKJListItem/BKJListItem.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJListItem.stories.js","sourceRoot":"","sources":["../../../src/components/BKJListItem/BKJListItem.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,KAAK,EAAE,EAAE,CAAC,CACtD,KAAC,WAAW,OAAK,KAAK,0BAAyB,CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}

package/lib/components/BKJListItem/BKJListItem.styled.d.ts

@@ -0,0 +1,4 @@
+import { IListItemWrapperProps } from './BKJListItem.types.js';
+export declare const ListItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, IListItemWrapperProps>> & string;
+export declare const ListItemCheckWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=BKJListItem.styled.d.ts.map

package/lib/components/BKJListItem/BKJListItem.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJListItem.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJListItem/BKJListItem.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,eAAe,0PA4C3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAQhC,CAAC"}