@wordpress/block-editor
Version:
8 lines (7 loc) • 1.72 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../../src/components/inserter-listbox/group.js"],
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\n\nfunction InserterListboxGroup( props, ref ) {\n\tconst [ shouldSpeak, setShouldSpeak ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( shouldSpeak ) {\n\t\t\tspeak(\n\t\t\t\t__( 'Use left and right arrow keys to move through blocks' )\n\t\t\t);\n\t\t}\n\t}, [ shouldSpeak ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\trole=\"listbox\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\tonFocus={ () => {\n\t\t\t\tsetShouldSpeak( true );\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tconst focusingOutsideGroup = ! event.currentTarget.contains(\n\t\t\t\t\tevent.relatedTarget\n\t\t\t\t);\n\t\t\t\tif ( focusingOutsideGroup ) {\n\t\t\t\t\tsetShouldSpeak( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxGroup );\n"],
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAgD;AAChD,kBAAmB;AACnB,kBAAsB;AAcpB;AAZF,SAAS,qBAAsB,OAAO,KAAM;AAC3C,QAAM,CAAE,aAAa,cAAe,QAAI,yBAAU,KAAM;AAExD,gCAAW,MAAM;AAChB,QAAK,aAAc;AAClB;AAAA,YACC,gBAAI,sDAAuD;AAAA,MAC5D;AAAA,IACD;AAAA,EACD,GAAG,CAAE,WAAY,CAAE;AAEnB,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,SAAU,MAAM;AACf,uBAAgB,IAAK;AAAA,MACtB;AAAA,MACA,QAAS,CAAE,UAAW;AACrB,cAAM,uBAAuB,CAAE,MAAM,cAAc;AAAA,UAClD,MAAM;AAAA,QACP;AACA,YAAK,sBAAuB;AAC3B,yBAAgB,KAAM;AAAA,QACvB;AAAA,MACD;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;AAEA,IAAO,oBAAQ,2BAAY,oBAAqB;",
"names": []
}