@wordpress/components 27.6.0 → 28.0.1

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TimePicker = TimePicker;
 exports.default = void 0;
-var _react = require("react");
 var _dateFns = require("date-fns");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
@@ -21,6 +20,7 @@ var _spacer = require("../../spacer");
 var _actions = require("../../input-control/reducer/actions");
 var _utils = require("../utils");
 var _constants = require("../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -151,7 +151,7 @@ function TimePicker({
       onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
     };
   }
-  const dayField = (0, _react.createElement)(_styles.DayInput, {
+  const dayField = /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DayInput, {
     className: "components-datetime__time-field components-datetime__time-field-day" // Unused, for backwards compatibility.
     ,
     label: (0, _i18n.__)('Day'),
@@ -168,141 +168,168 @@ function TimePicker({
     isShiftStepEnabled: false,
     onChange: buildNumberControlChangeCallback('date')
   });
-  const monthField = (0, _react.createElement)(_styles.MonthSelectWrapper, null, (0, _react.createElement)(_selectControl.default, {
-    className: "components-datetime__time-field components-datetime__time-field-month" // Unused, for backwards compatibility.
-    ,
-    label: (0, _i18n.__)('Month'),
-    hideLabelFromVision: true,
-    __next40pxDefaultSize: true,
-    __nextHasNoMarginBottom: true,
-    value: month,
-    options: [{
-      value: '01',
-      label: (0, _i18n.__)('January')
-    }, {
-      value: '02',
-      label: (0, _i18n.__)('February')
-    }, {
-      value: '03',
-      label: (0, _i18n.__)('March')
-    }, {
-      value: '04',
-      label: (0, _i18n.__)('April')
-    }, {
-      value: '05',
-      label: (0, _i18n.__)('May')
-    }, {
-      value: '06',
-      label: (0, _i18n.__)('June')
-    }, {
-      value: '07',
-      label: (0, _i18n.__)('July')
-    }, {
-      value: '08',
-      label: (0, _i18n.__)('August')
-    }, {
-      value: '09',
-      label: (0, _i18n.__)('September')
-    }, {
-      value: '10',
-      label: (0, _i18n.__)('October')
-    }, {
-      value: '11',
-      label: (0, _i18n.__)('November')
-    }, {
-      value: '12',
-      label: (0, _i18n.__)('December')
-    }],
-    onChange: value => {
-      const newDate = (0, _dateFns.setMonth)(date, Number(value) - 1);
-      setDate(newDate);
-      onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
-    }
-  }));
-  return (0, _react.createElement)(_styles.Wrapper, {
+  const monthField = /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MonthSelectWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectControl.default, {
+      className: "components-datetime__time-field components-datetime__time-field-month" // Unused, for backwards compatibility.
+      ,
+      label: (0, _i18n.__)('Month'),
+      hideLabelFromVision: true,
+      __next40pxDefaultSize: true,
+      __nextHasNoMarginBottom: true,
+      value: month,
+      options: [{
+        value: '01',
+        label: (0, _i18n.__)('January')
+      }, {
+        value: '02',
+        label: (0, _i18n.__)('February')
+      }, {
+        value: '03',
+        label: (0, _i18n.__)('March')
+      }, {
+        value: '04',
+        label: (0, _i18n.__)('April')
+      }, {
+        value: '05',
+        label: (0, _i18n.__)('May')
+      }, {
+        value: '06',
+        label: (0, _i18n.__)('June')
+      }, {
+        value: '07',
+        label: (0, _i18n.__)('July')
+      }, {
+        value: '08',
+        label: (0, _i18n.__)('August')
+      }, {
+        value: '09',
+        label: (0, _i18n.__)('September')
+      }, {
+        value: '10',
+        label: (0, _i18n.__)('October')
+      }, {
+        value: '11',
+        label: (0, _i18n.__)('November')
+      }, {
+        value: '12',
+        label: (0, _i18n.__)('December')
+      }],
+      onChange: value => {
+        const newDate = (0, _dateFns.setMonth)(date, Number(value) - 1);
+        setDate(newDate);
+        onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
+      }
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
     className: "components-datetime__time" // Unused, for backwards compatibility.
-  }, (0, _react.createElement)(_styles.Fieldset, null, (0, _react.createElement)(_baseControl.default.VisualLabel, {
-    as: "legend",
-    className: "components-datetime__time-legend" // Unused, for backwards compatibility.
-  }, (0, _i18n.__)('Time')), (0, _react.createElement)(_hStack.HStack, {
-    className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
-  }, (0, _react.createElement)(_styles.TimeWrapper, {
-    className: "components-datetime__time-field components-datetime__time-field-time" // Unused, for backwards compatibility.
-  }, (0, _react.createElement)(_styles.HoursInput, {
-    className: "components-datetime__time-field-hours-input" // Unused, for backwards compatibility.
     ,
-    label: (0, _i18n.__)('Hours'),
-    hideLabelFromVision: true,
-    __next40pxDefaultSize: true,
-    value: hours,
-    step: 1,
-    min: is12Hour ? 1 : 0,
-    max: is12Hour ? 12 : 23,
-    required: true,
-    spinControls: "none",
-    isPressEnterToChange: true,
-    isDragEnabled: false,
-    isShiftStepEnabled: false,
-    onChange: buildNumberControlChangeCallback('hours'),
-    __unstableStateReducer: buildPadInputStateReducer(2)
-  }), (0, _react.createElement)(_styles.TimeSeparator, {
-    className: "components-datetime__time-separator" // Unused, for backwards compatibility.
-    ,
-    "aria-hidden": "true"
-  }, ":"), (0, _react.createElement)(_styles.MinutesInput, {
-    className: "components-datetime__time-field-minutes-input" // Unused, for backwards compatibility.
-    ,
-    label: (0, _i18n.__)('Minutes'),
-    hideLabelFromVision: true,
-    __next40pxDefaultSize: true,
-    value: minutes,
-    step: 1,
-    min: 0,
-    max: 59,
-    required: true,
-    spinControls: "none",
-    isPressEnterToChange: true,
-    isDragEnabled: false,
-    isShiftStepEnabled: false,
-    onChange: buildNumberControlChangeCallback('minutes'),
-    __unstableStateReducer: buildPadInputStateReducer(2)
-  })), is12Hour && (0, _react.createElement)(_buttonGroup.default, {
-    className: "components-datetime__time-field components-datetime__time-field-am-pm" // Unused, for backwards compatibility.
-  }, (0, _react.createElement)(_button.default, {
-    className: "components-datetime__time-am-button" // Unused, for backwards compatibility.
-    ,
-    variant: am === 'AM' ? 'primary' : 'secondary',
-    __next40pxDefaultSize: true,
-    onClick: buildAmPmChangeCallback('AM')
-  }, (0, _i18n.__)('AM')), (0, _react.createElement)(_button.default, {
-    className: "components-datetime__time-pm-button" // Unused, for backwards compatibility.
-    ,
-    variant: am === 'PM' ? 'primary' : 'secondary',
-    __next40pxDefaultSize: true,
-    onClick: buildAmPmChangeCallback('PM')
-  }, (0, _i18n.__)('PM'))), (0, _react.createElement)(_spacer.Spacer, null), (0, _react.createElement)(_timezone.default, null))), (0, _react.createElement)(_styles.Fieldset, null, (0, _react.createElement)(_baseControl.default.VisualLabel, {
-    as: "legend",
-    className: "components-datetime__time-legend" // Unused, for backwards compatibility.
-  }, (0, _i18n.__)('Date')), (0, _react.createElement)(_hStack.HStack, {
-    className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
-  }, is12Hour ? (0, _react.createElement)(_react.Fragment, null, monthField, dayField) : (0, _react.createElement)(_react.Fragment, null, dayField, monthField), (0, _react.createElement)(_styles.YearInput, {
-    className: "components-datetime__time-field components-datetime__time-field-year" // Unused, for backwards compatibility.
-    ,
-    label: (0, _i18n.__)('Year'),
-    hideLabelFromVision: true,
-    __next40pxDefaultSize: true,
-    value: year,
-    step: 1,
-    min: 1,
-    max: 9999,
-    required: true,
-    spinControls: "none",
-    isPressEnterToChange: true,
-    isDragEnabled: false,
-    isShiftStepEnabled: false,
-    onChange: buildNumberControlChangeCallback('year'),
-    __unstableStateReducer: buildPadInputStateReducer(4)
-  }))));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Fieldset, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControl.default.VisualLabel, {
+        as: "legend",
+        className: "components-datetime__time-legend" // Unused, for backwards compatibility.
+        ,
+        children: (0, _i18n.__)('Time')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hStack.HStack, {
+        className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
+        ,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TimeWrapper, {
+          className: "components-datetime__time-field components-datetime__time-field-time" // Unused, for backwards compatibility.
+          ,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HoursInput, {
+            className: "components-datetime__time-field-hours-input" // Unused, for backwards compatibility.
+            ,
+            label: (0, _i18n.__)('Hours'),
+            hideLabelFromVision: true,
+            __next40pxDefaultSize: true,
+            value: hours,
+            step: 1,
+            min: is12Hour ? 1 : 0,
+            max: is12Hour ? 12 : 23,
+            required: true,
+            spinControls: "none",
+            isPressEnterToChange: true,
+            isDragEnabled: false,
+            isShiftStepEnabled: false,
+            onChange: buildNumberControlChangeCallback('hours'),
+            __unstableStateReducer: buildPadInputStateReducer(2)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimeSeparator, {
+            className: "components-datetime__time-separator" // Unused, for backwards compatibility.
+            ,
+            "aria-hidden": "true",
+            children: ":"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MinutesInput, {
+            className: "components-datetime__time-field-minutes-input" // Unused, for backwards compatibility.
+            ,
+            label: (0, _i18n.__)('Minutes'),
+            hideLabelFromVision: true,
+            __next40pxDefaultSize: true,
+            value: minutes,
+            step: 1,
+            min: 0,
+            max: 59,
+            required: true,
+            spinControls: "none",
+            isPressEnterToChange: true,
+            isDragEnabled: false,
+            isShiftStepEnabled: false,
+            onChange: buildNumberControlChangeCallback('minutes'),
+            __unstableStateReducer: buildPadInputStateReducer(2)
+          })]
+        }), is12Hour && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_buttonGroup.default, {
+          className: "components-datetime__time-field components-datetime__time-field-am-pm" // Unused, for backwards compatibility.
+          ,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+            className: "components-datetime__time-am-button" // Unused, for backwards compatibility.
+            ,
+            variant: am === 'AM' ? 'primary' : 'secondary',
+            __next40pxDefaultSize: true,
+            onClick: buildAmPmChangeCallback('AM'),
+            children: (0, _i18n.__)('AM')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+            className: "components-datetime__time-pm-button" // Unused, for backwards compatibility.
+            ,
+            variant: am === 'PM' ? 'primary' : 'secondary',
+            __next40pxDefaultSize: true,
+            onClick: buildAmPmChangeCallback('PM'),
+            children: (0, _i18n.__)('PM')
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.Spacer, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_timezone.default, {})]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Fieldset, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControl.default.VisualLabel, {
+        as: "legend",
+        className: "components-datetime__time-legend" // Unused, for backwards compatibility.
+        ,
+        children: (0, _i18n.__)('Date')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hStack.HStack, {
+        className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
+        ,
+        children: [is12Hour ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [monthField, dayField]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [dayField, monthField]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.YearInput, {
+          className: "components-datetime__time-field components-datetime__time-field-year" // Unused, for backwards compatibility.
+          ,
+          label: (0, _i18n.__)('Year'),
+          hideLabelFromVision: true,
+          __next40pxDefaultSize: true,
+          value: year,
+          step: 1,
+          min: 1,
+          max: 9999,
+          required: true,
+          spinControls: "none",
+          isPressEnterToChange: true,
+          isDragEnabled: false,
+          isShiftStepEnabled: false,
+          onChange: buildNumberControlChangeCallback('year'),
+          __unstableStateReducer: buildPadInputStateReducer(4)
+        })]
+      })]
+    })]
+  });
 }
 var _default = exports.default = TimePicker;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_dateFns","require","_element","_i18n","_baseControl","_interopRequireDefault","_button","_buttonGroup","_selectControl","_timezone","_styles","_hStack","_spacer","_actions","_utils","_constants","from12hTo24h","hours","isPm","buildPadInputStateReducer","pad","state","action","nextState","type","COMMIT","PRESS_UP","PRESS_DOWN","value","undefined","toString","padStart","TimePicker","is12Hour","currentTime","onChange","date","setDate","useState","startOfMinute","inputToDate","Date","useEffect","day","month","year","minutes","am","useMemo","format","buildNumberControlChangeCallback","method","callback","event","_ownerDocument$defaul","HTMLInputElementInstance","target","ownerDocument","defaultView","HTMLInputElement","validity","valid","numberValue","Number","newDate","set","TIMEZONELESS_FORMAT","buildAmPmChangeCallback","parsedHours","parseInt","setHours","dayField","_react","createElement","DayInput","className","label","__","hideLabelFromVision","__next40pxDefaultSize","step","min","max","required","spinControls","isPressEnterToChange","isDragEnabled","isShiftStepEnabled","monthField","MonthSelectWrapper","default","__nextHasNoMarginBottom","options","setMonth","Wrapper","Fieldset","VisualLabel","as","HStack","TimeWrapper","HoursInput","__unstableStateReducer","TimeSeparator","MinutesInput","variant","onClick","Spacer","Fragment","YearInput","_default","exports"],"sources":["@wordpress/components/src/date-time/time/index.tsx"],"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 SelectControl from '../../select-control';\nimport TimeZone from './timezone';\nimport type { TimePickerProps } from '../types';\nimport {\n\tWrapper,\n\tFieldset,\n\tHoursInput,\n\tTimeSeparator,\n\tMinutesInput,\n\tMonthSelectWrapper,\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 type { InputAction } from '../../input-control/reducer/actions';\nimport {\n\tCOMMIT,\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\t// `instanceof` checks need to get the instance definition from the\n\t\t\t// corresponding window object — therefore, the following logic makes\n\t\t\t// the component work correctly even when rendered inside an iframe.\n\t\t\tconst HTMLInputElementInstance =\n\t\t\t\t( event.target as HTMLInputElement )?.ownerDocument.defaultView\n\t\t\t\t\t?.HTMLInputElement ?? HTMLInputElement;\n\n\t\t\tif ( ! ( event.target instanceof HTMLInputElementInstance ) ) {\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__next40pxDefaultSize\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<SelectControl\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__next40pxDefaultSize\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__next40pxDefaultSize\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__next40pxDefaultSize\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\t__next40pxDefaultSize\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\t__next40pxDefaultSize\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__next40pxDefaultSize\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_dateFns","require","_element","_i18n","_baseControl","_interopRequireDefault","_button","_buttonGroup","_selectControl","_timezone","_styles","_hStack","_spacer","_actions","_utils","_constants","_jsxRuntime","from12hTo24h","hours","isPm","buildPadInputStateReducer","pad","state","action","nextState","type","COMMIT","PRESS_UP","PRESS_DOWN","value","undefined","toString","padStart","TimePicker","is12Hour","currentTime","onChange","date","setDate","useState","startOfMinute","inputToDate","Date","useEffect","day","month","year","minutes","am","useMemo","format","buildNumberControlChangeCallback","method","callback","event","_ownerDocument$defaul","HTMLInputElementInstance","target","ownerDocument","defaultView","HTMLInputElement","validity","valid","numberValue","Number","newDate","set","TIMEZONELESS_FORMAT","buildAmPmChangeCallback","parsedHours","parseInt","setHours","dayField","jsx","DayInput","className","label","__","hideLabelFromVision","__next40pxDefaultSize","step","min","max","required","spinControls","isPressEnterToChange","isDragEnabled","isShiftStepEnabled","monthField","MonthSelectWrapper","children","default","__nextHasNoMarginBottom","options","setMonth","jsxs","Wrapper","Fieldset","VisualLabel","as","HStack","TimeWrapper","HoursInput","__unstableStateReducer","TimeSeparator","MinutesInput","variant","onClick","Spacer","Fragment","YearInput","_default","exports"],"sources":["@wordpress/components/src/date-time/time/index.tsx"],"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 SelectControl from '../../select-control';\nimport TimeZone from './timezone';\nimport type { TimePickerProps } from '../types';\nimport {\n\tWrapper,\n\tFieldset,\n\tHoursInput,\n\tTimeSeparator,\n\tMinutesInput,\n\tMonthSelectWrapper,\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 type { InputAction } from '../../input-control/reducer/actions';\nimport {\n\tCOMMIT,\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\t// `instanceof` checks need to get the instance definition from the\n\t\t\t// corresponding window object — therefore, the following logic makes\n\t\t\t// the component work correctly even when rendered inside an iframe.\n\t\t\tconst HTMLInputElementInstance =\n\t\t\t\t( event.target as HTMLInputElement )?.ownerDocument.defaultView\n\t\t\t\t\t?.HTMLInputElement ?? HTMLInputElement;\n\n\t\t\tif ( ! ( event.target instanceof HTMLInputElementInstance ) ) {\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__next40pxDefaultSize\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<SelectControl\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__next40pxDefaultSize\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__next40pxDefaultSize\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__next40pxDefaultSize\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\t__next40pxDefaultSize\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\t__next40pxDefaultSize\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__next40pxDefaultSize\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"],"mappings":"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","ignoreList":[]}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _date = require("@wordpress/date");
 var _tooltip = _interopRequireDefault(require("../../tooltip"));
 var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -21,8 +21,7 @@ var _styles = require("./styles");
 /**
  * Displays timezone information when user timezone is different from site
  * timezone.
- */
-const TimeZone = () => {
+ */const TimeZone = () => {
   const {
     timezone
   } = (0, _date.getSettings)();
@@ -45,14 +44,17 @@ const TimeZone = () => {
   // When the prettyTimezoneString is empty, there is no additional timezone
   // detail information to show in a Tooltip.
   const hasNoAdditionalTimezoneDetail = prettyTimezoneString.trim().length === 0;
-  return hasNoAdditionalTimezoneDetail ? (0, _react.createElement)(_styles.TimeZone, {
-    className: "components-datetime__timezone"
-  }, zoneAbbr) : (0, _react.createElement)(_tooltip.default, {
+  return hasNoAdditionalTimezoneDetail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimeZone, {
+    className: "components-datetime__timezone",
+    children: zoneAbbr
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
     placement: "top",
-    text: timezoneDetail
-  }, (0, _react.createElement)(_styles.TimeZone, {
-    className: "components-datetime__timezone"
-  }, zoneAbbr));
+    text: timezoneDetail,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimeZone, {
+      className: "components-datetime__timezone",
+      children: zoneAbbr
+    })
+  });
 };
 var _default = exports.default = TimeZone;
 //# sourceMappingURL=timezone.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_date","_tooltip","_interopRequireDefault","_styles","TimeZone","timezone","getDateSettings","userTimezoneOffset","Date","getTimezoneOffset","Number","offset","offsetSymbol","zoneAbbr","abbr","isNaN","offsetFormatted","prettyTimezoneString","string","replace","timezoneDetail","__","hasNoAdditionalTimezoneDetail","trim","length","_react","createElement","className","default","placement","text","_default","exports"],"sources":["@wordpress/components/src/date-time/time/timezone.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSettings as getDateSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport Tooltip from '../../tooltip';\nimport { TimeZone as StyledComponent } from './styles';\n\n/**\n * Displays timezone information when user timezone is different from site\n * timezone.\n */\nconst TimeZone = () => {\n\tconst { timezone } = getDateSettings();\n\n\t// Convert timezone offset to hours.\n\tconst userTimezoneOffset = -1 * ( new Date().getTimezoneOffset() / 60 );\n\n\t// System timezone and user timezone match, nothing needed.\n\t// Compare as numbers because it comes over as string.\n\tif ( Number( timezone.offset ) === userTimezoneOffset ) {\n\t\treturn null;\n\t}\n\n\tconst offsetSymbol = Number( timezone.offset ) >= 0 ? '+' : '';\n\tconst zoneAbbr =\n\t\t'' !== timezone.abbr && isNaN( Number( timezone.abbr ) )\n\t\t\t? timezone.abbr\n\t\t\t: `UTC${ offsetSymbol }${ timezone.offsetFormatted }`;\n\n\t// Replace underscore with space in strings like `America/Costa_Rica`.\n\tconst prettyTimezoneString = timezone.string.replace( '_', ' ' );\n\n\tconst timezoneDetail =\n\t\t'UTC' === timezone.string\n\t\t\t? __( 'Coordinated Universal Time' )\n\t\t\t: `(${ zoneAbbr }) ${ prettyTimezoneString }`;\n\n\t// When the prettyTimezoneString is empty, there is no additional timezone\n\t// detail information to show in a Tooltip.\n\tconst hasNoAdditionalTimezoneDetail =\n\t\tprettyTimezoneString.trim().length === 0;\n\n\treturn hasNoAdditionalTimezoneDetail ? (\n\t\t<StyledComponent className=\"components-datetime__timezone\">\n\t\t\t{ zoneAbbr }\n\t\t</StyledComponent>\n\t) : (\n\t\t<Tooltip placement=\"top\" text={ timezoneDetail }>\n\t\t\t<StyledComponent className=\"components-datetime__timezone\">\n\t\t\t\t{ zoneAbbr }\n\t\t\t</StyledComponent>\n\t\t</Tooltip>\n\t);\n};\n\nexport default TimeZone;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA,MAAMK,QAAQ,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iBAAe,EAAC,CAAC;;EAEtC;EACA,MAAMC,kBAAkB,GAAG,CAAC,CAAC,IAAK,IAAIC,IAAI,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC,GAAG,EAAE,CAAE;;EAEvE;EACA;EACA,IAAKC,MAAM,CAAEL,QAAQ,CAACM,MAAO,CAAC,KAAKJ,kBAAkB,EAAG;IACvD,OAAO,IAAI;EACZ;EAEA,MAAMK,YAAY,GAAGF,MAAM,CAAEL,QAAQ,CAACM,MAAO,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE;EAC9D,MAAME,QAAQ,GACb,EAAE,KAAKR,QAAQ,CAACS,IAAI,IAAIC,KAAK,CAAEL,MAAM,CAAEL,QAAQ,CAACS,IAAK,CAAE,CAAC,GACrDT,QAAQ,CAACS,IAAI,GACZ,MAAMF,YAAc,GAAGP,QAAQ,CAACW,eAAiB,EAAC;;EAEvD;EACA,MAAMC,oBAAoB,GAAGZ,QAAQ,CAACa,MAAM,CAACC,OAAO,CAAE,GAAG,EAAE,GAAI,CAAC;EAEhE,MAAMC,cAAc,GACnB,KAAK,KAAKf,QAAQ,CAACa,MAAM,GACtB,IAAAG,QAAE,EAAE,4BAA6B,CAAC,GACjC,IAAIR,QAAU,KAAKI,oBAAsB,EAAC;;EAE/C;EACA;EACA,MAAMK,6BAA6B,GAClCL,oBAAoB,CAACM,IAAI,CAAC,CAAC,CAACC,MAAM,KAAK,CAAC;EAEzC,OAAOF,6BAA6B,GACnC,IAAAG,MAAA,CAAAC,aAAA,EAACvB,OAAA,CAAAC,QAAe;IAACuB,SAAS,EAAC;EAA+B,GACvDd,QACc,CAAC,GAElB,IAAAY,MAAA,CAAAC,aAAA,EAACzB,QAAA,CAAA2B,OAAO;IAACC,SAAS,EAAC,KAAK;IAACC,IAAI,EAAGV;EAAgB,GAC/C,IAAAK,MAAA,CAAAC,aAAA,EAACvB,OAAA,CAAAC,QAAe;IAACuB,SAAS,EAAC;EAA+B,GACvDd,QACc,CACT,CACT;AACF,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEaxB,QAAQ","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_date","_tooltip","_interopRequireDefault","_styles","_jsxRuntime","TimeZone","timezone","getDateSettings","userTimezoneOffset","Date","getTimezoneOffset","Number","offset","offsetSymbol","zoneAbbr","abbr","isNaN","offsetFormatted","prettyTimezoneString","string","replace","timezoneDetail","__","hasNoAdditionalTimezoneDetail","trim","length","jsx","className","children","default","placement","text","_default","exports"],"sources":["@wordpress/components/src/date-time/time/timezone.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSettings as getDateSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport Tooltip from '../../tooltip';\nimport { TimeZone as StyledComponent } from './styles';\n\n/**\n * Displays timezone information when user timezone is different from site\n * timezone.\n */\nconst TimeZone = () => {\n\tconst { timezone } = getDateSettings();\n\n\t// Convert timezone offset to hours.\n\tconst userTimezoneOffset = -1 * ( new Date().getTimezoneOffset() / 60 );\n\n\t// System timezone and user timezone match, nothing needed.\n\t// Compare as numbers because it comes over as string.\n\tif ( Number( timezone.offset ) === userTimezoneOffset ) {\n\t\treturn null;\n\t}\n\n\tconst offsetSymbol = Number( timezone.offset ) >= 0 ? '+' : '';\n\tconst zoneAbbr =\n\t\t'' !== timezone.abbr && isNaN( Number( timezone.abbr ) )\n\t\t\t? timezone.abbr\n\t\t\t: `UTC${ offsetSymbol }${ timezone.offsetFormatted }`;\n\n\t// Replace underscore with space in strings like `America/Costa_Rica`.\n\tconst prettyTimezoneString = timezone.string.replace( '_', ' ' );\n\n\tconst timezoneDetail =\n\t\t'UTC' === timezone.string\n\t\t\t? __( 'Coordinated Universal Time' )\n\t\t\t: `(${ zoneAbbr }) ${ prettyTimezoneString }`;\n\n\t// When the prettyTimezoneString is empty, there is no additional timezone\n\t// detail information to show in a Tooltip.\n\tconst hasNoAdditionalTimezoneDetail =\n\t\tprettyTimezoneString.trim().length === 0;\n\n\treturn hasNoAdditionalTimezoneDetail ? (\n\t\t<StyledComponent className=\"components-datetime__timezone\">\n\t\t\t{ zoneAbbr }\n\t\t</StyledComponent>\n\t) : (\n\t\t<Tooltip placement=\"top\" text={ timezoneDetail }>\n\t\t\t<StyledComponent className=\"components-datetime__timezone\">\n\t\t\t\t{ zoneAbbr }\n\t\t\t</StyledComponent>\n\t\t</Tooltip>\n\t);\n};\n\nexport default TimeZone;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAuD,IAAAK,WAAA,GAAAL,OAAA;AAVvD;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA,GACA,MAAMM,QAAQ,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iBAAe,EAAC,CAAC;;EAEtC;EACA,MAAMC,kBAAkB,GAAG,CAAC,CAAC,IAAK,IAAIC,IAAI,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC,GAAG,EAAE,CAAE;;EAEvE;EACA;EACA,IAAKC,MAAM,CAAEL,QAAQ,CAACM,MAAO,CAAC,KAAKJ,kBAAkB,EAAG;IACvD,OAAO,IAAI;EACZ;EAEA,MAAMK,YAAY,GAAGF,MAAM,CAAEL,QAAQ,CAACM,MAAO,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE;EAC9D,MAAME,QAAQ,GACb,EAAE,KAAKR,QAAQ,CAACS,IAAI,IAAIC,KAAK,CAAEL,MAAM,CAAEL,QAAQ,CAACS,IAAK,CAAE,CAAC,GACrDT,QAAQ,CAACS,IAAI,GACZ,MAAMF,YAAc,GAAGP,QAAQ,CAACW,eAAiB,EAAC;;EAEvD;EACA,MAAMC,oBAAoB,GAAGZ,QAAQ,CAACa,MAAM,CAACC,OAAO,CAAE,GAAG,EAAE,GAAI,CAAC;EAEhE,MAAMC,cAAc,GACnB,KAAK,KAAKf,QAAQ,CAACa,MAAM,GACtB,IAAAG,QAAE,EAAE,4BAA6B,CAAC,GACjC,IAAIR,QAAU,KAAKI,oBAAsB,EAAC;;EAE/C;EACA;EACA,MAAMK,6BAA6B,GAClCL,oBAAoB,CAACM,IAAI,CAAC,CAAC,CAACC,MAAM,KAAK,CAAC;EAEzC,OAAOF,6BAA6B,gBACnC,IAAAnB,WAAA,CAAAsB,GAAA,EAACvB,OAAA,CAAAE,QAAe;IAACsB,SAAS,EAAC,+BAA+B;IAAAC,QAAA,EACvDd;EAAQ,CACM,CAAC,gBAElB,IAAAV,WAAA,CAAAsB,GAAA,EAACzB,QAAA,CAAA4B,OAAO;IAACC,SAAS,EAAC,KAAK;IAACC,IAAI,EAAGV,cAAgB;IAAAO,QAAA,eAC/C,IAAAxB,WAAA,CAAAsB,GAAA,EAACvB,OAAA,CAAAE,QAAe;MAACsB,SAAS,EAAC,+BAA+B;MAAAC,QAAA,EACvDd;IAAQ,CACM;EAAC,CACV,CACT;AACF,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEaxB,QAAQ","ignoreList":[]}

package/build/dimension-control/index.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DimensionControl = DimensionControl;
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _icon = _interopRequireDefault(require("../icon"));
 var _selectControl = _interopRequireDefault(require("../select-control"));
 var _sizes = _interopRequireWildcard(require("./sizes"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -80,10 +80,12 @@ function DimensionControl(props) {
       value: ''
     }, ...options];
   };
-  const selectLabel = (0, _react.createElement)(_react.Fragment, null, icon && (0, _react.createElement)(_icon.default, {
-    icon: icon
-  }), label);
-  return (0, _react.createElement)(_selectControl.default, {
+  const selectLabel = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
+      icon: icon
+    }), label]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectControl.default, {
     __next40pxDefaultSize: __next40pxDefaultSize,
     className: (0, _clsx.default)(className, 'block-editor-dimension-control'),
     label: selectLabel,

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_icon","_selectControl","_sizes","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DimensionControl","props","__next40pxDefaultSize","label","value","sizes","sizesTable","icon","onChange","className","onChangeSpacingSize","val","theSize","findSizeBySlug","slug","undefined","formatSizesAsOptions","theSizes","options","map","name","__","selectLabel","_react","createElement","Fragment","clsx","hideLabelFromVision","_default","exports"],"sources":["@wordpress/components/src/dimension-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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\t__next40pxDefaultSize = false,\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\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\tclassName={ clsx( className, 'block-editor-dimension-control' ) }\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_icon","_selectControl","_sizes","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DimensionControl","props","__next40pxDefaultSize","label","value","sizes","sizesTable","icon","onChange","className","onChangeSpacingSize","val","theSize","findSizeBySlug","slug","undefined","formatSizesAsOptions","theSizes","options","map","name","__","selectLabel","jsxs","Fragment","children","jsx","clsx","hideLabelFromVision","_default","exports"],"sources":["@wordpress/components/src/dimension-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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\t__next40pxDefaultSize = false,\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\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\tclassName={ clsx( className, 'block-editor-dimension-control' ) }\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"],"mappings":"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","ignoreList":[]}