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

@wordpress/components 27.3.0 → 27.4.0

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

Files changed (1972) hide show

package/build-module/custom-gradient-picker/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["gradientParser","colord","extend","namesPlugin","DEFAULT_GRADIENT","HORIZONTAL_GRADIENT_ORIENTATION","DIRECTIONAL_ORIENTATION_ANGLE_MAP","serializeGradient","getLinearGradientRepresentation","gradientAST","type","orientation","colorStops","hasUnsupportedLength","item","length","undefined","getGradientAstWithDefault","value","hasGradient","valueToParse","parse","error","console","warn","Array","isArray","toString","some","step","forEach","stop","index","getGradientAstWithControlPoints","newControlPoints","map","position","color","r","g","b","a","toRgb","getStopCssColor","colorStop","join"],"sources":["@wordpress/components/src/custom-gradient-picker/utils.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport gradientParser from 'gradient-parser';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/\n Internal dependencies\n /\nimport {\n\tDEFAULT_GRADIENT,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n\tDIRECTIONAL_ORIENTATION_ANGLE_MAP,\n} from './constants';\nimport { serializeGradient } from './serializer';\nimport type { ControlPoint } from './types';\n\nextend( [ namesPlugin ] );\n\nexport function getLinearGradientRepresentation(\n\tgradientAST: gradientParser.GradientNode\n) {\n\treturn serializeGradient( {\n\t\ttype: 'linear-gradient',\n\t\torientation: HORIZONTAL_GRADIENT_ORIENTATION,\n\t\tcolorStops: gradientAST.colorStops,\n\t} );\n}\n\nfunction hasUnsupportedLength( item: gradientParser.ColorStop ) {\n\treturn item.length === undefined \|\| item.length.type !== '%';\n}\n\nexport function getGradientAstWithDefault( value?: string \| null ) {\n\t// gradientAST will contain the gradient AST as parsed by gradient-parser npm module.\n\t// More information of its structure available at https://www.npmjs.com/package/gradient-parser#ast.\n\tlet gradientAST: gradientParser.GradientNode \| undefined;\n\tlet hasGradient = !! value;\n\n\tconst valueToParse = value ?? DEFAULT_GRADIENT;\n\n\ttry {\n\t\tgradientAST = gradientParser.parse( valueToParse )[ 0 ];\n\t} catch ( error ) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.warn(\n\t\t\t'wp.components.CustomGradientPicker failed to parse the gradient with error',\n\t\t\terror\n\t\t);\n\n\t\tgradientAST = gradientParser.parse( DEFAULT_GRADIENT )[ 0 ];\n\t\thasGradient = false;\n\t}\n\n\tif (\n\t\t! Array.isArray( gradientAST.orientation ) &&\n\t\tgradientAST.orientation?.type === 'directional'\n\t) {\n\t\tgradientAST.orientation = {\n\t\t\ttype: 'angular',\n\t\t\tvalue: DIRECTIONAL_ORIENTATION_ANGLE_MAP[\n\t\t\t\tgradientAST.orientation.value\n\t\t\t].toString(),\n\t\t};\n\t}\n\n\tif ( gradientAST.colorStops.some( hasUnsupportedLength ) ) {\n\t\tconst { colorStops } = gradientAST;\n\t\tconst step = 100 / ( colorStops.length - 1 );\n\t\tcolorStops.forEach( ( stop, index ) => {\n\t\t\tstop.length = {\n\t\t\t\tvalue: `${ step index }`,\n\t\t\t\ttype: '%',\n\t\t\t};\n\t\t} );\n\t}\n\n\treturn { gradientAST, hasGradient };\n}\n\nexport function getGradientAstWithControlPoints(\n\tgradientAST: gradientParser.GradientNode,\n\tnewControlPoints: ControlPoint[]\n) {\n\treturn {\n\t\t...gradientAST,\n\t\tcolorStops: newControlPoints.map( ( { position, color } ) => {\n\t\t\tconst { r, g, b, a } = colord( color ).toRgb();\n\t\t\treturn {\n\t\t\t\tlength: {\n\t\t\t\t\ttype: '%',\n\t\t\t\t\tvalue: position?.toString(),\n\t\t\t\t},\n\t\t\t\ttype: a < 1 ? 'rgba' : 'rgb',\n\t\t\t\tvalue:\n\t\t\t\t\ta < 1\n\t\t\t\t\t\t? [ `${ r }`, `${ g }`, `${ b }`, `${ a }` ]\n\t\t\t\t\t\t: [ `${ r }`, `${ g }`, `${ b }` ],\n\t\t\t};\n\t\t} ),\n\t} as gradientParser.GradientNode;\n}\n\nexport function getStopCssColor( colorStop: gradientParser.ColorStop ) {\n\tswitch ( colorStop.type ) {\n\t\tcase 'hex':\n\t\t\treturn `#${ colorStop.value }`;\n\t\tcase 'literal':\n\t\t\treturn colorStop.value;\n\t\tcase 'rgb':\n\t\tcase 'rgba':\n\t\t\treturn `${ colorStop.type }(${ colorStop.value.join( ',' ) })`;\n\t\tdefault:\n\t\t\t// Should be unreachable if passing an AST from gradient-parser.\n\t\t\t// See https://github.com/rafaelcaricio/gradient-parser#ast.\n\t\t\treturn 'transparent';\n\t}\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["gradientParser","colord","extend","namesPlugin","DEFAULT_GRADIENT","HORIZONTAL_GRADIENT_ORIENTATION","DIRECTIONAL_ORIENTATION_ANGLE_MAP","serializeGradient","getLinearGradientRepresentation","gradientAST","type","orientation","colorStops","hasUnsupportedLength","item","length","undefined","getGradientAstWithDefault","value","hasGradient","valueToParse","parse","error","console","warn","Array","isArray","toString","some","step","forEach","stop","index","getGradientAstWithControlPoints","newControlPoints","map","position","color","r","g","b","a","toRgb","getStopCssColor","colorStop","join"],"sources":["@wordpress/components/src/custom-gradient-picker/utils.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport gradientParser from 'gradient-parser';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/\n Internal dependencies\n /\nimport {\n\tDEFAULT_GRADIENT,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n\tDIRECTIONAL_ORIENTATION_ANGLE_MAP,\n} from './constants';\nimport { serializeGradient } from './serializer';\nimport type { ControlPoint } from './types';\n\nextend( [ namesPlugin ] );\n\nexport function getLinearGradientRepresentation(\n\tgradientAST: gradientParser.GradientNode\n) {\n\treturn serializeGradient( {\n\t\ttype: 'linear-gradient',\n\t\torientation: HORIZONTAL_GRADIENT_ORIENTATION,\n\t\tcolorStops: gradientAST.colorStops,\n\t} );\n}\n\nfunction hasUnsupportedLength( item: gradientParser.ColorStop ) {\n\treturn item.length === undefined \|\| item.length.type !== '%';\n}\n\nexport function getGradientAstWithDefault( value?: string \| null ) {\n\t// gradientAST will contain the gradient AST as parsed by gradient-parser npm module.\n\t// More information of its structure available at https://www.npmjs.com/package/gradient-parser#ast.\n\tlet gradientAST: gradientParser.GradientNode \| undefined;\n\tlet hasGradient = !! value;\n\n\tconst valueToParse = value ?? DEFAULT_GRADIENT;\n\n\ttry {\n\t\tgradientAST = gradientParser.parse( valueToParse )[ 0 ];\n\t} catch ( error ) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.warn(\n\t\t\t'wp.components.CustomGradientPicker failed to parse the gradient with error',\n\t\t\terror\n\t\t);\n\n\t\tgradientAST = gradientParser.parse( DEFAULT_GRADIENT )[ 0 ];\n\t\thasGradient = false;\n\t}\n\n\tif (\n\t\t! Array.isArray( gradientAST.orientation ) &&\n\t\tgradientAST.orientation?.type === 'directional'\n\t) {\n\t\tgradientAST.orientation = {\n\t\t\ttype: 'angular',\n\t\t\tvalue: DIRECTIONAL_ORIENTATION_ANGLE_MAP[\n\t\t\t\tgradientAST.orientation.value\n\t\t\t].toString(),\n\t\t};\n\t}\n\n\tif ( gradientAST.colorStops.some( hasUnsupportedLength ) ) {\n\t\tconst { colorStops } = gradientAST;\n\t\tconst step = 100 / ( colorStops.length - 1 );\n\t\tcolorStops.forEach( ( stop, index ) => {\n\t\t\tstop.length = {\n\t\t\t\tvalue: `${ step index }`,\n\t\t\t\ttype: '%',\n\t\t\t};\n\t\t} );\n\t}\n\n\treturn { gradientAST, hasGradient };\n}\n\nexport function getGradientAstWithControlPoints(\n\tgradientAST: gradientParser.GradientNode,\n\tnewControlPoints: ControlPoint[]\n) {\n\treturn {\n\t\t...gradientAST,\n\t\tcolorStops: newControlPoints.map( ( { position, color } ) => {\n\t\t\tconst { r, g, b, a } = colord( color ).toRgb();\n\t\t\treturn {\n\t\t\t\tlength: {\n\t\t\t\t\ttype: '%',\n\t\t\t\t\tvalue: position?.toString(),\n\t\t\t\t},\n\t\t\t\ttype: a < 1 ? 'rgba' : 'rgb',\n\t\t\t\tvalue:\n\t\t\t\t\ta < 1\n\t\t\t\t\t\t? [ `${ r }`, `${ g }`, `${ b }`, `${ a }` ]\n\t\t\t\t\t\t: [ `${ r }`, `${ g }`, `${ b }` ],\n\t\t\t};\n\t\t} ),\n\t} as gradientParser.GradientNode;\n}\n\nexport function getStopCssColor( colorStop: gradientParser.ColorStop ) {\n\tswitch ( colorStop.type ) {\n\t\tcase 'hex':\n\t\t\treturn `#${ colorStop.value }`;\n\t\tcase 'literal':\n\t\t\treturn colorStop.value;\n\t\tcase 'rgb':\n\t\tcase 'rgba':\n\t\t\treturn `${ colorStop.type }(${ colorStop.value.join( ',' ) })`;\n\t\tdefault:\n\t\t\t// Should be unreachable if passing an AST from gradient-parser.\n\t\t\t// See https://github.com/rafaelcaricio/gradient-parser#ast.\n\t\t\treturn 'transparent';\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,7 +11,7 @@ import classnames from 'classnames';
  */
 import { Icon, check } from '@wordpress/icons';
 import { __, sprintf } from '@wordpress/i18n';
-import { useCallback, useState } from '@wordpress/element';
+import { useCallback } from '@wordpress/element';
 /**
  * Internal dependencies
@@ -90,15 +90,6 @@ export default function CustomSelectControl(props) {
     } : undefined),
     stateReducer
   });
-  const [isFocused, setIsFocused] = useState(false);
-  function handleOnFocus(e) {
-    setIsFocused(true);
-    onFocus?.(e);
-  }
-  function handleOnBlur(e) {
-    setIsFocused(false);
-    onBlur?.(e);
-  }
   function getDescribedBy() {
     if (describedBy) {
       return describedBy;
@@ -135,15 +126,14 @@ export default function CustomSelectControl(props) {
     })
   }, label), createElement(InputBase, {
     __next40pxDefaultSize: __next40pxDefaultSize,
-    isFocused: isOpen || isFocused,
     size: size,
     suffix: createElement(SelectControlChevronDown, null)
   }, createElement(SelectControlSelect, {
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
     as: "button",
-    onFocus: handleOnFocus,
-    onBlur: handleOnBlur,
+    onFocus: onFocus,
+    onBlur: onBlur,
     selectSize: size,
     __next40pxDefaultSize: __next40pxDefaultSize,
     ...getToggleButtonProps({
@@ -155,7 +145,9 @@ export default function CustomSelectControl(props) {
     })
   }, itemToString(selectedItem), __experimentalShowSelectedHint && selectedItem.__experimentalHint && createElement("span", {
     className: "components-custom-select-control__hint"
-  }, selectedItem.__experimentalHint))), createElement("ul", {
+  }, selectedItem.__experimentalHint)), createElement("div", {
+    className: "components-custom-select-control__menu-wrapper"
+  }, createElement("ul", {
     ...menuProps,
     onKeyDown: onKeyDownHandler
   }, isOpen && items.map((item, index) =>
@@ -177,7 +169,7 @@ export default function CustomSelectControl(props) {
   }, item.__experimentalHint), item === selectedItem && createElement(Icon, {
     icon: check,
     className: "components-custom-select-control__item-icon"
-  })))));
+  })))))));
 }
 export function StableCustomSelectControl(props) {
   return createElement(CustomSelectControl, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelect","classnames","Icon","check","__","sprintf","useCallback","useState","VisuallyHidden","Select","SelectControlSelect","SelectControlChevronDown","StyledLabel","useDeprecated36pxDefaultSizeProp","InputBase","itemToString","item","name","stateReducer","selectedItem","type","changes","props","items","stateChangeTypes","ToggleButtonKeyDownArrowDown","Math","min","indexOf","length","ToggleButtonKeyDownArrowUp","max","CustomSelectControl","__next40pxDefaultSize","className","hideLabelFromVision","label","describedBy","options","onChange","onSelectedItemChange","size","value","_selectedItem","onMouseOver","onMouseOut","onFocus","onBlur","__experimentalShowSelectedHint","getLabelProps","getToggleButtonProps","getMenuProps","getItemProps","isOpen","highlightedIndex","initialSelectedItem","undefined","isFocused","setIsFocused","handleOnFocus","e","handleOnBlur","getDescribedBy","menuProps","onKeyDownHandler","stopPropagation","onKeyDown","startsWith","createElement","as","suffix","selectSize","__experimentalHint","map","index","key","style","icon","StableCustomSelectControl"],"sources":["@wordpress/components/src/custom-select-control/index.js"],"sourcesContent":["// @ts-nocheck\n/*\n External dependencies\n /\nimport { useSelect } from 'downshift';\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { Icon, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useCallback, useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { VisuallyHidden } from '../visually-hidden';\nimport { Select as SelectControlSelect } from '../select-control/styles/select-control-styles';\nimport SelectControlChevronDown from '../select-control/chevron-down';\nimport { StyledLabel } from '../base-control/styles/base-control-styles';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\nimport InputBase from '../input-control/input-base';\n\nconst itemToString = ( item ) => item?.name;\n// This is needed so that in Windows, where\n// the menu does not necessarily open on\n// key up/down, you can still switch between\n// options with the menu closed.\nconst stateReducer = (\n\t{ selectedItem },\n\t{ type, changes, props: { items } }\n) => {\n\tswitch ( type ) {\n\t\tcase useSelect.stateChangeTypes.ToggleButtonKeyDownArrowDown:\n\t\t\t// If we already have a selected item, try to select the next one,\n\t\t\t// without circular navigation. Otherwise, select the first item.\n\t\t\treturn {\n\t\t\t\tselectedItem:\n\t\t\t\t\titems[\n\t\t\t\t\t\tselectedItem\n\t\t\t\t\t\t\t? Math.min(\n\t\t\t\t\t\t\t\t\titems.indexOf( selectedItem ) + 1,\n\t\t\t\t\t\t\t\t\titems.length - 1\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t],\n\t\t\t};\n\t\tcase useSelect.stateChangeTypes.ToggleButtonKeyDownArrowUp:\n\t\t\t// If we already have a selected item, try to select the previous one,\n\t\t\t// without circular navigation. Otherwise, select the last item.\n\t\t\treturn {\n\t\t\t\tselectedItem:\n\t\t\t\t\titems[\n\t\t\t\t\t\tselectedItem\n\t\t\t\t\t\t\t? Math.max( items.indexOf( selectedItem ) - 1, 0 )\n\t\t\t\t\t\t\t: items.length - 1\n\t\t\t\t\t],\n\t\t\t};\n\t\tdefault:\n\t\t\treturn changes;\n\t}\n};\n\nexport default function CustomSelectControl( props ) {\n\tconst {\n\t\t/* Start opting into the larger default height that will become the default size in a future version. /\n\t\t__next40pxDefaultSize = false,\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\tlabel,\n\t\tdescribedBy,\n\t\toptions: items,\n\t\tonChange: onSelectedItemChange,\n\t\t/* @type {import('../select-control/types').SelectControlProps.size} /\n\t\tsize = 'default',\n\t\tvalue: _selectedItem,\n\t\tonMouseOver,\n\t\tonMouseOut,\n\t\tonFocus,\n\t\tonBlur,\n\t\t__experimentalShowSelectedHint = false,\n\t} = useDeprecated36pxDefaultSizeProp( props );\n\n\tconst {\n\t\tgetLabelProps,\n\t\tgetToggleButtonProps,\n\t\tgetMenuProps,\n\t\tgetItemProps,\n\t\tisOpen,\n\t\thighlightedIndex,\n\t\tselectedItem,\n\t} = useSelect( {\n\t\tinitialSelectedItem: items[ 0 ],\n\t\titems,\n\t\titemToString,\n\t\tonSelectedItemChange,\n\t\t...( typeof _selectedItem !== 'undefined' && _selectedItem !== null\n\t\t\t? { selectedItem: _selectedItem }\n\t\t\t: undefined ),\n\t\tstateReducer,\n\t} );\n\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tfunction handleOnFocus( e ) {\n\t\tsetIsFocused( true );\n\t\tonFocus?.( e );\n\t}\n\n\tfunction handleOnBlur( e ) {\n\t\tsetIsFocused( false );\n\t\tonBlur?.( e );\n\t}\n\n\tfunction getDescribedBy() {\n\t\tif ( describedBy ) {\n\t\t\treturn describedBy;\n\t\t}\n\n\t\tif ( ! selectedItem ) {\n\t\t\treturn __( 'No selection' );\n\t\t}\n\n\t\t// translators: %s: The selected option.\n\t\treturn sprintf( __( 'Currently selected: %s' ), selectedItem.name );\n\t}\n\n\tconst menuProps = getMenuProps( {\n\t\tclassName: 'components-custom-select-control__menu',\n\t\t'aria-hidden': ! isOpen,\n\t} );\n\n\tconst onKeyDownHandler = useCallback(\n\t\t( e ) => {\n\t\t\te.stopPropagation();\n\t\t\tmenuProps?.onKeyDown?.( e );\n\t\t},\n\t\t[ menuProps ]\n\t);\n\n\t// We need this here, because the null active descendant is not fully ARIA compliant.\n\tif (\n\t\tmenuProps[ 'aria-activedescendant' ]?.startsWith( 'downshift-null' )\n\t) {\n\t\tdelete menuProps[ 'aria-activedescendant' ];\n\t}\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames(\n\t\t\t\t'components-custom-select-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t{ hideLabelFromVision ? (\n\t\t\t\t<VisuallyHidden as=\"label\" { ...getLabelProps() }>\n\t\t\t\t\t{ label }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) : (\n\t\t\t\t/ eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/label-has-for /\n\t\t\t\t<StyledLabel\n\t\t\t\t\t{ ...getLabelProps( {\n\t\t\t\t\t\tclassName: 'components-custom-select-control__label',\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</StyledLabel>\n\t\t\t) }\n\t\t\t<InputBase\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\tisFocused={ isOpen \|\| isFocused }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={ <SelectControlChevronDown /> }\n\t\t\t>\n\t\t\t\t<SelectControlSelect\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tas=\"button\"\n\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\tselectSize={ size }\n\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\t{ ...getToggleButtonProps( {\n\t\t\t\t\t\t// This is needed because some speech recognition software don't support `aria-labelledby`.\n\t\t\t\t\t\t'aria-label': label,\n\t\t\t\t\t\t'aria-labelledby': undefined,\n\t\t\t\t\t\tclassName: 'components-custom-select-control__button',\n\t\t\t\t\t\tdescribedBy: getDescribedBy(),\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ itemToString( selectedItem ) }\n\t\t\t\t\t{ __experimentalShowSelectedHint &&\n\t\t\t\t\t\tselectedItem.__experimentalHint && (\n\t\t\t\t\t\t\t<span className=\"components-custom-select-control__hint\">\n\t\t\t\t\t\t\t\t{ selectedItem.__experimentalHint }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t</SelectControlSelect>\n\t\t\t</InputBase>\n\t\t\t{ / eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t<ul { ...menuProps } onKeyDown={ onKeyDownHandler }>\n\t\t\t\t{ isOpen &&\n\t\t\t\t\titems.map( ( item, index ) => (\n\t\t\t\t\t\t// eslint-disable-next-line react/jsx-key\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t{ ...getItemProps( {\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\tkey: item.key,\n\t\t\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t\t\titem.className,\n\t\t\t\t\t\t\t\t\t'components-custom-select-control__item',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-highlighted':\n\t\t\t\t\t\t\t\t\t\t\tindex === highlightedIndex,\n\t\t\t\t\t\t\t\t\t\t'has-hint': !! item.__experimentalHint,\n\t\t\t\t\t\t\t\t\t\t'is-next-40px-default-size':\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize,\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\tstyle: item.style,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.name }\n\t\t\t\t\t\t\t{ item.__experimentalHint && (\n\t\t\t\t\t\t\t\t<span className=\"components-custom-select-control__item-hint\">\n\t\t\t\t\t\t\t\t\t{ item.__experimentalHint }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ item === selectedItem && (\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\t\t\tclassName=\"components-custom-select-control__item-icon\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) ) }\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n\nexport function StableCustomSelectControl( props ) {\n\treturn (\n\t\t<CustomSelectControl\n\t\t\t{ ...props }\n\t\t\t__experimentalShowSelectedHint={ false }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["useSelect","classnames","Icon","check","__","sprintf","useCallback","VisuallyHidden","Select","SelectControlSelect","SelectControlChevronDown","StyledLabel","useDeprecated36pxDefaultSizeProp","InputBase","itemToString","item","name","stateReducer","selectedItem","type","changes","props","items","stateChangeTypes","ToggleButtonKeyDownArrowDown","Math","min","indexOf","length","ToggleButtonKeyDownArrowUp","max","CustomSelectControl","__next40pxDefaultSize","className","hideLabelFromVision","label","describedBy","options","onChange","onSelectedItemChange","size","value","_selectedItem","onMouseOver","onMouseOut","onFocus","onBlur","__experimentalShowSelectedHint","getLabelProps","getToggleButtonProps","getMenuProps","getItemProps","isOpen","highlightedIndex","initialSelectedItem","undefined","getDescribedBy","menuProps","onKeyDownHandler","e","stopPropagation","onKeyDown","startsWith","createElement","as","suffix","selectSize","__experimentalHint","map","index","key","style","icon","StableCustomSelectControl"],"sources":["@wordpress/components/src/custom-select-control/index.js"],"sourcesContent":["// @ts-nocheck\n/*\n External dependencies\n /\nimport { useSelect } from 'downshift';\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { Icon, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { VisuallyHidden } from '../visually-hidden';\nimport { Select as SelectControlSelect } from '../select-control/styles/select-control-styles';\nimport SelectControlChevronDown from '../select-control/chevron-down';\nimport { StyledLabel } from '../base-control/styles/base-control-styles';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\nimport InputBase from '../input-control/input-base';\n\nconst itemToString = ( item ) => item?.name;\n// This is needed so that in Windows, where\n// the menu does not necessarily open on\n// key up/down, you can still switch between\n// options with the menu closed.\nconst stateReducer = (\n\t{ selectedItem },\n\t{ type, changes, props: { items } }\n) => {\n\tswitch ( type ) {\n\t\tcase useSelect.stateChangeTypes.ToggleButtonKeyDownArrowDown:\n\t\t\t// If we already have a selected item, try to select the next one,\n\t\t\t// without circular navigation. Otherwise, select the first item.\n\t\t\treturn {\n\t\t\t\tselectedItem:\n\t\t\t\t\titems[\n\t\t\t\t\t\tselectedItem\n\t\t\t\t\t\t\t? Math.min(\n\t\t\t\t\t\t\t\t\titems.indexOf( selectedItem ) + 1,\n\t\t\t\t\t\t\t\t\titems.length - 1\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t],\n\t\t\t};\n\t\tcase useSelect.stateChangeTypes.ToggleButtonKeyDownArrowUp:\n\t\t\t// If we already have a selected item, try to select the previous one,\n\t\t\t// without circular navigation. Otherwise, select the last item.\n\t\t\treturn {\n\t\t\t\tselectedItem:\n\t\t\t\t\titems[\n\t\t\t\t\t\tselectedItem\n\t\t\t\t\t\t\t? Math.max( items.indexOf( selectedItem ) - 1, 0 )\n\t\t\t\t\t\t\t: items.length - 1\n\t\t\t\t\t],\n\t\t\t};\n\t\tdefault:\n\t\t\treturn changes;\n\t}\n};\n\nexport default function CustomSelectControl( props ) {\n\tconst {\n\t\t/* Start opting into the larger default height that will become the default size in a future version. /\n\t\t__next40pxDefaultSize = false,\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\tlabel,\n\t\tdescribedBy,\n\t\toptions: items,\n\t\tonChange: onSelectedItemChange,\n\t\t/* @type {import('../select-control/types').SelectControlProps.size} /\n\t\tsize = 'default',\n\t\tvalue: _selectedItem,\n\t\tonMouseOver,\n\t\tonMouseOut,\n\t\tonFocus,\n\t\tonBlur,\n\t\t__experimentalShowSelectedHint = false,\n\t} = useDeprecated36pxDefaultSizeProp( props );\n\n\tconst {\n\t\tgetLabelProps,\n\t\tgetToggleButtonProps,\n\t\tgetMenuProps,\n\t\tgetItemProps,\n\t\tisOpen,\n\t\thighlightedIndex,\n\t\tselectedItem,\n\t} = useSelect( {\n\t\tinitialSelectedItem: items[ 0 ],\n\t\titems,\n\t\titemToString,\n\t\tonSelectedItemChange,\n\t\t...( typeof _selectedItem !== 'undefined' && _selectedItem !== null\n\t\t\t? { selectedItem: _selectedItem }\n\t\t\t: undefined ),\n\t\tstateReducer,\n\t} );\n\n\tfunction getDescribedBy() {\n\t\tif ( describedBy ) {\n\t\t\treturn describedBy;\n\t\t}\n\n\t\tif ( ! selectedItem ) {\n\t\t\treturn __( 'No selection' );\n\t\t}\n\n\t\t// translators: %s: The selected option.\n\t\treturn sprintf( __( 'Currently selected: %s' ), selectedItem.name );\n\t}\n\n\tconst menuProps = getMenuProps( {\n\t\tclassName: 'components-custom-select-control__menu',\n\t\t'aria-hidden': ! isOpen,\n\t} );\n\n\tconst onKeyDownHandler = useCallback(\n\t\t( e ) => {\n\t\t\te.stopPropagation();\n\t\t\tmenuProps?.onKeyDown?.( e );\n\t\t},\n\t\t[ menuProps ]\n\t);\n\n\t// We need this here, because the null active descendant is not fully ARIA compliant.\n\tif (\n\t\tmenuProps[ 'aria-activedescendant' ]?.startsWith( 'downshift-null' )\n\t) {\n\t\tdelete menuProps[ 'aria-activedescendant' ];\n\t}\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames(\n\t\t\t\t'components-custom-select-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t{ hideLabelFromVision ? (\n\t\t\t\t<VisuallyHidden as=\"label\" { ...getLabelProps() }>\n\t\t\t\t\t{ label }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) : (\n\t\t\t\t/ eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/label-has-for /\n\t\t\t\t<StyledLabel\n\t\t\t\t\t{ ...getLabelProps( {\n\t\t\t\t\t\tclassName: 'components-custom-select-control__label',\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</StyledLabel>\n\t\t\t) }\n\t\t\t<InputBase\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={ <SelectControlChevronDown /> }\n\t\t\t>\n\t\t\t\t<SelectControlSelect\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tas=\"button\"\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\tonBlur={ onBlur }\n\t\t\t\t\tselectSize={ size }\n\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\t{ ...getToggleButtonProps( {\n\t\t\t\t\t\t// This is needed because some speech recognition software don't support `aria-labelledby`.\n\t\t\t\t\t\t'aria-label': label,\n\t\t\t\t\t\t'aria-labelledby': undefined,\n\t\t\t\t\t\tclassName: 'components-custom-select-control__button',\n\t\t\t\t\t\tdescribedBy: getDescribedBy(),\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ itemToString( selectedItem ) }\n\t\t\t\t\t{ __experimentalShowSelectedHint &&\n\t\t\t\t\t\tselectedItem.__experimentalHint && (\n\t\t\t\t\t\t\t<span className=\"components-custom-select-control__hint\">\n\t\t\t\t\t\t\t\t{ selectedItem.__experimentalHint }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t</SelectControlSelect>\n\t\t\t\t<div className=\"components-custom-select-control__menu-wrapper\">\n\t\t\t\t\t{ / eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t\t\t<ul { ...menuProps } onKeyDown={ onKeyDownHandler }>\n\t\t\t\t\t\t{ isOpen &&\n\t\t\t\t\t\t\titems.map( ( item, index ) => (\n\t\t\t\t\t\t\t\t// eslint-disable-next-line react/jsx-key\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t{ ...getItemProps( {\n\t\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\tkey: item.key,\n\t\t\t\t\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t\t\t\t\titem.className,\n\t\t\t\t\t\t\t\t\t\t\t'components-custom-select-control__item',\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t'is-highlighted':\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex === highlightedIndex,\n\t\t\t\t\t\t\t\t\t\t\t\t'has-hint':\n\t\t\t\t\t\t\t\t\t\t\t\t\t!! item.__experimentalHint,\n\t\t\t\t\t\t\t\t\t\t\t\t'is-next-40px-default-size':\n\t\t\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize,\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\tstyle: item.style,\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{ item.name }\n\t\t\t\t\t\t\t\t\t{ item.__experimentalHint && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"components-custom-select-control__item-hint\">\n\t\t\t\t\t\t\t\t\t\t\t{ item.__experimentalHint }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ item === selectedItem && (\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-custom-select-control__item-icon\"\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</li>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</InputBase>\n\t\t</div>\n\t);\n}\n\nexport function StableCustomSelectControl( props ) {\n\treturn (\n\t\t<CustomSelectControl\n\t\t\t{ ...props }\n\t\t\t__experimentalShowSelectedHint={ false }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["createContext","useMemo","__","sprintf","Icon","chevronDown","VisuallyHidden","Styled","contextConnectWithoutRef","useContextSystem","CustomSelectContext","undefined","defaultRenderSelectedValue","value","isValueEmpty","Array","isArray","length","UnconnectedCustomSelectButton","props","renderSelectedValue","size","store","restProps","currentValue","useState","computedRenderSelectedValue","createElement","Select","hasCustomRenderProp","showOnKeyDown","icon","CustomSelectButton","_CustomSelect","children","hideLabelFromVision","label","Fragment","as","SelectLabel","SelectPopover","gutter","sameWidth","Provider"],"sources":["@wordpress/components/src/custom-select-control-v2/custom-select.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createContext, useMemo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, chevronDown } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { VisuallyHidden } from '..';\nimport as Styled from './styles';\nimport type {\n\tCustomSelectContext as CustomSelectContextType,\n\tCustomSelectStore,\n\tCustomSelectButtonProps,\n\t_CustomSelectProps,\n} from './types';\nimport {\n\tcontextConnectWithoutRef,\n\tuseContextSystem,\n\ttype WordPressComponentProps,\n} from '../context';\n\nexport const CustomSelectContext =\n\tcreateContext< CustomSelectContextType >( undefined );\n\nfunction defaultRenderSelectedValue(\n\tvalue: CustomSelectButtonProps[ 'value' ]\n) {\n\tconst isValueEmpty = Array.isArray( value )\n\t\t? value.length === 0\n\t\t: value === undefined \|\| value === null;\n\n\tif ( isValueEmpty ) {\n\t\treturn __( 'Select an item' );\n\t}\n\n\tif ( Array.isArray( value ) ) {\n\t\treturn value.length === 1\n\t\t\t? value[ 0 ]\n\t\t\t: // translators: %s: number of items selected (it will always be 2 or more items)\n\t\t\t sprintf( __( '%s items selected' ), value.length );\n\t}\n\n\treturn value;\n}\n\nconst UnconnectedCustomSelectButton = (\n\tprops: Omit<\n\t\tWordPressComponentProps<\n\t\t\tCustomSelectButtonProps & CustomSelectStore,\n\t\t\t'button',\n\t\t\tfalse\n\t\t>,\n\t\t'onChange'\n\t>\n) => {\n\tconst {\n\t\trenderSelectedValue,\n\t\tsize = 'default',\n\t\tstore,\n\t\t...restProps\n\t} = useContextSystem( props, 'CustomSelectControlButton' );\n\n\tconst { value: currentValue } = store.useState();\n\n\tconst computedRenderSelectedValue = useMemo(\n\t\t() => renderSelectedValue ?? defaultRenderSelectedValue,\n\t\t[ renderSelectedValue ]\n\t);\n\n\treturn (\n\t\t<Styled.Select\n\t\t\t{ ...restProps }\n\t\t\tsize={ size }\n\t\t\thasCustomRenderProp={ !! renderSelectedValue }\n\t\t\tstore={ store }\n\t\t\t// to match legacy behavior where using arrow keys\n\t\t\t// move selection rather than open the popover\n\t\t\tshowOnKeyDown={ false }\n\t\t>\n\t\t\t<div>{ computedRenderSelectedValue( currentValue ) }</div>\n\t\t\t<Icon icon={ chevronDown } size={ 18 } />\n\t\t</Styled.Select>\n\t);\n};\n\nconst CustomSelectButton = contextConnectWithoutRef(\n\tUnconnectedCustomSelectButton,\n\t'CustomSelectControlButton'\n);\n\nfunction _CustomSelect( props: _CustomSelectProps & CustomSelectStore ) {\n\tconst {\n\t\tchildren,\n\t\thideLabelFromVision = false,\n\t\tlabel,\n\t\tstore,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<>\n\t\t\t{ hideLabelFromVision ? ( // TODO: Replace with BaseControl\n\t\t\t\t<VisuallyHidden as=\"label\">{ label }</VisuallyHidden>\n\t\t\t) : (\n\t\t\t\t<Styled.SelectLabel store={ store }>\n\t\t\t\t\t{ label }\n\t\t\t\t</Styled.SelectLabel>\n\t\t\t) }\n\t\t\t<CustomSelectButton { ...restProps } store={ store } />\n\t\t\t<Styled.SelectPopover gutter={ 12 } store={ store } sameWidth>\n\t\t\t\t<CustomSelectContext.Provider value={ { store } }>\n\t\t\t\t\t{ children }\n\t\t\t\t</CustomSelectContext.Provider>\n\t\t\t</Styled.SelectPopover>\n\t\t</>\n\t);\n}\n\nexport default _CustomSelect;\n"],"mappings":"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"}
1	+ {"version":3,"names":["createContext","useMemo","__","sprintf","Icon","chevronDown","VisuallyHidden","Styled","contextConnectWithoutRef","useContextSystem","CustomSelectContext","undefined","defaultRenderSelectedValue","value","isValueEmpty","Array","isArray","length","UnconnectedCustomSelectButton","props","renderSelectedValue","size","store","restProps","currentValue","useState","computedRenderSelectedValue","createElement","Select","hasCustomRenderProp","showOnKeyDown","icon","CustomSelectButton","_CustomSelect","children","hideLabelFromVision","label","Fragment","as","SelectLabel","SelectPopover","gutter","sameWidth","Provider"],"sources":["@wordpress/components/src/custom-select-control-v2/custom-select.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createContext, useMemo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, chevronDown } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { VisuallyHidden } from '..';\nimport as Styled from './styles';\nimport type {\n\tCustomSelectContext as CustomSelectContextType,\n\tCustomSelectStore,\n\tCustomSelectButtonProps,\n\t_CustomSelectProps,\n} from './types';\nimport {\n\tcontextConnectWithoutRef,\n\tuseContextSystem,\n\ttype WordPressComponentProps,\n} from '../context';\n\nexport const CustomSelectContext =\n\tcreateContext< CustomSelectContextType >( undefined );\n\nfunction defaultRenderSelectedValue(\n\tvalue: CustomSelectButtonProps[ 'value' ]\n) {\n\tconst isValueEmpty = Array.isArray( value )\n\t\t? value.length === 0\n\t\t: value === undefined \|\| value === null;\n\n\tif ( isValueEmpty ) {\n\t\treturn __( 'Select an item' );\n\t}\n\n\tif ( Array.isArray( value ) ) {\n\t\treturn value.length === 1\n\t\t\t? value[ 0 ]\n\t\t\t: // translators: %s: number of items selected (it will always be 2 or more items)\n\t\t\t sprintf( __( '%s items selected' ), value.length );\n\t}\n\n\treturn value;\n}\n\nconst UnconnectedCustomSelectButton = (\n\tprops: Omit<\n\t\tWordPressComponentProps<\n\t\t\tCustomSelectButtonProps & CustomSelectStore,\n\t\t\t'button',\n\t\t\tfalse\n\t\t>,\n\t\t'onChange'\n\t>\n) => {\n\tconst {\n\t\trenderSelectedValue,\n\t\tsize = 'default',\n\t\tstore,\n\t\t...restProps\n\t} = useContextSystem( props, 'CustomSelectControlButton' );\n\n\tconst { value: currentValue } = store.useState();\n\n\tconst computedRenderSelectedValue = useMemo(\n\t\t() => renderSelectedValue ?? defaultRenderSelectedValue,\n\t\t[ renderSelectedValue ]\n\t);\n\n\treturn (\n\t\t<Styled.Select\n\t\t\t{ ...restProps }\n\t\t\tsize={ size }\n\t\t\thasCustomRenderProp={ !! renderSelectedValue }\n\t\t\tstore={ store }\n\t\t\t// to match legacy behavior where using arrow keys\n\t\t\t// move selection rather than open the popover\n\t\t\tshowOnKeyDown={ false }\n\t\t>\n\t\t\t<div>{ computedRenderSelectedValue( currentValue ) }</div>\n\t\t\t<Icon icon={ chevronDown } size={ 18 } />\n\t\t</Styled.Select>\n\t);\n};\n\nconst CustomSelectButton = contextConnectWithoutRef(\n\tUnconnectedCustomSelectButton,\n\t'CustomSelectControlButton'\n);\n\nfunction _CustomSelect( props: _CustomSelectProps & CustomSelectStore ) {\n\tconst {\n\t\tchildren,\n\t\thideLabelFromVision = false,\n\t\tlabel,\n\t\tstore,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<>\n\t\t\t{ hideLabelFromVision ? ( // TODO: Replace with BaseControl\n\t\t\t\t<VisuallyHidden as=\"label\">{ label }</VisuallyHidden>\n\t\t\t) : (\n\t\t\t\t<Styled.SelectLabel store={ store }>\n\t\t\t\t\t{ label }\n\t\t\t\t</Styled.SelectLabel>\n\t\t\t) }\n\t\t\t<CustomSelectButton { ...restProps } store={ store } />\n\t\t\t<Styled.SelectPopover gutter={ 12 } store={ store } sameWidth>\n\t\t\t\t<CustomSelectContext.Provider value={ { store } }>\n\t\t\t\t\t{ children }\n\t\t\t\t</CustomSelectContext.Provider>\n\t\t\t</Styled.SelectPopover>\n\t\t</>\n\t);\n}\n\nexport default _CustomSelect;\n"],"mappings":"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","ignoreList":[]}

package/build-module/custom-select-control-v2/default-component/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Ariakit","_CustomSelect","Item","CustomSelectControlV2","props","defaultValue","onChange","value","restProps","store","useSelectStore","setValue","nextValue","createElement"],"sources":["@wordpress/components/src/custom-select-control-v2/default-component/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\n// eslint-disable-next-line no-restricted-imports\nimport as Ariakit from '@ariakit/react';\n/*\n Internal dependencies\n */\nimport _CustomSelect from '../custom-select';\nimport type { CustomSelectProps } from '../types';\nimport type { WordPressComponentProps } from '../../context';\nimport Item from '../item';\n\nfunction CustomSelectControlV2(\n\tprops: WordPressComponentProps< CustomSelectProps, 'button', false >\n) {\n\tconst { defaultValue, onChange, value, ...restProps } = props;\n\t// Forward props + store from v2 implementation\n\tconst store = Ariakit.useSelectStore( {\n\t\tsetValue: ( nextValue ) => onChange?.( nextValue ),\n\t\tdefaultValue,\n\t\tvalue,\n\t} );\n\n\treturn <_CustomSelect { ...restProps } store={ store } />;\n}\n\nCustomSelectControlV2.Item = Item;\n\nexport default CustomSelectControlV2;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;AACzC;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAG5C,OAAOC,IAAI,MAAM,SAAS;AAE1B,SAASC,qBAAqBA,CAC7BC,KAAoE,EACnE;EACD,MAAM;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAC7D;EACA,MAAMK,KAAK,GAAGT,OAAO,CAACU,cAAc,CAAE;IACrCC,QAAQ,EAAIC,SAAS,IAAMN,QAAQ,GAAIM,SAAU,CAAC;IAClDP,YAAY;IACZE;EACD,CAAE,CAAC;EAEH,OAAOM,aAAA,CAACZ,aAAa;IAAA,GAAMO,SAAS;IAAGC,KAAK,EAAGA;EAAO,CAAE,CAAC;AAC1D;AAEAN,qBAAqB,CAACD,IAAI,GAAGA,IAAI;AAEjC,eAAeC,qBAAqB"}
1	+ {"version":3,"names":["Ariakit","_CustomSelect","Item","CustomSelectControlV2","props","defaultValue","onChange","value","restProps","store","useSelectStore","setValue","nextValue","createElement"],"sources":["@wordpress/components/src/custom-select-control-v2/default-component/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\n// eslint-disable-next-line no-restricted-imports\nimport as Ariakit from '@ariakit/react';\n/*\n Internal dependencies\n */\nimport _CustomSelect from '../custom-select';\nimport type { CustomSelectProps } from '../types';\nimport type { WordPressComponentProps } from '../../context';\nimport Item from '../item';\n\nfunction CustomSelectControlV2(\n\tprops: WordPressComponentProps< CustomSelectProps, 'button', false >\n) {\n\tconst { defaultValue, onChange, value, ...restProps } = props;\n\t// Forward props + store from v2 implementation\n\tconst store = Ariakit.useSelectStore( {\n\t\tsetValue: ( nextValue ) => onChange?.( nextValue ),\n\t\tdefaultValue,\n\t\tvalue,\n\t} );\n\n\treturn <_CustomSelect { ...restProps } store={ store } />;\n}\n\nCustomSelectControlV2.Item = Item;\n\nexport default CustomSelectControlV2;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;AACzC;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAG5C,OAAOC,IAAI,MAAM,SAAS;AAE1B,SAASC,qBAAqBA,CAC7BC,KAAoE,EACnE;EACD,MAAM;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAC7D;EACA,MAAMK,KAAK,GAAGT,OAAO,CAACU,cAAc,CAAE;IACrCC,QAAQ,EAAIC,SAAS,IAAMN,QAAQ,GAAIM,SAAU,CAAC;IAClDP,YAAY;IACZE;EACD,CAAE,CAAC;EAEH,OAAOM,aAAA,CAACZ,aAAa;IAAA,GAAMO,SAAS;IAAGC,KAAK,EAAGA;EAAO,CAAE,CAAC;AAC1D;AAEAN,qBAAqB,CAACD,IAAI,GAAGA,IAAI;AAEjC,eAAeC,qBAAqB","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["default"],"sources":["@wordpress/components/src/custom-select-control-v2/index.tsx"],"sourcesContent":["/*\n Internal dependencies\n */\nexport { default } from './default-component';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,qBAAqB"}
1	+ {"version":3,"names":["default"],"sources":["@wordpress/components/src/custom-select-control-v2/index.tsx"],"sourcesContent":["/*\n Internal dependencies\n */\nexport { default } from './default-component';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,qBAAqB","ignoreList":[]}

package/build-module/custom-select-control-v2/item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useContext","Icon","check","Styled","CustomSelectContext","CustomSelectItem","children","props","customSelectContext","createElement","SelectItem","store","value","SelectedItemCheck","icon","displayName"],"sources":["@wordpress/components/src/custom-select-control-v2/item.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useContext } from '@wordpress/element';\nimport { Icon, check } from '@wordpress/icons';\n/\n Internal dependencies\n /\nimport type { CustomSelectItemProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport as Styled from './styles';\nimport { CustomSelectContext } from './custom-select';\n\nexport function CustomSelectItem( {\n\tchildren,\n\t...props\n}: WordPressComponentProps< CustomSelectItemProps, 'div', false > ) {\n\tconst customSelectContext = useContext( CustomSelectContext );\n\treturn (\n\t\t<Styled.SelectItem store={ customSelectContext?.store } { ...props }>\n\t\t\t{ children ?? props.value }\n\t\t\t<Styled.SelectedItemCheck>\n\t\t\t\t<Icon icon={ check } />\n\t\t\t</Styled.SelectedItemCheck>\n\t\t</Styled.SelectItem>\n\t);\n}\n\nCustomSelectItem.displayName = 'CustomSelectControlV2.Item';\n\nexport default CustomSelectItem;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C;AACA;AACA;;AAGA,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,mBAAmB,QAAQ,iBAAiB;AAErD,OAAO,SAASC,gBAAgBA,CAAE;EACjCC,QAAQ;EACR,GAAGC;AAC4D,CAAC,EAAG;EACnE,MAAMC,mBAAmB,GAAGR,UAAU,CAAEI,mBAAoB,CAAC;EAC7D,OACCK,aAAA,CAACN,MAAM,CAACO,UAAU;IAACC,KAAK,EAAGH,mBAAmB,EAAEG,KAAO;IAAA,GAAMJ;EAAK,GAC/DD,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC,KAAK,CAACK,KAAK,EACzBH,aAAA,CAACN,MAAM,CAACU,iBAAiB,QACxBJ,aAAA,CAACR,IAAI;IAACa,IAAI,EAAGZ;EAAO,CAAE,CACG,CACR,CAAC;AAEtB;AAEAG,gBAAgB,CAACU,WAAW,GAAG,4BAA4B;AAE3D,eAAeV,gBAAgB"}
1	+ {"version":3,"names":["useContext","Icon","check","Styled","CustomSelectContext","CustomSelectItem","children","props","customSelectContext","createElement","SelectItem","store","value","SelectedItemCheck","icon","displayName"],"sources":["@wordpress/components/src/custom-select-control-v2/item.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useContext } from '@wordpress/element';\nimport { Icon, check } from '@wordpress/icons';\n/\n Internal dependencies\n /\nimport type { CustomSelectItemProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport as Styled from './styles';\nimport { CustomSelectContext } from './custom-select';\n\nexport function CustomSelectItem( {\n\tchildren,\n\t...props\n}: WordPressComponentProps< CustomSelectItemProps, 'div', false > ) {\n\tconst customSelectContext = useContext( CustomSelectContext );\n\treturn (\n\t\t<Styled.SelectItem store={ customSelectContext?.store } { ...props }>\n\t\t\t{ children ?? props.value }\n\t\t\t<Styled.SelectedItemCheck>\n\t\t\t\t<Icon icon={ check } />\n\t\t\t</Styled.SelectedItemCheck>\n\t\t</Styled.SelectItem>\n\t);\n}\n\nCustomSelectItem.displayName = 'CustomSelectControlV2.Item';\n\nexport default CustomSelectItem;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C;AACA;AACA;;AAGA,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,mBAAmB,QAAQ,iBAAiB;AAErD,OAAO,SAASC,gBAAgBA,CAAE;EACjCC,QAAQ;EACR,GAAGC;AAC4D,CAAC,EAAG;EACnE,MAAMC,mBAAmB,GAAGR,UAAU,CAAEI,mBAAoB,CAAC;EAC7D,OACCK,aAAA,CAACN,MAAM,CAACO,UAAU;IAACC,KAAK,EAAGH,mBAAmB,EAAEG,KAAO;IAAA,GAAMJ;EAAK,GAC/DD,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC,KAAK,CAACK,KAAK,EACzBH,aAAA,CAACN,MAAM,CAACU,iBAAiB,QACxBJ,aAAA,CAACR,IAAI;IAACa,IAAI,EAAGZ;EAAO,CAAE,CACG,CACR,CAAC;AAEtB;AAEAG,gBAAgB,CAACU,WAAW,GAAG,4BAA4B;AAE3D,eAAeV,gBAAgB","ignoreList":[]}

package/build-module/custom-select-control-v2/legacy-component/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Ariakit","useMemo","_CustomSelect","CustomSelectItem","Styled","ContextSystemProvider","CustomSelectControl","props","__experimentalShowSelectedHint","__next40pxDefaultSize","options","onChange","size","value","restProps","store","useSelectStore","setValue","nextValue","Promise","resolve","state","getState","changeObject","highlightedIndex","renderedItems","findIndex","item","inputValue","isOpen","open","selectedItem","name","key","type","children","map","__experimentalHint","rest","withHint","createElement","WithHintWrapper","ExperimentalHintItem","className","renderSelectedValueHint","currentValue","currentHint","find","Fragment","SelectedExperimentalHintItem","contextSystemValue","selectedSize","CustomSelectControlButton","_overrides","translatedProps","describedBy","renderSelectedValue","undefined"],"sources":["@wordpress/components/src/custom-select-control-v2/legacy-component/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\n// eslint-disable-next-line no-restricted-imports\nimport as Ariakit from '@ariakit/react';\n/*\n WordPress dependencies\n /\nimport { useMemo } from '@wordpress/element';\n/\n Internal dependencies\n /\nimport _CustomSelect from '../custom-select';\nimport CustomSelectItem from '../item';\nimport type { LegacyCustomSelectProps } from '../types';\nimport as Styled from '../styles';\nimport { ContextSystemProvider } from '../../context';\n\nfunction CustomSelectControl( props: LegacyCustomSelectProps ) {\n\tconst {\n\t\t__experimentalShowSelectedHint,\n\t\t__next40pxDefaultSize = false,\n\t\toptions,\n\t\tonChange,\n\t\tsize = 'default',\n\t\tvalue,\n\t\t...restProps\n\t} = props;\n\n\t// Forward props + store from v2 implementation\n\tconst store = Ariakit.useSelectStore( {\n\t\tasync setValue( nextValue ) {\n\t\t\tif ( ! onChange ) return;\n\n\t\t\t// Executes the logic in a microtask after the popup is closed.\n\t\t\t// This is simply to ensure the isOpen state matches that in Downshift.\n\t\t\tawait Promise.resolve();\n\t\t\tconst state = store.getState();\n\n\t\t\tconst changeObject = {\n\t\t\t\thighlightedIndex: state.renderedItems.findIndex(\n\t\t\t\t\t( item ) => item.value === nextValue\n\t\t\t\t),\n\t\t\t\tinputValue: '',\n\t\t\t\tisOpen: state.open,\n\t\t\t\tselectedItem: {\n\t\t\t\t\tname: nextValue as string,\n\t\t\t\t\tkey: nextValue as string,\n\t\t\t\t},\n\t\t\t\ttype: '',\n\t\t\t};\n\t\t\tonChange( changeObject );\n\t\t},\n\t} );\n\n\tconst children = options.map(\n\t\t( { name, key, __experimentalHint, ...rest } ) => {\n\t\t\tconst withHint = (\n\t\t\t\t<Styled.WithHintWrapper>\n\t\t\t\t\t<span>{ name }</span>\n\t\t\t\t\t<Styled.ExperimentalHintItem className=\"components-custom-select-control__item-hint\">\n\t\t\t\t\t\t{ __experimentalHint }\n\t\t\t\t\t</Styled.ExperimentalHintItem>\n\t\t\t\t</Styled.WithHintWrapper>\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<CustomSelectItem\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tchildren={ __experimentalHint ? withHint : name }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t);\n\n\tconst renderSelectedValueHint = () => {\n\t\tconst { value: currentValue } = store.getState();\n\n\t\tconst currentHint = options?.find(\n\t\t\t( { name } ) => currentValue === name\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ currentValue }\n\t\t\t\t<Styled.SelectedExperimentalHintItem className=\"components-custom-select-control__hint\">\n\t\t\t\t\t{ currentHint?.__experimentalHint }\n\t\t\t\t</Styled.SelectedExperimentalHintItem>\n\t\t\t</>\n\t\t);\n\t};\n\n\t// translate legacy button sizing\n\tconst contextSystemValue = useMemo( () => {\n\t\tlet selectedSize;\n\n\t\tif (\n\t\t\t( __next40pxDefaultSize && size === 'default' ) \|\|\n\t\t\tsize === '__unstable-large'\n\t\t) {\n\t\t\tselectedSize = 'default';\n\t\t} else if ( ! __next40pxDefaultSize && size === 'default' ) {\n\t\t\tselectedSize = 'compact';\n\t\t} else {\n\t\t\tselectedSize = size;\n\t\t}\n\n\t\treturn {\n\t\t\tCustomSelectControlButton: { _overrides: { size: selectedSize } },\n\t\t};\n\t}, [ __next40pxDefaultSize, size ] );\n\n\tconst translatedProps = {\n\t\t'aria-describedby': props.describedBy,\n\t\tchildren,\n\t\trenderSelectedValue: __experimentalShowSelectedHint\n\t\t\t? renderSelectedValueHint\n\t\t\t: undefined,\n\t\t...restProps,\n\t};\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextSystemValue }>\n\t\t\t<_CustomSelect { ...translatedProps } store={ store } />\n\t\t</ContextSystemProvider>\n\t);\n}\n\nexport default CustomSelectControl;\n"],"mappings":"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"}
1	+ {"version":3,"names":["Ariakit","useMemo","_CustomSelect","CustomSelectItem","Styled","ContextSystemProvider","CustomSelectControl","props","__experimentalShowSelectedHint","__next40pxDefaultSize","options","onChange","size","value","restProps","store","useSelectStore","setValue","nextValue","Promise","resolve","state","getState","changeObject","highlightedIndex","renderedItems","findIndex","item","inputValue","isOpen","open","selectedItem","name","key","type","children","map","__experimentalHint","rest","withHint","createElement","WithHintWrapper","ExperimentalHintItem","className","renderSelectedValueHint","currentValue","currentHint","find","Fragment","SelectedExperimentalHintItem","contextSystemValue","selectedSize","CustomSelectControlButton","_overrides","translatedProps","describedBy","renderSelectedValue","undefined"],"sources":["@wordpress/components/src/custom-select-control-v2/legacy-component/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\n// eslint-disable-next-line no-restricted-imports\nimport as Ariakit from '@ariakit/react';\n/*\n WordPress dependencies\n /\nimport { useMemo } from '@wordpress/element';\n/\n Internal dependencies\n /\nimport _CustomSelect from '../custom-select';\nimport CustomSelectItem from '../item';\nimport type { LegacyCustomSelectProps } from '../types';\nimport as Styled from '../styles';\nimport { ContextSystemProvider } from '../../context';\n\nfunction CustomSelectControl( props: LegacyCustomSelectProps ) {\n\tconst {\n\t\t__experimentalShowSelectedHint,\n\t\t__next40pxDefaultSize = false,\n\t\toptions,\n\t\tonChange,\n\t\tsize = 'default',\n\t\tvalue,\n\t\t...restProps\n\t} = props;\n\n\t// Forward props + store from v2 implementation\n\tconst store = Ariakit.useSelectStore( {\n\t\tasync setValue( nextValue ) {\n\t\t\tif ( ! onChange ) return;\n\n\t\t\t// Executes the logic in a microtask after the popup is closed.\n\t\t\t// This is simply to ensure the isOpen state matches that in Downshift.\n\t\t\tawait Promise.resolve();\n\t\t\tconst state = store.getState();\n\n\t\t\tconst changeObject = {\n\t\t\t\thighlightedIndex: state.renderedItems.findIndex(\n\t\t\t\t\t( item ) => item.value === nextValue\n\t\t\t\t),\n\t\t\t\tinputValue: '',\n\t\t\t\tisOpen: state.open,\n\t\t\t\tselectedItem: {\n\t\t\t\t\tname: nextValue as string,\n\t\t\t\t\tkey: nextValue as string,\n\t\t\t\t},\n\t\t\t\ttype: '',\n\t\t\t};\n\t\t\tonChange( changeObject );\n\t\t},\n\t} );\n\n\tconst children = options.map(\n\t\t( { name, key, __experimentalHint, ...rest } ) => {\n\t\t\tconst withHint = (\n\t\t\t\t<Styled.WithHintWrapper>\n\t\t\t\t\t<span>{ name }</span>\n\t\t\t\t\t<Styled.ExperimentalHintItem className=\"components-custom-select-control__item-hint\">\n\t\t\t\t\t\t{ __experimentalHint }\n\t\t\t\t\t</Styled.ExperimentalHintItem>\n\t\t\t\t</Styled.WithHintWrapper>\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<CustomSelectItem\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tchildren={ __experimentalHint ? withHint : name }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t);\n\n\tconst renderSelectedValueHint = () => {\n\t\tconst { value: currentValue } = store.getState();\n\n\t\tconst currentHint = options?.find(\n\t\t\t( { name } ) => currentValue === name\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ currentValue }\n\t\t\t\t<Styled.SelectedExperimentalHintItem className=\"components-custom-select-control__hint\">\n\t\t\t\t\t{ currentHint?.__experimentalHint }\n\t\t\t\t</Styled.SelectedExperimentalHintItem>\n\t\t\t</>\n\t\t);\n\t};\n\n\t// translate legacy button sizing\n\tconst contextSystemValue = useMemo( () => {\n\t\tlet selectedSize;\n\n\t\tif (\n\t\t\t( __next40pxDefaultSize && size === 'default' ) \|\|\n\t\t\tsize === '__unstable-large'\n\t\t) {\n\t\t\tselectedSize = 'default';\n\t\t} else if ( ! __next40pxDefaultSize && size === 'default' ) {\n\t\t\tselectedSize = 'compact';\n\t\t} else {\n\t\t\tselectedSize = size;\n\t\t}\n\n\t\treturn {\n\t\t\tCustomSelectControlButton: { _overrides: { size: selectedSize } },\n\t\t};\n\t}, [ __next40pxDefaultSize, size ] );\n\n\tconst translatedProps = {\n\t\t'aria-describedby': props.describedBy,\n\t\tchildren,\n\t\trenderSelectedValue: __experimentalShowSelectedHint\n\t\t\t? renderSelectedValueHint\n\t\t\t: undefined,\n\t\t...restProps,\n\t};\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextSystemValue }>\n\t\t\t<_CustomSelect { ...translatedProps } store={ store } />\n\t\t</ContextSystemProvider>\n\t);\n}\n\nexport default CustomSelectControl;\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,7 +12,7 @@ import { css } from '@emotion/react';
 import { COLORS, CONFIG } from '../utils';
 import { space } from '../utils/space';
 const ITEM_PADDING = space(2);
-export const WithHintWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const WithHintWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1p3eej77"
 } : {
   target: "e1p3eej77",
@@ -26,13 +26,13 @@ export const WithHintWrapper = _styled("div", process.env.NODE_ENV === "producti
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnlDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const SelectedExperimentalHintItem = _styled("span", process.env.NODE_ENV === "production" ? {
+export const SelectedExperimentalHintItem = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1p3eej76"
 } : {
   target: "e1p3eej76",
   label: "SelectedExperimentalHintItem"
 })("color:", COLORS.theme.gray[600], ";margin-inline-start:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnVEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSVRFTV9QQURESU5HID0gc3BhY2UoIDIgKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhIaW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0ZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEV4cGVyaW1lbnRhbEhpbnRJdGVtID0gc3R5bGVkLnNwYW5gXG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNjAwIF0gfTtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG5cdG1hcmdpbi1pbmxpbmUtZW5kOiAkeyBzcGFjZSggMSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0QnV0dG9uUHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdGNvbnN0IGdldFNpemUgPSAoKSA9PiB7XG5cdFx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0XHRjb21wYWN0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogMzIsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDIgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDEgKSxcblx0XHRcdH0sXG5cdFx0XHRkZWZhdWx0OiB7XG5cdFx0XHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogNDAsXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVTdGFydDogc3BhY2UoIDQgKSxcblx0XHRcdFx0cGFkZGluZ0lubGluZUVuZDogc3BhY2UoIDMgKSxcblx0XHRcdH0sXG5cdFx0XHRzbWFsbDoge1xuXHRcdFx0XHRbIGhlaWdodFByb3BlcnR5IF06IDI0LFxuXHRcdFx0XHRwYWRkaW5nSW5saW5lU3RhcnQ6IHNwYWNlKCAyICksXG5cdFx0XHRcdHBhZGRpbmdJbmxpbmVFbmQ6IHNwYWNlKCAxICksXG5cdFx0XHRcdGZvbnRTaXplOiAxMSxcblx0XHRcdH0sXG5cdFx0fTtcblxuXHRcdHJldHVybiBzaXplc1sgc2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQmW2RhdGEtZm9jdXMtdmlzaWJsZV0ge1xuXHRcdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0fVxuXHRcdCZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddIHtcblx0XHRcdG91dGxpbmU6IDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0XHR9XG5cdFx0JHsgZ2V0U2l6ZSgpIH1cblx0YDtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAyLjE1cmVtOyAvLyBUT0RPOiBSZW1vdmUgdGhpcyBpbiBkZWZhdWx0IGJ1dCBrZWVwIGZvciBiYWNrLWNvbXBhdCBpbiBsZWdhY3lcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEl0ZW1DaGVjayA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtQ2hlY2sgKWBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0bWFyZ2luLWlubGluZS1zdGFydDogJHsgSVRFTV9QQURESU5HIH07XG5cdGZvbnQtc2l6ZTogMjRweDsgLy8gU2l6ZSBvZiBjaGVja21hcmsgaWNvblxuYDtcbiJdfQ== */"));
-export const ExperimentalHintItem = _styled("span", process.env.NODE_ENV === "production" ? {
+export const ExperimentalHintItem = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1p3eej75"
 } : {
   target: "e1p3eej75",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Ariakit","css","COLORS","CONFIG","space","ITEM_PADDING","WithHintWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SelectedExperimentalHintItem","theme","gray","ExperimentalHintItem","SelectLabel","Select","shouldForwardProp","prop","size","hasCustomRenderProp","heightProperty","getSize","sizes","compact","paddingInlineStart","paddingInlineEnd","default","small","fontSize","background","ui","border","accent","SelectPopover","foreground","SelectItem","SelectedItemCheck","SelectItemCheck"],"sources":["@wordpress/components/src/custom-select-control-v2/styles.ts"],"sourcesContent":["/*\n External dependencies\n /\n// eslint-disable-next-line no-restricted-imports\nimport as Ariakit from '@ariakit/react';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/*\n Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nimport { space } from '../utils/space';\nimport type { CustomSelectButtonProps } from './types';\n\nconst ITEM_PADDING = space( 2 );\n\nexport const WithHintWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex: 1;\n`;\n\nexport const SelectedExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\tmargin-inline-start: ${ space( 2 ) };\n`;\n\nexport const ExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\ttext-align: right;\n\tmargin-inline-end: ${ space( 1 ) };\n`;\n\nexport const SelectLabel = styled( Ariakit.SelectLabel )`\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tmargin-bottom: ${ space( 2 ) };\n`;\n\nexport const Select = styled( Ariakit.Select, {\n\t// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component\n\tshouldForwardProp: ( prop ) => prop !== 'hasCustomRenderProp',\n} )( ( {\n\tsize,\n\thasCustomRenderProp,\n}: {\n\tsize: NonNullable< CustomSelectButtonProps[ 'size' ] >;\n\thasCustomRenderProp: boolean;\n} ) => {\n\tconst heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';\n\n\tconst getSize = () => {\n\t\tconst sizes = {\n\t\t\tcompact: {\n\t\t\t\t[ heightProperty ]: 32,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t},\n\t\t\tdefault: {\n\t\t\t\t[ heightProperty ]: 40,\n\t\t\t\tpaddingInlineStart: space( 4 ),\n\t\t\t\tpaddingInlineEnd: space( 3 ),\n\t\t\t},\n\t\t\tsmall: {\n\t\t\t\t[ heightProperty ]: 24,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t\tfontSize: 11,\n\t\t\t},\n\t\t};\n\n\t\treturn sizes[ size ] \|\| sizes.default;\n\t};\n\n\treturn css`\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tbackground-color: ${ COLORS.theme.background };\n\t\tborder: 1px solid ${ COLORS.ui.border };\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tfont-size: ${ CONFIG.fontSize };\n\t\twidth: 100%;\n\t\t&[data-focus-visible] {\n\t\t\toutline-style: solid;\n\t\t}\n\t\t&[aria-expanded='true'] {\n\t\t\toutline: 1.5px solid ${ COLORS.theme.accent };\n\t\t}\n\t\t${ getSize() }\n\t`;\n} );\n\nexport const SelectPopover = styled( Ariakit.SelectPopover )`\n\tborder-radius: 2px;\n\tbackground: ${ COLORS.theme.background };\n\tborder: 1px solid ${ COLORS.theme.foreground };\n`;\n\nexport const SelectItem = styled( Ariakit.SelectItem )`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: ${ ITEM_PADDING };\n\tfont-size: ${ CONFIG.fontSize };\n\tline-height: 2.15rem; // TODO: Remove this in default but keep for back-compat in legacy\n\t&[data-active-item] {\n\t\tbackground-color: ${ COLORS.theme.gray[ 300 ] };\n\t}\n`;\n\nexport const SelectedItemCheck = styled( Ariakit.SelectItemCheck )`\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: ${ ITEM_PADDING };\n\tfont-size: 24px; // Size of checkmark icon\n`;\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;AACzC,SAASC,GAAG,QAAQ,gBAAgB;AAEpC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AACzC,SAASC,KAAK,QAAQ,gBAAgB;AAGtC,MAAMC,YAAY,GAAGD,KAAK,CAAE,CAAE,CAAC;AAE/B,OAAO,MAAME,eAAe,~~GAAAC~~,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAI3B;AAED,OAAO,MAAMC,4BAA4B,~~GAAAX~~,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,aAC9BV,MAAM,CAACiB,KAAK,CAACC,IAAI,CAAE,GAAG,CAAE,2BACVhB,KAAK,CAAE,CAAE,CAAC,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAClC;AAED,OAAO,MAAMW,oBAAoB,~~GAAAd~~,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,aACtBV,MAAM,CAACiB,KAAK,CAACC,IAAI,CAAE,GAAG,CAAE,0CAEZhB,KAAK,CAAE,CAAE,CAAC,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAChC;AAED,OAAO,MAAMY,WAAW,~~GAAG~~,~~aAAAf,~~OAAA,CAAQP,OAAO,CAACsB,WAAW,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,2FAKrCR,KAAK,CAAE,CAAE,CAAC,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAC5B;AAED,OAAO,MAAMa,MAAM,~~GAAG~~,~~aAAAhB,~~OAAA,CAAQP,OAAO,CAACuB,MAAM,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAC3C;EACAc,iBAAiB,EAAIC,IAAI,IAAMA,IAAI,KAAK,qBAAqB;EAAAd,MAAA;AAAA;EAD7D;EACAa,iBAAiB,EAAIC,IAAI,IAAMA,IAAI,KAAK,qBAAqB;EAAAd,MAAA;EAAAC,KAAA;AAAA,CAC5D,CAAC,CAAE,CAAE;EACNc,IAAI;EACJC;AAID,CAAC,KAAM;EACN,MAAMC,cAAc,GAAGD,mBAAmB,GAAG,WAAW,GAAG,QAAQ;EAEnE,MAAME,OAAO,GAAGA,CAAA,KAAM;IACrB,MAAMC,KAAK,GAAG;MACbC,OAAO,EAAE;QACR,CAAEH,cAAc,GAAI,EAAE;QACtBI,kBAAkB,EAAE5B,KAAK,CAAE,CAAE,CAAC;QAC9B6B,gBAAgB,EAAE7B,KAAK,CAAE,CAAE;MAC5B,CAAC;MACD8B,OAAO,EAAE;QACR,CAAEN,cAAc,GAAI,EAAE;QACtBI,kBAAkB,EAAE5B,KAAK,CAAE,CAAE,CAAC;QAC9B6B,gBAAgB,EAAE7B,KAAK,CAAE,CAAE;MAC5B,CAAC;MACD+B,KAAK,EAAE;QACN,CAAEP,cAAc,GAAI,EAAE;QACtBI,kBAAkB,EAAE5B,KAAK,CAAE,CAAE,CAAC;QAC9B6B,gBAAgB,EAAE7B,KAAK,CAAE,CAAE,CAAC;QAC5BgC,QAAQ,EAAE;MACX;IACD,CAAC;IAED,OAAON,KAAK,CAAEJ,IAAI,CAAE,IAAII,KAAK,CAACI,OAAO;EACtC,CAAC;EAED,oBAAOjC,GAAG,oFAIYC,MAAM,CAACiB,KAAK,CAACkB,UAAU,wBACvBnC,MAAM,CAACoC,EAAE,CAACC,MAAM,kDAGvBpC,MAAM,CAACiC,QAAQ,yGAMJlC,MAAM,CAACiB,KAAK,CAACqB,MAAM,QAEzCX,OAAO,CAAC,CAAC,SAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;AAEd,CAAC,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,kpJAAC,CAAC;AAEH,OAAO,MAAM+B,aAAa,~~GAAG~~,~~aAAAlC,~~OAAA,CAAQP,OAAO,CAACyC,aAAa,EAAAjC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,kCAE5CV,MAAM,CAACiB,KAAK,CAACkB,UAAU,wBACjBnC,MAAM,CAACiB,KAAK,CAACuB,UAAU,SAAAlC,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAC5C;AAED,OAAO,MAAMiC,UAAU,~~GAAG~~,~~aAAApC,~~OAAA,CAAQP,OAAO,CAAC2C,UAAU,EAAAnC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,2EAIzCP,YAAY,iBACVF,MAAM,CAACiC,QAAQ,gEAGPlC,MAAM,CAACiB,KAAK,CAACC,IAAI,CAAE,GAAG,CAAE,UAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAE9C;AAED,OAAO,MAAMkC,iBAAiB,~~GAAG~~,~~aAAArC,~~OAAA,CAAQP,OAAO,CAAC6C,eAAe,EAAArC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,yDAGzCP,YAAY,wBAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,opJAEpC"}
1	+ {"version":3,"names":["Ariakit","css","COLORS","CONFIG","space","ITEM_PADDING","WithHintWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SelectedExperimentalHintItem","theme","gray","ExperimentalHintItem","SelectLabel","Select","shouldForwardProp","prop","size","hasCustomRenderProp","heightProperty","getSize","sizes","compact","paddingInlineStart","paddingInlineEnd","default","small","fontSize","background","ui","border","accent","SelectPopover","foreground","SelectItem","SelectedItemCheck","SelectItemCheck"],"sources":["@wordpress/components/src/custom-select-control-v2/styles.ts"],"sourcesContent":["/*\n External dependencies\n /\n// eslint-disable-next-line no-restricted-imports\nimport as Ariakit from '@ariakit/react';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/*\n Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nimport { space } from '../utils/space';\nimport type { CustomSelectButtonProps } from './types';\n\nconst ITEM_PADDING = space( 2 );\n\nexport const WithHintWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex: 1;\n`;\n\nexport const SelectedExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\tmargin-inline-start: ${ space( 2 ) };\n`;\n\nexport const ExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\ttext-align: right;\n\tmargin-inline-end: ${ space( 1 ) };\n`;\n\nexport const SelectLabel = styled( Ariakit.SelectLabel )`\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tmargin-bottom: ${ space( 2 ) };\n`;\n\nexport const Select = styled( Ariakit.Select, {\n\t// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component\n\tshouldForwardProp: ( prop ) => prop !== 'hasCustomRenderProp',\n} )( ( {\n\tsize,\n\thasCustomRenderProp,\n}: {\n\tsize: NonNullable< CustomSelectButtonProps[ 'size' ] >;\n\thasCustomRenderProp: boolean;\n} ) => {\n\tconst heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';\n\n\tconst getSize = () => {\n\t\tconst sizes = {\n\t\t\tcompact: {\n\t\t\t\t[ heightProperty ]: 32,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t},\n\t\t\tdefault: {\n\t\t\t\t[ heightProperty ]: 40,\n\t\t\t\tpaddingInlineStart: space( 4 ),\n\t\t\t\tpaddingInlineEnd: space( 3 ),\n\t\t\t},\n\t\t\tsmall: {\n\t\t\t\t[ heightProperty ]: 24,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t\tfontSize: 11,\n\t\t\t},\n\t\t};\n\n\t\treturn sizes[ size ] \|\| sizes.default;\n\t};\n\n\treturn css`\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tbackground-color: ${ COLORS.theme.background };\n\t\tborder: 1px solid ${ COLORS.ui.border };\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tfont-size: ${ CONFIG.fontSize };\n\t\twidth: 100%;\n\t\t&[data-focus-visible] {\n\t\t\toutline-style: solid;\n\t\t}\n\t\t&[aria-expanded='true'] {\n\t\t\toutline: 1.5px solid ${ COLORS.theme.accent };\n\t\t}\n\t\t${ getSize() }\n\t`;\n} );\n\nexport const SelectPopover = styled( Ariakit.SelectPopover )`\n\tborder-radius: 2px;\n\tbackground: ${ COLORS.theme.background };\n\tborder: 1px solid ${ COLORS.theme.foreground };\n`;\n\nexport const SelectItem = styled( Ariakit.SelectItem )`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: ${ ITEM_PADDING };\n\tfont-size: ${ CONFIG.fontSize };\n\tline-height: 2.15rem; // TODO: Remove this in default but keep for back-compat in legacy\n\t&[data-active-item] {\n\t\tbackground-color: ${ COLORS.theme.gray[ 300 ] };\n\t}\n`;\n\nexport const SelectedItemCheck = styled( Ariakit.SelectItemCheck )`\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: ${ ITEM_PADDING };\n\tfont-size: 24px; // Size of checkmark icon\n`;\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/components/src/custom-select-control-v2/types.ts"],"sourcesContent":["/*\n External dependencies\n /\n// eslint-disable-next-line no-restricted-imports\nimport type as Ariakit from '@ariakit/react';\nimport type { FocusEventHandler, MouseEventHandler } from 'react';\n\nexport type CustomSelectStore = {\n\t/*\n\t The store object returned by Ariakit's `useSelectStore` hook.\n\t /\n\tstore: Ariakit.SelectStore;\n};\n\nexport type CustomSelectContext = CustomSelectStore \| undefined;\n\nexport type CustomSelectButtonProps = {\n\t/\n\t An optional default value for the control when used in uncontrolled mode.\n\t * If left `undefined`, the first non-disabled item will be used.\n\t /\n\tdefaultValue?: string \| string[];\n\t/\n\t A function that receives the new value of the input.\n\t /\n\tonChange?: ( newValue: string \| string[] ) => void;\n\t/\n\t Can be used to render select UI with custom styled values.\n\t /\n\trenderSelectedValue?: (\n\t\tselectedValue: string \| string[]\n\t) => React.ReactNode;\n\t/\n\t The size of the control.\n\t \n\t @default 'default'\n\t /\n\tsize?: 'compact' \| 'default' \| 'small';\n\t/\n\t The value of the control when used in uncontrolled mode.\n\t /\n\tvalue?: string \| string[];\n};\n\nexport type _CustomSelectProps = {\n\t/\n\t The child elements. This should be composed of `CustomSelectItem` components.\n\t /\n\tchildren: React.ReactNode;\n\t/\n\t Used to visually hide the label. It will always be visible to screen readers.\n\t \n\t @default false\n\t /\n\thideLabelFromVision?: boolean;\n\t/\n\t Accessible label for the control.\n\t /\n\tlabel: string;\n};\n\nexport type CustomSelectProps = _CustomSelectProps &\n\tOmit< CustomSelectButtonProps, 'size' > & {\n\t\t/\n\t\t The size of the control.\n\t\t \n\t\t @default 'default'\n\t\t /\n\t\tsize?: Exclude< CustomSelectButtonProps[ 'size' ], 'small' >;\n\t};\n\n/\n The legacy object structure for the options array.\n /\ntype LegacyOption = {\n\tkey: string;\n\tname: string;\n\tstyle?: React.CSSProperties;\n\tclassName?: string;\n\t__experimentalHint?: string;\n};\n\n/\n The legacy object returned from the onChange event.\n /\ntype LegacyOnChangeObject = {\n\thighlightedIndex?: number;\n\tinputValue?: string;\n\tisOpen?: boolean;\n\ttype?: string;\n\tselectedItem: LegacyOption;\n};\n\nexport type LegacyCustomSelectProps = {\n\t/\n\t Optional classname for the component.\n\t /\n\tclassName?: string;\n\t/\n\t Used to visually hide the label. It will always be visible to screen readers.\n\t \n\t /\n\thideLabelFromVision?: boolean;\n\t/*\n\t Pass in a description that will be shown to screen readers associated with the\n\t * select trigger button. If no value is passed, the text \"Currently selected:\n\t * selectedItem.name\" will be used fully translated.\n\t /\n\tdescribedBy?: string;\n\t/\n\t Label for the control.\n\t /\n\tlabel: string;\n\t/\n\t Function called with the control's internal state changes. The `selectedItem`\n\t * property contains the next selected item.\n\t /\n\tonChange?: ( newValue: LegacyOnChangeObject ) => void;\n\t/\n\t A handler for `onBlur` events.\n\t \n\t @ignore\n\t /\n\tonBlur?: FocusEventHandler< HTMLButtonElement >;\n\t/\n\t A handler for `onFocus` events.\n\t \n\t @ignore\n\t /\n\tonFocus?: FocusEventHandler< HTMLButtonElement >;\n\t/\n\t A handler for `onMouseOver` events.\n\t \n\t @ignore\n\t /\n\tonMouseOut?: MouseEventHandler< HTMLButtonElement >;\n\t/\n\t A handler for `onMouseOut` events.\n\t \n\t @ignore\n\t /\n\tonMouseOver?: MouseEventHandler< HTMLButtonElement >;\n\t/\n\t The options that can be chosen from.\n\t /\n\toptions: Array< LegacyOption >;\n\t/\n\t The size of the control.\n\t \n\t @default 'default'\n\t /\n\tsize?: 'default' \| 'small' \| '__unstable-large';\n\t/\n\t Can be used to externally control the value of the control.\n\t /\n\tvalue?: LegacyOption;\n\t/\n\t Legacy way to add additional text to the right of each option.\n\t \n\t @default false\n\t /\n\t__experimentalShowSelectedHint?: boolean;\n\t/\n\t Opt-in prop for an unconstrained width style which became the default in\n\t * WordPress 6.5. The prop is no longer needed and can be safely removed.\n\t \n\t @deprecated\n\t * @ignore\n\t /\n\t__nextUnconstrainedWidth?: boolean;\n\t/\n\t Start opting into the larger default height that will become the default size in a future version.\n\t \n\t @default false\n\t /\n\t__next40pxDefaultSize?: boolean;\n};\n\nexport type CustomSelectItemProps = {\n\t/\n\t The value of the select item. This will be used as the children if\n\t * children are left `undefined`.\n\t /\n\tvalue: string;\n\t/\n\t The children to display for each select item. The `value` will be\n\t * used if left `undefined`.\n\t */\n\tchildren?: React.ReactNode;\n};\n"],"mappings":""}
1	+ {"version":3,"names":[],"sources":["@wordpress/components/src/custom-select-control-v2/types.ts"],"sourcesContent":["/*\n External dependencies\n /\n// eslint-disable-next-line no-restricted-imports\nimport type as Ariakit from '@ariakit/react';\nimport type { FocusEventHandler, MouseEventHandler } from 'react';\n\nexport type CustomSelectStore = {\n\t/*\n\t The store object returned by Ariakit's `useSelectStore` hook.\n\t /\n\tstore: Ariakit.SelectStore;\n};\n\nexport type CustomSelectContext = CustomSelectStore \| undefined;\n\nexport type CustomSelectButtonProps = {\n\t/\n\t An optional default value for the control when used in uncontrolled mode.\n\t * If left `undefined`, the first non-disabled item will be used.\n\t /\n\tdefaultValue?: string \| string[];\n\t/\n\t A function that receives the new value of the input.\n\t /\n\tonChange?: ( newValue: string \| string[] ) => void;\n\t/\n\t Can be used to render select UI with custom styled values.\n\t /\n\trenderSelectedValue?: (\n\t\tselectedValue: string \| string[]\n\t) => React.ReactNode;\n\t/\n\t The size of the control.\n\t \n\t @default 'default'\n\t /\n\tsize?: 'compact' \| 'default' \| 'small';\n\t/\n\t The value of the control when used in uncontrolled mode.\n\t /\n\tvalue?: string \| string[];\n};\n\nexport type _CustomSelectProps = {\n\t/\n\t The child elements. This should be composed of `CustomSelectItem` components.\n\t /\n\tchildren: React.ReactNode;\n\t/\n\t Used to visually hide the label. It will always be visible to screen readers.\n\t \n\t @default false\n\t /\n\thideLabelFromVision?: boolean;\n\t/\n\t Accessible label for the control.\n\t /\n\tlabel: string;\n};\n\nexport type CustomSelectProps = _CustomSelectProps &\n\tOmit< CustomSelectButtonProps, 'size' > & {\n\t\t/\n\t\t The size of the control.\n\t\t \n\t\t @default 'default'\n\t\t /\n\t\tsize?: Exclude< CustomSelectButtonProps[ 'size' ], 'small' >;\n\t};\n\n/\n The legacy object structure for the options array.\n /\ntype LegacyOption = {\n\tkey: string;\n\tname: string;\n\tstyle?: React.CSSProperties;\n\tclassName?: string;\n\t__experimentalHint?: string;\n};\n\n/\n The legacy object returned from the onChange event.\n /\ntype LegacyOnChangeObject = {\n\thighlightedIndex?: number;\n\tinputValue?: string;\n\tisOpen?: boolean;\n\ttype?: string;\n\tselectedItem: LegacyOption;\n};\n\nexport type LegacyCustomSelectProps = {\n\t/\n\t Optional classname for the component.\n\t /\n\tclassName?: string;\n\t/\n\t Used to visually hide the label. It will always be visible to screen readers.\n\t \n\t /\n\thideLabelFromVision?: boolean;\n\t/*\n\t Pass in a description that will be shown to screen readers associated with the\n\t * select trigger button. If no value is passed, the text \"Currently selected:\n\t * selectedItem.name\" will be used fully translated.\n\t /\n\tdescribedBy?: string;\n\t/\n\t Label for the control.\n\t /\n\tlabel: string;\n\t/\n\t Function called with the control's internal state changes. The `selectedItem`\n\t * property contains the next selected item.\n\t /\n\tonChange?: ( newValue: LegacyOnChangeObject ) => void;\n\t/\n\t A handler for `onBlur` events.\n\t \n\t @ignore\n\t /\n\tonBlur?: FocusEventHandler< HTMLButtonElement >;\n\t/\n\t A handler for `onFocus` events.\n\t \n\t @ignore\n\t /\n\tonFocus?: FocusEventHandler< HTMLButtonElement >;\n\t/\n\t A handler for `onMouseOver` events.\n\t \n\t @ignore\n\t /\n\tonMouseOut?: MouseEventHandler< HTMLButtonElement >;\n\t/\n\t A handler for `onMouseOut` events.\n\t \n\t @ignore\n\t /\n\tonMouseOver?: MouseEventHandler< HTMLButtonElement >;\n\t/\n\t The options that can be chosen from.\n\t /\n\toptions: Array< LegacyOption >;\n\t/\n\t The size of the control.\n\t \n\t @default 'default'\n\t /\n\tsize?: 'default' \| 'small' \| '__unstable-large';\n\t/\n\t Can be used to externally control the value of the control.\n\t /\n\tvalue?: LegacyOption;\n\t/\n\t Legacy way to add additional text to the right of each option.\n\t \n\t @default false\n\t /\n\t__experimentalShowSelectedHint?: boolean;\n\t/\n\t Opt-in prop for an unconstrained width style which became the default in\n\t * WordPress 6.5. The prop is no longer needed and can be safely removed.\n\t \n\t @deprecated\n\t * @ignore\n\t /\n\t__nextUnconstrainedWidth?: boolean;\n\t/\n\t Start opting into the larger default height that will become the default size in a future version.\n\t \n\t @default false\n\t /\n\t__next40pxDefaultSize?: boolean;\n};\n\nexport type CustomSelectItemProps = {\n\t/\n\t The value of the select item. This will be used as the children if\n\t * children are left `undefined`.\n\t /\n\tvalue: string;\n\t/\n\t The children to display for each select item. The `value` will be\n\t * used if left `undefined`.\n\t /\n\tchildren?: React.ReactNode;\n\t/\n\t If true, the item will be disabled.\n\t \n\t You will need to add your own styles (e.g. reduced opacity) to visually show that they are disabled.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n};\n"],"mappings":"","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Dashicon","icon","className","size","style","extraProps","iconClass","filter","Boolean","join","sizeStyles","fontSize","width","height","styles","createElement"],"sources":["@wordpress/components/src/dashicon/index.tsx"],"sourcesContent":["/*\n @typedef OwnProps\n \n @property {import('./types').IconKey} icon Icon name\n * @property {string} [className] Class name\n * @property {number} [size] Size of the icon\n /\n\n/\n Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport type { DashiconProps } from './types';\n\nfunction Dashicon( {\n\ticon,\n\tclassName,\n\tsize = 20,\n\tstyle = {},\n\t...extraProps\n}: WordPressComponentProps< DashiconProps, 'span', false > ) {\n\tconst iconClass = [\n\t\t'dashicon',\n\t\t'dashicons',\n\t\t'dashicons-' + icon,\n\t\tclassName,\n\t]\n\t\t.filter( Boolean )\n\t\t.join( ' ' );\n\n\t// For retro-compatibility reasons (for example if people are overriding icon size with CSS), we add inline styles just if the size is different to the default\n\tconst sizeStyles =\n\t\t// using `!=` to catch both 20 and \"20\"\n\t\t// eslint-disable-next-line eqeqeq\n\t\t20 != size\n\t\t\t? {\n\t\t\t\t\tfontSize: `${ size }px`,\n\t\t\t\t\twidth: `${ size }px`,\n\t\t\t\t\theight: `${ size }px`,\n\t\t\t }\n\t\t\t: {};\n\n\tconst styles = {\n\t\t...sizeStyles,\n\t\t...style,\n\t};\n\n\treturn <span className={ iconClass } style={ styles } { ...extraProps } />;\n}\n\nexport default Dashicon;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASA,QAAQA,CAAE;EAClBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACqD,CAAC,EAAG;EAC5D,MAAMC,SAAS,GAAG,CACjB,UAAU,EACV,WAAW,EACX,YAAY,GAAGL,IAAI,EACnBC,SAAS,CACT,CACCK,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAC;;EAEb;EACA,MAAMC,UAAU;EACf;EACA;EACA,EAAE,IAAIP,IAAI,GACP;IACAQ,QAAQ,EAAG,GAAGR,IAAM,IAAG;IACvBS,KAAK,EAAG,GAAGT,IAAM,IAAG;IACpBU,MAAM,EAAG,GAAGV,IAAM;EAClB,CAAC,GACD,CAAC,CAAC;EAEN,MAAMW,MAAM,GAAG;IACd,GAAGJ,UAAU;IACb,GAAGN;EACJ,CAAC;EAED,OAAOW,aAAA;IAAMb,SAAS,EAAGI,SAAW;IAACF,KAAK,EAAGU,MAAQ;IAAA,GAAMT;EAAU,CAAI,CAAC;AAC3E;AAEA,eAAeL,QAAQ"}
1	+ {"version":3,"names":["Dashicon","icon","className","size","style","extraProps","iconClass","filter","Boolean","join","sizeStyles","fontSize","width","height","styles","createElement"],"sources":["@wordpress/components/src/dashicon/index.tsx"],"sourcesContent":["/*\n @typedef OwnProps\n \n @property {import('./types').IconKey} icon Icon name\n * @property {string} [className] Class name\n * @property {number} [size] Size of the icon\n /\n\n/\n Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport type { DashiconProps } from './types';\n\nfunction Dashicon( {\n\ticon,\n\tclassName,\n\tsize = 20,\n\tstyle = {},\n\t...extraProps\n}: WordPressComponentProps< DashiconProps, 'span', false > ) {\n\tconst iconClass = [\n\t\t'dashicon',\n\t\t'dashicons',\n\t\t'dashicons-' + icon,\n\t\tclassName,\n\t]\n\t\t.filter( Boolean )\n\t\t.join( ' ' );\n\n\t// For retro-compatibility reasons (for example if people are overriding icon size with CSS), we add inline styles just if the size is different to the default\n\tconst sizeStyles =\n\t\t// using `!=` to catch both 20 and \"20\"\n\t\t// eslint-disable-next-line eqeqeq\n\t\t20 != size\n\t\t\t? {\n\t\t\t\t\tfontSize: `${ size }px`,\n\t\t\t\t\twidth: `${ size }px`,\n\t\t\t\t\theight: `${ size }px`,\n\t\t\t }\n\t\t\t: {};\n\n\tconst styles = {\n\t\t...sizeStyles,\n\t\t...style,\n\t};\n\n\treturn <span className={ iconClass } style={ styles } { ...extraProps } />;\n}\n\nexport default Dashicon;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASA,QAAQA,CAAE;EAClBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACqD,CAAC,EAAG;EAC5D,MAAMC,SAAS,GAAG,CACjB,UAAU,EACV,WAAW,EACX,YAAY,GAAGL,IAAI,EACnBC,SAAS,CACT,CACCK,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAC;;EAEb;EACA,MAAMC,UAAU;EACf;EACA;EACA,EAAE,IAAIP,IAAI,GACP;IACAQ,QAAQ,EAAG,GAAGR,IAAM,IAAG;IACvBS,KAAK,EAAG,GAAGT,IAAM,IAAG;IACpBU,MAAM,EAAG,GAAGV,IAAM;EAClB,CAAC,GACD,CAAC,CAAC;EAEN,MAAMW,MAAM,GAAG;IACd,GAAGJ,UAAU;IACb,GAAGN;EACJ,CAAC;EAED,OAAOW,aAAA;IAAMb,SAAS,EAAGI,SAAW;IAACF,KAAK,EAAGU,MAAQ;IAAA,GAAMT;EAAU,CAAI,CAAC;AAC3E;AAEA,eAAeL,QAAQ","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Icon","dashicons","Dashicon","icon","extraProps","createElement","empty"],"sources":["@wordpress/components/src/dashicon/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Icon } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport as dashicons from '../mobile/dashicons';\n\n// A predefined SVG icon is rendered instead of Dashicon because it's not supported in the native version.\nfunction Dashicon( { icon, ...extraProps } ) {\n\treturn (\n\t\t<Icon icon={ dashicons[ icon ] \|\| dashicons.empty } { ...extraProps } />\n\t);\n}\n\nexport default Dashicon;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,uBAAuB;;AAE5C;AACA;AACA;AACA,OAAO,KAAKC,SAAS,MAAM,qBAAqB;;AAEhD;AACA,SAASC,QAAQA,CAAE;EAAEC,IAAI;EAAE,GAAGC;AAAW,CAAC,EAAG;EAC5C,OACCC,aAAA,CAACL,IAAI;IAACG,IAAI,EAAGF,SAAS,CAAEE,IAAI,CAAE,IAAIF,SAAS,CAACK,KAAO;IAAA,GAAMF;EAAU,CAAI,CAAC;AAE1E;AAEA,eAAeF,QAAQ"}
1	+ {"version":3,"names":["Icon","dashicons","Dashicon","icon","extraProps","createElement","empty"],"sources":["@wordpress/components/src/dashicon/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Icon } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport as dashicons from '../mobile/dashicons';\n\n// A predefined SVG icon is rendered instead of Dashicon because it's not supported in the native version.\nfunction Dashicon( { icon, ...extraProps } ) {\n\treturn (\n\t\t<Icon icon={ dashicons[ icon ] \|\| dashicons.empty } { ...extraProps } />\n\t);\n}\n\nexport default Dashicon;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,uBAAuB;;AAE5C;AACA;AACA;AACA,OAAO,KAAKC,SAAS,MAAM,qBAAqB;;AAEhD;AACA,SAASC,QAAQA,CAAE;EAAEC,IAAI;EAAE,GAAGC;AAAW,CAAC,EAAG;EAC5C,OACCC,aAAA,CAACL,IAAI;IAACG,IAAI,EAAGF,SAAS,CAAEE,IAAI,CAAE,IAAIF,SAAS,CAACK,KAAO;IAAA,GAAMF;EAAU,CAAI,CAAC;AAE1E;AAEA,eAAeF,QAAQ","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/components/src/dashicon/types.ts"],"sourcesContent":["export type DashiconProps = {\n\t/*\n\t The icon name\n\t /\n\ticon: IconKey;\n\t/\n\t Size of the icon\n\t */\n\tsize?: number;\n};\n\nexport type IconKey =\n\t\| 'admin-appearance'\n\t\| 'admin-collapse'\n\t\| 'admin-comments'\n\t\| 'admin-customizer'\n\t\| 'admin-generic'\n\t\| 'admin-home'\n\t\| 'admin-links'\n\t\| 'admin-media'\n\t\| 'admin-multisite'\n\t\| 'admin-network'\n\t\| 'admin-page'\n\t\| 'admin-plugins'\n\t\| 'admin-post'\n\t\| 'admin-settings'\n\t\| 'admin-site-alt'\n\t\| 'admin-site-alt2'\n\t\| 'admin-site-alt3'\n\t\| 'admin-site'\n\t\| 'admin-tools'\n\t\| 'admin-users'\n\t\| 'airplane'\n\t\| 'album'\n\t\| 'align-center'\n\t\| 'align-full-width'\n\t\| 'align-left'\n\t\| 'align-none'\n\t\| 'align-pull-left'\n\t\| 'align-pull-right'\n\t\| 'align-right'\n\t\| 'align-wide'\n\t\| 'amazon'\n\t\| 'analytics'\n\t\| 'archive'\n\t\| 'arrow-down-alt'\n\t\| 'arrow-down-alt2'\n\t\| 'arrow-down'\n\t\| 'arrow-left-alt'\n\t\| 'arrow-left-alt2'\n\t\| 'arrow-left'\n\t\| 'arrow-right-alt'\n\t\| 'arrow-right-alt2'\n\t\| 'arrow-right'\n\t\| 'arrow-up-alt'\n\t\| 'arrow-up-alt2'\n\t\| 'arrow-up'\n\t\| 'arrow-up-duplicate'\n\t\| 'art'\n\t\| 'awards'\n\t\| 'backup'\n\t\| 'bank'\n\t\| 'beer'\n\t\| 'bell'\n\t\| 'block-default'\n\t\| 'book-alt'\n\t\| 'book'\n\t\| 'buddicons-activity'\n\t\| 'buddicons-bbpress-logo'\n\t\| 'buddicons-buddypress-logo'\n\t\| 'buddicons-community'\n\t\| 'buddicons-forums'\n\t\| 'buddicons-friends'\n\t\| 'buddicons-groups'\n\t\| 'buddicons-pm'\n\t\| 'buddicons-replies'\n\t\| 'buddicons-topics'\n\t\| 'buddicons-tracking'\n\t\| 'building'\n\t\| 'businessman'\n\t\| 'businessperson'\n\t\| 'businesswoman'\n\t\| 'button'\n\t\| 'calculator'\n\t\| 'camera-alt'\n\t\| 'car'\n\t\| 'calendar-alt'\n\t\| 'calendar'\n\t\| 'camera'\n\t\| 'carrot'\n\t\| 'cart'\n\t\| 'category'\n\t\| 'chart-area'\n\t\| 'chart-bar'\n\t\| 'chart-line'\n\t\| 'chart-pie'\n\t\| 'clipboard'\n\t\| 'clock'\n\t\| 'cloud-saved'\n\t\| 'cloud-upload'\n\t\| 'cloud'\n\t\| 'columns'\n\t\| 'code-standards'\n\t\| 'coffee'\n\t\| 'color-picker'\n\t\| 'controls-back'\n\t\| 'controls-forward'\n\t\| 'controls-pause'\n\t\| 'controls-play'\n\t\| 'controls-repeat'\n\t\| 'controls-skipback'\n\t\| 'controls-skipforward'\n\t\| 'controls-volumeoff'\n\t\| 'controls-volumeon'\n\t\| 'cover-image'\n\t\| 'dashboard'\n\t\| 'database'\n\t\| 'database-add'\n\t\| 'database-export'\n\t\| 'database-import'\n\t\| 'database-remove'\n\t\| 'database-view'\n\t\| 'desktop'\n\t\| 'dismiss'\n\t\| 'download'\n\t\| 'drumstick'\n\t\| 'edit'\n\t\| 'edit-large'\n\t\| 'edit-page'\n\t\| 'editor-aligncenter'\n\t\| 'editor-alignleft'\n\t\| 'editor-alignright'\n\t\| 'editor-bold'\n\t\| 'editor-break'\n\t\| 'editor-code'\n\t\| 'editor-code-duplicate'\n\t\| 'editor-contract'\n\t\| 'editor-customchar'\n\t\| 'editor-expand'\n\t\| 'editor-help'\n\t\| 'editor-indent'\n\t\| 'editor-insertmore'\n\t\| 'editor-italic'\n\t\| 'editor-justify'\n\t\| 'editor-kitchensink'\n\t\| 'editor-ltr'\n\t\| 'editor-ol-rtl'\n\t\| 'editor-ol'\n\t\| 'editor-outdent'\n\t\| 'editor-paragraph'\n\t\| 'editor-paste-text'\n\t\| 'editor-paste-word'\n\t\| 'editor-quote'\n\t\| 'editor-removeformatting'\n\t\| 'editor-rtl'\n\t\| 'editor-spellcheck'\n\t\| 'editor-strikethrough'\n\t\| 'editor-table'\n\t\| 'editor-textcolor'\n\t\| 'editor-ul'\n\t\| 'editor-underline'\n\t\| 'editor-unlink'\n\t\| 'editor-video'\n\t\| 'ellipsis'\n\t\| 'email-alt'\n\t\| 'email-alt2'\n\t\| 'email'\n\t\| 'embed-audio'\n\t\| 'embed-generic'\n\t\| 'embed-photo'\n\t\| 'embed-post'\n\t\| 'embed-video'\n\t\| 'excerpt-view'\n\t\| 'exit'\n\t\| 'external'\n\t\| 'facebook-alt'\n\t\| 'facebook'\n\t\| 'feedback'\n\t\| 'filter'\n\t\| 'flag'\n\t\| 'food'\n\t\| 'format-aside'\n\t\| 'format-audio'\n\t\| 'format-chat'\n\t\| 'format-gallery'\n\t\| 'format-image'\n\t\| 'format-quote'\n\t\| 'format-status'\n\t\| 'format-video'\n\t\| 'forms'\n\t\| 'fullscreen-alt'\n\t\| 'fullscreen-exit-alt'\n\t\| 'games'\n\t\| 'google'\n\t\| 'googleplus'\n\t\| 'grid-view'\n\t\| 'groups'\n\t\| 'hammer'\n\t\| 'heading'\n\t\| 'heart'\n\t\| 'hidden'\n\t\| 'hourglass'\n\t\| 'html'\n\t\| 'id-alt'\n\t\| 'id'\n\t\| 'image-crop'\n\t\| 'image-filter'\n\t\| 'image-flip-horizontal'\n\t\| 'image-flip-vertical'\n\t\| 'image-rotate-left'\n\t\| 'image-rotate-right'\n\t\| 'image-rotate'\n\t\| 'images-alt'\n\t\| 'images-alt2'\n\t\| 'index-card'\n\t\| 'info-outline'\n\t\| 'info'\n\t\| 'insert-after'\n\t\| 'insert-before'\n\t\| 'insert'\n\t\| 'instagram'\n\t\| 'keyboard-hide'\n\t\| 'laptop'\n\t\| 'layout'\n\t\| 'leftright'\n\t\| 'lightbulb'\n\t\| 'list-view'\n\t\| 'linkedin'\n\t\| 'location-alt'\n\t\| 'location'\n\t\| 'lock-duplicate'\n\t\| 'lock'\n\t\| 'marker'\n\t\| 'media-archive'\n\t\| 'media-audio'\n\t\| 'media-code'\n\t\| 'media-default'\n\t\| 'media-document'\n\t\| 'media-interactive'\n\t\| 'media-spreadsheet'\n\t\| 'media-text'\n\t\| 'media-video'\n\t\| 'megaphone'\n\t\| 'menu-alt'\n\t\| 'menu-alt2'\n\t\| 'menu-alt3'\n\t\| 'menu'\n\t\| 'money-alt'\n\t\| 'microphone'\n\t\| 'migrate'\n\t\| 'minus'\n\t\| 'money'\n\t\| 'move'\n\t\| 'nametag'\n\t\| 'networking'\n\t\| 'no-alt'\n\t\| 'no'\n\t\| 'open-folder'\n\t\| 'palmtree'\n\t\| 'paperclip'\n\t\| 'performance'\n\t\| 'pets'\n\t\| 'pdf'\n\t\| 'phone'\n\t\| 'pinterest'\n\t\| 'playlist-audio'\n\t\| 'playlist-video'\n\t\| 'plus-alt'\n\t\| 'plus-light'\n\t\| 'plus'\n\t\| 'portfolio'\n\t\| 'post-status'\n\t\| 'pressthis'\n\t\| 'products'\n\t\| 'plugins-checked'\n\t\| 'plus-alt2'\n\t\| 'podio'\n\t\| 'printer'\n\t\| 'privacy'\n\t\| 'randomize'\n\t\| 'reddit'\n\t\| 'redo'\n\t\| 'remove'\n\t\| 'rest-api'\n\t\| 'rss'\n\t\| 'saved'\n\t\| 'schedule'\n\t\| 'screenoptions'\n\t\| 'search'\n\t\| 'share-alt'\n\t\| 'share-alt2'\n\t\| 'share'\n\t\| 'shield-alt'\n\t\| 'shield'\n\t\| 'shortcode'\n\t\| 'slides'\n\t\| 'smartphone'\n\t\| 'smiley'\n\t\| 'sort'\n\t\| 'sos'\n\t\| 'star-empty'\n\t\| 'star-filled'\n\t\| 'star-half'\n\t\| 'sticky'\n\t\| 'store'\n\t\| 'spotify'\n\t\| 'superhero'\n\t\| 'superhero-alt'\n\t\| 'table-col-after'\n\t\| 'table-col-before'\n\t\| 'table-col-delete'\n\t\| 'table-row-after'\n\t\| 'table-row-before'\n\t\| 'table-row-delete'\n\t\| 'tablet'\n\t\| 'tag'\n\t\| 'tagcloud'\n\t\| 'testimonial'\n\t\| 'text'\n\t\| 'text-page'\n\t\| 'thumbs-down'\n\t\| 'thumbs-up'\n\t\| 'tickets-alt'\n\t\| 'tickets'\n\t\| 'tide'\n\t\| 'translation'\n\t\| 'trash'\n\t\| 'twitch'\n\t\| 'twitter'\n\t\| 'twitter-alt'\n\t\| 'undo'\n\t\| 'universal-access-alt'\n\t\| 'universal-access'\n\t\| 'unlock'\n\t\| 'update-alt'\n\t\| 'update'\n\t\| 'upload'\n\t\| 'vault'\n\t\| 'video-alt'\n\t\| 'video-alt2'\n\t\| 'video-alt3'\n\t\| 'visibility'\n\t\| 'warning'\n\t\| 'welcome-add-page'\n\t\| 'welcome-comments'\n\t\| 'welcome-learn-more'\n\t\| 'welcome-view-site'\n\t\| 'welcome-widgets-menus'\n\t\| 'welcome-write-blog'\n\t\| 'whatsapp'\n\t\| 'wordpress-alt'\n\t\| 'wordpress'\n\t\| 'xing'\n\t\| 'yes-alt'\n\t\| 'yes'\n\t\| 'youtube';\n"],"mappings":""}
1	+ {"version":3,"names":[],"sources":["@wordpress/components/src/dashicon/types.ts"],"sourcesContent":["export type DashiconProps = {\n\t/*\n\t The icon name\n\t /\n\ticon: IconKey;\n\t/\n\t Size of the icon\n\t */\n\tsize?: number;\n};\n\nexport type IconKey =\n\t\| 'admin-appearance'\n\t\| 'admin-collapse'\n\t\| 'admin-comments'\n\t\| 'admin-customizer'\n\t\| 'admin-generic'\n\t\| 'admin-home'\n\t\| 'admin-links'\n\t\| 'admin-media'\n\t\| 'admin-multisite'\n\t\| 'admin-network'\n\t\| 'admin-page'\n\t\| 'admin-plugins'\n\t\| 'admin-post'\n\t\| 'admin-settings'\n\t\| 'admin-site-alt'\n\t\| 'admin-site-alt2'\n\t\| 'admin-site-alt3'\n\t\| 'admin-site'\n\t\| 'admin-tools'\n\t\| 'admin-users'\n\t\| 'airplane'\n\t\| 'album'\n\t\| 'align-center'\n\t\| 'align-full-width'\n\t\| 'align-left'\n\t\| 'align-none'\n\t\| 'align-pull-left'\n\t\| 'align-pull-right'\n\t\| 'align-right'\n\t\| 'align-wide'\n\t\| 'amazon'\n\t\| 'analytics'\n\t\| 'archive'\n\t\| 'arrow-down-alt'\n\t\| 'arrow-down-alt2'\n\t\| 'arrow-down'\n\t\| 'arrow-left-alt'\n\t\| 'arrow-left-alt2'\n\t\| 'arrow-left'\n\t\| 'arrow-right-alt'\n\t\| 'arrow-right-alt2'\n\t\| 'arrow-right'\n\t\| 'arrow-up-alt'\n\t\| 'arrow-up-alt2'\n\t\| 'arrow-up'\n\t\| 'arrow-up-duplicate'\n\t\| 'art'\n\t\| 'awards'\n\t\| 'backup'\n\t\| 'bank'\n\t\| 'beer'\n\t\| 'bell'\n\t\| 'block-default'\n\t\| 'book-alt'\n\t\| 'book'\n\t\| 'buddicons-activity'\n\t\| 'buddicons-bbpress-logo'\n\t\| 'buddicons-buddypress-logo'\n\t\| 'buddicons-community'\n\t\| 'buddicons-forums'\n\t\| 'buddicons-friends'\n\t\| 'buddicons-groups'\n\t\| 'buddicons-pm'\n\t\| 'buddicons-replies'\n\t\| 'buddicons-topics'\n\t\| 'buddicons-tracking'\n\t\| 'building'\n\t\| 'businessman'\n\t\| 'businessperson'\n\t\| 'businesswoman'\n\t\| 'button'\n\t\| 'calculator'\n\t\| 'camera-alt'\n\t\| 'car'\n\t\| 'calendar-alt'\n\t\| 'calendar'\n\t\| 'camera'\n\t\| 'carrot'\n\t\| 'cart'\n\t\| 'category'\n\t\| 'chart-area'\n\t\| 'chart-bar'\n\t\| 'chart-line'\n\t\| 'chart-pie'\n\t\| 'clipboard'\n\t\| 'clock'\n\t\| 'cloud-saved'\n\t\| 'cloud-upload'\n\t\| 'cloud'\n\t\| 'columns'\n\t\| 'code-standards'\n\t\| 'coffee'\n\t\| 'color-picker'\n\t\| 'controls-back'\n\t\| 'controls-forward'\n\t\| 'controls-pause'\n\t\| 'controls-play'\n\t\| 'controls-repeat'\n\t\| 'controls-skipback'\n\t\| 'controls-skipforward'\n\t\| 'controls-volumeoff'\n\t\| 'controls-volumeon'\n\t\| 'cover-image'\n\t\| 'dashboard'\n\t\| 'database'\n\t\| 'database-add'\n\t\| 'database-export'\n\t\| 'database-import'\n\t\| 'database-remove'\n\t\| 'database-view'\n\t\| 'desktop'\n\t\| 'dismiss'\n\t\| 'download'\n\t\| 'drumstick'\n\t\| 'edit'\n\t\| 'edit-large'\n\t\| 'edit-page'\n\t\| 'editor-aligncenter'\n\t\| 'editor-alignleft'\n\t\| 'editor-alignright'\n\t\| 'editor-bold'\n\t\| 'editor-break'\n\t\| 'editor-code'\n\t\| 'editor-code-duplicate'\n\t\| 'editor-contract'\n\t\| 'editor-customchar'\n\t\| 'editor-expand'\n\t\| 'editor-help'\n\t\| 'editor-indent'\n\t\| 'editor-insertmore'\n\t\| 'editor-italic'\n\t\| 'editor-justify'\n\t\| 'editor-kitchensink'\n\t\| 'editor-ltr'\n\t\| 'editor-ol-rtl'\n\t\| 'editor-ol'\n\t\| 'editor-outdent'\n\t\| 'editor-paragraph'\n\t\| 'editor-paste-text'\n\t\| 'editor-paste-word'\n\t\| 'editor-quote'\n\t\| 'editor-removeformatting'\n\t\| 'editor-rtl'\n\t\| 'editor-spellcheck'\n\t\| 'editor-strikethrough'\n\t\| 'editor-table'\n\t\| 'editor-textcolor'\n\t\| 'editor-ul'\n\t\| 'editor-underline'\n\t\| 'editor-unlink'\n\t\| 'editor-video'\n\t\| 'ellipsis'\n\t\| 'email-alt'\n\t\| 'email-alt2'\n\t\| 'email'\n\t\| 'embed-audio'\n\t\| 'embed-generic'\n\t\| 'embed-photo'\n\t\| 'embed-post'\n\t\| 'embed-video'\n\t\| 'excerpt-view'\n\t\| 'exit'\n\t\| 'external'\n\t\| 'facebook-alt'\n\t\| 'facebook'\n\t\| 'feedback'\n\t\| 'filter'\n\t\| 'flag'\n\t\| 'food'\n\t\| 'format-aside'\n\t\| 'format-audio'\n\t\| 'format-chat'\n\t\| 'format-gallery'\n\t\| 'format-image'\n\t\| 'format-quote'\n\t\| 'format-status'\n\t\| 'format-video'\n\t\| 'forms'\n\t\| 'fullscreen-alt'\n\t\| 'fullscreen-exit-alt'\n\t\| 'games'\n\t\| 'google'\n\t\| 'googleplus'\n\t\| 'grid-view'\n\t\| 'groups'\n\t\| 'hammer'\n\t\| 'heading'\n\t\| 'heart'\n\t\| 'hidden'\n\t\| 'hourglass'\n\t\| 'html'\n\t\| 'id-alt'\n\t\| 'id'\n\t\| 'image-crop'\n\t\| 'image-filter'\n\t\| 'image-flip-horizontal'\n\t\| 'image-flip-vertical'\n\t\| 'image-rotate-left'\n\t\| 'image-rotate-right'\n\t\| 'image-rotate'\n\t\| 'images-alt'\n\t\| 'images-alt2'\n\t\| 'index-card'\n\t\| 'info-outline'\n\t\| 'info'\n\t\| 'insert-after'\n\t\| 'insert-before'\n\t\| 'insert'\n\t\| 'instagram'\n\t\| 'keyboard-hide'\n\t\| 'laptop'\n\t\| 'layout'\n\t\| 'leftright'\n\t\| 'lightbulb'\n\t\| 'list-view'\n\t\| 'linkedin'\n\t\| 'location-alt'\n\t\| 'location'\n\t\| 'lock-duplicate'\n\t\| 'lock'\n\t\| 'marker'\n\t\| 'media-archive'\n\t\| 'media-audio'\n\t\| 'media-code'\n\t\| 'media-default'\n\t\| 'media-document'\n\t\| 'media-interactive'\n\t\| 'media-spreadsheet'\n\t\| 'media-text'\n\t\| 'media-video'\n\t\| 'megaphone'\n\t\| 'menu-alt'\n\t\| 'menu-alt2'\n\t\| 'menu-alt3'\n\t\| 'menu'\n\t\| 'money-alt'\n\t\| 'microphone'\n\t\| 'migrate'\n\t\| 'minus'\n\t\| 'money'\n\t\| 'move'\n\t\| 'nametag'\n\t\| 'networking'\n\t\| 'no-alt'\n\t\| 'no'\n\t\| 'open-folder'\n\t\| 'palmtree'\n\t\| 'paperclip'\n\t\| 'performance'\n\t\| 'pets'\n\t\| 'pdf'\n\t\| 'phone'\n\t\| 'pinterest'\n\t\| 'playlist-audio'\n\t\| 'playlist-video'\n\t\| 'plus-alt'\n\t\| 'plus-light'\n\t\| 'plus'\n\t\| 'portfolio'\n\t\| 'post-status'\n\t\| 'pressthis'\n\t\| 'products'\n\t\| 'plugins-checked'\n\t\| 'plus-alt2'\n\t\| 'podio'\n\t\| 'printer'\n\t\| 'privacy'\n\t\| 'randomize'\n\t\| 'reddit'\n\t\| 'redo'\n\t\| 'remove'\n\t\| 'rest-api'\n\t\| 'rss'\n\t\| 'saved'\n\t\| 'schedule'\n\t\| 'screenoptions'\n\t\| 'search'\n\t\| 'share-alt'\n\t\| 'share-alt2'\n\t\| 'share'\n\t\| 'shield-alt'\n\t\| 'shield'\n\t\| 'shortcode'\n\t\| 'slides'\n\t\| 'smartphone'\n\t\| 'smiley'\n\t\| 'sort'\n\t\| 'sos'\n\t\| 'star-empty'\n\t\| 'star-filled'\n\t\| 'star-half'\n\t\| 'sticky'\n\t\| 'store'\n\t\| 'spotify'\n\t\| 'superhero'\n\t\| 'superhero-alt'\n\t\| 'table-col-after'\n\t\| 'table-col-before'\n\t\| 'table-col-delete'\n\t\| 'table-row-after'\n\t\| 'table-row-before'\n\t\| 'table-row-delete'\n\t\| 'tablet'\n\t\| 'tag'\n\t\| 'tagcloud'\n\t\| 'testimonial'\n\t\| 'text'\n\t\| 'text-page'\n\t\| 'thumbs-down'\n\t\| 'thumbs-up'\n\t\| 'tickets-alt'\n\t\| 'tickets'\n\t\| 'tide'\n\t\| 'translation'\n\t\| 'trash'\n\t\| 'twitch'\n\t\| 'twitter'\n\t\| 'twitter-alt'\n\t\| 'undo'\n\t\| 'universal-access-alt'\n\t\| 'universal-access'\n\t\| 'unlock'\n\t\| 'update-alt'\n\t\| 'update'\n\t\| 'upload'\n\t\| 'vault'\n\t\| 'video-alt'\n\t\| 'video-alt2'\n\t\| 'video-alt3'\n\t\| 'visibility'\n\t\| 'warning'\n\t\| 'welcome-add-page'\n\t\| 'welcome-comments'\n\t\| 'welcome-learn-more'\n\t\| 'welcome-view-site'\n\t\| 'welcome-widgets-menus'\n\t\| 'welcome-write-blog'\n\t\| 'whatsapp'\n\t\| 'wordpress-alt'\n\t\| 'wordpress'\n\t\| 'xing'\n\t\| 'yes-alt'\n\t\| 'yes'\n\t\| 'youtube';\n"],"mappings":"","ignoreList":[]}

package/build-module/date-time/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["TIMEZONELESS_FORMAT"],"sources":["@wordpress/components/src/date-time/constants.ts"],"sourcesContent":["export const TIMEZONELESS_FORMAT = \"yyyy-MM-dd'T'HH:mm:ss\";\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG,uBAAuB"}
1	+ {"version":3,"names":["TIMEZONELESS_FORMAT"],"sources":["@wordpress/components/src/date-time/constants.ts"],"sourcesContent":["export const TIMEZONELESS_FORMAT = \"yyyy-MM-dd'T'HH:mm:ss\";\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG,uBAAuB","ignoreList":[]}

package/build-module/date-time/date/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useLilius","format","isSameDay","subMonths","addMonths","startOfDay","isEqual","addDays","subWeeks","addWeeks","isSameMonth","startOfWeek","endOfWeek","__","_n","sprintf","isRTL","arrowLeft","arrowRight","dateI18n","getSettings","useState","useRef","useEffect","Wrapper","Navigator","NavigatorHeading","Calendar","DayOfWeek","DayButton","inputToDate","Button","TIMEZONELESS_FORMAT","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","weekStartsOn","date","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","selected","focusable","setFocusable","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","createElement","className","role","icon","variant","onClick","level","getTimezoneOffset","onFocus","onBlur","map","day","key","toString","week","index","Day","column","isFocusable","isFocusAllowed","isToday","isInvalid","numEvents","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","onKeyDown","nextFocusable","preventDefault","ref","current","focus","disabled","tabIndex","getDayLabel","hasEvents","formats","localizedDate"],"sources":["@wordpress/components/src/date-time/date/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport { useLilius } from 'use-lilius';\nimport {\n\tformat,\n\tisSameDay,\n\tsubMonths,\n\taddMonths,\n\tstartOfDay,\n\tisEqual,\n\taddDays,\n\tsubWeeks,\n\taddWeeks,\n\tisSameMonth,\n\tstartOfWeek,\n\tendOfWeek,\n} from 'date-fns';\nimport type { KeyboardEventHandler } from 'react';\n\n/\n WordPress dependencies\n /\nimport { __, _n, sprintf, isRTL } from '@wordpress/i18n';\nimport { arrowLeft, arrowRight } from '@wordpress/icons';\nimport { dateI18n, getSettings } from '@wordpress/date';\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport type { DatePickerProps } from '../types';\nimport {\n\tWrapper,\n\tNavigator,\n\tNavigatorHeading,\n\tCalendar,\n\tDayOfWeek,\n\tDayButton,\n} from './styles';\nimport { inputToDate } from '../utils';\nimport Button from '../../button';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\n/\n DatePicker is a React component that renders a calendar for date selection.\n \n ```jsx\n * import { DatePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyDatePicker = () => {\n * const [ date, setDate ] = useState( new Date() );\n \n return (\n * <DatePicker\n * currentDate={ date }\n * onChange={ ( newDate ) => setDate( newDate ) }\n * />\n * );\n * };\n * ```\n */\nexport function DatePicker( {\n\tcurrentDate,\n\tonChange,\n\tevents = [],\n\tisInvalidDate,\n\tonMonthPreviewed,\n\tstartOfWeek: weekStartsOn = 0,\n}: DatePickerProps ) {\n\tconst date = currentDate ? inputToDate( currentDate ) : new Date();\n\n\tconst {\n\t\tcalendar,\n\t\tviewing,\n\t\tsetSelected,\n\t\tsetViewing,\n\t\tisSelected,\n\t\tviewPreviousMonth,\n\t\tviewNextMonth,\n\t} = useLilius( {\n\t\tselected: [ startOfDay( date ) ],\n\t\tviewing: startOfDay( date ),\n\t\tweekStartsOn,\n\t} );\n\n\t// Used to implement a roving tab index. Tracks the day that receives focus\n\t// when the user tabs into the calendar.\n\tconst [ focusable, setFocusable ] = useState( startOfDay( date ) );\n\n\t// Allows us to only programmatically focus() a day when focus was already\n\t// within the calendar. This stops us stealing focus from e.g. a TimePicker\n\t// input.\n\tconst [ isFocusWithinCalendar, setIsFocusWithinCalendar ] =\n\t\tuseState( false );\n\n\t// Update internal state when currentDate prop changes.\n\tconst [ prevCurrentDate, setPrevCurrentDate ] = useState( currentDate );\n\tif ( currentDate !== prevCurrentDate ) {\n\t\tsetPrevCurrentDate( currentDate );\n\t\tsetSelected( [ startOfDay( date ) ] );\n\t\tsetViewing( startOfDay( date ) );\n\t\tsetFocusable( startOfDay( date ) );\n\t}\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__date\"\n\t\t\trole=\"application\"\n\t\t\taria-label={ __( 'Calendar' ) }\n\t\t>\n\t\t\t<Navigator>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowRight : arrowLeft }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View previous month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewPreviousMonth();\n\t\t\t\t\t\tsetFocusable( subMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\tsubMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<NavigatorHeading level={ 3 }>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t{ dateI18n(\n\t\t\t\t\t\t\t'F',\n\t\t\t\t\t\t\tviewing,\n\t\t\t\t\t\t\t-viewing.getTimezoneOffset()\n\t\t\t\t\t\t) }\n\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t{ dateI18n( 'Y', viewing, -viewing.getTimezoneOffset() ) }\n\t\t\t\t</NavigatorHeading>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowLeft : arrowRight }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View next month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewNextMonth();\n\t\t\t\t\t\tsetFocusable( addMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\taddMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</Navigator>\n\t\t\t<Calendar\n\t\t\t\tonFocus={ () => setIsFocusWithinCalendar( true ) }\n\t\t\t\tonBlur={ () => setIsFocusWithinCalendar( false ) }\n\t\t\t>\n\t\t\t\t{ calendar[ 0 ][ 0 ].map( ( day ) => (\n\t\t\t\t\t<DayOfWeek key={ day.toString() }>\n\t\t\t\t\t\t{ dateI18n( 'D', day, -day.getTimezoneOffset() ) }\n\t\t\t\t\t</DayOfWeek>\n\t\t\t\t) ) }\n\t\t\t\t{ calendar[ 0 ].map( ( week ) =>\n\t\t\t\t\tweek.map( ( day, index ) => {\n\t\t\t\t\t\tif ( ! isSameMonth( day, viewing ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tkey={ day.toString() }\n\t\t\t\t\t\t\t\tday={ day }\n\t\t\t\t\t\t\t\tcolumn={ index + 1 }\n\t\t\t\t\t\t\t\tisSelected={ isSelected( day ) }\n\t\t\t\t\t\t\t\tisFocusable={ isEqual( day, focusable ) }\n\t\t\t\t\t\t\t\tisFocusAllowed={ isFocusWithinCalendar }\n\t\t\t\t\t\t\t\tisToday={ isSameDay( day, new Date() ) }\n\t\t\t\t\t\t\t\tisInvalid={\n\t\t\t\t\t\t\t\t\tisInvalidDate ? isInvalidDate( day ) : false\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnumEvents={\n\t\t\t\t\t\t\t\t\tevents.filter( ( event ) =>\n\t\t\t\t\t\t\t\t\t\tisSameDay( event.date, day )\n\t\t\t\t\t\t\t\t\t).length\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetSelected( [ day ] );\n\t\t\t\t\t\t\t\t\tsetFocusable( day );\n\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t// Don't change the selected date's time fields.\n\t\t\t\t\t\t\t\t\t\t\tnew Date(\n\t\t\t\t\t\t\t\t\t\t\t\tday.getFullYear(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getMonth(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getDate(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getHours(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMinutes(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getSeconds(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMilliseconds()\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\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\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tlet nextFocusable;\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowLeft' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? 1 : -1\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\tif ( event.key === 'ArrowRight' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? -1 : 1\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\tif ( event.key === 'ArrowUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'Home' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfWeek( day );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'End' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfDay(\n\t\t\t\t\t\t\t\t\t\t\tendOfWeek( day )\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\tif ( nextFocusable ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tsetFocusable( nextFocusable );\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t! isSameMonth(\n\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\tviewing\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tsetViewing( nextFocusable );\n\t\t\t\t\t\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\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) }\n\t\t\t</Calendar>\n\t\t</Wrapper>\n\t);\n}\n\ntype DayProps = {\n\tday: Date;\n\tcolumn: number;\n\tisSelected: boolean;\n\tisFocusable: boolean;\n\tisFocusAllowed: boolean;\n\tisToday: boolean;\n\tnumEvents: number;\n\tisInvalid: boolean;\n\tonClick: () => void;\n\tonKeyDown: KeyboardEventHandler;\n};\n\nfunction Day( {\n\tday,\n\tcolumn,\n\tisSelected,\n\tisFocusable,\n\tisFocusAllowed,\n\tisToday,\n\tisInvalid,\n\tnumEvents,\n\tonClick,\n\tonKeyDown,\n}: DayProps ) {\n\tconst ref = useRef< HTMLButtonElement >();\n\n\t// Focus the day when it becomes focusable, e.g. because an arrow key is\n\t// pressed. Only do this if focus is allowed - this stops us stealing focus\n\t// from e.g. a TimePicker input.\n\tuseEffect( () => {\n\t\tif ( ref.current && isFocusable && isFocusAllowed ) {\n\t\t\tref.current.focus();\n\t\t}\n\t\t// isFocusAllowed is not a dep as there is no point calling focus() on\n\t\t// an already focused element.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ isFocusable ] );\n\n\treturn (\n\t\t<DayButton\n\t\t\tref={ ref }\n\t\t\tclassName=\"components-datetime__date__day\" // Unused, for backwards compatibility.\n\t\t\tdisabled={ isInvalid }\n\t\t\ttabIndex={ isFocusable ? 0 : -1 }\n\t\t\taria-label={ getDayLabel( day, isSelected, numEvents ) }\n\t\t\tcolumn={ column }\n\t\t\tisSelected={ isSelected }\n\t\t\tisToday={ isToday }\n\t\t\thasEvents={ numEvents > 0 }\n\t\t\tonClick={ onClick }\n\t\t\tonKeyDown={ onKeyDown }\n\t\t>\n\t\t\t{ dateI18n( 'j', day, -day.getTimezoneOffset() ) }\n\t\t</DayButton>\n\t);\n}\n\nfunction getDayLabel( date: Date, isSelected: boolean, numEvents: number ) {\n\tconst { formats } = getSettings();\n\tconst localizedDate = dateI18n(\n\t\tformats.date,\n\t\tdate,\n\t\t-date.getTimezoneOffset()\n\t);\n\tif ( isSelected && numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. Selected. There is %2$d event',\n\t\t\t\t'%1$s. Selected. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t} else if ( isSelected ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: The calendar date.\n\t\t\t__( '%1$s. Selected' ),\n\t\t\tlocalizedDate\n\t\t);\n\t} else if ( numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. There is %2$d event',\n\t\t\t\t'%1$s. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t}\n\treturn localizedDate;\n}\n\nexport default DatePicker;\n"],"mappings":"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"}
1	+ {"version":3,"names":["useLilius","format","isSameDay","subMonths","addMonths","startOfDay","isEqual","addDays","subWeeks","addWeeks","isSameMonth","startOfWeek","endOfWeek","__","_n","sprintf","isRTL","arrowLeft","arrowRight","dateI18n","getSettings","useState","useRef","useEffect","Wrapper","Navigator","NavigatorHeading","Calendar","DayOfWeek","DayButton","inputToDate","Button","TIMEZONELESS_FORMAT","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","weekStartsOn","date","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","selected","focusable","setFocusable","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","createElement","className","role","icon","variant","onClick","level","getTimezoneOffset","onFocus","onBlur","map","day","key","toString","week","index","Day","column","isFocusable","isFocusAllowed","isToday","isInvalid","numEvents","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","onKeyDown","nextFocusable","preventDefault","ref","current","focus","disabled","tabIndex","getDayLabel","hasEvents","formats","localizedDate"],"sources":["@wordpress/components/src/date-time/date/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport { useLilius } from 'use-lilius';\nimport {\n\tformat,\n\tisSameDay,\n\tsubMonths,\n\taddMonths,\n\tstartOfDay,\n\tisEqual,\n\taddDays,\n\tsubWeeks,\n\taddWeeks,\n\tisSameMonth,\n\tstartOfWeek,\n\tendOfWeek,\n} from 'date-fns';\nimport type { KeyboardEventHandler } from 'react';\n\n/\n WordPress dependencies\n /\nimport { __, _n, sprintf, isRTL } from '@wordpress/i18n';\nimport { arrowLeft, arrowRight } from '@wordpress/icons';\nimport { dateI18n, getSettings } from '@wordpress/date';\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport type { DatePickerProps } from '../types';\nimport {\n\tWrapper,\n\tNavigator,\n\tNavigatorHeading,\n\tCalendar,\n\tDayOfWeek,\n\tDayButton,\n} from './styles';\nimport { inputToDate } from '../utils';\nimport Button from '../../button';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\n/\n DatePicker is a React component that renders a calendar for date selection.\n \n ```jsx\n * import { DatePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyDatePicker = () => {\n * const [ date, setDate ] = useState( new Date() );\n \n return (\n * <DatePicker\n * currentDate={ date }\n * onChange={ ( newDate ) => setDate( newDate ) }\n * />\n * );\n * };\n * ```\n */\nexport function DatePicker( {\n\tcurrentDate,\n\tonChange,\n\tevents = [],\n\tisInvalidDate,\n\tonMonthPreviewed,\n\tstartOfWeek: weekStartsOn = 0,\n}: DatePickerProps ) {\n\tconst date = currentDate ? inputToDate( currentDate ) : new Date();\n\n\tconst {\n\t\tcalendar,\n\t\tviewing,\n\t\tsetSelected,\n\t\tsetViewing,\n\t\tisSelected,\n\t\tviewPreviousMonth,\n\t\tviewNextMonth,\n\t} = useLilius( {\n\t\tselected: [ startOfDay( date ) ],\n\t\tviewing: startOfDay( date ),\n\t\tweekStartsOn,\n\t} );\n\n\t// Used to implement a roving tab index. Tracks the day that receives focus\n\t// when the user tabs into the calendar.\n\tconst [ focusable, setFocusable ] = useState( startOfDay( date ) );\n\n\t// Allows us to only programmatically focus() a day when focus was already\n\t// within the calendar. This stops us stealing focus from e.g. a TimePicker\n\t// input.\n\tconst [ isFocusWithinCalendar, setIsFocusWithinCalendar ] =\n\t\tuseState( false );\n\n\t// Update internal state when currentDate prop changes.\n\tconst [ prevCurrentDate, setPrevCurrentDate ] = useState( currentDate );\n\tif ( currentDate !== prevCurrentDate ) {\n\t\tsetPrevCurrentDate( currentDate );\n\t\tsetSelected( [ startOfDay( date ) ] );\n\t\tsetViewing( startOfDay( date ) );\n\t\tsetFocusable( startOfDay( date ) );\n\t}\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__date\"\n\t\t\trole=\"application\"\n\t\t\taria-label={ __( 'Calendar' ) }\n\t\t>\n\t\t\t<Navigator>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowRight : arrowLeft }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View previous month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewPreviousMonth();\n\t\t\t\t\t\tsetFocusable( subMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\tsubMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<NavigatorHeading level={ 3 }>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t{ dateI18n(\n\t\t\t\t\t\t\t'F',\n\t\t\t\t\t\t\tviewing,\n\t\t\t\t\t\t\t-viewing.getTimezoneOffset()\n\t\t\t\t\t\t) }\n\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t{ dateI18n( 'Y', viewing, -viewing.getTimezoneOffset() ) }\n\t\t\t\t</NavigatorHeading>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowLeft : arrowRight }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View next month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewNextMonth();\n\t\t\t\t\t\tsetFocusable( addMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\taddMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</Navigator>\n\t\t\t<Calendar\n\t\t\t\tonFocus={ () => setIsFocusWithinCalendar( true ) }\n\t\t\t\tonBlur={ () => setIsFocusWithinCalendar( false ) }\n\t\t\t>\n\t\t\t\t{ calendar[ 0 ][ 0 ].map( ( day ) => (\n\t\t\t\t\t<DayOfWeek key={ day.toString() }>\n\t\t\t\t\t\t{ dateI18n( 'D', day, -day.getTimezoneOffset() ) }\n\t\t\t\t\t</DayOfWeek>\n\t\t\t\t) ) }\n\t\t\t\t{ calendar[ 0 ].map( ( week ) =>\n\t\t\t\t\tweek.map( ( day, index ) => {\n\t\t\t\t\t\tif ( ! isSameMonth( day, viewing ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tkey={ day.toString() }\n\t\t\t\t\t\t\t\tday={ day }\n\t\t\t\t\t\t\t\tcolumn={ index + 1 }\n\t\t\t\t\t\t\t\tisSelected={ isSelected( day ) }\n\t\t\t\t\t\t\t\tisFocusable={ isEqual( day, focusable ) }\n\t\t\t\t\t\t\t\tisFocusAllowed={ isFocusWithinCalendar }\n\t\t\t\t\t\t\t\tisToday={ isSameDay( day, new Date() ) }\n\t\t\t\t\t\t\t\tisInvalid={\n\t\t\t\t\t\t\t\t\tisInvalidDate ? isInvalidDate( day ) : false\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnumEvents={\n\t\t\t\t\t\t\t\t\tevents.filter( ( event ) =>\n\t\t\t\t\t\t\t\t\t\tisSameDay( event.date, day )\n\t\t\t\t\t\t\t\t\t).length\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetSelected( [ day ] );\n\t\t\t\t\t\t\t\t\tsetFocusable( day );\n\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t// Don't change the selected date's time fields.\n\t\t\t\t\t\t\t\t\t\t\tnew Date(\n\t\t\t\t\t\t\t\t\t\t\t\tday.getFullYear(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getMonth(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getDate(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getHours(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMinutes(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getSeconds(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMilliseconds()\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\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\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tlet nextFocusable;\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowLeft' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? 1 : -1\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\tif ( event.key === 'ArrowRight' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? -1 : 1\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\tif ( event.key === 'ArrowUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'Home' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfWeek( day );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'End' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfDay(\n\t\t\t\t\t\t\t\t\t\t\tendOfWeek( day )\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\tif ( nextFocusable ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tsetFocusable( nextFocusable );\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t! isSameMonth(\n\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\tviewing\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tsetViewing( nextFocusable );\n\t\t\t\t\t\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\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) }\n\t\t\t</Calendar>\n\t\t</Wrapper>\n\t);\n}\n\ntype DayProps = {\n\tday: Date;\n\tcolumn: number;\n\tisSelected: boolean;\n\tisFocusable: boolean;\n\tisFocusAllowed: boolean;\n\tisToday: boolean;\n\tnumEvents: number;\n\tisInvalid: boolean;\n\tonClick: () => void;\n\tonKeyDown: KeyboardEventHandler;\n};\n\nfunction Day( {\n\tday,\n\tcolumn,\n\tisSelected,\n\tisFocusable,\n\tisFocusAllowed,\n\tisToday,\n\tisInvalid,\n\tnumEvents,\n\tonClick,\n\tonKeyDown,\n}: DayProps ) {\n\tconst ref = useRef< HTMLButtonElement >();\n\n\t// Focus the day when it becomes focusable, e.g. because an arrow key is\n\t// pressed. Only do this if focus is allowed - this stops us stealing focus\n\t// from e.g. a TimePicker input.\n\tuseEffect( () => {\n\t\tif ( ref.current && isFocusable && isFocusAllowed ) {\n\t\t\tref.current.focus();\n\t\t}\n\t\t// isFocusAllowed is not a dep as there is no point calling focus() on\n\t\t// an already focused element.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ isFocusable ] );\n\n\treturn (\n\t\t<DayButton\n\t\t\tref={ ref }\n\t\t\tclassName=\"components-datetime__date__day\" // Unused, for backwards compatibility.\n\t\t\tdisabled={ isInvalid }\n\t\t\ttabIndex={ isFocusable ? 0 : -1 }\n\t\t\taria-label={ getDayLabel( day, isSelected, numEvents ) }\n\t\t\tcolumn={ column }\n\t\t\tisSelected={ isSelected }\n\t\t\tisToday={ isToday }\n\t\t\thasEvents={ numEvents > 0 }\n\t\t\tonClick={ onClick }\n\t\t\tonKeyDown={ onKeyDown }\n\t\t>\n\t\t\t{ dateI18n( 'j', day, -day.getTimezoneOffset() ) }\n\t\t</DayButton>\n\t);\n}\n\nfunction getDayLabel( date: Date, isSelected: boolean, numEvents: number ) {\n\tconst { formats } = getSettings();\n\tconst localizedDate = dateI18n(\n\t\tformats.date,\n\t\tdate,\n\t\t-date.getTimezoneOffset()\n\t);\n\tif ( isSelected && numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. Selected. There is %2$d event',\n\t\t\t\t'%1$s. Selected. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t} else if ( isSelected ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: The calendar date.\n\t\t\t__( '%1$s. Selected' ),\n\t\t\tlocalizedDate\n\t\t);\n\t} else if ( numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. There is %2$d event',\n\t\t\t\t'%1$s. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t}\n\treturn localizedDate;\n}\n\nexport default DatePicker;\n"],"mappings":"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","ignoreList":[]}