@wordpress/edit-site 6.8.3 → 6.8.5

package/build-module/components/global-styles/typeset-button.js

@@ -1,90 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { isRTL, __ } from '@wordpress/i18n';
-import { __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, __experimentalHStack as HStack, FlexItem } from '@wordpress/components';
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-import { useMemo, useContext } from '@wordpress/element';
-import { Icon, chevronLeft, chevronRight } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import FontLibraryProvider from './font-library-modal/context';
-import { getFontFamilies } from './utils';
-import { NavigationButtonAsItem } from './navigation-button';
-import Subtitle from './subtitle';
-import { unlock } from '../../lock-unlock';
-import { filterObjectByProperties, useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  GlobalStylesContext
-} = unlock(blockEditorPrivateApis);
-const {
-  mergeBaseAndUserConfigs
-} = unlock(editorPrivateApis);
-function TypesetButton() {
-  const propertiesToFilter = ['typography'];
-  const typographyVariations = useCurrentMergeThemeStyleVariationsWithUserConfig(propertiesToFilter);
-  const hasTypographyVariations = typographyVariations?.length > 1;
-  const {
-    base,
-    user: userConfig
-  } = useContext(GlobalStylesContext);
-  const config = mergeBaseAndUserConfigs(base, userConfig);
-  const allFontFamilies = getFontFamilies(config);
-  const hasFonts = allFontFamilies.filter(font => font !== null).length > 0;
-  const variations = useSelect(select => {
-    return select(coreStore).__experimentalGetCurrentThemeGlobalStylesVariations();
-  }, []);
-  const userTypographyConfig = filterObjectByProperties(userConfig, 'typography');
-  const title = useMemo(() => {
-    if (Object.keys(userTypographyConfig).length === 0) {
-      return __('Default');
-    }
-    const activeVariation = variations?.find(variation => {
-      return JSON.stringify(filterObjectByProperties(variation, 'typography')) === JSON.stringify(userTypographyConfig);
-    });
-    if (activeVariation) {
-      return activeVariation.title;
-    }
-    return allFontFamilies.map(font => font?.name).join(', ');
-  }, [allFontFamilies, userTypographyConfig, variations]);
-  return hasTypographyVariations && hasFonts && /*#__PURE__*/_jsxs(VStack, {
-    spacing: 2,
-    children: [/*#__PURE__*/_jsx(HStack, {
-      justify: "space-between",
-      children: /*#__PURE__*/_jsx(Subtitle, {
-        level: 3,
-        children: __('Typeset')
-      })
-    }), /*#__PURE__*/_jsx(ItemGroup, {
-      isBordered: true,
-      isSeparated: true,
-      children: /*#__PURE__*/_jsx(NavigationButtonAsItem, {
-        path: "/typography/typeset",
-        "aria-label": __('Typeset'),
-        children: /*#__PURE__*/_jsxs(HStack, {
-          direction: "row",
-          children: [/*#__PURE__*/_jsx(FlexItem, {
-            children: title
-          }), /*#__PURE__*/_jsx(Icon, {
-            icon: isRTL() ? chevronLeft : chevronRight
-          })]
-        })
-      })
-    })]
-  });
-}
-export default (({
-  ...props
-}) => /*#__PURE__*/_jsx(FontLibraryProvider, {
-  children: /*#__PURE__*/_jsx(TypesetButton, {
-    ...props
-  })
-}));
-//# sourceMappingURL=typeset-button.js.map

