@wordpress/block-editor 12.19.3 → 12.20.0

package/build-module/components/default-style-picker/index.js

@@ -1,63 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { store as blocksStore } from '@wordpress/blocks';
-import { useMemo, useCallback } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { SelectControl } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import { getDefaultStyle } from '../block-styles/utils';
-export default function DefaultStylePicker({
-  blockName
-}) {
-  const {
-    preferredStyle,
-    onUpdatePreferredStyleVariations,
-    styles
-  } = useSelect(select => {
-    var _preferredStyleVariat;
-    const settings = select(blockEditorStore).getSettings();
-    const preferredStyleVariations = settings.__experimentalPreferredStyleVariations;
-    return {
-      preferredStyle: preferredStyleVariations?.value?.[blockName],
-      onUpdatePreferredStyleVariations: (_preferredStyleVariat = preferredStyleVariations?.onChange) !== null && _preferredStyleVariat !== void 0 ? _preferredStyleVariat : null,
-      styles: select(blocksStore).getBlockStyles(blockName)
-    };
-  }, [blockName]);
-  const selectOptions = useMemo(() => [{
-    label: __('Not set'),
-    value: ''
-  }, ...styles.map(({
-    label,
-    name
-  }) => ({
-    label,
-    value: name
-  }))], [styles]);
-  const defaultStyleName = useMemo(() => getDefaultStyle(styles)?.name, [styles]);
-  const selectOnChange = useCallback(blockStyle => {
-    onUpdatePreferredStyleVariations(blockName, blockStyle);
-  }, [blockName, onUpdatePreferredStyleVariations]);
-
-  // Until the functionality is migrated to global styles,
-  // only show the default style picker if a non-default style has already been selected.
-  if (!preferredStyle || preferredStyle === defaultStyleName) {
-    return null;
-  }
-  return onUpdatePreferredStyleVariations && createElement("div", {
-    className: "default-style-picker__default-switcher"
-  }, createElement(SelectControl, {
-    __nextHasNoMarginBottom: true,
-    options: selectOptions,
-    value: preferredStyle || '',
-    label: __('Default Style'),
-    onChange: selectOnChange
-  }));
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/default-style-picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["store","blocksStore","useMemo","useCallback","__","SelectControl","useSelect","blockEditorStore","getDefaultStyle","DefaultStylePicker","blockName","preferredStyle","onUpdatePreferredStyleVariations","styles","select","_preferredStyleVariat","settings","getSettings","preferredStyleVariations","__experimentalPreferredStyleVariations","value","onChange","getBlockStyles","selectOptions","label","map","name","defaultStyleName","selectOnChange","blockStyle","createElement","className","__nextHasNoMarginBottom","options"],"sources":["@wordpress/block-editor/src/components/default-style-picker/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useMemo, useCallback } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { SelectControl } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { getDefaultStyle } from '../block-styles/utils';\n\nexport default function DefaultStylePicker( { blockName } ) {\n\tconst { preferredStyle, onUpdatePreferredStyleVariations, styles } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\t\t\tconst preferredStyleVariations =\n\t\t\t\t\tsettings.__experimentalPreferredStyleVariations;\n\t\t\t\treturn {\n\t\t\t\t\tpreferredStyle:\n\t\t\t\t\t\tpreferredStyleVariations?.value?.[ blockName ],\n\t\t\t\t\tonUpdatePreferredStyleVariations:\n\t\t\t\t\t\tpreferredStyleVariations?.onChange ?? null,\n\t\t\t\t\tstyles: select( blocksStore ).getBlockStyles( blockName ),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ blockName ]\n\t\t);\n\tconst selectOptions = useMemo(\n\t\t() => [\n\t\t\t{ label: __( 'Not set' ), value: '' },\n\t\t\t...styles.map( ( { label, name } ) => ( { label, value: name } ) ),\n\t\t],\n\t\t[ styles ]\n\t);\n\tconst defaultStyleName = useMemo(\n\t\t() => getDefaultStyle( styles )?.name,\n\t\t[ styles ]\n\t);\n\tconst selectOnChange = useCallback(\n\t\t( blockStyle ) => {\n\t\t\tonUpdatePreferredStyleVariations( blockName, blockStyle );\n\t\t},\n\t\t[ blockName, onUpdatePreferredStyleVariations ]\n\t);\n\n\t// Until the functionality is migrated to global styles,\n\t// only show the default style picker if a non-default style has already been selected.\n\tif ( ! preferredStyle || preferredStyle === defaultStyleName ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\tonUpdatePreferredStyleVariations && (\n\t\t\t<div className=\"default-style-picker__default-switcher\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\toptions={ selectOptions }\n\t\t\t\t\tvalue={ preferredStyle || '' }\n\t\t\t\t\tlabel={ __( 'Default Style' ) }\n\t\t\t\t\tonChange={ selectOnChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t)\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,OAAO,EAAEC,WAAW,QAAQ,oBAAoB;AACzD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASN,KAAK,IAAIO,gBAAgB,QAAQ,aAAa;AACvD,SAASC,eAAe,QAAQ,uBAAuB;AAEvD,eAAe,SAASC,kBAAkBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAC3D,MAAM;IAAEC,cAAc;IAAEC,gCAAgC;IAAEC;EAAO,CAAC,GACjEP,SAAS,CACNQ,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACb,MAAMC,QAAQ,GAAGF,MAAM,CAAEP,gBAAiB,CAAC,CAACU,WAAW,CAAC,CAAC;IACzD,MAAMC,wBAAwB,GAC7BF,QAAQ,CAACG,sCAAsC;IAChD,OAAO;MACNR,cAAc,EACbO,wBAAwB,EAAEE,KAAK,GAAIV,SAAS,CAAE;MAC/CE,gCAAgC,GAAAG,qBAAA,GAC/BG,wBAAwB,EAAEG,QAAQ,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,IAAI;MAC3CF,MAAM,EAAEC,MAAM,CAAEb,WAAY,CAAC,CAACqB,cAAc,CAAEZ,SAAU;IACzD,CAAC;EACF,CAAC,EACD,CAAEA,SAAS,CACZ,CAAC;EACF,MAAMa,aAAa,GAAGrB,OAAO,CAC5B,MAAM,CACL;IAAEsB,KAAK,EAAEpB,EAAE,CAAE,SAAU,CAAC;IAAEgB,KAAK,EAAE;EAAG,CAAC,EACrC,GAAGP,MAAM,CAACY,GAAG,CAAE,CAAE;IAAED,KAAK;IAAEE;EAAK,CAAC,MAAQ;IAAEF,KAAK;IAAEJ,KAAK,EAAEM;EAAK,CAAC,CAAG,CAAC,CAClE,EACD,CAAEb,MAAM,CACT,CAAC;EACD,MAAMc,gBAAgB,GAAGzB,OAAO,CAC/B,MAAMM,eAAe,CAAEK,MAAO,CAAC,EAAEa,IAAI,EACrC,CAAEb,MAAM,CACT,CAAC;EACD,MAAMe,cAAc,GAAGzB,WAAW,CAC/B0B,UAAU,IAAM;IACjBjB,gCAAgC,CAAEF,SAAS,EAAEmB,UAAW,CAAC;EAC1D,CAAC,EACD,CAAEnB,SAAS,EAAEE,gCAAgC,CAC9C,CAAC;;EAED;EACA;EACA,IAAK,CAAED,cAAc,IAAIA,cAAc,KAAKgB,gBAAgB,EAAG;IAC9D,OAAO,IAAI;EACZ;EAEA,OACCf,gCAAgC,IAC/BkB,aAAA;IAAKC,SAAS,EAAC;EAAwC,GACtDD,aAAA,CAACzB,aAAa;IACb2B,uBAAuB;IACvBC,OAAO,EAAGV,aAAe;IACzBH,KAAK,EAAGT,cAAc,IAAI,EAAI;IAC9Ba,KAAK,EAAGpB,EAAE,CAAE,eAAgB,CAAG;IAC/BiB,QAAQ,EAAGO;EAAgB,CAC3B,CACG,CACL;AAEH"}

package/src/components/block-settings-menu/style.scss

@@ -1,3 +0,0 @@
-.block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
-	padding: 0;
-}

