@bookjane2/bookjane-design-library 7.3.3 → 7.3.5

package/lib/components/BKJImage/BKJImage.styled.js

@@ -1,30 +1,30 @@
-import styled, { css } from 'styled-components';
-export const ImageContainer = styled.div `
-  position: relative;
-  ${({ height }) => height &&
-    css `
-      height: ${height};
-    `};
-
-  ${({ width }) => width &&
-    css `
-      width: ${width};
-    `};
-`;
-export const Image = styled.img `
-  object-fit: cover;
-  ${({ borderRadius }) => css `
-      border-radius: ${borderRadius};
-    `}
-
-  ${({ height }) => height &&
-    css `
-      height: ${height};
-    `};
-
-  ${({ width }) => width &&
-    css `
-      width: ${width};
-    `};
-`;
+import styled, { css } from 'styled-components';
+export const ImageContainer = styled.div `
+  position: relative;
+  ${({ height }) => height &&
+    css `
+      height: ${height};
+    `};
+
+  ${({ width }) => width &&
+    css `
+      width: ${width};
+    `};
+`;
+export const Image = styled.img `
+  object-fit: cover;
+  ${({ borderRadius }) => css `
+      border-radius: ${borderRadius};
+    `}
+
+  ${({ height }) => height &&
+    css `
+      height: ${height};
+    `};
+
+  ${({ width }) => width &&
+    css `
+      width: ${width};
+    `};
+`;
 //# sourceMappingURL=BKJImage.styled.js.map

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

@@ -1,11 +1,11 @@
-import { ElementType } from 'react';
-export interface IBKJImageProps {
-    width: string;
-    height: string;
-    alt: string;
-    src?: string;
-    LoadingComponent: ElementType;
-    FallbackComponent: ElementType;
-    variant: 'Round' | 'Rectangle';
-}
+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.js

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

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

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

package/lib/components/BKJImage/index.js

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

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

@@ -1,5 +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>;
+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.js

@@ -1,101 +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, Object.assign({ 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 }), void 0));
-};
-export const useBKJInteractiveMapContext = () => useContext(BKJInteractiveMapContext);
+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, Object.assign({ 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 }), void 0));
+};
+export const useBKJInteractiveMapContext = () => useContext(BKJInteractiveMapContext);
 //# sourceMappingURL=BKJInteractiveMap.context.js.map

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

@@ -1,4 +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>) => import("react").ReactElement<any, any> | null;
+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>) => import("react").ReactElement<any, any> | null;
 //# sourceMappingURL=BKJInteractiveMap.d.ts.map

package/lib/components/BKJInteractiveMap/BKJInteractiveMap.js

@@ -1,51 +1,51 @@
-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, Object.assign({ 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" }, void 0) }, void 0)),
-            _jsx(GoogleMapReact, Object.assign({ 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, Object.assign({ lat: latitude, lng: longitude }, { children: _jsx(ClusterComponent, Object.assign({}, 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);
-                                } }), void 0) }), key));
-                    }
-                    if (isPinPropsType(data)) {
-                        const [longitude, latitude] = data.geometry.coordinates;
-                        const key = `PIN-${longitude}-${latitude}`;
-                        const PinComponent = pinComponent;
-                        return (_jsx(Marker, Object.assign({ lat: latitude, lng: longitude }, { children: _jsx(PinComponent, Object.assign({}, data), void 0) }), key));
-                    }
-                    throw new Error('Unknown Cluster Type');
-                }) }), void 0)] }), void 0));
-};
-export const BKJInteractiveMap = (props) => {
-    const { children, ...rest } = props;
-    return (_jsx(BKJInteractiveMapProvider, Object.assign({}, rest, { children: _jsx(MapComponent, {}, void 0) }), void 0));
-};
+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, Object.assign({ 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" }, void 0) }, void 0)),
+            _jsx(GoogleMapReact, Object.assign({ 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, Object.assign({ lat: latitude, lng: longitude }, { children: _jsx(ClusterComponent, Object.assign({}, 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);
+                                } }), void 0) }), key));
+                    }
+                    if (isPinPropsType(data)) {
+                        const [longitude, latitude] = data.geometry.coordinates;
+                        const key = `PIN-${longitude}-${latitude}`;
+                        const PinComponent = pinComponent;
+                        return (_jsx(Marker, Object.assign({ lat: latitude, lng: longitude }, { children: _jsx(PinComponent, Object.assign({}, data), void 0) }), key));
+                    }
+                    throw new Error('Unknown Cluster Type');
+                }) }), void 0)] }), void 0));
+};
+export const BKJInteractiveMap = (props) => {
+    const { children, ...rest } = props;
+    return (_jsx(BKJInteractiveMapProvider, Object.assign({}, rest, { children: _jsx(MapComponent, {}, void 0) }), void 0));
+};
 //# sourceMappingURL=BKJInteractiveMap.js.map

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

@@ -1,39 +1,39 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJInteractiveMapProps } from '../BKJInteractiveMap/BKJInteractiveMap.types.js';
-declare const _default: {
-    title: string;
-    component: <TInputName extends string, TData, TAccumulator>(props: IBKJInteractiveMapProps<TInputName, TData, TAccumulator>) => import("react").ReactElement<any, any> | null;
-    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: Story<IBKJInteractiveMapProps<"withinBounds", ICrime, {
-    numShotsFired: number;
-}>>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJInteractiveMapProps } from '../BKJInteractiveMap/BKJInteractiveMap.types.js';
+declare const _default: {
+    title: string;
+    component: <TInputName extends string, TData, TAccumulator>(props: IBKJInteractiveMapProps<TInputName, TData, TAccumulator>) => import("react").ReactElement<any, any> | null;
+    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: Story<IBKJInteractiveMapProps<"withinBounds", ICrime, {
+    numShotsFired: number;
+}>>;
 //# sourceMappingURL=BKJInteractiveMap.stories.d.ts.map