@wordpress/block-library 8.34.0 → 9.0.0

package/build-module/verse/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","RichText","useBlockProps","migrateFontFamily","v1","attributes","content","type","source","selector","default","textAlign","save","createElement","Content","tagName","style","value","v2","__unstablePreserveWhiteSpace","__experimentalRole","supports","anchor","color","gradients","link","typography","fontSize","__experimentalFontFamily","spacing","padding","className","migrate","isEligible","fontFamily"],"sources":["@wordpress/block-library/src/verse/deprecated.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport migrateFontFamily from '../utils/migrate-font-family';\n\nconst v1 = {\n\tattributes: {\n\t\tcontent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'pre',\n\t\t\tdefault: '',\n\t\t},\n\t\ttextAlign: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { textAlign, content } = attributes;\n\n\t\treturn (\n\t\t\t<RichText.Content\n\t\t\t\ttagName=\"pre\"\n\t\t\t\tstyle={ { textAlign } }\n\t\t\t\tvalue={ content }\n\t\t\t/>\n\t\t);\n\t},\n};\n\nconst v2 = {\n\tattributes: {\n\t\tcontent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'pre',\n\t\t\tdefault: '',\n\t\t\t__unstablePreserveWhiteSpace: true,\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\ttextAlign: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsupports: {\n\t\tanchor: true,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t},\n\t\ttypography: {\n\t\t\tfontSize: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t},\n\t\tspacing: {\n\t\t\tpadding: true,\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { textAlign, content } = attributes;\n\n\t\tconst className = classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} );\n\n\t\treturn (\n\t\t\t<pre { ...useBlockProps.save( { className } ) }>\n\t\t\t\t<RichText.Content value={ content } />\n\t\t\t</pre>\n\t\t);\n\t},\n\tmigrate: migrateFontFamily,\n\tisEligible( { style } ) {\n\t\treturn style?.typography?.fontFamily;\n\t},\n};\n\n/**\n * New deprecations need to be placed first\n * for them to have higher priority.\n *\n * Old deprecations may need to be updated as well.\n *\n * See block-deprecation.md\n */\nexport default [ v2, v1 ];\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;;AAEjE;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,8BAA8B;AAE5D,MAAMC,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,OAAO,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,KAAK;MACfC,OAAO,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACVJ,IAAI,EAAE;IACP;EACD,CAAC;EACDK,IAAIA,CAAE;IAAEP;EAAW,CAAC,EAAG;IACtB,MAAM;MAAEM,SAAS;MAAEL;IAAQ,CAAC,GAAGD,UAAU;IAEzC,OACCQ,aAAA,CAACZ,QAAQ,CAACa,OAAO;MAChBC,OAAO,EAAC,KAAK;MACbC,KAAK,EAAG;QAAEL;MAAU,CAAG;MACvBM,KAAK,EAAGX;IAAS,CACjB,CAAC;EAEJ;AACD,CAAC;AAED,MAAMY,EAAE,GAAG;EACVb,UAAU,EAAE;IACXC,OAAO,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,KAAK;MACfC,OAAO,EAAE,EAAE;MACXS,4BAA4B,EAAE,IAAI;MAClCC,kBAAkB,EAAE;IACrB,CAAC;IACDT,SAAS,EAAE;MACVJ,IAAI,EAAE;IACP;EACD,CAAC;EACDc,QAAQ,EAAE;IACTC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE;MACNC,SAAS,EAAE,IAAI;MACfC,IAAI,EAAE;IACP,CAAC;IACDC,UAAU,EAAE;MACXC,QAAQ,EAAE,IAAI;MACdC,wBAAwB,EAAE;IAC3B,CAAC;IACDC,OAAO,EAAE;MACRC,OAAO,EAAE;IACV;EACD,CAAC;EACDlB,IAAIA,CAAE;IAAEP;EAAW,CAAC,EAAG;IACtB,MAAM;MAAEM,SAAS;MAAEL;IAAQ,CAAC,GAAGD,UAAU;IAEzC,MAAM0B,SAAS,GAAG/B,UAAU,CAAE;MAC7B,CAAG,kBAAkBW,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IAEH,OACCE,aAAA;MAAA,GAAUX,aAAa,CAACU,IAAI,CAAE;QAAEmB;MAAU,CAAE;IAAC,GAC5ClB,aAAA,CAACZ,QAAQ,CAACa,OAAO;MAACG,KAAK,EAAGX;IAAS,CAAE,CACjC,CAAC;EAER,CAAC;EACD0B,OAAO,EAAE7B,iBAAiB;EAC1B8B,UAAUA,CAAE;IAAEjB;EAAM,CAAC,EAAG;IACvB,OAAOA,KAAK,EAAEU,UAAU,EAAEQ,UAAU;EACrC;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,CAAEhB,EAAE,EAAEd,EAAE,CAAE","ignoreList":[]}
+{"version":3,"names":["clsx","RichText","useBlockProps","migrateFontFamily","jsx","_jsx","v1","attributes","content","type","source","selector","default","textAlign","save","Content","tagName","style","value","v2","__unstablePreserveWhiteSpace","__experimentalRole","supports","anchor","color","gradients","link","typography","fontSize","__experimentalFontFamily","spacing","padding","className","children","migrate","isEligible","fontFamily"],"sources":["@wordpress/block-library/src/verse/deprecated.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport migrateFontFamily from '../utils/migrate-font-family';\n\nconst v1 = {\n\tattributes: {\n\t\tcontent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'pre',\n\t\t\tdefault: '',\n\t\t},\n\t\ttextAlign: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { textAlign, content } = attributes;\n\n\t\treturn (\n\t\t\t<RichText.Content\n\t\t\t\ttagName=\"pre\"\n\t\t\t\tstyle={ { textAlign } }\n\t\t\t\tvalue={ content }\n\t\t\t/>\n\t\t);\n\t},\n};\n\nconst v2 = {\n\tattributes: {\n\t\tcontent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'pre',\n\t\t\tdefault: '',\n\t\t\t__unstablePreserveWhiteSpace: true,\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\ttextAlign: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsupports: {\n\t\tanchor: true,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t},\n\t\ttypography: {\n\t\t\tfontSize: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t},\n\t\tspacing: {\n\t\t\tpadding: true,\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { textAlign, content } = attributes;\n\n\t\tconst className = clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} );\n\n\t\treturn (\n\t\t\t<pre { ...useBlockProps.save( { className } ) }>\n\t\t\t\t<RichText.Content value={ content } />\n\t\t\t</pre>\n\t\t);\n\t},\n\tmigrate: migrateFontFamily,\n\tisEligible( { style } ) {\n\t\treturn style?.typography?.fontFamily;\n\t},\n};\n\n/**\n * New deprecations need to be placed first\n * for them to have higher priority.\n *\n * Old deprecations may need to be updated as well.\n *\n * See block-deprecation.md\n */\nexport default [ v2, v1 ];\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;;AAEjE;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7D,MAAMC,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,OAAO,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,KAAK;MACfC,OAAO,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACVJ,IAAI,EAAE;IACP;EACD,CAAC;EACDK,IAAIA,CAAE;IAAEP;EAAW,CAAC,EAAG;IACtB,MAAM;MAAEM,SAAS;MAAEL;IAAQ,CAAC,GAAGD,UAAU;IAEzC,oBACCF,IAAA,CAACJ,QAAQ,CAACc,OAAO;MAChBC,OAAO,EAAC,KAAK;MACbC,KAAK,EAAG;QAAEJ;MAAU,CAAG;MACvBK,KAAK,EAAGV;IAAS,CACjB,CAAC;EAEJ;AACD,CAAC;AAED,MAAMW,EAAE,GAAG;EACVZ,UAAU,EAAE;IACXC,OAAO,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,KAAK;MACfC,OAAO,EAAE,EAAE;MACXQ,4BAA4B,EAAE,IAAI;MAClCC,kBAAkB,EAAE;IACrB,CAAC;IACDR,SAAS,EAAE;MACVJ,IAAI,EAAE;IACP;EACD,CAAC;EACDa,QAAQ,EAAE;IACTC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE;MACNC,SAAS,EAAE,IAAI;MACfC,IAAI,EAAE;IACP,CAAC;IACDC,UAAU,EAAE;MACXC,QAAQ,EAAE,IAAI;MACdC,wBAAwB,EAAE;IAC3B,CAAC;IACDC,OAAO,EAAE;MACRC,OAAO,EAAE;IACV;EACD,CAAC;EACDjB,IAAIA,CAAE;IAAEP;EAAW,CAAC,EAAG;IACtB,MAAM;MAAEM,SAAS;MAAEL;IAAQ,CAAC,GAAGD,UAAU;IAEzC,MAAMyB,SAAS,GAAGhC,IAAI,CAAE;MACvB,CAAG,kBAAkBa,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IAEH,oBACCR,IAAA;MAAA,GAAUH,aAAa,CAACY,IAAI,CAAE;QAAEkB;MAAU,CAAE,CAAC;MAAAC,QAAA,eAC5C5B,IAAA,CAACJ,QAAQ,CAACc,OAAO;QAACG,KAAK,EAAGV;MAAS,CAAE;IAAC,CAClC,CAAC;EAER,CAAC;EACD0B,OAAO,EAAE/B,iBAAiB;EAC1BgC,UAAUA,CAAE;IAAElB;EAAM,CAAC,EAAG;IACvB,OAAOA,KAAK,EAAEU,UAAU,EAAES,UAAU;EACrC;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,CAAEjB,EAAE,EAAEb,EAAE,CAAE","ignoreList":[]}

package/build-module/verse/edit.js

@@ -1,8 +1,7 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -10,6 +9,9 @@ import classnames from 'classnames';
 import { __ } from '@wordpress/i18n';
 import { RichText, BlockControls, AlignmentToolbar, useBlockProps } from '@wordpress/block-editor';
 import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function VerseEdit({
   attributes,
   setAttributes,
@@ -23,36 +25,40 @@ export default function VerseEdit({
     content
   } = attributes;
   const blockProps = useBlockProps({
-    className: classnames({
+    className: clsx({
       [`has-text-align-${textAlign}`]: textAlign
     }),
     style
   });
-  return createElement(Fragment, null, createElement(BlockControls, null, createElement(AlignmentToolbar, {
-    value: textAlign,
-    onChange: nextAlign => {
-      setAttributes({
-        textAlign: nextAlign
-      });
-    }
-  })), createElement(RichText, {
-    tagName: "pre",
-    identifier: "content",
-    preserveWhiteSpace: true,
-    value: content,
-    onChange: nextContent => {
-      setAttributes({
-        content: nextContent
-      });
-    },
-    "aria-label": __('Verse text'),
-    placeholder: __('Write verse…'),
-    onRemove: onRemove,
-    onMerge: mergeBlocks,
-    textAlign: textAlign,
-    ...blockProps,
-    __unstablePastePlainText: true,
-    __unstableOnSplitAtDoubleLineEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BlockControls, {
+      children: /*#__PURE__*/_jsx(AlignmentToolbar, {
+        value: textAlign,
+        onChange: nextAlign => {
+          setAttributes({
+            textAlign: nextAlign
+          });
+        }
+      })
+    }), /*#__PURE__*/_jsx(RichText, {
+      tagName: "pre",
+      identifier: "content",
+      preserveWhiteSpace: true,
+      value: content,
+      onChange: nextContent => {
+        setAttributes({
+          content: nextContent
+        });
+      },
+      "aria-label": __('Verse text'),
+      placeholder: __('Write verse…'),
+      onRemove: onRemove,
+      onMerge: mergeBlocks,
+      textAlign: textAlign,
+      ...blockProps,
+      __unstablePastePlainText: true,
+      __unstableOnSplitAtDoubleLineEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build-module/verse/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","__","RichText","BlockControls","AlignmentToolbar","useBlockProps","createBlock","getDefaultBlockName","VerseEdit","attributes","setAttributes","mergeBlocks","onRemove","insertBlocksAfter","style","textAlign","content","blockProps","className","createElement","Fragment","value","onChange","nextAlign","tagName","identifier","preserveWhiteSpace","nextContent","placeholder","onMerge","__unstablePastePlainText","__unstableOnSplitAtDoubleLineEnd"],"sources":["@wordpress/block-library/src/verse/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tRichText,\n\tBlockControls,\n\tAlignmentToolbar,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\nexport default function VerseEdit( {\n\tattributes,\n\tsetAttributes,\n\tmergeBlocks,\n\tonRemove,\n\tinsertBlocksAfter,\n\tstyle,\n} ) {\n\tconst { textAlign, content } = attributes;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\tstyle,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<RichText\n\t\t\t\ttagName=\"pre\"\n\t\t\t\tidentifier=\"content\"\n\t\t\t\tpreserveWhiteSpace\n\t\t\t\tvalue={ content }\n\t\t\t\tonChange={ ( nextContent ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: nextContent,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\taria-label={ __( 'Verse text' ) }\n\t\t\t\tplaceholder={ __( 'Write verse…' ) }\n\t\t\t\tonRemove={ onRemove }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\ttextAlign={ textAlign }\n\t\t\t\t{ ...blockProps }\n\t\t\t\t__unstablePastePlainText\n\t\t\t\t__unstableOnSplitAtDoubleLineEnd={ () =>\n\t\t\t\t\tinsertBlocksAfter( createBlock( getDefaultBlockName() ) )\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,QAAQ,EACRC,aAAa,EACbC,gBAAgB,EAChBC,aAAa,QACP,yBAAyB;AAChC,SAASC,WAAW,EAAEC,mBAAmB,QAAQ,mBAAmB;AAEpE,eAAe,SAASC,SAASA,CAAE;EAClCC,UAAU;EACVC,aAAa;EACbC,WAAW;EACXC,QAAQ;EACRC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGP,UAAU;EACzC,MAAMQ,UAAU,GAAGZ,aAAa,CAAE;IACjCa,SAAS,EAAElB,UAAU,CAAE;MACtB,CAAG,kBAAkBe,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IACHD;EACD,CAAE,CAAC;EAEH,OACCK,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAChB,aAAa,QACbgB,aAAA,CAACf,gBAAgB;IAChBiB,KAAK,EAAGN,SAAW;IACnBO,QAAQ,EAAKC,SAAS,IAAM;MAC3Bb,aAAa,CAAE;QAAEK,SAAS,EAAEQ;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAChBJ,aAAA,CAACjB,QAAQ;IACRsB,OAAO,EAAC,KAAK;IACbC,UAAU,EAAC,SAAS;IACpBC,kBAAkB;IAClBL,KAAK,EAAGL,OAAS;IACjBM,QAAQ,EAAKK,WAAW,IAAM;MAC7BjB,aAAa,CAAE;QACdM,OAAO,EAAEW;MACV,CAAE,CAAC;IACJ,CAAG;IACH,cAAa1B,EAAE,CAAE,YAAa,CAAG;IACjC2B,WAAW,EAAG3B,EAAE,CAAE,cAAe,CAAG;IACpCW,QAAQ,EAAGA,QAAU;IACrBiB,OAAO,EAAGlB,WAAa;IACvBI,SAAS,EAAGA,SAAW;IAAA,GAClBE,UAAU;IACfa,wBAAwB;IACxBC,gCAAgC,EAAGA,CAAA,KAClClB,iBAAiB,CAAEP,WAAW,CAAEC,mBAAmB,CAAC,CAAE,CAAE;EACxD,CACD,CACA,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["clsx","__","RichText","BlockControls","AlignmentToolbar","useBlockProps","createBlock","getDefaultBlockName","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","VerseEdit","attributes","setAttributes","mergeBlocks","onRemove","insertBlocksAfter","style","textAlign","content","blockProps","className","children","value","onChange","nextAlign","tagName","identifier","preserveWhiteSpace","nextContent","placeholder","onMerge","__unstablePastePlainText","__unstableOnSplitAtDoubleLineEnd"],"sources":["@wordpress/block-library/src/verse/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tRichText,\n\tBlockControls,\n\tAlignmentToolbar,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\nexport default function VerseEdit( {\n\tattributes,\n\tsetAttributes,\n\tmergeBlocks,\n\tonRemove,\n\tinsertBlocksAfter,\n\tstyle,\n} ) {\n\tconst { textAlign, content } = attributes;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\tstyle,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<RichText\n\t\t\t\ttagName=\"pre\"\n\t\t\t\tidentifier=\"content\"\n\t\t\t\tpreserveWhiteSpace\n\t\t\t\tvalue={ content }\n\t\t\t\tonChange={ ( nextContent ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: nextContent,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\taria-label={ __( 'Verse text' ) }\n\t\t\t\tplaceholder={ __( 'Write verse…' ) }\n\t\t\t\tonRemove={ onRemove }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\ttextAlign={ textAlign }\n\t\t\t\t{ ...blockProps }\n\t\t\t\t__unstablePastePlainText\n\t\t\t\t__unstableOnSplitAtDoubleLineEnd={ () =>\n\t\t\t\t\tinsertBlocksAfter( createBlock( getDefaultBlockName() ) )\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,QAAQ,EACRC,aAAa,EACbC,gBAAgB,EAChBC,aAAa,QACP,yBAAyB;AAChC,SAASC,WAAW,EAAEC,mBAAmB,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErE,eAAe,SAASC,SAASA,CAAE;EAClCC,UAAU;EACVC,aAAa;EACbC,WAAW;EACXC,QAAQ;EACRC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGP,UAAU;EACzC,MAAMQ,UAAU,GAAGlB,aAAa,CAAE;IACjCmB,SAAS,EAAExB,IAAI,CAAE;MAChB,CAAG,kBAAkBqB,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IACHD;EACD,CAAE,CAAC;EAEH,oBACCP,KAAA,CAAAF,SAAA;IAAAc,QAAA,gBACChB,IAAA,CAACN,aAAa;MAAAsB,QAAA,eACbhB,IAAA,CAACL,gBAAgB;QAChBsB,KAAK,EAAGL,SAAW;QACnBM,QAAQ,EAAKC,SAAS,IAAM;UAC3BZ,aAAa,CAAE;YAAEK,SAAS,EAAEO;UAAU,CAAE,CAAC;QAC1C;MAAG,CACH;IAAC,CACY,CAAC,eAChBnB,IAAA,CAACP,QAAQ;MACR2B,OAAO,EAAC,KAAK;MACbC,UAAU,EAAC,SAAS;MACpBC,kBAAkB;MAClBL,KAAK,EAAGJ,OAAS;MACjBK,QAAQ,EAAKK,WAAW,IAAM;QAC7BhB,aAAa,CAAE;UACdM,OAAO,EAAEU;QACV,CAAE,CAAC;MACJ,CAAG;MACH,cAAa/B,EAAE,CAAE,YAAa,CAAG;MACjCgC,WAAW,EAAGhC,EAAE,CAAE,cAAe,CAAG;MACpCiB,QAAQ,EAAGA,QAAU;MACrBgB,OAAO,EAAGjB,WAAa;MACvBI,SAAS,EAAGA,SAAW;MAAA,GAClBE,UAAU;MACfY,wBAAwB;MACxBC,gCAAgC,EAAGA,CAAA,KAClCjB,iBAAiB,CAAEb,WAAW,CAAEC,mBAAmB,CAAC,CAAE,CAAE;IACxD,CACD,CAAC;EAAA,CACD,CAAC;AAEL","ignoreList":[]}

package/build-module/verse/save.js

@@ -1,13 +1,13 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
  */
 import { RichText, useBlockProps } from '@wordpress/block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function save({
   attributes
 }) {
@@ -15,15 +15,16 @@ export default function save({
     textAlign,
     content
   } = attributes;
-  const className = classnames({
+  const className = clsx({
     [`has-text-align-${textAlign}`]: textAlign
   });
-  return createElement("pre", {
+  return /*#__PURE__*/_jsx("pre", {
     ...useBlockProps.save({
       className
+    }),
+    children: /*#__PURE__*/_jsx(RichText.Content, {
+      value: content
     })
-  }, createElement(RichText.Content, {
-    value: content
-  }));
+  });
 }
 //# sourceMappingURL=save.js.map

package/build-module/verse/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","RichText","useBlockProps","save","attributes","textAlign","content","className","createElement","Content","value"],"sources":["@wordpress/block-library/src/verse/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { textAlign, content } = attributes;\n\n\tconst className = classnames( {\n\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t} );\n\n\treturn (\n\t\t<pre { ...useBlockProps.save( { className } ) }>\n\t\t\t<RichText.Content value={ content } />\n\t\t</pre>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;AAEjE,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGF,UAAU;EAEzC,MAAMG,SAAS,GAAGP,UAAU,CAAE;IAC7B,CAAG,kBAAkBK,SAAW,EAAC,GAAIA;EACtC,CAAE,CAAC;EAEH,OACCG,aAAA;IAAA,GAAUN,aAAa,CAACC,IAAI,CAAE;MAAEI;IAAU,CAAE;EAAC,GAC5CC,aAAA,CAACP,QAAQ,CAACQ,OAAO;IAACC,KAAK,EAAGJ;EAAS,CAAE,CACjC,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["clsx","RichText","useBlockProps","jsx","_jsx","save","attributes","textAlign","content","className","children","Content","value"],"sources":["@wordpress/block-library/src/verse/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { textAlign, content } = attributes;\n\n\tconst className = clsx( {\n\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t} );\n\n\treturn (\n\t\t<pre { ...useBlockProps.save( { className } ) }>\n\t\t\t<RichText.Content value={ content } />\n\t\t</pre>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElE,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGF,UAAU;EAEzC,MAAMG,SAAS,GAAGT,IAAI,CAAE;IACvB,CAAG,kBAAkBO,SAAW,EAAC,GAAIA;EACtC,CAAE,CAAC;EAEH,oBACCH,IAAA;IAAA,GAAUF,aAAa,CAACG,IAAI,CAAE;MAAEI;IAAU,CAAE,CAAC;IAAAC,QAAA,eAC5CN,IAAA,CAACH,QAAQ,CAACU,OAAO;MAACC,KAAK,EAAGJ;IAAS,CAAE;EAAC,CAClC,CAAC;AAER","ignoreList":[]}

package/build-module/video/deprecated.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -106,6 +105,8 @@ const metadata = {
   style: "wp-block-video"
 };
 import Tracks from './tracks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   attributes: blockAttributes
 } = metadata;
@@ -129,23 +130,25 @@ const v1 = {
       playsInline,
       tracks
     } = attributes;
-    return createElement("figure", {
-      ...useBlockProps.save()
-    }, src && createElement("video", {
-      autoPlay: autoplay,
-      controls: controls,
-      loop: loop,
-      muted: muted,
-      poster: poster,
-      preload: preload !== 'metadata' ? preload : undefined,
-      src: src,
-      playsInline: playsInline
-    }, createElement(Tracks, {
-      tracks: tracks
-    })), !RichText.isEmpty(caption) && createElement(RichText.Content, {
-      tagName: "figcaption",
-      value: caption
-    }));
+    return /*#__PURE__*/_jsxs("figure", {
+      ...useBlockProps.save(),
+      children: [src && /*#__PURE__*/_jsx("video", {
+        autoPlay: autoplay,
+        controls: controls,
+        loop: loop,
+        muted: muted,
+        poster: poster,
+        preload: preload !== 'metadata' ? preload : undefined,
+        src: src,
+        playsInline: playsInline,
+        children: /*#__PURE__*/_jsx(Tracks, {
+          tracks: tracks
+        })
+      }), !RichText.isEmpty(caption) && /*#__PURE__*/_jsx(RichText.Content, {
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
   }
 };
 const deprecated = [v1];

package/build-module/video/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["RichText","useBlockProps","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","autoplay","type","source","selector","attribute","caption","__experimentalRole","controls","id","loop","muted","poster","preload","src","playsInline","tracks","items","supports","anchor","align","spacing","margin","padding","__experimentalDefaultControls","interactivity","clientNavigation","editorStyle","style","Tracks","blockAttributes","v1","save","createElement","autoPlay","undefined","isEmpty","Content","tagName","value","deprecated"],"sources":["@wordpress/block-library/src/video/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport Tracks from './tracks';\n\nconst { attributes: blockAttributes } = metadata;\n\n// In #41140 support was added to global styles for caption elements which added a `wp-element-caption` classname\n// to the video figcaption element.\nconst v1 = {\n\tattributes: blockAttributes,\n\tsave( { attributes } ) {\n\t\tconst {\n\t\t\tautoplay,\n\t\t\tcaption,\n\t\t\tcontrols,\n\t\t\tloop,\n\t\t\tmuted,\n\t\t\tposter,\n\t\t\tpreload,\n\t\t\tsrc,\n\t\t\tplaysInline,\n\t\t\ttracks,\n\t\t} = attributes;\n\t\treturn (\n\t\t\t<figure { ...useBlockProps.save() }>\n\t\t\t\t{ src && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tautoPlay={ autoplay }\n\t\t\t\t\t\tcontrols={ controls }\n\t\t\t\t\t\tloop={ loop }\n\t\t\t\t\t\tmuted={ muted }\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tpreload={ preload !== 'metadata' ? preload : undefined }\n\t\t\t\t\t\tsrc={ src }\n\t\t\t\t\t\tplaysInline={ playsInline }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tracks tracks={ tracks } />\n\t\t\t\t\t</video>\n\t\t\t\t) }\n\t\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t\t<RichText.Content tagName=\"figcaption\" value={ caption } />\n\t\t\t\t) }\n\t\t\t</figure>\n\t\t);\n\t},\n};\n\nconst deprecated = [ v1 ];\n\nexport default deprecated;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;;AAEjE;AACA;AACA;AAFA,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,QAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,SAAA;IAAA;IAAAC,OAAA;MAAAJ,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAG,kBAAA;IAAA;IAAAC,QAAA;MAAAN,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,SAAA;MAAA;IAAA;IAAAI,EAAA;MAAAP,IAAA;MAAAK,kBAAA;IAAA;IAAAG,IAAA;MAAAR,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,SAAA;IAAA;IAAAM,KAAA;MAAAT,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,SAAA;IAAA;IAAAO,MAAA;MAAAV,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,SAAA;IAAA;IAAAQ,OAAA;MAAAX,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,SAAA;MAAA;IAAA;IAAAS,GAAA;MAAAZ,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,SAAA;MAAAE,kBAAA;IAAA;IAAAQ,WAAA;MAAAb,IAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,SAAA;IAAA;IAAAW,MAAA;MAAAT,kBAAA;MAAAL,IAAA;MAAAe,KAAA;QAAAf,IAAA;MAAA;MAAA;IAAA;EAAA;EAAAgB,QAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAC,6BAAA;QAAAF,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAE,aAAA;MAAAC,gBAAA;IAAA;EAAA;EAAAC,WAAA;EAAAC,KAAA;AAAA;AAIA,OAAOC,MAAM,MAAM,UAAU;AAE7B,MAAM;EAAE7B,UAAU,EAAE8B;AAAgB,CAAC,GAAGvC,QAAQ;;AAEhD;AACA;AACA,MAAMwC,EAAE,GAAG;EACV/B,UAAU,EAAE8B,eAAe;EAC3BE,IAAIA,CAAE;IAAEhC;EAAW,CAAC,EAAG;IACtB,MAAM;MACLC,QAAQ;MACRK,OAAO;MACPE,QAAQ;MACRE,IAAI;MACJC,KAAK;MACLC,MAAM;MACNC,OAAO;MACPC,GAAG;MACHC,WAAW;MACXC;IACD,CAAC,GAAGhB,UAAU;IACd,OACCiC,aAAA;MAAA,GAAa3C,aAAa,CAAC0C,IAAI,CAAC;IAAC,GAC9BlB,GAAG,IACJmB,aAAA;MACCC,QAAQ,EAAGjC,QAAU;MACrBO,QAAQ,EAAGA,QAAU;MACrBE,IAAI,EAAGA,IAAM;MACbC,KAAK,EAAGA,KAAO;MACfC,MAAM,EAAGA,MAAQ;MACjBC,OAAO,EAAGA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAGsB,SAAW;MACxDrB,GAAG,EAAGA,GAAK;MACXC,WAAW,EAAGA;IAAa,GAE3BkB,aAAA,CAACJ,MAAM;MAACb,MAAM,EAAGA;IAAQ,CAAE,CACrB,CACP,EACC,CAAE3B,QAAQ,CAAC+C,OAAO,CAAE9B,OAAQ,CAAC,IAC9B2B,aAAA,CAAC5C,QAAQ,CAACgD,OAAO;MAACC,OAAO,EAAC,YAAY;MAACC,KAAK,EAAGjC;IAAS,CAAE,CAEpD,CAAC;EAEX;AACD,CAAC;AAED,MAAMkC,UAAU,GAAG,CAAET,EAAE,CAAE;AAEzB,eAAeS,UAAU","ignoreList":[]}
+{"version":3,"names":["RichText","useBlockProps","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","autoplay","type","source","selector","attribute","caption","__experimentalRole","controls","id","loop","muted","poster","preload","src","playsInline","tracks","items","supports","anchor","align","spacing","margin","padding","__experimentalDefaultControls","interactivity","clientNavigation","editorStyle","style","Tracks","jsx","_jsx","jsxs","_jsxs","blockAttributes","v1","save","children","autoPlay","undefined","isEmpty","Content","tagName","value","deprecated"],"sources":["@wordpress/block-library/src/video/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport Tracks from './tracks';\n\nconst { attributes: blockAttributes } = metadata;\n\n// In #41140 support was added to global styles for caption elements which added a `wp-element-caption` classname\n// to the video figcaption element.\nconst v1 = {\n\tattributes: blockAttributes,\n\tsave( { attributes } ) {\n\t\tconst {\n\t\t\tautoplay,\n\t\t\tcaption,\n\t\t\tcontrols,\n\t\t\tloop,\n\t\t\tmuted,\n\t\t\tposter,\n\t\t\tpreload,\n\t\t\tsrc,\n\t\t\tplaysInline,\n\t\t\ttracks,\n\t\t} = attributes;\n\t\treturn (\n\t\t\t<figure { ...useBlockProps.save() }>\n\t\t\t\t{ src && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tautoPlay={ autoplay }\n\t\t\t\t\t\tcontrols={ controls }\n\t\t\t\t\t\tloop={ loop }\n\t\t\t\t\t\tmuted={ muted }\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tpreload={ preload !== 'metadata' ? preload : undefined }\n\t\t\t\t\t\tsrc={ src }\n\t\t\t\t\t\tplaysInline={ playsInline }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tracks tracks={ tracks } />\n\t\t\t\t\t</video>\n\t\t\t\t) }\n\t\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t\t<RichText.Content tagName=\"figcaption\" value={ caption } />\n\t\t\t\t) }\n\t\t\t</figure>\n\t\t);\n\t},\n};\n\nconst deprecated = [ v1 ];\n\nexport default deprecated;\n"],"mappings":"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","ignoreList":[]}

package/build-module/video/edit-common-settings.js

@@ -1,10 +1,12 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
 import { __, _x } from '@wordpress/i18n';
 import { ToggleControl, SelectControl } from '@wordpress/components';
 import { useMemo, useCallback, Platform } from '@wordpress/element';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const options = [{
   value: 'auto',
   label: __('Auto')
@@ -55,40 +57,44 @@ const VideoSettings = ({
       preload: value
     });
   }, []);
-  return createElement(Fragment, null, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Autoplay'),
-    onChange: toggleFactory.autoplay,
-    checked: !!autoplay,
-    help: getAutoplayHelp
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Loop'),
-    onChange: toggleFactory.loop,
-    checked: !!loop
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Muted'),
-    onChange: toggleFactory.muted,
-    checked: !!muted
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Playback controls'),
-    onChange: toggleFactory.controls,
-    checked: !!controls
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Play inline'),
-    onChange: toggleFactory.playsInline,
-    checked: !!playsInline
-  }), createElement(SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Preload'),
-    value: preload,
-    onChange: onChangePreload,
-    options: options,
-    hideCancelButton: true
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ToggleControl, {
+      __nextHasNoMarginBottom: true,
+      label: __('Autoplay'),
+      onChange: toggleFactory.autoplay,
+      checked: !!autoplay,
+      help: getAutoplayHelp
+    }), /*#__PURE__*/_jsx(ToggleControl, {
+      __nextHasNoMarginBottom: true,
+      label: __('Loop'),
+      onChange: toggleFactory.loop,
+      checked: !!loop
+    }), /*#__PURE__*/_jsx(ToggleControl, {
+      __nextHasNoMarginBottom: true,
+      label: __('Muted'),
+      onChange: toggleFactory.muted,
+      checked: !!muted
+    }), /*#__PURE__*/_jsx(ToggleControl, {
+      __nextHasNoMarginBottom: true,
+      label: __('Playback controls'),
+      onChange: toggleFactory.controls,
+      checked: !!controls
+    }), /*#__PURE__*/_jsx(ToggleControl, {
+      __nextHasNoMarginBottom: true
+      /* translators: Setting to play videos within the webpage on mobile browsers rather than opening in a fullscreen player. */,
+      label: __('Play inline'),
+      onChange: toggleFactory.playsInline,
+      checked: !!playsInline,
+      help: __('When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player.')
+    }), /*#__PURE__*/_jsx(SelectControl, {
+      __nextHasNoMarginBottom: true,
+      label: __('Preload'),
+      value: preload,
+      onChange: onChangePreload,
+      options: options,
+      hideCancelButton: true
+    })]
+  });
 };
 export default VideoSettings;
 //# sourceMappingURL=edit-common-settings.js.map

package/build-module/video/edit-common-settings.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","_x","ToggleControl","SelectControl","useMemo","useCallback","Platform","options","value","label","VideoSettings","setAttributes","attributes","autoplay","controls","loop","muted","playsInline","preload","autoPlayHelpText","getAutoplayHelp","select","web","checked","native","toggleFactory","toggleAttribute","attribute","newValue","onChangePreload","createElement","Fragment","__nextHasNoMarginBottom","onChange","help","hideCancelButton"],"sources":["@wordpress/block-library/src/video/edit-common-settings.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { ToggleControl, SelectControl } from '@wordpress/components';\nimport { useMemo, useCallback, Platform } from '@wordpress/element';\n\nconst options = [\n\t{ value: 'auto', label: __( 'Auto' ) },\n\t{ value: 'metadata', label: __( 'Metadata' ) },\n\t{ value: 'none', label: _x( 'None', 'Preload value' ) },\n];\n\nconst VideoSettings = ( { setAttributes, attributes } ) => {\n\tconst { autoplay, controls, loop, muted, playsInline, preload } =\n\t\tattributes;\n\n\tconst autoPlayHelpText = __(\n\t\t'Autoplay may cause usability issues for some users.'\n\t);\n\tconst getAutoplayHelp = Platform.select( {\n\t\tweb: useCallback( ( checked ) => {\n\t\t\treturn checked ? autoPlayHelpText : null;\n\t\t}, [] ),\n\t\tnative: autoPlayHelpText,\n\t} );\n\n\tconst toggleFactory = useMemo( () => {\n\t\tconst toggleAttribute = ( attribute ) => {\n\t\t\treturn ( newValue ) => {\n\t\t\t\tsetAttributes( { [ attribute ]: newValue } );\n\t\t\t};\n\t\t};\n\n\t\treturn {\n\t\t\tautoplay: toggleAttribute( 'autoplay' ),\n\t\t\tloop: toggleAttribute( 'loop' ),\n\t\t\tmuted: toggleAttribute( 'muted' ),\n\t\t\tcontrols: toggleAttribute( 'controls' ),\n\t\t\tplaysInline: toggleAttribute( 'playsInline' ),\n\t\t};\n\t}, [] );\n\n\tconst onChangePreload = useCallback( ( value ) => {\n\t\tsetAttributes( { preload: value } );\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\tonChange={ toggleFactory.autoplay }\n\t\t\t\tchecked={ !! autoplay }\n\t\t\t\thelp={ getAutoplayHelp }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\tonChange={ toggleFactory.loop }\n\t\t\t\tchecked={ !! loop }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\tonChange={ toggleFactory.muted }\n\t\t\t\tchecked={ !! muted }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\tonChange={ toggleFactory.controls }\n\t\t\t\tchecked={ !! controls }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\tonChange={ toggleFactory.playsInline }\n\t\t\t\tchecked={ !! playsInline }\n\t\t\t/>\n\t\t\t<SelectControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\tvalue={ preload }\n\t\t\t\tonChange={ onChangePreload }\n\t\t\t\toptions={ options }\n\t\t\t\thideCancelButton\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default VideoSettings;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","_x","ToggleControl","SelectControl","useMemo","useCallback","Platform","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","options","value","label","VideoSettings","setAttributes","attributes","autoplay","controls","loop","muted","playsInline","preload","autoPlayHelpText","getAutoplayHelp","select","web","checked","native","toggleFactory","toggleAttribute","attribute","newValue","onChangePreload","children","__nextHasNoMarginBottom","onChange","help","hideCancelButton"],"sources":["@wordpress/block-library/src/video/edit-common-settings.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { ToggleControl, SelectControl } from '@wordpress/components';\nimport { useMemo, useCallback, Platform } from '@wordpress/element';\n\nconst options = [\n\t{ value: 'auto', label: __( 'Auto' ) },\n\t{ value: 'metadata', label: __( 'Metadata' ) },\n\t{ value: 'none', label: _x( 'None', 'Preload value' ) },\n];\n\nconst VideoSettings = ( { setAttributes, attributes } ) => {\n\tconst { autoplay, controls, loop, muted, playsInline, preload } =\n\t\tattributes;\n\n\tconst autoPlayHelpText = __(\n\t\t'Autoplay may cause usability issues for some users.'\n\t);\n\tconst getAutoplayHelp = Platform.select( {\n\t\tweb: useCallback( ( checked ) => {\n\t\t\treturn checked ? autoPlayHelpText : null;\n\t\t}, [] ),\n\t\tnative: autoPlayHelpText,\n\t} );\n\n\tconst toggleFactory = useMemo( () => {\n\t\tconst toggleAttribute = ( attribute ) => {\n\t\t\treturn ( newValue ) => {\n\t\t\t\tsetAttributes( { [ attribute ]: newValue } );\n\t\t\t};\n\t\t};\n\n\t\treturn {\n\t\t\tautoplay: toggleAttribute( 'autoplay' ),\n\t\t\tloop: toggleAttribute( 'loop' ),\n\t\t\tmuted: toggleAttribute( 'muted' ),\n\t\t\tcontrols: toggleAttribute( 'controls' ),\n\t\t\tplaysInline: toggleAttribute( 'playsInline' ),\n\t\t};\n\t}, [] );\n\n\tconst onChangePreload = useCallback( ( value ) => {\n\t\tsetAttributes( { preload: value } );\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\tonChange={ toggleFactory.autoplay }\n\t\t\t\tchecked={ !! autoplay }\n\t\t\t\thelp={ getAutoplayHelp }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\tonChange={ toggleFactory.loop }\n\t\t\t\tchecked={ !! loop }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\tonChange={ toggleFactory.muted }\n\t\t\t\tchecked={ !! muted }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\tonChange={ toggleFactory.controls }\n\t\t\t\tchecked={ !! controls }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t/* translators: Setting to play videos within the webpage on mobile browsers rather than opening in a fullscreen player. */\n\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\tonChange={ toggleFactory.playsInline }\n\t\t\t\tchecked={ !! playsInline }\n\t\t\t\thelp={ __(\n\t\t\t\t\t'When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<SelectControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\tvalue={ preload }\n\t\t\t\tonChange={ onChangePreload }\n\t\t\t\toptions={ options }\n\t\t\t\thideCancelButton\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default VideoSettings;\n"],"mappings":"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","ignoreList":[]}

package/build-module/video/edit.js

@@ -1,8 +1,7 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -28,14 +27,18 @@ import Tracks from './tracks';
 import { Caption } from '../utils/caption';
 
 // Much of this description is duplicated from MediaPlaceholder.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const placeholder = content => {
-  return createElement(Placeholder, {
+  return /*#__PURE__*/_jsx(Placeholder, {
     className: "block-editor-media-placeholder",
     withIllustration: true,
     icon: icon,
     label: __('Video'),
-    instructions: __('Upload a video file, pick one from your media library, or add one with a URL.')
-  }, content);
+    instructions: __('Upload a video file, pick one from your media library, or add one with a URL.'),
+    children: content
+  });
 };
 const ALLOWED_MEDIA_TYPES = ['video'];
 const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
@@ -120,27 +123,28 @@ function VideoEdit({
       type: 'snackbar'
     });
   }
-  const classes = classnames(className, {
+  const classes = clsx(className, {
     'is-transient': isTemporaryVideo
   });
   const blockProps = useBlockProps({
     className: classes
   });
   if (!src) {
-    return createElement("div", {
-      ...blockProps
-    }, createElement(MediaPlaceholder, {
-      icon: createElement(BlockIcon, {
-        icon: icon
-      }),
-      onSelect: onSelectVideo,
-      onSelectURL: onSelectURL,
-      accept: "video/*",
-      allowedTypes: ALLOWED_MEDIA_TYPES,
-      value: attributes,
-      onError: onUploadError,
-      placeholder: placeholder
-    }));
+    return /*#__PURE__*/_jsx("div", {
+      ...blockProps,
+      children: /*#__PURE__*/_jsx(MediaPlaceholder, {
+        icon: /*#__PURE__*/_jsx(BlockIcon, {
+          icon: icon
+        }),
+        onSelect: onSelectVideo,
+        onSelectURL: onSelectURL,
+        accept: "video/*",
+        allowedTypes: ALLOWED_MEDIA_TYPES,
+        value: attributes,
+        onError: onUploadError,
+        placeholder: placeholder
+      })
+    });
   }
   function onSelectPoster(image) {
     setAttributes({
@@ -156,68 +160,89 @@ function VideoEdit({
     posterImageButton.current.focus();
   }
   const videoPosterDescription = `video-block__poster-image-description-${instanceId}`;
-  return createElement(Fragment, null, isSingleSelected && createElement(Fragment, null, createElement(BlockControls, null, createElement(TracksEditor, {
-    tracks: tracks,
-    onChange: newTracks => {
-      setAttributes({
-        tracks: newTracks
-      });
-    }
-  })), createElement(BlockControls, {
-    group: "other"
-  }, createElement(MediaReplaceFlow, {
-    mediaId: id,
-    mediaURL: src,
-    allowedTypes: ALLOWED_MEDIA_TYPES,
-    accept: "video/*",
-    onSelect: onSelectVideo,
-    onSelectURL: onSelectURL,
-    onError: onUploadError
-  }))), createElement(InspectorControls, null, createElement(PanelBody, {
-    title: __('Settings')
-  }, createElement(VideoCommonSettings, {
-    setAttributes: setAttributes,
-    attributes: attributes
-  }), createElement(MediaUploadCheck, null, createElement(BaseControl, {
-    className: "editor-video-poster-control"
-  }, createElement(BaseControl.VisualLabel, null, __('Poster image')), createElement(MediaUpload, {
-    title: __('Select poster image'),
-    onSelect: onSelectPoster,
-    allowedTypes: VIDEO_POSTER_ALLOWED_MEDIA_TYPES,
-    render: ({
-      open
-    }) => createElement(Button, {
-      variant: "primary",
-      onClick: open,
-      ref: posterImageButton,
-      "aria-describedby": videoPosterDescription
-    }, !poster ? __('Select') : __('Replace'))
-  }), createElement("p", {
-    id: videoPosterDescription,
-    hidden: true
-  }, poster ? sprintf( /* translators: %s: poster image URL. */
-  __('The current poster image url is %s'), poster) : __('There is no poster image currently selected')), !!poster && createElement(Button, {
-    onClick: onRemovePoster,
-    variant: "tertiary"
-  }, __('Remove')))))), createElement("figure", {
-    ...blockProps
-  }, createElement(Disabled, {
-    isDisabled: !isSingleSelected
-  }, createElement("video", {
-    controls: controls,
-    poster: poster,
-    src: src,
-    ref: videoPlayer
-  }, createElement(Tracks, {
-    tracks: tracks
-  }))), isTemporaryVideo && createElement(Spinner, null), createElement(Caption, {
-    attributes: attributes,
-    setAttributes: setAttributes,
-    isSelected: isSingleSelected,
-    insertBlocksAfter: insertBlocksAfter,
-    label: __('Video caption text'),
-    showToolbarButton: isSingleSelected
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [isSingleSelected && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(BlockControls, {
+        children: /*#__PURE__*/_jsx(TracksEditor, {
+          tracks: tracks,
+          onChange: newTracks => {
+            setAttributes({
+              tracks: newTracks
+            });
+          }
+        })
+      }), /*#__PURE__*/_jsx(BlockControls, {
+        group: "other",
+        children: /*#__PURE__*/_jsx(MediaReplaceFlow, {
+          mediaId: id,
+          mediaURL: src,
+          allowedTypes: ALLOWED_MEDIA_TYPES,
+          accept: "video/*",
+          onSelect: onSelectVideo,
+          onSelectURL: onSelectURL,
+          onError: onUploadError
+        })
+      })]
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsxs(PanelBody, {
+        title: __('Settings'),
+        children: [/*#__PURE__*/_jsx(VideoCommonSettings, {
+          setAttributes: setAttributes,
+          attributes: attributes
+        }), /*#__PURE__*/_jsx(MediaUploadCheck, {
+          children: /*#__PURE__*/_jsxs(BaseControl, {
+            className: "editor-video-poster-control",
+            children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+              children: __('Poster image')
+            }), /*#__PURE__*/_jsx(MediaUpload, {
+              title: __('Select poster image'),
+              onSelect: onSelectPoster,
+              allowedTypes: VIDEO_POSTER_ALLOWED_MEDIA_TYPES,
+              render: ({
+                open
+              }) => /*#__PURE__*/_jsx(Button, {
+                variant: "primary",
+                onClick: open,
+                ref: posterImageButton,
+                "aria-describedby": videoPosterDescription,
+                children: !poster ? __('Select') : __('Replace')
+              })
+            }), /*#__PURE__*/_jsx("p", {
+              id: videoPosterDescription,
+              hidden: true,
+              children: poster ? sprintf( /* translators: %s: poster image URL. */
+              __('The current poster image url is %s'), poster) : __('There is no poster image currently selected')
+            }), !!poster && /*#__PURE__*/_jsx(Button, {
+              onClick: onRemovePoster,
+              variant: "tertiary",
+              children: __('Remove')
+            })]
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsxs("figure", {
+      ...blockProps,
+      children: [/*#__PURE__*/_jsx(Disabled, {
+        isDisabled: !isSingleSelected,
+        children: /*#__PURE__*/_jsx("video", {
+          controls: controls,
+          poster: poster,
+          src: src,
+          ref: videoPlayer,
+          children: /*#__PURE__*/_jsx(Tracks, {
+            tracks: tracks
+          })
+        })
+      }), isTemporaryVideo && /*#__PURE__*/_jsx(Spinner, {}), /*#__PURE__*/_jsx(Caption, {
+        attributes: attributes,
+        setAttributes: setAttributes,
+        isSelected: isSingleSelected,
+        insertBlocksAfter: insertBlocksAfter,
+        label: __('Video caption text'),
+        showToolbarButton: isSingleSelected
+      })]
+    })]
+  });
 }
 export default VideoEdit;
 //# sourceMappingURL=edit.js.map