@wordpress/block-editor 12.10.6 → 12.11.1

package/build/components/list-view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_compose","_components","_data","_deprecated","_interopRequireDefault","_i18n","_branch","_context","_dropIndicator","_useBlockSelection","_useListViewClientIds","_useListViewDropZone","_useListViewExpandSelectedItem","_store","_blockSettingsDropdown","_utils","expanded","state","action","Array","isArray","clientIds","reduce","newState","id","type","BLOCK_LIST_ITEM_HEIGHT","exports","ListViewComponent","blocks","dropZoneElement","showBlockMovers","isExpanded","showAppender","blockSettingsMenu","BlockSettingsMenu","BlockSettingsDropdown","rootClientId","description","onSelect","additionalBlockContent","AdditionalBlockContent","ref","deprecated","since","alternative","instanceId","useInstanceId","clientIdsTree","draggedClientIds","selectedClientIds","useListViewClientIds","getBlock","useSelect","blockEditorStore","visibleBlockCount","shouldShowInnerBlocks","select","getGlobalBlockCount","getClientIdsOfDescendants","__unstableGetEditorMode","draggedBlockCount","length","updateBlockSelection","useBlockSelection","expandedState","setExpandedState","useReducer","dropZoneRef","target","blockDropTarget","useListViewDropZone","elementRef","useRef","treeGridRef","useMergeRefs","insertedBlock","setInsertedBlock","useState","setSelectedTreeId","useListViewExpandSelectedItem","firstSelectedBlockClientId","selectEditorBlock","useCallback","event","blockClientId","focusPosition","useEffect","focusListItem","expand","clientId","collapse","expandRow","row","dataset","block","collapseRow","focusRow","startRow","endRow","shiftKey","contextValue","useMemo","listViewInstanceId","treeGridElementRef","fixedListWindow","useFixedWindowList","useWindowing","windowOverscan","createElement","AsyncModeProvider","value","default","listViewRef","__experimentalTreeGrid","className","__","onCollapseRow","onExpandRow","onFocusRow","applicationAriaLabel","ListViewContext","Provider","parentId","selectBlock","PrivateListView","forwardRef","_default","props","undefined"],"sources":["@wordpress/block-editor/src/components/list-view/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseInstanceId,\n\tuseMergeRefs,\n\t__experimentalUseFixedWindowList as useFixedWindowList,\n} from '@wordpress/compose';\nimport { __experimentalTreeGrid as TreeGrid } from '@wordpress/components';\nimport { AsyncModeProvider, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseReducer,\n\tforwardRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ListViewBranch from './branch';\nimport { ListViewContext } from './context';\nimport ListViewDropIndicator from './drop-indicator';\nimport useBlockSelection from './use-block-selection';\nimport useListViewClientIds from './use-list-view-client-ids';\nimport useListViewDropZone from './use-list-view-drop-zone';\nimport useListViewExpandSelectedItem from './use-list-view-expand-selected-item';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockSettingsDropdown } from '../block-settings-menu/block-settings-dropdown';\nimport { focusListItem } from './utils';\n\nconst expanded = ( state, action ) => {\n\tif ( Array.isArray( action.clientIds ) ) {\n\t\treturn {\n\t\t\t...state,\n\t\t\t...action.clientIds.reduce(\n\t\t\t\t( newState, id ) => ( {\n\t\t\t\t\t...newState,\n\t\t\t\t\t[ id ]: action.type === 'expand',\n\t\t\t\t} ),\n\t\t\t\t{}\n\t\t\t),\n\t\t};\n\t}\n\treturn state;\n};\n\nexport const BLOCK_LIST_ITEM_HEIGHT = 36;\n\n/** @typedef {import('react').ComponentType} ComponentType */\n/** @typedef {import('react').Ref<HTMLElement>} Ref */\n\n/**\n * Show a hierarchical list of blocks.\n *\n * @param {Object}         props                        Components props.\n * @param {string}         props.id                     An HTML element id for the root element of ListView.\n * @param {Array}          props.blocks                 _deprecated_ Custom subset of block client IDs to be used instead of the default hierarchy.\n * @param {?HTMLElement}   props.dropZoneElement        Optional element to be used as the drop zone.\n * @param {?boolean}       props.showBlockMovers        Flag to enable block movers. Defaults to `false`.\n * @param {?boolean}       props.isExpanded             Flag to determine whether nested levels are expanded by default. Defaults to `false`.\n * @param {?boolean}       props.showAppender           Flag to show or hide the block appender. Defaults to `false`.\n * @param {?ComponentType} props.blockSettingsMenu      Optional more menu substitution. Defaults to the standard `BlockSettingsDropdown` component.\n * @param {string}         props.rootClientId           The client id of the root block from which we determine the blocks to show in the list.\n * @param {string}         props.description            Optional accessible description for the tree grid component.\n * @param {?Function}      props.onSelect               Optional callback to be invoked when a block is selected. Receives the block object that was selected.\n * @param {?ComponentType} props.additionalBlockContent Component that renders additional block content UI.\n * @param {Ref}            ref                          Forwarded ref\n */\nfunction ListViewComponent(\n\t{\n\t\tid,\n\t\tblocks,\n\t\tdropZoneElement,\n\t\tshowBlockMovers = false,\n\t\tisExpanded = false,\n\t\tshowAppender = false,\n\t\tblockSettingsMenu: BlockSettingsMenu = BlockSettingsDropdown,\n\t\trootClientId,\n\t\tdescription,\n\t\tonSelect,\n\t\tadditionalBlockContent: AdditionalBlockContent,\n\t},\n\tref\n) {\n\t// This can be removed once we no longer need to support the blocks prop.\n\tif ( blocks ) {\n\t\tdeprecated(\n\t\t\t'`blocks` property in `wp.blockEditor.__experimentalListView`',\n\t\t\t{\n\t\t\t\tsince: '6.3',\n\t\t\t\talternative: '`rootClientId` property',\n\t\t\t}\n\t\t);\n\t}\n\n\tconst instanceId = useInstanceId( ListViewComponent );\n\tconst { clientIdsTree, draggedClientIds, selectedClientIds } =\n\t\tuseListViewClientIds( { blocks, rootClientId } );\n\n\tconst { getBlock } = useSelect( blockEditorStore );\n\tconst { visibleBlockCount, shouldShowInnerBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetGlobalBlockCount,\n\t\t\t\tgetClientIdsOfDescendants,\n\t\t\t\t__unstableGetEditorMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst draggedBlockCount =\n\t\t\t\tdraggedClientIds?.length > 0\n\t\t\t\t\t? getClientIdsOfDescendants( draggedClientIds ).length + 1\n\t\t\t\t\t: 0;\n\t\t\treturn {\n\t\t\t\tvisibleBlockCount: getGlobalBlockCount() - draggedBlockCount,\n\t\t\t\tshouldShowInnerBlocks: __unstableGetEditorMode() !== 'zoom-out',\n\t\t\t};\n\t\t},\n\t\t[ draggedClientIds ]\n\t);\n\n\tconst { updateBlockSelection } = useBlockSelection();\n\n\tconst [ expandedState, setExpandedState ] = useReducer( expanded, {} );\n\n\tconst { ref: dropZoneRef, target: blockDropTarget } = useListViewDropZone( {\n\t\tdropZoneElement,\n\t} );\n\tconst elementRef = useRef();\n\tconst treeGridRef = useMergeRefs( [ elementRef, dropZoneRef, ref ] );\n\n\tconst [ insertedBlock, setInsertedBlock ] = useState( null );\n\n\tconst { setSelectedTreeId } = useListViewExpandSelectedItem( {\n\t\tfirstSelectedBlockClientId: selectedClientIds[ 0 ],\n\t\tsetExpandedState,\n\t} );\n\tconst selectEditorBlock = useCallback(\n\t\t/**\n\t\t * @param {MouseEvent | KeyboardEvent | undefined} event\n\t\t * @param {string}                                 blockClientId\n\t\t * @param {null | undefined | -1 | 1}              focusPosition\n\t\t */\n\t\t( event, blockClientId, focusPosition ) => {\n\t\t\tupdateBlockSelection( event, blockClientId, null, focusPosition );\n\t\t\tsetSelectedTreeId( blockClientId );\n\t\t\tif ( onSelect ) {\n\t\t\t\tonSelect( getBlock( blockClientId ) );\n\t\t\t}\n\t\t},\n\t\t[ setSelectedTreeId, updateBlockSelection, onSelect, getBlock ]\n\t);\n\tuseEffect( () => {\n\t\t// If a blocks are already selected when the list view is initially\n\t\t// mounted, shift focus to the first selected block.\n\t\tif ( selectedClientIds?.length ) {\n\t\t\tfocusListItem( selectedClientIds[ 0 ], elementRef );\n\t\t}\n\t\t// Disable reason: Only focus on the selected item when the list view is mounted.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tconst expand = useCallback(\n\t\t( clientId ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetExpandedState( { type: 'expand', clientIds: [ clientId ] } );\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\tconst collapse = useCallback(\n\t\t( clientId ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetExpandedState( { type: 'collapse', clientIds: [ clientId ] } );\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\tconst expandRow = useCallback(\n\t\t( row ) => {\n\t\t\texpand( row?.dataset?.block );\n\t\t},\n\t\t[ expand ]\n\t);\n\tconst collapseRow = useCallback(\n\t\t( row ) => {\n\t\t\tcollapse( row?.dataset?.block );\n\t\t},\n\t\t[ collapse ]\n\t);\n\tconst focusRow = useCallback(\n\t\t( event, startRow, endRow ) => {\n\t\t\tif ( event.shiftKey ) {\n\t\t\t\tupdateBlockSelection(\n\t\t\t\t\tevent,\n\t\t\t\t\tstartRow?.dataset?.block,\n\t\t\t\t\tendRow?.dataset?.block\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ updateBlockSelection ]\n\t);\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tdraggedClientIds,\n\t\t\texpandedState,\n\t\t\texpand,\n\t\t\tcollapse,\n\t\t\tBlockSettingsMenu,\n\t\t\tlistViewInstanceId: instanceId,\n\t\t\tAdditionalBlockContent,\n\t\t\tinsertedBlock,\n\t\t\tsetInsertedBlock,\n\t\t\ttreeGridElementRef: elementRef,\n\t\t} ),\n\t\t[\n\t\t\tdraggedClientIds,\n\t\t\texpandedState,\n\t\t\texpand,\n\t\t\tcollapse,\n\t\t\tBlockSettingsMenu,\n\t\t\tinstanceId,\n\t\t\tAdditionalBlockContent,\n\t\t\tinsertedBlock,\n\t\t\tsetInsertedBlock,\n\t\t]\n\t);\n\n\t// List View renders a fixed number of items and relies on each having a fixed item height of 36px.\n\t// If this value changes, we should also change the itemHeight value set in useFixedWindowList.\n\t// See: https://github.com/WordPress/gutenberg/pull/35230 for additional context.\n\tconst [ fixedListWindow ] = useFixedWindowList(\n\t\telementRef,\n\t\tBLOCK_LIST_ITEM_HEIGHT,\n\t\tvisibleBlockCount,\n\t\t{\n\t\t\t// Ensure that the windowing logic is recalculated when the expanded state changes.\n\t\t\t// This is necessary because expanding a collapsed block in a short list view can\n\t\t\t// switch the list view to a tall list view with a scrollbar, and vice versa.\n\t\t\t// When this happens, the windowing logic needs to be recalculated to ensure that\n\t\t\t// the correct number of blocks are rendered, by rechecking for a scroll container.\n\t\t\texpandedState,\n\t\t\tuseWindowing: true,\n\t\t\twindowOverscan: 40,\n\t\t}\n\t);\n\n\t// If there are no blocks to show and we're not showing the appender, do not render the list view.\n\tif ( ! clientIdsTree.length && ! showAppender ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<AsyncModeProvider value={ true }>\n\t\t\t<ListViewDropIndicator\n\t\t\t\tlistViewRef={ elementRef }\n\t\t\t\tblockDropTarget={ blockDropTarget }\n\t\t\t/>\n\t\t\t<TreeGrid\n\t\t\t\tid={ id }\n\t\t\t\tclassName=\"block-editor-list-view-tree\"\n\t\t\t\taria-label={ __( 'Block navigation structure' ) }\n\t\t\t\tref={ treeGridRef }\n\t\t\t\tonCollapseRow={ collapseRow }\n\t\t\t\tonExpandRow={ expandRow }\n\t\t\t\tonFocusRow={ focusRow }\n\t\t\t\tapplicationAriaLabel={ __( 'Block navigation structure' ) }\n\t\t\t\t// eslint-disable-next-line jsx-a11y/aria-props\n\t\t\t\taria-description={ description }\n\t\t\t>\n\t\t\t\t<ListViewContext.Provider value={ contextValue }>\n\t\t\t\t\t<ListViewBranch\n\t\t\t\t\t\tblocks={ clientIdsTree }\n\t\t\t\t\t\tparentId={ rootClientId }\n\t\t\t\t\t\tselectBlock={ selectEditorBlock }\n\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\tfixedListWindow={ fixedListWindow }\n\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\tshouldShowInnerBlocks={ shouldShowInnerBlocks }\n\t\t\t\t\t\tshowAppender={ showAppender }\n\t\t\t\t\t/>\n\t\t\t\t</ListViewContext.Provider>\n\t\t\t</TreeGrid>\n\t\t</AsyncModeProvider>\n\t);\n}\n\n// This is the private API for the ListView component.\n// It allows access to all props, not just the public ones.\nexport const PrivateListView = forwardRef( ListViewComponent );\n\n// This is the public API for the ListView component.\n// We wrap the PrivateListView component to hide some props from the public API.\nexport default forwardRef( ( props, ref ) => {\n\treturn (\n\t\t<PrivateListView\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tshowAppender={ false }\n\t\t\trootClientId={ null }\n\t\t\tonSelect={ null }\n\t\t\tadditionalBlockContent={ null }\n\t\t\tblockSettingsMenu={ undefined }\n\t\t/>\n\t);\n} );\n"],"mappings":";;;;;;;AAWA,IAAAA,QAAA,GAAAC,OAAA;AARA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAC,sBAAA,CAAAL,OAAA;AAUA,IAAAM,KAAA,GAAAN,OAAA;AAKA,IAAAO,OAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAJ,sBAAA,CAAAL,OAAA;AACA,IAAAU,kBAAA,GAAAL,sBAAA,CAAAL,OAAA;AACA,IAAAW,qBAAA,GAAAN,sBAAA,CAAAL,OAAA;AACA,IAAAY,oBAAA,GAAAP,sBAAA,CAAAL,OAAA;AACA,IAAAa,8BAAA,GAAAR,sBAAA,CAAAL,OAAA;AACA,IAAAc,MAAA,GAAAd,OAAA;AACA,IAAAe,sBAAA,GAAAf,OAAA;AACA,IAAAgB,MAAA,GAAAhB,OAAA;AAlCA;AACA;AACA;;AAoBA;AACA;AACA;;AAYA,MAAMiB,QAAQ,GAAGA,CAAEC,KAAK,EAAEC,MAAM,KAAM;EACrC,IAAKC,KAAK,CAACC,OAAO,CAAEF,MAAM,CAACG,SAAU,CAAC,EAAG;IACxC,OAAO;MACN,GAAGJ,KAAK;MACR,GAAGC,MAAM,CAACG,SAAS,CAACC,MAAM,CACzB,CAAEC,QAAQ,EAAEC,EAAE,MAAQ;QACrB,GAAGD,QAAQ;QACX,CAAEC,EAAE,GAAIN,MAAM,CAACO,IAAI,KAAK;MACzB,CAAC,CAAE,EACH,CAAC,CACF;IACD,CAAC;EACF;EACA,OAAOR,KAAK;AACb,CAAC;AAEM,MAAMS,sBAAsB,GAAG,EAAE;;AAExC;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhBAC,OAAA,CAAAD,sBAAA,GAAAA,sBAAA;AAiBA,SAASE,iBAAiBA,CACzB;EACCJ,EAAE;EACFK,MAAM;EACNC,eAAe;EACfC,eAAe,GAAG,KAAK;EACvBC,UAAU,GAAG,KAAK;EAClBC,YAAY,GAAG,KAAK;EACpBC,iBAAiB,EAAEC,iBAAiB,GAAGC,4CAAqB;EAC5DC,YAAY;EACZC,WAAW;EACXC,QAAQ;EACRC,sBAAsB,EAAEC;AACzB,CAAC,EACDC,GAAG,EACF;EACD;EACA,IAAKb,MAAM,EAAG;IACb,IAAAc,mBAAU,EACT,8DAA8D,EAC9D;MACCC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CACD,CAAC;EACF;EAEA,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEnB,iBAAkB,CAAC;EACrD,MAAM;IAAEoB,aAAa;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GAC3D,IAAAC,6BAAoB,EAAE;IAAEtB,MAAM;IAAEQ;EAAa,CAAE,CAAC;EAEjD,MAAM;IAAEe;EAAS,CAAC,GAAG,IAAAC,eAAS,EAAEC,YAAiB,CAAC;EAClD,MAAM;IAAEC,iBAAiB;IAAEC;EAAsB,CAAC,GAAG,IAAAH,eAAS,EAC3DI,MAAM,IAAM;IACb,MAAM;MACLC,mBAAmB;MACnBC,yBAAyB;MACzBC;IACD,CAAC,GAAGH,MAAM,CAAEH,YAAiB,CAAC;IAC9B,MAAMO,iBAAiB,GACtBZ,gBAAgB,EAAEa,MAAM,GAAG,CAAC,GACzBH,yBAAyB,CAAEV,gBAAiB,CAAC,CAACa,MAAM,GAAG,CAAC,GACxD,CAAC;IACL,OAAO;MACNP,iBAAiB,EAAEG,mBAAmB,CAAC,CAAC,GAAGG,iBAAiB;MAC5DL,qBAAqB,EAAEI,uBAAuB,CAAC,CAAC,KAAK;IACtD,CAAC;EACF,CAAC,EACD,CAAEX,gBAAgB,CACnB,CAAC;EAED,MAAM;IAAEc;EAAqB,CAAC,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EAEpD,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,mBAAU,EAAEnD,QAAQ,EAAE,CAAC,CAAE,CAAC;EAEtE,MAAM;IAAE0B,GAAG,EAAE0B,WAAW;IAAEC,MAAM,EAAEC;EAAgB,CAAC,GAAG,IAAAC,4BAAmB,EAAE;IAC1EzC;EACD,CAAE,CAAC;EACH,MAAM0C,UAAU,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC3B,MAAMC,WAAW,GAAG,IAAAC,qBAAY,EAAE,CAAEH,UAAU,EAAEJ,WAAW,EAAE1B,GAAG,CAAG,CAAC;EAEpE,MAAM,CAAEkC,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAE5D,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,sCAA6B,EAAE;IAC5DC,0BAA0B,EAAE/B,iBAAiB,CAAE,CAAC,CAAE;IAClDgB;EACD,CAAE,CAAC;EACH,MAAMgB,iBAAiB,GAAG,IAAAC,oBAAW;EACpC;AACF;AACA;AACA;AACA;EACE,CAAEC,KAAK,EAAEC,aAAa,EAAEC,aAAa,KAAM;IAC1CvB,oBAAoB,CAAEqB,KAAK,EAAEC,aAAa,EAAE,IAAI,EAAEC,aAAc,CAAC;IACjEP,iBAAiB,CAAEM,aAAc,CAAC;IAClC,IAAK9C,QAAQ,EAAG;MACfA,QAAQ,CAAEa,QAAQ,CAAEiC,aAAc,CAAE,CAAC;IACtC;EACD,CAAC,EACD,CAAEN,iBAAiB,EAAEhB,oBAAoB,EAAExB,QAAQ,EAAEa,QAAQ,CAC9D,CAAC;EACD,IAAAmC,kBAAS,EAAE,MAAM;IAChB;IACA;IACA,IAAKrC,iBAAiB,EAAEY,MAAM,EAAG;MAChC,IAAA0B,oBAAa,EAAEtC,iBAAiB,CAAE,CAAC,CAAE,EAAEsB,UAAW,CAAC;IACpD;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMiB,MAAM,GAAG,IAAAN,oBAAW,EACvBO,QAAQ,IAAM;IACf,IAAK,CAAEA,QAAQ,EAAG;MACjB;IACD;IACAxB,gBAAgB,CAAE;MAAEzC,IAAI,EAAE,QAAQ;MAAEJ,SAAS,EAAE,CAAEqE,QAAQ;IAAG,CAAE,CAAC;EAChE,CAAC,EACD,CAAExB,gBAAgB,CACnB,CAAC;EACD,MAAMyB,QAAQ,GAAG,IAAAR,oBAAW,EACzBO,QAAQ,IAAM;IACf,IAAK,CAAEA,QAAQ,EAAG;MACjB;IACD;IACAxB,gBAAgB,CAAE;MAAEzC,IAAI,EAAE,UAAU;MAAEJ,SAAS,EAAE,CAAEqE,QAAQ;IAAG,CAAE,CAAC;EAClE,CAAC,EACD,CAAExB,gBAAgB,CACnB,CAAC;EACD,MAAM0B,SAAS,GAAG,IAAAT,oBAAW,EAC1BU,GAAG,IAAM;IACVJ,MAAM,CAAEI,GAAG,EAAEC,OAAO,EAAEC,KAAM,CAAC;EAC9B,CAAC,EACD,CAAEN,MAAM,CACT,CAAC;EACD,MAAMO,WAAW,GAAG,IAAAb,oBAAW,EAC5BU,GAAG,IAAM;IACVF,QAAQ,CAAEE,GAAG,EAAEC,OAAO,EAAEC,KAAM,CAAC;EAChC,CAAC,EACD,CAAEJ,QAAQ,CACX,CAAC;EACD,MAAMM,QAAQ,GAAG,IAAAd,oBAAW,EAC3B,CAAEC,KAAK,EAAEc,QAAQ,EAAEC,MAAM,KAAM;IAC9B,IAAKf,KAAK,CAACgB,QAAQ,EAAG;MACrBrC,oBAAoB,CACnBqB,KAAK,EACLc,QAAQ,EAAEJ,OAAO,EAAEC,KAAK,EACxBI,MAAM,EAAEL,OAAO,EAAEC,KAClB,CAAC;IACF;EACD,CAAC,EACD,CAAEhC,oBAAoB,CACvB,CAAC;EAED,MAAMsC,YAAY,GAAG,IAAAC,gBAAO,EAC3B,OAAQ;IACPrD,gBAAgB;IAChBgB,aAAa;IACbwB,MAAM;IACNE,QAAQ;IACRxD,iBAAiB;IACjBoE,kBAAkB,EAAEzD,UAAU;IAC9BL,sBAAsB;IACtBmC,aAAa;IACbC,gBAAgB;IAChB2B,kBAAkB,EAAEhC;EACrB,CAAC,CAAE,EACH,CACCvB,gBAAgB,EAChBgB,aAAa,EACbwB,MAAM,EACNE,QAAQ,EACRxD,iBAAiB,EACjBW,UAAU,EACVL,sBAAsB,EACtBmC,aAAa,EACbC,gBAAgB,CAElB,CAAC;;EAED;EACA;EACA;EACA,MAAM,CAAE4B,eAAe,CAAE,GAAG,IAAAC,yCAAkB,EAC7ClC,UAAU,EACV9C,sBAAsB,EACtB6B,iBAAiB,EACjB;IACC;IACA;IACA;IACA;IACA;IACAU,aAAa;IACb0C,YAAY,EAAE,IAAI;IAClBC,cAAc,EAAE;EACjB,CACD,CAAC;;EAED;EACA,IAAK,CAAE5D,aAAa,CAACc,MAAM,IAAI,CAAE7B,YAAY,EAAG;IAC/C,OAAO,IAAI;EACZ;EAEA,OACC,IAAAnC,QAAA,CAAA+G,aAAA,EAAC3G,KAAA,CAAA4G,iBAAiB;IAACC,KAAK,EAAG;EAAM,GAChC,IAAAjH,QAAA,CAAA+G,aAAA,EAACrG,cAAA,CAAAwG,OAAqB;IACrBC,WAAW,EAAGzC,UAAY;IAC1BF,eAAe,EAAGA;EAAiB,CACnC,CAAC,EACF,IAAAxE,QAAA,CAAA+G,aAAA,EAAC5G,WAAA,CAAAiH,sBAAQ;IACR1F,EAAE,EAAGA,EAAI;IACT2F,SAAS,EAAC,6BAA6B;IACvC,cAAa,IAAAC,QAAE,EAAE,4BAA6B,CAAG;IACjD1E,GAAG,EAAGgC,WAAa;IACnB2C,aAAa,EAAGrB,WAAa;IAC7BsB,WAAW,EAAG1B,SAAW;IACzB2B,UAAU,EAAGtB,QAAU;IACvBuB,oBAAoB,EAAG,IAAAJ,QAAE,EAAE,4BAA6B;IACxD;IAAA;IACA,oBAAmB9E;EAAa,GAEhC,IAAAxC,QAAA,CAAA+G,aAAA,EAACtG,QAAA,CAAAkH,eAAe,CAACC,QAAQ;IAACX,KAAK,EAAGV;EAAc,GAC/C,IAAAvG,QAAA,CAAA+G,aAAA,EAACvG,OAAA,CAAA0G,OAAc;IACdnF,MAAM,EAAGmB,aAAe;IACxB2E,QAAQ,EAAGtF,YAAc;IACzBuF,WAAW,EAAG1C,iBAAmB;IACjCnD,eAAe,EAAGA,eAAiB;IACnC0E,eAAe,EAAGA,eAAiB;IACnCvD,iBAAiB,EAAGA,iBAAmB;IACvClB,UAAU,EAAGA,UAAY;IACzBwB,qBAAqB,EAAGA,qBAAuB;IAC/CvB,YAAY,EAAGA;EAAc,CAC7B,CACwB,CACjB,CACQ,CAAC;AAEtB;;AAEA;AACA;AACO,MAAM4F,eAAe,GAAG,IAAAC,mBAAU,EAAElG,iBAAkB,CAAC;;AAE9D;AACA;AAAAD,OAAA,CAAAkG,eAAA,GAAAA,eAAA;AAAA,IAAAE,QAAA,GACe,IAAAD,mBAAU,EAAE,CAAEE,KAAK,EAAEtF,GAAG,KAAM;EAC5C,OACC,IAAA5C,QAAA,CAAA+G,aAAA,EAACgB,eAAe;IACfnF,GAAG,EAAGA,GAAK;IAAA,GACNsF,KAAK;IACV/F,YAAY,EAAG,KAAO;IACtBI,YAAY,EAAG,IAAM;IACrBE,QAAQ,EAAG,IAAM;IACjBC,sBAAsB,EAAG,IAAM;IAC/BN,iBAAiB,EAAG+F;EAAW,CAC/B,CAAC;AAEJ,CAAE,CAAC;AAAAtG,OAAA,CAAAqF,OAAA,GAAAe,QAAA"}
+{"version":3,"names":["_compose","require","_components","_data","_deprecated","_interopRequireDefault","_element","_i18n","_branch","_context","_dropIndicator","_useBlockSelection","_useListViewClientIds","_useListViewDropZone","_useListViewExpandSelectedItem","_store","_blockSettingsDropdown","_utils","expanded","state","action","Array","isArray","clientIds","reduce","newState","id","type","BLOCK_LIST_ITEM_HEIGHT","exports","ListViewComponent","blocks","dropZoneElement","showBlockMovers","isExpanded","showAppender","blockSettingsMenu","BlockSettingsMenu","BlockSettingsDropdown","rootClientId","description","onSelect","additionalBlockContent","AdditionalBlockContent","ref","deprecated","since","alternative","instanceId","useInstanceId","clientIdsTree","draggedClientIds","selectedClientIds","useListViewClientIds","getBlock","useSelect","blockEditorStore","visibleBlockCount","shouldShowInnerBlocks","select","getGlobalBlockCount","getClientIdsOfDescendants","__unstableGetEditorMode","draggedBlockCount","length","updateBlockSelection","useBlockSelection","expandedState","setExpandedState","useReducer","dropZoneRef","target","blockDropTarget","useListViewDropZone","elementRef","useRef","treeGridRef","useMergeRefs","insertedBlock","setInsertedBlock","useState","setSelectedTreeId","useListViewExpandSelectedItem","firstSelectedBlockClientId","selectEditorBlock","useCallback","event","blockClientId","focusPosition","useEffect","focusListItem","expand","clientId","collapse","expandRow","row","dataset","block","collapseRow","focusRow","startRow","endRow","shiftKey","contextValue","useMemo","listViewInstanceId","treeGridElementRef","fixedListWindow","useFixedWindowList","useWindowing","windowOverscan","_react","createElement","AsyncModeProvider","value","default","listViewRef","__experimentalTreeGrid","className","__","onCollapseRow","onExpandRow","onFocusRow","applicationAriaLabel","ListViewContext","Provider","parentId","selectBlock","PrivateListView","forwardRef","_default","props","undefined"],"sources":["@wordpress/block-editor/src/components/list-view/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseInstanceId,\n\tuseMergeRefs,\n\t__experimentalUseFixedWindowList as useFixedWindowList,\n} from '@wordpress/compose';\nimport { __experimentalTreeGrid as TreeGrid } from '@wordpress/components';\nimport { AsyncModeProvider, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseReducer,\n\tforwardRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ListViewBranch from './branch';\nimport { ListViewContext } from './context';\nimport ListViewDropIndicator from './drop-indicator';\nimport useBlockSelection from './use-block-selection';\nimport useListViewClientIds from './use-list-view-client-ids';\nimport useListViewDropZone from './use-list-view-drop-zone';\nimport useListViewExpandSelectedItem from './use-list-view-expand-selected-item';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockSettingsDropdown } from '../block-settings-menu/block-settings-dropdown';\nimport { focusListItem } from './utils';\n\nconst expanded = ( state, action ) => {\n\tif ( Array.isArray( action.clientIds ) ) {\n\t\treturn {\n\t\t\t...state,\n\t\t\t...action.clientIds.reduce(\n\t\t\t\t( newState, id ) => ( {\n\t\t\t\t\t...newState,\n\t\t\t\t\t[ id ]: action.type === 'expand',\n\t\t\t\t} ),\n\t\t\t\t{}\n\t\t\t),\n\t\t};\n\t}\n\treturn state;\n};\n\nexport const BLOCK_LIST_ITEM_HEIGHT = 36;\n\n/** @typedef {import('react').ComponentType} ComponentType */\n/** @typedef {import('react').Ref<HTMLElement>} Ref */\n\n/**\n * Show a hierarchical list of blocks.\n *\n * @param {Object}         props                        Components props.\n * @param {string}         props.id                     An HTML element id for the root element of ListView.\n * @param {Array}          props.blocks                 _deprecated_ Custom subset of block client IDs to be used instead of the default hierarchy.\n * @param {?HTMLElement}   props.dropZoneElement        Optional element to be used as the drop zone.\n * @param {?boolean}       props.showBlockMovers        Flag to enable block movers. Defaults to `false`.\n * @param {?boolean}       props.isExpanded             Flag to determine whether nested levels are expanded by default. Defaults to `false`.\n * @param {?boolean}       props.showAppender           Flag to show or hide the block appender. Defaults to `false`.\n * @param {?ComponentType} props.blockSettingsMenu      Optional more menu substitution. Defaults to the standard `BlockSettingsDropdown` component.\n * @param {string}         props.rootClientId           The client id of the root block from which we determine the blocks to show in the list.\n * @param {string}         props.description            Optional accessible description for the tree grid component.\n * @param {?Function}      props.onSelect               Optional callback to be invoked when a block is selected. Receives the block object that was selected.\n * @param {?ComponentType} props.additionalBlockContent Component that renders additional block content UI.\n * @param {Ref}            ref                          Forwarded ref\n */\nfunction ListViewComponent(\n\t{\n\t\tid,\n\t\tblocks,\n\t\tdropZoneElement,\n\t\tshowBlockMovers = false,\n\t\tisExpanded = false,\n\t\tshowAppender = false,\n\t\tblockSettingsMenu: BlockSettingsMenu = BlockSettingsDropdown,\n\t\trootClientId,\n\t\tdescription,\n\t\tonSelect,\n\t\tadditionalBlockContent: AdditionalBlockContent,\n\t},\n\tref\n) {\n\t// This can be removed once we no longer need to support the blocks prop.\n\tif ( blocks ) {\n\t\tdeprecated(\n\t\t\t'`blocks` property in `wp.blockEditor.__experimentalListView`',\n\t\t\t{\n\t\t\t\tsince: '6.3',\n\t\t\t\talternative: '`rootClientId` property',\n\t\t\t}\n\t\t);\n\t}\n\n\tconst instanceId = useInstanceId( ListViewComponent );\n\tconst { clientIdsTree, draggedClientIds, selectedClientIds } =\n\t\tuseListViewClientIds( { blocks, rootClientId } );\n\n\tconst { getBlock } = useSelect( blockEditorStore );\n\tconst { visibleBlockCount, shouldShowInnerBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetGlobalBlockCount,\n\t\t\t\tgetClientIdsOfDescendants,\n\t\t\t\t__unstableGetEditorMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst draggedBlockCount =\n\t\t\t\tdraggedClientIds?.length > 0\n\t\t\t\t\t? getClientIdsOfDescendants( draggedClientIds ).length + 1\n\t\t\t\t\t: 0;\n\t\t\treturn {\n\t\t\t\tvisibleBlockCount: getGlobalBlockCount() - draggedBlockCount,\n\t\t\t\tshouldShowInnerBlocks: __unstableGetEditorMode() !== 'zoom-out',\n\t\t\t};\n\t\t},\n\t\t[ draggedClientIds ]\n\t);\n\n\tconst { updateBlockSelection } = useBlockSelection();\n\n\tconst [ expandedState, setExpandedState ] = useReducer( expanded, {} );\n\n\tconst { ref: dropZoneRef, target: blockDropTarget } = useListViewDropZone( {\n\t\tdropZoneElement,\n\t} );\n\tconst elementRef = useRef();\n\tconst treeGridRef = useMergeRefs( [ elementRef, dropZoneRef, ref ] );\n\n\tconst [ insertedBlock, setInsertedBlock ] = useState( null );\n\n\tconst { setSelectedTreeId } = useListViewExpandSelectedItem( {\n\t\tfirstSelectedBlockClientId: selectedClientIds[ 0 ],\n\t\tsetExpandedState,\n\t} );\n\tconst selectEditorBlock = useCallback(\n\t\t/**\n\t\t * @param {MouseEvent | KeyboardEvent | undefined} event\n\t\t * @param {string}                                 blockClientId\n\t\t * @param {null | undefined | -1 | 1}              focusPosition\n\t\t */\n\t\t( event, blockClientId, focusPosition ) => {\n\t\t\tupdateBlockSelection( event, blockClientId, null, focusPosition );\n\t\t\tsetSelectedTreeId( blockClientId );\n\t\t\tif ( onSelect ) {\n\t\t\t\tonSelect( getBlock( blockClientId ) );\n\t\t\t}\n\t\t},\n\t\t[ setSelectedTreeId, updateBlockSelection, onSelect, getBlock ]\n\t);\n\tuseEffect( () => {\n\t\t// If a blocks are already selected when the list view is initially\n\t\t// mounted, shift focus to the first selected block.\n\t\tif ( selectedClientIds?.length ) {\n\t\t\tfocusListItem( selectedClientIds[ 0 ], elementRef );\n\t\t}\n\t\t// Disable reason: Only focus on the selected item when the list view is mounted.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tconst expand = useCallback(\n\t\t( clientId ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetExpandedState( { type: 'expand', clientIds: [ clientId ] } );\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\tconst collapse = useCallback(\n\t\t( clientId ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetExpandedState( { type: 'collapse', clientIds: [ clientId ] } );\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\tconst expandRow = useCallback(\n\t\t( row ) => {\n\t\t\texpand( row?.dataset?.block );\n\t\t},\n\t\t[ expand ]\n\t);\n\tconst collapseRow = useCallback(\n\t\t( row ) => {\n\t\t\tcollapse( row?.dataset?.block );\n\t\t},\n\t\t[ collapse ]\n\t);\n\tconst focusRow = useCallback(\n\t\t( event, startRow, endRow ) => {\n\t\t\tif ( event.shiftKey ) {\n\t\t\t\tupdateBlockSelection(\n\t\t\t\t\tevent,\n\t\t\t\t\tstartRow?.dataset?.block,\n\t\t\t\t\tendRow?.dataset?.block\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ updateBlockSelection ]\n\t);\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tdraggedClientIds,\n\t\t\texpandedState,\n\t\t\texpand,\n\t\t\tcollapse,\n\t\t\tBlockSettingsMenu,\n\t\t\tlistViewInstanceId: instanceId,\n\t\t\tAdditionalBlockContent,\n\t\t\tinsertedBlock,\n\t\t\tsetInsertedBlock,\n\t\t\ttreeGridElementRef: elementRef,\n\t\t} ),\n\t\t[\n\t\t\tdraggedClientIds,\n\t\t\texpandedState,\n\t\t\texpand,\n\t\t\tcollapse,\n\t\t\tBlockSettingsMenu,\n\t\t\tinstanceId,\n\t\t\tAdditionalBlockContent,\n\t\t\tinsertedBlock,\n\t\t\tsetInsertedBlock,\n\t\t]\n\t);\n\n\t// List View renders a fixed number of items and relies on each having a fixed item height of 36px.\n\t// If this value changes, we should also change the itemHeight value set in useFixedWindowList.\n\t// See: https://github.com/WordPress/gutenberg/pull/35230 for additional context.\n\tconst [ fixedListWindow ] = useFixedWindowList(\n\t\telementRef,\n\t\tBLOCK_LIST_ITEM_HEIGHT,\n\t\tvisibleBlockCount,\n\t\t{\n\t\t\t// Ensure that the windowing logic is recalculated when the expanded state changes.\n\t\t\t// This is necessary because expanding a collapsed block in a short list view can\n\t\t\t// switch the list view to a tall list view with a scrollbar, and vice versa.\n\t\t\t// When this happens, the windowing logic needs to be recalculated to ensure that\n\t\t\t// the correct number of blocks are rendered, by rechecking for a scroll container.\n\t\t\texpandedState,\n\t\t\tuseWindowing: true,\n\t\t\twindowOverscan: 40,\n\t\t}\n\t);\n\n\t// If there are no blocks to show and we're not showing the appender, do not render the list view.\n\tif ( ! clientIdsTree.length && ! showAppender ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<AsyncModeProvider value={ true }>\n\t\t\t<ListViewDropIndicator\n\t\t\t\tlistViewRef={ elementRef }\n\t\t\t\tblockDropTarget={ blockDropTarget }\n\t\t\t/>\n\t\t\t<TreeGrid\n\t\t\t\tid={ id }\n\t\t\t\tclassName=\"block-editor-list-view-tree\"\n\t\t\t\taria-label={ __( 'Block navigation structure' ) }\n\t\t\t\tref={ treeGridRef }\n\t\t\t\tonCollapseRow={ collapseRow }\n\t\t\t\tonExpandRow={ expandRow }\n\t\t\t\tonFocusRow={ focusRow }\n\t\t\t\tapplicationAriaLabel={ __( 'Block navigation structure' ) }\n\t\t\t\t// eslint-disable-next-line jsx-a11y/aria-props\n\t\t\t\taria-description={ description }\n\t\t\t>\n\t\t\t\t<ListViewContext.Provider value={ contextValue }>\n\t\t\t\t\t<ListViewBranch\n\t\t\t\t\t\tblocks={ clientIdsTree }\n\t\t\t\t\t\tparentId={ rootClientId }\n\t\t\t\t\t\tselectBlock={ selectEditorBlock }\n\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\tfixedListWindow={ fixedListWindow }\n\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\tshouldShowInnerBlocks={ shouldShowInnerBlocks }\n\t\t\t\t\t\tshowAppender={ showAppender }\n\t\t\t\t\t/>\n\t\t\t\t</ListViewContext.Provider>\n\t\t\t</TreeGrid>\n\t\t</AsyncModeProvider>\n\t);\n}\n\n// This is the private API for the ListView component.\n// It allows access to all props, not just the public ones.\nexport const PrivateListView = forwardRef( ListViewComponent );\n\n// This is the public API for the ListView component.\n// We wrap the PrivateListView component to hide some props from the public API.\nexport default forwardRef( ( props, ref ) => {\n\treturn (\n\t\t<PrivateListView\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tshowAppender={ false }\n\t\t\trootClientId={ null }\n\t\t\tonSelect={ null }\n\t\t\tadditionalBlockContent={ null }\n\t\t\tblockSettingsMenu={ undefined }\n\t\t/>\n\t);\n} );\n"],"mappings":"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"}

package/build/components/list-view/leaf.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _web = require("@react-spring/web");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _useMovingAnimation = _interopRequireDefault(require("../use-moving-animation"));
 /**
  * External dependencies
@@ -41,7 +42,7 @@ const ListViewLeaf = (0, _element.forwardRef)(({
     triggerAnimationOnChange: path
   });
   const mergedRef = (0, _compose.useMergeRefs)([ref, animationRef]);
-  return (0, _element.createElement)(AnimatedTreeGridRow, {
+  return (0, _react.createElement)(AnimatedTreeGridRow, {
     ref: mergedRef,
     className: (0, _classnames.default)('block-editor-list-view-leaf', className),
     level: level,

package/build/components/list-view/leaf.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_web","_classnames","_interopRequireDefault","_components","_compose","_useMovingAnimation","AnimatedTreeGridRow","animated","TreeGridRow","ListViewLeaf","forwardRef","isSelected","position","level","rowCount","children","className","path","props","ref","animationRef","useMovingAnimation","adjustScrolling","enableAnimation","triggerAnimationOnChange","mergedRef","useMergeRefs","createElement","classnames","positionInSet","setSize","isExpanded","undefined","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/list-view/leaf.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { animated } from '@react-spring/web';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalTreeGridRow as TreeGridRow } from '@wordpress/components';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useMovingAnimation from '../use-moving-animation';\n\nconst AnimatedTreeGridRow = animated( TreeGridRow );\n\nconst ListViewLeaf = forwardRef(\n\t(\n\t\t{\n\t\t\tisSelected,\n\t\t\tposition,\n\t\t\tlevel,\n\t\t\trowCount,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tpath,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst animationRef = useMovingAnimation( {\n\t\t\tisSelected,\n\t\t\tadjustScrolling: false,\n\t\t\tenableAnimation: true,\n\t\t\ttriggerAnimationOnChange: path,\n\t\t} );\n\n\t\tconst mergedRef = useMergeRefs( [ ref, animationRef ] );\n\n\t\treturn (\n\t\t\t<AnimatedTreeGridRow\n\t\t\t\tref={ mergedRef }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'block-editor-list-view-leaf',\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t\tlevel={ level }\n\t\t\t\tpositionInSet={ position }\n\t\t\t\tsetSize={ rowCount }\n\t\t\t\tisExpanded={ undefined }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</AnimatedTreeGridRow>\n\t\t);\n\t}\n);\n\nexport default ListViewLeaf;\n"],"mappings":";;;;;;;AAWA,IAAAA,QAAA,GAAAC,OAAA;AARA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAMA,IAAAM,mBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;;AAGA,MAAMO,mBAAmB,GAAG,IAAAC,aAAQ,EAAEC,qCAAY,CAAC;AAEnD,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAC9B,CACC;EACCC,UAAU;EACVC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJ,GAAGC;AACJ,CAAC,EACDC,GAAG,KACC;EACJ,MAAMC,YAAY,GAAG,IAAAC,2BAAkB,EAAE;IACxCV,UAAU;IACVW,eAAe,EAAE,KAAK;IACtBC,eAAe,EAAE,IAAI;IACrBC,wBAAwB,EAAEP;EAC3B,CAAE,CAAC;EAEH,MAAMQ,SAAS,GAAG,IAAAC,qBAAY,EAAE,CAAEP,GAAG,EAAEC,YAAY,CAAG,CAAC;EAEvD,OACC,IAAAtB,QAAA,CAAA6B,aAAA,EAACrB,mBAAmB;IACnBa,GAAG,EAAGM,SAAW;IACjBT,SAAS,EAAG,IAAAY,mBAAU,EACrB,6BAA6B,EAC7BZ,SACD,CAAG;IACHH,KAAK,EAAGA,KAAO;IACfgB,aAAa,EAAGjB,QAAU;IAC1BkB,OAAO,EAAGhB,QAAU;IACpBiB,UAAU,EAAGC,SAAW;IAAA,GACnBd;EAAK,GAERH,QACkB,CAAC;AAExB,CACD,CAAC;AAAC,IAAAkB,QAAA,GAEaxB,YAAY;AAAAyB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_web","require","_classnames","_interopRequireDefault","_components","_compose","_element","_useMovingAnimation","AnimatedTreeGridRow","animated","TreeGridRow","ListViewLeaf","forwardRef","isSelected","position","level","rowCount","children","className","path","props","ref","animationRef","useMovingAnimation","adjustScrolling","enableAnimation","triggerAnimationOnChange","mergedRef","useMergeRefs","_react","createElement","classnames","positionInSet","setSize","isExpanded","undefined","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/list-view/leaf.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { animated } from '@react-spring/web';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalTreeGridRow as TreeGridRow } from '@wordpress/components';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useMovingAnimation from '../use-moving-animation';\n\nconst AnimatedTreeGridRow = animated( TreeGridRow );\n\nconst ListViewLeaf = forwardRef(\n\t(\n\t\t{\n\t\t\tisSelected,\n\t\t\tposition,\n\t\t\tlevel,\n\t\t\trowCount,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tpath,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst animationRef = useMovingAnimation( {\n\t\t\tisSelected,\n\t\t\tadjustScrolling: false,\n\t\t\tenableAnimation: true,\n\t\t\ttriggerAnimationOnChange: path,\n\t\t} );\n\n\t\tconst mergedRef = useMergeRefs( [ ref, animationRef ] );\n\n\t\treturn (\n\t\t\t<AnimatedTreeGridRow\n\t\t\t\tref={ mergedRef }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'block-editor-list-view-leaf',\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t\tlevel={ level }\n\t\t\t\tpositionInSet={ position }\n\t\t\t\tsetSize={ rowCount }\n\t\t\t\tisExpanded={ undefined }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</AnimatedTreeGridRow>\n\t\t);\n\t}\n);\n\nexport default ListViewLeaf;\n"],"mappings":";;;;;;;;AAGA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,mBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;;AAGA,MAAMO,mBAAmB,GAAG,IAAAC,aAAQ,EAAEC,qCAAY,CAAC;AAEnD,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAC9B,CACC;EACCC,UAAU;EACVC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJ,GAAGC;AACJ,CAAC,EACDC,GAAG,KACC;EACJ,MAAMC,YAAY,GAAG,IAAAC,2BAAkB,EAAE;IACxCV,UAAU;IACVW,eAAe,EAAE,KAAK;IACtBC,eAAe,EAAE,IAAI;IACrBC,wBAAwB,EAAEP;EAC3B,CAAE,CAAC;EAEH,MAAMQ,SAAS,GAAG,IAAAC,qBAAY,EAAE,CAAEP,GAAG,EAAEC,YAAY,CAAG,CAAC;EAEvD,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACtB,mBAAmB;IACnBa,GAAG,EAAGM,SAAW;IACjBT,SAAS,EAAG,IAAAa,mBAAU,EACrB,6BAA6B,EAC7Bb,SACD,CAAG;IACHH,KAAK,EAAGA,KAAO;IACfiB,aAAa,EAAGlB,QAAU;IAC1BmB,OAAO,EAAGjB,QAAU;IACpBkB,UAAU,EAAGC,SAAW;IAAA,GACnBf;EAAK,GAERH,QACkB,CAAC;AAExB,CACD,CAAC;AAAC,IAAAmB,QAAA,GAEazB,YAAY;AAAA0B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/media-placeholder/index.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MediaPlaceholder = MediaPlaceholder;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
 var _blocks2 = require("@wordpress/blocks");
@@ -37,20 +38,20 @@ const InsertFromURLPopover = ({
   onSubmit,
   onClose,
   popoverAnchor
-}) => (0, _element.createElement)(_urlPopover.default, {
+}) => (0, _react.createElement)(_urlPopover.default, {
   anchor: popoverAnchor,
   onClose: onClose
-}, (0, _element.createElement)("form", {
+}, (0, _react.createElement)("form", {
   className: "block-editor-media-placeholder__url-input-form",
   onSubmit: onSubmit
-}, (0, _element.createElement)("input", {
+}, (0, _react.createElement)("input", {
   className: "block-editor-media-placeholder__url-input-field",
   type: "text",
   "aria-label": (0, _i18n.__)('URL'),
   placeholder: (0, _i18n.__)('Paste or type URL'),
   onChange: onChange,
   value: src
-}), (0, _element.createElement)(_components.Button, {
+}), (0, _react.createElement)(_components.Button, {
   className: "block-editor-media-placeholder__url-input-submit-button",
   icon: _icons.keyboardReturn,
   label: (0, _i18n.__)('Apply'),
@@ -67,15 +68,15 @@ const URLSelectionUI = ({
   // Use internal state instead of a ref to make sure that the component
   // re-renders when the popover's anchor updates.
   const [popoverAnchor, setPopoverAnchor] = (0, _element.useState)(null);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-media-placeholder__url-input-container",
     ref: setPopoverAnchor
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     className: "block-editor-media-placeholder__button",
     onClick: openURLInput,
     isPressed: isURLInputVisible,
     variant: "tertiary"
-  }, (0, _i18n.__)('Insert from URL')), isURLInputVisible && (0, _element.createElement)(InsertFromURLPopover, {
+  }, (0, _i18n.__)('Insert from URL')), isURLInputVisible && (0, _react.createElement)(InsertFromURLPopover, {
     src: src,
     onChange: onChangeSrc,
     onSubmit: onSubmitSrc,
@@ -292,7 +293,7 @@ function MediaPlaceholder({
     const placeholderClassName = (0, _classnames.default)('block-editor-media-placeholder', className, {
       'is-appender': isAppender
     });
-    return (0, _element.createElement)(_components.Placeholder, {
+    return (0, _react.createElement)(_components.Placeholder, {
       icon: icon,
       label: title,
       instructions: instructions,
@@ -308,13 +309,13 @@ function MediaPlaceholder({
     if (disableDropZone) {
       return null;
     }
-    return (0, _element.createElement)(_components.DropZone, {
+    return (0, _react.createElement)(_components.DropZone, {
       onFilesDrop: onFilesUpload,
       onHTMLDrop: onHTMLDrop
     });
   };
   const renderCancelLink = () => {
-    return onCancel && (0, _element.createElement)(_components.Button, {
+    return onCancel && (0, _react.createElement)(_components.Button, {
       className: "block-editor-media-placeholder__cancel-button",
       title: (0, _i18n.__)('Cancel'),
       variant: "link",
@@ -322,7 +323,7 @@ function MediaPlaceholder({
     }, (0, _i18n.__)('Cancel'));
   };
   const renderUrlSelectionUI = () => {
-    return onSelectURL && (0, _element.createElement)(URLSelectionUI, {
+    return onSelectURL && (0, _react.createElement)(URLSelectionUI, {
       isURLInputVisible: isURLInputVisible,
       src: src,
       onChangeSrc: onChangeSrc,
@@ -332,9 +333,9 @@ function MediaPlaceholder({
     });
   };
   const renderFeaturedImageToggle = () => {
-    return onToggleFeaturedImage && (0, _element.createElement)("div", {
+    return onToggleFeaturedImage && (0, _react.createElement)("div", {
       className: "block-editor-media-placeholder__url-input-container"
-    }, (0, _element.createElement)(_components.Button, {
+    }, (0, _react.createElement)(_components.Button, {
       className: "block-editor-media-placeholder__button",
       onClick: onToggleFeaturedImage,
       variant: "tertiary"
@@ -344,7 +345,7 @@ function MediaPlaceholder({
     const defaultButton = ({
       open
     }) => {
-      return (0, _element.createElement)(_components.Button, {
+      return (0, _react.createElement)(_components.Button, {
         variant: "tertiary",
         onClick: () => {
           open();
@@ -352,7 +353,7 @@ function MediaPlaceholder({
       }, (0, _i18n.__)('Media Library'));
     };
     const libraryButton = mediaLibraryButton !== null && mediaLibraryButton !== void 0 ? mediaLibraryButton : defaultButton;
-    const uploadMediaLibraryButton = (0, _element.createElement)(_mediaUpload.default, {
+    const uploadMediaLibraryButton = (0, _react.createElement)(_mediaUpload.default, {
       addToGallery: addToGallery,
       gallery: multiple && onlyAllowsImages(),
       multiple: multiple,
@@ -365,14 +366,14 @@ function MediaPlaceholder({
       render: libraryButton
     });
     if (mediaUpload && isAppender) {
-      return (0, _element.createElement)(_element.Fragment, null, renderDropZone(), (0, _element.createElement)(_components.FormFileUpload, {
+      return (0, _react.createElement)(_react.Fragment, null, renderDropZone(), (0, _react.createElement)(_components.FormFileUpload, {
         onChange: onUpload,
         accept: accept,
         multiple: !!multiple,
         render: ({
           openFileDialog
         }) => {
-          const content = (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.Button, {
+          const content = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Button, {
             variant: "primary",
             className: (0, _classnames.default)('block-editor-media-placeholder__button', 'block-editor-media-placeholder__upload-button'),
             onClick: openFileDialog
@@ -382,7 +383,7 @@ function MediaPlaceholder({
       }));
     }
     if (mediaUpload) {
-      const content = (0, _element.createElement)(_element.Fragment, null, renderDropZone(), (0, _element.createElement)(_components.FormFileUpload, {
+      const content = (0, _react.createElement)(_react.Fragment, null, renderDropZone(), (0, _react.createElement)(_components.FormFileUpload, {
         variant: "primary",
         className: (0, _classnames.default)('block-editor-media-placeholder__button', 'block-editor-media-placeholder__upload-button'),
         onChange: onUpload,
@@ -394,9 +395,9 @@ function MediaPlaceholder({
     return renderPlaceholder(uploadMediaLibraryButton);
   };
   if (disableMediaButtons) {
-    return (0, _element.createElement)(_check.default, null, renderDropZone());
+    return (0, _react.createElement)(_check.default, null, renderDropZone());
   }
-  return (0, _element.createElement)(_check.default, {
+  return (0, _react.createElement)(_check.default, {
     fallback: renderPlaceholder(renderUrlSelectionUI())
   }, renderMediaUploadChecked());
 }

package/build/components/media-placeholder/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_i18n","_data","_icons","_blocks2","_deprecated","_mediaUpload","_check","_urlPopover","_store","noop","InsertFromURLPopover","src","onChange","onSubmit","onClose","popoverAnchor","createElement","default","anchor","className","type","__","placeholder","value","Button","icon","keyboardReturn","label","URLSelectionUI","isURLInputVisible","onChangeSrc","onSubmitSrc","openURLInput","closeURLInput","setPopoverAnchor","useState","ref","onClick","isPressed","variant","MediaPlaceholder","allowedTypes","labels","mediaPreview","notices","isAppender","accept","addToGallery","multiple","handleUpload","disableDropZone","disableMediaButtons","onError","onSelect","onCancel","onSelectURL","onToggleFeaturedImage","onDoubleClick","onFilesPreUpload","onHTMLDrop","deprecatedOnHTMLDrop","children","mediaLibraryButton","style","deprecated","since","version","mediaUpload","useSelect","select","getSettings","blockEditorStore","setSrc","setIsURLInputVisible","useEffect","_value$src","onlyAllowsImages","length","every","allowedType","startsWith","event","target","preventDefault","onFilesUpload","files","setMedia","lastMediaPassed","newMedia","filteredMedia","filter","item","id","some","Number","urlSlug","url","includes","concat","map","media","cutOffIndex","lastIndexOf","slice","filesList","onFileChange","handleBlocksDrop","blocks","Array","isArray","recursivelyFindMediaFromBlocks","_blocks","flatMap","block","name","attributes","innerBlocks","mediaBlocks","uploadedMediaList","Promise","all","resolve","reject","window","fetch","then","response","blob","additionalData","title","alt_text","alt","caption","catch","err","HTML","pasteHandler","onUpload","defaultRenderPlaceholder","content","instructions","undefined","typesAllowed","firstAllowedType","isOneType","isAudio","isImage","isVideo","placeholderClassName","classnames","Placeholder","preview","renderPlaceholder","renderDropZone","DropZone","onFilesDrop","renderCancelLink","renderUrlSelectionUI","renderFeaturedImageToggle","renderMediaUploadChecked","defaultButton","open","libraryButton","uploadMediaLibraryButton","gallery","mode","render","Fragment","FormFileUpload","openFileDialog","fallback","_default","withFilters","exports"],"sources":["@wordpress/block-editor/src/components/media-placeholder/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tFormFileUpload,\n\tPlaceholder,\n\tDropZone,\n\twithFilters,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { keyboardReturn } from '@wordpress/icons';\nimport { pasteHandler } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport MediaUpload from '../media-upload';\nimport MediaUploadCheck from '../media-upload/check';\nimport URLPopover from '../url-popover';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nconst InsertFromURLPopover = ( {\n\tsrc,\n\tonChange,\n\tonSubmit,\n\tonClose,\n\tpopoverAnchor,\n} ) => (\n\t<URLPopover anchor={ popoverAnchor } onClose={ onClose }>\n\t\t<form\n\t\t\tclassName=\"block-editor-media-placeholder__url-input-form\"\n\t\t\tonSubmit={ onSubmit }\n\t\t>\n\t\t\t<input\n\t\t\t\tclassName=\"block-editor-media-placeholder__url-input-field\"\n\t\t\t\ttype=\"text\"\n\t\t\t\taria-label={ __( 'URL' ) }\n\t\t\t\tplaceholder={ __( 'Paste or type URL' ) }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tvalue={ src }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-media-placeholder__url-input-submit-button\"\n\t\t\t\ticon={ keyboardReturn }\n\t\t\t\tlabel={ __( 'Apply' ) }\n\t\t\t\ttype=\"submit\"\n\t\t\t/>\n\t\t</form>\n\t</URLPopover>\n);\n\nconst URLSelectionUI = ( {\n\tisURLInputVisible,\n\tsrc,\n\tonChangeSrc,\n\tonSubmitSrc,\n\topenURLInput,\n\tcloseURLInput,\n} ) => {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-media-placeholder__url-input-container\"\n\t\t\tref={ setPopoverAnchor }\n\t\t>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-media-placeholder__button\"\n\t\t\t\tonClick={ openURLInput }\n\t\t\t\tisPressed={ isURLInputVisible }\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t>\n\t\t\t\t{ __( 'Insert from URL' ) }\n\t\t\t</Button>\n\t\t\t{ isURLInputVisible && (\n\t\t\t\t<InsertFromURLPopover\n\t\t\t\t\tsrc={ src }\n\t\t\t\t\tonChange={ onChangeSrc }\n\t\t\t\t\tonSubmit={ onSubmitSrc }\n\t\t\t\t\tonClose={ closeURLInput }\n\t\t\t\t\tpopoverAnchor={ popoverAnchor }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport function MediaPlaceholder( {\n\tvalue = {},\n\tallowedTypes,\n\tclassName,\n\ticon,\n\tlabels = {},\n\tmediaPreview,\n\tnotices,\n\tisAppender,\n\taccept,\n\taddToGallery,\n\tmultiple = false,\n\thandleUpload = true,\n\tdisableDropZone,\n\tdisableMediaButtons,\n\tonError,\n\tonSelect,\n\tonCancel,\n\tonSelectURL,\n\tonToggleFeaturedImage,\n\tonDoubleClick,\n\tonFilesPreUpload = noop,\n\tonHTMLDrop: deprecatedOnHTMLDrop,\n\tchildren,\n\tmediaLibraryButton,\n\tplaceholder,\n\tstyle,\n} ) {\n\tif ( deprecatedOnHTMLDrop ) {\n\t\tdeprecated( 'wp.blockEditor.MediaPlaceholder onHTMLDrop prop', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t} );\n\t}\n\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().mediaUpload;\n\t}, [] );\n\tconst [ src, setSrc ] = useState( '' );\n\tconst [ isURLInputVisible, setIsURLInputVisible ] = useState( false );\n\n\tuseEffect( () => {\n\t\tsetSrc( value?.src ?? '' );\n\t}, [ value?.src ] );\n\n\tconst onlyAllowsImages = () => {\n\t\tif ( ! allowedTypes || allowedTypes.length === 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn allowedTypes.every(\n\t\t\t( allowedType ) =>\n\t\t\t\tallowedType === 'image' || allowedType.startsWith( 'image/' )\n\t\t);\n\t};\n\n\tconst onChangeSrc = ( event ) => {\n\t\tsetSrc( event.target.value );\n\t};\n\n\tconst openURLInput = () => {\n\t\tsetIsURLInputVisible( true );\n\t};\n\tconst closeURLInput = () => {\n\t\tsetIsURLInputVisible( false );\n\t};\n\n\tconst onSubmitSrc = ( event ) => {\n\t\tevent.preventDefault();\n\t\tif ( src && onSelectURL ) {\n\t\t\tonSelectURL( src );\n\t\t\tcloseURLInput();\n\t\t}\n\t};\n\n\tconst onFilesUpload = ( files ) => {\n\t\tif ( ! handleUpload ) {\n\t\t\treturn onSelect( files );\n\t\t}\n\t\tonFilesPreUpload( files );\n\t\tlet setMedia;\n\t\tif ( multiple ) {\n\t\t\tif ( addToGallery ) {\n\t\t\t\t// Since the setMedia function runs multiple times per upload group\n\t\t\t\t// and is passed newMedia containing every item in its group each time, we must\n\t\t\t\t// filter out whatever this upload group had previously returned to the\n\t\t\t\t// gallery before adding and returning the image array with replacement newMedia\n\t\t\t\t// values.\n\n\t\t\t\t// Define an array to store urls from newMedia between subsequent function calls.\n\t\t\t\tlet lastMediaPassed = [];\n\t\t\t\tsetMedia = ( newMedia ) => {\n\t\t\t\t\t// Remove any images this upload group is responsible for (lastMediaPassed).\n\t\t\t\t\t// Their replacements are contained in newMedia.\n\t\t\t\t\tconst filteredMedia = ( value ?? [] ).filter( ( item ) => {\n\t\t\t\t\t\t// If Item has id, only remove it if lastMediaPassed has an item with that id.\n\t\t\t\t\t\tif ( item.id ) {\n\t\t\t\t\t\t\treturn ! lastMediaPassed.some(\n\t\t\t\t\t\t\t\t// Be sure to convert to number for comparison.\n\t\t\t\t\t\t\t\t( { id } ) => Number( id ) === Number( item.id )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Compare transient images via .includes since gallery may append extra info onto the url.\n\t\t\t\t\t\treturn ! lastMediaPassed.some( ( { urlSlug } ) =>\n\t\t\t\t\t\t\titem.url.includes( urlSlug )\n\t\t\t\t\t\t);\n\t\t\t\t\t} );\n\t\t\t\t\t// Return the filtered media array along with newMedia.\n\t\t\t\t\tonSelect( filteredMedia.concat( newMedia ) );\n\t\t\t\t\t// Reset lastMediaPassed and set it with ids and urls from newMedia.\n\t\t\t\t\tlastMediaPassed = newMedia.map( ( media ) => {\n\t\t\t\t\t\t// Add everything up to '.fileType' to compare via .includes.\n\t\t\t\t\t\tconst cutOffIndex = media.url.lastIndexOf( '.' );\n\t\t\t\t\t\tconst urlSlug = media.url.slice( 0, cutOffIndex );\n\t\t\t\t\t\treturn { id: media.id, urlSlug };\n\t\t\t\t\t} );\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tsetMedia = onSelect;\n\t\t\t}\n\t\t} else {\n\t\t\tsetMedia = ( [ media ] ) => onSelect( media );\n\t\t}\n\t\tmediaUpload( {\n\t\t\tallowedTypes,\n\t\t\tfilesList: files,\n\t\t\tonFileChange: setMedia,\n\t\t\tonError,\n\t\t} );\n\t};\n\n\tasync function handleBlocksDrop( blocks ) {\n\t\tif ( ! blocks || ! Array.isArray( blocks ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfunction recursivelyFindMediaFromBlocks( _blocks ) {\n\t\t\treturn _blocks.flatMap( ( block ) =>\n\t\t\t\t( block.name === 'core/image' ||\n\t\t\t\t\tblock.name === 'core/audio' ||\n\t\t\t\t\tblock.name === 'core/video' ) &&\n\t\t\t\tblock.attributes.url\n\t\t\t\t\t? [ block ]\n\t\t\t\t\t: recursivelyFindMediaFromBlocks( block.innerBlocks )\n\t\t\t);\n\t\t}\n\n\t\tconst mediaBlocks = recursivelyFindMediaFromBlocks( blocks );\n\n\t\tif ( ! mediaBlocks.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst uploadedMediaList = await Promise.all(\n\t\t\tmediaBlocks.map( ( block ) =>\n\t\t\t\tblock.attributes.id\n\t\t\t\t\t? block.attributes\n\t\t\t\t\t: new Promise( ( resolve, reject ) => {\n\t\t\t\t\t\t\twindow\n\t\t\t\t\t\t\t\t.fetch( block.attributes.url )\n\t\t\t\t\t\t\t\t.then( ( response ) => response.blob() )\n\t\t\t\t\t\t\t\t.then( ( blob ) =>\n\t\t\t\t\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\t\t\t\t\tfilesList: [ blob ],\n\t\t\t\t\t\t\t\t\t\tadditionalData: {\n\t\t\t\t\t\t\t\t\t\t\ttitle: block.attributes.title,\n\t\t\t\t\t\t\t\t\t\t\talt_text: block.attributes.alt,\n\t\t\t\t\t\t\t\t\t\t\tcaption: block.attributes.caption,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( media.id ) {\n\t\t\t\t\t\t\t\t\t\t\t\tresolve( media );\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\tallowedTypes,\n\t\t\t\t\t\t\t\t\t\tonError: reject,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.catch( () => resolve( block.attributes.url ) );\n\t\t\t\t\t  } )\n\t\t\t)\n\t\t).catch( ( err ) => onError( err ) );\n\n\t\tif ( multiple ) {\n\t\t\tonSelect( uploadedMediaList );\n\t\t} else {\n\t\t\tonSelect( uploadedMediaList[ 0 ] );\n\t\t}\n\t}\n\n\tasync function onHTMLDrop( HTML ) {\n\t\tconst blocks = pasteHandler( { HTML } );\n\t\treturn await handleBlocksDrop( blocks );\n\t}\n\n\tconst onUpload = ( event ) => {\n\t\tonFilesUpload( event.target.files );\n\t};\n\n\tconst defaultRenderPlaceholder = ( content ) => {\n\t\tlet { instructions, title } = labels;\n\n\t\tif ( ! mediaUpload && ! onSelectURL ) {\n\t\t\tinstructions = __(\n\t\t\t\t'To edit this block, you need permission to upload media.'\n\t\t\t);\n\t\t}\n\n\t\tif ( instructions === undefined || title === undefined ) {\n\t\t\tconst typesAllowed = allowedTypes ?? [];\n\n\t\t\tconst [ firstAllowedType ] = typesAllowed;\n\t\t\tconst isOneType = 1 === typesAllowed.length;\n\t\t\tconst isAudio = isOneType && 'audio' === firstAllowedType;\n\t\t\tconst isImage = isOneType && 'image' === firstAllowedType;\n\t\t\tconst isVideo = isOneType && 'video' === firstAllowedType;\n\n\t\t\tif ( instructions === undefined && mediaUpload ) {\n\t\t\t\tinstructions = __(\n\t\t\t\t\t'Upload a media file or pick one from your media library.'\n\t\t\t\t);\n\n\t\t\t\tif ( isAudio ) {\n\t\t\t\t\tinstructions = __(\n\t\t\t\t\t\t'Upload an audio file, pick one from your media library, or add one with a URL.'\n\t\t\t\t\t);\n\t\t\t\t} else if ( isImage ) {\n\t\t\t\t\tinstructions = __(\n\t\t\t\t\t\t'Upload an image file, pick one from your media library, or add one with a URL.'\n\t\t\t\t\t);\n\t\t\t\t} else if ( isVideo ) {\n\t\t\t\t\tinstructions = __(\n\t\t\t\t\t\t'Upload a video file, pick one from your media library, or add one with a URL.'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( title === undefined ) {\n\t\t\t\ttitle = __( 'Media' );\n\n\t\t\t\tif ( isAudio ) {\n\t\t\t\t\ttitle = __( 'Audio' );\n\t\t\t\t} else if ( isImage ) {\n\t\t\t\t\ttitle = __( 'Image' );\n\t\t\t\t} else if ( isVideo ) {\n\t\t\t\t\ttitle = __( 'Video' );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst placeholderClassName = classnames(\n\t\t\t'block-editor-media-placeholder',\n\t\t\tclassName,\n\t\t\t{\n\t\t\t\t'is-appender': isAppender,\n\t\t\t}\n\t\t);\n\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ title }\n\t\t\t\tinstructions={ instructions }\n\t\t\t\tclassName={ placeholderClassName }\n\t\t\t\tnotices={ notices }\n\t\t\t\tonDoubleClick={ onDoubleClick }\n\t\t\t\tpreview={ mediaPreview }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t\t{ children }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\tconst renderPlaceholder = placeholder ?? defaultRenderPlaceholder;\n\n\tconst renderDropZone = () => {\n\t\tif ( disableDropZone ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<DropZone onFilesDrop={ onFilesUpload } onHTMLDrop={ onHTMLDrop } />\n\t\t);\n\t};\n\n\tconst renderCancelLink = () => {\n\t\treturn (\n\t\t\tonCancel && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"block-editor-media-placeholder__cancel-button\"\n\t\t\t\t\ttitle={ __( 'Cancel' ) }\n\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\tonClick={ onCancel }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t)\n\t\t);\n\t};\n\n\tconst renderUrlSelectionUI = () => {\n\t\treturn (\n\t\t\tonSelectURL && (\n\t\t\t\t<URLSelectionUI\n\t\t\t\t\tisURLInputVisible={ isURLInputVisible }\n\t\t\t\t\tsrc={ src }\n\t\t\t\t\tonChangeSrc={ onChangeSrc }\n\t\t\t\t\tonSubmitSrc={ onSubmitSrc }\n\t\t\t\t\topenURLInput={ openURLInput }\n\t\t\t\t\tcloseURLInput={ closeURLInput }\n\t\t\t\t/>\n\t\t\t)\n\t\t);\n\t};\n\n\tconst renderFeaturedImageToggle = () => {\n\t\treturn (\n\t\t\tonToggleFeaturedImage && (\n\t\t\t\t<div className=\"block-editor-media-placeholder__url-input-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-media-placeholder__button\"\n\t\t\t\t\t\tonClick={ onToggleFeaturedImage }\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Use featured image' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)\n\t\t);\n\t};\n\n\tconst renderMediaUploadChecked = () => {\n\t\tconst defaultButton = ( { open } ) => {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\topen();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Media Library' ) }\n\t\t\t\t</Button>\n\t\t\t);\n\t\t};\n\t\tconst libraryButton = mediaLibraryButton ?? defaultButton;\n\t\tconst uploadMediaLibraryButton = (\n\t\t\t<MediaUpload\n\t\t\t\taddToGallery={ addToGallery }\n\t\t\t\tgallery={ multiple && onlyAllowsImages() }\n\t\t\t\tmultiple={ multiple }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\tmode={ 'browse' }\n\t\t\t\tvalue={\n\t\t\t\t\tArray.isArray( value )\n\t\t\t\t\t\t? value.map( ( { id } ) => id )\n\t\t\t\t\t\t: value.id\n\t\t\t\t}\n\t\t\t\trender={ libraryButton }\n\t\t\t/>\n\t\t);\n\n\t\tif ( mediaUpload && isAppender ) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{ renderDropZone() }\n\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\tonChange={ onUpload }\n\t\t\t\t\t\taccept={ accept }\n\t\t\t\t\t\tmultiple={ !! multiple }\n\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\tconst content = (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-media-placeholder__button',\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-media-placeholder__upload-button'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tonClick={ openFileDialog }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t{ uploadMediaLibraryButton }\n\t\t\t\t\t\t\t\t\t{ renderUrlSelectionUI() }\n\t\t\t\t\t\t\t\t\t{ renderFeaturedImageToggle() }\n\t\t\t\t\t\t\t\t\t{ renderCancelLink() }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn renderPlaceholder( content );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t);\n\t\t}\n\n\t\tif ( mediaUpload ) {\n\t\t\tconst content = (\n\t\t\t\t<>\n\t\t\t\t\t{ renderDropZone() }\n\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-media-placeholder__button',\n\t\t\t\t\t\t\t'block-editor-media-placeholder__upload-button'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonChange={ onUpload }\n\t\t\t\t\t\taccept={ accept }\n\t\t\t\t\t\tmultiple={ !! multiple }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t</FormFileUpload>\n\t\t\t\t\t{ uploadMediaLibraryButton }\n\t\t\t\t\t{ renderUrlSelectionUI() }\n\t\t\t\t\t{ renderFeaturedImageToggle() }\n\t\t\t\t\t{ renderCancelLink() }\n\t\t\t\t</>\n\t\t\t);\n\t\t\treturn renderPlaceholder( content );\n\t\t}\n\n\t\treturn renderPlaceholder( uploadMediaLibraryButton );\n\t};\n\n\tif ( disableMediaButtons ) {\n\t\treturn <MediaUploadCheck>{ renderDropZone() }</MediaUploadCheck>;\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck\n\t\t\tfallback={ renderPlaceholder( renderUrlSelectionUI() ) }\n\t\t>\n\t\t\t{ renderMediaUploadChecked() }\n\t\t</MediaUploadCheck>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-placeholder/README.md\n */\nexport default withFilters( 'editor.MediaPlaceholder' )( MediaPlaceholder );\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_element","_data","_icons","_blocks2","_deprecated","_mediaUpload","_check","_urlPopover","_store","noop","InsertFromURLPopover","src","onChange","onSubmit","onClose","popoverAnchor","_react","createElement","default","anchor","className","type","__","placeholder","value","Button","icon","keyboardReturn","label","URLSelectionUI","isURLInputVisible","onChangeSrc","onSubmitSrc","openURLInput","closeURLInput","setPopoverAnchor","useState","ref","onClick","isPressed","variant","MediaPlaceholder","allowedTypes","labels","mediaPreview","notices","isAppender","accept","addToGallery","multiple","handleUpload","disableDropZone","disableMediaButtons","onError","onSelect","onCancel","onSelectURL","onToggleFeaturedImage","onDoubleClick","onFilesPreUpload","onHTMLDrop","deprecatedOnHTMLDrop","children","mediaLibraryButton","style","deprecated","since","version","mediaUpload","useSelect","select","getSettings","blockEditorStore","setSrc","setIsURLInputVisible","useEffect","_value$src","onlyAllowsImages","length","every","allowedType","startsWith","event","target","preventDefault","onFilesUpload","files","setMedia","lastMediaPassed","newMedia","filteredMedia","filter","item","id","some","Number","urlSlug","url","includes","concat","map","media","cutOffIndex","lastIndexOf","slice","filesList","onFileChange","handleBlocksDrop","blocks","Array","isArray","recursivelyFindMediaFromBlocks","_blocks","flatMap","block","name","attributes","innerBlocks","mediaBlocks","uploadedMediaList","Promise","all","resolve","reject","window","fetch","then","response","blob","additionalData","title","alt_text","alt","caption","catch","err","HTML","pasteHandler","onUpload","defaultRenderPlaceholder","content","instructions","undefined","typesAllowed","firstAllowedType","isOneType","isAudio","isImage","isVideo","placeholderClassName","classnames","Placeholder","preview","renderPlaceholder","renderDropZone","DropZone","onFilesDrop","renderCancelLink","renderUrlSelectionUI","renderFeaturedImageToggle","renderMediaUploadChecked","defaultButton","open","libraryButton","uploadMediaLibraryButton","gallery","mode","render","Fragment","FormFileUpload","openFileDialog","fallback","_default","withFilters","exports"],"sources":["@wordpress/block-editor/src/components/media-placeholder/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tFormFileUpload,\n\tPlaceholder,\n\tDropZone,\n\twithFilters,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { keyboardReturn } from '@wordpress/icons';\nimport { pasteHandler } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport MediaUpload from '../media-upload';\nimport MediaUploadCheck from '../media-upload/check';\nimport URLPopover from '../url-popover';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nconst InsertFromURLPopover = ( {\n\tsrc,\n\tonChange,\n\tonSubmit,\n\tonClose,\n\tpopoverAnchor,\n} ) => (\n\t<URLPopover anchor={ popoverAnchor } onClose={ onClose }>\n\t\t<form\n\t\t\tclassName=\"block-editor-media-placeholder__url-input-form\"\n\t\t\tonSubmit={ onSubmit }\n\t\t>\n\t\t\t<input\n\t\t\t\tclassName=\"block-editor-media-placeholder__url-input-field\"\n\t\t\t\ttype=\"text\"\n\t\t\t\taria-label={ __( 'URL' ) }\n\t\t\t\tplaceholder={ __( 'Paste or type URL' ) }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tvalue={ src }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-media-placeholder__url-input-submit-button\"\n\t\t\t\ticon={ keyboardReturn }\n\t\t\t\tlabel={ __( 'Apply' ) }\n\t\t\t\ttype=\"submit\"\n\t\t\t/>\n\t\t</form>\n\t</URLPopover>\n);\n\nconst URLSelectionUI = ( {\n\tisURLInputVisible,\n\tsrc,\n\tonChangeSrc,\n\tonSubmitSrc,\n\topenURLInput,\n\tcloseURLInput,\n} ) => {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-media-placeholder__url-input-container\"\n\t\t\tref={ setPopoverAnchor }\n\t\t>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-media-placeholder__button\"\n\t\t\t\tonClick={ openURLInput }\n\t\t\t\tisPressed={ isURLInputVisible }\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t>\n\t\t\t\t{ __( 'Insert from URL' ) }\n\t\t\t</Button>\n\t\t\t{ isURLInputVisible && (\n\t\t\t\t<InsertFromURLPopover\n\t\t\t\t\tsrc={ src }\n\t\t\t\t\tonChange={ onChangeSrc }\n\t\t\t\t\tonSubmit={ onSubmitSrc }\n\t\t\t\t\tonClose={ closeURLInput }\n\t\t\t\t\tpopoverAnchor={ popoverAnchor }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport function MediaPlaceholder( {\n\tvalue = {},\n\tallowedTypes,\n\tclassName,\n\ticon,\n\tlabels = {},\n\tmediaPreview,\n\tnotices,\n\tisAppender,\n\taccept,\n\taddToGallery,\n\tmultiple = false,\n\thandleUpload = true,\n\tdisableDropZone,\n\tdisableMediaButtons,\n\tonError,\n\tonSelect,\n\tonCancel,\n\tonSelectURL,\n\tonToggleFeaturedImage,\n\tonDoubleClick,\n\tonFilesPreUpload = noop,\n\tonHTMLDrop: deprecatedOnHTMLDrop,\n\tchildren,\n\tmediaLibraryButton,\n\tplaceholder,\n\tstyle,\n} ) {\n\tif ( deprecatedOnHTMLDrop ) {\n\t\tdeprecated( 'wp.blockEditor.MediaPlaceholder onHTMLDrop prop', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t} );\n\t}\n\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().mediaUpload;\n\t}, [] );\n\tconst [ src, setSrc ] = useState( '' );\n\tconst [ isURLInputVisible, setIsURLInputVisible ] = useState( false );\n\n\tuseEffect( () => {\n\t\tsetSrc( value?.src ?? '' );\n\t}, [ value?.src ] );\n\n\tconst onlyAllowsImages = () => {\n\t\tif ( ! allowedTypes || allowedTypes.length === 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn allowedTypes.every(\n\t\t\t( allowedType ) =>\n\t\t\t\tallowedType === 'image' || allowedType.startsWith( 'image/' )\n\t\t);\n\t};\n\n\tconst onChangeSrc = ( event ) => {\n\t\tsetSrc( event.target.value );\n\t};\n\n\tconst openURLInput = () => {\n\t\tsetIsURLInputVisible( true );\n\t};\n\tconst closeURLInput = () => {\n\t\tsetIsURLInputVisible( false );\n\t};\n\n\tconst onSubmitSrc = ( event ) => {\n\t\tevent.preventDefault();\n\t\tif ( src && onSelectURL ) {\n\t\t\tonSelectURL( src );\n\t\t\tcloseURLInput();\n\t\t}\n\t};\n\n\tconst onFilesUpload = ( files ) => {\n\t\tif ( ! handleUpload ) {\n\t\t\treturn onSelect( files );\n\t\t}\n\t\tonFilesPreUpload( files );\n\t\tlet setMedia;\n\t\tif ( multiple ) {\n\t\t\tif ( addToGallery ) {\n\t\t\t\t// Since the setMedia function runs multiple times per upload group\n\t\t\t\t// and is passed newMedia containing every item in its group each time, we must\n\t\t\t\t// filter out whatever this upload group had previously returned to the\n\t\t\t\t// gallery before adding and returning the image array with replacement newMedia\n\t\t\t\t// values.\n\n\t\t\t\t// Define an array to store urls from newMedia between subsequent function calls.\n\t\t\t\tlet lastMediaPassed = [];\n\t\t\t\tsetMedia = ( newMedia ) => {\n\t\t\t\t\t// Remove any images this upload group is responsible for (lastMediaPassed).\n\t\t\t\t\t// Their replacements are contained in newMedia.\n\t\t\t\t\tconst filteredMedia = ( value ?? [] ).filter( ( item ) => {\n\t\t\t\t\t\t// If Item has id, only remove it if lastMediaPassed has an item with that id.\n\t\t\t\t\t\tif ( item.id ) {\n\t\t\t\t\t\t\treturn ! lastMediaPassed.some(\n\t\t\t\t\t\t\t\t// Be sure to convert to number for comparison.\n\t\t\t\t\t\t\t\t( { id } ) => Number( id ) === Number( item.id )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Compare transient images via .includes since gallery may append extra info onto the url.\n\t\t\t\t\t\treturn ! lastMediaPassed.some( ( { urlSlug } ) =>\n\t\t\t\t\t\t\titem.url.includes( urlSlug )\n\t\t\t\t\t\t);\n\t\t\t\t\t} );\n\t\t\t\t\t// Return the filtered media array along with newMedia.\n\t\t\t\t\tonSelect( filteredMedia.concat( newMedia ) );\n\t\t\t\t\t// Reset lastMediaPassed and set it with ids and urls from newMedia.\n\t\t\t\t\tlastMediaPassed = newMedia.map( ( media ) => {\n\t\t\t\t\t\t// Add everything up to '.fileType' to compare via .includes.\n\t\t\t\t\t\tconst cutOffIndex = media.url.lastIndexOf( '.' );\n\t\t\t\t\t\tconst urlSlug = media.url.slice( 0, cutOffIndex );\n\t\t\t\t\t\treturn { id: media.id, urlSlug };\n\t\t\t\t\t} );\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tsetMedia = onSelect;\n\t\t\t}\n\t\t} else {\n\t\t\tsetMedia = ( [ media ] ) => onSelect( media );\n\t\t}\n\t\tmediaUpload( {\n\t\t\tallowedTypes,\n\t\t\tfilesList: files,\n\t\t\tonFileChange: setMedia,\n\t\t\tonError,\n\t\t} );\n\t};\n\n\tasync function handleBlocksDrop( blocks ) {\n\t\tif ( ! blocks || ! Array.isArray( blocks ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfunction recursivelyFindMediaFromBlocks( _blocks ) {\n\t\t\treturn _blocks.flatMap( ( block ) =>\n\t\t\t\t( block.name === 'core/image' ||\n\t\t\t\t\tblock.name === 'core/audio' ||\n\t\t\t\t\tblock.name === 'core/video' ) &&\n\t\t\t\tblock.attributes.url\n\t\t\t\t\t? [ block ]\n\t\t\t\t\t: recursivelyFindMediaFromBlocks( block.innerBlocks )\n\t\t\t);\n\t\t}\n\n\t\tconst mediaBlocks = recursivelyFindMediaFromBlocks( blocks );\n\n\t\tif ( ! mediaBlocks.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst uploadedMediaList = await Promise.all(\n\t\t\tmediaBlocks.map( ( block ) =>\n\t\t\t\tblock.attributes.id\n\t\t\t\t\t? block.attributes\n\t\t\t\t\t: new Promise( ( resolve, reject ) => {\n\t\t\t\t\t\t\twindow\n\t\t\t\t\t\t\t\t.fetch( block.attributes.url )\n\t\t\t\t\t\t\t\t.then( ( response ) => response.blob() )\n\t\t\t\t\t\t\t\t.then( ( blob ) =>\n\t\t\t\t\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\t\t\t\t\tfilesList: [ blob ],\n\t\t\t\t\t\t\t\t\t\tadditionalData: {\n\t\t\t\t\t\t\t\t\t\t\ttitle: block.attributes.title,\n\t\t\t\t\t\t\t\t\t\t\talt_text: block.attributes.alt,\n\t\t\t\t\t\t\t\t\t\t\tcaption: block.attributes.caption,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( media.id ) {\n\t\t\t\t\t\t\t\t\t\t\t\tresolve( media );\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\tallowedTypes,\n\t\t\t\t\t\t\t\t\t\tonError: reject,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.catch( () => resolve( block.attributes.url ) );\n\t\t\t\t\t  } )\n\t\t\t)\n\t\t).catch( ( err ) => onError( err ) );\n\n\t\tif ( multiple ) {\n\t\t\tonSelect( uploadedMediaList );\n\t\t} else {\n\t\t\tonSelect( uploadedMediaList[ 0 ] );\n\t\t}\n\t}\n\n\tasync function onHTMLDrop( HTML ) {\n\t\tconst blocks = pasteHandler( { HTML } );\n\t\treturn await handleBlocksDrop( blocks );\n\t}\n\n\tconst onUpload = ( event ) => {\n\t\tonFilesUpload( event.target.files );\n\t};\n\n\tconst defaultRenderPlaceholder = ( content ) => {\n\t\tlet { instructions, title } = labels;\n\n\t\tif ( ! mediaUpload && ! onSelectURL ) {\n\t\t\tinstructions = __(\n\t\t\t\t'To edit this block, you need permission to upload media.'\n\t\t\t);\n\t\t}\n\n\t\tif ( instructions === undefined || title === undefined ) {\n\t\t\tconst typesAllowed = allowedTypes ?? [];\n\n\t\t\tconst [ firstAllowedType ] = typesAllowed;\n\t\t\tconst isOneType = 1 === typesAllowed.length;\n\t\t\tconst isAudio = isOneType && 'audio' === firstAllowedType;\n\t\t\tconst isImage = isOneType && 'image' === firstAllowedType;\n\t\t\tconst isVideo = isOneType && 'video' === firstAllowedType;\n\n\t\t\tif ( instructions === undefined && mediaUpload ) {\n\t\t\t\tinstructions = __(\n\t\t\t\t\t'Upload a media file or pick one from your media library.'\n\t\t\t\t);\n\n\t\t\t\tif ( isAudio ) {\n\t\t\t\t\tinstructions = __(\n\t\t\t\t\t\t'Upload an audio file, pick one from your media library, or add one with a URL.'\n\t\t\t\t\t);\n\t\t\t\t} else if ( isImage ) {\n\t\t\t\t\tinstructions = __(\n\t\t\t\t\t\t'Upload an image file, pick one from your media library, or add one with a URL.'\n\t\t\t\t\t);\n\t\t\t\t} else if ( isVideo ) {\n\t\t\t\t\tinstructions = __(\n\t\t\t\t\t\t'Upload a video file, pick one from your media library, or add one with a URL.'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( title === undefined ) {\n\t\t\t\ttitle = __( 'Media' );\n\n\t\t\t\tif ( isAudio ) {\n\t\t\t\t\ttitle = __( 'Audio' );\n\t\t\t\t} else if ( isImage ) {\n\t\t\t\t\ttitle = __( 'Image' );\n\t\t\t\t} else if ( isVideo ) {\n\t\t\t\t\ttitle = __( 'Video' );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst placeholderClassName = classnames(\n\t\t\t'block-editor-media-placeholder',\n\t\t\tclassName,\n\t\t\t{\n\t\t\t\t'is-appender': isAppender,\n\t\t\t}\n\t\t);\n\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ title }\n\t\t\t\tinstructions={ instructions }\n\t\t\t\tclassName={ placeholderClassName }\n\t\t\t\tnotices={ notices }\n\t\t\t\tonDoubleClick={ onDoubleClick }\n\t\t\t\tpreview={ mediaPreview }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t\t{ children }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\tconst renderPlaceholder = placeholder ?? defaultRenderPlaceholder;\n\n\tconst renderDropZone = () => {\n\t\tif ( disableDropZone ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<DropZone onFilesDrop={ onFilesUpload } onHTMLDrop={ onHTMLDrop } />\n\t\t);\n\t};\n\n\tconst renderCancelLink = () => {\n\t\treturn (\n\t\t\tonCancel && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"block-editor-media-placeholder__cancel-button\"\n\t\t\t\t\ttitle={ __( 'Cancel' ) }\n\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\tonClick={ onCancel }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t)\n\t\t);\n\t};\n\n\tconst renderUrlSelectionUI = () => {\n\t\treturn (\n\t\t\tonSelectURL && (\n\t\t\t\t<URLSelectionUI\n\t\t\t\t\tisURLInputVisible={ isURLInputVisible }\n\t\t\t\t\tsrc={ src }\n\t\t\t\t\tonChangeSrc={ onChangeSrc }\n\t\t\t\t\tonSubmitSrc={ onSubmitSrc }\n\t\t\t\t\topenURLInput={ openURLInput }\n\t\t\t\t\tcloseURLInput={ closeURLInput }\n\t\t\t\t/>\n\t\t\t)\n\t\t);\n\t};\n\n\tconst renderFeaturedImageToggle = () => {\n\t\treturn (\n\t\t\tonToggleFeaturedImage && (\n\t\t\t\t<div className=\"block-editor-media-placeholder__url-input-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-media-placeholder__button\"\n\t\t\t\t\t\tonClick={ onToggleFeaturedImage }\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Use featured image' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)\n\t\t);\n\t};\n\n\tconst renderMediaUploadChecked = () => {\n\t\tconst defaultButton = ( { open } ) => {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\topen();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Media Library' ) }\n\t\t\t\t</Button>\n\t\t\t);\n\t\t};\n\t\tconst libraryButton = mediaLibraryButton ?? defaultButton;\n\t\tconst uploadMediaLibraryButton = (\n\t\t\t<MediaUpload\n\t\t\t\taddToGallery={ addToGallery }\n\t\t\t\tgallery={ multiple && onlyAllowsImages() }\n\t\t\t\tmultiple={ multiple }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\tmode={ 'browse' }\n\t\t\t\tvalue={\n\t\t\t\t\tArray.isArray( value )\n\t\t\t\t\t\t? value.map( ( { id } ) => id )\n\t\t\t\t\t\t: value.id\n\t\t\t\t}\n\t\t\t\trender={ libraryButton }\n\t\t\t/>\n\t\t);\n\n\t\tif ( mediaUpload && isAppender ) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{ renderDropZone() }\n\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\tonChange={ onUpload }\n\t\t\t\t\t\taccept={ accept }\n\t\t\t\t\t\tmultiple={ !! multiple }\n\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\tconst content = (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-media-placeholder__button',\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-media-placeholder__upload-button'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tonClick={ openFileDialog }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t{ uploadMediaLibraryButton }\n\t\t\t\t\t\t\t\t\t{ renderUrlSelectionUI() }\n\t\t\t\t\t\t\t\t\t{ renderFeaturedImageToggle() }\n\t\t\t\t\t\t\t\t\t{ renderCancelLink() }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn renderPlaceholder( content );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t);\n\t\t}\n\n\t\tif ( mediaUpload ) {\n\t\t\tconst content = (\n\t\t\t\t<>\n\t\t\t\t\t{ renderDropZone() }\n\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-media-placeholder__button',\n\t\t\t\t\t\t\t'block-editor-media-placeholder__upload-button'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonChange={ onUpload }\n\t\t\t\t\t\taccept={ accept }\n\t\t\t\t\t\tmultiple={ !! multiple }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t</FormFileUpload>\n\t\t\t\t\t{ uploadMediaLibraryButton }\n\t\t\t\t\t{ renderUrlSelectionUI() }\n\t\t\t\t\t{ renderFeaturedImageToggle() }\n\t\t\t\t\t{ renderCancelLink() }\n\t\t\t\t</>\n\t\t\t);\n\t\t\treturn renderPlaceholder( content );\n\t\t}\n\n\t\treturn renderPlaceholder( uploadMediaLibraryButton );\n\t};\n\n\tif ( disableMediaButtons ) {\n\t\treturn <MediaUploadCheck>{ renderDropZone() }</MediaUploadCheck>;\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck\n\t\t\tfallback={ renderPlaceholder( renderUrlSelectionUI() ) }\n\t\t>\n\t\t\t{ renderMediaUploadChecked() }\n\t\t</MediaUploadCheck>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-placeholder/README.md\n */\nexport default withFilters( 'editor.MediaPlaceholder' )( MediaPlaceholder );\n"],"mappings":"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"}

