@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/Dialog/InfoDialog.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useEffect } from 'react';
-import { useConsolidatedRef, useEscape, useFocusTrap, useI18n, useOuterEvent, useUID } from '../../hooks';
-import Text from '../Text';
-import Icon from '../Icon';
-import Progress from '../Progress';
-import Flex from '../Flex';
-import SummaryItem from '../SummaryItem';
-import { getFocusables } from '../../utils';
-import { StyledChildrenWrap, StyledDialogContent, StyledDialogHeader } from './Dialog.styles';
-import { StyledDismissButton, StyledInfoDialog } from './InfoDialog.styles';
-const InfoDialog = forwardRef(function InfoDialog({ target, heading: headingProp, children, progress: progressProp, onDismiss, ...restProps }, ref) {
-    const t = useI18n();
-    const headingId = useUID();
-    const dialogRef = useConsolidatedRef(ref);
-    const dialogContentRef = useRef(null);
-    const closeButtonRef = useRef(null);
-    const setFocus = () => {
-        if (progressProp)
-            return;
-        const focusables = getFocusables(dialogRef);
-        const focusable = focusables.find(el => {
-            return dialogContentRef.current?.contains(el);
-        }) ??
-            closeButtonRef.current ??
-            focusables[0];
-        focusable?.focus();
-    };
-    useEscape(e => {
-        onDismiss?.();
-        e.stopPropagation();
-    }, dialogRef, [onDismiss]);
-    useOuterEvent('mousedown', [target, dialogRef], () => {
-        onDismiss?.();
-    });
-    useFocusTrap(dialogRef);
-    useEffect(() => {
-        if (!progressProp) {
-            setFocus();
-        }
-    }, [progressProp]);
-    useEffect(() => {
-        return () => {
-            if (document.contains(target)) {
-                target.focus();
-            }
-        };
-    }, []);
-    const heading = headingProp ? (_jsx(Text, { id: headingId, variant: 'h2', children: typeof headingProp === 'string' ? headingProp : headingProp.primary })) : null;
-    const progress = (_jsx(Progress, { visible: !!progressProp, focusOnVisible: true, placement: 'local', message: typeof progressProp === 'string' ? progressProp : undefined }));
-    const dismissButton = (_jsx(StyledDismissButton, { icon: true, variant: 'simple', onClick: () => {
-            onDismiss();
-        }, label: t('close'), ref: closeButtonRef, children: _jsx(Icon, { name: 'times' }) }));
-    return (_jsxs(StyledInfoDialog, { ...restProps, ...(typeof headingProp === 'string'
-            ? { labelledbyId: headingId }
-            : { ariaLabel: headingProp?.primary }), arrow: true, target: target, progress: progressProp, ref: dialogRef, children: [headingProp && heading && (_jsxs(Flex, { container: { alignItems: 'center', justify: 'between', pad: 2, gap: 1 }, item: { shrink: 0 }, as: StyledDialogHeader, children: [typeof headingProp === 'string' ? (heading) : (_jsx(SummaryItem, { primary: heading, secondary: headingProp.secondary ? (_jsx(Text, { variant: 'secondary', children: headingProp.secondary })) : undefined, visual: headingProp.visual })), dismissButton] })), (!headingProp || children || progressProp) && (_jsxs(Flex, { container: { direction: 'column' }, item: { grow: 1 }, as: StyledDialogContent, ref: dialogContentRef, children: [!headingProp && dismissButton, children && (_jsx(StyledChildrenWrap, { inert: progressProp ? '' : undefined, children: children })), progress] }))] }));
-});
-export default InfoDialog;
-//# sourceMappingURL=InfoDialog.js.map

