@linzjs/windows 10.3.1 → 11.0.1

package/dist/panel/Panel.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import '../index.scss';
+import clsx from 'clsx';
+import { isEqual, pick } from 'lodash-es';
+import { forwardRef, useCallback, useContext, useEffect, useRef, useState, } from 'react';
+import { createPortal } from 'react-dom';
+import { PanelInstanceContext } from './PanelInstanceContext';
+import { PanelsContext } from './PanelsContext';
+import { PopinWindow } from './PopinWIndow';
+import { PopoutWindow } from './PopoutWindow';
+import { useRestoreStateFrom } from './usePanelStateHandler';
+import { useInterval } from '../common/useInterval';
+const defaultInitialSize = { width: 320, height: 200 };
+export const Panel = (props) => {
+    const panelRef = useRef(null);
+    const { title, size = defaultInitialSize, className, dynamicBounds, children } = props;
+    const { dockElements, nextStackPosition } = useContext(PanelsContext);
+    const { panelPoppedOut, uniqueId, setTitle, dockId, docked, hidden } = useContext(PanelInstanceContext);
+    const savedState = useRestoreStateFrom({ uniqueId, panelPoppedOut: false });
+    const lastPanelHeightRef = useRef(panelRef.current?.clientHeight);
+    lastPanelHeightRef.current = panelRef.current?.clientHeight ?? lastPanelHeightRef.current ?? 400;
+    useEffect(() => {
+        setTitle(title);
+    }, [setTitle, title]);
+    // We only want to update the title when it changes
+    useEffect(() => {
+        if (panelRef.current) {
+            const doc = panelRef.current.ownerDocument;
+            if (doc) {
+                doc.title = title;
+            }
+        }
+    }, [title]);
+    const [panelPosition, setPanelPosition] = useState(() => {
+        if (dynamicBounds) {
+            const result = dynamicBounds();
+            if (result) {
+                return pick(result, ['x', 'y']);
+            }
+        }
+        const pos = props.position;
+        if (props.resizeable !== false && savedState?.panelPosition) {
+            return savedState.panelPosition;
+        }
+        if (pos === 'center') {
+            const height = size.height === 'auto' ? 400 : size.height;
+            return {
+                x: Math.max((window.innerWidth - size.width) / 2, 0),
+                y: Math.max((window.innerHeight - height) / 2, 0),
+            };
+        }
+        if (pos != null && pos !== 'tile') {
+            return pos;
+        }
+        return nextStackPosition();
+    });
+    const cropSizeToWindow = useCallback((size) => {
+        return typeof window !== 'undefined' && window.innerWidth && window.innerHeight
+            ? {
+                width: Math.min(window.document.body?.clientWidth ?? window.innerWidth, size.width),
+                height: size.height === 'auto'
+                    ? 'auto'
+                    : Math.min(window.document.body?.clientHeight ?? window.innerHeight, size.height),
+            }
+            : size;
+    }, []);
+    const [panelSize, _setPanelSize] = useState(() => {
+        const result = dynamicBounds?.();
+        if (result) {
+            return pick(result, ['width', 'height']);
+        }
+        if (props.resizeable !== false && savedState?.panelSize) {
+            return cropSizeToWindow(savedState.panelSize);
+        }
+        return size ?? { width: 320, height: 200 };
+    });
+    const setPanelSize = useCallback((size) => {
+        _setPanelSize(cropSizeToWindow(size));
+    }, [cropSizeToWindow]);
+    const setInitialPanelSize = useCallback((size) => {
+        // If panel was already sized from state, then don't resize
+        if (props.resizeable !== false && savedState?.panelSize) {
+            return;
+        }
+        setPanelSize(size);
+    }, [props.resizeable, savedState?.panelSize, setPanelSize]);
+    const dynamicResize = useCallback(() => {
+        const bounds = dynamicBounds?.();
+        if (!bounds) {
+            return;
+        }
+        const newPosition = pick(bounds, ['x', 'y']);
+        if (!isEqual(newPosition, panelPosition)) {
+            setPanelPosition(newPosition);
+        }
+        const newSize = pick(bounds, ['width', 'height']);
+        if (!isEqual(newSize, panelSize)) {
+            setPanelSize(newSize);
+        }
+    }, [dynamicBounds, panelPosition, panelSize, setPanelSize]);
+    useEffect(() => {
+        window.addEventListener('resize', dynamicResize);
+        return () => {
+            window.removeEventListener('resize', dynamicResize);
+        };
+    }, [dynamicResize]);
+    useInterval(dynamicResize, dynamicBounds ? 250 : null);
+    const dockElement = docked && dockId && dockElements[dockId];
+    return (_jsx(_Fragment, { children: dockElement && dockElement.isConnected ? (createPortal(children, dockElement)) : panelPoppedOut ? (_jsx(PopoutWindow, { name: uniqueId, title: title, size: { width: size.width, height: lastPanelHeightRef.current }, popInPanelPosition: panelPosition, popInPanelSize: {
+                width: panelSize.width,
+                height: panelSize.height === 'auto' ? lastPanelHeightRef.current : panelSize.height,
+            }, children: _jsx("div", { ref: panelRef, style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    width: '100%',
+                    height: '100%',
+                }, className: className, children: children }) })) : (_jsx(PopinWindow, { ...props, panelPosition: panelPosition, setPanelPosition: setPanelPosition, panelSize: panelSize, setPanelSize: setPanelSize, setInitialPanelSize: setInitialPanelSize, hidden: hidden, children: children })) }));
+};
+export const PanelContent = forwardRef(function PanelContentFr({ children, className }, ref) {
+    return (_jsx("div", { className: clsx(`WindowPanel-content`, className), ref: ref, children: children }));
+});
+//# sourceMappingURL=Panel.js.map

