@fluentui/react-positioning 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/.swcrc

@@ -1,15 +1,5 @@
 {
   "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
   "exclude": [
     "/testing",
     "/**/*.cy.ts",
@@ -32,7 +22,8 @@
         "runtime": "classic",
         "useSpread": true
       }
-    }
+    },
+    "target": "es2019"
   },
   "minify": false,
   "sourceMaps": true

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-positioning",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:02 GMT",
-      "tag": "@fluentui/react-positioning_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Wed, 22 Mar 2023 04:46:48 GMT",
+      "tag": "@fluentui/react-positioning_v0.0.0-nightly-20230322-0439.1",
+      "version": "0.0.0-nightly-20230322-0439.1",
       "comments": {
         "prerelease": [
           {
@@ -16,20 +16,59 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-positioning",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-positioning",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-positioning",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:23:45 GMT",
+      "tag": "@fluentui/react-positioning_v9.5.6",
+      "version": "9.5.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-theme to v9.1.7",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v9.7.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,20 +1,33 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Fri, 17 Mar 2023 15:00:02 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Mar 2023 04:46:48 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightly-20230322-0439.1)
 
-Fri, 17 Mar 2023 15:00:02 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.5.5..@fluentui/react-positioning_v0.0.0-nightly-20230317-1454.1)
+Wed, 22 Mar 2023 04:46:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.5.6..@fluentui/react-positioning_v0.0.0-nightly-20230322-0439.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+
+## [9.5.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.5.6)
+
+Tue, 21 Mar 2023 21:23:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.5.5..@fluentui/react-positioning_v9.5.6)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
 
 ## [9.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.5.5)
 

package/lib/constants.js

@@ -1,5 +1,5 @@
-export const DATA_POSITIONING_INTERSECTING = "data-popper-is-intersecting";
-export const DATA_POSITIONING_ESCAPED = "data-popper-escaped";
-export const DATA_POSITIONING_HIDDEN = "data-popper-reference-hidden";
-export const DATA_POSITIONING_PLACEMENT = "data-popper-placement";
+export const DATA_POSITIONING_INTERSECTING = 'data-popper-is-intersecting';
+export const DATA_POSITIONING_ESCAPED = 'data-popper-escaped';
+export const DATA_POSITIONING_HIDDEN = 'data-popper-reference-hidden';
+export const DATA_POSITIONING_PLACEMENT = 'data-popper-placement';
 //# sourceMappingURL=constants.js.map

package/lib/createArrowStyles.js

