@wordpress/components 25.0.0 → 25.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/date/index.tsx"],"names":["DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","startOfWeek","weekStartsOn","date","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","selected","focusable","setFocusable","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","arrowRight","arrowLeft","TIMEZONELESS_FORMAT","getTimezoneOffset","map","day","toString","week","index","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","nextFocusable","key","preventDefault","Day","column","isFocusable","isFocusAllowed","isToday","isInvalid","numEvents","onClick","onKeyDown","ref","current","focus","getDayLabel","formats","localizedDate"],"mappings":"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","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"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/date/index.tsx"],"names":["DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","startOfWeek","weekStartsOn","date","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","selected","focusable","setFocusable","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","arrowRight","arrowLeft","TIMEZONELESS_FORMAT","getTimezoneOffset","map","day","toString","week","index","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","nextFocusable","key","preventDefault","Day","column","isFocusable","isFocusAllowed","isToday","isInvalid","numEvents","onClick","onKeyDown","ref","current","focus","getDayLabel","formats","localizedDate"],"mappings":"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","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"]}

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

@@ -41,16 +41,15 @@ var _styles = require("./styles");
  */
 const noop = () => {};
 
-function UnforwardedDateTimePicker(_ref, ref) {
-  let {
-    currentDate,
-    is12Hour,
-    isInvalidDate,
-    onMonthPreviewed = noop,
-    onChange,
-    events,
-    startOfWeek
-  } = _ref;
+function UnforwardedDateTimePicker({
+  currentDate,
+  is12Hour,
+  isInvalidDate,
+  onMonthPreviewed = noop,
+  onChange,
+  events,
+  startOfWeek
+}, ref) {
   return (0, _element.createElement)(_styles.Wrapper, {
     ref: ref,
     className: "components-datetime",

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/date-time/index.tsx"],"names":["noop","UnforwardedDateTimePicker","ref","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","startOfWeek","DateTimePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA;;AAMA;;AACA;;AAEA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAQA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,yBAAT,OAUCC,GAVD,EAWE;AAAA,MAVD;AACCC,IAAAA,WADD;AAECC,IAAAA,QAFD;AAGCC,IAAAA,aAHD;AAICC,IAAAA,gBAAgB,GAAGN,IAJpB;AAKCO,IAAAA,QALD;AAMCC,IAAAA,MAND;AAOCC,IAAAA;AAPD,GAUC;AACD,SACC,4BAAC,eAAD;AAAS,IAAA,GAAG,EAAGP,GAAf;AAAqB,IAAA,SAAS,EAAC,qBAA/B;AAAqD,IAAA,OAAO,EAAG;AAA/D,KACC,qDACC,4BAAC,aAAD;AACC,IAAA,WAAW,EAAGC,WADf;AAEC,IAAA,QAAQ,EAAGI,QAFZ;AAGC,IAAA,QAAQ,EAAGH;AAHZ,IADD,EAMC,4BAAC,aAAD;AACC,IAAA,WAAW,EAAGD,WADf;AAEC,IAAA,QAAQ,EAAGI,QAFZ;AAGC,IAAA,aAAa,EAAGF,aAHjB;AAIC,IAAA,MAAM,EAAGG,MAJV;AAKC,IAAA,gBAAgB,EAAGF,gBALpB;AAMC,IAAA,WAAW,EAAGG;AANf,IAND,CADD,CADD;AAmBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMC,cAAc,GAAG,yBAAYT,yBAAZ,CAAvB;;eAEQS,c","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { default as DatePicker } from '../date';\nimport { default as TimePicker } from '../time';\nimport type { DateTimePickerProps } from '../types';\nimport { Wrapper } from './styles';\n\nexport { DatePicker, TimePicker };\n\nconst noop = () => {};\n\nfunction UnforwardedDateTimePicker(\n\t{\n\t\tcurrentDate,\n\t\tis12Hour,\n\t\tisInvalidDate,\n\t\tonMonthPreviewed = noop,\n\t\tonChange,\n\t\tevents,\n\t\tstartOfWeek,\n\t}: DateTimePickerProps,\n\tref: ForwardedRef< any >\n) {\n\treturn (\n\t\t<Wrapper ref={ ref } className=\"components-datetime\" spacing={ 4 }>\n\t\t\t<>\n\t\t\t\t<TimePicker\n\t\t\t\t\tcurrentTime={ currentDate }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tis12Hour={ is12Hour }\n\t\t\t\t/>\n\t\t\t\t<DatePicker\n\t\t\t\t\tcurrentDate={ currentDate }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisInvalidDate={ isInvalidDate }\n\t\t\t\t\tevents={ events }\n\t\t\t\t\tonMonthPreviewed={ onMonthPreviewed }\n\t\t\t\t\tstartOfWeek={ startOfWeek }\n\t\t\t\t/>\n\t\t\t</>\n\t\t</Wrapper>\n\t);\n}\n\n/**\n * DateTimePicker is a React component that renders a calendar and clock for\n * date and time selection. The calendar and clock components can be accessed\n * individually using the `DatePicker` and `TimePicker` components respectively.\n *\n * ```jsx\n * import { DateTimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDateTimePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DateTimePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport const DateTimePicker = forwardRef( UnforwardedDateTimePicker );\n\nexport default DateTimePicker;\n"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/date-time/index.tsx"],"names":["noop","UnforwardedDateTimePicker","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","startOfWeek","ref","DateTimePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA;;AAMA;;AACA;;AAEA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAQA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,yBAAT,CACC;AACCC,EAAAA,WADD;AAECC,EAAAA,QAFD;AAGCC,EAAAA,aAHD;AAICC,EAAAA,gBAAgB,GAAGL,IAJpB;AAKCM,EAAAA,QALD;AAMCC,EAAAA,MAND;AAOCC,EAAAA;AAPD,CADD,EAUCC,GAVD,EAWE;AACD,SACC,4BAAC,eAAD;AAAS,IAAA,GAAG,EAAGA,GAAf;AAAqB,IAAA,SAAS,EAAC,qBAA/B;AAAqD,IAAA,OAAO,EAAG;AAA/D,KACC,qDACC,4BAAC,aAAD;AACC,IAAA,WAAW,EAAGP,WADf;AAEC,IAAA,QAAQ,EAAGI,QAFZ;AAGC,IAAA,QAAQ,EAAGH;AAHZ,IADD,EAMC,4BAAC,aAAD;AACC,IAAA,WAAW,EAAGD,WADf;AAEC,IAAA,QAAQ,EAAGI,QAFZ;AAGC,IAAA,aAAa,EAAGF,aAHjB;AAIC,IAAA,MAAM,EAAGG,MAJV;AAKC,IAAA,gBAAgB,EAAGF,gBALpB;AAMC,IAAA,WAAW,EAAGG;AANf,IAND,CADD,CADD;AAmBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAME,cAAc,GAAG,yBAAYT,yBAAZ,CAAvB;;eAEQS,c","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { default as DatePicker } from '../date';\nimport { default as TimePicker } from '../time';\nimport type { DateTimePickerProps } from '../types';\nimport { Wrapper } from './styles';\n\nexport { DatePicker, TimePicker };\n\nconst noop = () => {};\n\nfunction UnforwardedDateTimePicker(\n\t{\n\t\tcurrentDate,\n\t\tis12Hour,\n\t\tisInvalidDate,\n\t\tonMonthPreviewed = noop,\n\t\tonChange,\n\t\tevents,\n\t\tstartOfWeek,\n\t}: DateTimePickerProps,\n\tref: ForwardedRef< any >\n) {\n\treturn (\n\t\t<Wrapper ref={ ref } className=\"components-datetime\" spacing={ 4 }>\n\t\t\t<>\n\t\t\t\t<TimePicker\n\t\t\t\t\tcurrentTime={ currentDate }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tis12Hour={ is12Hour }\n\t\t\t\t/>\n\t\t\t\t<DatePicker\n\t\t\t\t\tcurrentDate={ currentDate }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisInvalidDate={ isInvalidDate }\n\t\t\t\t\tevents={ events }\n\t\t\t\t\tonMonthPreviewed={ onMonthPreviewed }\n\t\t\t\t\tstartOfWeek={ startOfWeek }\n\t\t\t\t/>\n\t\t\t</>\n\t\t</Wrapper>\n\t);\n}\n\n/**\n * DateTimePicker is a React component that renders a calendar and clock for\n * date and time selection. The calendar and clock components can be accessed\n * individually using the `DatePicker` and `TimePicker` components respectively.\n *\n * ```jsx\n * import { DateTimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDateTimePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DateTimePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport const DateTimePicker = forwardRef( UnforwardedDateTimePicker );\n\nexport default DateTimePicker;\n"]}

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

@@ -93,12 +93,11 @@ function buildPadInputStateReducer(pad) {
  */
 
 
-function TimePicker(_ref) {
-  let {
-    is12Hour,
-    currentTime,
-    onChange
-  } = _ref;
+function TimePicker({
+  is12Hour,
+  currentTime,
+  onChange
+}) {
   const [date, setDate] = (0, _element.useState)(() => // Truncate the date at the minutes, see: #15495.
   currentTime ? (0, _dateFns.startOfMinute)((0, _utils.inputToDate)(currentTime)) : new Date()); // Reset the state when currentTime changed.
   // TODO: useEffect() shouldn't be used like this, causes an unnecessary render
@@ -123,11 +122,9 @@ function TimePicker(_ref) {
   }), [date, is12Hour]);
 
   const buildNumberControlChangeCallback = method => {
-    const callback = (value, _ref2) => {
-      let {
-        event
-      } = _ref2;
-
+    const callback = (value, {
+      event
+    }) => {
       if (!(event.target instanceof HTMLInputElement)) {
         return;
       }
@@ -149,7 +146,7 @@ function TimePicker(_ref) {
         [method]: numberValue
       });
       setDate(newDate);
-      onChange === null || onChange === void 0 ? void 0 : onChange((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
+      onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
     };
 
     return callback;
@@ -164,7 +161,7 @@ function TimePicker(_ref) {
       const parsedHours = parseInt(hours, 10);
       const newDate = (0, _dateFns.setHours)(date, from12hTo24h(parsedHours, value === 'PM'));
       setDate(newDate);
-      onChange === null || onChange === void 0 ? void 0 : onChange((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
+      onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
     };
   }
 
@@ -232,7 +229,7 @@ function TimePicker(_ref) {
     onChange: value => {
       const newDate = (0, _dateFns.setMonth)(date, Number(value) - 1);
       setDate(newDate);
-      onChange === null || onChange === void 0 ? void 0 : onChange((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
+      onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
     }
   }));
   return (0, _element.createElement)(_styles.Wrapper, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/time/index.tsx"],"names":["from12hTo24h","hours","isPm","buildPadInputStateReducer","pad","state","action","nextState","type","COMMIT","PRESS_UP","PRESS_DOWN","value","undefined","toString","padStart","TimePicker","is12Hour","currentTime","onChange","date","setDate","Date","day","month","year","minutes","am","buildNumberControlChangeCallback","method","callback","event","target","HTMLInputElement","validity","valid","numberValue","Number","newDate","TIMEZONELESS_FORMAT","buildAmPmChangeCallback","parsedHours","parseInt","dayField","monthField","label"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { startOfMinute, format, set, setHours, setMonth } from 'date-fns';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../../base-control';\nimport Button from '../../button';\nimport ButtonGroup from '../../button-group';\nimport TimeZone from './timezone';\nimport type { TimePickerProps } from '../types';\nimport {\n\tWrapper,\n\tFieldset,\n\tHoursInput,\n\tTimeSeparator,\n\tMinutesInput,\n\tMonthSelectWrapper,\n\tMonthSelect,\n\tDayInput,\n\tYearInput,\n\tTimeWrapper,\n} from './styles';\nimport { HStack } from '../../h-stack';\nimport { Spacer } from '../../spacer';\nimport type { InputChangeCallback } from '../../input-control/types';\nimport type { InputState } from '../../input-control/reducer/state';\nimport {\n\tCOMMIT,\n\tInputAction,\n\tPRESS_DOWN,\n\tPRESS_UP,\n} from '../../input-control/reducer/actions';\nimport { inputToDate } from '../utils';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\nfunction from12hTo24h( hours: number, isPm: boolean ) {\n\treturn isPm ? ( ( hours % 12 ) + 12 ) % 24 : hours % 12;\n}\n\n/**\n * Creates an InputControl reducer used to pad an input so that it is always a\n * given width. For example, the hours and minutes inputs are padded to 2 so\n * that '4' appears as '04'.\n *\n * @param pad How many digits the value should be.\n */\nfunction buildPadInputStateReducer( pad: number ) {\n\treturn ( state: InputState, action: InputAction ) => {\n\t\tconst nextState = { ...state };\n\t\tif (\n\t\t\taction.type === COMMIT ||\n\t\t\taction.type === PRESS_UP ||\n\t\t\taction.type === PRESS_DOWN\n\t\t) {\n\t\t\tif ( nextState.value !== undefined ) {\n\t\t\t\tnextState.value = nextState.value\n\t\t\t\t\t.toString()\n\t\t\t\t\t.padStart( pad, '0' );\n\t\t\t}\n\t\t}\n\t\treturn nextState;\n\t};\n}\n\n/**\n * TimePicker is a React component that renders a clock for time selection.\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimePicker = () => {\n *   const [ time, setTime ] = useState( new Date() );\n *\n *   return (\n *     <TimePicker\n *       currentTime={ date }\n *       onChange={ ( newTime ) => setTime( newTime ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport function TimePicker( {\n\tis12Hour,\n\tcurrentTime,\n\tonChange,\n}: TimePickerProps ) {\n\tconst [ date, setDate ] = useState( () =>\n\t\t// Truncate the date at the minutes, see: #15495.\n\t\tcurrentTime ? startOfMinute( inputToDate( currentTime ) ) : new Date()\n\t);\n\n\t// Reset the state when currentTime changed.\n\t// TODO: useEffect() shouldn't be used like this, causes an unnecessary render\n\tuseEffect( () => {\n\t\tsetDate(\n\t\t\tcurrentTime\n\t\t\t\t? startOfMinute( inputToDate( currentTime ) )\n\t\t\t\t: new Date()\n\t\t);\n\t}, [ currentTime ] );\n\n\tconst { day, month, year, minutes, hours, am } = useMemo(\n\t\t() => ( {\n\t\t\tday: format( date, 'dd' ),\n\t\t\tmonth: format( date, 'MM' ),\n\t\t\tyear: format( date, 'yyyy' ),\n\t\t\tminutes: format( date, 'mm' ),\n\t\t\thours: format( date, is12Hour ? 'hh' : 'HH' ),\n\t\t\tam: format( date, 'a' ),\n\t\t} ),\n\t\t[ date, is12Hour ]\n\t);\n\n\tconst buildNumberControlChangeCallback = (\n\t\tmethod: 'hours' | 'minutes' | 'date' | 'year'\n\t) => {\n\t\tconst callback: InputChangeCallback = ( value, { event } ) => {\n\t\t\tif ( ! ( event.target instanceof HTMLInputElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( ! event.target.validity.valid ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// We can safely assume value is a number if target is valid.\n\t\t\tlet numberValue = Number( value );\n\n\t\t\t// If the 12-hour format is being used and the 'PM' period is\n\t\t\t// selected, then the incoming value (which ranges 1-12) should be\n\t\t\t// increased by 12 to match the expected 24-hour format.\n\t\t\tif ( method === 'hours' && is12Hour ) {\n\t\t\t\tnumberValue = from12hTo24h( numberValue, am === 'PM' );\n\t\t\t}\n\n\t\t\tconst newDate = set( date, { [ method ]: numberValue } );\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t\treturn callback;\n\t};\n\n\tfunction buildAmPmChangeCallback( value: 'AM' | 'PM' ) {\n\t\treturn () => {\n\t\t\tif ( am === value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst parsedHours = parseInt( hours, 10 );\n\n\t\t\tconst newDate = setHours(\n\t\t\t\tdate,\n\t\t\t\tfrom12hTo24h( parsedHours, value === 'PM' )\n\t\t\t);\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t}\n\n\tconst dayField = (\n\t\t<DayInput\n\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-day\" // Unused, for backwards compatibility.\n\t\t\tlabel={ __( 'Day' ) }\n\t\t\thideLabelFromVision\n\t\t\t__next36pxDefaultSize\n\t\t\tvalue={ day }\n\t\t\tstep={ 1 }\n\t\t\tmin={ 1 }\n\t\t\tmax={ 31 }\n\t\t\trequired\n\t\t\tspinControls=\"none\"\n\t\t\tisPressEnterToChange\n\t\t\tisDragEnabled={ false }\n\t\t\tisShiftStepEnabled={ false }\n\t\t\tonChange={ buildNumberControlChangeCallback( 'date' ) }\n\t\t/>\n\t);\n\n\tconst monthField = (\n\t\t<MonthSelectWrapper>\n\t\t\t<MonthSelect\n\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-month\" // Unused, for backwards compatibility.\n\t\t\t\tlabel={ __( 'Month' ) }\n\t\t\t\thideLabelFromVision\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ month }\n\t\t\t\toptions={ [\n\t\t\t\t\t{ value: '01', label: __( 'January' ) },\n\t\t\t\t\t{ value: '02', label: __( 'February' ) },\n\t\t\t\t\t{ value: '03', label: __( 'March' ) },\n\t\t\t\t\t{ value: '04', label: __( 'April' ) },\n\t\t\t\t\t{ value: '05', label: __( 'May' ) },\n\t\t\t\t\t{ value: '06', label: __( 'June' ) },\n\t\t\t\t\t{ value: '07', label: __( 'July' ) },\n\t\t\t\t\t{ value: '08', label: __( 'August' ) },\n\t\t\t\t\t{ value: '09', label: __( 'September' ) },\n\t\t\t\t\t{ value: '10', label: __( 'October' ) },\n\t\t\t\t\t{ value: '11', label: __( 'November' ) },\n\t\t\t\t\t{ value: '12', label: __( 'December' ) },\n\t\t\t\t] }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst newDate = setMonth( date, Number( value ) - 1 );\n\t\t\t\t\tsetDate( newDate );\n\t\t\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</MonthSelectWrapper>\n\t);\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__time\" // Unused, for backwards compatibility.\n\t\t>\n\t\t\t<Fieldset>\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Time' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<TimeWrapper\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-time\" // Unused, for backwards compatibility.\n\t\t\t\t\t>\n\t\t\t\t\t\t<HoursInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-hours-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Hours' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ hours }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ is12Hour ? 1 : 0 }\n\t\t\t\t\t\t\tmax={ is12Hour ? 12 : 23 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'hours'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<TimeSeparator\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-separator\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t</TimeSeparator>\n\t\t\t\t\t\t<MinutesInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-minutes-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Minutes' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ minutes }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 59 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'minutes'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TimeWrapper>\n\t\t\t\t\t{ is12Hour && (\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-am-pm\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-am-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'AM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'AM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'AM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-pm-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'PM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'PM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'PM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<Spacer />\n\t\t\t\t\t<TimeZone />\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t\t<Fieldset>\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Date' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ is12Hour ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t<YearInput\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-year\" // Unused, for backwards compatibility.\n\t\t\t\t\t\tlabel={ __( 'Year' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\tvalue={ year }\n\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tmax={ 9999 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback( 'year' ) }\n\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t4\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t</Wrapper>\n\t);\n}\n\nexport default TimePicker;\n"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/time/index.tsx"],"names":["from12hTo24h","hours","isPm","buildPadInputStateReducer","pad","state","action","nextState","type","COMMIT","PRESS_UP","PRESS_DOWN","value","undefined","toString","padStart","TimePicker","is12Hour","currentTime","onChange","date","setDate","Date","day","month","year","minutes","am","buildNumberControlChangeCallback","method","callback","event","target","HTMLInputElement","validity","valid","numberValue","Number","newDate","TIMEZONELESS_FORMAT","buildAmPmChangeCallback","parsedHours","parseInt","dayField","monthField","label"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { startOfMinute, format, set, setHours, setMonth } from 'date-fns';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../../base-control';\nimport Button from '../../button';\nimport ButtonGroup from '../../button-group';\nimport TimeZone from './timezone';\nimport type { TimePickerProps } from '../types';\nimport {\n\tWrapper,\n\tFieldset,\n\tHoursInput,\n\tTimeSeparator,\n\tMinutesInput,\n\tMonthSelectWrapper,\n\tMonthSelect,\n\tDayInput,\n\tYearInput,\n\tTimeWrapper,\n} from './styles';\nimport { HStack } from '../../h-stack';\nimport { Spacer } from '../../spacer';\nimport type { InputChangeCallback } from '../../input-control/types';\nimport type { InputState } from '../../input-control/reducer/state';\nimport {\n\tCOMMIT,\n\tInputAction,\n\tPRESS_DOWN,\n\tPRESS_UP,\n} from '../../input-control/reducer/actions';\nimport { inputToDate } from '../utils';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\nfunction from12hTo24h( hours: number, isPm: boolean ) {\n\treturn isPm ? ( ( hours % 12 ) + 12 ) % 24 : hours % 12;\n}\n\n/**\n * Creates an InputControl reducer used to pad an input so that it is always a\n * given width. For example, the hours and minutes inputs are padded to 2 so\n * that '4' appears as '04'.\n *\n * @param pad How many digits the value should be.\n */\nfunction buildPadInputStateReducer( pad: number ) {\n\treturn ( state: InputState, action: InputAction ) => {\n\t\tconst nextState = { ...state };\n\t\tif (\n\t\t\taction.type === COMMIT ||\n\t\t\taction.type === PRESS_UP ||\n\t\t\taction.type === PRESS_DOWN\n\t\t) {\n\t\t\tif ( nextState.value !== undefined ) {\n\t\t\t\tnextState.value = nextState.value\n\t\t\t\t\t.toString()\n\t\t\t\t\t.padStart( pad, '0' );\n\t\t\t}\n\t\t}\n\t\treturn nextState;\n\t};\n}\n\n/**\n * TimePicker is a React component that renders a clock for time selection.\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimePicker = () => {\n *   const [ time, setTime ] = useState( new Date() );\n *\n *   return (\n *     <TimePicker\n *       currentTime={ date }\n *       onChange={ ( newTime ) => setTime( newTime ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport function TimePicker( {\n\tis12Hour,\n\tcurrentTime,\n\tonChange,\n}: TimePickerProps ) {\n\tconst [ date, setDate ] = useState( () =>\n\t\t// Truncate the date at the minutes, see: #15495.\n\t\tcurrentTime ? startOfMinute( inputToDate( currentTime ) ) : new Date()\n\t);\n\n\t// Reset the state when currentTime changed.\n\t// TODO: useEffect() shouldn't be used like this, causes an unnecessary render\n\tuseEffect( () => {\n\t\tsetDate(\n\t\t\tcurrentTime\n\t\t\t\t? startOfMinute( inputToDate( currentTime ) )\n\t\t\t\t: new Date()\n\t\t);\n\t}, [ currentTime ] );\n\n\tconst { day, month, year, minutes, hours, am } = useMemo(\n\t\t() => ( {\n\t\t\tday: format( date, 'dd' ),\n\t\t\tmonth: format( date, 'MM' ),\n\t\t\tyear: format( date, 'yyyy' ),\n\t\t\tminutes: format( date, 'mm' ),\n\t\t\thours: format( date, is12Hour ? 'hh' : 'HH' ),\n\t\t\tam: format( date, 'a' ),\n\t\t} ),\n\t\t[ date, is12Hour ]\n\t);\n\n\tconst buildNumberControlChangeCallback = (\n\t\tmethod: 'hours' | 'minutes' | 'date' | 'year'\n\t) => {\n\t\tconst callback: InputChangeCallback = ( value, { event } ) => {\n\t\t\tif ( ! ( event.target instanceof HTMLInputElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( ! event.target.validity.valid ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// We can safely assume value is a number if target is valid.\n\t\t\tlet numberValue = Number( value );\n\n\t\t\t// If the 12-hour format is being used and the 'PM' period is\n\t\t\t// selected, then the incoming value (which ranges 1-12) should be\n\t\t\t// increased by 12 to match the expected 24-hour format.\n\t\t\tif ( method === 'hours' && is12Hour ) {\n\t\t\t\tnumberValue = from12hTo24h( numberValue, am === 'PM' );\n\t\t\t}\n\n\t\t\tconst newDate = set( date, { [ method ]: numberValue } );\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t\treturn callback;\n\t};\n\n\tfunction buildAmPmChangeCallback( value: 'AM' | 'PM' ) {\n\t\treturn () => {\n\t\t\tif ( am === value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst parsedHours = parseInt( hours, 10 );\n\n\t\t\tconst newDate = setHours(\n\t\t\t\tdate,\n\t\t\t\tfrom12hTo24h( parsedHours, value === 'PM' )\n\t\t\t);\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t}\n\n\tconst dayField = (\n\t\t<DayInput\n\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-day\" // Unused, for backwards compatibility.\n\t\t\tlabel={ __( 'Day' ) }\n\t\t\thideLabelFromVision\n\t\t\t__next36pxDefaultSize\n\t\t\tvalue={ day }\n\t\t\tstep={ 1 }\n\t\t\tmin={ 1 }\n\t\t\tmax={ 31 }\n\t\t\trequired\n\t\t\tspinControls=\"none\"\n\t\t\tisPressEnterToChange\n\t\t\tisDragEnabled={ false }\n\t\t\tisShiftStepEnabled={ false }\n\t\t\tonChange={ buildNumberControlChangeCallback( 'date' ) }\n\t\t/>\n\t);\n\n\tconst monthField = (\n\t\t<MonthSelectWrapper>\n\t\t\t<MonthSelect\n\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-month\" // Unused, for backwards compatibility.\n\t\t\t\tlabel={ __( 'Month' ) }\n\t\t\t\thideLabelFromVision\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ month }\n\t\t\t\toptions={ [\n\t\t\t\t\t{ value: '01', label: __( 'January' ) },\n\t\t\t\t\t{ value: '02', label: __( 'February' ) },\n\t\t\t\t\t{ value: '03', label: __( 'March' ) },\n\t\t\t\t\t{ value: '04', label: __( 'April' ) },\n\t\t\t\t\t{ value: '05', label: __( 'May' ) },\n\t\t\t\t\t{ value: '06', label: __( 'June' ) },\n\t\t\t\t\t{ value: '07', label: __( 'July' ) },\n\t\t\t\t\t{ value: '08', label: __( 'August' ) },\n\t\t\t\t\t{ value: '09', label: __( 'September' ) },\n\t\t\t\t\t{ value: '10', label: __( 'October' ) },\n\t\t\t\t\t{ value: '11', label: __( 'November' ) },\n\t\t\t\t\t{ value: '12', label: __( 'December' ) },\n\t\t\t\t] }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst newDate = setMonth( date, Number( value ) - 1 );\n\t\t\t\t\tsetDate( newDate );\n\t\t\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</MonthSelectWrapper>\n\t);\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__time\" // Unused, for backwards compatibility.\n\t\t>\n\t\t\t<Fieldset>\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Time' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<TimeWrapper\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-time\" // Unused, for backwards compatibility.\n\t\t\t\t\t>\n\t\t\t\t\t\t<HoursInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-hours-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Hours' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ hours }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ is12Hour ? 1 : 0 }\n\t\t\t\t\t\t\tmax={ is12Hour ? 12 : 23 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'hours'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<TimeSeparator\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-separator\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t</TimeSeparator>\n\t\t\t\t\t\t<MinutesInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-minutes-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Minutes' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ minutes }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 59 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'minutes'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TimeWrapper>\n\t\t\t\t\t{ is12Hour && (\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-am-pm\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-am-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'AM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'AM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'AM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-pm-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'PM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'PM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'PM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<Spacer />\n\t\t\t\t\t<TimeZone />\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t\t<Fieldset>\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Date' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ is12Hour ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t<YearInput\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-year\" // Unused, for backwards compatibility.\n\t\t\t\t\t\tlabel={ __( 'Year' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\tvalue={ year }\n\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tmax={ 9999 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback( 'year' ) }\n\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t4\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t</Wrapper>\n\t);\n}\n\nexport default TimePicker;\n"]}

package/build/dimension-control/index.js

@@ -73,23 +73,20 @@ function DimensionControl(props) {
     const theSize = (0, _sizes.findSizeBySlug)(sizes, val);
 
     if (!theSize || value === theSize.slug) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+      onChange?.(undefined);
     } else if (typeof onChange === 'function') {
       onChange(theSize.slug);
     }
   };
 
   const formatSizesAsOptions = theSizes => {
-    const options = theSizes.map(_ref => {
-      let {
-        name,
-        slug
-      } = _ref;
-      return {
-        label: name,
-        value: slug
-      };
-    });
+    const options = theSizes.map(({
+      name,
+      slug
+    }) => ({
+      label: name,
+      value: slug
+    }));
     return [{
       label: (0, _i18n.__)('Default'),
       value: ''

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/dimension-control/index.tsx"],"names":["DimensionControl","props","label","value","sizes","sizesTable","icon","onChange","className","onChangeSpacingSize","val","theSize","slug","undefined","formatSizesAsOptions","theSizes","options","map","name","selectLabel"],"mappings":";;;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AACA;;;;;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,gBAAT,CAA2BC,KAA3B,EAA0D;AAChE,QAAM;AACLC,IAAAA,KADK;AAELC,IAAAA,KAFK;AAGLC,IAAAA,KAAK,GAAGC,cAHH;AAILC,IAAAA,IAJK;AAKLC,IAAAA,QALK;AAMLC,IAAAA,SAAS,GAAG;AANP,MAOFP,KAPJ;;AASA,QAAMQ,mBAAoE,GACvEC,GAAF,IAAW;AACV,UAAMC,OAAO,GAAG,2BAAgBP,KAAhB,EAAuBM,GAAvB,CAAhB;;AAEA,QAAK,CAAEC,OAAF,IAAaR,KAAK,KAAKQ,OAAO,CAACC,IAApC,EAA2C;AAC1CL,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAIM,SAAJ,CAAR;AACA,KAFD,MAEO,IAAK,OAAON,QAAP,KAAoB,UAAzB,EAAsC;AAC5CA,MAAAA,QAAQ,CAAEI,OAAO,CAACC,IAAV,CAAR;AACA;AACD,GATF;;AAWA,QAAME,oBAAoB,GAAKC,QAAF,IAAwB;AACpD,UAAMC,OAAO,GAAGD,QAAQ,CAACE,GAAT,CAAc;AAAA,UAAE;AAAEC,QAAAA,IAAF;AAAQN,QAAAA;AAAR,OAAF;AAAA,aAAwB;AACrDV,QAAAA,KAAK,EAAEgB,IAD8C;AAErDf,QAAAA,KAAK,EAAES;AAF8C,OAAxB;AAAA,KAAd,CAAhB;AAKA,WAAO,CACN;AACCV,MAAAA,KAAK,EAAE,cAAI,SAAJ,CADR;AAECC,MAAAA,KAAK,EAAE;AAFR,KADM,EAKN,GAAGa,OALG,CAAP;AAOA,GAbD;;AAeA,QAAMG,WAAW,GAChB,qDACGb,IAAI,IAAI,4BAAC,aAAD;AAAM,IAAA,IAAI,EAAGA;AAAb,IADX,EAEGJ,KAFH,CADD;AAOA,SACC,4BAAC,sBAAD;AACC,IAAA,SAAS,EAAG,yBACXM,SADW,EAEX,gCAFW,CADb;AAKC,IAAA,KAAK,EAAGW,WALT;AAMC,IAAA,mBAAmB,EAAG,KANvB;AAOC,IAAA,KAAK,EAAGhB,KAPT;AAQC,IAAA,QAAQ,EAAGM,mBARZ;AASC,IAAA,OAAO,EAAGK,oBAAoB,CAAEV,KAAF;AAT/B,IADD;AAaA;;eAEcJ,gB","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport SelectControl from '../select-control';\nimport sizesTable, { findSizeBySlug } from './sizes';\nimport type { DimensionControlProps, Size } from './types';\nimport type { SelectControlSingleSelectionProps } from '../select-control/types';\n\n/**\n * `DimensionControl` is a component designed to provide a UI to control spacing and/or dimensions.\n *\n * This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.\n *\n * ```jsx\n * import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * export default function MyCustomDimensionControl() {\n * \tconst [ paddingSize, setPaddingSize ] = useState( '' );\n *\n * \treturn (\n * \t\t<DimensionControl\n * \t\t\tlabel={ 'Padding' }\n * \t\t\ticon={ 'desktop' }\n * \t\t\tonChange={ ( value ) => setPaddingSize( value ) }\n * \t\t\tvalue={ paddingSize }\n * \t\t/>\n * \t);\n * }\n * ```\n */\nexport function DimensionControl( props: DimensionControlProps ) {\n\tconst {\n\t\tlabel,\n\t\tvalue,\n\t\tsizes = sizesTable,\n\t\ticon,\n\t\tonChange,\n\t\tclassName = '',\n\t} = props;\n\n\tconst onChangeSpacingSize: SelectControlSingleSelectionProps[ 'onChange' ] =\n\t\t( val ) => {\n\t\t\tconst theSize = findSizeBySlug( sizes, val );\n\n\t\t\tif ( ! theSize || value === theSize.slug ) {\n\t\t\t\tonChange?.( undefined );\n\t\t\t} else if ( typeof onChange === 'function' ) {\n\t\t\t\tonChange( theSize.slug );\n\t\t\t}\n\t\t};\n\n\tconst formatSizesAsOptions = ( theSizes: Size[] ) => {\n\t\tconst options = theSizes.map( ( { name, slug } ) => ( {\n\t\t\tlabel: name,\n\t\t\tvalue: slug,\n\t\t} ) );\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Default' ),\n\t\t\t\tvalue: '',\n\t\t\t},\n\t\t\t...options,\n\t\t];\n\t};\n\n\tconst selectLabel = (\n\t\t<>\n\t\t\t{ icon && <Icon icon={ icon } /> }\n\t\t\t{ label }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<SelectControl\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'block-editor-dimension-control'\n\t\t\t) }\n\t\t\tlabel={ selectLabel }\n\t\t\thideLabelFromVision={ false }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChangeSpacingSize }\n\t\t\toptions={ formatSizesAsOptions( sizes ) }\n\t\t/>\n\t);\n}\n\nexport default DimensionControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/dimension-control/index.tsx"],"names":["DimensionControl","props","label","value","sizes","sizesTable","icon","onChange","className","onChangeSpacingSize","val","theSize","slug","undefined","formatSizesAsOptions","theSizes","options","map","name","selectLabel"],"mappings":";;;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AACA;;;;;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,gBAAT,CAA2BC,KAA3B,EAA0D;AAChE,QAAM;AACLC,IAAAA,KADK;AAELC,IAAAA,KAFK;AAGLC,IAAAA,KAAK,GAAGC,cAHH;AAILC,IAAAA,IAJK;AAKLC,IAAAA,QALK;AAMLC,IAAAA,SAAS,GAAG;AANP,MAOFP,KAPJ;;AASA,QAAMQ,mBAAoE,GACvEC,GAAF,IAAW;AACV,UAAMC,OAAO,GAAG,2BAAgBP,KAAhB,EAAuBM,GAAvB,CAAhB;;AAEA,QAAK,CAAEC,OAAF,IAAaR,KAAK,KAAKQ,OAAO,CAACC,IAApC,EAA2C;AAC1CL,MAAAA,QAAQ,GAAIM,SAAJ,CAAR;AACA,KAFD,MAEO,IAAK,OAAON,QAAP,KAAoB,UAAzB,EAAsC;AAC5CA,MAAAA,QAAQ,CAAEI,OAAO,CAACC,IAAV,CAAR;AACA;AACD,GATF;;AAWA,QAAME,oBAAoB,GAAKC,QAAF,IAAwB;AACpD,UAAMC,OAAO,GAAGD,QAAQ,CAACE,GAAT,CAAc,CAAE;AAAEC,MAAAA,IAAF;AAAQN,MAAAA;AAAR,KAAF,MAAwB;AACrDV,MAAAA,KAAK,EAAEgB,IAD8C;AAErDf,MAAAA,KAAK,EAAES;AAF8C,KAAxB,CAAd,CAAhB;AAKA,WAAO,CACN;AACCV,MAAAA,KAAK,EAAE,cAAI,SAAJ,CADR;AAECC,MAAAA,KAAK,EAAE;AAFR,KADM,EAKN,GAAGa,OALG,CAAP;AAOA,GAbD;;AAeA,QAAMG,WAAW,GAChB,qDACGb,IAAI,IAAI,4BAAC,aAAD;AAAM,IAAA,IAAI,EAAGA;AAAb,IADX,EAEGJ,KAFH,CADD;AAOA,SACC,4BAAC,sBAAD;AACC,IAAA,SAAS,EAAG,yBACXM,SADW,EAEX,gCAFW,CADb;AAKC,IAAA,KAAK,EAAGW,WALT;AAMC,IAAA,mBAAmB,EAAG,KANvB;AAOC,IAAA,KAAK,EAAGhB,KAPT;AAQC,IAAA,QAAQ,EAAGM,mBARZ;AASC,IAAA,OAAO,EAAGK,oBAAoB,CAAEV,KAAF;AAT/B,IADD;AAaA;;eAEcJ,gB","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport SelectControl from '../select-control';\nimport sizesTable, { findSizeBySlug } from './sizes';\nimport type { DimensionControlProps, Size } from './types';\nimport type { SelectControlSingleSelectionProps } from '../select-control/types';\n\n/**\n * `DimensionControl` is a component designed to provide a UI to control spacing and/or dimensions.\n *\n * This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.\n *\n * ```jsx\n * import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * export default function MyCustomDimensionControl() {\n * \tconst [ paddingSize, setPaddingSize ] = useState( '' );\n *\n * \treturn (\n * \t\t<DimensionControl\n * \t\t\tlabel={ 'Padding' }\n * \t\t\ticon={ 'desktop' }\n * \t\t\tonChange={ ( value ) => setPaddingSize( value ) }\n * \t\t\tvalue={ paddingSize }\n * \t\t/>\n * \t);\n * }\n * ```\n */\nexport function DimensionControl( props: DimensionControlProps ) {\n\tconst {\n\t\tlabel,\n\t\tvalue,\n\t\tsizes = sizesTable,\n\t\ticon,\n\t\tonChange,\n\t\tclassName = '',\n\t} = props;\n\n\tconst onChangeSpacingSize: SelectControlSingleSelectionProps[ 'onChange' ] =\n\t\t( val ) => {\n\t\t\tconst theSize = findSizeBySlug( sizes, val );\n\n\t\t\tif ( ! theSize || value === theSize.slug ) {\n\t\t\t\tonChange?.( undefined );\n\t\t\t} else if ( typeof onChange === 'function' ) {\n\t\t\t\tonChange( theSize.slug );\n\t\t\t}\n\t\t};\n\n\tconst formatSizesAsOptions = ( theSizes: Size[] ) => {\n\t\tconst options = theSizes.map( ( { name, slug } ) => ( {\n\t\t\tlabel: name,\n\t\t\tvalue: slug,\n\t\t} ) );\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Default' ),\n\t\t\t\tvalue: '',\n\t\t\t},\n\t\t\t...options,\n\t\t];\n\t};\n\n\tconst selectLabel = (\n\t\t<>\n\t\t\t{ icon && <Icon icon={ icon } /> }\n\t\t\t{ label }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<SelectControl\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'block-editor-dimension-control'\n\t\t\t) }\n\t\t\tlabel={ selectLabel }\n\t\t\thideLabelFromVision={ false }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChangeSpacingSize }\n\t\t\toptions={ formatSizesAsOptions( sizes ) }\n\t\t/>\n\t);\n}\n\nexport default DimensionControl;\n"]}

package/build/disabled/index.js

@@ -65,13 +65,12 @@ const {
  * ```
  */
 
-function Disabled(_ref) {
-  let {
-    className,
-    children,
-    isDisabled = true,
-    ...props
-  } = _ref;
+function Disabled({
+  className,
+  children,
+  isDisabled = true,
+  ...props
+}) {
   const cx = (0, _utils.useCx)();
   return (0, _element.createElement)(Provider, {
     value: isDisabled

package/build/disabled/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/disabled/index.tsx"],"names":["Context","Consumer","Provider","Disabled","className","children","isDisabled","props","cx","undefined","disabledStyles"],"mappings":";;;;;;;;;AAGA;;;;AAKA;;AAGA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAMA,MAAMA,OAAO,GAAG,4BAA0B,KAA1B,CAAhB;AACA,MAAM;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,IAAyBF,OAA/B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASG,QAAT,OAKqD;AAAA,MALlC;AAClBC,IAAAA,SADkB;AAElBC,IAAAA,QAFkB;AAGlBC,IAAAA,UAAU,GAAG,IAHK;AAIlB,OAAGC;AAJe,GAKkC;AACpD,QAAMC,EAAE,GAAG,mBAAX;AAEA,SACC,4BAAC,QAAD;AAAU,IAAA,KAAK,EAAGF;AAAlB,KACC;AACC;AACA,IAAA,KAAK,EAAGA,UAAU,GAAG,MAAH,GAAYG,SAF/B;AAGC,IAAA,SAAS,EACRH,UAAU,GACPE,EAAE,CAAEE,8BAAF,EAAkBN,SAAlB,EAA6B,qBAA7B,CADK,GAEPK;AANL,KAQMF,KARN,GAUGF,QAVH,CADD,CADD;AAgBA;;AAEDF,QAAQ,CAACH,OAAT,GAAmBA,OAAnB;AACAG,QAAQ,CAACF,QAAT,GAAoBA,QAApB;eAEeE,Q","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { disabledStyles } from './styles/disabled-styles';\nimport type { DisabledProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\nimport { useCx } from '../utils';\n\nconst Context = createContext< boolean >( false );\nconst { Consumer, Provider } = Context;\n\n/**\n * `Disabled` is a component which disables descendant tabbable elements and\n * prevents pointer interaction.\n *\n * _Note: this component may not behave as expected in browsers that don't\n * support the `inert` HTML attribute. We recommend adding the official WICG\n * polyfill when using this component in your project._\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\n *\n * ```jsx\n * import { Button, Disabled, TextControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDisabled = () => {\n * \tconst [ isDisabled, setIsDisabled ] = useState( true );\n *\n * \tlet input = <TextControl label=\"Input\" onChange={ () => {} } />;\n * \tif ( isDisabled ) {\n * \t\tinput = <Disabled>{ input }</Disabled>;\n * \t}\n *\n * \tconst toggleDisabled = () => {\n * \t\tsetIsDisabled( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<div>\n * \t\t\t{ input }\n * \t\t\t<Button variant=\"primary\" onClick={ toggleDisabled }>\n * \t\t\t\tToggle Disabled\n * \t\t\t</Button>\n * \t\t</div>\n * \t);\n * };\n * ```\n */\nfunction Disabled( {\n\tclassName,\n\tchildren,\n\tisDisabled = true,\n\t...props\n}: WordPressComponentProps< DisabledProps, 'div' > ) {\n\tconst cx = useCx();\n\n\treturn (\n\t\t<Provider value={ isDisabled }>\n\t\t\t<div\n\t\t\t\t// @ts-ignore Reason: inert is a recent HTML attribute\n\t\t\t\tinert={ isDisabled ? 'true' : undefined }\n\t\t\t\tclassName={\n\t\t\t\t\tisDisabled\n\t\t\t\t\t\t? cx( disabledStyles, className, 'components-disabled' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Provider>\n\t);\n}\n\nDisabled.Context = Context;\nDisabled.Consumer = Consumer;\n\nexport default Disabled;\n"]}
+{"version":3,"sources":["@wordpress/components/src/disabled/index.tsx"],"names":["Context","Consumer","Provider","Disabled","className","children","isDisabled","props","cx","undefined","disabledStyles"],"mappings":";;;;;;;;;AAGA;;;;AAKA;;AAGA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAMA,MAAMA,OAAO,GAAG,4BAA0B,KAA1B,CAAhB;AACA,MAAM;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,IAAyBF,OAA/B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASG,QAAT,CAAmB;AAClBC,EAAAA,SADkB;AAElBC,EAAAA,QAFkB;AAGlBC,EAAAA,UAAU,GAAG,IAHK;AAIlB,KAAGC;AAJe,CAAnB,EAKqD;AACpD,QAAMC,EAAE,GAAG,mBAAX;AAEA,SACC,4BAAC,QAAD;AAAU,IAAA,KAAK,EAAGF;AAAlB,KACC;AACC;AACA,IAAA,KAAK,EAAGA,UAAU,GAAG,MAAH,GAAYG,SAF/B;AAGC,IAAA,SAAS,EACRH,UAAU,GACPE,EAAE,CAAEE,8BAAF,EAAkBN,SAAlB,EAA6B,qBAA7B,CADK,GAEPK;AANL,KAQMF,KARN,GAUGF,QAVH,CADD,CADD;AAgBA;;AAEDF,QAAQ,CAACH,OAAT,GAAmBA,OAAnB;AACAG,QAAQ,CAACF,QAAT,GAAoBA,QAApB;eAEeE,Q","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { disabledStyles } from './styles/disabled-styles';\nimport type { DisabledProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\nimport { useCx } from '../utils';\n\nconst Context = createContext< boolean >( false );\nconst { Consumer, Provider } = Context;\n\n/**\n * `Disabled` is a component which disables descendant tabbable elements and\n * prevents pointer interaction.\n *\n * _Note: this component may not behave as expected in browsers that don't\n * support the `inert` HTML attribute. We recommend adding the official WICG\n * polyfill when using this component in your project._\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\n *\n * ```jsx\n * import { Button, Disabled, TextControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDisabled = () => {\n * \tconst [ isDisabled, setIsDisabled ] = useState( true );\n *\n * \tlet input = <TextControl label=\"Input\" onChange={ () => {} } />;\n * \tif ( isDisabled ) {\n * \t\tinput = <Disabled>{ input }</Disabled>;\n * \t}\n *\n * \tconst toggleDisabled = () => {\n * \t\tsetIsDisabled( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<div>\n * \t\t\t{ input }\n * \t\t\t<Button variant=\"primary\" onClick={ toggleDisabled }>\n * \t\t\t\tToggle Disabled\n * \t\t\t</Button>\n * \t\t</div>\n * \t);\n * };\n * ```\n */\nfunction Disabled( {\n\tclassName,\n\tchildren,\n\tisDisabled = true,\n\t...props\n}: WordPressComponentProps< DisabledProps, 'div' > ) {\n\tconst cx = useCx();\n\n\treturn (\n\t\t<Provider value={ isDisabled }>\n\t\t\t<div\n\t\t\t\t// @ts-ignore Reason: inert is a recent HTML attribute\n\t\t\t\tinert={ isDisabled ? 'true' : undefined }\n\t\t\t\tclassName={\n\t\t\t\t\tisDisabled\n\t\t\t\t\t\t? cx( disabledStyles, className, 'components-disabled' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Provider>\n\t);\n}\n\nDisabled.Context = Context;\nDisabled.Consumer = Consumer;\n\nexport default Disabled;\n"]}

package/build/disabled/index.native.js

@@ -12,10 +12,9 @@ var _reactNative = require("react-native");
 /**
  * External dependencies
  */
-function Disabled(_ref) {
-  let {
-    children
-  } = _ref;
+function Disabled({
+  children
+}) {
   return (0, _element.createElement)(_reactNative.View, {
     pointerEvents: "none"
   }, children);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/disabled/index.native.js"],"names":["Disabled","children"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,SAASA,QAAT,OAAkC;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACjC,SAAO,4BAAC,iBAAD;AAAM,IAAA,aAAa,EAAC;AAApB,KAA6BA,QAA7B,CAAP;AACA;;eAEcD,Q","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\nfunction Disabled( { children } ) {\n\treturn <View pointerEvents=\"none\">{ children }</View>;\n}\n\nexport default Disabled;\n"]}
+{"version":3,"sources":["@wordpress/components/src/disabled/index.native.js"],"names":["Disabled","children"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,SAASA,QAAT,CAAmB;AAAEC,EAAAA;AAAF,CAAnB,EAAkC;AACjC,SAAO,4BAAC,iBAAD;AAAM,IAAA,aAAa,EAAC;AAApB,KAA6BA,QAA7B,CAAP;AACA;;eAEcD,Q","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\nfunction Disabled( { children } ) {\n\treturn <View pointerEvents=\"none\">{ children }</View>;\n}\n\nexport default Disabled;\n"]}

package/build/divider/styles.js

@@ -30,18 +30,15 @@ const MARGIN_DIRECTIONS = {
 // When both the generic `margin` and the specific `marginStart|marginEnd` props are defined,
 // the latter will take priority.
 
-const renderMargin = _ref2 => {
-  let {
-    'aria-orientation': orientation = 'horizontal',
-    margin,
-    marginStart,
-    marginEnd
-  } = _ref2;
-  return /*#__PURE__*/(0, _react.css)((0, _utils.rtl)({
-    [MARGIN_DIRECTIONS[orientation].start]: (0, _space.space)(marginStart !== null && marginStart !== void 0 ? marginStart : margin),
-    [MARGIN_DIRECTIONS[orientation].end]: (0, _space.space)(marginEnd !== null && marginEnd !== void 0 ? marginEnd : margin)
-  })(), process.env.NODE_ENV === "production" ? "" : ";label:renderMargin;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBEaXZpZGVyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgTUFSR0lOX0RJUkVDVElPTlM6IFJlY29yZDxcblx0Tm9uTnVsbGFibGU8IERpdmlkZXJQcm9wc1sgJ29yaWVudGF0aW9uJyBdID4sXG5cdFJlY29yZDwgJ3N0YXJ0JyB8ICdlbmQnLCBzdHJpbmcgPlxuPiA9IHtcblx0dmVydGljYWw6IHtcblx0XHRzdGFydDogJ21hcmdpbkxlZnQnLFxuXHRcdGVuZDogJ21hcmdpblJpZ2h0Jyxcblx0fSxcblx0aG9yaXpvbnRhbDoge1xuXHRcdHN0YXJ0OiAnbWFyZ2luVG9wJyxcblx0XHRlbmQ6ICdtYXJnaW5Cb3R0b20nLFxuXHR9LFxufTtcblxuLy8gUmVuZGVycyB0aGUgY29ycmVjdCBtYXJnaW5zIGdpdmVuIHRoZSBEaXZpZGVyJ3MgYG9yaWVudGF0aW9uYCBhbmQgdGhlIHdyaXRpbmcgZGlyZWN0aW9uLlxuLy8gV2hlbiBib3RoIHRoZSBnZW5lcmljIGBtYXJnaW5gIGFuZCB0aGUgc3BlY2lmaWMgYG1hcmdpblN0YXJ0fG1hcmdpbkVuZGAgcHJvcHMgYXJlIGRlZmluZWQsXG4vLyB0aGUgbGF0dGVyIHdpbGwgdGFrZSBwcmlvcml0eS5cbmNvbnN0IHJlbmRlck1hcmdpbiA9ICgge1xuXHQnYXJpYS1vcmllbnRhdGlvbic6IG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuXHRtYXJnaW4sXG5cdG1hcmdpblN0YXJ0LFxuXHRtYXJnaW5FbmQsXG59OiBEaXZpZGVyUHJvcHMgKSA9PlxuXHRjc3MoXG5cdFx0cnRsKCB7XG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLnN0YXJ0IF06IHNwYWNlKFxuXHRcdFx0XHRtYXJnaW5TdGFydCA/PyBtYXJnaW5cblx0XHRcdCksXG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLmVuZCBdOiBzcGFjZShcblx0XHRcdFx0bWFyZ2luRW5kID8/IG1hcmdpblxuXHRcdFx0KSxcblx0XHR9ICkoKVxuXHQpO1xuXG5jb25zdCByZW5kZXJEaXNwbGF5ID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1xuXHRcdD8gY3NzKCB7IGRpc3BsYXk6ICdpbmxpbmUnIH0gKVxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgcmVuZGVyQm9yZGVyID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBjc3MoIHtcblx0XHRbIG9yaWVudGF0aW9uID09PSAndmVydGljYWwnID8gJ2JvcmRlclJpZ2h0JyA6ICdib3JkZXJCb3R0b20nIF06XG5cdFx0XHQnMXB4IHNvbGlkIGN1cnJlbnRDb2xvcicsXG5cdH0gKTtcbn07XG5cbmNvbnN0IHJlbmRlclNpemUgPSAoIHtcblx0J2FyaWEtb3JpZW50YXRpb24nOiBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbn06IERpdmlkZXJQcm9wcyApID0+XG5cdGNzcygge1xuXHRcdGhlaWdodDogb3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnYXV0bycgOiAwLFxuXHRcdHdpZHRoOiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDAgOiAnYXV0bycsXG5cdH0gKTtcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJWaWV3ID0gc3R5bGVkLmhyPCBEaXZpZGVyUHJvcHMgPmBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDA7XG5cblx0JHsgcmVuZGVyRGlzcGxheSB9XG5cdCR7IHJlbmRlckJvcmRlciB9XG5cdCR7IHJlbmRlclNpemUgfVxuXHQkeyByZW5kZXJNYXJnaW4gfVxuYDtcbiJdfQ== */");
-};
+const renderMargin = ({
+  'aria-orientation': orientation = 'horizontal',
+  margin,
+  marginStart,
+  marginEnd
+}) => /*#__PURE__*/(0, _react.css)((0, _utils.rtl)({
+  [MARGIN_DIRECTIONS[orientation].start]: (0, _space.space)(marginStart !== null && marginStart !== void 0 ? marginStart : margin),
+  [MARGIN_DIRECTIONS[orientation].end]: (0, _space.space)(marginEnd !== null && marginEnd !== void 0 ? marginEnd : margin)
+})(), process.env.NODE_ENV === "production" ? "" : ";label:renderMargin;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBEaXZpZGVyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgTUFSR0lOX0RJUkVDVElPTlM6IFJlY29yZDxcblx0Tm9uTnVsbGFibGU8IERpdmlkZXJQcm9wc1sgJ29yaWVudGF0aW9uJyBdID4sXG5cdFJlY29yZDwgJ3N0YXJ0JyB8ICdlbmQnLCBzdHJpbmcgPlxuPiA9IHtcblx0dmVydGljYWw6IHtcblx0XHRzdGFydDogJ21hcmdpbkxlZnQnLFxuXHRcdGVuZDogJ21hcmdpblJpZ2h0Jyxcblx0fSxcblx0aG9yaXpvbnRhbDoge1xuXHRcdHN0YXJ0OiAnbWFyZ2luVG9wJyxcblx0XHRlbmQ6ICdtYXJnaW5Cb3R0b20nLFxuXHR9LFxufTtcblxuLy8gUmVuZGVycyB0aGUgY29ycmVjdCBtYXJnaW5zIGdpdmVuIHRoZSBEaXZpZGVyJ3MgYG9yaWVudGF0aW9uYCBhbmQgdGhlIHdyaXRpbmcgZGlyZWN0aW9uLlxuLy8gV2hlbiBib3RoIHRoZSBnZW5lcmljIGBtYXJnaW5gIGFuZCB0aGUgc3BlY2lmaWMgYG1hcmdpblN0YXJ0fG1hcmdpbkVuZGAgcHJvcHMgYXJlIGRlZmluZWQsXG4vLyB0aGUgbGF0dGVyIHdpbGwgdGFrZSBwcmlvcml0eS5cbmNvbnN0IHJlbmRlck1hcmdpbiA9ICgge1xuXHQnYXJpYS1vcmllbnRhdGlvbic6IG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuXHRtYXJnaW4sXG5cdG1hcmdpblN0YXJ0LFxuXHRtYXJnaW5FbmQsXG59OiBEaXZpZGVyUHJvcHMgKSA9PlxuXHRjc3MoXG5cdFx0cnRsKCB7XG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLnN0YXJ0IF06IHNwYWNlKFxuXHRcdFx0XHRtYXJnaW5TdGFydCA/PyBtYXJnaW5cblx0XHRcdCksXG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLmVuZCBdOiBzcGFjZShcblx0XHRcdFx0bWFyZ2luRW5kID8/IG1hcmdpblxuXHRcdFx0KSxcblx0XHR9ICkoKVxuXHQpO1xuXG5jb25zdCByZW5kZXJEaXNwbGF5ID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1xuXHRcdD8gY3NzKCB7IGRpc3BsYXk6ICdpbmxpbmUnIH0gKVxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgcmVuZGVyQm9yZGVyID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBjc3MoIHtcblx0XHRbIG9yaWVudGF0aW9uID09PSAndmVydGljYWwnID8gJ2JvcmRlclJpZ2h0JyA6ICdib3JkZXJCb3R0b20nIF06XG5cdFx0XHQnMXB4IHNvbGlkIGN1cnJlbnRDb2xvcicsXG5cdH0gKTtcbn07XG5cbmNvbnN0IHJlbmRlclNpemUgPSAoIHtcblx0J2FyaWEtb3JpZW50YXRpb24nOiBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbn06IERpdmlkZXJQcm9wcyApID0+XG5cdGNzcygge1xuXHRcdGhlaWdodDogb3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnYXV0bycgOiAwLFxuXHRcdHdpZHRoOiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDAgOiAnYXV0bycsXG5cdH0gKTtcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJWaWV3ID0gc3R5bGVkLmhyPCBEaXZpZGVyUHJvcHMgPmBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDA7XG5cblx0JHsgcmVuZGVyRGlzcGxheSB9XG5cdCR7IHJlbmRlckJvcmRlciB9XG5cdCR7IHJlbmRlclNpemUgfVxuXHQkeyByZW5kZXJNYXJnaW4gfVxuYDtcbiJdfQ== */");
 
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1u4hpl4",
@@ -53,31 +50,26 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-const renderDisplay = _ref3 => {
-  let {
-    'aria-orientation': orientation = 'horizontal'
-  } = _ref3;
+const renderDisplay = ({
+  'aria-orientation': orientation = 'horizontal'
+}) => {
   return orientation === 'vertical' ? _ref : undefined;
 };
 
-const renderBorder = _ref4 => {
-  let {
-    'aria-orientation': orientation = 'horizontal'
-  } = _ref4;
+const renderBorder = ({
+  'aria-orientation': orientation = 'horizontal'
+}) => {
   return /*#__PURE__*/(0, _react.css)({
     [orientation === 'vertical' ? 'borderRight' : 'borderBottom']: '1px solid currentColor'
   }, process.env.NODE_ENV === "production" ? "" : ";label:renderBorder;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMERRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBEaXZpZGVyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgTUFSR0lOX0RJUkVDVElPTlM6IFJlY29yZDxcblx0Tm9uTnVsbGFibGU8IERpdmlkZXJQcm9wc1sgJ29yaWVudGF0aW9uJyBdID4sXG5cdFJlY29yZDwgJ3N0YXJ0JyB8ICdlbmQnLCBzdHJpbmcgPlxuPiA9IHtcblx0dmVydGljYWw6IHtcblx0XHRzdGFydDogJ21hcmdpbkxlZnQnLFxuXHRcdGVuZDogJ21hcmdpblJpZ2h0Jyxcblx0fSxcblx0aG9yaXpvbnRhbDoge1xuXHRcdHN0YXJ0OiAnbWFyZ2luVG9wJyxcblx0XHRlbmQ6ICdtYXJnaW5Cb3R0b20nLFxuXHR9LFxufTtcblxuLy8gUmVuZGVycyB0aGUgY29ycmVjdCBtYXJnaW5zIGdpdmVuIHRoZSBEaXZpZGVyJ3MgYG9yaWVudGF0aW9uYCBhbmQgdGhlIHdyaXRpbmcgZGlyZWN0aW9uLlxuLy8gV2hlbiBib3RoIHRoZSBnZW5lcmljIGBtYXJnaW5gIGFuZCB0aGUgc3BlY2lmaWMgYG1hcmdpblN0YXJ0fG1hcmdpbkVuZGAgcHJvcHMgYXJlIGRlZmluZWQsXG4vLyB0aGUgbGF0dGVyIHdpbGwgdGFrZSBwcmlvcml0eS5cbmNvbnN0IHJlbmRlck1hcmdpbiA9ICgge1xuXHQnYXJpYS1vcmllbnRhdGlvbic6IG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuXHRtYXJnaW4sXG5cdG1hcmdpblN0YXJ0LFxuXHRtYXJnaW5FbmQsXG59OiBEaXZpZGVyUHJvcHMgKSA9PlxuXHRjc3MoXG5cdFx0cnRsKCB7XG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLnN0YXJ0IF06IHNwYWNlKFxuXHRcdFx0XHRtYXJnaW5TdGFydCA/PyBtYXJnaW5cblx0XHRcdCksXG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLmVuZCBdOiBzcGFjZShcblx0XHRcdFx0bWFyZ2luRW5kID8/IG1hcmdpblxuXHRcdFx0KSxcblx0XHR9ICkoKVxuXHQpO1xuXG5jb25zdCByZW5kZXJEaXNwbGF5ID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1xuXHRcdD8gY3NzKCB7IGRpc3BsYXk6ICdpbmxpbmUnIH0gKVxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgcmVuZGVyQm9yZGVyID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBjc3MoIHtcblx0XHRbIG9yaWVudGF0aW9uID09PSAndmVydGljYWwnID8gJ2JvcmRlclJpZ2h0JyA6ICdib3JkZXJCb3R0b20nIF06XG5cdFx0XHQnMXB4IHNvbGlkIGN1cnJlbnRDb2xvcicsXG5cdH0gKTtcbn07XG5cbmNvbnN0IHJlbmRlclNpemUgPSAoIHtcblx0J2FyaWEtb3JpZW50YXRpb24nOiBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbn06IERpdmlkZXJQcm9wcyApID0+XG5cdGNzcygge1xuXHRcdGhlaWdodDogb3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnYXV0bycgOiAwLFxuXHRcdHdpZHRoOiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDAgOiAnYXV0bycsXG5cdH0gKTtcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJWaWV3ID0gc3R5bGVkLmhyPCBEaXZpZGVyUHJvcHMgPmBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDA7XG5cblx0JHsgcmVuZGVyRGlzcGxheSB9XG5cdCR7IHJlbmRlckJvcmRlciB9XG5cdCR7IHJlbmRlclNpemUgfVxuXHQkeyByZW5kZXJNYXJnaW4gfVxuYDtcbiJdfQ== */");
 };
 
-const renderSize = _ref5 => {
-  let {
-    'aria-orientation': orientation = 'horizontal'
-  } = _ref5;
-  return /*#__PURE__*/(0, _react.css)({
-    height: orientation === 'vertical' ? 'auto' : 0,
-    width: orientation === 'vertical' ? 0 : 'auto'
-  }, process.env.NODE_ENV === "production" ? "" : ";label:renderSize;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBEaXZpZGVyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgTUFSR0lOX0RJUkVDVElPTlM6IFJlY29yZDxcblx0Tm9uTnVsbGFibGU8IERpdmlkZXJQcm9wc1sgJ29yaWVudGF0aW9uJyBdID4sXG5cdFJlY29yZDwgJ3N0YXJ0JyB8ICdlbmQnLCBzdHJpbmcgPlxuPiA9IHtcblx0dmVydGljYWw6IHtcblx0XHRzdGFydDogJ21hcmdpbkxlZnQnLFxuXHRcdGVuZDogJ21hcmdpblJpZ2h0Jyxcblx0fSxcblx0aG9yaXpvbnRhbDoge1xuXHRcdHN0YXJ0OiAnbWFyZ2luVG9wJyxcblx0XHRlbmQ6ICdtYXJnaW5Cb3R0b20nLFxuXHR9LFxufTtcblxuLy8gUmVuZGVycyB0aGUgY29ycmVjdCBtYXJnaW5zIGdpdmVuIHRoZSBEaXZpZGVyJ3MgYG9yaWVudGF0aW9uYCBhbmQgdGhlIHdyaXRpbmcgZGlyZWN0aW9uLlxuLy8gV2hlbiBib3RoIHRoZSBnZW5lcmljIGBtYXJnaW5gIGFuZCB0aGUgc3BlY2lmaWMgYG1hcmdpblN0YXJ0fG1hcmdpbkVuZGAgcHJvcHMgYXJlIGRlZmluZWQsXG4vLyB0aGUgbGF0dGVyIHdpbGwgdGFrZSBwcmlvcml0eS5cbmNvbnN0IHJlbmRlck1hcmdpbiA9ICgge1xuXHQnYXJpYS1vcmllbnRhdGlvbic6IG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuXHRtYXJnaW4sXG5cdG1hcmdpblN0YXJ0LFxuXHRtYXJnaW5FbmQsXG59OiBEaXZpZGVyUHJvcHMgKSA9PlxuXHRjc3MoXG5cdFx0cnRsKCB7XG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLnN0YXJ0IF06IHNwYWNlKFxuXHRcdFx0XHRtYXJnaW5TdGFydCA/PyBtYXJnaW5cblx0XHRcdCksXG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLmVuZCBdOiBzcGFjZShcblx0XHRcdFx0bWFyZ2luRW5kID8/IG1hcmdpblxuXHRcdFx0KSxcblx0XHR9ICkoKVxuXHQpO1xuXG5jb25zdCByZW5kZXJEaXNwbGF5ID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1xuXHRcdD8gY3NzKCB7IGRpc3BsYXk6ICdpbmxpbmUnIH0gKVxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgcmVuZGVyQm9yZGVyID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBjc3MoIHtcblx0XHRbIG9yaWVudGF0aW9uID09PSAndmVydGljYWwnID8gJ2JvcmRlclJpZ2h0JyA6ICdib3JkZXJCb3R0b20nIF06XG5cdFx0XHQnMXB4IHNvbGlkIGN1cnJlbnRDb2xvcicsXG5cdH0gKTtcbn07XG5cbmNvbnN0IHJlbmRlclNpemUgPSAoIHtcblx0J2FyaWEtb3JpZW50YXRpb24nOiBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbn06IERpdmlkZXJQcm9wcyApID0+XG5cdGNzcygge1xuXHRcdGhlaWdodDogb3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnYXV0bycgOiAwLFxuXHRcdHdpZHRoOiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDAgOiAnYXV0bycsXG5cdH0gKTtcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJWaWV3ID0gc3R5bGVkLmhyPCBEaXZpZGVyUHJvcHMgPmBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDA7XG5cblx0JHsgcmVuZGVyRGlzcGxheSB9XG5cdCR7IHJlbmRlckJvcmRlciB9XG5cdCR7IHJlbmRlclNpemUgfVxuXHQkeyByZW5kZXJNYXJnaW4gfVxuYDtcbiJdfQ== */");
-};
+const renderSize = ({
+  'aria-orientation': orientation = 'horizontal'
+}) => /*#__PURE__*/(0, _react.css)({
+  height: orientation === 'vertical' ? 'auto' : 0,
+  width: orientation === 'vertical' ? 0 : 'auto'
+}, process.env.NODE_ENV === "production" ? "" : ";label:renderSize;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGl2aWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBEaXZpZGVyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgTUFSR0lOX0RJUkVDVElPTlM6IFJlY29yZDxcblx0Tm9uTnVsbGFibGU8IERpdmlkZXJQcm9wc1sgJ29yaWVudGF0aW9uJyBdID4sXG5cdFJlY29yZDwgJ3N0YXJ0JyB8ICdlbmQnLCBzdHJpbmcgPlxuPiA9IHtcblx0dmVydGljYWw6IHtcblx0XHRzdGFydDogJ21hcmdpbkxlZnQnLFxuXHRcdGVuZDogJ21hcmdpblJpZ2h0Jyxcblx0fSxcblx0aG9yaXpvbnRhbDoge1xuXHRcdHN0YXJ0OiAnbWFyZ2luVG9wJyxcblx0XHRlbmQ6ICdtYXJnaW5Cb3R0b20nLFxuXHR9LFxufTtcblxuLy8gUmVuZGVycyB0aGUgY29ycmVjdCBtYXJnaW5zIGdpdmVuIHRoZSBEaXZpZGVyJ3MgYG9yaWVudGF0aW9uYCBhbmQgdGhlIHdyaXRpbmcgZGlyZWN0aW9uLlxuLy8gV2hlbiBib3RoIHRoZSBnZW5lcmljIGBtYXJnaW5gIGFuZCB0aGUgc3BlY2lmaWMgYG1hcmdpblN0YXJ0fG1hcmdpbkVuZGAgcHJvcHMgYXJlIGRlZmluZWQsXG4vLyB0aGUgbGF0dGVyIHdpbGwgdGFrZSBwcmlvcml0eS5cbmNvbnN0IHJlbmRlck1hcmdpbiA9ICgge1xuXHQnYXJpYS1vcmllbnRhdGlvbic6IG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuXHRtYXJnaW4sXG5cdG1hcmdpblN0YXJ0LFxuXHRtYXJnaW5FbmQsXG59OiBEaXZpZGVyUHJvcHMgKSA9PlxuXHRjc3MoXG5cdFx0cnRsKCB7XG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLnN0YXJ0IF06IHNwYWNlKFxuXHRcdFx0XHRtYXJnaW5TdGFydCA/PyBtYXJnaW5cblx0XHRcdCksXG5cdFx0XHRbIE1BUkdJTl9ESVJFQ1RJT05TWyBvcmllbnRhdGlvbiBdLmVuZCBdOiBzcGFjZShcblx0XHRcdFx0bWFyZ2luRW5kID8/IG1hcmdpblxuXHRcdFx0KSxcblx0XHR9ICkoKVxuXHQpO1xuXG5jb25zdCByZW5kZXJEaXNwbGF5ID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1xuXHRcdD8gY3NzKCB7IGRpc3BsYXk6ICdpbmxpbmUnIH0gKVxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgcmVuZGVyQm9yZGVyID0gKCB7XG5cdCdhcmlhLW9yaWVudGF0aW9uJzogb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsXG59OiBEaXZpZGVyUHJvcHMgKSA9PiB7XG5cdHJldHVybiBjc3MoIHtcblx0XHRbIG9yaWVudGF0aW9uID09PSAndmVydGljYWwnID8gJ2JvcmRlclJpZ2h0JyA6ICdib3JkZXJCb3R0b20nIF06XG5cdFx0XHQnMXB4IHNvbGlkIGN1cnJlbnRDb2xvcicsXG5cdH0gKTtcbn07XG5cbmNvbnN0IHJlbmRlclNpemUgPSAoIHtcblx0J2FyaWEtb3JpZW50YXRpb24nOiBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbn06IERpdmlkZXJQcm9wcyApID0+XG5cdGNzcygge1xuXHRcdGhlaWdodDogb3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnYXV0bycgOiAwLFxuXHRcdHdpZHRoOiBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDAgOiAnYXV0bycsXG5cdH0gKTtcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJWaWV3ID0gc3R5bGVkLmhyPCBEaXZpZGVyUHJvcHMgPmBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDA7XG5cblx0JHsgcmVuZGVyRGlzcGxheSB9XG5cdCR7IHJlbmRlckJvcmRlciB9XG5cdCR7IHJlbmRlclNpemUgfVxuXHQkeyByZW5kZXJNYXJnaW4gfVxuYDtcbiJdfQ== */");
 
 const DividerView = (0, _base.default)("hr", process.env.NODE_ENV === "production" ? {
   target: "e19on6iw0"

package/build/divider/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/divider/styles.ts"],"names":["MARGIN_DIRECTIONS","vertical","start","end","horizontal","renderMargin","orientation","margin","marginStart","marginEnd","renderDisplay","undefined","renderBorder","renderSize","height","width","DividerView"],"mappings":";;;;;;;;;;;AAIA;;AAKA;;AACA;;;;AAGA,MAAMA,iBAGL,GAAG;AACHC,EAAAA,QAAQ,EAAE;AACTC,IAAAA,KAAK,EAAE,YADE;AAETC,IAAAA,GAAG,EAAE;AAFI,GADP;AAKHC,EAAAA,UAAU,EAAE;AACXF,IAAAA,KAAK,EAAE,WADI;AAEXC,IAAAA,GAAG,EAAE;AAFM;AALT,CAHJ,C,CAcA;AACA;AACA;;AACA,MAAME,YAAY,GAAG;AAAA,MAAE;AACtB,wBAAoBC,WAAW,GAAG,YADZ;AAEtBC,IAAAA,MAFsB;AAGtBC,IAAAA,WAHsB;AAItBC,IAAAA;AAJsB,GAAF;AAAA,sBAMpB,gBACC,gBAAK;AACJ,KAAET,iBAAiB,CAAEM,WAAF,CAAjB,CAAiCJ,KAAnC,GAA4C,kBAC3CM,WAD2C,aAC3CA,WAD2C,cAC3CA,WAD2C,GAC5BD,MAD4B,CADxC;AAIJ,KAAEP,iBAAiB,CAAEM,WAAF,CAAjB,CAAiCH,GAAnC,GAA0C,kBACzCM,SADyC,aACzCA,SADyC,cACzCA,SADyC,GAC5BF,MAD4B;AAJtC,GAAL,GADD,0/FANoB;AAAA,CAArB;;;;;;;;;;;;AAiBA,MAAMG,aAAa,GAAG,SAED;AAAA,MAFG;AACvB,wBAAoBJ,WAAW,GAAG;AADX,GAEH;AACpB,SAAOA,WAAW,KAAK,UAAhB,UAEJK,SAFH;AAGA,CAND;;AAQA,MAAMC,YAAY,GAAG,SAEA;AAAA,MAFE;AACtB,wBAAoBN,WAAW,GAAG;AADZ,GAEF;AACpB,sBAAO,gBAAK;AACX,KAAEA,WAAW,KAAK,UAAhB,GAA6B,aAA7B,GAA6C,cAA/C,GACC;AAFU,GAAL,0/FAAP;AAIA,CAPD;;AASA,MAAMO,UAAU,GAAG;AAAA,MAAE;AACpB,wBAAoBP,WAAW,GAAG;AADd,GAAF;AAAA,sBAGlB,gBAAK;AACJQ,IAAAA,MAAM,EAAER,WAAW,KAAK,UAAhB,GAA6B,MAA7B,GAAsC,CAD1C;AAEJS,IAAAA,KAAK,EAAET,WAAW,KAAK,UAAhB,GAA6B,CAA7B,GAAiC;AAFpC,GAAL,w/FAHkB;AAAA,CAAnB;;AAQO,MAAMU,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,yBAIpBN,aAJoB,OAKpBE,YALoB,OAMpBC,UANoB,OAOpBR,YAPoB,67FAAjB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { space } from '../ui/utils/space';\nimport { rtl } from '../utils';\nimport type { DividerProps } from './types';\n\nconst MARGIN_DIRECTIONS: Record<\n\tNonNullable< DividerProps[ 'orientation' ] >,\n\tRecord< 'start' | 'end', string >\n> = {\n\tvertical: {\n\t\tstart: 'marginLeft',\n\t\tend: 'marginRight',\n\t},\n\thorizontal: {\n\t\tstart: 'marginTop',\n\t\tend: 'marginBottom',\n\t},\n};\n\n// Renders the correct margins given the Divider's `orientation` and the writing direction.\n// When both the generic `margin` and the specific `marginStart|marginEnd` props are defined,\n// the latter will take priority.\nconst renderMargin = ( {\n\t'aria-orientation': orientation = 'horizontal',\n\tmargin,\n\tmarginStart,\n\tmarginEnd,\n}: DividerProps ) =>\n\tcss(\n\t\trtl( {\n\t\t\t[ MARGIN_DIRECTIONS[ orientation ].start ]: space(\n\t\t\t\tmarginStart ?? margin\n\t\t\t),\n\t\t\t[ MARGIN_DIRECTIONS[ orientation ].end ]: space(\n\t\t\t\tmarginEnd ?? margin\n\t\t\t),\n\t\t} )()\n\t);\n\nconst renderDisplay = ( {\n\t'aria-orientation': orientation = 'horizontal',\n}: DividerProps ) => {\n\treturn orientation === 'vertical'\n\t\t? css( { display: 'inline' } )\n\t\t: undefined;\n};\n\nconst renderBorder = ( {\n\t'aria-orientation': orientation = 'horizontal',\n}: DividerProps ) => {\n\treturn css( {\n\t\t[ orientation === 'vertical' ? 'borderRight' : 'borderBottom' ]:\n\t\t\t'1px solid currentColor',\n\t} );\n};\n\nconst renderSize = ( {\n\t'aria-orientation': orientation = 'horizontal',\n}: DividerProps ) =>\n\tcss( {\n\t\theight: orientation === 'vertical' ? 'auto' : 0,\n\t\twidth: orientation === 'vertical' ? 0 : 'auto',\n\t} );\n\nexport const DividerView = styled.hr< DividerProps >`\n\tborder: 0;\n\tmargin: 0;\n\n\t${ renderDisplay }\n\t${ renderBorder }\n\t${ renderSize }\n\t${ renderMargin }\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/divider/styles.ts"],"names":["MARGIN_DIRECTIONS","vertical","start","end","horizontal","renderMargin","orientation","margin","marginStart","marginEnd","renderDisplay","undefined","renderBorder","renderSize","height","width","DividerView"],"mappings":";;;;;;;;;;;AAIA;;AAKA;;AACA;;;;AAGA,MAAMA,iBAGL,GAAG;AACHC,EAAAA,QAAQ,EAAE;AACTC,IAAAA,KAAK,EAAE,YADE;AAETC,IAAAA,GAAG,EAAE;AAFI,GADP;AAKHC,EAAAA,UAAU,EAAE;AACXF,IAAAA,KAAK,EAAE,WADI;AAEXC,IAAAA,GAAG,EAAE;AAFM;AALT,CAHJ,C,CAcA;AACA;AACA;;AACA,MAAME,YAAY,GAAG,CAAE;AACtB,sBAAoBC,WAAW,GAAG,YADZ;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,WAHsB;AAItBC,EAAAA;AAJsB,CAAF,kBAMpB,gBACC,gBAAK;AACJ,GAAET,iBAAiB,CAAEM,WAAF,CAAjB,CAAiCJ,KAAnC,GAA4C,kBAC3CM,WAD2C,aAC3CA,WAD2C,cAC3CA,WAD2C,GAC5BD,MAD4B,CADxC;AAIJ,GAAEP,iBAAiB,CAAEM,WAAF,CAAjB,CAAiCH,GAAnC,GAA0C,kBACzCM,SADyC,aACzCA,SADyC,cACzCA,SADyC,GAC5BF,MAD4B;AAJtC,CAAL,GADD,0/FAND;;;;;;;;;;;;AAiBA,MAAMG,aAAa,GAAG,CAAE;AACvB,sBAAoBJ,WAAW,GAAG;AADX,CAAF,KAED;AACpB,SAAOA,WAAW,KAAK,UAAhB,UAEJK,SAFH;AAGA,CAND;;AAQA,MAAMC,YAAY,GAAG,CAAE;AACtB,sBAAoBN,WAAW,GAAG;AADZ,CAAF,KAEA;AACpB,sBAAO,gBAAK;AACX,KAAEA,WAAW,KAAK,UAAhB,GAA6B,aAA7B,GAA6C,cAA/C,GACC;AAFU,GAAL,0/FAAP;AAIA,CAPD;;AASA,MAAMO,UAAU,GAAG,CAAE;AACpB,sBAAoBP,WAAW,GAAG;AADd,CAAF,kBAGlB,gBAAK;AACJQ,EAAAA,MAAM,EAAER,WAAW,KAAK,UAAhB,GAA6B,MAA7B,GAAsC,CAD1C;AAEJS,EAAAA,KAAK,EAAET,WAAW,KAAK,UAAhB,GAA6B,CAA7B,GAAiC;AAFpC,CAAL,w/FAHD;;AAQO,MAAMU,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,yBAIpBN,aAJoB,OAKpBE,YALoB,OAMpBC,UANoB,OAOpBR,YAPoB,67FAAjB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { space } from '../ui/utils/space';\nimport { rtl } from '../utils';\nimport type { DividerProps } from './types';\n\nconst MARGIN_DIRECTIONS: Record<\n\tNonNullable< DividerProps[ 'orientation' ] >,\n\tRecord< 'start' | 'end', string >\n> = {\n\tvertical: {\n\t\tstart: 'marginLeft',\n\t\tend: 'marginRight',\n\t},\n\thorizontal: {\n\t\tstart: 'marginTop',\n\t\tend: 'marginBottom',\n\t},\n};\n\n// Renders the correct margins given the Divider's `orientation` and the writing direction.\n// When both the generic `margin` and the specific `marginStart|marginEnd` props are defined,\n// the latter will take priority.\nconst renderMargin = ( {\n\t'aria-orientation': orientation = 'horizontal',\n\tmargin,\n\tmarginStart,\n\tmarginEnd,\n}: DividerProps ) =>\n\tcss(\n\t\trtl( {\n\t\t\t[ MARGIN_DIRECTIONS[ orientation ].start ]: space(\n\t\t\t\tmarginStart ?? margin\n\t\t\t),\n\t\t\t[ MARGIN_DIRECTIONS[ orientation ].end ]: space(\n\t\t\t\tmarginEnd ?? margin\n\t\t\t),\n\t\t} )()\n\t);\n\nconst renderDisplay = ( {\n\t'aria-orientation': orientation = 'horizontal',\n}: DividerProps ) => {\n\treturn orientation === 'vertical'\n\t\t? css( { display: 'inline' } )\n\t\t: undefined;\n};\n\nconst renderBorder = ( {\n\t'aria-orientation': orientation = 'horizontal',\n}: DividerProps ) => {\n\treturn css( {\n\t\t[ orientation === 'vertical' ? 'borderRight' : 'borderBottom' ]:\n\t\t\t'1px solid currentColor',\n\t} );\n};\n\nconst renderSize = ( {\n\t'aria-orientation': orientation = 'horizontal',\n}: DividerProps ) =>\n\tcss( {\n\t\theight: orientation === 'vertical' ? 'auto' : 0,\n\t\twidth: orientation === 'vertical' ? 0 : 'auto',\n\t} );\n\nexport const DividerView = styled.hr< DividerProps >`\n\tborder: 0;\n\tmargin: 0;\n\n\t${ renderDisplay }\n\t${ renderBorder }\n\t${ renderSize }\n\t${ renderMargin }\n`;\n"]}

package/build/draggable/index.js

@@ -61,19 +61,18 @@ const bodyClass = 'is-dragging-components-draggable';
  * ```
  */
 
-function Draggable(_ref) {
-  let {
-    children,
-    onDragStart,
-    onDragOver,
-    onDragEnd,
-    appendToOwnerDocument = false,
-    cloneClassname,
-    elementId,
-    transferData,
-    __experimentalTransferDataType: transferDataType = 'text',
-    __experimentalDragComponent: dragComponent
-  } = _ref;
+function Draggable({
+  children,
+  onDragStart,
+  onDragOver,
+  onDragEnd,
+  appendToOwnerDocument = false,
+  cloneClassname,
+  elementId,
+  transferData,
+  __experimentalTransferDataType: transferDataType = 'text',
+  __experimentalDragComponent: dragComponent
+}) {
   const dragComponentRef = (0, _element.useRef)(null);
   const cleanup = (0, _element.useRef)(() => {});
   /**
@@ -156,17 +155,13 @@ function Draggable(_ref) {
       y = elementTopOffset - clonePadding;
       cloneWrapper.style.transform = `translate( ${x}px, ${y}px )`; // Hack: Remove iFrames as it's causing the embeds drag clone to freeze.
 
-      Array.from(clone.querySelectorAll('iframe')).forEach(child => {
-        var _child$parentNode;
-
-        return (_child$parentNode = child.parentNode) === null || _child$parentNode === void 0 ? void 0 : _child$parentNode.removeChild(child);
-      });
+      Array.from(clone.querySelectorAll('iframe')).forEach(child => child.parentNode?.removeChild(child));
       cloneWrapper.appendChild(clone); // Inject the cloneWrapper into the DOM.
 
       if (appendToOwnerDocument) {
         ownerDocument.body.appendChild(cloneWrapper);
       } else {
-        elementWrapper === null || elementWrapper === void 0 ? void 0 : elementWrapper.appendChild(cloneWrapper);
+        elementWrapper?.appendChild(cloneWrapper);
       }
     } // Mark the current cursor coordinates.