package/lib/components/Dialog/InfoDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/InfoDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, PropsWithoutRef, useRef, FC, useEffect, HTMLAttributes } from 'react';\n\nimport {\n  useConsolidatedRef,\n  useEscape,\n  useFocusTrap,\n  useI18n,\n  useOuterEvent,\n  useUID\n} from '../../hooks';\nimport Text from '../Text';\nimport Icon from '../Icon';\nimport Progress from '../Progress';\nimport Flex from '../Flex';\nimport SummaryItem from '../SummaryItem';\nimport { getFocusables } from '../../utils';\n\nimport { StyledChildrenWrap, StyledDialogContent, StyledDialogHeader } from './Dialog.styles';\nimport { InfoDialogProps } from './Dialog.types';\nimport { StyledDismissButton, StyledInfoDialog } from './InfoDialog.styles';\n\nconst InfoDialog: FC<InfoDialogProps & HTMLAttributes<HTMLDivElement>> = forwardRef(\n  function InfoDialog(\n    {\n      target,\n      heading: headingProp,\n      children,\n      progress: progressProp,\n      onDismiss,\n      ...restProps\n    }: PropsWithoutRef<InfoDialogProps>,\n    ref: InfoDialogProps['ref']\n  ) {\n    const t = useI18n();\n    const headingId = useUID();\n    const dialogRef = useConsolidatedRef(ref);\n    const dialogContentRef = useRef<HTMLDivElement>(null);\n    const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n    const setFocus = () => {\n      if (progressProp) return;\n\n      const focusables = getFocusables(dialogRef);\n\n      const focusable =\n        focusables.find(el => {\n          return dialogContentRef.current?.contains(el);\n        }) ??\n        closeButtonRef.current ??\n        focusables[0];\n\n      focusable?.focus();\n    };\n\n    useEscape(\n      e => {\n        onDismiss?.();\n        e.stopPropagation();\n      },\n      dialogRef,\n      [onDismiss]\n    );\n\n    useOuterEvent('mousedown', [target, dialogRef], () => {\n      onDismiss?.();\n    });\n\n    useFocusTrap(dialogRef);\n\n    useEffect(() => {\n      if (!progressProp) {\n        setFocus();\n      }\n    }, [progressProp]);\n\n    useEffect(() => {\n      return () => {\n        if (document.contains(target)) {\n          target.focus();\n        }\n      };\n    }, []);\n\n    const heading = headingProp ? (\n      <Text id={headingId} variant='h2'>\n        {typeof headingProp === 'string' ? headingProp : headingProp.primary}\n      </Text>\n    ) : null;\n\n    const progress = (\n      <Progress\n        visible={!!progressProp}\n        focusOnVisible\n        placement='local'\n        message={typeof progressProp === 'string' ? progressProp : undefined}\n      />\n    );\n\n    const dismissButton = (\n      <StyledDismissButton\n        icon\n        variant='simple'\n        onClick={() => {\n          onDismiss();\n        }}\n        label={t('close')}\n        ref={closeButtonRef}\n      >\n        <Icon name='times' />\n      </StyledDismissButton>\n    );\n\n    return (\n      <StyledInfoDialog\n        {...restProps}\n        {...(typeof headingProp === 'string'\n          ? { labelledbyId: headingId }\n          : { ariaLabel: headingProp?.primary })}\n        arrow\n        target={target}\n        progress={progressProp}\n        ref={dialogRef}\n      >\n        {headingProp && heading && (\n          <Flex\n            container={{ alignItems: 'center', justify: 'between', pad: 2, gap: 1 }}\n            item={{ shrink: 0 }}\n            as={StyledDialogHeader}\n          >\n            {typeof headingProp === 'string' ? (\n              heading\n            ) : (\n              <SummaryItem\n                primary={heading}\n                secondary={\n                  headingProp.secondary ? (\n                    <Text variant='secondary'>{headingProp.secondary}</Text>\n                  ) : undefined\n                }\n                visual={headingProp.visual}\n              />\n            )}\n            {dismissButton}\n          </Flex>\n        )}\n\n        {(!headingProp || children || progressProp) && (\n          <Flex\n            container={{ direction: 'column' }}\n            item={{ grow: 1 }}\n            as={StyledDialogContent}\n            ref={dialogContentRef}\n          >\n            {!headingProp && dismissButton}\n            {children && (\n              <StyledChildrenWrap inert={progressProp ? '' : undefined}>\n                {children}\n              </StyledChildrenWrap>\n            )}\n            {progress}\n          </Flex>\n        )}\n      </StyledInfoDialog>\n    );\n  }\n);\n\nexport default InfoDialog;\n"]}

package/lib/components/Dialog/InfoDialog.styles.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledDismissButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Button").ButtonProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledInfoDialog: import("styled-components").StyledComponent<import("react").FC<import("./Dialog.types").BaseDialogProps & {
-    labelledbyId?: string | undefined;
-    ariaLabel?: string | undefined;
-} & import("react").HTMLAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=InfoDialog.styles.d.ts.map

package/lib/components/Dialog/InfoDialog.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoDialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/InfoDialog.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB,qMAAmB,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;yGAS3B,CAAC"}

package/lib/components/Dialog/InfoDialog.styles.js

@@ -1,18 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import Button from '../Button';
-import Dialog from './Dialog';
-import { StyledDialogContent } from './Dialog.styles';
-export const StyledDismissButton = styled(Button) ``;
-export const StyledInfoDialog = styled(Dialog)(({ theme }) => {
-    return css `
-    /* When a header is not rendered(e.g. progress state) the button must positioned atop. */
-    ${StyledDialogContent} > ${StyledDismissButton} {
-      position: relative;
-      z-index: calc(${theme.base['z-index'].backdrop} + 1);
-      align-self: end;
-    }
-  `;
-});
-StyledInfoDialog.defaultProps = defaultThemeProp;
-//# sourceMappingURL=InfoDialog.styles.js.map

package/lib/components/Dialog/InfoDialog.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoDialog.styles.js","sourceRoot":"","sources":["../../../src/components/Dialog/InfoDialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,EAAE,CAAC;AAEpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3D,OAAO,GAAG,CAAA;;MAEN,mBAAmB,MAAM,mBAAmB;;sBAE5B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ;;;GAGjD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport Button from '../Button';\n\nimport Dialog from './Dialog';\nimport { StyledDialogContent } from './Dialog.styles';\n\nexport const StyledDismissButton = styled(Button)``;\n\nexport const StyledInfoDialog = styled(Dialog)(({ theme }) => {\n  return css`\n    /* When a header is not rendered(e.g. progress state) the button must positioned atop. */\n    ${StyledDialogContent} > ${StyledDismissButton} {\n      position: relative;\n      z-index: calc(${theme.base['z-index'].backdrop} + 1);\n      align-self: end;\n    }\n  `;\n});\n\nStyledInfoDialog.defaultProps = defaultThemeProp;\n"]}

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

@@ -1,4 +0,0 @@
-export { default as FormDialog } from './FormDialog';
-export { default as InfoDialog } from './InfoDialog';
-export type { FormDialogProps, InfoDialogProps, DialogHandleValue } from './Dialog.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/Dialog/index.js

