frosted-ui 0.0.1-canary.9 → 0.0.1-canary.91

package/dist/cjs/components/widget-stack/widget-stack.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+import { widgetStackRootPropDefs } from './widget-stack.props';
+export declare function useWidgetStack(): {
+    nextDisabled: boolean;
+    prevDisabled: boolean;
+    controls: {
+        prev: () => void;
+        next: () => void;
+        scrollToIndex: (index: number) => void;
+    } | null;
+    currentWidgetIndex: number;
+    widgetsCount: number | undefined;
+};
+interface WidgetStackRootProps extends GetPropDefTypes<typeof widgetStackRootPropDefs> {
+    children: React.ReactNode;
+    autoPlay?: number;
+}
+declare const WidgetStackRoot: React.FC<WidgetStackRootProps>;
+interface WidgetStackStackProps extends PropsWithoutColor<'div'> {
+    asChild?: boolean;
+}
+declare const WidgetStackStack: {
+    (props: WidgetStackStackProps): React.JSX.Element;
+    displayName: string;
+};
+export declare function useWidgetStackItem(): {
+    isFullyVisible: boolean;
+};
+interface WidgetStackItemProps extends React.ComponentProps<'div'> {
+}
+declare const WidgetStackItem: {
+    (props: WidgetStackItemProps): React.JSX.Element;
+    displayName: string;
+};
+interface WidgetStackNextProps extends Omit<React.ComponentProps<'button'>, 'asChild' | 'disabled' | 'onClick'> {
+}
+declare const WidgetStackNext: {
+    (props: WidgetStackNextProps): React.JSX.Element;
+    displayName: string;
+};
+interface WidgetStackPrevProps extends Omit<React.ComponentProps<'button'>, 'asChild' | 'disabled' | 'onClick'> {
+}
+declare const WidgetStackPrev: {
+    (props: WidgetStackPrevProps): React.JSX.Element;
+    displayName: string;
+};
+export { WidgetStackItem as Item, WidgetStackNext as Next, WidgetStackPrev as Prev, WidgetStackRoot as Root, WidgetStackStack as Stack, };
+export type { WidgetStackItemProps as ItemProps, WidgetStackNextProps as NextProps, WidgetStackPrevProps as PrevProps, WidgetStackRootProps as RootProps, WidgetStackStackProps as StackProps, };

package/dist/cjs/components/widget-stack/widget-stack.js

