@ringcentral/spring-ui 1.12.0 → 1.13.0

package/chunks/useTrayNavigate.js

@@ -1,150 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useMemo, createContext, useContext, forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
-import { useControlled, useEventCallback, logInDev, useClasses, useForkRef } from '@ringcentral/spring-base';
-import { useThemeProps, motionTransition } from '@ringcentral/spring-theme';
-import { AnimatePresence, motion } from 'framer-motion';
-import './Icon.js';
-import { u as useMotionSafeTransition } from './useMotionSafeTransition.js';
-
-const useTray = (parameters) => {
-    const { value: valueProp, defaultValue, onChange, containerRef } = parameters;
-    const [value, setValue] = useControlled({
-        controlled: valueProp,
-        default: defaultValue,
-        name: 'useTray',
-        state: 'value',
-    });
-    if (value === undefined) {
-        throw new Error('Should set default TrayPanel using defaultValue (not controlled) or value (controlled)');
-    }
-    const [stack, setStack] = useState([value]);
-    const [direction, setDirection] = useState('right');
-    const updateValue = (e, newValue) => {
-        setValue(newValue);
-        onChange?.(e, newValue);
-        if (stack.includes(newValue)) {
-            setStack(stack.slice(0, stack.indexOf(newValue) + 1));
-            setDirection('left');
-        }
-        else {
-            setStack([...stack, newValue]);
-            setDirection('right');
-        }
-    };
-    const navigateTo = useEventCallback((newValue, event = null) => {
-        let handledValue = newValue;
-        if (handledValue === null && stack.length === 1) {
-            if (process.env.NODE_ENV !== 'production') {
-                logInDev({
-                    scope: 'useTray',
-                    message: 'No TrayPanel left to return to',
-                });
-            }
-            return;
-        }
-        if (handledValue === null) {
-            handledValue = stack[stack.length - 2];
-        }
-        containerRef.current?.focus();
-        updateValue(event, handledValue);
-    });
-    const trayContextValue = useMemo(() => {
-        return {
-            value,
-            navigateTo,
-            direction,
-            containerRef,
-        };
-    }, [value, navigateTo, direction, containerRef]);
-    return {
-        trayContextValue,
-    };
-};
-
-const TrayContext = createContext(null);
-const useTrayContext = () => useContext(TrayContext);
-
-const Tray = forwardRef((inProps, ref) => {
-    const props = useThemeProps({ props: inProps, name: 'Tray' });
-    const { classes, children, value, defaultValue, onChange, actions, className, ...rest } = props;
-    const cls = useClasses('tray', classes, className);
-    const rootRef = useRef(null);
-    const handleRootRef = useForkRef(ref, rootRef);
-    const { trayContextValue } = useTray({
-        value,
-        defaultValue,
-        onChange,
-        containerRef: rootRef,
-    });
-    const { navigateTo } = trayContextValue;
-    useImperativeHandle(actions, () => ({
-        navigateTo,
-    }), [navigateTo]);
-    return (jsx("div", { className: cls('root'), ref: handleRootRef, ...rest, tabIndex: -1, children: jsx(TrayContext.Provider, { value: trayContextValue, children: children }) }));
-});
-Tray.displayName = 'SuiTray';
-
-const useTrayPanel = (parameters) => {
-    const { value } = parameters;
-    const context = useTrayContext();
-    if (context === null) {
-        throw new Error('No TrayContext provided, must be used within a Tray');
-    }
-    const activated = value === context.value;
-    return {
-        activated,
-        containerRef: context.containerRef,
-        direction: context.direction,
-    };
-};
-
-const TrayPanel = forwardRef((inProps, ref) => {
-    const props = useThemeProps({ props: inProps, name: 'TrayPanel' });
-    const { children, classes, className } = props;
-    const { activated, containerRef, direction } = useTrayPanel(props);
-    const [display, setDisplay] = useState(activated);
-    useEffect(() => {
-        if (activated) {
-            setDisplay(true);
-        }
-    }, [activated]);
-    const cls = useClasses('tray-panel', classes, className);
-    const transition = useMotionSafeTransition(motionTransition['spring-01-fast']);
-    return (jsx(AnimatePresence, { initial: false, children: display && (jsx(motion.div, { ref: ref, className: cls('root', { activated }), "data-activated": activated, transition: transition, initial: 'enter', animate: activated ? 'center' : 'exit', onAnimationComplete: () => {
-                !activated && setDisplay(false);
-            }, variants: {
-                enter: {
-                    height: containerRef.current?.querySelector('[data-activated="false"]')?.offsetHeight,
-                    transform: direction === 'right'
-                        ? 'translateX(100%)'
-                        : 'translateX(-100%)',
-                },
-                center: {
-                    height: 'auto',
-                    transform: 'translateX(0%)',
-                },
-                exit: {
-                    transform: direction === 'right'
-                        ? 'translateX(-100%)'
-                        : 'translateX(100%)',
-                },
-            }, children: children })) }));
-});
-TrayPanel.displayName = 'SuiTrayPanel';
-
-const useTrayNavigate = () => {
-    const context = useTrayContext();
-    if (context === null) {
-        throw new Error('No TrayContext provided, must be used within a Tray');
-    }
-    const { navigateTo } = context;
-    const back = (event = null) => {
-        context.navigateTo(null, event);
-    };
-    return {
-        navigateTo,
-        back,
-    };
-};
-
-export { Tray as T, TrayContext as a, TrayPanel as b, useTray as c, useTrayNavigate as d, useTrayPanel as e, useTrayContext as u };

package/chunks/withTooltip.js

@@ -1,15 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { T as Tooltip } from './Tooltip.js';
-
-function withTooltip(Component) {
-    return forwardRef((props, ref) => {
-        const { TooltipProps, ...rest } = props;
-        const content = jsx(Component, { ...rest, ref: ref });
-        if (!TooltipProps)
-            return content;
-        return jsx(Tooltip, { ...TooltipProps, children: content });
-    });
-}
-
-export { withTooltip as w };