@@ -1,3 +0,0 @@
-export { default as FormDialog } from './FormDialog';
-export { default as InfoDialog } from './InfoDialog';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default as FormDialog } from './FormDialog';\nexport { default as InfoDialog } from './InfoDialog';\nexport type { FormDialogProps, InfoDialogProps, DialogHandleValue } from './Dialog.types';\n"]}

package/lib/components/Drawer/Drawer.d.ts

@@ -1,58 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { AsProp, BaseProps, ForwardProps } from '../../types';
-export interface DrawerProps extends AsProp, BaseProps {
-    /**
-     * If true, the Drawer will be visible.
-     * @default false
-     */
-    open: boolean;
-    /** Content of the Drawer. */
-    children?: ReactNode;
-    /**
-     * Determines whether a drop shadow should be visible along the edge of the Drawer for contrast purposes.
-     * @default false
-     */
-    shadow?: boolean;
-    /**
-     * Used to determine which side of the viewport the Drawer should open from.
-     * @default 'right'
-     */
-    placement?: 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * The position of the Drawer.
-     * @default 'absolute'
-     */
-    position?: 'absolute' | 'fixed';
-    /**
-     * Determines the speed of the transition. This value comes from `theme.base.animation.speed`.
-     * @default '0.25s'
-     */
-    transitionSpeed?: string;
-    /**
-     * The width or height that the Drawer will open to, depending on its placement.
-     * @default '100%'
-     */
-    size?: string;
-    /** Callback fired after Drawer opens. */
-    onAfterOpen?: () => void;
-    /** Callback fired after Drawer closes. */
-    onAfterClose?: () => void;
-    /** Callback fired before Drawer opens. */
-    onBeforeOpen?: () => void;
-    /** Callback fired before Drawer closes. */
-    onBeforeClose?: () => void;
-    /** Callback fired when a click action occurs outside of the Drawer. */
-    onOuterClick?: () => void;
-    /**
-     * If true, removes the component from the real DOM when closed. For full virtual DOM unmount(if necessary), perform at a parent level.
-     * @default false
-     */
-    nullWhenClosed?: boolean;
-}
-type State = 'open' | 'closed' | 'opening' | 'closing';
-export declare const StyledDrawer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Partial<DrawerProps & {
-    state: State;
-}>, never>;
-declare const Drawer: FunctionComponent<DrawerProps & ForwardProps>;
-export default Drawer;
-//# sourceMappingURL=Drawer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,iBAAiB,EAEjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI9D,MAAM,WAAW,WAAY,SAAQ,MAAM,EAAE,SAAS;IACpD;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvD,eAAO,MAAM,YAAY;WAA6C,KAAK;UAkCzE,CAAC;AAIH,QAAA,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,GAAG,YAAY,CA2ExD,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/lib/components/Drawer/Drawer.js

@@ -1,76 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useCallback, forwardRef, useState } from 'react';
-import styled, { css } from 'styled-components';
-import { useOuterEvent, useConsolidatedRef, usePrevious } from '../../hooks';
-import { reflow } from '../../utils';
-import { defaultThemeProp } from '../../theme';
-export const StyledDrawer = styled.div(props => {
-    const { state, shadow, position, placement, transitionSpeed, size, theme } = props;
-    let dimension = 'horizontal';
-    let axis = 'X';
-    let anchor = 'top';
-    if (placement === 'top' || placement === 'bottom') {
-        dimension = 'vertical';
-        axis = 'Y';
-        anchor = 'left';
-    }
-    const translate = state === 'open' || state === 'opening' ? 0 : '100%';
-    const speed = transitionSpeed || theme.base.animation.speed;
-    return css `
-    z-index: ${theme.base['z-index'].drawer};
-    position: ${position};
-    ${placement}: 0;
-    ${anchor}: 0;
-    height: ${dimension === 'vertical' ? size : '100%'};
-    width: ${dimension === 'horizontal' ? size : '100%'};
-    transition-property: transform, box-shadow, opacity;
-    transition-duration: max(${speed}, 0.0001s);
-    transition-timing-function: ${theme.base.animation.timing.ease};
-    transform: ${state === 'open'
-        ? 'none'
-        : `translate${axis}(${placement === 'top' || placement === 'left' ? '-' : ''}${translate})`};
-
-    ${shadow &&
-        css `
-      box-shadow: ${theme.base.shadow.high};
-    `}
-  `;
-});
-StyledDrawer.defaultProps = defaultThemeProp;
-const Drawer = forwardRef(function Drawer(props, ref) {
-    const { open = false, shadow = false, position = 'absolute', children, placement = 'right', transitionSpeed, size = '100%', onAfterOpen, onAfterClose, onBeforeOpen, onBeforeClose, onOuterClick, nullWhenClosed = false, ...restProps } = props;
-    const drawerRef = useConsolidatedRef(ref);
-    const [state, setState] = useState(open ? 'open' : 'closed');
-    let prevState = usePrevious(state);
-    if (!prevState)
-        prevState = state;
-    useOuterEvent('mousedown', [drawerRef], useCallback(() => {
-        if (open)
-            onOuterClick?.();
-    }, [open, onOuterClick]));
-    useEffect(() => {
-        if (open && (state === 'closed' || state === 'closing')) {
-            onBeforeOpen?.();
-            reflow(drawerRef.current);
-            setState('opening');
-        }
-        else if (!open && (state === 'open' || state === 'opening')) {
-            onBeforeClose?.();
-            setState('closing');
-        }
-        else if (open && state === 'open' && prevState !== 'open') {
-            onAfterOpen?.();
-        }
-        else if (!open && state === 'closed' && prevState !== 'closed') {
-            onAfterClose?.();
-        }
-    }, [open, state, prevState, onBeforeOpen, onBeforeClose, onAfterOpen, onAfterClose]);
-    const onTransitionEnd = useCallback((e) => {
-        if (e.target !== drawerRef.current || e.propertyName !== 'transform')
-            return;
-        setState(open ? 'open' : 'closed');
-    }, [open]);
-    return state === 'closed' && !open && nullWhenClosed ? null : (_jsx(StyledDrawer, { ref: drawerRef, position: position, shadow: shadow && open, transitionSpeed: transitionSpeed, placement: placement, size: size, open: open, state: state, onTransitionEnd: onTransitionEnd, ...restProps, children: children }));
-});
-export default Drawer;
-//# sourceMappingURL=Drawer.js.map