@@ -0,0 +1,327 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = exports.Root = exports.Prev = exports.Next = exports.Item = void 0;
+exports.useWidgetStack = useWidgetStack;
+exports.useWidgetStackItem = useWidgetStackItem;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const radix_ui_1 = require("radix-ui");
+const use_isomorphic_layout_effect_1 = require("../../helpers/use-isomorphic-layout-effect");
+const widget_stack_props_1 = require("./widget-stack.props");
+const WidgetStackContext = React.createContext({
+    nextDisabled: false,
+    setNextDisabled: () => null,
+    prevDisabled: false,
+    setPrevDisabled: () => null,
+    controls: null,
+    setControls: () => null,
+    disableAutoPlay: false,
+    setDisableAutoPlay: () => null,
+    currentWidgetIndex: 0,
+    setCurrentWidgetIndex: () => null,
+    widgetsCount: 0,
+    setWidgetsCount: () => null,
+    orientation: undefined,
+    autoPlay: undefined,
+});
+function _useWidgetStack() {
+    const context = React.useContext(WidgetStackContext);
+    if (context === undefined) {
+        throw new Error('WidgetStackContext must be used within a WidgetStackRoot');
+    }
+    return context;
+}
+function useWidgetStack() {
+    const context = React.useContext(WidgetStackContext);
+    if (context === undefined) {
+        throw new Error('WidgetStackContext must be used within a WidgetStackRoot');
+    }
+    const { nextDisabled, prevDisabled, currentWidgetIndex, widgetsCount, setDisableAutoPlay, controls } = context;
+    const widgetStackContext = React.useMemo(() => {
+        return {
+            nextDisabled: nextDisabled,
+            prevDisabled: prevDisabled,
+            controls: controls
+                ? {
+                    prev: () => {
+                        setDisableAutoPlay(true);
+                        controls === null || controls === void 0 ? void 0 : controls.prev();
+                    },
+                    next: () => {
+                        setDisableAutoPlay(true);
+                        controls === null || controls === void 0 ? void 0 : controls.next();
+                    },
+                    scrollToIndex: (index) => {
+                        setDisableAutoPlay(true);
+                        controls === null || controls === void 0 ? void 0 : controls.scrollToIndex(index);
+                    },
+                }
+                : null,
+            currentWidgetIndex: currentWidgetIndex,
+            widgetsCount: widgetsCount,
+        };
+    }, [nextDisabled, prevDisabled, currentWidgetIndex, widgetsCount, setDisableAutoPlay, controls]);
+    return widgetStackContext;
+}
+const WidgetStackRoot = ({ children, orientation = widget_stack_props_1.widgetStackRootPropDefs.orientation.default, autoPlay, ...props }) => {
+    const [controls, setControls] = React.useState(null);
+    const [currentWidgetIndex, setCurrentWidgetIndex] = React.useState(0);
+    const [nextDisabled, setNextDisabled] = React.useState(false);
+    const [prevDisabled, setPrevDisabled] = React.useState(false);
+    const [disableAutoPlay, setDisableAutoPlay] = React.useState(false);
+    const [widgetsCount, setWidgetsCount] = React.useState(0);
+    return (React.createElement(WidgetStackContext.Provider, { value: {
+            controls,
+            setControls,
+            disableAutoPlay,
+            setDisableAutoPlay,
+            currentWidgetIndex,
+            setCurrentWidgetIndex,
+            nextDisabled,
+            setNextDisabled,
+            prevDisabled,
+            setPrevDisabled,
+            orientation,
+            widgetsCount,
+            setWidgetsCount,
+            autoPlay,
+        }, ...props }, children));
+};
+exports.Root = WidgetStackRoot;
+WidgetStackRoot.displayName = 'WidgetStackRoot';
+const WidgetStackStack = (props) => {
+    const { className, children, ...rootProps } = props;
+    const { currentWidgetIndex, orientation, setCurrentWidgetIndex, controls, setControls, setNextDisabled, setPrevDisabled, autoPlay, disableAutoPlay, setWidgetsCount, } = _useWidgetStack();
+    const scrollAreaRef = React.useRef(null);
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
+        setWidgetsCount(React.Children.toArray(children).filter(Boolean).length);
+    }, [children]);
+    const currentWidgetIndexRef = React.useRef(currentWidgetIndex);
+    React.useEffect(() => {
+        currentWidgetIndexRef.current = currentWidgetIndex;
+    }, [currentWidgetIndex]);
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
+        const scrollAreaElement = scrollAreaRef.current;
+        if (!scrollAreaElement)
+            return;
+        const items = Array.from(scrollAreaElement.children);
+        // ScrollIntoView animation is interrupted in Chrome
+        // when you click a prev/next button that triggers the animation and turns disabled.
+        // That's why scrollBy method is used instead.
+        const dir = orientation === 'vertical' ? 'top' : 'left';
+        const next = () => {
+            const target = items[currentWidgetIndexRef.current + 1];
+            if (target) {
+                // get distance from top of scrollAreaElement to top of target
+                const targetRect = target.getBoundingClientRect();
+                const scrollAreaRect = scrollAreaElement.getBoundingClientRect();
+                const distance = targetRect[dir] - scrollAreaRect[dir];
+                scrollAreaElement.scrollBy({
+                    [dir]: distance,
+                    behavior: 'smooth',
+                });
+            }
+        };
+        const prev = () => {
+            const target = items[currentWidgetIndexRef.current - 1];
+            if (target) {
+                // get distance from top of scrollAreaElement to top of target
+                const targetRect = target.getBoundingClientRect();
+                const scrollAreaRect = scrollAreaElement.getBoundingClientRect();
+                const distance = targetRect[dir] - scrollAreaRect[dir];
+                scrollAreaElement.scrollBy({
+                    [dir]: distance,
+                    behavior: 'smooth',
+                });
+            }
+        };
+        const scrollToIndex = (index) => {
+            const target = items[index];
+            if (target) {
+                // get distance from top of scrollAreaElement to top of target
+                const targetRect = target.getBoundingClientRect();
+                const scrollAreaRect = scrollAreaElement.getBoundingClientRect();
+                const distance = targetRect[dir] - scrollAreaRect[dir];
+                console.log({ index, distance, target });
+                scrollAreaElement.scrollBy({
+                    [dir]: distance,
+                    behavior: 'smooth',
+                });
+            }
+        };
+        setControls({
+            next,
+            prev,
+            scrollToIndex,
+        });
+    }, [orientation]);
+    const disableAutoPlayRef = React.useRef(disableAutoPlay);
+    const directionRef = React.useRef('forward');
+    const [isHovering, setIsHovering] = React.useState(false);
+    React.useEffect(() => {
+        disableAutoPlayRef.current = disableAutoPlay;
+        if (!autoPlay || disableAutoPlay || isHovering)
+            return;
+        const scrollAreaElement = scrollAreaRef.current;
+        if (!scrollAreaElement)
+            return;
+        const interval = setInterval(() => {
+            if (disableAutoPlayRef.current)
+                return;
+            const scrollAreaElement = scrollAreaRef.current;
+            if (!scrollAreaElement)
+                return;
+            const items = Array.from(scrollAreaElement.children);
+            let scrollToIndex = directionRef.current === 'forward' ? currentWidgetIndexRef.current + 1 : currentWidgetIndexRef.current - 1;
+            if (scrollToIndex < 0) {
+                scrollToIndex = 1;
+                directionRef.current = 'forward';
+            }
+            else if (scrollToIndex >= items.length) {
+                scrollToIndex = items.length - 2;
+                directionRef.current = 'backward';
+            }
+            if (directionRef.current === 'forward') {
+                controls === null || controls === void 0 ? void 0 : controls.next();
+            }
+            else {
+                controls === null || controls === void 0 ? void 0 : controls.prev();
+            }
+        }, autoPlay);
+        return () => {
+            clearInterval(interval);
+        };
+    }, [autoPlay, controls, isHovering, disableAutoPlay]);
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
+        const scrollAreaElement = scrollAreaRef.current;
+        if (!scrollAreaElement)
+            return;
+        const updateIntersectionRatios = () => {
+            // check intersection ratio of each child
+            const items = Array.from(scrollAreaElement.children);
+            items.forEach((item) => {
+                const targetScrollPosition = orientation === 'vertical' ? item.offsetTop : item.offsetLeft;
+                const itemHeight = item.clientHeight;
+                const scrollPosition = orientation === 'vertical' ? scrollAreaElement.scrollTop : scrollAreaElement.scrollLeft;
+                const dist = Math.abs(targetScrollPosition - scrollPosition);
+                const ratio = 1 - Math.min(dist / itemHeight, 1);
+                item.style.setProperty('--intersection-ratio', ratio.toString());
+            });
+        };
+        updateIntersectionRatios();
+        scrollAreaElement.addEventListener('scroll', updateIntersectionRatios, {
+            passive: true,
+        });
+        return () => {
+            scrollAreaElement.removeEventListener('scroll', updateIntersectionRatios);
+        };
+    }, [children]);
+    // Handle next/prev button states
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
+        const scrollAreaElement = scrollAreaRef.current;
+        if (!scrollAreaElement)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                const target = entry.target;
+                if (entry.isIntersecting) {
+                    const items = Array.from(scrollAreaElement.children);
+                    const index = items.indexOf(target);
+                    if (index === 0) {
+                        setPrevDisabled(true);
+                        if (items.length > 1) {
+                            setNextDisabled(false);
+                        }
+                    }
+                    else if (index === items.length - 1) {
+                        setNextDisabled(true);
+                        if (items.length > 1) {
+                            setPrevDisabled(false);
+                        }
+                    }
+                    else {
+                        setNextDisabled(false);
+                        setPrevDisabled(false);
+                    }
+                    setCurrentWidgetIndex(index);
+                }
+            });
+        }, {
+            root: scrollAreaElement,
+            rootMargin: '0px',
+            threshold: 0.5,
+        });
+        Array.from(scrollAreaElement.children).forEach((child) => observer.observe(child));
+        return () => {
+            observer.disconnect();
+        };
+    }, [children]);
+    return (React.createElement("div", { ...rootProps, className: (0, classnames_1.default)('fui-WidgetStackStack', className), onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false) },
+        React.createElement("div", { className: "fui-WidgetStackScrollArea", "data-orientation": orientation, ref: scrollAreaRef }, children)));
+};
+exports.Stack = WidgetStackStack;
+WidgetStackStack.displayName = 'WidgetStackStack';
+const WidgetStackItemContext = React.createContext({
+    isFullyVisible: false,
+});
+function useWidgetStackItem() {
+    const context = React.useContext(WidgetStackItemContext);
+    if (context === undefined) {
+        throw new Error('WidgetStackItemContext must be used within a WidgetStackItem');
+    }
+    return context;
+}
+const WidgetStackItem = (props) => {
+    const { className, children, ...rootProps } = props;
+    const ref = React.useRef(null);
+    const [isFullyVisible, setIsFullyVisible] = React.useState(false);
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
+        const widgetElement = ref.current;
+        const stackElement = widgetElement === null || widgetElement === void 0 ? void 0 : widgetElement.parentElement;
+        if (!stackElement || !widgetElement)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                setIsFullyVisible(entry.intersectionRatio === 1);
+            });
+        }, {
+            root: stackElement,
+            rootMargin: '0px',
+            threshold: [0, 1],
+        });
+        observer.observe(widgetElement);
+        return () => {
+            observer.disconnect();
+        };
+    }, [children]);
+    return (React.createElement(WidgetStackItemContext.Provider, { value: { isFullyVisible } },
+        React.createElement("div", { ...rootProps, ref: ref, className: (0, classnames_1.default)('fui-WidgetStackItem', className), role: "group", "aria-roledescription": "slide", "data-fully-visible": isFullyVisible ? 'true' : undefined, 
+            // Disable focusing widget content when it's not fully visible
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            inert: isFullyVisible ? undefined : '' },
+            React.createElement("div", { className: (0, classnames_1.default)('fui-WidgetStackItemContent') }, children))));
+};
+exports.Item = WidgetStackItem;
+WidgetStackItem.displayName = 'WidgetStackItem';
+const WidgetStackNext = (props) => {
+    const { nextDisabled, controls } = useWidgetStack();
+    return (React.createElement(radix_ui_1.Slot.Root, { ...props, 
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore -- fix later
+        disabled: nextDisabled, "data-disabled": nextDisabled || undefined, onClick: controls === null || controls === void 0 ? void 0 : controls.next }));
+};
+exports.Next = WidgetStackNext;
+WidgetStackNext.displayName = 'WidgetStackNext';
+const WidgetStackPrev = (props) => {
+    const { prevDisabled, controls } = useWidgetStack();
+    return (React.createElement(radix_ui_1.Slot.Root, { ...props, 
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore -- fix later
+        disabled: prevDisabled, "data-disabled": prevDisabled || undefined, onClick: controls === null || controls === void 0 ? void 0 : controls.prev }));
+};
+exports.Prev = WidgetStackPrev;
+WidgetStackPrev.displayName = 'WidgetStackPrev';
+//# sourceMappingURL=widget-stack.js.map

