@cube-dev/ui-kit 0.176.0 → 0.178.0

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

@@ -1 +1 @@
-{"version":3,"file":"DialogTrigger.js","names":["Modal","Tray","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 { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends OverlayTriggerProps,\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 that should be rendered when on a mobile device. 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   * Whether a popover type Dialog's arrow should be hidden.\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. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /** Whether a modal type Dialog should be dismissable. */\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  // On small devices, show a modal or tray instead of a popover.\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  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,\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) {\n    if (isDismissable) {\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        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    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\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: targetRef || triggerRef,\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  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    triggerRef,\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      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        // The caller's own predicate is asked FIRST, so an explicit \"keep me\n        // open for this element\" wins over the automatic behaviours below\n        // (CUB-4113). It used to be consulted last, which made the prop inert\n        // for every `Button` / `ItemButton`: those carry\n        // `data-popover-dismiss`, so the auto-dismiss branch matched and\n        // closed the popover before the predicate was ever 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\n        // than an identity check.\n        if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n          return false;\n        }\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      const ownTrigger = targetRef?.current ?? triggerRef.current;\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}\n      arrowProps={arrowProps}\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      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    onClose,\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":";;;;;;;;;;;;;;;;;;;;;;;AAsGA,SAAgB,cAAc,OAA+B;CAC3D,IAAI,EACF,UACA,OAAO,SACP,aAAa,MACb,WACA,WACA,WACA,gBAAgB,MAChB,2BACA,QACA,iBAAiB,KACjB,aACA,8BACA,qBAAqB,MACrB,GAAG,kBACD;AAEJ,KAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,SAAS,SAAS,EAChD,OAAM,IAAI,MAAM,6CAA6C;CAG/D,IAAI,CAAC,SAAS,WAAW;AAIzB,KADe,cAAc,eAAe,eAAe,KAAK,EAClD;AAEZ,MAAI,SAAS,WAAW,eAAe,QACrC,iBAAgB;AAGlB,SAAO;;CAGT,IAAI,QAAQ,uBAAuB,MAAM;AAEzC,KAAI,OAAO,YAAY,WACrB,WAAU,QAAQ,MAAM;CAG1B,IAAI,UAAU,OAAO,MAAM;CAC3B,IAAI,YAAY,OAAO,MAAM;CAC7B,IAAI,kBAAmB,UAAU,UAAU;CAC3C,IAAI,iBAAkB,UAAU,UAAU;AAE1C,SAAQ,UAAU,MAAM;CASxB,MAAM,eAAe,cAAc,kBAAkB,EAAE,EAAE,CAAC;CAC1D,MAAM,iBAAiB,OAA2B,KAAK;CACvD,MAAM,iBAAiB,OAA2B,KAAK;CAQvD,MAAM,oBAAoB,SAAS;AACnC,gBAAe;EACb,QAAQ;EACR,QAAQ,MAAM;EACd,eAAe,MAAM,OAAO;EAC5B,YAAY;EACZ,cAAc;EACd,2BAA2B;EAC3B,iBAAiB;EAClB,CAAC;AAEF,iBAAgB;AACd,eAAa;AACX,QACG,QAAQ,WAAW,UAAU,YAC9B,SAAS,aACT,SAAS,OAET,SAAQ,KACN,wLACD;;IAGJ,EAAE,CAAC;CAEN,SAAS,QAAQ,QAAQ;AACvB,MAAI,eAAe;AACjB,gBAAa,UAAU,OAAO;AAC9B,SAAM,OAAO;;;AAIjB,KAAI,SAAS,UACX,QACE,oBAAC;EACC,GAAI;EACS;EACN;EACC;EACG;EACF;EACA;EACkB;EAChB;EACmB;EACV;EACJ;EACA;EAChB,aAAa;EACJ;GACT;CAIN,IAAI,sBAAsB;AACxB,UAAQ,MAAR;GACE,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK,QACH,QACE,oBAACA;IACC,KAAK;IACQ;IACb,QAAQ,MAAM;IACC;IACT;IACqB;IACnB;IACsB;IACrB;IACE;IACD;cAET,OAAO,YAAY,aAAa,QAAQ,MAAM,MAAM,GAAG;KAClD;GAEZ,KAAK,OACH,QACE,oBAACC;IACC,KAAK;IACQ;IACb,QAAQ,MAAM;IACa;IACnB;IACC;cAER,OAAO,YAAY,aAAa,QAAQ,MAAM,MAAM,GAAG;KACnD;;;AAKf,QACE,oBAAC;EACO;EACC;EACQ;EACN;EACT,SAAS,eAAe;EACX;EACG;EAChB,YAAY;EACQ;EACX;GACT;;AAIN,SAAS,eAAe,UAAU;CAChC,IAAI,EACF,OACA,QACA,WACA,SACA,SACA,WACA,SACA,2BACA,aACA,8BACA,oBACA,kBACA,gBACA,gBACA,aACA,GAAG,UACD;CAEJ,IAAI,aAAa,OAA0B,KAAK;CAChD,IAAI,aAAa,OAAuB,KAAK;AAgB7C,yBAAsB;AACpB,MAAI,eACF,gBAAe,UAAU,WAAW,WAAW,WAAW,WAAW;AAEvE,MAAI,eACF,gBAAe,UAAU,WAAW,WAAW;GAEjD;CAEF,IAAI,EACF,cAAc,cACd,WACA,YACA,mBACE,mBAAmB;EACrB,WAAW,aAAa;EACZ;EACZ,WAAW,MAAM;EACjB,kBAAkB,MAAM;EACxB,QAAQ,MAAM,UAAU;EACxB,aAAa,MAAM;EACnB,YAAY,MAAM;EAClB,sBAAsB,MAAM;EAC5B,QAAQ,MAAM;EACf,CAAC;CAEF,IAAI,sBAAsB;AAE1B,KAAI,iBACF,uBAAsB;EAAE,GAAG;EAAO,OAAO;EAAgB;CAG3D,IAAI,EAAE,cAAc,iBAAiB,kBACnC,EAAE,MAAM,UAAU,EAClB,qBACA,WACD;CAED,IAAI,sBAAsB;EACxB,GAAG;EACH,KAAK,YAAY,SAAY;EAC9B;CAQD,MAAM,sCAAsC,UACzC,OAAyB;EACxB,MAAM,mBAAmB,GAAG,QAAQ,yBAAyB;AAC7D,MAAI,CAAC,kBAAkB;AAYrB,OAAI,gCAAgC,CAAC,6BAA6B,GAAG,CACnE,QAAO;AAET,OAAI,GAAG,QAAQ,sBAAsB,CAAE,QAAO;AAK9C,OAAI,GAAG,QAAQ,yBAAyB,EAAE;AACxC,qBAAiB,MAAM,OAAO,EAAE,EAAE;AAClC,WAAO;;AAET,UAAO;;EAGT,MAAM,aAAa,WAAW,WAAW,WAAW;AACpD,MAAI,qBAAqB,cAAc,YAAY,SAAS,GAAG,CAC7D,QAAO;AAET,SAAO;GAEV;AAoBD,QACE,oBAAC;EACC,MAAK;EACE;EACP,cAAc;EACd,aAAa;EACJ;EACT,SAxBF,oBAACC;GACC,KAAK;GACG;GACK;GACb,QAAQ,MAAM;GACd,OAAO,aAAa;GACT;GACC;GACe;GAChB;GACX,8BAA8B;GACrB;aAER,OAAO,YAAY,aAAa,QAAQ,MAAM,MAAM,GAAG;IAChD;EAWI;EACQ;EACX;GACT;;AAIN,SAAS,kBAAkB,OAAY;CACrC,MAAM,MAAM,gBAA6B,MAAM,IAAI;CACnD,MAAM,aAAa,OAAO,MAAM;CAChC,MAAM,aACJ,MAAM;AAMR,yBAAsB;AACpB,MAAI,MAAM,eACR,OAAM,eAAe,UAAU,IAAI,WAAW;GAEhD;CAEF,IAAI,EACF,MACA,OACA,SACA,eACA,cAAc,EAAE,EAChB,eAAe,EAAE,EACjB,SACA,SACA,qBAAqB,SACnB;CAEJ,IAAI,UAAU;EACZ;EACA;EACA;EACA,QAAQ,MAAM;EAGd;EACA,GAAG;EACJ;CAYD,MAAM,6BAA6B,eAAe;EAChD,MAAM,gBAAgB,SAAS;AAE/B,MAAI,CAAC,iBAAiB,kBAAkB,SAAS,KAAM,QAAO;AAC9D,MAAI,CAAC,cAAc,YAAa,QAAO;AAEvC,SAAO,EACL,YAAY,SAAS,SAAS,cAAc,IAC5C,IAAI,SAAS,SAAS,cAAc;GAEtC;AASF,iBAAgB;AACd,MAAI,CAAC,MAAM,UAAU,WAAW,SAAS;AACvC,cAAW,UAAU;AACrB,OAAI,CAAC,mBAAoB;AACzB,OAAI,4BAA4B,CAAE;AAClC,OAAI,SAAS,OAAO;aACX,MAAM,OACf,YAAW,UAAU;IAEtB;EAAC,MAAM;EAAQ;EAAoB;EAA2B,CAAC;CAQlE,MAAM,oBACJ,SAAS,YAAY,EAAE,wBAAwB,IAAI,GAAG,EAAE;AAE1D,QACE,qBAAC,uBACC,oBAAC;EACM;EACL,GAAI;EACJ,GAAI;EACJ,WACE,MAAM,UACN,SAAS,WACT,SAAS,gBACT,SAAS;EAEX,SAAS,MAAM;YAEd;GACc,EACjB,oBAAC,cAAc;EAAS,OAAO;YAAU;GAAiC,IACjE"}
+{"version":3,"file":"DialogTrigger.js","names":["Modal","Tray","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 { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends OverlayTriggerProps,\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 that should be rendered when on a mobile device. 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   * Whether a popover type Dialog's arrow should be hidden.\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. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /** Whether a modal type Dialog should be dismissable. */\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  // On small devices, show a modal or tray instead of a popover.\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  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,\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) {\n    if (isDismissable) {\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        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    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\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: targetRef || triggerRef,\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  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    triggerRef,\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 the `data-popover-trigger` lookup too, not just inside the\n      // \"outside any trigger\" branch. A trigger can own interactive controls —\n      // a picker's clear button, or its custom `actions` — and those live\n      // INSIDE the trigger element, so the lookup below matched \"our own\n      // trigger\" and dismissed us without asking. That cost the control its\n      // press: the first click on `Reset` closed the list and never ran.\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 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      const ownTrigger = targetRef?.current ?? triggerRef.current;\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}\n      arrowProps={arrowProps}\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      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    onClose,\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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

package/dist/components/overlays/Modal/Modal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";

package/dist/components/overlays/Modal/OpenTransitionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx

package/dist/components/overlays/Modal/Overlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";
 import { OpenTransitionContext } from "./OpenTransitionContext.js";

package/dist/components/overlays/Modal/Popover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Modal/Tray.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";

package/dist/components/overlays/Modal/Underlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/overlays/Notifications/Notification.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/NotificationAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/components/overlays/Notifications/NotificationCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/overlays/Notifications/NotificationContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Notifications/NotificationContext.ts

package/dist/components/overlays/Notifications/NotificationItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Notifications/OverlayContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/overlays/Notifications/OverlayProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, useToastContext } from "./NotificationContext.js";
 import { OverlayContainer } from "./OverlayContainer.js";
 import { useNotificationState } from "./use-notification-state.js";

package/dist/components/overlays/Notifications/PersistentNotificationsList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Notifications/dismissed-storage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 //#region src/components/overlays/Notifications/dismissed-storage.ts
 const STORAGE_KEY = "cube-ui-dismissed-notifications";
 const TTL_MS = 864e5;

package/dist/components/overlays/Notifications/format-relative-time.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 //#region src/components/overlays/Notifications/format-relative-time.ts
 /**
 * Lightweight relative time formatter.

package/dist/components/overlays/Notifications/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useToastContext } from "./NotificationContext.js";
 import { NotificationAction } from "./NotificationAction.js";
 import { NotificationCard } from "./NotificationCard.js";

package/dist/components/overlays/Notifications/use-notification-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Notifications/use-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useNotificationContext } from "./NotificationContext.js";

package/dist/components/overlays/Notifications/use-overlay-timers.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { useMemo } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cleanupAndGetValidIds, saveDismissedId } from "./dismissed-storage.js";
 import { useRef, useState } from "react";

package/dist/components/overlays/Notifications/use-toast-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Toast/ToastItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Toast/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useToastContext } from "../Notifications/NotificationContext.js";
 import { useProgressToast } from "./useProgressToast.js";
 import { getThemeIcon, useToast } from "./useToast.js";

package/dist/components/overlays/Toast/useProgressToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Toast/useToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";
 import { useToastContext } from "../Notifications/NotificationContext.js";

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { isValidElement } from "react";

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { TooltipContext } from "./context.js";
 import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
@@ -29,7 +30,7 @@ function TooltipTrigger(props) {
 	const [trigger, tooltip] = Array.isArray(children) ? children : [children];
 	if (!isReactElement(tooltip)) throw new Error("CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).");
 	if (!isTriggerFunction(trigger) && !isReactElement(trigger) && typeof trigger !== "string") throw new Error("CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.");
-	if (activeWrap && true) console.warn("CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.");
+	if (activeWrap && isDevEnv()) console.warn("CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.");
 	let internalRef = useRef(null);
 	let tooltipTriggerRef = externalRef ?? internalRef;
 	let overlayRef = useRef(null);

package/dist/components/overlays/Tooltip/TooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement(value: unknown): value is ReactElement {\n  return isValidElement(value);\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 1500\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && process.env.NODE_ENV === 'development') {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLElement | null>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props, isDismissable: false });\n\n  let { triggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      isDismissable: false,\n      defaultOpen,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  let { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition({\n      placement: props.placement || 'top',\n      targetRef: tooltipTriggerRef,\n      overlayRef,\n      offset,\n      crossOffset,\n      isDismissable: false,\n      isOpen: state.isOpen,\n    });\n\n  const tooltipContextValue = {\n    state,\n    placement: placement || props.placement || 'top',\n    ref: overlayRef,\n    overlayProps,\n    arrowProps,\n    minOffset: 'var(--gap)',\n    minScale: '1',\n    isMaterial,\n    isLight,\n    updatePosition,\n    ...tooltipProps,\n  };\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        <DisplayTransition isShown={state.isOpen}>\n          {({ phase, isShown, ref: transitionRef }) => (\n            <TooltipContext.Provider\n              value={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            >\n              <Portal>{tooltip}</Portal>\n            </TooltipContext.Provider>\n          )}\n        </DisplayTransition>\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      <DisplayTransition isShown={state.isOpen && !isDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <TooltipContext.Provider\n            value={{\n              ...tooltipContextValue,\n              phase,\n              isShown,\n              ref: overlayRef,\n              transitionRef,\n            }}\n          >\n            <Portal>{tooltip}</Portal>\n          </TooltipContext.Provider>\n        )}\n      </DisplayTransition>\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,iBAAiB;AACvB,MAAM,uBAAuB;AAG7B,SAAS,kBAAkB,OAAiD;AAC1E,QAAO,OAAO,UAAU;;AAG1B,SAAS,eAAe,OAAuC;AAC7D,QAAO,eAAe,MAAM;;;;;;;AA0D9B,SAAgB,eAAe,OAAgC;CAC7D,IAAI,EACF,UACA,YACA,WAAW,aACX,cAAc,sBACd,YACA,YACA,SACA,SAAS,gBACT,SAAS,eACT,QAAQ,KACR,QACA,cACA,aACA,6BACE;CAQJ,MAAM,CAAC,SAAS,WAJS,MAAM,QAAQ,SAAS,GAC3C,WACA,CAAC,SAAS;AAKf,KAAI,CAAC,eAAe,QAAQ,CAC1B,OAAM,IAAI,MACR,sGACD;AAIH,KACE,CAAC,kBAAkB,QAAQ,IAC3B,CAAC,eAAe,QAAQ,IACxB,OAAO,YAAY,SAEnB,OAAM,IAAI,MACR,gGACD;AAIH,KAAI,cAAc,KAChB,SAAQ,KACN,+FACD;CAGH,IAAI,cAAc,OAAoB,KAAM;CAC5C,IAAI,oBAAoB,eAAe;CACvC,IAAI,aAAa,OAA2B,KAAK;CAEjD,IAAI,QAAQ,uBAAuB;EAAE;EAAO,GAAG;EAAO,eAAe;EAAO,CAAC;CAE7E,IAAI,EAAE,cAAc,iBAAiB,kBACnC;EACE,SAAS;EACT;EACA;EACA;EACA,eAAe;EACf;EACD,EACD,OACA,kBACD;CAED,IAAI,EAAE,cAAc,YAAY,WAAW,mBACzC,mBAAmB;EACjB,WAAW,MAAM,aAAa;EAC9B,WAAW;EACX;EACA;EACA;EACA,eAAe;EACf,QAAQ,MAAM;EACf,CAAC;CAEJ,MAAM,sBAAsB;EAC1B;EACA,WAAW,aAAa,MAAM,aAAa;EAC3C,KAAK;EACL;EACA;EACA,WAAW;EACX,UAAU;EACV;EACA;EACA;EACA,GAAG;EACJ;AAGD,KAAI,kBAAkB,QAAQ,CAC5B,QACE,8CACG,QAAQ,cAAc,kBAAkB,EACzC,oBAAC;EAAkB,SAAS,MAAM;aAC9B,EAAE,OAAO,SAAS,KAAK,oBACvB,oBAAC,eAAe;GACd,OAAO;IACL,GAAG;IACH;IACA;IACA,KAAK;IACL;IACD;aAED,oBAAC,oBAAQ,UAAiB;IACF;GAEV,IACnB;AAKP,KAAI,CAAC,cAAc,OAAO,YAAY,UAAU;AAC9C,UAAQ,KACN,yTACD;AAED,SAAO,oBAAC,mBAAO,UAAgB;;CAGjC,SAAS,QAAQ,GAAG;AAClB,KAAG,eAAe,WAAW,OAAO;;CAGtC,MAAM,iBACJ,8CACG,aACC,oBAACA;EAAoB;YAAU;GAAqB,GAEpD,SAEF,oBAAC;EAAkB,SAAS,MAAM,UAAU,CAAC;aACzC,EAAE,OAAO,SAAS,KAAK,oBACvB,oBAAC,eAAe;GACd,OAAO;IACL,GAAG;IACH;IACA;IACA,KAAK;IACL;IACD;aAED,oBAAC,oBAAQ,UAAiB;IACF;GAEV,IACnB;AAGL,KAAI,yBACF,QAAO;AAGT,QACE,oBAAC;EAAkB,GAAI;EAAc,KAAK;YACvC;GACiB"}
+{"version":3,"file":"TooltipTrigger.js","names":["ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement(value: unknown): value is ReactElement {\n  return isValidElement(value);\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 1500\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLElement | null>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props, isDismissable: false });\n\n  let { triggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      isDismissable: false,\n      defaultOpen,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  let { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition({\n      placement: props.placement || 'top',\n      targetRef: tooltipTriggerRef,\n      overlayRef,\n      offset,\n      crossOffset,\n      isDismissable: false,\n      isOpen: state.isOpen,\n    });\n\n  const tooltipContextValue = {\n    state,\n    placement: placement || props.placement || 'top',\n    ref: overlayRef,\n    overlayProps,\n    arrowProps,\n    minOffset: 'var(--gap)',\n    minScale: '1',\n    isMaterial,\n    isLight,\n    updatePosition,\n    ...tooltipProps,\n  };\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        <DisplayTransition isShown={state.isOpen}>\n          {({ phase, isShown, ref: transitionRef }) => (\n            <TooltipContext.Provider\n              value={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            >\n              <Portal>{tooltip}</Portal>\n            </TooltipContext.Provider>\n          )}\n        </DisplayTransition>\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      <DisplayTransition isShown={state.isOpen && !isDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <TooltipContext.Provider\n            value={{\n              ...tooltipContextValue,\n              phase,\n              isShown,\n              ref: overlayRef,\n              transitionRef,\n            }}\n          >\n            <Portal>{tooltip}</Portal>\n          </TooltipContext.Provider>\n        )}\n      </DisplayTransition>\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAyBA,MAAM,iBAAiB;AACvB,MAAM,uBAAuB;AAG7B,SAAS,kBAAkB,OAAiD;AAC1E,QAAO,OAAO,UAAU;;AAG1B,SAAS,eAAe,OAAuC;AAC7D,QAAO,eAAe,MAAM;;;;;;;AA0D9B,SAAgB,eAAe,OAAgC;CAC7D,IAAI,EACF,UACA,YACA,WAAW,aACX,cAAc,sBACd,YACA,YACA,SACA,SAAS,gBACT,SAAS,eACT,QAAQ,KACR,QACA,cACA,aACA,6BACE;CAQJ,MAAM,CAAC,SAAS,WAJS,MAAM,QAAQ,SAAS,GAC3C,WACA,CAAC,SAAS;AAKf,KAAI,CAAC,eAAe,QAAQ,CAC1B,OAAM,IAAI,MACR,sGACD;AAIH,KACE,CAAC,kBAAkB,QAAQ,IAC3B,CAAC,eAAe,QAAQ,IACxB,OAAO,YAAY,SAEnB,OAAM,IAAI,MACR,gGACD;AAIH,KAAI,cAAc,UAAU,CAC1B,SAAQ,KACN,+FACD;CAGH,IAAI,cAAc,OAAoB,KAAM;CAC5C,IAAI,oBAAoB,eAAe;CACvC,IAAI,aAAa,OAA2B,KAAK;CAEjD,IAAI,QAAQ,uBAAuB;EAAE;EAAO,GAAG;EAAO,eAAe;EAAO,CAAC;CAE7E,IAAI,EAAE,cAAc,iBAAiB,kBACnC;EACE,SAAS;EACT;EACA;EACA;EACA,eAAe;EACf;EACD,EACD,OACA,kBACD;CAED,IAAI,EAAE,cAAc,YAAY,WAAW,mBACzC,mBAAmB;EACjB,WAAW,MAAM,aAAa;EAC9B,WAAW;EACX;EACA;EACA;EACA,eAAe;EACf,QAAQ,MAAM;EACf,CAAC;CAEJ,MAAM,sBAAsB;EAC1B;EACA,WAAW,aAAa,MAAM,aAAa;EAC3C,KAAK;EACL;EACA;EACA,WAAW;EACX,UAAU;EACV;EACA;EACA;EACA,GAAG;EACJ;AAGD,KAAI,kBAAkB,QAAQ,CAC5B,QACE,8CACG,QAAQ,cAAc,kBAAkB,EACzC,oBAAC;EAAkB,SAAS,MAAM;aAC9B,EAAE,OAAO,SAAS,KAAK,oBACvB,oBAAC,eAAe;GACd,OAAO;IACL,GAAG;IACH;IACA;IACA,KAAK;IACL;IACD;aAED,oBAAC,oBAAQ,UAAiB;IACF;GAEV,IACnB;AAKP,KAAI,CAAC,cAAc,OAAO,YAAY,UAAU;AAC9C,UAAQ,KACN,yTACD;AAED,SAAO,oBAAC,mBAAO,UAAgB;;CAGjC,SAAS,QAAQ,GAAG;AAClB,KAAG,eAAe,WAAW,OAAO;;CAGtC,MAAM,iBACJ,8CACG,aACC,oBAACA;EAAoB;YAAU;GAAqB,GAEpD,SAEF,oBAAC;EAAkB,SAAS,MAAM,UAAU,CAAC;aACzC,EAAE,OAAO,SAAS,KAAK,oBACvB,oBAAC,eAAe;GACd,OAAO;IACL,GAAG;IACH;IACA;IACA,KAAK;IACL;IACD;aAED,oBAAC,oBAAQ,UAAiB;IACF;GAEV,IACnB;AAGL,KAAI,yBACF,QAAO;AAGT,QACE,oBAAC;EAAkB,GAAI;EAAc,KAAK;YACvC;GACiB"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { TastyBatchProvider } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { useEffect, useRef, useState } from "react";
 import invariant from "tiny-invariant";

package/dist/components/shared/DraggableCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/status/Spin/Cube.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/status/Spin/InternalSpinner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/Spin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/SpinsContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-accent-text",

package/dist/data/themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 //#region src/data/themes.ts
 var themes_default = {
 	special: {

package/dist/eslint-plugin/defaults.generated.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.176.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
 //#region src/eslint-plugin/defaults.generated.ts
 const DEFAULTS = {
 	components: {
@@ -2038,6 +2038,7 @@ const DEFAULTS = {
 		"CollectionItem.Action": "ItemAction",
 		"CollectionItem.Badge": "ItemBadge",
 		"CommandMenu.Trigger": "MenuTrigger",
+		"FilterPicker.Action": "ItemAction",
 		Input: "TextInput",
 		"Input.File": "FileInput",
 		"Input.Number": "NumberInput",
@@ -2053,7 +2054,10 @@ const DEFAULTS = {
 		"ItemButton.Badge": "ItemBadge",
 		"ItemCard.Action": "ItemAction",
 		"Menu.Trigger": "MenuTrigger",
+		"Picker.Action": "ItemAction",
 		"Radio.Group": "RadioGroup",
+		"Select.Action": "ItemAction",
+		"Tab.Action": "ItemAction",
 		"TextInput.File": "FileInput",
 		"TextInput.Number": "NumberInput",
 		"TextInput.Password": "PasswordInput",