@gfazioli/mantine-onboarding-tour
Version:
A Mantine 9 onboarding tour component with focus-reveal overlays, cutout highlights, step-by-step popover navigation, and compound components for guided user experiences.
1 lines • 3.01 kB
Source Map (JSON)
{"version":3,"file":"OnboardingTourFocusRevealGroup.context.cjs","sources":["../../../src/OnboardingTourFocusRevealGroup/OnboardingTourFocusRevealGroup.context.ts"],"sourcesContent":["import { ElementProps, OverlayProps, TransitionOverride } from '@mantine/core';\nimport { createContext, useContext } from 'react';\nimport { OnboardingTourFocusRevealFocusedMode } from '../OnboardingTourFocusReveal/focus-reveal-modes';\nimport { ResponsivePopoverProps } from '../OnboardingTourFocusReveal/OnboardingTourFocusReveal';\n\ninterface OnboardingTourFocusRevealGroupContextValue {\n /** Asking for */\n setRequestOverlay?: (value: boolean) => void;\n setMeInViewport?: (uuid: string, visible: boolean) => void;\n\n /** FocusReveal mode/effects when focused */\n focusedMode?: OnboardingTourFocusRevealFocusedMode;\n\n /** Indicator if element should be revealed */\n withReveal?: boolean;\n\n /** Will render overlay if set to `true` */\n withOverlay?: boolean;\n\n /** Props passed down to `Overlay` component */\n overlayProps?: OverlayProps & ElementProps<'div'>;\n\n /** Props passed down to the `Transition` component that used to animate the Overlay, use to configure duration and animation type, `{ duration: 150, transition: 'fade' }` by default */\n transitionProps?: TransitionOverride;\n\n /** Props passed down to the `Popover` component. Position, offset, width, and arrowSize accept responsive objects. */\n popoverProps?: ResponsivePopoverProps;\n}\n\nconst FocusRevealGroupContext = createContext<OnboardingTourFocusRevealGroupContextValue | null>(\n null\n);\n\nexport const OnboardingTourFocusRevealGroupProvider = FocusRevealGroupContext.Provider;\n\nexport function useOnboardingTourFocusRevealGroupContext(): OnboardingTourFocusRevealGroupContextValue | null {\n return useContext(FocusRevealGroupContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;AACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,GAAGA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAa,CAAA;AAC7C,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA;AACF,CAAC,CAAA;AACW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsC,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACvE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,wCAAwC,CAAA,CAAA,CAAG,CAAA;AAC3D,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAU,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAC,CAAA;AAC5C,CAAA;;;"}