@aivenio/aquarium 0.0.1

package/dist/src/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { AsyncActionType } from '../../../types/ActionType';
+import { BreadcrumbsProps } from '../../../src/components/Breadcrumbs/Breadcrumbs';
+export declare type PageHeaderProps = {
+    /** Short and concise page title. */
+    title: string;
+    /**
+     * Optional image src which will be displayed on the left-side
+     * of the title. Image size will be set to 56px x 56px.
+     */
+    image?: string;
+    /**
+     * Optional `alt` attribute to image.
+     */
+    imageAlt?: string;
+    /**
+     * Optional primary action for the header. Page header can have only one primary actions.
+     */
+    primaryAction?: AsyncActionType;
+    /**
+     * Optional secondary actions. There can be one or more secondary actions in the header.
+     * The number of secondary actions is not restricted.
+     */
+    secondaryActions?: AsyncActionType | AsyncActionType[];
+    /**
+     * Optional list of chips, which will be rendered as chips underneath the page title.
+     */
+    chips?: string[];
+    /**
+     * Optional list of breadcrumbs, which will be rendered at the top of page header
+     */
+    breadcrumbs?: BreadcrumbsProps['children'];
+};
+export declare const PageHeader: React.FC<PageHeaderProps>;

package/dist/src/components/PageHeader/PageHeader.js

