@fluentui/react-positioning 9.1.1 → 9.2.0

package/CHANGELOG.json

@@ -2,7 +2,77 @@
   "name": "@fluentui/react-positioning",
   "entries": [
     {
-      "date": "Thu, 14 Jul 2022 21:18:37 GMT",
+      "date": "Thu, 15 Sep 2022 09:44:38 GMT",
+      "tag": "@fluentui/react-positioning_v9.2.0",
+      "version": "9.2.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "4ba03b2e704668cb253f8ad16e8995a8a44b3d22",
+            "comment": "feat: Upgrade to Floating UI v1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.1",
+            "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-theme to v9.1.0",
+            "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v9.1.0",
+            "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "16aa65dcae8f75c6a221225fd0eb43800650ac66",
+            "comment": "docs: re-generate api.md files"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
+            "comment": "chore: update package scaffold"
+          }
+        ],
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "e610024474cfe5d45f61501a8b6a21daf4c794a2",
+            "comment": "chore: Update Griffel to latest version"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 03 Aug 2022 16:03:56 GMT",
+      "tag": "@fluentui/react-positioning_v9.1.2",
+      "version": "9.1.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "08563664778fd80284561d3c9d254307a0a32362",
+            "comment": "chore: Bump Griffel dependencies"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 14 Jul 2022 21:21:02 GMT",
       "tag": "@fluentui/react-positioning_v9.1.1",
       "version": "9.1.1",
       "comments": {
@@ -17,7 +87,7 @@
             "author": "beachball",
             "package": "@fluentui/react-positioning",
             "comment": "Bump @fluentui/react-utilities to v9.0.2",
-            "commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2"
+            "commit": "79b513146194367544160f364b0a7dd749ed93e4"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,43 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Thu, 14 Jul 2022 21:18:37 GMT and should not be manually modified.
+This log was last generated on Thu, 15 Sep 2022 09:44:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.2.0)
+
+Thu, 15 Sep 2022 09:44:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.1.2..@fluentui/react-positioning_v9.2.0)
+
+### Minor changes
+
+- feat: Upgrade to Floating UI v1 ([PR #24254](https://github.com/microsoft/fluentui/pull/24254) by lingfangao@hotmail.com)
+- Bump @fluentui/react-shared-contexts to v9.0.1 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
+- Bump @fluentui/react-theme to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
+- Bump @fluentui/react-utilities to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
+
+### Patches
+
+- chore: Update Griffel to latest version ([PR #24221](https://github.com/microsoft/fluentui/pull/24221) by olfedias@microsoft.com)
+
+## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.1.2)
+
+Wed, 03 Aug 2022 16:03:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.1.1..@fluentui/react-positioning_v9.1.2)
+
+### Patches
+
+- chore: Bump Griffel dependencies ([PR #24114](https://github.com/microsoft/fluentui/pull/24114) by miroslav.stastny@microsoft.com)
+
 ## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.1.1)
 
-Thu, 14 Jul 2022 21:18:37 GMT 
+Thu, 14 Jul 2022 21:21:02 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.1.0..@fluentui/react-positioning_v9.1.1)
 
 ### Patches
 
 - fix: Fixing bad version bump of @fluentui/react-utilities. ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by Humberto.Morimoto@microsoft.com)
-- Bump @fluentui/react-utilities to v9.0.2 ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by beachball)
+- Bump @fluentui/react-utilities to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
 
 ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.1.0)
 

package/dist/index.d.ts

@@ -83,10 +83,10 @@ export declare type CreateArrowStylesOptions = {
 export declare function createVirtualElementFromClick(nativeEvent: MouseEvent): PositioningVirtualElement;
 
 /**
- * @internal
  * Generally when adding an arrow to popper, it's necessary to offset the position of the popper by the
  * height of the arrow. A simple utility to merge a provided offset with an arrow height to return the final offset
  *
+ * @internal
  * @param userOffset - The offset provided by the user
  * @param arrowHeight - The height of the arrow in px
  * @returns User offset augmented with arrow height
@@ -216,24 +216,10 @@ declare type Rect = {
 
 export declare function resolvePositioningShorthand(shorthand: PositioningShorthand | undefined | null): Readonly<PositioningProps>;
 
-declare interface UsePopperOptions extends PositioningProps {
-    /**
-     * If false, delays Popper's creation.
-     * @default true
-     */
-    enabled?: boolean;
-}
-
 /**
  * @internal
- * Exposes Popper positioning API via React hook. Contains few important differences between an official "react-popper"
- * package:
- * - style attributes are applied directly on DOM to avoid re-renders
- * - refs changes and resolution is handled properly without re-renders
- * - contains a specific to React fix related to initial positioning when containers have components with managed focus
- *   to avoid focus jumps
  */
-export declare function usePositioning(options?: UsePopperOptions): {
+export declare function usePositioning(options: UsePositioningOptions): {
     targetRef: React_2.MutableRefObject<any>;
     containerRef: React_2.MutableRefObject<any>;
     arrowRef: React_2.MutableRefObject<any>;
@@ -250,4 +236,11 @@ export declare function usePositioning(options?: UsePopperOptions): {
  */
 export declare const usePositioningMouseTarget: (initialState?: PositioningVirtualElement | (() => PositioningVirtualElement) | undefined) => readonly [PositioningVirtualElement | undefined, (event: React_2.MouseEvent | MouseEvent | undefined | null) => void];
 
+declare interface UsePositioningOptions extends PositioningProps {
+    /**
+     * If false, does not position anything
+     */
+    enabled?: boolean;
+}
+
 export { }

package/lib/constants.js

@@ -0,0 +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';
+//# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../src/","sources":["constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,6BAA6B,GAAG,6BAA6B,CAAC;AAC3E,MAAM,CAAC,MAAM,wBAAwB,GAAG,qBAAqB,CAAC;AAC9D,MAAM,CAAC,MAAM,uBAAuB,GAAG,8BAA8B,CAAC;AACtE,MAAM,CAAC,MAAM,0BAA0B,GAAG,uBAAuB,CAAC","sourcesContent":["export const DATA_POSITIONING_INTERSECTING = 'data-popper-is-intersecting';\nexport const DATA_POSITIONING_ESCAPED = 'data-popper-escaped';\nexport const DATA_POSITIONING_HIDDEN = 'data-popper-reference-hidden';\nexport const DATA_POSITIONING_PLACEMENT = 'data-popper-placement';\n"]}

package/lib/middleware/coverTarget.js

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

package/lib/middleware/coverTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["middleware/coverTarget.ts"],"names":[],"mappings":"AACA,SAAS,wBAAT,QAAyC,gBAAzC;AAEA,OAAM,SAAU,WAAV,GAAqB;EACzB,OAAO;IACL,IAAI,EAAE,aADD;IAEL,EAAE,EAAE,mBAAmB,IAAG;MACxB,MAAM;QAAE,SAAF;QAAa,KAAb;QAAoB,CAApB;QAAuB;MAAvB,IAA6B,mBAAnC;MACA,MAAM,aAAa,GAAG,wBAAwB,CAAC,SAAD,CAAxB,CAAoC,IAA1D;MACA,MAAM,SAAS,GAAG;QAAE,CAAF;QAAK;MAAL,CAAlB;;MAEA,QAAQ,aAAR;QACE,KAAK,QAAL;UACE,SAAS,CAAC,CAAV,IAAe,KAAK,CAAC,SAAN,CAAgB,MAA/B;UACA;;QACF,KAAK,KAAL;UACE,SAAS,CAAC,CAAV,IAAe,KAAK,CAAC,SAAN,CAAgB,MAA/B;UACA;;QACF,KAAK,MAAL;UACE,SAAS,CAAC,CAAV,IAAe,KAAK,CAAC,SAAN,CAAgB,KAA/B;UACA;;QACF,KAAK,OAAL;UACE,SAAS,CAAC,CAAV,IAAe,KAAK,CAAC,SAAN,CAAgB,KAA/B;UACA;MAZJ;;MAeA,OAAO,SAAP;IACD;EAvBI,CAAP;AAyBD","sourcesContent":["import type { Middleware } from '@floating-ui/dom';\nimport { parseFloatingUIPlacement } from '../utils/index';\n\nexport function coverTarget(): Middleware {\n  return {\n    name: 'coverTarget',\n    fn: middlewareArguments => {\n      const { placement, rects, x, y } = middlewareArguments;\n      const basePlacement = parseFloatingUIPlacement(placement).side;\n      const newCoords = { x, y };\n\n      switch (basePlacement) {\n        case 'bottom':\n          newCoords.y -= rects.reference.height;\n          break;\n        case 'top':\n          newCoords.y += rects.reference.height;\n          break;\n        case 'left':\n          newCoords.x += rects.reference.width;\n          break;\n        case 'right':\n          newCoords.x -= rects.reference.width;\n          break;\n      }\n\n      return newCoords;\n    },\n  };\n}\n"],"sourceRoot":"../src/"}

package/lib/middleware/flip.js

@@ -0,0 +1,19 @@
+import { flip as baseFlip } from '@floating-ui/dom';
+import { getBoundary } from '../utils/index';
+export function flip(options) {
+  const {
+    hasScrollableElement,
+    flipBoundary,
+    container
+  } = options;
+  return baseFlip({ ...(hasScrollableElement && {
+      boundary: 'clippingAncestors'
+    }),
+    ...(flipBoundary && {
+      altBoundary: true,
+      boundary: getBoundary(container, flipBoundary)
+    }),
+    fallbackStrategy: 'bestFit'
+  });
+}
+//# sourceMappingURL=flip.js.map

package/lib/middleware/flip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["middleware/flip.ts"],"names":[],"mappings":"AAAA,SAAS,IAAI,IAAI,QAAjB,QAAiC,kBAAjC;AAEA,SAAS,WAAT,QAA4B,gBAA5B;AAOA,OAAM,SAAU,IAAV,CAAe,OAAf,EAA6C;EACjD,MAAM;IAAE,oBAAF;IAAwB,YAAxB;IAAsC;EAAtC,IAAoD,OAA1D;EAEA,OAAO,QAAQ,CAAC,EACd,IAAI,oBAAoB,IAAI;MAAE,QAAQ,EAAE;IAAZ,CAA5B,CADc;IAEd,IAAI,YAAY,IAAI;MAAE,WAAW,EAAE,IAAf;MAAqB,QAAQ,EAAE,WAAW,CAAC,SAAD,EAAY,YAAZ;IAA1C,CAApB,CAFc;IAGd,gBAAgB,EAAE;EAHJ,CAAD,CAAf;AAKD","sourcesContent":["import { flip as baseFlip } from '@floating-ui/dom';\nimport type { PositioningOptions } from '../types';\nimport { getBoundary } from '../utils/index';\n\nexport interface FlipMiddlewareOptions extends Pick<PositioningOptions, 'flipBoundary'> {\n  hasScrollableElement?: boolean;\n  container: HTMLElement | null;\n}\n\nexport function flip(options: FlipMiddlewareOptions) {\n  const { hasScrollableElement, flipBoundary, container } = options;\n\n  return baseFlip({\n    ...(hasScrollableElement && { boundary: 'clippingAncestors' }),\n    ...(flipBoundary && { altBoundary: true, boundary: getBoundary(container, flipBoundary) }),\n    fallbackStrategy: 'bestFit',\n  });\n}\n"],"sourceRoot":"../src/"}

package/lib/middleware/index.js

@@ -0,0 +1,7 @@
+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/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["middleware/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC","sourcesContent":["export * from './coverTarget';\nexport * from './flip';\nexport * from './intersecting';\nexport * from './maxSize';\nexport * from './offset';\nexport * from './shift';\n"]}

package/lib/middleware/intersecting.js

@@ -0,0 +1,21 @@
+import { detectOverflow } from '@floating-ui/dom';
+export function intersecting() {
+  return {
+    name: 'intersectionObserver',
+    fn: async middlewareArguments => {
+      const floatingRect = middlewareArguments.rects.floating;
+      const altOverflow = await detectOverflow(middlewareArguments, {
+        altBoundary: true
+      });
+      const isIntersectingTop = altOverflow.top < floatingRect.height && altOverflow.top > 0;
+      const isIntersectingBottom = altOverflow.bottom < floatingRect.height && altOverflow.bottom > 0;
+      const isIntersecting = isIntersectingTop || isIntersectingBottom;
+      return {
+        data: {
+          intersecting: isIntersecting
+        }
+      };
+    }
+  };
+}
+//# sourceMappingURL=intersecting.js.map

package/lib/middleware/intersecting.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["middleware/intersecting.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,QAA+B,kBAA/B;AAEA,OAAM,SAAU,YAAV,GAAsB;EAC1B,OAAO;IACL,IAAI,EAAE,sBADD;IAEL,EAAE,EAAE,MAAM,mBAAN,IAA4B;MAC9B,MAAM,YAAY,GAAG,mBAAmB,CAAC,KAApB,CAA0B,QAA/C;MACA,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,mBAAD,EAAsB;QAAE,WAAW,EAAE;MAAf,CAAtB,CAAxC;MAEA,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAZ,GAAkB,YAAY,CAAC,MAA/B,IAAyC,WAAW,CAAC,GAAZ,GAAkB,CAArF;MACA,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAZ,GAAqB,YAAY,CAAC,MAAlC,IAA4C,WAAW,CAAC,MAAZ,GAAqB,CAA9F;MAEA,MAAM,cAAc,GAAG,iBAAiB,IAAI,oBAA5C;MAEA,OAAO;QACL,IAAI,EAAE;UACJ,YAAY,EAAE;QADV;MADD,CAAP;IAKD;EAhBI,CAAP;AAkBD","sourcesContent":["import type { Middleware } from '@floating-ui/dom';\nimport { detectOverflow } from '@floating-ui/dom';\n\nexport function intersecting(): Middleware {\n  return {\n    name: 'intersectionObserver',\n    fn: async middlewareArguments => {\n      const floatingRect = middlewareArguments.rects.floating;\n      const altOverflow = await detectOverflow(middlewareArguments, { altBoundary: true });\n\n      const isIntersectingTop = altOverflow.top < floatingRect.height && altOverflow.top > 0;\n      const isIntersectingBottom = altOverflow.bottom < floatingRect.height && altOverflow.bottom > 0;\n\n      const isIntersecting = isIntersectingTop || isIntersectingBottom;\n\n      return {\n        data: {\n          intersecting: isIntersecting,\n        },\n      };\n    },\n  };\n}\n"],"sourceRoot":"../src/"}

package/lib/middleware/maxSize.js

@@ -0,0 +1,43 @@
+import { detectOverflow } from '@floating-ui/dom';
+import { parseFloatingUIPlacement } from '../utils/index';
+export function maxSize(autoSize) {
+  return {
+    name: 'maxSize',
+    fn: async middlewareArguments => {
+      const {
+        placement,
+        rects,
+        elements,
+        middlewareData
+      } = middlewareArguments;
+      const basePlacement = parseFloatingUIPlacement(placement).side;
+      const overflow = await detectOverflow(middlewareArguments);
+      const {
+        x,
+        y
+      } = middlewareData.shift || {
+        x: 0,
+        y: 0
+      };
+      const {
+        width,
+        height
+      } = rects.floating;
+      const widthProp = basePlacement === 'left' ? 'left' : 'right';
+      const heightProp = basePlacement === 'top' ? 'top' : 'bottom';
+      const applyMaxWidth = autoSize === 'always' || autoSize === 'width-always' || overflow[widthProp] > 0 && (autoSize === true || autoSize === 'width');
+      const applyMaxHeight = autoSize === 'always' || autoSize === 'height-always' || overflow[heightProp] > 0 && (autoSize === true || autoSize === 'height');
+
+      if (applyMaxWidth) {
+        elements.floating.style.maxWidth = `${width - overflow[widthProp] - x}px`;
+      }
+
+      if (applyMaxHeight) {
+        elements.floating.style.maxHeight = `${height - overflow[heightProp] - y}px`;
+      }
+
+      return {};
+    }
+  };
+}
+//# sourceMappingURL=maxSize.js.map

package/lib/middleware/maxSize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["middleware/maxSize.ts"],"names":[],"mappings":"AAAA,SAAS,cAAT,QAA+B,kBAA/B;AAGA,SAAS,wBAAT,QAAyC,gBAAzC;AAEA,OAAM,SAAU,OAAV,CAAkB,QAAlB,EAA0D;EAC9D,OAAO;IACL,IAAI,EAAE,SADD;IAEL,EAAE,EAAE,MAAM,mBAAN,IAA4B;MAC9B,MAAM;QAAE,SAAF;QAAa,KAAb;QAAoB,QAApB;QAA8B;MAA9B,IAAiD,mBAAvD;MACA,MAAM,aAAa,GAAG,wBAAwB,CAAC,SAAD,CAAxB,CAAoC,IAA1D;MAEA,MAAM,QAAQ,GAAG,MAAM,cAAc,CAAC,mBAAD,CAArC;MACA,MAAM;QAAE,CAAF;QAAK;MAAL,IAAW,cAAc,CAAC,KAAf,IAAwB;QAAE,CAAC,EAAE,CAAL;QAAQ,CAAC,EAAE;MAAX,CAAzC;MACA,MAAM;QAAE,KAAF;QAAS;MAAT,IAAoB,KAAK,CAAC,QAAhC;MAEA,MAAM,SAAS,GAAS,aAAa,KAAK,MAAlB,GAA2B,MAA3B,GAAoC,OAA5D;MACA,MAAM,UAAU,GAAS,aAAa,KAAK,KAAlB,GAA0B,KAA1B,GAAkC,QAA3D;MAEA,MAAM,aAAa,GACjB,QAAQ,KAAK,QAAb,IACA,QAAQ,KAAK,cADb,IAEC,QAAQ,CAAC,SAAD,CAAR,GAAsB,CAAtB,KAA4B,QAAQ,KAAK,IAAb,IAAqB,QAAQ,KAAK,OAA9D,CAHH;MAIA,MAAM,cAAc,GAClB,QAAQ,KAAK,QAAb,IACA,QAAQ,KAAK,eADb,IAEC,QAAQ,CAAC,UAAD,CAAR,GAAuB,CAAvB,KAA6B,QAAQ,KAAK,IAAb,IAAqB,QAAQ,KAAK,QAA/D,CAHH;;MAKA,IAAI,aAAJ,EAAmB;QACjB,QAAQ,CAAC,QAAT,CAAkB,KAAlB,CAAwB,QAAxB,GAAmC,GAAG,KAAK,GAAG,QAAQ,CAAC,SAAD,CAAhB,GAA8B,CAAC,IAArE;MACD;;MACD,IAAI,cAAJ,EAAoB;QAClB,QAAQ,CAAC,QAAT,CAAkB,KAAlB,CAAwB,SAAxB,GAAoC,GAAG,MAAM,GAAG,QAAQ,CAAC,UAAD,CAAjB,GAAgC,CAAC,IAAxE;MACD;;MAED,OAAO,EAAP;IACD;EA9BI,CAAP;AAgCD","sourcesContent":["import { detectOverflow } from '@floating-ui/dom';\nimport type { Middleware, Side } from '@floating-ui/dom';\nimport type { PositioningOptions } from '../types';\nimport { parseFloatingUIPlacement } from '../utils/index';\n\nexport function maxSize(autoSize: PositioningOptions['autoSize']): Middleware {\n  return {\n    name: 'maxSize',\n    fn: async middlewareArguments => {\n      const { placement, rects, elements, middlewareData } = middlewareArguments;\n      const basePlacement = parseFloatingUIPlacement(placement).side;\n\n      const overflow = await detectOverflow(middlewareArguments);\n      const { x, y } = middlewareData.shift || { x: 0, y: 0 };\n      const { width, height } = rects.floating;\n\n      const widthProp: Side = basePlacement === 'left' ? 'left' : 'right';\n      const heightProp: Side = basePlacement === 'top' ? 'top' : 'bottom';\n\n      const applyMaxWidth =\n        autoSize === 'always' ||\n        autoSize === 'width-always' ||\n        (overflow[widthProp] > 0 && (autoSize === true || autoSize === 'width'));\n      const applyMaxHeight =\n        autoSize === 'always' ||\n        autoSize === 'height-always' ||\n        (overflow[heightProp] > 0 && (autoSize === true || autoSize === 'height'));\n\n      if (applyMaxWidth) {\n        elements.floating.style.maxWidth = `${width - overflow[widthProp] - x}px`;\n      }\n      if (applyMaxHeight) {\n        elements.floating.style.maxHeight = `${height - overflow[heightProp] - y}px`;\n      }\n\n      return {};\n    },\n  };\n}\n"],"sourceRoot":"../src/"}

package/lib/middleware/offset.js

@@ -0,0 +1,11 @@
+import { offset as baseOffset } from '@floating-ui/dom';
+import { getFloatingUIOffset } from '../utils/getFloatingUIOffset';
+/**
+ * Wraps floating UI offset middleware to to transform offset value
+ */
+
+export function offset(offsetValue) {
+  const floatingUIOffset = getFloatingUIOffset(offsetValue);
+  return baseOffset(floatingUIOffset);
+}
+//# sourceMappingURL=offset.js.map

package/lib/middleware/offset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["middleware/offset.ts"],"names":[],"mappings":"AAAA,SAAS,MAAM,IAAI,UAAnB,QAAqC,kBAArC;AAEA,SAAS,mBAAT,QAAoC,8BAApC;AAEA;;AAEG;;AACH,OAAM,SAAU,MAAV,CAAiB,WAAjB,EAA0D;EAC9D,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,WAAD,CAA5C;EACA,OAAO,UAAU,CAAC,gBAAD,CAAjB;AACD","sourcesContent":["import { offset as baseOffset } from '@floating-ui/dom';\nimport type { PositioningOptions } from '../types';\nimport { getFloatingUIOffset } from '../utils/getFloatingUIOffset';\n\n/**\n * Wraps floating UI offset middleware to to transform offset value\n */\nexport function offset(offsetValue: PositioningOptions['offset']) {\n  const floatingUIOffset = getFloatingUIOffset(offsetValue);\n  return baseOffset(floatingUIOffset);\n}\n"],"sourceRoot":"../src/"}

