@wordpress/widgets 3.34.0 → 4.0.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/CHANGELOG.md +12 -0
- package/build/blocks/legacy-widget/edit/convert-to-blocks-button.js +5 -4
- package/build/blocks/legacy-widget/edit/convert-to-blocks-button.js.map +1 -1
- package/build/blocks/legacy-widget/edit/form.js +29 -24
- package/build/blocks/legacy-widget/edit/form.js.map +1 -1
- package/build/blocks/legacy-widget/edit/index.js +87 -69
- package/build/blocks/legacy-widget/edit/index.js.map +1 -1
- package/build/blocks/legacy-widget/edit/inspector-card.js +10 -6
- package/build/blocks/legacy-widget/edit/inspector-card.js.map +1 -1
- package/build/blocks/legacy-widget/edit/no-preview.js +9 -4
- package/build/blocks/legacy-widget/edit/no-preview.js.map +1 -1
- package/build/blocks/legacy-widget/edit/preview.js +29 -22
- package/build/blocks/legacy-widget/edit/preview.js.map +1 -1
- package/build/blocks/legacy-widget/edit/widget-type-selector.js +3 -3
- package/build/blocks/legacy-widget/edit/widget-type-selector.js.map +1 -1
- package/build/blocks/widget-group/deprecated.js +8 -6
- package/build/blocks/widget-group/deprecated.js.map +1 -1
- package/build/blocks/widget-group/edit.js +35 -29
- package/build/blocks/widget-group/edit.js.map +1 -1
- package/build/blocks/widget-group/save.js +11 -8
- package/build/blocks/widget-group/save.js.map +1 -1
- package/build/components/move-to-widget-area/index.js +27 -21
- package/build/components/move-to-widget-area/index.js.map +1 -1
- package/build-module/blocks/legacy-widget/edit/convert-to-blocks-button.js +5 -4
- package/build-module/blocks/legacy-widget/edit/convert-to-blocks-button.js.map +1 -1
- package/build-module/blocks/legacy-widget/edit/form.js +30 -24
- package/build-module/blocks/legacy-widget/edit/form.js.map +1 -1
- package/build-module/blocks/legacy-widget/edit/index.js +89 -69
- package/build-module/blocks/legacy-widget/edit/index.js.map +1 -1
- package/build-module/blocks/legacy-widget/edit/inspector-card.js +11 -6
- package/build-module/blocks/legacy-widget/edit/inspector-card.js.map +1 -1
- package/build-module/blocks/legacy-widget/edit/no-preview.js +10 -4
- package/build-module/blocks/legacy-widget/edit/no-preview.js.map +1 -1
- package/build-module/blocks/legacy-widget/edit/preview.js +31 -22
- package/build-module/blocks/legacy-widget/edit/preview.js.map +1 -1
- package/build-module/blocks/legacy-widget/edit/widget-type-selector.js +3 -3
- package/build-module/blocks/legacy-widget/edit/widget-type-selector.js.map +1 -1
- package/build-module/blocks/widget-group/deprecated.js +10 -6
- package/build-module/blocks/widget-group/deprecated.js.map +1 -1
- package/build-module/blocks/widget-group/edit.js +37 -29
- package/build-module/blocks/widget-group/edit.js.map +1 -1
- package/build-module/blocks/widget-group/save.js +13 -8
- package/build-module/blocks/widget-group/save.js.map +1 -1
- package/build-module/components/move-to-widget-area/index.js +27 -21
- package/build-module/components/move-to-widget-area/index.js.map +1 -1
- package/package.json +18 -14
- package/src/blocks/legacy-widget/edit/form.js +2 -2
- package/src/blocks/legacy-widget/edit/index.js +2 -2
- package/src/blocks/legacy-widget/edit/preview.js +4 -7
- package/src/blocks/legacy-widget/index.php +6 -0
- package/src/blocks/widget-group/index.php +8 -0
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { createElement, Fragment } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* External dependencies
|
|
4
3
|
*/
|
|
5
|
-
import
|
|
4
|
+
import clsx from 'clsx';
|
|
6
5
|
|
|
7
6
|
/**
|
|
8
7
|
* WordPress dependencies
|
|
@@ -24,6 +23,9 @@ import Form from './form';
|
|
|
24
23
|
import Preview from './preview';
|
|
25
24
|
import NoPreview from './no-preview';
|
|
26
25
|
import ConvertToBlocksButton from './convert-to-blocks-button';
|
|
26
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
27
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
28
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
27
29
|
export default function Edit(props) {
|
|
28
30
|
const {
|
|
29
31
|
id,
|
|
@@ -33,17 +35,18 @@ export default function Edit(props) {
|
|
|
33
35
|
isWide = false
|
|
34
36
|
} = props;
|
|
35
37
|
const blockProps = useBlockProps({
|
|
36
|
-
className:
|
|
38
|
+
className: clsx({
|
|
37
39
|
'is-wide-widget': isWide
|
|
38
40
|
})
|
|
39
41
|
});
|
|
40
|
-
return
|
|
41
|
-
...blockProps
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
return /*#__PURE__*/_jsx("div", {
|
|
43
|
+
...blockProps,
|
|
44
|
+
children: !id && !idBase ? /*#__PURE__*/_jsx(Empty, {
|
|
45
|
+
...props
|
|
46
|
+
}) : /*#__PURE__*/_jsx(NotEmpty, {
|
|
47
|
+
...props
|
|
48
|
+
})
|
|
49
|
+
});
|
|
47
50
|
}
|
|
48
51
|
function Empty({
|
|
49
52
|
attributes: {
|
|
@@ -52,38 +55,43 @@ function Empty({
|
|
|
52
55
|
},
|
|
53
56
|
setAttributes
|
|
54
57
|
}) {
|
|
55
|
-
return
|
|
56
|
-
icon:
|
|
58
|
+
return /*#__PURE__*/_jsx(Placeholder, {
|
|
59
|
+
icon: /*#__PURE__*/_jsx(BlockIcon, {
|
|
57
60
|
icon: brushIcon
|
|
58
61
|
}),
|
|
59
|
-
label: __('Legacy Widget')
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
62
|
+
label: __('Legacy Widget'),
|
|
63
|
+
children: /*#__PURE__*/_jsx(Flex, {
|
|
64
|
+
children: /*#__PURE__*/_jsx(FlexBlock, {
|
|
65
|
+
children: /*#__PURE__*/_jsx(WidgetTypeSelector, {
|
|
66
|
+
selectedId: id !== null && id !== void 0 ? id : idBase,
|
|
67
|
+
onSelect: ({
|
|
68
|
+
selectedId,
|
|
69
|
+
isMulti
|
|
70
|
+
}) => {
|
|
71
|
+
if (!selectedId) {
|
|
72
|
+
setAttributes({
|
|
73
|
+
id: null,
|
|
74
|
+
idBase: null,
|
|
75
|
+
instance: null
|
|
76
|
+
});
|
|
77
|
+
} else if (isMulti) {
|
|
78
|
+
setAttributes({
|
|
79
|
+
id: null,
|
|
80
|
+
idBase: selectedId,
|
|
81
|
+
instance: {}
|
|
82
|
+
});
|
|
83
|
+
} else {
|
|
84
|
+
setAttributes({
|
|
85
|
+
id: selectedId,
|
|
86
|
+
idBase: null,
|
|
87
|
+
instance: null
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
})
|
|
92
|
+
})
|
|
93
|
+
})
|
|
94
|
+
});
|
|
87
95
|
}
|
|
88
96
|
function NotEmpty({
|
|
89
97
|
attributes: {
|
|
@@ -109,40 +117,52 @@ function NotEmpty({
|
|
|
109
117
|
});
|
|
110
118
|
}, []);
|
|
111
119
|
if (!widgetType && hasResolvedWidgetType) {
|
|
112
|
-
return
|
|
113
|
-
icon:
|
|
120
|
+
return /*#__PURE__*/_jsx(Placeholder, {
|
|
121
|
+
icon: /*#__PURE__*/_jsx(BlockIcon, {
|
|
114
122
|
icon: brushIcon
|
|
115
123
|
}),
|
|
116
|
-
label: __('Legacy Widget')
|
|
117
|
-
|
|
124
|
+
label: __('Legacy Widget'),
|
|
125
|
+
children: __('Widget is missing.')
|
|
126
|
+
});
|
|
118
127
|
}
|
|
119
128
|
if (!hasResolvedWidgetType) {
|
|
120
|
-
return
|
|
129
|
+
return /*#__PURE__*/_jsx(Placeholder, {
|
|
130
|
+
children: /*#__PURE__*/_jsx(Spinner, {})
|
|
131
|
+
});
|
|
121
132
|
}
|
|
122
133
|
const mode = idBase && (isNavigationMode || !isSelected) ? 'preview' : 'edit';
|
|
123
|
-
return
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
134
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
135
|
+
children: [idBase === 'text' && /*#__PURE__*/_jsx(BlockControls, {
|
|
136
|
+
group: "other",
|
|
137
|
+
children: /*#__PURE__*/_jsx(ConvertToBlocksButton, {
|
|
138
|
+
clientId: clientId,
|
|
139
|
+
rawInstance: instance.raw
|
|
140
|
+
})
|
|
141
|
+
}), /*#__PURE__*/_jsx(InspectorControls, {
|
|
142
|
+
children: /*#__PURE__*/_jsx(InspectorCard, {
|
|
143
|
+
name: widgetType.name,
|
|
144
|
+
description: widgetType.description
|
|
145
|
+
})
|
|
146
|
+
}), /*#__PURE__*/_jsx(Form, {
|
|
147
|
+
title: widgetType.name,
|
|
148
|
+
isVisible: mode === 'edit',
|
|
149
|
+
id: id,
|
|
150
|
+
idBase: idBase,
|
|
151
|
+
instance: instance,
|
|
152
|
+
isWide: isWide,
|
|
153
|
+
onChangeInstance: setInstance,
|
|
154
|
+
onChangeHasPreview: setHasPreview
|
|
155
|
+
}), idBase && /*#__PURE__*/_jsxs(_Fragment, {
|
|
156
|
+
children: [hasPreview === null && mode === 'preview' && /*#__PURE__*/_jsx(Placeholder, {
|
|
157
|
+
children: /*#__PURE__*/_jsx(Spinner, {})
|
|
158
|
+
}), hasPreview === true && /*#__PURE__*/_jsx(Preview, {
|
|
159
|
+
idBase: idBase,
|
|
160
|
+
instance: instance,
|
|
161
|
+
isVisible: mode === 'preview'
|
|
162
|
+
}), hasPreview === false && mode === 'preview' && /*#__PURE__*/_jsx(NoPreview, {
|
|
163
|
+
name: widgetType.name
|
|
164
|
+
})]
|
|
165
|
+
})]
|
|
166
|
+
});
|
|
147
167
|
}
|
|
148
168
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["clsx","useBlockProps","BlockControls","InspectorControls","BlockIcon","store","blockEditorStore","Flex","FlexBlock","Spinner","Placeholder","brush","brushIcon","__","useState","useCallback","useSelect","useEntityRecord","WidgetTypeSelector","InspectorCard","Form","Preview","NoPreview","ConvertToBlocksButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","props","id","idBase","attributes","isWide","blockProps","className","children","Empty","NotEmpty","setAttributes","icon","label","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","isNavigationMode","select","setInstance","nextInstance","mode","group","rawInstance","raw","name","description","title","isVisible","onChangeInstance","onChangeHasPreview"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tInspectorControls,\n\tBlockIcon,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';\nimport { brush as brushIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityRecord } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport WidgetTypeSelector from './widget-type-selector';\nimport InspectorCard from './inspector-card';\nimport Form from './form';\nimport Preview from './preview';\nimport NoPreview from './no-preview';\nimport ConvertToBlocksButton from './convert-to-blocks-button';\n\nexport default function Edit( props ) {\n\tconst { id, idBase } = props.attributes;\n\tconst { isWide = false } = props;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t'is-wide-widget': isWide,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ ! id && ! idBase ? (\n\t\t\t\t<Empty { ...props } />\n\t\t\t) : (\n\t\t\t\t<NotEmpty { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Empty( { attributes: { id, idBase }, setAttributes } ) {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexBlock>\n\t\t\t\t\t<WidgetTypeSelector\n\t\t\t\t\t\tselectedId={ id ?? idBase }\n\t\t\t\t\t\tonSelect={ ( { selectedId, isMulti } ) => {\n\t\t\t\t\t\t\tif ( ! selectedId ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else if ( isMulti ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: selectedId,\n\t\t\t\t\t\t\t\t\tinstance: {},\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: selectedId,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Placeholder>\n\t);\n}\n\nfunction NotEmpty( {\n\tattributes: { id, idBase, instance },\n\tsetAttributes,\n\tclientId,\n\tisSelected,\n\tisWide = false,\n} ) {\n\tconst [ hasPreview, setHasPreview ] = useState( null );\n\n\tconst widgetTypeId = id ?? idBase;\n\tconst { record: widgetType, hasResolved: hasResolvedWidgetType } =\n\t\tuseEntityRecord( 'root', 'widgetType', widgetTypeId );\n\n\tconst isNavigationMode = useSelect(\n\t\t( select ) => select( blockEditorStore ).isNavigationMode(),\n\t\t[]\n\t);\n\n\tconst setInstance = useCallback( ( nextInstance ) => {\n\t\tsetAttributes( { instance: nextInstance } );\n\t}, [] );\n\n\tif ( ! widgetType && hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Widget is missing.' ) }\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tif ( ! hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder>\n\t\t\t\t<Spinner />\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tconst mode =\n\t\tidBase && ( isNavigationMode || ! isSelected ) ? 'preview' : 'edit';\n\n\treturn (\n\t\t<>\n\t\t\t{ idBase === 'text' && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ConvertToBlocksButton\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\trawInstance={ instance.raw }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\n\t\t\t<InspectorControls>\n\t\t\t\t<InspectorCard\n\t\t\t\t\tname={ widgetType.name }\n\t\t\t\t\tdescription={ widgetType.description }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\n\t\t\t<Form\n\t\t\t\ttitle={ widgetType.name }\n\t\t\t\tisVisible={ mode === 'edit' }\n\t\t\t\tid={ id }\n\t\t\t\tidBase={ idBase }\n\t\t\t\tinstance={ instance }\n\t\t\t\tisWide={ isWide }\n\t\t\t\tonChangeInstance={ setInstance }\n\t\t\t\tonChangeHasPreview={ setHasPreview }\n\t\t\t/>\n\n\t\t\t{ idBase && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasPreview === null && mode === 'preview' && (\n\t\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</Placeholder>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === true && (\n\t\t\t\t\t\t<Preview\n\t\t\t\t\t\t\tidBase={ idBase }\n\t\t\t\t\t\t\tinstance={ instance }\n\t\t\t\t\t\t\tisVisible={ mode === 'preview' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === false && mode === 'preview' && (\n\t\t\t\t\t\t<NoPreview name={ widgetType.name } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
export default function InspectorCard({
|
|
3
4
|
name,
|
|
4
5
|
description
|
|
5
6
|
}) {
|
|
6
|
-
return
|
|
7
|
-
className: "wp-block-legacy-widget-inspector-card"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
8
|
+
className: "wp-block-legacy-widget-inspector-card",
|
|
9
|
+
children: [/*#__PURE__*/_jsx("h3", {
|
|
10
|
+
className: "wp-block-legacy-widget-inspector-card__name",
|
|
11
|
+
children: name
|
|
12
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
13
|
+
children: description
|
|
14
|
+
})]
|
|
15
|
+
});
|
|
11
16
|
}
|
|
12
17
|
//# sourceMappingURL=inspector-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["InspectorCard","name","description","
|
|
1
|
+
{"version":3,"names":["InspectorCard","name","description","_jsxs","className","children","_jsx"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/inspector-card.js"],"sourcesContent":["export default function InspectorCard( { name, description } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget-inspector-card\">\n\t\t\t<h3 className=\"wp-block-legacy-widget-inspector-card__name\">\n\t\t\t\t{ name }\n\t\t\t</h3>\n\t\t\t<span>{ description }</span>\n\t\t</div>\n\t);\n}\n"],"mappings":";;AAAA,eAAe,SAASA,aAAaA,CAAE;EAAEC,IAAI;EAAEC;AAAY,CAAC,EAAG;EAC9D,oBACCC,KAAA;IAAKC,SAAS,EAAC,uCAAuC;IAAAC,QAAA,gBACrDC,IAAA;MAAIF,SAAS,EAAC,6CAA6C;MAAAC,QAAA,EACxDJ;IAAI,CACH,CAAC,eACLK,IAAA;MAAAD,QAAA,EAAQH;IAAW,CAAQ,CAAC;EAAA,CACxB,CAAC;AAER","ignoreList":[]}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
import { createElement } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* WordPress dependencies
|
|
4
3
|
*/
|
|
5
4
|
import { __ } from '@wordpress/i18n';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
7
|
export default function NoPreview({
|
|
7
8
|
name
|
|
8
9
|
}) {
|
|
9
|
-
return
|
|
10
|
-
className: "wp-block-legacy-widget__edit-no-preview"
|
|
11
|
-
|
|
10
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
11
|
+
className: "wp-block-legacy-widget__edit-no-preview",
|
|
12
|
+
children: [name && /*#__PURE__*/_jsx("h3", {
|
|
13
|
+
children: name
|
|
14
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
15
|
+
children: __('No preview available.')
|
|
16
|
+
})]
|
|
17
|
+
});
|
|
12
18
|
}
|
|
13
19
|
//# sourceMappingURL=no-preview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__","NoPreview","name","
|
|
1
|
+
{"version":3,"names":["__","jsx","_jsx","jsxs","_jsxs","NoPreview","name","className","children"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/no-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport default function NoPreview( { name } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget__edit-no-preview\">\n\t\t\t{ name && <h3>{ name }</h3> }\n\t\t\t<p>{ __( 'No preview available.' ) }</p>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,eAAe,SAASC,SAASA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAC7C,oBACCF,KAAA;IAAKG,SAAS,EAAC,yCAAyC;IAAAC,QAAA,GACrDF,IAAI,iBAAIJ,IAAA;MAAAM,QAAA,EAAMF;IAAI,CAAM,CAAC,eAC3BJ,IAAA;MAAAM,QAAA,EAAKR,EAAE,CAAE,uBAAwB;IAAC,CAAK,CAAC;EAAA,CACpC,CAAC;AAER","ignoreList":[]}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { createElement, Fragment } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* External dependencies
|
|
4
3
|
*/
|
|
5
|
-
import
|
|
4
|
+
import clsx from 'clsx';
|
|
6
5
|
|
|
7
6
|
/**
|
|
8
7
|
* WordPress dependencies
|
|
@@ -12,6 +11,9 @@ import { useEffect, useState } from '@wordpress/element';
|
|
|
12
11
|
import { Disabled, Placeholder, Spinner } from '@wordpress/components';
|
|
13
12
|
import { __ } from '@wordpress/i18n';
|
|
14
13
|
import apiFetch from '@wordpress/api-fetch';
|
|
14
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
16
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
17
|
export default function Preview({
|
|
16
18
|
idBase,
|
|
17
19
|
instance,
|
|
@@ -85,25 +87,32 @@ export default function Preview({
|
|
|
85
87
|
iframe.removeEventListener('load', setHeight);
|
|
86
88
|
};
|
|
87
89
|
}, [isLoaded]);
|
|
88
|
-
return
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
})
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
90
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
91
|
+
children: [isVisible && !isLoaded && /*#__PURE__*/_jsx(Placeholder, {
|
|
92
|
+
children: /*#__PURE__*/_jsx(Spinner, {})
|
|
93
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
94
|
+
className: clsx('wp-block-legacy-widget__edit-preview', {
|
|
95
|
+
'is-offscreen': !isVisible || !isLoaded
|
|
96
|
+
}),
|
|
97
|
+
children: /*#__PURE__*/_jsx(Disabled, {
|
|
98
|
+
children: /*#__PURE__*/_jsx("iframe", {
|
|
99
|
+
ref: ref,
|
|
100
|
+
className: "wp-block-legacy-widget__edit-preview-iframe",
|
|
101
|
+
tabIndex: "-1",
|
|
102
|
+
title: __('Legacy Widget Preview'),
|
|
103
|
+
srcDoc: srcDoc,
|
|
104
|
+
onLoad: event => {
|
|
105
|
+
// To hide the scrollbars of the preview frame for some edge cases,
|
|
106
|
+
// such as negative margins in the Gallery Legacy Widget.
|
|
107
|
+
// It can't be scrolled anyway.
|
|
108
|
+
// TODO: Ideally, this should be fixed in core.
|
|
109
|
+
event.target.contentDocument.body.style.overflow = 'hidden';
|
|
110
|
+
setIsLoaded(true);
|
|
111
|
+
},
|
|
112
|
+
height: 100
|
|
113
|
+
})
|
|
114
|
+
})
|
|
115
|
+
})]
|
|
116
|
+
});
|
|
108
117
|
}
|
|
109
118
|
//# sourceMappingURL=preview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["clsx","useRefEffect","useEffect","useState","Disabled","Placeholder","Spinner","__","apiFetch","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Preview","idBase","instance","isVisible","isLoaded","setIsLoaded","srcDoc","setSrcDoc","abortController","window","AbortController","undefined","fetchPreviewHTML","restRoute","path","method","signal","data","then","response","preview","catch","error","name","abort","ref","iframe","setHeight","_iframe$contentDocume","_iframe$contentDocume2","height","Math","max","contentDocument","documentElement","offsetHeight","body","style","IntersectionObserver","ownerDocument","defaultView","intersectionObserver","entry","isIntersecting","threshold","observe","addEventListener","disconnect","removeEventListener","children","className","tabIndex","title","onLoad","event","target","overflow"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/preview.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useEffect, useState } from '@wordpress/element';\nimport { Disabled, Placeholder, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport apiFetch from '@wordpress/api-fetch';\n\nexport default function Preview( { idBase, instance, isVisible } ) {\n\tconst [ isLoaded, setIsLoaded ] = useState( false );\n\tconst [ srcDoc, setSrcDoc ] = useState( '' );\n\n\tuseEffect( () => {\n\t\tconst abortController =\n\t\t\ttypeof window.AbortController === 'undefined'\n\t\t\t\t? undefined\n\t\t\t\t: new window.AbortController();\n\n\t\tasync function fetchPreviewHTML() {\n\t\t\tconst restRoute = `/wp/v2/widget-types/${ idBase }/render`;\n\t\t\treturn await apiFetch( {\n\t\t\t\tpath: restRoute,\n\t\t\t\tmethod: 'POST',\n\t\t\t\tsignal: abortController?.signal,\n\t\t\t\tdata: instance ? { instance } : {},\n\t\t\t} );\n\t\t}\n\n\t\tfetchPreviewHTML()\n\t\t\t.then( ( response ) => {\n\t\t\t\tsetSrcDoc( response.preview );\n\t\t\t} )\n\t\t\t.catch( ( error ) => {\n\t\t\t\tif ( 'AbortError' === error.name ) {\n\t\t\t\t\t// We don't want to log aborted requests.\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tthrow error;\n\t\t\t} );\n\n\t\treturn () => abortController?.abort();\n\t}, [ idBase, instance ] );\n\n\t// Resize the iframe on either the load event, or when the iframe becomes visible.\n\tconst ref = useRefEffect(\n\t\t( iframe ) => {\n\t\t\t// Only set height if the iframe is loaded,\n\t\t\t// or it will grow to an unexpected large height in Safari if it's hidden initially.\n\t\t\tif ( ! isLoaded ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// If the preview frame has another origin then this won't work.\n\t\t\t// One possible solution is to add custom script to call `postMessage` in the preview frame.\n\t\t\t// Or, better yet, we migrate away from iframe.\n\t\t\tfunction setHeight() {\n\t\t\t\t// Pick the maximum of these two values to account for margin collapsing.\n\t\t\t\tconst height = Math.max(\n\t\t\t\t\tiframe.contentDocument.documentElement?.offsetHeight ?? 0,\n\t\t\t\t\tiframe.contentDocument.body?.offsetHeight ?? 0\n\t\t\t\t);\n\n\t\t\t\t// Fallback to a height of 100px if the height cannot be determined.\n\t\t\t\t// This ensures the block is still selectable. 100px should hopefully\n\t\t\t\t// be not so big that it's annoying, and not so small that nothing\n\t\t\t\t// can be seen.\n\t\t\t\tiframe.style.height = `${ height !== 0 ? height : 100 }px`;\n\t\t\t}\n\n\t\t\tconst { IntersectionObserver } = iframe.ownerDocument.defaultView;\n\n\t\t\t// Observe for intersections that might cause a change in the height of\n\t\t\t// the iframe, e.g. a Widget Area becoming expanded.\n\t\t\tconst intersectionObserver = new IntersectionObserver(\n\t\t\t\t( [ entry ] ) => {\n\t\t\t\t\tif ( entry.isIntersecting ) {\n\t\t\t\t\t\tsetHeight();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthreshold: 1,\n\t\t\t\t}\n\t\t\t);\n\t\t\tintersectionObserver.observe( iframe );\n\n\t\t\tiframe.addEventListener( 'load', setHeight );\n\n\t\t\treturn () => {\n\t\t\t\tintersectionObserver.disconnect();\n\t\t\t\tiframe.removeEventListener( 'load', setHeight );\n\t\t\t};\n\t\t},\n\t\t[ isLoaded ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /*\n\t\t\tWhile the iframe contents are loading, we move the iframe off-screen\n\t\t\tand display a placeholder instead. This ensures that the user\n\t\t\tdoesn't see the iframe resize (which looks really janky). We have to\n\t\t\tmove the iframe off-screen instead of hiding it because web browsers\n\t\t\twill not trigger onLoad if the iframe is hidden.\n\t\t\t*/ }\n\t\t\t{ isVisible && ! isLoaded && (\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'wp-block-legacy-widget__edit-preview', {\n\t\t\t\t\t'is-offscreen': ! isVisible || ! isLoaded,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Disabled>\n\t\t\t\t\t{ /*\n\t\t\t\t\tWe use an iframe so that the widget has an opportunity to\n\t\t\t\t\tload scripts and styles that it needs to run.\n\t\t\t\t\t*/ }\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-preview-iframe\"\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\ttitle={ __( 'Legacy Widget Preview' ) }\n\t\t\t\t\t\tsrcDoc={ srcDoc }\n\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t// To hide the scrollbars of the preview frame for some edge cases,\n\t\t\t\t\t\t\t// such as negative margins in the Gallery Legacy Widget.\n\t\t\t\t\t\t\t// It can't be scrolled anyway.\n\t\t\t\t\t\t\t// TODO: Ideally, this should be fixed in core.\n\t\t\t\t\t\t\tevent.target.contentDocument.body.style.overflow =\n\t\t\t\t\t\t\t\t'hidden';\n\n\t\t\t\t\t\t\tsetIsLoaded( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\theight={ 100 }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { createElement } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* WordPress dependencies
|
|
4
3
|
*/
|
|
@@ -7,6 +6,7 @@ import { __ } from '@wordpress/i18n';
|
|
|
7
6
|
import { useSelect } from '@wordpress/data';
|
|
8
7
|
import { store as coreStore } from '@wordpress/core-data';
|
|
9
8
|
import { store as blockEditorStore } from '@wordpress/block-editor';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
export default function WidgetTypeSelector({
|
|
11
11
|
selectedId,
|
|
12
12
|
onSelect
|
|
@@ -19,12 +19,12 @@ export default function WidgetTypeSelector({
|
|
|
19
19
|
})?.filter(widgetType => !hiddenIds.includes(widgetType.id));
|
|
20
20
|
}, []);
|
|
21
21
|
if (!widgetTypes) {
|
|
22
|
-
return
|
|
22
|
+
return /*#__PURE__*/_jsx(Spinner, {});
|
|
23
23
|
}
|
|
24
24
|
if (widgetTypes.length === 0) {
|
|
25
25
|
return __('There are no widgets available.');
|
|
26
26
|
}
|
|
27
|
-
return
|
|
27
|
+
return /*#__PURE__*/_jsx(SelectControl, {
|
|
28
28
|
__nextHasNoMarginBottom: true,
|
|
29
29
|
label: __('Select a legacy widget to display:'),
|
|
30
30
|
value: selectedId !== null && selectedId !== void 0 ? selectedId : '',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Spinner","SelectControl","__","useSelect","store","coreStore","blockEditorStore","WidgetTypeSelector","selectedId","onSelect","widgetTypes","select","_select$getSettings$w","hiddenIds","getSettings","widgetTypesToHideFromLegacyWidgetBlock","getWidgetTypes","per_page","filter","widgetType","includes","id","
|
|
1
|
+
{"version":3,"names":["Spinner","SelectControl","__","useSelect","store","coreStore","blockEditorStore","jsx","_jsx","WidgetTypeSelector","selectedId","onSelect","widgetTypes","select","_select$getSettings$w","hiddenIds","getSettings","widgetTypesToHideFromLegacyWidgetBlock","getWidgetTypes","per_page","filter","widgetType","includes","id","length","__nextHasNoMarginBottom","label","value","options","map","name","onChange","selected","find","isMulti","is_multi"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/widget-type-selector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Select a legacy widget to display:' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,aAAa,QAAQ,uBAAuB;AAC9D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpE,eAAe,SAASC,kBAAkBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACtE,MAAMC,WAAW,GAAGT,SAAS,CAAIU,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC5C,MAAMC,SAAS,IAAAD,qBAAA,GACdD,MAAM,CAAEP,gBAAiB,CAAC,CAACU,WAAW,CAAC,CAAC,EACrCC,sCAAsC,cAAAH,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IAChD,OAAOD,MAAM,CAAER,SAAU,CAAC,CACxBa,cAAc,CAAE;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAE,CAAC,EACjCC,MAAM,CAAIC,UAAU,IAAM,CAAEN,SAAS,CAACO,QAAQ,CAAED,UAAU,CAACE,EAAG,CAAE,CAAC;EACrE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEX,WAAW,EAAG;IACpB,oBAAOJ,IAAA,CAACR,OAAO,IAAE,CAAC;EACnB;EAEA,IAAKY,WAAW,CAACY,MAAM,KAAK,CAAC,EAAG;IAC/B,OAAOtB,EAAE,CAAE,iCAAkC,CAAC;EAC/C;EAEA,oBACCM,IAAA,CAACP,aAAa;IACbwB,uBAAuB;IACvBC,KAAK,EAAGxB,EAAE,CAAE,oCAAqC,CAAG;IACpDyB,KAAK,EAAGjB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAI;IAC1BkB,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,EAAE;MAAED,KAAK,EAAExB,EAAE,CAAE,eAAgB;IAAE,CAAC,EAC3C,GAAGU,WAAW,CAACiB,GAAG,CAAIR,UAAU,KAAQ;MACvCM,KAAK,EAAEN,UAAU,CAACE,EAAE;MACpBG,KAAK,EAAEL,UAAU,CAACS;IACnB,CAAC,CAAG,CAAC,CACH;IACHC,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKA,KAAK,EAAG;QACZ,MAAMK,QAAQ,GAAGpB,WAAW,CAACqB,IAAI,CAC9BZ,UAAU,IAAMA,UAAU,CAACE,EAAE,KAAKI,KACrC,CAAC;QACDhB,QAAQ,CAAE;UACTD,UAAU,EAAEsB,QAAQ,CAACT,EAAE;UACvBW,OAAO,EAAEF,QAAQ,CAACG;QACnB,CAAE,CAAC;MACJ,CAAC,MAAM;QACNxB,QAAQ,CAAE;UAAED,UAAU,EAAE;QAAK,CAAE,CAAC;MACjC;IACD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { createElement, Fragment } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* WordPress dependencies
|
|
4
3
|
*/
|
|
5
4
|
import { InnerBlocks, RichText } from '@wordpress/block-editor';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
8
|
const v1 = {
|
|
7
9
|
attributes: {
|
|
8
10
|
title: {
|
|
@@ -18,11 +20,13 @@ const v1 = {
|
|
|
18
20
|
save({
|
|
19
21
|
attributes
|
|
20
22
|
}) {
|
|
21
|
-
return
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
24
|
+
children: [/*#__PURE__*/_jsx(RichText.Content, {
|
|
25
|
+
tagName: "h2",
|
|
26
|
+
className: "widget-title",
|
|
27
|
+
value: attributes.title
|
|
28
|
+
}), /*#__PURE__*/_jsx(InnerBlocks.Content, {})]
|
|
29
|
+
});
|
|
26
30
|
}
|
|
27
31
|
};
|
|
28
32
|
export default [v1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["InnerBlocks","RichText","v1","attributes","title","type","supports","html","inserter","customClassName","reusable","save","
|
|
1
|
+
{"version":3,"names":["InnerBlocks","RichText","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","v1","attributes","title","type","supports","html","inserter","customClassName","reusable","save","children","Content","tagName","className","value"],"sources":["@wordpress/widgets/src/blocks/widget-group/deprecated.js"],"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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEhE,MAAMC,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,KAAK,EAAE;MACNC,IAAI,EAAE;IACP;EACD,CAAC;EACDC,QAAQ,EAAE;IACTC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE,IAAI;IACdC,eAAe,EAAE,IAAI;IACrBC,QAAQ,EAAE;EACX,CAAC;EACDC,IAAIA,CAAE;IAAER;EAAW,CAAC,EAAG;IACtB,oBACCF,KAAA,CAAAF,SAAA;MAAAa,QAAA,gBACCf,IAAA,CAACF,QAAQ,CAACkB,OAAO;QAChBC,OAAO,EAAC,IAAI;QACZC,SAAS,EAAC,cAAc;QACxBC,KAAK,EAAGb,UAAU,CAACC;MAAO,CAC1B,CAAC,eACFP,IAAA,CAACH,WAAW,CAACmB,OAAO,IAAE,CAAC;IAAA,CACtB,CAAC;EAEL;AACD,CAAC;AAED,eAAe,CAAEX,EAAE,CAAE","ignoreList":[]}
|