@react-types/dialog 3.5.24 → 3.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-types/dialog",
-  "version": "3.5.24",
+  "version": "3.6.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "types": "src/index.d.ts",
@@ -9,14 +9,16 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-types/overlays": "^3.9.4",
-    "@react-types/shared": "^3.33.1"
+    "@react-aria/dialog": "^3.6.0",
+    "@react-spectrum/dialog": "^3.10.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+    "@react-spectrum/provider": "^3.0.0",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.d.ts

@@ -10,93 +10,5 @@
  * governing permissions and limitations under the License.
  */
 
-import {AriaLabelingProps, DOMProps, RefObject, StyleProps} from '@react-types/shared';
-import {OverlayTriggerProps, PositionProps} from '@react-types/overlays';
-import {ReactElement, ReactNode} from 'react';
-
-export type SpectrumDialogClose = (close: () => void) => ReactElement;
-
-export interface SpectrumDialogTriggerProps extends OverlayTriggerProps, PositionProps {
-  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */
-  children: [ReactElement, SpectrumDialogClose | ReactElement],
-  /**
-   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.
-   * @default 'modal'
-   */
-  type?: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',
-  /** The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types section](#dialog-types) for an explanation on each. */
-  mobileType?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover',
-  /**
-   * Whether a popover type Dialog's arrow should be hidden.
-   */
-  hideArrow?: boolean,
-  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. */
-  targetRef?: RefObject<HTMLElement | null>,
-  /** Whether a modal type Dialog should be dismissable. */
-  isDismissable?: boolean,
-  /** Whether pressing the escape key to close the dialog should be disabled. */
-  isKeyboardDismissDisabled?: boolean
-}
-
-export interface SpectrumDialogContainerProps {
-  /** The Dialog to display, if any. */
-  children: ReactNode,
-  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */
-  onDismiss: () => void,
-  /**
-   * The type of Dialog that should be rendered. See the visual options below for examples of each.
-   * @default 'modal'
-   */
-  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover',
-  /** Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */
-  isDismissable?: boolean,
-  /** Whether pressing the escape key to close the dialog should be disabled. */
-  isKeyboardDismissDisabled?: boolean
-}
-
-export interface AriaDialogProps extends DOMProps, AriaLabelingProps {
-  /**
-   * The accessibility role for the dialog.
-   * @default 'dialog'
-   */
-  role?: 'dialog' | 'alertdialog'
-}
-
-export interface SpectrumDialogProps extends AriaDialogProps, StyleProps {
-  /** The contents of the Dialog. */
-  children: ReactNode,
-  /** The size of the Dialog. Only applies to "modal" type Dialogs. */
-  size?: 'S' | 'M' | 'L',
-  /** Whether the Dialog is dismissable. See the [examples](#examples) for more details. */
-  isDismissable?: boolean,
-  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */
-  onDismiss?: () => void
-}
-
-export interface SpectrumAlertDialogProps extends DOMProps, StyleProps {
-  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */
-  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',
-  /** The title of the AlertDialog. */
-  title: string,
-  /** The contents of the AlertDialog. */
-  children: ReactNode,
-  /** The label to display within the cancel button. */
-  cancelLabel?: string,
-  /** The label to display within the confirm button. */
-  primaryActionLabel: string,
-  /** The label to display within the secondary button. */
-  secondaryActionLabel?: string,
-  /** Whether the primary button is disabled. */
-  isPrimaryActionDisabled?: boolean,
-  /** Whether the secondary button is disabled. */
-  isSecondaryActionDisabled?: boolean,
-  /** Handler that is called when the cancel button is pressed. */
-  onCancel?: () => void,
-  /** Handler that is called when the primary button is pressed. */
-  onPrimaryAction?: () => void,
-  /** Handler that is called when the secondary button is pressed. */
-  onSecondaryAction?: () => void,
-  /** Button to focus by default when the dialog opens. */
-  autoFocusButton?: 'cancel' | 'primary' | 'secondary'
-  // allowsKeyboardConfirmation?: boolean, // triggers primary action
-}
+export {AriaDialogProps} from '@react-aria/dialog';
+export {SpectrumDialogClose, SpectrumDialogTriggerProps, SpectrumDialogContainerProps, SpectrumDialogProps, SpectrumAlertDialogProps} from '@react-spectrum/dialog';