@wordpress/components 19.10.0 → 19.11.0

package/build/popover/utils.js

@@ -1,322 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.computePopoverPosition = computePopoverPosition;
-exports.computePopoverXAxisPosition = computePopoverXAxisPosition;
-exports.computePopoverYAxisPosition = computePopoverYAxisPosition;
-exports.offsetIframe = offsetIframe;
-
-var _i18n = require("@wordpress/i18n");
-
-// @ts-nocheck
-
-/**
- * WordPress dependencies
- */
-
-/**
- * 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.
- */
-
-function computePopoverXAxisPosition(anchorRect, contentSize, xAxis, corner, stickyBoundaryElement, chosenYAxis, boundaryElement, forcePosition, forceXAlignment) {
-  const {
-    width
-  } = contentSize; // Correct xAxis for RTL support.
-
-  if (xAxis === 'left' && (0, _i18n.isRTL)()) {
-    xAxis = 'right';
-  } else if (xAxis === 'right' && (0, _i18n.isRTL)()) {
-    xAxis = 'left';
-  }
-
-  if (corner === 'left' && (0, _i18n.isRTL)()) {
-    corner = 'right';
-  } else if (corner === 'right' && (0, _i18n.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 (!(0, _i18n.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.
- */
-
-
-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.
- */
-
-
-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
- */
-
-
-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/popover/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/popover/utils.js"],"names":["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-module/flyout/context.js

@@ -1,11 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useContext } from '@wordpress/element';
-/**
- * @type {import('react').Context<import('./types').Context>}
- */
-
-export const FlyoutContext = createContext({});
-export const useFlyoutContext = () => useContext(FlyoutContext);
-//# sourceMappingURL=context.js.map

package/build-module/flyout/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/context.js"],"names":["createContext","useContext","FlyoutContext","useFlyoutContext"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA;AACA;AACA;;AACA,OAAO,MAAMC,aAAa,GAAGF,aAAa,CAAE,EAAF,CAAnC;AACP,OAAO,MAAMG,gBAAgB,GAAG,MAAMF,UAAU,CAAEC,aAAF,CAAzC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * @type {import('react').Context<import('./types').Context>}\n */\nexport const FlyoutContext = createContext( {} );\nexport const useFlyoutContext = () => useContext( FlyoutContext );\n"]}

package/build-module/flyout/flyout/component.js

@@ -1,89 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import { PopoverDisclosure, Portal } from 'reakit';
-/**
- * WordPress dependencies
- */
-
-import { useCallback, useMemo, cloneElement } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { contextConnect } from '../../ui/context';
-import { FlyoutContext } from '../context';
-import { useFlyoutResizeUpdater } from '../utils';
-import FlyoutContent from '../flyout-content';
-import { useUpdateEffect } from '../../utils/hooks';
-import { useFlyout } from './hook';
-/**
- *
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props
- * @param {import('react').ForwardedRef<any>}                                                          forwardedRef
- */
-
-function Flyout(props, forwardedRef) {
-  const {
-    children,
-    elevation,
-    label,
-    maxWidth,
-    onVisibleChange,
-    trigger,
-    flyoutState,
-    ...otherProps
-  } = useFlyout(props);
-  const resizeListener = useFlyoutResizeUpdater({
-    onResize: flyoutState.unstable_update
-  });
-  const uniqueId = `flyout-${flyoutState.baseId}`;
-  const labelId = label || uniqueId;
-  const contextProps = useMemo(() => ({
-    label: labelId,
-    flyoutState
-  }), [labelId, flyoutState]);
-  const triggerContent = useCallback(triggerProps => {
-    return cloneElement(trigger, triggerProps);
-  }, [trigger]);
-  useUpdateEffect(() => {
-    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(flyoutState.visible);
-  }, [flyoutState.visible]);
-  return createElement(FlyoutContext.Provider, {
-    value: contextProps
-  }, trigger && createElement(PopoverDisclosure, _extends({}, flyoutState, {
-    ref: trigger.ref
-  }, trigger.props), triggerContent), createElement(Portal, null, createElement(FlyoutContent, _extends({
-    ref: forwardedRef
-  }, otherProps, {
-    elevation: elevation,
-    maxWidth: maxWidth
-  }), resizeListener, children)));
-}
-/**
- * `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>
- * 	);
- * }
- * ```
- */
-
-
-const ConnectedFlyout = contextConnect(Flyout, 'Flyout');
-export default ConnectedFlyout;
-//# sourceMappingURL=component.js.map

package/build-module/flyout/flyout/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout/component.js"],"names":["PopoverDisclosure","Portal","useCallback","useMemo","cloneElement","contextConnect","FlyoutContext","useFlyoutResizeUpdater","FlyoutContent","useUpdateEffect","useFlyout","Flyout","props","forwardedRef","children","elevation","label","maxWidth","onVisibleChange","trigger","flyoutState","otherProps","resizeListener","onResize","unstable_update","uniqueId","baseId","labelId","contextProps","triggerContent","triggerProps","visible","ref","ConnectedFlyout"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA,SAASA,iBAAT,EAA4BC,MAA5B,QAA0C,QAA1C;AAEA;AACA;AACA;;AACA,SAASC,WAAT,EAAsBC,OAAtB,EAA+BC,YAA/B,QAAmD,oBAAnD;AAEA;AACA;AACA;;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,aAAT,QAA8B,YAA9B;AACA,SAASC,sBAAT,QAAuC,UAAvC;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,SAAT,QAA0B,QAA1B;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,MAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAuC;AACtC,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,KAHK;AAILC,IAAAA,QAJK;AAKLC,IAAAA,eALK;AAMLC,IAAAA,OANK;AAOLC,IAAAA,WAPK;AAQL,OAAGC;AARE,MASFX,SAAS,CAAEE,KAAF,CATb;AAWA,QAAMU,cAAc,GAAGf,sBAAsB,CAAE;AAC9CgB,IAAAA,QAAQ,EAAEH,WAAW,CAACI;AADwB,GAAF,CAA7C;AAIA,QAAMC,QAAQ,GAAI,UAAUL,WAAW,CAACM,MAAQ,EAAhD;AACA,QAAMC,OAAO,GAAGX,KAAK,IAAIS,QAAzB;AAEA,QAAMG,YAAY,GAAGzB,OAAO,CAC3B,OAAQ;AACPa,IAAAA,KAAK,EAAEW,OADA;AAEPP,IAAAA;AAFO,GAAR,CAD2B,EAK3B,CAAEO,OAAF,EAAWP,WAAX,CAL2B,CAA5B;AAQA,QAAMS,cAAc,GAAG3B,WAAW,CAC/B4B,YAAF,IAAoB;AACnB,WAAO1B,YAAY,CAAEe,OAAF,EAAWW,YAAX,CAAnB;AACA,GAHgC,EAIjC,CAAEX,OAAF,CAJiC,CAAlC;AAOAV,EAAAA,eAAe,CAAE,MAAM;AACtBS,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAIE,WAAW,CAACW,OAAhB,CAAf;AACA,GAFc,EAEZ,CAAEX,WAAW,CAACW,OAAd,CAFY,CAAf;AAIA,SACC,cAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAGH;AAAhC,KACGT,OAAO,IACR,cAAC,iBAAD,eACMC,WADN;AAEC,IAAA,GAAG,EAAGD,OAAO,CAACa;AAFf,KAGMb,OAAO,CAACP,KAHd,GAKGiB,cALH,CAFF,EAUC,cAAC,MAAD,QACC,cAAC,aAAD;AACC,IAAA,GAAG,EAAGhB;AADP,KAEMQ,UAFN;AAGC,IAAA,SAAS,EAAGN,SAHb;AAIC,IAAA,QAAQ,EAAGE;AAJZ,MAMGK,cANH,EAOGR,QAPH,CADD,CAVD,CADD;AAwBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMmB,eAAe,GAAG5B,cAAc,CAAEM,MAAF,EAAU,QAAV,CAAtC;AAEA,eAAesB,eAAf","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport { PopoverDisclosure, Portal } from 'reakit';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useMemo, cloneElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { FlyoutContext } from '../context';\nimport { useFlyoutResizeUpdater } from '../utils';\nimport FlyoutContent from '../flyout-content';\nimport { useUpdateEffect } from '../../utils/hooks';\nimport { useFlyout } from './hook';\n\n/**\n *\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props\n * @param {import('react').ForwardedRef<any>}                                                          forwardedRef\n */\nfunction Flyout( props, forwardedRef ) {\n\tconst {\n\t\tchildren,\n\t\televation,\n\t\tlabel,\n\t\tmaxWidth,\n\t\tonVisibleChange,\n\t\ttrigger,\n\t\tflyoutState,\n\t\t...otherProps\n\t} = useFlyout( props );\n\n\tconst resizeListener = useFlyoutResizeUpdater( {\n\t\tonResize: flyoutState.unstable_update,\n\t} );\n\n\tconst uniqueId = `flyout-${ flyoutState.baseId }`;\n\tconst labelId = label || uniqueId;\n\n\tconst contextProps = useMemo(\n\t\t() => ( {\n\t\t\tlabel: labelId,\n\t\t\tflyoutState,\n\t\t} ),\n\t\t[ labelId, flyoutState ]\n\t);\n\n\tconst triggerContent = useCallback(\n\t\t( triggerProps ) => {\n\t\t\treturn cloneElement( trigger, triggerProps );\n\t\t},\n\t\t[ trigger ]\n\t);\n\n\tuseUpdateEffect( () => {\n\t\tonVisibleChange?.( flyoutState.visible );\n\t}, [ flyoutState.visible ] );\n\n\treturn (\n\t\t<FlyoutContext.Provider value={ contextProps }>\n\t\t\t{ trigger && (\n\t\t\t\t<PopoverDisclosure\n\t\t\t\t\t{ ...flyoutState }\n\t\t\t\t\tref={ trigger.ref }\n\t\t\t\t\t{ ...trigger.props }\n\t\t\t\t>\n\t\t\t\t\t{ triggerContent }\n\t\t\t\t</PopoverDisclosure>\n\t\t\t) }\n\t\t\t<Portal>\n\t\t\t\t<FlyoutContent\n\t\t\t\t\tref={ forwardedRef }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\televation={ elevation }\n\t\t\t\t\tmaxWidth={ maxWidth }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t{ children }\n\t\t\t\t</FlyoutContent>\n\t\t\t</Portal>\n\t\t</FlyoutContext.Provider>\n\t);\n}\n\n/**\n * `Flyout` is a component to render a floating content modal.\n * It is similar in purpose to a tooltip, but renders content of any sort,\n * not only simple text.\n *\n * @example\n * ```jsx\n * import { Button, __experimentalFlyout as Flyout, __experimentalText as } from '@wordpress/components';\n *\n * function Example() {\n * \treturn (\n * \t\t<Flyout trigger={ <Button>Show/Hide content</Button> }>\n *\t\t\t<Text>Code is Poetry</Text>\n * \t\t</Flyout>\n * \t);\n * }\n * ```\n */\nconst ConnectedFlyout = contextConnect( Flyout, 'Flyout' );\n\nexport default ConnectedFlyout;\n"]}

