@bookjane2/bookjane-design-library 7.3.3 → 7.3.5

package/lib/components/BKJAddressInput/BKJAddressInput.context.js

@@ -1,113 +1,113 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef, useCallback, useEffect, useRef, useState } from 'react';
-import { BKJComboBoxAsync } from '../BKJComboBoxAsync/index.js';
-import { normalizedPlaceHandleChange } from './normalizedPlaceChangeHandler.js';
-function createGQLDataContext(initialState) {
-    return createContext({
-        ...(initialState || {}),
-        status: 'LOADING',
-        __typename: 'GraphQLAPI',
-    });
-}
-const Component = forwardRef((props, ref) => {
-    const { className, label, name = '', placeholder, required, disabled, error, onChange, value, searchValue, css, ...rest } = props;
-    return (_jsx(BKJComboBoxAsync, Object.assign({}, rest, { css: css, searchValue: searchValue, searchKey: "addressSearch", ref: ref, context: BKJAddressInputDataContext, className: className, label: label, name: name, placeholder: placeholder, required: required, disabled: disabled, error: error, onChange: onChange, value: value, action: "ClearInputValue", overrides: ['NoInitialResults'] }), void 0));
-});
-export const BKJAddressInputDataContext = createGQLDataContext({
-    pageInfo: { hasNextPage: false },
-});
-export const BKJAddressInputDataProvider = ({ ...props }) => {
-    const inputRef = useRef(null);
-    const timeoutRef = useRef(null);
-    const [status, setStatus] = useState('READY');
-    const [results, setResults] = useState([]);
-    const [selected, setSelected] = useState({
-        id: props.value,
-        value: props.value,
-        label: props.value,
-        type: 'Standard',
-    });
-    const [searchValue, setSearchValue] = useState('');
-    const handleFetch = useCallback((value) => {
-        const searchService = new window.google.maps.places.AutocompleteService(document.createElement('div'));
-        setStatus('LOADING');
-        searchService.getQueryPredictions({
-            input: value,
-        }, (results) => {
-            const nextResults = !!results
-                ? results.map((result) => {
-                    console.log(result);
-                    return {
-                        id: result.place_id,
-                        value: result.description,
-                        label: result.description,
-                        type: 'Standard',
-                    };
-                })
-                : [];
-            setResults(nextResults);
-            setStatus('READY');
-        });
-    }, []);
-    const handleSearchChange = useCallback((event) => {
-        setSearchValue(event.target.value);
-        if (timeoutRef.current)
-            window.clearTimeout(timeoutRef.current);
-        if (!event.target.value)
-            return;
-        timeoutRef.current = window.setTimeout(() => {
-            handleFetch(event.target.value);
-        }, 500);
-    }, [handleFetch]);
-    const selectPlace = useCallback((result) => {
-        if (typeof result?.id === 'undefined')
-            return;
-        const geoService = new window.google.maps.Geocoder();
-        const geoSearchAddress = result.value;
-        geoService.geocode({ address: geoSearchAddress }, (arg2) => {
-            if (arg2) {
-                arg2.forEach((geoResult) => {
-                    const { geometry, address_components, formatted_address } = geoResult;
-                    const nextState = [
-                        {
-                            target: {
-                                value: result.value,
-                                name: props.name,
-                            },
-                        },
-                        ...normalizedPlaceHandleChange({
-                            formatted_address,
-                            geometry,
-                            address_components,
-                        }),
-                    ];
-                    setSelected(result);
-                    if (props.onChange)
-                        props.onChange(nextState);
-                    setSearchValue(formatted_address);
-                    setStatus('READY');
-                });
-            }
-        });
-    }, [props]);
-    const handleChange = useCallback((event) => {
-        selectPlace(event.target.value);
-    }, [selectPlace]);
-    useEffect(() => {
-        if (props.value)
-            handleFetch(props.value);
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return (_jsx(BKJAddressInputDataContext.Provider, Object.assign({ value: {
-            ...BKJAddressInputDataContext,
-            status,
-            isLoading: status === 'LOADING',
-            data: results,
-            options: results,
-            pageInfo: {
-                hasNextPage: false,
-            },
-            fetch: handleFetch,
-            __typename: 'GraphQLAPI',
-        } }, { children: _jsx(Component, Object.assign({}, props, { action: "OpenToggle", type: "Single", label: props.label, options: results, name: props.name, searchValue: searchValue, ref: inputRef, value: selected, onSearchChange: handleSearchChange, onChange: handleChange, className: props.className, css: props.css }), void 0) }), void 0));
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { BKJComboBoxAsync } from '../BKJComboBoxAsync/index.js';
+import { normalizedPlaceHandleChange } from './normalizedPlaceChangeHandler.js';
+function createGQLDataContext(initialState) {
+    return createContext({
+        ...(initialState || {}),
+        status: 'LOADING',
+        __typename: 'GraphQLAPI',
+    });
+}
+const Component = forwardRef((props, ref) => {
+    const { className, label, name = '', placeholder, required, disabled, error, onChange, value, searchValue, css, ...rest } = props;
+    return (_jsx(BKJComboBoxAsync, Object.assign({}, rest, { css: css, searchValue: searchValue, searchKey: "addressSearch", ref: ref, context: BKJAddressInputDataContext, className: className, label: label, name: name, placeholder: placeholder, required: required, disabled: disabled, error: error, onChange: onChange, value: value, action: "ClearInputValue", overrides: ['NoInitialResults'] }), void 0));
+});
+export const BKJAddressInputDataContext = createGQLDataContext({
+    pageInfo: { hasNextPage: false },
+});
+export const BKJAddressInputDataProvider = ({ ...props }) => {
+    const inputRef = useRef(null);
+    const timeoutRef = useRef(null);
+    const [status, setStatus] = useState('READY');
+    const [results, setResults] = useState([]);
+    const [selected, setSelected] = useState({
+        id: props.value,
+        value: props.value,
+        label: props.value,
+        type: 'Standard',
+    });
+    const [searchValue, setSearchValue] = useState('');
+    const handleFetch = useCallback((value) => {
+        const searchService = new window.google.maps.places.AutocompleteService(document.createElement('div'));
+        setStatus('LOADING');
+        searchService.getQueryPredictions({
+            input: value,
+        }, (results) => {
+            const nextResults = !!results
+                ? results.map((result) => {
+                    console.log(result);
+                    return {
+                        id: result.place_id,
+                        value: result.description,
+                        label: result.description,
+                        type: 'Standard',
+                    };
+                })
+                : [];
+            setResults(nextResults);
+            setStatus('READY');
+        });
+    }, []);
+    const handleSearchChange = useCallback((event) => {
+        setSearchValue(event.target.value);
+        if (timeoutRef.current)
+            window.clearTimeout(timeoutRef.current);
+        if (!event.target.value)
+            return;
+        timeoutRef.current = window.setTimeout(() => {
+            handleFetch(event.target.value);
+        }, 500);
+    }, [handleFetch]);
+    const selectPlace = useCallback((result) => {
+        if (typeof result?.id === 'undefined')
+            return;
+        const geoService = new window.google.maps.Geocoder();
+        const geoSearchAddress = result.value;
+        geoService.geocode({ address: geoSearchAddress }, (arg2) => {
+            if (arg2) {
+                arg2.forEach((geoResult) => {
+                    const { geometry, address_components, formatted_address } = geoResult;
+                    const nextState = [
+                        {
+                            target: {
+                                value: result.value,
+                                name: props.name,
+                            },
+                        },
+                        ...normalizedPlaceHandleChange({
+                            formatted_address,
+                            geometry,
+                            address_components,
+                        }),
+                    ];
+                    setSelected(result);
+                    if (props.onChange)
+                        props.onChange(nextState);
+                    setSearchValue(formatted_address);
+                    setStatus('READY');
+                });
+            }
+        });
+    }, [props]);
+    const handleChange = useCallback((event) => {
+        selectPlace(event.target.value);
+    }, [selectPlace]);
+    useEffect(() => {
+        if (props.value)
+            handleFetch(props.value);
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return (_jsx(BKJAddressInputDataContext.Provider, Object.assign({ value: {
+            ...BKJAddressInputDataContext,
+            status,
+            isLoading: status === 'LOADING',
+            data: results,
+            options: results,
+            pageInfo: {
+                hasNextPage: false,
+            },
+            fetch: handleFetch,
+            __typename: 'GraphQLAPI',
+        } }, { children: _jsx(Component, Object.assign({}, props, { action: "OpenToggle", type: "Single", label: props.label, options: results, name: props.name, searchValue: searchValue, ref: inputRef, value: selected, onSearchChange: handleSearchChange, onChange: handleChange, className: props.className, css: props.css }), void 0) }), void 0));
+};
 //# sourceMappingURL=BKJAddressInput.context.js.map

package/lib/components/BKJAddressInput/BKJAddressInput.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJAddressInputProps } from './BKJAddressInput.types.js';
-export declare const BKJAddressInput: FC<IBKJAddressInputProps>;
+import { FC } from 'react';
+import { IBKJAddressInputProps } from './BKJAddressInput.types.js';
+export declare const BKJAddressInput: FC<IBKJAddressInputProps>;
 //# sourceMappingURL=BKJAddressInput.d.ts.map

package/lib/components/BKJAddressInput/BKJAddressInput.js

@@ -1,3 +1,3 @@
-import { BKJAddressInputDataProvider } from './BKJAddressInput.context.js';
-export const BKJAddressInput = BKJAddressInputDataProvider;
+import { BKJAddressInputDataProvider } from './BKJAddressInput.context.js';
+export const BKJAddressInput = BKJAddressInputDataProvider;
 //# sourceMappingURL=BKJAddressInput.js.map

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJAddressInputProps } from './BKJAddressInput.types.js';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IBKJAddressInputProps>;
-    argTypes: {};
-};
-export default _default;
-export declare const Default: Story<IBKJAddressInputProps>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJAddressInputProps } from './BKJAddressInput.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJAddressInputProps>;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: Story<IBKJAddressInputProps>;
 //# sourceMappingURL=BKJAddressInput.stories.d.ts.map

package/lib/components/BKJAddressInput/BKJAddressInput.stories.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BKJAddressInput } from './BKJAddressInput.js';
-export default {
-    title: 'Input Elements/BKJAddressInput',
-    component: BKJAddressInput,
-    argTypes: {},
-};
-const Template = ({ ...props }) => _jsx(BKJAddressInput, Object.assign({}, props), void 0);
-export const Default = Template.bind({});
-Default.args = {};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJAddressInput } from './BKJAddressInput.js';
+export default {
+    title: 'Input Elements/BKJAddressInput',
+    component: BKJAddressInput,
+    argTypes: {},
+};
+const Template = ({ ...props }) => _jsx(BKJAddressInput, Object.assign({}, props), void 0);
+export const Default = Template.bind({});
+Default.args = {};
 //# sourceMappingURL=BKJAddressInput.stories.js.map

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

