@wordpress/block-library 9.36.1-next.738bb1424.0 → 9.36.2-next.8fd3f8831.0

package/build/comment-author-name/deprecated.cjs

@@ -34,6 +34,62 @@ __export(deprecated_exports, {
 });
 module.exports = __toCommonJS(deprecated_exports);
 var import_migrate_font_family = __toESM(require("../utils/migrate-font-family.cjs"), 1);
+var import_migrate_text_align = __toESM(require("../utils/migrate-text-align.cjs"), 1);
+var v2 = {
+  attributes: {
+    isLink: {
+      type: "boolean",
+      default: true
+    },
+    linkTarget: {
+      type: "string",
+      default: "_self"
+    },
+    textAlign: {
+      type: "string"
+    }
+  },
+  usesContext: ["commentId"],
+  supports: {
+    html: false,
+    spacing: {
+      margin: true,
+      padding: true
+    },
+    color: {
+      gradients: true,
+      link: true
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalTextDecoration: true,
+      __experimentalLetterSpacing: true
+    },
+    interactivity: {
+      clientNavigation: true
+    },
+    __experimentalBorder: {
+      radius: true,
+      color: true,
+      width: true,
+      style: true
+    }
+  },
+  save() {
+    return null;
+  },
+  migrate: import_migrate_text_align.default,
+  isEligible(attributes) {
+    return !!attributes.textAlign || !!attributes.className?.match(
+      /\bhas-text-align-(left|center|right)\b/
+    );
+  }
+};
 var v1 = {
   attributes: {
     isLink: {
@@ -69,5 +125,5 @@ var v1 = {
     return style?.typography?.fontFamily;
   }
 };
-var deprecated_default = [v1];
+var deprecated_default = [v2, v1];
 //# sourceMappingURL=deprecated.cjs.map

package/build/comment-author-name/deprecated.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/comment-author-name/deprecated.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport migrateFontFamily from '../utils/migrate-font-family';\n\nconst v1 = {\n\tattributes: {\n\t\tisLink: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: false,\n\t\t},\n\t\tlinkTarget: {\n\t\t\ttype: 'string',\n\t\t\tdefault: '_self',\n\t\t},\n\t},\n\tsupports: {\n\t\thtml: false,\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\tlineHeight: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t\t__experimentalFontWeight: true,\n\t\t\t__experimentalFontStyle: true,\n\t\t\t__experimentalTextTransform: true,\n\t\t\t__experimentalLetterSpacing: true,\n\t\t},\n\t},\n\tsave() {\n\t\treturn null;\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 [ v1 ];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iCAA8B;AAE9B,IAAM,KAAK;AAAA,EACV,YAAY;AAAA,IACX,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,0BAA0B;AAAA,MAC1B,0BAA0B;AAAA,MAC1B,yBAAyB;AAAA,MACzB,6BAA6B;AAAA,MAC7B,6BAA6B;AAAA,IAC9B;AAAA,EACD;AAAA,EACA,OAAO;AACN,WAAO;AAAA,EACR;AAAA,EACA,SAAS,2BAAAA;AAAA,EACT,WAAY,EAAE,MAAM,GAAI;AACvB,WAAO,OAAO,YAAY;AAAA,EAC3B;AACD;AAUA,IAAO,qBAAQ,CAAE,EAAG;",
-  "names": ["migrateFontFamily"]
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport migrateFontFamily from '../utils/migrate-font-family';\nimport migrateTextAlign from '../utils/migrate-text-align';\n\nconst v2 = {\n\tattributes: {\n\t\tisLink: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: true,\n\t\t},\n\t\tlinkTarget: {\n\t\t\ttype: 'string',\n\t\t\tdefault: '_self',\n\t\t},\n\t\ttextAlign: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tusesContext: [ 'commentId' ],\n\tsupports: {\n\t\thtml: false,\n\t\tspacing: {\n\t\t\tmargin: true,\n\t\t\tpadding: true,\n\t\t},\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\tlineHeight: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t\t__experimentalFontWeight: true,\n\t\t\t__experimentalFontStyle: true,\n\t\t\t__experimentalTextTransform: true,\n\t\t\t__experimentalTextDecoration: true,\n\t\t\t__experimentalLetterSpacing: true,\n\t\t},\n\t\tinteractivity: {\n\t\t\tclientNavigation: true,\n\t\t},\n\t\t__experimentalBorder: {\n\t\t\tradius: true,\n\t\t\tcolor: true,\n\t\t\twidth: true,\n\t\t\tstyle: true,\n\t\t},\n\t},\n\tsave() {\n\t\treturn null;\n\t},\n\tmigrate: migrateTextAlign,\n\tisEligible( attributes ) {\n\t\treturn (\n\t\t\t!! attributes.textAlign ||\n\t\t\t!! attributes.className?.match(\n\t\t\t\t/\\bhas-text-align-(left|center|right)\\b/\n\t\t\t)\n\t\t);\n\t},\n};\n\nconst v1 = {\n\tattributes: {\n\t\tisLink: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: false,\n\t\t},\n\t\tlinkTarget: {\n\t\t\ttype: 'string',\n\t\t\tdefault: '_self',\n\t\t},\n\t},\n\tsupports: {\n\t\thtml: false,\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\tlineHeight: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t\t__experimentalFontWeight: true,\n\t\t\t__experimentalFontStyle: true,\n\t\t\t__experimentalTextTransform: true,\n\t\t\t__experimentalLetterSpacing: true,\n\t\t},\n\t},\n\tsave() {\n\t\treturn null;\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;AAAA;AAAA;AAAA;AAAA;AAGA,iCAA8B;AAC9B,gCAA6B;AAE7B,IAAM,KAAK;AAAA,EACV,YAAY;AAAA,IACX,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,EACD;AAAA,EACA,aAAa,CAAE,WAAY;AAAA,EAC3B,UAAU;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,0BAA0B;AAAA,MAC1B,0BAA0B;AAAA,MAC1B,yBAAyB;AAAA,MACzB,6BAA6B;AAAA,MAC7B,8BAA8B;AAAA,MAC9B,6BAA6B;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,MACd,kBAAkB;AAAA,IACnB;AAAA,IACA,sBAAsB;AAAA,MACrB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,IACR;AAAA,EACD;AAAA,EACA,OAAO;AACN,WAAO;AAAA,EACR;AAAA,EACA,SAAS,0BAAAA;AAAA,EACT,WAAY,YAAa;AACxB,WACC,CAAC,CAAE,WAAW,aACd,CAAC,CAAE,WAAW,WAAW;AAAA,MACxB;AAAA,IACD;AAAA,EAEF;AACD;AAEA,IAAM,KAAK;AAAA,EACV,YAAY;AAAA,IACX,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,0BAA0B;AAAA,MAC1B,0BAA0B;AAAA,MAC1B,yBAAyB;AAAA,MACzB,6BAA6B;AAAA,MAC7B,6BAA6B;AAAA,IAC9B;AAAA,EACD;AAAA,EACA,OAAO;AACN,WAAO;AAAA,EACR;AAAA,EACA,SAAS,2BAAAC;AAAA,EACT,WAAY,EAAE,MAAM,GAAI;AACvB,WAAO,OAAO,YAAY;AAAA,EAC3B;AACD;AAUA,IAAO,qBAAQ,CAAE,IAAI,EAAG;",
+  "names": ["migrateTextAlign", "migrateFontFamily"]
 }