package/dist/panel/Panel.js.map

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

package/dist/panel/PanelContext.d.ts

@@ -0,0 +1,10 @@
+import { PanelSize } from './types';
+export interface PanelContextType {
+    resizePanel: (size: Partial<PanelSize>) => void;
+    initialResizePanel: (size: Partial<PanelSize>) => void;
+    resizeable: boolean;
+}
+/**
+ * Provides access to closing/popping panels
+ */
+export declare const PanelContext: import("react").Context<PanelContextType>;

package/dist/panel/PanelContext.js

@@ -0,0 +1,13 @@
+import { createContext } from 'react';
+const NoContextError = () => {
+    console.error('Missing PanelContext Provider');
+};
+/**
+ * Provides access to closing/popping panels
+ */
+export const PanelContext = createContext({
+    resizePanel: NoContextError,
+    initialResizePanel: NoContextError,
+    resizeable: true,
+});
+//# sourceMappingURL=PanelContext.js.map

package/dist/panel/PanelContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelContext.js","sourceRoot":"","sources":["../../src/panel/PanelContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAUtC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAmB;IAC1D,WAAW,EAAE,cAAc;IAC3B,kBAAkB,EAAE,cAAc;IAClC,UAAU,EAAE,IAAI;CACjB,CAAC,CAAC"}

package/dist/panel/PanelDock.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren, ReactElement } from 'react';
+export interface PanelDockProps {
+    id: string;
+}
+export declare const PanelDock: ({ id, children }: PropsWithChildren<PanelDockProps>) => ReactElement;

package/dist/panel/PanelDock.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { PanelsContext } from './PanelsContext';
+export const PanelDock = ({ id, children }) => {
+    const { setDockElement } = useContext(PanelsContext);
+    const setElement = (element) => setDockElement(id, element);
+    return (_jsxs("div", { className: 'panelDock', children: [_jsx("div", { ref: setElement, className: 'panelDock-content' }), _jsx("div", { className: 'panelDock-empty', children: children })] }));
+};
+//# sourceMappingURL=PanelDock.js.map

package/dist/panel/PanelDock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelDock.js","sourceRoot":"","sources":["../../src/panel/PanelDock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAqC,EAAgB,EAAE;IAC7F,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAErD,MAAM,UAAU,GAAG,CAAC,OAAuB,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,aACzB,cAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,GAAI,EACxD,cAAK,SAAS,EAAE,iBAAiB,YAAG,QAAQ,GAAO,IAC/C,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/panel/PanelHeader.d.ts

