npm - @wordpress/components - Versions diffs - 27.3.0 → 27.4.0 - Mend

@wordpress/components 27.3.0 → 27.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1972) hide show

package/build-module/search-control/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["TextInput","Text","View","TouchableOpacity","Platform","useColorScheme","Keyboard","useState","useRef","useMemo","useEffect","useCallback","__","Button","Gridicons","Icon","cancelCircleFilled","cancelCircleFilledIcon","arrowLeft","arrowLeftIcon","close","closeIcon","allStyles","platformStyles","baseStyles","selector","selectModifiedStyles","styles","modifier","modifierMatcher","RegExp","modifierSelectors","Object","keys","filter","match","reduce","modifiedStyles","modifierSelector","blockElementSelector","split","mergeStyles","updateStyles","selectors","forEach","SearchControl","value","onChange","placeholder","isActive","setIsActive","currentStyles","setCurrentStyles","isDark","inputRef","onCancelTimer","isIOS","OS","darkStyles","activeStyles","activeDarkStyles","futureStyles","mergeFutureStyles","shouldUseConditions","shouldUseModified","every","should","updatedStyles","clearInput","onPress","current","focus","onFocus","onCancel","clearTimeout","setTimeout","blur","onKeyboardDidHide","keyboardHideSubscription","addListener","remove","containerStyle","innerContainerStyle","inputContainerStyle","formInputStyle","placeholderStyle","inputButtonStyle","inputButtonLeftStyle","inputButtonRightStyle","cancelButtonStyle","cancelButtonTextStyle","iconStyle","rightIconStyle","renderLeftButton","button","createElement","label","icon","onClick","style","search","fill","color","renderRightButton","renderCancel","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","activeOpacity","ref","placeholderTextColor","onChangeText"],"sources":["@wordpress/components/src/search-control/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport {\n\tTextInput,\n\tText,\n\tView,\n\tTouchableOpacity,\n\tPlatform,\n\tuseColorScheme,\n\tKeyboard,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseState,\n\tuseRef,\n\tuseMemo,\n\tuseEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button, Gridicons } from '@wordpress/components';\nimport {\n\tIcon,\n\tcancelCircleFilled as cancelCircleFilledIcon,\n\tarrowLeft as arrowLeftIcon,\n\tclose as closeIcon,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport allStyles from './style.scss';\nimport platformStyles from './platform-style.scss';\n\n// Merge platform specific styles with the default styles.\nconst baseStyles = { ...allStyles };\nfor ( const selector in platformStyles ) {\n\tbaseStyles[ selector ] = {\n\t\t...baseStyles[ selector ],\n\t\t...platformStyles[ selector ],\n\t};\n}\n\nfunction selectModifiedStyles( styles, modifier ) {\n\tconst modifierMatcher = new RegExp( `--${ modifier }$` );\n\tconst modifierSelectors = Object.keys( styles ).filter( ( selector ) =>\n\t\tselector.match( modifierMatcher )\n\t);\n\n\treturn modifierSelectors.reduce( ( modifiedStyles, modifierSelector ) => {\n\t\tconst blockElementSelector = modifierSelector.split( '--' )[ 0 ];\n\t\tmodifiedStyles[ blockElementSelector ] = styles[ modifierSelector ];\n\t\treturn modifiedStyles;\n\t}, {} );\n}\n\nfunction mergeStyles( styles, updateStyles, selectors ) {\n\tselectors.forEach( ( selector ) => {\n\t\tstyles[ selector ] = {\n\t\t\t...styles[ selector ],\n\t\t\t...updateStyles[ selector ],\n\t\t};\n\t} );\n\n\treturn styles;\n}\n\nfunction SearchControl( {\n\tvalue,\n\tonChange,\n\tplaceholder = __( 'Search blocks' ),\n} ) {\n\tconst [ isActive, setIsActive ] = useState( false );\n\tconst [ currentStyles, setCurrentStyles ] = useState( baseStyles );\n\n\tconst isDark = useColorScheme() === 'dark';\n\tconst inputRef = useRef();\n\tconst onCancelTimer = useRef();\n\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst darkStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'dark' );\n\t}, [] );\n\n\tconst activeStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'active' );\n\t}, [] );\n\n\tconst activeDarkStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'active-dark' );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tlet futureStyles = { ...baseStyles };\n\n\t\tfunction mergeFutureStyles( modifiedStyles, shouldUseConditions ) {\n\t\t\tconst shouldUseModified = shouldUseConditions.every(\n\t\t\t\t( should ) => should\n\t\t\t);\n\n\t\t\tconst updatedStyles = shouldUseModified\n\t\t\t\t? modifiedStyles\n\t\t\t\t: futureStyles;\n\n\t\t\tconst selectors = Object.keys( modifiedStyles );\n\n\t\t\tfutureStyles = mergeStyles(\n\t\t\t\tfutureStyles,\n\t\t\t\tupdatedStyles,\n\t\t\t\tselectors\n\t\t\t);\n\t\t}\n\n\t\tmergeFutureStyles( activeStyles, [ isActive ] );\n\t\tmergeFutureStyles( darkStyles, [ isDark ] );\n\t\tmergeFutureStyles( activeDarkStyles, [ isActive, isDark ] );\n\n\t\tsetCurrentStyles( futureStyles );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ isActive, isDark ] );\n\n\tconst clearInput = useCallback( () => {\n\t\tonChange( '' );\n\t}, [ onChange ] );\n\n\tconst onPress = useCallback( () => {\n\t\tsetIsActive( true );\n\t\tinputRef.current?.focus();\n\t}, [] );\n\n\tconst onFocus = useCallback( () => {\n\t\tsetIsActive( true );\n\t}, [] );\n\n\tconst onCancel = useCallback( () => {\n\t\tclearTimeout( onCancelTimer.current );\n\t\tonCancelTimer.current = setTimeout( () => {\n\t\t\tinputRef.current?.blur();\n\t\t\tclearInput();\n\t\t\tsetIsActive( false );\n\t\t}, 0 );\n\t}, [ clearInput ] );\n\n\tconst onKeyboardDidHide = useCallback( () => {\n\t\tif ( ! isIOS ) {\n\t\t\tonCancel();\n\t\t}\n\t}, [ isIOS, onCancel ] );\n\n\tuseEffect( () => {\n\t\tconst keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidHide',\n\t\t\tonKeyboardDidHide\n\t\t);\n\t\treturn () => {\n\t\t\tclearTimeout( onCancelTimer.current );\n\t\t\tkeyboardHideSubscription.remove();\n\t\t};\n\t}, [ onKeyboardDidHide ] );\n\n\tconst {\n\t\t'search-control__container': containerStyle,\n\t\t'search-control__inner-container': innerContainerStyle,\n\t\t'search-control__input-container': inputContainerStyle,\n\t\t'search-control__form-input': formInputStyle,\n\t\t'search-control__form-input-placeholder': placeholderStyle,\n\t\t'search-control__input-button': inputButtonStyle,\n\t\t'search-control__input-button-left': inputButtonLeftStyle,\n\t\t'search-control__input-button-right': inputButtonRightStyle,\n\t\t'search-control__cancel-button': cancelButtonStyle,\n\t\t'search-control__cancel-button-text': cancelButtonTextStyle,\n\t\t'search-control__icon': iconStyle,\n\t\t'search-control__right-icon': rightIconStyle,\n\t} = currentStyles;\n\n\tfunction renderLeftButton() {\n\t\tconst button =\n\t\t\t! isIOS && isActive ? (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Cancel search' ) }\n\t\t\t\t\ticon={ arrowLeftIcon }\n\t\t\t\t\tonClick={ onCancel }\n\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Icon icon={ Gridicons.search } fill={ iconStyle?.color } />\n\t\t\t);\n\n\t\treturn (\n\t\t\t<View style={ [ inputButtonStyle, inputButtonLeftStyle ] }>\n\t\t\t\t{ button }\n\t\t\t</View>\n\t\t);\n\t}\n\n\tfunction renderRightButton() {\n\t\tlet button;\n\n\t\t// Add a View element to properly center the input placeholder via flexbox.\n\t\tif ( isIOS && ! isActive ) {\n\t\t\tbutton = <View />;\n\t\t}\n\n\t\tif ( !! value ) {\n\t\t\tbutton = (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Clear search' ) }\n\t\t\t\t\ticon={ isIOS ? cancelCircleFilledIcon : closeIcon }\n\t\t\t\t\tonClick={ clearInput }\n\t\t\t\t\tstyle={ [ iconStyle, rightIconStyle ] }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ [ inputButtonStyle, inputButtonRightStyle ] }>\n\t\t\t\t{ button }\n\t\t\t</View>\n\t\t);\n\t}\n\n\tfunction renderCancel() {\n\t\tif ( ! isIOS ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={ cancelButtonStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tonPress={ onCancel }\n\t\t\t\t\tstyle={ cancelButtonTextStyle }\n\t\t\t\t\taccessible\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityLabel={ __( 'Cancel search' ) }\n\t\t\t\t\taccessibilityHint={ __( 'Cancel search' ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\tstyle={ containerStyle }\n\t\t\tonPress={ onPress }\n\t\t\tactiveOpacity={ 1 }\n\t\t>\n\t\t\t<View style={ innerContainerStyle }>\n\t\t\t\t<View style={ inputContainerStyle }>\n\t\t\t\t\t{ renderLeftButton() }\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tref={ inputRef }\n\t\t\t\t\t\tstyle={ formInputStyle }\n\t\t\t\t\t\tplaceholderTextColor={ placeholderStyle?.color }\n\t\t\t\t\t\tonChangeText={ onChange }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t/>\n\t\t\t\t\t{ renderRightButton() }\n\t\t\t\t</View>\n\t\t\t\t{ isActive && renderCancel() }\n\t\t\t</View>\n\t\t</TouchableOpacity>\n\t);\n}\n\nexport default SearchControl;\n"],"mappings":"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"}
1	+ {"version":3,"names":["TextInput","Text","View","TouchableOpacity","Platform","useColorScheme","Keyboard","useState","useRef","useMemo","useEffect","useCallback","__","Button","Gridicons","Icon","cancelCircleFilled","cancelCircleFilledIcon","arrowLeft","arrowLeftIcon","close","closeIcon","allStyles","platformStyles","baseStyles","selector","selectModifiedStyles","styles","modifier","modifierMatcher","RegExp","modifierSelectors","Object","keys","filter","match","reduce","modifiedStyles","modifierSelector","blockElementSelector","split","mergeStyles","updateStyles","selectors","forEach","SearchControl","value","onChange","placeholder","isActive","setIsActive","currentStyles","setCurrentStyles","isDark","inputRef","onCancelTimer","isIOS","OS","darkStyles","activeStyles","activeDarkStyles","futureStyles","mergeFutureStyles","shouldUseConditions","shouldUseModified","every","should","updatedStyles","clearInput","onPress","current","focus","onFocus","onCancel","clearTimeout","setTimeout","blur","onKeyboardDidHide","keyboardHideSubscription","addListener","remove","containerStyle","innerContainerStyle","inputContainerStyle","formInputStyle","placeholderStyle","inputButtonStyle","inputButtonLeftStyle","inputButtonRightStyle","cancelButtonStyle","cancelButtonTextStyle","iconStyle","rightIconStyle","renderLeftButton","button","createElement","label","icon","onClick","style","search","fill","color","renderRightButton","renderCancel","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","activeOpacity","ref","placeholderTextColor","onChangeText"],"sources":["@wordpress/components/src/search-control/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport {\n\tTextInput,\n\tText,\n\tView,\n\tTouchableOpacity,\n\tPlatform,\n\tuseColorScheme,\n\tKeyboard,\n} from 'react-native';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseState,\n\tuseRef,\n\tuseMemo,\n\tuseEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button, Gridicons } from '@wordpress/components';\nimport {\n\tIcon,\n\tcancelCircleFilled as cancelCircleFilledIcon,\n\tarrowLeft as arrowLeftIcon,\n\tclose as closeIcon,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport allStyles from './style.scss';\nimport platformStyles from './platform-style.scss';\n\n// Merge platform specific styles with the default styles.\nconst baseStyles = { ...allStyles };\nfor ( const selector in platformStyles ) {\n\tbaseStyles[ selector ] = {\n\t\t...baseStyles[ selector ],\n\t\t...platformStyles[ selector ],\n\t};\n}\n\nfunction selectModifiedStyles( styles, modifier ) {\n\tconst modifierMatcher = new RegExp( `--${ modifier }$` );\n\tconst modifierSelectors = Object.keys( styles ).filter( ( selector ) =>\n\t\tselector.match( modifierMatcher )\n\t);\n\n\treturn modifierSelectors.reduce( ( modifiedStyles, modifierSelector ) => {\n\t\tconst blockElementSelector = modifierSelector.split( '--' )[ 0 ];\n\t\tmodifiedStyles[ blockElementSelector ] = styles[ modifierSelector ];\n\t\treturn modifiedStyles;\n\t}, {} );\n}\n\nfunction mergeStyles( styles, updateStyles, selectors ) {\n\tselectors.forEach( ( selector ) => {\n\t\tstyles[ selector ] = {\n\t\t\t...styles[ selector ],\n\t\t\t...updateStyles[ selector ],\n\t\t};\n\t} );\n\n\treturn styles;\n}\n\nfunction SearchControl( {\n\tvalue,\n\tonChange,\n\tplaceholder = __( 'Search blocks' ),\n} ) {\n\tconst [ isActive, setIsActive ] = useState( false );\n\tconst [ currentStyles, setCurrentStyles ] = useState( baseStyles );\n\n\tconst isDark = useColorScheme() === 'dark';\n\tconst inputRef = useRef();\n\tconst onCancelTimer = useRef();\n\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst darkStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'dark' );\n\t}, [] );\n\n\tconst activeStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'active' );\n\t}, [] );\n\n\tconst activeDarkStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'active-dark' );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tlet futureStyles = { ...baseStyles };\n\n\t\tfunction mergeFutureStyles( modifiedStyles, shouldUseConditions ) {\n\t\t\tconst shouldUseModified = shouldUseConditions.every(\n\t\t\t\t( should ) => should\n\t\t\t);\n\n\t\t\tconst updatedStyles = shouldUseModified\n\t\t\t\t? modifiedStyles\n\t\t\t\t: futureStyles;\n\n\t\t\tconst selectors = Object.keys( modifiedStyles );\n\n\t\t\tfutureStyles = mergeStyles(\n\t\t\t\tfutureStyles,\n\t\t\t\tupdatedStyles,\n\t\t\t\tselectors\n\t\t\t);\n\t\t}\n\n\t\tmergeFutureStyles( activeStyles, [ isActive ] );\n\t\tmergeFutureStyles( darkStyles, [ isDark ] );\n\t\tmergeFutureStyles( activeDarkStyles, [ isActive, isDark ] );\n\n\t\tsetCurrentStyles( futureStyles );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ isActive, isDark ] );\n\n\tconst clearInput = useCallback( () => {\n\t\tonChange( '' );\n\t}, [ onChange ] );\n\n\tconst onPress = useCallback( () => {\n\t\tsetIsActive( true );\n\t\tinputRef.current?.focus();\n\t}, [] );\n\n\tconst onFocus = useCallback( () => {\n\t\tsetIsActive( true );\n\t}, [] );\n\n\tconst onCancel = useCallback( () => {\n\t\tclearTimeout( onCancelTimer.current );\n\t\tonCancelTimer.current = setTimeout( () => {\n\t\t\tinputRef.current?.blur();\n\t\t\tclearInput();\n\t\t\tsetIsActive( false );\n\t\t}, 0 );\n\t}, [ clearInput ] );\n\n\tconst onKeyboardDidHide = useCallback( () => {\n\t\tif ( ! isIOS ) {\n\t\t\tonCancel();\n\t\t}\n\t}, [ isIOS, onCancel ] );\n\n\tuseEffect( () => {\n\t\tconst keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidHide',\n\t\t\tonKeyboardDidHide\n\t\t);\n\t\treturn () => {\n\t\t\tclearTimeout( onCancelTimer.current );\n\t\t\tkeyboardHideSubscription.remove();\n\t\t};\n\t}, [ onKeyboardDidHide ] );\n\n\tconst {\n\t\t'search-control__container': containerStyle,\n\t\t'search-control__inner-container': innerContainerStyle,\n\t\t'search-control__input-container': inputContainerStyle,\n\t\t'search-control__form-input': formInputStyle,\n\t\t'search-control__form-input-placeholder': placeholderStyle,\n\t\t'search-control__input-button': inputButtonStyle,\n\t\t'search-control__input-button-left': inputButtonLeftStyle,\n\t\t'search-control__input-button-right': inputButtonRightStyle,\n\t\t'search-control__cancel-button': cancelButtonStyle,\n\t\t'search-control__cancel-button-text': cancelButtonTextStyle,\n\t\t'search-control__icon': iconStyle,\n\t\t'search-control__right-icon': rightIconStyle,\n\t} = currentStyles;\n\n\tfunction renderLeftButton() {\n\t\tconst button =\n\t\t\t! isIOS && isActive ? (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Cancel search' ) }\n\t\t\t\t\ticon={ arrowLeftIcon }\n\t\t\t\t\tonClick={ onCancel }\n\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Icon icon={ Gridicons.search } fill={ iconStyle?.color } />\n\t\t\t);\n\n\t\treturn (\n\t\t\t<View style={ [ inputButtonStyle, inputButtonLeftStyle ] }>\n\t\t\t\t{ button }\n\t\t\t</View>\n\t\t);\n\t}\n\n\tfunction renderRightButton() {\n\t\tlet button;\n\n\t\t// Add a View element to properly center the input placeholder via flexbox.\n\t\tif ( isIOS && ! isActive ) {\n\t\t\tbutton = <View />;\n\t\t}\n\n\t\tif ( !! value ) {\n\t\t\tbutton = (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Clear search' ) }\n\t\t\t\t\ticon={ isIOS ? cancelCircleFilledIcon : closeIcon }\n\t\t\t\t\tonClick={ clearInput }\n\t\t\t\t\tstyle={ [ iconStyle, rightIconStyle ] }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ [ inputButtonStyle, inputButtonRightStyle ] }>\n\t\t\t\t{ button }\n\t\t\t</View>\n\t\t);\n\t}\n\n\tfunction renderCancel() {\n\t\tif ( ! isIOS ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={ cancelButtonStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tonPress={ onCancel }\n\t\t\t\t\tstyle={ cancelButtonTextStyle }\n\t\t\t\t\taccessible\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityLabel={ __( 'Cancel search' ) }\n\t\t\t\t\taccessibilityHint={ __( 'Cancel search' ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\tstyle={ containerStyle }\n\t\t\tonPress={ onPress }\n\t\t\tactiveOpacity={ 1 }\n\t\t>\n\t\t\t<View style={ innerContainerStyle }>\n\t\t\t\t<View style={ inputContainerStyle }>\n\t\t\t\t\t{ renderLeftButton() }\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tref={ inputRef }\n\t\t\t\t\t\tstyle={ formInputStyle }\n\t\t\t\t\t\tplaceholderTextColor={ placeholderStyle?.color }\n\t\t\t\t\t\tonChangeText={ onChange }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t/>\n\t\t\t\t\t{ renderRightButton() }\n\t\t\t\t</View>\n\t\t\t\t{ isActive && renderCancel() }\n\t\t\t</View>\n\t\t</TouchableOpacity>\n\t);\n}\n\nexport default SearchControl;\n"],"mappings":"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","ignoreList":[]}