package/lib/components/Drawer/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect,\n  Ref,\n  useCallback,\n  FunctionComponent,\n  forwardRef,\n  ReactNode,\n  TransitionEvent,\n  useState\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { useOuterEvent, useConsolidatedRef, usePrevious } from '../../hooks';\nimport { AsProp, BaseProps, ForwardProps } from '../../types';\nimport { reflow } from '../../utils';\nimport { defaultThemeProp } from '../../theme';\n\nexport interface DrawerProps extends AsProp, BaseProps {\n  /**\n   * If true, the Drawer will be visible.\n   * @default false\n   */\n  open: boolean;\n  /** Content of the Drawer. */\n  children?: ReactNode;\n  /**\n   * Determines whether a drop shadow should be visible along the edge of the Drawer for contrast purposes.\n   * @default false\n   */\n  shadow?: boolean;\n  /**\n   * Used to determine which side of the viewport the Drawer should open from.\n   * @default 'right'\n   */\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * The position of the Drawer.\n   * @default 'absolute'\n   */\n  position?: 'absolute' | 'fixed';\n  /**\n   * Determines the speed of the transition. This value comes from `theme.base.animation.speed`.\n   * @default '0.25s'\n   */\n  transitionSpeed?: string;\n  /**\n   * The width or height that the Drawer will open to, depending on its placement.\n   * @default '100%'\n   */\n  size?: string;\n  /** Callback fired after Drawer opens. */\n  onAfterOpen?: () => void;\n  /** Callback fired after Drawer closes. */\n  onAfterClose?: () => void;\n  /** Callback fired before Drawer opens. */\n  onBeforeOpen?: () => void;\n  /** Callback fired before Drawer closes. */\n  onBeforeClose?: () => void;\n  /** Callback fired when a click action occurs outside of the Drawer. */\n  onOuterClick?: () => void;\n  /**\n   * If true, removes the component from the real DOM when closed. For full virtual DOM unmount(if necessary), perform at a parent level.\n   * @default false\n   */\n  nullWhenClosed?: boolean;\n}\n\ntype State = 'open' | 'closed' | 'opening' | 'closing';\n\nexport const StyledDrawer = styled.div<Partial<DrawerProps & { state: State }>>(props => {\n  const { state, shadow, position, placement, transitionSpeed, size, theme } = props;\n  let dimension = 'horizontal';\n  let axis = 'X';\n  let anchor = 'top';\n\n  if (placement === 'top' || placement === 'bottom') {\n    dimension = 'vertical';\n    axis = 'Y';\n    anchor = 'left';\n  }\n\n  const translate = state === 'open' || state === 'opening' ? 0 : '100%';\n  const speed = transitionSpeed || theme.base.animation.speed;\n\n  return css`\n    z-index: ${theme.base['z-index'].drawer};\n    position: ${position};\n    ${placement}: 0;\n    ${anchor}: 0;\n    height: ${dimension === 'vertical' ? size : '100%'};\n    width: ${dimension === 'horizontal' ? size : '100%'};\n    transition-property: transform, box-shadow, opacity;\n    transition-duration: max(${speed}, 0.0001s);\n    transition-timing-function: ${theme.base.animation.timing.ease};\n    transform: ${state === 'open'\n      ? 'none'\n      : `translate${axis}(${placement === 'top' || placement === 'left' ? '-' : ''}${translate})`};\n\n    ${shadow &&\n    css`\n      box-shadow: ${theme.base.shadow.high};\n    `}\n  `;\n});\n\nStyledDrawer.defaultProps = defaultThemeProp;\n\nconst Drawer: FunctionComponent<DrawerProps & ForwardProps> = forwardRef(function Drawer(\n  props: DrawerProps,\n  ref: Ref<HTMLElement>\n) {\n  const {\n    open = false,\n    shadow = false,\n    position = 'absolute',\n    children,\n    placement = 'right',\n    transitionSpeed,\n    size = '100%',\n    onAfterOpen,\n    onAfterClose,\n    onBeforeOpen,\n    onBeforeClose,\n    onOuterClick,\n    nullWhenClosed = false,\n    ...restProps\n  } = props;\n\n  const drawerRef = useConsolidatedRef(ref);\n\n  const [state, setState] = useState<State>(open ? 'open' : 'closed');\n\n  let prevState = usePrevious(state);\n  if (!prevState) prevState = state;\n\n  useOuterEvent(\n    'mousedown',\n    [drawerRef],\n    useCallback(() => {\n      if (open) onOuterClick?.();\n    }, [open, onOuterClick])\n  );\n\n  useEffect(() => {\n    if (open && (state === 'closed' || state === 'closing')) {\n      onBeforeOpen?.();\n      reflow(drawerRef.current);\n      setState('opening');\n    } else if (!open && (state === 'open' || state === 'opening')) {\n      onBeforeClose?.();\n      setState('closing');\n    } else if (open && state === 'open' && prevState !== 'open') {\n      onAfterOpen?.();\n    } else if (!open && state === 'closed' && prevState !== 'closed') {\n      onAfterClose?.();\n    }\n  }, [open, state, prevState, onBeforeOpen, onBeforeClose, onAfterOpen, onAfterClose]);\n\n  const onTransitionEnd = useCallback(\n    (e: TransitionEvent): void => {\n      if (e.target !== drawerRef.current || e.propertyName !== 'transform') return;\n      setState(open ? 'open' : 'closed');\n    },\n    [open]\n  );\n\n  return state === 'closed' && !open && nullWhenClosed ? null : (\n    <StyledDrawer\n      ref={drawerRef}\n      position={position}\n      shadow={shadow && open}\n      transitionSpeed={transitionSpeed}\n      placement={placement}\n      size={size}\n      open={open}\n      state={state}\n      onTransitionEnd={onTransitionEnd}\n      {...restProps}\n    >\n      {children}\n    </StyledDrawer>\n  );\n});\n\nexport default Drawer;\n"]}

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