package/build-module/flyout/flyout/hook.js

@@ -1,44 +0,0 @@
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import { usePopoverState } from 'reakit';
-/**
- * Internal dependencies
- */
-
-import { useContextSystem } from '../../ui/context';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props
- */
-
-export function useFlyout(props) {
-  const {
-    animated = true,
-    animationDuration = 160,
-    baseId,
-    elevation = 5,
-    id,
-    maxWidth = 360,
-    placement,
-    state,
-    visible,
-    ...otherProps
-  } = useContextSystem(props, 'Flyout');
-
-  const _flyoutState = usePopoverState({
-    animated: animated ? animationDuration : undefined,
-    baseId: baseId || id,
-    placement,
-    visible,
-    ...otherProps
-  });
-
-  const flyoutState = state || _flyoutState;
-  return { ...otherProps,
-    elevation,
-    maxWidth,
-    flyoutState
-  };
-}
-//# sourceMappingURL=hook.js.map

package/build-module/flyout/flyout/hook.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout/hook.js"],"names":["usePopoverState","useContextSystem","useFlyout","props","animated","animationDuration","baseId","elevation","id","maxWidth","placement","state","visible","otherProps","_flyoutState","undefined","flyoutState"],"mappings":"AAAA;AACA;AACA;AACA;AACA,SAASA,eAAT,QAAgC,QAAhC;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AAEA;AACA;AACA;;AACA,OAAO,SAASC,SAAT,CAAoBC,KAApB,EAA4B;AAClC,QAAM;AACLC,IAAAA,QAAQ,GAAG,IADN;AAELC,IAAAA,iBAAiB,GAAG,GAFf;AAGLC,IAAAA,MAHK;AAILC,IAAAA,SAAS,GAAG,CAJP;AAKLC,IAAAA,EALK;AAMLC,IAAAA,QAAQ,GAAG,GANN;AAOLC,IAAAA,SAPK;AAQLC,IAAAA,KARK;AASLC,IAAAA,OATK;AAUL,OAAGC;AAVE,MAWFZ,gBAAgB,CAAEE,KAAF,EAAS,QAAT,CAXpB;;AAaA,QAAMW,YAAY,GAAGd,eAAe,CAAE;AACrCI,IAAAA,QAAQ,EAAEA,QAAQ,GAAGC,iBAAH,GAAuBU,SADJ;AAErCT,IAAAA,MAAM,EAAEA,MAAM,IAAIE,EAFmB;AAGrCE,IAAAA,SAHqC;AAIrCE,IAAAA,OAJqC;AAKrC,OAAGC;AALkC,GAAF,CAApC;;AAQA,QAAMG,WAAW,GAAGL,KAAK,IAAIG,YAA7B;AAEA,SAAO,EACN,GAAGD,UADG;AAENN,IAAAA,SAFM;AAGNE,IAAAA,QAHM;AAINO,IAAAA;AAJM,GAAP;AAMA","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport { usePopoverState } from 'reakit';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props\n */\nexport function useFlyout( props ) {\n\tconst {\n\t\tanimated = true,\n\t\tanimationDuration = 160,\n\t\tbaseId,\n\t\televation = 5,\n\t\tid,\n\t\tmaxWidth = 360,\n\t\tplacement,\n\t\tstate,\n\t\tvisible,\n\t\t...otherProps\n\t} = useContextSystem( props, 'Flyout' );\n\n\tconst _flyoutState = usePopoverState( {\n\t\tanimated: animated ? animationDuration : undefined,\n\t\tbaseId: baseId || id,\n\t\tplacement,\n\t\tvisible,\n\t\t...otherProps,\n\t} );\n\n\tconst flyoutState = state || _flyoutState;\n\n\treturn {\n\t\t...otherProps,\n\t\televation,\n\t\tmaxWidth,\n\t\tflyoutState,\n\t};\n}\n"]}