package/build/comment-author-name/edit.cjs

@@ -33,25 +33,23 @@ __export(edit_exports, {
   default: () => Edit
 });
 module.exports = __toCommonJS(edit_exports);
-var import_clsx = __toESM(require("clsx"), 1);
 var import_i18n = require("@wordpress/i18n");
 var import_data = require("@wordpress/data");
 var import_block_editor = require("@wordpress/block-editor");
 var import_core_data = require("@wordpress/core-data");
 var import_components = require("@wordpress/components");
 var import_hooks = require("../utils/hooks.cjs");
+var import_deprecated_text_align_attributes = __toESM(require("../utils/deprecated-text-align-attributes.cjs"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-function Edit({
-  attributes: { isLink, linkTarget, textAlign },
-  context: { commentId },
-  setAttributes
-}) {
+function Edit(props) {
+  const {
+    attributes: { isLink, linkTarget },
+    context: { commentId },
+    setAttributes
+  } = props;
+  (0, import_deprecated_text_align_attributes.default)(props);
   const dropdownMenuProps = (0, import_hooks.useToolsPanelDropdownMenuProps)();
-  const blockProps = (0, import_block_editor.useBlockProps)({
-    className: (0, import_clsx.default)({
-      [`has-text-align-${textAlign}`]: textAlign
-    })
-  });
+  const blockProps = (0, import_block_editor.useBlockProps)();
   let displayName = (0, import_data.useSelect)(
     (select) => {
       const { getEntityRecord } = select(import_core_data.store);
@@ -65,13 +63,6 @@ function Edit({
     },
     [commentId]
   );
-  const blockControls = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "block", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_block_editor.AlignmentControl,
-    {
-      value: textAlign,
-      onChange: (newAlign) => setAttributes({ textAlign: newAlign })
-    }
-  ) });
   const inspectorControls = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_components.__experimentalToolsPanel,
     {
@@ -140,7 +131,6 @@ function Edit({
   ) : displayName;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     inspectorControls,
-    blockControls,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...blockProps, children: displayAuthor })
   ] });
 }

