@purpur/library 9.0.8 → 9.0.10

package/dist/drawer-CJsLdd2x.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-CJsLdd2x.js","sources":["../../../components/drawer/src/drawer.context.ts","../../../components/drawer/src/drawer-container.tsx","../../../components/drawer/src/use-swipe-tracking.hook.ts","../../../components/drawer/src/drawer-handle.tsx","../../../components/drawer/src/drawer-header.tsx","../../../components/drawer/src/drawer-scroll-area.tsx","../../../components/drawer/src/drawer-frame.tsx","../../../components/drawer/src/use-swipe-to-dismiss.hook.ts","../../../components/drawer/src/drawer-content.tsx","../../../components/drawer/src/drawer-trigger.tsx","../../../components/drawer/src/drawer.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { type OpenHandlerFunction } from \"./types\";\n\nexport const DrawerContext = createContext<OpenHandlerFunction | null>(null);\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-container.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  stickyFooter: boolean;\n  variant?: \"header\" | \"body\" | \"footer\";\n};\n\nconst rootClassName = \"purpur-drawer-container\";\n\nexport const DrawerContainer = forwardRef<HTMLDivElement, DrawerContainerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-container\",\n      children,\n      className,\n      variant = \"body\",\n      stickyFooter,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--${variant}`]: variant,\n        [`${rootClassName}--sticky`]: stickyFooter,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nDrawerContainer.displayName = \"DrawerContainer\";\n","import type { PointerEvent, RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeTracking = {\n  onPointerDown(event: PointerEvent): void;\n  onPointerMove(event: PointerEvent): void;\n  onPointerUp(event: PointerEvent): void;\n};\n\nexport const useSwipeTracking = (\n  pointerStartRef: RefObject<{ y: number } | null>,\n  swipeDeltaRef: RefObject<{ y: number } | null>,\n  onSwipeStart: () => void,\n  onSwipeMove: (event: SwipeEvent) => void,\n  onSwipeCancel: () => void,\n  onSwipeEnd: (event: SwipeEvent) => void\n): UseSwipeTracking => {\n  const onPointerDown = (event: PointerEvent) => {\n    pointerStartRef.current = { y: event.clientY };\n  };\n  const onPointerMove = (event: PointerEvent) => {\n    if (!pointerStartRef.current) {\n      return;\n    }\n    const y = event.clientY - pointerStartRef.current.y;\n    const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n    const clampedY = Math.max(0, y);\n    const moveStartBuffer = event.pointerType === \"touch\" ? 10 : 2;\n    const delta = { y: clampedY };\n    const eventDetail = { originalEvent: event, delta };\n    if (hasSwipeMoveStarted) {\n      swipeDeltaRef.current = delta;\n      onSwipeMove(eventDetail);\n    } else if (isDeltaInDirection(delta, 0)) {\n      swipeDeltaRef.current = delta;\n      onSwipeStart();\n      (event.target as HTMLElement).setPointerCapture(event.pointerId);\n    } else if (Math.abs(y) > moveStartBuffer) {\n      // User is swiping in wrong direction so we disable swipe gesture\n      // for the current pointer down interaction\n      pointerStartRef.current = null;\n    }\n  };\n  const onPointerUp = (event: PointerEvent) => {\n    const delta = swipeDeltaRef.current;\n    const target = event.target as HTMLElement;\n    if (target.hasPointerCapture(event.pointerId)) {\n      target.releasePointerCapture(event.pointerId);\n    }\n    swipeDeltaRef.current = null;\n    pointerStartRef.current = null;\n    if (delta) {\n      const swipeHandle = event.currentTarget;\n      const eventDetail = { originalEvent: event, delta };\n      if (isDeltaInDirection(delta, 0) && delta.y > 200) {\n        onSwipeEnd(eventDetail);\n      } else {\n        onSwipeCancel();\n      }\n      // Prevent click event from triggering on items within the drawer when\n      // pointer up is part of a swipe gesture\n      swipeHandle.addEventListener(\"click\", (event) => event.preventDefault(), {\n        once: true,\n      });\n    }\n  };\n  return {\n    onPointerDown,\n    onPointerMove,\n    onPointerUp,\n  };\n};\n\nconst isDeltaInDirection = (delta: { y: number }, threshold = 0) => {\n  const deltaY = Math.abs(delta.y);\n  return deltaY > threshold;\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-handle.module.scss\";\nimport { type SwipeEvent } from \"./types\";\nimport { useSwipeTracking } from \"./use-swipe-tracking.hook\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHandleProps = Omit<BaseProps, \"children\"> & {\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n};\n\nconst rootClassName = \"purpur-drawer-handle\";\n\nexport const DrawerHandle = forwardRef<HTMLDivElement, DrawerHandleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-handle\",\n      className,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, className]);\n    const pointerStartRef = React.useRef<{ y: number } | null>(null);\n    const swipeDeltaRef = React.useRef<{ y: number } | null>(null);\n    const { onPointerDown, onPointerMove, onPointerUp } = useSwipeTracking(\n      swipeDeltaRef,\n      pointerStartRef,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd\n    );\n\n    return (\n      <div\n        className={classes}\n        data-testid={dataTestId}\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nDrawerHandle.displayName = \"DrawerHandle\";\n","import React, { forwardRef } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { DisplayVariant, Heading } from \"@purpur/heading\";\nimport { IconChevronLeft } from \"@purpur/icon/chevron-left\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-header.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHeaderProps = Omit<BaseProps, \"children\"> & {\n  backButton: boolean;\n  backButtonText?: string;\n  backButtonOnlyIcon: boolean;\n  closeButtonAriaLabel: string;\n  headerContent?: React.ReactNode;\n  onBackButtonClick?: () => void;\n  onCloseClick?: () => void;\n  title: string;\n};\n\nconst rootClassName = \"purpur-drawer-header\";\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-header\",\n      backButton,\n      backButtonText,\n      backButtonOnlyIcon,\n      className,\n      closeButtonAriaLabel,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      title,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, className]);\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n\n    const CloseButtonWrapper = onCloseClick ? React.Fragment : RadixDialog.Close;\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <div\n          className={cx([\n            `${rootClassName}__row`,\n            {\n              [`${rootClassName}__row--with-back-button`]: hasBackButton,\n            },\n          ])}\n          data-testid={`${dataTestId}-row`}\n        >\n          <div className={cx(`${rootClassName}__left`)}>\n            {hasBackButton ? (\n              <Button\n                aria-label={backButtonOnlyIcon ? backButtonText : \"\"}\n                className={cx([\n                  `${rootClassName}__back-button`,\n                  {\n                    [`${rootClassName}__back-button--only-icon`]: backButtonOnlyIcon,\n                  },\n                ])}\n                data-testid={`${dataTestId}-back-button`}\n                iconOnly={backButtonOnlyIcon}\n                onClick={onBackButtonClick}\n                size=\"sm\"\n                variant={backButtonOnlyIcon ? BUTTON_VARIANT.TERTIARY_PURPLE : BUTTON_VARIANT.TEXT}\n              >\n                <IconChevronLeft size=\"sm\" />\n                {!backButtonOnlyIcon && backButtonText}\n              </Button>\n            ) : headerContent ? (\n              <>\n                {headerContent}\n                <VisuallyHidden asChild>\n                  <RadixDialog.Title>{title}</RadixDialog.Title>\n                </VisuallyHidden>\n              </>\n            ) : (\n              <RadixDialog.Title asChild>\n                <Heading\n                  data-testid={`${dataTestId}-title`}\n                  tag=\"h2\"\n                  variant={DisplayVariant.DISPLAY10}\n                  tabIndex={-1}\n                >\n                  {title}\n                </Heading>\n              </RadixDialog.Title>\n            )}\n          </div>\n\n          <div className={cx(`${rootClassName}__right`)}>\n            <CloseButtonWrapper {...(onCloseClick ? {} : { asChild: true })}>\n              <Button\n                aria-label={closeButtonAriaLabel}\n                className={cx(`${rootClassName}__close-button`)}\n                iconOnly\n                onClick={onCloseClick}\n                size=\"sm\"\n                variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            </CloseButtonWrapper>\n          </div>\n        </div>\n        {hasBackButton &&\n          (headerContent ? (\n            <>\n              {headerContent}\n              <VisuallyHidden asChild>\n                <RadixDialog.Title>{title}</RadixDialog.Title>\n              </VisuallyHidden>\n            </>\n          ) : (\n            <RadixDialog.Title asChild>\n              <Heading\n                data-testid={`${dataTestId}-title-with-back-button`}\n                tag=\"h2\"\n                tabIndex={-1}\n                variant={DisplayVariant.DISPLAY10}\n              >\n                {title}\n              </Heading>\n            </RadixDialog.Title>\n          ))}\n      </div>\n    );\n  }\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixScrollArea from \"@radix-ui/react-scroll-area\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-scroll-area.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerScrollAreaProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fitToContent?: boolean;\n};\n\nconst rootClassName = \"purpur-drawer-scroll-area\";\n\nexport const DrawerScrollArea = forwardRef<HTMLDivElement, DrawerScrollAreaProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-scroll-area\",\n      children,\n      className,\n      fitToContent = false,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, className]);\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <RadixScrollArea.Root\n          className={cx(`${rootClassName}__root`, {\n            [`${rootClassName}__root--fit-to-content`]: fitToContent,\n          })}\n        >\n          <RadixScrollArea.Viewport className={cx(`${rootClassName}__viewport`)}>\n            {children}\n          </RadixScrollArea.Viewport>\n          <RadixScrollArea.Scrollbar\n            className={cx(`${rootClassName}__scrollbar`)}\n            orientation=\"vertical\"\n          >\n            <RadixScrollArea.Thumb className={cx(`${rootClassName}__thumb`)} />\n          </RadixScrollArea.Scrollbar>\n        </RadixScrollArea.Root>\n      </div>\n    );\n  }\n);\n\nDrawerScrollArea.displayName = \"DrawerScrollArea\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContainer } from \"./drawer-container\";\nimport styles from \"./drawer-frame.module.scss\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerScrollArea } from \"./drawer-scroll-area\";\nimport { type Position, type SwipeEvent } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerFrameProps = Omit<BaseProps, \"children\"> & {\n  backButton: boolean;\n  backButtonText?: string;\n  backButtonOnlyIcon: boolean;\n  children: ReactNode;\n  closeButtonAriaLabel: string;\n  fitToContent?: boolean;\n  footerContent?: ReactNode;\n  headerContent?: ReactNode;\n  onBackButtonClick?: () => void;\n  onCloseClick?: () => void;\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n  stickyFooter: boolean;\n  title: string;\n  position?: Position;\n};\n\nconst rootClassName = \"purpur-drawer-frame\";\n\nexport const DrawerFrame = forwardRef<HTMLDivElement, DrawerFrameProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-frame\",\n      backButton,\n      backButtonText,\n      backButtonOnlyIcon,\n      children,\n      className,\n      closeButtonAriaLabel,\n      fitToContent = false,\n      footerContent,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      title,\n      stickyFooter,\n      position = \"right\",\n      ...props\n    },\n    ref\n  ) => {\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--sticky-footer`]: stickyFooter,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\n        [`${rootClassName}--without-back-button`]: !hasBackButton,\n        [`${rootClassName}--with-back-button`]: hasBackButton,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <DrawerHandle\n          onSwipeStart={onSwipeStart}\n          onSwipeMove={onSwipeMove}\n          onSwipeCancel={onSwipeCancel}\n          onSwipeEnd={onSwipeEnd}\n        />\n        <DrawerContainer\n          className={cx(`${rootClassName}__header`)}\n          variant=\"header\"\n          stickyFooter={stickyFooter}\n        >\n          <DrawerHeader\n            title={title}\n            headerContent={headerContent}\n            backButtonOnlyIcon={backButtonOnlyIcon}\n            backButton={backButton}\n            backButtonText={backButtonText}\n            closeButtonAriaLabel={closeButtonAriaLabel}\n            onBackButtonClick={onBackButtonClick}\n            onCloseClick={onCloseClick}\n          />\n        </DrawerContainer>\n        {stickyFooter ? (\n          <>\n            <DrawerScrollArea\n              className={cx(`${rootClassName}__body`)}\n              data-testid={`${dataTestId}-sticky-footer-scroll-area`}\n              fitToContent={fitToContent}\n            >\n              <DrawerContainer stickyFooter>{children}</DrawerContainer>\n            </DrawerScrollArea>\n            {footerContent && (\n              <DrawerContainer\n                className={cx(`${rootClassName}__footer`)}\n                data-testid={`${dataTestId}-sticky-footer`}\n                variant=\"footer\"\n                stickyFooter={stickyFooter}\n              >\n                {footerContent}\n              </DrawerContainer>\n            )}\n          </>\n        ) : (\n          <DrawerScrollArea\n            className={cx(`${rootClassName}__body`)}\n            data-testid={`${dataTestId}-scroll-area`}\n            fitToContent={fitToContent}\n          >\n            <div\n              className={cx([\n                `${rootClassName}__content-container`,\n                { [`${rootClassName}__content-container--no-footer`]: !footerContent },\n              ])}\n            >\n              <DrawerContainer stickyFooter={stickyFooter}>{children}</DrawerContainer>\n              {footerContent && (\n                <DrawerContainer\n                  data-testid={`${dataTestId}-footer`}\n                  stickyFooter={stickyFooter}\n                  variant=\"footer\"\n                >\n                  {footerContent}\n                </DrawerContainer>\n              )}\n            </div>\n          </DrawerScrollArea>\n        )}\n      </div>\n    );\n  }\n);\n\nDrawerFrame.displayName = \"DrawerFrame\";\n","import type { RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeToDismiss = {\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n};\n\nexport const useSwipeToDismiss = <T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  handleOpenChange: ((open: boolean) => void) | null\n): UseSwipeToDismiss => {\n  const onSwipeStart = () => {\n    if (!containerRef.current) {\n      return;\n    }\n    containerRef.current.setAttribute(\"data-swipe\", \"start\");\n  };\n  const onSwipeMove = (event: SwipeEvent) => {\n    if (!containerRef.current) {\n      return;\n    }\n    const { y } = event.delta;\n    containerRef.current.setAttribute(\"data-swipe\", \"move\");\n    containerRef.current.style.setProperty(\"--purpur-drawer-swipe-move-y\", `${y}px`);\n  };\n  const onSwipeCancel = () => {\n    if (!containerRef.current) {\n      return;\n    }\n    containerRef.current.setAttribute(\"data-swipe\", \"cancel\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-end-y\");\n  };\n  const onSwipeEnd = (event: SwipeEvent) => {\n    if (!containerRef.current) {\n      return;\n    }\n    const { y } = event.delta;\n    containerRef.current.setAttribute(\"data-swipe\", \"end\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n    containerRef.current.style.setProperty(\"--purpur-drawer-swipe-end-y\", `${y}px`);\n    handleOpenChange?.(false);\n  };\n\n  return {\n    onSwipeStart,\n    onSwipeMove,\n    onSwipeCancel,\n    onSwipeEnd,\n  };\n};\n","import React, { forwardRef, type ReactNode, useContext, useRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport styles from \"./drawer-content.module.scss\";\nimport { DrawerFrame } from \"./drawer-frame\";\nimport { type Position } from \"./types\";\nimport { useSwipeToDismiss } from \"./use-swipe-to-dismiss.hook\";\n\nconst cx = c.bind(styles);\n\nexport type WithBackButton = {\n  backButton: boolean;\n  backButtonText: string;\n  backButtonOnlyIcon?: boolean;\n  onBackButtonClick: () => void;\n};\n\nexport type WithoutBackButton = {\n  backButton?: never;\n  backButtonText?: never;\n  backButtonOnlyIcon?: never;\n  onBackButtonClick?: never;\n};\n\nexport type DrawerContentProps = Omit<BaseProps, \"children\"> & {\n  bodyText?: string;\n  children: ReactNode;\n  closeButtonAriaLabel: string;\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * If true, the drawer height will fit to its content on small screens.\n   */\n  fitToContent?: boolean;\n  footerContent?: ReactNode;\n  headerContent?: ReactNode;\n  onCloseClick?: () => void;\n  stickyFooter?: boolean;\n  title: string;\n  zIndex?: number;\n  position?: Position;\n} & (WithoutBackButton | WithBackButton);\n\nconst rootClassName = \"purpur-drawer-content\";\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-content\",\n      backButton = false,\n      backButtonText,\n      backButtonOnlyIcon = false,\n      bodyText,\n      children,\n      className,\n      closeButtonAriaLabel,\n      disableCloseOnClickOutside = false,\n      fitToContent = false,\n      footerContent,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      stickyFooter = false,\n      title,\n      zIndex,\n      position = \"right\",\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\n      },\n      className,\n    ]);\n\n    const drawerFrameRef = useRef<HTMLDivElement>(null);\n    const internalDrawerContentRef = useRef<HTMLDivElement>(null);\n\n    const setRef = (node: HTMLDivElement | null) => {\n      internalDrawerContentRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n\n    const onOpenChange = useContext(DrawerContext);\n    const { onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd } = useSwipeToDismiss(\n      internalDrawerContentRef,\n      onOpenChange\n    );\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n        return;\n      }\n\n      if (onCloseClick) {\n        event.preventDefault();\n        onCloseClick();\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (onCloseClick) {\n        event.preventDefault();\n        onCloseClick();\n      }\n    };\n\n    const handleInitialFocus = () => {\n      const frame = drawerFrameRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          className={cx(\"purpur-drawer-overlay\")}\n          style={zIndex ? { zIndex } : undefined}\n          data-testid={`${dataTestId}-overlay`}\n        >\n          <RadixDialog.Content\n            onPointerDownOutside={handlePointerDownOutside}\n            onEscapeKeyDown={handleEscapeKeyDown}\n            onOpenAutoFocus={handleInitialFocus}\n            className={classes}\n            data-testid={dataTestId}\n            ref={setRef}\n            {...(!bodyText && { [\"aria-describedby\"]: undefined })}\n            {...props}\n          >\n            <DrawerFrame\n              backButton={backButton}\n              backButtonText={backButtonText}\n              backButtonOnlyIcon={backButtonOnlyIcon}\n              closeButtonAriaLabel={closeButtonAriaLabel}\n              className={cx(`${rootClassName}__drawer-frame`)}\n              fitToContent={fitToContent}\n              footerContent={footerContent}\n              headerContent={headerContent}\n              ref={drawerFrameRef}\n              onBackButtonClick={onBackButtonClick}\n              onCloseClick={onCloseClick}\n              onSwipeStart={onSwipeStart}\n              onSwipeMove={onSwipeMove}\n              onSwipeCancel={onSwipeCancel}\n              onSwipeEnd={onSwipeEnd}\n              stickyFooter={stickyFooter}\n              title={title}\n              position={position}\n            >\n              {bodyText ? (\n                <div className={cx(`${rootClassName}__content-container`)}>\n                  <RadixDialog.Description\n                    className={cx(`${rootClassName}__description`)}\n                    data-testid={`${dataTestId}-description`}\n                  >\n                    {bodyText}\n                  </RadixDialog.Description>\n                  <div>{children}</div>\n                </div>\n              ) : (\n                children\n              )}\n            </DrawerFrame>\n          </RadixDialog.Content>\n        </RadixDialog.Overlay>\n      </RadixDialog.Portal>\n    );\n  }\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nexport type DrawerTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n  ({ [\"data-testid\"]: dataTestId = \"purpur-drawer-trigger\", children, ...props }, ref) => {\n    return (\n      <RadixDialog.Trigger asChild data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </RadixDialog.Trigger>\n    );\n  }\n);\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n","import React, { type ReactNode, useEffect } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\n\nexport type DrawerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  open: boolean;\n};\n\nexport type DrawerComponent<P> = React.FunctionComponent<P> & {\n  Trigger: typeof DrawerTrigger;\n  Content: typeof DrawerContent;\n};\n\nexport const Drawer: DrawerComponent<DrawerProps> = ({\n  [\"data-testid\"]: dataTestId = \"purpur-drawer\",\n  children,\n  className,\n  onOpenChange,\n  open = false,\n  ...props\n}: DrawerProps) => {\n  const [_open, _setOpen] = React.useState(open);\n\n  const handleOpenChange = (newOpen: boolean) => {\n    _setOpen(newOpen);\n    onOpenChange?.(newOpen);\n  };\n\n  useEffect(() => {\n    _setOpen(open);\n  }, [open]);\n\n  return (\n    <DrawerContext.Provider value={handleOpenChange}>\n      <div className={className} data-testid={dataTestId} {...props}>\n        <RadixDialog.Root open={_open} onOpenChange={handleOpenChange}>\n          {children}\n        </RadixDialog.Root>\n      </div>\n    </DrawerContext.Provider>\n  );\n};\n\nDrawer.Trigger = DrawerTrigger;\nDrawer.Content = DrawerContent;\nDrawer.displayName = \"Drawer\";\n"],"names":["DrawerContext","createContext","cx","c","styles","rootClassName","DrawerContainer","forwardRef","dataTestId","children","className","variant","stickyFooter","props","ref","classes","jsx","useSwipeTracking","pointerStartRef","swipeDeltaRef","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","event","y","hasSwipeMoveStarted","clampedY","moveStartBuffer","delta","eventDetail","isDeltaInDirection","target","swipeHandle","threshold","DrawerHandle","React","onPointerDown","onPointerMove","onPointerUp","DrawerHeader","backButton","backButtonText","backButtonOnlyIcon","closeButtonAriaLabel","headerContent","onBackButtonClick","onCloseClick","title","hasBackButton","CloseButtonWrapper","RadixDialog.Close","jsxs","Button","BUTTON_VARIANT","IconChevronLeft","Fragment","VisuallyHidden","RadixDialog.Title","Heading","DisplayVariant","IconClose","DrawerScrollArea","fitToContent","RadixScrollArea.Root","RadixScrollArea.Viewport","RadixScrollArea.Scrollbar","RadixScrollArea.Thumb","DrawerFrame","footerContent","position","useSwipeToDismiss","containerRef","handleOpenChange","DrawerContent","bodyText","disableCloseOnClickOutside","zIndex","drawerFrameRef","useRef","internalDrawerContentRef","setRef","node","onOpenChange","useContext","handlePointerDownOutside","handleEscapeKeyDown","handleInitialFocus","frame","heading","RadixDialog.Portal","RadixDialog.Overlay","RadixDialog.Content","RadixDialog.Description","DrawerTrigger","RadixDialog.Trigger","Drawer","open","_open","_setOpen","newOpen","useEffect","RadixDialog.Root"],"mappings":"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"}

