@wordpress/widgets 4.32.0 → 4.32.1-next.47f435fc9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/blocks/legacy-widget/block.json +29 -0
- package/build/blocks/legacy-widget/edit/control.js +137 -167
- package/build/blocks/legacy-widget/edit/control.js.map +7 -1
- package/build/blocks/legacy-widget/edit/convert-to-blocks-button.js +51 -39
- package/build/blocks/legacy-widget/edit/convert-to-blocks-button.js.map +7 -1
- package/build/blocks/legacy-widget/edit/form.js +105 -75
- package/build/blocks/legacy-widget/edit/form.js.map +7 -1
- package/build/blocks/legacy-widget/edit/index.js +121 -131
- package/build/blocks/legacy-widget/edit/index.js.map +7 -1
- package/build/blocks/legacy-widget/edit/inspector-card.js +28 -20
- package/build/blocks/legacy-widget/edit/inspector-card.js.map +7 -1
- package/build/blocks/legacy-widget/edit/no-preview.js +29 -23
- package/build/blocks/legacy-widget/edit/no-preview.js.map +7 -1
- package/build/blocks/legacy-widget/edit/preview.js +107 -108
- package/build/blocks/legacy-widget/edit/preview.js.map +7 -1
- package/build/blocks/legacy-widget/edit/widget-type-selector.js +61 -52
- package/build/blocks/legacy-widget/edit/widget-type-selector.js.map +7 -1
- package/build/blocks/legacy-widget/index.js +49 -53
- package/build/blocks/legacy-widget/index.js.map +7 -1
- package/build/blocks/legacy-widget/transforms.js +189 -198
- package/build/blocks/legacy-widget/transforms.js.map +7 -1
- package/build/blocks/widget-group/block.json +20 -0
- package/build/blocks/widget-group/deprecated.js +38 -24
- package/build/blocks/widget-group/deprecated.js.map +7 -1
- package/build/blocks/widget-group/edit.js +63 -67
- package/build/blocks/widget-group/edit.js.map +7 -1
- package/build/blocks/widget-group/index.js +93 -80
- package/build/blocks/widget-group/index.js.map +7 -1
- package/build/blocks/widget-group/save.js +36 -25
- package/build/blocks/widget-group/save.js.map +7 -1
- package/build/components/index.js +36 -12
- package/build/components/index.js.map +7 -1
- package/build/components/move-to-widget-area/index.js +48 -37
- package/build/components/move-to-widget-area/index.js.map +7 -1
- package/build/index.js +67 -98
- package/build/index.js.map +7 -1
- package/build/register-legacy-widget-variations.js +42 -30
- package/build/register-legacy-widget-variations.js.map +7 -1
- package/build/utils.js +29 -29
- package/build/utils.js.map +7 -1
- package/build-module/blocks/legacy-widget/block.json +29 -0
- package/build-module/blocks/legacy-widget/edit/control.js +107 -158
- package/build-module/blocks/legacy-widget/edit/control.js.map +7 -1
- package/build-module/blocks/legacy-widget/edit/convert-to-blocks-button.js +33 -33
- package/build-module/blocks/legacy-widget/edit/convert-to-blocks-button.js.map +7 -1
- package/build-module/blocks/legacy-widget/edit/form.js +75 -64
- package/build-module/blocks/legacy-widget/edit/form.js.map +7 -1
- package/build-module/blocks/legacy-widget/edit/index.js +96 -122
- package/build-module/blocks/legacy-widget/edit/index.js.map +7 -1
- package/build-module/blocks/legacy-widget/edit/inspector-card.js +10 -15
- package/build-module/blocks/legacy-widget/edit/inspector-card.js.map +7 -1
- package/build-module/blocks/legacy-widget/edit/no-preview.js +11 -17
- package/build-module/blocks/legacy-widget/edit/no-preview.js.map +7 -1
- package/build-module/blocks/legacy-widget/edit/preview.js +76 -98
- package/build-module/blocks/legacy-widget/edit/preview.js.map +7 -1
- package/build-module/blocks/legacy-widget/edit/widget-type-selector.js +43 -46
- package/build-module/blocks/legacy-widget/edit/widget-type-selector.js.map +7 -1
- package/build-module/blocks/legacy-widget/index.js +12 -45
- package/build-module/blocks/legacy-widget/index.js.map +7 -1
- package/build-module/blocks/legacy-widget/transforms.js +171 -192
- package/build-module/blocks/legacy-widget/transforms.js.map +7 -1
- package/build-module/blocks/widget-group/block.json +20 -0
- package/build-module/blocks/widget-group/deprecated.js +20 -18
- package/build-module/blocks/widget-group/deprecated.js.map +7 -1
- package/build-module/blocks/widget-group/edit.js +53 -62
- package/build-module/blocks/widget-group/edit.js.map +7 -1
- package/build-module/blocks/widget-group/index.js +55 -71
- package/build-module/blocks/widget-group/index.js.map +7 -1
- package/build-module/blocks/widget-group/save.js +18 -19
- package/build-module/blocks/widget-group/save.js.map +7 -1
- package/build-module/components/index.js +5 -2
- package/build-module/components/index.js.map +7 -1
- package/build-module/components/move-to-widget-area/index.js +37 -32
- package/build-module/components/move-to-widget-area/index.js.map +7 -1
- package/build-module/index.js +34 -60
- package/build-module/index.js.map +7 -1
- package/build-module/register-legacy-widget-variations.js +24 -24
- package/build-module/register-legacy-widget-variations.js.map +7 -1
- package/build-module/utils.js +8 -25
- package/build-module/utils.js.map +7 -1
- package/build-style/style-rtl.css +10 -145
- package/build-style/style.css +10 -145
- package/package.json +21 -14
- package/src/blocks/legacy-widget/editor.scss +3 -0
- package/src/blocks/widget-group/editor.scss +3 -0
- package/src/style.scss +3 -2
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://schemas.wp.org/trunk/block.json",
|
|
3
|
+
"apiVersion": 3,
|
|
4
|
+
"name": "core/legacy-widget",
|
|
5
|
+
"title": "Legacy Widget",
|
|
6
|
+
"category": "widgets",
|
|
7
|
+
"description": "Display a legacy widget.",
|
|
8
|
+
"textdomain": "default",
|
|
9
|
+
"attributes": {
|
|
10
|
+
"id": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"default": null
|
|
13
|
+
},
|
|
14
|
+
"idBase": {
|
|
15
|
+
"type": "string",
|
|
16
|
+
"default": null
|
|
17
|
+
},
|
|
18
|
+
"instance": {
|
|
19
|
+
"type": "object",
|
|
20
|
+
"default": null
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"supports": {
|
|
24
|
+
"html": false,
|
|
25
|
+
"customClassName": false,
|
|
26
|
+
"reusable": false
|
|
27
|
+
},
|
|
28
|
+
"editorStyle": "wp-block-legacy-widget-editor"
|
|
29
|
+
}
|
|
@@ -1,27 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var
|
|
5
|
-
Object.
|
|
6
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
var control_exports = {};
|
|
29
|
+
__export(control_exports, {
|
|
30
|
+
default: () => Control
|
|
7
31
|
});
|
|
8
|
-
exports
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
/**
|
|
13
|
-
* WordPress dependencies
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* An API for creating and loading a widget control (a <div class="widget">
|
|
18
|
-
* element) that is compatible with most third party widget scripts. By not
|
|
19
|
-
* using React for this, we ensure that we have complete control over the DOM
|
|
20
|
-
* and do not accidentally remove any elements that a third party widget script
|
|
21
|
-
* has attached an event listener to.
|
|
22
|
-
*
|
|
23
|
-
* @property {Element} element The control's DOM element.
|
|
24
|
-
*/
|
|
32
|
+
module.exports = __toCommonJS(control_exports);
|
|
33
|
+
var import_api_fetch = __toESM(require("@wordpress/api-fetch"));
|
|
34
|
+
var import_compose = require("@wordpress/compose");
|
|
35
|
+
var import_i18n = require("@wordpress/i18n");
|
|
25
36
|
class Control {
|
|
26
37
|
/**
|
|
27
38
|
* Creates and loads a new control.
|
|
@@ -50,18 +61,16 @@ class Control {
|
|
|
50
61
|
this.onChangeInstance = onChangeInstance;
|
|
51
62
|
this.onChangeHasPreview = onChangeHasPreview;
|
|
52
63
|
this.onError = onError;
|
|
53
|
-
|
|
54
|
-
// We can't use the real widget number as this is calculated by the
|
|
55
|
-
// server and we may not ever *actually* save this widget. Instead, use
|
|
56
|
-
// a fake but unique number.
|
|
57
64
|
this.number = ++lastNumber;
|
|
58
|
-
this.handleFormChange = (0,
|
|
65
|
+
this.handleFormChange = (0, import_compose.debounce)(
|
|
66
|
+
this.handleFormChange.bind(this),
|
|
67
|
+
200
|
|
68
|
+
);
|
|
59
69
|
this.handleFormSubmit = this.handleFormSubmit.bind(this);
|
|
60
70
|
this.initDOM();
|
|
61
71
|
this.bindEvents();
|
|
62
72
|
this.loadContent();
|
|
63
73
|
}
|
|
64
|
-
|
|
65
74
|
/**
|
|
66
75
|
* Clean up the control so that it can be garbage collected.
|
|
67
76
|
*
|
|
@@ -70,84 +79,79 @@ class Control {
|
|
|
70
79
|
destroy() {
|
|
71
80
|
this.unbindEvents();
|
|
72
81
|
this.element.remove();
|
|
73
|
-
// TODO: How do we make third party widget scripts remove their event
|
|
74
|
-
// listeners?
|
|
75
82
|
}
|
|
76
|
-
|
|
77
83
|
/**
|
|
78
84
|
* Creates the control's DOM structure.
|
|
79
85
|
*
|
|
80
86
|
* @access private
|
|
81
87
|
*/
|
|
82
88
|
initDOM() {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
89
|
+
this.element = el("div", { class: "widget open" }, [
|
|
90
|
+
el("div", { class: "widget-inside" }, [
|
|
91
|
+
this.form = el("form", { class: "form", method: "post" }, [
|
|
92
|
+
// These hidden form inputs are what most widgets' scripts
|
|
93
|
+
// use to access data about the widget.
|
|
94
|
+
el("input", {
|
|
95
|
+
class: "widget-id",
|
|
96
|
+
type: "hidden",
|
|
97
|
+
name: "widget-id",
|
|
98
|
+
value: this.id ?? `${this.idBase}-${this.number}`
|
|
99
|
+
}),
|
|
100
|
+
el("input", {
|
|
101
|
+
class: "id_base",
|
|
102
|
+
type: "hidden",
|
|
103
|
+
name: "id_base",
|
|
104
|
+
value: this.idBase ?? this.id
|
|
105
|
+
}),
|
|
106
|
+
el("input", {
|
|
107
|
+
class: "widget-width",
|
|
108
|
+
type: "hidden",
|
|
109
|
+
name: "widget-width",
|
|
110
|
+
value: "250"
|
|
111
|
+
}),
|
|
112
|
+
el("input", {
|
|
113
|
+
class: "widget-height",
|
|
114
|
+
type: "hidden",
|
|
115
|
+
name: "widget-height",
|
|
116
|
+
value: "200"
|
|
117
|
+
}),
|
|
118
|
+
el("input", {
|
|
119
|
+
class: "widget_number",
|
|
120
|
+
type: "hidden",
|
|
121
|
+
name: "widget_number",
|
|
122
|
+
value: this.idBase ? this.number.toString() : ""
|
|
123
|
+
}),
|
|
124
|
+
this.content = el("div", { class: "widget-content" }),
|
|
125
|
+
// Non-multi widgets can be saved via a Save button.
|
|
126
|
+
this.id && el(
|
|
127
|
+
"button",
|
|
128
|
+
{
|
|
129
|
+
class: "button is-primary",
|
|
130
|
+
type: "submit"
|
|
131
|
+
},
|
|
132
|
+
(0, import_i18n.__)("Save")
|
|
133
|
+
)
|
|
134
|
+
])
|
|
135
|
+
])
|
|
136
|
+
]);
|
|
127
137
|
}
|
|
128
|
-
|
|
129
138
|
/**
|
|
130
139
|
* Adds the control's event listeners.
|
|
131
140
|
*
|
|
132
141
|
* @access private
|
|
133
142
|
*/
|
|
134
143
|
bindEvents() {
|
|
135
|
-
// Prefer jQuery 'change' event instead of the native 'change' event
|
|
136
|
-
// because many widgets use jQuery's event bus to trigger an update.
|
|
137
144
|
if (window.jQuery) {
|
|
138
|
-
const {
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
$(this.form).on(
|
|
142
|
-
$(this.form).on('input', null, this.handleFormChange);
|
|
143
|
-
$(this.form).on('submit', this.handleFormSubmit);
|
|
145
|
+
const { jQuery: $ } = window;
|
|
146
|
+
$(this.form).on("change", null, this.handleFormChange);
|
|
147
|
+
$(this.form).on("input", null, this.handleFormChange);
|
|
148
|
+
$(this.form).on("submit", this.handleFormSubmit);
|
|
144
149
|
} else {
|
|
145
|
-
this.form.addEventListener(
|
|
146
|
-
this.form.addEventListener(
|
|
147
|
-
this.form.addEventListener(
|
|
150
|
+
this.form.addEventListener("change", this.handleFormChange);
|
|
151
|
+
this.form.addEventListener("input", this.handleFormChange);
|
|
152
|
+
this.form.addEventListener("submit", this.handleFormSubmit);
|
|
148
153
|
}
|
|
149
154
|
}
|
|
150
|
-
|
|
151
155
|
/**
|
|
152
156
|
* Removes the control's event listeners.
|
|
153
157
|
*
|
|
@@ -155,19 +159,16 @@ class Control {
|
|
|
155
159
|
*/
|
|
156
160
|
unbindEvents() {
|
|
157
161
|
if (window.jQuery) {
|
|
158
|
-
const {
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
$(this.form).off(
|
|
162
|
-
$(this.form).off('input', null, this.handleFormChange);
|
|
163
|
-
$(this.form).off('submit', this.handleFormSubmit);
|
|
162
|
+
const { jQuery: $ } = window;
|
|
163
|
+
$(this.form).off("change", null, this.handleFormChange);
|
|
164
|
+
$(this.form).off("input", null, this.handleFormChange);
|
|
165
|
+
$(this.form).off("submit", this.handleFormSubmit);
|
|
164
166
|
} else {
|
|
165
|
-
this.form.removeEventListener(
|
|
166
|
-
this.form.removeEventListener(
|
|
167
|
-
this.form.removeEventListener(
|
|
167
|
+
this.form.removeEventListener("change", this.handleFormChange);
|
|
168
|
+
this.form.removeEventListener("input", this.handleFormChange);
|
|
169
|
+
this.form.removeEventListener("submit", this.handleFormSubmit);
|
|
168
170
|
}
|
|
169
171
|
}
|
|
170
|
-
|
|
171
172
|
/**
|
|
172
173
|
* Fetches the widget's form HTML from the REST API and loads it into the
|
|
173
174
|
* control's form.
|
|
@@ -177,28 +178,18 @@ class Control {
|
|
|
177
178
|
async loadContent() {
|
|
178
179
|
try {
|
|
179
180
|
if (this.id) {
|
|
180
|
-
const {
|
|
181
|
-
form
|
|
182
|
-
} = await saveWidget(this.id);
|
|
181
|
+
const { form } = await saveWidget(this.id);
|
|
183
182
|
this.content.innerHTML = form;
|
|
184
183
|
} else if (this.idBase) {
|
|
185
|
-
const {
|
|
186
|
-
form,
|
|
187
|
-
preview
|
|
188
|
-
} = await encodeWidget({
|
|
184
|
+
const { form, preview } = await encodeWidget({
|
|
189
185
|
idBase: this.idBase,
|
|
190
186
|
instance: this.instance,
|
|
191
187
|
number: this.number
|
|
192
188
|
});
|
|
193
189
|
this.content.innerHTML = form;
|
|
194
190
|
this.hasPreview = !isEmptyHTML(preview);
|
|
195
|
-
|
|
196
|
-
// If we don't have an instance, perform a save right away. This
|
|
197
|
-
// happens when creating a new Legacy Widget block.
|
|
198
191
|
if (!this.instance.hash) {
|
|
199
|
-
const {
|
|
200
|
-
instance
|
|
201
|
-
} = await encodeWidget({
|
|
192
|
+
const { instance } = await encodeWidget({
|
|
202
193
|
idBase: this.idBase,
|
|
203
194
|
instance: this.instance,
|
|
204
195
|
number: this.number,
|
|
@@ -207,23 +198,14 @@ class Control {
|
|
|
207
198
|
this.instance = instance;
|
|
208
199
|
}
|
|
209
200
|
}
|
|
210
|
-
|
|
211
|
-
// Trigger 'widget-added' when widget is ready. This event is what
|
|
212
|
-
// widgets' scripts use to initialize, attach events, etc. The event
|
|
213
|
-
// must be fired using jQuery's event bus as this is what widget
|
|
214
|
-
// scripts expect. If jQuery is not loaded, do nothing - some
|
|
215
|
-
// widgets will still work regardless.
|
|
216
201
|
if (window.jQuery) {
|
|
217
|
-
const {
|
|
218
|
-
|
|
219
|
-
} = window;
|
|
220
|
-
$(document).trigger('widget-added', [$(this.element)]);
|
|
202
|
+
const { jQuery: $ } = window;
|
|
203
|
+
$(document).trigger("widget-added", [$(this.element)]);
|
|
221
204
|
}
|
|
222
205
|
} catch (error) {
|
|
223
206
|
this.onError(error);
|
|
224
207
|
}
|
|
225
208
|
}
|
|
226
|
-
|
|
227
209
|
/**
|
|
228
210
|
* Perform a save when a multi widget's form is changed. Non-multi widgets
|
|
229
211
|
* are saved manually.
|
|
@@ -235,7 +217,6 @@ class Control {
|
|
|
235
217
|
this.saveForm();
|
|
236
218
|
}
|
|
237
219
|
}
|
|
238
|
-
|
|
239
220
|
/**
|
|
240
221
|
* Perform a save when the control's form is manually submitted.
|
|
241
222
|
*
|
|
@@ -246,7 +227,6 @@ class Control {
|
|
|
246
227
|
event.preventDefault();
|
|
247
228
|
this.saveForm();
|
|
248
229
|
}
|
|
249
|
-
|
|
250
230
|
/**
|
|
251
231
|
* Serialize the control's form, send it to the REST API, and update the
|
|
252
232
|
* instance with the encoded instance that the REST API returns.
|
|
@@ -257,21 +237,16 @@ class Control {
|
|
|
257
237
|
const formData = serializeForm(this.form);
|
|
258
238
|
try {
|
|
259
239
|
if (this.id) {
|
|
260
|
-
const {
|
|
261
|
-
form
|
|
262
|
-
} = await saveWidget(this.id, formData);
|
|
240
|
+
const { form } = await saveWidget(this.id, formData);
|
|
263
241
|
this.content.innerHTML = form;
|
|
264
242
|
if (window.jQuery) {
|
|
265
|
-
const {
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
243
|
+
const { jQuery: $ } = window;
|
|
244
|
+
$(document).trigger("widget-updated", [
|
|
245
|
+
$(this.element)
|
|
246
|
+
]);
|
|
269
247
|
}
|
|
270
248
|
} else if (this.idBase) {
|
|
271
|
-
const {
|
|
272
|
-
instance,
|
|
273
|
-
preview
|
|
274
|
-
} = await encodeWidget({
|
|
249
|
+
const { instance, preview } = await encodeWidget({
|
|
275
250
|
idBase: this.idBase,
|
|
276
251
|
instance: this.instance,
|
|
277
252
|
number: this.number,
|
|
@@ -284,7 +259,6 @@ class Control {
|
|
|
284
259
|
this.onError(error);
|
|
285
260
|
}
|
|
286
261
|
}
|
|
287
|
-
|
|
288
262
|
/**
|
|
289
263
|
* The widget's instance object.
|
|
290
264
|
*
|
|
@@ -293,7 +267,6 @@ class Control {
|
|
|
293
267
|
get instance() {
|
|
294
268
|
return this._instance;
|
|
295
269
|
}
|
|
296
|
-
|
|
297
270
|
/**
|
|
298
271
|
* The widget's instance object.
|
|
299
272
|
*
|
|
@@ -305,7 +278,6 @@ class Control {
|
|
|
305
278
|
this.onChangeInstance(instance);
|
|
306
279
|
}
|
|
307
280
|
}
|
|
308
|
-
|
|
309
281
|
/**
|
|
310
282
|
* Whether or not the widget can be previewed.
|
|
311
283
|
*
|
|
@@ -314,7 +286,6 @@ class Control {
|
|
|
314
286
|
get hasPreview() {
|
|
315
287
|
return this._hasPreview;
|
|
316
288
|
}
|
|
317
|
-
|
|
318
289
|
/**
|
|
319
290
|
* Whether or not the widget can be previewed.
|
|
320
291
|
*
|
|
@@ -327,7 +298,6 @@ class Control {
|
|
|
327
298
|
}
|
|
328
299
|
}
|
|
329
300
|
}
|
|
330
|
-
exports.default = Control;
|
|
331
301
|
let lastNumber = 0;
|
|
332
302
|
function el(tagName, attributes = {}, content = null) {
|
|
333
303
|
const element = document.createElement(tagName);
|
|
@@ -340,7 +310,7 @@ function el(tagName, attributes = {}, content = null) {
|
|
|
340
310
|
element.appendChild(child);
|
|
341
311
|
}
|
|
342
312
|
}
|
|
343
|
-
} else if (typeof content ===
|
|
313
|
+
} else if (typeof content === "string") {
|
|
344
314
|
element.innerText = content;
|
|
345
315
|
}
|
|
346
316
|
return element;
|
|
@@ -348,32 +318,25 @@ function el(tagName, attributes = {}, content = null) {
|
|
|
348
318
|
async function saveWidget(id, formData = null) {
|
|
349
319
|
let widget;
|
|
350
320
|
if (formData) {
|
|
351
|
-
widget = await (0,
|
|
321
|
+
widget = await (0, import_api_fetch.default)({
|
|
352
322
|
path: `/wp/v2/widgets/${id}?context=edit`,
|
|
353
|
-
method:
|
|
323
|
+
method: "PUT",
|
|
354
324
|
data: {
|
|
355
325
|
form_data: formData
|
|
356
326
|
}
|
|
357
327
|
});
|
|
358
328
|
} else {
|
|
359
|
-
widget = await (0,
|
|
329
|
+
widget = await (0, import_api_fetch.default)({
|
|
360
330
|
path: `/wp/v2/widgets/${id}?context=edit`,
|
|
361
|
-
method:
|
|
331
|
+
method: "GET"
|
|
362
332
|
});
|
|
363
333
|
}
|
|
364
|
-
return {
|
|
365
|
-
form: widget.rendered_form
|
|
366
|
-
};
|
|
334
|
+
return { form: widget.rendered_form };
|
|
367
335
|
}
|
|
368
|
-
async function encodeWidget({
|
|
369
|
-
|
|
370
|
-
instance,
|
|
371
|
-
number,
|
|
372
|
-
formData = null
|
|
373
|
-
}) {
|
|
374
|
-
const response = await (0, _apiFetch.default)({
|
|
336
|
+
async function encodeWidget({ idBase, instance, number, formData = null }) {
|
|
337
|
+
const response = await (0, import_api_fetch.default)({
|
|
375
338
|
path: `/wp/v2/widget-types/${idBase}/encode`,
|
|
376
|
-
method:
|
|
339
|
+
method: "POST",
|
|
377
340
|
data: {
|
|
378
341
|
instance,
|
|
379
342
|
number,
|
|
@@ -387,32 +350,39 @@ async function encodeWidget({
|
|
|
387
350
|
};
|
|
388
351
|
}
|
|
389
352
|
function isEmptyHTML(html) {
|
|
390
|
-
const element = document.createElement(
|
|
353
|
+
const element = document.createElement("div");
|
|
391
354
|
element.innerHTML = html;
|
|
392
355
|
return isEmptyNode(element);
|
|
393
356
|
}
|
|
394
357
|
function isEmptyNode(node) {
|
|
395
358
|
switch (node.nodeType) {
|
|
396
359
|
case node.TEXT_NODE:
|
|
397
|
-
|
|
398
|
-
return node.nodeValue.trim() === '';
|
|
360
|
+
return node.nodeValue.trim() === "";
|
|
399
361
|
case node.ELEMENT_NODE:
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
362
|
+
if ([
|
|
363
|
+
"AUDIO",
|
|
364
|
+
"CANVAS",
|
|
365
|
+
"EMBED",
|
|
366
|
+
"IFRAME",
|
|
367
|
+
"IMG",
|
|
368
|
+
"MATH",
|
|
369
|
+
"OBJECT",
|
|
370
|
+
"SVG",
|
|
371
|
+
"VIDEO"
|
|
372
|
+
].includes(node.tagName)) {
|
|
403
373
|
return false;
|
|
404
374
|
}
|
|
405
|
-
// Elements with no children are empty.
|
|
406
375
|
if (!node.hasChildNodes()) {
|
|
407
376
|
return true;
|
|
408
377
|
}
|
|
409
|
-
// Elements with children are empty if all their children are empty.
|
|
410
378
|
return Array.from(node.childNodes).every(isEmptyNode);
|
|
411
379
|
default:
|
|
412
380
|
return true;
|
|
413
381
|
}
|
|
414
382
|
}
|
|
415
383
|
function serializeForm(form) {
|
|
416
|
-
return new window.URLSearchParams(
|
|
384
|
+
return new window.URLSearchParams(
|
|
385
|
+
Array.from(new window.FormData(form))
|
|
386
|
+
).toString();
|
|
417
387
|
}
|
|
418
|
-
//# sourceMappingURL=control.js.map
|
|
388
|
+
//# sourceMappingURL=control.js.map
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{"version":3,"names":["_apiFetch","_interopRequireDefault","require","_compose","_i18n","Control","constructor","id","idBase","instance","onChangeInstance","onChangeHasPreview","onError","_instance","_hasPreview","number","lastNumber","handleFormChange","debounce","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","exports","default","tagName","attributes","createElement","attribute","Object","entries","setAttribute","Array","isArray","child","appendChild","innerText","widget","apiFetch","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 control 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 garbage 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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","ignoreList":[]}
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/blocks/legacy-widget/edit/control.js"],
|
|
4
|
+
"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 control 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 garbage 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"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["apiFetch"]
|
|
7
|
+
}
|