@wordpress/widgets 4.8.4 → 4.9.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 +2 -0
- package/build/blocks/legacy-widget/edit/index.js +1 -3
- package/build/blocks/legacy-widget/edit/index.js.map +1 -1
- package/build-module/blocks/legacy-widget/edit/index.js +2 -4
- package/build-module/blocks/legacy-widget/edit/index.js.map +1 -1
- package/build-style/style-rtl.css +10 -1
- package/build-style/style.css +10 -1
- package/package.json +13 -13
- package/src/blocks/legacy-widget/edit/index.js +1 -9
package/CHANGELOG.md
CHANGED
|
@@ -11,7 +11,6 @@ var _components = require("@wordpress/components");
|
|
|
11
11
|
var _icons = require("@wordpress/icons");
|
|
12
12
|
var _i18n = require("@wordpress/i18n");
|
|
13
13
|
var _element = require("@wordpress/element");
|
|
14
|
-
var _data = require("@wordpress/data");
|
|
15
14
|
var _coreData = require("@wordpress/core-data");
|
|
16
15
|
var _widgetTypeSelector = _interopRequireDefault(require("./widget-type-selector"));
|
|
17
16
|
var _inspectorCard = _interopRequireDefault(require("./inspector-card"));
|
|
@@ -116,7 +115,6 @@ function NotEmpty({
|
|
|
116
115
|
record: widgetType,
|
|
117
116
|
hasResolved: hasResolvedWidgetType
|
|
118
117
|
} = (0, _coreData.useEntityRecord)('root', 'widgetType', widgetTypeId);
|
|
119
|
-
const isNavigationMode = (0, _data.useSelect)(select => select(_blockEditor.store).isNavigationMode(), []);
|
|
120
118
|
const setInstance = (0, _element.useCallback)(nextInstance => {
|
|
121
119
|
setAttributes({
|
|
122
120
|
instance: nextInstance
|
|
@@ -136,7 +134,7 @@ function NotEmpty({
|
|
|
136
134
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
|
|
137
135
|
});
|
|
138
136
|
}
|
|
139
|
-
const mode = idBase &&
|
|
137
|
+
const mode = idBase && !isSelected ? 'preview' : 'edit';
|
|
140
138
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
141
139
|
children: [idBase === 'text' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
|
|
142
140
|
group: "other",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_components","_icons","_i18n","_element","_data","_coreData","_widgetTypeSelector","_inspectorCard","_form","_preview","_noPreview","_convertToBlocksButton","_jsxRuntime","Edit","props","id","idBase","attributes","isWide","blockProps","useBlockProps","className","clsx","jsx","children","Empty","NotEmpty","setAttributes","Placeholder","icon","BlockIcon","brushIcon","label","__","Flex","FlexBlock","default","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","useState","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","useEntityRecord","isNavigationMode","useSelect","select","blockEditorStore","setInstance","useCallback","nextInstance","Spinner","mode","jsxs","Fragment","BlockControls","group","rawInstance","raw","InspectorControls","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
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_components","_icons","_i18n","_element","_coreData","_widgetTypeSelector","_inspectorCard","_form","_preview","_noPreview","_convertToBlocksButton","_jsxRuntime","Edit","props","id","idBase","attributes","isWide","blockProps","useBlockProps","className","clsx","jsx","children","Empty","NotEmpty","setAttributes","Placeholder","icon","BlockIcon","brushIcon","label","__","Flex","FlexBlock","default","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","useState","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","useEntityRecord","setInstance","useCallback","nextInstance","Spinner","mode","jsxs","Fragment","BlockControls","group","rawInstance","raw","InspectorControls","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} 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 { 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 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 = idBase && ! 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":[]}
|
|
@@ -6,12 +6,11 @@ import clsx from 'clsx';
|
|
|
6
6
|
/**
|
|
7
7
|
* WordPress dependencies
|
|
8
8
|
*/
|
|
9
|
-
import { useBlockProps, BlockControls, InspectorControls, BlockIcon
|
|
9
|
+
import { useBlockProps, BlockControls, InspectorControls, BlockIcon } from '@wordpress/block-editor';
|
|
10
10
|
import { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';
|
|
11
11
|
import { brush as brushIcon } from '@wordpress/icons';
|
|
12
12
|
import { __ } from '@wordpress/i18n';
|
|
13
13
|
import { useState, useCallback } from '@wordpress/element';
|
|
14
|
-
import { useSelect } from '@wordpress/data';
|
|
15
14
|
import { useEntityRecord } from '@wordpress/core-data';
|
|
16
15
|
|
|
17
16
|
/**
|
|
@@ -110,7 +109,6 @@ function NotEmpty({
|
|
|
110
109
|
record: widgetType,
|
|
111
110
|
hasResolved: hasResolvedWidgetType
|
|
112
111
|
} = useEntityRecord('root', 'widgetType', widgetTypeId);
|
|
113
|
-
const isNavigationMode = useSelect(select => select(blockEditorStore).isNavigationMode(), []);
|
|
114
112
|
const setInstance = useCallback(nextInstance => {
|
|
115
113
|
setAttributes({
|
|
116
114
|
instance: nextInstance
|
|
@@ -130,7 +128,7 @@ function NotEmpty({
|
|
|
130
128
|
children: /*#__PURE__*/_jsx(Spinner, {})
|
|
131
129
|
});
|
|
132
130
|
}
|
|
133
|
-
const mode = idBase &&
|
|
131
|
+
const mode = idBase && !isSelected ? 'preview' : 'edit';
|
|
134
132
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
135
133
|
children: [idBase === 'text' && /*#__PURE__*/_jsx(BlockControls, {
|
|
136
134
|
group: "other",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","useBlockProps","BlockControls","InspectorControls","BlockIcon","
|
|
1
|
+
{"version":3,"names":["clsx","useBlockProps","BlockControls","InspectorControls","BlockIcon","Flex","FlexBlock","Spinner","Placeholder","brush","brushIcon","__","useState","useCallback","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","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} 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 { 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 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 = idBase && ! 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":[]}
|
|
@@ -29,6 +29,9 @@
|
|
|
29
29
|
/**
|
|
30
30
|
* Fonts & basic variables.
|
|
31
31
|
*/
|
|
32
|
+
/**
|
|
33
|
+
* Typography
|
|
34
|
+
*/
|
|
32
35
|
/**
|
|
33
36
|
* Grid System.
|
|
34
37
|
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
@@ -43,7 +46,10 @@
|
|
|
43
46
|
* Dimensions.
|
|
44
47
|
*/
|
|
45
48
|
/**
|
|
46
|
-
*
|
|
49
|
+
* Mobile specific styles
|
|
50
|
+
*/
|
|
51
|
+
/**
|
|
52
|
+
* Editor styles.
|
|
47
53
|
*/
|
|
48
54
|
/**
|
|
49
55
|
* Block & Editor UI.
|
|
@@ -67,6 +73,9 @@
|
|
|
67
73
|
* Creates a fading overlay to signify that the content is longer
|
|
68
74
|
* than the space allows.
|
|
69
75
|
*/
|
|
76
|
+
/**
|
|
77
|
+
* Typography
|
|
78
|
+
*/
|
|
70
79
|
/**
|
|
71
80
|
* Breakpoint mixins
|
|
72
81
|
*/
|
package/build-style/style.css
CHANGED
|
@@ -29,6 +29,9 @@
|
|
|
29
29
|
/**
|
|
30
30
|
* Fonts & basic variables.
|
|
31
31
|
*/
|
|
32
|
+
/**
|
|
33
|
+
* Typography
|
|
34
|
+
*/
|
|
32
35
|
/**
|
|
33
36
|
* Grid System.
|
|
34
37
|
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
@@ -43,7 +46,10 @@
|
|
|
43
46
|
* Dimensions.
|
|
44
47
|
*/
|
|
45
48
|
/**
|
|
46
|
-
*
|
|
49
|
+
* Mobile specific styles
|
|
50
|
+
*/
|
|
51
|
+
/**
|
|
52
|
+
* Editor styles.
|
|
47
53
|
*/
|
|
48
54
|
/**
|
|
49
55
|
* Block & Editor UI.
|
|
@@ -67,6 +73,9 @@
|
|
|
67
73
|
* Creates a fading overlay to signify that the content is longer
|
|
68
74
|
* than the space allows.
|
|
69
75
|
*/
|
|
76
|
+
/**
|
|
77
|
+
* Typography
|
|
78
|
+
*/
|
|
70
79
|
/**
|
|
71
80
|
* Breakpoint mixins
|
|
72
81
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/widgets",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.9.0",
|
|
4
4
|
"description": "Functionality used by the widgets block editor in the Widgets screen and the Customizer.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -25,17 +25,17 @@
|
|
|
25
25
|
"react-native": "src/index",
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@babel/runtime": "^7.16.0",
|
|
28
|
-
"@wordpress/api-fetch": "^7.
|
|
29
|
-
"@wordpress/block-editor": "^14.
|
|
30
|
-
"@wordpress/blocks": "^13.
|
|
31
|
-
"@wordpress/components": "^28.
|
|
32
|
-
"@wordpress/compose": "^7.
|
|
33
|
-
"@wordpress/core-data": "^7.
|
|
34
|
-
"@wordpress/data": "^10.
|
|
35
|
-
"@wordpress/element": "^6.
|
|
36
|
-
"@wordpress/i18n": "^5.
|
|
37
|
-
"@wordpress/icons": "^10.
|
|
38
|
-
"@wordpress/notices": "^5.
|
|
28
|
+
"@wordpress/api-fetch": "^7.9.0",
|
|
29
|
+
"@wordpress/block-editor": "^14.4.0",
|
|
30
|
+
"@wordpress/blocks": "^13.9.0",
|
|
31
|
+
"@wordpress/components": "^28.9.0",
|
|
32
|
+
"@wordpress/compose": "^7.9.0",
|
|
33
|
+
"@wordpress/core-data": "^7.9.0",
|
|
34
|
+
"@wordpress/data": "^10.9.0",
|
|
35
|
+
"@wordpress/element": "^6.9.0",
|
|
36
|
+
"@wordpress/i18n": "^5.9.0",
|
|
37
|
+
"@wordpress/icons": "^10.9.0",
|
|
38
|
+
"@wordpress/notices": "^5.9.0",
|
|
39
39
|
"clsx": "^2.1.1"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"publishConfig": {
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "2e5495c635910cb34bfaca3c6258d2e989f66214"
|
|
49
49
|
}
|
|
@@ -11,13 +11,11 @@ import {
|
|
|
11
11
|
BlockControls,
|
|
12
12
|
InspectorControls,
|
|
13
13
|
BlockIcon,
|
|
14
|
-
store as blockEditorStore,
|
|
15
14
|
} from '@wordpress/block-editor';
|
|
16
15
|
import { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';
|
|
17
16
|
import { brush as brushIcon } from '@wordpress/icons';
|
|
18
17
|
import { __ } from '@wordpress/i18n';
|
|
19
18
|
import { useState, useCallback } from '@wordpress/element';
|
|
20
|
-
import { useSelect } from '@wordpress/data';
|
|
21
19
|
import { useEntityRecord } from '@wordpress/core-data';
|
|
22
20
|
|
|
23
21
|
/**
|
|
@@ -102,11 +100,6 @@ function NotEmpty( {
|
|
|
102
100
|
const { record: widgetType, hasResolved: hasResolvedWidgetType } =
|
|
103
101
|
useEntityRecord( 'root', 'widgetType', widgetTypeId );
|
|
104
102
|
|
|
105
|
-
const isNavigationMode = useSelect(
|
|
106
|
-
( select ) => select( blockEditorStore ).isNavigationMode(),
|
|
107
|
-
[]
|
|
108
|
-
);
|
|
109
|
-
|
|
110
103
|
const setInstance = useCallback( ( nextInstance ) => {
|
|
111
104
|
setAttributes( { instance: nextInstance } );
|
|
112
105
|
}, [] );
|
|
@@ -130,8 +123,7 @@ function NotEmpty( {
|
|
|
130
123
|
);
|
|
131
124
|
}
|
|
132
125
|
|
|
133
|
-
const mode =
|
|
134
|
-
idBase && ( isNavigationMode || ! isSelected ) ? 'preview' : 'edit';
|
|
126
|
+
const mode = idBase && ! isSelected ? 'preview' : 'edit';
|
|
135
127
|
|
|
136
128
|
return (
|
|
137
129
|
<>
|