@wordpress/components 25.8.3 → 25.9.0

package/build/custom-gradient-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_deprecated","_i18n","_anglePickerControl","_gradientBar","_flex","_selectControl","_vStack","_utils","_serializer","_constants","_customGradientPickerStyles","GradientAnglePicker","gradientAST","hasGradient","onChange","_gradientAST$orientat","angle","orientation","value","DEFAULT_LINEAR_GRADIENT_ANGLE","onAngleChange","newAngle","serializeGradient","type","_element","createElement","default","__nextHasNoMarginBottom","GradientTypePicker","onSetLinearGradient","undefined","HORIZONTAL_GRADIENT_ORIENTATION","onSetRadialGradient","restGradientAST","handleOnChange","next","className","label","__","labelPosition","options","GRADIENT_OPTIONS","size","CustomGradientPicker","__nextHasNoMargin","__experimentalIsRenderedInSidebar","getGradientAstWithDefault","background","getLinearGradientRepresentation","controlPoints","colorStops","map","colorStop","color","getStopCssColor","position","parseInt","length","deprecated","since","version","hint","VStack","spacing","classnames","newControlPoints","getGradientAstWithControlPoints","Flex","gap","SelectWrapper","AccessoryWrapper","_default","exports"],"sources":["@wordpress/components/src/custom-gradient-picker/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport type gradientParser from 'gradient-parser';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AnglePickerControl from '../angle-picker-control';\nimport CustomGradientBar from './gradient-bar';\nimport { Flex } from '../flex';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport {\n\tgetGradientAstWithDefault,\n\tgetLinearGradientRepresentation,\n\tgetGradientAstWithControlPoints,\n\tgetStopCssColor,\n} from './utils';\nimport { serializeGradient } from './serializer';\nimport {\n\tDEFAULT_LINEAR_GRADIENT_ANGLE,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n\tGRADIENT_OPTIONS,\n} from './constants';\nimport {\n\tAccessoryWrapper,\n\tSelectWrapper,\n} from './styles/custom-gradient-picker-styles';\nimport type {\n\tCustomGradientPickerProps,\n\tGradientAnglePickerProps,\n\tGradientTypePickerProps,\n} from './types';\n\nconst GradientAnglePicker = ( {\n\tgradientAST,\n\thasGradient,\n\tonChange,\n}: GradientAnglePickerProps ) => {\n\tconst angle =\n\t\tgradientAST?.orientation?.value ?? DEFAULT_LINEAR_GRADIENT_ANGLE;\n\tconst onAngleChange = ( newAngle: number ) => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\torientation: {\n\t\t\t\t\ttype: 'angular',\n\t\t\t\t\tvalue: `${ newAngle }`,\n\t\t\t\t},\n\t\t\t} )\n\t\t);\n\t};\n\treturn (\n\t\t<AnglePickerControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tonChange={ onAngleChange }\n\t\t\tvalue={ hasGradient ? angle : '' }\n\t\t/>\n\t);\n};\n\nconst GradientTypePicker = ( {\n\tgradientAST,\n\thasGradient,\n\tonChange,\n}: GradientTypePickerProps ) => {\n\tconst { type } = gradientAST;\n\n\tconst onSetLinearGradient = () => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\torientation: gradientAST.orientation\n\t\t\t\t\t? undefined\n\t\t\t\t\t: HORIZONTAL_GRADIENT_ORIENTATION,\n\t\t\t\ttype: 'linear-gradient',\n\t\t\t} as gradientParser.LinearGradientNode )\n\t\t);\n\t};\n\n\tconst onSetRadialGradient = () => {\n\t\tconst { orientation, ...restGradientAST } = gradientAST;\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...restGradientAST,\n\t\t\t\ttype: 'radial-gradient',\n\t\t\t} )\n\t\t);\n\t};\n\n\tconst handleOnChange = ( next: string ) => {\n\t\tif ( next === 'linear-gradient' ) {\n\t\t\tonSetLinearGradient();\n\t\t}\n\t\tif ( next === 'radial-gradient' ) {\n\t\t\tonSetRadialGradient();\n\t\t}\n\t};\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"components-custom-gradient-picker__type-picker\"\n\t\t\tlabel={ __( 'Type' ) }\n\t\t\tlabelPosition=\"top\"\n\t\t\tonChange={ handleOnChange }\n\t\t\toptions={ GRADIENT_OPTIONS }\n\t\t\tsize=\"__unstable-large\"\n\t\t\tvalue={ hasGradient ? type : undefined }\n\t\t/>\n\t);\n};\n\n/**\n * CustomGradientPicker is a React component that renders a UI for specifying\n * linear or radial gradients. Radial gradients are displayed in the picker as\n * a slice of the gradient from the center to the outside.\n *\n * ```jsx\n * import { CustomGradientPicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyCustomGradientPicker = () => {\n *   const [ gradient, setGradient ] = useState();\n *\n *   return (\n *     <CustomGradientPicker\n *\t\t\tvalue={ gradient }\n *\t\t\tonChange={ setGradient }\n *     />\n *   );\n * };\n * ```\n */\nexport function CustomGradientPicker( {\n\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t__nextHasNoMargin = false,\n\tvalue,\n\tonChange,\n\t__experimentalIsRenderedInSidebar = false,\n}: CustomGradientPickerProps ) {\n\tconst { gradientAST, hasGradient } = getGradientAstWithDefault( value );\n\n\t// On radial gradients the bar should display a linear gradient.\n\t// On radial gradients the bar represents a slice of the gradient from the center until the outside.\n\t// On liner gradients the bar represents the color stops from left to right independently of the angle.\n\tconst background = getLinearGradientRepresentation( gradientAST );\n\n\t// Control points color option may be hex from presets, custom colors will be rgb.\n\t// The position should always be a percentage.\n\tconst controlPoints = gradientAST.colorStops.map( ( colorStop ) => {\n\t\treturn {\n\t\t\tcolor: getStopCssColor( colorStop ),\n\t\t\t// Although it's already been checked by `hasUnsupportedLength` in `getGradientAstWithDefault`,\n\t\t\t// TypeScript doesn't know that `colorStop.length` is not undefined here.\n\t\t\t// @ts-expect-error\n\t\t\tposition: parseInt( colorStop.length.value ),\n\t\t};\n\t} );\n\n\tif ( ! __nextHasNoMargin ) {\n\t\tdeprecated(\n\t\t\t'Outer margin styles for wp.components.CustomGradientPicker',\n\t\t\t{\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextHasNoMargin` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName={ classnames( 'components-custom-gradient-picker', {\n\t\t\t\t'is-next-has-no-margin': __nextHasNoMargin,\n\t\t\t} ) }\n\t\t>\n\t\t\t<CustomGradientBar\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tbackground={ background }\n\t\t\t\thasGradient={ hasGradient }\n\t\t\t\tvalue={ controlPoints }\n\t\t\t\tonChange={ ( newControlPoints ) => {\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tserializeGradient(\n\t\t\t\t\t\t\tgetGradientAstWithControlPoints(\n\t\t\t\t\t\t\t\tgradientAST,\n\t\t\t\t\t\t\t\tnewControlPoints\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/>\n\t\t\t<Flex\n\t\t\t\tgap={ 3 }\n\t\t\t\tclassName=\"components-custom-gradient-picker__ui-line\"\n\t\t\t>\n\t\t\t\t<SelectWrapper>\n\t\t\t\t\t<GradientTypePicker\n\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</SelectWrapper>\n\t\t\t\t<AccessoryWrapper>\n\t\t\t\t\t{ gradientAST.type === 'linear-gradient' && (\n\t\t\t\t\t\t<GradientAnglePicker\n\t\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</AccessoryWrapper>\n\t\t\t</Flex>\n\t\t</VStack>\n\t);\n}\n\nexport default CustomGradientPicker;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_deprecated","_i18n","_anglePickerControl","_gradientBar","_flex","_selectControl","_vStack","_utils","_serializer","_constants","_customGradientPickerStyles","GradientAnglePicker","gradientAST","hasGradient","onChange","_gradientAST$orientat","angle","orientation","value","DEFAULT_LINEAR_GRADIENT_ANGLE","onAngleChange","newAngle","serializeGradient","type","_react","createElement","default","__nextHasNoMarginBottom","GradientTypePicker","onSetLinearGradient","undefined","HORIZONTAL_GRADIENT_ORIENTATION","onSetRadialGradient","restGradientAST","handleOnChange","next","className","label","__","labelPosition","options","GRADIENT_OPTIONS","size","CustomGradientPicker","__nextHasNoMargin","__experimentalIsRenderedInSidebar","getGradientAstWithDefault","background","getLinearGradientRepresentation","controlPoints","colorStops","map","colorStop","color","getStopCssColor","position","parseInt","length","deprecated","since","version","hint","VStack","spacing","classnames","newControlPoints","getGradientAstWithControlPoints","Flex","gap","SelectWrapper","AccessoryWrapper","_default","exports"],"sources":["@wordpress/components/src/custom-gradient-picker/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport type gradientParser from 'gradient-parser';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AnglePickerControl from '../angle-picker-control';\nimport CustomGradientBar from './gradient-bar';\nimport { Flex } from '../flex';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport {\n\tgetGradientAstWithDefault,\n\tgetLinearGradientRepresentation,\n\tgetGradientAstWithControlPoints,\n\tgetStopCssColor,\n} from './utils';\nimport { serializeGradient } from './serializer';\nimport {\n\tDEFAULT_LINEAR_GRADIENT_ANGLE,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n\tGRADIENT_OPTIONS,\n} from './constants';\nimport {\n\tAccessoryWrapper,\n\tSelectWrapper,\n} from './styles/custom-gradient-picker-styles';\nimport type {\n\tCustomGradientPickerProps,\n\tGradientAnglePickerProps,\n\tGradientTypePickerProps,\n} from './types';\n\nconst GradientAnglePicker = ( {\n\tgradientAST,\n\thasGradient,\n\tonChange,\n}: GradientAnglePickerProps ) => {\n\tconst angle =\n\t\tgradientAST?.orientation?.value ?? DEFAULT_LINEAR_GRADIENT_ANGLE;\n\tconst onAngleChange = ( newAngle: number ) => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\torientation: {\n\t\t\t\t\ttype: 'angular',\n\t\t\t\t\tvalue: `${ newAngle }`,\n\t\t\t\t},\n\t\t\t} )\n\t\t);\n\t};\n\treturn (\n\t\t<AnglePickerControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tonChange={ onAngleChange }\n\t\t\tvalue={ hasGradient ? angle : '' }\n\t\t/>\n\t);\n};\n\nconst GradientTypePicker = ( {\n\tgradientAST,\n\thasGradient,\n\tonChange,\n}: GradientTypePickerProps ) => {\n\tconst { type } = gradientAST;\n\n\tconst onSetLinearGradient = () => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\torientation: gradientAST.orientation\n\t\t\t\t\t? undefined\n\t\t\t\t\t: HORIZONTAL_GRADIENT_ORIENTATION,\n\t\t\t\ttype: 'linear-gradient',\n\t\t\t} as gradientParser.LinearGradientNode )\n\t\t);\n\t};\n\n\tconst onSetRadialGradient = () => {\n\t\tconst { orientation, ...restGradientAST } = gradientAST;\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...restGradientAST,\n\t\t\t\ttype: 'radial-gradient',\n\t\t\t} )\n\t\t);\n\t};\n\n\tconst handleOnChange = ( next: string ) => {\n\t\tif ( next === 'linear-gradient' ) {\n\t\t\tonSetLinearGradient();\n\t\t}\n\t\tif ( next === 'radial-gradient' ) {\n\t\t\tonSetRadialGradient();\n\t\t}\n\t};\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"components-custom-gradient-picker__type-picker\"\n\t\t\tlabel={ __( 'Type' ) }\n\t\t\tlabelPosition=\"top\"\n\t\t\tonChange={ handleOnChange }\n\t\t\toptions={ GRADIENT_OPTIONS }\n\t\t\tsize=\"__unstable-large\"\n\t\t\tvalue={ hasGradient ? type : undefined }\n\t\t/>\n\t);\n};\n\n/**\n * CustomGradientPicker is a React component that renders a UI for specifying\n * linear or radial gradients. Radial gradients are displayed in the picker as\n * a slice of the gradient from the center to the outside.\n *\n * ```jsx\n * import { CustomGradientPicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyCustomGradientPicker = () => {\n *   const [ gradient, setGradient ] = useState();\n *\n *   return (\n *     <CustomGradientPicker\n *\t\t\tvalue={ gradient }\n *\t\t\tonChange={ setGradient }\n *     />\n *   );\n * };\n * ```\n */\nexport function CustomGradientPicker( {\n\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t__nextHasNoMargin = false,\n\tvalue,\n\tonChange,\n\t__experimentalIsRenderedInSidebar = false,\n}: CustomGradientPickerProps ) {\n\tconst { gradientAST, hasGradient } = getGradientAstWithDefault( value );\n\n\t// On radial gradients the bar should display a linear gradient.\n\t// On radial gradients the bar represents a slice of the gradient from the center until the outside.\n\t// On liner gradients the bar represents the color stops from left to right independently of the angle.\n\tconst background = getLinearGradientRepresentation( gradientAST );\n\n\t// Control points color option may be hex from presets, custom colors will be rgb.\n\t// The position should always be a percentage.\n\tconst controlPoints = gradientAST.colorStops.map( ( colorStop ) => {\n\t\treturn {\n\t\t\tcolor: getStopCssColor( colorStop ),\n\t\t\t// Although it's already been checked by `hasUnsupportedLength` in `getGradientAstWithDefault`,\n\t\t\t// TypeScript doesn't know that `colorStop.length` is not undefined here.\n\t\t\t// @ts-expect-error\n\t\t\tposition: parseInt( colorStop.length.value ),\n\t\t};\n\t} );\n\n\tif ( ! __nextHasNoMargin ) {\n\t\tdeprecated(\n\t\t\t'Outer margin styles for wp.components.CustomGradientPicker',\n\t\t\t{\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextHasNoMargin` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName={ classnames( 'components-custom-gradient-picker', {\n\t\t\t\t'is-next-has-no-margin': __nextHasNoMargin,\n\t\t\t} ) }\n\t\t>\n\t\t\t<CustomGradientBar\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tbackground={ background }\n\t\t\t\thasGradient={ hasGradient }\n\t\t\t\tvalue={ controlPoints }\n\t\t\t\tonChange={ ( newControlPoints ) => {\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tserializeGradient(\n\t\t\t\t\t\t\tgetGradientAstWithControlPoints(\n\t\t\t\t\t\t\t\tgradientAST,\n\t\t\t\t\t\t\t\tnewControlPoints\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/>\n\t\t\t<Flex\n\t\t\t\tgap={ 3 }\n\t\t\t\tclassName=\"components-custom-gradient-picker__ui-line\"\n\t\t\t>\n\t\t\t\t<SelectWrapper>\n\t\t\t\t\t<GradientTypePicker\n\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</SelectWrapper>\n\t\t\t\t<AccessoryWrapper>\n\t\t\t\t\t{ gradientAST.type === 'linear-gradient' && (\n\t\t\t\t\t\t<GradientAnglePicker\n\t\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</AccessoryWrapper>\n\t\t\t</Flex>\n\t\t</VStack>\n\t);\n}\n\nexport default CustomGradientPicker;\n"],"mappings":"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"}