package/dist/notification-BtcM7Ndu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-BtcM7Ndu.mjs","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n  name: \"alert-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"alert-filled\"],\n  category: \"status\"\n};\nexport {\n  l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n  name: \"check-circle-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"check-circle-filled\"],\n  category: \"status\"\n};\nexport {\n  e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n  name: \"close\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"close\"],\n  category: \"utility\"\n};\nexport {\n  l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n  name: \"info-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"info-filled\"],\n  category: \"status\"\n};\nexport {\n  e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n  INFO: \"info\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n  POLITE: \"polite\",\n  ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n  (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n  ALERT: \"alert\",\n  DIALOG: \"dialog\",\n  ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n  switch (status) {\n    case NOTIFICATION_STATUS.INFO:\n      return infoFilled;\n    case NOTIFICATION_STATUS.SUCCESS:\n      return checkCircleFilled;\n    case NOTIFICATION_STATUS.WARNING:\n      return alertFilled;\n    case NOTIFICATION_STATUS.ERROR:\n      return errorFilled;\n  }\n};\n\ntype DefaultProps = BaseProps & {\n  [\"aria-live\"]?: NotificationAriaLive;\n  headingTag?: HeadingTagType;\n  status?: NotificationStatus;\n  heading?: string;\n  role?: NotificationRole;\n  hidden?: boolean;\n  /**\n   * Use to explicitly not open the notification initially and open it programatically to trigger\n   * that the aria-live message is read by the screen reader correctly.\n   */\n  open?: boolean;\n  hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      [\"aria-live\"]: ariaLive,\n      children,\n      className,\n      closeButtonAriaLabel,\n      headingTag = \"h4\",\n      status = \"info\",\n      heading,\n      hidden,\n      id,\n      onClose,\n      open = true,\n      hideIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const showHeader = !!heading || !hideIcon;\n\n    return (\n      <div aria-live={ariaLive}>\n        {open && (\n          <div\n            id={id}\n            aria-labelledby={id ? `${id}-heading` : undefined}\n            aria-describedby={id ? `${id}-body` : undefined}\n            aria-hidden={!!hidden}\n            className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n              [`${rootClassName}--hidden`]: hidden,\n              [`${rootClassName}--has-close-button`]: !!onClose,\n            })}\n            data-testid={dataTestId}\n            ref={ref}\n            {...props}\n          >\n            {showHeader && (\n              <div className={cx(`${rootClassName}__top`)}>\n                <div className={cx(`${rootClassName}__header`)}>\n                  {!hideIcon && (\n                    <Icon\n                      data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n                      className={cx(`${rootClassName}__icon`)}\n                      svg={getStatusIcon(status)}\n                      size=\"md\"\n                    />\n                  )}\n                  {!!heading && (\n                    <Heading\n                      data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n                      variant=\"subsection-100\"\n                      tag={headingTag}\n                      className={cx(`${rootClassName}__heading`)}\n                    >\n                      <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n                    </Heading>\n                  )}\n                </div>\n              </div>\n            )}\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"tertiary-purple\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <Icon svg={close} size=\"sm\" />\n              </Button>\n            )}\n            {children && (\n              <div\n                data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n                className={cx(`${rootClassName}__body`, {\n                  [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n                })}\n                id={id ? `${id}-body` : undefined}\n              >\n                {typeof children === \"string\" ? (\n                  <Paragraph\n                    data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n                    variant=\"paragraph-100\"\n                  >\n                    {children}\n                  </Paragraph>\n                ) : (\n                  children\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}