package/build-module/components/global-styles/typeset-button.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isRTL","__","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","FlexItem","store","coreStore","useSelect","privateApis","blockEditorPrivateApis","editorPrivateApis","useMemo","useContext","Icon","chevronLeft","chevronRight","FontLibraryProvider","getFontFamilies","NavigationButtonAsItem","Subtitle","unlock","filterObjectByProperties","useCurrentMergeThemeStyleVariationsWithUserConfig","jsx","_jsx","jsxs","_jsxs","GlobalStylesContext","mergeBaseAndUserConfigs","TypesetButton","propertiesToFilter","typographyVariations","hasTypographyVariations","length","base","user","userConfig","config","allFontFamilies","hasFonts","filter","font","variations","select","__experimentalGetCurrentThemeGlobalStylesVariations","userTypographyConfig","title","Object","keys","activeVariation","find","variation","JSON","stringify","map","name","join","spacing","children","justify","level","isBordered","isSeparated","path","direction","icon","props"],"sources":["@wordpress/edit-site/src/components/global-styles/typeset-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useMemo, useContext } from '@wordpress/element';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider from './font-library-modal/context';\nimport { getFontFamilies } from './utils';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\nimport { unlock } from '../../lock-unlock';\nimport {\n\tfilterObjectByProperties,\n\tuseCurrentMergeThemeStyleVariationsWithUserConfig,\n} from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction TypesetButton() {\n\tconst propertiesToFilter = [ 'typography' ];\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\tconst hasTypographyVariations = typographyVariations?.length > 1;\n\tconst { base, user: userConfig } = useContext( GlobalStylesContext );\n\tconst config = mergeBaseAndUserConfigs( base, userConfig );\n\tconst allFontFamilies = getFontFamilies( config );\n\tconst hasFonts =\n\t\tallFontFamilies.filter( ( font ) => font !== null ).length > 0;\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\tconst userTypographyConfig = filterObjectByProperties(\n\t\tuserConfig,\n\t\t'typography'\n\t);\n\n\tconst title = useMemo( () => {\n\t\tif ( Object.keys( userTypographyConfig ).length === 0 ) {\n\t\t\treturn __( 'Default' );\n\t\t}\n\t\tconst activeVariation = variations?.find( ( variation ) => {\n\t\t\treturn (\n\t\t\t\tJSON.stringify(\n\t\t\t\t\tfilterObjectByProperties( variation, 'typography' )\n\t\t\t\t) === JSON.stringify( userTypographyConfig )\n\t\t\t);\n\t\t} );\n\t\tif ( activeVariation ) {\n\t\t\treturn activeVariation.title;\n\t\t}\n\t\treturn allFontFamilies.map( ( font ) => font?.name ).join( ', ' );\n\t}, [ allFontFamilies, userTypographyConfig, variations ] );\n\n\treturn (\n\t\thasTypographyVariations &&\n\t\thasFonts && (\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Typeset' ) }</Subtitle>\n\t\t\t\t</HStack>\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tpath=\"/typography/typeset\"\n\t\t\t\t\t\taria-label={ __( 'Typeset' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t\t<FlexItem>{ title }</FlexItem>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</VStack>\n\t\t)\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<TypesetButton { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}

package/src/components/global-styles/screen-typeset.js

@@ -1,42 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { store as editorStore } from '@wordpress/editor';
-import { __experimentalVStack as VStack } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import TypographyVariations from './variations/variations-typography';
-import ScreenHeader from './header';
-import FontFamilies from './font-families';
-
-function ScreenTypeset() {
-	const fontLibraryEnabled = useSelect(
-		( select ) =>
-			select( editorStore ).getEditorSettings().fontLibraryEnabled,
-		[]
-	);
-
-	return (
-		<>
-			<ScreenHeader
-				title={ __( 'Typesets' ) }
-				description={ __(
-					'Fonts and typographic styling applied across the site.'
-				) }
-			/>
-			<div className="edit-site-global-styles-screen">
-				<VStack spacing={ 7 }>
-					<TypographyVariations />
-
-					{ fontLibraryEnabled && <FontFamilies /> }
-				</VStack>
-			</div>
-		</>
-	);
-}
-
-export default ScreenTypeset;

package/src/components/global-styles/typeset-button.js

@@ -1,100 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { isRTL, __ } from '@wordpress/i18n';
-import {
-	__experimentalItemGroup as ItemGroup,
-	__experimentalVStack as VStack,
-	__experimentalHStack as HStack,
-	FlexItem,
-} from '@wordpress/components';
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-import { useMemo, useContext } from '@wordpress/element';
-import { Icon, chevronLeft, chevronRight } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import FontLibraryProvider from './font-library-modal/context';
-import { getFontFamilies } from './utils';
-import { NavigationButtonAsItem } from './navigation-button';
-import Subtitle from './subtitle';
-import { unlock } from '../../lock-unlock';
-import {
-	filterObjectByProperties,
-	useCurrentMergeThemeStyleVariationsWithUserConfig,
-} from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';
-
-const { GlobalStylesContext } = unlock( blockEditorPrivateApis );
-const { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );
-
-function TypesetButton() {
-	const propertiesToFilter = [ 'typography' ];
-	const typographyVariations =
-		useCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );
-	const hasTypographyVariations = typographyVariations?.length > 1;
-	const { base, user: userConfig } = useContext( GlobalStylesContext );
-	const config = mergeBaseAndUserConfigs( base, userConfig );
-	const allFontFamilies = getFontFamilies( config );
-	const hasFonts =
-		allFontFamilies.filter( ( font ) => font !== null ).length > 0;
-	const variations = useSelect( ( select ) => {
-		return select(
-			coreStore
-		).__experimentalGetCurrentThemeGlobalStylesVariations();
-	}, [] );
-	const userTypographyConfig = filterObjectByProperties(
-		userConfig,
-		'typography'
-	);
-
-	const title = useMemo( () => {
-		if ( Object.keys( userTypographyConfig ).length === 0 ) {
-			return __( 'Default' );
-		}
-		const activeVariation = variations?.find( ( variation ) => {
-			return (
-				JSON.stringify(
-					filterObjectByProperties( variation, 'typography' )
-				) === JSON.stringify( userTypographyConfig )
-			);
-		} );
-		if ( activeVariation ) {
-			return activeVariation.title;
-		}
-		return allFontFamilies.map( ( font ) => font?.name ).join( ', ' );
-	}, [ allFontFamilies, userTypographyConfig, variations ] );
-
-	return (
-		hasTypographyVariations &&
-		hasFonts && (
-			<VStack spacing={ 2 }>
-				<HStack justify="space-between">
-					<Subtitle level={ 3 }>{ __( 'Typeset' ) }</Subtitle>
-				</HStack>
-				<ItemGroup isBordered isSeparated>
-					<NavigationButtonAsItem
-						path="/typography/typeset"
-						aria-label={ __( 'Typeset' ) }
-					>
-						<HStack direction="row">
-							<FlexItem>{ title }</FlexItem>
-							<Icon
-								icon={ isRTL() ? chevronLeft : chevronRight }
-							/>
-						</HStack>
-					</NavigationButtonAsItem>
-				</ItemGroup>
-			</VStack>
-		)
-	);
-}
-
-export default ( { ...props } ) => (
-	<FontLibraryProvider>
-		<TypesetButton { ...props } />
-	</FontLibraryProvider>
-);