package/build/components/media-placeholder/index.native.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _styles = _interopRequireDefault(require("./styles.scss"));
 var _context = require("../block-edit/context");
@@ -116,13 +117,13 @@ function MediaPlaceholder(props) {
   (0, _i18n.__)('%s block. Empty'), placeholderTitle);
   const renderContent = open => {
     if (isAppender === undefined || !isAppender) {
-      return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_reactNative.View, {
+      return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.View, {
         style: _styles.default['media-placeholder__header']
-      }, (0, _element.createElement)(_reactNative.View, {
+      }, (0, _react.createElement)(_reactNative.View, {
         style: iconStyles
-      }, placeholderIcon), (0, _element.createElement)(_reactNative.Text, {
+      }, placeholderIcon), (0, _react.createElement)(_reactNative.Text, {
         style: titleStyles
-      }, placeholderTitle)), children, (0, _element.createElement)(_reactNative.TouchableOpacity, {
+      }, placeholderTitle)), children, (0, _react.createElement)(_reactNative.TouchableOpacity, {
         activeOpacity: 0.5,
         accessibilityLabel: accessibilityLabel,
         style: buttonStyles,
@@ -130,11 +131,11 @@ function MediaPlaceholder(props) {
         accessibilityHint: accessibilityHint,
         hitSlop: hitSlop,
         onPress: onButtonPress(open)
-      }, (0, _element.createElement)(_reactNative.Text, {
+      }, (0, _react.createElement)(_reactNative.Text, {
         style: emptyStateDescriptionStyles
       }, instructions)));
     } else if (isAppender && !disableMediaButtons) {
-      return (0, _element.createElement)(_reactNative.TouchableOpacity, {
+      return (0, _react.createElement)(_reactNative.TouchableOpacity, {
         activeOpacity: 0.5,
         accessibilityLabel: accessibilityLabel,
         style: _styles.default['media-placeholder__appender'],
@@ -142,9 +143,9 @@ function MediaPlaceholder(props) {
         accessibilityHint: accessibilityHint,
         hitSlop: hitSlop,
         onPress: onButtonPress(open)
-      }, (0, _element.createElement)(_reactNative.View, {
+      }, (0, _react.createElement)(_reactNative.View, {
         testID: "media-placeholder-appender-icon"
-      }, (0, _element.createElement)(_icons.Icon, {
+      }, (0, _react.createElement)(_icons.Icon, {
         icon: _icons.plusCircleFilled,
         style: addMediaButtonStyle,
         color: addMediaButtonStyle.color,
@@ -158,11 +159,11 @@ function MediaPlaceholder(props) {
   if (isAppender && disableMediaButtons) {
     return null;
   }
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: {
       flex: 1
     }
-  }, (0, _element.createElement)(_mediaUpload.default, {
+  }, (0, _react.createElement)(_mediaUpload.default, {
     allowedTypes: allowedTypes,
     onSelect: setMedia,
     onSelectURL: onSelectURL,
@@ -174,7 +175,7 @@ function MediaPlaceholder(props) {
       open,
       getMediaOptions
     }) => {
-      return (0, _element.createElement)(_reactNative.View, {
+      return (0, _react.createElement)(_reactNative.View, {
         style: [[containerStyle, height && {
           height
         }, backgroundColor && {

package/build/components/media-placeholder/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_i18n","_compose","_icons","_styles","_interopRequireDefault","_context","_mediaUpload","_constants","isMediaEqual","media1","media2","id","url","dedupMedia","media","reduce","dedupedMedia","mediaItem","some","item","hitSlop","top","bottom","left","right","MediaPlaceholder","props","addToGallery","allowedTypes","className","labels","icon","onSelect","onFocus","__experimentalOnlyMediaLibrary","isAppender","disableMediaButtons","multiple","value","children","height","backgroundColor","hideContent","autoOpenMediaUpload","onSelectURL","mediaRef","useRef","current","blockEditContext","useBlockEditContext","onButtonPress","useCallback","open","event","setMedia","selected","isOneType","length","isImage","includes","MEDIA_TYPE_IMAGE","isVideo","MEDIA_TYPE_VIDEO","isAudio","MEDIA_TYPE_AUDIO","placeholderTitle","title","undefined","__","instructions","accessibilityHint","titleStyles","usePreferredColorSchemeStyle","styles","addMediaButtonStyle","addMediaButton","addMediaButtonDark","buttonStyles","emptyStateDescriptionStyles","emptyStateDescription","emptyStateDescriptionDark","iconStyles","placeholderIcon","cloneElement","fill","accessibilityLabel","sprintf","renderContent","createElement","Fragment","View","style","Text","TouchableOpacity","activeOpacity","accessibilityRole","onPress","testID","Icon","plusCircleFilled","color","size","appenderStyle","appender","appenderDark","containerSelectedStyle","containerStyle","isSelected","flex","default","isReplacingMedia","autoOpen","render","getMediaOptions","_default","exports"],"sources":["@wordpress/block-editor/src/components/media-placeholder/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableOpacity } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { cloneElement, useCallback, useRef } from '@wordpress/element';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { useBlockEditContext } from '../block-edit/context';\nimport MediaUpload from '../media-upload';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n} from '../media-upload/constants';\n\nconst isMediaEqual = ( media1, media2 ) =>\n\tmedia1.id === media2.id || media1.url === media2.url;\n\n// Remove duplicates after gallery append.\nconst dedupMedia = ( media ) =>\n\tmedia.reduce(\n\t\t( dedupedMedia, mediaItem ) =>\n\t\t\tdedupedMedia.some( ( item ) => isMediaEqual( item, mediaItem ) )\n\t\t\t\t? dedupedMedia\n\t\t\t\t: [ ...dedupedMedia, mediaItem ],\n\t\t[]\n\t);\n\nconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\nfunction MediaPlaceholder( props ) {\n\tconst {\n\t\taddToGallery,\n\t\tallowedTypes = [],\n\t\tclassName = '',\n\t\tlabels = {},\n\t\ticon,\n\t\tonSelect,\n\t\tonFocus,\n\t\t__experimentalOnlyMediaLibrary,\n\t\tisAppender,\n\t\tdisableMediaButtons,\n\t\tmultiple,\n\t\tvalue = [],\n\t\tchildren,\n\t\theight,\n\t\tbackgroundColor,\n\t\thideContent,\n\t\tautoOpenMediaUpload,\n\t\tonSelectURL,\n\t} = props;\n\n\t// Use ref to keep media array current for callbacks during rerenders.\n\tconst mediaRef = useRef( value );\n\tmediaRef.current = value;\n\n\tconst blockEditContext = useBlockEditContext();\n\n\tconst onButtonPress = useCallback(\n\t\t( open ) => ( event ) => {\n\t\t\tonFocus?.( event );\n\t\t\topen();\n\t\t},\n\t\t[ onFocus ]\n\t);\n\n\t// Append and deduplicate media array for gallery use case.\n\tconst setMedia =\n\t\tmultiple && addToGallery\n\t\t\t? ( selected ) =>\n\t\t\t\t\tonSelect(\n\t\t\t\t\t\tdedupMedia( [ ...mediaRef.current, ...selected ] )\n\t\t\t\t\t)\n\t\t\t: onSelect;\n\n\tconst isOneType = allowedTypes.length === 1;\n\tconst isImage = isOneType && allowedTypes.includes( MEDIA_TYPE_IMAGE );\n\tconst isVideo = isOneType && allowedTypes.includes( MEDIA_TYPE_VIDEO );\n\tconst isAudio = isOneType && allowedTypes.includes( MEDIA_TYPE_AUDIO );\n\n\tlet placeholderTitle = labels.title;\n\tif ( placeholderTitle === undefined ) {\n\t\tplaceholderTitle = __( 'Media' );\n\t\tif ( isImage ) {\n\t\t\tplaceholderTitle = __( 'Image' );\n\t\t} else if ( isVideo ) {\n\t\t\tplaceholderTitle = __( 'Video' );\n\t\t} else if ( isAudio ) {\n\t\t\tplaceholderTitle = __( 'Audio' );\n\t\t}\n\t}\n\n\tlet instructions = labels.instructions;\n\tif ( instructions === undefined ) {\n\t\tif ( isImage ) {\n\t\t\tinstructions = __( 'Add image' );\n\t\t} else if ( isVideo ) {\n\t\t\tinstructions = __( 'Add video' );\n\t\t} else if ( isAudio ) {\n\t\t\tinstructions = __( 'Add audio' );\n\t\t} else {\n\t\t\tinstructions = __( 'Add image or video' );\n\t\t}\n\t}\n\n\tlet accessibilityHint = __( 'Double tap to select' );\n\tif ( isImage ) {\n\t\taccessibilityHint = __( 'Double tap to select an image' );\n\t} else if ( isVideo ) {\n\t\taccessibilityHint = __( 'Double tap to select a video' );\n\t} else if ( isAudio ) {\n\t\taccessibilityHint = __( 'Double tap to select an audio file' );\n\t}\n\n\tconst titleStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__header-title' ],\n\t\tstyles[ 'media-placeholder__header-title--dark' ]\n\t);\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\tconst buttonStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__button' ],\n\t\tstyles[ 'media-placeholder__button--dark' ]\n\t);\n\tconst emptyStateDescriptionStyles = usePreferredColorSchemeStyle(\n\t\tstyles.emptyStateDescription,\n\t\tstyles.emptyStateDescriptionDark\n\t);\n\tconst iconStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__header-icon' ],\n\t\tstyles[ 'media-placeholder__header-icon--dark' ]\n\t);\n\tconst placeholderIcon = cloneElement( icon, {\n\t\tfill: iconStyles.fill,\n\t} );\n\tconst accessibilityLabel = sprintf(\n\t\t/* translators: accessibility text for the media block empty state. %s: media type */\n\t\t__( '%s block. Empty' ),\n\t\tplaceholderTitle\n\t);\n\n\tconst renderContent = ( open ) => {\n\t\tif ( isAppender === undefined || ! isAppender ) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ styles[ 'media-placeholder__header' ] }>\n\t\t\t\t\t\t<View style={ iconStyles }>{ placeholderIcon }</View>\n\t\t\t\t\t\t<Text style={ titleStyles }>{ placeholderTitle }</Text>\n\t\t\t\t\t</View>\n\t\t\t\t\t{ children }\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\t\tonPress={ onButtonPress( open ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text style={ emptyStateDescriptionStyles }>\n\t\t\t\t\t\t\t{ instructions }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</>\n\t\t\t);\n\t\t} else if ( isAppender && ! disableMediaButtons ) {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\tstyle={ styles[ 'media-placeholder__appender' ] }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\tonPress={ onButtonPress( open ) }\n\t\t\t\t>\n\t\t\t\t\t<View testID=\"media-placeholder-appender-icon\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\tstyle={ addMediaButtonStyle }\n\t\t\t\t\t\t\tcolor={ addMediaButtonStyle.color }\n\t\t\t\t\t\t\tsize={ addMediaButtonStyle.size }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst appenderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.appender,\n\t\tstyles.appenderDark\n\t);\n\tconst containerSelectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__container-selected' ],\n\t\tstyles[ 'media-placeholder__container-selected--dark' ]\n\t);\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'media-placeholder__container' ],\n\t\t\tstyles[ 'media-placeholder__container--dark' ]\n\t\t),\n\t\tblockEditContext?.isSelected &&\n\t\t\t! className.includes( 'no-block-outline' ) &&\n\t\t\tcontainerSelectedStyle,\n\t];\n\n\tif ( isAppender && disableMediaButtons ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ { flex: 1 } }>\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\tonSelect={ setMedia }\n\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t__experimentalOnlyMediaLibrary={\n\t\t\t\t\t__experimentalOnlyMediaLibrary\n\t\t\t\t}\n\t\t\t\tmultiple={ multiple }\n\t\t\t\tisReplacingMedia={ false }\n\t\t\t\tautoOpen={ autoOpenMediaUpload }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\tcontainerStyle,\n\t\t\t\t\t\t\t\t\theight && { height },\n\t\t\t\t\t\t\t\t\tbackgroundColor && { backgroundColor },\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\tisAppender && appenderStyle,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ getMediaOptions() }\n\t\t\t\t\t\t\t{ ! hideContent && renderContent( open ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default MediaPlaceholder;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_i18n","_compose","_element","_icons","_styles","_interopRequireDefault","_context","_mediaUpload","_constants","isMediaEqual","media1","media2","id","url","dedupMedia","media","reduce","dedupedMedia","mediaItem","some","item","hitSlop","top","bottom","left","right","MediaPlaceholder","props","addToGallery","allowedTypes","className","labels","icon","onSelect","onFocus","__experimentalOnlyMediaLibrary","isAppender","disableMediaButtons","multiple","value","children","height","backgroundColor","hideContent","autoOpenMediaUpload","onSelectURL","mediaRef","useRef","current","blockEditContext","useBlockEditContext","onButtonPress","useCallback","open","event","setMedia","selected","isOneType","length","isImage","includes","MEDIA_TYPE_IMAGE","isVideo","MEDIA_TYPE_VIDEO","isAudio","MEDIA_TYPE_AUDIO","placeholderTitle","title","undefined","__","instructions","accessibilityHint","titleStyles","usePreferredColorSchemeStyle","styles","addMediaButtonStyle","addMediaButton","addMediaButtonDark","buttonStyles","emptyStateDescriptionStyles","emptyStateDescription","emptyStateDescriptionDark","iconStyles","placeholderIcon","cloneElement","fill","accessibilityLabel","sprintf","renderContent","_react","createElement","Fragment","View","style","Text","TouchableOpacity","activeOpacity","accessibilityRole","onPress","testID","Icon","plusCircleFilled","color","size","appenderStyle","appender","appenderDark","containerSelectedStyle","containerStyle","isSelected","flex","default","isReplacingMedia","autoOpen","render","getMediaOptions","_default","exports"],"sources":["@wordpress/block-editor/src/components/media-placeholder/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableOpacity } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { cloneElement, useCallback, useRef } from '@wordpress/element';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { useBlockEditContext } from '../block-edit/context';\nimport MediaUpload from '../media-upload';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n} from '../media-upload/constants';\n\nconst isMediaEqual = ( media1, media2 ) =>\n\tmedia1.id === media2.id || media1.url === media2.url;\n\n// Remove duplicates after gallery append.\nconst dedupMedia = ( media ) =>\n\tmedia.reduce(\n\t\t( dedupedMedia, mediaItem ) =>\n\t\t\tdedupedMedia.some( ( item ) => isMediaEqual( item, mediaItem ) )\n\t\t\t\t? dedupedMedia\n\t\t\t\t: [ ...dedupedMedia, mediaItem ],\n\t\t[]\n\t);\n\nconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\nfunction MediaPlaceholder( props ) {\n\tconst {\n\t\taddToGallery,\n\t\tallowedTypes = [],\n\t\tclassName = '',\n\t\tlabels = {},\n\t\ticon,\n\t\tonSelect,\n\t\tonFocus,\n\t\t__experimentalOnlyMediaLibrary,\n\t\tisAppender,\n\t\tdisableMediaButtons,\n\t\tmultiple,\n\t\tvalue = [],\n\t\tchildren,\n\t\theight,\n\t\tbackgroundColor,\n\t\thideContent,\n\t\tautoOpenMediaUpload,\n\t\tonSelectURL,\n\t} = props;\n\n\t// Use ref to keep media array current for callbacks during rerenders.\n\tconst mediaRef = useRef( value );\n\tmediaRef.current = value;\n\n\tconst blockEditContext = useBlockEditContext();\n\n\tconst onButtonPress = useCallback(\n\t\t( open ) => ( event ) => {\n\t\t\tonFocus?.( event );\n\t\t\topen();\n\t\t},\n\t\t[ onFocus ]\n\t);\n\n\t// Append and deduplicate media array for gallery use case.\n\tconst setMedia =\n\t\tmultiple && addToGallery\n\t\t\t? ( selected ) =>\n\t\t\t\t\tonSelect(\n\t\t\t\t\t\tdedupMedia( [ ...mediaRef.current, ...selected ] )\n\t\t\t\t\t)\n\t\t\t: onSelect;\n\n\tconst isOneType = allowedTypes.length === 1;\n\tconst isImage = isOneType && allowedTypes.includes( MEDIA_TYPE_IMAGE );\n\tconst isVideo = isOneType && allowedTypes.includes( MEDIA_TYPE_VIDEO );\n\tconst isAudio = isOneType && allowedTypes.includes( MEDIA_TYPE_AUDIO );\n\n\tlet placeholderTitle = labels.title;\n\tif ( placeholderTitle === undefined ) {\n\t\tplaceholderTitle = __( 'Media' );\n\t\tif ( isImage ) {\n\t\t\tplaceholderTitle = __( 'Image' );\n\t\t} else if ( isVideo ) {\n\t\t\tplaceholderTitle = __( 'Video' );\n\t\t} else if ( isAudio ) {\n\t\t\tplaceholderTitle = __( 'Audio' );\n\t\t}\n\t}\n\n\tlet instructions = labels.instructions;\n\tif ( instructions === undefined ) {\n\t\tif ( isImage ) {\n\t\t\tinstructions = __( 'Add image' );\n\t\t} else if ( isVideo ) {\n\t\t\tinstructions = __( 'Add video' );\n\t\t} else if ( isAudio ) {\n\t\t\tinstructions = __( 'Add audio' );\n\t\t} else {\n\t\t\tinstructions = __( 'Add image or video' );\n\t\t}\n\t}\n\n\tlet accessibilityHint = __( 'Double tap to select' );\n\tif ( isImage ) {\n\t\taccessibilityHint = __( 'Double tap to select an image' );\n\t} else if ( isVideo ) {\n\t\taccessibilityHint = __( 'Double tap to select a video' );\n\t} else if ( isAudio ) {\n\t\taccessibilityHint = __( 'Double tap to select an audio file' );\n\t}\n\n\tconst titleStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__header-title' ],\n\t\tstyles[ 'media-placeholder__header-title--dark' ]\n\t);\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\tconst buttonStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__button' ],\n\t\tstyles[ 'media-placeholder__button--dark' ]\n\t);\n\tconst emptyStateDescriptionStyles = usePreferredColorSchemeStyle(\n\t\tstyles.emptyStateDescription,\n\t\tstyles.emptyStateDescriptionDark\n\t);\n\tconst iconStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__header-icon' ],\n\t\tstyles[ 'media-placeholder__header-icon--dark' ]\n\t);\n\tconst placeholderIcon = cloneElement( icon, {\n\t\tfill: iconStyles.fill,\n\t} );\n\tconst accessibilityLabel = sprintf(\n\t\t/* translators: accessibility text for the media block empty state. %s: media type */\n\t\t__( '%s block. Empty' ),\n\t\tplaceholderTitle\n\t);\n\n\tconst renderContent = ( open ) => {\n\t\tif ( isAppender === undefined || ! isAppender ) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ styles[ 'media-placeholder__header' ] }>\n\t\t\t\t\t\t<View style={ iconStyles }>{ placeholderIcon }</View>\n\t\t\t\t\t\t<Text style={ titleStyles }>{ placeholderTitle }</Text>\n\t\t\t\t\t</View>\n\t\t\t\t\t{ children }\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\t\tonPress={ onButtonPress( open ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text style={ emptyStateDescriptionStyles }>\n\t\t\t\t\t\t\t{ instructions }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</>\n\t\t\t);\n\t\t} else if ( isAppender && ! disableMediaButtons ) {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\tstyle={ styles[ 'media-placeholder__appender' ] }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\tonPress={ onButtonPress( open ) }\n\t\t\t\t>\n\t\t\t\t\t<View testID=\"media-placeholder-appender-icon\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\tstyle={ addMediaButtonStyle }\n\t\t\t\t\t\t\tcolor={ addMediaButtonStyle.color }\n\t\t\t\t\t\t\tsize={ addMediaButtonStyle.size }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst appenderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.appender,\n\t\tstyles.appenderDark\n\t);\n\tconst containerSelectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__container-selected' ],\n\t\tstyles[ 'media-placeholder__container-selected--dark' ]\n\t);\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'media-placeholder__container' ],\n\t\t\tstyles[ 'media-placeholder__container--dark' ]\n\t\t),\n\t\tblockEditContext?.isSelected &&\n\t\t\t! className.includes( 'no-block-outline' ) &&\n\t\t\tcontainerSelectedStyle,\n\t];\n\n\tif ( isAppender && disableMediaButtons ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ { flex: 1 } }>\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\tonSelect={ setMedia }\n\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t__experimentalOnlyMediaLibrary={\n\t\t\t\t\t__experimentalOnlyMediaLibrary\n\t\t\t\t}\n\t\t\t\tmultiple={ multiple }\n\t\t\t\tisReplacingMedia={ false }\n\t\t\t\tautoOpen={ autoOpenMediaUpload }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\tcontainerStyle,\n\t\t\t\t\t\t\t\t\theight && { height },\n\t\t\t\t\t\t\t\t\tbackgroundColor && { backgroundColor },\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\tisAppender && appenderStyle,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ getMediaOptions() }\n\t\t\t\t\t\t\t{ ! hideContent && renderContent( open ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default MediaPlaceholder;\n"],"mappings":"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"}