@spark-ui/components/dist/alert-dialog/index.mjs.map

Spark (Leboncoin design system) components.

{"version":3,"sources":["../../src/alert-dialog/AlertDialog.tsx","../../src/alert-dialog/AlertDialogAction.tsx","../../src/alert-dialog/AlertDialogBody.tsx","../../src/alert-dialog/AlertDialogCancel.tsx","../../src/alert-dialog/AlertDialogContext.ts","../../src/alert-dialog/AlertDialogContent.tsx","../../src/alert-dialog/AlertDialogDescription.tsx","../../src/alert-dialog/AlertDialogFooter.tsx","../../src/alert-dialog/AlertDialogHeader.tsx","../../src/alert-dialog/AlertDialogOverlay.tsx","../../src/alert-dialog/AlertDialogPortal.tsx","../../src/alert-dialog/AlertDialogTitle.tsx","../../src/alert-dialog/AlertDialogTrigger.tsx","../../src/alert-dialog/index.ts"],"sourcesContent":["import { Dialog, DialogProps } from '../dialog'\n\nexport type AlertDialogProps = Omit<DialogProps, 'modal'>\n\nexport const AlertDialog = (props: AlertDialogProps) => {\n  return <Dialog data-spark-component=\"alert-dialog\" {...props} modal={true} />\n}\n\nAlertDialog.displayName = 'AlertDialog'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogCloseProps } from '../dialog'\n\nexport type AlertDialogActionProps = DialogCloseProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogAction = (props: AlertDialogActionProps) => {\n  return <Dialog.Close data-spark-component=\"alert-dialog-action\" {...props} />\n}\n\nAlertDialogAction.displayName = 'AlertDialog.Action'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogBodyProps } from '../dialog'\n\nexport type AlertDialogBodyProps = DialogBodyProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogBody = (props: AlertDialogBodyProps) => {\n  return <Dialog.Body data-spark-component=\"alert-dialog-body\" {...props} />\n}\n\nAlertDialogBody.displayName = 'AlertDialog.Body'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { Ref } from 'react'\n\nimport { Dialog, DialogCloseProps } from '../dialog'\nimport { useAlertDialog } from './AlertDialogContext'\n\nexport type AlertDialogCancelProps = DialogCloseProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogCancel = ({ ref: forwardedRef, ...props }: AlertDialogCancelProps) => {\n  const { cancelRef } = useAlertDialog()\n  const ref = useMergeRefs(forwardedRef, cancelRef)\n\n  return <Dialog.Close ref={ref} data-spark-component=\"alert-dialog-cancel\" {...props} />\n}\n\nAlertDialogCancel.displayName = 'AlertDialog.Cancel'\n","import { createContext, useContext, MutableRefObject } from 'react'\n\nexport interface AlertDialogContextValue {\n  cancelRef: MutableRefObject<HTMLButtonElement | null>\n}\n\nexport const AlertDialogContext = createContext<AlertDialogContextValue | null>(null)\n\nexport const useAlertDialog = () => {\n  const context = useContext(AlertDialogContext)\n\n  if (!context) {\n    throw Error('useAlertDialog must be used within a RadioGroup provider')\n  }\n\n  return context\n}\n","import { cx } from 'class-variance-authority'\nimport { composeEventHandlers } from 'radix-ui/internal'\nimport { Ref, useMemo, useRef } from 'react'\n\nimport { Dialog, DialogContentProps } from '../dialog'\nimport { AlertDialogContext } from './AlertDialogContext'\n\nexport type AlertDialogContentProps = Omit<\n  DialogContentProps,\n  'size' | 'isNarrow' | 'onPointerDownOutside' | 'onInteractOutside'\n> & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogContent = ({\n  className,\n  onOpenAutoFocus,\n  ref,\n  ...others\n}: AlertDialogContentProps) => {\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n\n  const value = useMemo(() => {\n    return { cancelRef }\n  }, [])\n\n  const handleOpenAutoFocus = (event: Event) => {\n    event.preventDefault()\n    cancelRef.current?.focus({ preventScroll: true })\n  }\n\n  const handlePointerDownOutside = (event: Event) => {\n    event.preventDefault()\n  }\n\n  const handleInteractOutside = (event: Event) => {\n    event.preventDefault()\n  }\n\n  return (\n    <AlertDialogContext.Provider value={value}>\n      <Dialog.Content\n        ref={ref}\n        data-spark-component=\"alert-dialog-content\"\n        {...others}\n        className={cx(className, 'min-w-sz-288')}\n        role=\"alertdialog\"\n        size=\"md\"\n        onOpenAutoFocus={composeEventHandlers(onOpenAutoFocus, handleOpenAutoFocus)}\n        onPointerDownOutside={handlePointerDownOutside}\n        onInteractOutside={handleInteractOutside}\n        isNarrow\n      />\n    </AlertDialogContext.Provider>\n  )\n}\n\nAlertDialogContent.displayName = 'AlertDialog.Content'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogDescriptionProps } from '../dialog'\n\nexport type AlertDialogDescriptionProps = DialogDescriptionProps & {\n  ref?: Ref<HTMLParagraphElement>\n}\n\nexport const AlertDialogDescription = (props: AlertDialogDescriptionProps) => {\n  return <Dialog.Description data-spark-component=\"alert-dialog-description\" {...props} />\n}\n\nAlertDialogDescription.displayName = 'AlertDialog.Description'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogFooterProps } from '../dialog'\n\nexport type AlertDialogFooterProps = DialogFooterProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogFooter = (props: AlertDialogFooterProps) => {\n  return <Dialog.Footer data-spark-component=\"alert-dialog-footer\" {...props} />\n}\n\nAlertDialogFooter.displayName = 'AlertDialog.Footer'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogHeaderProps } from '../dialog'\n\nexport type AlertDialogHeaderProps = DialogHeaderProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogHeader = (props: AlertDialogHeaderProps) => {\n  return <Dialog.Header data-spark-component=\"alert-dialog-header\" {...props} />\n}\n\nAlertDialogHeader.displayName = 'AlertDialog.Header'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogOverlayProps } from '../dialog'\n\nexport type AlertDialogOverlayProps = DialogOverlayProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogOverlay = (props: AlertDialogOverlayProps) => {\n  return <Dialog.Overlay data-spark-component=\"alert-dialog-overlay\" {...props} />\n}\n\nAlertDialogOverlay.displayName = 'AlertDialog.Overlay'\n","import { Dialog, DialogPortalProps } from '../dialog'\n\nexport type AlertDialogPortalProps = DialogPortalProps\n\nexport const AlertDialogPortal = (props: AlertDialogPortalProps) => {\n  return <Dialog.Portal data-spark-component=\"alert-dialog-portal\" {...props} />\n}\n\nAlertDialogPortal.displayName = 'AlertDialog.Portal'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogTitleProps } from '../dialog'\n\nexport type AlertDialogTitleProps = DialogTitleProps & {\n  ref?: Ref<HTMLParagraphElement>\n}\n\nexport const AlertDialogTitle = (props: AlertDialogTitleProps) => {\n  return <Dialog.Title data-spark-component=\"alert-dialog-title\" {...props} />\n}\n\nAlertDialogTitle.displayName = 'AlertDialog.Title'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogTriggerProps } from '../dialog'\n\nexport type AlertDialogTriggerProps = DialogTriggerProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogTrigger = (props: AlertDialogTriggerProps) => {\n  return <Dialog.Trigger data-spark-component=\"alert-dialog-title\" {...props} />\n}\n\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger'\n","import { AlertDialog as Root } from './AlertDialog'\nimport { AlertDialogAction } from './AlertDialogAction'\nimport { AlertDialogBody } from './AlertDialogBody'\nimport { AlertDialogCancel } from './AlertDialogCancel'\nimport { AlertDialogContent } from './AlertDialogContent'\nimport { AlertDialogDescription } from './AlertDialogDescription'\nimport { AlertDialogFooter } from './AlertDialogFooter'\nimport { AlertDialogHeader } from './AlertDialogHeader'\nimport { AlertDialogOverlay } from './AlertDialogOverlay'\nimport { AlertDialogPortal } from './AlertDialogPortal'\nimport { AlertDialogTitle } from './AlertDialogTitle'\nimport { AlertDialogTrigger } from './AlertDialogTrigger'\n\nexport * from './AlertDialog'\nexport { useAlertDialog } from './AlertDialogContext'\nexport { type AlertDialogActionProps } from './AlertDialogAction'\nexport { type AlertDialogBodyProps } from './AlertDialogBody'\nexport { type AlertDialogCancelProps } from './AlertDialogCancel'\nexport { type AlertDialogContentProps } from './AlertDialogContent'\nexport { type AlertDialogDescriptionProps } from './AlertDialogDescription'\nexport { type AlertDialogFooterProps } from './AlertDialogFooter'\nexport { type AlertDialogHeaderProps } from './AlertDialogHeader'\nexport { type AlertDialogOverlayProps } from './AlertDialogOverlay'\nexport { type AlertDialogPortalProps } from './AlertDialogPortal'\nexport { type AlertDialogTitleProps } from './AlertDialogTitle'\nexport { type AlertDialogTriggerProps } from './AlertDialogTrigger'\n\nexport const AlertDialog: typeof Root & {\n  Action: typeof AlertDialogAction\n  Body: typeof AlertDialogBody\n  Cancel: typeof AlertDialogCancel\n  Content: typeof AlertDialogContent\n  Description: typeof AlertDialogDescription\n  Footer: typeof AlertDialogFooter\n  Header: typeof AlertDialogHeader\n  Overlay: typeof AlertDialogOverlay\n  Portal: typeof AlertDialogPortal\n  Title: typeof AlertDialogTitle\n  Trigger: typeof AlertDialogTrigger\n} = Object.assign(Root, {\n  Action: AlertDialogAction,\n  Body: AlertDialogBody,\n  Cancel: AlertDialogCancel,\n  Content: AlertDialogContent,\n  Description: AlertDialogDescription,\n  Footer: AlertDialogFooter,\n  Header: AlertDialogHeader,\n  Overlay: AlertDialogOverlay,\n  Portal: AlertDialogPortal,\n  Title: AlertDialogTitle,\n  Trigger: AlertDialogTrigger,\n})\n\nAlertDialog.displayName = 'AlertDialog'\nAlertDialog.Action.displayName = 'AlertDialog.Action'\nAlertDialog.Body.displayName = 'AlertDialog.Body'\nAlertDialog.Cancel.displayName = 'AlertDialog.Cancel'\nAlertDialog.Content.displayName = 'AlertDialog.Content'\nAlertDialog.Description.displayName = 'AlertDialog.Description'\nAlertDialog.Footer.displayName = 'AlertDialog.Footer'\nAlertDialog.Header.displayName = 'AlertDialog.Header'\nAlertDialog.Overlay.displayName = 'AlertDialog.Overlay'\nAlertDialog.Portal.displayName = 'AlertDialog.Portal'\nAlertDialog.Title.displayName = 'AlertDialog.Title'\nAlertDialog.Trigger.displayName = 'AlertDialog.Trigger'\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","AlertDialog"]}