@wordpress/components 27.2.0 → 27.4.0

package/build/notice/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_element","_a11y","_icons","_button","_visuallyHidden","noop","useSpokenMessage","message","politeness","spokenMessage","renderToString","useEffect","speak","getDefaultPoliteness","status","getStatusLabel","__","Notice","className","children","onRemove","isDismissible","actions","__unstableHTML","onDismiss","classes","classnames","_react","createElement","RawHTML","onDismissNotice","VisuallyHidden","map","buttonCustomClasses","label","isPrimary","variant","noDefaultClasses","onClick","url","index","computedVariant","default","key","href","undefined","icon","close","_default","exports"],"sources":["@wordpress/components/src/notice/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RawHTML, useEffect, renderToString } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport type { NoticeAction, NoticeProps } from './types';\nimport type { DeprecatedButtonProps } from '../button/types';\nimport { VisuallyHidden } from '../visually-hidden';\n\nconst noop = () => {};\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n */\nfunction useSpokenMessage(\n\tmessage: NoticeProps[ 'spokenMessage' ],\n\tpoliteness: NoticeProps[ 'politeness' ]\n) {\n\tconst spokenMessage =\n\t\ttypeof message === 'string' ? message : renderToString( message );\n\n\tuseEffect( () => {\n\t\tif ( spokenMessage ) {\n\t\t\tspeak( spokenMessage, politeness );\n\t\t}\n\t}, [ spokenMessage, politeness ] );\n}\n\nfunction getDefaultPoliteness( status: NoticeProps[ 'status' ] ) {\n\tswitch ( status ) {\n\t\tcase 'success':\n\t\tcase 'warning':\n\t\tcase 'info':\n\t\t\treturn 'polite';\n\t\t// The default will also catch the 'error' status.\n\t\tdefault:\n\t\t\treturn 'assertive';\n\t}\n}\n\nfunction getStatusLabel( status: NoticeProps[ 'status' ] ) {\n\tswitch ( status ) {\n\t\tcase 'warning':\n\t\t\treturn __( 'Warning notice' );\n\t\tcase 'info':\n\t\t\treturn __( 'Information notice' );\n\t\tcase 'error':\n\t\t\treturn __( 'Error notice' );\n\t\t// The default will also catch the 'success' status.\n\t\tdefault:\n\t\t\treturn __( 'Notice' );\n\t}\n}\n\n/**\n * `Notice` is a component used to communicate feedback to the user.\n *\n *```jsx\n * import { Notice } from `@wordpress/components`;\n *\n * const MyNotice = () => (\n *   <Notice status=\"error\">An unknown error occurred.</Notice>\n * );\n * ```\n */\nfunction Notice( {\n\tclassName,\n\tstatus = 'info',\n\tchildren,\n\tspokenMessage = children,\n\tonRemove = noop,\n\tisDismissible = true,\n\tactions = [],\n\tpoliteness = getDefaultPoliteness( status ),\n\t__unstableHTML,\n\t// onDismiss is a callback executed when the notice is dismissed.\n\t// It is distinct from onRemove, which _looks_ like a callback but is\n\t// actually the function to call to remove the notice from the UI.\n\tonDismiss = noop,\n}: NoticeProps ) {\n\tuseSpokenMessage( spokenMessage, politeness );\n\n\tconst classes = classnames(\n\t\tclassName,\n\t\t'components-notice',\n\t\t'is-' + status,\n\t\t{\n\t\t\t'is-dismissible': isDismissible,\n\t\t}\n\t);\n\n\tif ( __unstableHTML && typeof children === 'string' ) {\n\t\tchildren = <RawHTML>{ children }</RawHTML>;\n\t}\n\n\tconst onDismissNotice = () => {\n\t\tonDismiss();\n\t\tonRemove();\n\t};\n\n\treturn (\n\t\t<div className={ classes }>\n\t\t\t<VisuallyHidden>{ getStatusLabel( status ) }</VisuallyHidden>\n\t\t\t<div className=\"components-notice__content\">\n\t\t\t\t{ children }\n\t\t\t\t<div className=\"components-notice__actions\">\n\t\t\t\t\t{ actions.map(\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tclassName: buttonCustomClasses,\n\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\tisPrimary,\n\t\t\t\t\t\t\t\tvariant,\n\t\t\t\t\t\t\t\tnoDefaultClasses = false,\n\t\t\t\t\t\t\t\tonClick,\n\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t}: NoticeAction &\n\t\t\t\t\t\t\t\t// `isPrimary` is a legacy prop included for\n\t\t\t\t\t\t\t\t// backcompat, but `variant` should be used\n\t\t\t\t\t\t\t\t// instead.\n\t\t\t\t\t\t\t\tPick< DeprecatedButtonProps, 'isPrimary' >,\n\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\tlet computedVariant = variant;\n\t\t\t\t\t\t\tif ( variant !== 'primary' && ! noDefaultClasses ) {\n\t\t\t\t\t\t\t\tcomputedVariant = ! url ? 'secondary' : 'link';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\ttypeof computedVariant === 'undefined' &&\n\t\t\t\t\t\t\t\tisPrimary\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tcomputedVariant = 'primary';\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\thref={ url }\n\t\t\t\t\t\t\t\t\tvariant={ computedVariant }\n\t\t\t\t\t\t\t\t\tonClick={ url ? undefined : onClick }\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'components-notice__action',\n\t\t\t\t\t\t\t\t\t\tbuttonCustomClasses\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ isDismissible && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"components-notice__dismiss\"\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ onDismissNotice }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default Notice;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_element","_a11y","_icons","_button","_visuallyHidden","noop","useSpokenMessage","message","politeness","spokenMessage","renderToString","useEffect","speak","getDefaultPoliteness","status","getStatusLabel","__","Notice","className","children","onRemove","isDismissible","actions","__unstableHTML","onDismiss","classes","classnames","_react","createElement","RawHTML","onDismissNotice","VisuallyHidden","map","buttonCustomClasses","label","isPrimary","variant","noDefaultClasses","onClick","url","index","computedVariant","default","key","href","undefined","icon","close","_default","exports"],"sources":["@wordpress/components/src/notice/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RawHTML, useEffect, renderToString } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport type { NoticeAction, NoticeProps } from './types';\nimport type { DeprecatedButtonProps } from '../button/types';\nimport { VisuallyHidden } from '../visually-hidden';\n\nconst noop = () => {};\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n */\nfunction useSpokenMessage(\n\tmessage: NoticeProps[ 'spokenMessage' ],\n\tpoliteness: NoticeProps[ 'politeness' ]\n) {\n\tconst spokenMessage =\n\t\ttypeof message === 'string' ? message : renderToString( message );\n\n\tuseEffect( () => {\n\t\tif ( spokenMessage ) {\n\t\t\tspeak( spokenMessage, politeness );\n\t\t}\n\t}, [ spokenMessage, politeness ] );\n}\n\nfunction getDefaultPoliteness( status: NoticeProps[ 'status' ] ) {\n\tswitch ( status ) {\n\t\tcase 'success':\n\t\tcase 'warning':\n\t\tcase 'info':\n\t\t\treturn 'polite';\n\t\t// The default will also catch the 'error' status.\n\t\tdefault:\n\t\t\treturn 'assertive';\n\t}\n}\n\nfunction getStatusLabel( status: NoticeProps[ 'status' ] ) {\n\tswitch ( status ) {\n\t\tcase 'warning':\n\t\t\treturn __( 'Warning notice' );\n\t\tcase 'info':\n\t\t\treturn __( 'Information notice' );\n\t\tcase 'error':\n\t\t\treturn __( 'Error notice' );\n\t\t// The default will also catch the 'success' status.\n\t\tdefault:\n\t\t\treturn __( 'Notice' );\n\t}\n}\n\n/**\n * `Notice` is a component used to communicate feedback to the user.\n *\n *```jsx\n * import { Notice } from `@wordpress/components`;\n *\n * const MyNotice = () => (\n *   <Notice status=\"error\">An unknown error occurred.</Notice>\n * );\n * ```\n */\nfunction Notice( {\n\tclassName,\n\tstatus = 'info',\n\tchildren,\n\tspokenMessage = children,\n\tonRemove = noop,\n\tisDismissible = true,\n\tactions = [],\n\tpoliteness = getDefaultPoliteness( status ),\n\t__unstableHTML,\n\t// onDismiss is a callback executed when the notice is dismissed.\n\t// It is distinct from onRemove, which _looks_ like a callback but is\n\t// actually the function to call to remove the notice from the UI.\n\tonDismiss = noop,\n}: NoticeProps ) {\n\tuseSpokenMessage( spokenMessage, politeness );\n\n\tconst classes = classnames(\n\t\tclassName,\n\t\t'components-notice',\n\t\t'is-' + status,\n\t\t{\n\t\t\t'is-dismissible': isDismissible,\n\t\t}\n\t);\n\n\tif ( __unstableHTML && typeof children === 'string' ) {\n\t\tchildren = <RawHTML>{ children }</RawHTML>;\n\t}\n\n\tconst onDismissNotice = () => {\n\t\tonDismiss();\n\t\tonRemove();\n\t};\n\n\treturn (\n\t\t<div className={ classes }>\n\t\t\t<VisuallyHidden>{ getStatusLabel( status ) }</VisuallyHidden>\n\t\t\t<div className=\"components-notice__content\">\n\t\t\t\t{ children }\n\t\t\t\t<div className=\"components-notice__actions\">\n\t\t\t\t\t{ actions.map(\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tclassName: buttonCustomClasses,\n\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\tisPrimary,\n\t\t\t\t\t\t\t\tvariant,\n\t\t\t\t\t\t\t\tnoDefaultClasses = false,\n\t\t\t\t\t\t\t\tonClick,\n\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t}: NoticeAction &\n\t\t\t\t\t\t\t\t// `isPrimary` is a legacy prop included for\n\t\t\t\t\t\t\t\t// backcompat, but `variant` should be used\n\t\t\t\t\t\t\t\t// instead.\n\t\t\t\t\t\t\t\tPick< DeprecatedButtonProps, 'isPrimary' >,\n\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\tlet computedVariant = variant;\n\t\t\t\t\t\t\tif ( variant !== 'primary' && ! noDefaultClasses ) {\n\t\t\t\t\t\t\t\tcomputedVariant = ! url ? 'secondary' : 'link';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\ttypeof computedVariant === 'undefined' &&\n\t\t\t\t\t\t\t\tisPrimary\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tcomputedVariant = 'primary';\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\thref={ url }\n\t\t\t\t\t\t\t\t\tvariant={ computedVariant }\n\t\t\t\t\t\t\t\t\tonClick={ url ? undefined : onClick }\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'components-notice__action',\n\t\t\t\t\t\t\t\t\t\tbuttonCustomClasses\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ isDismissible && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"components-notice__dismiss\"\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ onDismissNotice }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default Notice;\n"],"mappings":"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","ignoreList":[]}

package/build/notice/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_blur","_element","_compose","_style","_interopRequireDefault","HIDE_TIMER","Notice","onNoticeHidden","content","id","status","width","useWindowDimensions","animationValue","useRef","Animated","Value","current","timer","useEffect","timing","toValue","duration","useNativeDriver","easing","Easing","out","quad","start","finished","setTimeout","onHide","clearTimeout","useCallback","noticeSolidStyles","usePreferredColorSchemeStyle","styles","noticeSolid","noticeSolidDark","successTextStyles","successText","successTextDark","errorTextStyles","errorText","errorTextDark","textStyles","containerStyles","notice","Platform","isIOS","transform","translateY","interpolate","inputRange","outputRange","_react","createElement","Fragment","View","style","TouchableWithoutFeedback","onPress","noticeContent","Text","numberOfLines","BlurView","blurBackground","blurType","blurAmount","_default","exports","default"],"sources":["@wordpress/components/src/notice/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tAnimated,\n\tEasing,\n\tText,\n\tTouchableWithoutFeedback,\n\tView,\n\tuseWindowDimensions,\n} from 'react-native';\nimport { BlurView } from '@react-native-community/blur';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useCallback, Platform } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HIDE_TIMER = 3000;\n\nconst Notice = ( { onNoticeHidden, content, id, status } ) => {\n\tconst { width } = useWindowDimensions();\n\tconst animationValue = useRef( new Animated.Value( 0 ) ).current;\n\tconst timer = useRef( null );\n\n\tuseEffect( () => {\n\t\t// start animation\n\t\tAnimated.timing( animationValue, {\n\t\t\ttoValue: 1,\n\t\t\tduration: 300,\n\t\t\tuseNativeDriver: true,\n\t\t\teasing: Easing.out( Easing.quad ),\n\t\t} ).start( ( { finished } ) => {\n\t\t\tif ( finished && onNoticeHidden ) {\n\t\t\t\ttimer.current = setTimeout( () => {\n\t\t\t\t\tonHide();\n\t\t\t\t}, HIDE_TIMER );\n\t\t\t}\n\t\t} );\n\n\t\treturn () => {\n\t\t\tclearTimeout( timer?.current );\n\t\t};\n\t}, [ animationValue, onHide, onNoticeHidden ] );\n\n\tconst onHide = useCallback( () => {\n\t\tAnimated.timing( animationValue, {\n\t\t\ttoValue: 0,\n\t\t\tduration: 150,\n\t\t\tuseNativeDriver: true,\n\t\t\teasing: Easing.out( Easing.quad ),\n\t\t} ).start( ( { finished } ) => {\n\t\t\tif ( finished && onNoticeHidden ) {\n\t\t\t\tonNoticeHidden( id );\n\t\t\t}\n\t\t} );\n\t}, [ animationValue, onNoticeHidden, id ] );\n\n\tconst noticeSolidStyles = usePreferredColorSchemeStyle(\n\t\tstyles.noticeSolid,\n\t\tstyles.noticeSolidDark\n\t);\n\n\tconst successTextStyles = usePreferredColorSchemeStyle(\n\t\tstyles.successText,\n\t\tstyles.successTextDark\n\t);\n\n\tconst errorTextStyles = usePreferredColorSchemeStyle(\n\t\tstyles.errorText,\n\t\tstyles.errorTextDark\n\t);\n\n\tconst textStyles = [\n\t\tstatus === 'success' && successTextStyles,\n\t\tstatus === 'error' && errorTextStyles,\n\t];\n\n\tconst containerStyles = [\n\t\tstyles.notice,\n\t\t! Platform.isIOS && noticeSolidStyles,\n\t\t{\n\t\t\twidth,\n\t\t\ttransform: [\n\t\t\t\t{\n\t\t\t\t\ttranslateY: animationValue.interpolate( {\n\t\t\t\t\t\tinputRange: [ 0, 1 ],\n\t\t\t\t\t\toutputRange: [ -24, 0 ],\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t<Animated.View style={ containerStyles }>\n\t\t\t\t<TouchableWithoutFeedback onPress={ onHide }>\n\t\t\t\t\t<View style={ styles.noticeContent }>\n\t\t\t\t\t\t<Text numberOfLines={ 3 } style={ textStyles }>\n\t\t\t\t\t\t\t{ content }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t{ Platform.isIOS && (\n\t\t\t\t\t<BlurView\n\t\t\t\t\t\tstyle={ styles.blurBackground }\n\t\t\t\t\t\tblurType=\"prominent\"\n\t\t\t\t\t\tblurAmount={ 10 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</Animated.View>\n\t\t</>\n\t);\n};\n\nexport default Notice;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_blur","_element","_compose","_style","_interopRequireDefault","HIDE_TIMER","Notice","onNoticeHidden","content","id","status","width","useWindowDimensions","animationValue","useRef","Animated","Value","current","timer","useEffect","timing","toValue","duration","useNativeDriver","easing","Easing","out","quad","start","finished","setTimeout","onHide","clearTimeout","useCallback","noticeSolidStyles","usePreferredColorSchemeStyle","styles","noticeSolid","noticeSolidDark","successTextStyles","successText","successTextDark","errorTextStyles","errorText","errorTextDark","textStyles","containerStyles","notice","Platform","isIOS","transform","translateY","interpolate","inputRange","outputRange","_react","createElement","Fragment","View","style","TouchableWithoutFeedback","onPress","noticeContent","Text","numberOfLines","BlurView","blurBackground","blurType","blurAmount","_default","exports","default"],"sources":["@wordpress/components/src/notice/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tAnimated,\n\tEasing,\n\tText,\n\tTouchableWithoutFeedback,\n\tView,\n\tuseWindowDimensions,\n} from 'react-native';\nimport { BlurView } from '@react-native-community/blur';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useCallback, Platform } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HIDE_TIMER = 3000;\n\nconst Notice = ( { onNoticeHidden, content, id, status } ) => {\n\tconst { width } = useWindowDimensions();\n\tconst animationValue = useRef( new Animated.Value( 0 ) ).current;\n\tconst timer = useRef( null );\n\n\tuseEffect( () => {\n\t\t// start animation\n\t\tAnimated.timing( animationValue, {\n\t\t\ttoValue: 1,\n\t\t\tduration: 300,\n\t\t\tuseNativeDriver: true,\n\t\t\teasing: Easing.out( Easing.quad ),\n\t\t} ).start( ( { finished } ) => {\n\t\t\tif ( finished && onNoticeHidden ) {\n\t\t\t\ttimer.current = setTimeout( () => {\n\t\t\t\t\tonHide();\n\t\t\t\t}, HIDE_TIMER );\n\t\t\t}\n\t\t} );\n\n\t\treturn () => {\n\t\t\tclearTimeout( timer?.current );\n\t\t};\n\t}, [ animationValue, onHide, onNoticeHidden ] );\n\n\tconst onHide = useCallback( () => {\n\t\tAnimated.timing( animationValue, {\n\t\t\ttoValue: 0,\n\t\t\tduration: 150,\n\t\t\tuseNativeDriver: true,\n\t\t\teasing: Easing.out( Easing.quad ),\n\t\t} ).start( ( { finished } ) => {\n\t\t\tif ( finished && onNoticeHidden ) {\n\t\t\t\tonNoticeHidden( id );\n\t\t\t}\n\t\t} );\n\t}, [ animationValue, onNoticeHidden, id ] );\n\n\tconst noticeSolidStyles = usePreferredColorSchemeStyle(\n\t\tstyles.noticeSolid,\n\t\tstyles.noticeSolidDark\n\t);\n\n\tconst successTextStyles = usePreferredColorSchemeStyle(\n\t\tstyles.successText,\n\t\tstyles.successTextDark\n\t);\n\n\tconst errorTextStyles = usePreferredColorSchemeStyle(\n\t\tstyles.errorText,\n\t\tstyles.errorTextDark\n\t);\n\n\tconst textStyles = [\n\t\tstatus === 'success' && successTextStyles,\n\t\tstatus === 'error' && errorTextStyles,\n\t];\n\n\tconst containerStyles = [\n\t\tstyles.notice,\n\t\t! Platform.isIOS && noticeSolidStyles,\n\t\t{\n\t\t\twidth,\n\t\t\ttransform: [\n\t\t\t\t{\n\t\t\t\t\ttranslateY: animationValue.interpolate( {\n\t\t\t\t\t\tinputRange: [ 0, 1 ],\n\t\t\t\t\t\toutputRange: [ -24, 0 ],\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t<Animated.View style={ containerStyles }>\n\t\t\t\t<TouchableWithoutFeedback onPress={ onHide }>\n\t\t\t\t\t<View style={ styles.noticeContent }>\n\t\t\t\t\t\t<Text numberOfLines={ 3 } style={ textStyles }>\n\t\t\t\t\t\t\t{ content }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t{ Platform.isIOS && (\n\t\t\t\t\t<BlurView\n\t\t\t\t\t\tstyle={ styles.blurBackground }\n\t\t\t\t\t\tblurType=\"prominent\"\n\t\t\t\t\t\tblurAmount={ 10 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</Animated.View>\n\t\t</>\n\t);\n};\n\nexport default Notice;\n"],"mappings":"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","ignoreList":[]}

package/build/notice/list.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_","noop","NoticeList","notices","onRemove","className","children","removeNotice","id","classnames","_react","createElement","reverse","map","notice","content","restNotice","default","key","_default","exports"],"sources":["@wordpress/components/src/notice/list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport Notice from '.';\nimport type { WordPressComponentProps } from '../context';\nimport type { NoticeListProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `NoticeList` is a component used to render a collection of notices.\n *\n *```jsx\n * import { Notice, NoticeList } from `@wordpress/components`;\n *\n * const MyNoticeList = () => {\n *\tconst [ notices, setNotices ] = useState( [\n *\t\t{\n *\t\t\tid: 'second-notice',\n *\t\t\tcontent: 'second notice content',\n *\t\t},\n *\t\t{\n *\t\t\tid: 'fist-notice',\n *\t\t\tcontent: 'first notice content',\n *\t\t},\n *\t] );\n *\n *\tconst removeNotice = ( id ) => {\n *\t\tsetNotices( notices.filter( ( notice ) => notice.id !== id ) );\n *\t};\n *\n *\treturn <NoticeList notices={ notices } onRemove={ removeNotice } />;\n *};\n *```\n */\nfunction NoticeList( {\n\tnotices,\n\tonRemove = noop,\n\tclassName,\n\tchildren,\n}: WordPressComponentProps< NoticeListProps, 'div', false > ) {\n\tconst removeNotice =\n\t\t( id: NoticeListProps[ 'notices' ][ number ][ 'id' ] ) => () =>\n\t\t\tonRemove( id );\n\n\tclassName = classnames( 'components-notice-list', className );\n\n\treturn (\n\t\t<div className={ className }>\n\t\t\t{ children }\n\t\t\t{ [ ...notices ].reverse().map( ( notice ) => {\n\t\t\t\tconst { content, ...restNotice } = notice;\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...restNotice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonRemove={ removeNotice( notice.id ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ notice.content }\n\t\t\t\t\t</Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n\nexport default NoticeList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,CAAA,GAAAF,sBAAA,CAAAC,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAME,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;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,SAASC,UAAUA,CAAE;EACpBC,OAAO;EACPC,QAAQ,GAAGH,IAAI;EACfI,SAAS;EACTC;AACyD,CAAC,EAAG;EAC7D,MAAMC,YAAY,GACfC,EAAkD,IAAM,MACzDJ,QAAQ,CAAEI,EAAG,CAAC;EAEhBH,SAAS,GAAG,IAAAI,mBAAU,EAAE,wBAAwB,EAAEJ,SAAU,CAAC;EAE7D,OACC,IAAAK,MAAA,CAAAC,aAAA;IAAKN,SAAS,EAAGA;EAAW,GACzBC,QAAQ,EACR,CAAE,GAAGH,OAAO,CAAE,CAACS,OAAO,CAAC,CAAC,CAACC,GAAG,CAAIC,MAAM,IAAM;IAC7C,MAAM;MAAEC,OAAO;MAAE,GAAGC;IAAW,CAAC,GAAGF,MAAM;IACzC,OACC,IAAAJ,MAAA,CAAAC,aAAA,EAACX,CAAA,CAAAiB,OAAM;MAAA,GACDD,UAAU;MACfE,GAAG,EAAGJ,MAAM,CAACN,EAAI;MACjBJ,QAAQ,EAAGG,YAAY,CAAEO,MAAM,CAACN,EAAG;IAAG,GAEpCM,MAAM,CAACC,OACF,CAAC;EAEX,CAAE,CACE,CAAC;AAER;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEcf,UAAU"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_","noop","NoticeList","notices","onRemove","className","children","removeNotice","id","classnames","_react","createElement","reverse","map","notice","content","restNotice","default","key","_default","exports"],"sources":["@wordpress/components/src/notice/list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport Notice from '.';\nimport type { WordPressComponentProps } from '../context';\nimport type { NoticeListProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `NoticeList` is a component used to render a collection of notices.\n *\n *```jsx\n * import { Notice, NoticeList } from `@wordpress/components`;\n *\n * const MyNoticeList = () => {\n *\tconst [ notices, setNotices ] = useState( [\n *\t\t{\n *\t\t\tid: 'second-notice',\n *\t\t\tcontent: 'second notice content',\n *\t\t},\n *\t\t{\n *\t\t\tid: 'fist-notice',\n *\t\t\tcontent: 'first notice content',\n *\t\t},\n *\t] );\n *\n *\tconst removeNotice = ( id ) => {\n *\t\tsetNotices( notices.filter( ( notice ) => notice.id !== id ) );\n *\t};\n *\n *\treturn <NoticeList notices={ notices } onRemove={ removeNotice } />;\n *};\n *```\n */\nfunction NoticeList( {\n\tnotices,\n\tonRemove = noop,\n\tclassName,\n\tchildren,\n}: WordPressComponentProps< NoticeListProps, 'div', false > ) {\n\tconst removeNotice =\n\t\t( id: NoticeListProps[ 'notices' ][ number ][ 'id' ] ) => () =>\n\t\t\tonRemove( id );\n\n\tclassName = classnames( 'components-notice-list', className );\n\n\treturn (\n\t\t<div className={ className }>\n\t\t\t{ children }\n\t\t\t{ [ ...notices ].reverse().map( ( notice ) => {\n\t\t\t\tconst { content, ...restNotice } = notice;\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...restNotice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonRemove={ removeNotice( notice.id ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ notice.content }\n\t\t\t\t\t</Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n\nexport default NoticeList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,CAAA,GAAAF,sBAAA,CAAAC,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAME,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;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,SAASC,UAAUA,CAAE;EACpBC,OAAO;EACPC,QAAQ,GAAGH,IAAI;EACfI,SAAS;EACTC;AACyD,CAAC,EAAG;EAC7D,MAAMC,YAAY,GACfC,EAAkD,IAAM,MACzDJ,QAAQ,CAAEI,EAAG,CAAC;EAEhBH,SAAS,GAAG,IAAAI,mBAAU,EAAE,wBAAwB,EAAEJ,SAAU,CAAC;EAE7D,OACC,IAAAK,MAAA,CAAAC,aAAA;IAAKN,SAAS,EAAGA;EAAW,GACzBC,QAAQ,EACR,CAAE,GAAGH,OAAO,CAAE,CAACS,OAAO,CAAC,CAAC,CAACC,GAAG,CAAIC,MAAM,IAAM;IAC7C,MAAM;MAAEC,OAAO;MAAE,GAAGC;IAAW,CAAC,GAAGF,MAAM;IACzC,OACC,IAAAJ,MAAA,CAAAC,aAAA,EAACX,CAAA,CAAAiB,OAAM;MAAA,GACDD,UAAU;MACfE,GAAG,EAAGJ,MAAM,CAACN,EAAI;MACjBJ,QAAQ,EAAGG,YAAY,CAAEO,MAAM,CAACN,EAAG;IAAG,GAEpCM,MAAM,CAACC,OACF,CAAC;EAEX,CAAE,CACE,CAAC;AAER;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEcf,UAAU","ignoreList":[]}

package/build/notice/list.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_data","_notices","_","_interopRequireDefault","_style","_element","NoticeList","notices","useSelect","select","getNotices","noticesStore","removeNotice","useDispatch","onRemoveNotice","useCallback","id","length","_react","createElement","View","style","styles","list","map","notice","default","key","onNoticeHidden","_default","exports"],"sources":["@wordpress/components/src/notice/list.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport Notice from './';\nimport styles from './style.scss';\nimport { useCallback } from '@wordpress/element';\n\nfunction NoticeList() {\n\tconst { notices } = useSelect( ( select ) => {\n\t\tconst { getNotices } = select( noticesStore );\n\t\treturn {\n\t\t\tnotices: getNotices(),\n\t\t};\n\t}, [] );\n\n\tconst { removeNotice } = useDispatch( noticesStore );\n\n\tconst onRemoveNotice = useCallback(\n\t\t( id ) => {\n\t\t\tremoveNotice( id );\n\t\t},\n\t\t[ removeNotice ]\n\t);\n\n\tif ( ! notices.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ styles.list }>\n\t\t\t{ notices.map( ( notice ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...notice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonNoticeHidden={ onRemoveNotice }\n\t\t\t\t\t></Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</View>\n\t);\n}\n\nexport default NoticeList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,CAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASO,UAAUA,CAAA,EAAG;EACrB,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;MAAEC;IAAW,CAAC,GAAGD,MAAM,CAAEE,cAAa,CAAC;IAC7C,OAAO;MACNJ,OAAO,EAAEG,UAAU,CAAC;IACrB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEE;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEF,cAAa,CAAC;EAEpD,MAAMG,cAAc,GAAG,IAAAC,oBAAW,EAC/BC,EAAE,IAAM;IACTJ,YAAY,CAAEI,EAAG,CAAC;EACnB,CAAC,EACD,CAAEJ,YAAY,CACf,CAAC;EAED,IAAK,CAAEL,OAAO,CAACU,MAAM,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAM,GACxBhB,OAAO,CAACiB,GAAG,CAAIC,MAAM,IAAM;IAC5B,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACjB,CAAA,CAAAwB,OAAM;MAAA,GACDD,MAAM;MACXE,GAAG,EAAGF,MAAM,CAACT,EAAI;MACjBY,cAAc,EAAGd;IAAgB,CACzB,CAAC;EAEZ,CAAE,CACG,CAAC;AAET;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEcpB,UAAU"}
+{"version":3,"names":["_reactNative","require","_data","_notices","_","_interopRequireDefault","_style","_element","NoticeList","notices","useSelect","select","getNotices","noticesStore","removeNotice","useDispatch","onRemoveNotice","useCallback","id","length","_react","createElement","View","style","styles","list","map","notice","default","key","onNoticeHidden","_default","exports"],"sources":["@wordpress/components/src/notice/list.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport Notice from './';\nimport styles from './style.scss';\nimport { useCallback } from '@wordpress/element';\n\nfunction NoticeList() {\n\tconst { notices } = useSelect( ( select ) => {\n\t\tconst { getNotices } = select( noticesStore );\n\t\treturn {\n\t\t\tnotices: getNotices(),\n\t\t};\n\t}, [] );\n\n\tconst { removeNotice } = useDispatch( noticesStore );\n\n\tconst onRemoveNotice = useCallback(\n\t\t( id ) => {\n\t\t\tremoveNotice( id );\n\t\t},\n\t\t[ removeNotice ]\n\t);\n\n\tif ( ! notices.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ styles.list }>\n\t\t\t{ notices.map( ( notice ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...notice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonNoticeHidden={ onRemoveNotice }\n\t\t\t\t\t></Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</View>\n\t);\n}\n\nexport default NoticeList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,CAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASO,UAAUA,CAAA,EAAG;EACrB,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;MAAEC;IAAW,CAAC,GAAGD,MAAM,CAAEE,cAAa,CAAC;IAC7C,OAAO;MACNJ,OAAO,EAAEG,UAAU,CAAC;IACrB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEE;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEF,cAAa,CAAC;EAEpD,MAAMG,cAAc,GAAG,IAAAC,oBAAW,EAC/BC,EAAE,IAAM;IACTJ,YAAY,CAAEI,EAAG,CAAC;EACnB,CAAC,EACD,CAAEJ,YAAY,CACf,CAAC;EAED,IAAK,CAAEL,OAAO,CAACU,MAAM,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAM,GACxBhB,OAAO,CAACiB,GAAG,CAAIC,MAAM,IAAM;IAC5B,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACjB,CAAA,CAAAwB,OAAM;MAAA,GACDD,MAAM;MACXE,GAAG,EAAGF,MAAM,CAACT,EAAI;MACjBY,cAAc,EAAGd;IAAgB,CACzB,CAAC;EAEZ,CAAE,CACG,CAAC;AAET;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEcpB,UAAU","ignoreList":[]}

package/build/notice/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/notice/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MouseEventHandler, ReactNode } from 'react';\n\ntype CommonNoticeActionProps = {\n\tlabel: string;\n\tclassName?: string;\n\tnoDefaultClasses?: boolean;\n\tvariant?: 'primary' | 'secondary' | 'link';\n};\n// `url` and `onClick` can both be provided, but `url` takes precedence. If\n// `url` is provided, the action's button will be rendered as an anchor and\n// `onClick` will be ignored.\ntype NoticeActionWithURL = CommonNoticeActionProps & {\n\turl: string;\n\tonClick?: never;\n};\ntype NoticeActionWithOnClick = CommonNoticeActionProps & {\n\turl?: never;\n\tonClick: MouseEventHandler< HTMLButtonElement >;\n};\n\nexport type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;\n\nexport type NoticeChildren = string | JSX.Element;\n\nexport type NoticeProps = {\n\t/**\n\t * A CSS `class` to give to the wrapper element.\n\t */\n\tclassName?: string;\n\t/**\n\t * The displayed message of a notice. Also used as the spoken message for\n\t * assistive technology, unless `spokenMessage` is provided as an alternative message.\n\t */\n\tchildren: ReactNode;\n\t/**\n\t * Used to provide a custom spoken message in place of the `children` default.\n\t *\n\t * @default `children`\n\t */\n\tspokenMessage?: ReactNode;\n\t/**\n\t * Determines the color of the notice: `warning` (yellow),\n\t * `success` (green), `error` (red), or `'info'`.\n\t * By default `'info'` will be blue, but if there is a parent Theme component\n\t * with an accent color prop, the notice will take on that color instead.\n\t *\n\t * @default 'info'\n\t */\n\tstatus?: 'warning' | 'success' | 'error' | 'info';\n\t/**\n\t * Function called when dismissing the notice\n\t *\n\t * @default noop\n\t */\n\tonRemove?: () => void;\n\t/**\n\t * A politeness level for the notice's spoken message. Should be provided as\n\t * one of the valid options for an `aria-live` attribute value.\n\t *\n\t * A value of `'assertive'` is to be used for important, and usually\n\t * time-sensitive, information. It will interrupt anything else the screen\n\t * reader is announcing in that moment.\n\t * A value of `'polite'` is to be used for advisory information. It should\n\t * not interrupt what the screen reader is announcing in that moment\n\t * (the \"speech queue\") or interrupt the current task.\n\t *\n\t * Note that this value should be considered a suggestion; assistive\n\t * technologies may override it based on internal heuristics.\n\t *\n\t * @see https://www.w3.org/TR/wai-aria-1.1/#aria-live\n\t *\n\t * @default 'assertive' for 'error' status, 'polite' for all other statuses\n\t */\n\tpoliteness?: 'polite' | 'assertive';\n\t/**\n\t * Whether the notice should be dismissible or not\n\t *\n\t * @default true\n\t */\n\tisDismissible?: boolean;\n\t/**\n\t * A deprecated alternative to `onRemove`. This prop is kept for\n\t * compatibilty reasons but should be avoided.\n\t *\n\t * @default noop\n\t */\n\tonDismiss?: () => void;\n\t/**\n\t * An array of action objects. Each member object should contain:\n\t *\n\t * - `label`: `string` containing the text of the button/link\n\t * - `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n\t *    what the action does.\n\t * - `className`: `string` (optional) to add custom classes to the button styles.\n\t * - `noDefaultClasses`: `boolean` (optional) A value of `true` will remove all\n\t *    default styling.\n\t * - `variant`: `'primary' | 'secondary' | 'link'` (optional) You can denote a\n\t *    primary button action for a notice by passing a value of `primary`.\n\t *\n\t * The default appearance of an action button is inferred based on whether\n\t * `url` or `onClick` are provided, rendering the button as a link if\n\t * appropriate. If both props are provided, `url` takes precedence, and the\n\t * action button will render as an anchor tag.\n\t *\n\t * @default []\n\t */\n\tactions?: Array< NoticeAction >;\n\t/**\n\t * Determines whether or not the message should be parsed as custom HTML\n\t * instead of a string.\n\t */\n\t__unstableHTML?: boolean;\n};\n\nexport type NoticeListProps = {\n\t/**\n\t * Array of notices to render.\n\t */\n\tnotices: Array<\n\t\tOmit< NoticeProps, 'children' > & {\n\t\t\tid: string;\n\t\t\tcontent: string;\n\t\t}\n\t>;\n\t/**\n\t * Function called when a notice should be removed / dismissed.\n\t */\n\tonRemove?: ( id: string ) => void;\n\t/**\n\t * Children to be rendered inside the notice list.\n\t */\n\tchildren?: ReactNode;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["@wordpress/components/src/notice/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MouseEventHandler, ReactNode } from 'react';\n\ntype CommonNoticeActionProps = {\n\tlabel: string;\n\tclassName?: string;\n\tnoDefaultClasses?: boolean;\n\tvariant?: 'primary' | 'secondary' | 'link';\n};\n// `url` and `onClick` can both be provided, but `url` takes precedence. If\n// `url` is provided, the action's button will be rendered as an anchor and\n// `onClick` will be ignored.\ntype NoticeActionWithURL = CommonNoticeActionProps & {\n\turl: string;\n\tonClick?: never;\n};\ntype NoticeActionWithOnClick = CommonNoticeActionProps & {\n\turl?: never;\n\tonClick: MouseEventHandler< HTMLButtonElement >;\n};\n\nexport type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;\n\nexport type NoticeChildren = string | JSX.Element;\n\nexport type NoticeProps = {\n\t/**\n\t * A CSS `class` to give to the wrapper element.\n\t */\n\tclassName?: string;\n\t/**\n\t * The displayed message of a notice. Also used as the spoken message for\n\t * assistive technology, unless `spokenMessage` is provided as an alternative message.\n\t */\n\tchildren: ReactNode;\n\t/**\n\t * Used to provide a custom spoken message in place of the `children` default.\n\t *\n\t * @default `children`\n\t */\n\tspokenMessage?: ReactNode;\n\t/**\n\t * Determines the color of the notice: `warning` (yellow),\n\t * `success` (green), `error` (red), or `'info'`.\n\t * By default `'info'` will be blue, but if there is a parent Theme component\n\t * with an accent color prop, the notice will take on that color instead.\n\t *\n\t * @default 'info'\n\t */\n\tstatus?: 'warning' | 'success' | 'error' | 'info';\n\t/**\n\t * Function called when dismissing the notice\n\t *\n\t * @default noop\n\t */\n\tonRemove?: () => void;\n\t/**\n\t * A politeness level for the notice's spoken message. Should be provided as\n\t * one of the valid options for an `aria-live` attribute value.\n\t *\n\t * A value of `'assertive'` is to be used for important, and usually\n\t * time-sensitive, information. It will interrupt anything else the screen\n\t * reader is announcing in that moment.\n\t * A value of `'polite'` is to be used for advisory information. It should\n\t * not interrupt what the screen reader is announcing in that moment\n\t * (the \"speech queue\") or interrupt the current task.\n\t *\n\t * Note that this value should be considered a suggestion; assistive\n\t * technologies may override it based on internal heuristics.\n\t *\n\t * @see https://www.w3.org/TR/wai-aria-1.1/#aria-live\n\t *\n\t * @default 'assertive' for 'error' status, 'polite' for all other statuses\n\t */\n\tpoliteness?: 'polite' | 'assertive';\n\t/**\n\t * Whether the notice should be dismissible or not\n\t *\n\t * @default true\n\t */\n\tisDismissible?: boolean;\n\t/**\n\t * A deprecated alternative to `onRemove`. This prop is kept for\n\t * compatibilty reasons but should be avoided.\n\t *\n\t * @default noop\n\t */\n\tonDismiss?: () => void;\n\t/**\n\t * An array of action objects. Each member object should contain:\n\t *\n\t * - `label`: `string` containing the text of the button/link\n\t * - `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n\t *    what the action does.\n\t * - `className`: `string` (optional) to add custom classes to the button styles.\n\t * - `noDefaultClasses`: `boolean` (optional) A value of `true` will remove all\n\t *    default styling.\n\t * - `variant`: `'primary' | 'secondary' | 'link'` (optional) You can denote a\n\t *    primary button action for a notice by passing a value of `primary`.\n\t *\n\t * The default appearance of an action button is inferred based on whether\n\t * `url` or `onClick` are provided, rendering the button as a link if\n\t * appropriate. If both props are provided, `url` takes precedence, and the\n\t * action button will render as an anchor tag.\n\t *\n\t * @default []\n\t */\n\tactions?: Array< NoticeAction >;\n\t/**\n\t * Determines whether or not the message should be parsed as custom HTML\n\t * instead of a string.\n\t */\n\t__unstableHTML?: boolean;\n};\n\nexport type NoticeListProps = {\n\t/**\n\t * Array of notices to render.\n\t */\n\tnotices: Array<\n\t\tOmit< NoticeProps, 'children' > & {\n\t\t\tid: string;\n\t\t\tcontent: string;\n\t\t}\n\t>;\n\t/**\n\t * Function called when a notice should be removed / dismissed.\n\t */\n\tonRemove?: ( id: string ) => void;\n\t/**\n\t * Children to be rendered inside the notice list.\n\t */\n\tchildren?: ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

package/build/number-control/index.js

@@ -21,7 +21,7 @@ var _spacer = require("../spacer");
 var _utils = require("../utils");
 var _useDeprecatedProps = require("../utils/use-deprecated-props");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * External dependencies
  */

package/build/number-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_icons","_compose","_deprecated","_numberControlStyles","inputControlActionTypes","_interopRequireWildcard","_math","_values","_hStack","_spacer","_utils","_useDeprecatedProps","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","noop","UnforwardedNumberControl","props","forwardedRef","__unstableStateReducer","stateReducerProp","className","dragDirection","hideHTMLArrows","spinControls","isDragEnabled","isShiftStepEnabled","label","max","Infinity","min","required","shiftStep","step","spinFactor","type","typeProp","value","valueProp","size","suffix","onChange","restProps","useDeprecated36pxDefaultSizeProp","deprecated","alternative","since","version","inputRef","useRef","mergedRef","useMergeRefs","isStepAny","baseStep","ensureNumber","baseSpin","baseValue","roundClamp","constrainValue","stepOverride","Math","autoComplete","undefined","classes","classNames","cx","useCx","spinButtonClasses","styles","smallSpinButtons","spinValue","direction","event","preventDefault","shift","shiftKey","delta","nextValue","isValueEmpty","add","subtract","numberControlStateReducer","state","action","nextState","payload","currentValue","PRESS_UP","PRESS_DOWN","DRAG","x","y","enableShift","modifier","directionModifier","isRTL","ceil","abs","sign","distance","PRESS_ENTER","COMMIT","applyEmptyValue","buildSpinButtonClickHandler","String","target","current","_react","createElement","Input","inputMode","ref","_stateReducerProp","baseState","Fragment","Spacer","marginBottom","marginRight","HStack","spacing","SpinButton","icon","plusIcon","__","onClick","resetIcon","NumberControl","exports","forwardRef","_default"],"sources":["@wordpress/components/src/number-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\nimport type { ForwardedRef, KeyboardEvent, MouseEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, forwardRef } from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { plus as plusIcon, reset as resetIcon } from '@wordpress/icons';\nimport { useMergeRefs } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { Input, SpinButton, styles } from './styles/number-control-styles';\nimport * as inputControlActionTypes from '../input-control/reducer/actions';\nimport { add, subtract, roundClamp } from '../utils/math';\nimport { ensureNumber, isValueEmpty } from '../utils/values';\nimport type { WordPressComponentProps } from '../context/wordpress-component';\nimport type { NumberControlProps } from './types';\nimport { HStack } from '../h-stack';\nimport { Spacer } from '../spacer';\nimport { useCx } from '../utils';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nconst noop = () => {};\n\nfunction UnforwardedNumberControl(\n\tprops: WordPressComponentProps< NumberControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\t__unstableStateReducer: stateReducerProp,\n\t\tclassName,\n\t\tdragDirection = 'n',\n\t\thideHTMLArrows = false,\n\t\tspinControls = hideHTMLArrows ? 'none' : 'native',\n\t\tisDragEnabled = true,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmax = Infinity,\n\t\tmin = -Infinity,\n\t\trequired = false,\n\t\tshiftStep = 10,\n\t\tstep = 1,\n\t\tspinFactor = 1,\n\t\ttype: typeProp = 'number',\n\t\tvalue: valueProp,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\tonChange = noop,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp< NumberControlProps >( props );\n\n\tif ( hideHTMLArrows ) {\n\t\tdeprecated( 'wp.components.NumberControl hideHTMLArrows prop ', {\n\t\t\talternative: 'spinControls=\"none\"',\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.3',\n\t\t} );\n\t}\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst mergedRef = useMergeRefs( [ inputRef, forwardedRef ] );\n\n\tconst isStepAny = step === 'any';\n\tconst baseStep = isStepAny ? 1 : ensureNumber( step );\n\tconst baseSpin = ensureNumber( spinFactor ) * baseStep;\n\tconst baseValue = roundClamp( 0, min, max, baseStep );\n\tconst constrainValue = (\n\t\tvalue: number | string,\n\t\tstepOverride?: number\n\t) => {\n\t\t// When step is \"any\" clamp the value, otherwise round and clamp it.\n\t\t// Use '' + to convert to string for use in input value attribute.\n\t\treturn isStepAny\n\t\t\t? '' + Math.min( max, Math.max( min, ensureNumber( value ) ) )\n\t\t\t: '' + roundClamp( value, min, max, stepOverride ?? baseStep );\n\t};\n\n\tconst autoComplete = typeProp === 'number' ? 'off' : undefined;\n\tconst classes = classNames( 'components-number-control', className );\n\tconst cx = useCx();\n\tconst spinButtonClasses = cx( size === 'small' && styles.smallSpinButtons );\n\n\tconst spinValue = (\n\t\tvalue: string | number | undefined,\n\t\tdirection: 'up' | 'down',\n\t\tevent: KeyboardEvent | MouseEvent | undefined\n\t) => {\n\t\tevent?.preventDefault();\n\t\tconst shift = event?.shiftKey && isShiftStepEnabled;\n\t\tconst delta = shift ? ensureNumber( shiftStep ) * baseSpin : baseSpin;\n\t\tlet nextValue = isValueEmpty( value ) ? baseValue : value;\n\t\tif ( direction === 'up' ) {\n\t\t\tnextValue = add( nextValue, delta );\n\t\t} else if ( direction === 'down' ) {\n\t\t\tnextValue = subtract( nextValue, delta );\n\t\t}\n\t\treturn constrainValue( nextValue, shift ? delta : undefined );\n\t};\n\n\t/**\n\t * \"Middleware\" function that intercepts updates from InputControl.\n\t * This allows us to tap into actions to transform the (next) state for\n\t * InputControl.\n\t *\n\t * @return The updated state to apply to InputControl\n\t */\n\tconst numberControlStateReducer: NumberControlProps[ '__unstableStateReducer' ] =\n\t\t( state, action ) => {\n\t\t\tconst nextState = { ...state };\n\n\t\t\tconst { type, payload } = action;\n\t\t\tconst event = payload.event;\n\t\t\tconst currentValue = nextState.value;\n\n\t\t\t/**\n\t\t\t * Handles custom UP and DOWN Keyboard events\n\t\t\t */\n\t\t\tif (\n\t\t\t\ttype === inputControlActionTypes.PRESS_UP ||\n\t\t\t\ttype === inputControlActionTypes.PRESS_DOWN\n\t\t\t) {\n\t\t\t\tnextState.value = spinValue(\n\t\t\t\t\tcurrentValue,\n\t\t\t\t\ttype === inputControlActionTypes.PRESS_UP ? 'up' : 'down',\n\t\t\t\t\tevent as KeyboardEvent | undefined\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles drag to update events\n\t\t\t */\n\t\t\tif ( type === inputControlActionTypes.DRAG && isDragEnabled ) {\n\t\t\t\tconst [ x, y ] = payload.delta;\n\t\t\t\tconst enableShift = payload.shiftKey && isShiftStepEnabled;\n\t\t\t\tconst modifier = enableShift\n\t\t\t\t\t? ensureNumber( shiftStep ) * baseSpin\n\t\t\t\t\t: baseSpin;\n\n\t\t\t\tlet directionModifier;\n\t\t\t\tlet delta;\n\n\t\t\t\tswitch ( dragDirection ) {\n\t\t\t\t\tcase 'n':\n\t\t\t\t\t\tdelta = y;\n\t\t\t\t\t\tdirectionModifier = -1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 'e':\n\t\t\t\t\t\tdelta = x;\n\t\t\t\t\t\tdirectionModifier = isRTL() ? -1 : 1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 's':\n\t\t\t\t\t\tdelta = y;\n\t\t\t\t\t\tdirectionModifier = 1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 'w':\n\t\t\t\t\t\tdelta = x;\n\t\t\t\t\t\tdirectionModifier = isRTL() ? 1 : -1;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif ( delta !== 0 ) {\n\t\t\t\t\tdelta = Math.ceil( Math.abs( delta ) ) * Math.sign( delta );\n\t\t\t\t\tconst distance = delta * modifier * directionModifier;\n\n\t\t\t\t\tnextState.value = constrainValue(\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n\t\t\t\t\t\tadd( currentValue, distance ),\n\t\t\t\t\t\tenableShift ? modifier : undefined\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles commit (ENTER key press or blur)\n\t\t\t */\n\t\t\tif (\n\t\t\t\ttype === inputControlActionTypes.PRESS_ENTER ||\n\t\t\t\ttype === inputControlActionTypes.COMMIT\n\t\t\t) {\n\t\t\t\tconst applyEmptyValue =\n\t\t\t\t\trequired === false && currentValue === '';\n\n\t\t\t\tnextState.value = applyEmptyValue\n\t\t\t\t\t? currentValue\n\t\t\t\t\t: // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n\t\t\t\t\t  constrainValue( currentValue );\n\t\t\t}\n\n\t\t\treturn nextState;\n\t\t};\n\n\tconst buildSpinButtonClickHandler =\n\t\t( direction: 'up' | 'down' ) =>\n\t\t( event: MouseEvent< HTMLButtonElement > ) =>\n\t\t\tonChange( String( spinValue( valueProp, direction, event ) ), {\n\t\t\t\t// Set event.target to the <input> so that consumers can use\n\t\t\t\t// e.g. event.target.validity.\n\t\t\t\tevent: {\n\t\t\t\t\t...event,\n\t\t\t\t\ttarget: inputRef.current!,\n\t\t\t\t},\n\t\t\t} );\n\n\treturn (\n\t\t<Input\n\t\t\tautoComplete={ autoComplete }\n\t\t\tinputMode=\"numeric\"\n\t\t\t{ ...restProps }\n\t\t\tclassName={ classes }\n\t\t\tdragDirection={ dragDirection }\n\t\t\thideHTMLArrows={ spinControls !== 'native' }\n\t\t\tisDragEnabled={ isDragEnabled }\n\t\t\tlabel={ label }\n\t\t\tmax={ max }\n\t\t\tmin={ min }\n\t\t\tref={ mergedRef }\n\t\t\trequired={ required }\n\t\t\tstep={ step }\n\t\t\ttype={ typeProp }\n\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\tvalue={ valueProp }\n\t\t\t__unstableStateReducer={ ( state, action ) => {\n\t\t\t\tconst baseState = numberControlStateReducer( state, action );\n\t\t\t\treturn stateReducerProp?.( baseState, action ) ?? baseState;\n\t\t\t} }\n\t\t\tsize={ size }\n\t\t\tsuffix={\n\t\t\t\tspinControls === 'custom' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t<Spacer marginBottom={ 0 } marginRight={ 2 }>\n\t\t\t\t\t\t\t<HStack spacing={ 1 }>\n\t\t\t\t\t\t\t\t<SpinButton\n\t\t\t\t\t\t\t\t\tclassName={ spinButtonClasses }\n\t\t\t\t\t\t\t\t\ticon={ plusIcon }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Increment' ) }\n\t\t\t\t\t\t\t\t\tonClick={ buildSpinButtonClickHandler(\n\t\t\t\t\t\t\t\t\t\t'up'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<SpinButton\n\t\t\t\t\t\t\t\t\tclassName={ spinButtonClasses }\n\t\t\t\t\t\t\t\t\ticon={ resetIcon }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Decrement' ) }\n\t\t\t\t\t\t\t\t\tonClick={ buildSpinButtonClickHandler(\n\t\t\t\t\t\t\t\t\t\t'down'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\tsuffix\n\t\t\t\t)\n\t\t\t}\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\nexport const NumberControl = forwardRef( UnforwardedNumberControl );\n\nexport default NumberControl;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_icons","_compose","_deprecated","_numberControlStyles","inputControlActionTypes","_interopRequireWildcard","_math","_values","_hStack","_spacer","_utils","_useDeprecatedProps","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","noop","UnforwardedNumberControl","props","forwardedRef","__unstableStateReducer","stateReducerProp","className","dragDirection","hideHTMLArrows","spinControls","isDragEnabled","isShiftStepEnabled","label","max","Infinity","min","required","shiftStep","step","spinFactor","type","typeProp","value","valueProp","size","suffix","onChange","restProps","useDeprecated36pxDefaultSizeProp","deprecated","alternative","since","version","inputRef","useRef","mergedRef","useMergeRefs","isStepAny","baseStep","ensureNumber","baseSpin","baseValue","roundClamp","constrainValue","stepOverride","Math","autoComplete","undefined","classes","classNames","cx","useCx","spinButtonClasses","styles","smallSpinButtons","spinValue","direction","event","preventDefault","shift","shiftKey","delta","nextValue","isValueEmpty","add","subtract","numberControlStateReducer","state","action","nextState","payload","currentValue","PRESS_UP","PRESS_DOWN","DRAG","x","y","enableShift","modifier","directionModifier","isRTL","ceil","abs","sign","distance","PRESS_ENTER","COMMIT","applyEmptyValue","buildSpinButtonClickHandler","String","target","current","_react","createElement","Input","inputMode","ref","_stateReducerProp","baseState","Fragment","Spacer","marginBottom","marginRight","HStack","spacing","SpinButton","icon","plusIcon","__","onClick","resetIcon","NumberControl","exports","forwardRef","_default"],"sources":["@wordpress/components/src/number-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\nimport type { ForwardedRef, KeyboardEvent, MouseEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, forwardRef } from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { plus as plusIcon, reset as resetIcon } from '@wordpress/icons';\nimport { useMergeRefs } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { Input, SpinButton, styles } from './styles/number-control-styles';\nimport * as inputControlActionTypes from '../input-control/reducer/actions';\nimport { add, subtract, roundClamp } from '../utils/math';\nimport { ensureNumber, isValueEmpty } from '../utils/values';\nimport type { WordPressComponentProps } from '../context/wordpress-component';\nimport type { NumberControlProps } from './types';\nimport { HStack } from '../h-stack';\nimport { Spacer } from '../spacer';\nimport { useCx } from '../utils';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nconst noop = () => {};\n\nfunction UnforwardedNumberControl(\n\tprops: WordPressComponentProps< NumberControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\t__unstableStateReducer: stateReducerProp,\n\t\tclassName,\n\t\tdragDirection = 'n',\n\t\thideHTMLArrows = false,\n\t\tspinControls = hideHTMLArrows ? 'none' : 'native',\n\t\tisDragEnabled = true,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmax = Infinity,\n\t\tmin = -Infinity,\n\t\trequired = false,\n\t\tshiftStep = 10,\n\t\tstep = 1,\n\t\tspinFactor = 1,\n\t\ttype: typeProp = 'number',\n\t\tvalue: valueProp,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\tonChange = noop,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp< NumberControlProps >( props );\n\n\tif ( hideHTMLArrows ) {\n\t\tdeprecated( 'wp.components.NumberControl hideHTMLArrows prop ', {\n\t\t\talternative: 'spinControls=\"none\"',\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.3',\n\t\t} );\n\t}\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst mergedRef = useMergeRefs( [ inputRef, forwardedRef ] );\n\n\tconst isStepAny = step === 'any';\n\tconst baseStep = isStepAny ? 1 : ensureNumber( step );\n\tconst baseSpin = ensureNumber( spinFactor ) * baseStep;\n\tconst baseValue = roundClamp( 0, min, max, baseStep );\n\tconst constrainValue = (\n\t\tvalue: number | string,\n\t\tstepOverride?: number\n\t) => {\n\t\t// When step is \"any\" clamp the value, otherwise round and clamp it.\n\t\t// Use '' + to convert to string for use in input value attribute.\n\t\treturn isStepAny\n\t\t\t? '' + Math.min( max, Math.max( min, ensureNumber( value ) ) )\n\t\t\t: '' + roundClamp( value, min, max, stepOverride ?? baseStep );\n\t};\n\n\tconst autoComplete = typeProp === 'number' ? 'off' : undefined;\n\tconst classes = classNames( 'components-number-control', className );\n\tconst cx = useCx();\n\tconst spinButtonClasses = cx( size === 'small' && styles.smallSpinButtons );\n\n\tconst spinValue = (\n\t\tvalue: string | number | undefined,\n\t\tdirection: 'up' | 'down',\n\t\tevent: KeyboardEvent | MouseEvent | undefined\n\t) => {\n\t\tevent?.preventDefault();\n\t\tconst shift = event?.shiftKey && isShiftStepEnabled;\n\t\tconst delta = shift ? ensureNumber( shiftStep ) * baseSpin : baseSpin;\n\t\tlet nextValue = isValueEmpty( value ) ? baseValue : value;\n\t\tif ( direction === 'up' ) {\n\t\t\tnextValue = add( nextValue, delta );\n\t\t} else if ( direction === 'down' ) {\n\t\t\tnextValue = subtract( nextValue, delta );\n\t\t}\n\t\treturn constrainValue( nextValue, shift ? delta : undefined );\n\t};\n\n\t/**\n\t * \"Middleware\" function that intercepts updates from InputControl.\n\t * This allows us to tap into actions to transform the (next) state for\n\t * InputControl.\n\t *\n\t * @return The updated state to apply to InputControl\n\t */\n\tconst numberControlStateReducer: NumberControlProps[ '__unstableStateReducer' ] =\n\t\t( state, action ) => {\n\t\t\tconst nextState = { ...state };\n\n\t\t\tconst { type, payload } = action;\n\t\t\tconst event = payload.event;\n\t\t\tconst currentValue = nextState.value;\n\n\t\t\t/**\n\t\t\t * Handles custom UP and DOWN Keyboard events\n\t\t\t */\n\t\t\tif (\n\t\t\t\ttype === inputControlActionTypes.PRESS_UP ||\n\t\t\t\ttype === inputControlActionTypes.PRESS_DOWN\n\t\t\t) {\n\t\t\t\tnextState.value = spinValue(\n\t\t\t\t\tcurrentValue,\n\t\t\t\t\ttype === inputControlActionTypes.PRESS_UP ? 'up' : 'down',\n\t\t\t\t\tevent as KeyboardEvent | undefined\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles drag to update events\n\t\t\t */\n\t\t\tif ( type === inputControlActionTypes.DRAG && isDragEnabled ) {\n\t\t\t\tconst [ x, y ] = payload.delta;\n\t\t\t\tconst enableShift = payload.shiftKey && isShiftStepEnabled;\n\t\t\t\tconst modifier = enableShift\n\t\t\t\t\t? ensureNumber( shiftStep ) * baseSpin\n\t\t\t\t\t: baseSpin;\n\n\t\t\t\tlet directionModifier;\n\t\t\t\tlet delta;\n\n\t\t\t\tswitch ( dragDirection ) {\n\t\t\t\t\tcase 'n':\n\t\t\t\t\t\tdelta = y;\n\t\t\t\t\t\tdirectionModifier = -1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 'e':\n\t\t\t\t\t\tdelta = x;\n\t\t\t\t\t\tdirectionModifier = isRTL() ? -1 : 1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 's':\n\t\t\t\t\t\tdelta = y;\n\t\t\t\t\t\tdirectionModifier = 1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 'w':\n\t\t\t\t\t\tdelta = x;\n\t\t\t\t\t\tdirectionModifier = isRTL() ? 1 : -1;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif ( delta !== 0 ) {\n\t\t\t\t\tdelta = Math.ceil( Math.abs( delta ) ) * Math.sign( delta );\n\t\t\t\t\tconst distance = delta * modifier * directionModifier;\n\n\t\t\t\t\tnextState.value = constrainValue(\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n\t\t\t\t\t\tadd( currentValue, distance ),\n\t\t\t\t\t\tenableShift ? modifier : undefined\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles commit (ENTER key press or blur)\n\t\t\t */\n\t\t\tif (\n\t\t\t\ttype === inputControlActionTypes.PRESS_ENTER ||\n\t\t\t\ttype === inputControlActionTypes.COMMIT\n\t\t\t) {\n\t\t\t\tconst applyEmptyValue =\n\t\t\t\t\trequired === false && currentValue === '';\n\n\t\t\t\tnextState.value = applyEmptyValue\n\t\t\t\t\t? currentValue\n\t\t\t\t\t: // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n\t\t\t\t\t  constrainValue( currentValue );\n\t\t\t}\n\n\t\t\treturn nextState;\n\t\t};\n\n\tconst buildSpinButtonClickHandler =\n\t\t( direction: 'up' | 'down' ) =>\n\t\t( event: MouseEvent< HTMLButtonElement > ) =>\n\t\t\tonChange( String( spinValue( valueProp, direction, event ) ), {\n\t\t\t\t// Set event.target to the <input> so that consumers can use\n\t\t\t\t// e.g. event.target.validity.\n\t\t\t\tevent: {\n\t\t\t\t\t...event,\n\t\t\t\t\ttarget: inputRef.current!,\n\t\t\t\t},\n\t\t\t} );\n\n\treturn (\n\t\t<Input\n\t\t\tautoComplete={ autoComplete }\n\t\t\tinputMode=\"numeric\"\n\t\t\t{ ...restProps }\n\t\t\tclassName={ classes }\n\t\t\tdragDirection={ dragDirection }\n\t\t\thideHTMLArrows={ spinControls !== 'native' }\n\t\t\tisDragEnabled={ isDragEnabled }\n\t\t\tlabel={ label }\n\t\t\tmax={ max }\n\t\t\tmin={ min }\n\t\t\tref={ mergedRef }\n\t\t\trequired={ required }\n\t\t\tstep={ step }\n\t\t\ttype={ typeProp }\n\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\tvalue={ valueProp }\n\t\t\t__unstableStateReducer={ ( state, action ) => {\n\t\t\t\tconst baseState = numberControlStateReducer( state, action );\n\t\t\t\treturn stateReducerProp?.( baseState, action ) ?? baseState;\n\t\t\t} }\n\t\t\tsize={ size }\n\t\t\tsuffix={\n\t\t\t\tspinControls === 'custom' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t<Spacer marginBottom={ 0 } marginRight={ 2 }>\n\t\t\t\t\t\t\t<HStack spacing={ 1 }>\n\t\t\t\t\t\t\t\t<SpinButton\n\t\t\t\t\t\t\t\t\tclassName={ spinButtonClasses }\n\t\t\t\t\t\t\t\t\ticon={ plusIcon }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Increment' ) }\n\t\t\t\t\t\t\t\t\tonClick={ buildSpinButtonClickHandler(\n\t\t\t\t\t\t\t\t\t\t'up'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<SpinButton\n\t\t\t\t\t\t\t\t\tclassName={ spinButtonClasses }\n\t\t\t\t\t\t\t\t\ticon={ resetIcon }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Decrement' ) }\n\t\t\t\t\t\t\t\t\tonClick={ buildSpinButtonClickHandler(\n\t\t\t\t\t\t\t\t\t\t'down'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\tsuffix\n\t\t\t\t)\n\t\t\t}\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\nexport const NumberControl = forwardRef( UnforwardedNumberControl );\n\nexport default NumberControl;\n"],"mappings":"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","ignoreList":[]}

package/build/number-control/styles/number-control-styles.js

@@ -11,7 +11,11 @@ var _inputControl = _interopRequireDefault(require("../../input-control"));
 var _utils = require("../../utils");
 var _button = _interopRequireDefault(require("../../button"));
 var _space = require("../../utils/space");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
+ * External dependencies
+ */ /**
+ * Internal dependencies
+ */
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "euqsgg",
   styles: "input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;}input[type='number']{-moz-appearance:textfield;}"
@@ -29,13 +33,13 @@ const htmlArrowStyles = ({
   }
   return _ref;
 };
-const Input = exports.Input = ( /*#__PURE__*/0, _base.default)(_inputControl.default, process.env.NODE_ENV === "production" ? {
+const Input = exports.Input = /*#__PURE__*/(0, _base.default)(_inputControl.default, process.env.NODE_ENV === "production" ? {
   target: "ep09it41"
 } : {
   target: "ep09it41",
   label: "Input"
 })(htmlArrowStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbnVtYmVyLWNvbnRyb2wvc3R5bGVzL251bWJlci1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbnVtYmVyLWNvbnRyb2wvc3R5bGVzL251bWJlci1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IElucHV0Q29udHJvbCBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3BhY2UnO1xuXG5jb25zdCBodG1sQXJyb3dTdHlsZXMgPSAoIHsgaGlkZUhUTUxBcnJvd3MgfTogeyBoaWRlSFRNTEFycm93czogYm9vbGVhbiB9ICkgPT4ge1xuXHRpZiAoICEgaGlkZUhUTUxBcnJvd3MgKSB7XG5cdFx0cmV0dXJuIGBgO1xuXHR9XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRpbnB1dFt0eXBlPSdudW1iZXInXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcblx0XHRpbnB1dFt0eXBlPSdudW1iZXInXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG5cdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUgIWltcG9ydGFudDtcblx0XHRcdG1hcmdpbjogMCAhaW1wb3J0YW50O1xuXHRcdH1cblxuXHRcdGlucHV0W3R5cGU9J251bWJlciddIHtcblx0XHRcdC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuXHRcdH1cblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dCA9IHN0eWxlZCggSW5wdXRDb250cm9sIClgXG5cdCR7IGh0bWxBcnJvd1N0eWxlcyB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNwaW5CdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0fVxuYDtcblxuY29uc3Qgc21hbGxTcGluQnV0dG9ucyA9IGNzc2Bcblx0d2lkdGg6ICR7IHNwYWNlKCA1ICkgfTtcblx0bWluLXdpZHRoOiAkeyBzcGFjZSggNSApIH07XG5cdGhlaWdodDogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHsgc21hbGxTcGluQnV0dG9ucyB9O1xuIl19 */"));
-const SpinButton = exports.SpinButton = ( /*#__PURE__*/0, _base.default)(_button.default, process.env.NODE_ENV === "production" ? {
+const SpinButton = exports.SpinButton = /*#__PURE__*/(0, _base.default)(_button.default, process.env.NODE_ENV === "production" ? {
   target: "ep09it40"
 } : {
   target: "ep09it40",

package/build/number-control/styles/number-control-styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_inputControl","_interopRequireDefault","_utils","_button","_space","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","map","toString","htmlArrowStyles","hideHTMLArrows","Input","exports","_base","default","InputControl","target","label","SpinButton","Button","COLORS","theme","accent","smallSpinButtons","css","space"],"sources":["@wordpress/components/src/number-control/styles/number-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 InputControl from '../../input-control';\nimport { COLORS } from '../../utils';\nimport Button from '../../button';\nimport { space } from '../../utils/space';\n\nconst htmlArrowStyles = ( { hideHTMLArrows }: { hideHTMLArrows: boolean } ) => {\n\tif ( ! hideHTMLArrows ) {\n\t\treturn ``;\n\t}\n\n\treturn css`\n\t\tinput[type='number']::-webkit-outer-spin-button,\n\t\tinput[type='number']::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none !important;\n\t\t\tmargin: 0 !important;\n\t\t}\n\n\t\tinput[type='number'] {\n\t\t\t-moz-appearance: textfield;\n\t\t}\n\t`;\n};\n\nexport const Input = styled( InputControl )`\n\t${ htmlArrowStyles };\n`;\n\nexport const SpinButton = styled( Button )`\n\t&&&&& {\n\t\tcolor: ${ COLORS.theme.accent };\n\t}\n`;\n\nconst smallSpinButtons = css`\n\twidth: ${ space( 5 ) };\n\tmin-width: ${ space( 5 ) };\n\theight: ${ space( 5 ) };\n`;\n\nexport const styles = { smallSpinButtons };\n"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA0C,SAAAM,iCAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAR;AAAA;AAE1C,MAAMS,eAAe,GAAGA,CAAE;EAAEC;AAA4C,CAAC,KAAM;EAC9E,IAAK,CAAEA,cAAc,EAAG;IACvB,OAAQ,EAAC;EACV;EAEA,OAAAT,IAAA;AAWD,CAAC;AAEM,MAAMU,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,kBAAAE,KAAA,CAAAC,OAAA,EAAQC,qBAAY,EAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAY,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CACvCR,eAAe,SAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,40DAClB;AAEM,MAAMc,UAAU,GAAAN,OAAA,CAAAM,UAAA,GAAG,kBAAAL,KAAA,CAAAC,OAAA,EAAQK,eAAM,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAY,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,iBAE9BG,aAAM,CAACC,KAAK,CAACC,MAAM,UAAApB,OAAA,CAAAC,GAAA,CAAAC,QAAA,40DAE9B;AAED,MAAMmB,gBAAgB,oBAAGC,UAAG,YACjB,IAAAC,YAAK,EAAE,CAAE,CAAC,iBACN,IAAAA,YAAK,EAAE,CAAE,CAAC,cACb,IAAAA,YAAK,EAAE,CAAE,CAAC,SAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,sDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,20DACrB;AAEM,MAAME,MAAM,GAAAM,OAAA,CAAAN,MAAA,GAAG;EAAEiB;AAAiB,CAAC"}
+{"version":3,"names":["_react","require","_inputControl","_interopRequireDefault","_utils","_button","_space","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","map","toString","htmlArrowStyles","hideHTMLArrows","Input","exports","_base","default","InputControl","target","label","SpinButton","Button","COLORS","theme","accent","smallSpinButtons","css","space"],"sources":["@wordpress/components/src/number-control/styles/number-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 InputControl from '../../input-control';\nimport { COLORS } from '../../utils';\nimport Button from '../../button';\nimport { space } from '../../utils/space';\n\nconst htmlArrowStyles = ( { hideHTMLArrows }: { hideHTMLArrows: boolean } ) => {\n\tif ( ! hideHTMLArrows ) {\n\t\treturn ``;\n\t}\n\n\treturn css`\n\t\tinput[type='number']::-webkit-outer-spin-button,\n\t\tinput[type='number']::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none !important;\n\t\t\tmargin: 0 !important;\n\t\t}\n\n\t\tinput[type='number'] {\n\t\t\t-moz-appearance: textfield;\n\t\t}\n\t`;\n};\n\nexport const Input = styled( InputControl )`\n\t${ htmlArrowStyles };\n`;\n\nexport const SpinButton = styled( Button )`\n\t&&&&& {\n\t\tcolor: ${ COLORS.theme.accent };\n\t}\n`;\n\nconst smallSpinButtons = css`\n\twidth: ${ space( 5 ) };\n\tmin-width: ${ space( 5 ) };\n\theight: ${ space( 5 ) };\n`;\n\nexport const styles = { smallSpinButtons };\n"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA0C,SAAAM,iCAAA,gPAZ1C;AACA;AACA,GAFA,CAMA;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAR;AAAA;AAQA,MAAMS,eAAe,GAAGA,CAAE;EAAEC;AAA4C,CAAC,KAAM;EAC9E,IAAK,CAAEA,cAAc,EAAG;IACvB,OAAQ,EAAC;EACV;EAEA,OAAAT,IAAA;AAWD,CAAC;AAEM,MAAMU,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAQC,qBAAY,EAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAY,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CACvCR,eAAe,SAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,40DAClB;AAEM,MAAMc,UAAU,GAAAN,OAAA,CAAAM,UAAA,gBAAG,IAAAL,KAAA,CAAAC,OAAA,EAAQK,eAAM,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAY,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,iBAE9BG,aAAM,CAACC,KAAK,CAACC,MAAM,UAAApB,OAAA,CAAAC,GAAA,CAAAC,QAAA,40DAE9B;AAED,MAAMmB,gBAAgB,oBAAGC,UAAG,YACjB,IAAAC,YAAK,EAAE,CAAE,CAAC,iBACN,IAAAA,YAAK,EAAE,CAAE,CAAC,cACb,IAAAA,YAAK,EAAE,CAAE,CAAC,SAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,sDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,20DACrB;AAEM,MAAME,MAAM,GAAAM,OAAA,CAAAN,MAAA,GAAG;EAAEiB;AAAiB,CAAC","ignoreList":[]}

package/build/number-control/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/number-control/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { InputControlProps } from '../input-control/types';\n\nexport type NumberControlProps = Omit<\n\tInputControlProps,\n\t'isDragEnabled' | 'min' | 'max' | 'required' | 'step' | 'type' | 'value'\n> & {\n\t/**\n\t * If true, the default `input` HTML arrows will be hidden.\n\t *\n\t * @deprecated\n\t * @default false\n\t */\n\thideHTMLArrows?: boolean;\n\t/**\n\t * The type of spin controls to display. These are buttons that allow the\n\t * user to quickly increment and decrement the number.\n\t *\n\t * - 'none' - Do not show spin controls.\n\t * - 'native' - Use browser's native HTML `input` controls.\n\t * - 'custom' - Use plus and minus icon buttons.\n\t *\n\t * @default 'native'\n\t */\n\tspinControls?: 'none' | 'native' | 'custom';\n\t/**\n\t * If true, enables mouse drag gestures.\n\t *\n\t * @default true\n\t */\n\tisDragEnabled?: InputControlProps[ 'isDragEnabled' ];\n\t/**\n\t * If true, pressing `UP` or `DOWN` along with the `SHIFT` key will increment the\n\t * value by the `shiftStep` value.\n\t *\n\t * @default true\n\t */\n\tisShiftStepEnabled?: boolean;\n\t/**\n\t * The maximum `value` allowed.\n\t *\n\t * @default Infinity\n\t */\n\tmax?: number;\n\t/**\n\t * The minimum `value` allowed.\n\t *\n\t * @default -Infinity\n\t */\n\tmin?: number;\n\t/**\n\t * If `true` enforces a valid number within the control's min/max range.\n\t * If `false` allows an empty string as a valid value.\n\t *\n\t * @default false\n\t */\n\trequired?: InputControlProps[ 'required' ];\n\t/**\n\t * Amount to increment by when the `SHIFT` key is held down. This shift value is\n\t * a multiplier to the `step` value. For example, if the `step` value is `5`,\n\t * and `shiftStep` is `10`, each jump would increment/decrement by `50`.\n\t *\n\t * @default 10\n\t */\n\tshiftStep?: number;\n\t/**\n\t * Amount by which the `value` is changed when incrementing/decrementing.\n\t * It is also a factor in validation as `value` must be a multiple of `step`\n\t * (offset by `min`, if specified) to be valid. Accepts the special string value `any`\n\t * that voids the validation constraint and causes stepping actions to increment/decrement by `1`.\n\t *\n\t * @default 1\n\t */\n\tstep?: InputControlProps[ 'step' ];\n\t/**\n\t * Optional multiplication factor in spin changes. i.e. A spin changes\n\t * by `spinFactor * step` (if `step` is \"any\", 1 is used instead).\n\t *\n\t * @default 1\n\t */\n\tspinFactor?: number;\n\t/**\n\t * The `type` attribute of the `input` element.\n\t *\n\t * @default 'number'\n\t */\n\ttype?: InputControlProps[ 'type' ];\n\t/**\n\t * The value of the input.\n\t */\n\tvalue?: number | string;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["@wordpress/components/src/number-control/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { InputControlProps } from '../input-control/types';\n\nexport type NumberControlProps = Omit<\n\tInputControlProps,\n\t'isDragEnabled' | 'min' | 'max' | 'required' | 'step' | 'type' | 'value'\n> & {\n\t/**\n\t * If true, the default `input` HTML arrows will be hidden.\n\t *\n\t * @deprecated\n\t * @default false\n\t */\n\thideHTMLArrows?: boolean;\n\t/**\n\t * The type of spin controls to display. These are buttons that allow the\n\t * user to quickly increment and decrement the number.\n\t *\n\t * - 'none' - Do not show spin controls.\n\t * - 'native' - Use browser's native HTML `input` controls.\n\t * - 'custom' - Use plus and minus icon buttons.\n\t *\n\t * @default 'native'\n\t */\n\tspinControls?: 'none' | 'native' | 'custom';\n\t/**\n\t * If true, enables mouse drag gestures.\n\t *\n\t * @default true\n\t */\n\tisDragEnabled?: InputControlProps[ 'isDragEnabled' ];\n\t/**\n\t * If true, pressing `UP` or `DOWN` along with the `SHIFT` key will increment the\n\t * value by the `shiftStep` value.\n\t *\n\t * @default true\n\t */\n\tisShiftStepEnabled?: boolean;\n\t/**\n\t * The maximum `value` allowed.\n\t *\n\t * @default Infinity\n\t */\n\tmax?: number;\n\t/**\n\t * The minimum `value` allowed.\n\t *\n\t * @default -Infinity\n\t */\n\tmin?: number;\n\t/**\n\t * If `true` enforces a valid number within the control's min/max range.\n\t * If `false` allows an empty string as a valid value.\n\t *\n\t * @default false\n\t */\n\trequired?: InputControlProps[ 'required' ];\n\t/**\n\t * Amount to increment by when the `SHIFT` key is held down. This shift value is\n\t * a multiplier to the `step` value. For example, if the `step` value is `5`,\n\t * and `shiftStep` is `10`, each jump would increment/decrement by `50`.\n\t *\n\t * @default 10\n\t */\n\tshiftStep?: number;\n\t/**\n\t * Amount by which the `value` is changed when incrementing/decrementing.\n\t * It is also a factor in validation as `value` must be a multiple of `step`\n\t * (offset by `min`, if specified) to be valid. Accepts the special string value `any`\n\t * that voids the validation constraint and causes stepping actions to increment/decrement by `1`.\n\t *\n\t * @default 1\n\t */\n\tstep?: InputControlProps[ 'step' ];\n\t/**\n\t * Optional multiplication factor in spin changes. i.e. A spin changes\n\t * by `spinFactor * step` (if `step` is \"any\", 1 is used instead).\n\t *\n\t * @default 1\n\t */\n\tspinFactor?: number;\n\t/**\n\t * The `type` attribute of the `input` element.\n\t *\n\t * @default 'number'\n\t */\n\ttype?: InputControlProps[ 'type' ];\n\t/**\n\t * The value of the input.\n\t */\n\tvalue?: number | string;\n};\n"],"mappings":"","ignoreList":[]}

package/build/palette-edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_icons","_compose","_button","_colorPicker","_flex","_hStack","_itemGroup","_vStack","_gradientPicker","_colorPalette","_dropdownMenu","_popover","_styles","_navigableContainer","_constants","_customGradientPicker","_strings","DEFAULT_COLOR","NameInput","value","onChange","label","_react","createElement","NameInputControl","hideLabelFromVision","getNameAndSlugForPosition","elements","slugPrefix","nameRegex","RegExp","position","reduce","previousValue","currentValue","slug","matches","match","id","parseInt","name","sprintf","__","ColorPickerPopover","isGradient","element","popoverProps","receivedPopoverProps","onClose","useMemo","shift","offset","resize","placement","className","classnames","default","ColorPicker","color","enableAlpha","newColor","__experimentalIsRenderedInSidebar","gradient","newGradient","Option","canOnlyChangeValues","isEditing","onStartEditing","onRemove","onStopEditing","focusOutsideProps","useFocusOutside","popoverAnchor","setPopoverAnchor","useState","anchor","PaletteItem","undefined","as","onClick","trim","length","ref","HStack","justify","IndicatorStyled","colorValue","FlexItem","nextName","kebabCase","NameContainer","RemoveButton","size","icon","lineSolid","PaletteEditListView","editingElement","setEditingElement","elementsReference","useRef","useEffect","current","debounceOnChange","useDebounce","VStack","spacing","ItemGroup","isRounded","map","index","key","newElement","currentElement","currentIndex","newElements","filter","_currentElement","EMPTY_ARRAY","PaletteEdit","gradients","colors","paletteLabel","paletteLabelHeadingLevel","emptyMessage","canReset","setIsEditing","isAdding","elementsLength","hasElements","onSelectPaletteItem","useCallback","newEditingElementIndex","selectedElement","PaletteEditStyles","PaletteHStackHeader","PaletteHeading","level","PaletteActionsContainer","DoneButton","isPressed","plus","DEFAULT_GRADIENT","moreVertical","toggleProps","Fragment","NavigableMenu","role","variant","clearable","disableCustomGradients","disableCustomColors","_default","exports"],"sources":["@wordpress/components/src/palette-edit/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseRef,\n\tuseEffect,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { lineSolid, moreVertical, plus } from '@wordpress/icons';\nimport {\n\t__experimentalUseFocusOutside as useFocusOutside,\n\tuseDebounce,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { ColorPicker } from '../color-picker';\nimport { FlexItem } from '../flex';\nimport { HStack } from '../h-stack';\nimport { ItemGroup } from '../item-group';\nimport { VStack } from '../v-stack';\nimport GradientPicker from '../gradient-picker';\nimport ColorPalette from '../color-palette';\nimport DropdownMenu from '../dropdown-menu';\nimport Popover from '../popover';\nimport {\n\tPaletteActionsContainer,\n\tPaletteEditStyles,\n\tPaletteHeading,\n\tPaletteHStackHeader,\n\tIndicatorStyled,\n\tPaletteItem,\n\tNameContainer,\n\tNameInputControl,\n\tDoneButton,\n\tRemoveButton,\n} from './styles';\nimport { NavigableMenu } from '../navigable-container';\nimport { DEFAULT_GRADIENT } from '../custom-gradient-picker/constants';\nimport CustomGradientPicker from '../custom-gradient-picker';\nimport { kebabCase } from '../utils/strings';\nimport type {\n\tColor,\n\tColorPickerPopoverProps,\n\tGradient,\n\tNameInputProps,\n\tOptionProps,\n\tPaletteEditListViewProps,\n\tPaletteEditProps,\n\tPaletteElement,\n} from './types';\n\nconst DEFAULT_COLOR = '#000';\n\nfunction NameInput( { value, onChange, label }: NameInputProps ) {\n\treturn (\n\t\t<NameInputControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\n/**\n * Returns a name and slug for a palette item. The name takes the format \"Color + id\".\n * To ensure there are no duplicate ids, this function checks all slugs.\n * It expects slugs to be in the format: slugPrefix + color- + number.\n * It then sets the id component of the new name based on the incremented id of the highest existing slug id.\n *\n * @param elements   An array of color palette items.\n * @param slugPrefix The slug prefix used to match the element slug.\n *\n * @return A name and slug for the new palette item.\n */\nexport function getNameAndSlugForPosition(\n\telements: PaletteElement[],\n\tslugPrefix: string\n) {\n\tconst nameRegex = new RegExp( `^${ slugPrefix }color-([\\\\d]+)$` );\n\tconst position = elements.reduce( ( previousValue, currentValue ) => {\n\t\tif ( typeof currentValue?.slug === 'string' ) {\n\t\t\tconst matches = currentValue?.slug.match( nameRegex );\n\t\t\tif ( matches ) {\n\t\t\t\tconst id = parseInt( matches[ 1 ], 10 );\n\t\t\t\tif ( id >= previousValue ) {\n\t\t\t\t\treturn id + 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn previousValue;\n\t}, 1 );\n\n\treturn {\n\t\tname: sprintf(\n\t\t\t/* translators: %s: is an id for a custom color */\n\t\t\t__( 'Color %s' ),\n\t\t\tposition\n\t\t),\n\t\tslug: `${ slugPrefix }color-${ position }`,\n\t};\n}\n\nfunction ColorPickerPopover< T extends Color | Gradient >( {\n\tisGradient,\n\telement,\n\tonChange,\n\tpopoverProps: receivedPopoverProps,\n\tonClose = () => {},\n}: ColorPickerPopoverProps< T > ) {\n\tconst popoverProps: ColorPickerPopoverProps< T >[ 'popoverProps' ] =\n\t\tuseMemo(\n\t\t\t() => ( {\n\t\t\t\tshift: true,\n\t\t\t\toffset: 20,\n\t\t\t\t// Disabling resize as it would otherwise cause the popover to show\n\t\t\t\t// scrollbars while dragging the color picker's handle close to the\n\t\t\t\t// popover edge.\n\t\t\t\tresize: false,\n\t\t\t\tplacement: 'left-start',\n\t\t\t\t...receivedPopoverProps,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'components-palette-edit__popover',\n\t\t\t\t\treceivedPopoverProps?.className\n\t\t\t\t),\n\t\t\t} ),\n\t\t\t[ receivedPopoverProps ]\n\t\t);\n\n\treturn (\n\t\t<Popover { ...popoverProps } onClose={ onClose }>\n\t\t\t{ ! isGradient && (\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ element.color }\n\t\t\t\t\tenableAlpha\n\t\t\t\t\tonChange={ ( newColor ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\tcolor: newColor,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isGradient && (\n\t\t\t\t<div className=\"components-palette-edit__popover-gradient-picker\">\n\t\t\t\t\t<CustomGradientPicker\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tvalue={ element.gradient }\n\t\t\t\t\t\tonChange={ ( newGradient ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\tgradient: newGradient,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Popover>\n\t);\n}\n\nfunction Option< T extends Color | Gradient >( {\n\tcanOnlyChangeValues,\n\telement,\n\tonChange,\n\tisEditing,\n\tonStartEditing,\n\tonRemove,\n\tonStopEditing,\n\tpopoverProps: receivedPopoverProps,\n\tslugPrefix,\n\tisGradient,\n}: OptionProps< T > ) {\n\tconst focusOutsideProps = useFocusOutside( onStopEditing );\n\tconst value = isGradient ? element.gradient : element.color;\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t...receivedPopoverProps,\n\t\t\t// Use the custom palette color item as the popover anchor.\n\t\t\tanchor: popoverAnchor,\n\t\t} ),\n\t\t[ popoverAnchor, receivedPopoverProps ]\n\t);\n\n\treturn (\n\t\t<PaletteItem\n\t\t\tclassName={ isEditing ? 'is-selected' : undefined }\n\t\t\tas={ isEditing ? 'div' : 'button' }\n\t\t\tonClick={ onStartEditing }\n\t\t\taria-label={\n\t\t\t\tisEditing\n\t\t\t\t\t? undefined\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// translators: %s is a color or gradient name, e.g. \"Red\".\n\t\t\t\t\t\t\t__( 'Edit: %s' ),\n\t\t\t\t\t\t\telement.name.trim().length ? element.name : value\n\t\t\t\t\t  )\n\t\t\t}\n\t\t\tref={ setPopoverAnchor }\n\t\t\t{ ...( isEditing ? { ...focusOutsideProps } : {} ) }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<IndicatorStyled colorValue={ value } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t{ isEditing && ! canOnlyChangeValues ? (\n\t\t\t\t\t\t<NameInput\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t? __( 'Gradient name' )\n\t\t\t\t\t\t\t\t\t: __( 'Color name' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={ element.name }\n\t\t\t\t\t\t\tonChange={ ( nextName?: string ) =>\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\tname: nextName,\n\t\t\t\t\t\t\t\t\tslug:\n\t\t\t\t\t\t\t\t\t\tslugPrefix +\n\t\t\t\t\t\t\t\t\t\tkebabCase( nextName ?? '' ),\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<NameContainer>\n\t\t\t\t\t\t\t{ element.name.trim().length\n\t\t\t\t\t\t\t\t? element.name\n\t\t\t\t\t\t\t\t: /* Fall back to non-breaking space to maintain height */\n\t\t\t\t\t\t\t\t  '\\u00A0' }\n\t\t\t\t\t\t</NameContainer>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t\t{ isEditing && ! canOnlyChangeValues && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<RemoveButton\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ lineSolid }\n\t\t\t\t\t\t\tlabel={ __( 'Remove color' ) }\n\t\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ isEditing && (\n\t\t\t\t<ColorPickerPopover\n\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\telement={ element }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PaletteItem>\n\t);\n}\n\nfunction PaletteEditListView< T extends Color | Gradient >( {\n\telements,\n\tonChange,\n\teditingElement,\n\tsetEditingElement,\n\tcanOnlyChangeValues,\n\tslugPrefix,\n\tisGradient,\n\tpopoverProps,\n}: PaletteEditListViewProps< T > ) {\n\t// When unmounting the component if there are empty elements (the user did not complete the insertion) clean them.\n\tconst elementsReference = useRef< typeof elements >();\n\tuseEffect( () => {\n\t\telementsReference.current = elements;\n\t}, [ elements ] );\n\n\tconst debounceOnChange = useDebounce( onChange, 100 );\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<ItemGroup isRounded>\n\t\t\t\t{ elements.map( ( element, index ) => (\n\t\t\t\t\t<Option\n\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\tcanOnlyChangeValues={ canOnlyChangeValues }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\telement={ element }\n\t\t\t\t\t\tonStartEditing={ () => {\n\t\t\t\t\t\t\tif ( editingElement !== index ) {\n\t\t\t\t\t\t\t\tsetEditingElement( index );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ ( newElement ) => {\n\t\t\t\t\t\t\tdebounceOnChange(\n\t\t\t\t\t\t\t\telements.map(\n\t\t\t\t\t\t\t\t\t( currentElement, currentIndex ) => {\n\t\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\t\treturn newElement;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn currentElement;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\tconst newElements = elements.filter(\n\t\t\t\t\t\t\t\t( _currentElement, currentIndex ) => {\n\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tnewElements.length ? newElements : undefined\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisEditing={ index === editingElement }\n\t\t\t\t\t\tonStopEditing={ () => {\n\t\t\t\t\t\t\tif ( index === editingElement ) {\n\t\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tslugPrefix={ slugPrefix }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nconst EMPTY_ARRAY: Color[] = [];\n\n/**\n * Allows editing a palette of colors or gradients.\n *\n * ```jsx\n * import { PaletteEdit } from '@wordpress/components';\n * const MyPaletteEdit = () => {\n *   const [ controlledColors, setControlledColors ] = useState( colors );\n *\n *   return (\n *     <PaletteEdit\n *       colors={ controlledColors }\n *       onChange={ ( newColors?: Color[] ) => {\n *         setControlledColors( newColors );\n *       } }\n *       paletteLabel=\"Here is a label\"\n *     />\n *   );\n * };\n * ```\n */\nexport function PaletteEdit( {\n\tgradients,\n\tcolors = EMPTY_ARRAY,\n\tonChange,\n\tpaletteLabel,\n\tpaletteLabelHeadingLevel = 2,\n\temptyMessage,\n\tcanOnlyChangeValues,\n\tcanReset,\n\tslugPrefix = '',\n\tpopoverProps,\n}: PaletteEditProps ) {\n\tconst isGradient = !! gradients;\n\tconst elements = isGradient ? gradients : colors;\n\tconst [ isEditing, setIsEditing ] = useState( false );\n\tconst [ editingElement, setEditingElement ] = useState<\n\t\tnumber | null | undefined\n\t>( null );\n\tconst isAdding =\n\t\tisEditing &&\n\t\t!! editingElement &&\n\t\telements[ editingElement ] &&\n\t\t! elements[ editingElement ].slug;\n\tconst elementsLength = elements.length;\n\tconst hasElements = elementsLength > 0;\n\tconst debounceOnChange = useDebounce( onChange, 100 );\n\tconst onSelectPaletteItem = useCallback(\n\t\t(\n\t\t\tvalue?: PaletteElement[ keyof PaletteElement ],\n\t\t\tnewEditingElementIndex?: number\n\t\t) => {\n\t\t\tconst selectedElement =\n\t\t\t\tnewEditingElementIndex === undefined\n\t\t\t\t\t? undefined\n\t\t\t\t\t: elements[ newEditingElementIndex ];\n\t\t\tconst key = isGradient ? 'gradient' : 'color';\n\t\t\t// Ensures that the index returned matches a known element value.\n\t\t\tif ( !! selectedElement && selectedElement[ key ] === value ) {\n\t\t\t\tsetEditingElement( newEditingElementIndex );\n\t\t\t} else {\n\t\t\t\tsetIsEditing( true );\n\t\t\t}\n\t\t},\n\t\t[ isGradient, elements ]\n\t);\n\n\treturn (\n\t\t<PaletteEditStyles>\n\t\t\t<PaletteHStackHeader>\n\t\t\t\t<PaletteHeading level={ paletteLabelHeadingLevel }>\n\t\t\t\t\t{ paletteLabel }\n\t\t\t\t</PaletteHeading>\n\t\t\t\t<PaletteActionsContainer>\n\t\t\t\t\t{ hasElements && isEditing && (\n\t\t\t\t\t\t<DoneButton\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Done' ) }\n\t\t\t\t\t\t</DoneButton>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! canOnlyChangeValues && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tisPressed={ isAdding }\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t? __( 'Add gradient' )\n\t\t\t\t\t\t\t\t\t: __( 'Add color' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst { name, slug } =\n\t\t\t\t\t\t\t\t\tgetNameAndSlugForPosition(\n\t\t\t\t\t\t\t\t\t\telements,\n\t\t\t\t\t\t\t\t\t\tslugPrefix\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif ( !! gradients ) {\n\t\t\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t\t\t...gradients,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tgradient: DEFAULT_GRADIENT,\n\t\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t\t\t...colors,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tcolor: DEFAULT_COLOR,\n\t\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t\tsetEditingElement( elements.length );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ hasElements &&\n\t\t\t\t\t\t( ! isEditing ||\n\t\t\t\t\t\t\t! canOnlyChangeValues ||\n\t\t\t\t\t\t\tcanReset ) && (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t\t? __( 'Gradient options' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Color options' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ( { onClose }: { onClose: () => void } ) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<NavigableMenu role=\"menu\">\n\t\t\t\t\t\t\t\t\t\t\t{ ! isEditing && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-palette-edit__menu-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Show details' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t{ ! canOnlyChangeValues && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEditingElement(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-palette-edit__menu-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ isGradient\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove all gradients'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove all colors'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t{ canReset && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEditingElement(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ isGradient\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Reset gradient' )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Reset colors' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t) }\n\t\t\t\t</PaletteActionsContainer>\n\t\t\t</PaletteHStackHeader>\n\t\t\t{ hasElements && (\n\t\t\t\t<>\n\t\t\t\t\t{ isEditing && (\n\t\t\t\t\t\t<PaletteEditListView< ( typeof elements )[ number ] >\n\t\t\t\t\t\t\tcanOnlyChangeValues={ canOnlyChangeValues }\n\t\t\t\t\t\t\telements={ elements }\n\t\t\t\t\t\t\t// @ts-expect-error TODO: Don't know how to resolve\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\teditingElement={ editingElement }\n\t\t\t\t\t\t\tsetEditingElement={ setEditingElement }\n\t\t\t\t\t\t\tslugPrefix={ slugPrefix }\n\t\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing && editingElement !== null && (\n\t\t\t\t\t\t<ColorPickerPopover\n\t\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\t\tonClose={ () => setEditingElement( null ) }\n\t\t\t\t\t\t\tonChange={ (\n\t\t\t\t\t\t\t\tnewElement: ( typeof elements )[ number ]\n\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\tdebounceOnChange(\n\t\t\t\t\t\t\t\t\t// @ts-expect-error TODO: Don't know how to resolve\n\t\t\t\t\t\t\t\t\telements.map(\n\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\tcurrentElement: ( typeof elements )[ number ],\n\t\t\t\t\t\t\t\t\t\t\tcurrentIndex: number\n\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === editingElement\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn newElement;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\treturn currentElement;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\telement={ elements[ editingElement ?? -1 ] }\n\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing &&\n\t\t\t\t\t\t( isGradient ? (\n\t\t\t\t\t\t\t<GradientPicker\n\t\t\t\t\t\t\t\tgradients={ gradients }\n\t\t\t\t\t\t\t\tonChange={ onSelectPaletteItem }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t\tdisableCustomGradients\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\t\t\tonChange={ onSelectPaletteItem }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! hasElements && emptyMessage }\n\t\t</PaletteEditStyles>\n\t);\n}\n\nexport default PaletteEdit;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_icons","_compose","_button","_colorPicker","_flex","_hStack","_itemGroup","_vStack","_gradientPicker","_colorPalette","_dropdownMenu","_popover","_styles","_navigableContainer","_constants","_customGradientPicker","_strings","DEFAULT_COLOR","NameInput","value","onChange","label","_react","createElement","NameInputControl","hideLabelFromVision","getNameAndSlugForPosition","elements","slugPrefix","nameRegex","RegExp","position","reduce","previousValue","currentValue","slug","matches","match","id","parseInt","name","sprintf","__","ColorPickerPopover","isGradient","element","popoverProps","receivedPopoverProps","onClose","useMemo","shift","offset","resize","placement","className","classnames","default","ColorPicker","color","enableAlpha","newColor","__experimentalIsRenderedInSidebar","gradient","newGradient","Option","canOnlyChangeValues","isEditing","onStartEditing","onRemove","onStopEditing","focusOutsideProps","useFocusOutside","popoverAnchor","setPopoverAnchor","useState","anchor","PaletteItem","undefined","as","onClick","trim","length","ref","HStack","justify","IndicatorStyled","colorValue","FlexItem","nextName","kebabCase","NameContainer","RemoveButton","size","icon","lineSolid","PaletteEditListView","editingElement","setEditingElement","elementsReference","useRef","useEffect","current","debounceOnChange","useDebounce","VStack","spacing","ItemGroup","isRounded","map","index","key","newElement","currentElement","currentIndex","newElements","filter","_currentElement","EMPTY_ARRAY","PaletteEdit","gradients","colors","paletteLabel","paletteLabelHeadingLevel","emptyMessage","canReset","setIsEditing","isAdding","elementsLength","hasElements","onSelectPaletteItem","useCallback","newEditingElementIndex","selectedElement","PaletteEditStyles","PaletteHStackHeader","PaletteHeading","level","PaletteActionsContainer","DoneButton","isPressed","plus","DEFAULT_GRADIENT","moreVertical","toggleProps","Fragment","NavigableMenu","role","variant","clearable","disableCustomGradients","disableCustomColors","_default","exports"],"sources":["@wordpress/components/src/palette-edit/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseRef,\n\tuseEffect,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { lineSolid, moreVertical, plus } from '@wordpress/icons';\nimport {\n\t__experimentalUseFocusOutside as useFocusOutside,\n\tuseDebounce,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { ColorPicker } from '../color-picker';\nimport { FlexItem } from '../flex';\nimport { HStack } from '../h-stack';\nimport { ItemGroup } from '../item-group';\nimport { VStack } from '../v-stack';\nimport GradientPicker from '../gradient-picker';\nimport ColorPalette from '../color-palette';\nimport DropdownMenu from '../dropdown-menu';\nimport Popover from '../popover';\nimport {\n\tPaletteActionsContainer,\n\tPaletteEditStyles,\n\tPaletteHeading,\n\tPaletteHStackHeader,\n\tIndicatorStyled,\n\tPaletteItem,\n\tNameContainer,\n\tNameInputControl,\n\tDoneButton,\n\tRemoveButton,\n} from './styles';\nimport { NavigableMenu } from '../navigable-container';\nimport { DEFAULT_GRADIENT } from '../custom-gradient-picker/constants';\nimport CustomGradientPicker from '../custom-gradient-picker';\nimport { kebabCase } from '../utils/strings';\nimport type {\n\tColor,\n\tColorPickerPopoverProps,\n\tGradient,\n\tNameInputProps,\n\tOptionProps,\n\tPaletteEditListViewProps,\n\tPaletteEditProps,\n\tPaletteElement,\n} from './types';\n\nconst DEFAULT_COLOR = '#000';\n\nfunction NameInput( { value, onChange, label }: NameInputProps ) {\n\treturn (\n\t\t<NameInputControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\n/**\n * Returns a name and slug for a palette item. The name takes the format \"Color + id\".\n * To ensure there are no duplicate ids, this function checks all slugs.\n * It expects slugs to be in the format: slugPrefix + color- + number.\n * It then sets the id component of the new name based on the incremented id of the highest existing slug id.\n *\n * @param elements   An array of color palette items.\n * @param slugPrefix The slug prefix used to match the element slug.\n *\n * @return A name and slug for the new palette item.\n */\nexport function getNameAndSlugForPosition(\n\telements: PaletteElement[],\n\tslugPrefix: string\n) {\n\tconst nameRegex = new RegExp( `^${ slugPrefix }color-([\\\\d]+)$` );\n\tconst position = elements.reduce( ( previousValue, currentValue ) => {\n\t\tif ( typeof currentValue?.slug === 'string' ) {\n\t\t\tconst matches = currentValue?.slug.match( nameRegex );\n\t\t\tif ( matches ) {\n\t\t\t\tconst id = parseInt( matches[ 1 ], 10 );\n\t\t\t\tif ( id >= previousValue ) {\n\t\t\t\t\treturn id + 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn previousValue;\n\t}, 1 );\n\n\treturn {\n\t\tname: sprintf(\n\t\t\t/* translators: %s: is an id for a custom color */\n\t\t\t__( 'Color %s' ),\n\t\t\tposition\n\t\t),\n\t\tslug: `${ slugPrefix }color-${ position }`,\n\t};\n}\n\nfunction ColorPickerPopover< T extends Color | Gradient >( {\n\tisGradient,\n\telement,\n\tonChange,\n\tpopoverProps: receivedPopoverProps,\n\tonClose = () => {},\n}: ColorPickerPopoverProps< T > ) {\n\tconst popoverProps: ColorPickerPopoverProps< T >[ 'popoverProps' ] =\n\t\tuseMemo(\n\t\t\t() => ( {\n\t\t\t\tshift: true,\n\t\t\t\toffset: 20,\n\t\t\t\t// Disabling resize as it would otherwise cause the popover to show\n\t\t\t\t// scrollbars while dragging the color picker's handle close to the\n\t\t\t\t// popover edge.\n\t\t\t\tresize: false,\n\t\t\t\tplacement: 'left-start',\n\t\t\t\t...receivedPopoverProps,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'components-palette-edit__popover',\n\t\t\t\t\treceivedPopoverProps?.className\n\t\t\t\t),\n\t\t\t} ),\n\t\t\t[ receivedPopoverProps ]\n\t\t);\n\n\treturn (\n\t\t<Popover { ...popoverProps } onClose={ onClose }>\n\t\t\t{ ! isGradient && (\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ element.color }\n\t\t\t\t\tenableAlpha\n\t\t\t\t\tonChange={ ( newColor ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\tcolor: newColor,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isGradient && (\n\t\t\t\t<div className=\"components-palette-edit__popover-gradient-picker\">\n\t\t\t\t\t<CustomGradientPicker\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tvalue={ element.gradient }\n\t\t\t\t\t\tonChange={ ( newGradient ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\tgradient: newGradient,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Popover>\n\t);\n}\n\nfunction Option< T extends Color | Gradient >( {\n\tcanOnlyChangeValues,\n\telement,\n\tonChange,\n\tisEditing,\n\tonStartEditing,\n\tonRemove,\n\tonStopEditing,\n\tpopoverProps: receivedPopoverProps,\n\tslugPrefix,\n\tisGradient,\n}: OptionProps< T > ) {\n\tconst focusOutsideProps = useFocusOutside( onStopEditing );\n\tconst value = isGradient ? element.gradient : element.color;\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t...receivedPopoverProps,\n\t\t\t// Use the custom palette color item as the popover anchor.\n\t\t\tanchor: popoverAnchor,\n\t\t} ),\n\t\t[ popoverAnchor, receivedPopoverProps ]\n\t);\n\n\treturn (\n\t\t<PaletteItem\n\t\t\tclassName={ isEditing ? 'is-selected' : undefined }\n\t\t\tas={ isEditing ? 'div' : 'button' }\n\t\t\tonClick={ onStartEditing }\n\t\t\taria-label={\n\t\t\t\tisEditing\n\t\t\t\t\t? undefined\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// translators: %s is a color or gradient name, e.g. \"Red\".\n\t\t\t\t\t\t\t__( 'Edit: %s' ),\n\t\t\t\t\t\t\telement.name.trim().length ? element.name : value\n\t\t\t\t\t  )\n\t\t\t}\n\t\t\tref={ setPopoverAnchor }\n\t\t\t{ ...( isEditing ? { ...focusOutsideProps } : {} ) }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<IndicatorStyled colorValue={ value } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t{ isEditing && ! canOnlyChangeValues ? (\n\t\t\t\t\t\t<NameInput\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t? __( 'Gradient name' )\n\t\t\t\t\t\t\t\t\t: __( 'Color name' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={ element.name }\n\t\t\t\t\t\t\tonChange={ ( nextName?: string ) =>\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\tname: nextName,\n\t\t\t\t\t\t\t\t\tslug:\n\t\t\t\t\t\t\t\t\t\tslugPrefix +\n\t\t\t\t\t\t\t\t\t\tkebabCase( nextName ?? '' ),\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<NameContainer>\n\t\t\t\t\t\t\t{ element.name.trim().length\n\t\t\t\t\t\t\t\t? element.name\n\t\t\t\t\t\t\t\t: /* Fall back to non-breaking space to maintain height */\n\t\t\t\t\t\t\t\t  '\\u00A0' }\n\t\t\t\t\t\t</NameContainer>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t\t{ isEditing && ! canOnlyChangeValues && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<RemoveButton\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ lineSolid }\n\t\t\t\t\t\t\tlabel={ __( 'Remove color' ) }\n\t\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ isEditing && (\n\t\t\t\t<ColorPickerPopover\n\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\telement={ element }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PaletteItem>\n\t);\n}\n\nfunction PaletteEditListView< T extends Color | Gradient >( {\n\telements,\n\tonChange,\n\teditingElement,\n\tsetEditingElement,\n\tcanOnlyChangeValues,\n\tslugPrefix,\n\tisGradient,\n\tpopoverProps,\n}: PaletteEditListViewProps< T > ) {\n\t// When unmounting the component if there are empty elements (the user did not complete the insertion) clean them.\n\tconst elementsReference = useRef< typeof elements >();\n\tuseEffect( () => {\n\t\telementsReference.current = elements;\n\t}, [ elements ] );\n\n\tconst debounceOnChange = useDebounce( onChange, 100 );\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<ItemGroup isRounded>\n\t\t\t\t{ elements.map( ( element, index ) => (\n\t\t\t\t\t<Option\n\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\tcanOnlyChangeValues={ canOnlyChangeValues }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\telement={ element }\n\t\t\t\t\t\tonStartEditing={ () => {\n\t\t\t\t\t\t\tif ( editingElement !== index ) {\n\t\t\t\t\t\t\t\tsetEditingElement( index );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ ( newElement ) => {\n\t\t\t\t\t\t\tdebounceOnChange(\n\t\t\t\t\t\t\t\telements.map(\n\t\t\t\t\t\t\t\t\t( currentElement, currentIndex ) => {\n\t\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\t\treturn newElement;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn currentElement;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\tconst newElements = elements.filter(\n\t\t\t\t\t\t\t\t( _currentElement, currentIndex ) => {\n\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tnewElements.length ? newElements : undefined\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisEditing={ index === editingElement }\n\t\t\t\t\t\tonStopEditing={ () => {\n\t\t\t\t\t\t\tif ( index === editingElement ) {\n\t\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tslugPrefix={ slugPrefix }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nconst EMPTY_ARRAY: Color[] = [];\n\n/**\n * Allows editing a palette of colors or gradients.\n *\n * ```jsx\n * import { PaletteEdit } from '@wordpress/components';\n * const MyPaletteEdit = () => {\n *   const [ controlledColors, setControlledColors ] = useState( colors );\n *\n *   return (\n *     <PaletteEdit\n *       colors={ controlledColors }\n *       onChange={ ( newColors?: Color[] ) => {\n *         setControlledColors( newColors );\n *       } }\n *       paletteLabel=\"Here is a label\"\n *     />\n *   );\n * };\n * ```\n */\nexport function PaletteEdit( {\n\tgradients,\n\tcolors = EMPTY_ARRAY,\n\tonChange,\n\tpaletteLabel,\n\tpaletteLabelHeadingLevel = 2,\n\temptyMessage,\n\tcanOnlyChangeValues,\n\tcanReset,\n\tslugPrefix = '',\n\tpopoverProps,\n}: PaletteEditProps ) {\n\tconst isGradient = !! gradients;\n\tconst elements = isGradient ? gradients : colors;\n\tconst [ isEditing, setIsEditing ] = useState( false );\n\tconst [ editingElement, setEditingElement ] = useState<\n\t\tnumber | null | undefined\n\t>( null );\n\tconst isAdding =\n\t\tisEditing &&\n\t\t!! editingElement &&\n\t\telements[ editingElement ] &&\n\t\t! elements[ editingElement ].slug;\n\tconst elementsLength = elements.length;\n\tconst hasElements = elementsLength > 0;\n\tconst debounceOnChange = useDebounce( onChange, 100 );\n\tconst onSelectPaletteItem = useCallback(\n\t\t(\n\t\t\tvalue?: PaletteElement[ keyof PaletteElement ],\n\t\t\tnewEditingElementIndex?: number\n\t\t) => {\n\t\t\tconst selectedElement =\n\t\t\t\tnewEditingElementIndex === undefined\n\t\t\t\t\t? undefined\n\t\t\t\t\t: elements[ newEditingElementIndex ];\n\t\t\tconst key = isGradient ? 'gradient' : 'color';\n\t\t\t// Ensures that the index returned matches a known element value.\n\t\t\tif ( !! selectedElement && selectedElement[ key ] === value ) {\n\t\t\t\tsetEditingElement( newEditingElementIndex );\n\t\t\t} else {\n\t\t\t\tsetIsEditing( true );\n\t\t\t}\n\t\t},\n\t\t[ isGradient, elements ]\n\t);\n\n\treturn (\n\t\t<PaletteEditStyles>\n\t\t\t<PaletteHStackHeader>\n\t\t\t\t<PaletteHeading level={ paletteLabelHeadingLevel }>\n\t\t\t\t\t{ paletteLabel }\n\t\t\t\t</PaletteHeading>\n\t\t\t\t<PaletteActionsContainer>\n\t\t\t\t\t{ hasElements && isEditing && (\n\t\t\t\t\t\t<DoneButton\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Done' ) }\n\t\t\t\t\t\t</DoneButton>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! canOnlyChangeValues && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tisPressed={ isAdding }\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t? __( 'Add gradient' )\n\t\t\t\t\t\t\t\t\t: __( 'Add color' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst { name, slug } =\n\t\t\t\t\t\t\t\t\tgetNameAndSlugForPosition(\n\t\t\t\t\t\t\t\t\t\telements,\n\t\t\t\t\t\t\t\t\t\tslugPrefix\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif ( !! gradients ) {\n\t\t\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t\t\t...gradients,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tgradient: DEFAULT_GRADIENT,\n\t\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t\t\t...colors,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tcolor: DEFAULT_COLOR,\n\t\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t\tsetEditingElement( elements.length );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ hasElements &&\n\t\t\t\t\t\t( ! isEditing ||\n\t\t\t\t\t\t\t! canOnlyChangeValues ||\n\t\t\t\t\t\t\tcanReset ) && (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t\t? __( 'Gradient options' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Color options' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ( { onClose }: { onClose: () => void } ) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<NavigableMenu role=\"menu\">\n\t\t\t\t\t\t\t\t\t\t\t{ ! isEditing && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-palette-edit__menu-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Show details' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t{ ! canOnlyChangeValues && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEditingElement(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-palette-edit__menu-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ isGradient\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove all gradients'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove all colors'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t{ canReset && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEditingElement(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ isGradient\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Reset gradient' )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Reset colors' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t) }\n\t\t\t\t</PaletteActionsContainer>\n\t\t\t</PaletteHStackHeader>\n\t\t\t{ hasElements && (\n\t\t\t\t<>\n\t\t\t\t\t{ isEditing && (\n\t\t\t\t\t\t<PaletteEditListView< ( typeof elements )[ number ] >\n\t\t\t\t\t\t\tcanOnlyChangeValues={ canOnlyChangeValues }\n\t\t\t\t\t\t\telements={ elements }\n\t\t\t\t\t\t\t// @ts-expect-error TODO: Don't know how to resolve\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\teditingElement={ editingElement }\n\t\t\t\t\t\t\tsetEditingElement={ setEditingElement }\n\t\t\t\t\t\t\tslugPrefix={ slugPrefix }\n\t\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing && editingElement !== null && (\n\t\t\t\t\t\t<ColorPickerPopover\n\t\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\t\tonClose={ () => setEditingElement( null ) }\n\t\t\t\t\t\t\tonChange={ (\n\t\t\t\t\t\t\t\tnewElement: ( typeof elements )[ number ]\n\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\tdebounceOnChange(\n\t\t\t\t\t\t\t\t\t// @ts-expect-error TODO: Don't know how to resolve\n\t\t\t\t\t\t\t\t\telements.map(\n\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\tcurrentElement: ( typeof elements )[ number ],\n\t\t\t\t\t\t\t\t\t\t\tcurrentIndex: number\n\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === editingElement\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn newElement;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\treturn currentElement;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\telement={ elements[ editingElement ?? -1 ] }\n\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing &&\n\t\t\t\t\t\t( isGradient ? (\n\t\t\t\t\t\t\t<GradientPicker\n\t\t\t\t\t\t\t\tgradients={ gradients }\n\t\t\t\t\t\t\t\tonChange={ onSelectPaletteItem }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t\tdisableCustomGradients\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\t\t\tonChange={ onSelectPaletteItem }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! hasElements && emptyMessage }\n\t\t</PaletteEditStyles>\n\t);\n}\n\nexport default PaletteEdit;\n"],"mappings":"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","ignoreList":[]}