package/build/comment-author-name/edit.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/comment-author-name/edit.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\n/**\n * Renders the `core/comment-author-name` block on the editor.\n *\n * @param {Object} props                       React props.\n * @param {Object} props.setAttributes         Callback for updating block attributes.\n * @param {Object} props.attributes            Block attributes.\n * @param {string} props.attributes.isLink     Whether the author name should be linked.\n * @param {string} props.attributes.linkTarget Target of the link.\n * @param {string} props.attributes.textAlign  Text alignment.\n * @param {Object} props.context               Inherited context.\n * @param {string} props.context.commentId     The comment ID.\n *\n * @return {JSX.Element} React element.\n */\nexport default function Edit( {\n\tattributes: { isLink, linkTarget, textAlign },\n\tcontext: { commentId },\n\tsetAttributes,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\tlet displayName = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\n\t\t\tconst comment = getEntityRecord( 'root', 'comment', commentId );\n\t\t\tconst authorName = comment?.author_name;\n\n\t\t\tif ( comment && ! authorName ) {\n\t\t\t\tconst user = getEntityRecord( 'root', 'user', comment.author );\n\t\t\t\treturn user?.name ?? __( 'Anonymous' );\n\t\t\t}\n\t\t\treturn authorName ?? '';\n\t\t},\n\t\t[ commentId ]\n\t);\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisLink: true,\n\t\t\t\t\t\tlinkTarget: '_self',\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Link to authors URL' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => ! isLink }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tisLink: true,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Link to authors URL' ) }\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t{ isLink && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => linkTarget !== '_self' }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tlinkTarget: '_self',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tif ( ! commentId || ! displayName ) {\n\t\tdisplayName = _x( 'Comment Author', 'block title' );\n\t}\n\n\tconst displayAuthor = isLink ? (\n\t\t<a\n\t\t\thref=\"#comment-author-pseudo-link\"\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t>\n\t\t\t{ displayName }\n\t\t</a>\n\t) : (\n\t\tdisplayName\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ inspectorControls }\n\t\t\t{ blockControls }\n\t\t\t<div { ...blockProps }>{ displayAuthor }</div>\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,kBAAuB;AACvB,kBAA0B;AAC1B,0BAKO;AACP,uBAAmC;AACnC,wBAIO;AAKP,mBAA+C;AA6C5C;AA7BY,SAAR,KAAuB;AAAA,EAC7B,YAAY,EAAE,QAAQ,YAAY,UAAU;AAAA,EAC5C,SAAS,EAAE,UAAU;AAAA,EACrB;AACD,GAAI;AACH,QAAM,wBAAoB,6CAA+B;AACzD,QAAM,iBAAa,mCAAe;AAAA,IACjC,eAAW,YAAAA,SAAM;AAAA,MAChB,CAAE,kBAAmB,SAAU,EAAG,GAAG;AAAA,IACtC,CAAE;AAAA,EACH,CAAE;AACF,MAAI,kBAAc;AAAA,IACjB,CAAE,WAAY;AACb,YAAM,EAAE,gBAAgB,IAAI,OAAQ,iBAAAC,KAAU;AAE9C,YAAM,UAAU,gBAAiB,QAAQ,WAAW,SAAU;AAC9D,YAAM,aAAa,SAAS;AAE5B,UAAK,WAAW,CAAE,YAAa;AAC9B,cAAM,OAAO,gBAAiB,QAAQ,QAAQ,QAAQ,MAAO;AAC7D,eAAO,MAAM,YAAQ,gBAAI,WAAY;AAAA,MACtC;AACA,aAAO,cAAc;AAAA,IACtB;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,QAAM,gBACL,4CAAC,qCAAc,OAAM,SACpB;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ;AAAA,MACR,UAAW,CAAE,aACZ,cAAe,EAAE,WAAW,SAAS,CAAE;AAAA;AAAA,EAEzC,GACD;AAGD,QAAM,oBACL,4CAAC,yCACA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,WAAQ,gBAAI,UAAW;AAAA,MACvB,UAAW,MAAM;AAChB,sBAAe;AAAA,UACd,QAAQ;AAAA,UACR,YAAY;AAAA,QACb,CAAE;AAAA,MACH;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,WAAQ,gBAAI,qBAAsB;AAAA,YAClC,kBAAgB;AAAA,YAChB,UAAW,MAAM,CAAE;AAAA,YACnB,YAAa,MACZ,cAAe;AAAA,cACd,QAAQ;AAAA,YACT,CAAE;AAAA,YAGH;AAAA,cAAC;AAAA;AAAA,gBACA,WAAQ,gBAAI,qBAAsB;AAAA,gBAClC,UAAW,MAAM,cAAe,EAAE,QAAQ,CAAE,OAAO,CAAE;AAAA,gBACrD,SAAU;AAAA;AAAA,YACX;AAAA;AAAA,QACD;AAAA,QACE,UACD;AAAA,UAAC,kBAAAA;AAAA,UAAA;AAAA,YACA,WAAQ,gBAAI,iBAAkB;AAAA,YAC9B,kBAAgB;AAAA,YAChB,UAAW,MAAM,eAAe;AAAA,YAChC,YAAa,MACZ,cAAe;AAAA,cACd,YAAY;AAAA,YACb,CAAE;AAAA,YAGH;AAAA,cAAC;AAAA;AAAA,gBACA,WAAQ,gBAAI,iBAAkB;AAAA,gBAC9B,UAAW,CAAE,UACZ,cAAe;AAAA,kBACd,YAAY,QAAQ,WAAW;AAAA,gBAChC,CAAE;AAAA,gBAEH,SAAU,eAAe;AAAA;AAAA,YAC1B;AAAA;AAAA,QACD;AAAA;AAAA;AAAA,EAEF,GACD;AAGD,MAAK,CAAE,aAAa,CAAE,aAAc;AACnC,sBAAc,gBAAI,kBAAkB,aAAc;AAAA,EACnD;AAEA,QAAM,gBAAgB,SACrB;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,SAAU,CAAE,UAAW,MAAM,eAAe;AAAA,MAE1C;AAAA;AAAA,EACH,IAEA;AAED,SACC,4EACG;AAAA;AAAA,IACA;AAAA,IACF,4CAAC,SAAM,GAAG,YAAe,yBAAe;AAAA,KACzC;AAEF;",
-  "names": ["clsx", "coreStore", "ToolsPanel", "ToolsPanelItem"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\nimport useDeprecatedTextAlign from '../utils/deprecated-text-align-attributes';\n\n/**\n * Renders the `core/comment-author-name` block on the editor.\n *\n * @param {Object} props                       React props.\n * @param {Object} props.setAttributes         Callback for updating block attributes.\n * @param {Object} props.attributes            Block attributes.\n * @param {string} props.attributes.isLink     Whether the author name should be linked.\n * @param {string} props.attributes.linkTarget Target of the link.\n * @param {Object} props.context               Inherited context.\n * @param {string} props.context.commentId     The comment ID.\n *\n * @return {JSX.Element} React element.\n */\nexport default function Edit( props ) {\n\tconst {\n\t\tattributes: { isLink, linkTarget },\n\t\tcontext: { commentId },\n\t\tsetAttributes,\n\t} = props;\n\tuseDeprecatedTextAlign( props );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst blockProps = useBlockProps();\n\tlet displayName = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\n\t\t\tconst comment = getEntityRecord( 'root', 'comment', commentId );\n\t\t\tconst authorName = comment?.author_name;\n\n\t\t\tif ( comment && ! authorName ) {\n\t\t\t\tconst user = getEntityRecord( 'root', 'user', comment.author );\n\t\t\t\treturn user?.name ?? __( 'Anonymous' );\n\t\t\t}\n\t\t\treturn authorName ?? '';\n\t\t},\n\t\t[ commentId ]\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisLink: true,\n\t\t\t\t\t\tlinkTarget: '_self',\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Link to authors URL' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => ! isLink }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tisLink: true,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Link to authors URL' ) }\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t{ isLink && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => linkTarget !== '_self' }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tlinkTarget: '_self',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tif ( ! commentId || ! displayName ) {\n\t\tdisplayName = _x( 'Comment Author', 'block title' );\n\t}\n\n\tconst displayAuthor = isLink ? (\n\t\t<a\n\t\t\thref=\"#comment-author-pseudo-link\"\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t>\n\t\t\t{ displayName }\n\t\t</a>\n\t) : (\n\t\tdisplayName\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...blockProps }>{ displayAuthor }</div>\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAuB;AACvB,kBAA0B;AAC1B,0BAAiD;AACjD,uBAAmC;AACnC,wBAIO;AAKP,mBAA+C;AAC/C,8CAAmC;AA0ChC;AA3BY,SAAR,KAAuB,OAAQ;AACrC,QAAM;AAAA,IACL,YAAY,EAAE,QAAQ,WAAW;AAAA,IACjC,SAAS,EAAE,UAAU;AAAA,IACrB;AAAA,EACD,IAAI;AACJ,8CAAAA,SAAwB,KAAM;AAC9B,QAAM,wBAAoB,6CAA+B;AACzD,QAAM,iBAAa,mCAAc;AACjC,MAAI,kBAAc;AAAA,IACjB,CAAE,WAAY;AACb,YAAM,EAAE,gBAAgB,IAAI,OAAQ,iBAAAC,KAAU;AAE9C,YAAM,UAAU,gBAAiB,QAAQ,WAAW,SAAU;AAC9D,YAAM,aAAa,SAAS;AAE5B,UAAK,WAAW,CAAE,YAAa;AAC9B,cAAM,OAAO,gBAAiB,QAAQ,QAAQ,QAAQ,MAAO;AAC7D,eAAO,MAAM,YAAQ,gBAAI,WAAY;AAAA,MACtC;AACA,aAAO,cAAc;AAAA,IACtB;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,QAAM,oBACL,4CAAC,yCACA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,WAAQ,gBAAI,UAAW;AAAA,MACvB,UAAW,MAAM;AAChB,sBAAe;AAAA,UACd,QAAQ;AAAA,UACR,YAAY;AAAA,QACb,CAAE;AAAA,MACH;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,WAAQ,gBAAI,qBAAsB;AAAA,YAClC,kBAAgB;AAAA,YAChB,UAAW,MAAM,CAAE;AAAA,YACnB,YAAa,MACZ,cAAe;AAAA,cACd,QAAQ;AAAA,YACT,CAAE;AAAA,YAGH;AAAA,cAAC;AAAA;AAAA,gBACA,WAAQ,gBAAI,qBAAsB;AAAA,gBAClC,UAAW,MAAM,cAAe,EAAE,QAAQ,CAAE,OAAO,CAAE;AAAA,gBACrD,SAAU;AAAA;AAAA,YACX;AAAA;AAAA,QACD;AAAA,QACE,UACD;AAAA,UAAC,kBAAAA;AAAA,UAAA;AAAA,YACA,WAAQ,gBAAI,iBAAkB;AAAA,YAC9B,kBAAgB;AAAA,YAChB,UAAW,MAAM,eAAe;AAAA,YAChC,YAAa,MACZ,cAAe;AAAA,cACd,YAAY;AAAA,YACb,CAAE;AAAA,YAGH;AAAA,cAAC;AAAA;AAAA,gBACA,WAAQ,gBAAI,iBAAkB;AAAA,gBAC9B,UAAW,CAAE,UACZ,cAAe;AAAA,kBACd,YAAY,QAAQ,WAAW;AAAA,gBAChC,CAAE;AAAA,gBAEH,SAAU,eAAe;AAAA;AAAA,YAC1B;AAAA;AAAA,QACD;AAAA;AAAA;AAAA,EAEF,GACD;AAGD,MAAK,CAAE,aAAa,CAAE,aAAc;AACnC,sBAAc,gBAAI,kBAAkB,aAAc;AAAA,EACnD;AAEA,QAAM,gBAAgB,SACrB;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,SAAU,CAAE,UAAW,MAAM,eAAe;AAAA,MAE1C;AAAA;AAAA,EACH,IAEA;AAED,SACC,4EACG;AAAA;AAAA,IACF,4CAAC,SAAM,GAAG,YAAe,yBAAe;AAAA,KACzC;AAEF;",
+  "names": ["useDeprecatedTextAlign", "coreStore", "ToolsPanel", "ToolsPanelItem"]
 }

