@wordpress/components 19.8.4 → 19.11.0

package/build-module/popover/utils.js

@@ -1,308 +0,0 @@
-// @ts-nocheck
-
-/**
- * WordPress dependencies
- */
-import { isRTL } from '@wordpress/i18n';
-/**
- * Module constants
- */
-
-const HEIGHT_OFFSET = 10; // Used by the arrow and a bit of empty space.
-
-/**
- * Utility used to compute the popover position over the xAxis
- *
- * @param {Object}  anchorRect            Anchor Rect.
- * @param {Object}  contentSize           Content Size.
- * @param {string}  xAxis                 Desired xAxis.
- * @param {string}  corner                Desired corner.
- * @param {boolean} stickyBoundaryElement The boundary element to use when
- *                                        switching between sticky and normal
- *                                        position.
- * @param {string}  chosenYAxis           yAxis to be used.
- * @param {Element} boundaryElement       Boundary element.
- * @param {boolean} forcePosition         Don't adjust position based on anchor.
- * @param {boolean} forceXAlignment       Don't adjust alignment based on YAxis
- *
- * @return {Object} Popover xAxis position and constraints.
- */
-
-export function computePopoverXAxisPosition(anchorRect, contentSize, xAxis, corner, stickyBoundaryElement, chosenYAxis, boundaryElement, forcePosition, forceXAlignment) {
-  const {
-    width
-  } = contentSize; // Correct xAxis for RTL support.
-
-  if (xAxis === 'left' && isRTL()) {
-    xAxis = 'right';
-  } else if (xAxis === 'right' && isRTL()) {
-    xAxis = 'left';
-  }
-
-  if (corner === 'left' && isRTL()) {
-    corner = 'right';
-  } else if (corner === 'right' && isRTL()) {
-    corner = 'left';
-  } // X axis alignment choices.
-
-
-  const anchorMidPoint = Math.round(anchorRect.left + anchorRect.width / 2);
-  const centerAlignment = {
-    popoverLeft: anchorMidPoint,
-    contentWidth: (anchorMidPoint - width / 2 > 0 ? width / 2 : anchorMidPoint) + (anchorMidPoint + width / 2 > window.innerWidth ? window.innerWidth - anchorMidPoint : width / 2)
-  };
-  let leftAlignmentX = anchorRect.left;
-
-  if (corner === 'right') {
-    leftAlignmentX = anchorRect.right;
-  } else if (chosenYAxis !== 'middle' && !forceXAlignment) {
-    leftAlignmentX = anchorMidPoint;
-  }
-
-  let rightAlignmentX = anchorRect.right;
-
-  if (corner === 'left') {
-    rightAlignmentX = anchorRect.left;
-  } else if (chosenYAxis !== 'middle' && !forceXAlignment) {
-    rightAlignmentX = anchorMidPoint;
-  }
-
-  const leftAlignment = {
-    popoverLeft: leftAlignmentX,
-    contentWidth: leftAlignmentX - width > 0 ? width : leftAlignmentX
-  };
-  const rightAlignment = {
-    popoverLeft: rightAlignmentX,
-    contentWidth: rightAlignmentX + width > window.innerWidth ? window.innerWidth - rightAlignmentX : width
-  }; // Choosing the x axis.
-
-  let chosenXAxis = xAxis;
-  let contentWidth = null;
-
-  if (!stickyBoundaryElement && !forcePosition) {
-    if (xAxis === 'center' && centerAlignment.contentWidth === width) {
-      chosenXAxis = 'center';
-    } else if (xAxis === 'left' && leftAlignment.contentWidth === width) {
-      chosenXAxis = 'left';
-    } else if (xAxis === 'right' && rightAlignment.contentWidth === width) {
-      chosenXAxis = 'right';
-    } else {
-      chosenXAxis = leftAlignment.contentWidth > rightAlignment.contentWidth ? 'left' : 'right';
-      const chosenWidth = chosenXAxis === 'left' ? leftAlignment.contentWidth : rightAlignment.contentWidth; // Limit width of the content to the viewport width
-
-      if (width > window.innerWidth) {
-        contentWidth = window.innerWidth;
-      } // If we can't find any alignment options that could fit
-      // our content, then let's fallback to the center of the viewport.
-
-
-      if (chosenWidth !== width) {
-        chosenXAxis = 'center';
-        centerAlignment.popoverLeft = window.innerWidth / 2;
-      }
-    }
-  }
-
-  let popoverLeft;
-
-  if (chosenXAxis === 'center') {
-    popoverLeft = centerAlignment.popoverLeft;
-  } else if (chosenXAxis === 'left') {
-    popoverLeft = leftAlignment.popoverLeft;
-  } else {
-    popoverLeft = rightAlignment.popoverLeft;
-  }
-
-  if (boundaryElement) {
-    popoverLeft = Math.min(popoverLeft, boundaryElement.offsetLeft + boundaryElement.offsetWidth - width); // Avoid the popover being position beyond the left boundary if the
-    // direction is left to right.
-
-    if (!isRTL()) {
-      popoverLeft = Math.max(popoverLeft, 0);
-    }
-  }
-
-  return {
-    xAxis: chosenXAxis,
-    popoverLeft,
-    contentWidth
-  };
-}
-/**
- * Utility used to compute the popover position over the yAxis
- *
- * @param {Object}       anchorRect            Anchor Rect.
- * @param {Object}       contentSize           Content Size.
- * @param {string}       yAxis                 Desired yAxis.
- * @param {string}       corner                Desired corner.
- * @param {boolean}      stickyBoundaryElement The boundary element to use when switching between sticky
- *                                             and normal position.
- * @param {Element}      anchorRef             The anchor element.
- * @param {Element}      relativeOffsetTop     If applicable, top offset of the relative positioned
- *                                             parent container.
- * @param {boolean}      forcePosition         Don't adjust position based on anchor.
- * @param {Element|null} editorWrapper         Element that wraps the editor content. Used to access
- *                                             scroll position to determine sticky behavior.
- * @return {Object} Popover xAxis position and constraints.
- */
-
-export function computePopoverYAxisPosition(anchorRect, contentSize, yAxis, corner, stickyBoundaryElement, anchorRef, relativeOffsetTop, forcePosition, editorWrapper) {
-  const {
-    height
-  } = contentSize;
-
-  if (stickyBoundaryElement) {
-    const stickyRect = stickyBoundaryElement.getBoundingClientRect();
-    const stickyPositionTop = stickyRect.top + height - relativeOffsetTop;
-    const stickyPositionBottom = stickyRect.bottom - height - relativeOffsetTop;
-
-    if (anchorRect.top <= stickyPositionTop) {
-      if (editorWrapper) {
-        // If a popover cannot be positioned above the anchor, even after scrolling, we must
-        // ensure we use the bottom position instead of the popover slot.  This prevents the
-        // popover from always restricting block content and interaction while selected if the
-        // block is near the top of the site editor.
-        const isRoomAboveInCanvas = height + HEIGHT_OFFSET < editorWrapper.scrollTop + anchorRect.top;
-
-        if (!isRoomAboveInCanvas) {
-          return {
-            yAxis: 'bottom',
-            // If the bottom of the block is also below the bottom sticky position (ex -
-            // block is also taller than the editor window), return the bottom sticky
-            // position instead.  We do this instead of the top sticky position both to
-            // allow a smooth transition and more importantly to ensure every section of
-            // the block can be free from popover obscuration at some point in the
-            // scroll position.
-            popoverTop: Math.min(anchorRect.bottom, stickyPositionBottom)
-          };
-        }
-      } // Default sticky behavior.
-
-
-      return {
-        yAxis,
-        popoverTop: Math.min(anchorRect.bottom, stickyPositionTop)
-      };
-    }
-  } // Y axis alignment choices.
-
-
-  let anchorMidPoint = anchorRect.top + anchorRect.height / 2;
-
-  if (corner === 'bottom') {
-    anchorMidPoint = anchorRect.bottom;
-  } else if (corner === 'top') {
-    anchorMidPoint = anchorRect.top;
-  }
-
-  const middleAlignment = {
-    popoverTop: anchorMidPoint,
-    contentHeight: (anchorMidPoint - height / 2 > 0 ? height / 2 : anchorMidPoint) + (anchorMidPoint + height / 2 > window.innerHeight ? window.innerHeight - anchorMidPoint : height / 2)
-  };
-  const topAlignment = {
-    popoverTop: anchorRect.top,
-    contentHeight: anchorRect.top - HEIGHT_OFFSET - height > 0 ? height : anchorRect.top - HEIGHT_OFFSET
-  };
-  const bottomAlignment = {
-    popoverTop: anchorRect.bottom,
-    contentHeight: anchorRect.bottom + HEIGHT_OFFSET + height > window.innerHeight ? window.innerHeight - HEIGHT_OFFSET - anchorRect.bottom : height
-  }; // Choosing the y axis.
-
-  let chosenYAxis = yAxis;
-  let contentHeight = null;
-
-  if (!stickyBoundaryElement && !forcePosition) {
-    if (yAxis === 'middle' && middleAlignment.contentHeight === height) {
-      chosenYAxis = 'middle';
-    } else if (yAxis === 'top' && topAlignment.contentHeight === height) {
-      chosenYAxis = 'top';
-    } else if (yAxis === 'bottom' && bottomAlignment.contentHeight === height) {
-      chosenYAxis = 'bottom';
-    } else {
-      chosenYAxis = topAlignment.contentHeight > bottomAlignment.contentHeight ? 'top' : 'bottom';
-      const chosenHeight = chosenYAxis === 'top' ? topAlignment.contentHeight : bottomAlignment.contentHeight;
-      contentHeight = chosenHeight !== height ? chosenHeight : null;
-    }
-  }
-
-  let popoverTop;
-
-  if (chosenYAxis === 'middle') {
-    popoverTop = middleAlignment.popoverTop;
-  } else if (chosenYAxis === 'top') {
-    popoverTop = topAlignment.popoverTop;
-  } else {
-    popoverTop = bottomAlignment.popoverTop;
-  }
-
-  return {
-    yAxis: chosenYAxis,
-    popoverTop,
-    contentHeight
-  };
-}
-/**
- * Utility used to compute the popover position and the content max width/height for a popover given
- * its anchor rect and its content size.
- *
- * @param {Object}       anchorRect            Anchor Rect.
- * @param {Object}       contentSize           Content Size.
- * @param {string}       position              Position.
- * @param {boolean}      stickyBoundaryElement The boundary element to use when switching between
- *                                             sticky and normal position.
- * @param {Element}      anchorRef             The anchor element.
- * @param {number}       relativeOffsetTop     If applicable, top offset of the relative positioned
- *                                             parent container.
- * @param {Element}      boundaryElement       Boundary element.
- * @param {boolean}      forcePosition         Don't adjust position based on anchor.
- * @param {boolean}      forceXAlignment       Don't adjust alignment based on YAxis
- * @param {Element|null} editorWrapper         Element that wraps the editor content. Used to access
- *                                             scroll position to determine sticky behavior.
- * @return {Object} Popover position and constraints.
- */
-
-export function computePopoverPosition(anchorRect, contentSize) {
-  let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'top';
-  let stickyBoundaryElement = arguments.length > 3 ? arguments[3] : undefined;
-  let anchorRef = arguments.length > 4 ? arguments[4] : undefined;
-  let relativeOffsetTop = arguments.length > 5 ? arguments[5] : undefined;
-  let boundaryElement = arguments.length > 6 ? arguments[6] : undefined;
-  let forcePosition = arguments.length > 7 ? arguments[7] : undefined;
-  let forceXAlignment = arguments.length > 8 ? arguments[8] : undefined;
-  let editorWrapper = arguments.length > 9 ? arguments[9] : undefined;
-  const [yAxis, xAxis = 'center', corner] = position.split(' ');
-  const yAxisPosition = computePopoverYAxisPosition(anchorRect, contentSize, yAxis, corner, stickyBoundaryElement, anchorRef, relativeOffsetTop, forcePosition, editorWrapper);
-  const xAxisPosition = computePopoverXAxisPosition(anchorRect, contentSize, xAxis, corner, stickyBoundaryElement, yAxisPosition.yAxis, boundaryElement, forcePosition, forceXAlignment);
-  return { ...xAxisPosition,
-    ...yAxisPosition
-  };
-}
-/**
- * Offsets the given rect by the position of the iframe that contains the
- * element. If the owner document is not in an iframe then it returns with the
- * original rect. If the popover container document and the anchor document are
- * the same, the original rect will also be returned.
- *
- * @param {DOMRect}  rect          bounds of the element
- * @param {Document} ownerDocument document of the element
- * @param {Element}  container     The popover container to position.
- *
- * @return {DOMRect} offsetted bounds
- */
-
-export function offsetIframe(rect, ownerDocument, container) {
-  const {
-    defaultView
-  } = ownerDocument;
-  const {
-    frameElement
-  } = defaultView;
-
-  if (!frameElement || ownerDocument === container.ownerDocument) {
-    return rect;
-  }
-
-  const iframeRect = frameElement.getBoundingClientRect();
-  return new defaultView.DOMRect(rect.left + iframeRect.left, rect.top + iframeRect.top, rect.width, rect.height);
-}
-//# sourceMappingURL=utils.js.map