package/dist/notification-Dsg3Vzfi.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),x=require("react"),A=require("./button-BxdChrq-.js"),I=require("./heading-drD5ugCC.js"),d=require("./icon.es-j3eRib6d.js"),R=require("./error-filled.es-BbS_Oggw.js"),$=require("./paragraph-BsI53OR0.js"),S=require("./bind-DeUYJ6m9.js"),j={name:"alert-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',keywords:["alert-filled"],category:"status"},L={name:"check-circle-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',keywords:["check-circle-filled"],category:"status"},C={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},E={name:"info-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z" clip-rule="evenodd"/></svg>',keywords:["info-filled"],category:"status"},T={"purpur-notification":"_purpur-notification_53c05_1","purpur-notification__top":"_purpur-notification__top_53c05_14","purpur-notification__header":"_purpur-notification__header_53c05_20","purpur-notification__close-button":"_purpur-notification__close-button_53c05_25","purpur-notification__icon":"_purpur-notification__icon_53c05_30","purpur-notification__body":"_purpur-notification__body_53c05_33","purpur-notification__body--extra-padding":"_purpur-notification__body--extra-padding_53c05_36","purpur-notification--success":"_purpur-notification--success_53c05_39","purpur-notification__heading":"_purpur-notification__heading_53c05_42","purpur-notification--warning":"_purpur-notification--warning_53c05_48","purpur-notification--error":"_purpur-notification--error_53c05_57","purpur-notification--info":"_purpur-notification--info_53c05_66","purpur-notification--hidden":"_purpur-notification--hidden_53c05_75","purpur-notification--has-close-button":"_purpur-notification--has-close-button_53c05_79"},n=S.c.bind(T),e={SUCCESS:"success",WARNING:"warning",ERROR:"error",INFO:"info"},F=Object.values(e),f={POLITE:"polite",ASSERTIVE:"assertive"},Z=Object.values(f),v={ALERT:"alert",DIALOG:"dialog",ALERTDIALOG:"alertdialog"},q=Object.values(v),t="purpur-notification",k=i=>{switch(i){case e.INFO:return E;case e.SUCCESS:return L;case e.WARNING:return j;case e.ERROR:return R.e}},g=x.forwardRef(({["data-testid"]:i,["aria-live"]:h,children:a,className:b,closeButtonAriaLabel:w,headingTag:N="h4",status:u="info",heading:s,hidden:l,id:r,onClose:c,open:m=!0,hideIcon:_,...y},O)=>{const p=!!s||!_;return o.jsx("div",{"aria-live":h,children:m&&o.jsxs("div",{id:r,"aria-labelledby":r?`${r}-heading`:void 0,"aria-describedby":r?`${r}-body`:void 0,"aria-hidden":!!l,className:n(b,t,`${t}--${u}`,{[`${t}--hidden`]:l,[`${t}--has-close-button`]:!!c}),"data-testid":i,ref:O,...y,children:[p&&o.jsx("div",{className:n(`${t}__top`),children:o.jsxs("div",{className:n(`${t}__header`),children:[!_&&o.jsx(d.b,{"data-testid":i?`${i}-icon`:void 0,className:n(`${t}__icon`),svg:k(u),size:"md"}),!!s&&o.jsx(I.Heading,{"data-testid":i?`${i}-heading`:void 0,variant:"subsection-100",tag:N,className:n(`${t}__heading`),children:o.jsxs("span",{id:r?`${r}-heading`:void 0,children:[" ",s]})})]})}),c&&o.jsx(A.Button,{"data-testid":i?`${i}-close-button`:void 0,variant:"tertiary-purple",size:"sm",iconOnly:!0,"aria-label":w,onClick:c,className:n(`${t}__close-button`),children:o.jsx(d.b,{svg:C,size:"sm"})}),a&&o.jsx("div",{"data-testid":i?`${i}-body`:void 0,className:n(`${t}__body`,{[`${t}__body--extra-padding`]:!p&&!!c}),id:r?`${r}-body`:void 0,children:typeof a=="string"?o.jsx($.Paragraph,{"data-testid":i?`${i}-paragraph`:void 0,variant:"paragraph-100",children:a}):a})]})})});g.displayName="Notification";exports.NOTIFICATION_ARIA_LIVE=f;exports.NOTIFICATION_ROLE=v;exports.NOTIFICATION_STATUS=e;exports.Notification=g;exports.notificationAriaLiveValues=Z;exports.notificationRoles=q;exports.notificationStatuses=F;
-//# sourceMappingURL=notification-Dsg3Vzfi.js.map

