@zendeskgarden/react-modals 9.0.0-next.1 → 9.0.0-next.3

package/dist/typings/styled/StyledTooltipModal.d.ts

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { Placement } from '@popperjs/core';
+import { Placement } from '@floating-ui/react-dom';
 import { TransitionStatus } from 'react-transition-group';
 import { ITooltipModalProps } from '../types';
 export interface IStyledTooltipModalProps extends Pick<ITooltipModalProps, 'hasArrow' | 'isAnimated'> {

package/dist/typings/styled/StyledTooltipWrapper.d.ts

@@ -4,10 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { Placement } from '@popperjs/core';
+import { Placement } from '@floating-ui/react-dom';
 import { ITooltipModalProps } from '../types';
 interface IStyledTooltipWrapperProps extends Pick<ITooltipModalProps, 'isAnimated' | 'zIndex'> {
-    placement?: Placement;
+    placement: Placement;
 }
 export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipWrapperProps, never>;
 export {};

package/dist/typings/styled/index.d.ts

@@ -20,9 +20,9 @@ export { StyledTooltipModalBody } from './StyledTooltipModalBody';
 export { StyledTooltipModalFooter } from './StyledTooltipModalFooter';
 export { StyledTooltipModalFooterItem } from './StyledTooltipModalFooterItem';
 export { StyledTooltipModalClose } from './StyledTooltipModalClose';
-export { StyledDrawerModal } from './StyledDrawerModal';
-export { StyledDrawerModalHeader } from './StyledDrawerModalHeader';
-export { StyledDrawerModalClose } from './StyledDrawerModalClose';
-export { StyledDrawerModalBody } from './StyledDrawerModalBody';
-export { StyledDrawerModalFooter } from './StyledDrawerModalFooter';
-export { StyledDrawerModalFooterItem } from './StyledDrawerModalFooterItem';
+export { StyledDrawer } from './StyledDrawer';
+export { StyledDrawerHeader } from './StyledDrawerHeader';
+export { StyledDrawerClose } from './StyledDrawerClose';
+export { StyledDrawerBody } from './StyledDrawerBody';
+export { StyledDrawerFooter } from './StyledDrawerFooter';
+export { StyledDrawerFooterItem } from './StyledDrawerFooterItem';

package/dist/typings/types/index.d.ts

@@ -5,7 +5,6 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { HTMLAttributes, KeyboardEvent, MouseEvent } from 'react';
-import { Modifier } from 'react-popper';
 export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
 export type Placement = (typeof PLACEMENT)[number];
 export interface IModalProps extends HTMLAttributes<HTMLDivElement> {
@@ -54,13 +53,13 @@ export interface IHeaderProps extends HTMLAttributes<HTMLDivElement> {
      */
     tag?: any;
 }
-export interface IDrawerModalProps extends Omit<IModalProps, 'isAnimated' | 'isCentered' | 'isLarge'> {
+export interface IDrawerProps extends Omit<IModalProps, 'isAnimated' | 'isCentered' | 'isLarge'> {
     /**
      * Opens the modal
      */
     isOpen?: boolean;
 }
-export interface IDrawerModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
+export interface IDrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Updates the element's HTML tag
      */
@@ -71,10 +70,6 @@ export interface ITooltipModalProps extends Omit<IModalProps, 'isCentered' | 'is
      * Positions the modal relative to the provided `HTMLElement`
      */
     referenceElement?: HTMLElement | null;
-    /**
-     * Modifies [Popper instance](https://popper.js.org/docs/v2/modifiers/) to customize positioning logic
-     */
-    popperModifiers?: Partial<Modifier<any, any>>[];
     /**
      * Adjusts the placement of the tooltip
      **/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-modals",
-  "version": "9.0.0-next.1",
+  "version": "9.0.0-next.3",
   "description": "Components relating to modals in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,14 +21,13 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@popperjs/core": "^2.4.4",
+    "@floating-ui/react-dom": "^2.0.0",
     "@zendeskgarden/container-focusvisible": "^2.0.0",
     "@zendeskgarden/container-modal": "^1.0.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
     "dom-helpers": "^5.1.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0",
-    "react-popper": "^2.2.3",
     "react-transition-group": "^4.4.2"
   },
   "peerDependencies": {
@@ -39,7 +38,7 @@
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.10",
-    "@zendeskgarden/react-theming": "^9.0.0-next.1",
+    "@zendeskgarden/react-theming": "^9.0.0-next.3",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -52,5 +51,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a9e4e776bf6ad8860a198fc24f27b2b5cbc83320"
+  "gitHead": "d5086e8a3ae0c8608361966954bf434ef03005ec"
 }

package/dist/typings/utils/gardenPlacements.d.ts

@@ -1,28 +0,0 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import { Placement } from '@popperjs/core';
-import { Placement as GardenPlacement } from '../types';
-/**
- * Convert Garden RTL aware placement to Popper.JS valid placement
- * @param {String} gardenPlacement
- */
-export declare function getPopperPlacement(gardenPlacement: GardenPlacement): Placement;
-/**
- * Convert Garden RTL aware placement to RTL equivalent Popper.JS placement
- * @param {String} gardenPlacement
- */
-export declare function getRtlPopperPlacement(gardenPlacement: GardenPlacement): Placement;
-/**
- * Convert Popper.JS placement to corresponding arrow position
- * @param {String} popperPlacement
- */
-export declare function getArrowPosition(popperPlacement: Placement): "top" | "top-left" | "top-right" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-top" | "left-bottom";
-/**
- * Convert Popper.JS placement to corresponding menu position
- * @param {String} popperPlacement
- */
-export declare function getMenuPosition(popperPlacement?: Placement): "top" | "right" | "bottom" | "left";