package/src/components/default-style-picker/index.js

@@ -1,70 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { store as blocksStore } from '@wordpress/blocks';
-import { useMemo, useCallback } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { SelectControl } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import { getDefaultStyle } from '../block-styles/utils';
-
-export default function DefaultStylePicker( { blockName } ) {
-	const { preferredStyle, onUpdatePreferredStyleVariations, styles } =
-		useSelect(
-			( select ) => {
-				const settings = select( blockEditorStore ).getSettings();
-				const preferredStyleVariations =
-					settings.__experimentalPreferredStyleVariations;
-				return {
-					preferredStyle:
-						preferredStyleVariations?.value?.[ blockName ],
-					onUpdatePreferredStyleVariations:
-						preferredStyleVariations?.onChange ?? null,
-					styles: select( blocksStore ).getBlockStyles( blockName ),
-				};
-			},
-			[ blockName ]
-		);
-	const selectOptions = useMemo(
-		() => [
-			{ label: __( 'Not set' ), value: '' },
-			...styles.map( ( { label, name } ) => ( { label, value: name } ) ),
-		],
-		[ styles ]
-	);
-	const defaultStyleName = useMemo(
-		() => getDefaultStyle( styles )?.name,
-		[ styles ]
-	);
-	const selectOnChange = useCallback(
-		( blockStyle ) => {
-			onUpdatePreferredStyleVariations( blockName, blockStyle );
-		},
-		[ blockName, onUpdatePreferredStyleVariations ]
-	);
-
-	// Until the functionality is migrated to global styles,
-	// only show the default style picker if a non-default style has already been selected.
-	if ( ! preferredStyle || preferredStyle === defaultStyleName ) {
-		return null;
-	}
-
-	return (
-		onUpdatePreferredStyleVariations && (
-			<div className="default-style-picker__default-switcher">
-				<SelectControl
-					__nextHasNoMarginBottom
-					options={ selectOptions }
-					value={ preferredStyle || '' }
-					label={ __( 'Default Style' ) }
-					onChange={ selectOnChange }
-				/>
-			</div>
-		)
-	);
-}