@wordpress/widgets 4.32.0 → 4.32.1-next.ff1cebbba.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
|
@@ -1,211 +1,190 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
},
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
url,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
block: 'core/video',
|
|
97
|
-
widget: 'media_video',
|
|
98
|
-
transform: ({
|
|
99
|
-
url,
|
|
100
|
-
preload,
|
|
101
|
-
loop,
|
|
102
|
-
attachment_id: id
|
|
103
|
-
}) => {
|
|
104
|
-
return {
|
|
105
|
-
src: url,
|
|
106
|
-
id,
|
|
107
|
-
preload,
|
|
108
|
-
loop
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
}, {
|
|
112
|
-
block: 'core/image',
|
|
113
|
-
widget: 'media_image',
|
|
114
|
-
transform: ({
|
|
115
|
-
alt,
|
|
116
|
-
attachment_id: id,
|
|
117
|
-
caption,
|
|
118
|
-
height,
|
|
119
|
-
link_classes: linkClass,
|
|
120
|
-
link_rel: rel,
|
|
121
|
-
link_target_blank: targetBlack,
|
|
122
|
-
link_type: linkDestination,
|
|
123
|
-
link_url: link,
|
|
124
|
-
size: sizeSlug,
|
|
125
|
-
url,
|
|
126
|
-
width
|
|
127
|
-
}) => {
|
|
128
|
-
return {
|
|
1
|
+
import { createBlock } from "@wordpress/blocks";
|
|
2
|
+
const legacyWidgetTransforms = [
|
|
3
|
+
{
|
|
4
|
+
block: "core/calendar",
|
|
5
|
+
widget: "calendar"
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
block: "core/search",
|
|
9
|
+
widget: "search"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
block: "core/html",
|
|
13
|
+
widget: "custom_html",
|
|
14
|
+
transform: ({ content }) => ({
|
|
15
|
+
content
|
|
16
|
+
})
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
block: "core/archives",
|
|
20
|
+
widget: "archives",
|
|
21
|
+
transform: ({ count, dropdown }) => {
|
|
22
|
+
return {
|
|
23
|
+
displayAsDropdown: !!dropdown,
|
|
24
|
+
showPostCounts: !!count
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
block: "core/latest-posts",
|
|
30
|
+
widget: "recent-posts",
|
|
31
|
+
transform: ({ show_date: displayPostDate, number }) => {
|
|
32
|
+
return {
|
|
33
|
+
displayPostDate: !!displayPostDate,
|
|
34
|
+
postsToShow: number
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
block: "core/latest-comments",
|
|
40
|
+
widget: "recent-comments",
|
|
41
|
+
transform: ({ number }) => {
|
|
42
|
+
return {
|
|
43
|
+
commentsToShow: number
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
block: "core/tag-cloud",
|
|
49
|
+
widget: "tag_cloud",
|
|
50
|
+
transform: ({ taxonomy, count }) => {
|
|
51
|
+
return {
|
|
52
|
+
showTagCounts: !!count,
|
|
53
|
+
taxonomy
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
block: "core/categories",
|
|
59
|
+
widget: "categories",
|
|
60
|
+
transform: ({ count, dropdown, hierarchical }) => {
|
|
61
|
+
return {
|
|
62
|
+
displayAsDropdown: !!dropdown,
|
|
63
|
+
showPostCounts: !!count,
|
|
64
|
+
showHierarchy: !!hierarchical
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
block: "core/audio",
|
|
70
|
+
widget: "media_audio",
|
|
71
|
+
transform: ({ url, preload, loop, attachment_id: id }) => {
|
|
72
|
+
return {
|
|
73
|
+
src: url,
|
|
74
|
+
id,
|
|
75
|
+
preload,
|
|
76
|
+
loop
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
block: "core/video",
|
|
82
|
+
widget: "media_video",
|
|
83
|
+
transform: ({ url, preload, loop, attachment_id: id }) => {
|
|
84
|
+
return {
|
|
85
|
+
src: url,
|
|
86
|
+
id,
|
|
87
|
+
preload,
|
|
88
|
+
loop
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
block: "core/image",
|
|
94
|
+
widget: "media_image",
|
|
95
|
+
transform: ({
|
|
129
96
|
alt,
|
|
97
|
+
attachment_id: id,
|
|
130
98
|
caption,
|
|
131
99
|
height,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
linkDestination,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
sizeSlug,
|
|
100
|
+
link_classes: linkClass,
|
|
101
|
+
link_rel: rel,
|
|
102
|
+
link_target_blank: targetBlack,
|
|
103
|
+
link_type: linkDestination,
|
|
104
|
+
link_url: link,
|
|
105
|
+
size: sizeSlug,
|
|
139
106
|
url,
|
|
140
107
|
width
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
108
|
+
}) => {
|
|
109
|
+
return {
|
|
110
|
+
alt,
|
|
111
|
+
caption,
|
|
112
|
+
height,
|
|
113
|
+
id,
|
|
114
|
+
link,
|
|
115
|
+
linkClass,
|
|
116
|
+
linkDestination,
|
|
117
|
+
linkTarget: targetBlack ? "_blank" : void 0,
|
|
118
|
+
rel,
|
|
119
|
+
sizeSlug,
|
|
120
|
+
url,
|
|
121
|
+
width
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
block: "core/gallery",
|
|
127
|
+
widget: "media_gallery",
|
|
128
|
+
transform: ({ ids, link_type: linkTo, size, number }) => {
|
|
129
|
+
return {
|
|
130
|
+
ids,
|
|
131
|
+
columns: number,
|
|
132
|
+
linkTo,
|
|
133
|
+
sizeSlug: size,
|
|
134
|
+
images: ids.map((id) => ({
|
|
135
|
+
id
|
|
136
|
+
}))
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
block: "core/rss",
|
|
142
|
+
widget: "rss",
|
|
143
|
+
transform: ({
|
|
144
|
+
url,
|
|
145
|
+
show_author: displayAuthor,
|
|
146
|
+
show_date: displayDate,
|
|
147
|
+
show_summary: displayExcerpt,
|
|
148
|
+
items
|
|
149
|
+
}) => {
|
|
150
|
+
return {
|
|
151
|
+
feedURL: url,
|
|
152
|
+
displayAuthor: !!displayAuthor,
|
|
153
|
+
displayDate: !!displayDate,
|
|
154
|
+
displayExcerpt: !!displayExcerpt,
|
|
155
|
+
itemsToShow: items
|
|
156
|
+
};
|
|
157
|
+
}
|
|
179
158
|
}
|
|
180
|
-
|
|
181
|
-
block,
|
|
182
|
-
widget,
|
|
183
|
-
transform
|
|
184
|
-
}) => {
|
|
159
|
+
].map(({ block, widget, transform }) => {
|
|
185
160
|
return {
|
|
186
|
-
type:
|
|
161
|
+
type: "block",
|
|
187
162
|
blocks: [block],
|
|
188
|
-
isMatch: ({
|
|
189
|
-
idBase,
|
|
190
|
-
instance
|
|
191
|
-
}) => {
|
|
163
|
+
isMatch: ({ idBase, instance }) => {
|
|
192
164
|
return idBase === widget && !!instance?.raw;
|
|
193
165
|
},
|
|
194
|
-
transform: ({
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
166
|
+
transform: ({ instance }) => {
|
|
167
|
+
const transformedBlock = createBlock(
|
|
168
|
+
block,
|
|
169
|
+
transform ? transform(instance.raw) : void 0
|
|
170
|
+
);
|
|
198
171
|
if (!instance.raw?.title) {
|
|
199
172
|
return transformedBlock;
|
|
200
173
|
}
|
|
201
|
-
return [
|
|
202
|
-
|
|
203
|
-
|
|
174
|
+
return [
|
|
175
|
+
createBlock("core/heading", {
|
|
176
|
+
content: instance.raw.title
|
|
177
|
+
}),
|
|
178
|
+
transformedBlock
|
|
179
|
+
];
|
|
204
180
|
}
|
|
205
181
|
};
|
|
206
182
|
});
|
|
207
183
|
const transforms = {
|
|
208
184
|
to: legacyWidgetTransforms
|
|
209
185
|
};
|
|
210
|
-
|
|
211
|
-
|
|
186
|
+
var transforms_default = transforms;
|
|
187
|
+
export {
|
|
188
|
+
transforms_default as default
|
|
189
|
+
};
|
|
190
|
+
//# sourceMappingURL=transforms.js.map
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/blocks/legacy-widget/transforms.js"],
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nconst legacyWidgetTransforms = [\n\t{\n\t\tblock: 'core/calendar',\n\t\twidget: 'calendar',\n\t},\n\t{\n\t\tblock: 'core/search',\n\t\twidget: 'search',\n\t},\n\t{\n\t\tblock: 'core/html',\n\t\twidget: 'custom_html',\n\t\ttransform: ( { content } ) => ( {\n\t\t\tcontent,\n\t\t} ),\n\t},\n\t{\n\t\tblock: 'core/archives',\n\t\twidget: 'archives',\n\t\ttransform: ( { count, dropdown } ) => {\n\t\t\treturn {\n\t\t\t\tdisplayAsDropdown: !! dropdown,\n\t\t\t\tshowPostCounts: !! count,\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/latest-posts',\n\t\twidget: 'recent-posts',\n\t\ttransform: ( { show_date: displayPostDate, number } ) => {\n\t\t\treturn {\n\t\t\t\tdisplayPostDate: !! displayPostDate,\n\t\t\t\tpostsToShow: number,\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/latest-comments',\n\t\twidget: 'recent-comments',\n\t\ttransform: ( { number } ) => {\n\t\t\treturn {\n\t\t\t\tcommentsToShow: number,\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/tag-cloud',\n\t\twidget: 'tag_cloud',\n\t\ttransform: ( { taxonomy, count } ) => {\n\t\t\treturn {\n\t\t\t\tshowTagCounts: !! count,\n\t\t\t\ttaxonomy,\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/categories',\n\t\twidget: 'categories',\n\t\ttransform: ( { count, dropdown, hierarchical } ) => {\n\t\t\treturn {\n\t\t\t\tdisplayAsDropdown: !! dropdown,\n\t\t\t\tshowPostCounts: !! count,\n\t\t\t\tshowHierarchy: !! hierarchical,\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/audio',\n\t\twidget: 'media_audio',\n\t\ttransform: ( { url, preload, loop, attachment_id: id } ) => {\n\t\t\treturn {\n\t\t\t\tsrc: url,\n\t\t\t\tid,\n\t\t\t\tpreload,\n\t\t\t\tloop,\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/video',\n\t\twidget: 'media_video',\n\t\ttransform: ( { url, preload, loop, attachment_id: id } ) => {\n\t\t\treturn {\n\t\t\t\tsrc: url,\n\t\t\t\tid,\n\t\t\t\tpreload,\n\t\t\t\tloop,\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/image',\n\t\twidget: 'media_image',\n\t\ttransform: ( {\n\t\t\talt,\n\t\t\tattachment_id: id,\n\t\t\tcaption,\n\t\t\theight,\n\t\t\tlink_classes: linkClass,\n\t\t\tlink_rel: rel,\n\t\t\tlink_target_blank: targetBlack,\n\t\t\tlink_type: linkDestination,\n\t\t\tlink_url: link,\n\t\t\tsize: sizeSlug,\n\t\t\turl,\n\t\t\twidth,\n\t\t} ) => {\n\t\t\treturn {\n\t\t\t\talt,\n\t\t\t\tcaption,\n\t\t\t\theight,\n\t\t\t\tid,\n\t\t\t\tlink,\n\t\t\t\tlinkClass,\n\t\t\t\tlinkDestination,\n\t\t\t\tlinkTarget: targetBlack ? '_blank' : undefined,\n\t\t\t\trel,\n\t\t\t\tsizeSlug,\n\t\t\t\turl,\n\t\t\t\twidth,\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/gallery',\n\t\twidget: 'media_gallery',\n\t\ttransform: ( { ids, link_type: linkTo, size, number } ) => {\n\t\t\treturn {\n\t\t\t\tids,\n\t\t\t\tcolumns: number,\n\t\t\t\tlinkTo,\n\t\t\t\tsizeSlug: size,\n\t\t\t\timages: ids.map( ( id ) => ( {\n\t\t\t\t\tid,\n\t\t\t\t} ) ),\n\t\t\t};\n\t\t},\n\t},\n\t{\n\t\tblock: 'core/rss',\n\t\twidget: 'rss',\n\t\ttransform: ( {\n\t\t\turl,\n\t\t\tshow_author: displayAuthor,\n\t\t\tshow_date: displayDate,\n\t\t\tshow_summary: displayExcerpt,\n\t\t\titems,\n\t\t} ) => {\n\t\t\treturn {\n\t\t\t\tfeedURL: url,\n\t\t\t\tdisplayAuthor: !! displayAuthor,\n\t\t\t\tdisplayDate: !! displayDate,\n\t\t\t\tdisplayExcerpt: !! displayExcerpt,\n\t\t\t\titemsToShow: items,\n\t\t\t};\n\t\t},\n\t},\n].map( ( { block, widget, transform } ) => {\n\treturn {\n\t\ttype: 'block',\n\t\tblocks: [ block ],\n\t\tisMatch: ( { idBase, instance } ) => {\n\t\t\treturn idBase === widget && !! instance?.raw;\n\t\t},\n\t\ttransform: ( { instance } ) => {\n\t\t\tconst transformedBlock = createBlock(\n\t\t\t\tblock,\n\t\t\t\ttransform ? transform( instance.raw ) : undefined\n\t\t\t);\n\t\t\tif ( ! instance.raw?.title ) {\n\t\t\t\treturn transformedBlock;\n\t\t\t}\n\t\t\treturn [\n\t\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\t\tcontent: instance.raw.title,\n\t\t\t\t} ),\n\t\t\t\ttransformedBlock,\n\t\t\t];\n\t\t},\n\t};\n} );\n\nconst transforms = {\n\tto: legacyWidgetTransforms,\n};\n\nexport default transforms;\n"],
|
|
5
|
+
"mappings": "AAGA,SAAS,mBAAmB;AAE5B,MAAM,yBAAyB;AAAA,EAC9B;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,QAAQ,OAAS;AAAA,MAC/B;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,OAAO,SAAS,MAAO;AACrC,aAAO;AAAA,QACN,mBAAmB,CAAC,CAAE;AAAA,QACtB,gBAAgB,CAAC,CAAE;AAAA,MACpB;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,WAAW,iBAAiB,OAAO,MAAO;AACxD,aAAO;AAAA,QACN,iBAAiB,CAAC,CAAE;AAAA,QACpB,aAAa;AAAA,MACd;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,OAAO,MAAO;AAC5B,aAAO;AAAA,QACN,gBAAgB;AAAA,MACjB;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,UAAU,MAAM,MAAO;AACrC,aAAO;AAAA,QACN,eAAe,CAAC,CAAE;AAAA,QAClB;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,OAAO,UAAU,aAAa,MAAO;AACnD,aAAO;AAAA,QACN,mBAAmB,CAAC,CAAE;AAAA,QACtB,gBAAgB,CAAC,CAAE;AAAA,QACnB,eAAe,CAAC,CAAE;AAAA,MACnB;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,KAAK,SAAS,MAAM,eAAe,GAAG,MAAO;AAC3D,aAAO;AAAA,QACN,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,KAAK,SAAS,MAAM,eAAe,GAAG,MAAO;AAC3D,aAAO;AAAA,QACN,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,UAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACD,MAAO;AACN,aAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,cAAc,WAAW;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE,EAAE,KAAK,WAAW,QAAQ,MAAM,OAAO,MAAO;AAC1D,aAAO;AAAA,QACN;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,UAAU;AAAA,QACV,QAAQ,IAAI,IAAK,CAAE,QAAU;AAAA,UAC5B;AAAA,QACD,EAAI;AAAA,MACL;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAE;AAAA,MACZ;AAAA,MACA,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd;AAAA,IACD,MAAO;AACN,aAAO;AAAA,QACN,SAAS;AAAA,QACT,eAAe,CAAC,CAAE;AAAA,QAClB,aAAa,CAAC,CAAE;AAAA,QAChB,gBAAgB,CAAC,CAAE;AAAA,QACnB,aAAa;AAAA,MACd;AAAA,IACD;AAAA,EACD;AACD,EAAE,IAAK,CAAE,EAAE,OAAO,QAAQ,UAAU,MAAO;AAC1C,SAAO;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAE,KAAM;AAAA,IAChB,SAAS,CAAE,EAAE,QAAQ,SAAS,MAAO;AACpC,aAAO,WAAW,UAAU,CAAC,CAAE,UAAU;AAAA,IAC1C;AAAA,IACA,WAAW,CAAE,EAAE,SAAS,MAAO;AAC9B,YAAM,mBAAmB;AAAA,QACxB;AAAA,QACA,YAAY,UAAW,SAAS,GAAI,IAAI;AAAA,MACzC;AACA,UAAK,CAAE,SAAS,KAAK,OAAQ;AAC5B,eAAO;AAAA,MACR;AACA,aAAO;AAAA,QACN,YAAa,gBAAgB;AAAA,UAC5B,SAAS,SAAS,IAAI;AAAA,QACvB,CAAE;AAAA,QACF;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAE;AAEF,MAAM,aAAa;AAAA,EAClB,IAAI;AACL;AAEA,IAAO,qBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://schemas.wp.org/trunk/block.json",
|
|
3
|
+
"apiVersion": 3,
|
|
4
|
+
"name": "core/widget-group",
|
|
5
|
+
"title": "Widget Group",
|
|
6
|
+
"category": "widgets",
|
|
7
|
+
"attributes": {
|
|
8
|
+
"title": {
|
|
9
|
+
"type": "string"
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
"supports": {
|
|
13
|
+
"html": false,
|
|
14
|
+
"inserter": true,
|
|
15
|
+
"customClassName": true,
|
|
16
|
+
"reusable": false
|
|
17
|
+
},
|
|
18
|
+
"editorStyle": "wp-block-widget-group-editor",
|
|
19
|
+
"style": "wp-block-widget-group"
|
|
20
|
+
}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
*/
|
|
4
|
-
import { InnerBlocks, RichText } from '@wordpress/block-editor';
|
|
5
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { InnerBlocks, RichText } from "@wordpress/block-editor";
|
|
6
3
|
const v1 = {
|
|
7
4
|
attributes: {
|
|
8
5
|
title: {
|
|
9
|
-
type:
|
|
6
|
+
type: "string"
|
|
10
7
|
}
|
|
11
8
|
},
|
|
12
9
|
supports: {
|
|
@@ -15,17 +12,22 @@ const v1 = {
|
|
|
15
12
|
customClassName: true,
|
|
16
13
|
reusable: false
|
|
17
14
|
},
|
|
18
|
-
save({
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
15
|
+
save({ attributes }) {
|
|
16
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
17
|
+
/* @__PURE__ */ jsx(
|
|
18
|
+
RichText.Content,
|
|
19
|
+
{
|
|
20
|
+
tagName: "h2",
|
|
21
|
+
className: "widget-title",
|
|
22
|
+
value: attributes.title
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
/* @__PURE__ */ jsx(InnerBlocks.Content, {})
|
|
26
|
+
] });
|
|
28
27
|
}
|
|
29
28
|
};
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
var deprecated_default = [v1];
|
|
30
|
+
export {
|
|
31
|
+
deprecated_default as default
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=deprecated.js.map
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/blocks/widget-group/deprecated.js"],
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, RichText } from '@wordpress/block-editor';\n\nconst v1 = {\n\tattributes: {\n\t\ttitle: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsupports: {\n\t\thtml: false,\n\t\tinserter: true,\n\t\tcustomClassName: true,\n\t\treusable: false,\n\t},\n\tsave( { attributes } ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\tclassName=\"widget-title\"\n\t\t\t\t\tvalue={ attributes.title }\n\t\t\t\t/>\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</>\n\t\t);\n\t},\n};\n\nexport default [ v1 ];\n"],
|
|
5
|
+
"mappings": "AAmBG,mBACC,KADD;AAhBH,SAAS,aAAa,gBAAgB;AAEtC,MAAM,KAAK;AAAA,EACV,YAAY;AAAA,IACX,OAAO;AAAA,MACN,MAAM;AAAA,IACP;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,UAAU;AAAA,EACX;AAAA,EACA,KAAM,EAAE,WAAW,GAAI;AACtB,WACC,iCACC;AAAA;AAAA,QAAC,SAAS;AAAA,QAAT;AAAA,UACA,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,OAAQ,WAAW;AAAA;AAAA,MACpB;AAAA,MACA,oBAAC,YAAY,SAAZ,EAAoB;AAAA,OACtB;AAAA,EAEF;AACD;AAEA,IAAO,qBAAQ,CAAE,EAAG;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,65 +1,56 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
} = useSelect(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
children: innerBlocks.length === 0 ? /*#__PURE__*/_jsx(PlaceholderContent, {
|
|
22
|
-
...props
|
|
23
|
-
}) : /*#__PURE__*/_jsx(PreviewContent, {
|
|
24
|
-
...props
|
|
25
|
-
})
|
|
26
|
-
});
|
|
1
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import {
|
|
3
|
+
useBlockProps,
|
|
4
|
+
BlockIcon,
|
|
5
|
+
ButtonBlockAppender,
|
|
6
|
+
InnerBlocks,
|
|
7
|
+
store as blockEditorStore,
|
|
8
|
+
RichText
|
|
9
|
+
} from "@wordpress/block-editor";
|
|
10
|
+
import { Placeholder } from "@wordpress/components";
|
|
11
|
+
import { group as groupIcon } from "@wordpress/icons";
|
|
12
|
+
import { __ } from "@wordpress/i18n";
|
|
13
|
+
import { useSelect } from "@wordpress/data";
|
|
14
|
+
function Edit(props) {
|
|
15
|
+
const { clientId } = props;
|
|
16
|
+
const { innerBlocks } = useSelect(
|
|
17
|
+
(select) => select(blockEditorStore).getBlock(clientId),
|
|
18
|
+
[clientId]
|
|
19
|
+
);
|
|
20
|
+
return /* @__PURE__ */ jsx("div", { ...useBlockProps({ className: "widget" }), children: innerBlocks.length === 0 ? /* @__PURE__ */ jsx(PlaceholderContent, { ...props }) : /* @__PURE__ */ jsx(PreviewContent, { ...props }) });
|
|
27
21
|
}
|
|
28
|
-
function PlaceholderContent({
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}), /*#__PURE__*/_jsx(InnerBlocks, {
|
|
42
|
-
renderAppender: false
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
22
|
+
function PlaceholderContent({ clientId }) {
|
|
23
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
24
|
+
/* @__PURE__ */ jsx(
|
|
25
|
+
Placeholder,
|
|
26
|
+
{
|
|
27
|
+
className: "wp-block-widget-group__placeholder",
|
|
28
|
+
icon: /* @__PURE__ */ jsx(BlockIcon, { icon: groupIcon }),
|
|
29
|
+
label: __("Widget Group"),
|
|
30
|
+
children: /* @__PURE__ */ jsx(ButtonBlockAppender, { rootClientId: clientId })
|
|
31
|
+
}
|
|
32
|
+
),
|
|
33
|
+
/* @__PURE__ */ jsx(InnerBlocks, { renderAppender: false })
|
|
34
|
+
] });
|
|
45
35
|
}
|
|
46
|
-
function PreviewContent({
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}), /*#__PURE__*/_jsx(InnerBlocks, {})]
|
|
63
|
-
});
|
|
36
|
+
function PreviewContent({ attributes, setAttributes }) {
|
|
37
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
38
|
+
/* @__PURE__ */ jsx(
|
|
39
|
+
RichText,
|
|
40
|
+
{
|
|
41
|
+
tagName: "h2",
|
|
42
|
+
identifier: "title",
|
|
43
|
+
className: "widget-title",
|
|
44
|
+
allowedFormats: [],
|
|
45
|
+
placeholder: __("Title"),
|
|
46
|
+
value: attributes.title ?? "",
|
|
47
|
+
onChange: (title) => setAttributes({ title })
|
|
48
|
+
}
|
|
49
|
+
),
|
|
50
|
+
/* @__PURE__ */ jsx(InnerBlocks, {})
|
|
51
|
+
] });
|
|
64
52
|
}
|
|
65
|
-
|
|
53
|
+
export {
|
|
54
|
+
Edit as default
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=edit.js.map
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/blocks/widget-group/edit.js"],
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockIcon,\n\tButtonBlockAppender,\n\tInnerBlocks,\n\tstore as blockEditorStore,\n\tRichText,\n} from '@wordpress/block-editor';\nimport { Placeholder } from '@wordpress/components';\nimport { group as groupIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\nexport default function Edit( props ) {\n\tconst { clientId } = props;\n\tconst { innerBlocks } = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'widget' } ) }>\n\t\t\t{ innerBlocks.length === 0 ? (\n\t\t\t\t<PlaceholderContent { ...props } />\n\t\t\t) : (\n\t\t\t\t<PreviewContent { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction PlaceholderContent( { clientId } ) {\n\treturn (\n\t\t<>\n\t\t\t<Placeholder\n\t\t\t\tclassName=\"wp-block-widget-group__placeholder\"\n\t\t\t\ticon={ <BlockIcon icon={ groupIcon } /> }\n\t\t\t\tlabel={ __( 'Widget Group' ) }\n\t\t\t>\n\t\t\t\t<ButtonBlockAppender rootClientId={ clientId } />\n\t\t\t</Placeholder>\n\t\t\t<InnerBlocks renderAppender={ false } />\n\t\t</>\n\t);\n}\n\nfunction PreviewContent( { attributes, setAttributes } ) {\n\treturn (\n\t\t<>\n\t\t\t<RichText\n\t\t\t\ttagName=\"h2\"\n\t\t\t\tidentifier=\"title\"\n\t\t\t\tclassName=\"widget-title\"\n\t\t\t\tallowedFormats={ [] }\n\t\t\t\tplaceholder={ __( 'Title' ) }\n\t\t\t\tvalue={ attributes.title ?? '' }\n\t\t\t\tonChange={ ( title ) => setAttributes( { title } ) }\n\t\t\t/>\n\t\t\t<InnerBlocks />\n\t\t</>\n\t);\n}\n"],
|
|
5
|
+
"mappings": "AA0BI,SAUF,UAVE,KAUF,YAVE;AAvBJ;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,OACM;AACP,SAAS,mBAAmB;AAC5B,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAEX,SAAR,KAAuB,OAAQ;AACrC,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,EAAE,YAAY,IAAI;AAAA,IACvB,CAAE,WAAY,OAAQ,gBAAiB,EAAE,SAAU,QAAS;AAAA,IAC5D,CAAE,QAAS;AAAA,EACZ;AAEA,SACC,oBAAC,SAAM,GAAG,cAAe,EAAE,WAAW,SAAS,CAAE,GAC9C,sBAAY,WAAW,IACxB,oBAAC,sBAAqB,GAAG,OAAQ,IAEjC,oBAAC,kBAAiB,GAAG,OAAQ,GAE/B;AAEF;AAEA,SAAS,mBAAoB,EAAE,SAAS,GAAI;AAC3C,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,MAAO,oBAAC,aAAU,MAAO,WAAY;AAAA,QACrC,OAAQ,GAAI,cAAe;AAAA,QAE3B,8BAAC,uBAAoB,cAAe,UAAW;AAAA;AAAA,IAChD;AAAA,IACA,oBAAC,eAAY,gBAAiB,OAAQ;AAAA,KACvC;AAEF;AAEA,SAAS,eAAgB,EAAE,YAAY,cAAc,GAAI;AACxD,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAiB,CAAC;AAAA,QAClB,aAAc,GAAI,OAAQ;AAAA,QAC1B,OAAQ,WAAW,SAAS;AAAA,QAC5B,UAAW,CAAE,UAAW,cAAe,EAAE,MAAM,CAAE;AAAA;AAAA,IAClD;AAAA,IACA,oBAAC,eAAY;AAAA,KACd;AAEF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|