react-science 0.19.1

package/lib-esm/components/dropdown-menu/DropdownMenu.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+import { Menu } from '@headlessui/react';
+import { useRef } from 'react';
+import { useModifiedPopper } from '../hooks/useModifiedPopper';
+import { useOnClickOutside } from '../hooks/useOnClickOutside';
+import { useOnOff } from '../hooks/useOnOff';
+import { Portal } from '../root-layout/Portal';
+import { MenuItems } from './MenuItems';
+import { useContextMenuPlacement } from './useContextMenuPlacement';
+export function DropdownMenu(props) {
+    const { trigger, ...otherProps } = props;
+    if (trigger === 'contextMenu') {
+        return _jsx(DropdownContextMenu, { ...otherProps });
+    }
+    return (_jsx(DropdownClickMenu, { ...otherProps, children: props.children }));
+}
+const HandleMenuContextDiv = styled.div `
+  display: contents;
+`;
+function DropdownContextMenu(props) {
+    const { children, onSelect, ...otherProps } = props;
+    const { isPopperElementOpen, closePopperElement, handleContextMenu, setPopperElement, styles, attributes, } = useContextMenuPlacement(otherProps.placement || 'right-start');
+    const ref = useRef(null);
+    useOnClickOutside(ref, closePopperElement);
+    return (_jsxs(HandleMenuContextDiv, { onContextMenu: handleContextMenu, children: [isPopperElementOpen && (_jsx("div", { ref: ref, children: _jsx("div", { ref: setPopperElement, style: styles.popper, ...attributes.popper, children: _jsx(Menu, { children: _jsx(MenuItems, { itemsStatic: true, onSelect: (selected) => {
+                                closePopperElement();
+                                onSelect(selected);
+                            }, ...otherProps }) }) }) })), children] }));
+}
+function DropdownClickMenu(props) {
+    const { placement = 'bottom-start', onSelect, ...otherProps } = props;
+    const [isOpened, , closeItems, toggle] = useOnOff(false);
+    const ref = useRef(null);
+    useOnClickOutside(ref, closeItems);
+    const { setReferenceElement, setPopperElement, popperProps } = useModifiedPopper({ placement, offset: 6 });
+    return (_jsxs(Menu, { children: [_jsx(Menu.Button, { ref: setReferenceElement, onClick: toggle, children: props.children }), isOpened && (_jsx(Portal, { children: _jsx("div", { ref: ref, children: _jsx("div", { ref: setPopperElement, ...popperProps, children: _jsx(MenuItems, { itemsStatic: true, onSelect: (selected) => {
+                                closeItems();
+                                onSelect(selected);
+                            }, ...otherProps }) }) }) }))] }));
+}
+//# sourceMappingURL=DropdownMenu.js.map

package/lib-esm/components/dropdown-menu/DropdownMenu.js.map

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

package/lib-esm/components/dropdown-menu/MenuItems.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export interface MenuOption<T> {
+    type: 'option';
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    data?: T;
+}
+export interface MenuDivider {
+    type: 'divider';
+}
+export type MenuOptions<T> = Array<MenuOption<T> | MenuDivider>;
+export interface MenuItemsProps<T> {
+    options: MenuOptions<T>;
+    onSelect: (selected: MenuOption<T>) => void;
+    itemsStatic?: boolean;
+}
+export declare function MenuItems<T>(props: MenuItemsProps<T>): JSX.Element;
+//# sourceMappingURL=MenuItems.d.ts.map

package/lib-esm/components/dropdown-menu/MenuItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/MenuItems.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC;AAiEhE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,eAsBpD"}