@@ -1,3 +0,0 @@
-export { default, StyledDrawer } from './Drawer';
-export type { DrawerProps } from './Drawer';
-//# sourceMappingURL=index.d.ts.map

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

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

package/lib/components/Drawer/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default, StyledDrawer } from './Drawer';\nexport type { DrawerProps } from './Drawer';\n"]}

package/lib/components/Email/EmailDisplay.d.ts

@@ -1,18 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
-export interface EmailDisplayProps extends BaseProps, NoChildrenProp {
-    /** Email address, no 'mailto:' scheme */
-    value?: string;
-    /** The text to be displayed. */
-    displayText?: string;
-    /**
-     * Controls styling of the field.
-     * @default 'link'
-     */
-    variant?: 'link' | 'text';
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;
-}
-declare const EmailDisplay: FunctionComponent<EmailDisplayProps & ForwardProps>;
-export default EmailDisplay;
-//# sourceMappingURL=EmailDisplay.d.ts.map

package/lib/components/Email/EmailDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmailDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Email/EmailDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAItE,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,cAAc;IAClE,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,eAAe,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,YAAY,CAgBrE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Email/EmailDisplay.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import Link from '../Link';
-import NoValue from '../NoValue/NoValue';
-const EmailDisplay = forwardRef(function EmailDisplay({ value, displayText, variant = 'link', ...restProps }, ref) {
-    const displayValue = value ? displayText || value : _jsx(NoValue, {});
-    return variant === 'text' || !value ? (_jsx("span", { ref: ref, ...restProps, children: displayValue })) : (_jsx(Link, { ref: ref, ...restProps, href: `mailto:${value}`, children: displayValue }));
-});
-export default EmailDisplay;
-//# sourceMappingURL=EmailDisplay.js.map

package/lib/components/Email/EmailDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmailDisplay.js","sourceRoot":"","sources":["../../../src/components/Email/EmailDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAG5E,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAgBzC,MAAM,YAAY,GAAwD,UAAU,CAClF,SAAS,YAAY,CACnB,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,SAAS,EAAsC,EAC1F,GAA6B;IAE7B,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,CAAC;IAChE,OAAO,OAAO,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACpC,eAAM,GAAG,EAAE,GAAG,KAAM,SAAS,YAC1B,YAAY,GACR,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,GAA6B,KAAM,SAAS,EAAE,IAAI,EAAE,UAAU,KAAK,EAAE,YAC7E,YAAY,GACR,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport Link from '../Link';\nimport NoValue from '../NoValue/NoValue';\n\nexport interface EmailDisplayProps extends BaseProps, NoChildrenProp {\n  /** Email address, no 'mailto:' scheme */\n  value?: string;\n  /** The text to be displayed. */\n  displayText?: string;\n  /**\n   * Controls styling of the field.\n   * @default 'link'\n   */\n  variant?: 'link' | 'text';\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\nconst EmailDisplay: FunctionComponent<EmailDisplayProps & ForwardProps> = forwardRef(\n  function EmailDisplay(\n    { value, displayText, variant = 'link', ...restProps }: PropsWithoutRef<EmailDisplayProps>,\n    ref: EmailDisplayProps['ref']\n  ) {\n    const displayValue = value ? displayText || value : <NoValue />;\n    return variant === 'text' || !value ? (\n      <span ref={ref} {...restProps}>\n        {displayValue}\n      </span>\n    ) : (\n      <Link ref={ref as Ref<HTMLAnchorElement>} {...restProps} href={`mailto:${value}`}>\n        {displayValue}\n      </Link>\n    );\n  }\n);\n\nexport default EmailDisplay;\n"]}

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

@@ -1,3 +0,0 @@
-export { default as EmailDisplay } from './EmailDisplay';
-export type { EmailDisplayProps } from './EmailDisplay';
-//# sourceMappingURL=index.d.ts.map

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

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

package/lib/components/Email/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Email/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default as EmailDisplay } from './EmailDisplay';\nexport type { EmailDisplayProps } from './EmailDisplay';\n"]}

