@cube-dev/ui-kit 0.197.0 → 0.198.0

package/dist/components/overlays/Dialog/DialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrigger.js","names":["PressResponder","useMediaQuery","Styles","Fragment","ReactElement","RefObject","useEffect","useMemo","useRef","OverlayTriggerProps","Placement","PositionProps","useOverlayPosition","useOverlayTrigger","OverlayTriggerState","useOverlayTriggerState","useEvent","generateRandomId","useCombinedRefs","useLayoutEffect","usePopoverSync","isOwnActionsPress","Modal","Popover","Tray","WithCloseBehavior","DialogContext","useDialogOpenSync","CubeDialogClose","close","CubeDialogTriggerProps","Omit","children","state","type","mobileType","placement","hideArrow","targetRef","HTMLElement","isDismissable","isKeyboardDismissDisabled","mobileViewport","styles","shouldCloseOnInteractOutside","element","Element","onDismiss","action","isOpen","onOpenChange","defaultOpen","shouldFlip","shouldUpdatePosition","containerPadding","shouldRestoreFocus","DialogTrigger","props","hideOnClose","positionProps","Array","isArray","length","Error","trigger","content","isMobile","wasOpen","isExiting","onExiting","current","onExited","dialogSyncId","syncTriggerRef","syncOverlayRef","isPopoverFlavored","menuId","onClose","triggerRef","containerRef","dismissOnInnerButtonPress","closeOnPeerOpen","emits","closes","overlayRef","console","warn","fromAction","renderOverlay","PopoverTrigger","allProps","$","_c","keepOpenOnScroll","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","triggerType","t15","anchorRef","offset","crossOffset","overlayProps","popoverProps","arrowProps","updatePosition","overlayTriggerState","Symbol","for","triggerProps","undefined","ref","triggerPropsWithRef","el","ownTrigger","popoverTriggerEl","closest","setTimeout","contains","resolveShouldCloseOnInteractOutside","style","overlay","DialogTriggerBase","wasOpenRef","dialogProps","context","hasFocusMovedOutsideDialog","activeElement","document","body","isConnected","focus","triggerExtraProps","toggle"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  Fragment,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react/index';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\nimport { useDialogOpenSync } from './use-dialog-open-sync';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends Omit<OverlayTriggerProps, 'type'>,\n    PositionProps,\n    WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog rendered on mobile, defaulting to `type`. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Has no effect: popovers render no arrow.\n   * @deprecated Popovers never render an arrow, so there is nothing to hide.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. A popover closes when this element scrolls, as one attached to its trigger does. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Whether passive dismissal (Escape or an outside click) can close the dialog. Explicit dialog actions can still close it.\n   * A popover that is not dismissable lets an outside press through to the control it lands on, including a text field, which can take focus. It stays open when another popover opens, and closes when a modal, tray, fullscreen or panel dialog opens from another `DialogTrigger`.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /** The screen breakpoint for the mobile type */\n  mobileViewport?: number;\n  /** The style map for the overlay **/\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  onDismiss?: (action?: string) => void;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n  shouldUpdatePosition?: boolean;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /**\n   * Whether focus returns to the trigger when the dialog closes. Defaults to\n   * `true`.\n   *\n   * The restore is skipped automatically whenever the action that closed the\n   * dialog has already moved focus somewhere else, so an action that opens a\n   * panel/dialog/inline editor and focuses it needs nothing here. Pass `false`\n   * for the remaining case: a surface that claims focus *later* than the\n   * dialog's own restore (after an async load, an entry animation, or a\n   * `requestAnimationFrame`), where the trigger would otherwise take focus\n   * first and produce a visible flash.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: CubeDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type,\n    hideArrow,\n    targetRef,\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    styles,\n    mobileViewport = 700,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus = true,\n    ...positionProps\n  } = props;\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children;\n\n  // Apply the mobile type at the configured breakpoint.\n  let isMobile = useMediaQuery(`(max-width: ${mobileViewport}px)`);\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n\n  if (typeof trigger === 'function') {\n    trigger = trigger(state);\n  }\n\n  let wasOpen = useRef(false);\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  wasOpen.current = state.isOpen;\n\n  // Shared identity + refs for `usePopoverSync`. Allocating here (rather than\n  // inside the branch-specific sub-trees) keeps a single sync registration for\n  // the lifetime of the trigger, even when `type` flips between popover and\n  // modal at the mobile breakpoint. The refs are then threaded into the\n  // appropriate branch so existing positioning / useOverlayTrigger hooks keep\n  // their original ref targets and `usePopoverSync`'s `contains()` check has a\n  // real DOM node to query.\n  const dialogSyncId = useMemo(() => generateRandomId(), []);\n  const syncTriggerRef = useRef<HTMLElement | null>(null);\n  const syncOverlayRef = useRef<HTMLElement | null>(null);\n\n  // Only popover-type Dialogs participate in the \"press inside dismisses\n  // me\" / \"peer popover opening dismisses me\" behaviours: modals, trays,\n  // fullscreen and panel Dialogs are persistent workspaces and must not be\n  // yanked closed via the EventBus (which would bypass `isDismissable` and\n  // call `state.close()` directly). Non-popover types DO still EMIT\n  // `popover:open`, so opening a modal correctly dismisses peer popovers.\n  //\n  // A popover that is not dismissable does not listen to `popover:open`: a\n  // peer popover leaves it open, as any other outside press does. A modal,\n  // tray, fullscreen or panel Dialog opening still closes it, through\n  // `useDialogOpenSync` below.\n  const isPopoverFlavored = type === 'popover';\n  usePopoverSync({\n    menuId: dialogSyncId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: syncTriggerRef,\n    containerRef: syncOverlayRef,\n    dismissOnInnerButtonPress: isPopoverFlavored,\n    closeOnPeerOpen: isPopoverFlavored && isDismissable,\n  });\n  useDialogOpenSync({\n    emits: !isPopoverFlavored,\n    closes: isPopoverFlavored && !isDismissable,\n    state,\n    triggerRef: syncTriggerRef,\n    overlayRef: syncOverlayRef,\n  });\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray'\n      ) {\n        console.warn(\n          'CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.',\n        );\n      }\n    };\n  }, []);\n\n  function onClose(action, fromAction = false) {\n    if (isDismissable || fromAction) {\n      onDismiss && onDismiss(action);\n      state.close();\n    }\n  }\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        hideOnClose={hideOnClose}\n        state={state}\n        styles={styles}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        shouldRestoreFocus={shouldRestoreFocus}\n        syncTriggerRef={syncTriggerRef}\n        syncOverlayRef={syncOverlayRef}\n        triggerType={type}\n        onClose={onClose}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'panel':\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isDismissable={isDismissable}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n            onClose={onClose}\n            onExiting={onExiting}\n            onExited={onExited}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            onClose={onClose}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n      hideOnClose={hideOnClose}\n      syncTriggerRef={syncTriggerRef}\n      overlayRef={syncOverlayRef}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus,\n    keepOpenOnScroll,\n    syncTriggerRef,\n    syncOverlayRef,\n    triggerType,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n  // What the popover is positioned against, and closes on scroll with.\n  let anchorRef = targetRef || triggerRef;\n\n  // Mirror the trigger/overlay DOM nodes into the parent-owned sync refs.\n  //\n  // We deliberately do NOT use `useCombinedRefs` here: that hook returns a\n  // brand new internal ref and propagates to the passed refs via a regular\n  // `useEffect` (post-commit). `useOverlayPosition` below reads\n  // `triggerRef.current` in its own layout effect during the SAME commit, so\n  // if `triggerRef` only receives the DOM node via a delayed effect, the\n  // first measurement sees `null` and the popover positions at the document\n  // origin until something forces a re-measure.\n  //\n  // Keeping `triggerRef`/`overlayRef` as the direct React refs preserves\n  // synchronous assignment for `useOverlayPosition`. The sync refs are only\n  // ever read inside `popover:open` handlers, which fire via setTimeout(0),\n  // so a layout-effect mirror is more than fast enough.\n  useLayoutEffect(() => {\n    if (syncTriggerRef) {\n      syncTriggerRef.current = targetRef?.current ?? triggerRef.current ?? null;\n    }\n    if (syncOverlayRef) {\n      syncOverlayRef.current = overlayRef.current ?? null;\n    }\n  });\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: anchorRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  // Registers the close (or, with `keepOpenOnScroll`, the reposition) that\n  // `useOverlayPosition` runs when the anchor scrolls. It is looked up by the\n  // anchor element, so it has to be registered there: with `targetRef` the\n  // trigger ref is never attached, and the popover stayed open while its\n  // anchor scrolled away.\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    anchorRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  // Mirror the Select/ComboBox/MenuTrigger pattern: when an outside click lands\n  // on ANOTHER popover trigger, return `false` so react-aria's `useOverlay`\n  // does NOT `stopPropagation()` the click. The click then reaches that trigger,\n  // its popover opens, and `usePopoverSync` closes this one via the EventBus.\n  // Without this, react-aria swallows every outside click and a single click on\n  // a sibling trigger can't open it while this popover is open.\n  const resolveShouldCloseOnInteractOutside = useEvent(\n    (el: Element): boolean => {\n      // The caller's own predicate is asked FIRST, so an explicit \"keep me open\n      // for this element\" wins over every automatic behaviour below (CUB-4113).\n      // It used to be consulted last, which made the prop inert for every\n      // `Button` / `ItemButton`: those carry `data-popover-dismiss`, so the\n      // auto-dismiss branch matched and closed the popover before the predicate\n      // was ever asked.\n      //\n      // Asked before every lookup below, not just inside the \"outside any\n      // trigger\" branch: a trigger can own interactive controls of its own, and\n      // those used to be decided without the predicate ever being asked.\n      //\n      // React Aria hands over the element the pointer landed on — for a\n      // `Button` that is the label inside it, not the `<button>` — so a\n      // predicate that guards an element has to use `contains()` rather than an\n      // identity check.\n      if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n        return false;\n      }\n\n      const ownTrigger = targetRef?.current ?? triggerRef.current;\n\n      // A press on our OWN trigger's actions run — an `ItemButton` row's\n      // `actions`, a picker's clear button — is not a press outside. The run is\n      // rendered as a sibling of the trigger (see `ItemActionsWrapper`), so the\n      // `contains` checks below cannot recognise it and we dismissed instead,\n      // which cost the action its press: the first press on `Reset` while the\n      // popover was open only closed the popover and never ran.\n      if (isOwnActionsPress(el, ownTrigger)) return false;\n\n      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        if (el.closest('[data-popover-keep]')) return false;\n        // Plain interactive controls (Button, ItemButton) opt in via\n        // `data-popover-dismiss`. Schedule the close after the click finishes so\n        // the control's `onPress` runs first instead of losing the click to\n        // useOverlay's stopPropagation.\n        if (el.closest('[data-popover-dismiss]')) {\n          setTimeout(() => state.close(), 0);\n          return false;\n        }\n        return true;\n      }\n      // Clicking our own trigger again should dismiss us.\n      if (popoverTriggerEl === ownTrigger || ownTrigger?.contains(el))\n        return true;\n      // Another popover's trigger: let the click through so it can open.\n      return false;\n    },\n  );\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      style={popoverProps.style}\n      placement={placement ?? undefined}\n      arrowProps={arrowProps}\n      // Not dismissable: an outside press is left alone entirely, so it\n      // reaches the control it landed on and nothing below is asked.\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      shouldCloseOnInteractOutside={resolveShouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      overlayRef={overlayRef}\n      isDismissable={isDismissable}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n  const overlayRef: RefObject<HTMLElement | null> | undefined =\n    props.overlayRef;\n\n  // Mirror the press-responder DOM node into the parent's sync trigger ref.\n  // Done via `useLayoutEffect` rather than threading through `useCombinedRefs`\n  // for consistency with `PopoverTrigger` (see comment there) — keeps the\n  // sync-ref population deterministic regardless of branch.\n  useLayoutEffect(() => {\n    if (props.syncTriggerRef) {\n      props.syncTriggerRef.current = ref.current ?? null;\n    }\n  });\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n    shouldRestoreFocus = true,\n  } = props;\n\n  let context = {\n    type,\n    // Explicit dialog actions can close even when passive dismissal is disabled.\n    onClose: (action?: string) => onClose?.(action, true),\n    isDismissable,\n    isOpen: state.isOpen,\n    // Reaches `Dialog`'s `FocusScope`, which owns the restore for\n    // popover-type dialogs. `useDialog` filters it out of the DOM props.\n    shouldRestoreFocus,\n    ...dialogProps,\n  };\n\n  // Whether focus has been claimed by something outside the closing dialog —\n  // the signal that an action handed focus off and the trigger must not take\n  // it back. Same rule as `MenuTrigger` (see CUB-3962): an action that opens\n  // a panel, another dialog or an inline editor focuses that surface, and\n  // restoring here would undo the hand-off.\n  //\n  // Focus still inside the overlay means nobody claimed it (the pressed\n  // control keeps focus while the overlay plays its ~350ms exit animation),\n  // and focus on `<body>` or on a detached node means the focused element\n  // went away with the dialog. Both belong back on the trigger.\n  const hasFocusMovedOutsideDialog = useEvent(() => {\n    const activeElement = document.activeElement;\n\n    if (!activeElement || activeElement === document.body) return false;\n    if (!activeElement.isConnected) return false;\n\n    return !(\n      overlayRef?.current?.contains(activeElement) ||\n      ref.current?.contains(activeElement)\n    );\n  });\n\n  // Restore focus manually when the dialog closes.\n  //\n  // Live for modal/tray/fullscreen/panel types only: in the popover branch\n  // `triggerProps` carries its own `ref`, which overrides the `ref={ref}` on\n  // `PressResponder` below, so `ref.current` stays null and this is a no-op.\n  // Popovers get their restore from `Dialog`'s own `<FocusScope restoreFocus>`\n  // instead, which already declines to restore when focus moved elsewhere.\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current) {\n      wasOpenRef.current = false;\n      if (!shouldRestoreFocus) return;\n      if (hasFocusMovedOutsideDialog()) return;\n      ref.current?.focus();\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, shouldRestoreFocus, hasFocusMovedOutsideDialog]);\n\n  // Mark popover-type DialogTrigger children with `data-popover-trigger` so\n  // `Button` / `ItemButton`'s default dismiss-on-press behaviour treats them\n  // as popover triggers (skips the dismiss). Modal/tray/fullscreen children\n  // intentionally stay UNMARKED — when a modal-type DialogTrigger lives\n  // inside a popover footer, pressing it should dismiss the parent popover\n  // (matching the \"modal takes over\" native UX).\n  const triggerExtraProps =\n    type === 'popover' ? { 'data-popover-trigger': '' } : {};\n\n  return (\n    <Fragment>\n      <PressResponder\n        ref={ref}\n        {...triggerProps}\n        {...triggerExtraProps}\n        isPressed={\n          state.isOpen &&\n          type !== 'modal' &&\n          type !== 'fullscreen' &&\n          type !== 'fullscreenTakeover'\n        }\n        onPress={state.toggle}\n      >\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DialogTrigger.js","names":["PressResponder","useMediaQuery","Styles","Fragment","ReactElement","RefObject","useEffect","useMemo","useRef","OverlayTriggerProps","Placement","PositionProps","useOverlayPosition","useOverlayTrigger","OverlayTriggerState","useOverlayTriggerState","useEvent","generateRandomId","useCombinedRefs","useLayoutEffect","usePopoverSync","isOwnActionsPress","Modal","Popover","Tray","WithCloseBehavior","DialogContext","useDialogOpenSync","CubeDialogClose","close","CubeDialogTriggerProps","Omit","children","state","type","mobileType","placement","hideArrow","targetRef","HTMLElement","isDismissable","isKeyboardDismissDisabled","mobileViewport","styles","shouldCloseOnInteractOutside","element","Element","onDismiss","action","isOpen","onOpenChange","defaultOpen","shouldFlip","shouldUpdatePosition","containerPadding","shouldRestoreFocus","DialogTrigger","props","hideOnClose","positionProps","Array","isArray","length","Error","trigger","content","isMobile","wasOpen","isExiting","onExiting","current","onExited","dialogSyncId","syncTriggerRef","syncOverlayRef","isPopoverFlavored","menuId","onClose","triggerRef","containerRef","dismissOnInnerButtonPress","closeOnPeerOpen","emits","closes","overlayRef","console","warn","fromAction","renderOverlay","PopoverTrigger","allProps","$","_c","keepOpenOnScroll","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","triggerType","t15","anchorRef","offset","crossOffset","overlayProps","popoverProps","arrowProps","updatePosition","overlayTriggerState","Symbol","for","triggerProps","undefined","ref","triggerPropsWithRef","el","ownTrigger","popoverTriggerEl","closest","setTimeout","contains","resolveShouldCloseOnInteractOutside","style","overlay","DialogTriggerBase","wasOpenRef","dialogProps","context","hasFocusMovedOutsideDialog","activeElement","document","body","isConnected","focus","triggerExtraProps","toggle","Modal","Tray","_c","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  Fragment,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react/index';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\nimport { useDialogOpenSync } from './use-dialog-open-sync';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends Omit<OverlayTriggerProps, 'type'>, PositionProps, WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog rendered on mobile, defaulting to `type`. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Has no effect: popovers render no arrow.\n   * @deprecated Popovers never render an arrow, so there is nothing to hide.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. A popover closes when this element scrolls, as one attached to its trigger does. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Whether passive dismissal (Escape or an outside click) can close the dialog. Explicit dialog actions can still close it.\n   * A popover that is not dismissable lets an outside press through to the control it lands on, including a text field, which can take focus. It stays open when another popover opens, and closes when a modal, tray, fullscreen or panel dialog opens from another `DialogTrigger`.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /** The screen breakpoint for the mobile type */\n  mobileViewport?: number;\n  /** The style map for the overlay **/\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  onDismiss?: (action?: string) => void;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n  shouldUpdatePosition?: boolean;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /**\n   * Whether focus returns to the trigger when the dialog closes. Defaults to\n   * `true`.\n   *\n   * The restore is skipped automatically whenever the action that closed the\n   * dialog has already moved focus somewhere else, so an action that opens a\n   * panel/dialog/inline editor and focuses it needs nothing here. Pass `false`\n   * for the remaining case: a surface that claims focus *later* than the\n   * dialog's own restore (after an async load, an entry animation, or a\n   * `requestAnimationFrame`), where the trigger would otherwise take focus\n   * first and produce a visible flash.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: CubeDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type,\n    hideArrow,\n    targetRef,\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    styles,\n    mobileViewport = 700,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus = true,\n    ...positionProps\n  } = props;\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children;\n\n  // Apply the mobile type at the configured breakpoint.\n  let isMobile = useMediaQuery(`(max-width: ${mobileViewport}px)`);\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n\n  if (typeof trigger === 'function') {\n    trigger = trigger(state);\n  }\n\n  let wasOpen = useRef(false);\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  wasOpen.current = state.isOpen;\n\n  // Shared identity + refs for `usePopoverSync`. Allocating here (rather than\n  // inside the branch-specific sub-trees) keeps a single sync registration for\n  // the lifetime of the trigger, even when `type` flips between popover and\n  // modal at the mobile breakpoint. The refs are then threaded into the\n  // appropriate branch so existing positioning / useOverlayTrigger hooks keep\n  // their original ref targets and `usePopoverSync`'s `contains()` check has a\n  // real DOM node to query.\n  const dialogSyncId = useMemo(() => generateRandomId(), []);\n  const syncTriggerRef = useRef<HTMLElement | null>(null);\n  const syncOverlayRef = useRef<HTMLElement | null>(null);\n\n  // Only popover-type Dialogs participate in the \"press inside dismisses\n  // me\" / \"peer popover opening dismisses me\" behaviours: modals, trays,\n  // fullscreen and panel Dialogs are persistent workspaces and must not be\n  // yanked closed via the EventBus (which would bypass `isDismissable` and\n  // call `state.close()` directly). Non-popover types DO still EMIT\n  // `popover:open`, so opening a modal correctly dismisses peer popovers.\n  //\n  // A popover that is not dismissable does not listen to `popover:open`: a\n  // peer popover leaves it open, as any other outside press does. A modal,\n  // tray, fullscreen or panel Dialog opening still closes it, through\n  // `useDialogOpenSync` below.\n  const isPopoverFlavored = type === 'popover';\n  usePopoverSync({\n    menuId: dialogSyncId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: syncTriggerRef,\n    containerRef: syncOverlayRef,\n    dismissOnInnerButtonPress: isPopoverFlavored,\n    closeOnPeerOpen: isPopoverFlavored && isDismissable,\n  });\n  useDialogOpenSync({\n    emits: !isPopoverFlavored,\n    closes: isPopoverFlavored && !isDismissable,\n    state,\n    triggerRef: syncTriggerRef,\n    overlayRef: syncOverlayRef,\n  });\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray'\n      ) {\n        console.warn(\n          'CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.',\n        );\n      }\n    };\n  }, []);\n\n  function onClose(action, fromAction = false) {\n    if (isDismissable || fromAction) {\n      onDismiss && onDismiss(action);\n      state.close();\n    }\n  }\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        hideOnClose={hideOnClose}\n        state={state}\n        styles={styles}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        shouldRestoreFocus={shouldRestoreFocus}\n        syncTriggerRef={syncTriggerRef}\n        syncOverlayRef={syncOverlayRef}\n        triggerType={type}\n        onClose={onClose}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'panel':\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isDismissable={isDismissable}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n            onClose={onClose}\n            onExiting={onExiting}\n            onExited={onExited}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            onClose={onClose}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n      hideOnClose={hideOnClose}\n      syncTriggerRef={syncTriggerRef}\n      overlayRef={syncOverlayRef}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus,\n    keepOpenOnScroll,\n    syncTriggerRef,\n    syncOverlayRef,\n    triggerType,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n  // What the popover is positioned against, and closes on scroll with.\n  let anchorRef = targetRef || triggerRef;\n\n  // Mirror the trigger/overlay DOM nodes into the parent-owned sync refs.\n  //\n  // We deliberately do NOT use `useCombinedRefs` here: that hook returns a\n  // brand new internal ref and propagates to the passed refs via a regular\n  // `useEffect` (post-commit). `useOverlayPosition` below reads\n  // `triggerRef.current` in its own layout effect during the SAME commit, so\n  // if `triggerRef` only receives the DOM node via a delayed effect, the\n  // first measurement sees `null` and the popover positions at the document\n  // origin until something forces a re-measure.\n  //\n  // Keeping `triggerRef`/`overlayRef` as the direct React refs preserves\n  // synchronous assignment for `useOverlayPosition`. The sync refs are only\n  // ever read inside `popover:open` handlers, which fire via setTimeout(0),\n  // so a layout-effect mirror is more than fast enough.\n  useLayoutEffect(() => {\n    if (syncTriggerRef) {\n      syncTriggerRef.current = targetRef?.current ?? triggerRef.current ?? null;\n    }\n    if (syncOverlayRef) {\n      syncOverlayRef.current = overlayRef.current ?? null;\n    }\n  });\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: anchorRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  // Registers the close (or, with `keepOpenOnScroll`, the reposition) that\n  // `useOverlayPosition` runs when the anchor scrolls. It is looked up by the\n  // anchor element, so it has to be registered there: with `targetRef` the\n  // trigger ref is never attached, and the popover stayed open while its\n  // anchor scrolled away.\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    anchorRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  // Mirror the Select/ComboBox/MenuTrigger pattern: when an outside click lands\n  // on ANOTHER popover trigger, return `false` so react-aria's `useOverlay`\n  // does NOT `stopPropagation()` the click. The click then reaches that trigger,\n  // its popover opens, and `usePopoverSync` closes this one via the EventBus.\n  // Without this, react-aria swallows every outside click and a single click on\n  // a sibling trigger can't open it while this popover is open.\n  const resolveShouldCloseOnInteractOutside = useEvent(\n    (el: Element): boolean => {\n      // The caller's own predicate is asked FIRST, so an explicit \"keep me open\n      // for this element\" wins over every automatic behaviour below (CUB-4113).\n      // It used to be consulted last, which made the prop inert for every\n      // `Button` / `ItemButton`: those carry `data-popover-dismiss`, so the\n      // auto-dismiss branch matched and closed the popover before the predicate\n      // was ever asked.\n      //\n      // Asked before every lookup below, not just inside the \"outside any\n      // trigger\" branch: a trigger can own interactive controls of its own, and\n      // those used to be decided without the predicate ever being asked.\n      //\n      // React Aria hands over the element the pointer landed on — for a\n      // `Button` that is the label inside it, not the `<button>` — so a\n      // predicate that guards an element has to use `contains()` rather than an\n      // identity check.\n      if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n        return false;\n      }\n\n      const ownTrigger = targetRef?.current ?? triggerRef.current;\n\n      // A press on our OWN trigger's actions run — an `ItemButton` row's\n      // `actions`, a picker's clear button — is not a press outside. The run is\n      // rendered as a sibling of the trigger (see `ItemActionsWrapper`), so the\n      // `contains` checks below cannot recognise it and we dismissed instead,\n      // which cost the action its press: the first press on `Reset` while the\n      // popover was open only closed the popover and never ran.\n      if (isOwnActionsPress(el, ownTrigger)) return false;\n\n      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        if (el.closest('[data-popover-keep]')) return false;\n        // Plain interactive controls (Button, ItemButton) opt in via\n        // `data-popover-dismiss`. Schedule the close after the click finishes so\n        // the control's `onPress` runs first instead of losing the click to\n        // useOverlay's stopPropagation.\n        if (el.closest('[data-popover-dismiss]')) {\n          setTimeout(() => state.close(), 0);\n          return false;\n        }\n        return true;\n      }\n      // Clicking our own trigger again should dismiss us.\n      if (popoverTriggerEl === ownTrigger || ownTrigger?.contains(el))\n        return true;\n      // Another popover's trigger: let the click through so it can open.\n      return false;\n    },\n  );\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      style={popoverProps.style}\n      placement={placement ?? undefined}\n      arrowProps={arrowProps}\n      // Not dismissable: an outside press is left alone entirely, so it\n      // reaches the control it landed on and nothing below is asked.\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      shouldCloseOnInteractOutside={resolveShouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      overlayRef={overlayRef}\n      isDismissable={isDismissable}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n  const overlayRef: RefObject<HTMLElement | null> | undefined =\n    props.overlayRef;\n\n  // Mirror the press-responder DOM node into the parent's sync trigger ref.\n  // Done via `useLayoutEffect` rather than threading through `useCombinedRefs`\n  // for consistency with `PopoverTrigger` (see comment there) — keeps the\n  // sync-ref population deterministic regardless of branch.\n  useLayoutEffect(() => {\n    if (props.syncTriggerRef) {\n      props.syncTriggerRef.current = ref.current ?? null;\n    }\n  });\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n    shouldRestoreFocus = true,\n  } = props;\n\n  let context = {\n    type,\n    // Explicit dialog actions can close even when passive dismissal is disabled.\n    onClose: (action?: string) => onClose?.(action, true),\n    isDismissable,\n    isOpen: state.isOpen,\n    // Reaches `Dialog`'s `FocusScope`, which owns the restore for\n    // popover-type dialogs (`Dialog` itself, for a retained one). `useDialog`\n    // filters it out of the DOM props.\n    shouldRestoreFocus,\n    ...dialogProps,\n  };\n\n  // Whether focus has been claimed by something outside the closing dialog —\n  // the signal that an action handed focus off and the trigger must not take\n  // it back. Same rule as `MenuTrigger` (see CUB-3962): an action that opens\n  // a panel, another dialog or an inline editor focuses that surface, and\n  // restoring here would undo the hand-off.\n  //\n  // Focus still inside the overlay means nobody claimed it (the pressed\n  // control keeps focus while the overlay plays its ~350ms exit animation),\n  // and focus on `<body>` or on a detached node means the focused element\n  // went away with the dialog. Both belong back on the trigger.\n  const hasFocusMovedOutsideDialog = useEvent(() => {\n    const activeElement = document.activeElement;\n\n    if (!activeElement || activeElement === document.body) return false;\n    if (!activeElement.isConnected) return false;\n\n    return !(\n      overlayRef?.current?.contains(activeElement) ||\n      ref.current?.contains(activeElement)\n    );\n  });\n\n  // Restore focus manually when the dialog closes.\n  //\n  // Live for modal/tray/fullscreen/panel types only: in the popover branch\n  // `triggerProps` carries its own `ref`, which overrides the `ref={ref}` on\n  // `PressResponder` below, so `ref.current` stays null and this is a no-op.\n  // Popovers get their restore from `Dialog`'s own `<FocusScope restoreFocus>`\n  // instead, or from `Dialog` at the end of the exit when `hideOnClose` keeps\n  // that scope mounted; both decline to restore when focus moved elsewhere.\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current) {\n      wasOpenRef.current = false;\n      if (!shouldRestoreFocus) return;\n      if (hasFocusMovedOutsideDialog()) return;\n      ref.current?.focus();\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, shouldRestoreFocus, hasFocusMovedOutsideDialog]);\n\n  // Mark popover-type DialogTrigger children with `data-popover-trigger` so\n  // `Button` / `ItemButton`'s default dismiss-on-press behaviour treats them\n  // as popover triggers (skips the dismiss). Modal/tray/fullscreen children\n  // intentionally stay UNMARKED — when a modal-type DialogTrigger lives\n  // inside a popover footer, pressing it should dismiss the parent popover\n  // (matching the \"modal takes over\" native UX).\n  const triggerExtraProps =\n    type === 'popover' ? { 'data-popover-trigger': '' } : {};\n\n  return (\n    <Fragment>\n      <PressResponder\n        ref={ref}\n        {...triggerProps}\n        {...triggerExtraProps}\n        isPressed={\n          state.isOpen &&\n          type !== 'modal' &&\n          type !== 'fullscreen' &&\n          type !== 'fullscreenTakeover'\n        }\n        onPress={state.toggle}\n      >\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/ModernDialogForm.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { _Title } from "../../content/Title.js";
+import { Title as _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";
 import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";
@@ -13,12 +13,11 @@ import { Header } from "../../content/Header.js";
 import { withDefaultButtonText } from "./default-button-text.js";
 import { Dialog } from "./Dialog.js";
 import { getControllerInternals } from "../../form/Form/modern/controller.js";
-import { _ModernFormRoot } from "../../form/Form/ModernFormRoot.js";
-import { _SubmitButton } from "../../form/Form/SubmitButton/SubmitButton.js";
+import { ModernFormRoot as _ModernFormRoot } from "../../form/Form/ModernFormRoot.js";
+import { SubmitButton as _SubmitButton } from "../../form/Form/SubmitButton/SubmitButton.js";
 import { c } from "react/compiler-runtime";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/overlays/Dialog/ModernDialogForm.tsx
 function finishSession(session) {
 	if (!session || session.ended) return;
@@ -350,7 +349,7 @@ function ModernDialogForm(props) {
 	} else t13 = $[106];
 	return t13;
 }
-
 //#endregion
 export { ModernDialogForm };
+
 //# sourceMappingURL=ModernDialogForm.js.map

package/dist/components/overlays/Dialog/ModernDialogForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModernDialogForm.js","names":["useRef","useEvent","useI18n","useLayoutEffect","Button","ButtonGroup","Content","Footer","Header","Title","getControllerInternals","ModernFormRoot","SubmitButton","useOpenTransitionContext","useDialogContext","withDefaultButtonText","Dialog","FormController","ModernDialogFormProps","DialogSession","form","T","preserve","ended","wasOpen","finishSession","session","store","cancelSubmission","reset","ModernDialogForm","props","$","_c","action","autoComplete","cancelProps","children","danger","defaultValues","dialogProps","encType","isDisabled","isInvalid","isReadOnly","isValid","labelPosition","labelStyles","labelWidth","method","name","necessityIndicator","noActions","onDismiss","onReset","onResetCapture","onSubmit","onSubmitFailed","onValuesChange","orientation","qa","requiredMark","showValid","submitProps","submitValues","target","title","validateTrigger","validationState","t","onClose","isOpen","t0","internals","transition","isClosing","undefined","transitionState","t1","current","dismiss","t2","submitted","t3","t4","own","queueMicrotask","getRootElement","t5","t6","t7","t8","t9","t10","t11","t12","t13"],"sources":["../../../../src/components/overlays/Dialog/ModernDialogForm.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { getControllerInternals } from '../../form/Form/modern/controller';\nimport { ModernFormRoot } from '../../form/Form/ModernFormRoot';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { useDialogContext } from './context';\nimport { withDefaultButtonText } from './default-button-text';\nimport { Dialog } from './Dialog';\n\nimport type { FormController } from '../../form/Form/modern/controller';\nimport type { ModernDialogFormProps } from './DialogForm';\n\ninterface DialogSession<T extends object> {\n  form: FormController<T>;\n  preserve?: boolean;\n  ended: boolean;\n  wasOpen: boolean;\n}\n\nfunction finishSession<T extends object>(session?: DialogSession<T>) {\n  if (!session || session.ended) return;\n  session.ended = true;\n  getControllerInternals(session.form, '<DialogForm>').store.cancelSubmission();\n  if (!session.preserve) session.form.reset();\n}\n\n/** Modern dialogs own the editing session, including retained/hidden roots. */\nexport function ModernDialogForm<T extends object>(\n  props: ModernDialogFormProps<T>,\n) {\n  const {\n    form,\n    qa,\n    title,\n    danger,\n    submitProps,\n    cancelProps,\n    noActions,\n    preserve,\n    children,\n    onDismiss,\n    name,\n    defaultValues,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    onReset,\n    onResetCapture,\n    submitValues,\n    labelStyles,\n    labelPosition,\n    labelWidth,\n    orientation,\n    requiredMark,\n    necessityIndicator,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validationState,\n    validateTrigger,\n    showValid,\n    action,\n    method,\n    target,\n    encType,\n    autoComplete,\n    ...dialogProps\n  } = props;\n  const { t } = useI18n();\n  const { onClose, isOpen } = useDialogContext();\n  const internals = getControllerInternals(form, '<DialogForm>');\n  const transition = useOpenTransitionContext();\n  const isClosing =\n    isOpen === undefined\n      ? transition?.transitionState === 'exit' ||\n        transition?.transitionState === 'unmounted'\n      : !isOpen;\n  const session = useRef<DialogSession<T> | undefined>(undefined);\n  const dismiss = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n    onDismiss?.();\n  });\n  const submitted = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n  });\n\n  // Escape, outside clicks, and controlled closing belong to the container.\n  // Only an open -> closed transition ends a session; hidden initial mounts\n  // must not discard a controller that the caller has already populated.\n  useLayoutEffect(() => {\n    if (session.current?.form !== form) {\n      session.current = { form, preserve, ended: false, wasOpen: !isClosing };\n    }\n    const current = session.current;\n    current.preserve = preserve;\n    if (isClosing && current.wasOpen) finishSession(current);\n    if (!isClosing && !current.wasOpen) current.ended = false;\n    current.wasOpen = !isClosing;\n  });\n\n  // Portals may relocate (remounting this component) and Strict Mode reconnects\n  // effects. A replacement root owns the same session; only a detached\n  // controller should reset after real removal. Capture that controller's\n  // session, so replacing it cannot apply the new controller's preserve policy.\n  useLayoutEffect(() => {\n    const own = session.current;\n    return () => {\n      queueMicrotask(() => {\n        if (!internals.getRootElement()) finishSession(own);\n      });\n    };\n  }, [form, internals]);\n\n  return (\n    <Dialog {...dialogProps} qa={`${qa || ''}Dialog`} onDismiss={dismiss}>\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n\n        A press on any of its buttons, custom actions included, must not\n        dismiss a popover the dialog lives in: a save has to survive\n        validation and a slow request. Only presses, though. The broader\n        `data-popover-keep` also tells a field's open listbox that a click\n        anywhere in the form is not outside it, so the listbox stayed open\n        (CUB-5251).\n      */}\n      <ModernFormRoot\n        data-popover-keep-on-press\n        form={form}\n        qa={qa || 'DialogForm'}\n        name={name}\n        defaultValues={defaultValues}\n        onSubmit={onSubmit}\n        onSubmitted={submitted}\n        onSubmitFailed={onSubmitFailed}\n        onValuesChange={onValuesChange}\n        onReset={onReset}\n        onResetCapture={onResetCapture}\n        submitValues={submitValues}\n        labelStyles={labelStyles}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        orientation={orientation}\n        requiredMark={requiredMark}\n        necessityIndicator={necessityIndicator}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        validationState={validationState}\n        validateTrigger={validateTrigger}\n        showValid={showValid}\n        action={action}\n        method={method}\n        target={target}\n        encType={encType}\n        autoComplete={autoComplete}\n      >\n        <Content>\n          {typeof children === 'function' ? children(dismiss) : children}\n        </Content>\n\n        {!noActions && (\n          <Footer>\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                {...withDefaultButtonText(\n                  submitProps,\n                  t('dialogForm.submit', 'Submit'),\n                )}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                onPress={dismiss}\n                {...withDefaultButtonText(\n                  cancelProps,\n                  t('dialogForm.cancel', 'Cancel'),\n                )}\n              />\n            </ButtonGroup>\n          </Footer>\n        )}\n      </ModernFormRoot>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModernDialogForm.js","names":["useRef","useEvent","useI18n","useLayoutEffect","Button","ButtonGroup","Content","Footer","Header","Title","getControllerInternals","ModernFormRoot","SubmitButton","useOpenTransitionContext","useDialogContext","withDefaultButtonText","Dialog","FormController","ModernDialogFormProps","DialogSession","form","T","preserve","ended","wasOpen","finishSession","session","store","cancelSubmission","reset","ModernDialogForm","props","$","_c","action","autoComplete","cancelProps","children","danger","defaultValues","dialogProps","encType","isDisabled","isInvalid","isReadOnly","isValid","labelPosition","labelStyles","labelWidth","method","name","necessityIndicator","noActions","onDismiss","onReset","onResetCapture","onSubmit","onSubmitFailed","onValuesChange","orientation","qa","requiredMark","showValid","submitProps","submitValues","target","title","validateTrigger","validationState","t","onClose","isOpen","t0","internals","transition","isClosing","undefined","transitionState","t1","current","dismiss","t2","submitted","t3","t4","own","queueMicrotask","getRootElement","t5","t6","t7","t8","t9","t10","t11","t12","t13","_c","Title","SubmitButton","ModernFormRoot"],"sources":["../../../../src/components/overlays/Dialog/ModernDialogForm.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { getControllerInternals } from '../../form/Form/modern/controller';\nimport { ModernFormRoot } from '../../form/Form/ModernFormRoot';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { useDialogContext } from './context';\nimport { withDefaultButtonText } from './default-button-text';\nimport { Dialog } from './Dialog';\n\nimport type { FormController } from '../../form/Form/modern/controller';\nimport type { ModernDialogFormProps } from './DialogForm';\n\ninterface DialogSession<T extends object> {\n  form: FormController<T>;\n  preserve?: boolean;\n  ended: boolean;\n  wasOpen: boolean;\n}\n\nfunction finishSession<T extends object>(session?: DialogSession<T>) {\n  if (!session || session.ended) return;\n  session.ended = true;\n  getControllerInternals(session.form, '<DialogForm>').store.cancelSubmission();\n  if (!session.preserve) session.form.reset();\n}\n\n/** Modern dialogs own the editing session, including retained/hidden roots. */\nexport function ModernDialogForm<T extends object>(\n  props: ModernDialogFormProps<T>,\n) {\n  const {\n    form,\n    qa,\n    title,\n    danger,\n    submitProps,\n    cancelProps,\n    noActions,\n    preserve,\n    children,\n    onDismiss,\n    name,\n    defaultValues,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    onReset,\n    onResetCapture,\n    submitValues,\n    labelStyles,\n    labelPosition,\n    labelWidth,\n    orientation,\n    requiredMark,\n    necessityIndicator,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validationState,\n    validateTrigger,\n    showValid,\n    action,\n    method,\n    target,\n    encType,\n    autoComplete,\n    ...dialogProps\n  } = props;\n  const { t } = useI18n();\n  const { onClose, isOpen } = useDialogContext();\n  const internals = getControllerInternals(form, '<DialogForm>');\n  const transition = useOpenTransitionContext();\n  const isClosing =\n    isOpen === undefined\n      ? transition?.transitionState === 'exit' ||\n        transition?.transitionState === 'unmounted'\n      : !isOpen;\n  const session = useRef<DialogSession<T> | undefined>(undefined);\n  const dismiss = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n    onDismiss?.();\n  });\n  const submitted = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n  });\n\n  // Escape, outside clicks, and controlled closing belong to the container.\n  // Only an open -> closed transition ends a session; hidden initial mounts\n  // must not discard a controller that the caller has already populated.\n  useLayoutEffect(() => {\n    if (session.current?.form !== form) {\n      session.current = { form, preserve, ended: false, wasOpen: !isClosing };\n    }\n    const current = session.current;\n    current.preserve = preserve;\n    if (isClosing && current.wasOpen) finishSession(current);\n    if (!isClosing && !current.wasOpen) current.ended = false;\n    current.wasOpen = !isClosing;\n  });\n\n  // Portals may relocate (remounting this component) and Strict Mode reconnects\n  // effects. A replacement root owns the same session; only a detached\n  // controller should reset after real removal. Capture that controller's\n  // session, so replacing it cannot apply the new controller's preserve policy.\n  useLayoutEffect(() => {\n    const own = session.current;\n    return () => {\n      queueMicrotask(() => {\n        if (!internals.getRootElement()) finishSession(own);\n      });\n    };\n  }, [form, internals]);\n\n  return (\n    <Dialog {...dialogProps} qa={`${qa || ''}Dialog`} onDismiss={dismiss}>\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n\n        A press on any of its buttons, custom actions included, must not\n        dismiss a popover the dialog lives in: a save has to survive\n        validation and a slow request. Only presses, though. The broader\n        `data-popover-keep` also tells a field's open listbox that a click\n        anywhere in the form is not outside it, so the listbox stayed open\n        (CUB-5251).\n      */}\n      <ModernFormRoot\n        data-popover-keep-on-press\n        form={form}\n        qa={qa || 'DialogForm'}\n        name={name}\n        defaultValues={defaultValues}\n        onSubmit={onSubmit}\n        onSubmitted={submitted}\n        onSubmitFailed={onSubmitFailed}\n        onValuesChange={onValuesChange}\n        onReset={onReset}\n        onResetCapture={onResetCapture}\n        submitValues={submitValues}\n        labelStyles={labelStyles}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        orientation={orientation}\n        requiredMark={requiredMark}\n        necessityIndicator={necessityIndicator}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        validationState={validationState}\n        validateTrigger={validateTrigger}\n        showValid={showValid}\n        action={action}\n        method={method}\n        target={target}\n        encType={encType}\n        autoComplete={autoComplete}\n      >\n        <Content>\n          {typeof children === 'function' ? children(dismiss) : children}\n        </Content>\n\n        {!noActions && (\n          <Footer>\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                {...withDefaultButtonText(\n                  submitProps,\n                  t('dialogForm.submit', 'Submit'),\n                )}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                onPress={dismiss}\n                {...withDefaultButtonText(\n                  cancelProps,\n                  t('dialogForm.cancel', 'Cancel'),\n                )}\n              />\n            </ButtonGroup>\n          </Footer>\n        )}\n      </ModernFormRoot>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/context.js

