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

package/lib/components/Popover/Popover.d.ts

@@ -1,66 +0,0 @@
-import { Ref, ReactElement, ReactNode } from 'react';
-import { PopperProps } from 'react-popper';
-import { VirtualElement } from '@popperjs/core';
-import { BaseProps, ForwardProps } from '../../types';
-import { ConfigurationProps } from '../Configuration';
-export type Delay = 'none' | 'short' | 'long';
-export interface PopoverProps<Modifiers extends string = string> extends BaseProps {
-    /** The DOM element or [virtual element](https://popper.js.org/docs/v2/virtual-elements) that the Popover is positioned in reference to. */
-    target: Element | VirtualElement | null;
-    /**
-     * If true, the Popover will be visible.
-     * @default true
-     */
-    show?: boolean;
-    /**
-     * If true, the Popover will render outside of the current DOM hierarchy in a [portal](https://reactjs.org/docs/portals.html).
-     * @default true
-     */
-    portal?: boolean | ConfigurationProps['portalTarget'];
-    /**
-     * Delay on showing the Popover.
-     * @default 'none'
-     */
-    showDelay?: Delay;
-    /**
-     * Delay on hiding the Popover.
-     * @default 'none'
-     */
-    hideDelay?: Delay;
-    /**
-     * [React Popper Placement](https://popper.js.org/react-popper/v2/render-props/#placement)
-     * @default 'bottom'
-     */
-    placement?: PopperProps<Modifiers>['placement'];
-    /**
-     * [React Popper Strategy](https://popper.js.org/react-popper/v2/render-props/#strategy)
-     * @default 'absolute'
-     */
-    strategy?: PopperProps<Modifiers>['strategy'];
-    /**
-     * [React Popper Modifiers](https://popper.js.org/react-popper/v2/render-props/#modifiers)
-     * @default []
-     */
-    modifiers?: PopperProps<Modifiers>['modifiers'];
-    /**
-     * If true, an arrow will visually identify from which element the Popover is rendered.
-     * @default false
-     */
-    arrow?: boolean;
-    /** The group that the Popover belongs to. Popovers in the same group will be closed when others open. */
-    groupId?: string;
-    /**
-     * If true, the Popover will be visibly hidden when its target leaves the viewport.
-     * @default false
-     */
-    hideOnTargetHidden?: boolean;
-    /** Callback that runs when the popover is hidden */
-    onHide?: () => void;
-    /** The content of the Popover. */
-    children: ReactNode;
-    /** The ref of the wrapping element. */
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Popover: <Modifiers extends string = string>(props: PopoverProps<Modifiers> & ForwardProps) => ReactElement | null;
-export default Popover;
-//# sourceMappingURL=Popover.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,GAAG,EAEH,YAAY,EAEZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAa,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAStD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAOtD,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9C,MAAM,WAAW,YAAY,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,SAAS;IAChF,2IAA2I;IAC3I,MAAM,EAAE,OAAO,GAAG,cAAc,GAAG,IAAI,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACtD;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;IAChD;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yGAAyG;IACzG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAQD,QAAA,MAAM,OAAO,EAAE,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,EAC/C,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,KAC1C,YAAY,GAAG,IAkPlB,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/lib/components/Popover/Popover.js

@@ -1,200 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useContext, useRef, useEffect, useMemo, useState, useLayoutEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { usePopper } from 'react-popper';
-import { useAfterInitialEffect, useConfiguration, useConsolidatedRef, useElement, useUID } from '../../hooks';
-import { getRelativeOffset, popoverMap, windowIsAvailable } from '../../utils';
-import { BackdropContext } from '../Backdrop/Backdrop';
-import { PopoverManagerContext } from './PopoverContext';
-import { StyledPopover, StyledPopoverArrow } from './Popover.styles';
-import { placeAndContain } from './modifiers';
-const delays = {
-    none: 0,
-    short: 500,
-    long: 1000
-};
-const Popover = forwardRef(function Popover({ show = true, portal = true, target, placement = 'bottom', strategy = 'fixed', style, modifiers = [], arrow = false, groupId, showDelay = 'none', hideDelay = 'none', hideOnTargetHidden = false, children, onHide, ...restProps }, ref) {
-    const { portalTarget: configurationPortal } = useConfiguration();
-    const { el: backdropPortal } = useContext(BackdropContext);
-    const { checkActive, setActive, popovers } = useContext(PopoverManagerContext);
-    const [popperEl, setPopperEl] = useElement();
-    const popperRef = useConsolidatedRef(ref, setPopperEl);
-    const arrowRef = useRef(null);
-    const forceUpdateRef = useRef();
-    const initialOffset = useRef(null);
-    const [showPopover, setShowPopover] = useState(show);
-    const timeout = useRef();
-    const uid = useUID();
-    const pointerId = useUID();
-    const resolvedTarget = target instanceof Element ? target : target?.contextElement;
-    const portalTarget = typeof portal === 'boolean' ? backdropPortal ?? configurationPortal : portal;
-    const memoedModifiers = useMemo(() => {
-        const flipEnabled = !!modifiers
-            .slice()
-            .reverse()
-            .find(modifier => modifier.name === 'flip' && modifier.enabled !== undefined)?.enabled;
-        return [
-            {
-                name: 'computeStyles',
-                options: {
-                    gpuAcceleration: false
-                }
-            },
-            {
-                name: 'offset',
-                options: {
-                    offset: [0, arrow ? 5.5 : 2]
-                }
-            },
-            { name: 'hide', enabled: hideOnTargetHidden },
-            { name: 'arrow', enabled: arrow, options: { element: arrowRef.current } },
-            {
-                name: 'preventOverflow',
-                options: {
-                    tether: !modifiers.find(m => m.name === 'sameWidth'),
-                    padding: 16
-                }
-            },
-            {
-                ...placeAndContain,
-                enabled: !flipEnabled
-            },
-            ...modifiers
-        ];
-    }, [arrow, hideOnTargetHidden, modifiers]);
-    const offset = useMemo(() => {
-        const offsetModifier = [...memoedModifiers]
-            .reverse()
-            .find(m => m.name === 'offset' && m.enabled !== false);
-        return Array.isArray(offsetModifier?.options?.offset)
-            ? offsetModifier?.options?.offset[1] ?? 0
-            : 0;
-    }, [memoedModifiers]);
-    const { styles, attributes, forceUpdate } = usePopper(target, popperEl, {
-        placement,
-        strategy,
-        modifiers: memoedModifiers
-    });
-    if (forceUpdate)
-        forceUpdateRef.current = forceUpdate;
-    // Setter-less useState to avoid re-running these constructors on every render with useRef.
-    const [ac] = useState(() => new AbortController());
-    const [observedSet] = useState(() => new WeakSet());
-    const [ro] = useState(() => new ResizeObserver(entries => {
-        let updateQueued = false;
-        for (const { target: resizeTarget } of entries) {
-            // Ignore the first ResizeObserver event for each element since ResizeObserver always fires once when calling .observe().
-            if (!observedSet.has(resizeTarget)) {
-                observedSet.add(resizeTarget);
-            }
-            else if (!updateQueued) {
-                updateQueued = true;
-                if (!ac.signal.aborted) {
-                    forceUpdateRef.current?.();
-                }
-            }
-        }
-    }));
-    useEffect(() => {
-        return () => {
-            ac.abort();
-            ro.disconnect();
-        };
-    }, []);
-    useEffect(() => {
-        if (!popperEl)
-            return;
-        ro.observe(popperEl);
-        return () => {
-            ro.unobserve(popperEl);
-        };
-    }, [popperEl]);
-    useEffect(() => {
-        if (!resolvedTarget)
-            return;
-        ro.observe(resolvedTarget);
-        return () => {
-            ro.unobserve(resolvedTarget);
-        };
-    }, [resolvedTarget]);
-    useLayoutEffect(() => {
-        if (resolvedTarget) {
-            initialOffset.current = getRelativeOffset(resolvedTarget, document.documentElement);
-        }
-        else {
-            initialOffset.current = null;
-        }
-    }, [resolvedTarget]);
-    useEffect(() => {
-        if (!showPopover || !resolvedTarget)
-            return;
-        let rafId;
-        const checkCoords = () => {
-            if (resolvedTarget && initialOffset.current) {
-                const newOffset = getRelativeOffset(resolvedTarget, document.documentElement);
-                if (initialOffset.current.x !== newOffset.x || initialOffset.current.y !== newOffset.y) {
-                    initialOffset.current = newOffset;
-                    forceUpdateRef.current?.();
-                }
-                else {
-                    rafId = requestAnimationFrame(checkCoords);
-                }
-            }
-        };
-        rafId = requestAnimationFrame(checkCoords);
-        return () => {
-            cancelAnimationFrame(rafId);
-        };
-    }, [showPopover, resolvedTarget]);
-    useEffect(() => {
-        if (groupId && show)
-            setActive(uid, groupId);
-        if (windowIsAvailable) {
-            if (timeout.current)
-                clearTimeout(timeout.current);
-            timeout.current = window.setTimeout(() => {
-                setShowPopover(show);
-            }, delays[show ? showDelay : hideDelay]);
-        }
-        else {
-            setShowPopover(show);
-        }
-    }, [show]);
-    useEffect(() => {
-        return () => clearTimeout(timeout.current);
-    }, []);
-    useAfterInitialEffect(() => {
-        if (!showPopover) {
-            onHide?.();
-        }
-    }, [showPopover]);
-    useEffect(() => {
-        if (groupId && popovers[groupId] && popovers[groupId] !== uid) {
-            setShowPopover(false);
-        }
-    }, [groupId ? popovers[groupId] : undefined]);
-    useEffect(() => {
-        if (!portal || !resolvedTarget)
-            return;
-        if (!popoverMap.has(resolvedTarget)) {
-            popoverMap.set(resolvedTarget, new Set());
-        }
-        resolvedTarget.toggleAttribute('data-popover-target', true);
-        popoverMap.get(resolvedTarget).add(pointerId);
-        return () => {
-            if (!popoverMap.has(resolvedTarget))
-                return;
-            popoverMap.get(resolvedTarget).delete(pointerId);
-            if (popoverMap.get(resolvedTarget).size === 0) {
-                popoverMap.delete(resolvedTarget);
-                resolvedTarget.removeAttribute('data-popover-target');
-            }
-        };
-    }, [portal, resolvedTarget, pointerId]);
-    const content = (_jsxs(StyledPopover, { ...restProps, "data-popover-id": pointerId, portal: !!(portal && portalTarget), offset: offset, ref: popperRef, style: { ...style, ...styles.popper }, ...attributes.popper, children: [arrow && _jsx(StyledPopoverArrow, { ref: arrowRef, style: { ...styles.arrow } }), children] }));
-    if (!target || !showPopover || (groupId && !checkActive(uid, groupId)))
-        return null;
-    return portal && portalTarget ? createPortal(content, portalTarget) : content;
-});
-export default Popover;
-//# sourceMappingURL=Popover.js.map

package/lib/components/Popover/Popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useContext,\n  PropsWithoutRef,\n  Ref,\n  CSSProperties,\n  ReactElement,\n  useRef,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n  useLayoutEffect\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { usePopper, PopperProps } from 'react-popper';\nimport { VirtualElement } from '@popperjs/core';\nimport { OffsetModifier } from '@popperjs/core/lib/modifiers/offset';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport {\n  useAfterInitialEffect,\n  useConfiguration,\n  useConsolidatedRef,\n  useElement,\n  useUID\n} from '../../hooks';\nimport { getRelativeOffset, popoverMap, windowIsAvailable } from '../../utils';\nimport { ConfigurationProps } from '../Configuration';\nimport { BackdropContext } from '../Backdrop/Backdrop';\n\nimport { PopoverManagerContext } from './PopoverContext';\nimport { StyledPopover, StyledPopoverArrow } from './Popover.styles';\nimport { placeAndContain } from './modifiers';\n\nexport type Delay = 'none' | 'short' | 'long';\nexport interface PopoverProps<Modifiers extends string = string> extends BaseProps {\n  /** The DOM element or [virtual element](https://popper.js.org/docs/v2/virtual-elements) that the Popover is positioned in reference to. */\n  target: Element | VirtualElement | null;\n  /**\n   * If true, the Popover will be visible.\n   * @default true\n   */\n  show?: boolean;\n  /**\n   * If true, the Popover will render outside of the current DOM hierarchy in a [portal](https://reactjs.org/docs/portals.html).\n   * @default true\n   */\n  portal?: boolean | ConfigurationProps['portalTarget'];\n  /**\n   * Delay on showing the Popover.\n   * @default 'none'\n   */\n  showDelay?: Delay;\n  /**\n   * Delay on hiding the Popover.\n   * @default 'none'\n   */\n  hideDelay?: Delay;\n  /**\n   * [React Popper Placement](https://popper.js.org/react-popper/v2/render-props/#placement)\n   * @default 'bottom'\n   */\n  placement?: PopperProps<Modifiers>['placement'];\n  /**\n   * [React Popper Strategy](https://popper.js.org/react-popper/v2/render-props/#strategy)\n   * @default 'absolute'\n   */\n  strategy?: PopperProps<Modifiers>['strategy'];\n  /**\n   * [React Popper Modifiers](https://popper.js.org/react-popper/v2/render-props/#modifiers)\n   * @default []\n   */\n  modifiers?: PopperProps<Modifiers>['modifiers'];\n  /**\n   * If true, an arrow will visually identify from which element the Popover is rendered.\n   * @default false\n   */\n  arrow?: boolean;\n  /** The group that the Popover belongs to. Popovers in the same group will be closed when others open. */\n  groupId?: string;\n  /**\n   * If true, the Popover will be visibly hidden when its target leaves the viewport.\n   * @default false\n   */\n  hideOnTargetHidden?: boolean;\n  /** Callback that runs when the popover is hidden */\n  onHide?: () => void;\n  /** The content of the Popover. */\n  children: ReactNode;\n  /** The ref of the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst delays = {\n  none: 0,\n  short: 500,\n  long: 1000\n};\n\nconst Popover: <Modifiers extends string = string>(\n  props: PopoverProps<Modifiers> & ForwardProps\n) => ReactElement | null = forwardRef(function Popover(\n  {\n    show = true,\n    portal = true,\n    target,\n    placement = 'bottom',\n    strategy = 'fixed',\n    style,\n    modifiers = [],\n    arrow = false,\n    groupId,\n    showDelay = 'none',\n    hideDelay = 'none',\n    hideOnTargetHidden = false,\n    children,\n    onHide,\n    ...restProps\n  }: PropsWithoutRef<PopoverProps> & { style?: CSSProperties },\n  ref: PopoverProps['ref']\n) {\n  const { portalTarget: configurationPortal } = useConfiguration();\n  const { el: backdropPortal } = useContext(BackdropContext);\n  const { checkActive, setActive, popovers } = useContext(PopoverManagerContext);\n  const [popperEl, setPopperEl] = useElement<HTMLDivElement>();\n  const popperRef = useConsolidatedRef<HTMLDivElement>(ref, setPopperEl);\n  const arrowRef = useRef<HTMLDivElement>(null);\n  const forceUpdateRef = useRef<() => void>();\n  const initialOffset = useRef<Pick<DOMRect, 'x' | 'y'> | null>(null);\n  const [showPopover, setShowPopover] = useState(show);\n  const timeout = useRef<number>();\n  const uid = useUID();\n  const pointerId = useUID();\n\n  const resolvedTarget = target instanceof Element ? target : target?.contextElement;\n  const portalTarget = typeof portal === 'boolean' ? backdropPortal ?? configurationPortal : portal;\n\n  const memoedModifiers = useMemo(() => {\n    const flipEnabled = !!modifiers\n      .slice()\n      .reverse()\n      .find(modifier => modifier.name === 'flip' && modifier.enabled !== undefined)?.enabled;\n\n    return [\n      {\n        name: 'computeStyles',\n        options: {\n          gpuAcceleration: false\n        }\n      },\n      {\n        name: 'offset',\n        options: {\n          offset: [0, arrow ? 5.5 : 2]\n        }\n      },\n      { name: 'hide', enabled: hideOnTargetHidden },\n      { name: 'arrow', enabled: arrow, options: { element: arrowRef.current } },\n      {\n        name: 'preventOverflow',\n        options: {\n          tether: !modifiers.find(m => m.name === 'sameWidth'),\n          padding: 16\n        }\n      },\n      {\n        ...placeAndContain,\n        enabled: !flipEnabled\n      },\n      ...modifiers\n    ];\n  }, [arrow, hideOnTargetHidden, modifiers]);\n\n  const offset = useMemo(() => {\n    const offsetModifier = [...memoedModifiers]\n      .reverse()\n      .find(m => m.name === 'offset' && m.enabled !== false) as OffsetModifier | undefined;\n    return Array.isArray(offsetModifier?.options?.offset)\n      ? offsetModifier?.options?.offset[1] ?? 0\n      : 0;\n  }, [memoedModifiers]);\n\n  const { styles, attributes, forceUpdate } = usePopper(target, popperEl, {\n    placement,\n    strategy,\n    modifiers: memoedModifiers\n  });\n\n  if (forceUpdate) forceUpdateRef.current = forceUpdate;\n\n  // Setter-less useState to avoid re-running these constructors on every render with useRef.\n  const [ac] = useState(() => new AbortController());\n  const [observedSet] = useState(() => new WeakSet<Element>());\n  const [ro] = useState(\n    () =>\n      new ResizeObserver(entries => {\n        let updateQueued = false;\n\n        for (const { target: resizeTarget } of entries) {\n          // Ignore the first ResizeObserver event for each element since ResizeObserver always fires once when calling .observe().\n          if (!observedSet.has(resizeTarget)) {\n            observedSet.add(resizeTarget);\n          } else if (!updateQueued) {\n            updateQueued = true;\n\n            if (!ac.signal.aborted) {\n              forceUpdateRef.current?.();\n            }\n          }\n        }\n      })\n  );\n\n  useEffect(() => {\n    return () => {\n      ac.abort();\n      ro.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!popperEl) return;\n\n    ro.observe(popperEl);\n\n    return () => {\n      ro.unobserve(popperEl);\n    };\n  }, [popperEl]);\n\n  useEffect(() => {\n    if (!resolvedTarget) return;\n\n    ro.observe(resolvedTarget);\n\n    return () => {\n      ro.unobserve(resolvedTarget);\n    };\n  }, [resolvedTarget]);\n\n  useLayoutEffect(() => {\n    if (resolvedTarget) {\n      initialOffset.current = getRelativeOffset(resolvedTarget, document.documentElement);\n    } else {\n      initialOffset.current = null;\n    }\n  }, [resolvedTarget]);\n\n  useEffect(() => {\n    if (!showPopover || !resolvedTarget) return;\n\n    let rafId: ReturnType<typeof requestAnimationFrame>;\n\n    const checkCoords = () => {\n      if (resolvedTarget && initialOffset.current) {\n        const newOffset = getRelativeOffset(resolvedTarget, document.documentElement);\n\n        if (initialOffset.current.x !== newOffset.x || initialOffset.current.y !== newOffset.y) {\n          initialOffset.current = newOffset;\n          forceUpdateRef.current?.();\n        } else {\n          rafId = requestAnimationFrame(checkCoords);\n        }\n      }\n    };\n\n    rafId = requestAnimationFrame(checkCoords);\n\n    return () => {\n      cancelAnimationFrame(rafId);\n    };\n  }, [showPopover, resolvedTarget]);\n\n  useEffect(() => {\n    if (groupId && show) setActive(uid, groupId);\n\n    if (windowIsAvailable) {\n      if (timeout.current) clearTimeout(timeout.current);\n      timeout.current = window.setTimeout(() => {\n        setShowPopover(show);\n      }, delays[show ? showDelay : hideDelay]);\n    } else {\n      setShowPopover(show);\n    }\n  }, [show]);\n\n  useEffect(() => {\n    return () => clearTimeout(timeout.current);\n  }, []);\n\n  useAfterInitialEffect(() => {\n    if (!showPopover) {\n      onHide?.();\n    }\n  }, [showPopover]);\n\n  useEffect(() => {\n    if (groupId && popovers[groupId] && popovers[groupId] !== uid) {\n      setShowPopover(false);\n    }\n  }, [groupId ? popovers[groupId] : undefined]);\n\n  useEffect(() => {\n    if (!portal || !resolvedTarget) return;\n\n    if (!popoverMap.has(resolvedTarget)) {\n      popoverMap.set(resolvedTarget, new Set());\n    }\n\n    resolvedTarget.toggleAttribute('data-popover-target', true);\n\n    popoverMap.get(resolvedTarget)!.add(pointerId);\n\n    return () => {\n      if (!popoverMap.has(resolvedTarget)) return;\n\n      popoverMap.get(resolvedTarget)!.delete(pointerId);\n\n      if (popoverMap.get(resolvedTarget)!.size === 0) {\n        popoverMap.delete(resolvedTarget);\n        resolvedTarget.removeAttribute('data-popover-target');\n      }\n    };\n  }, [portal, resolvedTarget, pointerId]);\n\n  const content = (\n    <StyledPopover\n      {...restProps}\n      data-popover-id={pointerId}\n      portal={!!(portal && portalTarget)}\n      offset={offset}\n      ref={popperRef}\n      style={{ ...style, ...styles.popper }}\n      {...attributes.popper}\n    >\n      {arrow && <StyledPopoverArrow ref={arrowRef} style={{ ...styles.arrow }} />}\n      {children}\n    </StyledPopover>\n  );\n\n  if (!target || !showPopover || (groupId && !checkActive(uid, groupId))) return null;\n\n  return portal && portalTarget ? createPortal(content, portalTarget) : content;\n});\n\nexport default Popover;\n"]}

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

@@ -1,6 +0,0 @@
-export declare const StyledPopoverArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPopover: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    offset?: number | undefined;
-    portal?: boolean | undefined;
-}, never>;
-//# sourceMappingURL=Popover.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,yGAW9B,CAAC;AAIF,eAAO,MAAM,aAAa;;;SA6GzB,CAAC"}

package/lib/components/Popover/Popover.styles.js

@@ -1,111 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-export const StyledPopoverArrow = styled.div `
-  background-color: inherit;
-
-  ::before {
-    content: '';
-    display: block;
-    position: absolute;
-    inset: -0.25rem;
-    background-color: inherit;
-    transform: rotate(45deg);
-  }
-`;
-StyledPopoverArrow.defaultProps = defaultThemeProp;
-export const StyledPopover = styled.div(({ theme: { base: { 'border-radius': borderRadius, 'z-index': { popover: popoverZIndex, backdrop: backdropZIndex }, shadow: { high } }, components: { card: { background }, 'form-control': { 'border-radius': formControlBorderRadius } } }, portal, offset }) => {
-    return css `
-      /*
-        Margin should never be used with Popper.
-        https://popper.js.org/docs/v2/migration-guide/#4-remove-all-css-margins
-      */
-      margin: 0 !important;
-      z-index: ${portal ? backdropZIndex - 1 : popoverZIndex};
-      background-color: ${background};
-      border-radius: calc(${formControlBorderRadius} * ${borderRadius});
-      box-shadow: ${high};
-
-      &[data-popper-reference-hidden='true'] {
-        visibility: hidden;
-        pointer-events: none;
-      }
-
-      &[data-popper-placement^='top'] {
-        > ${StyledPopoverArrow} {
-          top: calc(100%);
-
-          ::before {
-            border-bottom-right-radius: calc(${borderRadius} / 4);
-          }
-        }
-
-        ::before {
-          content: '';
-          position: absolute;
-          height: ${offset}px;
-          bottom: -${offset}px;
-          left: 0;
-          right: 0;
-        }
-      }
-
-      &[data-popper-placement^='bottom'] {
-        > ${StyledPopoverArrow} {
-          bottom: calc(100%);
-
-          ::before {
-            border-top-left-radius: calc(${borderRadius} / 4);
-          }
-        }
-
-        ::before {
-          content: '';
-          position: absolute;
-          height: ${offset}px;
-          top: -${offset}px;
-          left: 0;
-          right: 0;
-        }
-      }
-
-      &[data-popper-placement^='right'] {
-        > ${StyledPopoverArrow} {
-          right: calc(100%);
-
-          ::before {
-            border-bottom-left-radius: calc(${borderRadius} / 4);
-          }
-        }
-
-        ::before {
-          content: '';
-          position: absolute;
-          width: ${offset}px;
-          left: -${offset}px;
-          top: 0;
-          bottom: 0;
-        }
-      }
-
-      &[data-popper-placement^='left'] {
-        > ${StyledPopoverArrow} {
-          left: calc(100%);
-
-          ::before {
-            border-top-right-radius: calc(${borderRadius} / 4);
-          }
-        }
-
-        ::before {
-          content: '';
-          position: absolute;
-          width: ${offset}px;
-          right: -${offset}px;
-          top: 0;
-          bottom: 0;
-        }
-      }
-    `;
-});
-StyledPopover.defaultProps = defaultThemeProp;
-//# sourceMappingURL=Popover.styles.js.map

package/lib/components/Popover/Popover.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.styles.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAW3C,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CACrC,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EACJ,eAAe,EAAE,YAAY,EAC7B,SAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,EAC/D,MAAM,EAAE,EAAE,IAAI,EAAE,EACjB,EACD,UAAU,EAAE,EACV,IAAI,EAAE,EAAE,UAAU,EAAE,EACpB,cAAc,EAAE,EAAE,eAAe,EAAE,uBAAuB,EAAE,EAC7D,EACF,EACD,MAAM,EACN,MAAM,EACP,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;;;;;iBAMG,MAAM,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa;0BAClC,UAAU;4BACR,uBAAuB,MAAM,YAAY;oBACjD,IAAI;;;;;;;;YAQZ,kBAAkB;;;;+CAIiB,YAAY;;;;;;;oBAOvC,MAAM;qBACL,MAAM;;;;;;;YAOf,kBAAkB;;;;2CAIa,YAAY;;;;;;;oBAOnC,MAAM;kBACR,MAAM;;;;;;;YAOZ,kBAAkB;;;;8CAIgB,YAAY;;;;;;;mBAOvC,MAAM;mBACN,MAAM;;;;;;;YAOb,kBAAkB;;;;4CAIc,YAAY;;;;;;;mBAOrC,MAAM;oBACL,MAAM;;;;;KAKrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\n\nexport const StyledPopoverArrow = styled.div`\n  background-color: inherit;\n\n  ::before {\n    content: '';\n    display: block;\n    position: absolute;\n    inset: -0.25rem;\n    background-color: inherit;\n    transform: rotate(45deg);\n  }\n`;\n\nStyledPopoverArrow.defaultProps = defaultThemeProp;\n\nexport const StyledPopover = styled.div<{ offset?: number; portal?: boolean }>(\n  ({\n    theme: {\n      base: {\n        'border-radius': borderRadius,\n        'z-index': { popover: popoverZIndex, backdrop: backdropZIndex },\n        shadow: { high }\n      },\n      components: {\n        card: { background },\n        'form-control': { 'border-radius': formControlBorderRadius }\n      }\n    },\n    portal,\n    offset\n  }) => {\n    return css`\n      /*\n        Margin should never be used with Popper.\n        https://popper.js.org/docs/v2/migration-guide/#4-remove-all-css-margins\n      */\n      margin: 0 !important;\n      z-index: ${portal ? backdropZIndex - 1 : popoverZIndex};\n      background-color: ${background};\n      border-radius: calc(${formControlBorderRadius} * ${borderRadius});\n      box-shadow: ${high};\n\n      &[data-popper-reference-hidden='true'] {\n        visibility: hidden;\n        pointer-events: none;\n      }\n\n      &[data-popper-placement^='top'] {\n        > ${StyledPopoverArrow} {\n          top: calc(100%);\n\n          ::before {\n            border-bottom-right-radius: calc(${borderRadius} / 4);\n          }\n        }\n\n        ::before {\n          content: '';\n          position: absolute;\n          height: ${offset}px;\n          bottom: -${offset}px;\n          left: 0;\n          right: 0;\n        }\n      }\n\n      &[data-popper-placement^='bottom'] {\n        > ${StyledPopoverArrow} {\n          bottom: calc(100%);\n\n          ::before {\n            border-top-left-radius: calc(${borderRadius} / 4);\n          }\n        }\n\n        ::before {\n          content: '';\n          position: absolute;\n          height: ${offset}px;\n          top: -${offset}px;\n          left: 0;\n          right: 0;\n        }\n      }\n\n      &[data-popper-placement^='right'] {\n        > ${StyledPopoverArrow} {\n          right: calc(100%);\n\n          ::before {\n            border-bottom-left-radius: calc(${borderRadius} / 4);\n          }\n        }\n\n        ::before {\n          content: '';\n          position: absolute;\n          width: ${offset}px;\n          left: -${offset}px;\n          top: 0;\n          bottom: 0;\n        }\n      }\n\n      &[data-popper-placement^='left'] {\n        > ${StyledPopoverArrow} {\n          left: calc(100%);\n\n          ::before {\n            border-top-right-radius: calc(${borderRadius} / 4);\n          }\n        }\n\n        ::before {\n          content: '';\n          position: absolute;\n          width: ${offset}px;\n          right: -${offset}px;\n          top: 0;\n          bottom: 0;\n        }\n      }\n    `;\n  }\n);\n\nStyledPopover.defaultProps = defaultThemeProp;\n"]}

package/lib/components/Popover/PopoverContext.d.ts

@@ -1,7 +0,0 @@
-export interface PopoverContextValue {
-    checkActive: (id: string, groupId: string) => boolean;
-    setActive: (id: string, groupId: string) => void;
-    popovers: Record<string, string>;
-}
-export declare const PopoverManagerContext: import("react").Context<PopoverContextValue>;
-//# sourceMappingURL=PopoverContext.d.ts.map

package/lib/components/Popover/PopoverContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACtD,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,8CAIhC,CAAC"}

package/lib/components/Popover/PopoverContext.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-export const PopoverManagerContext = createContext({
-    checkActive: () => true,
-    setActive: () => { },
-    popovers: {}
-});
-//# sourceMappingURL=PopoverContext.js.map

package/lib/components/Popover/PopoverContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverContext.js","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAsB;IACtE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;IACvB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\n\nexport interface PopoverContextValue {\n  checkActive: (id: string, groupId: string) => boolean;\n  setActive: (id: string, groupId: string) => void;\n  popovers: Record<string, string>;\n}\n\nexport const PopoverManagerContext = createContext<PopoverContextValue>({\n  checkActive: () => true,\n  setActive: () => {},\n  popovers: {}\n});\n"]}

package/lib/components/Popover/PopoverManager.d.ts

@@ -1,6 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-declare const PopoverManager: FunctionComponent<{
-    children: ReactNode;
-}>;
-export default PopoverManager;
-//# sourceMappingURL=PopoverManager.d.ts.map

package/lib/components/Popover/PopoverManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverManager.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAIrF,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CA0B9D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/Popover/PopoverManager.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from 'react';
-import { PopoverManagerContext } from './PopoverContext';
-const PopoverManager = ({ children }) => {
-    const [popovers, setPopovers] = useState({});
-    const checkActive = useCallback((id, groupId) => {
-        return popovers[groupId] === id;
-    }, [popovers]);
-    const setActive = useCallback((id, groupId) => {
-        setPopovers(curr => {
-            return { ...curr, [groupId]: id };
-        });
-    }, []);
-    const ctx = useMemo(() => ({
-        checkActive,
-        setActive,
-        popovers
-    }), [checkActive, setActive, popovers]);
-    return _jsx(PopoverManagerContext.Provider, { value: ctx, children: children });
-};
-export default PopoverManager;
-//# sourceMappingURL=PopoverManager.js.map

package/lib/components/Popover/PopoverManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverManager.js","sourceRoot":"","sources":["../../../src/components/Popover/PopoverManager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,cAAc,GAA+C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAU,EAAE,OAAe,EAAW,EAAE;QACvC,OAAO,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,OAAe,EAAE,EAAE;QAC5D,WAAW,CAAC,IAAI,CAAC,EAAE;YACjB,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,SAAS;QACT,QAAQ;KACT,CAAC,EACF,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,CACnC,CAAC;IAEF,OAAO,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAAG,QAAQ,GAAkC,CAAC;AACjG,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FunctionComponent, ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { PopoverManagerContext } from './PopoverContext';\n\nconst PopoverManager: FunctionComponent<{ children: ReactNode }> = ({ children }) => {\n  const [popovers, setPopovers] = useState<Record<string, string>>({});\n\n  const checkActive = useCallback(\n    (id: string, groupId: string): boolean => {\n      return popovers[groupId] === id;\n    },\n    [popovers]\n  );\n\n  const setActive = useCallback((id: string, groupId: string) => {\n    setPopovers(curr => {\n      return { ...curr, [groupId]: id };\n    });\n  }, []);\n\n  const ctx = useMemo(\n    () => ({\n      checkActive,\n      setActive,\n      popovers\n    }),\n    [checkActive, setActive, popovers]\n  );\n\n  return <PopoverManagerContext.Provider value={ctx}>{children}</PopoverManagerContext.Provider>;\n};\n\nexport default PopoverManager;\n"]}

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

@@ -1,6 +0,0 @@
-export { default } from './Popover';
-export type { Delay, PopoverProps } from './Popover';
-export { default as PopoverManager } from './PopoverManager';
-export { PopoverManagerContext } from './PopoverContext';
-export { StyledPopover } from './Popover.styles';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/Popover/index.js

@@ -1,5 +0,0 @@
-export { default } from './Popover';
-export { default as PopoverManager } from './PopoverManager';
-export { PopoverManagerContext } from './PopoverContext';
-export { StyledPopover } from './Popover.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default } from './Popover';\nexport type { Delay, PopoverProps } from './Popover';\nexport { default as PopoverManager } from './PopoverManager';\nexport { PopoverManagerContext } from './PopoverContext';\nexport { StyledPopover } from './Popover.styles';\n"]}

package/lib/components/Popover/modifiers.d.ts

@@ -1,4 +0,0 @@
-import { Modifier } from '@popperjs/core';
-export declare const sameWidth: Modifier<'sameWidth', object>;
-export declare const placeAndContain: Modifier<'placeAndContain', object>;
-//# sourceMappingURL=modifiers.d.ts.map

package/lib/components/Popover/modifiers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modifiers.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/modifiers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI1C,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,MAAM,CAQlD,CAAC;AAIH,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CA8J9D,CAAC"}