react-science 17.0.0 → 18.0.0

package/lib/components/accordion/accordion.d.ts

@@ -1,7 +1,13 @@
 import type { ReactElement, ReactNode } from 'react';
+import type { AccordionItemControls } from './accordion_context_utils.js';
 export interface AccordionProps<T extends string = string> {
     children?: Array<ReactElement<AccordionItemProps<T>>> | ReactElement<AccordionItemProps<T>> | boolean | null;
 }
+export interface AccordionRenderToolbarProps<T extends string = string> {
+    id: T;
+    isOpen: boolean;
+    controls: AccordionItemControls;
+}
 export interface AccordionItemProps<T extends string = string> {
     /**
      * A value uniquely identifying the accordion item.
@@ -33,7 +39,12 @@ export interface AccordionItemProps<T extends string = string> {
      * When not set or set to false, the item's children will be rendered but hidden when the item is closed.
      */
     unmountChildren?: boolean;
-    renderToolbar?: (isOpen: boolean) => ReactNode;
+    /**
+     * A custom render function to display in the toolbar on the right of the accordion item.
+     * Click events will not be propagated down to the accordion item to prevent it from opening/closing.
+     * @param data
+     */
+    renderToolbar?: (renderProps: AccordionRenderToolbarProps<T>) => ReactNode;
 }
 export declare function Accordion<T extends string = string>(props: AccordionProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Accordion {

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACvD,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,GAC1C,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GACnC,OAAO,GACP,IAAI,CAAC;CACV;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC3D;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IACN;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAChD;AAkCD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CAE5E;yBAFe,SAAS;eAIe,CAAC,SAAS,MAAM,kBAC/C,kBAAkB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAE1E,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACvD,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,GAC1C,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GACnC,OAAO,GACP,IAAI,CAAC;CACV;AAED,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACpE,EAAE,EAAE,CAAC,CAAC;IACN,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC3D;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IACN;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CAC5E;AAkCD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CAE5E;yBAFe,SAAS;eAIe,CAAC,SAAS,MAAM,kBAC/C,kBAAkB,CAAC,CAAC,CAAC"}

package/lib/components/accordion/accordion.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Colors } from '@blueprintjs/core';
 import styled from '@emotion/styled';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useCallback } from 'react';