@@ -0,0 +1,40 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import castArray from 'lodash/castArray';
+import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
+import { Typography } from '../../../src/components/Typography/Typography';
+import { PrimaryButton, SecondaryButton } from '../../../src/components/Button/Button';
+import { tw } from '../../../src/utils/tailwind';
+import { Breadcrumbs } from '../../../src/components/Breadcrumbs/Breadcrumbs';
+import { Chip } from '../../../src/components/Chip/Chip';
+import omit from 'lodash/omit';
+export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
+    return (React.createElement(Flexbox, { direction: "row", gap: "4", paddingBottom: "6" },
+        React.createElement(Flexbox, { className: tw('grow'), direction: "column", gap: "0" },
+            breadcrumbs && React.createElement(Breadcrumbs, null, breadcrumbs),
+            React.createElement(Flexbox, { gap: "5" },
+                image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
+                React.createElement(Flexbox, { direction: "column", justifyContent: "center" },
+                    React.createElement(Typography.Heading, null, title),
+                    chips.length > 0 && (React.createElement(Flexbox, { gap: "3" }, chips.map((chip) => (React.createElement(Chip, { key: chip, dense: true, text: chip })))))))),
+        (secondaryActions || primaryAction) && (React.createElement(Flexbox, { gap: "4", className: tw('self-start') },
+            secondaryActions &&
+                castArray(secondaryActions)
+                    .filter(Boolean)
+                    .map((_a) => {
+                    var { text } = _a, action = __rest(_a, ["text"]);
+                    return (React.createElement(SecondaryButton, Object.assign({ key: text }, action), text));
+                }),
+            primaryAction && (React.createElement(PrimaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhZ2VIZWFkZXIvUGFnZUhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTlFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQUUsV0FBVyxFQUFvQixNQUFNLHdDQUF3QyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRCxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUF1Qy9CLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLEtBQUssR0FBRyxFQUFFLEVBQ1YsV0FBVyxHQUNaLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsU0FBUyxFQUFDLEtBQUssRUFBQyxHQUFHLEVBQUMsR0FBRyxFQUFDLGFBQWEsRUFBQyxHQUFHO1FBQ2hELG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFNBQVMsRUFBQyxRQUFRLEVBQUMsR0FBRyxFQUFDLEdBQUc7WUFDdkQsV0FBVyxJQUFJLG9CQUFDLFdBQVcsUUFBRSxXQUFXLENBQWU7WUFDeEQsb0JBQUMsT0FBTyxJQUFDLEdBQUcsRUFBQyxHQUFHO2dCQUNiLEtBQUssSUFBSSw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxHQUFJO2dCQUNoRixvQkFBQyxPQUFPLElBQUMsU0FBUyxFQUFDLFFBQVEsRUFBQyxjQUFjLEVBQUMsUUFBUTtvQkFDakQsb0JBQUMsVUFBVSxDQUFDLE9BQU8sUUFBRSxLQUFLLENBQXNCO29CQUMvQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUNuQixvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUcsSUFDYixLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUNuQixvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLFFBQUMsSUFBSSxFQUFFLElBQUksR0FBSSxDQUN0QyxDQUFDLENBQ00sQ0FDWCxDQUNPLENBQ0YsQ0FDRjtRQUNULENBQUMsZ0JBQWdCLElBQUksYUFBYSxDQUFDLElBQUksQ0FDdEMsb0JBQUMsT0FBTyxJQUFDLEdBQUcsRUFBQyxHQUFHLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7WUFDekMsZ0JBQWdCO2dCQUNmLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQztxQkFDeEIsTUFBTSxDQUFDLE9BQU8sQ0FBQztxQkFDZixHQUFHLENBQUMsQ0FBQyxFQUFtQixFQUFFLEVBQUU7d0JBQXZCLEVBQUUsSUFBSSxPQUFhLEVBQVIsTUFBTSxjQUFqQixRQUFtQixDQUFGO29CQUFPLE9BQUEsQ0FDNUIsb0JBQUMsZUFBZSxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDbkMsSUFBSSxDQUNXLENBQ25CLENBQUE7aUJBQUEsQ0FBQztZQUNMLGFBQWEsSUFBSSxDQUNoQixvQkFBQyxhQUFhLGtCQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3BFLGFBQWEsQ0FBQyxJQUFJLENBQ0wsQ0FDakIsQ0FDTyxDQUNYLENBQ08sQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/src/components/Pagination/Pagination.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+export declare type PaginationProps = {
+    /**
+     * Total number of pages.
+     */
+    totalPages: number;
+    /**
+     * Currently active page number.
+     */
+    currentPage: number;
+    /**
+     * When true, next and last page buttons are enabled.
+     */
+    hasNextPage: boolean;
+    /**
+     * When true, previous and first page buttons are enabled.
+     */
+    hasPreviousPage: boolean;
+    /**
+     * Number of items that fit to one page.
+     */
+    pageSize?: number;
+    /**
+     * User configurable option that specifies the page size.
+     * Use {@link pageSize} to set default value.
+     */
+    pageSizes?: number[];
+    /**
+     *  Change callback for the page number.
+     */
+    onPageChange: (pageNumber: number) => void;
+    /**
+     *  Change callback for the page size.
+     */
+    onPageSizeChange?: (pageSize: number) => void;
+};
+export declare const Pagination: React.FC<PaginationProps>;

package/dist/src/components/Pagination/Pagination.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Box } from '../../../src/components/Box/Box';
+import { IconButton } from '../../../src/components/Button/Button';
+import { InputBase } from '../../../src/components/Input/Input';
+import { SelectBase } from '../../../src/components/Select/Select';
+import { Typography } from '../../../src/components/Typography/Typography';
+import { classNames, tw } from '../../../src/utils/tailwind';
+import clamp from 'lodash/clamp';
+import chevronLeft from '../../../src/icons/chevronLeft';
+import chevronRight from '../../../src/icons/chevronRight';
+import chevronForward from '../../../src/icons/chevronForward';
+import chevronBackward from '../../../src/icons/chevronBackward';
+export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, hasPreviousPage, onPageChange, pageSizes, onPageSizeChange, }) => {
+    const [value, setValue] = React.useState(currentPage);
+    React.useEffect(() => {
+        setValue(currentPage);
+    }, [currentPage]);
+    React.useEffect(() => {
+        onPageChange(1);
+        setValue(1);
+    }, [pageSize]);
+    return (React.createElement(Box, { className: tw('grid grid-cols-[200px_1fr_200px]'), backgroundColor: "grey-0", padding: "4" },
+        pageSizes && onPageSizeChange && typeof pageSize === 'number' ? (React.createElement(Box, { display: "flex", alignItems: "center", gap: "4" },
+            React.createElement(Typography.SmallText, null, "Items per page "),
+            React.createElement("div", { className: tw('max-w-[70px]') },
+                React.createElement(SelectBase, { options: pageSizes.map((size) => size.toString()), value: pageSize.toString(), onChange: (size) => {
+                        if (size) {
+                            const newSize = parseInt(size);
+                            if (!isNaN(newSize)) {
+                                onPageSizeChange(newSize);
+                            }
+                        }
+                    } })))) : (React.createElement("div", null)),
+        React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", className: tw('grow') },
+            React.createElement(IconButton, { "aria-label": "First", onClick: () => onPageChange(1), icon: chevronBackward, disabled: !hasPreviousPage }),
+            React.createElement(IconButton, { "aria-label": "Previous", onClick: () => onPageChange(currentPage - 1), icon: chevronLeft, disabled: !hasPreviousPage }),
+            React.createElement(Box, { paddingX: "4" },
+                React.createElement(Typography.SmallText, null, "Page")),
+            React.createElement(InputBase, { className: classNames(tw('text-center max-w-[40px]'), 'no-arrows'), type: "number", min: 1, max: totalPages, value: value, onChange: ({ target: { value } }) => setValue(value), onKeyDown: ({ key, currentTarget }) => {
+                    if (key === 'Enter') {
+                        currentTarget.blur();
+                    }
+                }, onBlur: ({ target: { value } }) => {
+                    const numberValue = parseInt(value);
+                    if (!isNaN(numberValue)) {
+                        const newPage = clamp(numberValue, 1, totalPages);
+                        onPageChange(newPage);
+                        setValue(newPage);
+                    }
+                    else {
+                        onPageChange(1);
+                        setValue(1);
+                    }
+                } }),
+            React.createElement(Box, { paddingX: "4" },
+                React.createElement(Typography.SmallText, null,
+                    "of ",
+                    totalPages)),
+            React.createElement(IconButton, { "aria-label": "Next", onClick: () => onPageChange(currentPage + 1), icon: chevronRight, disabled: !hasNextPage }),
+            React.createElement(IconButton, { "aria-label": "Last", onClick: () => onPageChange(totalPages), icon: chevronForward, disabled: !hasNextPage })),
+        React.createElement("div", null)));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFDakMsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUFDbEQsT0FBTyxjQUFjLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxlQUFlLE1BQU0sMkJBQTJCLENBQUM7QUE2Q3hELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxXQUFXLEVBQ1gsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsZUFBZSxFQUNmLFlBQVksRUFDWixTQUFTLEVBQ1QsZ0JBQWdCLEdBQ2pCLEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBa0IsV0FBVyxDQUFDLENBQUM7SUFFdkUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3hCLENBQUMsRUFBRSxD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

package/dist/src/components/Popover/Popover.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { OverlayProps as BaseOverlayProps, OverlayTriggerProps as BaseOverlayTriggerProps, PositionProps as BasePositionProps } from '@react-types/overlays';
+import { ButtonProps } from '../../../src/components/Button/Button';
+export declare type PopoverPlacement = 'bottom' | 'bottom-left' | 'bottom-right' | 'bottom-start' | 'bottom-end' | 'top' | 'top-left' | 'top-right' | 'top-start' | 'top-end' | 'left' | 'left-top' | 'left-bottom' | 'start' | 'start-top' | 'start-bottom' | 'right' | 'right-top' | 'right-bottom' | 'end' | 'end-top' | 'end-bottom';
+export declare type PopoverProps = Omit<BaseOverlayProps, 'container'> & BaseOverlayTriggerProps & Pick<BasePositionProps, 'offset' | 'shouldFlip'> & {
+    'id'?: string;
+    'data-testid'?: string;
+    'type'?: 'dialog' | 'menu';
+    'placement'?: PopoverPlacement;
+    'children': React.ReactNode;
+    'targetRef'?: React.RefObject<Element>;
+    'onClose'?: () => void;
+    'shouldCloseOnBlur'?: boolean;
+    'isDismissable'?: boolean;
+    'autoFocus'?: boolean;
+    'containFocus'?: boolean;
+};
+export declare const Popover: React.FC<PopoverProps> & {
+    Trigger: React.FC<TriggerProps>;
+    Button: React.FC<ButtonProps>;
+    Panel: React.FC<PanelProps>;
+};
+declare type TriggerProps = {
+    children: React.ReactElement;
+};
+declare type PanelProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+declare type PopoverButtonProps<T extends Element> = {
+    onClick?: React.MouseEventHandler<T>;
+};
+export declare const asPopoverButton: <E extends Element, T extends PopoverButtonProps<E> = PopoverButtonProps<E>>(Component: React.ElementType, displayName: string) => React.FC<T>;
+export {};

package/dist/src/components/Popover/Popover.js

@@ -0,0 +1,79 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useRef } from 'react';
+import { usePress, PressResponder } from '@react-aria/interactions';
+import { useOverlayPosition, useOverlayTrigger } from '@react-aria/overlays';
+import { mergeProps } from '@react-aria/utils';
+import { useOverlayTriggerState } from '@react-stately/overlays';
+import { Button } from '../../../src/components/Button/Button';
+import { isComponentType } from '../../../types/utils';
+import { PopoverContext, usePopoverContext } from './PopoverContext';
+import { PopoverWrapper } from './PopoverWrapper';
+/* <Popover> */
+export const Popover = (props) => {
+    var _a;
+    const { id, placement: _placement = 'bottom-left', isDismissable = true, isKeyboardDismissDisabled, autoFocus = true, containFocus = false, targetRef, } = props;
+    const triggerRef = useRef(null);
+    const overlayRef = useRef(null);
+    const state = useOverlayTriggerState(props);
+    const { overlayProps: popoverProps, placement, arrowProps, } = useOverlayPosition({
+        targetRef: targetRef !== null && targetRef !== void 0 ? targetRef : triggerRef,
+        overlayRef,
+        placement: _placement.replace('-', ' '),
+        offset: props.offset,
+        shouldFlip: props.shouldFlip,
+        isOpen: state.isOpen,
+    });
+    const { triggerProps, overlayProps: otherOverlayProps } = useOverlayTrigger({ type: (_a = props.type) !== null && _a !== void 0 ? _a : 'dialog' }, state, triggerRef);
+    return (React.createElement(PopoverContext.Provider, { value: {
+            state,
+        } }, React.Children.map(props.children, (child) => {
+        if (isComponentType(child, Popover.Trigger)) {
+            return (React.createElement(PressResponder, Object.assign({ ref: triggerRef, onPress: state.toggle }, triggerProps),
+                React.createElement(PopoverTriggerWrapper, { "data-testid": props['data-testid'], "aria-controls": id }, child.props.children)));
+        }
+        if (isComponentType(child, Popover.Panel)) {
+            return (React.createElement(PopoverWrapper, Object.assign({ ref: overlayRef, isOpen: state.isOpen, onClose: state.close, placement: placement, arrowProps: arrowProps, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, autoFocus: autoFocus, containFocus: containFocus }, popoverProps, otherOverlayProps, { id: id }), child.props.children));
+        }
+        throw new Error('Invalid children element type');
+    })));
+};
+const Trigger = () => null;
+Trigger.displayName = 'Popover.Trigger';
+Popover.Trigger = Trigger;
+const Panel = () => null;
+Panel.displayName = 'Popover.Panel';
+Popover.Panel = Panel;
+export const asPopoverButton = (Component, displayName) => {
+    const PopoverButton = (props) => {
+        const { onClick } = props;
+        const { state } = usePopoverContext();
+        const handleClick = (e) => {
+            state.close();
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        };
+        return React.createElement(Component, Object.assign({}, props, { onClick: handleClick }));
+    };
+    PopoverButton.displayName = displayName;
+    return PopoverButton;
+};
+const PopoverButton = asPopoverButton(Button, 'PopoverButton');
+Popover.Button = PopoverButton;
+const PopoverTriggerWrapper = (_a) => {
+    var _b;
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const ref = useRef(null);
+    const trigger = React.Children.only(children);
+    const { pressProps } = usePress(Object.assign(Object.assign({}, rest), { ref }));
+    return React.cloneElement(trigger, Object.assign(Object.assign({ 'ref': ref }, mergeProps(pressProps, trigger.props)), { 'aria-controls': (_b = rest['aria-controls']) !== null && _b !== void 0 ? _b : pressProps['aria-controls'] }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzdFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQVFqRSxPQUFPLEVBQWUsTUFBTSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBNENsRCxlQUFlO0FBRWYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUloQixDQUFDLEtBQUssRUFBRSxFQUFFOztJQUNaLE1BQU0sRUFDSixFQUFFLEVBQ0YsU0FBUyxFQUFFLFVBQVUsR0FBRyxhQUFhLEVBQ3JDLGFBQWEsR0FBRyxJQUFJLEVBQ3BCLHlCQUF5QixFQUN6QixTQUFTLEdBQUcsSUFBSSxFQUNoQixZQUFZLEdBQUcsS0FBSyxFQUNwQixTQUFTLEdBQ1YsR0FBRyxLQUFLLENBQUM7SUFDVixNQUFNLFVBQVUsR0FBRyxNQUFNLENBQWMsSUFBSSxDQUFDLENBQUM7SUFDN0MsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUNoRCxNQUFNLEtB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

package/dist/src/components/Popover/PopoverContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { OverlayTriggerState } from 'react-stately';
+export declare type PopoverContext = {
+    state: OverlayTriggerState;
+};
+export declare const PopoverContext: import("react").Context<PopoverContext | null>;
+export declare const usePopoverContext: () => PopoverContext;

package/dist/src/components/Popover/PopoverContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const PopoverContext = createContext(null);
+export const usePopoverContext = () => {
+    const ctx = useContext(PopoverContext);
+    if (ctx === null) {
+        throw new Error('PopoverContext was used outside of provider.');
+    }
+    return ctx;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckNvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXJDb250ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQU9sRCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsYUFBYSxDQUF3QixJQUFJLENBQUMsQ0FBQztBQUV6RSxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFtQixFQUFFO0lBQ3BELE1BQU0sR0FBRyxHQUFHLFVBQVUsQ0FBd0IsY0FBYyxDQUFDLENBQUM7SUFFOUQsSUFBSSxHQUFHLEtBQUssSUFBSSxFQUFFO1FBQ2hCLE1BQU0sSUFBSSxLQUFLLENBQUMsOENBQThDLENBQUMsQ0FBQztLQUNqRTtJQUVELE9BQU8sR0FBRyxDQUFDO0FBQ2IsQ0FBQyxDQUFDIn0=

package/dist/src/components/Popover/PopoverWrapper.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { OverlayProps as BaseOverlayProps, PlacementAxis } from '@react-types/overlays';
+export declare const PopoverWrapper: React.ForwardRefExoticComponent<BaseOverlayProps & {
+    id?: string | undefined;
+    placement?: PlacementAxis | undefined;
+    arrowProps?: React.HTMLAttributes<HTMLElement> | undefined;
+    hideArrow?: boolean | undefined;
+    isOpen?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    shouldCloseOnBlur?: boolean | undefined;
+    isNonModal?: boolean | undefined;
+    isDismissable?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    containFocus?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Popover/PopoverWrapper.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { FocusScope } from '@react-aria/focus';
+import { DismissButton, OverlayContainer, useModal, useOverlay } from '@react-aria/overlays';
+import { mergeProps } from '@react-aria/utils';
+import { Popover as Base } from '../../../src/common/Popover/Popover';
+export const PopoverWrapper = React.forwardRef((props, ref) => {
+    const { id, children, placement, arrowProps, isOpen, hideArrow, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    shouldCloseOnBlur, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isKeyboardDismissDisabled, isNonModal = true, isDismissable, autoFocus, containFocus } = props, otherProps = __rest(props, ["id", "children", "placement", "arrowProps", "isOpen", "hideArrow", "shouldCloseOnBlur", "isKeyboardDismissDisabled", "isNonModal", "isDismissable", "autoFocus", "containFocus"]);
+    const { overlayProps } = useOverlay(Object.assign(Object.assign({}, props), { isDismissable: isDismissable && isOpen }), ref);
+    const { modalProps } = useModal({
+        isDisabled: isNonModal,
+    });
+    if (!props.isOpen) {
+        return null;
+    }
+    return (React.createElement(OverlayContainer, null,
+        React.createElement(FocusScope, { restoreFocus: true, autoFocus: autoFocus, contain: containFocus },
+            React.createElement(Base.Panel, Object.assign({ ref: ref, role: "dialog" }, mergeProps(otherProps, modalProps, overlayProps), { id: id !== null && id !== void 0 ? id : overlayProps.id }),
+                children,
+                React.createElement(DismissButton, { onDismiss: props.onClose })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlcldyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXJXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0YsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxPQUFPLElBQUksSUFBSSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFnQjdELE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFzQyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUNqRyxNQUFNLEVBQ0osRUFBRSxFQUNGLFFBQVEsRUFDUixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixTQUFTO0lBQ1QsNkRBQTZEO0lBQzdELGlCQUFpQjtJQUNqQiw2REFBNkQ7SUFDN0QseUJBQXlCLEVBQ3pCLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLGFBQWEsRUFDYixTQUFTLEVBQ1QsWUFBWSxLQUVWLEtBQUssRUFESixVQUFVLFVBQ1gsS0FBSyxFQWhCSCxrTEFnQkwsQ0FBUSxDQUFDO0lBRVYsTUFBTSxFQUFFLFlBQVksRUFBRSxHQUFHLFVBQVUsaUNBQzVCLEtBQUssS0FBRSxhQUFhLEVBQUUsYUFBYSxJQUFJLE1BQU0sS0FDbEQsR0FBc0MsQ0FDdkMsQ0FBQztJQUVGLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxRQUFRLENBQUM7UUFDOUIsVUFBVSxFQUFFLFVBQVU7S0FDdkIsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7UUFDakIsT0FBTyxJQUFJLENBQUM7S0FDYjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0I7UUFDZixvQkFBQyxVQUFVLElBQUMsWUFBWSxRQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFlBQVk7WUFDbEUsb0JBQUMsSUFBSSxDQUFDLEtBQUssa0JBQ1QsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsUUFBUSxJQUNULFVBQVUsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFlBQVksQ0FBQyxJQUNwRCxFQUFFLEVBQUUsRUFBRSxhQUFGLEVBQUUsY0FBRixFQUFFLEdBQUksWUFBWSxDQUFDLEVBQUU7Z0JBRXhCLFFBQVE7Z0JBQ1Qsb0JBQUMsYUFBYSxJQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsT0FBTyxHQUFJLENBQ2hDLENBQ0YsQ0FDSSxDQUNwQixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==

package/dist/src/components/PopoverDialog/PopoverDialog.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { DialogProps } from '../../../src/components/Dialog/Dialog';
+import { Popover, PopoverPlacement } from '../../../src/components/Popover/Popover';
+declare type PopoverDialogProps = Omit<DialogProps, 'type' | 'open'> & {
+    placement?: PopoverPlacement;
+    open?: boolean;
+};
+declare const PopoverDialog: React.FC<PopoverDialogProps> & {
+    Trigger: typeof Popover.Trigger;
+    Prompt: React.FC;
+};
+export { PopoverDialog };

package/dist/src/components/PopoverDialog/PopoverDialog.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import omit from 'lodash/omit';
+import { tw } from '../../../src/utils/tailwind';
+import { Popover } from '../../../src/components/Popover/Popover';
+import { PopoverDialog as Base } from '../../../src/common/PopoverDialog/PopoverDialog';
+import { isComponentType } from '../../../types/utils';
+const PopoverDialog = ({ placement, open, title, secondaryAction, primaryAction, children }) => {
+    const wrapPromptWithBody = (child) => {
+        if (isComponentType(child, PopoverDialog.Prompt)) {
+            return (React.createElement(Popover.Panel, { className: tw('max-w-[300px]') },
+                React.createElement(Base.Header, null,
+                    React.createElement(Base.Title, null, title)),
+                child,
+                React.createElement(Base.Footer, null,
+                    React.createElement(Base.Actions, null,
+                        secondaryAction && (React.createElement(Popover.Button, Object.assign({ kind: "secondary-ghost", key: secondaryAction.text, dense: true }, omit(secondaryAction, 'text')), secondaryAction.text)),
+                        React.createElement(Popover.Button, Object.assign({ kind: "ghost", key: primaryAction.text, dense: true }, omit(primaryAction, 'text')), primaryAction.text)))));
+        }
+        return child;
+    };
+    return (React.createElement(Popover, { type: "dialog", isOpen: open, placement: placement, isDismissable: true, isKeyboardDismissDisabled: false, autoFocus: true, containFocus: true }, React.Children.map(children, wrapPromptWithBody)));
+};
+PopoverDialog.Trigger = Popover.Trigger;
+const Prompt = ({ children }) => React.createElement(Base.Body, null, children);
+Prompt.displayName = 'PopoverDialog.Prompt';
+PopoverDialog.Prompt = Prompt;
+export { PopoverDialog };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BvcG92ZXJEaWFsb2cvUG9wb3ZlckRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLE9BQU8sRUFBb0IsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsYUFBYSxJQUFJLElBQUksRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFPOUMsTUFBTSxhQUFhLEdBR2YsQ0FBQyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUMzRSxNQUFNLGtCQUFrQixHQUFHLENBQUMsS0FBc0IsRUFBRSxFQUFFO1FBQ3BELElBQUksZUFBZSxDQUFDLEtBQUssRUFBRSxhQUFhLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDaEQsT0FBTyxDQUNMLG9CQUFDLE9BQU8sQ0FBQyxLQUFLLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBQzNDLG9CQUFDLElBQUksQ0FBQyxNQUFNO29CQUNWLG9CQUFDLElBQUksQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFjLENBQ3BCO2dCQUNiLEtBQUs7Z0JBQ04sb0JBQUMsSUFBSSxDQUFDLE1BQU07b0JBQ1Ysb0JBQUMsSUFBSSxDQUFDLE9BQU87d0JBQ1YsZUFBZSxJQUFJLENBQ2xCLG9CQUFDLE9BQU8sQ0FBQyxNQUFNLGtCQUNiLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsR0FBRyxFQUFFLGVBQWUsQ0FBQyxJQUFJLEVBQ3pCLEtBQUssVUFDRCxJQUFJLENBQUMsZUFBZSxFQUFFLE1BQU0sQ0FBQyxHQUVoQyxlQUFlLENBQUMsSUFBSSxDQUNOLENBQ2xCO3dCQUNELG9CQUFDLE9BQU8sQ0FBQyxNQUFNLGtCQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLEVBQUUsS0FBSyxVQUFLLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3hGLGFBQWEsQ0FBQyxJQUFJLENBQ0osQ0FDSixDQUNILENBQ0EsQ0FDakIsQ0FBQztTQUNIO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsb0JBQUMsT0FBTyxJQUNOLElBQUksRUFBQyxRQUFRLEVBQ2IsTUFBTSxFQUFFLElBQUksRUFDWixTQUFTLEVBQUUsU0FBUyxFQUNwQixhQUFhLEVBQUUsSUFBSSxFQUNuQix5QkFBeUIsRUFBRSxLQUFLLEVBQ2hDLFNBQVMsRUFBRSxJQUFJLEVBQ2YsWUFBWSxFQUFFLElBQUksSUFFakIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLGtCQUFrQixDQUFDLENBQ3pDLENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGFBQWEsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQztBQUV4QyxNQUFNLE1BQU0sR0FBYSxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLG9CQUFDLElBQUksQ0FBQyxJQUFJLFFBQUUsUUFBUSxDQUFhLENBQUM7QUFDN0UsTUFBTSxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQztBQUM1QyxhQUFhLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLENBQUMifQ==

package/dist/src/components/Portal/Portal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode | React.ReactNodeArray;
+    to: HTMLElement;
+};
+export declare const Portal: React.FC<Props>;
+export {};

package/dist/src/components/Portal/Portal.js

@@ -0,0 +1,3 @@
+import { createPortal } from 'react-dom';
+export const Portal = ({ children, to }) => createPortal(children, to);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9ydGFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUG9ydGFsL1BvcnRhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQU96QyxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQW9CLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMifQ==

package/dist/src/components/Positioner/Positioner.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { PositionerPlacement } from '../../../src/utils/positioner';
+declare type PositionerArgs = {
+    triggerRef: React.RefObject<HTMLElement>;
+};
+export declare type PositionerProps = {
+    children: React.ReactNode;
+    content: React.ReactElement;
+    autoAdjust?: boolean;
+    animate?: boolean;
+    trigger?: 'hover' | 'click';
+    placement?: PositionerPlacement;
+    onClose?: ({ triggerRef }: PositionerArgs) => void;
+    padding?: number;
+    allowClosingManually?: boolean;
+    stayVisibleOnHover?: boolean;
+    fullWidth?: boolean;
+    tabIndex?: number;
+};
+export declare const Positioner: React.FC<PositionerProps>;
+export {};

package/dist/src/components/Positioner/Positioner.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import { PositionerPlacement, calcPosition, calcBestPosition, createMountPointElement, } from '../../../src/utils/positioner';
+import { tw } from '../../../src/utils/tailwind';
+import { Portal } from '../../../src/components/Portal/Portal';
+export const Positioner = ({ children, content, autoAdjust = false, animate = false, trigger = 'click', placement = PositionerPlacement.bottom, onClose, padding = 5, allowClosingManually = false, stayVisibleOnHover = false, fullWidth = false, tabIndex = 0, }) => {
+    var _a;
+    const [isOpen, setOpen] = React.useState(false);
+    const triggerRef = React.useRef(null);
+    const timeoutId = React.useRef();
+    React.useEffect(() => {
+        return () => {
+            timeoutId.current && clearTimeout(timeoutId.current);
+            window.document.body.removeEventListener('mouseover', handleMouseOver);
+        };
+    }, []);
+    const handleTriggerKeyDown = (event) => event.key === 'Enter' && showContent(!isOpen);
+    const handleTriggerClick = () => {
+        showContent(!isOpen);
+    };
+    const handleMouseOver = (event) => {
+        var _a;
+        if (!((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+            showContent(false);
+            window.document.body.removeEventListener('mouseover', handleMouseOver);
+        }
+    };
+    const showContent = (value, shouldDelay = false) => {
+        timeoutId.current && clearTimeout(timeoutId.current);
+        shouldDelay ? (timeoutId.current = setTimeout(() => setOpen(value), 300)) : setOpen(value);
+        if (!value) {
+            // give focus back to the trigger element
+            onClose === null || onClose === void 0 ? void 0 : onClose({ triggerRef });
+        }
+    };
+    // onMouseLeave has reported issues of not firing reliably.
+    // This causes issue with for example Tooltip not being hidden when hovering out of the trigger.
+    // The workaround is to listen mouseover on body level and call close when mouse is no longer over the trigger.
+    // the above applies only to the case where "stayVisibleOnHover" prop is false
+    // when "stayVisibleOnHover" prop is true, it works fine with onMouseLeave since we want to have content stay visible if user hovers over the trigger or content.
+    const handleTriggerMouseEnter = () => {
+        if (!stayVisibleOnHover) {
+            window.document.body.addEventListener('mouseover', handleMouseOver);
+        }
+        showContent(true, true);
+    };
+    const handleTriggerMouseLeave = () => showContent(false, stayVisibleOnHover);
+    const handleOutsideClick = React.useCallback((event) => {
+        var _a;
+        const { target } = event;
+        // Hide content only if click happened outiside the triggering element.
+        if (target !== window && !((_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.contains(target))) {
+            showContent(false);
+        }
+    }, []);
+    const handleESCPress = React.useCallback(() => showContent(false), []);
+    const handleSetOpen = React.useCallback((value) => showContent(value), []);
+    return (React.createElement("div", { className: tw('inline-block', {
+            'w-full': fullWidth,
+        }), ref: triggerRef, onClick: trigger === 'click' ? handleTriggerClick : undefined, onKeyDown: handleTriggerKeyDown, onMouseEnter: trigger === 'hover' ? handleTriggerMouseEnter : undefined, onMouseLeave: stayVisibleOnHover ? handleTriggerMouseLeave : undefined, tabIndex: tabIndex, "data-testid": 'positioner', id: content.props.triggerId, "aria-haspopup": isOpen, "aria-expanded": isOpen, "aria-controls": content.props.contentId },
+        children,
+        isOpen && (React.createElement(Positioned, { triggerRect: ((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { x: 0, y: 0 }, animate: animate, autoAdjust: autoAdjust, onOutsideClick: handleOutsideClick, onESCPress: handleESCPress, placement: placement, padding: padding, setOpen: handleSetOpen, stayVisibleOnHover: stayVisibleOnHover }, allowClosingManually ? React.cloneElement(content, { setClose: () => showContent(false) }) : content))));
+};
+const Positioned = ({ children, onOutsideClick, onESCPress, autoAdjust = false, animate = false, triggerRect, placement = PositionerPlacement.bottom, padding = 5, setOpen = () => undefined, stayVisibleOnHover = false, }) => {
+    const [position, setPosition] = React.useState({ x: 0, y: 0 });
+    const contentRef = React.useRef(null);
+    const mountElementRef = React.useRef(createMountPointElement());
+    const handleBodyClick = (event) => { var _a; return !((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) && onOutsideClick(event); };
+    const handleWindowKeyUp = (event) => event.key === 'Escape' && onESCPress();
+    const handleSetOpen = (event, value) => {
+        event.stopPropagation();
+        setOpen(value);
+    };
+    React.useEffect(() => {
+        window.document.body.addEventListener('click', handleBodyClick);
+        window.addEventListener('keyup', handleWindowKeyUp);
+        // Note that we must append mount element ref to DOM
+        // before calculating position.
+        document.body.appendChild(mountElementRef.current);
+        if (contentRef.current) {
+            setPosition(autoAdjust
+                ? calcBestPosition(triggerRect, contentRef.current.getBoundingClientRect(), placement, padding)
+                : calcPosition(triggerRect, contentRef.current.getBoundingClientRect(), placement, padding));
+        }
+        return () => {
+            document.body.removeChild(mountElementRef.current);
+            window.document.body.removeEventListener('click', handleBodyClick);
+            window.removeEventListener('keyup', handleWindowKeyUp);
+        };
+    }, []);
+    return (React.createElement(Portal, { to: mountElementRef.current },
+        React.createElement("div", Object.assign({ tabIndex: -1, onClick: (event) => event.stopPropagation(), ref: contentRef, style: {
+                transform: `translate(${position.x}px, ${position.y}px)`,
+            }, className: tw('absolute top-0 left-0', {
+                'animate-positioner-fade-in': animate,
+            }), "data-testid": 'positioned' }, (stayVisibleOnHover && { onMouseEnter: (e) => handleSetOpen(e, true) }), (stayVisibleOnHover && { onMouseLeave: (e) => handleSetOpen(e, false) })), children)));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9zaXRpb25lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Bvc2l0aW9uZXIvUG9zaXRpb25lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsWUFBWSxFQUNaLGdCQUFnQixFQUNoQix1QkFBdUIsR0FFeEIsTUFBTSxzQkFBc0IsQ0FBQztBQUM5QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBNkJ0RCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThCLENBQUMsRUFDcEQsUUFBUSxFQUNSLE9BQU8sRUFDUCxVQUFVLEdBQUcsS0FBSyxFQUNsQixPQUFPLEdBQUcsS0FBSyxFQUNmLE9BQU8sR0FBRyxPQUFPLEVBQ2pCLFNBQVMsR0FBRyxtQkFBbUIsQ0FBQyxNQUFNLEVBQ3RDLE9BQU8sRUFDUCxPQUFPLEdBQUcsQ0FBQyxFQUNYLG9CQUFvQixHQUFHLEtBQUssRUFDNUIsa0JBQWtCLEdBQUcsS0FBSyxFQUMxQixTQUFTLEdBQUcsS0FBSyxFQUNqQixRQUFRLEdBQUcsQ0FBQyxHQUNiLEVBQUUsRUFBRTs7SUFDSCxNQUFNLENBQUMsTUFBTSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDekQsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE1BQU0sRUFBaUMsQ0FBQztJQUVoRSxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNuQixPQUFPLEdBQUcsRUFBRTtZQUNWLFNBQVMsQ0FBQyxPQUFPLElBQUksWUFBWSxDQUFDLFNB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