@wordpress/block-library 9.25.0 → 9.26.0

package/build-module/social-link/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Animated","Easing","TouchableWithoutFeedback","BlockControls","store","blockEditorStore","useEffect","useState","useRef","useCallback","ToolbarGroup","ToolbarButton","LinkSettingsNavigation","compose","__","sprintf","link","Icon","withSelect","getIconBySite","getNameBySite","styles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_ACTIVE_ICON_STYLES","backgroundColor","color","ANIMATION_DELAY","ANIMATION_DURATION","linkSettingsOptions","url","label","placeholder","autoFocus","linkLabel","footer","SocialLinkEdit","attributes","setAttributes","isSelected","onFocus","name","service","isLinkSheetVisible","setIsLinkSheetVisible","hasUrl","setHasUrl","activeIcon","animatedValue","Value","current","IconComponent","socialLinkName","setValue","animateColors","interpolationColors","opacity","interpolate","inputRange","outputRange","sequence","delay","timing","toValue","duration","easing","circle","useNativeDriver","start","onCloseSettingsSheet","onOpenSettingsSheet","onEmptyURL","onIconPress","accessibilityHint","style","container","children","title","icon","onClick","isActive","isVisible","rel","onClose","options","withBottomSheet","onPress","accessibilityRole","accessibilityLabel","iconContainer","animated","select","clientId","getBlock","block","substring"],"sources":["@wordpress/block-library/src/social-link/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Animated, Easing, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useEffect, useState, useRef, useCallback } from '@wordpress/element';\nimport {\n\tToolbarGroup,\n\tToolbarButton,\n\tLinkSettingsNavigation,\n} from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { link, Icon } from '@wordpress/icons';\nimport { withSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { getIconBySite, getNameBySite } from './social-list';\nimport styles from './editor.scss';\n\nconst DEFAULT_ACTIVE_ICON_STYLES = {\n\tbackgroundColor: '#f0f0f0',\n\tcolor: '#444',\n};\nconst ANIMATION_DELAY = 300;\nconst ANIMATION_DURATION = 400;\n\nconst linkSettingsOptions = {\n\turl: {\n\t\tlabel: __( 'URL' ),\n\t\tplaceholder: __( 'Add URL' ),\n\t\tautoFocus: true,\n\t},\n\tlinkLabel: {\n\t\tlabel: __( 'Link label' ),\n\t\tplaceholder: __( 'None' ),\n\t},\n\tfooter: {\n\t\tlabel: __( 'Briefly describe the link to help screen reader user' ),\n\t},\n};\n\nconst SocialLinkEdit = ( {\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tonFocus,\n\tname,\n} ) => {\n\tconst { url, service = name } = attributes;\n\tconst [ isLinkSheetVisible, setIsLinkSheetVisible ] = useState( false );\n\tconst [ hasUrl, setHasUrl ] = useState( !! url );\n\tconst activeIcon =\n\t\tstyles[ `wp-social-link-${ service }` ] ||\n\t\tstyles[ `wp-social-link` ] ||\n\t\tDEFAULT_ACTIVE_ICON_STYLES;\n\tconst animatedValue = useRef( new Animated.Value( 0 ) ).current;\n\n\tconst IconComponent = getIconBySite( service )();\n\tconst socialLinkName = getNameBySite( service );\n\n\t// When new social icon is added link sheet is opened automatically.\n\tuseEffect( () => {\n\t\tif ( isSelected && ! url ) {\n\t\t\tsetIsLinkSheetVisible( true );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! url ) {\n\t\t\tsetHasUrl( false );\n\t\t\tanimatedValue.setValue( 0 );\n\t\t} else if ( url ) {\n\t\t\tanimateColors();\n\t\t}\n\t}, [ url ] );\n\n\tconst interpolationColors = {\n\t\topacity: animatedValue.interpolate( {\n\t\t\tinputRange: [ 0, 1 ],\n\t\t\toutputRange: [ 0.3, 1 ],\n\t\t} ),\n\t};\n\n\tconst { opacity } = hasUrl ? activeIcon : interpolationColors;\n\n\tfunction animateColors() {\n\t\tAnimated.sequence( [\n\t\t\tAnimated.delay( ANIMATION_DELAY ),\n\t\t\tAnimated.timing( animatedValue, {\n\t\t\t\ttoValue: 1,\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: Easing.circle,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t} ),\n\t\t] ).start( () => setHasUrl( true ) );\n\t}\n\n\tconst onCloseSettingsSheet = useCallback( () => {\n\t\tsetIsLinkSheetVisible( false );\n\t}, [] );\n\n\tconst onOpenSettingsSheet = useCallback( () => {\n\t\tsetIsLinkSheetVisible( true );\n\t}, [] );\n\n\tconst onEmptyURL = useCallback( () => {\n\t\tanimatedValue.setValue( 0 );\n\t\tsetHasUrl( false );\n\t}, [ animatedValue ] );\n\n\tfunction onIconPress() {\n\t\tif ( isSelected ) {\n\t\t\tsetIsLinkSheetVisible( true );\n\t\t} else {\n\t\t\tonFocus();\n\t\t}\n\t}\n\n\tconst accessibilityHint = url\n\t\t? sprintf(\n\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t__( '%s has URL set' ),\n\t\t\t\tsocialLinkName\n\t\t  )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t__( '%s has no URL set' ),\n\t\t\t\tsocialLinkName\n\t\t  );\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\ttitle={ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t\t\t\t\t\t__( 'Add link to %s' ),\n\t\t\t\t\t\t\t\t\tsocialLinkName\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\t\t\tonClick={ onOpenSettingsSheet }\n\t\t\t\t\t\t\t\tisActive={ url }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<LinkSettingsNavigation\n\t\t\t\t\t\tisVisible={ isLinkSheetVisible }\n\t\t\t\t\t\turl={ attributes.url }\n\t\t\t\t\t\tlabel={ attributes.label }\n\t\t\t\t\t\trel={ attributes.rel }\n\t\t\t\t\t\tonEmptyURL={ onEmptyURL }\n\t\t\t\t\t\tonClose={ onCloseSettingsSheet }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\toptions={ linkSettingsOptions }\n\t\t\t\t\t\twithBottomSheet\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ onIconPress }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t\t__( '%s social icon' ),\n\t\t\t\t\tsocialLinkName\n\t\t\t\t) }\n\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t>\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.iconContainer,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackgroundColor: activeIcon.backgroundColor,\n\t\t\t\t\t\t\topacity,\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tanimated\n\t\t\t\t\t\ticon={ IconComponent }\n\t\t\t\t\t\tstyle={ { color: activeIcon.color } }\n\t\t\t\t\t/>\n\t\t\t\t</Animated.View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\n\t\tconst block = getBlock( clientId );\n\t\tconst name = block?.name.substring( 17 );\n\n\t\treturn {\n\t\t\tname,\n\t\t};\n\t} ),\n] )( SocialLinkEdit );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,wBAAwB,QAAQ,cAAc;;AAE/E;AACA;AACA;AACA,SACCC,aAAa,EACbC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,QAAQ,oBAAoB;AAC7E,SACCC,YAAY,EACZC,aAAa,EACbC,sBAAsB,QAChB,uBAAuB;AAC9B,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,iBAAiB;AAC5C;AACA;AACA;AACA,SAASC,aAAa,EAAEC,aAAa,QAAQ,eAAe;AAC5D,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,0BAA0B,GAAG;EAClCC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE;AACR,CAAC;AACD,MAAMC,eAAe,GAAG,GAAG;AAC3B,MAAMC,kBAAkB,GAAG,GAAG;AAE9B,MAAMC,mBAAmB,GAAG;EAC3BC,GAAG,EAAE;IACJC,KAAK,EAAErB,EAAE,CAAE,KAAM,CAAC;IAClBsB,WAAW,EAAEtB,EAAE,CAAE,SAAU,CAAC;IAC5BuB,SAAS,EAAE;EACZ,CAAC;EACDC,SAAS,EAAE;IACVH,KAAK,EAAErB,EAAE,CAAE,YAAa,CAAC;IACzBsB,WAAW,EAAEtB,EAAE,CAAE,MAAO;EACzB,CAAC;EACDyB,MAAM,EAAE;IACPJ,KAAK,EAAErB,EAAE,CAAE,sDAAuD;EACnE;AACD,CAAC;AAED,MAAM0B,cAAc,GAAGA,CAAE;EACxBC,UAAU;EACVC,aAAa;EACbC,UAAU;EACVC,OAAO;EACPC;AACD,CAAC,KAAM;EACN,MAAM;IAAEX,GAAG;IAAEY,OAAO,GAAGD;EAAK,CAAC,GAAGJ,UAAU;EAC1C,MAAM,CAAEM,kBAAkB,EAAEC,qBAAqB,CAAE,GAAGzC,QAAQ,CAAE,KAAM,CAAC;EACvE,MAAM,CAAE0C,MAAM,EAAEC,SAAS,CAAE,GAAG3C,QAAQ,CAAE,CAAC,CAAE2B,GAAI,CAAC;EAChD,MAAMiB,UAAU,GACf9B,MAAM,CAAE,kBAAmByB,OAAO,EAAG,CAAE,IACvCzB,MAAM,CAAE,gBAAgB,CAAE,IAC1BO,0BAA0B;EAC3B,MAAMwB,aAAa,GAAG5C,MAAM,CAAE,IAAIR,QAAQ,CAACqD,KAAK,CAAE,CAAE,CAAE,CAAC,CAACC,OAAO;EAE/D,MAAMC,aAAa,GAAGpC,aAAa,CAAE2B,OAAQ,CAAC,CAAC,CAAC;EAChD,MAAMU,cAAc,GAAGpC,aAAa,CAAE0B,OAAQ,CAAC;;EAE/C;EACAxC,SAAS,CAAE,MAAM;IAChB,IAAKqC,UAAU,IAAI,CAAET,GAAG,EAAG;MAC1Bc,qBAAqB,CAAE,IAAK,CAAC;IAC9B;EACD,CAAC,EAAE,EAAG,CAAC;EAEP1C,SAAS,CAAE,MAAM;IAChB,IAAK,CAAE4B,GAAG,EAAG;MACZgB,SAAS,CAAE,KAAM,CAAC;MAClBE,aAAa,CAACK,QAAQ,CAAE,CAAE,CAAC;IAC5B,CAAC,MAAM,IAAKvB,GAAG,EAAG;MACjBwB,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EAAE,CAAExB,GAAG,CAAG,CAAC;EAEZ,MAAMyB,mBAAmB,GAAG;IAC3BC,OAAO,EAAER,aAAa,CAACS,WAAW,CAAE;MACnCC,UAAU,EAAE,CAAE,CAAC,EAAE,CAAC,CAAE;MACpBC,WAAW,EAAE,CAAE,GAAG,EAAE,CAAC;IACtB,CAAE;EACH,CAAC;EAED,MAAM;IAAEH;EAAQ,CAAC,GAAGX,MAAM,GAAGE,UAAU,GAAGQ,mBAAmB;EAE7D,SAASD,aAAaA,CAAA,EAAG;IACxB1D,QAAQ,CAACgE,QAAQ,CAAE,CAClBhE,QAAQ,CAACiE,KAAK,CAAElC,eAAgB,CAAC,EACjC/B,QAAQ,CAACkE,MAAM,CAAEd,aAAa,EAAE;MAC/Be,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAEpC,kBAAkB;MAC5BqC,MAAM,EAAEpE,MAAM,CAACqE,MAAM;MACrBC,eAAe,EAAE;IAClB,CAAE,CAAC,CACF,CAAC,CAACC,KAAK,CAAE,MAAMtB,SAAS,CAAE,IAAK,CAAE,CAAC;EACrC;EAEA,MAAMuB,oBAAoB,GAAGhE,WAAW,CAAE,MAAM;IAC/CuC,qBAAqB,CAAE,KAAM,CAAC;EAC/B,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM0B,mBAAmB,GAAGjE,WAAW,CAAE,MAAM;IAC9CuC,qBAAqB,CAAE,IAAK,CAAC;EAC9B,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM2B,UAAU,GAAGlE,WAAW,CAAE,MAAM;IACrC2C,aAAa,CAACK,QAAQ,CAAE,CAAE,CAAC;IAC3BP,SAAS,CAAE,KAAM,CAAC;EACnB,CAAC,EAAE,CAAEE,aAAa,CAAG,CAAC;EAEtB,SAASwB,WAAWA,CAAA,EAAG;IACtB,IAAKjC,UAAU,EAAG;MACjBK,qBAAqB,CAAE,IAAK,CAAC;IAC9B,CAAC,MAAM;MACNJ,OAAO,CAAC,CAAC;IACV;EACD;EAEA,MAAMiC,iBAAiB,GAAG3C,GAAG,GAC1BnB,OAAO;EACP;EACAD,EAAE,CAAE,gBAAiB,CAAC,EACtB0C,cACA,CAAC,GACDzC,OAAO;EACP;EACAD,EAAE,CAAE,mBAAoB,CAAC,EACzB0C,cACA,CAAC;EAEJ,oBACC7B,KAAA,CAAC5B,IAAI;IAAC+E,KAAK,EAAGzD,MAAM,CAAC0D,SAAW;IAAAC,QAAA,GAC7BrC,UAAU,iBACXhB,KAAA,CAAAF,SAAA;MAAAuD,QAAA,gBACCzD,IAAA,CAACpB,aAAa;QAAA6E,QAAA,eACbzD,IAAA,CAACb,YAAY;UAAAsE,QAAA,eACZzD,IAAA,CAACZ,aAAa;YACbsE,KAAK,EAAGlE,OAAO;YACd;YACAD,EAAE,CAAE,gBAAiB,CAAC,EACtB0C,cACD,CAAG;YACH0B,IAAI,EAAGlE,IAAM;YACbmE,OAAO,EAAGT,mBAAqB;YAC/BU,QAAQ,EAAGlD;UAAK,CAChB;QAAC,CACW;MAAC,CACD,CAAC,eAChBX,IAAA,CAACX,sBAAsB;QACtByE,SAAS,EAAGtC,kBAAoB;QAChCb,GAAG,EAAGO,UAAU,CAACP,GAAK;QACtBC,KAAK,EAAGM,UAAU,CAACN,KAAO;QAC1BmD,GAAG,EAAG7C,UAAU,CAAC6C,GAAK;QACtBX,UAAU,EAAGA,UAAY;QACzBY,OAAO,EAAGd,oBAAsB;QAChC/B,aAAa,EAAGA,aAAe;QAC/B8C,OAAO,EAAGvD,mBAAqB;QAC/BwD,eAAe;MAAA,CACf,CAAC;IAAA,CACD,CACF,eAEDlE,IAAA,CAACrB,wBAAwB;MACxBwF,OAAO,EAAGd,WAAa;MACvBe,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAG7E,OAAO;MAC3B;MACAD,EAAE,CAAE,gBAAiB,CAAC,EACtB0C,cACD,CAAG;MACHqB,iBAAiB,EAAGA,iBAAmB;MAAAG,QAAA,eAEvCzD,IAAA,CAACvB,QAAQ,CAACD,IAAI;QACb+E,KAAK,EAAG,CACPzD,MAAM,CAACwE,aAAa,EACpB;UACChE,eAAe,EAAEsB,UAAU,CAACtB,eAAe;UAC3C+B;QACD,CAAC,CACC;QAAAoB,QAAA,eAEHzD,IAAA,CAACN,IAAI;UACJ6E,QAAQ;UACRZ,IAAI,EAAG3B,aAAe;UACtBuB,KAAK,EAAG;YAAEhD,KAAK,EAAEqB,UAAU,CAACrB;UAAM;QAAG,CACrC;MAAC,CACY;IAAC,CACS,CAAC;EAAA,CACtB,CAAC;AAET,CAAC;AAED,eAAejB,OAAO,CAAE,CACvBK,UAAU,CAAE,CAAE6E,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IAAEC;EAAS,CAAC,GAAGF,MAAM,CAAE1F,gBAAiB,CAAC;EAE/C,MAAM6F,KAAK,GAAGD,QAAQ,CAAED,QAAS,CAAC;EAClC,MAAMnD,IAAI,GAAGqD,KAAK,EAAErD,IAAI,CAACsD,SAAS,CAAE,EAAG,CAAC;EAExC,OAAO;IACNtD;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAEL,cAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["View","Animated","Easing","TouchableWithoutFeedback","BlockControls","store","blockEditorStore","useEffect","useState","useRef","useCallback","ToolbarGroup","ToolbarButton","LinkSettingsNavigation","compose","__","sprintf","link","Icon","withSelect","blocksStore","getSocialService","styles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_ACTIVE_ICON_STYLES","backgroundColor","color","ANIMATION_DELAY","ANIMATION_DURATION","linkSettingsOptions","url","label","placeholder","autoFocus","linkLabel","footer","SocialLinkEdit","attributes","setAttributes","isSelected","onFocus","name","activeVariation","service","isLinkSheetVisible","setIsLinkSheetVisible","hasUrl","setHasUrl","activeIcon","animatedValue","Value","current","icon","socialLinkName","setValue","animateColors","interpolationColors","opacity","interpolate","inputRange","outputRange","sequence","delay","timing","toValue","duration","easing","circle","useNativeDriver","start","onCloseSettingsSheet","onOpenSettingsSheet","onEmptyURL","onIconPress","accessibilityHint","style","container","children","title","onClick","isActive","isVisible","rel","onClose","options","withBottomSheet","onPress","accessibilityRole","accessibilityLabel","iconContainer","animated","select","clientId","getBlock","getActiveBlockVariation","block","substring","undefined"],"sources":["@wordpress/block-library/src/social-link/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Animated, Easing, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useEffect, useState, useRef, useCallback } from '@wordpress/element';\nimport {\n\tToolbarGroup,\n\tToolbarButton,\n\tLinkSettingsNavigation,\n} from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { link, Icon } from '@wordpress/icons';\nimport { withSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { getSocialService } from './social-list';\nimport styles from './editor.scss';\n\nconst DEFAULT_ACTIVE_ICON_STYLES = {\n\tbackgroundColor: '#f0f0f0',\n\tcolor: '#444',\n};\nconst ANIMATION_DELAY = 300;\nconst ANIMATION_DURATION = 400;\n\nconst linkSettingsOptions = {\n\turl: {\n\t\tlabel: __( 'URL' ),\n\t\tplaceholder: __( 'Add URL' ),\n\t\tautoFocus: true,\n\t},\n\tlinkLabel: {\n\t\tlabel: __( 'Link label' ),\n\t\tplaceholder: __( 'None' ),\n\t},\n\tfooter: {\n\t\tlabel: __( 'Briefly describe the link to help screen reader user' ),\n\t},\n};\n\nconst SocialLinkEdit = ( {\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tonFocus,\n\tname,\n\tactiveVariation,\n} ) => {\n\tconst { url, service = name } = attributes;\n\tconst [ isLinkSheetVisible, setIsLinkSheetVisible ] = useState( false );\n\tconst [ hasUrl, setHasUrl ] = useState( !! url );\n\tconst activeIcon =\n\t\tstyles[ `wp-social-link-${ service }` ] ||\n\t\tstyles[ `wp-social-link` ] ||\n\t\tDEFAULT_ACTIVE_ICON_STYLES;\n\tconst animatedValue = useRef( new Animated.Value( 0 ) ).current;\n\n\tconst { icon, label: socialLinkName } = getSocialService( activeVariation );\n\n\t// When new social icon is added link sheet is opened automatically.\n\tuseEffect( () => {\n\t\tif ( isSelected && ! url ) {\n\t\t\tsetIsLinkSheetVisible( true );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! url ) {\n\t\t\tsetHasUrl( false );\n\t\t\tanimatedValue.setValue( 0 );\n\t\t} else if ( url ) {\n\t\t\tanimateColors();\n\t\t}\n\t}, [ url ] );\n\n\tconst interpolationColors = {\n\t\topacity: animatedValue.interpolate( {\n\t\t\tinputRange: [ 0, 1 ],\n\t\t\toutputRange: [ 0.3, 1 ],\n\t\t} ),\n\t};\n\n\tconst { opacity } = hasUrl ? activeIcon : interpolationColors;\n\n\tfunction animateColors() {\n\t\tAnimated.sequence( [\n\t\t\tAnimated.delay( ANIMATION_DELAY ),\n\t\t\tAnimated.timing( animatedValue, {\n\t\t\t\ttoValue: 1,\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: Easing.circle,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t} ),\n\t\t] ).start( () => setHasUrl( true ) );\n\t}\n\n\tconst onCloseSettingsSheet = useCallback( () => {\n\t\tsetIsLinkSheetVisible( false );\n\t}, [] );\n\n\tconst onOpenSettingsSheet = useCallback( () => {\n\t\tsetIsLinkSheetVisible( true );\n\t}, [] );\n\n\tconst onEmptyURL = useCallback( () => {\n\t\tanimatedValue.setValue( 0 );\n\t\tsetHasUrl( false );\n\t}, [ animatedValue ] );\n\n\tfunction onIconPress() {\n\t\tif ( isSelected ) {\n\t\t\tsetIsLinkSheetVisible( true );\n\t\t} else {\n\t\t\tonFocus();\n\t\t}\n\t}\n\n\tconst accessibilityHint = url\n\t\t? sprintf(\n\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t__( '%s has URL set' ),\n\t\t\t\tsocialLinkName\n\t\t  )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t__( '%s has no URL set' ),\n\t\t\t\tsocialLinkName\n\t\t  );\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\ttitle={ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t\t\t\t\t\t__( 'Add link to %s' ),\n\t\t\t\t\t\t\t\t\tsocialLinkName\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\t\t\tonClick={ onOpenSettingsSheet }\n\t\t\t\t\t\t\t\tisActive={ url }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<LinkSettingsNavigation\n\t\t\t\t\t\tisVisible={ isLinkSheetVisible }\n\t\t\t\t\t\turl={ attributes.url }\n\t\t\t\t\t\tlabel={ attributes.label }\n\t\t\t\t\t\trel={ attributes.rel }\n\t\t\t\t\t\tonEmptyURL={ onEmptyURL }\n\t\t\t\t\t\tonClose={ onCloseSettingsSheet }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\toptions={ linkSettingsOptions }\n\t\t\t\t\t\twithBottomSheet\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ onIconPress }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t\t__( '%s social icon' ),\n\t\t\t\t\tsocialLinkName\n\t\t\t\t) }\n\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t>\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.iconContainer,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackgroundColor: activeIcon.backgroundColor,\n\t\t\t\t\t\t\topacity,\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tanimated\n\t\t\t\t\t\ticon={ icon() }\n\t\t\t\t\t\tstyle={ { color: activeIcon.color } }\n\t\t\t\t\t/>\n\t\t\t\t</Animated.View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\t\tconst { getActiveBlockVariation } = select( blocksStore );\n\n\t\tconst block = getBlock( clientId );\n\t\tconst name = block?.name.substring( 17 );\n\n\t\treturn {\n\t\t\tname,\n\t\t\tactiveVariation: block\n\t\t\t\t? getActiveBlockVariation( block.name, block.attributes )\n\t\t\t\t: undefined,\n\t\t};\n\t} ),\n] )( SocialLinkEdit );\n"],"mappings":"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","ignoreList":[]}

package/build-module/social-link/social-list.js

@@ -6,30 +6,25 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import variations from './variations';
 import { ChainIcon } from './icons';
 
 /**
- * Retrieves the social service's icon component.
+ * Retrieves the social service's icon component and label.
  *
- * @param {string} name key for a social service (lowercase slug)
- *
- * @return {Component} Icon component for social service.
- */
-export const getIconBySite = name => {
-  const variation = variations.find(v => v.name === name);
-  return variation ? variation.icon : ChainIcon;
-};
-
-/**
- * Retrieves the display name for the social service.
- *
- * @param {string} name key for a social service (lowercase slug)
- *
- * @return {string} Display name for social service
+ * @param {Object} variation The object of the social service variation.
+ * @return {Object} An object containing the Icon component for social service and label.
  */
-export const getNameBySite = name => {
-  const variation = variations.find(v => v.name === name);
-  return variation ? variation.title : __('Social Icon');
-};
+export function getSocialService(variation) {
+  var _variation$icon, _variation$title;
+  if (!variation?.name) {
+    return {
+      icon: ChainIcon,
+      label: __('Social Icon')
+    };
+  }
+  return {
+    icon: (_variation$icon = variation?.icon) !== null && _variation$icon !== void 0 ? _variation$icon : ChainIcon,
+    label: (_variation$title = variation?.title) !== null && _variation$title !== void 0 ? _variation$title : __('Social Icon')
+  };
+}
 //# sourceMappingURL=social-list.js.map

package/build-module/social-link/social-list.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","variations","ChainIcon","getIconBySite","name","variation","find","v","icon","getNameBySite","title"],"sources":["@wordpress/block-library/src/social-link/social-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport variations from './variations';\nimport { ChainIcon } from './icons';\n\n/**\n * Retrieves the social service's icon component.\n *\n * @param {string} name key for a social service (lowercase slug)\n *\n * @return {Component} Icon component for social service.\n */\nexport const getIconBySite = ( name ) => {\n\tconst variation = variations.find( ( v ) => v.name === name );\n\treturn variation ? variation.icon : ChainIcon;\n};\n\n/**\n * Retrieves the display name for the social service.\n *\n * @param {string} name key for a social service (lowercase slug)\n *\n * @return {string} Display name for social service\n */\nexport const getNameBySite = ( name ) => {\n\tconst variation = variations.find( ( v ) => v.name === name );\n\treturn variation ? variation.title : __( 'Social Icon' );\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,UAAU,MAAM,cAAc;AACrC,SAASC,SAAS,QAAQ,SAAS;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAKC,IAAI,IAAM;EACxC,MAAMC,SAAS,GAAGJ,UAAU,CAACK,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACH,IAAI,KAAKA,IAAK,CAAC;EAC7D,OAAOC,SAAS,GAAGA,SAAS,CAACG,IAAI,GAAGN,SAAS;AAC9C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,aAAa,GAAKL,IAAI,IAAM;EACxC,MAAMC,SAAS,GAAGJ,UAAU,CAACK,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACH,IAAI,KAAKA,IAAK,CAAC;EAC7D,OAAOC,SAAS,GAAGA,SAAS,CAACK,KAAK,GAAGV,EAAE,CAAE,aAAc,CAAC;AACzD,CAAC","ignoreList":[]}
+{"version":3,"names":["__","ChainIcon","getSocialService","variation","_variation$icon","_variation$title","name","icon","label","title"],"sources":["@wordpress/block-library/src/social-link/social-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { ChainIcon } from './icons';\n\n/**\n * Retrieves the social service's icon component and label.\n *\n * @param {Object} variation The object of the social service variation.\n * @return {Object} An object containing the Icon component for social service and label.\n */\nexport function getSocialService( variation ) {\n\tif ( ! variation?.name ) {\n\t\treturn {\n\t\t\ticon: ChainIcon,\n\t\t\tlabel: __( 'Social Icon' ),\n\t\t};\n\t}\n\n\treturn {\n\t\ticon: variation?.icon ?? ChainIcon,\n\t\tlabel: variation?.title ?? __( 'Social Icon' ),\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,SAAS;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,SAAS,EAAG;EAAA,IAAAC,eAAA,EAAAC,gBAAA;EAC7C,IAAK,CAAEF,SAAS,EAAEG,IAAI,EAAG;IACxB,OAAO;MACNC,IAAI,EAAEN,SAAS;MACfO,KAAK,EAAER,EAAE,CAAE,aAAc;IAC1B,CAAC;EACF;EAEA,OAAO;IACNO,IAAI,GAAAH,eAAA,GAAED,SAAS,EAAEI,IAAI,cAAAH,eAAA,cAAAA,eAAA,GAAIH,SAAS;IAClCO,KAAK,GAAAH,gBAAA,GAAEF,SAAS,EAAEM,KAAK,cAAAJ,gBAAA,cAAAA,gBAAA,GAAIL,EAAE,CAAE,aAAc;EAC9C,CAAC;AACF","ignoreList":[]}

package/build-module/social-links/edit.js

@@ -18,6 +18,9 @@ import { useSelect } from '@wordpress/data';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const sizeOptions = [{
+  label: __('Default'),
+  value: ''
+}, {
   label: __('Small'),
   value: 'has-small-icon-size'
 }, {
@@ -152,16 +155,16 @@ export function SocialLinksEdit(props) {
           setAttributes({
             openInNewTab: false,
             showLabels: false,
-            size: 'has-normal-icon-size'
+            size: undefined
           });
         },
         dropdownMenuProps: dropdownMenuProps,
         children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
           isShownByDefault: true,
-          hasValue: () => !!size && size !== 'has-normal-icon-size',
+          hasValue: () => !!size,
           label: __('Icon size'),
           onDeselect: () => setAttributes({
-            size: 'has-normal-icon-size'
+            size: undefined
           }),
           children: /*#__PURE__*/_jsx(SelectControl, {
             __next40pxDefaultSize: true,
@@ -169,10 +172,10 @@ export function SocialLinksEdit(props) {
             label: __('Icon Size'),
             onChange: newSize => {
               setAttributes({
-                size: newSize
+                size: newSize === '' ? undefined : newSize
               });
             },
-            value: size !== null && size !== void 0 ? size : 'has-normal-icon-size',
+            value: size !== null && size !== void 0 ? size : '',
             options: sizeOptions
           })
         }), /*#__PURE__*/_jsx(ToolsPanelItem, {

package/build-module/social-links/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","useEffect","useInnerBlocksProps","useBlockProps","InspectorControls","ContrastChecker","withColors","InnerBlocks","__experimentalColorGradientSettingsDropdown","ColorGradientSettingsDropdown","__experimentalUseMultipleOriginColorsAndGradients","useMultipleOriginColorsAndGradients","store","blockEditorStore","ToggleControl","SelectControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","useSelect","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","sizeOptions","label","value","SocialLinksEdit","props","_attributes$layout$or","clientId","attributes","iconBackgroundColor","iconColor","isSelected","setAttributes","setIconBackgroundColor","setIconColor","iconBackgroundColorValue","iconColorValue","openInNewTab","showLabels","size","hasSocialIcons","hasSelectedChild","select","getBlockCount","hasSelectedInnerBlock","hasAnySelected","logosOnly","className","includes","dropdownMenuProps","restore","prev","customIconBackgroundColor","undefined","color","blockProps","innerBlocksProps","templateLock","orientation","layout","__experimentalAppenderTagName","renderAppender","ButtonBlockAppender","colorSettings","onChange","colorValue","resetAllFilter","push","colorGradientSettings","children","resetAll","isShownByDefault","hasValue","onDeselect","__next40pxDefaultSize","__nextHasNoMarginBottom","newSize","options","checked","hasColorsOrGradients","group","map","__experimentalIsRenderedInSidebar","settings","onColorChange","enableAlpha","clearable","panelId","textColor","backgroundColor","isLargeText","iconColorAttributes"],"sources":["@wordpress/block-library/src/social-links/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport {\n\tuseInnerBlocksProps,\n\tuseBlockProps,\n\tInspectorControls,\n\tContrastChecker,\n\twithColors,\n\tInnerBlocks,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tToggleControl,\n\tSelectControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst sizeOptions = [\n\t{ label: __( 'Small' ), value: 'has-small-icon-size' },\n\t{ label: __( 'Normal' ), value: 'has-normal-icon-size' },\n\t{ label: __( 'Large' ), value: 'has-large-icon-size' },\n\t{ label: __( 'Huge' ), value: 'has-huge-icon-size' },\n];\n\nexport function SocialLinksEdit( props ) {\n\tconst {\n\t\tclientId,\n\t\tattributes,\n\t\ticonBackgroundColor,\n\t\ticonColor,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tsetIconBackgroundColor,\n\t\tsetIconColor,\n\t} = props;\n\n\tconst {\n\t\ticonBackgroundColorValue,\n\t\ticonColorValue,\n\t\topenInNewTab,\n\t\tshowLabels,\n\t\tsize,\n\t} = attributes;\n\n\tconst { hasSocialIcons, hasSelectedChild } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockCount, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\thasSocialIcons: getBlockCount( clientId ) > 0,\n\t\t\t\thasSelectedChild: hasSelectedInnerBlock( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst hasAnySelected = isSelected || hasSelectedChild;\n\n\tconst logosOnly = attributes.className?.includes( 'is-style-logos-only' );\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\t// Remove icon background color when logos only style is selected or\n\t// restore it when any other style is selected.\n\tuseEffect( () => {\n\t\tif ( logosOnly ) {\n\t\t\tlet restore;\n\t\t\tsetAttributes( ( prev ) => {\n\t\t\t\trestore = {\n\t\t\t\t\ticonBackgroundColor: prev.iconBackgroundColor,\n\t\t\t\t\ticonBackgroundColorValue: prev.iconBackgroundColorValue,\n\t\t\t\t\tcustomIconBackgroundColor: prev.customIconBackgroundColor,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\ticonBackgroundColor: undefined,\n\t\t\t\t\ticonBackgroundColorValue: undefined,\n\t\t\t\t\tcustomIconBackgroundColor: undefined,\n\t\t\t\t};\n\t\t\t} );\n\n\t\t\treturn () => setAttributes( { ...restore } );\n\t\t}\n\t}, [ logosOnly, setAttributes ] );\n\n\t// Fallback color values are used maintain selections in case switching\n\t// themes and named colors in palette do not match.\n\tconst className = clsx( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColor.color || iconColorValue,\n\t\t'has-icon-background-color':\n\t\t\ticonBackgroundColor.color || iconBackgroundColorValue,\n\t} );\n\n\tconst blockProps = useBlockProps( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplateLock: false,\n\t\torientation: attributes.layout?.orientation ?? 'horizontal',\n\t\t__experimentalAppenderTagName: 'li',\n\t\trenderAppender:\n\t\t\t! hasSocialIcons || hasAnySelected\n\t\t\t\t? InnerBlocks.ButtonBlockAppender\n\t\t\t\t: undefined,\n\t} );\n\n\tconst colorSettings = [\n\t\t{\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconColor.color || iconColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconColor( colorValue );\n\t\t\t\tsetAttributes( { iconColorValue: colorValue } );\n\t\t\t},\n\t\t\tlabel: __( 'Icon color' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconColor( undefined );\n\t\t\t\tsetAttributes( { iconColorValue: undefined } );\n\t\t\t},\n\t\t},\n\t];\n\n\tif ( ! logosOnly ) {\n\t\tcolorSettings.push( {\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconBackgroundColor.color || iconBackgroundColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconBackgroundColor( colorValue );\n\t\t\t\tsetAttributes( {\n\t\t\t\t\ticonBackgroundColorValue: colorValue,\n\t\t\t\t} );\n\t\t\t},\n\t\t\tlabel: __( 'Icon background' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconBackgroundColor( undefined );\n\t\t\t\tsetAttributes( { iconBackgroundColorValue: undefined } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\topenInNewTab: false,\n\t\t\t\t\t\t\tshowLabels: false,\n\t\t\t\t\t\t\tsize: 'has-normal-icon-size',\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () =>\n\t\t\t\t\t\t\t!! size && size !== 'has-normal-icon-size'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Icon size' ) }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { size: 'has-normal-icon-size' } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Icon Size' ) }\n\t\t\t\t\t\t\tonChange={ ( newSize ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tsize: newSize,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tvalue={ size ?? 'has-normal-icon-size' }\n\t\t\t\t\t\t\toptions={ sizeOptions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tlabel={ __( 'Show text' ) }\n\t\t\t\t\t\thasValue={ () => !! showLabels }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { showLabels: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show text' ) }\n\t\t\t\t\t\t\tchecked={ showLabels }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { showLabels: ! showLabels } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\thasValue={ () => !! openInNewTab }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\topenInNewTab: ! openInNewTab,\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t{ colorSettings.map(\n\t\t\t\t\t\t( { onChange, label, value, resetAllFilter } ) => (\n\t\t\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t\t\tkey={ `social-links-color-${ label }` }\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tcolorValue: value,\n\t\t\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\t\t\tonColorChange: onChange,\n\t\t\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\t\t\tresetAllFilter,\n\t\t\t\t\t\t\t\t\t\tenableAlpha: true,\n\t\t\t\t\t\t\t\t\t\tclearable: true,\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\tpanelId={ clientId }\n\t\t\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! logosOnly && (\n\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t{ ...{\n\t\t\t\t\t\t\t\ttextColor: iconColorValue,\n\t\t\t\t\t\t\t\tbackgroundColor: iconBackgroundColorValue,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisLargeText={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<ul { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nconst iconColorAttributes = {\n\ticonColor: 'icon-color',\n\ticonBackgroundColor: 'icon-background-color',\n};\n\nexport default withColors( iconColorAttributes )( SocialLinksEdit );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useEffect","useInnerBlocksProps","useBlockProps","InspectorControls","ContrastChecker","withColors","InnerBlocks","__experimentalColorGradientSettingsDropdown","ColorGradientSettingsDropdown","__experimentalUseMultipleOriginColorsAndGradients","useMultipleOriginColorsAndGradients","store","blockEditorStore","ToggleControl","SelectControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","useSelect","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","sizeOptions","label","value","SocialLinksEdit","props","_attributes$layout$or","clientId","attributes","iconBackgroundColor","iconColor","isSelected","setAttributes","setIconBackgroundColor","setIconColor","iconBackgroundColorValue","iconColorValue","openInNewTab","showLabels","size","hasSocialIcons","hasSelectedChild","select","getBlockCount","hasSelectedInnerBlock","hasAnySelected","logosOnly","className","includes","dropdownMenuProps","restore","prev","customIconBackgroundColor","undefined","color","blockProps","innerBlocksProps","templateLock","orientation","layout","__experimentalAppenderTagName","renderAppender","ButtonBlockAppender","colorSettings","onChange","colorValue","resetAllFilter","push","colorGradientSettings","children","resetAll","isShownByDefault","hasValue","onDeselect","__next40pxDefaultSize","__nextHasNoMarginBottom","newSize","options","checked","hasColorsOrGradients","group","map","__experimentalIsRenderedInSidebar","settings","onColorChange","enableAlpha","clearable","panelId","textColor","backgroundColor","isLargeText","iconColorAttributes"],"sources":["@wordpress/block-library/src/social-links/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport {\n\tuseInnerBlocksProps,\n\tuseBlockProps,\n\tInspectorControls,\n\tContrastChecker,\n\twithColors,\n\tInnerBlocks,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tToggleControl,\n\tSelectControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst sizeOptions = [\n\t{ label: __( 'Default' ), value: '' },\n\t{ label: __( 'Small' ), value: 'has-small-icon-size' },\n\t{ label: __( 'Normal' ), value: 'has-normal-icon-size' },\n\t{ label: __( 'Large' ), value: 'has-large-icon-size' },\n\t{ label: __( 'Huge' ), value: 'has-huge-icon-size' },\n];\n\nexport function SocialLinksEdit( props ) {\n\tconst {\n\t\tclientId,\n\t\tattributes,\n\t\ticonBackgroundColor,\n\t\ticonColor,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tsetIconBackgroundColor,\n\t\tsetIconColor,\n\t} = props;\n\n\tconst {\n\t\ticonBackgroundColorValue,\n\t\ticonColorValue,\n\t\topenInNewTab,\n\t\tshowLabels,\n\t\tsize,\n\t} = attributes;\n\n\tconst { hasSocialIcons, hasSelectedChild } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockCount, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\thasSocialIcons: getBlockCount( clientId ) > 0,\n\t\t\t\thasSelectedChild: hasSelectedInnerBlock( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst hasAnySelected = isSelected || hasSelectedChild;\n\n\tconst logosOnly = attributes.className?.includes( 'is-style-logos-only' );\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\t// Remove icon background color when logos only style is selected or\n\t// restore it when any other style is selected.\n\tuseEffect( () => {\n\t\tif ( logosOnly ) {\n\t\t\tlet restore;\n\t\t\tsetAttributes( ( prev ) => {\n\t\t\t\trestore = {\n\t\t\t\t\ticonBackgroundColor: prev.iconBackgroundColor,\n\t\t\t\t\ticonBackgroundColorValue: prev.iconBackgroundColorValue,\n\t\t\t\t\tcustomIconBackgroundColor: prev.customIconBackgroundColor,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\ticonBackgroundColor: undefined,\n\t\t\t\t\ticonBackgroundColorValue: undefined,\n\t\t\t\t\tcustomIconBackgroundColor: undefined,\n\t\t\t\t};\n\t\t\t} );\n\n\t\t\treturn () => setAttributes( { ...restore } );\n\t\t}\n\t}, [ logosOnly, setAttributes ] );\n\n\t// Fallback color values are used maintain selections in case switching\n\t// themes and named colors in palette do not match.\n\tconst className = clsx( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColor.color || iconColorValue,\n\t\t'has-icon-background-color':\n\t\t\ticonBackgroundColor.color || iconBackgroundColorValue,\n\t} );\n\n\tconst blockProps = useBlockProps( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplateLock: false,\n\t\torientation: attributes.layout?.orientation ?? 'horizontal',\n\t\t__experimentalAppenderTagName: 'li',\n\t\trenderAppender:\n\t\t\t! hasSocialIcons || hasAnySelected\n\t\t\t\t? InnerBlocks.ButtonBlockAppender\n\t\t\t\t: undefined,\n\t} );\n\n\tconst colorSettings = [\n\t\t{\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconColor.color || iconColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconColor( colorValue );\n\t\t\t\tsetAttributes( { iconColorValue: colorValue } );\n\t\t\t},\n\t\t\tlabel: __( 'Icon color' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconColor( undefined );\n\t\t\t\tsetAttributes( { iconColorValue: undefined } );\n\t\t\t},\n\t\t},\n\t];\n\n\tif ( ! logosOnly ) {\n\t\tcolorSettings.push( {\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconBackgroundColor.color || iconBackgroundColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconBackgroundColor( colorValue );\n\t\t\t\tsetAttributes( {\n\t\t\t\t\ticonBackgroundColorValue: colorValue,\n\t\t\t\t} );\n\t\t\t},\n\t\t\tlabel: __( 'Icon background' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconBackgroundColor( undefined );\n\t\t\t\tsetAttributes( { iconBackgroundColorValue: undefined } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\topenInNewTab: false,\n\t\t\t\t\t\t\tshowLabels: false,\n\t\t\t\t\t\t\tsize: undefined,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! size }\n\t\t\t\t\t\tlabel={ __( 'Icon size' ) }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { size: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Icon Size' ) }\n\t\t\t\t\t\t\tonChange={ ( newSize ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tsize: newSize === '' ? undefined : newSize,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tvalue={ size ?? '' }\n\t\t\t\t\t\t\toptions={ sizeOptions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tlabel={ __( 'Show text' ) }\n\t\t\t\t\t\thasValue={ () => !! showLabels }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { showLabels: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show text' ) }\n\t\t\t\t\t\t\tchecked={ showLabels }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { showLabels: ! showLabels } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\thasValue={ () => !! openInNewTab }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\topenInNewTab: ! openInNewTab,\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t{ colorSettings.map(\n\t\t\t\t\t\t( { onChange, label, value, resetAllFilter } ) => (\n\t\t\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t\t\tkey={ `social-links-color-${ label }` }\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tcolorValue: value,\n\t\t\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\t\t\tonColorChange: onChange,\n\t\t\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\t\t\tresetAllFilter,\n\t\t\t\t\t\t\t\t\t\tenableAlpha: true,\n\t\t\t\t\t\t\t\t\t\tclearable: true,\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\tpanelId={ clientId }\n\t\t\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! logosOnly && (\n\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t{ ...{\n\t\t\t\t\t\t\t\ttextColor: iconColorValue,\n\t\t\t\t\t\t\t\tbackgroundColor: iconBackgroundColorValue,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisLargeText={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<ul { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nconst iconColorAttributes = {\n\ticonColor: 'icon-color',\n\ticonBackgroundColor: 'icon-background-color',\n};\n\nexport default withColors( iconColorAttributes )( SocialLinksEdit );\n"],"mappings":"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","ignoreList":[]}

package/build-module/video/tracks-editor.js

@@ -4,8 +4,9 @@
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { NavigableMenu, MenuItem, FormFileUpload, MenuGroup, ToolbarGroup, ToolbarButton, Dropdown, Button, TextControl, SelectControl, ToggleControl, __experimentalGrid as Grid, __experimentalHStack as HStack, __experimentalVStack as VStack, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { MediaUpload, MediaUploadCheck, store as blockEditorStore } from '@wordpress/block-editor';
+import { store as noticesStore } from '@wordpress/notices';
 import { upload, media } from '@wordpress/icons';
-import { useSelect } from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { useState, useRef, useEffect } from '@wordpress/element';
 import { getFilename } from '@wordpress/url';
 
@@ -185,11 +186,32 @@ export default function TracksEditor({
   tracks = [],
   onChange
 }) {
+  const {
+    createNotice
+  } = useDispatch(noticesStore);
   const mediaUpload = useSelect(select => {
     return select(blockEditorStore).getSettings().mediaUpload;
   }, []);
   const [trackBeingEdited, setTrackBeingEdited] = useState(null);
   const dropdownPopoverRef = useRef();
+  const handleTrackSelect = ({
+    title,
+    url
+  }) => {
+    if (tracks.some(track => track.src === url)) {
+      createNotice('error', __('This track already exists.'), {
+        isDismissible: true,
+        type: 'snackbar'
+      });
+      return;
+    }
+    const trackIndex = tracks.length;
+    onChange([...tracks, {
+      label: title || '',
+      src: url
+    }]);
+    setTrackBeingEdited(trackIndex);
+  };
   useEffect(() => {
     dropdownPopoverRef.current?.focus();
   }, [trackBeingEdited]);
@@ -258,15 +280,7 @@ export default function TracksEditor({
             className: "block-library-video-tracks-editor__add-tracks-container",
             label: __('Add tracks'),
             children: [/*#__PURE__*/_jsx(MediaUpload, {
-              onSelect: ({
-                url
-              }) => {
-                const trackIndex = tracks.length;
-                onChange([...tracks, {
-                  src: url
-                }]);
-                setTrackBeingEdited(trackIndex);
-              },
+              onSelect: handleTrackSelect,
               allowedTypes: ALLOWED_TYPES,
               render: ({
                 open

package/build-module/video/tracks-editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","_x","sprintf","NavigableMenu","MenuItem","FormFileUpload","MenuGroup","ToolbarGroup","ToolbarButton","Dropdown","Button","TextControl","SelectControl","ToggleControl","__experimentalGrid","Grid","__experimentalHStack","HStack","__experimentalVStack","VStack","privateApis","componentsPrivateApis","MediaUpload","MediaUploadCheck","store","blockEditorStore","upload","media","useSelect","useState","useRef","useEffect","getFilename","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Badge","ALLOWED_TYPES","DEFAULT_KIND","KIND_OPTIONS","label","value","TrackList","tracks","onEditPress","content","map","track","index","className","children","justify","default","__next40pxDefaultSize","variant","onClick","src","SingleTrackEditor","onChange","onClose","onRemove","allowSettingDefault","srcLang","kind","isDefaultTrack","fileName","startsWith","spacing","columns","gap","__nextHasNoMarginBottom","newLabel","help","newSrcLang","options","newKind","checked","disabled","defaultTrack","isDestructive","changes","hasChanges","undefined","TracksEditor","mediaUpload","select","getSettings","trackBeingEdited","setTrackBeingEdited","dropdownPopoverRef","current","focus","contentClassName","focusOnMount","popoverProps","ref","renderToggle","isOpen","onToggle","handleOnToggle","renderContent","newTrack","newTracks","filter","_track","some","length","onSelect","url","trackIndex","allowedTypes","render","open","icon","event","files","target","filesList","onFileChange","accept","openFileDialog"],"sources":["@wordpress/block-library/src/video/tracks-editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tNavigableMenu,\n\tMenuItem,\n\tFormFileUpload,\n\tMenuGroup,\n\tToolbarGroup,\n\tToolbarButton,\n\tDropdown,\n\tButton,\n\tTextControl,\n\tSelectControl,\n\tToggleControl,\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { upload, media } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\nconst ALLOWED_TYPES = [ 'text/vtt' ];\n\nconst DEFAULT_KIND = 'subtitles';\n\nconst KIND_OPTIONS = [\n\t{ label: __( 'Subtitles' ), value: 'subtitles' },\n\t{ label: __( 'Captions' ), value: 'captions' },\n\t{ label: __( 'Descriptions' ), value: 'descriptions' },\n\t{ label: __( 'Chapters' ), value: 'chapters' },\n\t{ label: __( 'Metadata' ), value: 'metadata' },\n];\n\nfunction TrackList( { tracks, onEditPress } ) {\n\tconst content = tracks.map( ( track, index ) => {\n\t\treturn (\n\t\t\t<HStack\n\t\t\t\tkey={ track.src }\n\t\t\t\tclassName=\"block-library-video-tracks-editor__track-list-track\"\n\t\t\t>\n\t\t\t\t<span>{ track.label }</span>\n\t\t\t\t<HStack justify=\"flex-end\">\n\t\t\t\t\t{ track.default && <Badge>{ __( 'Default' ) }</Badge> }\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onEditPress( index ) }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the video text track e.g: \"French subtitles\". */\n\t\t\t\t\t\t\t_x( 'Edit %s', 'text tracks' ),\n\t\t\t\t\t\t\ttrack.label\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t);\n\t} );\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\tclassName=\"block-library-video-tracks-editor__track-list\"\n\t\t>\n\t\t\t{ content }\n\t\t</MenuGroup>\n\t);\n}\n\nfunction SingleTrackEditor( {\n\ttrack,\n\tonChange,\n\tonClose,\n\tonRemove,\n\tallowSettingDefault,\n} ) {\n\tconst {\n\t\tsrc = '',\n\t\tlabel = '',\n\t\tsrcLang = '',\n\t\tkind = DEFAULT_KIND,\n\t\tdefault: isDefaultTrack = false,\n\t} = track;\n\tconst fileName = src.startsWith( 'blob:' ) ? '' : getFilename( src ) || '';\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor\"\n\t\t\tspacing=\"4\"\n\t\t>\n\t\t\t<span className=\"block-library-video-tracks-editor__single-track-editor-edit-track-label\">\n\t\t\t\t{ __( 'Edit track' ) }\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{ __( 'File' ) }: <b>{ fileName }</b>\n\t\t\t</span>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tlabel: newLabel,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Label' ) }\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\thelp={ __( 'Title of track' ) }\n\t\t\t\t/>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ ( newSrcLang ) =>\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tsrcLang: newSrcLang,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Source language' ) }\n\t\t\t\t\tvalue={ srcLang }\n\t\t\t\t\thelp={ __( 'Language tag (en, fr, etc.)' ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t\t<VStack spacing=\"4\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor-kind-select\"\n\t\t\t\t\toptions={ KIND_OPTIONS }\n\t\t\t\t\tvalue={ kind }\n\t\t\t\t\tlabel={ __( 'Kind' ) }\n\t\t\t\t\tonChange={ ( newKind ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tkind: newKind,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Set as default track' ) }\n\t\t\t\t\tchecked={ isDefaultTrack }\n\t\t\t\t\tdisabled={ ! allowSettingDefault }\n\t\t\t\t\tonChange={ ( defaultTrack ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tdefault: defaultTrack,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<HStack className=\"block-library-video-tracks-editor__single-track-editor-buttons-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Remove track' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tconst changes = {};\n\t\t\t\t\t\t\tlet hasChanges = false;\n\t\t\t\t\t\t\tif ( label === '' ) {\n\t\t\t\t\t\t\t\tchanges.label = __( 'English' );\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( srcLang === '' ) {\n\t\t\t\t\t\t\t\tchanges.srcLang = 'en';\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( track.kind === undefined ) {\n\t\t\t\t\t\t\t\tchanges.kind = DEFAULT_KIND;\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( hasChanges ) {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\t\t...changes,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</VStack>\n\t);\n}\n\nexport default function TracksEditor( { tracks = [], onChange } ) {\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst [ trackBeingEdited, setTrackBeingEdited ] = useState( null );\n\tconst dropdownPopoverRef = useRef();\n\n\tuseEffect( () => {\n\t\tdropdownPopoverRef.current?.focus();\n\t}, [ trackBeingEdited ] );\n\n\tif ( ! mediaUpload ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-library-video-tracks-editor\"\n\t\t\tfocusOnMount\n\t\t\tpopoverProps={ {\n\t\t\t\tref: dropdownPopoverRef,\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst handleOnToggle = () => {\n\t\t\t\t\tif ( ! isOpen ) {\n\t\t\t\t\t\t// When the Popover opens make sure the initial view is\n\t\t\t\t\t\t// always the track list rather than the edit track UI.\n\t\t\t\t\t\tsetTrackBeingEdited( null );\n\t\t\t\t\t}\n\t\t\t\t\tonToggle();\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\tonClick={ handleOnToggle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => {\n\t\t\t\tif ( trackBeingEdited !== null ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SingleTrackEditor\n\t\t\t\t\t\t\ttrack={ tracks[ trackBeingEdited ] }\n\t\t\t\t\t\t\tonChange={ ( newTrack ) => {\n\t\t\t\t\t\t\t\tconst newTracks = [ ...tracks ];\n\t\t\t\t\t\t\t\tnewTracks[ trackBeingEdited ] = newTrack;\n\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonClose={ () => setTrackBeingEdited( null ) }\n\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttracks.filter(\n\t\t\t\t\t\t\t\t\t\t( _track, index ) =>\n\t\t\t\t\t\t\t\t\t\t\tindex !== trackBeingEdited\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\tsetTrackBeingEdited( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tallowSettingDefault={\n\t\t\t\t\t\t\t\t! tracks.some( ( track ) => track.default ) ||\n\t\t\t\t\t\t\t\ttracks[ trackBeingEdited ].default\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ tracks.length === 0 && (\n\t\t\t\t\t\t\t<div className=\"block-library-video-tracks-editor__tracks-informative-message\">\n\t\t\t\t\t\t\t\t<h2 className=\"block-library-video-tracks-editor__tracks-informative-message-title\">\n\t\t\t\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t<p className=\"block-library-video-tracks-editor__tracks-informative-message-description\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<NavigableMenu>\n\t\t\t\t\t\t\t<TrackList\n\t\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\t\tonEditPress={ setTrackBeingEdited }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuGroup\n\t\t\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__add-tracks-container\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Add tracks' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\tonSelect={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\tonChange( [ ...tracks, { src: url } ] );\n\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited( trackIndex );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_TYPES }\n\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ media }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\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<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst files = event.target.files;\n\t\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\t\t\t\t\t\t\tallowedTypes: ALLOWED_TYPES,\n\t\t\t\t\t\t\t\t\t\t\t\tfilesList: files,\n\t\t\t\t\t\t\t\t\t\t\t\tonFileChange: ( [\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ url },\n\t\t\t\t\t\t\t\t\t\t\t\t] ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst newTracks = [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks,\n\t\t\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! newTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t] = {};\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[ trackIndex ] = {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks[ trackIndex ],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc: url,\n\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t},\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\taccept=\".vtt,text/vtt\"\n\t\t\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ _x( 'Upload', 'verb' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\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/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","_x","sprintf","NavigableMenu","MenuItem","FormFileUpload","MenuGroup","ToolbarGroup","ToolbarButton","Dropdown","Button","TextControl","SelectControl","ToggleControl","__experimentalGrid","Grid","__experimentalHStack","HStack","__experimentalVStack","VStack","privateApis","componentsPrivateApis","MediaUpload","MediaUploadCheck","store","blockEditorStore","noticesStore","upload","media","useSelect","useDispatch","useState","useRef","useEffect","getFilename","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Badge","ALLOWED_TYPES","DEFAULT_KIND","KIND_OPTIONS","label","value","TrackList","tracks","onEditPress","content","map","track","index","className","children","justify","default","__next40pxDefaultSize","variant","onClick","src","SingleTrackEditor","onChange","onClose","onRemove","allowSettingDefault","srcLang","kind","isDefaultTrack","fileName","startsWith","spacing","columns","gap","__nextHasNoMarginBottom","newLabel","help","newSrcLang","options","newKind","checked","disabled","defaultTrack","isDestructive","changes","hasChanges","undefined","TracksEditor","createNotice","mediaUpload","select","getSettings","trackBeingEdited","setTrackBeingEdited","dropdownPopoverRef","handleTrackSelect","title","url","some","isDismissible","type","trackIndex","length","current","focus","contentClassName","focusOnMount","popoverProps","ref","renderToggle","isOpen","onToggle","handleOnToggle","renderContent","newTrack","newTracks","filter","_track","onSelect","allowedTypes","render","open","icon","event","files","target","filesList","onFileChange","accept","openFileDialog"],"sources":["@wordpress/block-library/src/video/tracks-editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tNavigableMenu,\n\tMenuItem,\n\tFormFileUpload,\n\tMenuGroup,\n\tToolbarGroup,\n\tToolbarButton,\n\tDropdown,\n\tButton,\n\tTextControl,\n\tSelectControl,\n\tToggleControl,\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { upload, media } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\nconst ALLOWED_TYPES = [ 'text/vtt' ];\n\nconst DEFAULT_KIND = 'subtitles';\n\nconst KIND_OPTIONS = [\n\t{ label: __( 'Subtitles' ), value: 'subtitles' },\n\t{ label: __( 'Captions' ), value: 'captions' },\n\t{ label: __( 'Descriptions' ), value: 'descriptions' },\n\t{ label: __( 'Chapters' ), value: 'chapters' },\n\t{ label: __( 'Metadata' ), value: 'metadata' },\n];\n\nfunction TrackList( { tracks, onEditPress } ) {\n\tconst content = tracks.map( ( track, index ) => {\n\t\treturn (\n\t\t\t<HStack\n\t\t\t\tkey={ track.src }\n\t\t\t\tclassName=\"block-library-video-tracks-editor__track-list-track\"\n\t\t\t>\n\t\t\t\t<span>{ track.label }</span>\n\t\t\t\t<HStack justify=\"flex-end\">\n\t\t\t\t\t{ track.default && <Badge>{ __( 'Default' ) }</Badge> }\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onEditPress( index ) }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the video text track e.g: \"French subtitles\". */\n\t\t\t\t\t\t\t_x( 'Edit %s', 'text tracks' ),\n\t\t\t\t\t\t\ttrack.label\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t);\n\t} );\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\tclassName=\"block-library-video-tracks-editor__track-list\"\n\t\t>\n\t\t\t{ content }\n\t\t</MenuGroup>\n\t);\n}\n\nfunction SingleTrackEditor( {\n\ttrack,\n\tonChange,\n\tonClose,\n\tonRemove,\n\tallowSettingDefault,\n} ) {\n\tconst {\n\t\tsrc = '',\n\t\tlabel = '',\n\t\tsrcLang = '',\n\t\tkind = DEFAULT_KIND,\n\t\tdefault: isDefaultTrack = false,\n\t} = track;\n\tconst fileName = src.startsWith( 'blob:' ) ? '' : getFilename( src ) || '';\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor\"\n\t\t\tspacing=\"4\"\n\t\t>\n\t\t\t<span className=\"block-library-video-tracks-editor__single-track-editor-edit-track-label\">\n\t\t\t\t{ __( 'Edit track' ) }\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{ __( 'File' ) }: <b>{ fileName }</b>\n\t\t\t</span>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tlabel: newLabel,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Label' ) }\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\thelp={ __( 'Title of track' ) }\n\t\t\t\t/>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ ( newSrcLang ) =>\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tsrcLang: newSrcLang,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Source language' ) }\n\t\t\t\t\tvalue={ srcLang }\n\t\t\t\t\thelp={ __( 'Language tag (en, fr, etc.)' ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t\t<VStack spacing=\"4\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor-kind-select\"\n\t\t\t\t\toptions={ KIND_OPTIONS }\n\t\t\t\t\tvalue={ kind }\n\t\t\t\t\tlabel={ __( 'Kind' ) }\n\t\t\t\t\tonChange={ ( newKind ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tkind: newKind,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Set as default track' ) }\n\t\t\t\t\tchecked={ isDefaultTrack }\n\t\t\t\t\tdisabled={ ! allowSettingDefault }\n\t\t\t\t\tonChange={ ( defaultTrack ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tdefault: defaultTrack,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<HStack className=\"block-library-video-tracks-editor__single-track-editor-buttons-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Remove track' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tconst changes = {};\n\t\t\t\t\t\t\tlet hasChanges = false;\n\t\t\t\t\t\t\tif ( label === '' ) {\n\t\t\t\t\t\t\t\tchanges.label = __( 'English' );\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( srcLang === '' ) {\n\t\t\t\t\t\t\t\tchanges.srcLang = 'en';\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( track.kind === undefined ) {\n\t\t\t\t\t\t\t\tchanges.kind = DEFAULT_KIND;\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( hasChanges ) {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\t\t...changes,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</VStack>\n\t);\n}\n\nexport default function TracksEditor( { tracks = [], onChange } ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst [ trackBeingEdited, setTrackBeingEdited ] = useState( null );\n\tconst dropdownPopoverRef = useRef();\n\n\tconst handleTrackSelect = ( { title, url } ) => {\n\t\tif ( tracks.some( ( track ) => track.src === url ) ) {\n\t\t\tcreateNotice( 'error', __( 'This track already exists.' ), {\n\t\t\t\tisDismissible: true,\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tconst trackIndex = tracks.length;\n\t\tonChange( [ ...tracks, { label: title || '', src: url } ] );\n\t\tsetTrackBeingEdited( trackIndex );\n\t};\n\n\tuseEffect( () => {\n\t\tdropdownPopoverRef.current?.focus();\n\t}, [ trackBeingEdited ] );\n\n\tif ( ! mediaUpload ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-library-video-tracks-editor\"\n\t\t\tfocusOnMount\n\t\t\tpopoverProps={ {\n\t\t\t\tref: dropdownPopoverRef,\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst handleOnToggle = () => {\n\t\t\t\t\tif ( ! isOpen ) {\n\t\t\t\t\t\t// When the Popover opens make sure the initial view is\n\t\t\t\t\t\t// always the track list rather than the edit track UI.\n\t\t\t\t\t\tsetTrackBeingEdited( null );\n\t\t\t\t\t}\n\t\t\t\t\tonToggle();\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\tonClick={ handleOnToggle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => {\n\t\t\t\tif ( trackBeingEdited !== null ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SingleTrackEditor\n\t\t\t\t\t\t\ttrack={ tracks[ trackBeingEdited ] }\n\t\t\t\t\t\t\tonChange={ ( newTrack ) => {\n\t\t\t\t\t\t\t\tconst newTracks = [ ...tracks ];\n\t\t\t\t\t\t\t\tnewTracks[ trackBeingEdited ] = newTrack;\n\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonClose={ () => setTrackBeingEdited( null ) }\n\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttracks.filter(\n\t\t\t\t\t\t\t\t\t\t( _track, index ) =>\n\t\t\t\t\t\t\t\t\t\t\tindex !== trackBeingEdited\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\tsetTrackBeingEdited( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tallowSettingDefault={\n\t\t\t\t\t\t\t\t! tracks.some( ( track ) => track.default ) ||\n\t\t\t\t\t\t\t\ttracks[ trackBeingEdited ].default\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ tracks.length === 0 && (\n\t\t\t\t\t\t\t<div className=\"block-library-video-tracks-editor__tracks-informative-message\">\n\t\t\t\t\t\t\t\t<h2 className=\"block-library-video-tracks-editor__tracks-informative-message-title\">\n\t\t\t\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t<p className=\"block-library-video-tracks-editor__tracks-informative-message-description\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<NavigableMenu>\n\t\t\t\t\t\t\t<TrackList\n\t\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\t\tonEditPress={ setTrackBeingEdited }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuGroup\n\t\t\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__add-tracks-container\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Add tracks' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\tonSelect={ handleTrackSelect }\n\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_TYPES }\n\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ media }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\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<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst files = event.target.files;\n\t\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\t\t\t\t\t\t\tallowedTypes: ALLOWED_TYPES,\n\t\t\t\t\t\t\t\t\t\t\t\tfilesList: files,\n\t\t\t\t\t\t\t\t\t\t\t\tonFileChange: ( [\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ url },\n\t\t\t\t\t\t\t\t\t\t\t\t] ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst newTracks = [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks,\n\t\t\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! newTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t] = {};\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[ trackIndex ] = {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks[ trackIndex ],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc: url,\n\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t},\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\taccept=\".vtt,text/vtt\"\n\t\t\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ _x( 'Upload', 'verb' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\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/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-style/calendar/style-rtl.css

@@ -152,19 +152,19 @@
   width: 100%;
   border-collapse: collapse;
 }
-.wp-block-calendar table:where(:not(.has-text-color)) {
-  color: #40464d;
-}
-.wp-block-calendar table:where(:not(.has-text-color)) th,
-.wp-block-calendar table:where(:not(.has-text-color)) td {
-  border-color: #ddd;
-}
 .wp-block-calendar table.has-background th {
   background-color: inherit;
 }
 .wp-block-calendar table.has-text-color th {
   color: inherit;
 }
+.wp-block-calendar :where(table:not(.has-text-color)) {
+  color: #40464d;
+}
+.wp-block-calendar :where(table:not(.has-text-color)) th,
+.wp-block-calendar :where(table:not(.has-text-color)) td {
+  border-color: #ddd;
+}
 
 :where(.wp-block-calendar table:not(.has-background) th) {
   background: #ddd;

package/build-style/calendar/style.css

@@ -152,19 +152,19 @@
   width: 100%;
   border-collapse: collapse;
 }
-.wp-block-calendar table:where(:not(.has-text-color)) {
-  color: #40464d;
-}
-.wp-block-calendar table:where(:not(.has-text-color)) th,
-.wp-block-calendar table:where(:not(.has-text-color)) td {
-  border-color: #ddd;
-}
 .wp-block-calendar table.has-background th {
   background-color: inherit;
 }
 .wp-block-calendar table.has-text-color th {
   color: inherit;
 }
+.wp-block-calendar :where(table:not(.has-text-color)) {
+  color: #40464d;
+}
+.wp-block-calendar :where(table:not(.has-text-color)) th,
+.wp-block-calendar :where(table:not(.has-text-color)) td {
+  border-color: #ddd;
+}
 
 :where(.wp-block-calendar table:not(.has-background) th) {
   background: #ddd;

package/build-style/comments-pagination/editor-rtl.css

@@ -141,21 +141,9 @@
 :where(.editor-styles-wrapper) .wp-block-comments-pagination {
   max-width: 100%;
 }
-:where(.editor-styles-wrapper) .wp-block-comments-pagination.block-editor-block-list__layout {
-  margin: 0;
-}
 
 .wp-block-comments-pagination > .wp-block-comments-pagination-next,
 .wp-block-comments-pagination > .wp-block-comments-pagination-previous,
 .wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
-  margin-right: 0;
-  margin-top: 0.5em;
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
   font-size: inherit;
-}
-.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
-  margin-right: 0;
 }

package/build-style/comments-pagination/editor.css

@@ -141,23 +141,9 @@
 :where(.editor-styles-wrapper) .wp-block-comments-pagination {
   max-width: 100%;
 }
-:where(.editor-styles-wrapper) .wp-block-comments-pagination.block-editor-block-list__layout {
-  margin: 0;
-}
 
 .wp-block-comments-pagination > .wp-block-comments-pagination-next,
 .wp-block-comments-pagination > .wp-block-comments-pagination-previous,
 .wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
-  margin-left: 0;
-  margin-top: 0.5em;
-  /*rtl:ignore*/
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
   font-size: inherit;
-}
-.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
-  /*rtl:ignore*/
-  margin-right: 0;
 }

package/build-style/comments-pagination/style-rtl.css

@@ -137,15 +137,8 @@
 .wp-block-comments-pagination > .wp-block-comments-pagination-next,
 .wp-block-comments-pagination > .wp-block-comments-pagination-previous,
 .wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
   font-size: inherit;
 }
-.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
-  margin-right: 0;
-}
 .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
   margin-left: 1ch;
   display: inline-block;

package/build-style/comments-pagination/style.css

@@ -137,17 +137,8 @@
 .wp-block-comments-pagination > .wp-block-comments-pagination-next,
 .wp-block-comments-pagination > .wp-block-comments-pagination-previous,
 .wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
-  /*rtl:ignore*/
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
   font-size: inherit;
 }
-.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
-  /*rtl:ignore*/
-  margin-right: 0;
-}
 .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
   margin-right: 1ch;
   display: inline-block;

package/build-style/editor-rtl.css

@@ -416,24 +416,12 @@ html :where(.wp-block-column) {
 :where(.editor-styles-wrapper) .wp-block-comments-pagination {
   max-width: 100%;
 }
-:where(.editor-styles-wrapper) .wp-block-comments-pagination.block-editor-block-list__layout {
-  margin: 0;
-}
 
 .wp-block-comments-pagination > .wp-block-comments-pagination-next,
 .wp-block-comments-pagination > .wp-block-comments-pagination-previous,
 .wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
-  margin-right: 0;
-  margin-top: 0.5em;
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
   font-size: inherit;
 }
-.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
-.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
-  margin-right: 0;
-}
 
 .wp-block-comments-pagination-numbers a {
   text-decoration: underline;
@@ -2162,11 +2150,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   opacity: 0;
 }
 
-.wp-block-post-author__inspector-settings .components-base-control,
-.wp-block-post-author__inspector-settings .components-base-control:last-child {
-  margin-bottom: 0;
-}
-
 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
   display: inline;
 }