@@ -1,74 +1,74 @@
-/// <reference types="google.maps" />
-import { Consumer, Context, Provider } from 'react';
-import { ChangeFunctionType, RenderingStateType } from '../../common.types.js';
-import { IBKJComboBoxAsyncOption, IBKJComboBoxAsyncProps } from '../BKJComboBoxAsync/BKJComboBoxAsync.types.js';
-export interface IBKJAddressInputProps extends Omit<IBKJComboBoxAsyncProps, 'context' | 'action' | 'type' | 'options' | 'searchValue' | 'onSearchChange' | 'searchKey' | 'value'> {
-    value: string;
-}
-export interface BKJAddressInputContextType<DataType = IBKJComboBoxAsyncOption[]> extends Context<DataType> {
-    key: string;
-    data: DataType;
-    isLoading: boolean;
-    onChange: ChangeFunctionType;
-    Provider: Provider<any>;
-    pageInfo: {
-        hasNextPage: boolean;
-    };
-    options: IBKJComboBoxAsyncOption[];
-    Consumer: Consumer<any>;
-    fetch: (arg?: any) => void;
-    values: Record<string, any>;
-    status: RenderingStateType;
-    __typename: 'GraphQLAPI';
-    onReset: Function;
-    loadMore: Function;
-}
-export interface IPlaceResult {
-    description: string;
-    place_id: string;
-}
-interface AutocompleteService {
-    new (n: HTMLElement | null): {
-        getQueryPredictions: (arg1: {
-            input: string;
-        }, arg2: (results: IPlaceResult[]) => void) => [];
-    };
-}
-interface PlacesService {
-    new (n: HTMLElement | null): {
-        getDetails: (arg1: {
-            placeId: string;
-            fields: Array<'formatted_address' | 'geometry' | 'address_components'>;
-        }, arg2: (result: INormalizedPlaceHandleChangeProps) => void) => [];
-    };
-}
-declare global {
-    interface Window {
-        google: {
-            maps: {
-                places: {
-                    AutocompleteService: AutocompleteService;
-                    PlacesService: PlacesService;
-                };
-            };
-        };
-    }
-}
-export interface INormalizedPlaceHandleChangeProps {
-    formatted_address: string;
-    geometry: {
-        location: {
-            lat: () => number;
-            lng: () => number;
-        };
-    };
-    address_components: google.maps.GeocoderAddressComponent[];
-}
-export declare type NormalizedPlaceType = {
-    target: {
-        name: string;
-        value: string | number | undefined;
-    };
-};
-export {};
+/// <reference types="google.maps" />
+import { Consumer, Context, Provider } from 'react';
+import { ChangeFunctionType, RenderingStateType } from '../../common.types.js';
+import { IBKJComboBoxAsyncOption, IBKJComboBoxAsyncProps } from '../BKJComboBoxAsync/BKJComboBoxAsync.types.js';
+export interface IBKJAddressInputProps extends Omit<IBKJComboBoxAsyncProps, 'context' | 'action' | 'type' | 'options' | 'searchValue' | 'onSearchChange' | 'searchKey' | 'value'> {
+    value: string;
+}
+export interface BKJAddressInputContextType<DataType = IBKJComboBoxAsyncOption[]> extends Context<DataType> {
+    key: string;
+    data: DataType;
+    isLoading: boolean;
+    onChange: ChangeFunctionType;
+    Provider: Provider<any>;
+    pageInfo: {
+        hasNextPage: boolean;
+    };
+    options: IBKJComboBoxAsyncOption[];
+    Consumer: Consumer<any>;
+    fetch: (arg?: any) => void;
+    values: Record<string, any>;
+    status: RenderingStateType;
+    __typename: 'GraphQLAPI';
+    onReset: Function;
+    loadMore: Function;
+}
+export interface IPlaceResult {
+    description: string;
+    place_id: string;
+}
+interface AutocompleteService {
+    new (n: HTMLElement | null): {
+        getQueryPredictions: (arg1: {
+            input: string;
+        }, arg2: (results: IPlaceResult[]) => void) => [];
+    };
+}
+interface PlacesService {
+    new (n: HTMLElement | null): {
+        getDetails: (arg1: {
+            placeId: string;
+            fields: Array<'formatted_address' | 'geometry' | 'address_components'>;
+        }, arg2: (result: INormalizedPlaceHandleChangeProps) => void) => [];
+    };
+}
+declare global {
+    interface Window {
+        google: {
+            maps: {
+                places: {
+                    AutocompleteService: AutocompleteService;
+                    PlacesService: PlacesService;
+                };
+            };
+        };
+    }
+}
+export interface INormalizedPlaceHandleChangeProps {
+    formatted_address: string;
+    geometry: {
+        location: {
+            lat: () => number;
+            lng: () => number;
+        };
+    };
+    address_components: google.maps.GeocoderAddressComponent[];
+}
+export declare type NormalizedPlaceType = {
+    target: {
+        name: string;
+        value: string | number | undefined;
+    };
+};
+export {};
 //# sourceMappingURL=BKJAddressInput.types.d.ts.map