package/build-module/popover/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/popover/utils.js"],"names":["isRTL","HEIGHT_OFFSET","computePopoverXAxisPosition","anchorRect","contentSize","xAxis","corner","stickyBoundaryElement","chosenYAxis","boundaryElement","forcePosition","forceXAlignment","width","anchorMidPoint","Math","round","left","centerAlignment","popoverLeft","contentWidth","window","innerWidth","leftAlignmentX","right","rightAlignmentX","leftAlignment","rightAlignment","chosenXAxis","chosenWidth","min","offsetLeft","offsetWidth","max","computePopoverYAxisPosition","yAxis","anchorRef","relativeOffsetTop","editorWrapper","height","stickyRect","getBoundingClientRect","stickyPositionTop","top","stickyPositionBottom","bottom","isRoomAboveInCanvas","scrollTop","popoverTop","middleAlignment","contentHeight","innerHeight","topAlignment","bottomAlignment","chosenHeight","computePopoverPosition","position","split","yAxisPosition","xAxisPosition","offsetIframe","rect","ownerDocument","container","defaultView","frameElement","iframeRect","DOMRect"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Module constants\n */\nconst HEIGHT_OFFSET = 10; // Used by the arrow and a bit of empty space.\n\n/**\n * Utility used to compute the popover position over the xAxis\n *\n * @param {Object}  anchorRect            Anchor Rect.\n * @param {Object}  contentSize           Content Size.\n * @param {string}  xAxis                 Desired xAxis.\n * @param {string}  corner                Desired corner.\n * @param {boolean} stickyBoundaryElement The boundary element to use when\n *                                        switching between sticky and normal\n *                                        position.\n * @param {string}  chosenYAxis           yAxis to be used.\n * @param {Element} boundaryElement       Boundary element.\n * @param {boolean} forcePosition         Don't adjust position based on anchor.\n * @param {boolean} forceXAlignment       Don't adjust alignment based on YAxis\n *\n * @return {Object} Popover xAxis position and constraints.\n */\nexport function computePopoverXAxisPosition(\n\tanchorRect,\n\tcontentSize,\n\txAxis,\n\tcorner,\n\tstickyBoundaryElement,\n\tchosenYAxis,\n\tboundaryElement,\n\tforcePosition,\n\tforceXAlignment\n) {\n\tconst { width } = contentSize;\n\n\t// Correct xAxis for RTL support.\n\tif ( xAxis === 'left' && isRTL() ) {\n\t\txAxis = 'right';\n\t} else if ( xAxis === 'right' && isRTL() ) {\n\t\txAxis = 'left';\n\t}\n\n\tif ( corner === 'left' && isRTL() ) {\n\t\tcorner = 'right';\n\t} else if ( corner === 'right' && isRTL() ) {\n\t\tcorner = 'left';\n\t}\n\n\t// X axis alignment choices.\n\tconst anchorMidPoint = Math.round( anchorRect.left + anchorRect.width / 2 );\n\tconst centerAlignment = {\n\t\tpopoverLeft: anchorMidPoint,\n\t\tcontentWidth:\n\t\t\t( anchorMidPoint - width / 2 > 0 ? width / 2 : anchorMidPoint ) +\n\t\t\t( anchorMidPoint + width / 2 > window.innerWidth\n\t\t\t\t? window.innerWidth - anchorMidPoint\n\t\t\t\t: width / 2 ),\n\t};\n\n\tlet leftAlignmentX = anchorRect.left;\n\n\tif ( corner === 'right' ) {\n\t\tleftAlignmentX = anchorRect.right;\n\t} else if ( chosenYAxis !== 'middle' && ! forceXAlignment ) {\n\t\tleftAlignmentX = anchorMidPoint;\n\t}\n\n\tlet rightAlignmentX = anchorRect.right;\n\n\tif ( corner === 'left' ) {\n\t\trightAlignmentX = anchorRect.left;\n\t} else if ( chosenYAxis !== 'middle' && ! forceXAlignment ) {\n\t\trightAlignmentX = anchorMidPoint;\n\t}\n\n\tconst leftAlignment = {\n\t\tpopoverLeft: leftAlignmentX,\n\t\tcontentWidth: leftAlignmentX - width > 0 ? width : leftAlignmentX,\n\t};\n\tconst rightAlignment = {\n\t\tpopoverLeft: rightAlignmentX,\n\t\tcontentWidth:\n\t\t\trightAlignmentX + width > window.innerWidth\n\t\t\t\t? window.innerWidth - rightAlignmentX\n\t\t\t\t: width,\n\t};\n\n\t// Choosing the x axis.\n\tlet chosenXAxis = xAxis;\n\tlet contentWidth = null;\n\n\tif ( ! stickyBoundaryElement && ! forcePosition ) {\n\t\tif ( xAxis === 'center' && centerAlignment.contentWidth === width ) {\n\t\t\tchosenXAxis = 'center';\n\t\t} else if ( xAxis === 'left' && leftAlignment.contentWidth === width ) {\n\t\t\tchosenXAxis = 'left';\n\t\t} else if (\n\t\t\txAxis === 'right' &&\n\t\t\trightAlignment.contentWidth === width\n\t\t) {\n\t\t\tchosenXAxis = 'right';\n\t\t} else {\n\t\t\tchosenXAxis =\n\t\t\t\tleftAlignment.contentWidth > rightAlignment.contentWidth\n\t\t\t\t\t? 'left'\n\t\t\t\t\t: 'right';\n\t\t\tconst chosenWidth =\n\t\t\t\tchosenXAxis === 'left'\n\t\t\t\t\t? leftAlignment.contentWidth\n\t\t\t\t\t: rightAlignment.contentWidth;\n\n\t\t\t// Limit width of the content to the viewport width\n\t\t\tif ( width > window.innerWidth ) {\n\t\t\t\tcontentWidth = window.innerWidth;\n\t\t\t}\n\n\t\t\t// If we can't find any alignment options that could fit\n\t\t\t// our content, then let's fallback to the center of the viewport.\n\t\t\tif ( chosenWidth !== width ) {\n\t\t\t\tchosenXAxis = 'center';\n\t\t\t\tcenterAlignment.popoverLeft = window.innerWidth / 2;\n\t\t\t}\n\t\t}\n\t}\n\n\tlet popoverLeft;\n\tif ( chosenXAxis === 'center' ) {\n\t\tpopoverLeft = centerAlignment.popoverLeft;\n\t} else if ( chosenXAxis === 'left' ) {\n\t\tpopoverLeft = leftAlignment.popoverLeft;\n\t} else {\n\t\tpopoverLeft = rightAlignment.popoverLeft;\n\t}\n\n\tif ( boundaryElement ) {\n\t\tpopoverLeft = Math.min(\n\t\t\tpopoverLeft,\n\t\t\tboundaryElement.offsetLeft + boundaryElement.offsetWidth - width\n\t\t);\n\n\t\t// Avoid the popover being position beyond the left boundary if the\n\t\t// direction is left to right.\n\t\tif ( ! isRTL() ) {\n\t\t\tpopoverLeft = Math.max( popoverLeft, 0 );\n\t\t}\n\t}\n\n\treturn {\n\t\txAxis: chosenXAxis,\n\t\tpopoverLeft,\n\t\tcontentWidth,\n\t};\n}\n\n/**\n * Utility used to compute the popover position over the yAxis\n *\n * @param {Object}       anchorRect            Anchor Rect.\n * @param {Object}       contentSize           Content Size.\n * @param {string}       yAxis                 Desired yAxis.\n * @param {string}       corner                Desired corner.\n * @param {boolean}      stickyBoundaryElement The boundary element to use when switching between sticky\n *                                             and normal position.\n * @param {Element}      anchorRef             The anchor element.\n * @param {Element}      relativeOffsetTop     If applicable, top offset of the relative positioned\n *                                             parent container.\n * @param {boolean}      forcePosition         Don't adjust position based on anchor.\n * @param {Element|null} editorWrapper         Element that wraps the editor content. Used to access\n *                                             scroll position to determine sticky behavior.\n * @return {Object} Popover xAxis position and constraints.\n */\nexport function computePopoverYAxisPosition(\n\tanchorRect,\n\tcontentSize,\n\tyAxis,\n\tcorner,\n\tstickyBoundaryElement,\n\tanchorRef,\n\trelativeOffsetTop,\n\tforcePosition,\n\teditorWrapper\n) {\n\tconst { height } = contentSize;\n\n\tif ( stickyBoundaryElement ) {\n\t\tconst stickyRect = stickyBoundaryElement.getBoundingClientRect();\n\t\tconst stickyPositionTop = stickyRect.top + height - relativeOffsetTop;\n\t\tconst stickyPositionBottom =\n\t\t\tstickyRect.bottom - height - relativeOffsetTop;\n\n\t\tif ( anchorRect.top <= stickyPositionTop ) {\n\t\t\tif ( editorWrapper ) {\n\t\t\t\t// If a popover cannot be positioned above the anchor, even after scrolling, we must\n\t\t\t\t// ensure we use the bottom position instead of the popover slot.  This prevents the\n\t\t\t\t// popover from always restricting block content and interaction while selected if the\n\t\t\t\t// block is near the top of the site editor.\n\n\t\t\t\tconst isRoomAboveInCanvas =\n\t\t\t\t\theight + HEIGHT_OFFSET <\n\t\t\t\t\teditorWrapper.scrollTop + anchorRect.top;\n\t\t\t\tif ( ! isRoomAboveInCanvas ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tyAxis: 'bottom',\n\t\t\t\t\t\t// If the bottom of the block is also below the bottom sticky position (ex -\n\t\t\t\t\t\t// block is also taller than the editor window), return the bottom sticky\n\t\t\t\t\t\t// position instead.  We do this instead of the top sticky position both to\n\t\t\t\t\t\t// allow a smooth transition and more importantly to ensure every section of\n\t\t\t\t\t\t// the block can be free from popover obscuration at some point in the\n\t\t\t\t\t\t// scroll position.\n\t\t\t\t\t\tpopoverTop: Math.min(\n\t\t\t\t\t\t\tanchorRect.bottom,\n\t\t\t\t\t\t\tstickyPositionBottom\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Default sticky behavior.\n\t\t\treturn {\n\t\t\t\tyAxis,\n\t\t\t\tpopoverTop: Math.min( anchorRect.bottom, stickyPositionTop ),\n\t\t\t};\n\t\t}\n\t}\n\n\t// Y axis alignment choices.\n\tlet anchorMidPoint = anchorRect.top + anchorRect.height / 2;\n\n\tif ( corner === 'bottom' ) {\n\t\tanchorMidPoint = anchorRect.bottom;\n\t} else if ( corner === 'top' ) {\n\t\tanchorMidPoint = anchorRect.top;\n\t}\n\n\tconst middleAlignment = {\n\t\tpopoverTop: anchorMidPoint,\n\t\tcontentHeight:\n\t\t\t( anchorMidPoint - height / 2 > 0 ? height / 2 : anchorMidPoint ) +\n\t\t\t( anchorMidPoint + height / 2 > window.innerHeight\n\t\t\t\t? window.innerHeight - anchorMidPoint\n\t\t\t\t: height / 2 ),\n\t};\n\n\tconst topAlignment = {\n\t\tpopoverTop: anchorRect.top,\n\t\tcontentHeight:\n\t\t\tanchorRect.top - HEIGHT_OFFSET - height > 0\n\t\t\t\t? height\n\t\t\t\t: anchorRect.top - HEIGHT_OFFSET,\n\t};\n\tconst bottomAlignment = {\n\t\tpopoverTop: anchorRect.bottom,\n\t\tcontentHeight:\n\t\t\tanchorRect.bottom + HEIGHT_OFFSET + height > window.innerHeight\n\t\t\t\t? window.innerHeight - HEIGHT_OFFSET - anchorRect.bottom\n\t\t\t\t: height,\n\t};\n\n\t// Choosing the y axis.\n\tlet chosenYAxis = yAxis;\n\tlet contentHeight = null;\n\n\tif ( ! stickyBoundaryElement && ! forcePosition ) {\n\t\tif ( yAxis === 'middle' && middleAlignment.contentHeight === height ) {\n\t\t\tchosenYAxis = 'middle';\n\t\t} else if ( yAxis === 'top' && topAlignment.contentHeight === height ) {\n\t\t\tchosenYAxis = 'top';\n\t\t} else if (\n\t\t\tyAxis === 'bottom' &&\n\t\t\tbottomAlignment.contentHeight === height\n\t\t) {\n\t\t\tchosenYAxis = 'bottom';\n\t\t} else {\n\t\t\tchosenYAxis =\n\t\t\t\ttopAlignment.contentHeight > bottomAlignment.contentHeight\n\t\t\t\t\t? 'top'\n\t\t\t\t\t: 'bottom';\n\t\t\tconst chosenHeight =\n\t\t\t\tchosenYAxis === 'top'\n\t\t\t\t\t? topAlignment.contentHeight\n\t\t\t\t\t: bottomAlignment.contentHeight;\n\t\t\tcontentHeight = chosenHeight !== height ? chosenHeight : null;\n\t\t}\n\t}\n\n\tlet popoverTop;\n\tif ( chosenYAxis === 'middle' ) {\n\t\tpopoverTop = middleAlignment.popoverTop;\n\t} else if ( chosenYAxis === 'top' ) {\n\t\tpopoverTop = topAlignment.popoverTop;\n\t} else {\n\t\tpopoverTop = bottomAlignment.popoverTop;\n\t}\n\n\treturn {\n\t\tyAxis: chosenYAxis,\n\t\tpopoverTop,\n\t\tcontentHeight,\n\t};\n}\n\n/**\n * Utility used to compute the popover position and the content max width/height for a popover given\n * its anchor rect and its content size.\n *\n * @param {Object}       anchorRect            Anchor Rect.\n * @param {Object}       contentSize           Content Size.\n * @param {string}       position              Position.\n * @param {boolean}      stickyBoundaryElement The boundary element to use when switching between\n *                                             sticky and normal position.\n * @param {Element}      anchorRef             The anchor element.\n * @param {number}       relativeOffsetTop     If applicable, top offset of the relative positioned\n *                                             parent container.\n * @param {Element}      boundaryElement       Boundary element.\n * @param {boolean}      forcePosition         Don't adjust position based on anchor.\n * @param {boolean}      forceXAlignment       Don't adjust alignment based on YAxis\n * @param {Element|null} editorWrapper         Element that wraps the editor content. Used to access\n *                                             scroll position to determine sticky behavior.\n * @return {Object} Popover position and constraints.\n */\nexport function computePopoverPosition(\n\tanchorRect,\n\tcontentSize,\n\tposition = 'top',\n\tstickyBoundaryElement,\n\tanchorRef,\n\trelativeOffsetTop,\n\tboundaryElement,\n\tforcePosition,\n\tforceXAlignment,\n\teditorWrapper\n) {\n\tconst [ yAxis, xAxis = 'center', corner ] = position.split( ' ' );\n\n\tconst yAxisPosition = computePopoverYAxisPosition(\n\t\tanchorRect,\n\t\tcontentSize,\n\t\tyAxis,\n\t\tcorner,\n\t\tstickyBoundaryElement,\n\t\tanchorRef,\n\t\trelativeOffsetTop,\n\t\tforcePosition,\n\t\teditorWrapper\n\t);\n\tconst xAxisPosition = computePopoverXAxisPosition(\n\t\tanchorRect,\n\t\tcontentSize,\n\t\txAxis,\n\t\tcorner,\n\t\tstickyBoundaryElement,\n\t\tyAxisPosition.yAxis,\n\t\tboundaryElement,\n\t\tforcePosition,\n\t\tforceXAlignment\n\t);\n\n\treturn {\n\t\t...xAxisPosition,\n\t\t...yAxisPosition,\n\t};\n}\n\n/**\n * Offsets the given rect by the position of the iframe that contains the\n * element. If the owner document is not in an iframe then it returns with the\n * original rect. If the popover container document and the anchor document are\n * the same, the original rect will also be returned.\n *\n * @param {DOMRect}  rect          bounds of the element\n * @param {Document} ownerDocument document of the element\n * @param {Element}  container     The popover container to position.\n *\n * @return {DOMRect} offsetted bounds\n */\nexport function offsetIframe( rect, ownerDocument, container ) {\n\tconst { defaultView } = ownerDocument;\n\tconst { frameElement } = defaultView;\n\n\tif ( ! frameElement || ownerDocument === container.ownerDocument ) {\n\t\treturn rect;\n\t}\n\n\tconst iframeRect = frameElement.getBoundingClientRect();\n\treturn new defaultView.DOMRect(\n\t\trect.left + iframeRect.left,\n\t\trect.top + iframeRect.top,\n\t\trect.width,\n\t\trect.height\n\t);\n}\n"]}

