@bookjane2/bookjane-design-library 7.3.2 → 7.3.3-4.1

package/lib/components/GenericErrorMessage/GenericErrorMessage.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { SadJaneIcon } from '../../assets/SadJaneIcon.js';
-import { GenericErrorMessageText, GenericErrorMessageWrapper } from './GenericErrorMessage.styled.js';
-export const isEnvDevelopment = [
-    'development',
-    'sandbox1',
-    'e2etest',
-    'sandbox2',
-    'sandbox3',
-    'sandbox4',
-    'sandbox5',
-    'sandbox6',
-    'sandbox7',
-    'sandbox8',
-    'sandbox9',
-    'tobox',
-    'tobox2',
-    'tobox3',
-].includes(process.env['REACT_APP_BKJ_ENVIRONMENT'] || 'default');
-export function GenericErrorMessage({ errorMessage, size = 'Small', width = '100%', height = '100%', direction = 'column', suppressMessage = false, isStyled = false, showLogo = true, ...rest }) {
-    return (_jsx(GenericErrorMessageWrapper, Object.assign({ isStyled: isStyled, size: size, width: width, height: height, direction: direction }, rest, { children: !suppressMessage && (_jsxs(Fragment, { children: [showLogo && _jsx(SadJaneIcon, { size: size, direction: direction }, void 0),
-                (process.env.NODE_ENV === 'development' || isEnvDevelopment) && errorMessage && (_jsx(GenericErrorMessageText, Object.assign({ size: size, direction: direction }, { children: errorMessage }), void 0)),
-                process.env.NODE_ENV === 'production' && errorMessage && (_jsxs(Fragment, { children: [_jsx(GenericErrorMessageText, Object.assign({ size: size, direction: direction }, { children: "Oops! Something went wrong" }), void 0),
-                        _jsx(GenericErrorMessageText, Object.assign({ size: size, direction: direction }, { children: "Try refreshing the browser" }), void 0)] }, void 0))] }, void 0)) }), void 0));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { SadJaneIcon } from '../../assets/SadJaneIcon.js';
+import { GenericErrorMessageText, GenericErrorMessageWrapper } from './GenericErrorMessage.styled.js';
+export const isEnvDevelopment = [
+    'development',
+    'sandbox1',
+    'e2etest',
+    'sandbox2',
+    'sandbox3',
+    'sandbox4',
+    'sandbox5',
+    'sandbox6',
+    'sandbox7',
+    'sandbox8',
+    'sandbox9',
+    'tobox',
+    'tobox2',
+    'tobox3',
+].includes(process.env['REACT_APP_BKJ_ENVIRONMENT'] || 'default');
+export function GenericErrorMessage({ errorMessage, size = 'Small', width = '100%', height = '100%', direction = 'column', suppressMessage = false, isStyled = false, showLogo = true, ...rest }) {
+    return (_jsx(GenericErrorMessageWrapper, Object.assign({ isStyled: isStyled, size: size, width: width, height: height, direction: direction }, rest, { children: !suppressMessage && (_jsxs(Fragment, { children: [showLogo && _jsx(SadJaneIcon, { size: size, direction: direction }, void 0),
+                (process.env.NODE_ENV === 'development' || isEnvDevelopment) && errorMessage && (_jsx(GenericErrorMessageText, Object.assign({ size: size, direction: direction }, { children: errorMessage }), void 0)),
+                process.env.NODE_ENV === 'production' && errorMessage && (_jsxs(Fragment, { children: [_jsx(GenericErrorMessageText, Object.assign({ size: size, direction: direction }, { children: "Oops! Something went wrong" }), void 0),
+                        _jsx(GenericErrorMessageText, Object.assign({ size: size, direction: direction }, { children: "Try refreshing the browser" }), void 0)] }, void 0))] }, void 0)) }), void 0));
+}
 //# sourceMappingURL=GenericErrorMessage.js.map

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

@@ -1,15 +1,15 @@
-interface IMessageTextProps {
-    size: 'Small' | 'Medium' | 'Large';
-    direction: 'column' | 'row';
-}
-export declare const GenericErrorMessageText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IMessageTextProps, never>;
-interface IMessageProps {
-    height?: string;
-    width?: string;
-    size: 'Small' | 'Medium' | 'Large';
-    direction: 'column' | 'row';
-    isStyled: boolean;
-}
-export declare const GenericErrorMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IMessageProps, never>;
-export {};
+interface IMessageTextProps {
+    size: 'Small' | 'Medium' | 'Large';
+    direction: 'column' | 'row';
+}
+export declare const GenericErrorMessageText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IMessageTextProps, never>;
+interface IMessageProps {
+    height?: string;
+    width?: string;
+    size: 'Small' | 'Medium' | 'Large';
+    direction: 'column' | 'row';
+    isStyled: boolean;
+}
+export declare const GenericErrorMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IMessageProps, never>;
+export {};
 //# sourceMappingURL=GenericErrorMessage.styled.d.ts.map

package/lib/components/GenericErrorMessage/GenericErrorMessage.styled.js

@@ -1,140 +1,140 @@
-import styled, { css } from 'styled-components';
-export const GenericErrorMessageText = styled.span `
-  text-align: center;
-  overflow: hidden;
-  width: 100%;
-  ${({ theme }) => theme.common.Ellipsis};
-  ${({ size, direction }) => {
-    if (direction === 'column') {
-        switch (size) {
-            case 'Small':
-                return css `
-            padding: 0px 20px 15px;
-          `;
-            case 'Medium':
-                return css `
-            padding: 0px 25px 15px;
-          `;
-            case 'Large':
-            default:
-                return css `
-            padding: 0px 25px 15px;
-          `;
-        }
-    }
-    else if (direction === 'row') {
-        switch (size) {
-            case 'Small':
-                return css ``;
-            case 'Medium':
-                return css ``;
-            case 'Large':
-            default:
-                return css `
-            text-align: left;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            padding-left: 40px;
-            transform: translate(-50%, -50%);
-          `;
-        }
-    }
-    return '';
-}}
-
-  ${({ direction }) => direction === 'column' &&
-    css `
-      justify-content: center;
-      text-align: center;
-    `}
-`;
-export const GenericErrorMessageWrapper = styled.div `
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  border-radius: 8px;
-
-  ${({ theme }) => theme.fonts.PoppinsText};
-
-  ${({ isStyled }) => isStyled &&
-    css `
-      background-color: ${({ theme }) => theme.colors.OtherDraftHover};
-      color: ${({ theme }) => theme.colors.TextHighlight1};
-      border: 1px solid ${({ theme }) => theme.colors.TextHighlight2};
-    `}
-  ${({ direction }) => direction === 'column' &&
-    css `
-      justify-content: center;
-    `}
-  ${({ theme }) => theme.common.Ellipsis};
-  ${({ size, direction }) => {
-    if (direction === 'row') {
-        switch (size) {
-            case 'Small':
-                return css `
-            padding: 10px 14px 10px 10px;
-            font-size: 12px;
-            line-height: 16px;
-          `;
-            case 'Medium':
-                return css `
-            padding: 10px 20px 10px 10px;
-            font-size: 14px;
-            line-height: 22px;
-          `;
-            case 'Large':
-            default:
-                return css `
-            padding: 10px 20px 10px 10px;
-            font-size: 16px;
-            line-height: 24px;
-          `;
-        }
-    }
-    else if (direction === 'column') {
-        switch (size) {
-            case 'Small':
-                return css `
-            padding: 10px 14px 10px 10px;
-            font-size: 12px;
-            line-height: 20px;
-          `;
-            case 'Medium':
-                return css `
-            padding: 10px 14px 10px 10px;
-            font-size: 14px;
-            line-height: 22px;
-          `;
-            case 'Large':
-            default:
-                return css `
-            padding: 10px 14px 10px 10px;
-            font-size: 16px;
-            line-height: 24px;
-          `;
-        }
-    }
-    return '';
-}};
-
-  ${({ height }) => height &&
-    css `
-      height: ${height};
-      max-height: ${height};
-      min-height: ${height};
-    `};
-
-  ${({ width }) => width &&
-    css `
-      width: ${width};
-      max-width: ${width};
-      min-width: ${width};
-    `};
-  ${({ direction }) => direction &&
-    css `
-      flex-direction: ${direction};
-    `};
-`;
+import styled, { css } from 'styled-components';
+export const GenericErrorMessageText = styled.span `
+  text-align: center;
+  overflow: hidden;
+  width: 100%;
+  ${({ theme }) => theme.common.Ellipsis};
+  ${({ size, direction }) => {
+    if (direction === 'column') {
+        switch (size) {
+            case 'Small':
+                return css `
+            padding: 0px 20px 15px;
+          `;
+            case 'Medium':
+                return css `
+            padding: 0px 25px 15px;
+          `;
+            case 'Large':
+            default:
+                return css `
+            padding: 0px 25px 15px;
+          `;
+        }
+    }
+    else if (direction === 'row') {
+        switch (size) {
+            case 'Small':
+                return css ``;
+            case 'Medium':
+                return css ``;
+            case 'Large':
+            default:
+                return css `
+            text-align: left;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            padding-left: 40px;
+            transform: translate(-50%, -50%);
+          `;
+        }
+    }
+    return '';
+}}
+
+  ${({ direction }) => direction === 'column' &&
+    css `
+      justify-content: center;
+      text-align: center;
+    `}
+`;
+export const GenericErrorMessageWrapper = styled.div `
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  border-radius: 8px;
+
+  ${({ theme }) => theme.fonts.PoppinsText};
+
+  ${({ isStyled }) => isStyled &&
+    css `
+      background-color: ${({ theme }) => theme.colors.OtherDraftHover};
+      color: ${({ theme }) => theme.colors.TextHighlight1};
+      border: 1px solid ${({ theme }) => theme.colors.TextHighlight2};
+    `}
+  ${({ direction }) => direction === 'column' &&
+    css `
+      justify-content: center;
+    `}
+  ${({ theme }) => theme.common.Ellipsis};
+  ${({ size, direction }) => {
+    if (direction === 'row') {
+        switch (size) {
+            case 'Small':
+                return css `
+            padding: 10px 14px 10px 10px;
+            font-size: 12px;
+            line-height: 16px;
+          `;
+            case 'Medium':
+                return css `
+            padding: 10px 20px 10px 10px;
+            font-size: 14px;
+            line-height: 22px;
+          `;
+            case 'Large':
+            default:
+                return css `
+            padding: 10px 20px 10px 10px;
+            font-size: 16px;
+            line-height: 24px;
+          `;
+        }
+    }
+    else if (direction === 'column') {
+        switch (size) {
+            case 'Small':
+                return css `
+            padding: 10px 14px 10px 10px;
+            font-size: 12px;
+            line-height: 20px;
+          `;
+            case 'Medium':
+                return css `
+            padding: 10px 14px 10px 10px;
+            font-size: 14px;
+            line-height: 22px;
+          `;
+            case 'Large':
+            default:
+                return css `
+            padding: 10px 14px 10px 10px;
+            font-size: 16px;
+            line-height: 24px;
+          `;
+        }
+    }
+    return '';
+}};
+
+  ${({ height }) => height &&
+    css `
+      height: ${height};
+      max-height: ${height};
+      min-height: ${height};
+    `};
+
+  ${({ width }) => width &&
+    css `
+      width: ${width};
+      max-width: ${width};
+      min-width: ${width};
+    `};
+  ${({ direction }) => direction &&
+    css `
+      flex-direction: ${direction};
+    `};
+`;
 //# sourceMappingURL=GenericErrorMessage.styled.js.map

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

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

package/lib/components/GenericErrorMessage/index.js

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

package/lib/components/InfiniteScrollLoading/InfiniteScrollLoading.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from 'react';
-import { IBKJComboBoxAsyncOption } from '../BKJComboBoxAsync/BKJComboBoxAsync.types.js';
-interface IInfiniteScrollLoading extends IBKJComboBoxAsyncOption, Omit<HTMLAttributes<HTMLDivElement>, 'id'> {
-    onViewportEnter: () => void;
-}
-export declare const InfiniteScrollLoading: import("react").ForwardRefExoticComponent<IInfiniteScrollLoading & import("react").RefAttributes<HTMLElement>>;
-export {};
+import { HTMLAttributes } from 'react';
+import { IBKJComboBoxAsyncOption } from '../BKJComboBoxAsync/BKJComboBoxAsync.types.js';
+interface IInfiniteScrollLoading extends IBKJComboBoxAsyncOption, Omit<HTMLAttributes<HTMLDivElement>, 'id'> {
+    onViewportEnter: () => void;
+}
+export declare const InfiniteScrollLoading: import("react").ForwardRefExoticComponent<IInfiniteScrollLoading & import("react").RefAttributes<HTMLElement>>;
+export {};
 //# sourceMappingURL=InfiniteScrollLoading.d.ts.map

package/lib/components/InfiniteScrollLoading/InfiniteScrollLoading.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useIntersectionObserver } from '../../hooks/useIntersectionObserver/index.js';
-import { BKJLoadingSpinner } from '../BKJLoadingSpinner/index.js';
-import { mergeRefs } from '../BKJSelect/utils/mergeRefs.js';
-import { InfiniteScrollLoadingWrapper } from './InfiniteScrollLoading.styled.js';
-export const InfiniteScrollLoading = forwardRef((props, forwardedRef) => {
-    const { onViewportEnter, id, ...rest } = props;
-    const ref = useIntersectionObserver(onViewportEnter);
-    return (_jsx(InfiniteScrollLoadingWrapper, Object.assign({}, rest, { id: String(id), ref: mergeRefs([ref, forwardedRef]) }, { children: _jsx(BKJLoadingSpinner, { variant: "Small" }, void 0) }), void 0));
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIntersectionObserver } from '../../hooks/useIntersectionObserver/index.js';
+import { BKJLoadingSpinner } from '../BKJLoadingSpinner/index.js';
+import { mergeRefs } from '../BKJSelect/utils/mergeRefs.js';
+import { InfiniteScrollLoadingWrapper } from './InfiniteScrollLoading.styled.js';
+export const InfiniteScrollLoading = forwardRef((props, forwardedRef) => {
+    const { onViewportEnter, id, ...rest } = props;
+    const ref = useIntersectionObserver(onViewportEnter);
+    return (_jsx(InfiniteScrollLoadingWrapper, Object.assign({}, rest, { id: String(id), ref: mergeRefs([ref, forwardedRef]) }, { children: _jsx(BKJLoadingSpinner, { variant: "Small" }, void 0) }), void 0));
+});
 //# sourceMappingURL=InfiniteScrollLoading.js.map

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

@@ -1,2 +1,2 @@
-export declare const InfiniteScrollLoadingWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InfiniteScrollLoadingWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=InfiniteScrollLoading.styled.d.ts.map

package/lib/components/InfiniteScrollLoading/InfiniteScrollLoading.styled.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from 'styled-components';
 export const InfiniteScrollLoadingWrapper = styled.div `
   color: ${({ theme }) => theme.colors.PrimaryDefault};
   background: none;
@@ -8,5 +8,5 @@ export const InfiniteScrollLoadingWrapper = styled.div `
   display: flex;
   justify-content: center;
   align-items: center;
-`;
+`;
 //# sourceMappingURL=InfiniteScrollLoading.styled.js.map

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

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

package/lib/components/InfiniteScrollLoading/index.js

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

package/lib/components/MobileBKJDropdownMenu/MobileBKJDropdownMenu.d.ts

@@ -0,0 +1,7 @@
+import { IBKJButtonProps } from '../BKJButton/BKJButton.types.js';
+import { FC } from 'react';
+export declare type IBKJDropdownMenuProps = IBKJButtonProps & {
+    label: string;
+};
+export declare const MobileBKJDropdownMenu: FC<IBKJDropdownMenuProps>;
+//# sourceMappingURL=MobileBKJDropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileBKJDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/MobileBKJDropdownMenu/MobileBKJDropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAKvE,OAAO,EAAE,EAAE,EAA+D,MAAM,OAAO,CAAC;AAKxF,oBAAY,qBAAqB,GAAG,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,qBAAqB,CA8G3D,CAAC"}

package/lib/components/MobileBKJDropdownMenu/MobileBKJDropdownMenu.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJButton } from '../BKJButton/index.js';
+import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
+import { mergeRefs } from '../BKJSelect/utils/mergeRefs.js';
+import { Portal } from '../Portal/Portal.js';
+import { useClickOutside } from '../../hooks/index.js';
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { usePopper } from 'react-popper';
+import { BKJIcon } from '../index.js';
+import { BKJDropdownMenuWrapper } from '../BKJDropdownMenu/BKJDropdownMenu.styled.js';
+export const MobileBKJDropdownMenu = ({ children, label, ...buttonProps }) => {
+    const [isOpen, setOpen] = useState(false);
+    const buttonRef = useRef();
+    const dropdownRef = useRef();
+    const [buttonElement, setButtonElement] = useState();
+    const [dropdownElement, setDropdownElement] = useState();
+    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('dropdown-root'));
+    const handleClose = useCallback((event) => {
+        if (buttonRef?.current && !buttonRef?.current.contains(event.target)) {
+            if (dropdownRef?.current && !dropdownRef?.current.contains(event.target)) {
+                setOpen(false);
+            }
+        }
+    }, []);
+    useClickOutside([buttonRef && buttonRef.current, dropdownRef && dropdownRef.current, dropdownElement], handleClose);
+    useEffect(() => {
+        if (!targetElement) {
+            const element = document.createElement('div');
+            element.setAttribute('id', 'dropdown-root');
+            document.body.prepend(element);
+            setTargetElement(element);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const modifiers = useMemo(() => {
+        return [
+            {
+                name: 'offset',
+                options: {
+                    offset: () => [0, 0],
+                },
+            },
+            {
+                name: 'sameWidth',
+                enabled: !buttonProps.width,
+                phase: 'beforeWrite',
+                requires: ['computeStyles'],
+                fn({ state }) {
+                    if (buttonProps.width)
+                        return void 0;
+                    state.styles.popper.minWidth = `${state.rects.reference.width}px`;
+                    state.styles.popper.maxWidth = `${state.rects.reference.width}px`;
+                },
+                effect({ state }) {
+                    if (buttonProps.width)
+                        return void 0;
+                    state.elements.popper.style.minWidth = `${state.elements.reference.offsetWidth}px`;
+                    state.elements.popper.style.maxWidth = `${state.elements.reference.offsetWidth}px`;
+                },
+            },
+        ];
+    }, []); // eslint-disable-line
+    const { styles, attributes } = usePopper(buttonElement, dropdownElement, {
+        modifiers,
+    });
+    const popperStyles = useMemo(() => ({
+        ...styles['popper'],
+        maxHeight: 'auto',
+        height: 'auto',
+        minHeight: 'auto',
+    }), [styles]);
+    const popperProps = useMemo(() => ({
+        style: popperStyles,
+        ...attributes['popper'],
+    }), [attributes, popperStyles]);
+    return (_jsxs(Fragment, { children: [_jsxs(BKJButton, Object.assign({}, buttonProps, { ref: mergeRefs([buttonRef, setButtonElement]), onClick: () => setOpen(!isOpen) }, { children: [_jsx("div", { children: label }, void 0),
+                    _jsx(BKJIcon, { color: "White", iconName: isOpen ? 'ArrowUp' : 'ArrowDown' }, void 0)] }), void 0),
+            isOpen && targetElement && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsx(BKJDropdownMenuWrapper, Object.assign({}, popperProps, { ref: mergeRefs([dropdownRef, setDropdownElement]), onClick: () => setOpen(false) }, { children: children }), void 0) }), void 0))] }, void 0));
+};
+//# sourceMappingURL=MobileBKJDropdownMenu.js.map

