@wordpress/block-editor 12.1.0 → 12.3.0

package/build-module/components/spacing-sizes-control/utils.js

@@ -2,6 +2,44 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
+import { sidesAll, sidesAxial, sidesBottom, sidesHorizontal, sidesLeft, sidesRight, sidesTop, sidesVertical } from '@wordpress/icons';
+export const ALL_SIDES = ['top', 'right', 'bottom', 'left'];
+export const DEFAULT_VALUES = {
+  top: undefined,
+  right: undefined,
+  bottom: undefined,
+  left: undefined
+};
+export const ICONS = {
+  custom: sidesAll,
+  axial: sidesAxial,
+  horizontal: sidesHorizontal,
+  vertical: sidesVertical,
+  top: sidesTop,
+  right: sidesRight,
+  bottom: sidesBottom,
+  left: sidesLeft
+};
+export const LABELS = {
+  default: __('Spacing control'),
+  top: __('Top'),
+  bottom: __('Bottom'),
+  left: __('Left'),
+  right: __('Right'),
+  mixed: __('Mixed'),
+  vertical: __('Vertical'),
+  horizontal: __('Horizontal'),
+  axial: __('Horizontal & vertical'),
+  custom: __('Custom')
+};
+export const VIEWS = {
+  axial: 'axial',
+  top: 'top',
+  right: 'right',
+  bottom: 'bottom',
+  left: 'left',
+  custom: 'custom'
+};
 /**
  * Checks is given value is a spacing preset.
  *
@@ -11,7 +49,7 @@ import { __ } from '@wordpress/i18n';
  */
 
 export function isValueSpacingPreset(value) {
-  if (!(value !== null && value !== void 0 && value.includes)) {
+  if (!value?.includes) {
     return false;
   }
 
@@ -33,7 +71,7 @@ export function getCustomValueFromPreset(value, spacingSizes) {
 
   const slug = getSpacingPresetSlug(value);
   const spacingSize = spacingSizes.find(size => String(size.slug) === slug);
-  return spacingSize === null || spacingSize === void 0 ? void 0 : spacingSize.size;
+  return spacingSize?.size;
 }
 /**
  * Converts a custom value to preset value if one can be found.
@@ -54,7 +92,7 @@ export function getPresetValueFromCustomValue(value, spacingSizes) {
 
   const spacingMatch = spacingSizes.find(size => String(size.size) === String(value));
 
-  if (spacingMatch !== null && spacingMatch !== void 0 && spacingMatch.slug) {
+  if (spacingMatch?.slug) {
     return `var:preset|spacing|${spacingMatch.slug}`;
   }
 
@@ -122,23 +160,6 @@ export function getSliderValueFromPreset(presetValue, spacingSizes) {
 
   return sliderValue !== -1 ? sliderValue : NaN;
 }
-export const LABELS = {
-  all: __('All sides'),
-  top: __('Top'),
-  bottom: __('Bottom'),
-  left: __('Left'),
-  right: __('Right'),
-  mixed: __('Mixed'),
-  vertical: __('Vertical'),
-  horizontal: __('Horizontal')
-};
-export const DEFAULT_VALUES = {
-  top: undefined,
-  right: undefined,
-  bottom: undefined,
-  left: undefined
-};
-export const ALL_SIDES = ['top', 'right', 'bottom', 'left'];
 /**
  * Gets an items with the most occurrence within an array
  * https://stackoverflow.com/a/20762713
@@ -159,8 +180,7 @@ function mode(arr) {
  */
 
 
-export function getAllRawValue() {
-  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+export function getAllRawValue(values = {}) {
   return mode(Object.values(values));
 }
 /**
@@ -172,9 +192,7 @@ export function getAllRawValue() {
  * @return {boolean} Whether values are mixed.
  */
 
-export function isValuesMixed() {
-  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let sides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ALL_SIDES;
+export function isValuesMixed(values = {}, sides = ALL_SIDES) {
   return Object.values(values).length >= 1 && Object.values(values).length < sides.length || new Set(Object.values(values)).size > 1;
 }
 /**
@@ -192,4 +210,157 @@ export function isValuesDefined(values) {
 
   return Object.values(values).filter(value => !!value).length > 0;
 }
+/**
+ * Determines whether a particular axis has support. If no axis is
+ * specified, this function checks if either axis is supported.
+ *
+ * @param {Array}  sides Supported sides.
+ * @param {string} axis  Which axis to check.
+ *
+ * @return {boolean} Whether there is support for the specified axis or both axes.
+ */
+
+export function hasAxisSupport(sides, axis) {
+  if (!sides || !sides.length) {
+    return false;
+  }
+
+  const hasHorizontalSupport = sides.includes('horizontal') || sides.includes('left') && sides.includes('right');
+  const hasVerticalSupport = sides.includes('vertical') || sides.includes('top') && sides.includes('bottom');
+
+  if (axis === 'horizontal') {
+    return hasHorizontalSupport;
+  }
+
+  if (axis === 'vertical') {
+    return hasVerticalSupport;
+  }
+
+  return hasHorizontalSupport || hasVerticalSupport;
+}
+/**
+ * Determines which menu options should be included in the SidePicker.
+ *
+ * @param {Array} sides Supported sides.
+ *
+ * @return {Object} Menu options with each option containing label & icon.
+ */
+
+export function getSupportedMenuItems(sides) {
+  if (!sides || !sides.length) {
+    return {};
+  }
+
+  const menuItems = {}; // Determine the primary "side" menu options.
+
+  const hasHorizontalSupport = hasAxisSupport(sides, 'horizontal');
+  const hasVerticalSupport = hasAxisSupport(sides, 'vertical');
+
+  if (hasHorizontalSupport && hasVerticalSupport) {
+    menuItems.axial = {
+      label: LABELS.axial,
+      icon: ICONS.axial
+    };
+  } else if (hasHorizontalSupport) {
+    menuItems.axial = {
+      label: LABELS.horizontal,
+      icon: ICONS.horizontal
+    };
+  } else if (hasVerticalSupport) {
+    menuItems.axial = {
+      label: LABELS.vertical,
+      icon: ICONS.vertical
+    };
+  } // Track whether we have any individual sides so we can omit the custom
+  // option if required.
+
+
+  let numberOfIndividualSides = 0;
+  ALL_SIDES.forEach(side => {
+    if (sides.includes(side)) {
+      numberOfIndividualSides += 1;
+      menuItems[side] = {
+        label: LABELS[side],
+        icon: ICONS[side]
+      };
+    }
+  }); // Add custom item if there are enough sides to warrant a separated view.
+
+  if (numberOfIndividualSides > 1) {
+    menuItems.custom = {
+      label: LABELS.custom,
+      icon: ICONS.custom
+    };
+  }
+
+  return menuItems;
+}
+/**
+ * Checks if the supported sides are balanced for each axis.
+ * - Horizontal - both left and right sides are supported.
+ * - Vertical - both top and bottom are supported.
+ *
+ * @param {Array} sides The supported sides which may be axes as well.
+ *
+ * @return {boolean} Whether or not the supported sides are balanced.
+ */
+
+export function hasBalancedSidesSupport(sides = []) {
+  const counts = {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+  sides.forEach(side => counts[side] += 1);
+  return (counts.top + counts.bottom) % 2 === 0 && (counts.left + counts.right) % 2 === 0;
+}
+/**
+ * Determines which view the SpacingSizesControl should default to on its
+ * first render; Axial, Custom, or Single side.
+ *
+ * @param {Object} values Current side values.
+ * @param {Array}  sides  Supported sides.
+ *
+ * @return {string} View to display.
+ */
+
+export function getInitialView(values = {}, sides) {
+  const {
+    top,
+    right,
+    bottom,
+    left
+  } = values;
+  const sideValues = [top, right, bottom, left].filter(Boolean); // Axial ( Horizontal & vertical ).
+  // - Has axial side support
+  // - Has axial side values which match
+  // - Has no values and the supported sides are balanced
+
+  const hasMatchingAxialValues = top === bottom && left === right && (!!top || !!left);
+  const hasNoValuesAndBalancedSides = !sideValues.length && hasBalancedSidesSupport(sides);
+
+  if (hasAxisSupport(sides) && (hasMatchingAxialValues || hasNoValuesAndBalancedSides)) {
+    return VIEWS.axial;
+  } // Single side.
+  // - Ensure the side returned is the first side that has a value.
+
+
+  if (sideValues.length === 1) {
+    let side;
+    Object.entries(values).some(([key, value]) => {
+      side = key;
+      return value !== undefined;
+    });
+    return side;
+  } // Only single side supported and no value defined.
+
+
+  if (sides?.length === 1 && !sideValues.length) {
+    return sides[0];
+  } // Default to the Custom (separated sides) view.
+
+
+  return VIEWS.custom;
+}
 //# sourceMappingURL=utils.js.map

package/build-module/components/spacing-sizes-control/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/utils.js"],"names":["__","isValueSpacingPreset","value","includes","getCustomValueFromPreset","spacingSizes","slug","getSpacingPresetSlug","spacingSize","find","size","String","getPresetValueFromCustomValue","spacingMatch","getSpacingPresetCssVar","match","undefined","getSliderValueFromPreset","presetValue","parseFloat","sliderValue","findIndex","NaN","LABELS","all","top","bottom","left","right","mixed","vertical","horizontal","DEFAULT_VALUES","ALL_SIDES","mode","arr","sort","a","b","filter","v","length","pop","getAllRawValue","values","Object","isValuesMixed","sides","Set","isValuesDefined"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Checks is given value is a spacing preset.\n *\n * @param {string} value Value to check\n *\n * @return {boolean} Return true if value is string in format var:preset|spacing|.\n */\nexport function isValueSpacingPreset( value ) {\n\tif ( ! value?.includes ) {\n\t\treturn false;\n\t}\n\treturn value === '0' || value.includes( 'var:preset|spacing|' );\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} Mapping of the spacing preset to its equivalent custom value.\n */\nexport function getCustomValueFromPreset( value, spacingSizes ) {\n\tif ( ! isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = getSpacingPresetSlug( value );\n\tconst spacingSize = spacingSizes.find(\n\t\t( size ) => String( size.slug ) === slug\n\t);\n\n\treturn spacingSize?.size;\n}\n\n/**\n * Converts a custom value to preset value if one can be found.\n *\n * Returns value as-is if no match is found.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} The preset value if it can be found.\n */\nexport function getPresetValueFromCustomValue( value, spacingSizes ) {\n\t// Return value as-is if it is already a preset;\n\tif ( isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset|spacing|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value Value to convert.\n *\n * @return {string | undefined} CSS var string for given spacing preset value.\n */\nexport function getSpacingPresetCssVar( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\tif ( ! slug ) {\n\t\treturn value;\n\t}\n\n\treturn `var(--wp--preset--spacing--${ slug[ 1 ] })`;\n}\n\n/**\n * Returns the slug section of the given spacing preset string.\n *\n * @param {string} value Value to extract slug from.\n *\n * @return {string|undefined} The int value of the slug from given spacing preset.\n */\nexport function getSpacingPresetSlug( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tif ( value === '0' || value === 'default' ) {\n\t\treturn value;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\treturn slug ? slug[ 1 ] : undefined;\n}\n\n/**\n * Converts spacing preset value into a Range component value .\n *\n * @param {string} presetValue  Value to convert to Range value.\n * @param {Array}  spacingSizes Array of current spacing preset value objects.\n *\n * @return {number} The int value for use in Range control.\n */\nexport function getSliderValueFromPreset( presetValue, spacingSizes ) {\n\tif ( presetValue === undefined ) {\n\t\treturn 0;\n\t}\n\tconst slug =\n\t\tparseFloat( presetValue, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getSpacingPresetSlug( presetValue );\n\tconst sliderValue = spacingSizes.findIndex( ( spacingSize ) => {\n\t\treturn String( spacingSize.slug ) === slug;\n\t} );\n\n\t// Returning NaN rather than undefined as undefined makes range control thumb sit in center\n\treturn sliderValue !== -1 ? sliderValue : NaN;\n}\n\nexport const LABELS = {\n\tall: __( 'All sides' ),\n\ttop: __( 'Top' ),\n\tbottom: __( 'Bottom' ),\n\tleft: __( 'Left' ),\n\tright: __( 'Right' ),\n\tmixed: __( 'Mixed' ),\n\tvertical: __( 'Vertical' ),\n\thorizontal: __( 'Horizontal' ),\n};\n\nexport const DEFAULT_VALUES = {\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nexport const ALL_SIDES = [ 'top', 'right', 'bottom', 'left' ];\n\n/**\n * Gets an items with the most occurrence within an array\n * https://stackoverflow.com/a/20762713\n *\n * @param {Array<any>} arr Array of items to check.\n * @return {any} The item with the most occurrences.\n */\nfunction mode( arr ) {\n\treturn arr\n\t\t.sort(\n\t\t\t( a, b ) =>\n\t\t\t\tarr.filter( ( v ) => v === a ).length -\n\t\t\t\tarr.filter( ( v ) => v === b ).length\n\t\t)\n\t\t.pop();\n}\n\n/**\n * Gets the 'all' input value from values data.\n *\n * @param {Object} values Box spacing values\n *\n * @return {string} The most common value from all sides of box.\n */\nexport function getAllRawValue( values = {} ) {\n\treturn mode( Object.values( values ) );\n}\n\n/**\n * Checks to determine if values are mixed.\n *\n * @param {Object} values Box values.\n * @param {Array}  sides  Sides that values relate to.\n *\n * @return {boolean} Whether values are mixed.\n */\nexport function isValuesMixed( values = {}, sides = ALL_SIDES ) {\n\treturn (\n\t\t( Object.values( values ).length >= 1 &&\n\t\t\tObject.values( values ).length < sides.length ) ||\n\t\tnew Set( Object.values( values ) ).size > 1\n\t);\n}\n\n/**\n * Checks to determine if values are defined.\n *\n * @param {Object} values Box values.\n *\n * @return {boolean} Whether values are defined.\n */\nexport function isValuesDefined( values ) {\n\tif ( values === undefined || values === null ) {\n\t\treturn false;\n\t}\n\treturn Object.values( values ).filter( ( value ) => !! value ).length > 0;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/utils.js"],"names":["__","sidesAll","sidesAxial","sidesBottom","sidesHorizontal","sidesLeft","sidesRight","sidesTop","sidesVertical","ALL_SIDES","DEFAULT_VALUES","top","undefined","right","bottom","left","ICONS","custom","axial","horizontal","vertical","LABELS","default","mixed","VIEWS","isValueSpacingPreset","value","includes","getCustomValueFromPreset","spacingSizes","slug","getSpacingPresetSlug","spacingSize","find","size","String","getPresetValueFromCustomValue","spacingMatch","getSpacingPresetCssVar","match","getSliderValueFromPreset","presetValue","parseFloat","sliderValue","findIndex","NaN","mode","arr","sort","a","b","filter","v","length","pop","getAllRawValue","values","Object","isValuesMixed","sides","Set","isValuesDefined","hasAxisSupport","axis","hasHorizontalSupport","hasVerticalSupport","getSupportedMenuItems","menuItems","label","icon","numberOfIndividualSides","forEach","side","hasBalancedSidesSupport","counts","getInitialView","sideValues","Boolean","hasMatchingAxialValues","hasNoValuesAndBalancedSides","entries","some","key"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tsidesAll,\n\tsidesAxial,\n\tsidesBottom,\n\tsidesHorizontal,\n\tsidesLeft,\n\tsidesRight,\n\tsidesTop,\n\tsidesVertical,\n} from '@wordpress/icons';\n\nexport const ALL_SIDES = [ 'top', 'right', 'bottom', 'left' ];\n\nexport const DEFAULT_VALUES = {\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nexport const ICONS = {\n\tcustom: sidesAll,\n\taxial: sidesAxial,\n\thorizontal: sidesHorizontal,\n\tvertical: sidesVertical,\n\ttop: sidesTop,\n\tright: sidesRight,\n\tbottom: sidesBottom,\n\tleft: sidesLeft,\n};\n\nexport const LABELS = {\n\tdefault: __( 'Spacing control' ),\n\ttop: __( 'Top' ),\n\tbottom: __( 'Bottom' ),\n\tleft: __( 'Left' ),\n\tright: __( 'Right' ),\n\tmixed: __( 'Mixed' ),\n\tvertical: __( 'Vertical' ),\n\thorizontal: __( 'Horizontal' ),\n\taxial: __( 'Horizontal & vertical' ),\n\tcustom: __( 'Custom' ),\n};\n\nexport const VIEWS = {\n\taxial: 'axial',\n\ttop: 'top',\n\tright: 'right',\n\tbottom: 'bottom',\n\tleft: 'left',\n\tcustom: 'custom',\n};\n\n/**\n * Checks is given value is a spacing preset.\n *\n * @param {string} value Value to check\n *\n * @return {boolean} Return true if value is string in format var:preset|spacing|.\n */\nexport function isValueSpacingPreset( value ) {\n\tif ( ! value?.includes ) {\n\t\treturn false;\n\t}\n\treturn value === '0' || value.includes( 'var:preset|spacing|' );\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} Mapping of the spacing preset to its equivalent custom value.\n */\nexport function getCustomValueFromPreset( value, spacingSizes ) {\n\tif ( ! isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = getSpacingPresetSlug( value );\n\tconst spacingSize = spacingSizes.find(\n\t\t( size ) => String( size.slug ) === slug\n\t);\n\n\treturn spacingSize?.size;\n}\n\n/**\n * Converts a custom value to preset value if one can be found.\n *\n * Returns value as-is if no match is found.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} The preset value if it can be found.\n */\nexport function getPresetValueFromCustomValue( value, spacingSizes ) {\n\t// Return value as-is if it is already a preset;\n\tif ( isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset|spacing|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value Value to convert.\n *\n * @return {string | undefined} CSS var string for given spacing preset value.\n */\nexport function getSpacingPresetCssVar( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\tif ( ! slug ) {\n\t\treturn value;\n\t}\n\n\treturn `var(--wp--preset--spacing--${ slug[ 1 ] })`;\n}\n\n/**\n * Returns the slug section of the given spacing preset string.\n *\n * @param {string} value Value to extract slug from.\n *\n * @return {string|undefined} The int value of the slug from given spacing preset.\n */\nexport function getSpacingPresetSlug( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tif ( value === '0' || value === 'default' ) {\n\t\treturn value;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\treturn slug ? slug[ 1 ] : undefined;\n}\n\n/**\n * Converts spacing preset value into a Range component value .\n *\n * @param {string} presetValue  Value to convert to Range value.\n * @param {Array}  spacingSizes Array of current spacing preset value objects.\n *\n * @return {number} The int value for use in Range control.\n */\nexport function getSliderValueFromPreset( presetValue, spacingSizes ) {\n\tif ( presetValue === undefined ) {\n\t\treturn 0;\n\t}\n\tconst slug =\n\t\tparseFloat( presetValue, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getSpacingPresetSlug( presetValue );\n\tconst sliderValue = spacingSizes.findIndex( ( spacingSize ) => {\n\t\treturn String( spacingSize.slug ) === slug;\n\t} );\n\n\t// Returning NaN rather than undefined as undefined makes range control thumb sit in center\n\treturn sliderValue !== -1 ? sliderValue : NaN;\n}\n\n/**\n * Gets an items with the most occurrence within an array\n * https://stackoverflow.com/a/20762713\n *\n * @param {Array<any>} arr Array of items to check.\n * @return {any} The item with the most occurrences.\n */\nfunction mode( arr ) {\n\treturn arr\n\t\t.sort(\n\t\t\t( a, b ) =>\n\t\t\t\tarr.filter( ( v ) => v === a ).length -\n\t\t\t\tarr.filter( ( v ) => v === b ).length\n\t\t)\n\t\t.pop();\n}\n\n/**\n * Gets the 'all' input value from values data.\n *\n * @param {Object} values Box spacing values\n *\n * @return {string} The most common value from all sides of box.\n */\nexport function getAllRawValue( values = {} ) {\n\treturn mode( Object.values( values ) );\n}\n\n/**\n * Checks to determine if values are mixed.\n *\n * @param {Object} values Box values.\n * @param {Array}  sides  Sides that values relate to.\n *\n * @return {boolean} Whether values are mixed.\n */\nexport function isValuesMixed( values = {}, sides = ALL_SIDES ) {\n\treturn (\n\t\t( Object.values( values ).length >= 1 &&\n\t\t\tObject.values( values ).length < sides.length ) ||\n\t\tnew Set( Object.values( values ) ).size > 1\n\t);\n}\n\n/**\n * Checks to determine if values are defined.\n *\n * @param {Object} values Box values.\n *\n * @return {boolean} Whether values are defined.\n */\nexport function isValuesDefined( values ) {\n\tif ( values === undefined || values === null ) {\n\t\treturn false;\n\t}\n\treturn Object.values( values ).filter( ( value ) => !! value ).length > 0;\n}\n\n/**\n * Determines whether a particular axis has support. If no axis is\n * specified, this function checks if either axis is supported.\n *\n * @param {Array}  sides Supported sides.\n * @param {string} axis  Which axis to check.\n *\n * @return {boolean} Whether there is support for the specified axis or both axes.\n */\nexport function hasAxisSupport( sides, axis ) {\n\tif ( ! sides || ! sides.length ) {\n\t\treturn false;\n\t}\n\n\tconst hasHorizontalSupport =\n\t\tsides.includes( 'horizontal' ) ||\n\t\t( sides.includes( 'left' ) && sides.includes( 'right' ) );\n\n\tconst hasVerticalSupport =\n\t\tsides.includes( 'vertical' ) ||\n\t\t( sides.includes( 'top' ) && sides.includes( 'bottom' ) );\n\n\tif ( axis === 'horizontal' ) {\n\t\treturn hasHorizontalSupport;\n\t}\n\n\tif ( axis === 'vertical' ) {\n\t\treturn hasVerticalSupport;\n\t}\n\n\treturn hasHorizontalSupport || hasVerticalSupport;\n}\n\n/**\n * Determines which menu options should be included in the SidePicker.\n *\n * @param {Array} sides Supported sides.\n *\n * @return {Object} Menu options with each option containing label & icon.\n */\nexport function getSupportedMenuItems( sides ) {\n\tif ( ! sides || ! sides.length ) {\n\t\treturn {};\n\t}\n\n\tconst menuItems = {};\n\n\t// Determine the primary \"side\" menu options.\n\tconst hasHorizontalSupport = hasAxisSupport( sides, 'horizontal' );\n\tconst hasVerticalSupport = hasAxisSupport( sides, 'vertical' );\n\n\tif ( hasHorizontalSupport && hasVerticalSupport ) {\n\t\tmenuItems.axial = { label: LABELS.axial, icon: ICONS.axial };\n\t} else if ( hasHorizontalSupport ) {\n\t\tmenuItems.axial = { label: LABELS.horizontal, icon: ICONS.horizontal };\n\t} else if ( hasVerticalSupport ) {\n\t\tmenuItems.axial = { label: LABELS.vertical, icon: ICONS.vertical };\n\t}\n\n\t// Track whether we have any individual sides so we can omit the custom\n\t// option if required.\n\tlet numberOfIndividualSides = 0;\n\n\tALL_SIDES.forEach( ( side ) => {\n\t\tif ( sides.includes( side ) ) {\n\t\t\tnumberOfIndividualSides += 1;\n\t\t\tmenuItems[ side ] = {\n\t\t\t\tlabel: LABELS[ side ],\n\t\t\t\ticon: ICONS[ side ],\n\t\t\t};\n\t\t}\n\t} );\n\n\t// Add custom item if there are enough sides to warrant a separated view.\n\tif ( numberOfIndividualSides > 1 ) {\n\t\tmenuItems.custom = { label: LABELS.custom, icon: ICONS.custom };\n\t}\n\n\treturn menuItems;\n}\n\n/**\n * Checks if the supported sides are balanced for each axis.\n * - Horizontal - both left and right sides are supported.\n * - Vertical - both top and bottom are supported.\n *\n * @param {Array} sides The supported sides which may be axes as well.\n *\n * @return {boolean} Whether or not the supported sides are balanced.\n */\nexport function hasBalancedSidesSupport( sides = [] ) {\n\tconst counts = { top: 0, right: 0, bottom: 0, left: 0 };\n\tsides.forEach( ( side ) => ( counts[ side ] += 1 ) );\n\n\treturn (\n\t\t( counts.top + counts.bottom ) % 2 === 0 &&\n\t\t( counts.left + counts.right ) % 2 === 0\n\t);\n}\n\n/**\n * Determines which view the SpacingSizesControl should default to on its\n * first render; Axial, Custom, or Single side.\n *\n * @param {Object} values Current side values.\n * @param {Array}  sides  Supported sides.\n *\n * @return {string} View to display.\n */\nexport function getInitialView( values = {}, sides ) {\n\tconst { top, right, bottom, left } = values;\n\tconst sideValues = [ top, right, bottom, left ].filter( Boolean );\n\n\t// Axial ( Horizontal & vertical ).\n\t// - Has axial side support\n\t// - Has axial side values which match\n\t// - Has no values and the supported sides are balanced\n\tconst hasMatchingAxialValues =\n\t\ttop === bottom && left === right && ( !! top || !! left );\n\tconst hasNoValuesAndBalancedSides =\n\t\t! sideValues.length && hasBalancedSidesSupport( sides );\n\n\tif (\n\t\thasAxisSupport( sides ) &&\n\t\t( hasMatchingAxialValues || hasNoValuesAndBalancedSides )\n\t) {\n\t\treturn VIEWS.axial;\n\t}\n\n\t// Single side.\n\t// - Ensure the side returned is the first side that has a value.\n\tif ( sideValues.length === 1 ) {\n\t\tlet side;\n\n\t\tObject.entries( values ).some( ( [ key, value ] ) => {\n\t\t\tside = key;\n\t\t\treturn value !== undefined;\n\t\t} );\n\n\t\treturn side;\n\t}\n\n\t// Only single side supported and no value defined.\n\tif ( sides?.length === 1 && ! sideValues.length ) {\n\t\treturn sides[ 0 ];\n\t}\n\n\t// Default to the Custom (separated sides) view.\n\treturn VIEWS.custom;\n}\n"]}

package/build-module/components/text-decoration-control/index.js

@@ -35,12 +35,11 @@ const TEXT_DECORATIONS = [{
  * @return {WPElement} Text decoration control.
  */
 
-export default function TextDecorationControl(_ref) {
-  let {
-    value,
-    onChange,
-    className
-  } = _ref;
+export default function TextDecorationControl({
+  value,
+  onChange,
+  className
+}) {
   return createElement("fieldset", {
     className: classnames('block-editor-text-decoration-control', className)
   }, createElement(BaseControl.VisualLabel, {

package/build-module/components/text-decoration-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/text-decoration-control/index.js"],"names":["classnames","BaseControl","Button","reset","formatStrikethrough","formatUnderline","__","TEXT_DECORATIONS","name","value","icon","TextDecorationControl","onChange","className","map","textDecoration","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,uBAApC;AACA,SAASC,KAAT,EAAgBC,mBAAhB,EAAqCC,eAArC,QAA4D,kBAA5D;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,gBAAgB,GAAG,CACxB;AACCC,EAAAA,IAAI,EAAEF,EAAE,CAAE,MAAF,CADT;AAECG,EAAAA,KAAK,EAAE,MAFR;AAGCC,EAAAA,IAAI,EAAEP;AAHP,CADwB,EAMxB;AACCK,EAAAA,IAAI,EAAEF,EAAE,CAAE,WAAF,CADT;AAECG,EAAAA,KAAK,EAAE,WAFR;AAGCC,EAAAA,IAAI,EAAEL;AAHP,CANwB,EAWxB;AACCG,EAAAA,IAAI,EAAEF,EAAE,CAAE,eAAF,CADT;AAECG,EAAAA,KAAK,EAAE,cAFR;AAGCC,EAAAA,IAAI,EAAEN;AAHP,CAXwB,CAAzB;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASO,qBAAT,OAIX;AAAA,MAJ2C;AAC9CF,IAAAA,KAD8C;AAE9CG,IAAAA,QAF8C;AAG9CC,IAAAA;AAH8C,GAI3C;AACH,SACC;AACC,IAAA,SAAS,EAAGb,UAAU,CACrB,sCADqB,EAErBa,SAFqB;AADvB,KAMC,cAAC,WAAD,CAAa,WAAb;AAAyB,IAAA,EAAE,EAAC;AAA5B,KACGP,EAAE,CAAE,YAAF,CADL,CAND,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,gBAAgB,CAACO,GAAjB,CAAwBC,cAAF,IAAsB;AAC7C,WACC,cAAC,MAAD;AACC,MAAA,GAAG,EAAGA,cAAc,CAACN,KADtB;AAEC,MAAA,IAAI,EAAGM,cAAc,CAACL,IAFvB;AAGC,MAAA,KAAK,EAAGK,cAAc,CAACP,IAHxB;AAIC,MAAA,SAAS,EAAGO,cAAc,CAACN,KAAf,KAAyBA,KAJtC;AAKC,MAAA,OAAO,EAAG,MAAM;AACfG,QAAAA,QAAQ,CACPG,cAAc,CAACN,KAAf,KAAyBA,KAAzB,GACGO,SADH,GAEGD,cAAc,CAACN,KAHX,CAAR;AAKA;AAXF,MADD;AAeA,GAhBC,CADH,CATD,CADD;AA+BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\nimport { reset, formatStrikethrough, formatUnderline } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst TEXT_DECORATIONS = [\n\t{\n\t\tname: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tname: __( 'Underline' ),\n\t\tvalue: 'underline',\n\t\ticon: formatUnderline,\n\t},\n\t{\n\t\tname: __( 'Strikethrough' ),\n\t\tvalue: 'line-through',\n\t\ticon: formatStrikethrough,\n\t},\n];\n\n/**\n * Control to facilitate text decoration selections.\n *\n * @param {Object}   props             Component props.\n * @param {string}   props.value       Currently selected text decoration.\n * @param {Function} props.onChange    Handles change in text decoration selection.\n * @param {string}   [props.className] Additional class name to apply.\n *\n * @return {WPElement} Text decoration control.\n */\nexport default function TextDecorationControl( {\n\tvalue,\n\tonChange,\n\tclassName,\n} ) {\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-text-decoration-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Decoration' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"block-editor-text-decoration-control__buttons\">\n\t\t\t\t{ TEXT_DECORATIONS.map( ( textDecoration ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ textDecoration.value }\n\t\t\t\t\t\t\ticon={ textDecoration.icon }\n\t\t\t\t\t\t\tlabel={ textDecoration.name }\n\t\t\t\t\t\t\tisPressed={ textDecoration.value === value }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttextDecoration.value === value\n\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t: textDecoration.value\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/text-decoration-control/index.js"],"names":["classnames","BaseControl","Button","reset","formatStrikethrough","formatUnderline","__","TEXT_DECORATIONS","name","value","icon","TextDecorationControl","onChange","className","map","textDecoration","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,uBAApC;AACA,SAASC,KAAT,EAAgBC,mBAAhB,EAAqCC,eAArC,QAA4D,kBAA5D;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,gBAAgB,GAAG,CACxB;AACCC,EAAAA,IAAI,EAAEF,EAAE,CAAE,MAAF,CADT;AAECG,EAAAA,KAAK,EAAE,MAFR;AAGCC,EAAAA,IAAI,EAAEP;AAHP,CADwB,EAMxB;AACCK,EAAAA,IAAI,EAAEF,EAAE,CAAE,WAAF,CADT;AAECG,EAAAA,KAAK,EAAE,WAFR;AAGCC,EAAAA,IAAI,EAAEL;AAHP,CANwB,EAWxB;AACCG,EAAAA,IAAI,EAAEF,EAAE,CAAE,eAAF,CADT;AAECG,EAAAA,KAAK,EAAE,cAFR;AAGCC,EAAAA,IAAI,EAAEN;AAHP,CAXwB,CAAzB;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASO,qBAAT,CAAgC;AAC9CF,EAAAA,KAD8C;AAE9CG,EAAAA,QAF8C;AAG9CC,EAAAA;AAH8C,CAAhC,EAIX;AACH,SACC;AACC,IAAA,SAAS,EAAGb,UAAU,CACrB,sCADqB,EAErBa,SAFqB;AADvB,KAMC,cAAC,WAAD,CAAa,WAAb;AAAyB,IAAA,EAAE,EAAC;AAA5B,KACGP,EAAE,CAAE,YAAF,CADL,CAND,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,gBAAgB,CAACO,GAAjB,CAAwBC,cAAF,IAAsB;AAC7C,WACC,cAAC,MAAD;AACC,MAAA,GAAG,EAAGA,cAAc,CAACN,KADtB;AAEC,MAAA,IAAI,EAAGM,cAAc,CAACL,IAFvB;AAGC,MAAA,KAAK,EAAGK,cAAc,CAACP,IAHxB;AAIC,MAAA,SAAS,EAAGO,cAAc,CAACN,KAAf,KAAyBA,KAJtC;AAKC,MAAA,OAAO,EAAG,MAAM;AACfG,QAAAA,QAAQ,CACPG,cAAc,CAACN,KAAf,KAAyBA,KAAzB,GACGO,SADH,GAEGD,cAAc,CAACN,KAHX,CAAR;AAKA;AAXF,MADD;AAeA,GAhBC,CADH,CATD,CADD;AA+BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\nimport { reset, formatStrikethrough, formatUnderline } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst TEXT_DECORATIONS = [\n\t{\n\t\tname: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tname: __( 'Underline' ),\n\t\tvalue: 'underline',\n\t\ticon: formatUnderline,\n\t},\n\t{\n\t\tname: __( 'Strikethrough' ),\n\t\tvalue: 'line-through',\n\t\ticon: formatStrikethrough,\n\t},\n];\n\n/**\n * Control to facilitate text decoration selections.\n *\n * @param {Object}   props             Component props.\n * @param {string}   props.value       Currently selected text decoration.\n * @param {Function} props.onChange    Handles change in text decoration selection.\n * @param {string}   [props.className] Additional class name to apply.\n *\n * @return {WPElement} Text decoration control.\n */\nexport default function TextDecorationControl( {\n\tvalue,\n\tonChange,\n\tclassName,\n} ) {\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-text-decoration-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Decoration' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"block-editor-text-decoration-control__buttons\">\n\t\t\t\t{ TEXT_DECORATIONS.map( ( textDecoration ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ textDecoration.value }\n\t\t\t\t\t\t\ticon={ textDecoration.icon }\n\t\t\t\t\t\t\tlabel={ textDecoration.name }\n\t\t\t\t\t\t\tisPressed={ textDecoration.value === value }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttextDecoration.value === value\n\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t: textDecoration.value\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}

package/build-module/components/text-transform-control/index.js

@@ -39,12 +39,11 @@ const TEXT_TRANSFORMS = [{
  * @return {WPElement} Text transform control.
  */
 
-export default function TextTransformControl(_ref) {
-  let {
-    className,
-    value,
-    onChange
-  } = _ref;
+export default function TextTransformControl({
+  className,
+  value,
+  onChange
+}) {
   return createElement("fieldset", {
     className: classnames('block-editor-text-transform-control', className)
   }, createElement(BaseControl.VisualLabel, {

package/build-module/components/text-transform-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/text-transform-control/index.js"],"names":["classnames","BaseControl","Button","__","reset","formatCapitalize","formatLowercase","formatUppercase","TEXT_TRANSFORMS","name","value","icon","TextTransformControl","className","onChange","map","textTransform","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,uBAApC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SACCC,KADD,EAECC,gBAFD,EAGCC,eAHD,EAICC,eAJD,QAKO,kBALP;AAOA,MAAMC,eAAe,GAAG,CACvB;AACCC,EAAAA,IAAI,EAAEN,EAAE,CAAE,MAAF,CADT;AAECO,EAAAA,KAAK,EAAE,MAFR;AAGCC,EAAAA,IAAI,EAAEP;AAHP,CADuB,EAMvB;AACCK,EAAAA,IAAI,EAAEN,EAAE,CAAE,WAAF,CADT;AAECO,EAAAA,KAAK,EAAE,WAFR;AAGCC,EAAAA,IAAI,EAAEJ;AAHP,CANuB,EAWvB;AACCE,EAAAA,IAAI,EAAEN,EAAE,CAAE,WAAF,CADT;AAECO,EAAAA,KAAK,EAAE,WAFR;AAGCC,EAAAA,IAAI,EAAEL;AAHP,CAXuB,EAgBvB;AACCG,EAAAA,IAAI,EAAEN,EAAE,CAAE,YAAF,CADT;AAECO,EAAAA,KAAK,EAAE,YAFR;AAGCC,EAAAA,IAAI,EAAEN;AAHP,CAhBuB,CAAxB;AAuBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASO,oBAAT,OAAgE;AAAA,MAAjC;AAAEC,IAAAA,SAAF;AAAaH,IAAAA,KAAb;AAAoBI,IAAAA;AAApB,GAAiC;AAC9E,SACC;AACC,IAAA,SAAS,EAAGd,UAAU,CACrB,qCADqB,EAErBa,SAFqB;AADvB,KAMC,cAAC,WAAD,CAAa,WAAb;AAAyB,IAAA,EAAE,EAAC;AAA5B,KACGV,EAAE,CAAE,aAAF,CADL,CAND,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGK,eAAe,CAACO,GAAhB,CAAuBC,aAAF,IAAqB;AAC3C,WACC,cAAC,MAAD;AACC,MAAA,GAAG,EAAGA,aAAa,CAACN,KADrB;AAEC,MAAA,IAAI,EAAGM,aAAa,CAACL,IAFtB;AAGC,MAAA,KAAK,EAAGK,aAAa,CAACP,IAHvB;AAIC,MAAA,SAAS,EAAGO,aAAa,CAACN,KAAd,KAAwBA,KAJrC;AAKC,MAAA,OAAO,EAAG,MAAM;AACfI,QAAAA,QAAQ,CACPE,aAAa,CAACN,KAAd,KAAwBA,KAAxB,GACGO,SADH,GAEGD,aAAa,CAACN,KAHV,CAAR;AAKA;AAXF,MADD;AAeA,GAhBC,CADH,CATD,CADD;AA+BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\treset,\n\tformatCapitalize,\n\tformatLowercase,\n\tformatUppercase,\n} from '@wordpress/icons';\n\nconst TEXT_TRANSFORMS = [\n\t{\n\t\tname: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tname: __( 'Uppercase' ),\n\t\tvalue: 'uppercase',\n\t\ticon: formatUppercase,\n\t},\n\t{\n\t\tname: __( 'Lowercase' ),\n\t\tvalue: 'lowercase',\n\t\ticon: formatLowercase,\n\t},\n\t{\n\t\tname: __( 'Capitalize' ),\n\t\tvalue: 'capitalize',\n\t\ticon: formatCapitalize,\n\t},\n];\n\n/**\n * Control to facilitate text transform selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected text transform.\n * @param {Function} props.onChange  Handles change in text transform selection.\n *\n * @return {WPElement} Text transform control.\n */\nexport default function TextTransformControl( { className, value, onChange } ) {\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-text-transform-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Letter case' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"block-editor-text-transform-control__buttons\">\n\t\t\t\t{ TEXT_TRANSFORMS.map( ( textTransform ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ textTransform.value }\n\t\t\t\t\t\t\ticon={ textTransform.icon }\n\t\t\t\t\t\t\tlabel={ textTransform.name }\n\t\t\t\t\t\t\tisPressed={ textTransform.value === value }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttextTransform.value === value\n\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t: textTransform.value\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/text-transform-control/index.js"],"names":["classnames","BaseControl","Button","__","reset","formatCapitalize","formatLowercase","formatUppercase","TEXT_TRANSFORMS","name","value","icon","TextTransformControl","className","onChange","map","textTransform","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,uBAApC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SACCC,KADD,EAECC,gBAFD,EAGCC,eAHD,EAICC,eAJD,QAKO,kBALP;AAOA,MAAMC,eAAe,GAAG,CACvB;AACCC,EAAAA,IAAI,EAAEN,EAAE,CAAE,MAAF,CADT;AAECO,EAAAA,KAAK,EAAE,MAFR;AAGCC,EAAAA,IAAI,EAAEP;AAHP,CADuB,EAMvB;AACCK,EAAAA,IAAI,EAAEN,EAAE,CAAE,WAAF,CADT;AAECO,EAAAA,KAAK,EAAE,WAFR;AAGCC,EAAAA,IAAI,EAAEJ;AAHP,CANuB,EAWvB;AACCE,EAAAA,IAAI,EAAEN,EAAE,CAAE,WAAF,CADT;AAECO,EAAAA,KAAK,EAAE,WAFR;AAGCC,EAAAA,IAAI,EAAEL;AAHP,CAXuB,EAgBvB;AACCG,EAAAA,IAAI,EAAEN,EAAE,CAAE,YAAF,CADT;AAECO,EAAAA,KAAK,EAAE,YAFR;AAGCC,EAAAA,IAAI,EAAEN;AAHP,CAhBuB,CAAxB;AAuBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASO,oBAAT,CAA+B;AAAEC,EAAAA,SAAF;AAAaH,EAAAA,KAAb;AAAoBI,EAAAA;AAApB,CAA/B,EAAgE;AAC9E,SACC;AACC,IAAA,SAAS,EAAGd,UAAU,CACrB,qCADqB,EAErBa,SAFqB;AADvB,KAMC,cAAC,WAAD,CAAa,WAAb;AAAyB,IAAA,EAAE,EAAC;AAA5B,KACGV,EAAE,CAAE,aAAF,CADL,CAND,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGK,eAAe,CAACO,GAAhB,CAAuBC,aAAF,IAAqB;AAC3C,WACC,cAAC,MAAD;AACC,MAAA,GAAG,EAAGA,aAAa,CAACN,KADrB;AAEC,MAAA,IAAI,EAAGM,aAAa,CAACL,IAFtB;AAGC,MAAA,KAAK,EAAGK,aAAa,CAACP,IAHvB;AAIC,MAAA,SAAS,EAAGO,aAAa,CAACN,KAAd,KAAwBA,KAJrC;AAKC,MAAA,OAAO,EAAG,MAAM;AACfI,QAAAA,QAAQ,CACPE,aAAa,CAACN,KAAd,KAAwBA,KAAxB,GACGO,SADH,GAEGD,aAAa,CAACN,KAHV,CAAR;AAKA;AAXF,MADD;AAeA,GAhBC,CADH,CATD,CADD;AA+BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\treset,\n\tformatCapitalize,\n\tformatLowercase,\n\tformatUppercase,\n} from '@wordpress/icons';\n\nconst TEXT_TRANSFORMS = [\n\t{\n\t\tname: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tname: __( 'Uppercase' ),\n\t\tvalue: 'uppercase',\n\t\ticon: formatUppercase,\n\t},\n\t{\n\t\tname: __( 'Lowercase' ),\n\t\tvalue: 'lowercase',\n\t\ticon: formatLowercase,\n\t},\n\t{\n\t\tname: __( 'Capitalize' ),\n\t\tvalue: 'capitalize',\n\t\ticon: formatCapitalize,\n\t},\n];\n\n/**\n * Control to facilitate text transform selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected text transform.\n * @param {Function} props.onChange  Handles change in text transform selection.\n *\n * @return {WPElement} Text transform control.\n */\nexport default function TextTransformControl( { className, value, onChange } ) {\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-text-transform-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Letter case' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"block-editor-text-transform-control__buttons\">\n\t\t\t\t{ TEXT_TRANSFORMS.map( ( textTransform ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ textTransform.value }\n\t\t\t\t\t\t\ticon={ textTransform.icon }\n\t\t\t\t\t\t\tlabel={ textTransform.name }\n\t\t\t\t\t\t\tisPressed={ textTransform.value === value }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttextTransform.value === value\n\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t: textTransform.value\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}

package/build-module/components/tool-selector/index.js

@@ -29,22 +29,19 @@ function ToolSelector(props, ref) {
     __unstableSetEditorMode
   } = useDispatch(blockEditorStore);
   return createElement(Dropdown, {
-    renderToggle: _ref => {
-      let {
-        isOpen,
-        onToggle
-      } = _ref;
-      return createElement(Button, _extends({}, props, {
-        ref: ref,
-        icon: mode === 'navigation' ? selectIcon : editIcon,
-        "aria-expanded": isOpen,
-        "aria-haspopup": "true",
-        onClick: onToggle
-        /* translators: button label text should, if possible, be under 16 characters. */
-        ,
-        label: __('Tools')
-      }));
-    },
+    renderToggle: ({
+      isOpen,
+      onToggle
+    }) => createElement(Button, _extends({}, props, {
+      ref: ref,
+      icon: mode === 'navigation' ? selectIcon : editIcon,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "true",
+      onClick: onToggle
+      /* translators: button label text should, if possible, be under 16 characters. */
+      ,
+      label: __('Tools')
+    })),
     popoverProps: {
       placement: 'bottom-start'
     },

package/build-module/components/tool-selector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/tool-selector/index.js"],"names":["Dropdown","Button","MenuItemsChoice","SVG","Path","NavigableMenu","__","useSelect","useDispatch","forwardRef","Icon","edit","editIcon","store","blockEditorStore","selectIcon","ToolSelector","props","ref","mode","select","__unstableGetEditorMode","__unstableSetEditorMode","isOpen","onToggle","placement","value","label"],"mappings":";;;AAAA;AACA;AACA;AACA,SACCA,QADD,EAECC,MAFD,EAGCC,eAHD,EAICC,GAJD,EAKCC,IALD,EAMCC,aAND,QAOO,uBAPP;AAQA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,IAAT,EAAeC,IAAI,IAAIC,QAAvB,QAAuC,kBAAvC;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,MAAMC,UAAU,GACf,cAAC,GAAD;AACC,EAAA,KAAK,EAAC,4BADP;AAEC,EAAA,KAAK,EAAC,IAFP;AAGC,EAAA,MAAM,EAAC,IAHR;AAIC,EAAA,OAAO,EAAC;AAJT,GAMC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EAND,CADD;;AAWA,SAASC,YAAT,CAAuBC,KAAvB,EAA8BC,GAA9B,EAAoC;AACnC,QAAMC,IAAI,GAAGZ,SAAS,CACnBa,MAAF,IAAcA,MAAM,CAAEN,gBAAF,CAAN,CAA2BO,uBAA3B,EADO,EAErB,EAFqB,CAAtB;AAIA,QAAM;AAAEC,IAAAA;AAAF,MAA8Bd,WAAW,CAAEM,gBAAF,CAA/C;AAEA,SACC,cAAC,QAAD;AACC,IAAA,YAAY,EAAG;AAAA,UAAE;AAAES,QAAAA,MAAF;AAAUC,QAAAA;AAAV,OAAF;AAAA,aACd,cAAC,MAAD,eACMP,KADN;AAEC,QAAA,GAAG,EAAGC,GAFP;AAGC,QAAA,IAAI,EAAGC,IAAI,KAAK,YAAT,GAAwBJ,UAAxB,GAAqCH,QAH7C;AAIC,yBAAgBW,MAJjB;AAKC,yBAAc,MALf;AAMC,QAAA,OAAO,EAAGC;AACV;AAPD;AAQC,QAAA,KAAK,EAAGlB,EAAE,CAAE,OAAF;AARX,SADc;AAAA,KADhB;AAaC,IAAA,YAAY,EAAG;AAAEmB,MAAAA,SAAS,EAAE;AAAb,KAbhB;AAcC,IAAA,aAAa,EAAG,MACf,8BACC,cAAC,aAAD;AAAe,MAAA,IAAI,EAAC,MAApB;AAA2B,oBAAanB,EAAE,CAAE,OAAF;AAA1C,OACC,cAAC,eAAD;AACC,MAAA,KAAK,EACJa,IAAI,KAAK,YAAT,GAAwB,YAAxB,GAAuC,MAFzC;AAIC,MAAA,QAAQ,EAAGG,uBAJZ;AAKC,MAAA,OAAO,EAAG,CACT;AACCI,QAAAA,KAAK,EAAE,MADR;AAECC,QAAAA,KAAK,EACJ,8BACC,cAAC,IAAD;AAAM,UAAA,IAAI,EAAGf;AAAb,UADD,EAEGN,EAAE,CAAE,MAAF,CAFL;AAHF,OADS,EAUT;AACCoB,QAAAA,KAAK,EAAE,YADR;AAECC,QAAAA,KAAK,EACJ,8BACGZ,UADH,EAEGT,EAAE,CAAE,QAAF,CAFL;AAHF,OAVS;AALX,MADD,CADD,EA6BC;AAAK,MAAA,SAAS,EAAC;AAAf,OACGA,EAAE,CACH,kJADG,CADL,CA7BD;AAfF,IADD;AAsDA;;AAED,eAAeG,UAAU,CAAEO,YAAF,CAAzB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tButton,\n\tMenuItemsChoice,\n\tSVG,\n\tPath,\n\tNavigableMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { Icon, edit as editIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst selectIcon = (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t>\n\t\t<Path d=\"M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z\" />\n\t</SVG>\n);\n\nfunction ToolSelector( props, ref ) {\n\tconst mode = useSelect(\n\t\t( select ) => select( blockEditorStore ).__unstableGetEditorMode(),\n\t\t[]\n\t);\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<Button\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\ticon={ mode === 'navigation' ? selectIcon : editIcon }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\tlabel={ __( 'Tools' ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderContent={ () => (\n\t\t\t\t<>\n\t\t\t\t\t<NavigableMenu role=\"menu\" aria-label={ __( 'Tools' ) }>\n\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tmode === 'navigation' ? 'navigation' : 'edit'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={ __unstableSetEditorMode }\n\t\t\t\t\t\t\tchoices={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: 'edit',\n\t\t\t\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ editIcon } />\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: 'navigation',\n\t\t\t\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t{ selectIcon }\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Select' ) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t<div className=\"block-editor-tool-selector__help\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( ToolSelector );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/tool-selector/index.js"],"names":["Dropdown","Button","MenuItemsChoice","SVG","Path","NavigableMenu","__","useSelect","useDispatch","forwardRef","Icon","edit","editIcon","store","blockEditorStore","selectIcon","ToolSelector","props","ref","mode","select","__unstableGetEditorMode","__unstableSetEditorMode","isOpen","onToggle","placement","value","label"],"mappings":";;;AAAA;AACA;AACA;AACA,SACCA,QADD,EAECC,MAFD,EAGCC,eAHD,EAICC,GAJD,EAKCC,IALD,EAMCC,aAND,QAOO,uBAPP;AAQA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,IAAT,EAAeC,IAAI,IAAIC,QAAvB,QAAuC,kBAAvC;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,MAAMC,UAAU,GACf,cAAC,GAAD;AACC,EAAA,KAAK,EAAC,4BADP;AAEC,EAAA,KAAK,EAAC,IAFP;AAGC,EAAA,MAAM,EAAC,IAHR;AAIC,EAAA,OAAO,EAAC;AAJT,GAMC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EAND,CADD;;AAWA,SAASC,YAAT,CAAuBC,KAAvB,EAA8BC,GAA9B,EAAoC;AACnC,QAAMC,IAAI,GAAGZ,SAAS,CACnBa,MAAF,IAAcA,MAAM,CAAEN,gBAAF,CAAN,CAA2BO,uBAA3B,EADO,EAErB,EAFqB,CAAtB;AAIA,QAAM;AAAEC,IAAAA;AAAF,MAA8Bd,WAAW,CAAEM,gBAAF,CAA/C;AAEA,SACC,cAAC,QAAD;AACC,IAAA,YAAY,EAAG,CAAE;AAAES,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAF,KACd,cAAC,MAAD,eACMP,KADN;AAEC,MAAA,GAAG,EAAGC,GAFP;AAGC,MAAA,IAAI,EAAGC,IAAI,KAAK,YAAT,GAAwBJ,UAAxB,GAAqCH,QAH7C;AAIC,uBAAgBW,MAJjB;AAKC,uBAAc,MALf;AAMC,MAAA,OAAO,EAAGC;AACV;AAPD;AAQC,MAAA,KAAK,EAAGlB,EAAE,CAAE,OAAF;AARX,OAFF;AAaC,IAAA,YAAY,EAAG;AAAEmB,MAAAA,SAAS,EAAE;AAAb,KAbhB;AAcC,IAAA,aAAa,EAAG,MACf,8BACC,cAAC,aAAD;AAAe,MAAA,IAAI,EAAC,MAApB;AAA2B,oBAAanB,EAAE,CAAE,OAAF;AAA1C,OACC,cAAC,eAAD;AACC,MAAA,KAAK,EACJa,IAAI,KAAK,YAAT,GAAwB,YAAxB,GAAuC,MAFzC;AAIC,MAAA,QAAQ,EAAGG,uBAJZ;AAKC,MAAA,OAAO,EAAG,CACT;AACCI,QAAAA,KAAK,EAAE,MADR;AAECC,QAAAA,KAAK,EACJ,8BACC,cAAC,IAAD;AAAM,UAAA,IAAI,EAAGf;AAAb,UADD,EAEGN,EAAE,CAAE,MAAF,CAFL;AAHF,OADS,EAUT;AACCoB,QAAAA,KAAK,EAAE,YADR;AAECC,QAAAA,KAAK,EACJ,8BACGZ,UADH,EAEGT,EAAE,CAAE,QAAF,CAFL;AAHF,OAVS;AALX,MADD,CADD,EA6BC;AAAK,MAAA,SAAS,EAAC;AAAf,OACGA,EAAE,CACH,kJADG,CADL,CA7BD;AAfF,IADD;AAsDA;;AAED,eAAeG,UAAU,CAAEO,YAAF,CAAzB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tButton,\n\tMenuItemsChoice,\n\tSVG,\n\tPath,\n\tNavigableMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { Icon, edit as editIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst selectIcon = (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t>\n\t\t<Path d=\"M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z\" />\n\t</SVG>\n);\n\nfunction ToolSelector( props, ref ) {\n\tconst mode = useSelect(\n\t\t( select ) => select( blockEditorStore ).__unstableGetEditorMode(),\n\t\t[]\n\t);\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<Button\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\ticon={ mode === 'navigation' ? selectIcon : editIcon }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\tlabel={ __( 'Tools' ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderContent={ () => (\n\t\t\t\t<>\n\t\t\t\t\t<NavigableMenu role=\"menu\" aria-label={ __( 'Tools' ) }>\n\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tmode === 'navigation' ? 'navigation' : 'edit'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={ __unstableSetEditorMode }\n\t\t\t\t\t\t\tchoices={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: 'edit',\n\t\t\t\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ editIcon } />\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: 'navigation',\n\t\t\t\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t{ selectIcon }\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Select' ) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t<div className=\"block-editor-tool-selector__help\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( ToolSelector );\n"]}

package/build-module/components/typewriter/index.js

@@ -63,11 +63,9 @@ export function useTypewriter() {
      */
 
 
-    function maintainCaretPosition(_ref) {
-      let {
-        keyCode
-      } = _ref;
-
+    function maintainCaretPosition({
+      keyCode
+    }) {
       if (!isSelectionEligibleForScroll()) {
         return;
       }
@@ -208,10 +206,9 @@ export function useTypewriter() {
   }, [hasSelectedBlock]);
 }
 
-function Typewriter(_ref2) {
-  let {
-    children
-  } = _ref2;
+function Typewriter({
+  children
+}) {
   return createElement("div", {
     ref: useTypewriter(),
     className: "block-editor__typewriter"

package/build-module/components/typewriter/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/typewriter/index.js"],"names":["useRefEffect","computeCaretRect","getScrollContainer","useSelect","UP","DOWN","LEFT","RIGHT","store","blockEditorStore","isIE","window","navigator","userAgent","indexOf","arrowKeyCodes","Set","initialTriggerPercentage","useTypewriter","hasSelectedBlock","select","node","ownerDocument","defaultView","scrollResizeRafId","onKeyDownRafId","caretRect","onScrollResize","requestAnimationFrame","computeCaretRectangle","onKeyDown","event","cancelAnimationFrame","maintainCaretPosition","keyCode","isSelectionEligibleForScroll","currentCaretRect","has","diff","top","scrollContainer","windowScroll","body","documentElement","scrollY","scrollTop","scrollContainerY","getBoundingClientRect","relativeScrollPosition","innerHeight","isLastEditableNode","scrollContainerHeight","clientHeight","height","scrollBy","addSelectionChangeListener","addEventListener","computeCaretRectOnSelectionChange","removeEventListener","contains","activeElement","isContentEditable","editableNodes","querySelectorAll","lastEditableNode","length","Typewriter","children","TypewriterOrIEBypass","props"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { computeCaretRect, getScrollContainer } from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\nimport { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst isIE = window.navigator.userAgent.indexOf( 'Trident' ) !== -1;\nconst arrowKeyCodes = new Set( [ UP, DOWN, LEFT, RIGHT ] );\nconst initialTriggerPercentage = 0.75;\n\nexport function useTypewriter() {\n\tconst hasSelectedBlock = useSelect(\n\t\t( select ) => select( blockEditorStore ).hasSelectedBlock(),\n\t\t[]\n\t);\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! hasSelectedBlock ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView } = ownerDocument;\n\n\t\t\tlet scrollResizeRafId;\n\t\t\tlet onKeyDownRafId;\n\n\t\t\tlet caretRect;\n\n\t\t\tfunction onScrollResize() {\n\t\t\t\tif ( scrollResizeRafId ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tscrollResizeRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tcomputeCaretRectangle();\n\t\t\t\t\tscrollResizeRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\t// Ensure the any remaining request is cancelled.\n\t\t\t\tif ( onKeyDownRafId ) {\n\t\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t\t}\n\n\t\t\t\t// Use an animation frame for a smooth result.\n\t\t\t\tonKeyDownRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tmaintainCaretPosition( event );\n\t\t\t\t\tonKeyDownRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Maintains the scroll position after a selection change caused by a\n\t\t\t * keyboard event.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keyboard event.\n\t\t\t */\n\t\t\tfunction maintainCaretPosition( { keyCode } ) {\n\t\t\t\tif ( ! isSelectionEligibleForScroll() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst currentCaretRect = computeCaretRect( defaultView );\n\n\t\t\t\tif ( ! currentCaretRect ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If for some reason there is no position set to be scrolled to, let\n\t\t\t\t// this be the position to be scrolled to in the future.\n\t\t\t\tif ( ! caretRect ) {\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Even though enabling the typewriter effect for arrow keys results in\n\t\t\t\t// a pleasant experience, it may not be the case for everyone, so, for\n\t\t\t\t// now, let's disable it.\n\t\t\t\tif ( arrowKeyCodes.has( keyCode ) ) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst diff = currentCaretRect.top - caretRect.top;\n\n\t\t\t\tif ( diff === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainer = getScrollContainer( node );\n\n\t\t\t\t// The page must be scrollable.\n\t\t\t\tif ( ! scrollContainer ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst windowScroll =\n\t\t\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\t\t\tscrollContainer === ownerDocument.documentElement;\n\t\t\t\tconst scrollY = windowScroll\n\t\t\t\t\t? defaultView.scrollY\n\t\t\t\t\t: scrollContainer.scrollTop;\n\t\t\t\tconst scrollContainerY = windowScroll\n\t\t\t\t\t? 0\n\t\t\t\t\t: scrollContainer.getBoundingClientRect().top;\n\t\t\t\tconst relativeScrollPosition = windowScroll\n\t\t\t\t\t? caretRect.top / defaultView.innerHeight\n\t\t\t\t\t: ( caretRect.top - scrollContainerY ) /\n\t\t\t\t\t  ( defaultView.innerHeight - scrollContainerY );\n\n\t\t\t\t// If the scroll position is at the start, the active editable element\n\t\t\t\t// is the last one, and the caret is positioned within the initial\n\t\t\t\t// trigger percentage of the page, do not scroll the page.\n\t\t\t\t// The typewriter effect should not kick in until an empty page has been\n\t\t\t\t// filled with the initial trigger percentage or the user scrolls\n\t\t\t\t// intentionally down.\n\t\t\t\tif (\n\t\t\t\t\tscrollY === 0 &&\n\t\t\t\t\trelativeScrollPosition < initialTriggerPercentage &&\n\t\t\t\t\tisLastEditableNode()\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainerHeight = windowScroll\n\t\t\t\t\t? defaultView.innerHeight\n\t\t\t\t\t: scrollContainer.clientHeight;\n\n\t\t\t\t// Abort if the target scroll position would scroll the caret out of\n\t\t\t\t// view.\n\t\t\t\tif (\n\t\t\t\t\t// The caret is under the lower fold.\n\t\t\t\t\tcaretRect.top + caretRect.height >\n\t\t\t\t\t\tscrollContainerY + scrollContainerHeight ||\n\t\t\t\t\t// The caret is above the upper fold.\n\t\t\t\t\tcaretRect.top < scrollContainerY\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( windowScroll ) {\n\t\t\t\t\tdefaultView.scrollBy( 0, diff );\n\t\t\t\t} else {\n\t\t\t\t\tscrollContainer.scrollTop += diff;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Adds a `selectionchange` listener to reset the scroll position to be\n\t\t\t * maintained.\n\t\t\t */\n\t\t\tfunction addSelectionChangeListener() {\n\t\t\t\townerDocument.addEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained during a `selectionchange`\n\t\t\t * event. Also removes the listener, so it acts as a one-time listener.\n\t\t\t */\n\t\t\tfunction computeCaretRectOnSelectionChange() {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t\tcomputeCaretRectangle();\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained.\n\t\t\t */\n\t\t\tfunction computeCaretRectangle() {\n\t\t\t\tif ( isSelectionEligibleForScroll() ) {\n\t\t\t\t\tcaretRect = computeCaretRect( defaultView );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Checks if the current situation is elegible for scroll:\n\t\t\t * - There should be one and only one block selected.\n\t\t\t * - The component must contain the selection.\n\t\t\t * - The active element must be contenteditable.\n\t\t\t */\n\t\t\tfunction isSelectionEligibleForScroll() {\n\t\t\t\treturn (\n\t\t\t\t\tnode.contains( ownerDocument.activeElement ) &&\n\t\t\t\t\townerDocument.activeElement.isContentEditable\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tfunction isLastEditableNode() {\n\t\t\t\tconst editableNodes = node.querySelectorAll(\n\t\t\t\t\t'[contenteditable=\"true\"]'\n\t\t\t\t);\n\t\t\t\tconst lastEditableNode =\n\t\t\t\t\teditableNodes[ editableNodes.length - 1 ];\n\t\t\t\treturn lastEditableNode === ownerDocument.activeElement;\n\t\t\t}\n\n\t\t\t// When the user scrolls or resizes, the scroll position should be\n\t\t\t// reset.\n\t\t\tdefaultView.addEventListener( 'scroll', onScrollResize, true );\n\t\t\tdefaultView.addEventListener( 'resize', onScrollResize, true );\n\n\t\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\t\tnode.addEventListener( 'keyup', maintainCaretPosition );\n\t\t\tnode.addEventListener( 'mousedown', addSelectionChangeListener );\n\t\t\tnode.addEventListener( 'touchstart', addSelectionChangeListener );\n\n\t\t\treturn () => {\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\n\t\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\t\tnode.removeEventListener( 'keyup', maintainCaretPosition );\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'touchstart',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\n\t\t\t\tdefaultView.cancelAnimationFrame( scrollResizeRafId );\n\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock ]\n\t);\n}\n\nfunction Typewriter( { children } ) {\n\treturn (\n\t\t<div ref={ useTypewriter() } className=\"block-editor__typewriter\">\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\n/**\n * The exported component. The implementation of Typewriter faced technical\n * challenges in Internet Explorer, and is simply skipped, rendering the given\n * props children instead.\n *\n * @type {WPComponent}\n */\nconst TypewriterOrIEBypass = isIE ? ( props ) => props.children : Typewriter;\n\n/**\n * Ensures that the text selection keeps the same vertical distance from the\n * viewport during keyboard events within this component. The vertical distance\n * can vary. It is the last clicked or scrolled to position.\n */\nexport default TypewriterOrIEBypass;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/typewriter/index.js"],"names":["useRefEffect","computeCaretRect","getScrollContainer","useSelect","UP","DOWN","LEFT","RIGHT","store","blockEditorStore","isIE","window","navigator","userAgent","indexOf","arrowKeyCodes","Set","initialTriggerPercentage","useTypewriter","hasSelectedBlock","select","node","ownerDocument","defaultView","scrollResizeRafId","onKeyDownRafId","caretRect","onScrollResize","requestAnimationFrame","computeCaretRectangle","onKeyDown","event","cancelAnimationFrame","maintainCaretPosition","keyCode","isSelectionEligibleForScroll","currentCaretRect","has","diff","top","scrollContainer","windowScroll","body","documentElement","scrollY","scrollTop","scrollContainerY","getBoundingClientRect","relativeScrollPosition","innerHeight","isLastEditableNode","scrollContainerHeight","clientHeight","height","scrollBy","addSelectionChangeListener","addEventListener","computeCaretRectOnSelectionChange","removeEventListener","contains","activeElement","isContentEditable","editableNodes","querySelectorAll","lastEditableNode","length","Typewriter","children","TypewriterOrIEBypass","props"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { computeCaretRect, getScrollContainer } from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\nimport { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst isIE = window.navigator.userAgent.indexOf( 'Trident' ) !== -1;\nconst arrowKeyCodes = new Set( [ UP, DOWN, LEFT, RIGHT ] );\nconst initialTriggerPercentage = 0.75;\n\nexport function useTypewriter() {\n\tconst hasSelectedBlock = useSelect(\n\t\t( select ) => select( blockEditorStore ).hasSelectedBlock(),\n\t\t[]\n\t);\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! hasSelectedBlock ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView } = ownerDocument;\n\n\t\t\tlet scrollResizeRafId;\n\t\t\tlet onKeyDownRafId;\n\n\t\t\tlet caretRect;\n\n\t\t\tfunction onScrollResize() {\n\t\t\t\tif ( scrollResizeRafId ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tscrollResizeRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tcomputeCaretRectangle();\n\t\t\t\t\tscrollResizeRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\t// Ensure the any remaining request is cancelled.\n\t\t\t\tif ( onKeyDownRafId ) {\n\t\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t\t}\n\n\t\t\t\t// Use an animation frame for a smooth result.\n\t\t\t\tonKeyDownRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tmaintainCaretPosition( event );\n\t\t\t\t\tonKeyDownRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Maintains the scroll position after a selection change caused by a\n\t\t\t * keyboard event.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keyboard event.\n\t\t\t */\n\t\t\tfunction maintainCaretPosition( { keyCode } ) {\n\t\t\t\tif ( ! isSelectionEligibleForScroll() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst currentCaretRect = computeCaretRect( defaultView );\n\n\t\t\t\tif ( ! currentCaretRect ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If for some reason there is no position set to be scrolled to, let\n\t\t\t\t// this be the position to be scrolled to in the future.\n\t\t\t\tif ( ! caretRect ) {\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Even though enabling the typewriter effect for arrow keys results in\n\t\t\t\t// a pleasant experience, it may not be the case for everyone, so, for\n\t\t\t\t// now, let's disable it.\n\t\t\t\tif ( arrowKeyCodes.has( keyCode ) ) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst diff = currentCaretRect.top - caretRect.top;\n\n\t\t\t\tif ( diff === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainer = getScrollContainer( node );\n\n\t\t\t\t// The page must be scrollable.\n\t\t\t\tif ( ! scrollContainer ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst windowScroll =\n\t\t\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\t\t\tscrollContainer === ownerDocument.documentElement;\n\t\t\t\tconst scrollY = windowScroll\n\t\t\t\t\t? defaultView.scrollY\n\t\t\t\t\t: scrollContainer.scrollTop;\n\t\t\t\tconst scrollContainerY = windowScroll\n\t\t\t\t\t? 0\n\t\t\t\t\t: scrollContainer.getBoundingClientRect().top;\n\t\t\t\tconst relativeScrollPosition = windowScroll\n\t\t\t\t\t? caretRect.top / defaultView.innerHeight\n\t\t\t\t\t: ( caretRect.top - scrollContainerY ) /\n\t\t\t\t\t  ( defaultView.innerHeight - scrollContainerY );\n\n\t\t\t\t// If the scroll position is at the start, the active editable element\n\t\t\t\t// is the last one, and the caret is positioned within the initial\n\t\t\t\t// trigger percentage of the page, do not scroll the page.\n\t\t\t\t// The typewriter effect should not kick in until an empty page has been\n\t\t\t\t// filled with the initial trigger percentage or the user scrolls\n\t\t\t\t// intentionally down.\n\t\t\t\tif (\n\t\t\t\t\tscrollY === 0 &&\n\t\t\t\t\trelativeScrollPosition < initialTriggerPercentage &&\n\t\t\t\t\tisLastEditableNode()\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainerHeight = windowScroll\n\t\t\t\t\t? defaultView.innerHeight\n\t\t\t\t\t: scrollContainer.clientHeight;\n\n\t\t\t\t// Abort if the target scroll position would scroll the caret out of\n\t\t\t\t// view.\n\t\t\t\tif (\n\t\t\t\t\t// The caret is under the lower fold.\n\t\t\t\t\tcaretRect.top + caretRect.height >\n\t\t\t\t\t\tscrollContainerY + scrollContainerHeight ||\n\t\t\t\t\t// The caret is above the upper fold.\n\t\t\t\t\tcaretRect.top < scrollContainerY\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( windowScroll ) {\n\t\t\t\t\tdefaultView.scrollBy( 0, diff );\n\t\t\t\t} else {\n\t\t\t\t\tscrollContainer.scrollTop += diff;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Adds a `selectionchange` listener to reset the scroll position to be\n\t\t\t * maintained.\n\t\t\t */\n\t\t\tfunction addSelectionChangeListener() {\n\t\t\t\townerDocument.addEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained during a `selectionchange`\n\t\t\t * event. Also removes the listener, so it acts as a one-time listener.\n\t\t\t */\n\t\t\tfunction computeCaretRectOnSelectionChange() {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t\tcomputeCaretRectangle();\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained.\n\t\t\t */\n\t\t\tfunction computeCaretRectangle() {\n\t\t\t\tif ( isSelectionEligibleForScroll() ) {\n\t\t\t\t\tcaretRect = computeCaretRect( defaultView );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Checks if the current situation is elegible for scroll:\n\t\t\t * - There should be one and only one block selected.\n\t\t\t * - The component must contain the selection.\n\t\t\t * - The active element must be contenteditable.\n\t\t\t */\n\t\t\tfunction isSelectionEligibleForScroll() {\n\t\t\t\treturn (\n\t\t\t\t\tnode.contains( ownerDocument.activeElement ) &&\n\t\t\t\t\townerDocument.activeElement.isContentEditable\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tfunction isLastEditableNode() {\n\t\t\t\tconst editableNodes = node.querySelectorAll(\n\t\t\t\t\t'[contenteditable=\"true\"]'\n\t\t\t\t);\n\t\t\t\tconst lastEditableNode =\n\t\t\t\t\teditableNodes[ editableNodes.length - 1 ];\n\t\t\t\treturn lastEditableNode === ownerDocument.activeElement;\n\t\t\t}\n\n\t\t\t// When the user scrolls or resizes, the scroll position should be\n\t\t\t// reset.\n\t\t\tdefaultView.addEventListener( 'scroll', onScrollResize, true );\n\t\t\tdefaultView.addEventListener( 'resize', onScrollResize, true );\n\n\t\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\t\tnode.addEventListener( 'keyup', maintainCaretPosition );\n\t\t\tnode.addEventListener( 'mousedown', addSelectionChangeListener );\n\t\t\tnode.addEventListener( 'touchstart', addSelectionChangeListener );\n\n\t\t\treturn () => {\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\n\t\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\t\tnode.removeEventListener( 'keyup', maintainCaretPosition );\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'touchstart',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\n\t\t\t\tdefaultView.cancelAnimationFrame( scrollResizeRafId );\n\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock ]\n\t);\n}\n\nfunction Typewriter( { children } ) {\n\treturn (\n\t\t<div ref={ useTypewriter() } className=\"block-editor__typewriter\">\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\n/**\n * The exported component. The implementation of Typewriter faced technical\n * challenges in Internet Explorer, and is simply skipped, rendering the given\n * props children instead.\n *\n * @type {WPComponent}\n */\nconst TypewriterOrIEBypass = isIE ? ( props ) => props.children : Typewriter;\n\n/**\n * Ensures that the text selection keeps the same vertical distance from the\n * viewport during keyboard events within this component. The vertical distance\n * can vary. It is the last clicked or scrolled to position.\n */\nexport default TypewriterOrIEBypass;\n"]}