package/build-types/flyout/context.d.ts

@@ -1,6 +0,0 @@
-/**
- * @type {import('react').Context<import('./types').Context>}
- */
-export const FlyoutContext: import('react').Context<import('./types').Context>;
-export function useFlyoutContext(): import("./types").Context;
-//# sourceMappingURL=context.d.ts.map

package/build-types/flyout/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/flyout/context.js"],"names":[],"mappings":"AAKA;;GAEG;AACH,4BAFU,OAAO,OAAO,EAAE,OAAO,CAAC,OAAO,SAAS,EAAE,OAAO,CAAC,CAEX;AAC1C,8DAA0D"}

package/build-types/flyout/flyout/component.d.ts

@@ -1,21 +0,0 @@
-export default ConnectedFlyout;
-/**
- * `Flyout` is a component to render a floating content modal.
- * It is similar in purpose to a tooltip, but renders content of any sort,
- * not only simple text.
- *
- * @example
- * ```jsx
- * import { Button, __experimentalFlyout as Flyout, __experimentalText as } from '@wordpress/components';
- *
- * function Example() {
- * 	return (
- * 		<Flyout trigger={ <Button>Show/Hide content</Button> }>
- *			<Text>Code is Poetry</Text>
- * 		</Flyout>
- * 	);
- * }
- * ```
- */
-declare const ConnectedFlyout: import("../../ui/context").WordPressComponent<"div", import("../types").Props, false>;
-//# sourceMappingURL=component.d.ts.map

package/build-types/flyout/flyout/component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout/component.js"],"names":[],"mappings":";AA0FA;;;;;;;;;;;;;;;;;GAiBG;AACH,qHAA2D"}