@@ -0,0 +1,15 @@
+import { LuiIconName } from '@linzjs/lui/dist/assets/svg-content';
+import { ReactElement } from 'react';
+export interface PanelHeaderProps {
+    icon?: LuiIconName;
+    extraLeft?: ReactElement;
+    extraRight?: ReactElement;
+    helpUrl?: string;
+    onHelpClick?: () => void;
+    onDockClick?: () => void;
+    onCloseClickPoppedInPanelOnly?: () => Promise<boolean> | boolean;
+    dockTo?: string;
+    disableClose?: boolean;
+    disablePopout?: boolean;
+}
+export declare const PanelHeader: ({ icon, extraLeft, extraRight, helpUrl, onHelpClick, onDockClick, onCloseClickPoppedInPanelOnly, dockTo, disableClose, disablePopout, }: PanelHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/panel/PanelHeader.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LuiIcon } from '@linzjs/lui';
+import clsx from 'clsx';
+import { useContext, useState } from 'react';
+import { PanelContext } from './PanelContext';
+import { PanelHeaderButton } from './PanelHeaderButton';
+import { PanelInstanceContext } from './PanelInstanceContext';
+export const PanelHeader = ({ icon, extraLeft, extraRight, helpUrl, onHelpClick, onDockClick, onCloseClickPoppedInPanelOnly, dockTo, disableClose, disablePopout, }) => {
+    const { resizeable } = useContext(PanelContext);
+    const { panelClose, panelTogglePopout, panelPoppedOut, title, dock, undock, docked } = useContext(PanelInstanceContext);
+    const [cursor, setCursor] = useState('grab');
+    const headerMouseDown = () => {
+        if (!panelPoppedOut) {
+            setCursor('grabbing');
+        }
+    };
+    return (_jsxs("div", { className: clsx('WindowPanel-header', resizeable && 'draggable-handle'), onMouseDown: headerMouseDown, onMouseUp: () => !panelPoppedOut && setCursor('grab'), style: resizeable ? { cursor } : {}, children: [_jsxs("div", { className: 'WindowPanel-header-title', children: [icon && _jsx(LuiIcon, { name: icon, alt: 'icon', size: 'md', className: 'WindowPanel-header-title-icon' }), title] }), extraLeft && _jsx("div", { className: 'WindowPanel-divider-left' }), _jsx("div", { className: 'WindowPanel-children', children: extraLeft }), _jsxs("div", { className: 'WindowPanel-buttons', children: [extraRight, (helpUrl || onHelpClick) && (_jsx(PanelHeaderButton, { "aria-label": 'Get help', href: helpUrl, onClick: onHelpClick, icon: 'ic_help_outline' }))] }), (dockTo || !disablePopout || !disableClose) && _jsx("div", { className: 'WindowPanel-divider-right' }), _jsxs("div", { className: 'WindowPanel-buttons', children: [onDockClick && _jsx(PanelHeaderButton, { "aria-label": 'Dock', onClick: () => onDockClick(), icon: 'ic_left_col' }), !onDockClick &&
+                        dockTo &&
+                        (docked ? (_jsx(PanelHeaderButton, { "aria-label": 'Undock', onClick: undock, icon: 'ic_close_list' })) : (_jsx(PanelHeaderButton, { "aria-label": 'Dock', onClick: () => dock(dockTo), icon: 'ic_left_col' }))), !disablePopout && (_jsx(PanelHeaderButton, { "aria-label": panelPoppedOut ? 'Pop-in' : 'Pop-out', onClick: panelTogglePopout, icon: panelPoppedOut ? 'ic_pop_back' : 'ic_launch_new window_open' })), !disableClose && (_jsx(PanelHeaderButton, { "aria-label": 'Close', onClick: () => {
+                            if (onCloseClickPoppedInPanelOnly) {
+                                void (async () => {
+                                    const result = await onCloseClickPoppedInPanelOnly();
+                                    if (result) {
+                                        panelClose();
+                                    }
+                                })();
+                            }
+                            else {
+                                panelClose();
+                            }
+                        }, icon: 'ic_clear' }))] })] }));
+};
+//# sourceMappingURL=PanelHeader.js.map

package/dist/panel/PanelHeader.js.map

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

package/dist/panel/PanelHeaderButton.d.ts

