UNPKG

@wordpress/block-library

Version:
8 lines (7 loc) 4.7 kB
{ "version": 3, "sources": ["../../../../src/query/edit/inspector-controls/format-controls.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { FormTokenField } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\n\n// All WP post formats, sorted alphabetically by translated name.\n// Value is the post format slug. Label is the name.\nconst POST_FORMATS = [\n\t{ value: 'aside', label: __( 'Aside' ) },\n\t{ value: 'audio', label: __( 'Audio' ) },\n\t{ value: 'chat', label: __( 'Chat' ) },\n\t{ value: 'gallery', label: __( 'Gallery' ) },\n\t{ value: 'image', label: __( 'Image' ) },\n\t{ value: 'link', label: __( 'Link' ) },\n\t{ value: 'quote', label: __( 'Quote' ) },\n\t{ value: 'standard', label: __( 'Standard' ) },\n\t{ value: 'status', label: __( 'Status' ) },\n\t{ value: 'video', label: __( 'Video' ) },\n].sort( ( a, b ) => {\n\tconst normalizedA = a.label.toUpperCase();\n\tconst normalizedB = b.label.toUpperCase();\n\n\tif ( normalizedA < normalizedB ) {\n\t\treturn -1;\n\t}\n\tif ( normalizedA > normalizedB ) {\n\t\treturn 1;\n\t}\n\treturn 0;\n} );\n\n// A helper function to convert translatable post format names into their static values.\nfunction formatNamesToValues( names, formats ) {\n\treturn names\n\t\t.map( ( name ) => {\n\t\t\treturn formats.find(\n\t\t\t\t( item ) =>\n\t\t\t\t\titem.label.toLocaleLowerCase() === name.toLocaleLowerCase()\n\t\t\t)?.value;\n\t\t} )\n\t\t.filter( Boolean );\n}\n\nexport default function FormatControls( { onChange, query: { format } } ) {\n\t// 'format' is expected to be an array. If it is not an array, for example\n\t// if a user has manually entered an invalid value in the block markup,\n\t// convert it to an array to prevent JavaScript errors.\n\tconst normalizedFormats = Array.isArray( format ) ? format : [ format ];\n\n\tconst { supportedFormats } = useSelect( ( select ) => {\n\t\tconst themeSupports = select( coreStore ).getThemeSupports();\n\t\treturn {\n\t\t\tsupportedFormats: themeSupports.formats,\n\t\t};\n\t}, [] );\n\n\tconst formats = POST_FORMATS.filter( ( item ) =>\n\t\tsupportedFormats.includes( item.value )\n\t);\n\n\tconst values = normalizedFormats\n\t\t.map(\n\t\t\t( name ) => formats.find( ( item ) => item.value === name )?.label\n\t\t)\n\t\t.filter( Boolean );\n\n\tconst suggestions = formats\n\t\t.filter( ( item ) => ! normalizedFormats.includes( item.value ) )\n\t\t.map( ( item ) => item.label );\n\n\treturn (\n\t\t<FormTokenField\n\t\t\tlabel={ __( 'Formats' ) }\n\t\t\tvalue={ values }\n\t\t\tsuggestions={ suggestions }\n\t\t\tonChange={ ( newValues ) => {\n\t\t\t\tonChange( {\n\t\t\t\t\tformat: formatNamesToValues( newValues, formats ),\n\t\t\t\t} );\n\t\t\t} }\n\t\t\t__experimentalShowHowTo={ false }\n\t\t\t__experimentalExpandOnFocus\n\t\t\t__next40pxDefaultSize\n\t\t/>\n\t);\n}\n"], "mappings": ";AAGA,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAU;AAoEjB;AAhEF,IAAM,eAAe;AAAA,EACpB,EAAE,OAAO,SAAS,OAAO,GAAI,OAAQ,EAAE;AAAA,EACvC,EAAE,OAAO,SAAS,OAAO,GAAI,OAAQ,EAAE;AAAA,EACvC,EAAE,OAAO,QAAQ,OAAO,GAAI,MAAO,EAAE;AAAA,EACrC,EAAE,OAAO,WAAW,OAAO,GAAI,SAAU,EAAE;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,GAAI,OAAQ,EAAE;AAAA,EACvC,EAAE,OAAO,QAAQ,OAAO,GAAI,MAAO,EAAE;AAAA,EACrC,EAAE,OAAO,SAAS,OAAO,GAAI,OAAQ,EAAE;AAAA,EACvC,EAAE,OAAO,YAAY,OAAO,GAAI,UAAW,EAAE;AAAA,EAC7C,EAAE,OAAO,UAAU,OAAO,GAAI,QAAS,EAAE;AAAA,EACzC,EAAE,OAAO,SAAS,OAAO,GAAI,OAAQ,EAAE;AACxC,EAAE,KAAM,CAAE,GAAG,MAAO;AACnB,QAAM,cAAc,EAAE,MAAM,YAAY;AACxC,QAAM,cAAc,EAAE,MAAM,YAAY;AAExC,MAAK,cAAc,aAAc;AAChC,WAAO;AAAA,EACR;AACA,MAAK,cAAc,aAAc;AAChC,WAAO;AAAA,EACR;AACA,SAAO;AACR,CAAE;AAGF,SAAS,oBAAqB,OAAO,SAAU;AAC9C,SAAO,MACL,IAAK,CAAE,SAAU;AACjB,WAAO,QAAQ;AAAA,MACd,CAAE,SACD,KAAK,MAAM,kBAAkB,MAAM,KAAK,kBAAkB;AAAA,IAC5D,GAAG;AAAA,EACJ,CAAE,EACD,OAAQ,OAAQ;AACnB;AAEe,SAAR,eAAiC,EAAE,UAAU,OAAO,EAAE,OAAO,EAAE,GAAI;AAIzE,QAAM,oBAAoB,MAAM,QAAS,MAAO,IAAI,SAAS,CAAE,MAAO;AAEtE,QAAM,EAAE,iBAAiB,IAAI,UAAW,CAAE,WAAY;AACrD,UAAM,gBAAgB,OAAQ,SAAU,EAAE,iBAAiB;AAC3D,WAAO;AAAA,MACN,kBAAkB,cAAc;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,UAAU,aAAa;AAAA,IAAQ,CAAE,SACtC,iBAAiB,SAAU,KAAK,KAAM;AAAA,EACvC;AAEA,QAAM,SAAS,kBACb;AAAA,IACA,CAAE,SAAU,QAAQ,KAAM,CAAE,SAAU,KAAK,UAAU,IAAK,GAAG;AAAA,EAC9D,EACC,OAAQ,OAAQ;AAElB,QAAM,cAAc,QAClB,OAAQ,CAAE,SAAU,CAAE,kBAAkB,SAAU,KAAK,KAAM,CAAE,EAC/D,IAAK,CAAE,SAAU,KAAK,KAAM;AAE9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ,GAAI,SAAU;AAAA,MACtB,OAAQ;AAAA,MACR;AAAA,MACA,UAAW,CAAE,cAAe;AAC3B,iBAAU;AAAA,UACT,QAAQ,oBAAqB,WAAW,OAAQ;AAAA,QACjD,CAAE;AAAA,MACH;AAAA,MACA,yBAA0B;AAAA,MAC1B,6BAA2B;AAAA,MAC3B,uBAAqB;AAAA;AAAA,EACtB;AAEF;", "names": [] }