UNPKG

@wordpress/block-editor

Version:
8 lines (7 loc) 4.2 kB
{ "version": 3, "sources": ["../../../src/components/block-styles/use-styles-for-block.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tcloneBlock,\n\tgetBlockType,\n\tgetBlockFromExample,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getActiveStyle, getRenderedStyles, replaceActiveStyle } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n *\n * @param {WPBlock} block Block object.\n * @param {WPBlockType} type Block type settings.\n * @return {WPBlock} A generic block ready for styles preview.\n */\nfunction useGenericPreviewBlock( block, type ) {\n\treturn useMemo( () => {\n\t\tconst example = type?.example;\n\t\tconst blockName = type?.name;\n\n\t\tif ( example && blockName ) {\n\t\t\treturn getBlockFromExample( blockName, {\n\t\t\t\tattributes: example.attributes,\n\t\t\t\tinnerBlocks: example.innerBlocks,\n\t\t\t} );\n\t\t}\n\n\t\tif ( block ) {\n\t\t\treturn cloneBlock( block );\n\t\t}\n\t}, [ block, type?.example, type?.name ] );\n}\n\n/**\n * @typedef useStylesForBlocksArguments\n * @property {string} clientId Block client ID.\n * @property {() => void} onSwitch Block style switch callback function.\n */\n\n/**\n *\n * @param {useStylesForBlocksArguments} useStylesForBlocks arguments.\n * @return {Object} Results of the select methods.\n */\nexport default function useStylesForBlocks( { clientId, onSwitch } ) {\n\tconst selector = ( select ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\n\t\tif ( ! block ) {\n\t\t\treturn {};\n\t\t}\n\t\tconst blockType = getBlockType( block.name );\n\t\tconst { getBlockStyles } = select( blocksStore );\n\n\t\treturn {\n\t\t\tblock: ! blockType?.example ? block : null,\n\t\t\tblockType,\n\t\t\tstyles: getBlockStyles( block.name ),\n\t\t\tclassName: block.attributes.className || '',\n\t\t};\n\t};\n\tconst { styles, block, blockType, className } = useSelect( selector, [\n\t\tclientId,\n\t] );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst stylesToRender = getRenderedStyles( styles );\n\tconst activeStyle = getActiveStyle( stylesToRender, className );\n\tconst genericPreviewBlock = useGenericPreviewBlock( block, blockType );\n\n\tconst onSelect = ( style ) => {\n\t\tconst styleClassName = replaceActiveStyle(\n\t\t\tclassName,\n\t\t\tactiveStyle,\n\t\t\tstyle\n\t\t);\n\t\tupdateBlockAttributes( clientId, {\n\t\t\tclassName: styleClassName,\n\t\t} );\n\t\tonSwitch();\n\t};\n\n\treturn {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName,\n\t};\n}\n"], "mappings": ";AAGA,SAAS,aAAa,iBAAiB;AACvC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,eAAe;AAKxB,SAAS,gBAAgB,mBAAmB,0BAA0B;AACtE,SAAS,SAAS,wBAAwB;AAQ1C,SAAS,uBAAwB,OAAO,MAAO;AAC9C,SAAO,QAAS,MAAM;AACrB,UAAM,UAAU,MAAM;AACtB,UAAM,YAAY,MAAM;AAExB,QAAK,WAAW,WAAY;AAC3B,aAAO,oBAAqB,WAAW;AAAA,QACtC,YAAY,QAAQ;AAAA,QACpB,aAAa,QAAQ;AAAA,MACtB,CAAE;AAAA,IACH;AAEA,QAAK,OAAQ;AACZ,aAAO,WAAY,KAAM;AAAA,IAC1B;AAAA,EACD,GAAG,CAAE,OAAO,MAAM,SAAS,MAAM,IAAK,CAAE;AACzC;AAae,SAAR,mBAAqC,EAAE,UAAU,SAAS,GAAI;AACpE,QAAM,WAAW,CAAE,WAAY;AAC9B,UAAM,EAAE,SAAS,IAAI,OAAQ,gBAAiB;AAC9C,UAAMA,SAAQ,SAAU,QAAS;AAEjC,QAAK,CAAEA,QAAQ;AACd,aAAO,CAAC;AAAA,IACT;AACA,UAAMC,aAAY,aAAcD,OAAM,IAAK;AAC3C,UAAM,EAAE,eAAe,IAAI,OAAQ,WAAY;AAE/C,WAAO;AAAA,MACN,OAAO,CAAEC,YAAW,UAAUD,SAAQ;AAAA,MACtC,WAAAC;AAAA,MACA,QAAQ,eAAgBD,OAAM,IAAK;AAAA,MACnC,WAAWA,OAAM,WAAW,aAAa;AAAA,IAC1C;AAAA,EACD;AACA,QAAM,EAAE,QAAQ,OAAO,WAAW,UAAU,IAAI,UAAW,UAAU;AAAA,IACpE;AAAA,EACD,CAAE;AACF,QAAM,EAAE,sBAAsB,IAAI,YAAa,gBAAiB;AAChE,QAAM,iBAAiB,kBAAmB,MAAO;AACjD,QAAM,cAAc,eAAgB,gBAAgB,SAAU;AAC9D,QAAM,sBAAsB,uBAAwB,OAAO,SAAU;AAErE,QAAM,WAAW,CAAE,UAAW;AAC7B,UAAM,iBAAiB;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,IACD;AACA,0BAAuB,UAAU;AAAA,MAChC,WAAW;AAAA,IACZ,CAAE;AACF,aAAS;AAAA,EACV;AAEA,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;", "names": ["block", "blockType"] }