UNPKG

@wordpress/block-editor

Version:
8 lines (7 loc) 4.27 kB
{ "version": 3, "sources": ["../../src/hooks/font-family.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport TokenList from '@wordpress/token-list';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { shouldSkipSerialization } from './utils';\nimport { TYPOGRAPHY_SUPPORT_KEY } from './typography';\nimport { unlock } from '../lock-unlock';\n\nexport const FONT_FAMILY_SUPPORT_KEY = 'typography.__experimentalFontFamily';\nconst { kebabCase } = unlock( componentsPrivateApis );\n\n/**\n * Filters registered block settings, extending attributes to include\n * the `fontFamily` attribute.\n *\n * @param {Object} settings Original block settings\n * @return {Object} Filtered block settings\n */\nfunction addAttributes( settings ) {\n\tif ( ! hasBlockSupport( settings, FONT_FAMILY_SUPPORT_KEY ) ) {\n\t\treturn settings;\n\t}\n\n\t// Allow blocks to specify a default value if needed.\n\tif ( ! settings.attributes.fontFamily ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\tfontFamily: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn settings;\n}\n\n/**\n * Override props assigned to save component to inject font family.\n *\n * @param {Object} props Additional props applied to save element\n * @param {Object} blockType Block type\n * @param {Object} attributes Block attributes\n * @return {Object} Filtered props applied to save element\n */\nfunction addSaveProps( props, blockType, attributes ) {\n\tif ( ! hasBlockSupport( blockType, FONT_FAMILY_SUPPORT_KEY ) ) {\n\t\treturn props;\n\t}\n\n\tif (\n\t\tshouldSkipSerialization(\n\t\t\tblockType,\n\t\t\tTYPOGRAPHY_SUPPORT_KEY,\n\t\t\t'fontFamily'\n\t\t)\n\t) {\n\t\treturn props;\n\t}\n\n\tif ( ! attributes?.fontFamily ) {\n\t\treturn props;\n\t}\n\n\t// Use TokenList to dedupe classes.\n\tconst classes = new TokenList( props.className );\n\tclasses.add( `has-${ kebabCase( attributes?.fontFamily ) }-font-family` );\n\tconst newClassName = classes.value;\n\tprops.className = newClassName ? newClassName : undefined;\n\n\treturn props;\n}\n\nfunction useBlockProps( { name, fontFamily } ) {\n\treturn addSaveProps( {}, name, { fontFamily } );\n}\n\nexport default {\n\tuseBlockProps,\n\taddSaveProps,\n\tattributeKeys: [ 'fontFamily' ],\n\thasSupport( name ) {\n\t\treturn hasBlockSupport( name, FONT_FAMILY_SUPPORT_KEY );\n\t},\n};\n\n/**\n * Resets the font family block support attribute. This can be used when\n * disabling the font family support controls for a block via a progressive\n * discovery panel.\n *\n * @param {Object} props Block props.\n * @param {Object} props.setAttributes Function to set block's attributes.\n */\nexport function resetFontFamily( { setAttributes } ) {\n\tsetAttributes( { fontFamily: undefined } );\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/fontFamily/addAttribute',\n\taddAttributes\n);\n"], "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0B;AAC1B,oBAAgC;AAChC,wBAAsB;AACtB,wBAAqD;AAKrD,mBAAwC;AACxC,wBAAuC;AACvC,yBAAuB;AAEhB,IAAM,0BAA0B;AACvC,IAAM,EAAE,UAAU,QAAI,2BAAQ,kBAAAA,WAAsB;AASpD,SAAS,cAAe,UAAW;AAClC,MAAK,KAAE,+BAAiB,UAAU,uBAAwB,GAAI;AAC7D,WAAO;AAAA,EACR;AAGA,MAAK,CAAE,SAAS,WAAW,YAAa;AACvC,WAAO,OAAQ,SAAS,YAAY;AAAA,MACnC,YAAY;AAAA,QACX,MAAM;AAAA,MACP;AAAA,IACD,CAAE;AAAA,EACH;AAEA,SAAO;AACR;AAUA,SAAS,aAAc,OAAO,WAAW,YAAa;AACrD,MAAK,KAAE,+BAAiB,WAAW,uBAAwB,GAAI;AAC9D,WAAO;AAAA,EACR;AAEA,UACC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,EACD,GACC;AACD,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,YAAY,YAAa;AAC/B,WAAO;AAAA,EACR;AAGA,QAAM,UAAU,IAAI,kBAAAC,QAAW,MAAM,SAAU;AAC/C,UAAQ,IAAK,OAAQ,UAAW,YAAY,UAAW,CAAE,cAAe;AACxE,QAAM,eAAe,QAAQ;AAC7B,QAAM,YAAY,eAAe,eAAe;AAEhD,SAAO;AACR;AAEA,SAAS,cAAe,EAAE,MAAM,WAAW,GAAI;AAC9C,SAAO,aAAc,CAAC,GAAG,MAAM,EAAE,WAAW,CAAE;AAC/C;AAEA,IAAO,sBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA,eAAe,CAAE,YAAa;AAAA,EAC9B,WAAY,MAAO;AAClB,eAAO,+BAAiB,MAAM,uBAAwB;AAAA,EACvD;AACD;AAUO,SAAS,gBAAiB,EAAE,cAAc,GAAI;AACpD,gBAAe,EAAE,YAAY,OAAU,CAAE;AAC1C;AAAA,IAEA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AACD;", "names": ["componentsPrivateApis", "TokenList"] }