package/dist/notification-Dsg3Vzfi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-Dsg3Vzfi.js","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n  name: \"alert-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"alert-filled\"],\n  category: \"status\"\n};\nexport {\n  l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n  name: \"check-circle-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"check-circle-filled\"],\n  category: \"status\"\n};\nexport {\n  e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n  name: \"close\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"close\"],\n  category: \"utility\"\n};\nexport {\n  l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n  name: \"info-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"info-filled\"],\n  category: \"status\"\n};\nexport {\n  e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n  INFO: \"info\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n  POLITE: \"polite\",\n  ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n  (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n  ALERT: \"alert\",\n  DIALOG: \"dialog\",\n  ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n  switch (status) {\n    case NOTIFICATION_STATUS.INFO:\n      return infoFilled;\n    case NOTIFICATION_STATUS.SUCCESS:\n      return checkCircleFilled;\n    case NOTIFICATION_STATUS.WARNING:\n      return alertFilled;\n    case NOTIFICATION_STATUS.ERROR:\n      return errorFilled;\n  }\n};\n\ntype DefaultProps = BaseProps & {\n  [\"aria-live\"]?: NotificationAriaLive;\n  headingTag?: HeadingTagType;\n  status?: NotificationStatus;\n  heading?: string;\n  role?: NotificationRole;\n  hidden?: boolean;\n  /**\n   * Use to explicitly not open the notification initially and open it programatically to trigger\n   * that the aria-live message is read by the screen reader correctly.\n   */\n  open?: boolean;\n  hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      [\"aria-live\"]: ariaLive,\n      children,\n      className,\n      closeButtonAriaLabel,\n      headingTag = \"h4\",\n      status = \"info\",\n      heading,\n      hidden,\n      id,\n      onClose,\n      open = true,\n      hideIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const showHeader = !!heading || !hideIcon;\n\n    return (\n      <div aria-live={ariaLive}>\n        {open && (\n          <div\n            id={id}\n            aria-labelledby={id ? `${id}-heading` : undefined}\n            aria-describedby={id ? `${id}-body` : undefined}\n            aria-hidden={!!hidden}\n            className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n              [`${rootClassName}--hidden`]: hidden,\n              [`${rootClassName}--has-close-button`]: !!onClose,\n            })}\n            data-testid={dataTestId}\n            ref={ref}\n            {...props}\n          >\n            {showHeader && (\n              <div className={cx(`${rootClassName}__top`)}>\n                <div className={cx(`${rootClassName}__header`)}>\n                  {!hideIcon && (\n                    <Icon\n                      data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n                      className={cx(`${rootClassName}__icon`)}\n                      svg={getStatusIcon(status)}\n                      size=\"md\"\n                    />\n                  )}\n                  {!!heading && (\n                    <Heading\n                      data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n                      variant=\"subsection-100\"\n                      tag={headingTag}\n                      className={cx(`${rootClassName}__heading`)}\n                    >\n                      <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n                    </Heading>\n                  )}\n                </div>\n              </div>\n            )}\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"tertiary-purple\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <Icon svg={close} size=\"sm\" />\n              </Button>\n            )}\n            {children && (\n              <div\n                data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n                className={cx(`${rootClassName}__body`, {\n                  [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n                })}\n                id={id ? `${id}-body` : undefined}\n              >\n                {typeof children === \"string\" ? (\n                  <Paragraph\n                    data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n                    variant=\"paragraph-100\"\n                  >\n                    {children}\n                  </Paragraph>\n                ) : (\n                  children\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"6RAAMA,EAAI,CACR,KAAM,eACN,IAAK,kZACL,SAAU,CAAC,cAAc,EACzB,SAAU,QACZ,ECLMC,EAAI,CACR,KAAM,sBACN,IAAK,8UACL,SAAU,CAAC,qBAAqB,EAChC,SAAU,QACZ,ECLMD,EAAI,CACR,KAAM,QACN,IAAK,8VACL,SAAU,CAAC,OAAO,EAClB,SAAU,SACZ,ECLMC,EAAI,CACR,KAAM,cACN,IAAK,yXACL,SAAU,CAAC,aAAa,EACxB,SAAU,QACZ,q/BCUMC,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAEXC,EAAsB,CACjC,QAAS,UACT,QAAS,UACT,MAAO,QACP,KAAM,MACR,EAEaC,EAAuB,OAAO,OAAOD,CAAmB,EAGxDE,EAAyB,CACpC,OAAQ,SACR,UAAW,WACb,EAEaC,EAA6B,OAAO,OAAOD,CAAsB,EAIjEE,EAAoB,CAC/B,MAAO,QACP,OAAQ,SACR,YAAa,aACf,EAEaC,EAAoB,OAAO,OAAOD,CAAiB,EAG1DE,EAAgB,sBAEhBC,EAAiBC,GAA+B,CACpD,OAAQA,EAAA,CACN,KAAKR,EAAoB,KACvB,OAAOS,EACT,KAAKT,EAAoB,QACvB,OAAOU,EACT,KAAKV,EAAoB,QACvB,OAAOW,EACT,KAAKX,EAAoB,MACvB,OAAOY,EAAAA,CAAA,CAEb,EA6BaC,EAAeC,EAAAA,WAC1B,CACE,CACE,CAAC,eAAgBC,EACjB,CAAC,aAAcC,EACf,SAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,WAAAC,EAAa,KACb,OAAAZ,EAAS,OAAA,QACTa,EACA,OAAAC,EACA,GAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,GACP,SAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAa,CAAC,CAACR,GAAW,CAACK,EAEjC,OACEI,EAAAA,IAAC,MAAA,CAAI,YAAWd,EACb,SAAAS,GACCM,EAAAA,KAAC,MAAA,CACC,GAAAR,EACA,kBAAiBA,EAAK,GAAGA,CAAE,WAAa,OACxC,mBAAkBA,EAAK,GAAGA,CAAE,QAAU,OACtC,cAAa,CAAC,CAACD,EACf,UAAWzB,EAAGqB,EAAWZ,EAAe,GAAGA,CAAa,KAAKE,CAAM,GAAI,CACrE,CAAC,GAAGF,CAAa,UAAU,EAAGgB,EAC9B,CAAC,GAAGhB,CAAa,oBAAoB,EAAG,CAAC,CAACkB,CAAA,CAC3C,EACD,cAAaT,EACb,IAAAa,EACC,GAAGD,EAEH,SAAA,CAAAE,GACCC,EAAAA,IAAC,MAAA,CAAI,UAAWjC,EAAG,GAAGS,CAAa,OAAO,EACxC,SAAAyB,OAAC,OAAI,UAAWlC,EAAG,GAAGS,CAAa,UAAU,EAC1C,SAAA,CAAA,CAACoB,GACAI,EAAAA,IAACE,EAAAA,EAAA,CACC,cAAajB,EAAa,GAAGA,CAAU,QAAU,OACjD,UAAWlB,EAAG,GAAGS,CAAa,QAAQ,EACtC,IAAKC,EAAcC,CAAM,EACzB,KAAK,IAAA,CAAA,EAGR,CAAC,CAACa,GACDS,EAAAA,IAACG,EAAAA,QAAA,CACC,cAAalB,EAAa,GAAGA,CAAU,WAAa,OACpD,QAAQ,iBACR,IAAKK,EACL,UAAWvB,EAAG,GAAGS,CAAa,WAAW,EAEzC,gBAAC,OAAA,CAAK,GAAIiB,EAAK,GAAGA,CAAE,WAAa,OAAW,SAAA,CAAA,IAAEF,CAAA,CAAA,CAAQ,CAAA,CAAA,CACxD,CAAA,CAEJ,CAAA,CACF,EAEDG,GACCM,EAAAA,IAACI,EAAAA,OAAA,CACC,cAAanB,EAAa,GAAGA,CAAU,gBAAkB,OACzD,QAAQ,kBACR,KAAK,KACL,SAAQ,GACR,aAAYI,EACZ,QAASK,EACT,UAAW3B,EAAG,GAAGS,CAAa,gBAAgB,EAE9C,SAAAwB,EAAAA,IAACE,IAAA,CAAK,IAAKG,EAAO,KAAK,IAAA,CAAK,CAAA,CAAA,EAG/BlB,GACCa,EAAAA,IAAC,MAAA,CACC,cAAaf,EAAa,GAAGA,CAAU,QAAU,OACjD,UAAWlB,EAAG,GAAGS,CAAa,SAAU,CACtC,CAAC,GAAGA,CAAa,uBAAuB,EAAG,CAACuB,GAAc,CAAC,CAACL,CAAA,CAC7D,EACD,GAAID,EAAK,GAAGA,CAAE,QAAU,OAEvB,SAAA,OAAON,GAAa,SACnBa,EAAAA,IAACM,EAAAA,UAAA,CACC,cAAarB,EAAa,GAAGA,CAAU,aAAe,OACtD,QAAQ,gBAEP,SAAAE,CAAA,CAAA,EAGHA,CAAA,CAAA,CAEJ,CAAA,CAAA,EAIR,CAEJ,CACF,EAEAJ,EAAa,YAAc"}