package/lib/components/MobileBKJDropdownMenu/MobileBKJDropdownMenu.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileBKJDropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MobileBKJDropdownMenu/MobileBKJDropdownMenu.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAyB,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;;;;AAEvF,wBAGE;AA6EF,eAAO,MAAM,OAAO,8BAAyC,CAAC"}

package/lib/components/MobileBKJDropdownMenu/MobileBKJDropdownMenu.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJMenuItem, Flex } from '../index.js';
+import { MobileBKJDropdownMenu } from './MobileBKJDropdownMenu.js';
+export default {
+    title: 'Basic Elements/MobileBKJDropdownMenu',
+    component: MobileBKJDropdownMenu,
+};
+const MobileBKJDropdownMenuTemplate = () => (_jsxs(Flex, Object.assign({ height: "500px", flexDirection: "column" }, { children: [_jsxs(MobileBKJDropdownMenu, Object.assign({ width: "207px", variant: "PurpleSolid", label: "Invite Members" }, { children: [_jsx(BKJMenuItem, Object.assign({ borderRadius: "14px 14px 0 0", width: "207px", onClick: () => console.log('Invite via Text Message') }, { children: "Invite via Text Message" }), void 0),
+                _jsx(BKJMenuItem, Object.assign({ width: "207px", onClick: () => console.log('Invite via Email') }, { children: "Invite via Email" }), void 0),
+                _jsx(BKJMenuItem, Object.assign({ borderRadius: "0 0 14px 14px", width: "207px", onClick: () => console.log('Import via Spreadsheet') }, { children: "Import via Spreadsheet" }), void 0)] }), void 0),
+        _jsx("div", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent efficitur efficitur leo ac dignissim. Nunc dapibus egestas mauris. Sed condimentum ullamcorper ultrices. Ut nulla erat, lacinia porttitor enim ac, molestie laoreet ex. Nullam molestie vitae sapien eu ornare. Sed ultricies tincidunt nibh, vel molestie nulla. Curabitur dapibus at turpis vitae congue. Quisque euismod, metus a pharetra ultricies, magna augue porta nulla, a aliquam lacus nisi sit amet ligula. Nam tincidunt, ex et vehicula vehicula, dui magna viverra libero, ac ornare tellus mi et lacus. Cras quis mauris id sapien ultricies blandit. Aliquam ac cursus urna. Ut feugiat fermentum urna, quis sodales mi viverra nec. Nunc lobortis dignissim elit, nec finibus magna ultrices ut. Vestibulum faucibus velit a urna eleifend varius. Sed ut metus venenatis, porttitor ligula a, porta lectus. Quisque ac nunc commodo, ultrices tellus id, egestas dolor. Proin nec tincidunt quam, eu euismod lacus. Morbi et mi ac nunc maximus efficitur. Nulla mattis ipsum nunc. Donec mollis, velit ut cursus convallis, nisi nisl porttitor nunc, sed semper elit libero a odio. Vestibulum sollicitudin, nunc non tempus ultrices, lacus ante consequat ex, a sollicitudin nibh neque et velit. Nullam elementum condimentum tellus a tristique. Integer dignissim, quam facilisis ultrices lacinia, tellus metus accumsan mauris, in maximus orci risus quis felis. Nunc euismod eros est, eget varius quam lobortis vel. Praesent posuere vel diam quis tincidunt. Cras elementum ligula at magna elementum dictum. Suspendisse tempor nisl id lorem dignissim fermentum non et nisl. Fusce suscipit libero sit amet lorem sagittis, ut tincidunt risus aliquam. Etiam euismod mattis enim a cursus. Quisque a massa eu augue finibus congue vel id justo. Mauris interdum lectus laoreet erat volutpat, id molestie erat fermentum. Aenean pharetra sapien nunc, at egestas lectus vulputate a. Donec dignissim arcu nec arcu lacinia convallis. Integer iaculis, tortor eget tempor maximus, orci tellus ornare felis, at consequat justo dui nec sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum erat nisl, tempus eget porttitor at, tincidunt id justo. Nunc ultrices, lorem vel finibus ullamcorper, urna orci condimentum nibh, eget fringilla risus orci id nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec nulla eget sem sollicitudin tristique ut a turpis. Quisque vestibulum blandit lectus vitae accumsan. In maximus, urna eu vestibulum hendrerit, nibh elit accumsan nisl, quis rutrum arcu tellus vitae lorem. Phasellus eget facilisis erat. In sit amet risus tincidunt, cursus ante sit amet, sollicitudin eros. Integer in dolor eget nulla viverra volutpat commodo at enim. Donec sed consequat turpis. In tincidunt turpis quis tellus sagittis porttitor. Etiam tincidunt urna nec varius auctor. In condimentum turpis eget neque condimentum fermentum. Phasellus vel sagittis ipsum. Mauris id aliquet turpis. Vivamus vitae arcu lorem. Fusce nec quam sed libero rutrum varius. Suspendisse facilisis finibus malesuada. Sed quis scelerisque arcu, sed blandit justo. Suspendisse potenti. Quisque id ex tempor, feugiat quam quis, suscipit nibh. Morbi sodales, turpis et efficitur luctus, tellus nisl scelerisque nunc, eget sollicitudin dui nisi at dolor. Cras rhoncus venenatis eleifend. Praesent quis euismod leo, sed venenatis lacus. Nullam nec luctus eros." }, void 0),
+        _jsxs(MobileBKJDropdownMenu, Object.assign({ width: "207px", variant: "PurpleSolid", label: "Invite Members" }, { children: [_jsx(BKJMenuItem, Object.assign({ borderRadius: "14px 14px 0 0", width: "207px" }, { children: "Invite via Text Message" }), void 0),
+                _jsx(BKJMenuItem, Object.assign({ width: "207px" }, { children: "Invite via Email" }), void 0),
+                _jsx(BKJMenuItem, Object.assign({ borderRadius: "0 0 14px 14px", width: "207px" }, { children: "Import via Spreadsheet" }), void 0)] }), void 0)] }), void 0));
+export const Default = MobileBKJDropdownMenuTemplate.bind({});
+//# sourceMappingURL=MobileBKJDropdownMenu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileBKJDropdownMenu.stories.js","sourceRoot":"","sources":["../../../src/components/MobileBKJDropdownMenu/MobileBKJDropdownMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAyB,MAAM,yBAAyB,CAAC;AAEvF,eAAe;IACb,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEF,MAAM,6BAA6B,GAAiC,GAAG,EAAE,CAAC,CACxE,MAAC,IAAI,kBAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,QAAQ,iBACzC,MAAC,qBAAqB,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,iBAC/E,KAAC,WAAW,kBACV,YAAY,EAAC,eAAe,EAC5B,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,qDAGzC;gBACd,KAAC,WAAW,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,8CAE3D;gBACd,KAAC,WAAW,kBACV,YAAY,EAAC,eAAe,EAC5B,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,oDAGxC,aACQ;QAExB,g8GAuCM;QAEN,MAAC,qBAAqB,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,iBAC/E,KAAC,WAAW,kBAAC,YAAY,EAAC,eAAe,EAAC,KAAK,EAAC,OAAO,qDAEzC;gBACd,KAAC,WAAW,kBAAC,KAAK,EAAC,OAAO,8CAA+B;gBACzD,KAAC,WAAW,kBAAC,YAAY,EAAC,eAAe,EAAC,KAAK,EAAC,OAAO,oDAEzC,aACQ,aACnB,CACR,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,6BAA6B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}

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

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

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

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

package/lib/components/MobileBKJDropdownMenu/index.js

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

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

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

package/lib/components/Portal/Portal.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { IPortalProps } from './Portal.types.js';
-export declare class Portal extends React.Component<IPortalProps> {
-    el: HTMLDivElement;
-    constructor(props: IPortalProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { IPortalProps } from './Portal.types.js';
+export declare class Portal extends React.Component<IPortalProps> {
+    el: HTMLDivElement;
+    constructor(props: IPortalProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=Portal.d.ts.map