useBlockAttributes.js
2 years ago
useFields.js
2 years ago
useIsAdvancedValidation.js
2 years ago
useIsUniqueFieldName.js
2 years ago
useSupport.js
2 years ago
useUniqKey.js
2 years ago
useUniqueNameOnDuplicate.js
2 years ago
useUniqueNameOnDuplicate.js
57 lines
| 1 | import { storeName } from '../store'; |
| 2 | import useBlockAttributes from './useBlockAttributes'; |
| 3 | |
| 4 | const { |
| 5 | useEffect, |
| 6 | } = wp.element; |
| 7 | |
| 8 | const { |
| 9 | useSelect, |
| 10 | } = wp.data; |
| 11 | |
| 12 | const { |
| 13 | useBlockProps, |
| 14 | } = wp.blockEditor; |
| 15 | |
| 16 | function useUniqueNameOnDuplicate( customChangeNames = null ) { |
| 17 | const blockProps = useBlockProps(); |
| 18 | const [ , setAttrs ] = useBlockAttributes(); |
| 19 | |
| 20 | const clientId = blockProps[ 'data-block' ]; |
| 21 | |
| 22 | const names = useSelect( |
| 23 | select => { |
| 24 | const isJust = select( storeName ).isRecentlyAdded( clientId ); |
| 25 | |
| 26 | if ( !isJust ) { |
| 27 | return false; |
| 28 | } |
| 29 | |
| 30 | const { |
| 31 | hasChanged, |
| 32 | names, |
| 33 | } = select( storeName ).getUniqueNames( clientId ); |
| 34 | |
| 35 | return hasChanged ? names : false; |
| 36 | }, |
| 37 | [ clientId ], |
| 38 | ); |
| 39 | |
| 40 | useEffect( () => { |
| 41 | if ( !names ) { |
| 42 | return; |
| 43 | } |
| 44 | |
| 45 | if ( 'function' === typeof customChangeNames ) { |
| 46 | customChangeNames( names ); |
| 47 | |
| 48 | return; |
| 49 | } |
| 50 | |
| 51 | setAttrs( { |
| 52 | name: names.split( '|' )[ 0 ], |
| 53 | } ); |
| 54 | }, [ names ] ); |
| 55 | } |
| 56 | |
| 57 | export default useUniqueNameOnDuplicate; |