@@ -1,5 +1,5 @@
-import { shorthands } from "@griffel/react";
-import { tokens } from "@fluentui/react-theme";
+import { shorthands } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
 /**
  * @internal
  * Helper that creates a makeStyles rule for an arrow element.
@@ -26,45 +26,45 @@ import { tokens } from "@fluentui/react-theme";
 export function createArrowStyles(options) {
   const {
     arrowHeight,
-    borderWidth = "1px",
-    borderStyle = "solid",
+    borderWidth = '1px',
+    borderStyle = 'solid',
     borderColor = tokens.colorTransparentStroke
   } = options;
   return {
-    position: "absolute",
-    backgroundColor: "inherit",
-    visibility: "hidden",
+    position: 'absolute',
+    backgroundColor: 'inherit',
+    visibility: 'hidden',
     zIndex: -1,
     ...(arrowHeight && createArrowHeightStyles(arrowHeight)),
-    "::before": {
+    '::before': {
       content: '""',
-      visibility: "visible",
-      position: "absolute",
-      boxSizing: "border-box",
-      width: "inherit",
-      height: "inherit",
-      backgroundColor: "inherit",
+      visibility: 'visible',
+      position: 'absolute',
+      boxSizing: 'border-box',
+      width: 'inherit',
+      height: 'inherit',
+      backgroundColor: 'inherit',
       ...shorthands.borderRight(`${borderWidth} /* @noflip */`, `${borderStyle} /* @noflip */`, `${borderColor} /* @noflip */`),
       ...shorthands.borderBottom(borderWidth, borderStyle, borderColor),
       borderBottomRightRadius: tokens.borderRadiusSmall,
-      transform: "rotate(var(--angle)) translate(0, 50%) rotate(45deg)"
+      transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)'
     },
     // Popper sets data-popper-placement on the root element, which is used to align the arrow
     ':global([data-popper-placement^="top"])': {
       bottom: `-${borderWidth}`,
-      "--angle": "0"
+      '--angle': '0'
     },
     ':global([data-popper-placement^="right"])': {
       left: `-${borderWidth} /* @noflip */`,
-      "--angle": "90deg"
+      '--angle': '90deg'
     },
     ':global([data-popper-placement^="bottom"])': {
       top: `-${borderWidth}`,
-      "--angle": "180deg"
+      '--angle': '180deg'
     },
     ':global([data-popper-placement^="left"])': {
       right: `-${borderWidth} /* @noflip */`,
-      "--angle": "270deg"
+      '--angle': '270deg'
     }
   };
 }

package/lib/createPositionManager.js

@@ -1,6 +1,6 @@
-import { computePosition } from "@floating-ui/dom";
-import { debounce, writeArrowUpdates, writeContainerUpdates, getScrollParent } from "./utils";
-import { isHTMLElement } from "@fluentui/react-utilities";
+import { computePosition } from '@floating-ui/dom';
+import { debounce, writeArrowUpdates, writeContainerUpdates, getScrollParent } from './utils';
+import { isHTMLElement } from '@fluentui/react-utilities';
 /**
  * @internal
  * @returns manager that handles positioning out of the react lifecycle
@@ -27,7 +27,7 @@ export function createPositionManager(options) {
   // When the container is first resolved, set position `fixed` to avoid scroll jumps.
   // Without this scroll jumps can occur when the element is rendered initially and receives focus
   Object.assign(container.style, {
-    position: "fixed",
+    position: 'fixed',
     left: 0,
     top: 0,
     margin: 0
@@ -44,7 +44,7 @@ export function createPositionManager(options) {
         scrollParents.add(getScrollParent(target));
       }
       scrollParents.forEach(scrollParent => {
-        scrollParent.addEventListener("scroll", updatePosition);
+        scrollParent.addEventListener('scroll', updatePosition);
       });
       isFirstUpdate = false;
     }
@@ -78,7 +78,7 @@ export function createPositionManager(options) {
           x,
           y
         },
-        lowPPI: (targetWindow?.devicePixelRatio || 1) <= 1,
+        lowPPI: ((targetWindow === null || targetWindow === void 0 ? void 0 : targetWindow.devicePixelRatio) || 1) <= 1,
         strategy
       });
     }).catch(err => {
@@ -89,9 +89,9 @@ export function createPositionManager(options) {
       // JSDOM being torn down before this promise is resolved so globals like `window` and `document` don't exist
       // Unless all tests that ever use `usePositioning` are turned into async tests, any logging during testing
       // will actually be counter productive
-      if (process.env.NODE_ENV === "development") {
+      if (process.env.NODE_ENV === 'development') {
         // eslint-disable-next-line no-console
-        console.error("[usePositioning]: Failed to calculate position", err);
+        console.error('[usePositioning]: Failed to calculate position', err);
       }
     });
   };
@@ -99,16 +99,16 @@ export function createPositionManager(options) {
   const dispose = () => {
     isDestroyed = true;
     if (targetWindow) {
-      targetWindow.removeEventListener("scroll", updatePosition);
-      targetWindow.removeEventListener("resize", updatePosition);
+      targetWindow.removeEventListener('scroll', updatePosition);
+      targetWindow.removeEventListener('resize', updatePosition);
     }
     scrollParents.forEach(scrollParent => {
-      scrollParent.removeEventListener("scroll", updatePosition);
+      scrollParent.removeEventListener('scroll', updatePosition);
     });
   };
   if (targetWindow) {
-    targetWindow.addEventListener("scroll", updatePosition);
-    targetWindow.addEventListener("resize", updatePosition);
+    targetWindow.addEventListener('scroll', updatePosition);
+    targetWindow.addEventListener('resize', updatePosition);
   }
   // Update the position on initialization
   updatePosition();

package/lib/createPositionManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["computePosition","debounce","writeArrowUpdates","writeContainerUpdates","getScrollParent","isHTMLElement","createPositionManager","options","container","target","arrow","strategy","middleware","placement","isDestroyed","updatePosition","undefined","dispose","isFirstUpdate","scrollParents","Set","targetWindow","ownerDocument","defaultView","Object","assign","style","position","left","top","margin","forceUpdate","add","forEach","scrollParent","addEventListener","then","x","y","middlewareData","computedPlacement","coordinates","lowPPI","devicePixelRatio","catch","err","process","env","NODE_ENV","console","error","removeEventListener"],"sources":["../src/createPositionManager.ts"],"sourcesContent":["import { computePosition } from '@floating-ui/dom';\nimport type { Middleware, Placement, Strategy } from '@floating-ui/dom';\nimport type { PositionManager, TargetElement } from './types';\nimport { debounce, writeArrowUpdates, writeContainerUpdates, getScrollParent } from './utils';\nimport { isHTMLElement } from '@fluentui/react-utilities';\n\ninterface PositionManagerOptions {\n  /**\n   * The positioned element\n   */\n  container: HTMLElement;\n  /**\n   * Element that the container will be anchored to\n   */\n  target: TargetElement;\n  /**\n   * Arrow that points from the container to the target\n   */\n  arrow: HTMLElement | null;\n  /**\n   * The value of the css `position` property\n   * @default absolute\n   */\n  strategy: Strategy;\n  /**\n   * [Floating UI middleware](https://floating-ui.com/docs/middleware)\n   */\n  middleware: Middleware[];\n  /**\n   * [Floating UI placement](https://floating-ui.com/docs/computePosition#placement)\n   */\n  placement?: Placement;\n}\n\n/**\n * @internal\n * @returns manager that handles positioning out of the react lifecycle\n */\nexport function createPositionManager(options: PositionManagerOptions): PositionManager {\n  const { container, target, arrow, strategy, middleware, placement } = options;\n  let isDestroyed = false;\n  if (!target || !container) {\n    return {\n      updatePosition: () => undefined,\n      dispose: () => undefined,\n    };\n  }\n\n  let isFirstUpdate = true;\n  const scrollParents: Set<HTMLElement> = new Set<HTMLElement>();\n  const targetWindow = container.ownerDocument.defaultView;\n\n  // When the container is first resolved, set position `fixed` to avoid scroll jumps.\n  // Without this scroll jumps can occur when the element is rendered initially and receives focus\n  Object.assign(container.style, { position: 'fixed', left: 0, top: 0, margin: 0 });\n\n  const forceUpdate = () => {\n    // debounced update can still occur afterwards\n    // early return to avoid memory leaks\n    if (isDestroyed) {\n      return;\n    }\n\n    if (isFirstUpdate) {\n      scrollParents.add(getScrollParent(container));\n      if (isHTMLElement(target)) {\n        scrollParents.add(getScrollParent(target));\n      }\n\n      scrollParents.forEach(scrollParent => {\n        scrollParent.addEventListener('scroll', updatePosition);\n      });\n\n      isFirstUpdate = false;\n    }\n\n    Object.assign(container.style, { position: strategy });\n    computePosition(target, container, { placement, middleware, strategy })\n      .then(({ x, y, middlewareData, placement: computedPlacement }) => {\n        // Promise can still resolve after destruction\n        // early return to avoid applying outdated position\n        if (isDestroyed) {\n          return;\n        }\n\n        writeArrowUpdates({ arrow, middlewareData });\n        writeContainerUpdates({\n          container,\n          middlewareData,\n          placement: computedPlacement,\n          coordinates: { x, y },\n          lowPPI: (targetWindow?.devicePixelRatio || 1) <= 1,\n          strategy,\n        });\n      })\n      .catch(err => {\n        // https://github.com/floating-ui/floating-ui/issues/1845\n        // FIXME for node > 14\n        // node 15 introduces promise rejection which means that any components\n        // tests need to be `it('', async () => {})` otherwise there can be race conditions with\n        // JSDOM being torn down before this promise is resolved so globals like `window` and `document` don't exist\n        // Unless all tests that ever use `usePositioning` are turned into async tests, any logging during testing\n        // will actually be counter productive\n        if (process.env.NODE_ENV === 'development') {\n          // eslint-disable-next-line no-console\n          console.error('[usePositioning]: Failed to calculate position', err);\n        }\n      });\n  };\n\n  const updatePosition = debounce(() => forceUpdate());\n\n  const dispose = () => {\n    isDestroyed = true;\n\n    if (targetWindow) {\n      targetWindow.removeEventListener('scroll', updatePosition);\n      targetWindow.removeEventListener('resize', updatePosition);\n    }\n\n    scrollParents.forEach(scrollParent => {\n      scrollParent.removeEventListener('scroll', updatePosition);\n    });\n  };\n\n  if (targetWindow) {\n    targetWindow.addEventListener('scroll', updatePosition);\n    targetWindow.addEventListener('resize', updatePosition);\n  }\n\n  // Update the position on initialization\n  updatePosition();\n\n  return {\n    updatePosition,\n    dispose,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["computePosition","debounce","writeArrowUpdates","writeContainerUpdates","getScrollParent","isHTMLElement","createPositionManager","options","container","target","arrow","strategy","middleware","placement","isDestroyed","updatePosition","undefined","dispose","isFirstUpdate","scrollParents","Set","targetWindow","ownerDocument","defaultView","Object","assign","style","position","left","top","margin","forceUpdate","add","forEach","scrollParent","addEventListener","then","x","y","middlewareData","computedPlacement","coordinates","lowPPI","devicePixelRatio","catch","err","process","env","NODE_ENV","console","error","removeEventListener"],"sources":["../src/createPositionManager.ts"],"sourcesContent":["import { computePosition } from '@floating-ui/dom';\nimport type { Middleware, Placement, Strategy } from '@floating-ui/dom';\nimport type { PositionManager, TargetElement } from './types';\nimport { debounce, writeArrowUpdates, writeContainerUpdates, getScrollParent } from './utils';\nimport { isHTMLElement } from '@fluentui/react-utilities';\n\ninterface PositionManagerOptions {\n  /**\n   * The positioned element\n   */\n  container: HTMLElement;\n  /**\n   * Element that the container will be anchored to\n   */\n  target: TargetElement;\n  /**\n   * Arrow that points from the container to the target\n   */\n  arrow: HTMLElement | null;\n  /**\n   * The value of the css `position` property\n   * @default absolute\n   */\n  strategy: Strategy;\n  /**\n   * [Floating UI middleware](https://floating-ui.com/docs/middleware)\n   */\n  middleware: Middleware[];\n  /**\n   * [Floating UI placement](https://floating-ui.com/docs/computePosition#placement)\n   */\n  placement?: Placement;\n}\n\n/**\n * @internal\n * @returns manager that handles positioning out of the react lifecycle\n */\nexport function createPositionManager(options: PositionManagerOptions): PositionManager {\n  const { container, target, arrow, strategy, middleware, placement } = options;\n  let isDestroyed = false;\n  if (!target || !container) {\n    return {\n      updatePosition: () => undefined,\n      dispose: () => undefined,\n    };\n  }\n\n  let isFirstUpdate = true;\n  const scrollParents: Set<HTMLElement> = new Set<HTMLElement>();\n  const targetWindow = container.ownerDocument.defaultView;\n\n  // When the container is first resolved, set position `fixed` to avoid scroll jumps.\n  // Without this scroll jumps can occur when the element is rendered initially and receives focus\n  Object.assign(container.style, { position: 'fixed', left: 0, top: 0, margin: 0 });\n\n  const forceUpdate = () => {\n    // debounced update can still occur afterwards\n    // early return to avoid memory leaks\n    if (isDestroyed) {\n      return;\n    }\n\n    if (isFirstUpdate) {\n      scrollParents.add(getScrollParent(container));\n      if (isHTMLElement(target)) {\n        scrollParents.add(getScrollParent(target));\n      }\n\n      scrollParents.forEach(scrollParent => {\n        scrollParent.addEventListener('scroll', updatePosition);\n      });\n\n      isFirstUpdate = false;\n    }\n\n    Object.assign(container.style, { position: strategy });\n    computePosition(target, container, { placement, middleware, strategy })\n      .then(({ x, y, middlewareData, placement: computedPlacement }) => {\n        // Promise can still resolve after destruction\n        // early return to avoid applying outdated position\n        if (isDestroyed) {\n          return;\n        }\n\n        writeArrowUpdates({ arrow, middlewareData });\n        writeContainerUpdates({\n          container,\n          middlewareData,\n          placement: computedPlacement,\n          coordinates: { x, y },\n          lowPPI: (targetWindow?.devicePixelRatio || 1) <= 1,\n          strategy,\n        });\n      })\n      .catch(err => {\n        // https://github.com/floating-ui/floating-ui/issues/1845\n        // FIXME for node > 14\n        // node 15 introduces promise rejection which means that any components\n        // tests need to be `it('', async () => {})` otherwise there can be race conditions with\n        // JSDOM being torn down before this promise is resolved so globals like `window` and `document` don't exist\n        // Unless all tests that ever use `usePositioning` are turned into async tests, any logging during testing\n        // will actually be counter productive\n        if (process.env.NODE_ENV === 'development') {\n          // eslint-disable-next-line no-console\n          console.error('[usePositioning]: Failed to calculate position', err);\n        }\n      });\n  };\n\n  const updatePosition = debounce(() => forceUpdate());\n\n  const dispose = () => {\n    isDestroyed = true;\n\n    if (targetWindow) {\n      targetWindow.removeEventListener('scroll', updatePosition);\n      targetWindow.removeEventListener('resize', updatePosition);\n    }\n\n    scrollParents.forEach(scrollParent => {\n      scrollParent.removeEventListener('scroll', updatePosition);\n    });\n  };\n\n  if (targetWindow) {\n    targetWindow.addEventListener('scroll', updatePosition);\n    targetWindow.addEventListener('resize', updatePosition);\n  }\n\n  // Update the position on initialization\n  updatePosition();\n\n  return {\n    updatePosition,\n    dispose,\n  };\n}\n"],"mappings":"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"}

package/lib/index.js

@@ -1,6 +1,6 @@
-export { createVirtualElementFromClick } from "./createVirtualElementFromClick";
-export { createArrowHeightStyles, createArrowStyles } from "./createArrowStyles";
-export { usePositioning } from "./usePositioning";
-export { usePositioningMouseTarget } from "./usePositioningMouseTarget";
-export { resolvePositioningShorthand, mergeArrowOffset } from "./utils/index";
+export { createVirtualElementFromClick } from './createVirtualElementFromClick';
+export { createArrowHeightStyles, createArrowStyles } from './createArrowStyles';
+export { usePositioning } from './usePositioning';
+export { usePositioningMouseTarget } from './usePositioningMouseTarget';
+export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
 //# sourceMappingURL=index.js.map

package/lib/middleware/coverTarget.js

@@ -1,7 +1,7 @@
-import { parseFloatingUIPlacement } from "../utils/index";
+import { parseFloatingUIPlacement } from '../utils/index';
 export function coverTarget() {
   return {
-    name: "coverTarget",
+    name: 'coverTarget',
     fn: middlewareArguments => {
       const {
         placement,
@@ -15,16 +15,16 @@ export function coverTarget() {
         y
       };
       switch (basePlacement) {
-        case "bottom":
+        case 'bottom':
           newCoords.y -= rects.reference.height;
           break;
-        case "top":
+        case 'top':
           newCoords.y += rects.reference.height;
           break;
-        case "left":
+        case 'left':
           newCoords.x += rects.reference.width;
           break;
-        case "right":
+        case 'right':
           newCoords.x -= rects.reference.width;
           break;
       }

package/lib/middleware/flip.js

@@ -1,5 +1,5 @@
-import { flip as baseFlip } from "@floating-ui/dom";
-import { getBoundary, resolvePositioningShorthand, toFloatingUIPlacement } from "../utils/index";
+import { flip as baseFlip } from '@floating-ui/dom';
+import { getBoundary, resolvePositioningShorthand, toFloatingUIPlacement } from '../utils/index';
 export function flip(options) {
   const {
     hasScrollableElement,
@@ -21,13 +21,13 @@ export function flip(options) {
   }, []);
   return baseFlip({
     ...(hasScrollableElement && {
-      boundary: "clippingAncestors"
+      boundary: 'clippingAncestors'
     }),
     ...(flipBoundary && {
       altBoundary: true,
       boundary: getBoundary(container, flipBoundary)
     }),
-    fallbackStrategy: "bestFit",
+    fallbackStrategy: 'bestFit',
     ...(fallbackPlacements.length && {
       fallbackPlacements
     })

package/lib/middleware/index.js

@@ -1,7 +1,7 @@
-export * from "./coverTarget";
-export * from "./flip";
-export * from "./intersecting";
-export * from "./maxSize";
-export * from "./offset";
-export * from "./shift";
+export * from './coverTarget';
+export * from './flip';
+export * from './intersecting';
+export * from './maxSize';
+export * from './offset';
+export * from './shift';
 //# sourceMappingURL=index.js.map

package/lib/middleware/intersecting.js

@@ -1,7 +1,7 @@
-import { detectOverflow } from "@floating-ui/dom";
+import { detectOverflow } from '@floating-ui/dom';
 export function intersecting() {
   return {
-    name: "intersectionObserver",
+    name: 'intersectionObserver',
     fn: async middlewareArguments => {
       const floatingRect = middlewareArguments.rects.floating;
       const altOverflow = await detectOverflow(middlewareArguments, {

package/lib/middleware/maxSize.js

@@ -1,5 +1,5 @@
-import { size } from "@floating-ui/dom";
-import { getBoundary } from "../utils/getBoundary";
+import { size } from '@floating-ui/dom';
+import { getBoundary } from '../utils/getBoundary';
 export function maxSize(autoSize, options) {
   const {
     container,
@@ -16,20 +16,20 @@ export function maxSize(autoSize, options) {
       elements,
       rects
     }) {
-      const applyMaxWidth = autoSize === "always" || autoSize === "width-always" || rects.floating.width > availableWidth && (autoSize === true || autoSize === "width");
-      const applyMaxHeight = autoSize === "always" || autoSize === "height-always" || rects.floating.height > availableHeight && (autoSize === true || autoSize === "height");
+      const applyMaxWidth = autoSize === 'always' || autoSize === 'width-always' || rects.floating.width > availableWidth && (autoSize === true || autoSize === 'width');
+      const applyMaxHeight = autoSize === 'always' || autoSize === 'height-always' || rects.floating.height > availableHeight && (autoSize === true || autoSize === 'height');
       if (applyMaxHeight) {
         Object.assign(elements.floating.style, {
           maxHeight: `${availableHeight}px`,
-          boxSizing: "border-box",
-          overflowY: "auto"
+          boxSizing: 'border-box',
+          overflowY: 'auto'
         });
       }
       if (applyMaxWidth) {
         Object.assign(elements.floating.style, {
           maxWidth: `${availableWidth}px`,
-          boxSizing: "border-box",
-          overflowX: "auto"
+          boxSizing: 'border-box',
+          overflowX: 'auto'
         });
       }
     }

package/lib/middleware/offset.js

@@ -1,5 +1,5 @@
-import { offset as baseOffset } from "@floating-ui/dom";
-import { getFloatingUIOffset } from "../utils/getFloatingUIOffset";
+import { offset as baseOffset } from '@floating-ui/dom';
+import { getFloatingUIOffset } from '../utils/getFloatingUIOffset';
 /**
  * Wraps floating UI offset middleware to to transform offset value
  */

package/lib/middleware/shift.js

@@ -1,5 +1,5 @@
-import { shift as baseShift, limitShift } from "@floating-ui/dom";
-import { getBoundary, toFloatingUIPadding } from "../utils/index";
+import { shift as baseShift, limitShift } from '@floating-ui/dom';
+import { getBoundary, toFloatingUIPadding } from '../utils/index';
 /**
  * Wraps the floating UI shift middleware for easier usage of our options
  */
@@ -14,12 +14,12 @@ export function shift(options) {
   } = options;
   return baseShift({
     ...(hasScrollableElement && {
-      boundary: "clippingAncestors"
+      boundary: 'clippingAncestors'
     }),
     ...(disableTether && {
-      crossAxis: disableTether === "all",
+      crossAxis: disableTether === 'all',
       limiter: limitShift({
-        crossAxis: disableTether !== "all",
+        crossAxis: disableTether !== 'all',
         mainAxis: false
       })
     }),

package/lib/types.js

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 //# sourceMappingURL=types.js.map