@wordpress/block-editor 12.26.0 → 13.0.1

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 ? parentLayout.columnCount - (columnSpan !== null && columnSpan !== void 0 ? columnSpan : 1) + 1 : undefined
-  })), (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?.rowCount ? parentLayout.rowCount - (rowSpan !== null && rowSpan !== void 0 ? rowSpan : 1) + 1 : undefined
-  })))));
+  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 {

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_element","helpText","selfStretch","parentLayout","orientation","__","ChildLayoutControl","value","childLayout","onChange","isShownByDefault","panelId","flexSize","columnStart","rowStart","columnSpan","rowSpan","type","parentType","default","defaultParentType","parentLayoutType","hasFlexValue","flexResetLabel","resetFlex","undefined","hasStartValue","hasSpanValue","resetGridStarts","resetGridSpans","useEffect","_react","createElement","Fragment","__experimentalVStack","as","ToolsPanelItem","spacing","hasValue","label","onDeselect","__experimentalToggleGroupControl","__nextHasNoMarginBottom","size","childLayoutOrientation","help","newFlexSize","isBlock","__experimentalToggleGroupControlOption","key","__experimentalUnitControl","__experimentalHStack","__experimentalInputControl","min","window","__experimentalEnableGridInteractivity","Flex","FlexItem","style","width","max","columnCount","rowCount"],"sources":["@wordpress/block-editor/src/components/child-layout-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalInputControl as InputControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\n\nfunction helpText( selfStretch, parentLayout ) {\n\tconst { orientation = 'horizontal' } = parentLayout;\n\n\tif ( selfStretch === 'fill' ) {\n\t\treturn __( 'Stretch to fill available space.' );\n\t}\n\tif ( selfStretch === 'fixed' && orientation === 'horizontal' ) {\n\t\treturn __( 'Specify a fixed width.' );\n\t} else if ( selfStretch === 'fixed' ) {\n\t\treturn __( 'Specify a fixed height.' );\n\t}\n\treturn __( 'Fit contents.' );\n}\n\n/**\n * Form to edit the child layout value.\n *\n * @param {Object}   props                  Props.\n * @param {Object}   props.value            The child layout value.\n * @param {Function} props.onChange         Function to update the child layout value.\n * @param {Object}   props.parentLayout     The parent layout value.\n *\n * @param {boolean}  props.isShownByDefault\n * @param {string}   props.panelId\n * @return {Element} child layout edit element.\n */\nexport default function ChildLayoutControl( {\n\tvalue: childLayout = {},\n\tonChange,\n\tparentLayout,\n\tisShownByDefault,\n\tpanelId,\n} ) {\n\tconst {\n\t\tselfStretch,\n\t\tflexSize,\n\t\tcolumnStart,\n\t\trowStart,\n\t\tcolumnSpan,\n\t\trowSpan,\n\t} = childLayout;\n\tconst {\n\t\ttype: parentType,\n\t\tdefault: { type: defaultParentType = 'default' } = {},\n\t\torientation = 'horizontal',\n\t} = parentLayout ?? {};\n\tconst parentLayoutType = parentType || defaultParentType;\n\n\tconst hasFlexValue = () => !! selfStretch;\n\tconst flexResetLabel =\n\t\torientation === 'horizontal' ? __( 'Width' ) : __( 'Height' );\n\tconst resetFlex = () => {\n\t\tonChange( {\n\t\t\tselfStretch: undefined,\n\t\t\tflexSize: undefined,\n\t\t} );\n\t};\n\n\tconst hasStartValue = () => !! columnStart || !! rowStart;\n\tconst hasSpanValue = () => !! columnSpan || !! rowSpan;\n\tconst resetGridStarts = () => {\n\t\tonChange( {\n\t\t\tcolumnStart: undefined,\n\t\t\trowStart: undefined,\n\t\t} );\n\t};\n\tconst resetGridSpans = () => {\n\t\tonChange( {\n\t\t\tcolumnSpan: undefined,\n\t\t\trowSpan: undefined,\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( selfStretch === 'fixed' && ! flexSize ) {\n\t\t\tonChange( {\n\t\t\t\t...childLayout,\n\t\t\t\tselfStretch: 'fit',\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t{ parentLayoutType === 'flex' && (\n\t\t\t\t<VStack\n\t\t\t\t\tas={ ToolsPanelItem }\n\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\thasValue={ hasFlexValue }\n\t\t\t\t\tlabel={ flexResetLabel }\n\t\t\t\t\tonDeselect={ resetFlex }\n\t\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\tlabel={ childLayoutOrientation( parentLayout ) }\n\t\t\t\t\t\tvalue={ selfStretch || 'fit' }\n\t\t\t\t\t\thelp={ helpText( selfStretch, parentLayout ) }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tconst newFlexSize =\n\t\t\t\t\t\t\t\tvalue !== 'fixed' ? null : flexSize;\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\tselfStretch: value,\n\t\t\t\t\t\t\t\tflexSize: newFlexSize,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tkey={ 'fit' }\n\t\t\t\t\t\t\tvalue={ 'fit' }\n\t\t\t\t\t\t\tlabel={ __( 'Fit' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tkey={ 'fill' }\n\t\t\t\t\t\t\tvalue={ 'fill' }\n\t\t\t\t\t\t\tlabel={ __( 'Fill' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tkey={ 'fixed' }\n\t\t\t\t\t\t\tvalue={ 'fixed' }\n\t\t\t\t\t\t\tlabel={ __( 'Fixed' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t\t{ selfStretch === 'fixed' && (\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\tselfStretch,\n\t\t\t\t\t\t\t\t\tflexSize: 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\tvalue={ flexSize }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t\t{ parentLayoutType === 'grid' && (\n\t\t\t\t<>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tas={ ToolsPanelItem }\n\t\t\t\t\t\thasValue={ hasSpanValue }\n\t\t\t\t\t\tlabel={ __( 'Grid span' ) }\n\t\t\t\t\t\tonDeselect={ resetGridSpans }\n\t\t\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\tlabel={ __( 'Column span' ) }\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\t\t\t\trowStart,\n\t\t\t\t\t\t\t\t\trowSpan,\n\t\t\t\t\t\t\t\t\tcolumnSpan: 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\tvalue={ columnSpan }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\tlabel={ __( 'Row span' ) }\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\t\t\t\trowStart,\n\t\t\t\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\t\t\t\trowSpan: 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\tvalue={ rowSpan }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t{ window.__experimentalEnableGridInteractivity && (\n\t\t\t\t\t\t// Use Flex with an explicit width on the FlexItem instead of HStack to\n\t\t\t\t\t\t// work around an issue in webkit where inputs with a max attribute are\n\t\t\t\t\t\t// sized incorrectly.\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tas={ ToolsPanelItem }\n\t\t\t\t\t\t\thasValue={ hasStartValue }\n\t\t\t\t\t\t\tlabel={ __( 'Grid placement' ) }\n\t\t\t\t\t\t\tonDeselect={ resetGridStarts }\n\t\t\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem style={ { width: '50%' } }>\n\t\t\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Column' ) }\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\tcolumnStart: value,\n\t\t\t\t\t\t\t\t\t\t\trowStart,\n\t\t\t\t\t\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\t\t\t\t\t\trowSpan,\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\tvalue={ columnStart }\n\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\t\tparentLayout?.columnCount\n\t\t\t\t\t\t\t\t\t\t\t? parentLayout.columnCount -\n\t\t\t\t\t\t\t\t\t\t\t  ( columnSpan ?? 1 ) +\n\t\t\t\t\t\t\t\t\t\t\t  1\n\t\t\t\t\t\t\t\t\t\t\t: undefined\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</FlexItem>\n\t\t\t\t\t\t\t<FlexItem style={ { width: '50%' } }>\n\t\t\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Row' ) }\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\t\t\t\t\t\trowStart: value,\n\t\t\t\t\t\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\t\t\t\t\t\trowSpan,\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\tvalue={ rowStart }\n\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\t\tparentLayout?.rowCount\n\t\t\t\t\t\t\t\t\t\t\t? parentLayout.rowCount -\n\t\t\t\t\t\t\t\t\t\t\t  ( rowSpan ?? 1 ) +\n\t\t\t\t\t\t\t\t\t\t\t  1\n\t\t\t\t\t\t\t\t\t\t\t: undefined\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</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport function childLayoutOrientation( parentLayout ) {\n\tconst { orientation = 'horizontal' } = parentLayout;\n\n\treturn orientation === 'horizontal' ? __( 'Width' ) : __( 'Height' );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_element","_jsxRuntime","helpText","selfStretch","parentLayout","orientation","__","ChildLayoutControl","value","childLayout","onChange","isShownByDefault","panelId","flexSize","columnStart","rowStart","columnSpan","rowSpan","type","parentType","default","defaultParentType","parentLayoutType","hasFlexValue","flexResetLabel","resetFlex","undefined","hasStartValue","hasSpanValue","resetGridStarts","resetGridSpans","useEffect","jsxs","Fragment","children","__experimentalVStack","as","ToolsPanelItem","spacing","hasValue","label","onDeselect","__experimentalToggleGroupControl","__nextHasNoMarginBottom","size","childLayoutOrientation","help","newFlexSize","isBlock","jsx","__experimentalToggleGroupControlOption","__experimentalUnitControl","__experimentalHStack","__experimentalInputControl","min","window","__experimentalEnableGridInteractivity","Flex","FlexItem","style","width","max","columnCount","rowCount"],"sources":["@wordpress/block-editor/src/components/child-layout-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalInputControl as InputControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\n\nfunction helpText( selfStretch, parentLayout ) {\n\tconst { orientation = 'horizontal' } = parentLayout;\n\n\tif ( selfStretch === 'fill' ) {\n\t\treturn __( 'Stretch to fill available space.' );\n\t}\n\tif ( selfStretch === 'fixed' && orientation === 'horizontal' ) {\n\t\treturn __( 'Specify a fixed width.' );\n\t} else if ( selfStretch === 'fixed' ) {\n\t\treturn __( 'Specify a fixed height.' );\n\t}\n\treturn __( 'Fit contents.' );\n}\n\n/**\n * Form to edit the child layout value.\n *\n * @param {Object}   props                  Props.\n * @param {Object}   props.value            The child layout value.\n * @param {Function} props.onChange         Function to update the child layout value.\n * @param {Object}   props.parentLayout     The parent layout value.\n *\n * @param {boolean}  props.isShownByDefault\n * @param {string}   props.panelId\n * @return {Element} child layout edit element.\n */\nexport default function ChildLayoutControl( {\n\tvalue: childLayout = {},\n\tonChange,\n\tparentLayout,\n\tisShownByDefault,\n\tpanelId,\n} ) {\n\tconst {\n\t\tselfStretch,\n\t\tflexSize,\n\t\tcolumnStart,\n\t\trowStart,\n\t\tcolumnSpan,\n\t\trowSpan,\n\t} = childLayout;\n\tconst {\n\t\ttype: parentType,\n\t\tdefault: { type: defaultParentType = 'default' } = {},\n\t\torientation = 'horizontal',\n\t} = parentLayout ?? {};\n\tconst parentLayoutType = parentType || defaultParentType;\n\n\tconst hasFlexValue = () => !! selfStretch;\n\tconst flexResetLabel =\n\t\torientation === 'horizontal' ? __( 'Width' ) : __( 'Height' );\n\tconst resetFlex = () => {\n\t\tonChange( {\n\t\t\tselfStretch: undefined,\n\t\t\tflexSize: undefined,\n\t\t} );\n\t};\n\n\tconst hasStartValue = () => !! columnStart || !! rowStart;\n\tconst hasSpanValue = () => !! columnSpan || !! rowSpan;\n\tconst resetGridStarts = () => {\n\t\tonChange( {\n\t\t\tcolumnStart: undefined,\n\t\t\trowStart: undefined,\n\t\t} );\n\t};\n\tconst resetGridSpans = () => {\n\t\tonChange( {\n\t\t\tcolumnSpan: undefined,\n\t\t\trowSpan: undefined,\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( selfStretch === 'fixed' && ! flexSize ) {\n\t\t\tonChange( {\n\t\t\t\t...childLayout,\n\t\t\t\tselfStretch: 'fit',\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t{ parentLayoutType === 'flex' && (\n\t\t\t\t<VStack\n\t\t\t\t\tas={ ToolsPanelItem }\n\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\thasValue={ hasFlexValue }\n\t\t\t\t\tlabel={ flexResetLabel }\n\t\t\t\t\tonDeselect={ resetFlex }\n\t\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tlabel={ childLayoutOrientation( parentLayout ) }\n\t\t\t\t\t\tvalue={ selfStretch || 'fit' }\n\t\t\t\t\t\thelp={ helpText( selfStretch, parentLayout ) }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tconst newFlexSize =\n\t\t\t\t\t\t\t\tvalue !== 'fixed' ? null : flexSize;\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\tselfStretch: value,\n\t\t\t\t\t\t\t\tflexSize: newFlexSize,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tkey=\"fit\"\n\t\t\t\t\t\t\tvalue=\"fit\"\n\t\t\t\t\t\t\tlabel={ __( 'Fit' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tkey=\"fill\"\n\t\t\t\t\t\t\tvalue=\"fill\"\n\t\t\t\t\t\t\tlabel={ __( 'Fill' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tkey=\"fixed\"\n\t\t\t\t\t\t\tvalue=\"fixed\"\n\t\t\t\t\t\t\tlabel={ __( 'Fixed' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t\t{ selfStretch === 'fixed' && (\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\tselfStretch,\n\t\t\t\t\t\t\t\t\tflexSize: 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\tvalue={ flexSize }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t\t{ parentLayoutType === 'grid' && (\n\t\t\t\t<>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tas={ ToolsPanelItem }\n\t\t\t\t\t\thasValue={ hasSpanValue }\n\t\t\t\t\t\tlabel={ __( 'Grid span' ) }\n\t\t\t\t\t\tonDeselect={ resetGridSpans }\n\t\t\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tlabel={ __( 'Column span' ) }\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\t\t\t\trowStart,\n\t\t\t\t\t\t\t\t\trowSpan,\n\t\t\t\t\t\t\t\t\tcolumnSpan: 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\tvalue={ columnSpan }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tlabel={ __( 'Row span' ) }\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\t\t\t\trowStart,\n\t\t\t\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\t\t\t\trowSpan: 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\tvalue={ rowSpan }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t{ window.__experimentalEnableGridInteractivity && (\n\t\t\t\t\t\t// Use Flex with an explicit width on the FlexItem instead of HStack to\n\t\t\t\t\t\t// work around an issue in webkit where inputs with a max attribute are\n\t\t\t\t\t\t// sized incorrectly.\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tas={ ToolsPanelItem }\n\t\t\t\t\t\t\thasValue={ hasStartValue }\n\t\t\t\t\t\t\tlabel={ __( 'Grid placement' ) }\n\t\t\t\t\t\t\tonDeselect={ resetGridStarts }\n\t\t\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem style={ { width: '50%' } }>\n\t\t\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Column' ) }\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\tcolumnStart: value,\n\t\t\t\t\t\t\t\t\t\t\trowStart,\n\t\t\t\t\t\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\t\t\t\t\t\trowSpan,\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\tvalue={ columnStart }\n\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\t\tparentLayout?.columnCount\n\t\t\t\t\t\t\t\t\t\t\t? parentLayout.columnCount -\n\t\t\t\t\t\t\t\t\t\t\t  ( columnSpan ?? 1 ) +\n\t\t\t\t\t\t\t\t\t\t\t  1\n\t\t\t\t\t\t\t\t\t\t\t: undefined\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</FlexItem>\n\t\t\t\t\t\t\t<FlexItem style={ { width: '50%' } }>\n\t\t\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Row' ) }\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\t\t\t\t\t\trowStart: value,\n\t\t\t\t\t\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\t\t\t\t\t\trowSpan,\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\tvalue={ rowStart }\n\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\t\tparentLayout?.rowCount\n\t\t\t\t\t\t\t\t\t\t\t? parentLayout.rowCount -\n\t\t\t\t\t\t\t\t\t\t\t  ( rowSpan ?? 1 ) +\n\t\t\t\t\t\t\t\t\t\t\t  1\n\t\t\t\t\t\t\t\t\t\t\t: undefined\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</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport function childLayoutOrientation( parentLayout ) {\n\tconst { orientation = 'horizontal' } = parentLayout;\n\n\treturn orientation === 'horizontal' ? __( 'Width' ) : __( 'Height' );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/color-palette/control.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ColorPaletteControl;
-var _react = require("react");
 var _control = _interopRequireDefault(require("../colors-gradients/control"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -16,7 +16,7 @@ function ColorPaletteControl({
   value,
   ...otherProps
 }) {
-  return (0, _react.createElement)(_control.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_control.default, {
     ...otherProps,
     onColorChange: onChange,
     colorValue: value,

package/build/components/color-palette/control.js.map

@@ -1 +1 @@
-{"version":3,"names":["_control","_interopRequireDefault","require","ColorPaletteControl","onChange","value","otherProps","_react","createElement","default","onColorChange","colorValue","gradients","disableCustomGradients"],"sources":["@wordpress/block-editor/src/components/color-palette/control.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorGradientControl from '../colors-gradients/control';\n\nexport default function ColorPaletteControl( {\n\tonChange,\n\tvalue,\n\t...otherProps\n} ) {\n\treturn (\n\t\t<ColorGradientControl\n\t\t\t{ ...otherProps }\n\t\t\tonColorChange={ onChange }\n\t\t\tcolorValue={ value }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,mBAAmBA,CAAE;EAC5CC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACJ,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACR,QAAA,CAAAS,OAAoB;IAAA,GACfH,UAAU;IACfI,aAAa,EAAGN,QAAU;IAC1BO,UAAU,EAAGN,KAAO;IACpBO,SAAS,EAAG,EAAI;IAChBC,sBAAsB;EAAA,CACtB,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_control","_interopRequireDefault","require","_jsxRuntime","ColorPaletteControl","onChange","value","otherProps","jsx","default","onColorChange","colorValue","gradients","disableCustomGradients"],"sources":["@wordpress/block-editor/src/components/color-palette/control.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorGradientControl from '../colors-gradients/control';\n\nexport default function ColorPaletteControl( {\n\tonChange,\n\tvalue,\n\t...otherProps\n} ) {\n\treturn (\n\t\t<ColorGradientControl\n\t\t\t{ ...otherProps }\n\t\t\tonColorChange={ onChange }\n\t\t\tcolorValue={ value }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA+D,IAAAC,WAAA,GAAAD,OAAA;AAH/D;AACA;AACA;;AAGe,SAASE,mBAAmBA,CAAE;EAC5CC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACR,QAAA,CAAAS,OAAoB;IAAA,GACfF,UAAU;IACfG,aAAa,EAAGL,QAAU;IAC1BM,UAAU,EAAGL,KAAO;IACpBM,SAAS,EAAG,EAAI;IAChBC,sBAAsB;EAAA,CACtB,CAAC;AAEJ","ignoreList":[]}

package/build/components/color-palette/with-color-context.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _compose = require("@wordpress/compose");
 var _useSettings = require("../use-settings");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -21,7 +21,7 @@ var _default = exports.default = (0, _compose.createHigherOrderComponent)(Wrappe
       disableCustomColors = !enableCustomColors
     } = props;
     const hasColorsToChoose = colors && colors.length > 0 || !disableCustomColors;
-    return (0, _react.createElement)(WrappedComponent, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, {
       ...props,
       colors,
       disableCustomColors,

package/build/components/color-palette/with-color-context.js.map

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_useSettings","_default","exports","default","createHigherOrderComponent","WrappedComponent","props","colorsFeature","enableCustomColors","useSettings","colors","disableCustomColors","hasColorsToChoose","length","_react","createElement"],"sources":["@wordpress/block-editor/src/components/color-palette/with-color-context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nexport default createHigherOrderComponent( ( WrappedComponent ) => {\n\treturn ( props ) => {\n\t\tconst [ colorsFeature, enableCustomColors ] = useSettings(\n\t\t\t'color.palette',\n\t\t\t'color.custom'\n\t\t);\n\t\tconst {\n\t\t\tcolors = colorsFeature,\n\t\t\tdisableCustomColors = ! enableCustomColors,\n\t\t} = props;\n\t\tconst hasColorsToChoose =\n\t\t\t( colors && colors.length > 0 ) || ! disableCustomColors;\n\t\treturn (\n\t\t\t<WrappedComponent\n\t\t\t\t{ ...{\n\t\t\t\t\t...props,\n\t\t\t\t\tcolors,\n\t\t\t\t\tdisableCustomColors,\n\t\t\t\t\thasColorsToChoose,\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t};\n}, 'withColorContext' );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;AAGA;AACA;AACA;AAFA,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAKe,IAAAC,mCAA0B,EAAIC,gBAAgB,IAAM;EAClE,OAASC,KAAK,IAAM;IACnB,MAAM,CAAEC,aAAa,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,wBAAW,EACxD,eAAe,EACf,cACD,CAAC;IACD,MAAM;MACLC,MAAM,GAAGH,aAAa;MACtBI,mBAAmB,GAAG,CAAEH;IACzB,CAAC,GAAGF,KAAK;IACT,MAAMM,iBAAiB,GACpBF,MAAM,IAAIA,MAAM,CAACG,MAAM,GAAG,CAAC,IAAM,CAAEF,mBAAmB;IACzD,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACV,gBAAgB;MAEf,GAAGC,KAAK;MACRI,MAAM;MACNC,mBAAmB;MACnBC;IAAiB,CAElB,CAAC;EAEJ,CAAC;AACF,CAAC,EAAE,kBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_compose","require","_useSettings","_jsxRuntime","_default","exports","default","createHigherOrderComponent","WrappedComponent","props","colorsFeature","enableCustomColors","useSettings","colors","disableCustomColors","hasColorsToChoose","length","jsx"],"sources":["@wordpress/block-editor/src/components/color-palette/with-color-context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nexport default createHigherOrderComponent( ( WrappedComponent ) => {\n\treturn ( props ) => {\n\t\tconst [ colorsFeature, enableCustomColors ] = useSettings(\n\t\t\t'color.palette',\n\t\t\t'color.custom'\n\t\t);\n\t\tconst {\n\t\t\tcolors = colorsFeature,\n\t\t\tdisableCustomColors = ! enableCustomColors,\n\t\t} = props;\n\t\tconst hasColorsToChoose =\n\t\t\t( colors && colors.length > 0 ) || ! disableCustomColors;\n\t\treturn (\n\t\t\t<WrappedComponent\n\t\t\t\t{ ...{\n\t\t\t\t\t...props,\n\t\t\t\t\tcolors,\n\t\t\t\t\tdisableCustomColors,\n\t\t\t\t\thasColorsToChoose,\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t};\n}, 'withColorContext' );\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAA8C,IAAAE,WAAA,GAAAF,OAAA;AAR9C;AACA;AACA;AAGA;AACA;AACA;AAFA,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAKe,IAAAC,mCAA0B,EAAIC,gBAAgB,IAAM;EAClE,OAASC,KAAK,IAAM;IACnB,MAAM,CAAEC,aAAa,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,wBAAW,EACxD,eAAe,EACf,cACD,CAAC;IACD,MAAM;MACLC,MAAM,GAAGH,aAAa;MACtBI,mBAAmB,GAAG,CAAEH;IACzB,CAAC,GAAGF,KAAK;IACT,MAAMM,iBAAiB,GACpBF,MAAM,IAAIA,MAAM,CAACG,MAAM,GAAG,CAAC,IAAM,CAAEF,mBAAmB;IACzD,oBACC,IAAAX,WAAA,CAAAc,GAAA,EAACT,gBAAgB;MAEf,GAAGC,KAAK;MACRI,MAAM;MACNC,mBAAmB;MACnBC;IAAiB,CAElB,CAAC;EAEJ,CAAC;AACF,CAAC,EAAE,kBAAmB,CAAC","ignoreList":[]}