package/build/freeform/edit.cjs

@@ -34,197 +34,71 @@ __export(edit_exports, {
 });
 module.exports = __toCommonJS(edit_exports);
 var import_block_editor = require("@wordpress/block-editor");
-var import_compose = require("@wordpress/compose");
 var import_data = require("@wordpress/data");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
-var import_keycodes = require("@wordpress/keycodes");
+var import_icons = require("@wordpress/icons");
 var import_convert_to_blocks_button = __toESM(require("./convert-to-blocks-button.cjs"), 1);
 var import_modal = __toESM(require("./modal.cjs"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-var { wp } = window;
-function isTmceEmpty(editor) {
-  const body = editor.getBody();
-  if (body.childNodes.length > 1) {
-    return false;
-  } else if (body.childNodes.length === 0) {
-    return true;
-  }
-  if (body.childNodes[0].childNodes.length > 1) {
-    return false;
-  }
-  return /^\n?$/.test(body.innerText || body.textContent);
-}
-function FreeformEdit(props) {
-  const { clientId } = props;
+function FreeformEdit({
+  attributes,
+  setAttributes,
+  clientId
+}) {
+  const { content } = attributes;
+  const [isOpen, setOpen] = (0, import_element.useState)(false);
+  const editButtonRef = (0, import_element.useRef)(null);
   const canRemove = (0, import_data.useSelect)(
     (select) => select(import_block_editor.store).canRemoveBlock(clientId),
     [clientId]
   );
-  const [isIframed, setIsIframed] = (0, import_element.useState)(false);
-  const ref = (0, import_compose.useRefEffect)((element) => {
-    setIsIframed(element.ownerDocument !== document);
-  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     canRemove && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_convert_to_blocks_button.default, { clientId }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...(0, import_block_editor.useBlockProps)({ ref }), children: isIframed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.default, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClassicEdit, { ...props }) })
-  ] });
-}
-function ClassicEdit({
-  clientId,
-  attributes: { content },
-  setAttributes,
-  onReplace
-}) {
-  const { getMultiSelectedBlockClientIds } = (0, import_data.useSelect)(import_block_editor.store);
-  const didMountRef = (0, import_element.useRef)(false);
-  (0, import_element.useEffect)(() => {
-    if (!didMountRef.current) {
-      return;
-    }
-    const editor = window.tinymce.get(`editor-${clientId}`);
-    if (!editor) {
-      return;
-    }
-    const currentContent = editor.getContent();
-    if (currentContent !== content) {
-      editor.setContent(content || "");
-    }
-  }, [clientId, content]);
-  (0, import_element.useEffect)(() => {
-    const { baseURL, suffix } = window.wpEditorL10n.tinymce;
-    didMountRef.current = true;
-    window.tinymce.EditorManager.overrideDefaults({
-      base_url: baseURL,
-      suffix
-    });
-    function onSetup(editor) {
-      let bookmark;
-      if (content) {
-        editor.on("loadContent", () => editor.setContent(content));
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.ToolbarButton,
+      {
+        ref: editButtonRef,
+        onClick: () => setOpen(true),
+        children: (0, import_i18n.__)("Edit")
       }
-      editor.on("blur", () => {
-        bookmark = editor.selection.getBookmark(2, true);
-        const scrollContainer = document.querySelector(
-          ".interface-interface-skeleton__content"
-        );
-        const scrollPosition = scrollContainer.scrollTop;
-        if (!getMultiSelectedBlockClientIds()?.length) {
-          setAttributes({
-            content: editor.getContent()
-          });
-        }
-        editor.once("focus", () => {
-          if (bookmark) {
-            editor.selection.moveToBookmark(bookmark);
-            if (scrollContainer.scrollTop !== scrollPosition) {
-              scrollContainer.scrollTop = scrollPosition;
+    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...(0, import_block_editor.useBlockProps)(), children: [
+      content ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element.RawHTML, { children: content }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.Placeholder,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockIcon, { icon: import_icons.classic }),
+          label: (0, import_i18n.__)("Classic"),
+          instructions: (0, import_i18n.__)(
+            "Use the classic editor to add content."
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Button,
+            {
+              __next40pxDefaultSize: true,
+              variant: "primary",
+              onClick: () => setOpen(true),
+              children: (0, import_i18n.__)("Edit contents")
             }
-          }
-        });
-        return false;
-      });
-      editor.on("mousedown touchstart", () => {
-        bookmark = null;
-      });
-      const debouncedOnChange = (0, import_compose.debounce)(() => {
-        const value = editor.getContent();
-        if (value !== editor._lastChange) {
-          editor._lastChange = value;
-          setAttributes({
-            content: value
-          });
+          )
         }
-      }, 250);
-      editor.on("Paste Change input Undo Redo", debouncedOnChange);
-      editor.on("remove", debouncedOnChange.cancel);
-      editor.on("keydown", (event) => {
-        if (import_keycodes.isKeyboardEvent.primary(event, "z")) {
-          event.stopPropagation();
-        }
-        if ((event.keyCode === import_keycodes.BACKSPACE || event.keyCode === import_keycodes.DELETE) && isTmceEmpty(editor)) {
-          onReplace([]);
-          event.preventDefault();
-          event.stopImmediatePropagation();
-        }
-        const { altKey } = event;
-        if (altKey && event.keyCode === import_keycodes.F10) {
-          event.stopPropagation();
-        }
-      });
-      editor.on("paste", (event) => {
-        event.stopPropagation();
-      });
-      editor.on("init", () => {
-        const rootNode = editor.getBody();
-        if (rootNode.ownerDocument.activeElement === rootNode) {
-          rootNode.blur();
-          editor.focus();
-        }
-      });
-    }
-    function initialize() {
-      const { settings } = window.wpEditorL10n.tinymce;
-      wp.oldEditor.initialize(`editor-${clientId}`, {
-        tinymce: {
-          ...settings,
-          inline: true,
-          content_css: false,
-          fixed_toolbar_container: `#toolbar-${clientId}`,
-          setup: onSetup
+      ),
+      isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_modal.default,
+        {
+          clientId,
+          content,
+          onClose: () => {
+            setOpen(false);
+            if (editButtonRef.current) {
+              editButtonRef.current.focus();
+            }
+          },
+          onChange: (newContent) => setAttributes({ content: newContent })
         }
-      });
-    }
-    function onReadyStateChange() {
-      if (document.readyState === "complete") {
-        initialize();
-      }
-    }
-    if (document.readyState === "complete") {
-      initialize();
-    } else {
-      document.addEventListener("readystatechange", onReadyStateChange);
-    }
-    return () => {
-      document.removeEventListener(
-        "readystatechange",
-        onReadyStateChange
-      );
-      wp.oldEditor.remove(`editor-${clientId}`);
-      didMountRef.current = false;
-    };
-  }, []);
-  function focus() {
-    const editor = window.tinymce.get(`editor-${clientId}`);
-    if (editor) {
-      editor.focus();
-    }
-  }
-  function onToolbarKeyDown(event) {
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        id: `toolbar-${clientId}`,
-        className: "block-library-classic__toolbar",
-        onClick: focus,
-        "data-placeholder": (0, import_i18n.__)("Classic"),
-        onKeyDown: onToolbarKeyDown
-      },
-      "toolbar"
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        id: `editor-${clientId}`,
-        className: "wp-block-freeform block-library-rich-text__tinymce"
-      },
-      "editor"
-    )
+      )
+    ] })
   ] });
 }
 //# sourceMappingURL=edit.cjs.map

