@dust-tt/sparkle 0.2.502 → 0.2.503-rc-2

package/dist/esm/stories/TourGuide.stories.js.map

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

package/src/components/TourGuide.tsx

@@ -1,316 +0,0 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import React, { useEffect, useState } from "react";
-
-import { Button } from "@sparkle/components/Button";
-import { cn } from "@sparkle/lib";
-
-interface TourGuideCardProps {
-  anchorRef?: React.RefObject<HTMLDivElement>;
-  title?: string;
-  content?: React.ReactNode;
-  visual?: React.ReactNode;
-  onNext?: () => void;
-  onDismiss?: () => void;
-  isLastStep?: boolean;
-  className?: string;
-  children?: React.ReactNode;
-  asPopover?: boolean;
-  align?: "start" | "center" | "end";
-  side?: "top" | "right" | "bottom" | "left";
-  sideOffset?: number;
-  currentIndex?: number;
-  totalCards?: number;
-}
-
-export const TourGuideCardTitle = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, children, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("s-heading-lg s-px-3 s-pt-4", className)}
-    {...props}
-  >
-    {children}
-  </div>
-));
-TourGuideCardTitle.displayName = "TourGuideCardTitle";
-
-export const TourGuideCardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, children, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "s-copy-base s-px-3 s-text-muted-foreground dark:s-text-muted-foreground-night",
-      className
-    )}
-    {...props}
-  >
-    {children}
-  </div>
-));
-TourGuideCardContent.displayName = "TourGuideCardContent";
-
-export const TourGuideCardVisual = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, children, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "s-aspect-video s-bg-muted-background dark:s-bg-muted-background-night",
-      className
-    )}
-    {...props}
-  >
-    {children}
-  </div>
-));
-TourGuideCardVisual.displayName = "TourGuideCardVisual";
-
-interface TourGuideCardActionsProps
-  extends React.HTMLAttributes<HTMLDivElement> {
-  currentIndex: number;
-  totalCards: number;
-  onNext?: () => void;
-  onDismiss?: () => void;
-}
-
-export const TourGuideCardActions = React.forwardRef<
-  HTMLDivElement,
-  TourGuideCardActionsProps
->(
-  (
-    {
-      currentIndex,
-      totalCards,
-      onNext,
-      onDismiss,
-      className,
-      children,
-      ...props
-    },
-    ref
-  ) => {
-    const isFirstCard = currentIndex === 0;
-    const isLastCard = currentIndex === totalCards - 1;
-    const isSingleCard = totalCards === 1;
-    const showDismiss = !isLastCard && !isSingleCard;
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          "s-flex s-justify-end s-space-x-2 s-p-2 s-pt-4",
-          className
-        )}
-        {...props}
-      >
-        {children ? (
-          children
-        ) : (
-          <>
-            {showDismiss && onDismiss && (
-              <Button variant="outline" label="Dismiss" onClick={onDismiss} />
-            )}
-            {onNext && (
-              <Button
-                onClick={onNext}
-                variant="highlight"
-                label={
-                  isSingleCard
-                    ? "Ok"
-                    : isFirstCard
-                      ? "Start Tour"
-                      : isLastCard
-                        ? "Done"
-                        : "Next"
-                }
-              />
-            )}
-          </>
-        )}
-      </div>
-    );
-  }
-);
-TourGuideCardActions.displayName = "TourGuideCardActions";
-
-export const TourGuideCard = React.forwardRef<
-  HTMLDivElement,
-  TourGuideCardProps
->(
-  ({
-    className,
-    children,
-    align = "center",
-    side = "bottom",
-    sideOffset = 4,
-    onNext,
-    onDismiss,
-    currentIndex = 0,
-    totalCards = 1,
-  }) => {
-    return (
-      <PopoverPrimitive.Content
-        align={align}
-        side={side}
-        sideOffset={sideOffset}
-        className={cn(
-          "s-z-50 s-w-[420px] s-max-w-xs s-space-y-0.5 s-overflow-hidden s-rounded-2xl s-border s-shadow-xl s-transition-all s-duration-300 s-ease-in-out",
-          "s-border-highlight-400 s-bg-background s-text-foreground s-ring-2 s-ring-highlight-400/30",
-          "dark:s-border-border-night dark:s-bg-background-night dark:s-text-foreground-night",
-          className
-        )}
-        onOpenAutoFocus={(e) => e.preventDefault()}
-      >
-        {children}
-        <TourGuideCardActions
-          currentIndex={currentIndex}
-          totalCards={totalCards}
-          onNext={onNext}
-          onDismiss={onDismiss}
-        />
-      </PopoverPrimitive.Content>
-    );
-  }
-);
-TourGuideCard.displayName = "TourGuideCard";
-
-export interface TourGuideProps {
-  children: React.ReactNode;
-  autoStart?: boolean;
-  onStart?: () => void;
-  onEnd?: () => void;
-  onDismiss?: () => void;
-}
-
-export function TourGuide({
-  children,
-  autoStart = true,
-  onStart,
-  onEnd,
-  onDismiss,
-}: TourGuideProps) {
-  const [currentIndex, setCurrentIndex] = useState(0);
-  const [isActive, setIsActive] = useState(autoStart);
-  const [position, setPosition] = useState({
-    top: "50%",
-    left: "50%",
-    width: "0px",
-    height: "0px",
-  });
-
-  // Get all TourGuideCard children - memoize to prevent unnecessary re-renders
-  const cards = React.useMemo(
-    () =>
-      React.Children.toArray(children).filter(
-        (child): child is React.ReactElement<TourGuideCardProps> =>
-          React.isValidElement(child) && child.type === TourGuideCard
-      ),
-    [children]
-  );
-
-  // Only run on mount and when autoStart changes
-  useEffect(() => {
-    if (autoStart) {
-      setIsActive(true);
-      setCurrentIndex(0);
-      onStart?.();
-    }
-  }, [autoStart, onStart]);
-
-  // Handle position updates - use requestAnimationFrame to prevent excessive updates
-  useEffect(() => {
-    if (!isActive) {
-      return;
-    }
-
-    const updatePosition = () => {
-      const currentCard = cards[currentIndex];
-      if (!currentCard?.props.anchorRef) {
-        setPosition({
-          top: "50%",
-          left: "50%",
-          width: "0px",
-          height: "0px",
-        });
-        return;
-      }
-
-      const element = currentCard.props.anchorRef.current;
-      if (!element) {
-        return;
-      }
-
-      const rect = element.getBoundingClientRect();
-      setPosition({
-        top: `${rect.top}px`,
-        left: `${rect.left}px`,
-        width: `${rect.width}px`,
-        height: `${rect.height}px`,
-      });
-    };
-
-    // Initial update
-    updatePosition();
-
-    // Set up resize observer
-    const resizeObserver = new ResizeObserver(updatePosition);
-    const currentCard = cards[currentIndex];
-    if (currentCard?.props.anchorRef?.current) {
-      resizeObserver.observe(currentCard.props.anchorRef.current);
-    }
-
-    // Set up scroll listener
-    window.addEventListener("scroll", updatePosition, true);
-
-    return () => {
-      resizeObserver.disconnect();
-      window.removeEventListener("scroll", updatePosition, true);
-    };
-  }, [currentIndex, cards, isActive]);
-
-  const handleNext = () => {
-    if (currentIndex + 1 < cards.length) {
-      setCurrentIndex(currentIndex + 1);
-    } else {
-      setIsActive(false);
-      onEnd?.();
-    }
-  };
-
-  const handleDismiss = () => {
-    setIsActive(false);
-    onDismiss?.();
-  };
-
-  if (!isActive || cards.length === 0) {
-    return null;
-  }
-
-  const currentCard = cards[currentIndex];
-
-  return (
-    <PopoverPrimitive.Root open={isActive} modal={false}>
-      <PopoverPrimitive.Anchor
-        className="s-fixed s-transition-all s-duration-300 s-ease-in-out"
-        style={{
-          top: position.top,
-          left: position.left,
-          width: position.width,
-          height: position.height,
-        }}
-      />
-      {React.cloneElement(currentCard, {
-        onNext: handleNext,
-        onDismiss: handleDismiss,
-        currentIndex,
-        totalCards: cards.length,
-        className: !currentCard.props.anchorRef ? "s-translate-y-[-50%]" : "",
-      })}
-    </PopoverPrimitive.Root>
-  );
-}