-import { useAccordionContext } from './accordion_context.js';
+import { useCallback, useRef } from 'react';
+import { useAccordionItemContext } from './accordion_context.js';
 const AccordionItemHeader = styled.div `
   cursor: pointer;
   display: flex;
@@ -44,26 +44,27 @@ Accordion.Item = function AccordionItem(props) {
         defaultProp: defaultOpen,
         onChange: onOpenChange,
     });
-    const { utils, unmountChildren } = useAccordionContext(id, setIsOpen);
+    const { controls, unmountChildren } = useAccordionItemContext(id, setIsOpen);
+    const headerRef = useRef(null);
     const shouldUnmountChildren = props.unmountChildren === undefined
         ? unmountChildren
         : props.unmountChildren;
     const onClickHandle = useCallback((event) => {
         if (event.shiftKey) {
-            utils.closeOthers();
+            controls.closeOthers();
         }
         else {
-            utils.toggle();
+            controls.toggle();
         }
-    }, [utils]);
+    }, [controls]);
     return (_jsxs("div", { style: {
             flex: isOpen ? '1 1 1px' : 'none',
             display: 'flex',
             flexDirection: 'column',
             isolation: 'isolate',
-        }, children: [_jsxs(AccordionItemHeader, { onClick: onClickHandle, role: "button", children: [_jsx("div", { style: {
+        }, children: [_jsxs(AccordionItemHeader, { onClick: onClickHandle, role: "button", ref: headerRef, children: [_jsx("div", { style: {
                             padding: '5px 0px',
-                        }, children: title }), renderToolbar?.(isOpen ?? false)] }), !isOpen && shouldUnmountChildren ? null : (_jsx("div", { style: {
+                        }, children: title }), _jsx(ToolbarContainer, { onClick: (event) => event.stopPropagation(), children: renderToolbar?.({ id, isOpen: isOpen ?? false, controls }) })] }), !isOpen && shouldUnmountChildren ? null : (_jsx("div", { style: {
                     display: isOpen ? 'flex' : 'none',
                     flex: isOpen ? '1 1 1px' : 'none',
                     backgroundColor: 'white',
@@ -77,4 +78,7 @@ Accordion.Item = function AccordionItem(props) {
                         flexDirection: 'column',
                     }, children: children }) }))] }));
 };
+const ToolbarContainer = styled.div `
+  display: flex;
+`;
 //# sourceMappingURL=accordion.js.map

package/lib/components/accordion/accordion.js.map

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

package/lib/components/accordion/accordion_context.d.ts

@@ -1,6 +1,8 @@
-import type { AccordionItemSetIsOpen, AccordionState } from './accordion_context_utils.js';
-export type ContextType = [
-    AccordionContext,
+import type { AccordionItemContextValue, AccordionItemSetIsOpen } from './accordion_context_utils.js';
+export type AccordionContextValue = [
+    {
+        unmountChildren: boolean;
+    },
     {
         closeAllExcept: (except: string) => void;
         toggle: (id: string) => void;
@@ -9,14 +11,6 @@ export type ContextType = [
         change: (id: string, isOpen: boolean) => void;
     }
 ];
-type AccordionContext = AccordionState;
-export declare const accordionContext: import("react").Context<ContextType | null>;
-export declare function useAccordionContext(id: string, setIsOpen: AccordionItemSetIsOpen): {
-    unmountChildren: boolean;
-    utils: {
-        closeOthers: () => void;
-        toggle: () => void;
-    };
-};
-export {};
+export declare const accordionContext: import("react").Context<AccordionContextValue | null>;
+export declare function useAccordionItemContext(id: string, setIsOpen: AccordionItemSetIsOpen): AccordionItemContextValue;
 //# sourceMappingURL=accordion_context.d.ts.map

package/lib/components/accordion/accordion_context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_context.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,cAAc,EACf,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,WAAW,GAAG;IACxB,gBAAgB;IAChB;QACE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,KAAK,IAAI,CAAC;QAClE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KAC/C;CACF,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC;AAEvC,eAAO,MAAM,gBAAgB,6CAA0C,CAAC;AAExE,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,sBAAsB;;;;;;EAyBlC"}
+{"version":3,"file":"accordion_context.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,yBAAyB,EACzB,sBAAsB,EACvB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,qBAAqB,GAAG;IAClC;QACE,eAAe,EAAE,OAAO,CAAC;KAC1B;IACD;QACE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,KAAK,IAAI,CAAC;QAClE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KAC/C;CACF,CAAC;AACF,eAAO,MAAM,gBAAgB,uDAE5B,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,sBAAsB,GAChC,yBAAyB,CA0B3B"}

package/lib/components/accordion/accordion_context.js

@@ -1,6 +1,6 @@
 import { createContext, useContext, useEffect, useMemo } from 'react';
 export const accordionContext = createContext(null);
-export function useAccordionContext(id, setIsOpen) {
+export function useAccordionItemContext(id, setIsOpen) {
     const context = useContext(accordionContext);
     if (!context) {
         throw new Error('AccordionContext was not found');
@@ -12,9 +12,11 @@ export function useAccordionContext(id, setIsOpen) {
     }, [id, utils, setIsOpen]);
     return useMemo(() => ({
         unmountChildren: state.unmountChildren,
-        utils: {
+        controls: {
             closeOthers: () => utils.closeAllExcept(id),
             toggle: () => utils.toggle(id),
+            open: () => utils.change(id, true),
+            close: () => utils.change(id, false),
         },
     }), [id, utils, state.unmountChildren]);
 }

package/lib/components/accordion/accordion_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_context.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAoBtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,mBAAmB,CACjC,EAAU,EACV,SAAiC;IAEjC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,KAAK,EAAE;YACL,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;SAC/B;KACF,CAAC,EACF,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CACnC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"accordion_context.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAmBtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC3C,IAAI,CACL,CAAC;AAEF,MAAM,UAAU,uBAAuB,CACrC,EAAU,EACV,SAAiC;IAEjC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,QAAQ,EAAE;YACR,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YAC9B,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC;YAClC,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC;SACrC;KACF,CAAC,EACF,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CACnC,CAAC;AACJ,CAAC"}

package/lib/components/accordion/accordion_context_provider.js.map

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

package/lib/components/accordion/accordion_context_utils.d.ts

@@ -1,10 +1,13 @@
 import type { Dispatch, SetStateAction } from 'react';
-export interface AccordionItemState {
-    title: string;
-    onChange: AccordionItemSetIsOpen;
+export interface AccordionItemControls {
+    closeOthers: () => void;
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
 }
-export interface AccordionState {
+export interface AccordionItemContextValue {
     unmountChildren: boolean;
+    controls: AccordionItemControls;
 }
 export type AccordionItemSetIsOpen = Dispatch<SetStateAction<boolean | undefined>>;
 interface AccordionRegisteredItem {

package/lib/components/accordion/accordion_context_utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_context_utils.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,sBAAsB,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CACpC,CAAC;AAEF,UAAU,uBAAuB;IAC/B,SAAS,EAAE,sBAAsB,CAAC;CACnC;AAED,wBAAgB,oBAAoB,yCAEnC"}
+{"version":3,"file":"accordion_context_utils.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CACpC,CAAC;AAEF,UAAU,uBAAuB;IAC/B,SAAS,EAAE,sBAAsB,CAAC;CACnC;AAED,wBAAgB,oBAAoB,yCAEnC"}

package/lib/components/accordion/accordion_context_utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_context_utils.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_utils.ts"],"names":[],"mappings":"AAmBA,MAAM,UAAU,oBAAoB;IAClC,OAAO,IAAI,GAAG,EAAmC,CAAC;AACpD,CAAC"}
+{"version":3,"file":"accordion_context_utils.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_utils.ts"],"names":[],"mappings":"AAsBA,MAAM,UAAU,oBAAoB;IAClC,OAAO,IAAI,GAAG,EAAmC,CAAC;AACpD,CAAC"}

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

@@ -1,4 +1,5 @@
 export * from './accordion.js';
 export * from './accordion_context_provider.js';
 export * from './accordion_hooks.js';
+export type { AccordionItemControls } from './accordion_context_utils.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC;AAGrC,YAAY,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/lib/components/fullscreen/fullscreen_context.provider.d.ts

@@ -1,11 +1,16 @@
-import type { ReactNode, RefObject } from 'react';
-interface FullscreenProps {
+import type { MutableRefObject, ReactNode } from 'react';
+export interface FullscreenProviderProps {
     /**
      * Callback providing the ref which should be passed to the element that can be displayed fullscreen.
      * @param ref
      */
-    children: (ref: RefObject<HTMLDivElement>) => ReactNode;
+    children: (ref: MutableRefObject<HTMLDivElement | null>) => ReactNode;
+    /**
+     * Callback which will be called in case toggling results in an error.
+     * @param error - The error that happened. Value is not necessarily an instance of `Error` and may even be `undefined`.
+     * @param step - Indicates if the error happened when entering or exiting the full screen.
+     */
+    onToggleError?: (error: unknown, step: 'enter' | 'exit') => void;
 }
-export declare function FullScreenProvider(props: FullscreenProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function FullScreenProvider(props: FullscreenProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=fullscreen_context.provider.d.ts.map

package/lib/components/fullscreen/fullscreen_context.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen_context.provider.d.ts","sourceRoot":"","sources":["../../../src/components/fullscreen/fullscreen_context.provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAalD,UAAU,eAAe;IACvB;;;OAGG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,SAAS,CAAC;CACzD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,2CAYxD"}
+{"version":3,"file":"fullscreen_context.provider.d.ts","sourceRoot":"","sources":["../../../src/components/fullscreen/fullscreen_context.provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzD,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,SAAS,CAAC;IACtE;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CAClE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA4BhE"}

package/lib/components/fullscreen/fullscreen_context.provider.js

@@ -1,60 +1,28 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useReducer, useRef } from 'react';
-import { fullscreenContext, useFullscreen } from './fullscreen_context.js';
+import { useMemo } from 'react';
+import { useFullScreenHandle } from 'react-full-screen';
+import { fullscreenContext } from './fullscreen_context.js';
 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(() => {
-                    window.alert('Fullscreen is not supported');
-                });
+    const { children, onToggleError } = props;
+    const handle = useFullScreenHandle();
+    const value = useMemo(() => {
+        function toggle() {
+            const handleToggle = handle.active ? handle.exit : handle.enter;
+            function handleError(error) {
+                onToggleError?.(error, handle.active ? 'exit' : 'enter');
             }
-            else if (ref.current.webkitRequestFullscreen) {
-                ref.current.webkitRequestFullscreen()?.catch(() => {
-                    window.alert('Fullscreen is not supported');
-                });
+            try {
+                handleToggle().catch(handleError);
             }
-        }
-        const document = window.document;
-        if (!isFullScreen && document.fullscreenElement) {
-            if (document.exitFullscreen) {
-                document.exitFullscreen().catch(() => {
-                    window.alert("Can't exit fullscreen");
-                });
-            }
-            else if (document.webkitExitFullscreen) {
-                document.webkitExitFullscreen().catch(() => {
-                    window.alert("Can't exit fullscreen");
-                });
+            catch (error) {
+                handleError(error);
             }
         }
-    }, [isFullScreen]);
-    return children(ref);
+        return {
+            isFullScreen: handle.active,
+            toggle,
+        };
+    }, [handle, onToggleError]);
+    return (_jsx(fullscreenContext.Provider, { value: value, children: children(handle.node) }));
 }
 //# sourceMappingURL=fullscreen_context.provider.js.map

package/lib/components/fullscreen/fullscreen_context.provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen_context.provider.js","sourceRoot":"","sources":["../../../src/components/fullscreen/fullscreen_context.provider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"fullscreen_context.provider.js","sourceRoot":"","sources":["../../../src/components/fullscreen/fullscreen_context.provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAgB5D,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;IAErC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,SAAS,MAAM;YACb,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAChE,SAAS,WAAW,CAAC,KAAc;gBACjC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAC3D,CAAC;YACD,IAAI,CAAC;gBACH,YAAY,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;QACH,CAAC;QACD,OAAO;YACL,YAAY,EAAE,MAAM,CAAC,MAAM;YAC3B,MAAM;SACP,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACrC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GACK,CAC9B,CAAC;AACJ,CAAC"}

package/lib/components/root-layout/root_layout.d.ts

@@ -1,7 +1,9 @@
 import type { CSSProperties, ReactNode } from 'react';
+import type { FullscreenProviderProps } from '../fullscreen/index.js';
 interface RootLayoutProps {
-    style?: CSSProperties;
     children: ReactNode;
+    style?: CSSProperties;
+    onFullscreenToggleError?: FullscreenProviderProps['onToggleError'];
 }
 export declare function RootLayout(props: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/root-layout/root_layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root_layout.d.ts","sourceRoot":"","sources":["../../../src/components/root-layout/root_layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAC;AAWxE,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAUD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAwChD"}
+{"version":3,"file":"root_layout.d.ts","sourceRoot":"","sources":["../../../src/components/root-layout/root_layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAQtE,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,uBAAuB,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;CACpE;AAUD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyChD"}

package/lib/components/root-layout/root_layout.js

@@ -20,9 +20,9 @@ export function RootLayout(props) {
             setRootRef(node);
         }
     }, []);
-    return (_jsx(FullScreenProvider, { children: (ref) => (_jsx(CustomDivPreflight, { id: "root-layout", ref: (node) => {
+    return (_jsx(FullScreenProvider, { onToggleError: props.onFullscreenToggleError, children: (fullscreenRef) => (_jsx(CustomDivPreflight, { id: "root-layout", ref: (node) => {
                 if (node) {
-                    const mutableRef = ref;
+                    const mutableRef = fullscreenRef;
                     mutableRef.current = node;
                     refCallback(node);
                 }

package/lib/components/root-layout/root_layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"root_layout.js","sourceRoot":"","sources":["../../../src/components/root-layout/root_layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,iBAAiB,CAAC,mBAAmB,EAAE,CAAC;AAOxC,MAAM,KAAK,GAAkB;IAC3B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACvD,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,IAAoB,EAAE,EAAE;QACvD,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,kBAAkB,cAChB,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,KAAC,kBAAkB,IACjB,EAAE,EAAC,aAAa,EAChB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;gBACZ,IAAI,IAAI,EAAE,CAAC;oBACT,MAAM,UAAU,GAAG,GAAuC,CAAC;oBAC3D,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC1B,WAAW,CAAC,IAAI,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,EACD,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,GAAG,KAAK,CAAC,KAAK;aACf,EACD,SAAS,EAAC,IAAI,YAEd,KAAC,iBAAiB,OACZ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAExD,KAAC,kBAAkB,IAAC,QAAQ,EAAE,OAAO,YACnC,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,GACpC,GACH,GACD,CACtB,GACkB,CACtB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"root_layout.js","sourceRoot":"","sources":["../../../src/components/root-layout/root_layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,iBAAiB,CAAC,mBAAmB,EAAE,CAAC;AAQxC,MAAM,KAAK,GAAkB;IAC3B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACvD,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,IAAoB,EAAE,EAAE;QACvD,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,kBAAkB,IAAC,aAAa,EAAE,KAAK,CAAC,uBAAuB,YAC7D,CAAC,aAAa,EAAE,EAAE,CAAC,CAClB,KAAC,kBAAkB,IACjB,EAAE,EAAC,aAAa,EAChB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;gBACZ,IAAI,IAAI,EAAE,CAAC;oBACT,MAAM,UAAU,GACd,aAAiD,CAAC;oBACpD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC1B,WAAW,CAAC,IAAI,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,EACD,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,GAAG,KAAK,CAAC,KAAK;aACf,EACD,SAAS,EAAC,IAAI,YAEd,KAAC,iBAAiB,OACZ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAExD,KAAC,kBAAkB,IAAC,QAAQ,EAAE,OAAO,YACnC,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,GACpC,GACH,GACD,CACtB,GACkB,CACtB,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "17.0.0",
+  "version": "18.0.0",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {
@@ -65,6 +65,7 @@
     "@tanstack/react-virtual": "^3.13.2",
     "d3-scale-chromatic": "^3.1.0",
     "react-dropzone": "^14.3.8",
+    "react-full-screen": "^1.1.1",
     "react-icons": "^5.5.0",
     "react-inspector": "^6.0.2",
     "tinycolor2": "^1.6.0",

package/src/components/accordion/accordion.tsx

@@ -6,9 +6,10 @@ import type {
   ReactElement,
   ReactNode,
 } from 'react';
-import { useCallback } from 'react';
+import { useCallback, useRef } from 'react';
 
-import { useAccordionContext } from './accordion_context.js';
+import { useAccordionItemContext } from './accordion_context.js';
+import type { AccordionItemControls } from './accordion_context_utils.js';
 
 export interface AccordionProps<T extends string = string> {
   children?:
@@ -18,6 +19,12 @@ export interface AccordionProps<T extends string = string> {
     | null;
 }
 
+export interface AccordionRenderToolbarProps<T extends string = string> {
+  id: T;
+  isOpen: boolean;
+  controls: AccordionItemControls;
+}
+
 export interface AccordionItemProps<T extends string = string> {
   /**
    * A value uniquely identifying the accordion item.
@@ -49,7 +56,12 @@ export interface AccordionItemProps<T extends string = string> {
    * When not set or set to false, the item's children will be rendered but hidden when the item is closed.
    */
   unmountChildren?: boolean;
-  renderToolbar?: (isOpen: boolean) => ReactNode;
+  /**
+   * A custom render function to display in the toolbar on the right of the accordion item.
+   * Click events will not be propagated down to the accordion item to prevent it from opening/closing.
+   * @param data
+   */
+  renderToolbar?: (renderProps: AccordionRenderToolbarProps<T>) => ReactNode;
 }
 
 const AccordionItemHeader = styled.div`