package/lib/components/EmojiPicker/EmojiDisplay.d.ts

@@ -1,11 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { BaseProps, NoChildrenProp } from '../../types';
-export interface EmojiDisplayProps extends BaseProps, NoChildrenProp {
-    /** Content to be displayed */
-    content: ReactNode;
-    /** Size of emoji */
-    size?: number;
-}
-declare const EmojiDisplay: FunctionComponent<EmojiDisplayProps>;
-export default EmojiDisplay;
-//# sourceMappingURL=EmojiDisplay.d.ts.map

package/lib/components/EmojiPicker/EmojiDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAKxD,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,cAAc;IAClE,8BAA8B;IAC9B,OAAO,EAAE,SAAS,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAOD,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAmBtD,CAAC;AACF,eAAe,YAAY,CAAC"}

package/lib/components/EmojiPicker/EmojiDisplay.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext } from 'react';
-import styled from 'styled-components';
-import emojiRegex from 'emoji-regex';
-import { getEmojiDataFromNative, Emoji } from 'emoji-mart';
-import data from 'emoji-mart/data/all.json';
-import { replaceMatchWithElement } from '../../utils';
-import { EmojiContext } from './EmojiPicker';
-const StyledEmojiDisplay = styled.span `
-  .emoji-mart-emoji {
-    line-height: 1;
-    vertical-align: middle;
-  }
-`;
-const EmojiDisplay = props => {
-    const { content, size = 20, ...restProps } = props;
-    const regex = emojiRegex();
-    let msgArr = [];
-    const { set: emojiSet } = useContext(EmojiContext);
-    if (typeof content === 'string' && emojiSet) {
-        const renderEmoji = (eMatch) => {
-            const emojiData = getEmojiDataFromNative(eMatch, emojiSet, data);
-            return emojiData && _jsx(Emoji, { set: emojiSet, emoji: emojiData, size: size });
-        };
-        if (content.split(regex).length > 1) {
-            msgArr = replaceMatchWithElement(content, regex, renderEmoji);
-        }
-    }
-    return emojiSet && msgArr.length >= 1 ? (_jsx(StyledEmojiDisplay, { ...restProps, children: msgArr })) : (_jsx(_Fragment, { children: content }));
-};
-export default EmojiDisplay;
-//# sourceMappingURL=EmojiDisplay.js.map

package/lib/components/EmojiPicker/EmojiDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiDisplay.js","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAgC,MAAM,OAAO,CAAC;AACjE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,KAAK,EAAsB,MAAM,YAAY,CAAC;AAC/E,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAG5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAQ7C,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKrC,CAAC;AACF,MAAM,YAAY,GAAyC,KAAK,CAAC,EAAE;IACjE,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,IAAI,MAAM,GAAkB,EAAE,CAAC;IAC/B,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACnD,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,QAAQ,EAAE;QAC3C,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE;YACrC,MAAM,SAAS,GAAG,sBAAsB,CAAC,MAAM,EAAE,QAAQ,EAAE,IAA6B,CAAC,CAAC;YAC1F,OAAO,SAAS,IAAI,KAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QAC7E,CAAC,CAAC;QACF,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,MAAM,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;SAC/D;KACF;IACD,OAAO,QAAQ,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CACtC,KAAC,kBAAkB,OAAK,SAAS,YAAG,MAAM,GAAsB,CACjE,CAAC,CAAC,CAAC,CACF,4BAAG,OAAO,GAAI,CACf,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,YAAY,CAAC","sourcesContent":["import { useContext, FunctionComponent, ReactNode } from 'react';\nimport styled from 'styled-components';\nimport emojiRegex from 'emoji-regex';\nimport { getEmojiDataFromNative, Emoji, Data as NativeData } from 'emoji-mart';\nimport data from 'emoji-mart/data/all.json';\n\nimport { BaseProps, NoChildrenProp } from '../../types';\nimport { replaceMatchWithElement } from '../../utils';\n\nimport { EmojiContext } from './EmojiPicker';\n\nexport interface EmojiDisplayProps extends BaseProps, NoChildrenProp {\n  /** Content to be displayed */\n  content: ReactNode;\n  /** Size of emoji */\n  size?: number;\n}\nconst StyledEmojiDisplay = styled.span`\n  .emoji-mart-emoji {\n    line-height: 1;\n    vertical-align: middle;\n  }\n`;\nconst EmojiDisplay: FunctionComponent<EmojiDisplayProps> = props => {\n  const { content, size = 20, ...restProps } = props;\n  const regex = emojiRegex();\n  let msgArr: JSX.Element[] = [];\n  const { set: emojiSet } = useContext(EmojiContext);\n  if (typeof content === 'string' && emojiSet) {\n    const renderEmoji = (eMatch: string) => {\n      const emojiData = getEmojiDataFromNative(eMatch, emojiSet, data as unknown as NativeData);\n      return emojiData && <Emoji set={emojiSet} emoji={emojiData} size={size} />;\n    };\n    if (content.split(regex).length > 1) {\n      msgArr = replaceMatchWithElement(content, regex, renderEmoji);\n    }\n  }\n  return emojiSet && msgArr.length >= 1 ? (\n    <StyledEmojiDisplay {...restProps}>{msgArr}</StyledEmojiDisplay>\n  ) : (\n    <>{content}</>\n  );\n};\nexport default EmojiDisplay;\n"]}

