@wordpress/widgets 3.15.0 → 3.17.0

package/build-module/blocks/legacy-widget/edit/control.js

@@ -4,6 +4,7 @@
 import apiFetch from '@wordpress/api-fetch';
 import { debounce } from '@wordpress/compose';
 import { __ } from '@wordpress/i18n';
+
 /**
  * An API for creating and loading a widget control (a <div class="widget">
  * element) that is compatible with most third party widget scripts. By not
@@ -13,7 +14,6 @@ import { __ } from '@wordpress/i18n';
  *
  * @property {Element} element The control's DOM element.
  */
-
 export default class Control {
   /**
    * Creates and loads a new control.
@@ -41,10 +41,11 @@ export default class Control {
     this._hasPreview = null;
     this.onChangeInstance = onChangeInstance;
     this.onChangeHasPreview = onChangeHasPreview;
-    this.onError = onError; // We can't use the real widget number as this is calculated by the
+    this.onError = onError;
+
+    // We can't use the real widget number as this is calculated by the
     // server and we may not ever *actually* save this widget. Instead, use
     // a fake but unique number.
-
     this.number = ++lastNumber;
     this.handleFormChange = debounce(this.handleFormChange.bind(this), 200);
     this.handleFormSubmit = this.handleFormSubmit.bind(this);
@@ -52,28 +53,26 @@ export default class Control {
     this.bindEvents();
     this.loadContent();
   }
+
   /**
    * Clean up the control so that it can be garabge collected.
    *
    * @access public
    */
-
-
   destroy() {
     this.unbindEvents();
-    this.element.remove(); // TODO: How do we make third party widget scripts remove their event
+    this.element.remove();
+    // TODO: How do we make third party widget scripts remove their event
     // listeners?
   }
+
   /**
    * Creates the control's DOM structure.
    *
    * @access private
    */
-
-
   initDOM() {
     var _this$id, _this$idBase;
-
     this.element = el('div', {
       class: 'widget open'
     }, [el('div', {
@@ -81,7 +80,8 @@ export default class Control {
     }, [this.form = el('form', {
       class: 'form',
       method: 'post'
-    }, [// These hidden form inputs are what most widgets' scripts
+    }, [
+    // These hidden form inputs are what most widgets' scripts
     // use to access data about the widget.
     el('input', {
       class: 'widget-id',
@@ -110,19 +110,19 @@ export default class Control {
       value: this.idBase ? this.number.toString() : ''
     }), this.content = el('div', {
       class: 'widget-content'
-    }), // Non-multi widgets can be saved via a Save button.
+    }),
+    // Non-multi widgets can be saved via a Save button.
     this.id && el('button', {
       class: 'button is-primary',
       type: 'submit'
     }, __('Save'))])])]);
   }
+
   /**
    * Adds the control's event listeners.
    *
    * @access private
    */
-
-
   bindEvents() {
     // Prefer jQuery 'change' event instead of the native 'change' event
     // because many widgets use jQuery's event bus to trigger an update.
@@ -139,13 +139,12 @@ export default class Control {
       this.form.addEventListener('submit', this.handleFormSubmit);
     }
   }
+
   /**
    * Removes the control's event listeners.
    *
    * @access private
    */
-
-
   unbindEvents() {
     if (window.jQuery) {
       const {
@@ -160,14 +159,13 @@ export default class Control {
       this.form.removeEventListener('submit', this.handleFormSubmit);
     }
   }
+
   /**
    * Fetches the widget's form HTML from the REST API and loads it into the
    * control's form.
    *
    * @access private
    */
-
-
   async loadContent() {
     try {
       if (this.id) {
@@ -185,9 +183,10 @@ export default class Control {
           number: this.number
         });
         this.content.innerHTML = form;
-        this.hasPreview = !isEmptyHTML(preview); // If we don't have an instance, perform a save right away. This
-        // happens when creating a new Legacy Widget block.
+        this.hasPreview = !isEmptyHTML(preview);
 
+        // If we don't have an instance, perform a save right away. This
+        // happens when creating a new Legacy Widget block.
         if (!this.instance.hash) {
           const {
             instance
@@ -199,13 +198,13 @@ export default class Control {
           });
           this.instance = instance;
         }
-      } // Trigger 'widget-added' when widget is ready. This event is what
+      }
+
+      // Trigger 'widget-added' when widget is ready. This event is what
       // widgets' scripts use to initialize, attach events, etc. The event
       // must be fired using jQuery's event bus as this is what widget
       // scripts expect. If jQuery is not loaded, do nothing - some
       // widgets will still work regardless.
-
-
       if (window.jQuery) {
         const {
           jQuery: $
@@ -216,49 +215,44 @@ export default class Control {
       this.onError(error);
     }
   }
+
   /**
    * Perform a save when a multi widget's form is changed. Non-multi widgets
    * are saved manually.
    *
    * @access private
    */
-
-
   handleFormChange() {
     if (this.idBase) {
       this.saveForm();
     }
   }
+
   /**
    * Perform a save when the control's form is manually submitted.
    *
    * @access private
    * @param {Event} event
    */
-
-
   handleFormSubmit(event) {
     event.preventDefault();
     this.saveForm();
   }
+
   /**
    * Serialize the control's form, send it to the REST API, and update the
    * instance with the encoded instance that the REST API returns.
    *
    * @access private
    */
-
-
   async saveForm() {
     const formData = serializeForm(this.form);
-
     try {
       if (this.id) {
         const {
           form
         } = await saveWidget(this.id, formData);
         this.content.innerHTML = form;
-
         if (window.jQuery) {
           const {
             jQuery: $
@@ -282,63 +276,55 @@ export default class Control {
       this.onError(error);
     }
   }
+
   /**
    * The widget's instance object.
    *
    * @access private
    */
-
-
   get instance() {
     return this._instance;
   }
+
   /**
    * The widget's instance object.
    *
    * @access private
    */
-
-
   set instance(instance) {
     if (this._instance !== instance) {
       this._instance = instance;
       this.onChangeInstance(instance);
     }
   }
+
   /**
    * Whether or not the widget can be previewed.
    *
    * @access public
    */
-
-
   get hasPreview() {
     return this._hasPreview;
   }
+
   /**
    * Whether or not the widget can be previewed.
    *
    * @access private
    */
-
-
   set hasPreview(hasPreview) {
     if (this._hasPreview !== hasPreview) {
       this._hasPreview = hasPreview;
       this.onChangeHasPreview(hasPreview);
     }
   }
-
 }
 let lastNumber = 0;
-
 function el(tagName, attributes = {}, content = null) {
   const element = document.createElement(tagName);
-
   for (const [attribute, value] of Object.entries(attributes)) {
     element.setAttribute(attribute, value);
   }
-
   if (Array.isArray(content)) {
     for (const child of content) {
       if (child) {
@@ -348,13 +334,10 @@ function el(tagName, attributes = {}, content = null) {
   } else if (typeof content === 'string') {
     element.innerText = content;
   }
-
   return element;
 }
-
 async function saveWidget(id, formData = null) {
   let widget;
-
   if (formData) {
     widget = await apiFetch({
       path: `/wp/v2/widgets/${id}?context=edit`,
@@ -369,12 +352,10 @@ async function saveWidget(id, formData = null) {
       method: 'GET'
     });
   }
-
   return {
     form: widget.rendered_form
   };
 }
-
 async function encodeWidget({
   idBase,
   instance,
@@ -396,39 +377,32 @@ async function encodeWidget({
     preview: response.preview
   };
 }
-
 function isEmptyHTML(html) {
   const element = document.createElement('div');
   element.innerHTML = html;
   return isEmptyNode(element);
 }
-
 function isEmptyNode(node) {
   switch (node.nodeType) {
     case node.TEXT_NODE:
       // Text nodes are empty if it's entirely whitespace.
       return node.nodeValue.trim() === '';
-
     case node.ELEMENT_NODE:
       // Elements that are "embedded content" are not empty.
       // https://dev.w3.org/html5/spec-LC/content-models.html#embedded-content-0
       if (['AUDIO', 'CANVAS', 'EMBED', 'IFRAME', 'IMG', 'MATH', 'OBJECT', 'SVG', 'VIDEO'].includes(node.tagName)) {
         return false;
-      } // Elements with no children are empty.
-
-
+      }
+      // Elements with no children are empty.
       if (!node.hasChildNodes()) {
         return true;
-      } // Elements with children are empty if all their children are empty.
-
-
+      }
+      // Elements with children are empty if all their children are empty.
       return Array.from(node.childNodes).every(isEmptyNode);
-
     default:
       return true;
   }
 }
-
 function serializeForm(form) {
   return new window.URLSearchParams(Array.from(new window.FormData(form))).toString();
 }

package/build-module/blocks/legacy-widget/edit/control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/control.js"],"names":["apiFetch","debounce","__","Control","constructor","id","idBase","instance","onChangeInstance","onChangeHasPreview","onError","_instance","_hasPreview","number","lastNumber","handleFormChange","bind","handleFormSubmit","initDOM","bindEvents","loadContent","destroy","unbindEvents","element","remove","el","class","form","method","type","name","value","toString","content","window","jQuery","$","on","addEventListener","off","removeEventListener","saveWidget","innerHTML","preview","encodeWidget","hasPreview","isEmptyHTML","hash","formData","serializeForm","document","trigger","error","saveForm","event","preventDefault","tagName","attributes","createElement","attribute","Object","entries","setAttribute","Array","isArray","child","appendChild","innerText","widget","path","data","form_data","rendered_form","response","html","isEmptyNode","node","nodeType","TEXT_NODE","nodeValue","trim","ELEMENT_NODE","includes","hasChildNodes","from","childNodes","every","URLSearchParams","FormData"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\nimport { debounce } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * An API for creating and loading a widget control (a <div class=\"widget\">\n * element) that is compatible with most third party widget scripts. By not\n * using React for this, we ensure that we have complete contorl over the DOM\n * and do not accidentally remove any elements that a third party widget script\n * has attached an event listener to.\n *\n * @property {Element} element The control's DOM element.\n */\nexport default class Control {\n\t/**\n\t * Creates and loads a new control.\n\t *\n\t * @access public\n\t * @param {Object}   params\n\t * @param {string}   params.id\n\t * @param {string}   params.idBase\n\t * @param {Object}   params.instance\n\t * @param {Function} params.onChangeInstance\n\t * @param {Function} params.onChangeHasPreview\n\t * @param {Function} params.onError\n\t */\n\tconstructor( {\n\t\tid,\n\t\tidBase,\n\t\tinstance,\n\t\tonChangeInstance,\n\t\tonChangeHasPreview,\n\t\tonError,\n\t} ) {\n\t\tthis.id = id;\n\t\tthis.idBase = idBase;\n\t\tthis._instance = instance;\n\t\tthis._hasPreview = null;\n\t\tthis.onChangeInstance = onChangeInstance;\n\t\tthis.onChangeHasPreview = onChangeHasPreview;\n\t\tthis.onError = onError;\n\n\t\t// We can't use the real widget number as this is calculated by the\n\t\t// server and we may not ever *actually* save this widget. Instead, use\n\t\t// a fake but unique number.\n\t\tthis.number = ++lastNumber;\n\n\t\tthis.handleFormChange = debounce(\n\t\t\tthis.handleFormChange.bind( this ),\n\t\t\t200\n\t\t);\n\t\tthis.handleFormSubmit = this.handleFormSubmit.bind( this );\n\n\t\tthis.initDOM();\n\t\tthis.bindEvents();\n\t\tthis.loadContent();\n\t}\n\n\t/**\n\t * Clean up the control so that it can be garabge collected.\n\t *\n\t * @access public\n\t */\n\tdestroy() {\n\t\tthis.unbindEvents();\n\t\tthis.element.remove();\n\t\t// TODO: How do we make third party widget scripts remove their event\n\t\t// listeners?\n\t}\n\n\t/**\n\t * Creates the control's DOM structure.\n\t *\n\t * @access private\n\t */\n\tinitDOM() {\n\t\tthis.element = el( 'div', { class: 'widget open' }, [\n\t\t\tel( 'div', { class: 'widget-inside' }, [\n\t\t\t\t( this.form = el( 'form', { class: 'form', method: 'post' }, [\n\t\t\t\t\t// These hidden form inputs are what most widgets' scripts\n\t\t\t\t\t// use to access data about the widget.\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'widget-id',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'widget-id',\n\t\t\t\t\t\tvalue: this.id ?? `${ this.idBase }-${ this.number }`,\n\t\t\t\t\t} ),\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'id_base',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'id_base',\n\t\t\t\t\t\tvalue: this.idBase ?? this.id,\n\t\t\t\t\t} ),\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'widget-width',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'widget-width',\n\t\t\t\t\t\tvalue: '250',\n\t\t\t\t\t} ),\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'widget-height',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'widget-height',\n\t\t\t\t\t\tvalue: '200',\n\t\t\t\t\t} ),\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'widget_number',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'widget_number',\n\t\t\t\t\t\tvalue: this.idBase ? this.number.toString() : '',\n\t\t\t\t\t} ),\n\t\t\t\t\t( this.content = el( 'div', { class: 'widget-content' } ) ),\n\t\t\t\t\t// Non-multi widgets can be saved via a Save button.\n\t\t\t\t\tthis.id &&\n\t\t\t\t\t\tel(\n\t\t\t\t\t\t\t'button',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tclass: 'button is-primary',\n\t\t\t\t\t\t\t\ttype: 'submit',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t__( 'Save' )\n\t\t\t\t\t\t),\n\t\t\t\t] ) ),\n\t\t\t] ),\n\t\t] );\n\t}\n\n\t/**\n\t * Adds the control's event listeners.\n\t *\n\t * @access private\n\t */\n\tbindEvents() {\n\t\t// Prefer jQuery 'change' event instead of the native 'change' event\n\t\t// because many widgets use jQuery's event bus to trigger an update.\n\t\tif ( window.jQuery ) {\n\t\t\tconst { jQuery: $ } = window;\n\t\t\t$( this.form ).on( 'change', null, this.handleFormChange );\n\t\t\t$( this.form ).on( 'input', null, this.handleFormChange );\n\t\t\t$( this.form ).on( 'submit', this.handleFormSubmit );\n\t\t} else {\n\t\t\tthis.form.addEventListener( 'change', this.handleFormChange );\n\t\t\tthis.form.addEventListener( 'input', this.handleFormChange );\n\t\t\tthis.form.addEventListener( 'submit', this.handleFormSubmit );\n\t\t}\n\t}\n\n\t/**\n\t * Removes the control's event listeners.\n\t *\n\t * @access private\n\t */\n\tunbindEvents() {\n\t\tif ( window.jQuery ) {\n\t\t\tconst { jQuery: $ } = window;\n\t\t\t$( this.form ).off( 'change', null, this.handleFormChange );\n\t\t\t$( this.form ).off( 'input', null, this.handleFormChange );\n\t\t\t$( this.form ).off( 'submit', this.handleFormSubmit );\n\t\t} else {\n\t\t\tthis.form.removeEventListener( 'change', this.handleFormChange );\n\t\t\tthis.form.removeEventListener( 'input', this.handleFormChange );\n\t\t\tthis.form.removeEventListener( 'submit', this.handleFormSubmit );\n\t\t}\n\t}\n\n\t/**\n\t * Fetches the widget's form HTML from the REST API and loads it into the\n\t * control's form.\n\t *\n\t * @access private\n\t */\n\tasync loadContent() {\n\t\ttry {\n\t\t\tif ( this.id ) {\n\t\t\t\tconst { form } = await saveWidget( this.id );\n\t\t\t\tthis.content.innerHTML = form;\n\t\t\t} else if ( this.idBase ) {\n\t\t\t\tconst { form, preview } = await encodeWidget( {\n\t\t\t\t\tidBase: this.idBase,\n\t\t\t\t\tinstance: this.instance,\n\t\t\t\t\tnumber: this.number,\n\t\t\t\t} );\n\t\t\t\tthis.content.innerHTML = form;\n\t\t\t\tthis.hasPreview = ! isEmptyHTML( preview );\n\n\t\t\t\t// If we don't have an instance, perform a save right away. This\n\t\t\t\t// happens when creating a new Legacy Widget block.\n\t\t\t\tif ( ! this.instance.hash ) {\n\t\t\t\t\tconst { instance } = await encodeWidget( {\n\t\t\t\t\t\tidBase: this.idBase,\n\t\t\t\t\t\tinstance: this.instance,\n\t\t\t\t\t\tnumber: this.number,\n\t\t\t\t\t\tformData: serializeForm( this.form ),\n\t\t\t\t\t} );\n\t\t\t\t\tthis.instance = instance;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Trigger 'widget-added' when widget is ready. This event is what\n\t\t\t// widgets' scripts use to initialize, attach events, etc. The event\n\t\t\t// must be fired using jQuery's event bus as this is what widget\n\t\t\t// scripts expect. If jQuery is not loaded, do nothing - some\n\t\t\t// widgets will still work regardless.\n\t\t\tif ( window.jQuery ) {\n\t\t\t\tconst { jQuery: $ } = window;\n\t\t\t\t$( document ).trigger( 'widget-added', [ $( this.element ) ] );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tthis.onError( error );\n\t\t}\n\t}\n\n\t/**\n\t * Perform a save when a multi widget's form is changed. Non-multi widgets\n\t * are saved manually.\n\t *\n\t * @access private\n\t */\n\thandleFormChange() {\n\t\tif ( this.idBase ) {\n\t\t\tthis.saveForm();\n\t\t}\n\t}\n\n\t/**\n\t * Perform a save when the control's form is manually submitted.\n\t *\n\t * @access private\n\t * @param {Event} event\n\t */\n\thandleFormSubmit( event ) {\n\t\tevent.preventDefault();\n\t\tthis.saveForm();\n\t}\n\n\t/**\n\t * Serialize the control's form, send it to the REST API, and update the\n\t * instance with the encoded instance that the REST API returns.\n\t *\n\t * @access private\n\t */\n\tasync saveForm() {\n\t\tconst formData = serializeForm( this.form );\n\n\t\ttry {\n\t\t\tif ( this.id ) {\n\t\t\t\tconst { form } = await saveWidget( this.id, formData );\n\t\t\t\tthis.content.innerHTML = form;\n\n\t\t\t\tif ( window.jQuery ) {\n\t\t\t\t\tconst { jQuery: $ } = window;\n\t\t\t\t\t$( document ).trigger( 'widget-updated', [\n\t\t\t\t\t\t$( this.element ),\n\t\t\t\t\t] );\n\t\t\t\t}\n\t\t\t} else if ( this.idBase ) {\n\t\t\t\tconst { instance, preview } = await encodeWidget( {\n\t\t\t\t\tidBase: this.idBase,\n\t\t\t\t\tinstance: this.instance,\n\t\t\t\t\tnumber: this.number,\n\t\t\t\t\tformData,\n\t\t\t\t} );\n\t\t\t\tthis.instance = instance;\n\t\t\t\tthis.hasPreview = ! isEmptyHTML( preview );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tthis.onError( error );\n\t\t}\n\t}\n\n\t/**\n\t * The widget's instance object.\n\t *\n\t * @access private\n\t */\n\tget instance() {\n\t\treturn this._instance;\n\t}\n\n\t/**\n\t * The widget's instance object.\n\t *\n\t * @access private\n\t */\n\tset instance( instance ) {\n\t\tif ( this._instance !== instance ) {\n\t\t\tthis._instance = instance;\n\t\t\tthis.onChangeInstance( instance );\n\t\t}\n\t}\n\n\t/**\n\t * Whether or not the widget can be previewed.\n\t *\n\t * @access public\n\t */\n\tget hasPreview() {\n\t\treturn this._hasPreview;\n\t}\n\n\t/**\n\t * Whether or not the widget can be previewed.\n\t *\n\t * @access private\n\t */\n\tset hasPreview( hasPreview ) {\n\t\tif ( this._hasPreview !== hasPreview ) {\n\t\t\tthis._hasPreview = hasPreview;\n\t\t\tthis.onChangeHasPreview( hasPreview );\n\t\t}\n\t}\n}\n\nlet lastNumber = 0;\n\nfunction el( tagName, attributes = {}, content = null ) {\n\tconst element = document.createElement( tagName );\n\tfor ( const [ attribute, value ] of Object.entries( attributes ) ) {\n\t\telement.setAttribute( attribute, value );\n\t}\n\tif ( Array.isArray( content ) ) {\n\t\tfor ( const child of content ) {\n\t\t\tif ( child ) {\n\t\t\t\telement.appendChild( child );\n\t\t\t}\n\t\t}\n\t} else if ( typeof content === 'string' ) {\n\t\telement.innerText = content;\n\t}\n\treturn element;\n}\n\nasync function saveWidget( id, formData = null ) {\n\tlet widget;\n\tif ( formData ) {\n\t\twidget = await apiFetch( {\n\t\t\tpath: `/wp/v2/widgets/${ id }?context=edit`,\n\t\t\tmethod: 'PUT',\n\t\t\tdata: {\n\t\t\t\tform_data: formData,\n\t\t\t},\n\t\t} );\n\t} else {\n\t\twidget = await apiFetch( {\n\t\t\tpath: `/wp/v2/widgets/${ id }?context=edit`,\n\t\t\tmethod: 'GET',\n\t\t} );\n\t}\n\treturn { form: widget.rendered_form };\n}\n\nasync function encodeWidget( { idBase, instance, number, formData = null } ) {\n\tconst response = await apiFetch( {\n\t\tpath: `/wp/v2/widget-types/${ idBase }/encode`,\n\t\tmethod: 'POST',\n\t\tdata: {\n\t\t\tinstance,\n\t\t\tnumber,\n\t\t\tform_data: formData,\n\t\t},\n\t} );\n\treturn {\n\t\tinstance: response.instance,\n\t\tform: response.form,\n\t\tpreview: response.preview,\n\t};\n}\n\nfunction isEmptyHTML( html ) {\n\tconst element = document.createElement( 'div' );\n\telement.innerHTML = html;\n\treturn isEmptyNode( element );\n}\n\nfunction isEmptyNode( node ) {\n\tswitch ( node.nodeType ) {\n\t\tcase node.TEXT_NODE:\n\t\t\t// Text nodes are empty if it's entirely whitespace.\n\t\t\treturn node.nodeValue.trim() === '';\n\t\tcase node.ELEMENT_NODE:\n\t\t\t// Elements that are \"embedded content\" are not empty.\n\t\t\t// https://dev.w3.org/html5/spec-LC/content-models.html#embedded-content-0\n\t\t\tif (\n\t\t\t\t[\n\t\t\t\t\t'AUDIO',\n\t\t\t\t\t'CANVAS',\n\t\t\t\t\t'EMBED',\n\t\t\t\t\t'IFRAME',\n\t\t\t\t\t'IMG',\n\t\t\t\t\t'MATH',\n\t\t\t\t\t'OBJECT',\n\t\t\t\t\t'SVG',\n\t\t\t\t\t'VIDEO',\n\t\t\t\t].includes( node.tagName )\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t// Elements with no children are empty.\n\t\t\tif ( ! node.hasChildNodes() ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\t// Elements with children are empty if all their children are empty.\n\t\t\treturn Array.from( node.childNodes ).every( isEmptyNode );\n\t\tdefault:\n\t\t\treturn true;\n\t}\n}\n\nfunction serializeForm( form ) {\n\treturn new window.URLSearchParams(\n\t\tArray.from( new window.FormData( form ) )\n\t).toString();\n}\n"]}
+{"version":3,"names":["apiFetch","debounce","__","Control","constructor","id","idBase","instance","onChangeInstance","onChangeHasPreview","onError","_instance","_hasPreview","number","lastNumber","handleFormChange","bind","handleFormSubmit","initDOM","bindEvents","loadContent","destroy","unbindEvents","element","remove","_this$id","_this$idBase","el","class","form","method","type","name","value","toString","content","window","jQuery","$","on","addEventListener","off","removeEventListener","saveWidget","innerHTML","preview","encodeWidget","hasPreview","isEmptyHTML","hash","formData","serializeForm","document","trigger","error","saveForm","event","preventDefault","tagName","attributes","createElement","attribute","Object","entries","setAttribute","Array","isArray","child","appendChild","innerText","widget","path","data","form_data","rendered_form","response","html","isEmptyNode","node","nodeType","TEXT_NODE","nodeValue","trim","ELEMENT_NODE","includes","hasChildNodes","from","childNodes","every","URLSearchParams","FormData"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\nimport { debounce } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * An API for creating and loading a widget control (a <div class=\"widget\">\n * element) that is compatible with most third party widget scripts. By not\n * using React for this, we ensure that we have complete contorl over the DOM\n * and do not accidentally remove any elements that a third party widget script\n * has attached an event listener to.\n *\n * @property {Element} element The control's DOM element.\n */\nexport default class Control {\n\t/**\n\t * Creates and loads a new control.\n\t *\n\t * @access public\n\t * @param {Object}   params\n\t * @param {string}   params.id\n\t * @param {string}   params.idBase\n\t * @param {Object}   params.instance\n\t * @param {Function} params.onChangeInstance\n\t * @param {Function} params.onChangeHasPreview\n\t * @param {Function} params.onError\n\t */\n\tconstructor( {\n\t\tid,\n\t\tidBase,\n\t\tinstance,\n\t\tonChangeInstance,\n\t\tonChangeHasPreview,\n\t\tonError,\n\t} ) {\n\t\tthis.id = id;\n\t\tthis.idBase = idBase;\n\t\tthis._instance = instance;\n\t\tthis._hasPreview = null;\n\t\tthis.onChangeInstance = onChangeInstance;\n\t\tthis.onChangeHasPreview = onChangeHasPreview;\n\t\tthis.onError = onError;\n\n\t\t// We can't use the real widget number as this is calculated by the\n\t\t// server and we may not ever *actually* save this widget. Instead, use\n\t\t// a fake but unique number.\n\t\tthis.number = ++lastNumber;\n\n\t\tthis.handleFormChange = debounce(\n\t\t\tthis.handleFormChange.bind( this ),\n\t\t\t200\n\t\t);\n\t\tthis.handleFormSubmit = this.handleFormSubmit.bind( this );\n\n\t\tthis.initDOM();\n\t\tthis.bindEvents();\n\t\tthis.loadContent();\n\t}\n\n\t/**\n\t * Clean up the control so that it can be garabge collected.\n\t *\n\t * @access public\n\t */\n\tdestroy() {\n\t\tthis.unbindEvents();\n\t\tthis.element.remove();\n\t\t// TODO: How do we make third party widget scripts remove their event\n\t\t// listeners?\n\t}\n\n\t/**\n\t * Creates the control's DOM structure.\n\t *\n\t * @access private\n\t */\n\tinitDOM() {\n\t\tthis.element = el( 'div', { class: 'widget open' }, [\n\t\t\tel( 'div', { class: 'widget-inside' }, [\n\t\t\t\t( this.form = el( 'form', { class: 'form', method: 'post' }, [\n\t\t\t\t\t// These hidden form inputs are what most widgets' scripts\n\t\t\t\t\t// use to access data about the widget.\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'widget-id',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'widget-id',\n\t\t\t\t\t\tvalue: this.id ?? `${ this.idBase }-${ this.number }`,\n\t\t\t\t\t} ),\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'id_base',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'id_base',\n\t\t\t\t\t\tvalue: this.idBase ?? this.id,\n\t\t\t\t\t} ),\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'widget-width',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'widget-width',\n\t\t\t\t\t\tvalue: '250',\n\t\t\t\t\t} ),\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'widget-height',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'widget-height',\n\t\t\t\t\t\tvalue: '200',\n\t\t\t\t\t} ),\n\t\t\t\t\tel( 'input', {\n\t\t\t\t\t\tclass: 'widget_number',\n\t\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\t\tname: 'widget_number',\n\t\t\t\t\t\tvalue: this.idBase ? this.number.toString() : '',\n\t\t\t\t\t} ),\n\t\t\t\t\t( this.content = el( 'div', { class: 'widget-content' } ) ),\n\t\t\t\t\t// Non-multi widgets can be saved via a Save button.\n\t\t\t\t\tthis.id &&\n\t\t\t\t\t\tel(\n\t\t\t\t\t\t\t'button',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tclass: 'button is-primary',\n\t\t\t\t\t\t\t\ttype: 'submit',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t__( 'Save' )\n\t\t\t\t\t\t),\n\t\t\t\t] ) ),\n\t\t\t] ),\n\t\t] );\n\t}\n\n\t/**\n\t * Adds the control's event listeners.\n\t *\n\t * @access private\n\t */\n\tbindEvents() {\n\t\t// Prefer jQuery 'change' event instead of the native 'change' event\n\t\t// because many widgets use jQuery's event bus to trigger an update.\n\t\tif ( window.jQuery ) {\n\t\t\tconst { jQuery: $ } = window;\n\t\t\t$( this.form ).on( 'change', null, this.handleFormChange );\n\t\t\t$( this.form ).on( 'input', null, this.handleFormChange );\n\t\t\t$( this.form ).on( 'submit', this.handleFormSubmit );\n\t\t} else {\n\t\t\tthis.form.addEventListener( 'change', this.handleFormChange );\n\t\t\tthis.form.addEventListener( 'input', this.handleFormChange );\n\t\t\tthis.form.addEventListener( 'submit', this.handleFormSubmit );\n\t\t}\n\t}\n\n\t/**\n\t * Removes the control's event listeners.\n\t *\n\t * @access private\n\t */\n\tunbindEvents() {\n\t\tif ( window.jQuery ) {\n\t\t\tconst { jQuery: $ } = window;\n\t\t\t$( this.form ).off( 'change', null, this.handleFormChange );\n\t\t\t$( this.form ).off( 'input', null, this.handleFormChange );\n\t\t\t$( this.form ).off( 'submit', this.handleFormSubmit );\n\t\t} else {\n\t\t\tthis.form.removeEventListener( 'change', this.handleFormChange );\n\t\t\tthis.form.removeEventListener( 'input', this.handleFormChange );\n\t\t\tthis.form.removeEventListener( 'submit', this.handleFormSubmit );\n\t\t}\n\t}\n\n\t/**\n\t * Fetches the widget's form HTML from the REST API and loads it into the\n\t * control's form.\n\t *\n\t * @access private\n\t */\n\tasync loadContent() {\n\t\ttry {\n\t\t\tif ( this.id ) {\n\t\t\t\tconst { form } = await saveWidget( this.id );\n\t\t\t\tthis.content.innerHTML = form;\n\t\t\t} else if ( this.idBase ) {\n\t\t\t\tconst { form, preview } = await encodeWidget( {\n\t\t\t\t\tidBase: this.idBase,\n\t\t\t\t\tinstance: this.instance,\n\t\t\t\t\tnumber: this.number,\n\t\t\t\t} );\n\t\t\t\tthis.content.innerHTML = form;\n\t\t\t\tthis.hasPreview = ! isEmptyHTML( preview );\n\n\t\t\t\t// If we don't have an instance, perform a save right away. This\n\t\t\t\t// happens when creating a new Legacy Widget block.\n\t\t\t\tif ( ! this.instance.hash ) {\n\t\t\t\t\tconst { instance } = await encodeWidget( {\n\t\t\t\t\t\tidBase: this.idBase,\n\t\t\t\t\t\tinstance: this.instance,\n\t\t\t\t\t\tnumber: this.number,\n\t\t\t\t\t\tformData: serializeForm( this.form ),\n\t\t\t\t\t} );\n\t\t\t\t\tthis.instance = instance;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Trigger 'widget-added' when widget is ready. This event is what\n\t\t\t// widgets' scripts use to initialize, attach events, etc. The event\n\t\t\t// must be fired using jQuery's event bus as this is what widget\n\t\t\t// scripts expect. If jQuery is not loaded, do nothing - some\n\t\t\t// widgets will still work regardless.\n\t\t\tif ( window.jQuery ) {\n\t\t\t\tconst { jQuery: $ } = window;\n\t\t\t\t$( document ).trigger( 'widget-added', [ $( this.element ) ] );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tthis.onError( error );\n\t\t}\n\t}\n\n\t/**\n\t * Perform a save when a multi widget's form is changed. Non-multi widgets\n\t * are saved manually.\n\t *\n\t * @access private\n\t */\n\thandleFormChange() {\n\t\tif ( this.idBase ) {\n\t\t\tthis.saveForm();\n\t\t}\n\t}\n\n\t/**\n\t * Perform a save when the control's form is manually submitted.\n\t *\n\t * @access private\n\t * @param {Event} event\n\t */\n\thandleFormSubmit( event ) {\n\t\tevent.preventDefault();\n\t\tthis.saveForm();\n\t}\n\n\t/**\n\t * Serialize the control's form, send it to the REST API, and update the\n\t * instance with the encoded instance that the REST API returns.\n\t *\n\t * @access private\n\t */\n\tasync saveForm() {\n\t\tconst formData = serializeForm( this.form );\n\n\t\ttry {\n\t\t\tif ( this.id ) {\n\t\t\t\tconst { form } = await saveWidget( this.id, formData );\n\t\t\t\tthis.content.innerHTML = form;\n\n\t\t\t\tif ( window.jQuery ) {\n\t\t\t\t\tconst { jQuery: $ } = window;\n\t\t\t\t\t$( document ).trigger( 'widget-updated', [\n\t\t\t\t\t\t$( this.element ),\n\t\t\t\t\t] );\n\t\t\t\t}\n\t\t\t} else if ( this.idBase ) {\n\t\t\t\tconst { instance, preview } = await encodeWidget( {\n\t\t\t\t\tidBase: this.idBase,\n\t\t\t\t\tinstance: this.instance,\n\t\t\t\t\tnumber: this.number,\n\t\t\t\t\tformData,\n\t\t\t\t} );\n\t\t\t\tthis.instance = instance;\n\t\t\t\tthis.hasPreview = ! isEmptyHTML( preview );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tthis.onError( error );\n\t\t}\n\t}\n\n\t/**\n\t * The widget's instance object.\n\t *\n\t * @access private\n\t */\n\tget instance() {\n\t\treturn this._instance;\n\t}\n\n\t/**\n\t * The widget's instance object.\n\t *\n\t * @access private\n\t */\n\tset instance( instance ) {\n\t\tif ( this._instance !== instance ) {\n\t\t\tthis._instance = instance;\n\t\t\tthis.onChangeInstance( instance );\n\t\t}\n\t}\n\n\t/**\n\t * Whether or not the widget can be previewed.\n\t *\n\t * @access public\n\t */\n\tget hasPreview() {\n\t\treturn this._hasPreview;\n\t}\n\n\t/**\n\t * Whether or not the widget can be previewed.\n\t *\n\t * @access private\n\t */\n\tset hasPreview( hasPreview ) {\n\t\tif ( this._hasPreview !== hasPreview ) {\n\t\t\tthis._hasPreview = hasPreview;\n\t\t\tthis.onChangeHasPreview( hasPreview );\n\t\t}\n\t}\n}\n\nlet lastNumber = 0;\n\nfunction el( tagName, attributes = {}, content = null ) {\n\tconst element = document.createElement( tagName );\n\tfor ( const [ attribute, value ] of Object.entries( attributes ) ) {\n\t\telement.setAttribute( attribute, value );\n\t}\n\tif ( Array.isArray( content ) ) {\n\t\tfor ( const child of content ) {\n\t\t\tif ( child ) {\n\t\t\t\telement.appendChild( child );\n\t\t\t}\n\t\t}\n\t} else if ( typeof content === 'string' ) {\n\t\telement.innerText = content;\n\t}\n\treturn element;\n}\n\nasync function saveWidget( id, formData = null ) {\n\tlet widget;\n\tif ( formData ) {\n\t\twidget = await apiFetch( {\n\t\t\tpath: `/wp/v2/widgets/${ id }?context=edit`,\n\t\t\tmethod: 'PUT',\n\t\t\tdata: {\n\t\t\t\tform_data: formData,\n\t\t\t},\n\t\t} );\n\t} else {\n\t\twidget = await apiFetch( {\n\t\t\tpath: `/wp/v2/widgets/${ id }?context=edit`,\n\t\t\tmethod: 'GET',\n\t\t} );\n\t}\n\treturn { form: widget.rendered_form };\n}\n\nasync function encodeWidget( { idBase, instance, number, formData = null } ) {\n\tconst response = await apiFetch( {\n\t\tpath: `/wp/v2/widget-types/${ idBase }/encode`,\n\t\tmethod: 'POST',\n\t\tdata: {\n\t\t\tinstance,\n\t\t\tnumber,\n\t\t\tform_data: formData,\n\t\t},\n\t} );\n\treturn {\n\t\tinstance: response.instance,\n\t\tform: response.form,\n\t\tpreview: response.preview,\n\t};\n}\n\nfunction isEmptyHTML( html ) {\n\tconst element = document.createElement( 'div' );\n\telement.innerHTML = html;\n\treturn isEmptyNode( element );\n}\n\nfunction isEmptyNode( node ) {\n\tswitch ( node.nodeType ) {\n\t\tcase node.TEXT_NODE:\n\t\t\t// Text nodes are empty if it's entirely whitespace.\n\t\t\treturn node.nodeValue.trim() === '';\n\t\tcase node.ELEMENT_NODE:\n\t\t\t// Elements that are \"embedded content\" are not empty.\n\t\t\t// https://dev.w3.org/html5/spec-LC/content-models.html#embedded-content-0\n\t\t\tif (\n\t\t\t\t[\n\t\t\t\t\t'AUDIO',\n\t\t\t\t\t'CANVAS',\n\t\t\t\t\t'EMBED',\n\t\t\t\t\t'IFRAME',\n\t\t\t\t\t'IMG',\n\t\t\t\t\t'MATH',\n\t\t\t\t\t'OBJECT',\n\t\t\t\t\t'SVG',\n\t\t\t\t\t'VIDEO',\n\t\t\t\t].includes( node.tagName )\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t// Elements with no children are empty.\n\t\t\tif ( ! node.hasChildNodes() ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\t// Elements with children are empty if all their children are empty.\n\t\t\treturn Array.from( node.childNodes ).every( isEmptyNode );\n\t\tdefault:\n\t\t\treturn true;\n\t}\n}\n\nfunction serializeForm( form ) {\n\treturn new window.URLSearchParams(\n\t\tArray.from( new window.FormData( form ) )\n\t).toString();\n}\n"],"mappings":"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"}

package/build-module/blocks/legacy-widget/edit/convert-to-blocks-button.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */

package/build-module/blocks/legacy-widget/edit/convert-to-blocks-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/convert-to-blocks-button.js"],"names":["useDispatch","store","blockEditorStore","ToolbarButton","createBlock","rawHandler","__","ConvertToBlocksButton","clientId","rawInstance","replaceBlocks","title","content","HTML","text"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,iBAA5B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASC,aAAT,QAA8B,uBAA9B;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,eAAe,SAASC,qBAAT,CAAgC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAhC,EAA4D;AAC1E,QAAM;AAAEC,IAAAA;AAAF,MAAoBV,WAAW,CAAEE,gBAAF,CAArC;AAEA,SACC,cAAC,aAAD;AACC,IAAA,OAAO,EAAG,MAAM;AACf,UAAKO,WAAW,CAACE,KAAjB,EAAyB;AACxBD,QAAAA,aAAa,CAAEF,QAAF,EAAY,CACxBJ,WAAW,CAAE,cAAF,EAAkB;AAC5BQ,UAAAA,OAAO,EAAEH,WAAW,CAACE;AADO,SAAlB,CADa,EAIxB,GAAGN,UAAU,CAAE;AAAEQ,UAAAA,IAAI,EAAEJ,WAAW,CAACK;AAApB,SAAF,CAJW,CAAZ,CAAb;AAMA,OAPD,MAOO;AACNJ,QAAAA,aAAa,CACZF,QADY,EAEZH,UAAU,CAAE;AAAEQ,UAAAA,IAAI,EAAEJ,WAAW,CAACK;AAApB,SAAF,CAFE,CAAb;AAIA;AACD;AAfF,KAiBGR,EAAE,CAAE,mBAAF,CAjBL,CADD;AAqBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { createBlock, rawHandler } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ConvertToBlocksButton( { clientId, rawInstance } ) {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<ToolbarButton\n\t\t\tonClick={ () => {\n\t\t\t\tif ( rawInstance.title ) {\n\t\t\t\t\treplaceBlocks( clientId, [\n\t\t\t\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\t\t\t\tcontent: rawInstance.title,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t\t...rawHandler( { HTML: rawInstance.text } ),\n\t\t\t\t\t] );\n\t\t\t\t} else {\n\t\t\t\t\treplaceBlocks(\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\trawHandler( { HTML: rawInstance.text } )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Convert to blocks' ) }\n\t\t</ToolbarButton>\n\t);\n}\n"]}
+{"version":3,"names":["useDispatch","store","blockEditorStore","ToolbarButton","createBlock","rawHandler","__","ConvertToBlocksButton","clientId","rawInstance","replaceBlocks","createElement","onClick","title","content","HTML","text"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/convert-to-blocks-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { createBlock, rawHandler } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ConvertToBlocksButton( { clientId, rawInstance } ) {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<ToolbarButton\n\t\t\tonClick={ () => {\n\t\t\t\tif ( rawInstance.title ) {\n\t\t\t\t\treplaceBlocks( clientId, [\n\t\t\t\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\t\t\t\tcontent: rawInstance.title,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t\t...rawHandler( { HTML: rawInstance.text } ),\n\t\t\t\t\t] );\n\t\t\t\t} else {\n\t\t\t\t\treplaceBlocks(\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\trawHandler( { HTML: rawInstance.text } )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Convert to blocks' ) }\n\t\t</ToolbarButton>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,WAAW,EAAEC,UAAU,QAAQ,mBAAmB;AAC3D,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,eAAe,SAASC,qBAAqBA,CAAE;EAAEC,QAAQ;EAAEC;AAAY,CAAC,EAAG;EAC1E,MAAM;IAAEC;EAAc,CAAC,GAAGV,WAAW,CAAEE,gBAAiB,CAAC;EAEzD,OACCS,aAAA,CAACR,aAAa;IACbS,OAAO,EAAGA,CAAA,KAAM;MACf,IAAKH,WAAW,CAACI,KAAK,EAAG;QACxBH,aAAa,CAAEF,QAAQ,EAAE,CACxBJ,WAAW,CAAE,cAAc,EAAE;UAC5BU,OAAO,EAAEL,WAAW,CAACI;QACtB,CAAE,CAAC,EACH,GAAGR,UAAU,CAAE;UAAEU,IAAI,EAAEN,WAAW,CAACO;QAAK,CAAE,CAAC,CAC1C,CAAC;MACJ,CAAC,MAAM;QACNN,aAAa,CACZF,QAAQ,EACRH,UAAU,CAAE;UAAEU,IAAI,EAAEN,WAAW,CAACO;QAAK,CAAE,CACxC,CAAC;MACF;IACD;EAAG,GAEDV,EAAE,CAAE,mBAAoB,CACZ,CAAC;AAElB"}

package/build-module/blocks/legacy-widget/edit/form.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
@@ -7,7 +6,6 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-
 import { useRef, useEffect } from '@wordpress/element';
 import { useDispatch } from '@wordpress/data';
 import { store as noticesStore } from '@wordpress/notices';
@@ -17,7 +15,6 @@ import { useViewportMatch } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
-
 import Control from './control';
 export default function Form({
   title,
@@ -30,11 +27,12 @@ export default function Form({
   onChangeHasPreview
 }) {
   const ref = useRef();
-  const isMediumLargeViewport = useViewportMatch('small'); // We only want to remount the control when the instance changes
+  const isMediumLargeViewport = useViewportMatch('small');
+
+  // We only want to remount the control when the instance changes
   // *externally*. For example, if the user performs an undo. To do this, we
   // keep track of changes made to instance by the control itself and then
   // ignore those.
-
   const outgoingInstances = useRef(new Set());
   const incomingInstances = useRef(new Set());
   const {
@@ -45,27 +43,21 @@ export default function Form({
       incomingInstances.current.delete(instance);
       return;
     }
-
     const control = new Control({
       id,
       idBase,
       instance,
-
       onChangeInstance(nextInstance) {
         outgoingInstances.current.add(instance);
         incomingInstances.current.add(nextInstance);
         onChangeInstance(nextInstance);
       },
-
       onChangeHasPreview,
-
       onError(error) {
         window.console.error(error);
-        createNotice('error', sprintf(
-        /* translators: %s: the name of the affected block. */
+        createNotice('error', sprintf( /* translators: %s: the name of the affected block. */
         __('The "%s" block was affected by errors and may not function properly. Check the developer tools for more details.'), idBase || id));
       }
-
     });
     ref.current.appendChild(control.element);
     return () => {
@@ -73,11 +65,9 @@ export default function Form({
         outgoingInstances.current.delete(instance);
         return;
       }
-
       control.destroy();
     };
   }, [id, idBase, instance, onChangeInstance, onChangeHasPreview, isMediumLargeViewport]);
-
   if (isWide && isMediumLargeViewport) {
     return createElement("div", {
       className: classnames({
@@ -98,7 +88,6 @@ export default function Form({
       hidden: !isVisible
     })));
   }
-
   return createElement("div", {
     ref: ref,
     className: "wp-block-legacy-widget__edit-form",

package/build-module/blocks/legacy-widget/edit/form.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/form.js"],"names":["classnames","useRef","useEffect","useDispatch","store","noticesStore","__","sprintf","Popover","useViewportMatch","Control","Form","title","isVisible","id","idBase","instance","isWide","onChangeInstance","onChangeHasPreview","ref","isMediumLargeViewport","outgoingInstances","Set","incomingInstances","createNotice","current","has","delete","control","nextInstance","add","onError","error","window","console","appendChild","element","destroy"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Control from './control';\n\nexport default function Form( {\n\ttitle,\n\tisVisible,\n\tid,\n\tidBase,\n\tinstance,\n\tisWide,\n\tonChangeInstance,\n\tonChangeHasPreview,\n} ) {\n\tconst ref = useRef();\n\n\tconst isMediumLargeViewport = useViewportMatch( 'small' );\n\n\t// We only want to remount the control when the instance changes\n\t// *externally*. For example, if the user performs an undo. To do this, we\n\t// keep track of changes made to instance by the control itself and then\n\t// ignore those.\n\tconst outgoingInstances = useRef( new Set() );\n\tconst incomingInstances = useRef( new Set() );\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\n\tuseEffect( () => {\n\t\tif ( incomingInstances.current.has( instance ) ) {\n\t\t\tincomingInstances.current.delete( instance );\n\t\t\treturn;\n\t\t}\n\n\t\tconst control = new Control( {\n\t\t\tid,\n\t\t\tidBase,\n\t\t\tinstance,\n\t\t\tonChangeInstance( nextInstance ) {\n\t\t\t\toutgoingInstances.current.add( instance );\n\t\t\t\tincomingInstances.current.add( nextInstance );\n\t\t\t\tonChangeInstance( nextInstance );\n\t\t\t},\n\t\t\tonChangeHasPreview,\n\t\t\tonError( error ) {\n\t\t\t\twindow.console.error( error );\n\t\t\t\tcreateNotice(\n\t\t\t\t\t'error',\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: %s: the name of the affected block. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'The \"%s\" block was affected by errors and may not function properly. Check the developer tools for more details.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tidBase || id\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t},\n\t\t} );\n\n\t\tref.current.appendChild( control.element );\n\n\t\treturn () => {\n\t\t\tif ( outgoingInstances.current.has( instance ) ) {\n\t\t\t\toutgoingInstances.current.delete( instance );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcontrol.destroy();\n\t\t};\n\t}, [\n\t\tid,\n\t\tidBase,\n\t\tinstance,\n\t\tonChangeInstance,\n\t\tonChangeHasPreview,\n\t\tisMediumLargeViewport,\n\t] );\n\n\tif ( isWide && isMediumLargeViewport ) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={ classnames( {\n\t\t\t\t\t'wp-block-legacy-widget__container': isVisible,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ isVisible && (\n\t\t\t\t\t<h3 className=\"wp-block-legacy-widget__edit-form-title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</h3>\n\t\t\t\t) }\n\t\t\t\t<Popover\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tplacement=\"right\"\n\t\t\t\t\toffset={ 32 }\n\t\t\t\t\tresize={ false }\n\t\t\t\t\tflip={ false }\n\t\t\t\t\tshift\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-form\"\n\t\t\t\t\t\thidden={ ! isVisible }\n\t\t\t\t\t></div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName=\"wp-block-legacy-widget__edit-form\"\n\t\t\thidden={ ! isVisible }\n\t\t>\n\t\t\t<h3 className=\"wp-block-legacy-widget__edit-form-title\">\n\t\t\t\t{ title }\n\t\t\t</h3>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"names":["classnames","useRef","useEffect","useDispatch","store","noticesStore","__","sprintf","Popover","useViewportMatch","Control","Form","title","isVisible","id","idBase","instance","isWide","onChangeInstance","onChangeHasPreview","ref","isMediumLargeViewport","outgoingInstances","Set","incomingInstances","createNotice","current","has","delete","control","nextInstance","add","onError","error","window","console","appendChild","element","destroy","createElement","className","focusOnMount","placement","offset","resize","flip","shift","hidden"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/form.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Control from './control';\n\nexport default function Form( {\n\ttitle,\n\tisVisible,\n\tid,\n\tidBase,\n\tinstance,\n\tisWide,\n\tonChangeInstance,\n\tonChangeHasPreview,\n} ) {\n\tconst ref = useRef();\n\n\tconst isMediumLargeViewport = useViewportMatch( 'small' );\n\n\t// We only want to remount the control when the instance changes\n\t// *externally*. For example, if the user performs an undo. To do this, we\n\t// keep track of changes made to instance by the control itself and then\n\t// ignore those.\n\tconst outgoingInstances = useRef( new Set() );\n\tconst incomingInstances = useRef( new Set() );\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\n\tuseEffect( () => {\n\t\tif ( incomingInstances.current.has( instance ) ) {\n\t\t\tincomingInstances.current.delete( instance );\n\t\t\treturn;\n\t\t}\n\n\t\tconst control = new Control( {\n\t\t\tid,\n\t\t\tidBase,\n\t\t\tinstance,\n\t\t\tonChangeInstance( nextInstance ) {\n\t\t\t\toutgoingInstances.current.add( instance );\n\t\t\t\tincomingInstances.current.add( nextInstance );\n\t\t\t\tonChangeInstance( nextInstance );\n\t\t\t},\n\t\t\tonChangeHasPreview,\n\t\t\tonError( error ) {\n\t\t\t\twindow.console.error( error );\n\t\t\t\tcreateNotice(\n\t\t\t\t\t'error',\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: %s: the name of the affected block. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'The \"%s\" block was affected by errors and may not function properly. Check the developer tools for more details.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tidBase || id\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t},\n\t\t} );\n\n\t\tref.current.appendChild( control.element );\n\n\t\treturn () => {\n\t\t\tif ( outgoingInstances.current.has( instance ) ) {\n\t\t\t\toutgoingInstances.current.delete( instance );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcontrol.destroy();\n\t\t};\n\t}, [\n\t\tid,\n\t\tidBase,\n\t\tinstance,\n\t\tonChangeInstance,\n\t\tonChangeHasPreview,\n\t\tisMediumLargeViewport,\n\t] );\n\n\tif ( isWide && isMediumLargeViewport ) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={ classnames( {\n\t\t\t\t\t'wp-block-legacy-widget__container': isVisible,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ isVisible && (\n\t\t\t\t\t<h3 className=\"wp-block-legacy-widget__edit-form-title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</h3>\n\t\t\t\t) }\n\t\t\t\t<Popover\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tplacement=\"right\"\n\t\t\t\t\toffset={ 32 }\n\t\t\t\t\tresize={ false }\n\t\t\t\t\tflip={ false }\n\t\t\t\t\tshift\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-form\"\n\t\t\t\t\t\thidden={ ! isVisible }\n\t\t\t\t\t></div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName=\"wp-block-legacy-widget__edit-form\"\n\t\t\thidden={ ! isVisible }\n\t\t>\n\t\t\t<h3 className=\"wp-block-legacy-widget__edit-form-title\">\n\t\t\t\t{ title }\n\t\t\t</h3>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build-module/blocks/legacy-widget/edit/index.js

@@ -1,13 +1,12 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { useBlockProps, BlockControls, InspectorControls, BlockIcon, store as blockEditorStore } from '@wordpress/block-editor';
 import { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';
 import { brush as brushIcon } from '@wordpress/icons';
@@ -15,10 +14,10 @@ import { __ } from '@wordpress/i18n';
 import { useState, useCallback } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
 import { useEntityRecord } from '@wordpress/core-data';
+
 /**
  * Internal dependencies
  */
-
 import WidgetTypeSelector from './widget-type-selector';
 import InspectorCard from './inspector-card';
 import Form from './form';
@@ -38,12 +37,14 @@ export default function Edit(props) {
       'is-wide-widget': isWide
     })
   });
-  return createElement("div", { ...blockProps
-  }, !id && !idBase ? createElement(Empty, { ...props
-  }) : createElement(NotEmpty, { ...props
+  return createElement("div", {
+    ...blockProps
+  }, !id && !idBase ? createElement(Empty, {
+    ...props
+  }) : createElement(NotEmpty, {
+    ...props
   }));
 }
-
 function Empty({
   attributes: {
     id,
@@ -84,7 +85,6 @@ function Empty({
     }
   }))));
 }
-
 function NotEmpty({
   attributes: {
     id,
@@ -108,7 +108,6 @@ function NotEmpty({
       instance: nextInstance
     });
   }, []);
-
   if (!widgetType && hasResolvedWidgetType) {
     return createElement(Placeholder, {
       icon: createElement(BlockIcon, {
@@ -117,11 +116,9 @@ function NotEmpty({
       label: __('Legacy Widget')
     }, __('Widget is missing.'));
   }
-
   if (!hasResolvedWidgetType) {
     return createElement(Placeholder, null, createElement(Spinner, null));
   }
-
   const mode = idBase && (isNavigationMode || !isSelected) ? 'preview' : 'edit';
   return createElement(Fragment, null, idBase === 'text' && createElement(BlockControls, {
     group: "other"