@@ -0,0 +1,8 @@
+import { LuiIconName } from '@linzjs/lui/dist/assets/svg-content';
+export interface PanelHeaderButtonProps {
+    'aria-label': string;
+    href?: string;
+    icon: LuiIconName;
+    onClick?: () => void;
+}
+export declare const PanelHeaderButton: ({ "aria-label": ariaLabel, href, icon, onClick }: PanelHeaderButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/panel/PanelHeaderButton.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LuiButton, LuiIcon } from '@linzjs/lui';
+import { useLayoutEffect, useState } from 'react';
+export const PanelHeaderButton = ({ 'aria-label': ariaLabel, href, icon, onClick }) => {
+    const [disabled, setDisabled] = useState(true);
+    // Dialogs auto focus buttons even when flagged not to
+    // On initial display the header buttons are disable to prevent this
+    useLayoutEffect(() => {
+        void setDisabled(false);
+    }, []);
+    return (_jsx(LuiButton, { level: 'plain-text', className: 'lui-button-icon-only', size: 'sm', href: href, disabled: disabled, onClick: onClick, openInNewTab: !!href, title: ariaLabel, buttonProps: {
+            onTouchStart: onClick,
+            buttonProps: { 'data-noautofocus': true },
+        }, children: _jsx(LuiIcon, { name: icon, alt: ariaLabel, size: 'md' }) }));
+};
+//# sourceMappingURL=PanelHeaderButton.js.map

package/dist/panel/PanelHeaderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeaderButton.js","sourceRoot":"","sources":["../../src/panel/PanelHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAA0B,EAAE,EAAE;IAC5G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,sDAAsD;IACtD,oEAAoE;IACpE,eAAe,CAAC,GAAG,EAAE;QACnB,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CAAC,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE;YACX,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE;SAC1C,YAED,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,GACzC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/panel/PanelInline.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+export interface PanelInlineProps {
+    title: string;
+    className?: string;
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+}
+export declare const PanelInline: import("react").ForwardRefExoticComponent<PanelInlineProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/panel/PanelInline.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PanelContext } from './PanelContext';
+import { PanelInstanceContext } from './PanelInstanceContext';
+import { v4 } from '../common/uuid';
+import clsx from 'clsx';
+export const PanelInline = forwardRef(function PanelInline({ title, className, width, height, children }, ref) {
+    return (_jsx(PanelContext.Provider, { value: { resizeable: false, resizePanel: () => { }, initialResizePanel: () => { } }, children: _jsx(PanelInstanceContext.Provider, { value: {
+                setTitle: () => { },
+                title,
+                zIndex: 1500,
+                uniqueId: v4(),
+                dock: () => { },
+                panelClose: () => { },
+                dockId: undefined,
+                docked: false,
+                bringPanelToFront: () => { },
+                hidden: false,
+                setPanelWindow: () => { },
+                panelTogglePopout: () => { },
+                undock: () => { },
+                panelPoppedOut: false,
+                bounds: undefined,
+            }, children: _jsx("div", { ref: ref, className: clsx('WindowPanel', className), title: title, style: { width, height }, children: children }) }) }));
+});
+//# sourceMappingURL=PanelInline.js.map

package/dist/panel/PanelInline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelInline.js","sourceRoot":"","sources":["../../src/panel/PanelInline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,IAAI,MAAM,MAAM,CAAC;AASxB,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsD,SAAS,WAAW,CAC7G,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAC7C,GAAG;IAEH,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,YACtG,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;gBAClB,KAAK;gBACL,MAAM,EAAE,IAAI;gBACZ,QAAQ,EAAE,EAAE,EAAE;gBACd,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;gBACd,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;gBACpB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,KAAK;gBACb,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;gBAC3B,MAAM,EAAE,KAAK;gBACb,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;gBACxB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;gBAC3B,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;gBAChB,cAAc,EAAE,KAAK;gBACrB,MAAM,EAAE,SAAS;aAClB,YAED,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC7F,QAAQ,GACL,GACwB,GACV,CACzB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/panel/PanelInstanceContext.d.ts

@@ -0,0 +1,21 @@
+export interface PanelInstanceContextType {
+    title: string;
+    setTitle: (title: string) => void;
+    uniqueId: string;
+    bounds: string | Element | undefined;
+    panelTogglePopout: () => void;
+    panelClose: () => void;
+    setPanelWindow: (w: Window) => void;
+    bringPanelToFront: () => void;
+    panelPoppedOut: boolean;
+    zIndex: number;
+    dockId: string | undefined;
+    docked: boolean;
+    dock: (id: string) => void;
+    undock: () => void;
+    hidden?: boolean;
+}
+/**
+ * Provides access to closing/popping panels
+ */
+export declare const PanelInstanceContext: import("react").Context<PanelInstanceContextType>;