package/build-module/flyout/flyout/index.js

@@ -1,3 +0,0 @@
-export { default } from './component';
-export { useFlyout } from './hook';
-//# sourceMappingURL=index.js.map

package/build-module/flyout/flyout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout/index.js"],"names":["default","useFlyout"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,SAAT,QAA0B,QAA1B","sourcesContent":["export { default } from './component';\nexport { useFlyout } from './hook';\n"]}

package/build-module/flyout/flyout-content/component.js

@@ -1,51 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { useFlyoutContext } from '../context';
-import { FlyoutContentView, CardView } from '../styles';
-import { contextConnect, useContextSystem } from '../../ui/context';
-/**
- *
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').ContentProps, 'div', false>} props
- * @param {import('react').ForwardedRef<any>}                                                                 forwardedRef forwardedRef
- */
-
-function FlyoutContent(props, forwardedRef) {
-  const {
-    children,
-    elevation,
-    maxWidth,
-    style = {},
-    ...otherProps
-  } = useContextSystem(props, 'FlyoutContent');
-  const {
-    label,
-    flyoutState
-  } = useFlyoutContext();
-
-  if (!flyoutState) {
-    throw new Error('`FlyoutContent` must only be used inside a `Flyout`.');
-  }
-
-  const showContent = flyoutState.visible || flyoutState.animating;
-  return createElement(FlyoutContentView, _extends({
-    "aria-label": label // maxWidth is applied via inline styles in order to avoid the `React does
-    // not recognize the maxWidth prop on a DOM element` error that comes from
-    // passing `maxWidth` as a prop to `FlyoutContentView`
-    ,
-    style: {
-      maxWidth,
-      ...style
-    }
-  }, otherProps, flyoutState), showContent && createElement(CardView, {
-    elevation: elevation,
-    ref: forwardedRef
-  }, children));
-}
-
-const ConnectedFlyoutContent = contextConnect(FlyoutContent, 'FlyoutContent');
-export default ConnectedFlyoutContent;
-//# sourceMappingURL=component.js.map