package/dist/cjs/components/widget-stack/widget-stack.js.map

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

package/dist/cjs/components/widget-stack/widget-stack.props.d.ts

@@ -0,0 +1,8 @@
+declare const widgetStackRootPropDefs: {
+    orientation: {
+        type: "enum";
+        values: readonly ["horizontal", "vertical"];
+        default: "vertical";
+    };
+};
+export { widgetStackRootPropDefs };

package/dist/cjs/components/widget-stack/widget-stack.props.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.widgetStackRootPropDefs = void 0;
+const orientationValues = ['horizontal', 'vertical'];
+const widgetStackRootPropDefs = {
+    orientation: {
+        type: 'enum',
+        values: orientationValues,
+        default: 'vertical',
+    },
+};
+exports.widgetStackRootPropDefs = widgetStackRootPropDefs;
+//# sourceMappingURL=widget-stack.props.js.map

package/dist/cjs/components/widget-stack/widget-stack.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-stack.props.js","sourceRoot":"","sources":["../../../../src/components/widget-stack/widget-stack.props.ts"],"names":[],"mappings":";;;AAEA,MAAM,iBAAiB,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU,CAAC;AAE9D,MAAM,uBAAuB,GAAG;IAC9B,WAAW,EAAE;QACX,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,iBAAiB;QACzB,OAAO,EAAE,UAAU;KACpB;CAGF,CAAC;AAEO,0DAAuB"}

package/dist/cjs/components/widget-stack/widget-stack.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { WidgetStack } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        (props: WidgetStack.StackProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        orientation: "vertical";
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Orientation: Story;
+export declare const SingleWidget: Story;
+export declare const WithControls: Story;
+export declare const AutoPlay: Story;