@@ -1,15 +1,23 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
-
 //#region src/components/overlays/Dialog/context.tsx
+/**
+* Whether the dialog keeps Tab inside it while open. A panel leaves the page
+* usable, and so does a popover that is not dismissable: an outside press
+* reaches its control, and focus has to follow it there, into a text field
+* too.
+*/
+function trapsFocus({ type, isDismissable }) {
+	return type !== "panel" && !(type === "popover" && isDismissable === false);
+}
 const DialogContext = createContext({});
 function useDialogContext() {
 	const dialogContext = useContext(DialogContext);
 	invariant(dialogContext !== null, "");
 	return dialogContext;
 }
-
 //#endregion
-export { DialogContext, useDialogContext };
+export { DialogContext, trapsFocus, useDialogContext };
+
 //# sourceMappingURL=context.js.map

package/dist/components/overlays/Dialog/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","HTMLAttributes","useContext","invariant","DialogContextValue","HTMLElement","type","isDismissable","onClose","arg","isOpen","shouldRestoreFocus","DialogContext","useDialogContext","dialogContext"],"sources":["../../../../src/components/overlays/Dialog/context.tsx"],"sourcesContent":["import { createContext, HTMLAttributes, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\nexport interface DialogContextValue extends HTMLAttributes<HTMLElement> {\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  isDismissable?: boolean;\n  onClose?: (arg?: string) => void;\n  isOpen?: boolean;\n  /**\n   * Whether closing the dialog restores focus to its trigger. Set by\n   * `DialogTrigger`'s `shouldRestoreFocus` prop; consumed by `Dialog`'s\n   * `FocusScope` (which owns the restore for popover-type dialogs). Defaults\n   * to `true` when absent, so a `Dialog` rendered outside a trigger keeps\n   * restoring focus.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>({});\n\nexport function useDialogContext() {\n  const dialogContext = useContext(DialogContext);\n\n  invariant(dialogContext !== null, '');\n\n  return dialogContext;\n}\n"],"mappings":";;;;;AAwBA,MAAaY,gBAAgBZ,cAAyC,EAAE,CAAC;AAEzE,SAAOa,mBAAA;CACL,MAAAC,gBAAsBZ,WAAWU,cAAc;AAE/CT,WAAUW,kBAAkB,MAAM,GAAG;AAAA,QAE9BA"}
+{"version":3,"file":"context.js","names":["createContext","HTMLAttributes","useContext","invariant","DialogContextValue","HTMLElement","type","isDismissable","onClose","arg","isOpen","shouldRestoreFocus","trapsFocus","DialogContext","useDialogContext","dialogContext"],"sources":["../../../../src/components/overlays/Dialog/context.tsx"],"sourcesContent":["import { createContext, HTMLAttributes, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\nexport interface DialogContextValue extends HTMLAttributes<HTMLElement> {\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  isDismissable?: boolean;\n  onClose?: (arg?: string) => void;\n  isOpen?: boolean;\n  /**\n   * Whether closing the dialog restores focus to its trigger. Set by\n   * `DialogTrigger`'s `shouldRestoreFocus` prop; consumed by `Dialog`'s\n   * `FocusScope` (which owns the restore for popover-type dialogs) and by its\n   * restore for a retained (`hideOnClose`) dialog. Defaults\n   * to `true` when absent, so a `Dialog` rendered outside a trigger keeps\n   * restoring focus.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\n/**\n * Whether the dialog keeps Tab inside it while open. A panel leaves the page\n * usable, and so does a popover that is not dismissable: an outside press\n * reaches its control, and focus has to follow it there, into a text field\n * too.\n */\nexport function trapsFocus({ type, isDismissable }: DialogContextValue) {\n  return type !== 'panel' && !(type === 'popover' && isDismissable === false);\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>({});\n\nexport function useDialogContext() {\n  const dialogContext = useContext(DialogContext);\n\n  invariant(dialogContext !== null, '');\n\n  return dialogContext;\n}\n"],"mappings":";;;;;;;;;;AA+BA,SAAgBY,WAAW,EAAEN,MAAMC,iBAAqC;CACtE,OAAOD,SAAS,WAAW,EAAEA,SAAS,aAAaC,kBAAkB;AACvE;AAEA,MAAaM,gBAAgBb,cAAyC,CAAC,CAAC;AAExE,SAAOc,mBAAA;CACL,MAAAC,gBAAsBb,WAAWW,aAAa;CAE9CV,UAAUY,kBAAkB,MAAM,EAAE;CAAC,OAE9BA;AAAa"}

package/dist/components/overlays/Dialog/default-button-text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/components/overlays/Dialog/default-button-text.ts
 /**
 * Gives a dialog's built-in button its default text without overriding the
@@ -24,7 +24,7 @@ function withDefaultButtonText(props, text) {
 function isStaticIcon(icon) {
 	return !!icon && typeof icon !== "function";
 }
-
 //#endregion
 export { withDefaultButtonText };
+
 //# sourceMappingURL=default-button-text.js.map

package/dist/components/overlays/Dialog/default-button-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-button-text.js","names":["CubeButtonProps","withDefaultButtonText","props","P","text","own","children","label","isStaticIcon","icon","rightIcon"],"sources":["../../../../src/components/overlays/Dialog/default-button-text.ts"],"sourcesContent":["import type { CubeButtonProps } from '../../actions/Button/Button';\n\n/**\n * Gives a dialog's built-in button its default text without overriding the\n * consumer's. The text goes in `children`, since `label` is deprecated, but a\n * consumer's `children` or (deprecated) `label` still wins. An icon-only\n * button gets the text as its accessible name instead, which is what `label`\n * used to do for it. A consumer's `aria-label` replaces only that name: a\n * text button keeps its visible default. An icon given as a function (the\n * `({ loading }) => …` form) may render nothing, so it keeps the text too.\n */\nexport function withDefaultButtonText<P extends CubeButtonProps>(\n  props: P | undefined,\n  text: string,\n): P {\n  const own = (props ?? {}) as P;\n\n  if (own.children != null || own.label != null) return own;\n\n  if (isStaticIcon(own.icon) || isStaticIcon(own.rightIcon)) {\n    return own['aria-label'] != null ? own : { ...own, 'aria-label': text };\n  }\n\n  return { ...own, children: text };\n}\n\nfunction isStaticIcon(icon: CubeButtonProps['icon']) {\n  return !!icon && typeof icon !== 'function';\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgBC,sBACdC,OACAE,MACG;CACH,MAAMC,MAAOH,SAAS,EAAE;AAExB,KAAIG,IAAIC,YAAY,QAAQD,IAAIE,SAAS,KAAM,QAAOF;AAEtD,KAAIG,aAAaH,IAAII,KAAK,IAAID,aAAaH,IAAIK,UAAU,CACvD,QAAOL,IAAI,iBAAiB,OAAOA,MAAM;EAAE,GAAGA;EAAK,cAAcD;EAAM;AAGzE,QAAO;EAAE,GAAGC;EAAKC,UAAUF;EAAM;;AAGnC,SAASI,aAAaC,MAA+B;AACnD,QAAO,CAAC,CAACA,QAAQ,OAAOA,SAAS"}
+{"version":3,"file":"default-button-text.js","names":["CubeButtonProps","withDefaultButtonText","props","P","text","own","children","label","isStaticIcon","icon","rightIcon"],"sources":["../../../../src/components/overlays/Dialog/default-button-text.ts"],"sourcesContent":["import type { CubeButtonProps } from '../../actions/Button/Button';\n\n/**\n * Gives a dialog's built-in button its default text without overriding the\n * consumer's. The text goes in `children`, since `label` is deprecated, but a\n * consumer's `children` or (deprecated) `label` still wins. An icon-only\n * button gets the text as its accessible name instead, which is what `label`\n * used to do for it. A consumer's `aria-label` replaces only that name: a\n * text button keeps its visible default. An icon given as a function (the\n * `({ loading }) => …` form) may render nothing, so it keeps the text too.\n */\nexport function withDefaultButtonText<P extends CubeButtonProps>(\n  props: P | undefined,\n  text: string,\n): P {\n  const own = (props ?? {}) as P;\n\n  if (own.children != null || own.label != null) return own;\n\n  if (isStaticIcon(own.icon) || isStaticIcon(own.rightIcon)) {\n    return own['aria-label'] != null ? own : { ...own, 'aria-label': text };\n  }\n\n  return { ...own, children: text };\n}\n\nfunction isStaticIcon(icon: CubeButtonProps['icon']) {\n  return !!icon && typeof icon !== 'function';\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgBC,sBACdC,OACAE,MACG;CACH,MAAMC,MAAOH,SAAS,CAAC;CAEvB,IAAIG,IAAIC,YAAY,QAAQD,IAAIE,SAAS,MAAM,OAAOF;CAEtD,IAAIG,aAAaH,IAAII,IAAI,KAAKD,aAAaH,IAAIK,SAAS,GACtD,OAAOL,IAAI,iBAAiB,OAAOA,MAAM;EAAE,GAAGA;EAAK,cAAcD;CAAK;CAGxE,OAAO;EAAE,GAAGC;EAAKC,UAAUF;CAAK;AAClC;AAEA,SAASI,aAAaC,MAA+B;CACnD,OAAO,CAAC,CAACA,QAAQ,OAAOA,SAAS;AACnC"}

package/dist/components/overlays/Dialog/index.d.ts

@@ -3,4 +3,5 @@ import { CubeDialogContainerProps, DialogContainer } from "./DialogContainer.js"
 import { CubeDialogProps, Dialog } from "./Dialog.js";
 import { CubeDialogFormProps, CubeDialogFormRef, DialogForm, ModernDialogFormProps } from "./DialogForm.js";
 import { CubeDialogClose, CubeDialogTriggerProps, DialogTrigger } from "./DialogTrigger.js";
-import { useDialogContainer } from "./use-dialog-container.js";
+import { useDialogContainer } from "./use-dialog-container.js";
+export { CubeDialogClose, CubeDialogContainerProps, CubeDialogFormProps, CubeDialogFormRef, CubeDialogProps, CubeDialogTriggerProps, Dialog, DialogContainer, DialogForm, DialogTrigger, ModernDialogFormProps, useDialogContainer };

package/dist/components/overlays/Dialog/use-content-overflow.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
-
 //#region src/components/overlays/Dialog/use-content-overflow.ts
 const OVERFLOW_THRESHOLD = 2;
 const BODY_SELECTOR = ":scope > [data-id=\"Content\"], :scope > form > [data-id=\"Content\"]";
@@ -62,7 +61,7 @@ function useContentOverflow(dialogRef) {
 	useLayoutEffect$1(t0, t1);
 	return overflows;
 }
-
 //#endregion
 export { useContentOverflow };
+
 //# sourceMappingURL=use-content-overflow.js.map

package/dist/components/overlays/Dialog/use-content-overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-content-overflow.js","names":["RefObject","useState","useLayoutEffect","OVERFLOW_THRESHOLD","BODY_SELECTOR","useContentOverflow","dialogRef","$","_c","overflows","setOverflows","t0","t1","dialog","current","ResizeObserver","body","measure","scrollHeight","clientHeight","resizeObserver","mutationObserver","MutationObserver","sync","querySelector","disconnect","observe","childList","form","Array","from","querySelectorAll","child","children"],"sources":["../../../../src/components/overlays/Dialog/use-content-overflow.ts"],"sourcesContent":["import { RefObject, useState } from 'react';\n\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\n\n// Same slack as `useTinyScrollbar`: sub-pixel rounding can leave a body that\n// fits reporting a `scrollHeight` a pixel or two over its `clientHeight`.\nconst OVERFLOW_THRESHOLD = 2;\n\n// The body is the `Content` the dialog itself lays out: a direct child, or the\n// direct child of a direct-child `<form>` (a `Form` placed there lays itself\n// out as the dialog's column; see `FormElement`). Those are the two shapes in\n// which `Content` is the thing that scrolls. A `Content` nested anywhere else is\n// part of the body, not the body.\nconst BODY_SELECTOR =\n  ':scope > [data-id=\"Content\"], :scope > form > [data-id=\"Content\"]';\n\n/**\n * Whether the dialog's body is taller than the room it has, i.e. whether it\n * scrolls. The footer draws its top line on this (see `Dialog`).\n *\n * The body's own box is not enough to watch. Once the dialog reaches its max\n * height the box stops growing, and in a fixed-height dialog (`fullscreen`,\n * `panel`) it never changes at all — there, content growing past the fold is\n * visible only on the body's children. So both the body and its children are\n * observed, and the set is re-synced whenever the body or its child list is\n * replaced.\n */\nexport function useContentOverflow(dialogRef: RefObject<HTMLElement | null>) {\n  const [overflows, setOverflows] = useState(false);\n\n  useLayoutEffect(() => {\n    const dialog = dialogRef.current;\n\n    if (!dialog || typeof ResizeObserver === 'undefined') return;\n\n    let body: HTMLElement | null = null;\n\n    const measure = () => {\n      setOverflows(\n        !!body && body.scrollHeight > body.clientHeight + OVERFLOW_THRESHOLD,\n      );\n    };\n\n    const resizeObserver = new ResizeObserver(measure);\n\n    // Only the child lists of the dialog, a direct-child form and the body can\n    // move the body or change which children to watch, so those three are all\n    // it observes — never the subtree. A picker's popover is a dialog too, and\n    // a virtualized list scrolling inside it mutates on every frame. Deeper\n    // mutations that matter resize a child, which the resize observer sees.\n    const mutationObserver = new MutationObserver(() => sync());\n\n    const sync = () => {\n      body = dialog.querySelector<HTMLElement>(BODY_SELECTOR);\n\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n\n      mutationObserver.observe(dialog, { childList: true });\n\n      for (const form of Array.from(dialog.querySelectorAll(':scope > form'))) {\n        mutationObserver.observe(form, { childList: true });\n      }\n\n      if (body) {\n        mutationObserver.observe(body, { childList: true });\n        resizeObserver.observe(body);\n\n        for (const child of Array.from(body.children)) {\n          resizeObserver.observe(child);\n        }\n      }\n\n      measure();\n    };\n\n    sync();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n    };\n  }, [dialogRef]);\n\n  return overflows;\n}\n"],"mappings":";;;;;;AAMA,MAAMG,qBAAqB;AAO3B,MAAMC,gBACJ;;;;;;;;;;;;AAaF,SAAOC,mBAAAC,WAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,CAAAC,WAAAC,gBAAkCT,SAAS,MAAM;CAAC,IAAAU;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAD,WAAA;AAElCK,aAAA;GACd,MAAAE,SAAeP,UAASQ;AAExB,OAAI,CAACD,UAAU,OAAOE,mBAAmB,YAAW;GAEpD,IAAAC,OAA+B;GAE/B,MAAAC,gBAAgB;AACdP,iBACE,CAAC,CAACM,QAAQA,KAAIE,eAAgBF,KAAIG,eAAgBhB,mBACnD;;GAGH,MAAAiB,iBAAuB,IAAIL,eAAeE,QAAQ;GAOlD,MAAAI,mBAAyB,IAAIC,uBAAuBC,MAAM,CAAC;GAE3D,MAAAA,aAAa;AACXP,WAAOH,OAAMW,cAA4BpB,cAAc;AAEvDiB,qBAAgBI,YAAa;AAC7BL,mBAAcK,YAAa;AAE3BJ,qBAAgBK,QAASb,QAAQ,EAAAc,WAAa,MAAM,CAAC;AAErD,SAAK,MAAAC,QAAcC,MAAKC,KAAMjB,OAAMkB,iBAAkB,gBAAgB,CAAC,CACrEV,kBAAgBK,QAASE,MAAM,EAAAD,WAAa,MAAM,CAAC;AAGrD,QAAIX,MAAI;AACNK,sBAAgBK,QAASV,MAAM,EAAAW,WAAa,MAAM,CAAC;AACnDP,oBAAcM,QAASV,KAAK;AAE5B,UAAK,MAAAgB,SAAeH,MAAKC,KAAMd,KAAIiB,SAAU,CAC3Cb,gBAAcM,QAASM,MAAM;;AAIjCf,aAAS;;AAGXM,SAAM;AAAA,gBAEC;AACLF,qBAAgBI,YAAa;AAC7BL,mBAAcK,YAAa;;;AAE5Bb,OAAA,CAACN,UAAU;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAD,OAAAJ,EAAA;AAAAK,OAAAL,EAAA;;AApDdL,mBAAgBS,IAoDbC,GAAY;AAAA,QAERH"}
+{"version":3,"file":"use-content-overflow.js","names":["RefObject","useState","useLayoutEffect","OVERFLOW_THRESHOLD","BODY_SELECTOR","useContentOverflow","dialogRef","$","_c","overflows","setOverflows","t0","t1","dialog","current","ResizeObserver","body","measure","scrollHeight","clientHeight","resizeObserver","mutationObserver","MutationObserver","sync","querySelector","disconnect","observe","childList","form","Array","from","querySelectorAll","child","children","_c"],"sources":["../../../../src/components/overlays/Dialog/use-content-overflow.ts"],"sourcesContent":["import { RefObject, useState } from 'react';\n\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\n\n// Same slack as `useTinyScrollbar`: sub-pixel rounding can leave a body that\n// fits reporting a `scrollHeight` a pixel or two over its `clientHeight`.\nconst OVERFLOW_THRESHOLD = 2;\n\n// The body is the `Content` the dialog itself lays out: a direct child, or the\n// direct child of a direct-child `<form>` (a `Form` placed there lays itself\n// out as the dialog's column; see `FormElement`). Those are the two shapes in\n// which `Content` is the thing that scrolls. A `Content` nested anywhere else is\n// part of the body, not the body.\nconst BODY_SELECTOR =\n  ':scope > [data-id=\"Content\"], :scope > form > [data-id=\"Content\"]';\n\n/**\n * Whether the dialog's body is taller than the room it has, i.e. whether it\n * scrolls. The footer draws its top line on this (see `Dialog`).\n *\n * The body's own box is not enough to watch. Once the dialog reaches its max\n * height the box stops growing, and in a fixed-height dialog (`fullscreen`,\n * `panel`) it never changes at all — there, content growing past the fold is\n * visible only on the body's children. So both the body and its children are\n * observed, and the set is re-synced whenever the body or its child list is\n * replaced.\n */\nexport function useContentOverflow(dialogRef: RefObject<HTMLElement | null>) {\n  const [overflows, setOverflows] = useState(false);\n\n  useLayoutEffect(() => {\n    const dialog = dialogRef.current;\n\n    if (!dialog || typeof ResizeObserver === 'undefined') return;\n\n    let body: HTMLElement | null = null;\n\n    const measure = () => {\n      setOverflows(\n        !!body && body.scrollHeight > body.clientHeight + OVERFLOW_THRESHOLD,\n      );\n    };\n\n    const resizeObserver = new ResizeObserver(measure);\n\n    // Only the child lists of the dialog, a direct-child form and the body can\n    // move the body or change which children to watch, so those three are all\n    // it observes — never the subtree. A picker's popover is a dialog too, and\n    // a virtualized list scrolling inside it mutates on every frame. Deeper\n    // mutations that matter resize a child, which the resize observer sees.\n    const mutationObserver = new MutationObserver(() => sync());\n\n    const sync = () => {\n      body = dialog.querySelector<HTMLElement>(BODY_SELECTOR);\n\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n\n      mutationObserver.observe(dialog, { childList: true });\n\n      for (const form of Array.from(dialog.querySelectorAll(':scope > form'))) {\n        mutationObserver.observe(form, { childList: true });\n      }\n\n      if (body) {\n        mutationObserver.observe(body, { childList: true });\n        resizeObserver.observe(body);\n\n        for (const child of Array.from(body.children)) {\n          resizeObserver.observe(child);\n        }\n      }\n\n      measure();\n    };\n\n    sync();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n    };\n  }, [dialogRef]);\n\n  return overflows;\n}\n"],"mappings":";;;;;AAMA,MAAMG,qBAAqB;AAO3B,MAAMC,gBACJ;;;;;;;;;;;;AAaF,SAAOC,mBAAAC,WAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACL,MAAA,CAAAC,WAAAC,gBAAkCT,SAAS,KAAK;CAAE,IAAAU;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,WAAA;EAElCK,WAAA;GACd,MAAAE,SAAeP,UAASQ;GAExB,IAAI,CAACD,UAAU,OAAOE,mBAAmB,aAAW;GAEpD,IAAAC,OAA+B;GAE/B,MAAAC,gBAAgB;IACdP,aACE,CAAC,CAACM,QAAQA,KAAIE,eAAgBF,KAAIG,eAAgBhB,kBACpD;GAAC;GAGH,MAAAiB,iBAAuB,IAAIL,eAAeE,OAAO;GAOjD,MAAAI,mBAAyB,IAAIC,uBAAuBC,KAAK,CAAC;GAE1D,MAAAA,aAAa;IACXP,OAAOH,OAAMW,cAA4BpB,aAAa;IAEtDiB,iBAAgBI,WAAY;IAC5BL,eAAcK,WAAY;IAE1BJ,iBAAgBK,QAASb,QAAQ,EAAAc,WAAa,KAAK,CAAC;IAEpD,KAAK,MAAAC,QAAcC,MAAKC,KAAMjB,OAAMkB,iBAAkB,eAAe,CAAC,GACpEV,iBAAgBK,QAASE,MAAM,EAAAD,WAAa,KAAK,CAAC;IAGpD,IAAIX,MAAI;KACNK,iBAAgBK,QAASV,MAAM,EAAAW,WAAa,KAAK,CAAC;KAClDP,eAAcM,QAASV,IAAI;KAE3B,KAAK,MAAAgB,SAAeH,MAAKC,KAAMd,KAAIiB,QAAS,GAC1Cb,eAAcM,QAASM,KAAK;IAC7B;IAGHf,QAAQ;GAAC;GAGXM,KAAK;GAAC,aAEC;IACLF,iBAAgBI,WAAY;IAC5BL,eAAcK,WAAY;GAAC;EAC5B;EACAb,KAAA,CAACN,SAAS;EAACC,EAAA,KAAAD;EAAAC,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAD,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CApDdL,kBAAgBS,IAoDbC,EAAW;CAAC,OAERH;AAAS"}

package/dist/components/overlays/Dialog/use-dialog-container.d.ts

@@ -1,8 +1,6 @@
 
 import { DialogContainer } from "./DialogContainer.js";
-import * as react from "react";
 import { ComponentProps, ComponentType } from "react";
-
 //#region src/components/overlays/Dialog/use-dialog-container.d.ts
 /**
  * Generic hook to manage a dialog component.
@@ -11,12 +9,11 @@ import { ComponentProps, ComponentType } from "react";
  * @param defaultContainerProps - Default props to pass to the DialogContainer.
  * @returns An object with `open` function to open the dialog with provided props and `rendered` JSX element to include in your component tree.
  */
-declare function useDialogContainer<P, E = ComponentProps<typeof DialogContainer>>(Component: ComponentType<P>, defaultContainerProps?: ComponentProps<typeof DialogContainer>): {
+export declare function useDialogContainer<P, E = ComponentProps<typeof DialogContainer>>(Component: ComponentType<P>, defaultContainerProps?: ComponentProps<typeof DialogContainer>): {
   open: (props: P, containerProps?: E | undefined) => void;
   update: (props: P, containerProps?: E | undefined) => void;
   close: () => void;
-  readonly rendered: react.JSX.Element | null;
+  readonly rendered: import("react").JSX.Element | null;
 };
 //#endregion
-export { useDialogContainer };
 //# sourceMappingURL=use-dialog-container.d.ts.map

package/dist/components/overlays/Dialog/use-dialog-container.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";
 import { useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/overlays/Dialog/use-dialog-container.tsx
 /**
 * Generic hook to manage a dialog component.
@@ -59,7 +58,7 @@ function useDialogContainer(Component, defaultContainerProps) {
 		}
 	};
 }
-
 //#endregion
 export { useDialogContainer };
+
 //# sourceMappingURL=use-dialog-container.js.map

package/dist/components/overlays/Dialog/use-dialog-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog-container.js","names":["ComponentProps","ComponentType","useMemo","useRef","useState","useEvent","mergeProps","DialogContainer","useDialogContainer","Component","P","defaultContainerProps","isOpen","setIsOpen","componentProps","setComponentProps","containerProps","setContainerProps","E","setupRef","setupCheck","current","Error","open","props","update","close","renderedDialog","undefined","rendered"],"sources":["../../../../src/components/overlays/Dialog/use-dialog-container.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentType,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { mergeProps } from '../../../utils/react';\n\nimport { DialogContainer } from './DialogContainer';\n\n/**\n * Generic hook to manage a dialog component.\n *\n * @param Component - A React component that represents the dialog content. It must accept props of type P.\n * @param defaultContainerProps - Default props to pass to the DialogContainer.\n * @returns An object with `open` function to open the dialog with provided props and `rendered` JSX element to include in your component tree.\n */\nexport function useDialogContainer<\n  P,\n  E = ComponentProps<typeof DialogContainer>,\n>(\n  Component: ComponentType<P>,\n  defaultContainerProps?: ComponentProps<typeof DialogContainer>,\n) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [componentProps, setComponentProps] = useState<P | null>(null);\n  const [containerProps, setContainerProps] = useState<E | null>(null);\n  const setupRef = useRef(false);\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useDialogContainer: DialogContainer must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  // 'open' accepts props required by the Component and opens the dialog\n  const open = useEvent((props: P, containerProps?: E) => {\n    setupCheck();\n\n    setComponentProps(props);\n    setContainerProps(containerProps ?? null);\n    setIsOpen(true);\n  });\n\n  const update = useEvent((props: P, containerProps?: E) => {\n    setupCheck();\n\n    setComponentProps(props);\n    setContainerProps(containerProps ?? null);\n  });\n\n  const close = useEvent(() => {\n    setIsOpen(false);\n  });\n\n  // Render the dialog only when componentProps is set\n  const renderedDialog = useMemo(() => {\n    if (!componentProps) return null;\n\n    return (\n      <DialogContainer\n        isOpen={isOpen}\n        onDismiss={close}\n        {...mergeProps(defaultContainerProps, containerProps || undefined)}\n      >\n        <Component {...componentProps} />\n      </DialogContainer>\n    );\n  }, [componentProps, containerProps, isOpen, defaultContainerProps]);\n\n  return {\n    open,\n    update,\n    close,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedDialog;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,SAAgBQ,mBAIdC,WACAE,uBACA;CACA,MAAM,CAACC,QAAQC,aAAaT,SAAS,MAAM;CAC3C,MAAM,CAACU,gBAAgBC,qBAAqBX,SAAmB,KAAK;CACpE,MAAM,CAACY,gBAAgBC,qBAAqBb,SAAmB,KAAK;CACpE,MAAMe,WAAWhB,OAAO,MAAM;CAE9B,SAASiB,aAAa;AACpB,MAAI,CAACD,SAASE,QACZ,OAAM,IAAIC,MACR,sHACD;;CAKL,MAAMC,OAAOlB,UAAUmB,OAAUR,qBAAuB;AACtDI,cAAY;AAEZL,oBAAkBS,MAAM;AACxBP,oBAAkBD,oBAAkB,KAAK;AACzCH,YAAU,KAAK;GACf;CAEF,MAAMY,SAASpB,UAAUmB,SAAUR,qBAAuB;AACxDI,cAAY;AAEZL,oBAAkBS,QAAM;AACxBP,oBAAkBD,oBAAkB,KAAK;GACzC;CAEF,MAAMU,QAAQrB,eAAe;AAC3BQ,YAAU,MAAM;GAChB;CAGF,MAAMc,iBAAiBzB,cAAc;AACnC,MAAI,CAACY,eAAgB,QAAO;AAE5B,SACE,oBAAC;GACSF;GACR,WAAWc;GACX,GAAIpB,WAAWK,uBAAuBK,kBAAkBY,OAAU;aAElE,oBAAC,aAAU,GAAId,iBAAe;IACd;IAEnB;EAACA;EAAgBE;EAAgBJ;EAAQD;EAAsB,CAAC;AAEnE,QAAO;EACLY;EACAE;EACAC;EACA,IAAIG,WAAW;AACbV,YAASE,UAAU;AAEnB,UAAOM;;EAEV"}
+{"version":3,"file":"use-dialog-container.js","names":["ComponentProps","ComponentType","useMemo","useRef","useState","useEvent","mergeProps","DialogContainer","useDialogContainer","Component","P","defaultContainerProps","isOpen","setIsOpen","componentProps","setComponentProps","containerProps","setContainerProps","E","setupRef","setupCheck","current","Error","open","props","update","close","renderedDialog","undefined","rendered"],"sources":["../../../../src/components/overlays/Dialog/use-dialog-container.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentType,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { mergeProps } from '../../../utils/react';\n\nimport { DialogContainer } from './DialogContainer';\n\n/**\n * Generic hook to manage a dialog component.\n *\n * @param Component - A React component that represents the dialog content. It must accept props of type P.\n * @param defaultContainerProps - Default props to pass to the DialogContainer.\n * @returns An object with `open` function to open the dialog with provided props and `rendered` JSX element to include in your component tree.\n */\nexport function useDialogContainer<\n  P,\n  E = ComponentProps<typeof DialogContainer>,\n>(\n  Component: ComponentType<P>,\n  defaultContainerProps?: ComponentProps<typeof DialogContainer>,\n) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [componentProps, setComponentProps] = useState<P | null>(null);\n  const [containerProps, setContainerProps] = useState<E | null>(null);\n  const setupRef = useRef(false);\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useDialogContainer: DialogContainer must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  // 'open' accepts props required by the Component and opens the dialog\n  const open = useEvent((props: P, containerProps?: E) => {\n    setupCheck();\n\n    setComponentProps(props);\n    setContainerProps(containerProps ?? null);\n    setIsOpen(true);\n  });\n\n  const update = useEvent((props: P, containerProps?: E) => {\n    setupCheck();\n\n    setComponentProps(props);\n    setContainerProps(containerProps ?? null);\n  });\n\n  const close = useEvent(() => {\n    setIsOpen(false);\n  });\n\n  // Render the dialog only when componentProps is set\n  const renderedDialog = useMemo(() => {\n    if (!componentProps) return null;\n\n    return (\n      <DialogContainer\n        isOpen={isOpen}\n        onDismiss={close}\n        {...mergeProps(defaultContainerProps, containerProps || undefined)}\n      >\n        <Component {...componentProps} />\n      </DialogContainer>\n    );\n  }, [componentProps, containerProps, isOpen, defaultContainerProps]);\n\n  return {\n    open,\n    update,\n    close,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedDialog;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,SAAgBQ,mBAIdC,WACAE,uBACA;CACA,MAAM,CAACC,QAAQC,aAAaT,SAAS,KAAK;CAC1C,MAAM,CAACU,gBAAgBC,qBAAqBX,SAAmB,IAAI;CACnE,MAAM,CAACY,gBAAgBC,qBAAqBb,SAAmB,IAAI;CACnE,MAAMe,WAAWhB,OAAO,KAAK;CAE7B,SAASiB,aAAa;EACpB,IAAI,CAACD,SAASE,SACZ,MAAM,IAAIC,MACR,qHACF;CAEJ;CAGA,MAAMC,OAAOlB,UAAUmB,OAAUR,qBAAuB;EACtDI,WAAW;EAEXL,kBAAkBS,KAAK;EACvBP,kBAAkBD,oBAAkB,IAAI;EACxCH,UAAU,IAAI;CAChB,CAAC;CAED,MAAMY,SAASpB,UAAUmB,SAAUR,qBAAuB;EACxDI,WAAW;EAEXL,kBAAkBS,OAAK;EACvBP,kBAAkBD,oBAAkB,IAAI;CAC1C,CAAC;CAED,MAAMU,QAAQrB,eAAe;EAC3BQ,UAAU,KAAK;CACjB,CAAC;CAGD,MAAMc,iBAAiBzB,cAAc;EACnC,IAAI,CAACY,gBAAgB,OAAO;EAE5B,OACE,oBAAC,iBAAD;GACUF;GACR,WAAWc;GACX,GAAIpB,WAAWK,uBAAuBK,kBAAkBY,KAAAA,CAAS;GAEjE,UAAA,oBAAC,WAAD,EAAW,GAAId,eAAe,CAAA;EACf,CAAA;CAErB,GAAG;EAACA;EAAgBE;EAAgBJ;EAAQD;CAAqB,CAAC;CAElE,OAAO;EACLY;EACAE;EACAC;EACA,IAAIG,WAAW;GACbV,SAASE,UAAU;GAEnB,OAAOM;EACT;CACF;AACF"}

package/dist/components/overlays/Dialog/use-dialog-open-sync.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEventBus } from "../../../utils/react/useEventBus.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent } from "react";
-
 //#region src/components/overlays/Dialog/use-dialog-open-sync.ts
 /**
 * Emitted, besides `popover:open`, when a modal, tray, fullscreen or panel
@@ -77,7 +76,7 @@ function useDialogOpenSync(options) {
 	} else t4 = $[15];
 	useEffect(t3, t4);
 }
-
 //#endregion
 export { useDialogOpenSync };
+
 //# sourceMappingURL=use-dialog-open-sync.js.map

package/dist/components/overlays/Dialog/use-dialog-open-sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog-open-sync.js","names":["RefObject","useEffect","useEffectEvent","OverlayTriggerState","useEventBus","DIALOG_OPEN_EVENT","DialogOpenPayload","triggerEl","Element","DialogOpenSyncOptions","emits","closes","state","triggerRef","HTMLElement","overlayRef","useDialogOpenSync","options","$","_c","emit","on","isOpen","t0","t1","current","t2","contains","close","onDialogOpen","t3","data","t4"],"sources":["../../../../src/components/overlays/Dialog/use-dialog-open-sync.ts"],"sourcesContent":["import { RefObject, useEffect, useEffectEvent } from 'react';\nimport { OverlayTriggerState } from 'react-stately';\n\nimport { useEventBus } from '../../../utils/react/useEventBus';\n\n/**\n * Emitted, besides `popover:open`, when a modal, tray, fullscreen or panel\n * `DialogTrigger` opens. A popover that is not dismissable ignores\n * `popover:open`, but such a dialog takes over the page: left open, the popover\n * would sit over it, hidden from screen readers by it, and take its focus\n * restore. So it closes on this.\n */\nconst DIALOG_OPEN_EVENT = 'dialog:open';\n\ninterface DialogOpenPayload {\n  triggerEl: Element | null;\n}\n\ninterface DialogOpenSyncOptions {\n  /** Emits `dialog:open` on opening: a dialog that is not a popover. */\n  emits: boolean;\n  /** Closes on another dialog's `dialog:open`: a popover that is not dismissable. */\n  closes: boolean;\n  state: OverlayTriggerState;\n  triggerRef: RefObject<HTMLElement | null>;\n  overlayRef: RefObject<HTMLElement | null>;\n}\n\n/**\n * For `DialogTrigger`: a modal, tray, fullscreen or panel dialog announces that\n * it opened (`emits`), and a popover that is not dismissable closes when one\n * does (`closes`), unless it opened from inside the popover.\n */\nexport function useDialogOpenSync(options: DialogOpenSyncOptions) {\n  const { emits, closes, state, triggerRef, overlayRef } = options;\n  const { emit, on } = useEventBus();\n  const { isOpen } = state;\n\n  useEffect(() => {\n    if (!emits || !isOpen) return;\n\n    emit<DialogOpenPayload>(DIALOG_OPEN_EVENT, {\n      triggerEl: triggerRef.current,\n    });\n  }, [emits, isOpen, emit, triggerRef]);\n\n  const onDialogOpen = useEffectEvent((triggerEl: Element | null) => {\n    // A dialog opened from inside this popover belongs to it, and would be\n    // unmounted with it.\n    if (!state.isOpen || overlayRef.current?.contains(triggerEl)) return;\n\n    state.close();\n  });\n\n  useEffect(() => {\n    if (!closes) return;\n\n    return on<DialogOpenPayload>(DIALOG_OPEN_EVENT, (data) =>\n      onDialogOpen(data.triggerEl),\n    );\n  }, [closes, on]);\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAMK,oBAAoB;;;;;;AAqB1B,SAAOW,kBAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAT,OAAAC,QAAAC,OAAAC,YAAAE,eAAyDE;CACzD,MAAA,EAAAG,MAAAC,OAAqBjB,aAAa;CAClC,MAAA,EAAAkB,WAAmBV;CAAM,IAAAW;CAAA,IAAAC;AAAA,KAAAN,EAAA,OAAAE,QAAAF,EAAA,OAAAR,SAAAQ,EAAA,OAAAI,UAAAJ,EAAA,OAAAL,YAAA;AAEfU,aAAA;AACR,OAAI,CAACb,SAAD,CAAWY,OAAM;AAErBF,QAAwBf,mBAAmB,EAAAE,WAC9BM,WAAUY,SACtB,CAAC;;AACDD,OAAA;GAACd;GAAOY;GAAQF;GAAMP;GAAW;AAAAK,IAAA,KAAAE;AAAAF,IAAA,KAAAR;AAAAQ,IAAA,KAAAI;AAAAJ,IAAA,KAAAL;AAAAK,IAAA,KAAAK;AAAAL,IAAA,KAAAM;QAAA;AAAAD,OAAAL,EAAA;AAAAM,OAAAN,EAAA;;AANpCjB,WAAUsB,IAMPC,GAAkC;CAAA,IAAAE;AAAA,KAAAR,EAAA,OAAAH,cAAAG,EAAA,OAAAN,OAAA;AAEDc,QAAAnB,cAAA;AAGlC,OAAI,CAACK,MAAKU,UAAWP,WAAUU,SAAkBE,SAACpB,UAAU,CAAA;AAE5DK,SAAKgB,OAAQ;;AACdV,IAAA,KAAAH;AAAAG,IAAA,KAAAN;AAAAM,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAND,MAAAW,eAAqB3B,eAAewB,GAMlC;CAAC,IAAAI;AAAA,KAAAZ,EAAA,OAAAP,UAAAO,EAAA,QAAAG,MAAAH,EAAA,QAAAW,cAAA;AAEOC,aAAA;AACR,OAAI,CAACnB,OAAM;AAAS,UAEbU,GAAsBhB,oBAAmB0B,SAC9CF,aAAaE,KAAIxB,UACnB,CAAC;;AACFW,IAAA,KAAAP;AAAAO,IAAA,MAAAG;AAAAH,IAAA,MAAAW;AAAAX,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAP,UAAAO,EAAA,QAAAG,IAAA;AAAEW,OAAA,CAACrB,QAAQU,GAAG;AAAAH,IAAA,MAAAP;AAAAO,IAAA,MAAAG;AAAAH,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AANfjB,WAAU6B,IAMPE,GAAa"}
+{"version":3,"file":"use-dialog-open-sync.js","names":["RefObject","useEffect","useEffectEvent","OverlayTriggerState","useEventBus","DIALOG_OPEN_EVENT","DialogOpenPayload","triggerEl","Element","DialogOpenSyncOptions","emits","closes","state","triggerRef","HTMLElement","overlayRef","useDialogOpenSync","options","$","_c","emit","on","isOpen","t0","t1","current","t2","contains","close","onDialogOpen","t3","data","t4","_c"],"sources":["../../../../src/components/overlays/Dialog/use-dialog-open-sync.ts"],"sourcesContent":["import { RefObject, useEffect, useEffectEvent } from 'react';\nimport { OverlayTriggerState } from 'react-stately';\n\nimport { useEventBus } from '../../../utils/react/useEventBus';\n\n/**\n * Emitted, besides `popover:open`, when a modal, tray, fullscreen or panel\n * `DialogTrigger` opens. A popover that is not dismissable ignores\n * `popover:open`, but such a dialog takes over the page: left open, the popover\n * would sit over it, hidden from screen readers by it, and take its focus\n * restore. So it closes on this.\n */\nconst DIALOG_OPEN_EVENT = 'dialog:open';\n\ninterface DialogOpenPayload {\n  triggerEl: Element | null;\n}\n\ninterface DialogOpenSyncOptions {\n  /** Emits `dialog:open` on opening: a dialog that is not a popover. */\n  emits: boolean;\n  /** Closes on another dialog's `dialog:open`: a popover that is not dismissable. */\n  closes: boolean;\n  state: OverlayTriggerState;\n  triggerRef: RefObject<HTMLElement | null>;\n  overlayRef: RefObject<HTMLElement | null>;\n}\n\n/**\n * For `DialogTrigger`: a modal, tray, fullscreen or panel dialog announces that\n * it opened (`emits`), and a popover that is not dismissable closes when one\n * does (`closes`), unless it opened from inside the popover.\n */\nexport function useDialogOpenSync(options: DialogOpenSyncOptions) {\n  const { emits, closes, state, triggerRef, overlayRef } = options;\n  const { emit, on } = useEventBus();\n  const { isOpen } = state;\n\n  useEffect(() => {\n    if (!emits || !isOpen) return;\n\n    emit<DialogOpenPayload>(DIALOG_OPEN_EVENT, {\n      triggerEl: triggerRef.current,\n    });\n  }, [emits, isOpen, emit, triggerRef]);\n\n  const onDialogOpen = useEffectEvent((triggerEl: Element | null) => {\n    // A dialog opened from inside this popover belongs to it, and would be\n    // unmounted with it.\n    if (!state.isOpen || overlayRef.current?.contains(triggerEl)) return;\n\n    state.close();\n  });\n\n  useEffect(() => {\n    if (!closes) return;\n\n    return on<DialogOpenPayload>(DIALOG_OPEN_EVENT, (data) =>\n      onDialogOpen(data.triggerEl),\n    );\n  }, [closes, on]);\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAMK,oBAAoB;;;;;;AAqB1B,SAAOW,kBAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAT,OAAAC,QAAAC,OAAAC,YAAAE,eAAyDE;CACzD,MAAA,EAAAG,MAAAC,OAAqBjB,YAAY;CACjC,MAAA,EAAAkB,WAAmBV;CAAM,IAAAW;CAAA,IAAAC;CAAA,IAAAN,EAAA,OAAAE,QAAAF,EAAA,OAAAR,SAAAQ,EAAA,OAAAI,UAAAJ,EAAA,OAAAL,YAAA;EAEfU,WAAA;GACR,IAAI,CAACb,SAAD,CAAWY,QAAM;GAErBF,KAAwBf,mBAAmB,EAAAE,WAC9BM,WAAUY,QACvB,CAAC;EAAC;EACDD,KAAA;GAACd;GAAOY;GAAQF;GAAMP;EAAU;EAACK,EAAA,KAAAE;EAAAF,EAAA,KAAAR;EAAAQ,EAAA,KAAAI;EAAAJ,EAAA,KAAAL;EAAAK,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAA;EAAAD,KAAAL,EAAA;EAAAM,KAAAN,EAAA;CAAA;CANpCjB,UAAUsB,IAMPC,EAAiC;CAAC,IAAAE;CAAA,IAAAR,EAAA,OAAAH,cAAAG,EAAA,OAAAN,OAAA;EAEDc,MAAAnB,cAAA;GAGlC,IAAI,CAACK,MAAKU,UAAWP,WAAUU,SAAkBE,SAACpB,SAAS,GAAC;GAE5DK,MAAKgB,MAAO;EAAC;EACdV,EAAA,KAAAH;EAAAG,EAAA,KAAAN;EAAAM,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAND,MAAAW,eAAqB3B,eAAewB,EAMnC;CAAE,IAAAI;CAAA,IAAAZ,EAAA,OAAAP,UAAAO,EAAA,QAAAG,MAAAH,EAAA,QAAAW,cAAA;EAEOC,WAAA;GACR,IAAI,CAACnB,QAAM;GAAS,OAEbU,GAAsBhB,oBAAmB0B,SAC9CF,aAAaE,KAAIxB,SAAU,CAC7B;EAAC;EACFW,EAAA,KAAAP;EAAAO,EAAA,MAAAG;EAAAH,EAAA,MAAAW;EAAAX,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAP,UAAAO,EAAA,QAAAG,IAAA;EAAEW,KAAA,CAACrB,QAAQU,EAAE;EAACH,EAAA,MAAAP;EAAAO,EAAA,MAAAG;EAAAH,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CANfjB,UAAU6B,IAMPE,EAAY;AAAC"}