@wordpress/block-editor 12.25.0 → 13.0.0

package/build/components/button-block-appender/index.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ButtonBlockerAppender = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _inserter = _interopRequireDefault(require("../inserter"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -31,7 +31,7 @@ function ButtonBlockAppender({
   onFocus,
   tabIndex
 }, ref) {
-  return (0, _react.createElement)(_inserter.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserter.default, {
     position: "bottom center",
     rootClientId: rootClientId,
     __experimentalIsQuick: true,
@@ -51,25 +51,28 @@ function ButtonBlockAppender({
         label = (0, _i18n._x)('Add block', 'Generic label for block inserter button');
       }
       const isToggleButton = !hasSingleBlockType;
-      let inserterButton = (0, _react.createElement)(_components.Button, {
+      let inserterButton = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Button, {
         ref: ref,
         onFocus: onFocus,
         tabIndex: tabIndex,
-        className: (0, _classnames.default)(className, 'block-editor-button-block-appender'),
+        className: (0, _clsx.default)(className, 'block-editor-button-block-appender'),
         onClick: onToggle,
         "aria-haspopup": isToggleButton ? 'true' : undefined,
         "aria-expanded": isToggleButton ? isOpen : undefined,
         disabled: disabled,
-        label: label
-      }, !hasSingleBlockType && (0, _react.createElement)(_components.VisuallyHidden, {
-        as: "span"
-      }, label), (0, _react.createElement)(_icons.Icon, {
-        icon: _icons.plus
-      }));
+        label: label,
+        children: [!hasSingleBlockType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+          as: "span",
+          children: label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+          icon: _icons.plus
+        })]
+      });
       if (isToggleButton || hasSingleBlockType) {
-        inserterButton = (0, _react.createElement)(_components.Tooltip, {
-          text: label
-        }, inserterButton);
+        inserterButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
+          text: label,
+          children: inserterButton
+        });
       }
       return inserterButton;
     },