package/build/freeform/edit.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/freeform/edit.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { debounce, useRefEffect } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { ToolbarGroup } from '@wordpress/components';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { BACKSPACE, DELETE, F10, isKeyboardEvent } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ConvertToBlocksButton from './convert-to-blocks-button';\nimport ModalEdit from './modal';\n\nconst { wp } = window;\n\nfunction isTmceEmpty( editor ) {\n\t// When tinyMce is empty the content seems to be:\n\t// <p><br data-mce-bogus=\"1\"></p>\n\t// avoid expensive checks for large documents\n\tconst body = editor.getBody();\n\tif ( body.childNodes.length > 1 ) {\n\t\treturn false;\n\t} else if ( body.childNodes.length === 0 ) {\n\t\treturn true;\n\t}\n\tif ( body.childNodes[ 0 ].childNodes.length > 1 ) {\n\t\treturn false;\n\t}\n\treturn /^\\n?$/.test( body.innerText || body.textContent );\n}\n\nexport default function FreeformEdit( props ) {\n\tconst { clientId } = props;\n\tconst canRemove = useSelect(\n\t\t( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst [ isIframed, setIsIframed ] = useState( false );\n\tconst ref = useRefEffect( ( element ) => {\n\t\tsetIsIframed( element.ownerDocument !== document );\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t{ canRemove && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ConvertToBlocksButton clientId={ clientId } />\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<div { ...useBlockProps( { ref } ) }>\n\t\t\t\t{ isIframed ? (\n\t\t\t\t\t<ModalEdit { ...props } />\n\t\t\t\t) : (\n\t\t\t\t\t<ClassicEdit { ...props } />\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ClassicEdit( {\n\tclientId,\n\tattributes: { content },\n\tsetAttributes,\n\tonReplace,\n} ) {\n\tconst { getMultiSelectedBlockClientIds } = useSelect( blockEditorStore );\n\tconst didMountRef = useRef( false );\n\n\tuseEffect( () => {\n\t\tif ( ! didMountRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = window.tinymce.get( `editor-${ clientId }` );\n\t\tif ( ! editor ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentContent = editor.getContent();\n\t\tif ( currentContent !== content ) {\n\t\t\teditor.setContent( content || '' );\n\t\t}\n\t}, [ clientId, content ] );\n\n\tuseEffect( () => {\n\t\tconst { baseURL, suffix } = window.wpEditorL10n.tinymce;\n\n\t\tdidMountRef.current = true;\n\n\t\twindow.tinymce.EditorManager.overrideDefaults( {\n\t\t\tbase_url: baseURL,\n\t\t\tsuffix,\n\t\t} );\n\n\t\tfunction onSetup( editor ) {\n\t\t\tlet bookmark;\n\n\t\t\tif ( content ) {\n\t\t\t\teditor.on( 'loadContent', () => editor.setContent( content ) );\n\t\t\t}\n\n\t\t\teditor.on( 'blur', () => {\n\t\t\t\tbookmark = editor.selection.getBookmark( 2, true );\n\t\t\t\t// There is an issue with Chrome and the editor.focus call in core at https://core.trac.wordpress.org/browser/trunk/src/js/_enqueues/lib/link.js#L451.\n\t\t\t\t// This causes a scroll to the top of editor content on return from some content updating dialogs so tracking\n\t\t\t\t// scroll position until this is fixed in core.\n\t\t\t\tconst scrollContainer = document.querySelector(\n\t\t\t\t\t'.interface-interface-skeleton__content'\n\t\t\t\t);\n\t\t\t\tconst scrollPosition = scrollContainer.scrollTop;\n\n\t\t\t\t// Only update attributes if we aren't multi-selecting blocks.\n\t\t\t\t// Updating during multi-selection can overwrite attributes of other blocks.\n\t\t\t\tif ( ! getMultiSelectedBlockClientIds()?.length ) {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: editor.getContent(),\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\teditor.once( 'focus', () => {\n\t\t\t\t\tif ( bookmark ) {\n\t\t\t\t\t\teditor.selection.moveToBookmark( bookmark );\n\t\t\t\t\t\tif ( scrollContainer.scrollTop !== scrollPosition ) {\n\t\t\t\t\t\t\tscrollContainer.scrollTop = scrollPosition;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\n\t\t\t\treturn false;\n\t\t\t} );\n\n\t\t\teditor.on( 'mousedown touchstart', () => {\n\t\t\t\tbookmark = null;\n\t\t\t} );\n\n\t\t\tconst debouncedOnChange = debounce( () => {\n\t\t\t\tconst value = editor.getContent();\n\n\t\t\t\tif ( value !== editor._lastChange ) {\n\t\t\t\t\teditor._lastChange = value;\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}, 250 );\n\t\t\teditor.on( 'Paste Change input Undo Redo', debouncedOnChange );\n\n\t\t\t// We need to cancel the debounce call because when we remove\n\t\t\t// the editor (onUnmount) this callback is executed in\n\t\t\t// another tick. This results in setting the content to empty.\n\t\t\teditor.on( 'remove', debouncedOnChange.cancel );\n\n\t\t\teditor.on( 'keydown', ( event ) => {\n\t\t\t\tif ( isKeyboardEvent.primary( event, 'z' ) ) {\n\t\t\t\t\t// Prevent the gutenberg undo kicking in so TinyMCE undo stack works as expected.\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t( event.keyCode === BACKSPACE ||\n\t\t\t\t\t\tevent.keyCode === DELETE ) &&\n\t\t\t\t\tisTmceEmpty( editor )\n\t\t\t\t) {\n\t\t\t\t\t// Delete the block.\n\t\t\t\t\tonReplace( [] );\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tevent.stopImmediatePropagation();\n\t\t\t\t}\n\n\t\t\t\tconst { altKey } = event;\n\t\t\t\t/*\n\t\t\t\t * Prevent Mousetrap from kicking in: TinyMCE already uses its own\n\t\t\t\t * `alt+f10` shortcut to focus its toolbar.\n\t\t\t\t */\n\t\t\t\tif ( altKey && event.keyCode === F10 ) {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\teditor.on( 'paste', ( event ) => {\n\t\t\t\t// TinyMCE selection isn\u2019t synced with the block editor selection store.\n\t\t\t\t// This event handler prevents paste from bubbling so the useClipboardHandler\n\t\t\t\t// won\u2019t replace the block.\n\t\t\t\tevent.stopPropagation();\n\t\t\t} );\n\n\t\t\teditor.on( 'init', () => {\n\t\t\t\tconst rootNode = editor.getBody();\n\n\t\t\t\t// Create the toolbar by refocussing the editor.\n\t\t\t\tif ( rootNode.ownerDocument.activeElement === rootNode ) {\n\t\t\t\t\trootNode.blur();\n\t\t\t\t\teditor.focus();\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tfunction initialize() {\n\t\t\tconst { settings } = window.wpEditorL10n.tinymce;\n\t\t\twp.oldEditor.initialize( `editor-${ clientId }`, {\n\t\t\t\ttinymce: {\n\t\t\t\t\t...settings,\n\t\t\t\t\tinline: true,\n\t\t\t\t\tcontent_css: false,\n\t\t\t\t\tfixed_toolbar_container: `#toolbar-${ clientId }`,\n\t\t\t\t\tsetup: onSetup,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tfunction onReadyStateChange() {\n\t\t\tif ( document.readyState === 'complete' ) {\n\t\t\t\tinitialize();\n\t\t\t}\n\t\t}\n\n\t\tif ( document.readyState === 'complete' ) {\n\t\t\tinitialize();\n\t\t} else {\n\t\t\tdocument.addEventListener( 'readystatechange', onReadyStateChange );\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\n\t\t\t\t'readystatechange',\n\t\t\t\tonReadyStateChange\n\t\t\t);\n\t\t\twp.oldEditor.remove( `editor-${ clientId }` );\n\t\t\tdidMountRef.current = false;\n\t\t};\n\t}, [] );\n\n\tfunction focus() {\n\t\tconst editor = window.tinymce.get( `editor-${ clientId }` );\n\t\tif ( editor ) {\n\t\t\teditor.focus();\n\t\t}\n\t}\n\n\tfunction onToolbarKeyDown( event ) {\n\t\t// Prevent WritingFlow from kicking in and allow arrows navigation on the toolbar.\n\t\tevent.stopPropagation();\n\t\t// Prevent Mousetrap from moving focus to the top toolbar when pressing `alt+f10` on this block toolbar.\n\t\tevent.nativeEvent.stopImmediatePropagation();\n\t}\n\n\t// Disable reasons:\n\t//\n\t// jsx-a11y/no-static-element-interactions\n\t//  - the toolbar itself is non-interactive, but must capture events\n\t//    from the KeyboardShortcuts component to stop their propagation.\n\n\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tkey=\"toolbar\"\n\t\t\t\tid={ `toolbar-${ clientId }` }\n\t\t\t\tclassName=\"block-library-classic__toolbar\"\n\t\t\t\tonClick={ focus }\n\t\t\t\tdata-placeholder={ __( 'Classic' ) }\n\t\t\t\tonKeyDown={ onToolbarKeyDown }\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tkey=\"editor\"\n\t\t\t\tid={ `editor-${ clientId }` }\n\t\t\t\tclassName=\"wp-block-freeform block-library-rich-text__tinymce\"\n\t\t\t/>\n\t\t</>\n\t);\n\t/* eslint-enable jsx-a11y/no-static-element-interactions */\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tButton,\n\tPlaceholder,\n\tToolbarGroup,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { useState, useRef, RawHTML } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { classic } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport ConvertToBlocksButton from './convert-to-blocks-button';\nimport ModalEdit from './modal';\n\nexport default function FreeformEdit( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst { content } = attributes;\n\tconst [ isOpen, setOpen ] = useState( false );\n\tconst editButtonRef = useRef( null );\n\n\tconst canRemove = useSelect(\n\t\t( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ canRemove && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ConvertToBlocksButton clientId={ clientId } />\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tref={ editButtonRef }\n\t\t\t\t\t\tonClick={ () => setOpen( true ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t<div { ...useBlockProps() }>\n\t\t\t\t{ content ? (\n\t\t\t\t\t<RawHTML>{ content }</RawHTML>\n\t\t\t\t) : (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ classic } /> }\n\t\t\t\t\t\tlabel={ __( 'Classic' ) }\n\t\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t\t'Use the classic editor to add content.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tonClick={ () => setOpen( true ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Edit contents' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Placeholder>\n\t\t\t\t) }\n\t\t\t\t{ isOpen && (\n\t\t\t\t\t<ModalEdit\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tcontent={ content }\n\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\tsetOpen( false );\n\t\t\t\t\t\t\tif ( editButtonRef.current ) {\n\t\t\t\t\t\t\t\teditButtonRef.current.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ ( newContent ) =>\n\t\t\t\t\t\t\tsetAttributes( { content: newContent } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAKO;AACP,kBAA0B;AAC1B,wBAKO;AACP,qBAA0C;AAC1C,kBAAmB;AACnB,mBAAwB;AAKxB,sCAAkC;AAClC,mBAAsB;AAiBpB;AAfa,SAAR,aAA+B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,CAAE,QAAQ,OAAQ,QAAI,yBAAU,KAAM;AAC5C,QAAM,oBAAgB,uBAAQ,IAAK;AAEnC,QAAM,gBAAY;AAAA,IACjB,CAAE,WAAY,OAAQ,oBAAAA,KAAiB,EAAE,eAAgB,QAAS;AAAA,IAClE,CAAE,QAAS;AAAA,EACZ;AAEA,SACC,4EACG;AAAA,iBACD,4CAAC,qCACA,sDAAC,kCACA,sDAAC,gCAAAC,SAAA,EAAsB,UAAsB,GAC9C,GACD;AAAA,IAED,4CAAC,qCACA,sDAAC,kCACA;AAAA,MAAC;AAAA;AAAA,QACA,KAAM;AAAA,QACN,SAAU,MAAM,QAAS,IAAK;AAAA,QAE5B,8BAAI,MAAO;AAAA;AAAA,IACd,GACD,GACD;AAAA,IACA,6CAAC,SAAM,OAAG,mCAAc,GACrB;AAAA,gBACD,4CAAC,0BAAU,mBAAS,IAEpB;AAAA,QAAC;AAAA;AAAA,UACA,MAAO,4CAAC,iCAAU,MAAO,sBAAU;AAAA,UACnC,WAAQ,gBAAI,SAAU;AAAA,UACtB,kBAAe;AAAA,YACd;AAAA,UACD;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,SAAU,MAAM,QAAS,IAAK;AAAA,cAE5B,8BAAI,eAAgB;AAAA;AAAA,UACvB;AAAA;AAAA,MACD;AAAA,MAEC,UACD;AAAA,QAAC,aAAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAU,MAAM;AACf,oBAAS,KAAM;AACf,gBAAK,cAAc,SAAU;AAC5B,4BAAc,QAAQ,MAAM;AAAA,YAC7B;AAAA,UACD;AAAA,UACA,UAAW,CAAE,eACZ,cAAe,EAAE,SAAS,WAAW,CAAE;AAAA;AAAA,MAEzC;AAAA,OAEF;AAAA,KACD;AAEF;",
   "names": ["blockEditorStore", "ConvertToBlocksButton", "ModalEdit"]
 }