package/build-module/search-control/styles.js CHANGED Viewed

@@ -14,7 +14,7 @@ const inlinePadding = ({
 }) => {
   return space(size === 'compact' ? 1 : 2);
 };
-export const SuffixItemWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const SuffixItemWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "effl84m1"
 } : {
   target: "effl84m1",

package/build-module/search-control/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["space","InputControl","COLORS","inlinePadding","size","SuffixItemWrapper","_styled","process","env","NODE_ENV","target","label","StyledInputControl","theme","gray"],"sources":["@wordpress/components/src/search-control/styles.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport styled from '@emotion/styled';\n\n/\n Internal dependencies\n */\nimport { space } from '../utils/space';\nimport InputControl from '../input-control';\nimport { COLORS } from '../utils';\nimport type { SearchControlProps } from './types';\n\nconst inlinePadding = ( {\n\tsize,\n}: Required< Pick< SearchControlProps, 'size' > > ) => {\n\treturn space( size === 'compact' ? 1 : 2 );\n};\n\nexport const SuffixItemWrapper = styled.div`\n\tdisplay: flex;\n\tpadding-inline-end: ${ inlinePadding };\n\n\tsvg {\n\t\tfill: currentColor;\n\t}\n`;\n\nexport const StyledInputControl = styled( InputControl )`\n\tinput[type='search'] {\n\t\t&::-webkit-search-decoration,\n\t\t&::-webkit-search-cancel-button,\n\t\t&::-webkit-search-results-button,\n\t\t&::-webkit-search-results-decoration {\n\t\t\t-webkit-appearance: none;\n\t\t}\n\t}\n\n\t&:not( :focus-within ) {\n\t\t--wp-components-color-background: ${ COLORS.theme.gray[ 100 ] };\n\t}\n`;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,gBAAgB;AACtC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,SAASC,MAAM,QAAQ,UAAU;AAGjC,MAAMC,aAAa,GAAGA,CAAE;EACvBC;AAC+C,CAAC,KAAM;EACtD,OAAOJ,KAAK,CAAEI,IAAI,KAAK,SAAS,GAAG,CAAC,GAAG,CAAE,CAAC;AAC3C,CAAC;AAED,OAAO,MAAMC,iBAAiB,~~GAAAC~~,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,uCAENR,aAAa,gCAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,ooDAKpC;AAED,OAAO,MAAMG,kBAAkB,~~GAAG~~,~~aAAAN,~~OAAA,CAAQL,YAAY,EAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,+OAWjBT,MAAM,CAACW,KAAK,CAACC,IAAI,CAAE,GAAG,CAAE,UAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,ooDAE9D"}
1	+ {"version":3,"names":["space","InputControl","COLORS","inlinePadding","size","SuffixItemWrapper","_styled","process","env","NODE_ENV","target","label","StyledInputControl","theme","gray"],"sources":["@wordpress/components/src/search-control/styles.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport styled from '@emotion/styled';\n\n/\n Internal dependencies\n */\nimport { space } from '../utils/space';\nimport InputControl from '../input-control';\nimport { COLORS } from '../utils';\nimport type { SearchControlProps } from './types';\n\nconst inlinePadding = ( {\n\tsize,\n}: Required< Pick< SearchControlProps, 'size' > > ) => {\n\treturn space( size === 'compact' ? 1 : 2 );\n};\n\nexport const SuffixItemWrapper = styled.div`\n\tdisplay: flex;\n\tpadding-inline-end: ${ inlinePadding };\n\n\tsvg {\n\t\tfill: currentColor;\n\t}\n`;\n\nexport const StyledInputControl = styled( InputControl )`\n\tinput[type='search'] {\n\t\t&::-webkit-search-decoration,\n\t\t&::-webkit-search-cancel-button,\n\t\t&::-webkit-search-results-button,\n\t\t&::-webkit-search-results-decoration {\n\t\t\t-webkit-appearance: none;\n\t\t}\n\t}\n\n\t&:not( :focus-within ) {\n\t\t--wp-components-color-background: ${ COLORS.theme.gray[ 100 ] };\n\t}\n`;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,gBAAgB;AACtC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,SAASC,MAAM,QAAQ,UAAU;AAGjC,MAAMC,aAAa,GAAGA,CAAE;EACvBC;AAC+C,CAAC,KAAM;EACtD,OAAOJ,KAAK,CAAEI,IAAI,KAAK,SAAS,GAAG,CAAC,GAAG,CAAE,CAAC;AAC3C,CAAC;AAED,OAAO,MAAMC,iBAAiB,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,uCAENR,aAAa,gCAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,ooDAKpC;AAED,OAAO,MAAMG,kBAAkB,gBAAGN,OAAA,CAAQL,YAAY,EAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,+OAWjBT,MAAM,CAACW,KAAK,CAACC,IAAI,CAAE,GAAG,CAAE,UAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,ooDAE9D","ignoreList":[]}

package/build-module/search-control/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/components/src/search-control/types.ts"],"sourcesContent":["/*\n Internal dependencies\n /\nimport type { InputControlProps } from '../input-control/types';\n\nexport type SearchControlProps = Pick< InputControlProps, 'help' \| 'value' > & {\n\t/\n\t @deprecated This is now the default.\n\t * @ignore\n\t /\n\t__next40pxDefaultSize?: InputControlProps[ '__next40pxDefaultSize' ];\n\t/\n\t Start opting into the new margin-free styles that will become the default in a future version.\n\t \n\t @default false\n\t /\n\t__nextHasNoMarginBottom?: boolean;\n\t/\n\t If true, the label will only be visible to screen readers.\n\t \n\t @default true\n\t /\n\thideLabelFromVision?: InputControlProps[ 'hideLabelFromVision' ];\n\t/\n\t The accessible label for the input.\n\t \n\t A label should always be provided as an accessibility best practice,\n\t * even when a placeholder is defined and `hideLabelFromVision` is `true`.\n\t \n\t @default 'Search'\n\t /\n\tlabel?: string;\n\t/\n\t A function that receives the value of the input when the value is changed.\n\t /\n\tonChange: ( value: string ) => void;\n\t/\n\t When an `onClose` callback is provided, the search control will render a close button\n\t * that will trigger the given callback.\n\t \n\t Use this if you want the button to trigger your own logic to close the search field entirely,\n\t * rather than just clearing the input value.\n\t /\n\tonClose?: () => void;\n\t/* @ignore /\n\tonDrag?: InputControlProps[ 'onDrag' ];\n\t/* @ignore /\n\tonDragStart?: InputControlProps[ 'onDragStart' ];\n\t/* @ignore /\n\tonDragEnd?: InputControlProps[ 'onDragEnd' ];\n\t/\n\t A placeholder for the input.\n\t \n\t @default 'Search'\n\t /\n\tplaceholder?: InputControlProps[ 'placeholder' ];\n\t/\n\t The size of the component\n\t \n\t @default 'default'\n\t */\n\tsize?: 'default' \| 'compact';\n};\n\nexport type SuffixItemProps = Pick<\n\tSearchControlProps,\n\t'value' \| 'onChange' \| 'onClose'\n> & {\n\tsearchRef: React.RefObject< HTMLInputElement >;\n};\n"],"mappings":""}
1	+ {"version":3,"names":[],"sources":["@wordpress/components/src/search-control/types.ts"],"sourcesContent":["/*\n Internal dependencies\n /\nimport type { InputControlProps } from '../input-control/types';\n\nexport type SearchControlProps = Pick< InputControlProps, 'help' \| 'value' > & {\n\t/\n\t @deprecated This is now the default.\n\t * @ignore\n\t /\n\t__next40pxDefaultSize?: InputControlProps[ '__next40pxDefaultSize' ];\n\t/\n\t Start opting into the new margin-free styles that will become the default in a future version.\n\t \n\t @default false\n\t /\n\t__nextHasNoMarginBottom?: boolean;\n\t/\n\t If true, the label will only be visible to screen readers.\n\t \n\t @default true\n\t /\n\thideLabelFromVision?: InputControlProps[ 'hideLabelFromVision' ];\n\t/\n\t The accessible label for the input.\n\t \n\t A label should always be provided as an accessibility best practice,\n\t * even when a placeholder is defined and `hideLabelFromVision` is `true`.\n\t \n\t @default 'Search'\n\t /\n\tlabel?: string;\n\t/\n\t A function that receives the value of the input when the value is changed.\n\t /\n\tonChange: ( value: string ) => void;\n\t/\n\t When an `onClose` callback is provided, the search control will render a close button\n\t * that will trigger the given callback.\n\t \n\t Use this if you want the button to trigger your own logic to close the search field entirely,\n\t * rather than just clearing the input value.\n\t /\n\tonClose?: () => void;\n\t/* @ignore /\n\tonDrag?: InputControlProps[ 'onDrag' ];\n\t/* @ignore /\n\tonDragStart?: InputControlProps[ 'onDragStart' ];\n\t/* @ignore /\n\tonDragEnd?: InputControlProps[ 'onDragEnd' ];\n\t/\n\t A placeholder for the input.\n\t \n\t @default 'Search'\n\t /\n\tplaceholder?: InputControlProps[ 'placeholder' ];\n\t/\n\t The size of the component\n\t \n\t @default 'default'\n\t */\n\tsize?: 'default' \| 'compact';\n};\n\nexport type SuffixItemProps = Pick<\n\tSearchControlProps,\n\t'value' \| 'onChange' \| 'onClose'\n> & {\n\tsearchRef: React.RefObject< HTMLInputElement >;\n};\n"],"mappings":"","ignoreList":[]}

package/build-module/select-control/chevron-down.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["chevronDown","Icon","chevronIconSize","DownArrowWrapper","InputControlSuffixWrapperWithClickThrough","SelectControlChevronDown","createElement","icon","size"],"sources":["@wordpress/components/src/select-control/chevron-down.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { chevronDown, Icon } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport {\n\tchevronIconSize,\n\tDownArrowWrapper,\n\tInputControlSuffixWrapperWithClickThrough,\n} from './styles/select-control-styles';\n\nconst SelectControlChevronDown = () => {\n\treturn (\n\t\t<InputControlSuffixWrapperWithClickThrough>\n\t\t\t<DownArrowWrapper>\n\t\t\t\t<Icon icon={ chevronDown } size={ chevronIconSize } />\n\t\t\t</DownArrowWrapper>\n\t\t</InputControlSuffixWrapperWithClickThrough>\n\t);\n};\n\nexport default SelectControlChevronDown;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,IAAI,QAAQ,kBAAkB;;AAEpD;AACA;AACA;AACA,SACCC,eAAe,EACfC,gBAAgB,EAChBC,yCAAyC,QACnC,gCAAgC;AAEvC,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EACtC,OACCC,aAAA,CAACF,yCAAyC,QACzCE,aAAA,CAACH,gBAAgB,QAChBG,aAAA,CAACL,IAAI;IAACM,IAAI,EAAGP,WAAa;IAACQ,IAAI,EAAGN;EAAiB,CAAE,CACpC,CACwB,CAAC;AAE9C,CAAC;AAED,eAAeG,wBAAwB"}
1	+ {"version":3,"names":["chevronDown","Icon","chevronIconSize","DownArrowWrapper","InputControlSuffixWrapperWithClickThrough","SelectControlChevronDown","createElement","icon","size"],"sources":["@wordpress/components/src/select-control/chevron-down.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { chevronDown, Icon } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport {\n\tchevronIconSize,\n\tDownArrowWrapper,\n\tInputControlSuffixWrapperWithClickThrough,\n} from './styles/select-control-styles';\n\nconst SelectControlChevronDown = () => {\n\treturn (\n\t\t<InputControlSuffixWrapperWithClickThrough>\n\t\t\t<DownArrowWrapper>\n\t\t\t\t<Icon icon={ chevronDown } size={ chevronIconSize } />\n\t\t\t</DownArrowWrapper>\n\t\t</InputControlSuffixWrapperWithClickThrough>\n\t);\n};\n\nexport default SelectControlChevronDown;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,IAAI,QAAQ,kBAAkB;;AAEpD;AACA;AACA;AACA,SACCC,eAAe,EACfC,gBAAgB,EAChBC,yCAAyC,QACnC,gCAAgC;AAEvC,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EACtC,OACCC,aAAA,CAACF,yCAAyC,QACzCE,aAAA,CAACH,gBAAgB,QAChBG,aAAA,CAACL,IAAI;IAACM,IAAI,EAAGP,WAAa;IAACQ,IAAI,EAAGN;EAAiB,CAAE,CACpC,CACwB,CAAC;AAE9C,CAAC;AAED,eAAeG,wBAAwB","ignoreList":[]}

package/build-module/select-control/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ import classNames from 'classnames';
  * WordPress dependencies
  */
 import { useInstanceId } from '@wordpress/compose';
-import { useState, forwardRef } from '@wordpress/element';
+import { forwardRef } from '@wordpress/element';
 /**
  * Internal dependencies
@@ -18,7 +18,6 @@ import InputBase from '../input-control/input-base';
 import { Select } from './styles/select-control-styles';
 import SelectControlChevronDown from './chevron-down';
 import { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';
-const noop = () => {};
 function useUniqueId(idProp) {
   const instanceId = useInstanceId(SelectControl);
   const id = `inspector-select-control-${instanceId}`;
@@ -33,9 +32,7 @@ function UnforwardedSelectControl(props, ref) {
     id: idProp,
     label,
     multiple = false,
-    onBlur = noop,
     onChange,
-    onFocus = noop,
     options = [],
     size = 'default',
     value: valueProp,
@@ -47,20 +44,11 @@ function UnforwardedSelectControl(props, ref) {
     __nextHasNoMarginBottom = false,
     ...restProps
   } = useDeprecated36pxDefaultSizeProp(props);
-  const [isFocused, setIsFocused] = useState(false);
   const id = useUniqueId(idProp);
   const helpId = help ? `${id}__help` : undefined;
   // Disable reason: A select with an onchange throws a warning.
   if (!options?.length && !children) return null;
-  const handleOnBlur = event => {
-    onBlur(event);
-    setIsFocused(false);
-  };
-  const handleOnFocus = event => {
-    onFocus(event);
-    setIsFocused(true);
-  };
   const handleOnChange = event => {
     if (props.multiple) {
       const selectedOptions = Array.from(event.target.options).filter(({
@@ -88,7 +76,6 @@ function UnforwardedSelectControl(props, ref) {
     disabled: disabled,
     hideLabelFromVision: hideLabelFromVision,
     id: id,
-    isFocused: isFocused,
     label: label,
     size: size,
     suffix: suffix || !multiple && createElement(SelectControlChevronDown, null),
@@ -103,9 +90,7 @@ function UnforwardedSelectControl(props, ref) {
     disabled: disabled,
     id: id,
     multiple: multiple,
-    onBlur: handleOnBlur,
     onChange: handleOnChange,
-    onFocus: handleOnFocus,
     ref: ref,
     selectSize: size,
     value: valueProp

package/build-module/select-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["classNames","useInstanceId","~~useState","~~forwardRef","BaseControl","InputBase","Select","SelectControlChevronDown","useDeprecated36pxDefaultSizeProp","~~noop","~~useUniqueId","idProp","instanceId","SelectControl","id","UnforwardedSelectControl","props","ref","className","disabled","help","hideLabelFromVision","label","multiple","~~onBlur","~~onChange","~~onFocus","~~options","size","value","valueProp","labelPosition","children","prefix","suffix","__next40pxDefaultSize","__nextHasNoMarginBottom","restProps","~~isFocused","setIsFocused","~~helpId","undefined","length","~~handleOnBlur~~","event","~~handleOnFocus","handleOnChange","~~selectedOptions","Array","from","target","filter","selected","newValues","map","classes","createElement","selectSize","option","index","key","hidden"],"sources":["@wordpress/components/src/select-control/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport classNames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { ~~useState,~~ forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\nimport InputBase from '../input-control/input-base';\nimport { Select } from './styles/select-control-styles';\nimport type { WordPressComponentProps } from '../context';\nimport type { SelectControlProps } from './types';\nimport SelectControlChevronDown from './chevron-down';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\~~nconst noop = () => {};\n\~~nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( SelectControl );\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn idProp \|\| id;\n}\n\nfunction UnforwardedSelectControl(\n\tprops: WordPressComponentProps< SelectControlProps, 'select', false >,\n\tref: React.ForwardedRef< HTMLSelectElement >\n) {\n\tconst {\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision,\n\t\tid: idProp,\n\t\tlabel,\n\t\tmultiple = false,\n\t\~~tonBlur = noop,\n\t\~~tonChange,\n\t\~~tonFocus = noop,\n\t\~~toptions = [],\n\t\tsize = 'default',\n\t\tvalue: valueProp,\n\t\tlabelPosition = 'top',\n\t\tchildren,\n\t\tprefix,\n\t\tsuffix,\n\t\t__next40pxDefaultSize = false,\n\t\t__nextHasNoMarginBottom = false,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp( props );\n\tconst ~~[ isFocused, setIsFocused ] = useState( false );\n\tconst~~ id = useUniqueId( idProp );\n\tconst helpId = help ? `${ id }__help` : undefined;\n\n\t// Disable reason: A select with an onchange throws a warning.\n\tif ( ! options?.length && ! children ) return null;\n\n\tconst handleOnBlur = ( event: React.FocusEvent< HTMLSelectElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t};\n\n\tconst handleOnFocus = ( event: React.FocusEvent< HTMLSelectElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t};\n\n\tconst handleOnChange = (\n\t\tevent: React.ChangeEvent< HTMLSelectElement >\n\t) => {\n\t\tif ( props.multiple ) {\n\t\t\tconst selectedOptions = Array.from( event.target.options ).filter(\n\t\t\t\t( { selected } ) => selected\n\t\t\t);\n\t\t\tconst newValues = selectedOptions.map( ( { value } ) => value );\n\t\t\tprops.onChange?.( newValues, { event } );\n\t\t\treturn;\n\t\t}\n\n\t\tprops.onChange?.( event.target.value, { event } );\n\t};\n\n\tconst classes = classNames( 'components-select-control', className );\n\n\treturn (\n\t\t<BaseControl\n\t\t\thelp={ help }\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t>\n\t\t\t<InputBase\n\t\t\t\tclassName={ classes }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\~~tisFocused={ isFocused }\n\t\t\t\~~tlabel={ label }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={\n\t\t\t\t\tsuffix \|\| ( ! multiple && <SelectControlChevronDown /> )\n\t\t\t\t}\n\t\t\t\tprefix={ prefix }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t>\n\t\t\t\t<Select\n\t\t\t\t\t{ ...restProps }\n\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\taria-describedby={ helpId }\n\t\t\t\t\tclassName=\"components-select-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\~~tonBlur={ handleOnBlur }\n\t\t\t\t\~~tonChange={ handleOnChange }\n\t\t\t\t\~~tonFocus={ handleOnFocus }\n\t\t\t\t\~~tref={ ref }\n\t\t\t\t\tselectSize={ size }\n\t\t\t\t\tvalue={ valueProp }\n\t\t\t\t>\n\t\t\t\t\t{ children \|\|\n\t\t\t\t\t\toptions.map( ( option, index ) => {\n\t\t\t\t\t\t\tconst key =\n\t\t\t\t\t\t\t\toption.id \|\|\n\t\t\t\t\t\t\t\t`${ option.label }-${ option.value }-${ index }`;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\t\t\t\t\thidden={ option.hidden }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t</Select>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n}\n\n/\n `SelectControl` allows users to select from a single or multiple option menu.\n * It functions as a wrapper around the browser's native `<select>` element.\n \n ```jsx\n * import { SelectControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MySelectControl = () => {\n * const [ size, setSize ] = useState( '50%' );\n \n return (\n * <SelectControl\n * label=\"Size\"\n * value={ size }\n * options={ [\n * { label: 'Big', value: '100%' },\n * { label: 'Medium', value: '50%' },\n * { label: 'Small', value: '25%' },\n * ] }\n * onChange={ setSize }\n * />\n * );\n * };\n * ```\n */\nexport const SelectControl = forwardRef( UnforwardedSelectControl );\n\nexport default SelectControl;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,~~QAAQ,EAAEC,~~UAAU,QAAQ,oBAAoB;;~~AAEzD~~;AACA;AACA;AACA,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,SAAS,MAAM,6BAA6B;AACnD,SAASC,MAAM,QAAQ,gCAAgC;AAGvD,OAAOC,wBAAwB,MAAM,gBAAgB;AACrD,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF,~~MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,~~SAASC,WAAWA,CAAEC,MAAe,EAAG;EACvC,MAAMC,UAAU,~~GAAGX~~,aAAa,~~CAAEY~~,aAAc,CAAC;EACjD,MAAMC,EAAE,GAAI,4BAA4BF,UAAY,EAAC;EAErD,OAAOD,MAAM,IAAIG,EAAE;AACpB;AAEA,SAASC,wBAAwBA,CAChCC,KAAqE,EACrEC,GAA4C,EAC3C;EACD,MAAM;IACLC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJC,mBAAmB;IACnBP,EAAE,EAAEH,MAAM;IACVW,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBC,~~MAAM,GAAGf,IAAI;IACbgB,~~QAAQ;IACRC,OAAO,~~GAAGjB,IAAI;IACdkB,OAAO,~~GAAG,EAAE;IACZC,IAAI,GAAG,SAAS;IAChBC,KAAK,EAAEC,SAAS;IAChBC,aAAa,GAAG,KAAK;IACrBC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,qBAAqB,GAAG,KAAK;IAC7BC,uBAAuB,GAAG,KAAK;IAC/B,GAAGC;EACJ,CAAC,~~GAAG7B~~,gCAAgC,~~CAAEQ~~,KAAM,CAAC;EAC7C,~~MAAM~~,~~CAAEsB,SAAS,EAAEC,YAAY,CAAE,GAAGrC,QAAQ,CAAE,KAAM,CAAC;EACrD,MAAMY,~~EAAE,GAAGJ,WAAW,CAAEC,MAAO,CAAC;EAChC,~~MAAM6B~~,MAAM,~~GAAGpB~~,IAAI,GAAI,GAAGN,EAAI,QAAO,~~GAAG2B~~,SAAS;;EAEjD;EACA,IAAK,~~CAAEd~~,OAAO,~~EAAEe~~,MAAM,IAAI,~~CAAEV~~,QAAQ,EAAG,OAAO,IAAI;EAElD,~~MAAMW~~,YAAY,GAAKC,KAA4C,IAAM;IACxEpB,MAAM,CAAEoB,KAAM,CAAC;IACfL,YAAY,CAAE,KAAM,CAAC;EACtB,CAAC;EAED,MAAMM,aAAa,GAAKD,KAA4C,IAAM;IACzElB,OAAO,CAAEkB,KAAM,CAAC;IAChBL,YAAY,CAAE,IAAK,CAAC;EACrB,CAAC;EAED,MAAMO,cAAc,~~GACnBF~~,KAA6C,IACzC;IACJ,~~IAAK5B~~,KAAK,CAACO,QAAQ,EAAG;MACrB,~~MAAMwB~~,eAAe,GAAGC,KAAK,CAACC,IAAI,~~CAAEL~~,KAAK,~~CAACM~~,MAAM,~~CAACvB~~,OAAQ,CAAC,~~CAACwB~~,MAAM,CAChE,CAAE;QAAEC;MAAS,CAAC,KAAMA,QACrB,CAAC;MACD,MAAMC,SAAS,GAAGN,eAAe,CAACO,GAAG,CAAE,CAAE;~~QAAEzB~~;MAAM,CAAC,KAAMA,KAAM,CAAC;MAC/Db,KAAK,~~CAACS~~,QAAQ,~~GAAI4B~~,SAAS,EAAE;~~QAAET~~;MAAM,CAAE,CAAC;MACxC;IACD;~~IAEA5B~~,KAAK,~~CAACS~~,QAAQ,~~GAAImB~~,KAAK,~~CAACM~~,MAAM,~~CAACrB~~,KAAK,EAAE;~~MAAEe~~;IAAM,CAAE,CAAC;EAClD,CAAC;EAED,~~MAAMW~~,OAAO,~~GAAGvD~~,UAAU,CAAE,2BAA2B,~~EAAEkB~~,SAAU,CAAC;EAEpE,~~OACCsC~~,aAAA,~~CAACpD~~,WAAW;~~IACXgB~~,IAAI,EAAGA,IAAM;IACbN,EAAE,EAAGA,EAAI;~~IACTsB~~,uBAAuB,EAAGA;EAAyB,~~GAEnDoB~~,aAAA,~~CAACnD~~,SAAS;~~IACTa~~,SAAS,~~EAAGqC~~,OAAS;~~IACrBpC~~,QAAQ,EAAGA,QAAU;IACrBE,mBAAmB,EAAGA,mBAAqB;IAC3CP,EAAE,EAAGA,EAAI;~~IACTwB~~,~~SAAS,EAAGA,SAAW;IACvBhB,~~KAAK,EAAGA,KAAO;~~IACfM~~,IAAI,EAAGA,IAAM;IACbM,MAAM,EACLA,MAAM,IAAM,~~CAAEX~~,QAAQ,~~IAAIiC~~,aAAA,~~CAACjD~~,wBAAwB,MAAE,CACrD;~~IACD0B~~,MAAM,EAAGA,MAAQ;IACjBF,aAAa,EAAGA,aAAe;IAC/BI,qBAAqB,EAAGA;EAAuB,GAE/~~CqB~~,aAAA,~~CAAClD~~,MAAM;IAAA,~~GACD+B~~,SAAS;IACdF,qBAAqB,EAAGA,qBAAuB;IAC/C,~~oBAAmBK~~,MAAQ;~~IAC3BtB~~,SAAS,EAAC,kCAAkC;IAC5CC,QAAQ,EAAGA,QAAU;IACrBL,EAAE,EAAGA,EAAI;IACTS,QAAQ,EAAGA,QAAU;IACrBC,~~MAAM,EAAGmB,YAAc;IACvBlB,~~QAAQ,~~EAAGqB~~,cAAgB;~~IAC3BpB~~,~~OAAO,EAAGmB,aAAe;IACzB5B,~~GAAG,EAAGA,GAAK;~~IACXwC~~,UAAU,~~EAAG7B~~,IAAM;IACnBC,KAAK,EAAGC;EAAW,GAEjBE,QAAQ,IACTL,OAAO,~~CAAC2B~~,GAAG,CAAE,CAAEI,MAAM,EAAEC,KAAK,KAAM;IACjC,MAAMC,GAAG,GACRF,MAAM,~~CAAC5C~~,EAAE,IACR,~~GAAG4C~~,MAAM,~~CAACpC~~,KAAO,~~IAAIoC~~,MAAM,~~CAAC7B~~,KAAO,~~IAAI8B~~,KAAO,EAAC;IAEjD,OACCH,aAAA;MACCI,GAAG,EAAGA,GAAK;~~MACX/B~~,KAAK,~~EAAG6B~~,MAAM,~~CAAC7B~~,KAAO;~~MACtBV~~,QAAQ,~~EAAGuC~~,MAAM,~~CAACvC~~,QAAU;~~MAC5B0C~~,MAAM,EAAGH,MAAM,CAACG;IAAQ,GAEtBH,MAAM,~~CAACpC~~,KACF,CAAC;EAEX,CAAE,CACI,CACE,CACC,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMT,aAAa,~~GAAGV~~,UAAU,~~CAAEY~~,wBAAyB,CAAC;AAEnE,eAAeF,aAAa"}
1	+ {"version":3,"names":["classNames","useInstanceId","forwardRef","BaseControl","InputBase","Select","SelectControlChevronDown","useDeprecated36pxDefaultSizeProp","useUniqueId","idProp","instanceId","SelectControl","id","UnforwardedSelectControl","props","ref","className","disabled","help","hideLabelFromVision","label","multiple","onChange","options","size","value","valueProp","labelPosition","children","prefix","suffix","__next40pxDefaultSize","__nextHasNoMarginBottom","restProps","helpId","undefined","length","handleOnChange","event","selectedOptions","Array","from","target","filter","selected","newValues","map","classes","createElement","selectSize","option","index","key","hidden"],"sources":["@wordpress/components/src/select-control/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport classNames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\nimport InputBase from '../input-control/input-base';\nimport { Select } from './styles/select-control-styles';\nimport type { WordPressComponentProps } from '../context';\nimport type { SelectControlProps } from './types';\nimport SelectControlChevronDown from './chevron-down';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( SelectControl );\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn idProp \|\| id;\n}\n\nfunction UnforwardedSelectControl(\n\tprops: WordPressComponentProps< SelectControlProps, 'select', false >,\n\tref: React.ForwardedRef< HTMLSelectElement >\n) {\n\tconst {\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision,\n\t\tid: idProp,\n\t\tlabel,\n\t\tmultiple = false,\n\t\tonChange,\n\t\toptions = [],\n\t\tsize = 'default',\n\t\tvalue: valueProp,\n\t\tlabelPosition = 'top',\n\t\tchildren,\n\t\tprefix,\n\t\tsuffix,\n\t\t__next40pxDefaultSize = false,\n\t\t__nextHasNoMarginBottom = false,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp( props );\n\tconst id = useUniqueId( idProp );\n\tconst helpId = help ? `${ id }__help` : undefined;\n\n\t// Disable reason: A select with an onchange throws a warning.\n\tif ( ! options?.length && ! children ) return null;\n\n\tconst handleOnChange = (\n\t\tevent: React.ChangeEvent< HTMLSelectElement >\n\t) => {\n\t\tif ( props.multiple ) {\n\t\t\tconst selectedOptions = Array.from( event.target.options ).filter(\n\t\t\t\t( { selected } ) => selected\n\t\t\t);\n\t\t\tconst newValues = selectedOptions.map( ( { value } ) => value );\n\t\t\tprops.onChange?.( newValues, { event } );\n\t\t\treturn;\n\t\t}\n\n\t\tprops.onChange?.( event.target.value, { event } );\n\t};\n\n\tconst classes = classNames( 'components-select-control', className );\n\n\treturn (\n\t\t<BaseControl\n\t\t\thelp={ help }\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t>\n\t\t\t<InputBase\n\t\t\t\tclassName={ classes }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tlabel={ label }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={\n\t\t\t\t\tsuffix \|\| ( ! multiple && <SelectControlChevronDown /> )\n\t\t\t\t}\n\t\t\t\tprefix={ prefix }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t>\n\t\t\t\t<Select\n\t\t\t\t\t{ ...restProps }\n\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\taria-describedby={ helpId }\n\t\t\t\t\tclassName=\"components-select-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tselectSize={ size }\n\t\t\t\t\tvalue={ valueProp }\n\t\t\t\t>\n\t\t\t\t\t{ children \|\|\n\t\t\t\t\t\toptions.map( ( option, index ) => {\n\t\t\t\t\t\t\tconst key =\n\t\t\t\t\t\t\t\toption.id \|\|\n\t\t\t\t\t\t\t\t`${ option.label }-${ option.value }-${ index }`;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\t\t\t\t\thidden={ option.hidden }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t</Select>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n}\n\n/\n `SelectControl` allows users to select from a single or multiple option menu.\n * It functions as a wrapper around the browser's native `<select>` element.\n \n ```jsx\n * import { SelectControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MySelectControl = () => {\n * const [ size, setSize ] = useState( '50%' );\n \n return (\n * <SelectControl\n * label=\"Size\"\n * value={ size }\n * options={ [\n * { label: 'Big', value: '100%' },\n * { label: 'Medium', value: '50%' },\n * { label: 'Small', value: '25%' },\n * ] }\n * onChange={ setSize }\n * />\n * );\n * };\n * ```\n */\nexport const SelectControl = forwardRef( UnforwardedSelectControl );\n\nexport default SelectControl;\n"],"mappings":"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","ignoreList":[]}

package/build-module/select-control/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["memo","PickerCell","SelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","createElement","onChangeValue","undefined"],"sources":["@wordpress/components/src/select-control/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport PickerCell from '../mobile/bottom-sheet/picker-cell';\n\nexport const SelectControl = memo(\n\t( {\n\t\thelp,\n\t\tinstanceId,\n\t\tlabel,\n\t\tmultiple = false,\n\t\tonChange,\n\t\toptions = [],\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\t...props\n\t} ) => {\n\t\tconst id = `inspector-select-control-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<PickerCell\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChangeValue={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tmultiple={ multiple }\n\t\t\t\toptions={ options }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default SelectControl;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,UAAU,MAAM,oCAAoC;AAE3D,OAAO,MAAMC,aAAa,GAAGF,IAAI,CAChC,CAAE;EACDG,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAAC;EAErD,OACCS,aAAA,CAACZ,UAAU;IACVI,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBK,aAAa,EAAGP,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAI,GAAGS,EAAI,QAAO,GAAGG,SAAW;IAC1DT,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAED,eAAeT,aAAa"}
1	+ {"version":3,"names":["memo","PickerCell","SelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","createElement","onChangeValue","undefined"],"sources":["@wordpress/components/src/select-control/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport PickerCell from '../mobile/bottom-sheet/picker-cell';\n\nexport const SelectControl = memo(\n\t( {\n\t\thelp,\n\t\tinstanceId,\n\t\tlabel,\n\t\tmultiple = false,\n\t\tonChange,\n\t\toptions = [],\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\t...props\n\t} ) => {\n\t\tconst id = `inspector-select-control-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<PickerCell\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChangeValue={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tmultiple={ multiple }\n\t\t\t\toptions={ options }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default SelectControl;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,UAAU,MAAM,oCAAoC;AAE3D,OAAO,MAAMC,aAAa,GAAGF,IAAI,CAChC,CAAE;EACDG,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAAC;EAErD,OACCS,aAAA,CAACZ,UAAU;IACVI,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBK,aAAa,EAAGP,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAI,GAAGS,EAAI,QAAO,GAAGG,SAAW;IAC1DT,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAED,eAAeT,aAAa","ignoreList":[]}

package/build-module/select-control/styles/select-control-styles.js CHANGED Viewed

@@ -96,13 +96,13 @@ const overflowStyles = ({
 // TODO: Resolve need to use &&& to increase specificity
 // https://github.com/WordPress/gutenberg/issues/18483
-export const Select = _styled("select", process.env.NODE_ENV === "production" ? {
+export const Select = /*#__PURE__*/_styled("select", process.env.NODE_ENV === "production" ? {
   target: "e1mv6sxx2"
 } : {
   target: "e1mv6sxx2",
   label: "Select"
 })("&&&{appearance:none;background:transparent;box-sizing:border-box;border:none;box-shadow:none!important;color:", COLORS.gray[900], ";display:block;font-family:inherit;margin:0;width:100%;max-width:none;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;", disabledStyles, ";", fontSizeStyles, ";", sizeStyles, ";", sizePaddings, ";", overflowStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5SGtEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBydGwgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0Q29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IElucHV0Q29udHJvbFN1ZmZpeFdyYXBwZXIgZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9pbnB1dC1zdWZmaXgtd3JhcHBlcic7XG5pbXBvcnQgeyBmb250U2l6ZVN0eWxlcyB9IGZyb20gJy4uLy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcblxuaW50ZXJmYWNlIFNlbGVjdFByb3BzXG5cdGV4dGVuZHMgUGljazxcblx0XHRTZWxlY3RDb250cm9sUHJvcHMsXG5cdFx0J19fbmV4dDQwcHhEZWZhdWx0U2l6ZScgfCAnZGlzYWJsZWQnIHwgJ211bHRpcGxlJ1xuXHQ+IHtcblx0Ly8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuXHQvLyBgc2l6ZWAgSFRNTCBhdHRyaWJ1dGUgb2YgdGhlIGBzZWxlY3RgIGVsZW1lbnQuXG5cdHNlbGVjdFNpemU/OiBTZWxlY3RDb250cm9sUHJvcHNbICdzaXplJyBdO1xufVxuXG5jb25zdCBkaXNhYmxlZFN0eWxlcyA9ICggeyBkaXNhYmxlZCB9OiBTZWxlY3RQcm9wcyApID0+IHtcblx0aWYgKCAhIGRpc2FibGVkICkgcmV0dXJuICcnO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRjb2xvcjogQ09MT1JTLnVpLnRleHREaXNhYmxlZCxcblx0fSApO1xufTtcblxuY29uc3Qgc2l6ZVN0eWxlcyA9ICgge1xuXHRfX25leHQ0MHB4RGVmYXVsdFNpemUsXG5cdG11bHRpcGxlLFxuXHRzZWxlY3RTaXplID0gJ2RlZmF1bHQnLFxufTogU2VsZWN0UHJvcHMgKSA9PiB7XG5cdGlmICggbXVsdGlwbGUgKSB7XG5cdFx0Ly8gV2hlbiBgbXVsdGlwbGVgLCBqdXN0IHVzZSB0aGUgbmF0aXZlIGJyb3dzZXIgc3R5bGVzXG5cdFx0Ly8gd2l0aG91dCBzZXR0aW5nIGV4cGxpY2l0IGhlaWdodC5cblx0XHRyZXR1cm47XG5cdH1cblxuXHRjb25zdCBzaXplcyA9IHtcblx0XHRkZWZhdWx0OiB7XG5cdFx0XHRoZWlnaHQ6IDQwLFxuXHRcdFx0bWluSGVpZ2h0OiA0MCxcblx0XHRcdHBhZGRpbmdUb3A6IDAsXG5cdFx0XHRwYWRkaW5nQm90dG9tOiAwLFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdGhlaWdodDogMjQsXG5cdFx0XHRtaW5IZWlnaHQ6IDI0LFxuXHRcdFx0cGFkZGluZ1RvcDogMCxcblx0XHRcdHBhZGRpbmdCb3R0b206IDAsXG5cdFx0fSxcblx0XHRjb21wYWN0OiB7XG5cdFx0XHRoZWlnaHQ6IDMyLFxuXHRcdFx0bWluSGVpZ2h0OiAzMixcblx0XHRcdHBhZGRpbmdUb3A6IDAsXG5cdFx0XHRwYWRkaW5nQm90dG9tOiAwLFxuXHRcdH0sXG5cdFx0J19fdW5zdGFibGUtbGFyZ2UnOiB7XG5cdFx0XHRoZWlnaHQ6IDQwLFxuXHRcdFx0bWluSGVpZ2h0OiA0MCxcblx0XHRcdHBhZGRpbmdUb3A6IDAsXG5cdFx0XHRwYWRkaW5nQm90dG9tOiAwLFxuXHRcdH0sXG5cdH07XG5cblx0aWYgKCAhIF9fbmV4dDQwcHhEZWZhdWx0U2l6ZSApIHtcblx0XHRzaXplcy5kZWZhdWx0ID0gc2l6ZXMuY29tcGFjdDtcblx0fVxuXG5cdGNvbnN0IHN0eWxlID0gc2l6ZXNbIHNlbGVjdFNpemUgXSB8fCBzaXplcy5kZWZhdWx0O1xuXG5cdHJldHVybiBjc3MoIHN0eWxlICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2hldnJvbkljb25TaXplID0gMTg7XG5cbmNvbnN0IHNpemVQYWRkaW5ncyA9ICgge1xuXHRfX25leHQ0MHB4RGVmYXVsdFNpemUsXG5cdG11bHRpcGxlLFxuXHRzZWxlY3RTaXplID0gJ2RlZmF1bHQnLFxufTogU2VsZWN0UHJvcHMgKSA9PiB7XG5cdGNvbnN0IHBhZGRpbmcgPSB7XG5cdFx0ZGVmYXVsdDogMTYsXG5cdFx0c21hbGw6IDgsXG5cdFx0Y29tcGFjdDogOCxcblx0XHQnX191bnN0YWJsZS1sYXJnZSc6IDE2LFxuXHR9O1xuXG5cdGlmICggISBfX25leHQ0MHB4RGVmYXVsdFNpemUgKSB7XG5cdFx0cGFkZGluZy5kZWZhdWx0ID0gcGFkZGluZy5jb21wYWN0O1xuXHR9XG5cblx0Y29uc3Qgc2VsZWN0ZWRQYWRkaW5nID0gcGFkZGluZ1sgc2VsZWN0U2l6ZSBdIHx8IHBhZGRpbmcuZGVmYXVsdDtcblxuXHRyZXR1cm4gcnRsKCB7XG5cdFx0cGFkZGluZ0xlZnQ6IHNlbGVjdGVkUGFkZGluZyxcblx0XHRwYWRkaW5nUmlnaHQ6IHNlbGVjdGVkUGFkZGluZyArIGNoZXZyb25JY29uU2l6ZSxcblx0XHQuLi4oIG11bHRpcGxlXG5cdFx0XHQ/IHtcblx0XHRcdFx0XHRwYWRkaW5nVG9wOiBzZWxlY3RlZFBhZGRpbmcsXG5cdFx0XHRcdFx0cGFkZGluZ0JvdHRvbTogc2VsZWN0ZWRQYWRkaW5nLFxuXHRcdFx0ICB9XG5cdFx0XHQ6IHt9ICksXG5cdH0gKTtcbn07XG5cbmNvbnN0IG92ZXJmbG93U3R5bGVzID0gKCB7IG11bHRpcGxlIH06IFNlbGVjdFByb3BzICkgPT4ge1xuXHRyZXR1cm4ge1xuXHRcdG92ZXJmbG93OiBtdWx0aXBsZSA/ICdhdXRvJyA6ICdoaWRkZW4nLFxuXHR9O1xufTtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkLnNlbGVjdDwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHRhcHBlYXJhbmNlOiBub25lO1xuXHRcdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0Ym9yZGVyOiBub25lO1xuXHRcdGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcblx0XHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cdFx0bWFyZ2luOiAwO1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdG1heC13aWR0aDogbm9uZTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuXHRcdCR7IGRpc2FibGVkU3R5bGVzIH07XG5cdFx0JHsgZm9udFNpemVTdHlsZXMgfTtcblx0XHQkeyBzaXplU3R5bGVzIH07XG5cdFx0JHsgc2l6ZVBhZGRpbmdzIH07XG5cdFx0JHsgb3ZlcmZsb3dTdHlsZXMgfVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRG93bkFycm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggLTEgKSB9OyAvLyBvcHRpY2FsbHkgYWRqdXN0IHRoZSBpY29uXG5cdGxpbmUtaGVpZ2h0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0Q29udHJvbFN1ZmZpeFdyYXBwZXJXaXRoQ2xpY2tUaHJvdWdoID0gc3R5bGVkKFxuXHRJbnB1dENvbnRyb2xTdWZmaXhXcmFwcGVyXG4pYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cdCR7IHJ0bCggeyByaWdodDogMCB9ICkgfVxuYDtcbiJdfQ== */"));
-export const DownArrowWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const DownArrowWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1mv6sxx1"
 } : {
   target: "e1mv6sxx1",

package/build-module/select-control/styles/select-control-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","COLORS","rtl","space","InputControlSuffixWrapper","fontSizeStyles","disabledStyles","disabled","color","ui","textDisabled","process","env","NODE_ENV","sizeStyles","__next40pxDefaultSize","multiple","selectSize","sizes","default","height","minHeight","paddingTop","paddingBottom","small","compact","style","chevronIconSize","sizePaddings","padding","selectedPadding","paddingLeft","paddingRight","overflowStyles","overflow","Select","_styled","target","label","gray","DownArrowWrapper","InputControlSuffixWrapperWithClickThrough","right"],"sources":["@wordpress/components/src/select-control/styles/select-control-styles.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/\n Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\nimport { space } from '../../utils/space';\nimport type { SelectControlProps } from '../types';\nimport InputControlSuffixWrapper from '../../input-control/input-suffix-wrapper';\nimport { fontSizeStyles } from '../../input-control/styles/input-control-styles';\n\ninterface SelectProps\n\textends Pick<\n\t\tSelectControlProps,\n\t\t'__next40pxDefaultSize' \| 'disabled' \| 'multiple'\n\t> {\n\t// Using `selectSize` instead of `size` to avoid a type conflict with the\n\t// `size` HTML attribute of the `select` element.\n\tselectSize?: SelectControlProps[ 'size' ];\n}\n\nconst disabledStyles = ( { disabled }: SelectProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst sizeStyles = ( {\n\t__next40pxDefaultSize,\n\tmultiple,\n\tselectSize = 'default',\n}: SelectProps ) => {\n\tif ( multiple ) {\n\t\t// When `multiple`, just use the native browser styles\n\t\t// without setting explicit height.\n\t\treturn;\n\t}\n\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 40,\n\t\t\tminHeight: 40,\n\t\t\tpaddingTop: 0,\n\t\t\tpaddingBottom: 0,\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tminHeight: 24,\n\t\t\tpaddingTop: 0,\n\t\t\tpaddingBottom: 0,\n\t\t},\n\t\tcompact: {\n\t\t\theight: 32,\n\t\t\tminHeight: 32,\n\t\t\tpaddingTop: 0,\n\t\t\tpaddingBottom: 0,\n\t\t},\n\t\t'__unstable-large': {\n\t\t\theight: 40,\n\t\t\tminHeight: 40,\n\t\t\tpaddingTop: 0,\n\t\t\tpaddingBottom: 0,\n\t\t},\n\t};\n\n\tif ( ! __next40pxDefaultSize ) {\n\t\tsizes.default = sizes.compact;\n\t}\n\n\tconst style = sizes[ selectSize ] \|\| sizes.default;\n\n\treturn css( style );\n};\n\nexport const chevronIconSize = 18;\n\nconst sizePaddings = ( {\n\t__next40pxDefaultSize,\n\tmultiple,\n\tselectSize = 'default',\n}: SelectProps ) => {\n\tconst padding = {\n\t\tdefault: 16,\n\t\tsmall: 8,\n\t\tcompact: 8,\n\t\t'__unstable-large': 16,\n\t};\n\n\tif ( ! __next40pxDefaultSize ) {\n\t\tpadding.default = padding.compact;\n\t}\n\n\tconst selectedPadding = padding[ selectSize ] \|\| padding.default;\n\n\treturn rtl( {\n\t\tpaddingLeft: selectedPadding,\n\t\tpaddingRight: selectedPadding + chevronIconSize,\n\t\t...( multiple\n\t\t\t? {\n\t\t\t\t\tpaddingTop: selectedPadding,\n\t\t\t\t\tpaddingBottom: selectedPadding,\n\t\t\t }\n\t\t\t: {} ),\n\t} );\n};\n\nconst overflowStyles = ( { multiple }: SelectProps ) => {\n\treturn {\n\t\toverflow: multiple ? 'auto' : 'hidden',\n\t};\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Select = styled.select< SelectProps >`\n\t&&& {\n\t\tappearance: none;\n\t\tbackground: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.gray[ 900 ] };\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t\tmax-width: none;\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\n\t\t${ disabledStyles };\n\t\t${ fontSizeStyles };\n\t\t${ sizeStyles };\n\t\t${ sizePaddings };\n\t\t${ overflowStyles }\n\t}\n`;\n\nexport const DownArrowWrapper = styled.div`\n\tmargin-inline-end: ${ space( -1 ) }; // optically adjust the icon\n\tline-height: 0;\n`;\n\nexport const InputControlSuffixWrapperWithClickThrough = styled(\n\tInputControlSuffixWrapper\n)`\n\tposition: absolute;\n\tpointer-events: none;\n\n\t${ rtl( { right: 0 } ) }\n`;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,GAAG,QAAQ,gBAAgB;AAGpC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,GAAG,QAAQ,aAAa;AACzC,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,OAAOC,yBAAyB,MAAM,0CAA0C;AAChF,SAASC,cAAc,QAAQ,iDAAiD;AAYhF,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAsB,CAAC,KAAM;EACvD,IAAK,CAAEA,QAAQ,EAAG,OAAO,EAAE;EAE3B,oBAAOP,GAAG,CAAE;IACXQ,KAAK,EAAEP,MAAM,CAACQ,EAAE,CAACC;EAClB,CAAC,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,snKAAC,CAAC;AACJ,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAE;EACpBC,qBAAqB;EACrBC,QAAQ;EACRC,UAAU,GAAG;AACD,CAAC,KAAM;EACnB,IAAKD,QAAQ,EAAG;IACf;IACA;IACA;EACD;EAEA,MAAME,KAAK,GAAG;IACbC,OAAO,EAAE;MACRC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACNJ,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IAChB,CAAC;IACDE,OAAO,EAAE;MACRL,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IAChB,CAAC;IACD,kBAAkB,EAAE;MACnBH,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IAChB;EACD,CAAC;EAED,IAAK,CAAER,qBAAqB,EAAG;IAC9BG,KAAK,CAACC,OAAO,GAAGD,KAAK,CAACO,OAAO;EAC9B;EAEA,MAAMC,KAAK,GAAGR,KAAK,CAAED,UAAU,CAAE,IAAIC,KAAK,CAACC,OAAO;EAElD,oBAAOnB,GAAG,CAAE0B,KAAK,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,snKAAC,CAAC;AACpB,CAAC;AAED,OAAO,MAAMc,eAAe,GAAG,EAAE;AAEjC,MAAMC,YAAY,GAAGA,CAAE;EACtBb,qBAAqB;EACrBC,QAAQ;EACRC,UAAU,GAAG;AACD,CAAC,KAAM;EACnB,MAAMY,OAAO,GAAG;IACfV,OAAO,EAAE,EAAE;IACXK,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACV,kBAAkB,EAAE;EACrB,CAAC;EAED,IAAK,CAAEV,qBAAqB,EAAG;IAC9Bc,OAAO,CAACV,OAAO,GAAGU,OAAO,CAACJ,OAAO;EAClC;EAEA,MAAMK,eAAe,GAAGD,OAAO,CAAEZ,UAAU,CAAE,IAAIY,OAAO,CAACV,OAAO;EAEhE,OAAOjB,GAAG,CAAE;IACX6B,WAAW,EAAED,eAAe;IAC5BE,YAAY,EAAEF,eAAe,GAAGH,eAAe;IAC/C,IAAKX,QAAQ,GACV;MACAM,UAAU,EAAEQ,eAAe;MAC3BP,aAAa,EAAEO;IACf,CAAC,GACD,CAAC,CAAC;EACN,CAAE,CAAC;AACJ,CAAC;AAED,MAAMG,cAAc,GAAGA,CAAE;EAAEjB;AAAsB,CAAC,KAAM;EACvD,OAAO;IACNkB,QAAQ,EAAElB,QAAQ,GAAG,MAAM,GAAG;EAC/B,CAAC;AACF,CAAC;;AAED;AACA;;AAEA,OAAO,MAAMmB,MAAM,~~GAAAC~~,OAAA,WAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAwB,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,oHAOPrC,MAAM,CAACsC,IAAI,CAAE,GAAG,CAAE,qIAUzBjC,cAAc,OACdD,cAAc,OACdS,UAAU,OACVc,YAAY,OACZK,cAAc,UAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,4nKAElB;AAED,OAAO,MAAM2B,gBAAgB,~~GAAAJ~~,OAAA,QAAAzB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAwB,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,yBACNnC,KAAK,CAAE,CAAC,CAAE,CAAC,uBAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA,4nKAEjC;AAED,OAAO,MAAM4B,yCAAyC,~~GAAG~~,~~aAAAL,~~OAAA,CACxDhC,yBAAyB,EAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAwB,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAC1B,CAAC,2CAIGpC,GAAG,CAAE;EAAEwC,KAAK,EAAE;AAAE,CAAE,CAAC,SAAA/B,OAAA,CAAAC,GAAA,CAAAC,QAAA,wnKACtB"}
1	+ {"version":3,"names":["css","COLORS","rtl","space","InputControlSuffixWrapper","fontSizeStyles","disabledStyles","disabled","color","ui","textDisabled","process","env","NODE_ENV","sizeStyles","__next40pxDefaultSize","multiple","selectSize","sizes","default","height","minHeight","paddingTop","paddingBottom","small","compact","style","chevronIconSize","sizePaddings","padding","selectedPadding","paddingLeft","paddingRight","overflowStyles","overflow","Select","_styled","target","label","gray","DownArrowWrapper","InputControlSuffixWrapperWithClickThrough","right"],"sources":["@wordpress/components/src/select-control/styles/select-control-styles.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/\n Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\nimport { space } from '../../utils/space';\nimport type { SelectControlProps } from '../types';\nimport InputControlSuffixWrapper from '../../input-control/input-suffix-wrapper';\nimport { fontSizeStyles } from '../../input-control/styles/input-control-styles';\n\ninterface SelectProps\n\textends Pick<\n\t\tSelectControlProps,\n\t\t'__next40pxDefaultSize' \| 'disabled' \| 'multiple'\n\t> {\n\t// Using `selectSize` instead of `size` to avoid a type conflict with the\n\t// `size` HTML attribute of the `select` element.\n\tselectSize?: SelectControlProps[ 'size' ];\n}\n\nconst disabledStyles = ( { disabled }: SelectProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst sizeStyles = ( {\n\t__next40pxDefaultSize,\n\tmultiple,\n\tselectSize = 'default',\n}: SelectProps ) => {\n\tif ( multiple ) {\n\t\t// When `multiple`, just use the native browser styles\n\t\t// without setting explicit height.\n\t\treturn;\n\t}\n\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 40,\n\t\t\tminHeight: 40,\n\t\t\tpaddingTop: 0,\n\t\t\tpaddingBottom: 0,\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tminHeight: 24,\n\t\t\tpaddingTop: 0,\n\t\t\tpaddingBottom: 0,\n\t\t},\n\t\tcompact: {\n\t\t\theight: 32,\n\t\t\tminHeight: 32,\n\t\t\tpaddingTop: 0,\n\t\t\tpaddingBottom: 0,\n\t\t},\n\t\t'__unstable-large': {\n\t\t\theight: 40,\n\t\t\tminHeight: 40,\n\t\t\tpaddingTop: 0,\n\t\t\tpaddingBottom: 0,\n\t\t},\n\t};\n\n\tif ( ! __next40pxDefaultSize ) {\n\t\tsizes.default = sizes.compact;\n\t}\n\n\tconst style = sizes[ selectSize ] \|\| sizes.default;\n\n\treturn css( style );\n};\n\nexport const chevronIconSize = 18;\n\nconst sizePaddings = ( {\n\t__next40pxDefaultSize,\n\tmultiple,\n\tselectSize = 'default',\n}: SelectProps ) => {\n\tconst padding = {\n\t\tdefault: 16,\n\t\tsmall: 8,\n\t\tcompact: 8,\n\t\t'__unstable-large': 16,\n\t};\n\n\tif ( ! __next40pxDefaultSize ) {\n\t\tpadding.default = padding.compact;\n\t}\n\n\tconst selectedPadding = padding[ selectSize ] \|\| padding.default;\n\n\treturn rtl( {\n\t\tpaddingLeft: selectedPadding,\n\t\tpaddingRight: selectedPadding + chevronIconSize,\n\t\t...( multiple\n\t\t\t? {\n\t\t\t\t\tpaddingTop: selectedPadding,\n\t\t\t\t\tpaddingBottom: selectedPadding,\n\t\t\t }\n\t\t\t: {} ),\n\t} );\n};\n\nconst overflowStyles = ( { multiple }: SelectProps ) => {\n\treturn {\n\t\toverflow: multiple ? 'auto' : 'hidden',\n\t};\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Select = styled.select< SelectProps >`\n\t&&& {\n\t\tappearance: none;\n\t\tbackground: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.gray[ 900 ] };\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t\tmax-width: none;\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\n\t\t${ disabledStyles };\n\t\t${ fontSizeStyles };\n\t\t${ sizeStyles };\n\t\t${ sizePaddings };\n\t\t${ overflowStyles }\n\t}\n`;\n\nexport const DownArrowWrapper = styled.div`\n\tmargin-inline-end: ${ space( -1 ) }; // optically adjust the icon\n\tline-height: 0;\n`;\n\nexport const InputControlSuffixWrapperWithClickThrough = styled(\n\tInputControlSuffixWrapper\n)`\n\tposition: absolute;\n\tpointer-events: none;\n\n\t${ rtl( { right: 0 } ) }\n`;\n"],"mappings":"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","ignoreList":[]}

package/build-module/select-control/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/components/src/select-control/types.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ChangeEvent, FocusEvent, ReactNode } from 'react';\n\n/\n Internal dependencies\n /\nimport type { InputBaseProps } from '../input-control/types';\nimport type { BaseControlProps } from '../base-control/types';\n\ntype SelectControlBaseProps = Pick<\n\tInputBaseProps,\n\t\| '__next36pxDefaultSize'\n\t\| '__next40pxDefaultSize'\n\t\| 'disabled'\n\t\| 'hideLabelFromVision'\n\t\| 'label'\n\t\| 'labelPosition'\n\t\| 'prefix'\n\t\| 'size'\n\t\| 'suffix'\n> &\n\tPick< BaseControlProps, 'help' \| '__nextHasNoMarginBottom' > & {\n\t\tonBlur?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\t\tonFocus?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\t\toptions?: {\n\t\t\t/\n\t\t\t The label to be shown to the user.\n\t\t\t /\n\t\t\tlabel: string;\n\t\t\t/\n\t\t\t The internal value used to choose the selected value.\n\t\t\t * This is also the value passed to `onChange` when the option is selected.\n\t\t\t /\n\t\t\tvalue: string;\n\t\t\tid?: string;\n\t\t\t/\n\t\t\t Whether or not the option should have the disabled attribute.\n\t\t\t \n\t\t\t @default false\n\t\t\t /\n\t\t\tdisabled?: boolean;\n\t\t\t/\n\t\t\t Whether or not the option should be hidden.\n\t\t\t \n\t\t\t @default false\n\t\t\t /\n\t\t\thidden?: boolean;\n\t\t}[];\n\t\t/\n\t\t As an alternative to the `options` prop, `optgroup`s and `options` can be\n\t\t * passed in as `children` for more customizability.\n\t\t /\n\t\tchildren?: ReactNode;\n\t};\n\nexport type SelectControlSingleSelectionProps = SelectControlBaseProps & {\n\t/\n\t If this property is added, multiple values can be selected. The `value` passed should be an array.\n\t \n\t In most cases, it is preferable to use the `FormTokenField` or `CheckboxControl` components instead.\n\t \n\t @default false\n\t /\n\tmultiple?: false;\n\tvalue?: string;\n\t/\n\t A function that receives the value of the new option that is being selected as input.\n\t \n\t If `multiple` is `true`, the value received is an array of the selected value.\n\t * Otherwise, the value received is a single value with the new selected value.\n\t /\n\tonChange?: (\n\t\tvalue: string,\n\t\textra?: { event?: ChangeEvent< HTMLSelectElement > }\n\t) => void;\n};\n\nexport type SelectControlMultipleSelectionProps = SelectControlBaseProps & {\n\t/\n\t If this property is added, multiple values can be selected. The `value` passed should be an array.\n\t \n\t In most cases, it is preferable to use the `FormTokenField` or `CheckboxControl` components instead.\n\t \n\t @default false\n\t /\n\tmultiple: true;\n\tvalue?: string[];\n\t/\n\t A function that receives the value of the new option that is being selected as input.\n\t \n\t If `multiple` is `true`, the value received is an array of the selected value.\n\t * Otherwise, the value received is a single value with the new selected value.\n\t */\n\tonChange?: (\n\t\tvalue: string[],\n\t\textra?: { event?: ChangeEvent< HTMLSelectElement > }\n\t) => void;\n};\n\nexport type SelectControlProps =\n\t\| SelectControlSingleSelectionProps\n\t\| SelectControlMultipleSelectionProps;\n"],"mappings":""}
1	+ {"version":3,"names":[],"sources":["@wordpress/components/src/select-control/types.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ChangeEvent, FocusEvent, ReactNode } from 'react';\n\n/\n Internal dependencies\n /\nimport type { InputBaseProps } from '../input-control/types';\nimport type { BaseControlProps } from '../base-control/types';\n\ntype SelectControlBaseProps = Pick<\n\tInputBaseProps,\n\t\| '__next36pxDefaultSize'\n\t\| '__next40pxDefaultSize'\n\t\| 'disabled'\n\t\| 'hideLabelFromVision'\n\t\| 'label'\n\t\| 'labelPosition'\n\t\| 'prefix'\n\t\| 'size'\n\t\| 'suffix'\n> &\n\tPick< BaseControlProps, 'help' \| '__nextHasNoMarginBottom' > & {\n\t\tonBlur?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\t\tonFocus?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\t\toptions?: {\n\t\t\t/\n\t\t\t The label to be shown to the user.\n\t\t\t /\n\t\t\tlabel: string;\n\t\t\t/\n\t\t\t The internal value used to choose the selected value.\n\t\t\t * This is also the value passed to `onChange` when the option is selected.\n\t\t\t /\n\t\t\tvalue: string;\n\t\t\tid?: string;\n\t\t\t/\n\t\t\t Whether or not the option should have the disabled attribute.\n\t\t\t \n\t\t\t @default false\n\t\t\t /\n\t\t\tdisabled?: boolean;\n\t\t\t/\n\t\t\t Whether or not the option should be hidden.\n\t\t\t \n\t\t\t @default false\n\t\t\t /\n\t\t\thidden?: boolean;\n\t\t}[];\n\t\t/\n\t\t As an alternative to the `options` prop, `optgroup`s and `options` can be\n\t\t * passed in as `children` for more customizability.\n\t\t /\n\t\tchildren?: ReactNode;\n\t};\n\nexport type SelectControlSingleSelectionProps = SelectControlBaseProps & {\n\t/\n\t If this property is added, multiple values can be selected. The `value` passed should be an array.\n\t \n\t In most cases, it is preferable to use the `FormTokenField` or `CheckboxControl` components instead.\n\t \n\t @default false\n\t /\n\tmultiple?: false;\n\tvalue?: string;\n\t/\n\t A function that receives the value of the new option that is being selected as input.\n\t \n\t If `multiple` is `true`, the value received is an array of the selected value.\n\t * Otherwise, the value received is a single value with the new selected value.\n\t /\n\tonChange?: (\n\t\tvalue: string,\n\t\textra?: { event?: ChangeEvent< HTMLSelectElement > }\n\t) => void;\n};\n\nexport type SelectControlMultipleSelectionProps = SelectControlBaseProps & {\n\t/\n\t If this property is added, multiple values can be selected. The `value` passed should be an array.\n\t \n\t In most cases, it is preferable to use the `FormTokenField` or `CheckboxControl` components instead.\n\t \n\t @default false\n\t /\n\tmultiple: true;\n\tvalue?: string[];\n\t/\n\t A function that receives the value of the new option that is being selected as input.\n\t \n\t If `multiple` is `true`, the value received is an array of the selected value.\n\t * Otherwise, the value received is a single value with the new selected value.\n\t */\n\tonChange?: (\n\t\tvalue: string[],\n\t\textra?: { event?: ChangeEvent< HTMLSelectElement > }\n\t) => void;\n};\n\nexport type SelectControlProps =\n\t\| SelectControlSingleSelectionProps\n\t\| SelectControlMultipleSelectionProps;\n"],"mappings":"","ignoreList":[]}

package/build-module/shortcut/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Shortcut","props","shortcut","className","displayText","ariaLabel","display","createElement"],"sources":["@wordpress/components/src/shortcut/index.tsx"],"sourcesContent":["/*\n Internal dependencies\n /\nimport type { ShortcutProps } from './types';\n\n/\n Shortcut component is used to display keyboard shortcuts, and it can be customized with a custom display and aria label if needed.\n \n ```jsx\n * import { Shortcut } from '@wordpress/components';\n \n const MyShortcut = () => {\n * \treturn (\n * \t\t<Shortcut shortcut={{ display: 'Ctrl + S', ariaLabel: 'Save' }} />\n * \t);\n * };\n * ```\n */\nfunction Shortcut( props: ShortcutProps ) {\n\tconst { shortcut, className } = props;\n\n\tif ( ! shortcut ) {\n\t\treturn null;\n\t}\n\n\tlet displayText;\n\tlet ariaLabel;\n\n\tif ( typeof shortcut === 'string' ) {\n\t\tdisplayText = shortcut;\n\t}\n\n\tif ( shortcut !== null && typeof shortcut === 'object' ) {\n\t\tdisplayText = shortcut.display;\n\t\tariaLabel = shortcut.ariaLabel;\n\t}\n\n\treturn (\n\t\t<span className={ className } aria-label={ ariaLabel }>\n\t\t\t{ displayText }\n\t\t</span>\n\t);\n}\n\nexport default Shortcut;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,QAAQA,CAAEC,KAAoB,EAAG;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAErC,IAAK,CAAEC,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,IAAIE,WAAW;EACf,IAAIC,SAAS;EAEb,IAAK,OAAOH,QAAQ,KAAK,QAAQ,EAAG;IACnCE,WAAW,GAAGF,QAAQ;EACvB;EAEA,IAAKA,QAAQ,KAAK,IAAI,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAG;IACxDE,WAAW,GAAGF,QAAQ,CAACI,OAAO;IAC9BD,SAAS,GAAGH,QAAQ,CAACG,SAAS;EAC/B;EAEA,OACCE,aAAA;IAAMJ,SAAS,EAAGA,SAAW;IAAC,cAAaE;EAAW,GACnDD,WACG,CAAC;AAET;AAEA,eAAeJ,QAAQ"}
1	+ {"version":3,"names":["Shortcut","props","shortcut","className","displayText","ariaLabel","display","createElement"],"sources":["@wordpress/components/src/shortcut/index.tsx"],"sourcesContent":["/*\n Internal dependencies\n /\nimport type { ShortcutProps } from './types';\n\n/\n Shortcut component is used to display keyboard shortcuts, and it can be customized with a custom display and aria label if needed.\n \n ```jsx\n * import { Shortcut } from '@wordpress/components';\n \n const MyShortcut = () => {\n * \treturn (\n * \t\t<Shortcut shortcut={{ display: 'Ctrl + S', ariaLabel: 'Save' }} />\n * \t);\n * };\n * ```\n */\nfunction Shortcut( props: ShortcutProps ) {\n\tconst { shortcut, className } = props;\n\n\tif ( ! shortcut ) {\n\t\treturn null;\n\t}\n\n\tlet displayText;\n\tlet ariaLabel;\n\n\tif ( typeof shortcut === 'string' ) {\n\t\tdisplayText = shortcut;\n\t}\n\n\tif ( shortcut !== null && typeof shortcut === 'object' ) {\n\t\tdisplayText = shortcut.display;\n\t\tariaLabel = shortcut.ariaLabel;\n\t}\n\n\treturn (\n\t\t<span className={ className } aria-label={ ariaLabel }>\n\t\t\t{ displayText }\n\t\t</span>\n\t);\n}\n\nexport default Shortcut;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,QAAQA,CAAEC,KAAoB,EAAG;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAErC,IAAK,CAAEC,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,IAAIE,WAAW;EACf,IAAIC,SAAS;EAEb,IAAK,OAAOH,QAAQ,KAAK,QAAQ,EAAG;IACnCE,WAAW,GAAGF,QAAQ;EACvB;EAEA,IAAKA,QAAQ,KAAK,IAAI,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAG;IACxDE,WAAW,GAAGF,QAAQ,CAACI,OAAO;IAC9BD,SAAS,GAAGH,QAAQ,CAACG,SAAS;EAC/B;EAEA,OACCE,aAAA;IAAMJ,SAAS,EAAGA,SAAW;IAAC,cAAaE;EAAW,GACnDD,WACG,CAAC;AAET;AAEA,eAAeJ,QAAQ","ignoreList":[]}

package/build-module/shortcut/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/components/src/shortcut/types.ts"],"sourcesContent":["export type ShortcutProps = {\n\t/*\n\t Classname to apply to the shortcut.\n\t /\n\tclassName?: string;\n\t/\n\t Shortcut configuration\n\t */\n\tshortcut?: string \| { display: string; ariaLabel: string };\n};\n"],"mappings":""}
1	+ {"version":3,"names":[],"sources":["@wordpress/components/src/shortcut/types.ts"],"sourcesContent":["export type ShortcutProps = {\n\t/*\n\t Classname to apply to the shortcut.\n\t /\n\tclassName?: string;\n\t/\n\t Shortcut configuration\n\t */\n\tshortcut?: string \| { display: string; ariaLabel: string };\n};\n"],"mappings":"","ignoreList":[]}

package/build-module/slot-fill/bubbles-virtually/fill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useRef","useState","useEffect","createPortal","useSlot","StyleProvider","useForceUpdate","setState","mounted","current","Fill","props","_slot$fillProps","name","children","registerFill","unregisterFill","slot","rerender","ref","wrappedChildren","createElement","document","ownerDocument","fillProps"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/fill.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useRef, useState, useEffect, createPortal } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport useSlot from './use-slot';\nimport StyleProvider from '../../style-provider';\nimport type { FillComponentProps } from '../types';\n\nfunction useForceUpdate() {\n\tconst [ , setState ] = useState( {} );\n\tconst mounted = useRef( true );\n\n\tuseEffect( () => {\n\t\tmounted.current = true;\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t};\n\t}, [] );\n\n\treturn () => {\n\t\tif ( mounted.current ) {\n\t\t\tsetState( {} );\n\t\t}\n\t};\n}\n\nexport default function Fill( props: FillComponentProps ) {\n\tconst { name, children } = props;\n\tconst { registerFill, unregisterFill, ...slot } = useSlot( name );\n\tconst rerender = useForceUpdate();\n\tconst ref = useRef( { rerender } );\n\n\tuseEffect( () => {\n\t\t// We register fills so we can keep track of their existence.\n\t\t// Some Slot implementations need to know if there're already fills\n\t\t// registered so they can choose to render themselves or not.\n\t\tregisterFill( ref );\n\t\treturn () => {\n\t\t\tunregisterFill( ref );\n\t\t};\n\t}, [ registerFill, unregisterFill ] );\n\n\tif ( ! slot.ref \|\| ! slot.ref.current ) {\n\t\treturn null;\n\t}\n\n\t// When using a `Fill`, the `children` will be rendered in the document of the\n\t// `Slot`. This means that we need to wrap the `children` in a `StyleProvider`\n\t// to make sure we're referencing the right document/iframe (instead of the\n\t// context of the `Fill`'s parent).\n\tconst wrappedChildren = (\n\t\t<StyleProvider document={ slot.ref.current.ownerDocument }>\n\t\t\t{ typeof children === 'function'\n\t\t\t\t? children( slot.fillProps ?? {} )\n\t\t\t\t: children }\n\t\t</StyleProvider>\n\t);\n\n\treturn createPortal( wrappedChildren, slot.ref.current );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,QAAQ,oBAAoB;;AAE9E;AACA;AACA;AACA,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,aAAa,MAAM,sBAAsB;AAGhD,SAASC,cAAcA,CAAA,EAAG;EACzB,MAAM,GAAIC,QAAQ,CAAE,GAAGN,QAAQ,CAAE,CAAC,CAAE,CAAC;EACrC,MAAMO,OAAO,GAAGR,MAAM,CAAE,IAAK,CAAC;EAE9BE,SAAS,CAAE,MAAM;IAChBM,OAAO,CAACC,OAAO,GAAG,IAAI;IACtB,OAAO,MAAM;MACZD,OAAO,CAACC,OAAO,GAAG,KAAK;IACxB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,OAAO,MAAM;IACZ,IAAKD,OAAO,CAACC,OAAO,EAAG;MACtBF,QAAQ,CAAE,CAAC,CAAE,CAAC;IACf;EACD,CAAC;AACF;AAEA,eAAe,SAASG,IAAIA,CAAEC,KAAyB,EAAG;EAAA,IAAAC,eAAA;EACzD,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAChC,MAAM;IAAEI,YAAY;IAAEC,cAAc;IAAE,GAAGC;EAAK,CAAC,GAAGb,OAAO,CAAES,IAAK,CAAC;EACjE,MAAMK,QAAQ,GAAGZ,cAAc,CAAC,CAAC;EACjC,MAAMa,GAAG,GAAGnB,MAAM,CAAE;IAAEkB;EAAS,CAAE,CAAC;EAElChB,SAAS,CAAE,MAAM;IAChB;IACA;IACA;IACAa,YAAY,CAAEI,GAAI,CAAC;IACnB,OAAO,MAAM;MACZH,cAAc,CAAEG,GAAI,CAAC;IACtB,CAAC;EACF,CAAC,EAAE,CAAEJ,YAAY,EAAEC,cAAc,CAAG,CAAC;EAErC,IAAK,CAAEC,IAAI,CAACE,GAAG,IAAI,CAAEF,IAAI,CAACE,GAAG,CAACV,OAAO,EAAG;IACvC,OAAO,IAAI;EACZ;;EAEA;EACA;EACA;EACA;EACA,MAAMW,eAAe,GACpBC,aAAA,CAAChB,aAAa;IAACiB,QAAQ,EAAGL,IAAI,CAACE,GAAG,CAACV,OAAO,CAACc;EAAe,GACvD,OAAOT,QAAQ,KAAK,UAAU,GAC7BA,QAAQ,EAAAF,eAAA,GAAEK,IAAI,CAACO,SAAS,cAAAZ,eAAA,cAAAA,eAAA,GAAI,CAAC,CAAE,CAAC,GAChCE,QACW,CACf;EAED,OAAOX,YAAY,CAAEiB,eAAe,EAAEH,IAAI,CAACE,GAAG,CAACV,OAAQ,CAAC;AACzD"}
1	+ {"version":3,"names":["useRef","useState","useEffect","createPortal","useSlot","StyleProvider","useForceUpdate","setState","mounted","current","Fill","props","_slot$fillProps","name","children","registerFill","unregisterFill","slot","rerender","ref","wrappedChildren","createElement","document","ownerDocument","fillProps"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/fill.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useRef, useState, useEffect, createPortal } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport useSlot from './use-slot';\nimport StyleProvider from '../../style-provider';\nimport type { FillComponentProps } from '../types';\n\nfunction useForceUpdate() {\n\tconst [ , setState ] = useState( {} );\n\tconst mounted = useRef( true );\n\n\tuseEffect( () => {\n\t\tmounted.current = true;\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t};\n\t}, [] );\n\n\treturn () => {\n\t\tif ( mounted.current ) {\n\t\t\tsetState( {} );\n\t\t}\n\t};\n}\n\nexport default function Fill( props: FillComponentProps ) {\n\tconst { name, children } = props;\n\tconst { registerFill, unregisterFill, ...slot } = useSlot( name );\n\tconst rerender = useForceUpdate();\n\tconst ref = useRef( { rerender } );\n\n\tuseEffect( () => {\n\t\t// We register fills so we can keep track of their existence.\n\t\t// Some Slot implementations need to know if there're already fills\n\t\t// registered so they can choose to render themselves or not.\n\t\tregisterFill( ref );\n\t\treturn () => {\n\t\t\tunregisterFill( ref );\n\t\t};\n\t}, [ registerFill, unregisterFill ] );\n\n\tif ( ! slot.ref \|\| ! slot.ref.current ) {\n\t\treturn null;\n\t}\n\n\t// When using a `Fill`, the `children` will be rendered in the document of the\n\t// `Slot`. This means that we need to wrap the `children` in a `StyleProvider`\n\t// to make sure we're referencing the right document/iframe (instead of the\n\t// context of the `Fill`'s parent).\n\tconst wrappedChildren = (\n\t\t<StyleProvider document={ slot.ref.current.ownerDocument }>\n\t\t\t{ typeof children === 'function'\n\t\t\t\t? children( slot.fillProps ?? {} )\n\t\t\t\t: children }\n\t\t</StyleProvider>\n\t);\n\n\treturn createPortal( wrappedChildren, slot.ref.current );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,QAAQ,oBAAoB;;AAE9E;AACA;AACA;AACA,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,aAAa,MAAM,sBAAsB;AAGhD,SAASC,cAAcA,CAAA,EAAG;EACzB,MAAM,GAAIC,QAAQ,CAAE,GAAGN,QAAQ,CAAE,CAAC,CAAE,CAAC;EACrC,MAAMO,OAAO,GAAGR,MAAM,CAAE,IAAK,CAAC;EAE9BE,SAAS,CAAE,MAAM;IAChBM,OAAO,CAACC,OAAO,GAAG,IAAI;IACtB,OAAO,MAAM;MACZD,OAAO,CAACC,OAAO,GAAG,KAAK;IACxB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,OAAO,MAAM;IACZ,IAAKD,OAAO,CAACC,OAAO,EAAG;MACtBF,QAAQ,CAAE,CAAC,CAAE,CAAC;IACf;EACD,CAAC;AACF;AAEA,eAAe,SAASG,IAAIA,CAAEC,KAAyB,EAAG;EAAA,IAAAC,eAAA;EACzD,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAChC,MAAM;IAAEI,YAAY;IAAEC,cAAc;IAAE,GAAGC;EAAK,CAAC,GAAGb,OAAO,CAAES,IAAK,CAAC;EACjE,MAAMK,QAAQ,GAAGZ,cAAc,CAAC,CAAC;EACjC,MAAMa,GAAG,GAAGnB,MAAM,CAAE;IAAEkB;EAAS,CAAE,CAAC;EAElChB,SAAS,CAAE,MAAM;IAChB;IACA;IACA;IACAa,YAAY,CAAEI,GAAI,CAAC;IACnB,OAAO,MAAM;MACZH,cAAc,CAAEG,GAAI,CAAC;IACtB,CAAC;EACF,CAAC,EAAE,CAAEJ,YAAY,EAAEC,cAAc,CAAG,CAAC;EAErC,IAAK,CAAEC,IAAI,CAACE,GAAG,IAAI,CAAEF,IAAI,CAACE,GAAG,CAACV,OAAO,EAAG;IACvC,OAAO,IAAI;EACZ;;EAEA;EACA;EACA;EACA;EACA,MAAMW,eAAe,GACpBC,aAAA,CAAChB,aAAa;IAACiB,QAAQ,EAAGL,IAAI,CAACE,GAAG,CAACV,OAAO,CAACc;EAAe,GACvD,OAAOT,QAAQ,KAAK,UAAU,GAC7BA,QAAQ,EAAAF,eAAA,GAAEK,IAAI,CAACO,SAAS,cAAAZ,eAAA,cAAAA,eAAA,GAAI,CAAC,CAAE,CAAC,GAChCE,QACW,CACf;EAED,OAAOX,YAAY,CAAEiB,eAAe,EAAEH,IAAI,CAACE,GAAG,CAACV,OAAQ,CAAC;AACzD","ignoreList":[]}

package/build-module/slot-fill/bubbles-virtually/observable-map.js ADDED Viewed

@@ -0,0 +1,60 @@
+/**
+ * WordPress dependencies
+ */
+import { useMemo, useSyncExternalStore } from '@wordpress/element';
+/**
+ * A key/value map where the individual entries are observable by subscribing to them
+ * with the `subscribe` methods.
+ */
+export function observableMap() {
+  const map = new Map();
+  const listeners = new Map();
+  function callListeners(name) {
+    const list = listeners.get(name);
+    if (!list) {
+      return;
+    }
+    for (const listener of list) {
+      listener();
+    }
+  }
+  return {
+    get(name) {
+      return map.get(name);
+    },
+    set(name, value) {
+      map.set(name, value);
+      callListeners(name);
+    },
+    delete(name) {
+      map.delete(name);
+      callListeners(name);
+    },
+    subscribe(name, listener) {
+      let list = listeners.get(name);
+      if (!list) {
+        list = new Set();
+        listeners.set(name, list);
+      }
+      list.add(listener);
+      return () => {
+        list.delete(listener);
+        if (list.size === 0) {
+          listeners.delete(name);
+        }
+      };
+    }
+  };
+}
+/**
+ * React hook that lets you observe an individual entry in an `ObservableMap`.
+ *
+ * @param map  The `ObservableMap` to observe.
+ * @param name The map key to observe.
+ */
+export function useObservableValue(map, name) {
+  const [subscribe, getValue] = useMemo(() => [listener => map.subscribe(name, listener), () => map.get(name)], [map, name]);
+  return useSyncExternalStore(subscribe, getValue);
+}
+//# sourceMappingURL=observable-map.js.map

package/build-module/slot-fill/bubbles-virtually/observable-map.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["useMemo","useSyncExternalStore","observableMap","map","Map","listeners","callListeners","name","list","get","listener","set","value","delete","subscribe","Set","add","size","useObservableValue","getValue"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/observable-map.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useSyncExternalStore } from '@wordpress/element';\n\nexport type ObservableMap< K, V > = {\n\tget( name: K ): V | undefined;\n\tset( name: K, value: V ): void;\n\tdelete( name: K ): void;\n\tsubscribe( name: K, listener: () => void ): () => void;\n};\n\n/**\n * A key/value map where the individual entries are observable by subscribing to them\n * with the `subscribe` methods.\n */\nexport function observableMap< K, V >(): ObservableMap< K, V > {\n\tconst map = new Map< K, V >();\n\tconst listeners = new Map< K, Set< () => void > >();\n\n\tfunction callListeners( name: K ) {\n\t\tconst list = listeners.get( name );\n\t\tif ( ! list ) {\n\t\t\treturn;\n\t\t}\n\t\tfor ( const listener of list ) {\n\t\t\tlistener();\n\t\t}\n\t}\n\n\treturn {\n\t\tget( name ) {\n\t\t\treturn map.get( name );\n\t\t},\n\t\tset( name, value ) {\n\t\t\tmap.set( name, value );\n\t\t\tcallListeners( name );\n\t\t},\n\t\tdelete( name ) {\n\t\t\tmap.delete( name );\n\t\t\tcallListeners( name );\n\t\t},\n\t\tsubscribe( name, listener ) {\n\t\t\tlet list = listeners.get( name );\n\t\t\tif ( ! list ) {\n\t\t\t\tlist = new Set();\n\t\t\t\tlisteners.set( name, list );\n\t\t\t}\n\t\t\tlist.add( listener );\n\n\t\t\treturn () => {\n\t\t\t\tlist.delete( listener );\n\t\t\t\tif ( list.size === 0 ) {\n\t\t\t\t\tlisteners.delete( name );\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t};\n}\n\n/**\n * React hook that lets you observe an individual entry in an `ObservableMap`.\n *\n * @param map The `ObservableMap` to observe.\n * @param name The map key to observe.\n */\nexport function useObservableValue< K, V >(\n\tmap: ObservableMap< K, V >,\n\tname: K\n): V | undefined {\n\tconst [ subscribe, getValue ] = useMemo(\n\t\t() => [\n\t\t\t( listener: () => void ) => map.subscribe( name, listener ),\n\t\t\t() => map.get( name ),\n\t\t],\n\t\t[ map, name ]\n\t);\n\treturn useSyncExternalStore( subscribe, getValue );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,oBAAoB,QAAQ,oBAAoB;AASlE;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAA,EAAkC;EAC9D,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAAS,CAAC;EAC7B,MAAMC,SAAS,GAAG,IAAID,GAAG,CAAyB,CAAC;EAEnD,SAASE,aAAaA,CAAEC,IAAO,EAAG;IACjC,MAAMC,IAAI,GAAGH,SAAS,CAACI,GAAG,CAAEF,IAAK,CAAC;IAClC,IAAK,CAAEC,IAAI,EAAG;MACb;IACD;IACA,KAAM,MAAME,QAAQ,IAAIF,IAAI,EAAG;MAC9BE,QAAQ,CAAC,CAAC;IACX;EACD;EAEA,OAAO;IACND,GAAGA,CAAEF,IAAI,EAAG;MACX,OAAOJ,GAAG,CAACM,GAAG,CAAEF,IAAK,CAAC;IACvB,CAAC;IACDI,GAAGA,CAAEJ,IAAI,EAAEK,KAAK,EAAG;MAClBT,GAAG,CAACQ,GAAG,CAAEJ,IAAI,EAAEK,KAAM,CAAC;MACtBN,aAAa,CAAEC,IAAK,CAAC;IACtB,CAAC;IACDM,MAAMA,CAAEN,IAAI,EAAG;MACdJ,GAAG,CAACU,MAAM,CAAEN,IAAK,CAAC;MAClBD,aAAa,CAAEC,IAAK,CAAC;IACtB,CAAC;IACDO,SAASA,CAAEP,IAAI,EAAEG,QAAQ,EAAG;MAC3B,IAAIF,IAAI,GAAGH,SAAS,CAACI,GAAG,CAAEF,IAAK,CAAC;MAChC,IAAK,CAAEC,IAAI,EAAG;QACbA,IAAI,GAAG,IAAIO,GAAG,CAAC,CAAC;QAChBV,SAAS,CAACM,GAAG,CAAEJ,IAAI,EAAEC,IAAK,CAAC;MAC5B;MACAA,IAAI,CAACQ,GAAG,CAAEN,QAAS,CAAC;MAEpB,OAAO,MAAM;QACZF,IAAI,CAACK,MAAM,CAAEH,QAAS,CAAC;QACvB,IAAKF,IAAI,CAACS,IAAI,KAAK,CAAC,EAAG;UACtBZ,SAAS,CAACQ,MAAM,CAAEN,IAAK,CAAC;QACzB;MACD,CAAC;IACF;EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASW,kBAAkBA,CACjCf,GAA0B,EAC1BI,IAAO,EACS;EAChB,MAAM,CAAEO,SAAS,EAAEK,QAAQ,CAAE,GAAGnB,OAAO,CACtC,MAAM,CACHU,QAAoB,IAAMP,GAAG,CAACW,SAAS,CAAEP,IAAI,EAAEG,QAAS,CAAC,EAC3D,MAAMP,GAAG,CAACM,GAAG,CAAEF,IAAK,CAAC,CACrB,EACD,CAAEJ,GAAG,EAAEI,IAAI,CACZ,CAAC;EACD,OAAON,oBAAoB,CAAEa,SAAS,EAAEK,QAAS,CAAC;AACnD","ignoreList":[]}

package/build-module/slot-fill/bubbles-virtually/slot-fill-context.js CHANGED Viewed

@@ -1,7 +1,3 @@
-/**
- * External dependencies
- */
-import { proxyMap } from 'valtio/utils';
 /**
  * WordPress dependencies
  */
@@ -11,9 +7,10 @@ import warning from '@wordpress/warning';
  * Internal dependencies
  */
+import { observableMap } from './observable-map';
 const initialContextValue = {
-  slots: proxyMap(),
-  fills: proxyMap(),
+  slots: observableMap(),
+  fills: observableMap(),
   registerSlot: () => {
     typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? warning('Components must be wrapped within `SlotFillProvider`. ' + 'See https://developer.wordpress.org/block-editor/components/slot-fill/') : void 0;
   },

package/build-module/slot-fill/bubbles-virtually/slot-fill-context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~proxyMap~~","~~createContext~~","~~warning~~","initialContextValue","slots","fills","registerSlot","SCRIPT_DEBUG","updateSlot","unregisterSlot","registerFill","unregisterFill","isDefault","SlotFillContext"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot-fill-context.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport { proxyMap } from 'valtio/utils';\n/\n WordPress dependencies\n /\nimport { createContext } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n/\n Internal dependencies\n */\nimport type { SlotFillBubblesVirtuallyContext } from '../types';\n\nconst initialContextValue: SlotFillBubblesVirtuallyContext = {\n\tslots: ~~proxyMap~~(),\n\tfills: ~~proxyMap~~(),\n\tregisterSlot: () => {\n\t\twarning(\n\t\t\t'Components must be wrapped within `SlotFillProvider`. ' +\n\t\t\t\t'See https://developer.wordpress.org/block-editor/components/slot-fill/'\n\t\t);\n\t},\n\tupdateSlot: () => {},\n\tunregisterSlot: () => {},\n\tregisterFill: () => {},\n\tunregisterFill: () => {},\n\n\t// This helps the provider know if it's using the default context value or not.\n\tisDefault: true,\n};\n\nconst SlotFillContext = createContext( initialContextValue );\n\nexport default SlotFillContext;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,~~QAAQ,QAAQ,cAAc;AACvC;AACA;AACA;AACA,SAASC,~~aAAa,QAAQ,oBAAoB;AAClD,OAAOC,OAAO,MAAM,oBAAoB;AACxC;AACA;AACA;;~~AAGA~~,MAAMC,mBAAoD,GAAG;EAC5DC,KAAK,~~EAAEJ~~,~~QAAQ~~,CAAC,CAAC;~~EACjBK~~,KAAK,~~EAAEL~~,~~QAAQ~~,CAAC,CAAC;~~EACjBM~~,YAAY,EAAEA,CAAA,KAAM;IACnB,OAAAC,YAAA,oBAAAA,YAAA,~~YAAAL~~,OAAO,CACN,wDAAwD,GACvD,wEACF,CAAC;EACF,CAAC;~~EACDM~~,UAAU,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpBC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EACxBC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EAExB;EACAC,SAAS,EAAE;AACZ,CAAC;AAED,MAAMC,eAAe,~~GAAGZ~~,aAAa,~~CAAEE~~,mBAAoB,CAAC;AAE5D,eAAeU,eAAe"}
1	+ {"version":3,"names":["createContext","warning","observableMap","initialContextValue","slots","fills","registerSlot","SCRIPT_DEBUG","updateSlot","unregisterSlot","registerFill","unregisterFill","isDefault","SlotFillContext"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot-fill-context.ts"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createContext } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n/\n Internal dependencies\n */\nimport type { SlotFillBubblesVirtuallyContext } from '../types';\nimport { observableMap } from './observable-map';\n\nconst initialContextValue: SlotFillBubblesVirtuallyContext = {\n\tslots: observableMap(),\n\tfills: observableMap(),\n\tregisterSlot: () => {\n\t\twarning(\n\t\t\t'Components must be wrapped within `SlotFillProvider`. ' +\n\t\t\t\t'See https://developer.wordpress.org/block-editor/components/slot-fill/'\n\t\t);\n\t},\n\tupdateSlot: () => {},\n\tunregisterSlot: () => {},\n\tregisterFill: () => {},\n\tunregisterFill: () => {},\n\n\t// This helps the provider know if it's using the default context value or not.\n\tisDefault: true,\n};\n\nconst SlotFillContext = createContext( initialContextValue );\n\nexport default SlotFillContext;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,OAAOC,OAAO,MAAM,oBAAoB;AACxC;AACA;AACA;;AAEA,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,MAAMC,mBAAoD,GAAG;EAC5DC,KAAK,EAAEF,aAAa,CAAC,CAAC;EACtBG,KAAK,EAAEH,aAAa,CAAC,CAAC;EACtBI,YAAY,EAAEA,CAAA,KAAM;IACnB,OAAAC,YAAA,oBAAAA,YAAA,YAAAN,OAAO,CACN,wDAAwD,GACvD,wEACF,CAAC;EACF,CAAC;EACDO,UAAU,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpBC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EACxBC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EAExB;EACAC,SAAS,EAAE;AACZ,CAAC;AAED,MAAMC,eAAe,GAAGb,aAAa,CAAEG,mBAAoB,CAAC;AAE5D,eAAeU,eAAe","ignoreList":[]}

package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js CHANGED Viewed

@@ -1,10 +1,4 @@
 import { createElement } from "react";
-/**
- * External dependencies
- */
-import { ref as valRef } from 'valtio';
-import { proxyMap } from 'valtio/utils';
 /**
  * WordPress dependencies
  */
@@ -15,16 +9,17 @@ import isShallowEqual from '@wordpress/is-shallow-equal';
  * Internal dependencies
  */
 import SlotFillContext from './slot-fill-context';
+import { observableMap } from './observable-map';
 function createSlotRegistry() {
-  const slots = proxyMap();
-  const fills = proxyMap();
+  const slots = observableMap();
+  const fills = observableMap();
   const registerSlot = (name, ref, fillProps) => {
     const slot = slots.get(name);
-    slots.set(name, valRef({
+    slots.set(name, {
       ...slot,
       ref: ref || slot?.ref,
       fillProps: fillProps || slot?.fillProps || {}
-    }));
+    });
   };
   const unregisterSlot = (name, ref) => {
     // Make sure we're not unregistering a slot registered by another element
@@ -49,14 +44,14 @@ function createSlotRegistry() {
     }
   };
   const registerFill = (name, ref) => {
-    fills.set(name, valRef([...(fills.get(name) || []), ref]));
+    fills.set(name, [...(fills.get(name) || []), ref]);
   };
   const unregisterFill = (name, ref) => {
     const fillsForName = fills.get(name);
     if (!fillsForName) {
       return;
     }
-    fills.set(name, valRef(fillsForName.filter(fillRef => fillRef !== ref)));
+    fills.set(name, fillsForName.filter(fillRef => fillRef !== ref));
   };
   return {
     slots,

package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~ref~~","~~valRef~~","~~proxyMap~~","~~useMemo~~","~~isShallowEqual","SlotFillContext","~~createSlotRegistry","slots","fills","registerSlot","name","fillProps","slot","get","set","unregisterSlot","delete","updateSlot","slotFills","forEach","fill","current","rerender","registerFill","unregisterFill","fillsForName","filter","fillRef","SlotFillProvider","children","registry","createElement","Provider","value"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport { ref as valRef } from 'valtio';\nimport { proxyMap } from 'valtio/utils';\n\n/\n WordPress dependencies\n /\nimport { useMemo } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\n\n/\n Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport type {\n\tSlotFillProviderProps,\n\tSlotFillBubblesVirtuallyContext,\n} from '../types';\n\nfunction createSlotRegistry(): SlotFillBubblesVirtuallyContext {\n\tconst slots: SlotFillBubblesVirtuallyContext[ 'slots' ] = ~~proxyMap~~();\n\tconst fills: SlotFillBubblesVirtuallyContext[ 'fills' ] = ~~proxyMap~~();\n\n\tconst registerSlot: SlotFillBubblesVirtuallyContext[ 'registerSlot' ] = (\n\t\tname,\n\t\tref,\n\t\tfillProps\n\t) => {\n\t\tconst slot = slots.get( name );\n\n\t\tslots.set(~~\n\t\t\tname,\n\t\t\tvalRef(~~ {\n\t\t\t\t...slot,\n\t\t\t\tref: ref \|\| slot?.ref,\n\t\t\t\tfillProps: fillProps \|\| slot?.fillProps \|\| {},\n\t\t\t} )~~\n\t\t)~~;\n\t};\n\n\tconst unregisterSlot: SlotFillBubblesVirtuallyContext[ 'unregisterSlot' ] =\n\t\t( name, ref ) => {\n\t\t\t// Make sure we're not unregistering a slot registered by another element\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412\n\t\t\tif ( slots.get( name )?.ref === ref ) {\n\t\t\t\tslots.delete( name );\n\t\t\t}\n\t\t};\n\n\tconst updateSlot: SlotFillBubblesVirtuallyContext[ 'updateSlot' ] = (\n\t\tname,\n\t\tfillProps\n\t) => {\n\t\tconst slot = slots.get( name );\n\t\tif ( ! slot ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isShallowEqual( slot.fillProps, fillProps ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tslot.fillProps = fillProps;\n\t\tconst slotFills = fills.get( name );\n\t\tif ( slotFills ) {\n\t\t\t// Force update fills.\n\t\t\tslotFills.forEach( ( fill ) => fill.current.rerender() );\n\t\t}\n\t};\n\n\tconst registerFill: SlotFillBubblesVirtuallyContext[ 'registerFill' ] = (\n\t\tname,\n\t\tref\n\t) => {\n\t\tfills.set( name, ~~valRef(~~ [ ...( fills.get( name ) \|\| [] ), ref ] ) );\n\t};\n\n\tconst unregisterFill: SlotFillBubblesVirtuallyContext[ 'registerFill' ] = (\n\t\tname,\n\t\tref\n\t) => {\n\t\tconst fillsForName = fills.get( name );\n\t\tif ( ! fillsForName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfills.set(\n\t\t\tname,\n\t\t\~~tvalRef( fillsForName~~.filter( ( fillRef ) => fillRef !== ref ) )\n\t\t);\n\t};\n\n\treturn {\n\t\tslots,\n\t\tfills,\n\t\tregisterSlot,\n\t\tupdateSlot,\n\t\tunregisterSlot,\n\t\tregisterFill,\n\t\tunregisterFill,\n\t};\n}\n\nexport default function SlotFillProvider( {\n\tchildren,\n}: SlotFillProviderProps ) {\n\tconst registry = useMemo( createSlotRegistry, [] );\n\treturn (\n\t\t<SlotFillContext.Provider value={ registry }>\n\t\t\t{ children }\n\t\t</SlotFillContext.Provider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,~~GAAG,IAAIC,MAAM,QAAQ,QAAQ;AACtC,SAASC,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AACA,SAASC,~~OAAO,QAAQ,oBAAoB;AAC5C,OAAOC,cAAc,MAAM,6BAA6B;;AAExD;AACA;AACA;AACA,OAAOC,eAAe,MAAM,qBAAqB;~~AAMjD~~,SAASC,kBAAkBA,CAAA,EAAoC;EAC9D,MAAMC,KAAiD,~~GAAGL~~,~~QAAQ~~,CAAC,CAAC;~~EACpE~~,~~MAAMM~~,KAAiD,~~GAAGN~~,~~QAAQ~~,CAAC,CAAC;~~EAEpE~~,~~MAAMO~~,YAA+D,GAAGA,CACvEC,IAAI,~~EACJV~~,GAAG,~~EACHW~~,SAAS,KACL;IACJ,MAAMC,IAAI,~~GAAGL~~,KAAK,~~CAACM~~,GAAG,~~CAAEH~~,IAAK,CAAC;IAE9BH,KAAK,~~CAACO~~,GAAG,~~CACRJ~~,IAAI,~~EACJT,MAAM,CAAE~~;~~MACP~~,~~GAAGW~~,IAAI;~~MACPZ~~,GAAG,EAAEA,GAAG,~~IAAIY~~,IAAI,~~EAAEZ~~,GAAG;~~MACrBW~~,SAAS,EAAEA,SAAS,IAAIC,IAAI,EAAED,SAAS,IAAI,CAAC;IAC7C,CAAE,~~CACH,~~CAAC;~~EACF~~,CAAC;EAED,MAAMI,cAAmE,GACxEA,~~CAAEL~~,IAAI,~~EAAEV~~,GAAG,KAAM;IAChB;IACA;IACA,~~IAAKO~~,KAAK,~~CAACM~~,GAAG,~~CAAEH~~,IAAK,CAAC,~~EAAEV~~,GAAG,KAAKA,GAAG,EAAG;~~MACrCO~~,KAAK,~~CAACS~~,MAAM,~~CAAEN~~,IAAK,CAAC;IACrB;EACD,CAAC;EAEF,~~MAAMO~~,UAA2D,GAAGA,~~CACnEP~~,IAAI,~~EACJC~~,SAAS,KACL;IACJ,MAAMC,IAAI,~~GAAGL~~,KAAK,~~CAACM~~,GAAG,~~CAAEH~~,IAAK,CAAC;IAC9B,IAAK,~~CAAEE~~,IAAI,EAAG;MACb;IACD;IAEA,~~IAAKR~~,cAAc,~~CAAEQ~~,IAAI,CAACD,SAAS,EAAEA,SAAU,CAAC,EAAG;MAClD;IACD;IAEAC,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,MAAMO,SAAS,~~GAAGV~~,KAAK,~~CAACK~~,GAAG,~~CAAEH~~,IAAK,CAAC;IACnC,~~IAAKQ~~,SAAS,EAAG;MAChB;MACAA,SAAS,CAACC,OAAO,CAAIC,IAAI,IAAMA,IAAI,CAACC,OAAO,CAACC,QAAQ,CAAC,CAAE,CAAC;IACzD;EACD,CAAC;EAED,MAAMC,YAA+D,GAAGA,~~CACvEb~~,IAAI,~~EACJV~~,GAAG,KACC;~~IACJQ~~,KAAK,~~CAACM~~,GAAG,~~CAAEJ~~,IAAI,~~EAAET~~,~~MAAM,~~CAAE,~~CAAE~~,~~IAAKO,~~KAAK,~~CAACK~~,GAAG,~~CAAEH~~,IAAK,CAAC,IAAI,EAAE,CAAE,~~EAAEV~~,GAAG,CAAG,~~CAAE,~~CAAC;~~EACrE~~,CAAC;EAED,~~MAAMwB~~,cAAiE,GAAGA,~~CACzEd~~,IAAI,~~EACJV~~,GAAG,KACC;IACJ,~~MAAMyB~~,YAAY,~~GAAGjB~~,KAAK,~~CAACK~~,GAAG,~~CAAEH~~,IAAK,CAAC;IACtC,IAAK,~~CAAEe~~,YAAY,EAAG;MACrB;IACD;~~IAEAjB~~,KAAK,~~CAACM~~,GAAG,~~CACRJ~~,IAAI,~~EACJT~~,~~MAAM,CAAEwB,~~YAAY,CAACC,MAAM,CAAIC,OAAO,IAAMA,OAAO,~~KAAK3B~~,GAAI,~~CAAE~~,~~CAC/D,~~CAAC;EACF,CAAC;EAED,OAAO;~~IACNO~~,KAAK;IACLC,KAAK;IACLC,YAAY;~~IACZQ~~,UAAU;IACVF,cAAc;IACdQ,YAAY;IACZC;EACD,CAAC;AACF;AAEA,eAAe,SAASI,gBAAgBA,CAAE;EACzCC;AACsB,CAAC,EAAG;EAC1B,MAAMC,QAAQ,~~GAAG3B~~,OAAO,~~CAAEG~~,kBAAkB,EAAE,EAAG,CAAC;EAClD,~~OACCyB~~,aAAA,~~CAAC1B~~,eAAe,~~CAAC2B~~,QAAQ;IAACC,KAAK,EAAGH;EAAU,GACzCD,QACuB,CAAC;AAE7B"}
1	+ {"version":3,"names":["useMemo","isShallowEqual","SlotFillContext","observableMap","createSlotRegistry","slots","fills","registerSlot","name","ref","fillProps","slot","get","set","unregisterSlot","delete","updateSlot","slotFills","forEach","fill","current","rerender","registerFill","unregisterFill","fillsForName","filter","fillRef","SlotFillProvider","children","registry","createElement","Provider","value"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useMemo } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\n\n/\n Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\nimport type {\n\tSlotFillProviderProps,\n\tSlotFillBubblesVirtuallyContext,\n} from '../types';\nimport { observableMap } from './observable-map';\n\nfunction createSlotRegistry(): SlotFillBubblesVirtuallyContext {\n\tconst slots: SlotFillBubblesVirtuallyContext[ 'slots' ] = observableMap();\n\tconst fills: SlotFillBubblesVirtuallyContext[ 'fills' ] = observableMap();\n\n\tconst registerSlot: SlotFillBubblesVirtuallyContext[ 'registerSlot' ] = (\n\t\tname,\n\t\tref,\n\t\tfillProps\n\t) => {\n\t\tconst slot = slots.get( name );\n\n\t\tslots.set( name, {\n\t\t\t...slot,\n\t\t\tref: ref \|\| slot?.ref,\n\t\t\tfillProps: fillProps \|\| slot?.fillProps \|\| {},\n\t\t} );\n\t};\n\n\tconst unregisterSlot: SlotFillBubblesVirtuallyContext[ 'unregisterSlot' ] =\n\t\t( name, ref ) => {\n\t\t\t// Make sure we're not unregistering a slot registered by another element\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412\n\t\t\tif ( slots.get( name )?.ref === ref ) {\n\t\t\t\tslots.delete( name );\n\t\t\t}\n\t\t};\n\n\tconst updateSlot: SlotFillBubblesVirtuallyContext[ 'updateSlot' ] = (\n\t\tname,\n\t\tfillProps\n\t) => {\n\t\tconst slot = slots.get( name );\n\t\tif ( ! slot ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isShallowEqual( slot.fillProps, fillProps ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tslot.fillProps = fillProps;\n\t\tconst slotFills = fills.get( name );\n\t\tif ( slotFills ) {\n\t\t\t// Force update fills.\n\t\t\tslotFills.forEach( ( fill ) => fill.current.rerender() );\n\t\t}\n\t};\n\n\tconst registerFill: SlotFillBubblesVirtuallyContext[ 'registerFill' ] = (\n\t\tname,\n\t\tref\n\t) => {\n\t\tfills.set( name, [ ...( fills.get( name ) \|\| [] ), ref ] );\n\t};\n\n\tconst unregisterFill: SlotFillBubblesVirtuallyContext[ 'registerFill' ] = (\n\t\tname,\n\t\tref\n\t) => {\n\t\tconst fillsForName = fills.get( name );\n\t\tif ( ! fillsForName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfills.set(\n\t\t\tname,\n\t\t\tfillsForName.filter( ( fillRef ) => fillRef !== ref )\n\t\t);\n\t};\n\n\treturn {\n\t\tslots,\n\t\tfills,\n\t\tregisterSlot,\n\t\tupdateSlot,\n\t\tunregisterSlot,\n\t\tregisterFill,\n\t\tunregisterFill,\n\t};\n}\n\nexport default function SlotFillProvider( {\n\tchildren,\n}: SlotFillProviderProps ) {\n\tconst registry = useMemo( createSlotRegistry, [] );\n\treturn (\n\t\t<SlotFillContext.Provider value={ registry }>\n\t\t\t{ children }\n\t\t</SlotFillContext.Provider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,OAAOC,cAAc,MAAM,6BAA6B;;AAExD;AACA;AACA;AACA,OAAOC,eAAe,MAAM,qBAAqB;AAKjD,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,kBAAkBA,CAAA,EAAoC;EAC9D,MAAMC,KAAiD,GAAGF,aAAa,CAAC,CAAC;EACzE,MAAMG,KAAiD,GAAGH,aAAa,CAAC,CAAC;EAEzE,MAAMI,YAA+D,GAAGA,CACvEC,IAAI,EACJC,GAAG,EACHC,SAAS,KACL;IACJ,MAAMC,IAAI,GAAGN,KAAK,CAACO,GAAG,CAAEJ,IAAK,CAAC;IAE9BH,KAAK,CAACQ,GAAG,CAAEL,IAAI,EAAE;MAChB,GAAGG,IAAI;MACPF,GAAG,EAAEA,GAAG,IAAIE,IAAI,EAAEF,GAAG;MACrBC,SAAS,EAAEA,SAAS,IAAIC,IAAI,EAAED,SAAS,IAAI,CAAC;IAC7C,CAAE,CAAC;EACJ,CAAC;EAED,MAAMI,cAAmE,GACxEA,CAAEN,IAAI,EAAEC,GAAG,KAAM;IAChB;IACA;IACA,IAAKJ,KAAK,CAACO,GAAG,CAAEJ,IAAK,CAAC,EAAEC,GAAG,KAAKA,GAAG,EAAG;MACrCJ,KAAK,CAACU,MAAM,CAAEP,IAAK,CAAC;IACrB;EACD,CAAC;EAEF,MAAMQ,UAA2D,GAAGA,CACnER,IAAI,EACJE,SAAS,KACL;IACJ,MAAMC,IAAI,GAAGN,KAAK,CAACO,GAAG,CAAEJ,IAAK,CAAC;IAC9B,IAAK,CAAEG,IAAI,EAAG;MACb;IACD;IAEA,IAAKV,cAAc,CAAEU,IAAI,CAACD,SAAS,EAAEA,SAAU,CAAC,EAAG;MAClD;IACD;IAEAC,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,MAAMO,SAAS,GAAGX,KAAK,CAACM,GAAG,CAAEJ,IAAK,CAAC;IACnC,IAAKS,SAAS,EAAG;MAChB;MACAA,SAAS,CAACC,OAAO,CAAIC,IAAI,IAAMA,IAAI,CAACC,OAAO,CAACC,QAAQ,CAAC,CAAE,CAAC;IACzD;EACD,CAAC;EAED,MAAMC,YAA+D,GAAGA,CACvEd,IAAI,EACJC,GAAG,KACC;IACJH,KAAK,CAACO,GAAG,CAAEL,IAAI,EAAE,CAAE,IAAKF,KAAK,CAACM,GAAG,CAAEJ,IAAK,CAAC,IAAI,EAAE,CAAE,EAAEC,GAAG,CAAG,CAAC;EAC3D,CAAC;EAED,MAAMc,cAAiE,GAAGA,CACzEf,IAAI,EACJC,GAAG,KACC;IACJ,MAAMe,YAAY,GAAGlB,KAAK,CAACM,GAAG,CAAEJ,IAAK,CAAC;IACtC,IAAK,CAAEgB,YAAY,EAAG;MACrB;IACD;IAEAlB,KAAK,CAACO,GAAG,CACRL,IAAI,EACJgB,YAAY,CAACC,MAAM,CAAIC,OAAO,IAAMA,OAAO,KAAKjB,GAAI,CACrD,CAAC;EACF,CAAC;EAED,OAAO;IACNJ,KAAK;IACLC,KAAK;IACLC,YAAY;IACZS,UAAU;IACVF,cAAc;IACdQ,YAAY;IACZC;EACD,CAAC;AACF;AAEA,eAAe,SAASI,gBAAgBA,CAAE;EACzCC;AACsB,CAAC,EAAG;EAC1B,MAAMC,QAAQ,GAAG7B,OAAO,CAAEI,kBAAkB,EAAE,EAAG,CAAC;EAClD,OACC0B,aAAA,CAAC5B,eAAe,CAAC6B,QAAQ;IAACC,KAAK,EAAGH;EAAU,GACzCD,QACuB,CAAC;AAE7B","ignoreList":[]}

package/build-module/slot-fill/bubbles-virtually/slot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useRef","useLayoutEffect","useContext","forwardRef","useMergeRefs","View","SlotFillContext","Slot","props","forwardedRef","name","fillProps","as","children","restProps","registerSlot","unregisterSlot","registry","ref","updateSlot","createElement"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseRef,\n\tuseLayoutEffect,\n\tuseContext,\n\tforwardRef,\n} from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport { View } from '../../view';\nimport SlotFillContext from './slot-fill-context';\nimport type { WordPressComponentProps } from '../../context';\nimport type { SlotComponentProps } from '../types';\n\nfunction Slot(\n\tprops: WordPressComponentProps<\n\t\tOmit< SlotComponentProps, 'bubblesVirtually' >,\n\t\t'div'\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tname,\n\t\tfillProps = {},\n\t\tas,\n\t\t// `children` is not allowed. However, if it is passed,\n\t\t// it will be displayed as is, so remove `children`.\n\t\t// @ts-ignore\n\t\tchildren,\n\t\t...restProps\n\t} = props;\n\n\tconst { registerSlot, unregisterSlot, ...registry } =\n\t\tuseContext( SlotFillContext );\n\tconst ref = useRef< HTMLElement >( null );\n\n\tuseLayoutEffect( () => {\n\t\tregisterSlot( name, ref, fillProps );\n\t\treturn () => {\n\t\t\tunregisterSlot( name, ref );\n\t\t};\n\t\t// Ignore reason: We don't want to unregister and register the slot whenever\n\t\t// `fillProps` change, which would cause the fill to be re-mounted. Instead,\n\t\t// we can just update the slot (see hook below).\n\t\t// For more context, see https://github.com/WordPress/gutenberg/pull/44403#discussion_r994415973\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ registerSlot, unregisterSlot, name ] );\n\t// fillProps may be an update that interacts with the layout, so we\n\t// useLayoutEffect.\n\tuseLayoutEffect( () => {\n\t\tregistry.updateSlot( name, fillProps );\n\t} );\n\n\treturn (\n\t\t<View\n\t\t\tas={ as }\n\t\t\tref={ useMergeRefs( [ forwardedRef, ref ] ) }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( Slot );\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SACCA,MAAM,EACNC,eAAe,EACfC,UAAU,EACVC,UAAU,QACJ,oBAAoB;AAC3B,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,IAAI,QAAQ,YAAY;AACjC,OAAOC,eAAe,MAAM,qBAAqB;AAIjD,SAASC,IAAIA,CACZC,KAGC,EACDC,YAAiC,EAChC;EACD,MAAM;IACLC,IAAI;IACJC,SAAS,GAAG,CAAC,CAAC;IACdC,EAAE;IACF;IACA;IACA;IACAC,QAAQ;IACR,GAAGC;EACJ,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,YAAY;IAAEC,cAAc;IAAE,GAAGC;EAAS,CAAC,GAClDf,UAAU,CAAEI,eAAgB,CAAC;EAC9B,MAAMY,GAAG,GAAGlB,MAAM,CAAiB,IAAK,CAAC;EAEzCC,eAAe,CAAE,MAAM;IACtBc,YAAY,CAAEL,IAAI,EAAEQ,GAAG,EAAEP,SAAU,CAAC;IACpC,OAAO,MAAM;MACZK,cAAc,CAAEN,IAAI,EAAEQ,GAAI,CAAC;IAC5B,CAAC;IACD;IACA;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAEH,YAAY,EAAEC,cAAc,EAAEN,IAAI,CAAG,CAAC;EAC3C;EACA;EACAT,eAAe,CAAE,MAAM;IACtBgB,QAAQ,CAACE,UAAU,CAAET,IAAI,EAAEC,SAAU,CAAC;EACvC,CAAE,CAAC;EAEH,OACCS,aAAA,CAACf,IAAI;IACJO,EAAE,EAAGA,EAAI;IACTM,GAAG,EAAGd,YAAY,CAAE,CAAEK,YAAY,EAAES,GAAG,CAAG,CAAG;IAAA,GACxCJ;EAAS,CACd,CAAC;AAEJ;AAEA,eAAeX,UAAU,CAAEI,IAAK,CAAC"}
1	+ {"version":3,"names":["useRef","useLayoutEffect","useContext","forwardRef","useMergeRefs","View","SlotFillContext","Slot","props","forwardedRef","name","fillProps","as","children","restProps","registerSlot","unregisterSlot","registry","ref","updateSlot","createElement"],"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseRef,\n\tuseLayoutEffect,\n\tuseContext,\n\tforwardRef,\n} from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport { View } from '../../view';\nimport SlotFillContext from './slot-fill-context';\nimport type { WordPressComponentProps } from '../../context';\nimport type { SlotComponentProps } from '../types';\n\nfunction Slot(\n\tprops: WordPressComponentProps<\n\t\tOmit< SlotComponentProps, 'bubblesVirtually' >,\n\t\t'div'\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tname,\n\t\tfillProps = {},\n\t\tas,\n\t\t// `children` is not allowed. However, if it is passed,\n\t\t// it will be displayed as is, so remove `children`.\n\t\t// @ts-ignore\n\t\tchildren,\n\t\t...restProps\n\t} = props;\n\n\tconst { registerSlot, unregisterSlot, ...registry } =\n\t\tuseContext( SlotFillContext );\n\tconst ref = useRef< HTMLElement >( null );\n\n\tuseLayoutEffect( () => {\n\t\tregisterSlot( name, ref, fillProps );\n\t\treturn () => {\n\t\t\tunregisterSlot( name, ref );\n\t\t};\n\t\t// Ignore reason: We don't want to unregister and register the slot whenever\n\t\t// `fillProps` change, which would cause the fill to be re-mounted. Instead,\n\t\t// we can just update the slot (see hook below).\n\t\t// For more context, see https://github.com/WordPress/gutenberg/pull/44403#discussion_r994415973\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ registerSlot, unregisterSlot, name ] );\n\t// fillProps may be an update that interacts with the layout, so we\n\t// useLayoutEffect.\n\tuseLayoutEffect( () => {\n\t\tregistry.updateSlot( name, fillProps );\n\t} );\n\n\treturn (\n\t\t<View\n\t\t\tas={ as }\n\t\t\tref={ useMergeRefs( [ forwardedRef, ref ] ) }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( Slot );\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SACCA,MAAM,EACNC,eAAe,EACfC,UAAU,EACVC,UAAU,QACJ,oBAAoB;AAC3B,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,IAAI,QAAQ,YAAY;AACjC,OAAOC,eAAe,MAAM,qBAAqB;AAIjD,SAASC,IAAIA,CACZC,KAGC,EACDC,YAAiC,EAChC;EACD,MAAM;IACLC,IAAI;IACJC,SAAS,GAAG,CAAC,CAAC;IACdC,EAAE;IACF;IACA;IACA;IACAC,QAAQ;IACR,GAAGC;EACJ,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,YAAY;IAAEC,cAAc;IAAE,GAAGC;EAAS,CAAC,GAClDf,UAAU,CAAEI,eAAgB,CAAC;EAC9B,MAAMY,GAAG,GAAGlB,MAAM,CAAiB,IAAK,CAAC;EAEzCC,eAAe,CAAE,MAAM;IACtBc,YAAY,CAAEL,IAAI,EAAEQ,GAAG,EAAEP,SAAU,CAAC;IACpC,OAAO,MAAM;MACZK,cAAc,CAAEN,IAAI,EAAEQ,GAAI,CAAC;IAC5B,CAAC;IACD;IACA;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAEH,YAAY,EAAEC,cAAc,EAAEN,IAAI,CAAG,CAAC;EAC3C;EACA;EACAT,eAAe,CAAE,MAAM;IACtBgB,QAAQ,CAACE,UAAU,CAAET,IAAI,EAAEC,SAAU,CAAC;EACvC,CAAE,CAAC;EAEH,OACCS,aAAA,CAACf,IAAI;IACJO,EAAE,EAAGA,EAAI;IACTM,GAAG,EAAGd,YAAY,CAAE,CAAEK,YAAY,EAAES,GAAG,CAAG,CAAG;IAAA,GACxCJ;EAAS,CACd,CAAC;AAEJ;AAEA,eAAeX,UAAU,CAAEI,IAAK,CAAC","ignoreList":[]}