package/lib-esm/components/dropdown-menu/MenuItems.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+import { Menu } from '@headlessui/react';
+const ItemDiv = styled.div `
+  display: contents;
+  cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};
+  font-size: 0.875rem;
+  color: ${(props) => (!props.disabled ? 'black' : 'rgb(163, 163, 163)')};
+  & > div {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    ${(props) => props.active && 'background-color: rgb(243, 244, 246);'}
+  }
+
+  ${(props) => !props.disabled &&
+    `
+          &:hover > div {
+            background-color: rgb(243, 244, 246);
+          }
+        `}
+`;
+const Divider = styled.hr `
+  width: 100%;
+  color: rgb(229, 229, 229);
+  margin-top: 5px;
+  margin-bottom: 5px;
+  grid-column: 1 / -1;
+`;
+const ItemsDiv = styled.div `
+  display: grid;
+  grid-template-columns: [icon-start] ${(props) => props.hasOneIconOrMore ? '40px' : '0px'} [label-start] auto;
+  width: fit-content;
+  align-items: center;
+  border-radius: 6px;
+  background-color: white;
+  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 5px 12px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  --cell-padding: 16px;
+`;
+const LabelDiv = styled.div `
+  grid-column-start: label-start;
+  padding-right: var(--cell-padding);
+  padding-left: var(--cell-padding);
+`;
+const IconDiv = styled.div `
+  grid-column-start: icon-start;
+  width: 100%;
+  height: 100%;
+  padding-left: var(--cell-padding);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+export function MenuItems(props) {
+    const { options, onSelect, itemsStatic } = props;
+    const hasOneOrMoreIcon = options.some((option) => option.type === 'option' && option.icon);
+    return (_jsx(Menu.Items, { as: ItemsDiv, static: itemsStatic, hasOneIconOrMore: hasOneOrMoreIcon, children: options.map((option, index) => (_jsx(Item
+        // eslint-disable-next-line react/no-array-index-key
+        , { onSelect: onSelect, option: option }, index))) }));
+}
+function Item(props) {
+    const { option, onSelect } = props;
+    const isDivider = option.type === 'divider';
+    if (isDivider) {
+        return _jsx(Divider, {});
+    }
+    return (_jsx(Menu.Item, { disabled: option.disabled, children: ({ active }) => (_jsxs(ItemDiv, { onClick: () => {
+                onSelect(option);
+            }, active: active, disabled: option.disabled || false, children: [_jsx(IconDiv, { children: option.icon }), _jsx(LabelDiv, { children: option.label })] })) }));
+}
+//# sourceMappingURL=MenuItems.js.map

package/lib-esm/components/dropdown-menu/MenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu/MenuItems.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAiBzC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAGxB;;YAEU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;;WAEpD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;;;;MAIlE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,uCAAuC;;;IAGpE,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,KAAK,CAAC,QAAQ;IACf;;;;SAIK;CACR,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;CAMxB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAEzB;;wCAEsC,CAAC,KAAK,EAAE,EAAE,CAC5C,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;;;;;;;;;CAS5C,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI1B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQzB,CAAC;AAQF,MAAM,UAAU,SAAS,CAAI,KAAwB;IACnD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CACnC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CACpD,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,CAAC,KAAK,IACT,EAAE,EAAE,QAAQ,EACZ,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,gBAAgB,YAEjC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,IAAI;QACH,oDAAoD;YAEpD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IAFT,KAAK,CAGV,CACH,CAAC,GACS,CACd,CAAC;AACJ,CAAC;AAOD,SAAS,IAAI,CAAI,KAAmB;IAClC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC;IAE5C,IAAI,SAAS,EAAE;QACb,OAAO,KAAC,OAAO,KAAG,CAAC;KACpB;IAED,OAAO,CACL,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,YACjC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACf,MAAC,OAAO,IACN,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,MAAM,CAAC,CAAC;YACnB,CAAC,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,KAAK,aAElC,KAAC,OAAO,cAAE,MAAM,CAAC,IAAI,GAAW,EAChC,KAAC,QAAQ,cAAE,MAAM,CAAC,KAAK,GAAY,IAC3B,CACX,GACS,CACb,CAAC;AACJ,CAAC"}

package/lib-esm/components/dropdown-menu/index.d.ts

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

package/lib-esm/components/dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib-esm/components/dropdown-menu/index.js

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

package/lib-esm/components/dropdown-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib-esm/components/dropdown-menu/useContextMenuPlacement.d.ts

@@ -0,0 +1,18 @@
+import type { Placement } from '@popperjs/core';
+import React from 'react';
+export declare function useContextMenuPlacement(placement: Placement): {
+    setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
+    styles: {
+        [key: string]: React.CSSProperties;
+    };
+    attributes: {
+        [key: string]: {
+            [key: string]: string;
+        } | undefined;
+    };
+    popperState: import("@popperjs/core").State | null;
+    isPopperElementOpen: boolean;
+    handleContextMenu: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    closePopperElement: () => void;
+};
+//# sourceMappingURL=useContextMenuPlacement.d.ts.map

package/lib-esm/components/dropdown-menu/useContextMenuPlacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextMenuPlacement.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useContextMenuPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAyC,MAAM,OAAO,CAAC;AAU9D,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS;;;;;;;;;;;;+BAMhD,gBAAgB,CAAC,cAAc,EAAE,UAAU,CAAC;;EA0DvD"}

package/lib-esm/components/dropdown-menu/useContextMenuPlacement.js

@@ -0,0 +1,49 @@
+import { useCallback, useMemo, useState } from 'react';
+import { usePopper } from 'react-popper';
+export function useContextMenuPlacement(placement) {
+    const [positionState, setPositionState] = useState(null);
+    const handleContextMenu = useCallback((event) => {
+        const { clientX, clientY, pageX, pageY } = event;
+        event.preventDefault();
+        setPositionState({
+            clientX,
+            clientY,
+            pageX,
+            pageY,
+        });
+    }, []);
+    const boundingClientRect = useMemo(() => {
+        return {
+            top: positionState?.clientY || 0,
+            left: positionState?.clientX || 0,
+            x: positionState?.pageX || 0,
+            y: positionState?.pageY || 0,
+            bottom: 0,
+            right: 0,
+            height: 0,
+            width: 0,
+            toJSON: () => '',
+        };
+    }, [positionState]);
+    const virtualElement = useMemo(() => {
+        return {
+            getBoundingClientRect: () => boundingClientRect,
+        };
+    }, [boundingClientRect]);
+    const [popperElement, setPopperElement] = useState(null);
+    const { styles, attributes, state } = usePopper(virtualElement, popperElement, {
+        placement,
+    });
+    return {
+        setPopperElement,
+        styles,
+        attributes,
+        popperState: state,
+        isPopperElementOpen: positionState !== null,
+        handleContextMenu,
+        closePopperElement: () => {
+            setPositionState(null);
+        },
+    };
+}
+//# sourceMappingURL=useContextMenuPlacement.js.map

package/lib-esm/components/dropdown-menu/useContextMenuPlacement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextMenuPlacement.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useContextMenuPlacement.ts"],"names":[],"mappings":"AACA,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASzC,MAAM,UAAU,uBAAuB,CAAC,SAAoB;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAmD,EAAE,EAAE;QACtD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACjD,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,gBAAgB,CAAC;YACf,OAAO;YACP,OAAO;YACP,KAAK;YACL,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO;YACL,GAAG,EAAE,aAAa,EAAE,OAAO,IAAI,CAAC;YAChC,IAAI,EAAE,aAAa,EAAE,OAAO,IAAI,CAAC;YACjC,CAAC,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;YAC5B,CAAC,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;YAE5B,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE;SACjB,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO;YACL,qBAAqB,EAAE,GAAG,EAAE,CAAC,kBAAkB;SAChD,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,SAAS,CAC7C,cAAc,EACd,aAAa,EACb;QACE,SAAS;KACV,CACF,CAAC;IAEF,OAAO;QACL,gBAAgB;QAChB,MAAM;QACN,UAAU;QACV,WAAW,EAAE,KAAK;QAClB,mBAAmB,EAAE,aAAa,KAAK,IAAI;QAC3C,iBAAiB;QACjB,kBAAkB,EAAE,GAAG,EAAE;YACvB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/lib-esm/components/fullscreen/FullscreenContext.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface FullscreenProps {
+    children: ReactNode;
+}
+interface FullscreenState {
+    isFullScreen: boolean;
+}
+interface ContextType extends FullscreenState {
+    toggle: () => void;
+}
+export declare function useFullscreen(): ContextType;
+export declare function FullScreenProvider(props: FullscreenProps): JSX.Element;
+export {};
+//# sourceMappingURL=FullscreenContext.d.ts.map

package/lib-esm/components/fullscreen/FullscreenContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenContext.d.ts","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,SAAS,EAMV,MAAM,OAAO,CAAC;AAUf,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,UAAU,eAAe;IACvB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,WAAY,SAAQ,eAAe;IAC3C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAOD,wBAAgB,aAAa,gBAE5B;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,eAYxD"}

package/lib-esm/components/fullscreen/FullscreenContext.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable no-alert */
+import { createContext, useContext, useEffect, useMemo, useReducer, useRef, } from 'react';
+const fullscreenContextInit = {
+    isFullScreen: false,
+    toggle: () => { },
+};
+const FullscreenContext = createContext(fullscreenContextInit);
+export function useFullscreen() {
+    return useContext(FullscreenContext);
+}
+export function FullScreenProvider(props) {
+    const [isFullScreen, toggle] = useReducer((value) => !value, false);
+    const value = useMemo(() => ({ isFullScreen, toggle }), [isFullScreen, toggle]);
+    return (_jsx(FullscreenContext.Provider, { value: value, children: _jsx(FullscreenInner, { ...props }) }));
+}
+function FullscreenInner(props) {
+    const { children } = props;
+    const { isFullScreen, toggle } = useFullscreen();
+    const ref = useRef(null);
+    useEffect(() => {
+        function onFullscreenChange() {
+            const document = window.document;
+            const value = Boolean(document.fullscreenElement || document.webkitFullscreenElement);
+            if (!value && isFullScreen)
+                toggle();
+        }
+        const div = ref.current;
+        if (!div) {
+            return;
+        }
+        div.addEventListener('fullscreenchange', onFullscreenChange);
+        div.addEventListener('webkitfullscreenchange', onFullscreenChange);
+        return () => {
+            div.removeEventListener('fullscreenchange', onFullscreenChange);
+            div.removeEventListener('webkitfullscreenchange', onFullscreenChange);
+        };
+    }, [isFullScreen, toggle]);
+    useEffect(() => {
+        if (isFullScreen && ref.current) {
+            if (ref.current.requestFullscreen) {
+                ref.current.requestFullscreen().catch(() => {
+                    alert('Fullscreen is not supported');
+                });
+            }
+            else if (ref.current.webkitRequestFullscreen) {
+                ref.current.webkitRequestFullscreen()?.catch(() => {
+                    alert('Fullscreen is not supported');
+                });
+            }
+        }
+        const document = window.document;
+        if (!isFullScreen && document.fullscreenElement) {
+            if (document.exitFullscreen) {
+                document.exitFullscreen().catch(() => {
+                    alert("Can't exit fullscreen");
+                });
+            }
+            else if (document.webkitExitFullscreen) {
+                document.webkitExitFullscreen().catch(() => {
+                    alert("Can't exit fullscreen");
+                });
+            }
+        }
+    }, [isFullScreen]);
+    return (_jsx("div", { ref: ref, style: {
+            width: '100%',
+            height: '100%',
+            backgroundColor: 'white',
+        }, children: children }));
+}
+//# sourceMappingURL=FullscreenContext.js.map

package/lib-esm/components/fullscreen/FullscreenContext.js.map

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

package/lib-esm/components/fullscreen/FullscreenToolbarButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function FullscreenToolbarButton(): JSX.Element;
+//# sourceMappingURL=FullscreenToolbarButton.d.ts.map

package/lib-esm/components/fullscreen/FullscreenToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenToolbarButton.tsx"],"names":[],"mappings":";AAMA,wBAAgB,uBAAuB,gBAOtC"}

package/lib-esm/components/fullscreen/FullscreenToolbarButton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FaExpand } from 'react-icons/fa';
+import { Toolbar } from '../toolbar/Toolbar';
+import { useFullscreen } from './FullscreenContext';
+export function FullscreenToolbarButton() {
+    const { toggle } = useFullscreen();
+    return (_jsx(Toolbar.Item, { title: "Full screen", onClick: toggle, children: _jsx(FaExpand, {}) }));
+}
+//# sourceMappingURL=FullscreenToolbarButton.js.map

package/lib-esm/components/fullscreen/FullscreenToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenToolbarButton.js","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenToolbarButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,UAAU,uBAAuB;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IACnC,OAAO,CACL,KAAC,OAAO,CAAC,IAAI,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,YAC/C,KAAC,QAAQ,KAAG,GACC,CAChB,CAAC;AACJ,CAAC"}

package/lib-esm/components/fullscreen/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FullscreenContext';
+export * from './FullscreenToolbarButton';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/fullscreen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fullscreen/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC"}

package/lib-esm/components/fullscreen/index.js

@@ -0,0 +1,3 @@
+export * from './FullscreenContext';
+export * from './FullscreenToolbarButton';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/fullscreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/fullscreen/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC"}

package/lib-esm/components/header/Header.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { ToolbarProps } from '../toolbar/Toolbar';
+type ReactProps = ReactElement<ToolbarProps>;
+interface HeaderProps {
+    children: [ReactProps, ReactProps];
+}
+export declare function Header(props: HeaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/lib-esm/components/header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,KAAK,UAAU,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAE7C,UAAU,WAAW;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;CACpC;AAeD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAOxC"}

package/lib-esm/components/header/Header.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+const styles = {
+    header: css({
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        borderBottom: '1px solid rgb(247, 247, 247);',
+        boxShadow: 'rgb(255, 255, 255) 0px 1px 0px 0px inset',
+    }),
+};
+export function Header(props) {
+    return (_jsxs("div", { css: styles.header, children: [_jsx("div", { children: props.children[0] }), _jsx("div", { children: props.children[1] })] }));
+}
+//# sourceMappingURL=Header.js.map

package/lib-esm/components/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAWrC,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QAEpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,+BAA+B;QAE7C,SAAS,EAAE,0CAA0C;KACtD,CAAC;CACH,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CACL,eAAK,GAAG,EAAE,MAAM,CAAC,MAAM,aACrB,wBAAM,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC9B,wBAAM,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAO,IAC1B,CACP,CAAC;AACJ,CAAC"}

package/lib-esm/components/header/index.d.ts

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

package/lib-esm/components/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib-esm/components/header/index.js

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

package/lib-esm/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib-esm/components/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from './useDoubleClick';
+export * from './useHashSearchParams';
+export * from './useModifiedPopper';
+export * from './useOnClickOutside';
+export * from './useOnOff';
+export * from './useToggle';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/lib-esm/components/hooks/index.js

@@ -0,0 +1,7 @@
+export * from './useDoubleClick';
+export * from './useHashSearchParams';
+export * from './useModifiedPopper';
+export * from './useOnClickOutside';
+export * from './useOnOff';
+export * from './useToggle';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/lib-esm/components/hooks/useDoubleClick.d.ts

@@ -0,0 +1,7 @@
+export interface UseDoubleClickOptions<EventData> {
+    onClick: (data: EventData) => void;
+    onDoubleClick: (data: EventData) => void;
+    delay?: number;
+}
+export declare function useDoubleClick<EventData>({ onClick, onDoubleClick, delay, }: UseDoubleClickOptions<EventData>): (data: EventData) => void;
+//# sourceMappingURL=useDoubleClick.d.ts.map

package/lib-esm/components/hooks/useDoubleClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDoubleClick.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useDoubleClick.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB,CAAC,SAAS;IAC9C,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,EACxC,OAAO,EACP,aAAa,EACb,KAAW,GACZ,EAAE,qBAAqB,CAAC,SAAS,CAAC,UAWxB,SAAS,UAkBnB"}

package/lib-esm/components/hooks/useDoubleClick.js

@@ -0,0 +1,29 @@
+import { useRef, useCallback, useEffect } from 'react';
+export function useDoubleClick({ onClick, onDoubleClick, delay = 250, }) {
+    const timeout = useRef(null);
+    useEffect(() => {
+        return () => {
+            // Cleanup timeout when the component is unmounted.
+            if (timeout.current) {
+                window.clearTimeout(timeout.current);
+            }
+        };
+    }, []);
+    const handleClick = useCallback((data) => {
+        if (timeout.current === null) {
+            // No recent click. Start timer to wait for possible double click.
+            timeout.current = window.setTimeout(() => {
+                timeout.current = null;
+                onClick?.(data);
+            }, delay);
+        }
+        else {
+            // A click occured recently. Trigger double click event and stop timer.
+            window.clearTimeout(timeout.current);
+            timeout.current = null;
+            onDoubleClick?.(data);
+        }
+    }, [onClick, onDoubleClick, delay]);
+    return handleClick;
+}
+//# sourceMappingURL=useDoubleClick.js.map

package/lib-esm/components/hooks/useDoubleClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDoubleClick.js","sourceRoot":"","sources":["../../../src/components/hooks/useDoubleClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,UAAU,cAAc,CAAY,EACxC,OAAO,EACP,aAAa,EACb,KAAK,GAAG,GAAG,GACsB;IACjC,MAAM,OAAO,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,mDAAmD;YACnD,IAAI,OAAO,CAAC,OAAO,EAAE;gBACnB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;aACtC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAAe,EAAE,EAAE;QAClB,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE;YAC5B,kEAAkE;YAClE,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACvC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;gBACvB,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,EAAE,KAAK,CAAC,CAAC;SACX;aAAM;YACL,uEAAuE;YACvE,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACrC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC,CAChC,CAAC;IAEF,OAAO,WAAW,CAAC;AACrB,CAAC"}

package/lib-esm/components/hooks/useHashSearchParams.d.ts

@@ -0,0 +1,2 @@
+export declare function useHashSearchParams(): URLSearchParams;
+//# sourceMappingURL=useHashSearchParams.d.ts.map

package/lib-esm/components/hooks/useHashSearchParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHashSearchParams.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useHashSearchParams.ts"],"names":[],"mappings":"AASA,wBAAgB,mBAAmB,oBAclC"}

package/lib-esm/components/hooks/useHashSearchParams.js

@@ -0,0 +1,38 @@
+import { useSyncExternalStore } from 'react';
+const emptySearchParams = new URLSearchParams();
+const lastValue = {
+    hash: '',
+    searchParams: emptySearchParams,
+};
+export function useHashSearchParams() {
+    return useSyncExternalStore((onStoreChange) => {
+        function onHashChange() {
+            onStoreChange();
+        }
+        window.addEventListener('hashchange', onHashChange);
+        return () => {
+            window.removeEventListener('hashchange', onHashChange);
+        };
+    }, getHashSearchParams, getHashSearchParamsServer);
+}
+function getHashSearchParams() {
+    const hash = window.location.hash;
+    if (lastValue.hash === hash) {
+        return lastValue.searchParams;
+    }
+    lastValue.hash = hash;
+    if (hash.startsWith('#?')) {
+        lastValue.searchParams = new URLSearchParams(hash.slice(1));
+    }
+    else if (hash.startsWith('#%3F') || hash.startsWith('#%3f')) {
+        lastValue.searchParams = new URLSearchParams(decodeURIComponent(hash.slice(1)));
+    }
+    else {
+        lastValue.searchParams = emptySearchParams;
+    }
+    return lastValue.searchParams;
+}
+function getHashSearchParamsServer() {
+    return emptySearchParams;
+}
+//# sourceMappingURL=useHashSearchParams.js.map

package/lib-esm/components/hooks/useHashSearchParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHashSearchParams.js","sourceRoot":"","sources":["../../../src/components/hooks/useHashSearchParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,iBAAiB,GAAG,IAAI,eAAe,EAAE,CAAC;AAEhD,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,EAAE;IACR,YAAY,EAAE,iBAAiB;CAChC,CAAC;AAEF,MAAM,UAAU,mBAAmB;IACjC,OAAO,oBAAoB,CACzB,CAAC,aAAa,EAAE,EAAE;QAChB,SAAS,YAAY;YACnB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EACD,mBAAmB,EACnB,yBAAyB,CAC1B,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB;IAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAElC,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,EAAE;QAC3B,OAAO,SAAS,CAAC,YAAY,CAAC;KAC/B;IAED,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;IACtB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QACzB,SAAS,CAAC,YAAY,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;KAC7D;SAAM,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;QAC7D,SAAS,CAAC,YAAY,GAAG,IAAI,eAAe,CAC1C,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAClC,CAAC;KACH;SAAM;QACL,SAAS,CAAC,YAAY,GAAG,iBAAiB,CAAC;KAC5C;IAED,OAAO,SAAS,CAAC,YAAY,CAAC;AAChC,CAAC;AAED,SAAS,yBAAyB;IAChC,OAAO,iBAAiB,CAAC;AAC3B,CAAC"}

package/lib-esm/components/hooks/useModifiedPopper.d.ts

@@ -0,0 +1,13 @@
+import { Placement } from '@popperjs/core';
+import { HTMLAttributes } from 'react';
+export interface UseModifiedPopperReturn<R extends Element = HTMLDivElement, P extends HTMLElement = HTMLDivElement> {
+    setReferenceElement: (ref: R | null) => void;
+    setPopperElement: (popper: P | null) => void;
+    popperProps: HTMLAttributes<P>;
+}
+export declare function useModifiedPopper<R extends Element = HTMLDivElement, P extends HTMLElement = HTMLDivElement>(options: {
+    placement?: Placement;
+    offset?: number;
+    sameWidth?: boolean;
+}): UseModifiedPopperReturn<R, P>;
+//# sourceMappingURL=useModifiedPopper.d.ts.map

package/lib-esm/components/hooks/useModifiedPopper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModifiedPopper.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AA2BjD,MAAM,WAAW,uBAAuB,CACtC,CAAC,SAAS,OAAO,GAAG,cAAc,EAClC,CAAC,SAAS,WAAW,GAAG,cAAc;IAEtC,mBAAmB,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAC/B,CAAC,SAAS,OAAO,GAAG,cAAc,EAClC,CAAC,SAAS,WAAW,GAAG,cAAc,EACtC,OAAO,EAAE;IACT,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,CA8BhC"}