package/lib/components/EmojiPicker/EmojiPicker.d.ts

@@ -1,35 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { CategoryName, Data as EmojiData, BackgroundImageFn, PickerProps } from 'emoji-mart';
-import { BaseProps, NoChildrenProp } from '../../types';
-type EmojiSet = 'apple' | 'google' | 'twitter' | 'facebook';
-export interface EmojiPickerProps extends BaseProps, NoChildrenProp {
-    /** Individual emojis size in pixels. */
-    emojiSize?: number;
-    /** Number of emoji per line in a picker. */
-    perLine?: number;
-    /** Don't load excluded categories. Accepts [I18n categories keys](https://www.npmjs.com/package/emoji-mart#i18n). */
-    exclude?: CategoryName[];
-    /** Show footer for picker. */
-    showFooter?: boolean;
-    /** A Fn that gets called on selecting an emoji from picker. */
-    onSelect?: PickerProps['onSelect'];
-    /** Ref for the emoji Picker */
-    ref?: Ref<HTMLDivElement>;
-}
-export interface EmojiContextValue {
-    /**
-     * A Fn that returns that image sheet to use for emojis.
-     * If no sprite is provided, native emoji are used.
-     * For the source of image please visit this [link](https://www.jsdelivr.com/package/npm/emoji-datasource?version=5.0.1&path=img)
-     */
-    spriteSrcResolver?: BackgroundImageFn;
-    /** Emoji set to be used. */
-    set?: EmojiSet;
-    /** Data to be used. [link](https://github.com/iamcal/emoji-data).
-     * Use this in case you would like to filter out some emoji,  one must change the sprite image accordingly. */
-    overrideData?: EmojiData;
-}
-export declare const EmojiContext: import("react").Context<EmojiContextValue>;
-declare const EmojiPicker: FunctionComponent<EmojiPickerProps>;
-export default EmojiPicker;
-//# sourceMappingURL=EmojiPicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,iBAAiB,EAGjB,GAAG,EAEJ,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,YAAY,EACZ,IAAI,IAAI,SAAS,EACjB,iBAAiB,EACjB,WAAW,EACZ,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIxD,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAI5D,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qHAAqH;IACrH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,+BAA+B;IAC/B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,4BAA4B;IAC5B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf;kHAC8G;IAC9G,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,4CAAuC,CAAC;AACjE,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAoEnD,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/lib/components/EmojiPicker/EmojiPicker.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect, useContext, createContext, forwardRef } from 'react';
-import { NimblePicker } from 'emoji-mart';
-import { useTheme } from '../../hooks';
-import StyledEmojiPicker from './EmojiPicker.styles';
-const emojiDataCache = new Map();
-export const EmojiContext = createContext({});
-const EmojiPicker = forwardRef(function EmojiPicker({ emojiSize = 24, perLine = 9, showFooter = true, exclude, onSelect, ...restProps }, ref) {
-    const theme = useTheme();
-    const { set, spriteSrcResolver, overrideData } = useContext(EmojiContext);
-    const [data, setData] = useState(null);
-    useEffect(() => {
-        const dataSet = set ?? 'all';
-        // Unmount NimblePicker for changes to take effect
-        setData(null);
-        if (overrideData) {
-            setTimeout(() => {
-                setData(overrideData);
-            }, 0);
-        }
-        else if (emojiDataCache.has(dataSet)) {
-            setTimeout(() => {
-                setData(emojiDataCache.get(dataSet) ?? null);
-            }, 0);
-        }
-        else {
-            import(`emoji-mart/data/${dataSet}.json`)
-                .then(({ default: json }) => {
-                emojiDataCache.set(dataSet, json);
-                setData(emojiDataCache.get(dataSet));
-            })
-                .catch(() => {
-                setData(null);
-            });
-        }
-    }, [set, overrideData]);
-    return (data && (_jsx(StyledEmojiPicker, { ref: ref, showFooter: showFooter, style: { '--emoji-size': `${emojiSize}px` }, children: _jsx(NimblePicker, { ...restProps, set: set, native: !spriteSrcResolver, backgroundImageFn: spriteSrcResolver, data: data, emojiSize: emojiSize, perLine: perLine, exclude: exclude, onSelect: onSelect, color: theme.base.palette.interactive, emoji: '', title: '', emojiTooltip: true, showSkinTones: showFooter, showPreview: false }) })));
-});
-export default EmojiPicker;
-//# sourceMappingURL=EmojiPicker.js.map