package/lib/components/BKJAddressInput/BKJAddressInput.types.js

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

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

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

package/lib/components/BKJAddressInput/index.js

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

package/lib/components/BKJAddressInput/normalizedPlaceChangeHandler.d.ts

@@ -1,3 +1,3 @@
-import { INormalizedPlaceHandleChangeProps, NormalizedPlaceType } from './BKJAddressInput.types.js';
-export declare function normalizedPlaceHandleChange({ formatted_address, geometry, address_components, }: INormalizedPlaceHandleChangeProps): NormalizedPlaceType[];
+import { INormalizedPlaceHandleChangeProps, NormalizedPlaceType } from './BKJAddressInput.types.js';
+export declare function normalizedPlaceHandleChange({ formatted_address, geometry, address_components, }: INormalizedPlaceHandleChangeProps): NormalizedPlaceType[];
 //# sourceMappingURL=normalizedPlaceChangeHandler.d.ts.map

package/lib/components/BKJAddressInput/normalizedPlaceChangeHandler.js

@@ -1,48 +1,48 @@
-export function normalizedPlaceHandleChange({ formatted_address, geometry, address_components, }) {
-    const value = [];
-    value.push({ target: { name: 'latitude', value: geometry.location.lat() } });
-    value.push({ target: { name: 'longitude', value: geometry.location.lng() } });
-    value.push({ target: { name: 'formatted_address', value: formatted_address } });
-    address_components.forEach((itr) => {
-        // ensure types is string[]
-        const types = itr['types'];
-        types.forEach((type) => {
-            if ([
-                'route',
-                'street_number',
-                'locality',
-                'postal_town',
-                'administrative_area_level_1',
-                'country',
-                'zip_code',
-                'postal_code',
-            ].includes(type)) {
-                switch (type) {
-                    case 'zip_code':
-                    case 'postal_code':
-                        value.push({ target: { name: 'zip_code', value: itr['long_name'] } });
-                        break;
-                    case 'route':
-                        value.push({ target: { name: 'street', value: itr['long_name'] } });
-                        break;
-                    case 'administrative_area_level_1':
-                        value.push({ target: { name: 'state', value: itr['long_name'] } });
-                        break;
-                    case 'locality':
-                    case 'postal_town':
-                        value.push({ target: { name: 'city', value: itr['long_name'] } });
-                        break;
-                    case 'country':
-                        value.push({ target: { name: 'country', value: itr['long_name'] } });
-                        value.push({ target: { name: 'country_code', value: itr['short_name'] } });
-                        break;
-                    default:
-                        value.push({ target: { name: itr['types'][0], value: itr['long_name'] } });
-                        break;
-                }
-            }
-        });
-    });
-    return value;
-}
+export function normalizedPlaceHandleChange({ formatted_address, geometry, address_components, }) {
+    const value = [];
+    value.push({ target: { name: 'latitude', value: geometry.location.lat() } });
+    value.push({ target: { name: 'longitude', value: geometry.location.lng() } });
+    value.push({ target: { name: 'formatted_address', value: formatted_address } });
+    address_components.forEach((itr) => {
+        // ensure types is string[]
+        const types = itr['types'];
+        types.forEach((type) => {
+            if ([
+                'route',
+                'street_number',
+                'locality',
+                'postal_town',
+                'administrative_area_level_1',
+                'country',
+                'zip_code',
+                'postal_code',
+            ].includes(type)) {
+                switch (type) {
+                    case 'zip_code':
+                    case 'postal_code':
+                        value.push({ target: { name: 'zip_code', value: itr['long_name'] } });
+                        break;
+                    case 'route':
+                        value.push({ target: { name: 'street', value: itr['long_name'] } });
+                        break;
+                    case 'administrative_area_level_1':
+                        value.push({ target: { name: 'state', value: itr['long_name'] } });
+                        break;
+                    case 'locality':
+                    case 'postal_town':
+                        value.push({ target: { name: 'city', value: itr['long_name'] } });
+                        break;
+                    case 'country':
+                        value.push({ target: { name: 'country', value: itr['long_name'] } });
+                        value.push({ target: { name: 'country_code', value: itr['short_name'] } });
+                        break;
+                    default:
+                        value.push({ target: { name: itr['types'][0], value: itr['long_name'] } });
+                        break;
+                }
+            }
+        });
+    });
+    return value;
+}
 //# sourceMappingURL=normalizedPlaceChangeHandler.js.map