package/build-module/flyout/flyout-content/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout-content/component.js"],"names":["useFlyoutContext","FlyoutContentView","CardView","contextConnect","useContextSystem","FlyoutContent","props","forwardedRef","children","elevation","maxWidth","style","otherProps","label","flyoutState","Error","showContent","visible","animating","ConnectedFlyoutContent"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,gBAAT,QAAiC,YAAjC;AACA,SAASC,iBAAT,EAA4BC,QAA5B,QAA4C,WAA5C;AACA,SAASC,cAAT,EAAyBC,gBAAzB,QAAiD,kBAAjD;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,aAAT,CAAwBC,KAAxB,EAA+BC,YAA/B,EAA8C;AAC7C,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,KAAK,GAAG,EAJH;AAKL,OAAGC;AALE,MAMFR,gBAAgB,CAAEE,KAAF,EAAS,eAAT,CANpB;AAQA,QAAM;AAAEO,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAyBd,gBAAgB,EAA/C;;AAEA,MAAK,CAAEc,WAAP,EAAqB;AACpB,UAAM,IAAIC,KAAJ,CACL,sDADK,CAAN;AAGA;;AAED,QAAMC,WAAW,GAAGF,WAAW,CAACG,OAAZ,IAAuBH,WAAW,CAACI,SAAvD;AAEA,SACC,cAAC,iBAAD;AACC,kBAAaL,KADd,CAEC;AACA;AACA;AAJD;AAKC,IAAA,KAAK,EAAG;AAAEH,MAAAA,QAAF;AAAY,SAAGC;AAAf;AALT,KAMMC,UANN,EAOME,WAPN,GASGE,WAAW,IACZ,cAAC,QAAD;AAAU,IAAA,SAAS,EAAGP,SAAtB;AAAkC,IAAA,GAAG,EAAGF;AAAxC,KACGC,QADH,CAVF,CADD;AAiBA;;AAED,MAAMW,sBAAsB,GAAGhB,cAAc,CAAEE,aAAF,EAAiB,eAAjB,CAA7C;AAEA,eAAec,sBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useFlyoutContext } from '../context';\nimport { FlyoutContentView, CardView } from '../styles';\nimport { contextConnect, useContextSystem } from '../../ui/context';\n\n/**\n *\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').ContentProps, 'div', false>} props\n * @param {import('react').ForwardedRef<any>}                                                                 forwardedRef forwardedRef\n */\nfunction FlyoutContent( props, forwardedRef ) {\n\tconst {\n\t\tchildren,\n\t\televation,\n\t\tmaxWidth,\n\t\tstyle = {},\n\t\t...otherProps\n\t} = useContextSystem( props, 'FlyoutContent' );\n\n\tconst { label, flyoutState } = useFlyoutContext();\n\n\tif ( ! flyoutState ) {\n\t\tthrow new Error(\n\t\t\t'`FlyoutContent` must only be used inside a `Flyout`.'\n\t\t);\n\t}\n\n\tconst showContent = flyoutState.visible || flyoutState.animating;\n\n\treturn (\n\t\t<FlyoutContentView\n\t\t\taria-label={ label }\n\t\t\t// maxWidth is applied via inline styles in order to avoid the `React does\n\t\t\t// not recognize the maxWidth prop on a DOM element` error that comes from\n\t\t\t// passing `maxWidth` as a prop to `FlyoutContentView`\n\t\t\tstyle={ { maxWidth, ...style } }\n\t\t\t{ ...otherProps }\n\t\t\t{ ...flyoutState }\n\t\t>\n\t\t\t{ showContent && (\n\t\t\t\t<CardView elevation={ elevation } ref={ forwardedRef }>\n\t\t\t\t\t{ children }\n\t\t\t\t</CardView>\n\t\t\t) }\n\t\t</FlyoutContentView>\n\t);\n}\n\nconst ConnectedFlyoutContent = contextConnect( FlyoutContent, 'FlyoutContent' );\n\nexport default ConnectedFlyoutContent;\n"]}

package/build-module/flyout/flyout-content/index.js

@@ -1,2 +0,0 @@
-export { default } from './component';
-//# sourceMappingURL=index.js.map

package/build-module/flyout/flyout-content/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout-content/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB","sourcesContent":["export { default } from './component';\n"]}

package/build-module/flyout/index.js

@@ -1,2 +0,0 @@
-export { default as Flyout } from './flyout';
-//# sourceMappingURL=index.js.map

package/build-module/flyout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/index.js"],"names":["default","Flyout"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC","sourcesContent":["export { default as Flyout } from './flyout';\n"]}