package/lib/middleware/shift.js

@@ -0,0 +1,30 @@
+import { shift as baseShift, limitShift } from '@floating-ui/dom';
+import { getBoundary } from '../utils/index';
+/**
+ * Wraps the floating UI shift middleware for easier usage of our options
+ */
+
+export function shift(options) {
+  const {
+    hasScrollableElement,
+    disableTether,
+    overflowBoundary,
+    container
+  } = options;
+  return baseShift({ ...(hasScrollableElement && {
+      boundary: 'clippingAncestors'
+    }),
+    ...(disableTether && {
+      crossAxis: disableTether === 'all',
+      limiter: limitShift({
+        crossAxis: disableTether !== 'all',
+        mainAxis: false
+      })
+    }),
+    ...(overflowBoundary && {
+      altBoundary: true,
+      boundary: getBoundary(container, overflowBoundary)
+    })
+  });
+}
+//# sourceMappingURL=shift.js.map

package/lib/middleware/shift.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["middleware/shift.ts"],"names":[],"mappings":"AAAA,SAAS,KAAK,IAAI,SAAlB,EAA6B,UAA7B,QAA+C,kBAA/C;AAEA,SAAS,WAAT,QAA4B,gBAA5B;AAQA;;AAEG;;AACH,OAAM,SAAU,KAAV,CAAgB,OAAhB,EAA+C;EACnD,MAAM;IAAE,oBAAF;IAAwB,aAAxB;IAAuC,gBAAvC;IAAyD;EAAzD,IAAuE,OAA7E;EAEA,OAAO,SAAS,CAAC,EACf,IAAI,oBAAoB,IAAI;MAAE,QAAQ,EAAE;IAAZ,CAA5B,CADe;IAEf,IAAI,aAAa,IAAI;MACnB,SAAS,EAAE,aAAa,KAAK,KADV;MAEnB,OAAO,EAAE,UAAU,CAAC;QAAE,SAAS,EAAE,aAAa,KAAK,KAA/B;QAAsC,QAAQ,EAAE;MAAhD,CAAD;IAFA,CAArB,CAFe;IAMf,IAAI,gBAAgB,IAAI;MAAE,WAAW,EAAE,IAAf;MAAqB,QAAQ,EAAE,WAAW,CAAC,SAAD,EAAY,gBAAZ;IAA1C,CAAxB;EANe,CAAD,CAAhB;AAQD","sourcesContent":["import { shift as baseShift, limitShift } from '@floating-ui/dom';\nimport type { PositioningOptions } from '../types';\nimport { getBoundary } from '../utils/index';\n\nexport interface ShiftMiddlewareOptions extends Pick<PositioningOptions, 'overflowBoundary'> {\n  hasScrollableElement?: boolean;\n  disableTether?: PositioningOptions['unstable_disableTether'];\n  container: HTMLElement | null;\n}\n\n/**\n * Wraps the floating UI shift middleware for easier usage of our options\n */\nexport function shift(options: ShiftMiddlewareOptions) {\n  const { hasScrollableElement, disableTether, overflowBoundary, container } = options;\n\n  return baseShift({\n    ...(hasScrollableElement && { boundary: 'clippingAncestors' }),\n    ...(disableTether && {\n      crossAxis: disableTether === 'all',\n      limiter: limitShift({ crossAxis: disableTether !== 'all', mainAxis: false }),\n    }),\n    ...(overflowBoundary && { altBoundary: true, boundary: getBoundary(container, overflowBoundary) }),\n  });\n}\n"],"sourceRoot":"../src/"}