@@ -106,7 +118,9 @@ Accordion.Item = function AccordionItem<T extends string = string>(
     defaultProp: defaultOpen,
     onChange: onOpenChange,
   });
-  const { utils, unmountChildren } = useAccordionContext(id, setIsOpen);
+  const { controls, unmountChildren } = useAccordionItemContext(id, setIsOpen);
+
+  const headerRef = useRef<HTMLDivElement>(null);
 
   const shouldUnmountChildren =
     props.unmountChildren === undefined
@@ -116,12 +130,12 @@ Accordion.Item = function AccordionItem<T extends string = string>(
   const onClickHandle = useCallback(
     (event: ReactMouseEvent<HTMLDivElement>) => {
       if (event.shiftKey) {
-        utils.closeOthers();
+        controls.closeOthers();
       } else {
-        utils.toggle();
+        controls.toggle();
       }
     },
-    [utils],
+    [controls],
   );
 
   return (
@@ -133,7 +147,11 @@ Accordion.Item = function AccordionItem<T extends string = string>(
         isolation: 'isolate',
       }}
     >
-      <AccordionItemHeader onClick={onClickHandle} role="button">
+      <AccordionItemHeader
+        onClick={onClickHandle}
+        role="button"
+        ref={headerRef}
+      >
         <div
           style={{
             padding: '5px 0px',
@@ -141,7 +159,9 @@ Accordion.Item = function AccordionItem<T extends string = string>(
         >
           {title}
         </div>
-        {renderToolbar?.(isOpen ?? false)}
+        <ToolbarContainer onClick={(event) => event.stopPropagation()}>
+          {renderToolbar?.({ id, isOpen: isOpen ?? false, controls })}
+        </ToolbarContainer>
       </AccordionItemHeader>
       {!isOpen && shouldUnmountChildren ? null : (
         <div
@@ -169,3 +189,7 @@ Accordion.Item = function AccordionItem<T extends string = string>(
     </div>
   );
 };
+
+const ToolbarContainer = styled.div`
+  display: flex;
+`;

package/src/components/accordion/accordion_context.ts

@@ -1,12 +1,14 @@
 import { createContext, useContext, useEffect, useMemo } from 'react';
 
 import type {
+  AccordionItemContextValue,
   AccordionItemSetIsOpen,
-  AccordionState,
 } from './accordion_context_utils.js';
 
-export type ContextType = [
-  AccordionContext,
+export type AccordionContextValue = [
+  {
+    unmountChildren: boolean;
+  },
   {
     closeAllExcept: (except: string) => void;
     toggle: (id: string) => void;
@@ -15,15 +17,14 @@ export type ContextType = [
     change: (id: string, isOpen: boolean) => void;
   },
 ];
+export const accordionContext = createContext<AccordionContextValue | null>(
+  null,
+);
 
-type AccordionContext = AccordionState;
-
-export const accordionContext = createContext<ContextType | null>(null);
-
-export function useAccordionContext(
+export function useAccordionItemContext(
   id: string,
   setIsOpen: AccordionItemSetIsOpen,
-) {
+): AccordionItemContextValue {
   const context = useContext(accordionContext);
 
   if (!context) {
@@ -40,9 +41,11 @@ export function useAccordionContext(
   return useMemo(
     () => ({
       unmountChildren: state.unmountChildren,
-      utils: {
+      controls: {
         closeOthers: () => utils.closeAllExcept(id),
         toggle: () => utils.toggle(id),
+        open: () => utils.change(id, true),
+        close: () => utils.change(id, false),
       },
     }),
     [id, utils, state.unmountChildren],

package/src/components/accordion/accordion_context_provider.tsx

@@ -3,7 +3,7 @@ import { useMemo, useRef } from 'react';
 
 import { assert } from '../utils/index.js';
 
-import type { ContextType } from './accordion_context.js';
+import type { AccordionContextValue } from './accordion_context.js';
 import { accordionContext } from './accordion_context.js';
 import type { AccordionItemSetIsOpen } from './accordion_context_utils.js';
 import { getAccordionRegister } from './accordion_context_utils.js';
@@ -17,7 +17,7 @@ export function AccordionProvider(props: AccordionProviderProps) {
   const { unmountChildren = false, children } = props;
   const registerRef = useRef(getAccordionRegister());
 
-  const utils = useMemo<ContextType[1]>(() => {
+  const utils = useMemo<AccordionContextValue[1]>(() => {
     return {
       change: (id: string, isOpen: boolean) => {
         assert(registerRef.current);
@@ -62,7 +62,7 @@ export function AccordionProvider(props: AccordionProviderProps) {
     };
   }, [registerRef]);
 
-  const contextValue = useMemo<ContextType>(() => {
+  const contextValue = useMemo<AccordionContextValue>(() => {
     return [
       {
         unmountChildren,

package/src/components/accordion/accordion_context_utils.ts

@@ -1,12 +1,15 @@
 import type { Dispatch, SetStateAction } from 'react';
 
-export interface AccordionItemState {
-  title: string;
-  onChange: AccordionItemSetIsOpen;
+export interface AccordionItemControls {
+  closeOthers: () => void;
+  toggle: () => void;
+  open: () => void;
+  close: () => void;
 }
 
-export interface AccordionState {
+export interface AccordionItemContextValue {
   unmountChildren: boolean;
+  controls: AccordionItemControls;
 }
 
 export type AccordionItemSetIsOpen = Dispatch<

package/src/components/accordion/index.ts

@@ -1,3 +1,6 @@
 export * from './accordion.js';
 export * from './accordion_context_provider.js';
 export * from './accordion_hooks.js';
+
+// Exported because part of AccordionRenderToolbarProps, which is also exported.
+export type { AccordionItemControls } from './accordion_context_utils.js';

package/src/components/fullscreen/fullscreen_context.provider.tsx

@@ -1,86 +1,49 @@
-/* eslint-disable no-alert */
-import type { ReactNode, RefObject } from 'react';
-import { useEffect, useMemo, useReducer, useRef } from 'react';
+import type { MutableRefObject, ReactNode } from 'react';
+import { useMemo } from 'react';
+import { useFullScreenHandle } from 'react-full-screen';
 
-import { fullscreenContext, useFullscreen } from './fullscreen_context.js';
+import { fullscreenContext } from './fullscreen_context.js';
 
-type ElementType = HTMLDivElement & {
-  webkitRequestFullscreen(): Promise<void>;
-};
-
-type DocumentType = Document & {
-  webkitExitFullscreen(): Promise<void>;
-  webkitFullscreenElement: Element | null;
-};
-interface FullscreenProps {
+export interface FullscreenProviderProps {
   /**
    * Callback providing the ref which should be passed to the element that can be displayed fullscreen.
    * @param ref
    */
-  children: (ref: RefObject<HTMLDivElement>) => ReactNode;
+  children: (ref: MutableRefObject<HTMLDivElement | null>) => ReactNode;
+  /**
+   * Callback which will be called in case toggling results in an error.
+   * @param error - The error that happened. Value is not necessarily an instance of `Error` and may even be `undefined`.
+   * @param step - Indicates if the error happened when entering or exiting the full screen.
+   */
+  onToggleError?: (error: unknown, step: 'enter' | 'exit') => void;
 }
 
-export function FullScreenProvider(props: FullscreenProps) {
-  const [isFullScreen, toggle] = useReducer((value: boolean) => !value, false);
+export function FullScreenProvider(props: FullscreenProviderProps) {
+  const { children, onToggleError } = props;
 
-  const value = useMemo(
-    () => ({ isFullScreen, toggle }),
-    [isFullScreen, toggle],
-  );
-  return (
-    <fullscreenContext.Provider value={value}>
-      <FullscreenInner {...props} />
-    </fullscreenContext.Provider>
-  );
-}
-function FullscreenInner(props: FullscreenProps) {
-  const { children } = props;
-  const { isFullScreen, toggle } = useFullscreen();
-  const ref = useRef<ElementType>(null);
-  useEffect(() => {
-    function onFullscreenChange() {
-      const document = window.document as DocumentType;
-      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);
+  const handle = useFullScreenHandle();
 
-    return () => {
-      div.removeEventListener('fullscreenchange', onFullscreenChange);
-      div.removeEventListener('webkitfullscreenchange', onFullscreenChange);
-    };
-  }, [isFullScreen, toggle]);
-  useEffect(() => {
-    if (isFullScreen && ref.current) {
-      if (ref.current.requestFullscreen) {
-        ref.current.requestFullscreen().catch(() => {
-          window.alert('Fullscreen is not supported');
-        });
-      } else if (ref.current.webkitRequestFullscreen) {
-        ref.current.webkitRequestFullscreen()?.catch(() => {
-          window.alert('Fullscreen is not supported');
-        });
+  const value = useMemo(() => {
+    function toggle() {
+      const handleToggle = handle.active ? handle.exit : handle.enter;
+      function handleError(error: unknown) {
+        onToggleError?.(error, handle.active ? 'exit' : 'enter');
       }
-    }
-    const document = window.document as DocumentType;
-    if (!isFullScreen && document.fullscreenElement) {
-      if (document.exitFullscreen) {
-        document.exitFullscreen().catch(() => {
-          window.alert("Can't exit fullscreen");
-        });
-      } else if (document.webkitExitFullscreen) {
-        document.webkitExitFullscreen().catch(() => {
-          window.alert("Can't exit fullscreen");
-        });
+      try {
+        handleToggle().catch(handleError);
+      } catch (error) {
+        handleError(error);
       }
     }
-  }, [isFullScreen]);
-  return children(ref);
+    return {
+      isFullScreen: handle.active,
+      toggle,
+    };
+  }, [handle, onToggleError]);
+
+  return (
+    <fullscreenContext.Provider value={value}>
+      {children(handle.node)}
+    </fullscreenContext.Provider>
+  );
 }

package/src/components/root-layout/root_layout.tsx

@@ -3,6 +3,7 @@ import type { CSSProperties, MutableRefObject, ReactNode } from 'react';
 import { useCallback, useState } from 'react';
 
 import { AccordionProvider } from '../accordion/index.js';
+import type { FullscreenProviderProps } from '../fullscreen/index.js';
 import { FullScreenProvider } from '../fullscreen/index.js';
 
 import { CustomDivPreflight } from './css-reset/customPreflight.js';
@@ -11,8 +12,9 @@ import { RootLayoutProvider } from './root_layout_context.provider.js';
 FocusStyleManager.onlyShowFocusOnTabs();
 
 interface RootLayoutProps {
-  style?: CSSProperties;
   children: ReactNode;
+  style?: CSSProperties;
+  onFullscreenToggleError?: FullscreenProviderProps['onToggleError'];
 }
 
 const style: CSSProperties = {
@@ -35,13 +37,14 @@ export function RootLayout(props: RootLayoutProps) {
   }, []);
 
   return (
-    <FullScreenProvider>
-      {(ref) => (
+    <FullScreenProvider onToggleError={props.onFullscreenToggleError}>
+      {(fullscreenRef) => (
         <CustomDivPreflight
           id="root-layout"
           ref={(node) => {
             if (node) {
-              const mutableRef = ref as MutableRefObject<HTMLDivElement>;
+              const mutableRef =
+                fullscreenRef as MutableRefObject<HTMLDivElement>;
               mutableRef.current = node;
               refCallback(node);
             }