package/dist/panel/PanelInstanceContext.js

@@ -0,0 +1,25 @@
+import { createContext } from 'react';
+const NoContextError = () => {
+    console.error('Missing PanelInstanceContext Provider');
+};
+/**
+ * Provides access to closing/popping panels
+ */
+export const PanelInstanceContext = createContext({
+    title: 'Missing PanelInstanceContext Provider: title',
+    uniqueId: 'Missing PanelInstanceContext Provider: uniqueId',
+    bounds: document.body,
+    setTitle: NoContextError,
+    panelTogglePopout: NoContextError,
+    panelClose: NoContextError,
+    setPanelWindow: NoContextError,
+    bringPanelToFront: NoContextError,
+    dock: NoContextError,
+    undock: NoContextError,
+    docked: false,
+    dockId: undefined,
+    panelPoppedOut: false,
+    zIndex: 0,
+    hidden: false,
+});
+//# sourceMappingURL=PanelInstanceContext.js.map

package/dist/panel/PanelInstanceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelInstanceContext.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAoBtC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA2B;IAC1E,KAAK,EAAE,8CAA8C;IACrD,QAAQ,EAAE,iDAAiD;IAC3D,MAAM,EAAE,QAAQ,CAAC,IAAI;IACrB,QAAQ,EAAE,cAAc;IACxB,iBAAiB,EAAE,cAAc;IACjC,UAAU,EAAE,cAAc;IAC1B,cAAc,EAAE,cAAc;IAC9B,iBAAiB,EAAE,cAAc;IACjC,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,KAAK;IACrB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,KAAK;CACd,CAAC,CAAC"}

package/dist/panel/PanelInstanceContextProvider.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren, ReactElement } from 'react';
+import { PanelInstance } from './PanelsContext';
+export interface PanelInstanceContextProviderProps {
+    hidden?: boolean;
+    bounds?: string | Element;
+    panelInstance: PanelInstance;
+}
+/**
+ * Provides access to closing/popping panels
+ */
+export declare const PanelInstanceContextProvider: ({ panelInstance, bounds, hidden, children, }: PropsWithChildren<PanelInstanceContextProviderProps>) => ReactElement;

package/dist/panel/PanelInstanceContextProvider.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useContext, useState } from 'react';
+import { PanelInstanceContext } from './PanelInstanceContext';
+import { PanelsContext } from './PanelsContext';
+import { useRestoreStateFrom } from './usePanelStateHandler';
+/**
+ * Provides access to closing/popping panels
+ */
+export const PanelInstanceContextProvider = ({ panelInstance, bounds, hidden, children, }) => {
+    const { closePanel, bringPanelToFront, dockElements } = useContext(PanelsContext);
+    const [title, setTitle] = useState('');
+    const [dockId, setDockId] = useState();
+    const savedState = useRestoreStateFrom({ uniqueId: panelInstance.uniqueId });
+    const [poppedOut, setPoppedOut] = useState(savedState?.panelPoppedOut ?? panelInstance.poppedOut);
+    const togglePopOut = useCallback(() => {
+        panelInstance.window = null;
+        setPoppedOut(!poppedOut);
+    }, [panelInstance, poppedOut]);
+    const dock = useCallback((id) => {
+        if (poppedOut)
+            togglePopOut();
+        setDockId(id);
+    }, [poppedOut, togglePopOut]);
+    const undock = useCallback(() => setDockId(undefined), []);
+    const uniqueId = panelInstance.uniqueId;
+    return (_jsx(PanelInstanceContext.Provider, { value: {
+            title,
+            setTitle,
+            uniqueId,
+            bounds,
+            panelClose: () => {
+                panelInstance.window?.close();
+                panelInstance.window = null;
+                closePanel(uniqueId);
+            },
+            panelTogglePopout: togglePopOut,
+            panelPoppedOut: poppedOut,
+            setPanelWindow: (w) => {
+                panelInstance.window = w;
+            },
+            bringPanelToFront: () => bringPanelToFront(uniqueId),
+            zIndex: panelInstance.zIndex,
+            docked: !poppedOut && !!dockId && !!dockElements[dockId],
+            dockId,
+            dock,
+            undock,
+            hidden,
+        }, children: children }));
+};
+//# sourceMappingURL=PanelInstanceContextProvider.js.map