package/build/custom-gradient-picker/index.native.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _utils = require("../mobile/color-settings/utils");
 var _utils2 = require("./utils");
 var _serializer = require("./serializer");
@@ -81,15 +82,15 @@ function CustomGradientPicker({
     var _gradientAST$orientat;
     return (_gradientAST$orientat = gradientAST?.orientation?.value) !== null && _gradientAST$orientat !== void 0 ? _gradientAST$orientat : _constants.DEFAULT_LINEAR_GRADIENT_ANGLE;
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Gradient Type')
-  }, (0, _element.createElement)(_components.RadioControl, {
+  }, (0, _react.createElement)(_components.RadioControl, {
     selected: gradientType,
     options: gradientOptions,
     onChange: onGradientTypeChange
-  })), isLinearGradient(gradientType) && (0, _element.createElement)(_components.PanelBody, {
+  })), isLinearGradient(gradientType) && (0, _react.createElement)(_components.PanelBody, {
     style: _style.default.angleControl
-  }, (0, _element.createElement)(_components.RangeControl, {
+  }, (0, _react.createElement)(_components.RangeControl, {
     label: (0, _i18n.__)('Angle'),
     minimumValue: 0,
     maximumValue: 360,

package/build/custom-gradient-picker/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_utils","_utils2","_serializer","_constants","_style","_interopRequireDefault","CustomGradientPicker","setColor","currentValue","isGradientColor","gradientOrientation","setGradientOrientation","useState","HORIZONTAL_GRADIENT_ORIENTATION","currentColor","setCurrentColor","getGradientType","gradients","gradientOptions","colorsUtils","gradientAST","getGradientAstWithDefault","gradientType","isLinearGradient","type","linear","getGradientColor","orientation","restGradientAST","serializeGradient","onGradientTypeChange","gradientColor","setGradientAngle","value","getGradientAngle","_gradientAST$orientat","DEFAULT_LINEAR_GRADIENT_ANGLE","createElement","Fragment","PanelBody","title","__","RadioControl","selected","options","onChange","style","styles","angleControl","RangeControl","label","minimumValue","maximumValue","_default","exports","default"],"sources":["@wordpress/components/src/custom-gradient-picker/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelBody, RadioControl, RangeControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { colorsUtils } from '../mobile/color-settings/utils';\nimport { getGradientAstWithDefault } from './utils';\nimport { serializeGradient } from './serializer';\nimport {\n\tDEFAULT_LINEAR_GRADIENT_ANGLE,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n} from './constants';\nimport styles from './style.scss';\n\nfunction CustomGradientPicker( { setColor, currentValue, isGradientColor } ) {\n\tconst [ gradientOrientation, setGradientOrientation ] = useState(\n\t\tHORIZONTAL_GRADIENT_ORIENTATION\n\t);\n\n\tconst [ currentColor, setCurrentColor ] = useState( currentValue );\n\n\tconst { getGradientType, gradients, gradientOptions } = colorsUtils;\n\tconst { gradientAST } = getGradientAstWithDefault( currentColor );\n\tconst gradientType = getGradientType( currentColor );\n\n\tfunction isLinearGradient( type ) {\n\t\treturn type === gradients.linear;\n\t}\n\n\tfunction getGradientColor( type ) {\n\t\tconst { orientation, ...restGradientAST } = gradientAST;\n\n\t\tif ( orientation ) {\n\t\t\tsetGradientOrientation( orientation );\n\t\t}\n\n\t\treturn serializeGradient(\n\t\t\tisLinearGradient( type )\n\t\t\t\t? {\n\t\t\t\t\t\t...gradientAST,\n\t\t\t\t\t\t...( gradientAST.orientation\n\t\t\t\t\t\t\t? {}\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\torientation: gradientOrientation,\n\t\t\t\t\t\t\t  } ),\n\t\t\t\t\t\ttype,\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\t...restGradientAST,\n\t\t\t\t\t\ttype,\n\t\t\t\t  }\n\t\t);\n\t}\n\n\tfunction onGradientTypeChange( type ) {\n\t\tconst gradientColor = getGradientColor( type );\n\t\tsetCurrentColor( gradientColor );\n\t\tsetColor( gradientColor );\n\t}\n\n\tfunction setGradientAngle( value ) {\n\t\tconst gradientColor = serializeGradient( {\n\t\t\t...gradientAST,\n\t\t\torientation: {\n\t\t\t\ttype: 'angular',\n\t\t\t\tvalue,\n\t\t\t},\n\t\t} );\n\n\t\tif ( isGradientColor && gradientColor !== currentColor ) {\n\t\t\tsetCurrentColor( gradientColor );\n\t\t\tsetColor( gradientColor );\n\t\t}\n\t}\n\n\tfunction getGradientAngle() {\n\t\treturn gradientAST?.orientation?.value ?? DEFAULT_LINEAR_GRADIENT_ANGLE;\n\t}\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Gradient Type' ) }>\n\t\t\t\t<RadioControl\n\t\t\t\t\tselected={ gradientType }\n\t\t\t\t\toptions={ gradientOptions }\n\t\t\t\t\tonChange={ onGradientTypeChange }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t{ isLinearGradient( gradientType ) && (\n\t\t\t\t<PanelBody style={ styles.angleControl }>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Angle' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 360 }\n\t\t\t\t\t\tvalue={ getGradientAngle() }\n\t\t\t\t\t\tonChange={ setGradientAngle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default CustomGradientPicker;\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_i18n","_element","_utils","_utils2","_serializer","_constants","_style","_interopRequireDefault","CustomGradientPicker","setColor","currentValue","isGradientColor","gradientOrientation","setGradientOrientation","useState","HORIZONTAL_GRADIENT_ORIENTATION","currentColor","setCurrentColor","getGradientType","gradients","gradientOptions","colorsUtils","gradientAST","getGradientAstWithDefault","gradientType","isLinearGradient","type","linear","getGradientColor","orientation","restGradientAST","serializeGradient","onGradientTypeChange","gradientColor","setGradientAngle","value","getGradientAngle","_gradientAST$orientat","DEFAULT_LINEAR_GRADIENT_ANGLE","_react","createElement","Fragment","PanelBody","title","__","RadioControl","selected","options","onChange","style","styles","angleControl","RangeControl","label","minimumValue","maximumValue","_default","exports","default"],"sources":["@wordpress/components/src/custom-gradient-picker/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelBody, RadioControl, RangeControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { colorsUtils } from '../mobile/color-settings/utils';\nimport { getGradientAstWithDefault } from './utils';\nimport { serializeGradient } from './serializer';\nimport {\n\tDEFAULT_LINEAR_GRADIENT_ANGLE,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n} from './constants';\nimport styles from './style.scss';\n\nfunction CustomGradientPicker( { setColor, currentValue, isGradientColor } ) {\n\tconst [ gradientOrientation, setGradientOrientation ] = useState(\n\t\tHORIZONTAL_GRADIENT_ORIENTATION\n\t);\n\n\tconst [ currentColor, setCurrentColor ] = useState( currentValue );\n\n\tconst { getGradientType, gradients, gradientOptions } = colorsUtils;\n\tconst { gradientAST } = getGradientAstWithDefault( currentColor );\n\tconst gradientType = getGradientType( currentColor );\n\n\tfunction isLinearGradient( type ) {\n\t\treturn type === gradients.linear;\n\t}\n\n\tfunction getGradientColor( type ) {\n\t\tconst { orientation, ...restGradientAST } = gradientAST;\n\n\t\tif ( orientation ) {\n\t\t\tsetGradientOrientation( orientation );\n\t\t}\n\n\t\treturn serializeGradient(\n\t\t\tisLinearGradient( type )\n\t\t\t\t? {\n\t\t\t\t\t\t...gradientAST,\n\t\t\t\t\t\t...( gradientAST.orientation\n\t\t\t\t\t\t\t? {}\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\torientation: gradientOrientation,\n\t\t\t\t\t\t\t  } ),\n\t\t\t\t\t\ttype,\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\t...restGradientAST,\n\t\t\t\t\t\ttype,\n\t\t\t\t  }\n\t\t);\n\t}\n\n\tfunction onGradientTypeChange( type ) {\n\t\tconst gradientColor = getGradientColor( type );\n\t\tsetCurrentColor( gradientColor );\n\t\tsetColor( gradientColor );\n\t}\n\n\tfunction setGradientAngle( value ) {\n\t\tconst gradientColor = serializeGradient( {\n\t\t\t...gradientAST,\n\t\t\torientation: {\n\t\t\t\ttype: 'angular',\n\t\t\t\tvalue,\n\t\t\t},\n\t\t} );\n\n\t\tif ( isGradientColor && gradientColor !== currentColor ) {\n\t\t\tsetCurrentColor( gradientColor );\n\t\t\tsetColor( gradientColor );\n\t\t}\n\t}\n\n\tfunction getGradientAngle() {\n\t\treturn gradientAST?.orientation?.value ?? DEFAULT_LINEAR_GRADIENT_ANGLE;\n\t}\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Gradient Type' ) }>\n\t\t\t\t<RadioControl\n\t\t\t\t\tselected={ gradientType }\n\t\t\t\t\toptions={ gradientOptions }\n\t\t\t\t\tonChange={ onGradientTypeChange }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t{ isLinearGradient( gradientType ) && (\n\t\t\t\t<PanelBody style={ styles.angleControl }>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Angle' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 360 }\n\t\t\t\t\t\tvalue={ getGradientAngle() }\n\t\t\t\t\t\tonChange={ setGradientAngle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default CustomGradientPicker;\n"],"mappings":"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"}

package/build/custom-select-control/index.js

@@ -6,17 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StableCustomSelectControl = StableCustomSelectControl;
 exports.default = CustomSelectControl;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _downshift = require("downshift");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _visuallyHidden = require("../visually-hidden");
 var _selectControlStyles = require("../select-control/styles/select-control-styles");
 var _chevronDown = _interopRequireDefault(require("../select-control/chevron-down"));
 var _styles = require("./styles");
 var _baseControlStyles = require("../base-control/styles/base-control-styles");
+var _useDeprecatedProps = require("../utils/use-deprecated-props");
 // @ts-nocheck
 /**
  * External dependencies
@@ -64,7 +66,7 @@ const stateReducer = ({
 function CustomSelectControl(props) {
   const {
     /** Start opting into the larger default height that will become the default size in a future version. */
-    __next36pxDefaultSize = false,
+    __next40pxDefaultSize = false,
     /** Start opting into the unconstrained width that will become the default in a future version. */
     __nextUnconstrainedWidth = false,
     className,
@@ -81,7 +83,7 @@ function CustomSelectControl(props) {
     onFocus,
     onBlur,
     __experimentalShowSelectedHint = false
-  } = props;
+  } = (0, _useDeprecatedProps.useDeprecated36pxDefaultSizeProp)(props, 'wp.components.CustomSelectControl', '6.4');
   const {
     getLabelProps,
     getToggleButtonProps,
@@ -140,32 +142,32 @@ function CustomSelectControl(props) {
   if (menuProps['aria-activedescendant']?.startsWith('downshift-null')) {
     delete menuProps['aria-activedescendant'];
   }
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: (0, _classnames.default)('components-custom-select-control', className)
-  }, hideLabelFromVision ? (0, _element.createElement)(_visuallyHidden.VisuallyHidden, {
+  }, hideLabelFromVision ? (0, _react.createElement)(_visuallyHidden.VisuallyHidden, {
     as: "label",
     ...getLabelProps()
   }, label) : /* eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/label-has-for */
-  (0, _element.createElement)(_baseControlStyles.StyledLabel, {
+  (0, _react.createElement)(_baseControlStyles.StyledLabel, {
     ...getLabelProps({
       className: 'components-custom-select-control__label'
     })
-  }, label), (0, _element.createElement)(_styles.InputBaseWithBackCompatMinWidth, {
-    __next36pxDefaultSize: __next36pxDefaultSize,
+  }, label), (0, _react.createElement)(_styles.InputBaseWithBackCompatMinWidth, {
+    __next40pxDefaultSize: __next40pxDefaultSize,
     __nextUnconstrainedWidth: __nextUnconstrainedWidth,
     isFocused: isOpen || isFocused,
     __unstableInputWidth: __nextUnconstrainedWidth ? undefined : 'auto',
     labelPosition: __nextUnconstrainedWidth ? undefined : 'top',
     size: size,
-    suffix: (0, _element.createElement)(_chevronDown.default, null)
-  }, (0, _element.createElement)(_selectControlStyles.Select, {
+    suffix: (0, _react.createElement)(_chevronDown.default, null)
+  }, (0, _react.createElement)(_selectControlStyles.Select, {
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
     as: "button",
     onFocus: handleOnFocus,
     onBlur: handleOnBlur,
     selectSize: size,
-    __next36pxDefaultSize: __next36pxDefaultSize,
+    __next40pxDefaultSize: __next40pxDefaultSize,
     ...getToggleButtonProps({
       // This is needed because some speech recognition software don't support `aria-labelledby`.
       'aria-label': label,
@@ -173,14 +175,14 @@ function CustomSelectControl(props) {
       className: 'components-custom-select-control__button',
       describedBy: getDescribedBy()
     })
-  }, itemToString(selectedItem), __experimentalShowSelectedHint && selectedItem.__experimentalHint && (0, _element.createElement)("span", {
+  }, itemToString(selectedItem), __experimentalShowSelectedHint && selectedItem.__experimentalHint && (0, _react.createElement)("span", {
     className: "components-custom-select-control__hint"
-  }, selectedItem.__experimentalHint))), (0, _element.createElement)("ul", {
+  }, selectedItem.__experimentalHint))), (0, _react.createElement)("ul", {
     ...menuProps,
     onKeyDown: onKeyDownHandler
   }, isOpen && items.map((item, index) =>
   // eslint-disable-next-line react/jsx-key
-  (0, _element.createElement)("li", {
+  (0, _react.createElement)("li", {
     ...getItemProps({
       item,
       index,
@@ -188,19 +190,19 @@ function CustomSelectControl(props) {
       className: (0, _classnames.default)(item.className, 'components-custom-select-control__item', {
         'is-highlighted': index === highlightedIndex,
         'has-hint': !!item.__experimentalHint,
-        'is-next-36px-default-size': __next36pxDefaultSize
+        'is-next-40px-default-size': __next40pxDefaultSize
       }),
       style: item.style
     })
-  }, item.name, item.__experimentalHint && (0, _element.createElement)("span", {
+  }, item.name, item.__experimentalHint && (0, _react.createElement)("span", {
     className: "components-custom-select-control__item-hint"
-  }, item.__experimentalHint), item === selectedItem && (0, _element.createElement)(_icons.Icon, {
+  }, item.__experimentalHint), item === selectedItem && (0, _react.createElement)(_icons.Icon, {
     icon: _icons.check,
     className: "components-custom-select-control__item-icon"
   })))));
 }
 function StableCustomSelectControl(props) {
-  return (0, _element.createElement)(CustomSelectControl, {
+  return (0, _react.createElement)(CustomSelectControl, {
     ...props,
     __experimentalShowSelectedHint: false
   });

package/build/custom-select-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_downshift","_classnames","_interopRequireDefault","_icons","_i18n","_deprecated","_visuallyHidden","_selectControlStyles","_chevronDown","_styles","_baseControlStyles","itemToString","item","name","stateReducer","selectedItem","type","changes","props","items","useSelect","stateChangeTypes","ToggleButtonKeyDownArrowDown","Math","min","indexOf","length","ToggleButtonKeyDownArrowUp","max","CustomSelectControl","__next36pxDefaultSize","__nextUnconstrainedWidth","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","useState","handleOnFocus","e","handleOnBlur","deprecated","since","version","hint","getDescribedBy","__","sprintf","menuProps","onKeyDownHandler","useCallback","stopPropagation","onKeyDown","startsWith","createElement","classnames","VisuallyHidden","as","StyledLabel","InputBaseWithBackCompatMinWidth","__unstableInputWidth","labelPosition","suffix","default","Select","selectSize","__experimentalHint","map","index","key","style","Icon","icon","check","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';\nimport deprecated from '@wordpress/deprecated';\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 { InputBaseWithBackCompatMinWidth } from './styles';\nimport { StyledLabel } from '../base-control/styles/base-control-styles';\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__next36pxDefaultSize = false,\n\t\t/** Start opting into the unconstrained width that will become the default in a future version. */\n\t\t__nextUnconstrainedWidth = 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} = 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\tif ( ! __nextUnconstrainedWidth ) {\n\t\tdeprecated(\n\t\t\t'Constrained width styles for wp.components.CustomSelectControl',\n\t\t\t{\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextUnconstrainedWidth` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\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<InputBaseWithBackCompatMinWidth\n\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t__nextUnconstrainedWidth={ __nextUnconstrainedWidth }\n\t\t\t\tisFocused={ isOpen || isFocused }\n\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t__nextUnconstrainedWidth ? undefined : 'auto'\n\t\t\t\t}\n\t\t\t\tlabelPosition={ __nextUnconstrainedWidth ? undefined : 'top' }\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__next36pxDefaultSize={ __next36pxDefaultSize }\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</InputBaseWithBackCompatMinWidth>\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-36px-default-size':\n\t\t\t\t\t\t\t\t\t\t\t__next36pxDefaultSize,\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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"}
+{"version":3,"names":["_downshift","require","_classnames","_interopRequireDefault","_icons","_i18n","_element","_deprecated","_visuallyHidden","_selectControlStyles","_chevronDown","_styles","_baseControlStyles","_useDeprecatedProps","itemToString","item","name","stateReducer","selectedItem","type","changes","props","items","useSelect","stateChangeTypes","ToggleButtonKeyDownArrowDown","Math","min","indexOf","length","ToggleButtonKeyDownArrowUp","max","CustomSelectControl","__next40pxDefaultSize","__nextUnconstrainedWidth","className","hideLabelFromVision","label","describedBy","options","onChange","onSelectedItemChange","size","value","_selectedItem","onMouseOver","onMouseOut","onFocus","onBlur","__experimentalShowSelectedHint","useDeprecated36pxDefaultSizeProp","getLabelProps","getToggleButtonProps","getMenuProps","getItemProps","isOpen","highlightedIndex","initialSelectedItem","undefined","isFocused","setIsFocused","useState","handleOnFocus","e","handleOnBlur","deprecated","since","version","hint","getDescribedBy","__","sprintf","menuProps","onKeyDownHandler","useCallback","stopPropagation","onKeyDown","startsWith","_react","createElement","classnames","VisuallyHidden","as","StyledLabel","InputBaseWithBackCompatMinWidth","__unstableInputWidth","labelPosition","suffix","default","Select","selectSize","__experimentalHint","map","index","key","style","Icon","icon","check","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';\nimport deprecated from '@wordpress/deprecated';\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 { InputBaseWithBackCompatMinWidth } from './styles';\nimport { StyledLabel } from '../base-control/styles/base-control-styles';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\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\t/** Start opting into the unconstrained width that will become the default in a future version. */\n\t\t__nextUnconstrainedWidth = 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(\n\t\tprops,\n\t\t'wp.components.CustomSelectControl',\n\t\t'6.4'\n\t);\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\tif ( ! __nextUnconstrainedWidth ) {\n\t\tdeprecated(\n\t\t\t'Constrained width styles for wp.components.CustomSelectControl',\n\t\t\t{\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextUnconstrainedWidth` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\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<InputBaseWithBackCompatMinWidth\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__nextUnconstrainedWidth={ __nextUnconstrainedWidth }\n\t\t\t\tisFocused={ isOpen || isFocused }\n\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t__nextUnconstrainedWidth ? undefined : 'auto'\n\t\t\t\t}\n\t\t\t\tlabelPosition={ __nextUnconstrainedWidth ? undefined : 'top' }\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</InputBaseWithBackCompatMinWidth>\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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"}

package/build/dashicon/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 /**
  * @typedef OwnProps
  *
@@ -39,7 +39,7 @@ function Dashicon({
     ...sizeStyles,
     ...style
   };
-  return (0, _element.createElement)("span", {
+  return (0, _react.createElement)("span", {
     className: iconClass,
     style: styles,
     ...extraProps

package/build/dashicon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dashicon","icon","className","size","style","extraProps","iconClass","filter","Boolean","join","sizeStyles","fontSize","width","height","styles","_element","createElement","_default","exports","default"],"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 '../ui/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,OAAO,IAAAW,QAAA,CAAAC,aAAA;IAAMd,SAAS,EAAGI,SAAW;IAACF,KAAK,EAAGU,MAAQ;IAAA,GAAMT;EAAU,CAAI,CAAC;AAC3E;AAAC,IAAAY,QAAA,GAEcjB,QAAQ;AAAAkB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["Dashicon","icon","className","size","style","extraProps","iconClass","filter","Boolean","join","sizeStyles","fontSize","width","height","styles","_react","createElement","_default","exports","default"],"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,OAAO,IAAAW,MAAA,CAAAC,aAAA;IAAMd,SAAS,EAAGI,SAAW;IAACF,KAAK,EAAGU,MAAQ;IAAA,GAAMT;EAAU,CAAI,CAAC;AAC3E;AAAC,IAAAY,QAAA,GAEcjB,QAAQ;AAAAkB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/dashicon/index.native.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var dashicons = _interopRequireWildcard(require("../mobile/dashicons"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -22,7 +22,7 @@ function Dashicon({
   icon,
   ...extraProps
 }) {
-  return (0, _element.createElement)(_components.Icon, {
+  return (0, _react.createElement)(_components.Icon, {
     icon: dashicons[icon] || dashicons.empty,
     ...extraProps
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","dashicons","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Dashicon","icon","extraProps","_element","createElement","Icon","empty","_default","exports"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAiD,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAF,wBAAAM,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AARjD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,SAASW,QAAQA,CAAE;EAAEC,IAAI;EAAE,GAAGC;AAAW,CAAC,EAAG;EAC5C,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAC9B,WAAA,CAAA+B,IAAI;IAACJ,IAAI,EAAGzB,SAAS,CAAEyB,IAAI,CAAE,IAAIzB,SAAS,CAAC8B,KAAO;IAAA,GAAMJ;EAAU,CAAI,CAAC;AAE1E;AAAC,IAAAK,QAAA,GAEcP,QAAQ;AAAAQ,OAAA,CAAAvB,OAAA,GAAAsB,QAAA"}
+{"version":3,"names":["_components","require","dashicons","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Dashicon","icon","extraProps","_react","createElement","Icon","empty","_default","exports"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAiD,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAF,wBAAAM,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AARjD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,SAASW,QAAQA,CAAE;EAAEC,IAAI;EAAE,GAAGC;AAAW,CAAC,EAAG;EAC5C,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC9B,WAAA,CAAA+B,IAAI;IAACJ,IAAI,EAAGzB,SAAS,CAAEyB,IAAI,CAAE,IAAIzB,SAAS,CAAC8B,KAAO;IAAA,GAAMJ;EAAU,CAAI,CAAC;AAE1E;AAAC,IAAAK,QAAA,GAEcP,QAAQ;AAAAQ,OAAA,CAAAvB,OAAA,GAAAsB,QAAA"}

package/build/date-time/date/index.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DatePicker = DatePicker;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _useLilius = require("use-lilius");
 var _dateFns = require("date-fns");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _date = require("@wordpress/date");
+var _element = require("@wordpress/element");
 var _styles = require("./styles");
 var _utils = require("../utils");
 var _button = _interopRequireDefault(require("../../button"));
@@ -83,11 +84,11 @@ function DatePicker({
     setViewing((0, _dateFns.startOfDay)(date));
     setFocusable((0, _dateFns.startOfDay)(date));
   }
-  return (0, _element.createElement)(_styles.Wrapper, {
+  return (0, _react.createElement)(_styles.Wrapper, {
     className: "components-datetime__date",
     role: "application",
     "aria-label": (0, _i18n.__)('Calendar')
-  }, (0, _element.createElement)(_styles.Navigator, null, (0, _element.createElement)(_button.default, {
+  }, (0, _react.createElement)(_styles.Navigator, null, (0, _react.createElement)(_button.default, {
     icon: (0, _i18n.isRTL)() ? _icons.arrowRight : _icons.arrowLeft,
     variant: "tertiary",
     "aria-label": (0, _i18n.__)('View previous month'),
@@ -96,9 +97,9 @@ function DatePicker({
       setFocusable((0, _dateFns.subMonths)(focusable, 1));
       onMonthPreviewed?.((0, _dateFns.format)((0, _dateFns.subMonths)(viewing, 1), _constants.TIMEZONELESS_FORMAT));
     }
-  }), (0, _element.createElement)(_styles.NavigatorHeading, {
+  }), (0, _react.createElement)(_styles.NavigatorHeading, {
     level: 3
-  }, (0, _element.createElement)("strong", null, (0, _date.dateI18n)('F', viewing, -viewing.getTimezoneOffset())), ' ', (0, _date.dateI18n)('Y', viewing, -viewing.getTimezoneOffset())), (0, _element.createElement)(_button.default, {
+  }, (0, _react.createElement)("strong", null, (0, _date.dateI18n)('F', viewing, -viewing.getTimezoneOffset())), ' ', (0, _date.dateI18n)('Y', viewing, -viewing.getTimezoneOffset())), (0, _react.createElement)(_button.default, {
     icon: (0, _i18n.isRTL)() ? _icons.arrowLeft : _icons.arrowRight,
     variant: "tertiary",
     "aria-label": (0, _i18n.__)('View next month'),
@@ -107,16 +108,16 @@ function DatePicker({
       setFocusable((0, _dateFns.addMonths)(focusable, 1));
       onMonthPreviewed?.((0, _dateFns.format)((0, _dateFns.addMonths)(viewing, 1), _constants.TIMEZONELESS_FORMAT));
     }
-  })), (0, _element.createElement)(_styles.Calendar, {
+  })), (0, _react.createElement)(_styles.Calendar, {
     onFocus: () => setIsFocusWithinCalendar(true),
     onBlur: () => setIsFocusWithinCalendar(false)
-  }, calendar[0][0].map(day => (0, _element.createElement)(_styles.DayOfWeek, {
+  }, calendar[0][0].map(day => (0, _react.createElement)(_styles.DayOfWeek, {
     key: day.toString()
   }, (0, _date.dateI18n)('D', day, -day.getTimezoneOffset()))), calendar[0].map(week => week.map((day, index) => {
     if (!(0, _dateFns.isSameMonth)(day, viewing)) {
       return null;
     }
-    return (0, _element.createElement)(Day, {
+    return (0, _react.createElement)(Day, {
       key: day.toString(),
       day: day,
       column: index + 1,
@@ -196,7 +197,7 @@ function Day({
     // an already focused element.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isFocusable]);
-  return (0, _element.createElement)(_styles.DayButton, {
+  return (0, _react.createElement)(_styles.DayButton, {
     ref: ref,
     className: "components-datetime__date__day" // Unused, for backwards compatibility.
     ,

package/build/date-time/date/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_useLilius","_dateFns","_i18n","_icons","_date","_styles","_utils","_button","_interopRequireDefault","_constants","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","startOfWeek","weekStartsOn","date","inputToDate","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","useLilius","selected","startOfDay","focusable","setFocusable","useState","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","createElement","Wrapper","className","role","__","Navigator","default","icon","isRTL","arrowRight","arrowLeft","variant","onClick","subMonths","format","TIMEZONELESS_FORMAT","NavigatorHeading","level","dateI18n","getTimezoneOffset","addMonths","Calendar","onFocus","onBlur","map","day","DayOfWeek","key","toString","week","index","isSameMonth","Day","column","isFocusable","isEqual","isFocusAllowed","isToday","isSameDay","isInvalid","numEvents","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","onKeyDown","nextFocusable","addDays","subWeeks","addWeeks","endOfWeek","preventDefault","ref","useRef","useEffect","current","focus","DayButton","disabled","tabIndex","getDayLabel","hasEvents","formats","getSettings","localizedDate","sprintf","_n","_default","exports"],"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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"}
+{"version":3,"names":["_useLilius","require","_dateFns","_i18n","_icons","_date","_element","_styles","_utils","_button","_interopRequireDefault","_constants","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","startOfWeek","weekStartsOn","date","inputToDate","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","useLilius","selected","startOfDay","focusable","setFocusable","useState","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","_react","createElement","Wrapper","className","role","__","Navigator","default","icon","isRTL","arrowRight","arrowLeft","variant","onClick","subMonths","format","TIMEZONELESS_FORMAT","NavigatorHeading","level","dateI18n","getTimezoneOffset","addMonths","Calendar","onFocus","onBlur","map","day","DayOfWeek","key","toString","week","index","isSameMonth","Day","column","isFocusable","isEqual","isFocusAllowed","isToday","isSameDay","isInvalid","numEvents","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","onKeyDown","nextFocusable","addDays","subWeeks","addWeeks","endOfWeek","preventDefault","ref","useRef","useEffect","current","focus","DayButton","disabled","tabIndex","getDayLabel","hasEvents","formats","getSettings","localizedDate","sprintf","_n","_default","exports"],"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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"}