package/lib/components/BKJAlert/BKJAlert.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IBKJAlertProps } from './BKJAlert.types.js';
-export declare const BKJAlert: React.FC<IBKJAlertProps>;
+import React from 'react';
+import { IBKJAlertProps } from './BKJAlert.types.js';
+export declare const BKJAlert: React.FC<IBKJAlertProps>;
 //# sourceMappingURL=BKJAlert.d.ts.map

package/lib/components/BKJAlert/BKJAlert.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BKJIcon } from '../BKJIcon/index.js';
-import { AlertText, BKJAlertWrapper, DismissButton, IconWrapper } from './BKJAlert.styled.js';
-const iconMap = {
-    dismissable: _jsx(BKJIcon, { iconName: "ClientPreferences", fontSize: 24 }, void 0),
-    warning: _jsx(BKJIcon, { iconName: "Warning", fontSize: 24 }, void 0),
-    conflict: _jsx(BKJIcon, { iconName: "Error", fontSize: 24 }, void 0),
-};
-export const BKJAlert = ({ status, onDismiss, children, ...rest }) => {
-    return (_jsxs(BKJAlertWrapper, Object.assign({}, rest, { children: [_jsx(IconWrapper, { children: iconMap[status] }, void 0),
-            _jsx(AlertText, Object.assign({ status: status }, { children: children }), void 0),
-            status === 'dismissable' && _jsx(DismissButton, Object.assign({ onClick: onDismiss }, { children: "Dismiss" }), void 0)] }), void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJIcon } from '../BKJIcon/index.js';
+import { AlertText, BKJAlertWrapper, DismissButton, IconWrapper } from './BKJAlert.styled.js';
+const iconMap = {
+    dismissable: _jsx(BKJIcon, { iconName: "ClientPreferences", fontSize: 24 }, void 0),
+    warning: _jsx(BKJIcon, { iconName: "Warning", fontSize: 24 }, void 0),
+    conflict: _jsx(BKJIcon, { iconName: "Error", fontSize: 24 }, void 0),
+};
+export const BKJAlert = ({ status, onDismiss, children, ...rest }) => {
+    return (_jsxs(BKJAlertWrapper, Object.assign({}, rest, { children: [_jsx(IconWrapper, { children: iconMap[status] }, void 0),
+            _jsx(AlertText, Object.assign({ status: status }, { children: children }), void 0),
+            status === 'dismissable' && _jsx(DismissButton, Object.assign({ onClick: onDismiss }, { children: "Dismiss" }), void 0)] }), void 0));
+};
 //# sourceMappingURL=BKJAlert.js.map

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

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJAlertProps } from './BKJAlert.types.js';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IBKJAlertProps>;
-    argTypes: {
-        children: {
-            name: string;
-            type: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<IBKJAlertProps>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJAlertProps } from './BKJAlert.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJAlertProps>;
+    argTypes: {
+        children: {
+            name: string;
+            type: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IBKJAlertProps>;
 //# sourceMappingURL=BKJAlert.stories.d.ts.map