package/build/components/button-block-appender/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_element","_i18n","_icons","_deprecated","_inserter","ButtonBlockAppender","rootClientId","className","onFocus","tabIndex","ref","_react","createElement","default","position","__experimentalIsQuick","renderToggle","onToggle","disabled","isOpen","blockTitle","hasSingleBlockType","label","sprintf","_x","isToggleButton","inserterButton","Button","classnames","onClick","undefined","VisuallyHidden","as","Icon","icon","plus","Tooltip","text","isAppender","ButtonBlockerAppender","exports","forwardRef","props","deprecated","alternative","since","_default"],"sources":["@wordpress/block-editor/src/components/button-block-appender/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Tooltip, VisuallyHidden } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t} ) => {\n\t\t\t\tlet label;\n\t\t\t\tif ( hasSingleBlockType ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t_x( 'Add %s', 'directly add the only allowed block' ),\n\t\t\t\t\t\tblockTitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tlabel = _x(\n\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\n\t\t\t\tlet inserterButton = (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! hasSingleBlockType && (\n\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">{ label }</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\n\t\t\t\tif ( isToggleButton || hasSingleBlockType ) {\n\t\t\t\t\tinserterButton = (\n\t\t\t\t\t\t<Tooltip text={ label }>{ inserterButton }</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn inserterButton;\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t\tsince: '5.9',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AAKA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,SAASO,mBAAmBA,CAC3B;EAAEC,YAAY;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAC9CC,GAAG,EACF;EACD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACR,SAAA,CAAAS,OAAQ;IACRC,QAAQ,EAAC,eAAe;IACxBR,YAAY,EAAGA,YAAc;IAC7BS,qBAAqB;IACrBC,YAAY,EAAGA,CAAE;MAChBC,QAAQ;MACRC,QAAQ;MACRC,MAAM;MACNC,UAAU;MACVC;IACD,CAAC,KAAM;MACN,IAAIC,KAAK;MACT,IAAKD,kBAAkB,EAAG;QACzBC,KAAK,GAAG,IAAAC,aAAO;QACd;QACA,IAAAC,QAAE,EAAE,QAAQ,EAAE,qCAAsC,CAAC,EACrDJ,UACD,CAAC;MACF,CAAC,MAAM;QACNE,KAAK,GAAG,IAAAE,QAAE,EACT,WAAW,EACX,yCACD,CAAC;MACF;MACA,MAAMC,cAAc,GAAG,CAAEJ,kBAAkB;MAE3C,IAAIK,cAAc,GACjB,IAAAf,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAA4B,MAAM;QACNjB,GAAG,EAAGA,GAAK;QACXF,OAAO,EAAGA,OAAS;QACnBC,QAAQ,EAAGA,QAAU;QACrBF,SAAS,EAAG,IAAAqB,mBAAU,EACrBrB,SAAS,EACT,oCACD,CAAG;QACHsB,OAAO,EAAGZ,QAAU;QACpB,iBAAgBQ,cAAc,GAAG,MAAM,GAAGK,SAAW;QACrD,iBAAgBL,cAAc,GAAGN,MAAM,GAAGW,SAAW;QACrDZ,QAAQ,EAAGA,QAAU;QACrBI,KAAK,EAAGA;MAAO,GAEb,CAAED,kBAAkB,IACrB,IAAAV,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAgC,cAAc;QAACC,EAAE,EAAC;MAAM,GAAGV,KAAuB,CACnD,EACD,IAAAX,MAAA,CAAAC,aAAA,EAACV,MAAA,CAAA+B,IAAI;QAACC,IAAI,EAAGC;MAAM,CAAE,CACd,CACR;MAED,IAAKV,cAAc,IAAIJ,kBAAkB,EAAG;QAC3CK,cAAc,GACb,IAAAf,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAqC,OAAO;UAACC,IAAI,EAAGf;QAAO,GAAGI,cAAyB,CACnD;MACF;MACA,OAAOA,cAAc;IACtB,CAAG;IACHY,UAAU;EAAA,CACV,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,mBAAU,EAAE,CAAEC,KAAK,EAAEhC,GAAG,KAAM;EAClE,IAAAiC,mBAAU,EAAG,sCAAqC,EAAE;IACnDC,WAAW,EAAE,oCAAoC;IACjDC,KAAK,EAAE;EACR,CAAE,CAAC;EAEH,OAAOxC,mBAAmB,CAAEqC,KAAK,EAAEhC,GAAI,CAAC;AACzC,CAAE,CAAC;;AAEH;AACA;AACA;AAFA,IAAAoC,QAAA,GAAAN,OAAA,CAAA3B,OAAA,GAGe,IAAA4B,mBAAU,EAAEpC,mBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_element","_i18n","_icons","_deprecated","_inserter","_jsxRuntime","ButtonBlockAppender","rootClientId","className","onFocus","tabIndex","ref","jsx","default","position","__experimentalIsQuick","renderToggle","onToggle","disabled","isOpen","blockTitle","hasSingleBlockType","label","sprintf","_x","isToggleButton","inserterButton","jsxs","Button","clsx","onClick","undefined","children","VisuallyHidden","as","Icon","icon","plus","Tooltip","text","isAppender","ButtonBlockerAppender","exports","forwardRef","props","deprecated","alternative","since","_default"],"sources":["@wordpress/block-editor/src/components/button-block-appender/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Tooltip, VisuallyHidden } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t} ) => {\n\t\t\t\tlet label;\n\t\t\t\tif ( hasSingleBlockType ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t_x( 'Add %s', 'directly add the only allowed block' ),\n\t\t\t\t\t\tblockTitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tlabel = _x(\n\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\n\t\t\t\tlet inserterButton = (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! hasSingleBlockType && (\n\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">{ label }</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\n\t\t\t\tif ( isToggleButton || hasSingleBlockType ) {\n\t\t\t\t\tinserterButton = (\n\t\t\t\t\t\t<Tooltip text={ label }>{ inserterButton }</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn inserterButton;\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t\tsince: '5.9',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"],"mappings":"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","ignoreList":[]}

package/build/components/button-block-appender/index.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
@@ -13,6 +12,7 @@ var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
 var _inserter = _interopRequireDefault(require("../inserter"));
 var _styles = _interopRequireDefault(require("./styles.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -46,29 +46,33 @@ function ButtonBlockAppender({
     ...getStylesFromColorScheme(_styles.default.appenderLight, _styles.default.appenderDark)
   };
   const addBlockButtonStyle = getStylesFromColorScheme(_styles.default.addBlockButton, isFloating ? _styles.default.floatingAddBlockButtonDark : _styles.default.addBlockButtonDark);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_inserter.default, {
-    rootClientId: rootClientId,
-    renderToggle: ({
-      onToggle,
-      disabled,
-      isOpen
-    }) => (0, _react.createElement)(_components.Button, {
-      testID: "appender-button",
-      onClick: onAppenderPress(onToggle),
-      "aria-expanded": isOpen,
-      disabled: disabled,
-      fixedRatio: false
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: [appenderStyle, isFloating && _styles.default.floatingAppender]
-    }, (0, _react.createElement)(_icons.Icon, {
-      icon: _icons.plusCircleFilled,
-      style: addBlockButtonStyle,
-      color: addBlockButtonStyle.color,
-      size: addBlockButtonStyle.size
-    }))),
-    isAppender: true,
-    showSeparator: showSeparator
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserter.default, {
+      rootClientId: rootClientId,
+      renderToggle: ({
+        onToggle,
+        disabled,
+        isOpen
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        testID: "appender-button",
+        onClick: onAppenderPress(onToggle),
+        "aria-expanded": isOpen,
+        disabled: disabled,
+        fixedRatio: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [appenderStyle, isFloating && _styles.default.floatingAppender],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+            icon: _icons.plusCircleFilled,
+            style: addBlockButtonStyle,
+            color: addBlockButtonStyle.color,
+            size: addBlockButtonStyle.size
+          })
+        })
+      }),
+      isAppender: true,
+      showSeparator: showSeparator
+    })
+  });
 }
 
 /**

package/build/components/button-block-appender/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_components","_icons","_element","_inserter","_interopRequireDefault","_styles","ButtonBlockAppender","rootClientId","getStylesFromColorScheme","showSeparator","isFloating","onAddBlock","onAppenderPress","useCallback","onToggle","appenderStyle","styles","appender","appenderLight","appenderDark","addBlockButtonStyle","addBlockButton","floatingAddBlockButtonDark","addBlockButtonDark","_react","createElement","Fragment","default","renderToggle","disabled","isOpen","Button","testID","onClick","fixedRatio","View","style","floatingAppender","Icon","icon","plusCircleFilled","color","size","isAppender","_default","exports","withPreferredColorScheme"],"sources":["@wordpress/block-editor/src/components/button-block-appender/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport styles from './styles.scss';\n\nfunction ButtonBlockAppender( {\n\trootClientId,\n\tgetStylesFromColorScheme,\n\tshowSeparator,\n\tisFloating = false,\n\tonAddBlock,\n} ) {\n\tconst onAppenderPress = useCallback(\n\t\t( onToggle ) => () => {\n\t\t\tif ( onAddBlock ) {\n\t\t\t\tonAddBlock();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( onToggle ) {\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t},\n\t\t[ onAddBlock ]\n\t);\n\n\tconst appenderStyle = {\n\t\t...styles.appender,\n\t\t...getStylesFromColorScheme(\n\t\t\tstyles.appenderLight,\n\t\t\tstyles.appenderDark\n\t\t),\n\t};\n\tconst addBlockButtonStyle = getStylesFromColorScheme(\n\t\tstyles.addBlockButton,\n\t\tisFloating\n\t\t\t? styles.floatingAddBlockButtonDark\n\t\t\t: styles.addBlockButtonDark\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Inserter\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderToggle={ ( { onToggle, disabled, isOpen } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttestID=\"appender-button\"\n\t\t\t\t\t\tonClick={ onAppenderPress( onToggle ) }\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tfixedRatio={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tappenderStyle,\n\t\t\t\t\t\t\t\tisFloating && styles.floatingAppender,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\t\tstyle={ addBlockButtonStyle }\n\t\t\t\t\t\t\t\tcolor={ addBlockButtonStyle.color }\n\t\t\t\t\t\t\t\tsize={ addBlockButtonStyle.size }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\tisAppender\n\t\t\t\tshowSeparator={ showSeparator }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default withPreferredColorScheme( ButtonBlockAppender );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,OAAA,GAAAD,sBAAA,CAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,SAASQ,mBAAmBA,CAAE;EAC7BC,YAAY;EACZC,wBAAwB;EACxBC,aAAa;EACbC,UAAU,GAAG,KAAK;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAG,IAAAC,oBAAW,EAChCC,QAAQ,IAAM,MAAM;IACrB,IAAKH,UAAU,EAAG;MACjBA,UAAU,CAAC,CAAC;MACZ;IACD;IAEA,IAAKG,QAAQ,EAAG;MACfA,QAAQ,CAAC,CAAC;IACX;EACD,CAAC,EACD,CAAEH,UAAU,CACb,CAAC;EAED,MAAMI,aAAa,GAAG;IACrB,GAAGC,eAAM,CAACC,QAAQ;IAClB,GAAGT,wBAAwB,CAC1BQ,eAAM,CAACE,aAAa,EACpBF,eAAM,CAACG,YACR;EACD,CAAC;EACD,MAAMC,mBAAmB,GAAGZ,wBAAwB,CACnDQ,eAAM,CAACK,cAAc,EACrBX,UAAU,GACPM,eAAM,CAACM,0BAA0B,GACjCN,eAAM,CAACO,kBACX,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACtB,SAAA,CAAAwB,OAAQ;IACRpB,YAAY,EAAGA,YAAc;IAC7BqB,YAAY,EAAGA,CAAE;MAAEd,QAAQ;MAAEe,QAAQ;MAAEC;IAAO,CAAC,KAC9C,IAAAN,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA+B,MAAM;MACNC,MAAM,EAAC,iBAAiB;MACxBC,OAAO,EAAGrB,eAAe,CAAEE,QAAS,CAAG;MACvC,iBAAgBgB,MAAQ;MACxBD,QAAQ,EAAGA,QAAU;MACrBK,UAAU,EAAG;IAAO,GAEpB,IAAAV,MAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAsC,IAAI;MACJC,KAAK,EAAG,CACPrB,aAAa,EACbL,UAAU,IAAIM,eAAM,CAACqB,gBAAgB;IACnC,GAEH,IAAAb,MAAA,CAAAC,aAAA,EAACxB,MAAA,CAAAqC,IAAI;MACJC,IAAI,EAAGC,uBAAkB;MACzBJ,KAAK,EAAGhB,mBAAqB;MAC7BqB,KAAK,EAAGrB,mBAAmB,CAACqB,KAAO;MACnCC,IAAI,EAAGtB,mBAAmB,CAACsB;IAAM,CACjC,CACI,CACC,CACN;IACHC,UAAU;IACVlC,aAAa,EAAGA;EAAe,CAC/B,CACA,CAAC;AAEL;;AAEA;AACA;AACA;AAFA,IAAAmC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAGe,IAAAmB,iCAAwB,EAAExC,mBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_compose","_components","_icons","_element","_inserter","_interopRequireDefault","_styles","_jsxRuntime","ButtonBlockAppender","rootClientId","getStylesFromColorScheme","showSeparator","isFloating","onAddBlock","onAppenderPress","useCallback","onToggle","appenderStyle","styles","appender","appenderLight","appenderDark","addBlockButtonStyle","addBlockButton","floatingAddBlockButtonDark","addBlockButtonDark","jsx","Fragment","children","default","renderToggle","disabled","isOpen","Button","testID","onClick","fixedRatio","View","style","floatingAppender","Icon","icon","plusCircleFilled","color","size","isAppender","_default","exports","withPreferredColorScheme"],"sources":["@wordpress/block-editor/src/components/button-block-appender/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport styles from './styles.scss';\n\nfunction ButtonBlockAppender( {\n\trootClientId,\n\tgetStylesFromColorScheme,\n\tshowSeparator,\n\tisFloating = false,\n\tonAddBlock,\n} ) {\n\tconst onAppenderPress = useCallback(\n\t\t( onToggle ) => () => {\n\t\t\tif ( onAddBlock ) {\n\t\t\t\tonAddBlock();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( onToggle ) {\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t},\n\t\t[ onAddBlock ]\n\t);\n\n\tconst appenderStyle = {\n\t\t...styles.appender,\n\t\t...getStylesFromColorScheme(\n\t\t\tstyles.appenderLight,\n\t\t\tstyles.appenderDark\n\t\t),\n\t};\n\tconst addBlockButtonStyle = getStylesFromColorScheme(\n\t\tstyles.addBlockButton,\n\t\tisFloating\n\t\t\t? styles.floatingAddBlockButtonDark\n\t\t\t: styles.addBlockButtonDark\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Inserter\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderToggle={ ( { onToggle, disabled, isOpen } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttestID=\"appender-button\"\n\t\t\t\t\t\tonClick={ onAppenderPress( onToggle ) }\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tfixedRatio={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tappenderStyle,\n\t\t\t\t\t\t\t\tisFloating && styles.floatingAppender,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\t\tstyle={ addBlockButtonStyle }\n\t\t\t\t\t\t\t\tcolor={ addBlockButtonStyle.color }\n\t\t\t\t\t\t\t\tsize={ addBlockButtonStyle.size }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\tisAppender\n\t\t\t\tshowSeparator={ showSeparator }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default withPreferredColorScheme( ButtonBlockAppender );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,OAAA,GAAAD,sBAAA,CAAAN,OAAA;AAAmC,IAAAQ,WAAA,GAAAR,OAAA;AAjBnC;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,SAASS,mBAAmBA,CAAE;EAC7BC,YAAY;EACZC,wBAAwB;EACxBC,aAAa;EACbC,UAAU,GAAG,KAAK;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAG,IAAAC,oBAAW,EAChCC,QAAQ,IAAM,MAAM;IACrB,IAAKH,UAAU,EAAG;MACjBA,UAAU,CAAC,CAAC;MACZ;IACD;IAEA,IAAKG,QAAQ,EAAG;MACfA,QAAQ,CAAC,CAAC;IACX;EACD,CAAC,EACD,CAAEH,UAAU,CACb,CAAC;EAED,MAAMI,aAAa,GAAG;IACrB,GAAGC,eAAM,CAACC,QAAQ;IAClB,GAAGT,wBAAwB,CAC1BQ,eAAM,CAACE,aAAa,EACpBF,eAAM,CAACG,YACR;EACD,CAAC;EACD,MAAMC,mBAAmB,GAAGZ,wBAAwB,CACnDQ,eAAM,CAACK,cAAc,EACrBX,UAAU,GACPM,eAAM,CAACM,0BAA0B,GACjCN,eAAM,CAACO,kBACX,CAAC;EAED,oBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAAAnB,WAAA,CAAAoB,QAAA;IAAAC,QAAA,eACC,IAAArB,WAAA,CAAAmB,GAAA,EAACtB,SAAA,CAAAyB,OAAQ;MACRpB,YAAY,EAAGA,YAAc;MAC7BqB,YAAY,EAAGA,CAAE;QAAEd,QAAQ;QAAEe,QAAQ;QAAEC;MAAO,CAAC,kBAC9C,IAAAzB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAAgC,MAAM;QACNC,MAAM,EAAC,iBAAiB;QACxBC,OAAO,EAAGrB,eAAe,CAAEE,QAAS,CAAG;QACvC,iBAAgBgB,MAAQ;QACxBD,QAAQ,EAAGA,QAAU;QACrBK,UAAU,EAAG,KAAO;QAAAR,QAAA,eAEpB,IAAArB,WAAA,CAAAmB,GAAA,EAAC5B,YAAA,CAAAuC,IAAI;UACJC,KAAK,EAAG,CACPrB,aAAa,EACbL,UAAU,IAAIM,eAAM,CAACqB,gBAAgB,CACnC;UAAAX,QAAA,eAEH,IAAArB,WAAA,CAAAmB,GAAA,EAACxB,MAAA,CAAAsC,IAAI;YACJC,IAAI,EAAGC,uBAAkB;YACzBJ,KAAK,EAAGhB,mBAAqB;YAC7BqB,KAAK,EAAGrB,mBAAmB,CAACqB,KAAO;YACnCC,IAAI,EAAGtB,mBAAmB,CAACsB;UAAM,CACjC;QAAC,CACG;MAAC,CACA,CACN;MACHC,UAAU;MACVlC,aAAa,EAAGA;IAAe,CAC/B;EAAC,CACD,CAAC;AAEL;;AAEA;AACA;AACA;AAFA,IAAAmC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAGe,IAAAmB,iCAAwB,EAAExC,mBAAoB,CAAC","ignoreList":[]}

package/build/components/caption/index.native.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -31,31 +31,32 @@ const Caption = ({
   style,
   value,
   insertBlocksAfter = () => {}
-}) => (0, _react.createElement)(_reactNative.View, {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
   accessibilityLabel: accessibilityLabelCreator ? accessibilityLabelCreator(value) : undefined,
   accessibilityRole: "button",
   accessible: accessible,
   style: {
     flex: 1,
     display: shouldDisplay ? 'flex' : 'none'
-  }
-}, (0, _react.createElement)(_blockEditor.RichText, {
-  __unstableMobileNoFocusOnMount: true,
-  fontSize: style && style.fontSize ? style.fontSize : 14,
-  inlineToolbar: inlineToolbar,
-  isSelected: isSelected,
-  onBlur: onBlur,
-  onChange: onChange,
-  placeholder: placeholder,
-  placeholderTextColor: placeholderTextColor,
-  style: style,
-  tagName: "p",
-  textAlign: "center",
-  underlineColorAndroid: "transparent",
-  unstableOnFocus: onFocus,
-  value: value,
-  __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)('core/paragraph')),
-  deleteEnter: true
-}));
+  },
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
+    __unstableMobileNoFocusOnMount: true,
+    fontSize: style && style.fontSize ? style.fontSize : 14,
+    inlineToolbar: inlineToolbar,
+    isSelected: isSelected,
+    onBlur: onBlur,
+    onChange: onChange,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderTextColor,
+    style: style,
+    tagName: "p",
+    textAlign: "center",
+    underlineColorAndroid: "transparent",
+    unstableOnFocus: onFocus,
+    value: value,
+    __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)('core/paragraph')),
+    deleteEnter: true
+  })
+});
 var _default = exports.default = Caption;
 //# sourceMappingURL=index.native.js.map

package/build/components/caption/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_blocks","_blockEditor","_i18n","Caption","accessibilityLabelCreator","accessible","inlineToolbar","isSelected","onBlur","onChange","onFocus","placeholder","__","placeholderTextColor","shouldDisplay","style","value","insertBlocksAfter","_react","createElement","View","accessibilityLabel","undefined","accessibilityRole","flex","display","RichText","__unstableMobileNoFocusOnMount","fontSize","tagName","textAlign","underlineColorAndroid","unstableOnFocus","__unstableOnSplitAtEnd","createBlock","deleteEnter","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/caption/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { RichText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\nconst Caption = ( {\n\taccessibilityLabelCreator,\n\taccessible,\n\tinlineToolbar,\n\tisSelected,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tplaceholder = __( 'Add caption' ),\n\tplaceholderTextColor,\n\tshouldDisplay = true,\n\tstyle,\n\tvalue,\n\tinsertBlocksAfter = () => {},\n} ) => (\n\t<View\n\t\taccessibilityLabel={\n\t\t\taccessibilityLabelCreator\n\t\t\t\t? accessibilityLabelCreator( value )\n\t\t\t\t: undefined\n\t\t}\n\t\taccessibilityRole=\"button\"\n\t\taccessible={ accessible }\n\t\tstyle={ { flex: 1, display: shouldDisplay ? 'flex' : 'none' } }\n\t>\n\t\t<RichText\n\t\t\t__unstableMobileNoFocusOnMount\n\t\t\tfontSize={ style && style.fontSize ? style.fontSize : 14 }\n\t\t\tinlineToolbar={ inlineToolbar }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tplaceholder={ placeholder }\n\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\tstyle={ style }\n\t\t\ttagName=\"p\"\n\t\t\ttextAlign=\"center\"\n\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\tunstableOnFocus={ onFocus }\n\t\t\tvalue={ value }\n\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\tinsertBlocksAfter( createBlock( 'core/paragraph' ) )\n\t\t\t}\n\t\t\tdeleteEnter\n\t\t/>\n\t</View>\n);\n\nexport default Caption;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAMI,OAAO,GAAGA,CAAE;EACjBC,yBAAyB;EACzBC,UAAU;EACVC,aAAa;EACbC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,WAAW,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;EACjCC,oBAAoB;EACpBC,aAAa,GAAG,IAAI;EACpBC,KAAK;EACLC,KAAK;EACLC,iBAAiB,GAAGA,CAAA,KAAM,CAAC;AAC5B,CAAC,KACA,IAAAC,MAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,IAAI;EACJC,kBAAkB,EACjBjB,yBAAyB,GACtBA,yBAAyB,CAAEY,KAAM,CAAC,GAClCM,SACH;EACDC,iBAAiB,EAAC,QAAQ;EAC1BlB,UAAU,EAAGA,UAAY;EACzBU,KAAK,EAAG;IAAES,IAAI,EAAE,CAAC;IAAEC,OAAO,EAAEX,aAAa,GAAG,MAAM,GAAG;EAAO;AAAG,GAE/D,IAAAI,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAyB,QAAQ;EACRC,8BAA8B;EAC9BC,QAAQ,EAAGb,KAAK,IAAIA,KAAK,CAACa,QAAQ,GAAGb,KAAK,CAACa,QAAQ,GAAG,EAAI;EAC1DtB,aAAa,EAAGA,aAAe;EAC/BC,UAAU,EAAGA,UAAY;EACzBC,MAAM,EAAGA,MAAQ;EACjBC,QAAQ,EAAGA,QAAU;EACrBE,WAAW,EAAGA,WAAa;EAC3BE,oBAAoB,EAAGA,oBAAsB;EAC7CE,KAAK,EAAGA,KAAO;EACfc,OAAO,EAAC,GAAG;EACXC,SAAS,EAAC,QAAQ;EAClBC,qBAAqB,EAAC,aAAa;EACnCC,eAAe,EAAGtB,OAAS;EAC3BM,KAAK,EAAGA,KAAO;EACfiB,sBAAsB,EAAGA,CAAA,KACxBhB,iBAAiB,CAAE,IAAAiB,mBAAW,EAAE,gBAAiB,CAAE,CACnD;EACDC,WAAW;AAAA,CACX,CACI,CACN;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEanC,OAAO","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_blocks","_blockEditor","_i18n","_jsxRuntime","Caption","accessibilityLabelCreator","accessible","inlineToolbar","isSelected","onBlur","onChange","onFocus","placeholder","__","placeholderTextColor","shouldDisplay","style","value","insertBlocksAfter","jsx","View","accessibilityLabel","undefined","accessibilityRole","flex","display","children","RichText","__unstableMobileNoFocusOnMount","fontSize","tagName","textAlign","underlineColorAndroid","unstableOnFocus","__unstableOnSplitAtEnd","createBlock","deleteEnter","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/caption/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { RichText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\nconst Caption = ( {\n\taccessibilityLabelCreator,\n\taccessible,\n\tinlineToolbar,\n\tisSelected,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tplaceholder = __( 'Add caption' ),\n\tplaceholderTextColor,\n\tshouldDisplay = true,\n\tstyle,\n\tvalue,\n\tinsertBlocksAfter = () => {},\n} ) => (\n\t<View\n\t\taccessibilityLabel={\n\t\t\taccessibilityLabelCreator\n\t\t\t\t? accessibilityLabelCreator( value )\n\t\t\t\t: undefined\n\t\t}\n\t\taccessibilityRole=\"button\"\n\t\taccessible={ accessible }\n\t\tstyle={ { flex: 1, display: shouldDisplay ? 'flex' : 'none' } }\n\t>\n\t\t<RichText\n\t\t\t__unstableMobileNoFocusOnMount\n\t\t\tfontSize={ style && style.fontSize ? style.fontSize : 14 }\n\t\t\tinlineToolbar={ inlineToolbar }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tplaceholder={ placeholder }\n\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\tstyle={ style }\n\t\t\ttagName=\"p\"\n\t\t\ttextAlign=\"center\"\n\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\tunstableOnFocus={ onFocus }\n\t\t\tvalue={ value }\n\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\tinsertBlocksAfter( createBlock( 'core/paragraph' ) )\n\t\t\t}\n\t\t\tdeleteEnter\n\t\t/>\n\t</View>\n);\n\nexport default Caption;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAqC,IAAAI,WAAA,GAAAJ,OAAA;AAVrC;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAMK,OAAO,GAAGA,CAAE;EACjBC,yBAAyB;EACzBC,UAAU;EACVC,aAAa;EACbC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,WAAW,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;EACjCC,oBAAoB;EACpBC,aAAa,GAAG,IAAI;EACpBC,KAAK;EACLC,KAAK;EACLC,iBAAiB,GAAGA,CAAA,KAAM,CAAC;AAC5B,CAAC,kBACA,IAAAf,WAAA,CAAAgB,GAAA,EAACrB,YAAA,CAAAsB,IAAI;EACJC,kBAAkB,EACjBhB,yBAAyB,GACtBA,yBAAyB,CAAEY,KAAM,CAAC,GAClCK,SACH;EACDC,iBAAiB,EAAC,QAAQ;EAC1BjB,UAAU,EAAGA,UAAY;EACzBU,KAAK,EAAG;IAAEQ,IAAI,EAAE,CAAC;IAAEC,OAAO,EAAEV,aAAa,GAAG,MAAM,GAAG;EAAO,CAAG;EAAAW,QAAA,eAE/D,IAAAvB,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAA0B,QAAQ;IACRC,8BAA8B;IAC9BC,QAAQ,EAAGb,KAAK,IAAIA,KAAK,CAACa,QAAQ,GAAGb,KAAK,CAACa,QAAQ,GAAG,EAAI;IAC1DtB,aAAa,EAAGA,aAAe;IAC/BC,UAAU,EAAGA,UAAY;IACzBC,MAAM,EAAGA,MAAQ;IACjBC,QAAQ,EAAGA,QAAU;IACrBE,WAAW,EAAGA,WAAa;IAC3BE,oBAAoB,EAAGA,oBAAsB;IAC7CE,KAAK,EAAGA,KAAO;IACfc,OAAO,EAAC,GAAG;IACXC,SAAS,EAAC,QAAQ;IAClBC,qBAAqB,EAAC,aAAa;IACnCC,eAAe,EAAGtB,OAAS;IAC3BM,KAAK,EAAGA,KAAO;IACfiB,sBAAsB,EAAGA,CAAA,KACxBhB,iBAAiB,CAAE,IAAAiB,mBAAW,EAAE,gBAAiB,CAAE,CACnD;IACDC,WAAW;EAAA,CACX;AAAC,CACG,CACN;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEanC,OAAO","ignoreList":[]}

package/build/components/child-layout-control/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.childLayoutOrientation = childLayoutOrientation;
 exports.default = ChildLayoutControl;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -93,134 +93,142 @@ function ChildLayoutControl({
       });
     }
   }, []);
-  return (0, _react.createElement)(_react.Fragment, null, parentLayoutType === 'flex' && (0, _react.createElement)(_components.__experimentalVStack, {
-    as: _components.__experimentalToolsPanelItem,
-    spacing: 2,
-    hasValue: hasFlexValue,
-    label: flexResetLabel,
-    onDeselect: resetFlex,
-    isShownByDefault: isShownByDefault,
-    panelId: panelId
-  }, (0, _react.createElement)(_components.__experimentalToggleGroupControl, {
-    __nextHasNoMarginBottom: true,
-    size: '__unstable-large',
-    label: childLayoutOrientation(parentLayout),
-    value: selfStretch || 'fit',
-    help: helpText(selfStretch, parentLayout),
-    onChange: value => {
-      const newFlexSize = value !== 'fixed' ? null : flexSize;
-      onChange({
-        selfStretch: value,
-        flexSize: newFlexSize
-      });
-    },
-    isBlock: true
-  }, (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    key: 'fit',
-    value: 'fit',
-    label: (0, _i18n.__)('Fit')
-  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    key: 'fill',
-    value: 'fill',
-    label: (0, _i18n.__)('Fill')
-  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    key: 'fixed',
-    value: 'fixed',
-    label: (0, _i18n.__)('Fixed')
-  })), selfStretch === 'fixed' && (0, _react.createElement)(_components.__experimentalUnitControl, {
-    size: '__unstable-large',
-    onChange: value => {
-      onChange({
-        selfStretch,
-        flexSize: value
-      });
-    },
-    value: flexSize
-  })), parentLayoutType === 'grid' && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalHStack, {
-    as: _components.__experimentalToolsPanelItem,
-    hasValue: hasSpanValue,
-    label: (0, _i18n.__)('Grid span'),
-    onDeselect: resetGridSpans,
-    isShownByDefault: isShownByDefault,
-    panelId: panelId
-  }, (0, _react.createElement)(_components.__experimentalInputControl, {
-    size: '__unstable-large',
-    label: (0, _i18n.__)('Column span'),
-    type: "number",
-    onChange: value => {
-      onChange({
-        columnStart,
-        rowStart,
-        rowSpan,
-        columnSpan: value
-      });
-    },
-    value: columnSpan,
-    min: 1
-  }), (0, _react.createElement)(_components.__experimentalInputControl, {
-    size: '__unstable-large',
-    label: (0, _i18n.__)('Row span'),
-    type: "number",
-    onChange: value => {
-      onChange({
-        columnStart,
-        rowStart,
-        columnSpan,
-        rowSpan: value
-      });
-    },
-    value: rowSpan,
-    min: 1
-  })), window.__experimentalEnableGridInteractivity &&
-  // Use Flex with an explicit width on the FlexItem instead of HStack to
-  // work around an issue in webkit where inputs with a max attribute are
-  // sized incorrectly.
-  (0, _react.createElement)(_components.Flex, {
-    as: _components.__experimentalToolsPanelItem,
-    hasValue: hasStartValue,
-    label: (0, _i18n.__)('Grid placement'),
-    onDeselect: resetGridStarts,
-    isShownByDefault: false,
-    panelId: panelId
-  }, (0, _react.createElement)(_components.FlexItem, {
-    style: {
-      width: '50%'
-    }
-  }, (0, _react.createElement)(_components.__experimentalInputControl, {
-    size: '__unstable-large',
-    label: (0, _i18n.__)('Column'),
-    type: "number",
-    onChange: value => {
-      onChange({
-        columnStart: value,
-        rowStart,
-        columnSpan,
-        rowSpan
-      });
-    },
-    value: columnStart,
-    min: 1,
-    max: parentLayout?.columnCount
-  })), (0, _react.createElement)(_components.FlexItem, {
-    style: {
-      width: '50%'
-    }
-  }, (0, _react.createElement)(_components.__experimentalInputControl, {
-    size: '__unstable-large',
-    label: (0, _i18n.__)('Row'),
-    type: "number",
-    onChange: value => {
-      onChange({
-        columnStart,
-        rowStart: value,
-        columnSpan,
-        rowSpan
-      });
-    },
-    value: rowStart,
-    min: 1,
-    max: parentLayout?.columnCount
-  })))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [parentLayoutType === 'flex' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      as: _components.__experimentalToolsPanelItem,
+      spacing: 2,
+      hasValue: hasFlexValue,
+      label: flexResetLabel,
+      onDeselect: resetFlex,
+      isShownByDefault: isShownByDefault,
+      panelId: panelId,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToggleGroupControl, {
+        __nextHasNoMarginBottom: true,
+        size: "__unstable-large",
+        label: childLayoutOrientation(parentLayout),
+        value: selfStretch || 'fit',
+        help: helpText(selfStretch, parentLayout),
+        onChange: value => {
+          const newFlexSize = value !== 'fixed' ? null : flexSize;
+          onChange({
+            selfStretch: value,
+            flexSize: newFlexSize
+          });
+        },
+        isBlock: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "fit",
+          label: (0, _i18n.__)('Fit')
+        }, "fit"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "fill",
+          label: (0, _i18n.__)('Fill')
+        }, "fill"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "fixed",
+          label: (0, _i18n.__)('Fixed')
+        }, "fixed")]
+      }), selfStretch === 'fixed' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
+        size: "__unstable-large",
+        onChange: value => {
+          onChange({
+            selfStretch,
+            flexSize: value
+          });
+        },
+        value: flexSize
+      })]
+    }), parentLayoutType === 'grid' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        as: _components.__experimentalToolsPanelItem,
+        hasValue: hasSpanValue,
+        label: (0, _i18n.__)('Grid span'),
+        onDeselect: resetGridSpans,
+        isShownByDefault: isShownByDefault,
+        panelId: panelId,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
+          size: "__unstable-large",
+          label: (0, _i18n.__)('Column span'),
+          type: "number",
+          onChange: value => {
+            onChange({
+              columnStart,
+              rowStart,
+              rowSpan,
+              columnSpan: value
+            });
+          },
+          value: columnSpan,
+          min: 1
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
+          size: "__unstable-large",
+          label: (0, _i18n.__)('Row span'),
+          type: "number",
+          onChange: value => {
+            onChange({
+              columnStart,
+              rowStart,
+              columnSpan,
+              rowSpan: value
+            });
+          },
+          value: rowSpan,
+          min: 1
+        })]
+      }), window.__experimentalEnableGridInteractivity &&
+      /*#__PURE__*/
+      // Use Flex with an explicit width on the FlexItem instead of HStack to
+      // work around an issue in webkit where inputs with a max attribute are
+      // sized incorrectly.
+      (0, _jsxRuntime.jsxs)(_components.Flex, {
+        as: _components.__experimentalToolsPanelItem,
+        hasValue: hasStartValue,
+        label: (0, _i18n.__)('Grid placement'),
+        onDeselect: resetGridStarts,
+        isShownByDefault: false,
+        panelId: panelId,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+          style: {
+            width: '50%'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
+            size: "__unstable-large",
+            label: (0, _i18n.__)('Column'),
+            type: "number",
+            onChange: value => {
+              onChange({
+                columnStart: value,
+                rowStart,
+                columnSpan,
+                rowSpan
+              });
+            },
+            value: columnStart,
+            min: 1,
+            max: parentLayout?.columnCount ? parentLayout.columnCount - (columnSpan !== null && columnSpan !== void 0 ? columnSpan : 1) + 1 : undefined
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+          style: {
+            width: '50%'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
+            size: "__unstable-large",
+            label: (0, _i18n.__)('Row'),
+            type: "number",
+            onChange: value => {
+              onChange({
+                columnStart,
+                rowStart: value,
+                columnSpan,
+                rowSpan
+              });
+            },
+            value: rowStart,
+            min: 1,
+            max: parentLayout?.rowCount ? parentLayout.rowCount - (rowSpan !== null && rowSpan !== void 0 ? rowSpan : 1) + 1 : undefined
+          })
+        })]
+      })]
+    })]
+  });
 }
 function childLayoutOrientation(parentLayout) {
   const {