UNPKG

@wordpress/block-editor

Version:
8 lines (7 loc) 2.61 kB
{ "version": 3, "sources": ["../../../../src/components/inserter/media-tab/media-panel.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Spinner, SearchControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDebouncedInput } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport MediaList from './media-list';\nimport { useMediaResults } from './hooks';\nimport InserterNoResults from '../no-results';\n\nconst INITIAL_MEDIA_ITEMS_PER_PAGE = 10;\n\nexport function MediaCategoryPanel( { rootClientId, onInsert, category } ) {\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput();\n\tconst { mediaList, isLoading } = useMediaResults( category, {\n\t\tper_page: !! debouncedSearch ? 20 : INITIAL_MEDIA_ITEMS_PER_PAGE,\n\t\tsearch: debouncedSearch,\n\t} );\n\tconst baseCssClass = 'block-editor-inserter__media-panel';\n\tconst searchLabel = category.labels.search_items || __( 'Search' );\n\treturn (\n\t\t<div className={ baseCssClass }>\n\t\t\t<SearchControl\n\t\t\t\tclassName={ `${ baseCssClass }-search` }\n\t\t\t\tonChange={ setSearch }\n\t\t\t\tvalue={ search }\n\t\t\t\tlabel={ searchLabel }\n\t\t\t\tplaceholder={ searchLabel }\n\t\t\t/>\n\t\t\t{ isLoading && (\n\t\t\t\t<div className={ `${ baseCssClass }-spinner` }>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! isLoading && ! mediaList?.length && <InserterNoResults /> }\n\t\t\t{ ! isLoading && !! mediaList?.length && (\n\t\t\t\t<MediaList\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tonClick={ onInsert }\n\t\t\t\t\tmediaList={ mediaList }\n\t\t\t\t\tcategory={ category }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"], "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuC;AACvC,kBAAmB;AACnB,qBAAkC;AAKlC,wBAAsB;AACtB,mBAAgC;AAChC,wBAA8B;AAa5B;AAXF,IAAM,+BAA+B;AAE9B,SAAS,mBAAoB,EAAE,cAAc,UAAU,SAAS,GAAI;AAC1E,QAAM,CAAE,QAAQ,WAAW,eAAgB,QAAI,kCAAkB;AACjE,QAAM,EAAE,WAAW,UAAU,QAAI,8BAAiB,UAAU;AAAA,IAC3D,UAAU,CAAC,CAAE,kBAAkB,KAAK;AAAA,IACpC,QAAQ;AAAA,EACT,CAAE;AACF,QAAM,eAAe;AACrB,QAAM,cAAc,SAAS,OAAO,oBAAgB,gBAAI,QAAS;AACjE,SACC,6CAAC,SAAI,WAAY,cAChB;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY,GAAI,YAAa;AAAA,QAC7B,UAAW;AAAA,QACX,OAAQ;AAAA,QACR,OAAQ;AAAA,QACR,aAAc;AAAA;AAAA,IACf;AAAA,IACE,aACD,4CAAC,SAAI,WAAY,GAAI,YAAa,YACjC,sDAAC,6BAAQ,GACV;AAAA,IAEC,CAAE,aAAa,CAAE,WAAW,UAAU,4CAAC,kBAAAA,SAAA,EAAkB;AAAA,IACzD,CAAE,aAAa,CAAC,CAAE,WAAW,UAC9B;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,SAAU;AAAA,QACV;AAAA,QACA;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;", "names": ["InserterNoResults", "MediaList"] }