package/dist/panel/PanelInstanceContextProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelInstanceContextProvider.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContextProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAiB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,GAC6C,EAAgB,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/C,MAAM,UAAU,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,cAAc,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;IAElG,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,SAAS;YAAE,YAAY,EAAE,CAAC;QAC9B,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,UAAU,EAAE,GAAG,EAAE;gBACf,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;gBAC9B,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,iBAAiB,EAAE,YAAY;YAC/B,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,CAAC,CAAS,EAAE,EAAE;gBAC5B,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YACpD,MAAM,EAAE,aAAa,CAAC,MAAM;YAC5B,MAAM,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;YACxD,MAAM;YACN,IAAI;YACJ,MAAM;YACN,MAAM;SACP,YAEA,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CAAC"}

package/dist/panel/PanelsContext.d.ts

@@ -0,0 +1,33 @@
+import { ReactElement } from 'react';
+import { PanelPosition } from './types';
+import { PanelStateOptions } from './types/PanelStateOptions';
+export interface PanelInstance {
+    uniqueId: string;
+    componentInstance: ReactElement;
+    zIndex: number;
+    poppedOut: boolean;
+    window: Window | null;
+    onClose?: () => void;
+    hidden: boolean;
+}
+export interface OpenPanelOptions {
+    uniqueId?: string;
+    componentFn: () => ReactElement;
+    poppedOut?: boolean;
+    onClose?: () => void;
+}
+export interface PanelsContextType {
+    openPanels: Set<string>;
+    hasOpenPanel: (panelId: string) => boolean;
+    openPanel: (args: OpenPanelOptions) => string | null;
+    closePanel: (uniqueId: string | string[]) => void;
+    hidePanel: (uniqueId: string | string[]) => void;
+    unhidePanel: (uniqueId: string | string[]) => void;
+    hasHiddenPanel: (uniqueId: string) => boolean;
+    bringPanelToFront: (panelUniqueId: string) => void;
+    nextStackPosition: () => PanelPosition;
+    dockElements: Record<string, HTMLDivElement>;
+    setDockElement: (id: string, element: HTMLDivElement) => void;
+    panelStateOptions?: PanelStateOptions | null;
+}
+export declare const PanelsContext: import("react").Context<PanelsContextType>;

package/dist/panel/PanelsContext.js

@@ -0,0 +1,19 @@
+import { createContext } from 'react';
+const NoContext = () => {
+    console.error('Missing PanelContext Provider');
+    return undefined;
+};
+export const PanelsContext = createContext({
+    openPanels: new Set(),
+    hasOpenPanel: () => false,
+    openPanel: NoContext,
+    closePanel: NoContext,
+    hidePanel: NoContext,
+    unhidePanel: NoContext,
+    hasHiddenPanel: NoContext,
+    bringPanelToFront: NoContext,
+    dockElements: {},
+    setDockElement: NoContext,
+    nextStackPosition: () => ({ x: 0, y: 0 }),
+});
+//# sourceMappingURL=PanelsContext.js.map

package/dist/panel/PanelsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelsContext.js","sourceRoot":"","sources":["../../src/panel/PanelsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgB,MAAM,OAAO,CAAC;AAsCpD,MAAM,SAAS,GAAG,GAAU,EAAE;IAC5B,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;IAC/C,OAAO,SAAc,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAoB;IAC5D,UAAU,EAAE,IAAI,GAAG,EAAE;IACrB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,SAAS;IACzB,iBAAiB,EAAE,SAAS;IAC5B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,SAAS;IACzB,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;CAC1C,CAAC,CAAC"}

package/dist/panel/PanelsContextProvider.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, ReactElement } from 'react';
+import { PanelPosition } from './types';
+import { PanelStateOptions } from './types/PanelStateOptions';
+export interface PanelsContextProviderProps {
+    baseZIndex?: number;
+    bounds?: string | Element;
+    panelStateOptions?: PanelStateOptions | null;
+    tilingStart?: PanelPosition;
+    tilingOffset?: PanelPosition;
+    tilingMax?: PanelPosition;
+}
+export declare const PanelsContextProvider: ({ bounds, baseZIndex, children, panelStateOptions: _panelStateOptions, tilingStart, tilingOffset, tilingMax, }: PropsWithChildren<PanelsContextProviderProps>) => ReactElement;