package/lib/components/EmojiPicker/EmojiPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAa,EAKb,UAAU,EACX,MAAM,OAAO,CAAC;AACf,OAAO,EACL,YAAY,EAKb,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAIrD,MAAM,cAAc,GAAG,IAAI,GAAG,EAA+B,CAAC;AA+B9D,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAC;AACjE,MAAM,WAAW,GAAwC,UAAU,CAAC,SAAS,WAAW,CACtF,EACE,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,IAAI,EACjB,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACsB,EACpC,GAAwB;IAExB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,IAAI,KAAK,CAAC;QAE7B,kDAAkD;QAClD,OAAO,CAAC,IAAI,CAAC,CAAC;QAEd,IAAI,YAAY,EAAE;YAChB,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,YAAY,CAAC,CAAC;YACxB,CAAC,EAAE,CAAC,CAAC,CAAC;SACP;aAAM,IAAI,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACtC,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC;YAC/C,CAAC,EAAE,CAAC,CAAC,CAAC;SACP;aAAM;YACL,MAAM,CAAC,mBAAmB,OAAO,OAAO,CAAC;iBACtC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;gBAC1B,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBAClC,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAE,CAAC,CAAC;YACxC,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,IAAI,IAAI,CACN,KAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAE,cAAc,EAAE,GAAG,SAAS,IAAI,EAAmB,YAE5D,KAAC,YAAY,OACP,SAAS,EACb,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,CAAC,iBAAiB,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EACrC,KAAK,EAAC,EAAE,EACR,KAAK,EAAC,EAAE,EACR,YAAY,QACZ,aAAa,EAAE,UAAU,EACzB,WAAW,EAAE,KAAK,GAClB,GACgB,CACrB,CACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC","sourcesContent":["import {\n  useState,\n  useEffect,\n  useContext,\n  createContext,\n  FunctionComponent,\n  PropsWithoutRef,\n  CSSProperties,\n  Ref,\n  forwardRef\n} from 'react';\nimport {\n  NimblePicker,\n  CategoryName,\n  Data as EmojiData,\n  BackgroundImageFn,\n  PickerProps\n} from 'emoji-mart';\n\nimport { useTheme } from '../../hooks';\nimport { BaseProps, NoChildrenProp } from '../../types';\n\nimport StyledEmojiPicker from './EmojiPicker.styles';\n\ntype EmojiSet = 'apple' | 'google' | 'twitter' | 'facebook';\n\nconst emojiDataCache = new Map<EmojiSet | 'all', EmojiData>();\n\nexport interface EmojiPickerProps extends BaseProps, NoChildrenProp {\n  /** Individual emojis size in pixels. */\n  emojiSize?: number;\n  /** Number of emoji per line in a picker. */\n  perLine?: number;\n  /** Don't load excluded categories. Accepts [I18n categories keys](https://www.npmjs.com/package/emoji-mart#i18n). */\n  exclude?: CategoryName[];\n  /** Show footer for picker. */\n  showFooter?: boolean;\n  /** A Fn that gets called on selecting an emoji from picker. */\n  onSelect?: PickerProps['onSelect'];\n  /** Ref for the emoji Picker */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface EmojiContextValue {\n  /**\n   * A Fn that returns that image sheet to use for emojis.\n   * If no sprite is provided, native emoji are used.\n   * For the source of image please visit this [link](https://www.jsdelivr.com/package/npm/emoji-datasource?version=5.0.1&path=img)\n   */\n  spriteSrcResolver?: BackgroundImageFn;\n  /** Emoji set to be used. */\n  set?: EmojiSet;\n  /** Data to be used. [link](https://github.com/iamcal/emoji-data).\n   * Use this in case you would like to filter out some emoji,  one must change the sprite image accordingly. */\n  overrideData?: EmojiData;\n}\n\nexport const EmojiContext = createContext<EmojiContextValue>({});\nconst EmojiPicker: FunctionComponent<EmojiPickerProps> = forwardRef(function EmojiPicker(\n  {\n    emojiSize = 24,\n    perLine = 9,\n    showFooter = true,\n    exclude,\n    onSelect,\n    ...restProps\n  }: PropsWithoutRef<EmojiPickerProps>,\n  ref: Ref<HTMLDivElement>\n) {\n  const theme = useTheme();\n  const { set, spriteSrcResolver, overrideData } = useContext(EmojiContext);\n  const [data, setData] = useState<EmojiData | null>(null);\n\n  useEffect(() => {\n    const dataSet = set ?? 'all';\n\n    // Unmount NimblePicker for changes to take effect\n    setData(null);\n\n    if (overrideData) {\n      setTimeout(() => {\n        setData(overrideData);\n      }, 0);\n    } else if (emojiDataCache.has(dataSet)) {\n      setTimeout(() => {\n        setData(emojiDataCache.get(dataSet) ?? null);\n      }, 0);\n    } else {\n      import(`emoji-mart/data/${dataSet}.json`)\n        .then(({ default: json }) => {\n          emojiDataCache.set(dataSet, json);\n          setData(emojiDataCache.get(dataSet)!);\n        })\n        .catch(() => {\n          setData(null);\n        });\n    }\n  }, [set, overrideData]);\n\n  return (\n    data && (\n      <StyledEmojiPicker\n        ref={ref}\n        showFooter={showFooter}\n        style={{ '--emoji-size': `${emojiSize}px` } as CSSProperties}\n      >\n        <NimblePicker\n          {...restProps}\n          set={set}\n          native={!spriteSrcResolver}\n          backgroundImageFn={spriteSrcResolver}\n          data={data}\n          emojiSize={emojiSize}\n          perLine={perLine}\n          exclude={exclude}\n          onSelect={onSelect}\n          color={theme.base.palette.interactive}\n          emoji=''\n          title=''\n          emojiTooltip\n          showSkinTones={showFooter}\n          showPreview={false}\n        />\n      </StyledEmojiPicker>\n    )\n  );\n});\n\nexport default EmojiPicker;\n"]}

package/lib/components/EmojiPicker/EmojiPicker.styles.d.ts

@@ -1,5 +0,0 @@
-declare const StyledEmojiPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    showFooter: boolean;
-}, never>;
-export default StyledEmojiPicker;
-//# sourceMappingURL=EmojiPicker.styles.d.ts.map

package/lib/components/EmojiPicker/EmojiPicker.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPicker.styles.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,iBAAiB;gBAA4B,OAAO;SAshBzD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}