package/build/freeform/modal.cjs

@@ -78,76 +78,60 @@ function ClassicEdit(props) {
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { ...props });
 }
-function ModalEdit(props) {
-  const {
-    clientId,
-    attributes: { content },
-    setAttributes,
-    onReplace
-  } = props;
-  const [isOpen, setOpen] = (0, import_element.useState)(false);
+function ModalEdit({ clientId, content, onClose, onChange }) {
   const [isModalFullScreen, setIsModalFullScreen] = (0, import_element.useState)(false);
   const id = `editor-${clientId}`;
-  const onClose = () => content ? setOpen(false) : onReplace([]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarButton, { onClick: () => setOpen(true), children: (0, import_i18n.__)("Edit") }) }) }),
-    content && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element.RawHTML, { children: content }),
-    (isOpen || !content) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_components.Modal,
-      {
-        title: (0, import_i18n.__)("Classic Editor"),
-        onRequestClose: onClose,
-        shouldCloseOnClickOutside: false,
-        overlayClassName: "block-editor-freeform-modal",
-        isFullScreen: isModalFullScreen,
-        className: "block-editor-freeform-modal__content",
-        headerActions: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          ModalAuxiliaryActions,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.Modal,
+    {
+      title: (0, import_i18n.__)("Classic Editor"),
+      onRequestClose: onClose,
+      shouldCloseOnClickOutside: false,
+      overlayClassName: "block-editor-freeform-modal",
+      isFullScreen: isModalFullScreen,
+      className: "block-editor-freeform-modal__content",
+      headerActions: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ModalAuxiliaryActions,
+        {
+          onClick: () => setIsModalFullScreen(!isModalFullScreen),
+          isModalFullScreen
+        }
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClassicEdit, { id, defaultValue: content }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_components.Flex,
           {
-            onClick: () => setIsModalFullScreen(!isModalFullScreen),
-            isModalFullScreen
+            className: "block-editor-freeform-modal__actions",
+            justify: "flex-end",
+            expanded: false,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "tertiary",
+                  onClick: onClose,
+                  children: (0, import_i18n.__)("Cancel")
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "primary",
+                  onClick: () => {
+                    onChange(window.wp.oldEditor.getContent(id));
+                    onClose();
+                  },
+                  children: (0, import_i18n.__)("Save")
+                }
+              ) })
+            ]
           }
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClassicEdit, { id, defaultValue: content }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_components.Flex,
-            {
-              className: "block-editor-freeform-modal__actions",
-              justify: "flex-end",
-              expanded: false,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.Button,
-                  {
-                    __next40pxDefaultSize: true,
-                    variant: "tertiary",
-                    onClick: onClose,
-                    children: (0, import_i18n.__)("Cancel")
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.Button,
-                  {
-                    __next40pxDefaultSize: true,
-                    variant: "primary",
-                    onClick: () => {
-                      setAttributes({
-                        content: window.wp.oldEditor.getContent(
-                          id
-                        )
-                      });
-                      setOpen(false);
-                    },
-                    children: (0, import_i18n.__)("Save")
-                  }
-                ) })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+        )
+      ]
+    }
+  );
 }
 //# sourceMappingURL=modal.cjs.map