@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

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

@@ -1,25 +1,14 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Fragment } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { TimeWrapper, TimeSeparator, HoursInput, MinutesInput, Fieldset } from '../styles';
-import { HStack } from '../../../h-stack';
-import { from12hTo24h, from24hTo12h, buildPadInputStateReducer, validateInputElementTarget } from '../../utils';
-import { useControlledValue } from '../../../utils';
-import BaseControl from '../../../base-control';
-import { ToggleGroupControl, ToggleGroupControlOption } from '../../../toggle-group-control';
+import clsx from "clsx";
+import { __ } from "@wordpress/i18n";
+import { Fragment } from "@wordpress/element";
+import { TimeWrapper, TimeSeparator, HoursInput, MinutesInput, Fieldset } from "../styles";
+import { HStack } from "../../../h-stack";
+import { from12hTo24h, from24hTo12h, buildPadInputStateReducer, validateInputElementTarget } from "../../utils";
+import { useControlledValue } from "../../../utils";
+import BaseControl from "../../../base-control";
+import { ToggleGroupControl, ToggleGroupControlOption } from "../../../toggle-group-control";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function TimeInput({
+function TimeInput({
   value: valueProp,
   defaultValue,
   is12Hour,
@@ -28,8 +17,8 @@ export function TimeInput({
   onChange
 }) {
   const [value = {
-    hours: new Date().getHours(),
-    minutes: new Date().getMinutes()
+    hours: (/* @__PURE__ */ new Date()).getHours(),
+    minutes: (/* @__PURE__ */ new Date()).getMinutes()
   }, setValue] = useControlledValue({
     value: valueProp,
     onChange,
@@ -37,54 +26,50 @@ export function TimeInput({
   });
   const dayPeriod = parseDayPeriod(value.hours);
   const hours12Format = from24hTo12h(value.hours);
-  const buildNumberControlChangeCallback = method => {
+  const buildNumberControlChangeCallback = (method) => {
     return (_value, {
       event
     }) => {
       if (!validateInputElementTarget(event)) {
         return;
       }
-
-      // We can safely assume value is a number if target is valid.
       const numberValue = Number(_value);
       setValue({
         ...value,
-        [method]: method === 'hours' && is12Hour ? from12hTo24h(numberValue, dayPeriod === 'PM') : numberValue
+        [method]: method === "hours" && is12Hour ? from12hTo24h(numberValue, dayPeriod === "PM") : numberValue
       });
     };
   };
-  const buildAmPmChangeCallback = _value => {
+  const buildAmPmChangeCallback = (_value) => {
     return () => {
       if (dayPeriod === _value) {
         return;
       }
       setValue({
         ...value,
-        hours: from12hTo24h(hours12Format, _value === 'PM')
+        hours: from12hTo24h(hours12Format, _value === "PM")
       });
     };
   };
   function parseDayPeriod(_hours) {
-    return _hours < 12 ? 'AM' : 'PM';
+    return _hours < 12 ? "AM" : "PM";
   }
   const Wrapper = label ? Fieldset : Fragment;
-  return /*#__PURE__*/_jsxs(Wrapper, {
-    children: [label && /*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+  return /* @__PURE__ */ _jsxs(Wrapper, {
+    children: [label && /* @__PURE__ */ _jsx(BaseControl.VisualLabel, {
       as: "legend",
       children: label
-    }), /*#__PURE__*/_jsxs(HStack, {
+    }), /* @__PURE__ */ _jsxs(HStack, {
       alignment: "left",
       expanded: false,
-      children: [/*#__PURE__*/_jsxs(TimeWrapper, {
-        className: "components-datetime__time-field components-datetime__time-field-time" // Unused, for backwards compatibility.
-        ,
-        children: [/*#__PURE__*/_jsx(HoursInput, {
-          className: "components-datetime__time-field-hours-input" // Unused, for backwards compatibility.
-          ,
-          label: __('Hours'),
+      children: [/* @__PURE__ */ _jsxs(TimeWrapper, {
+        className: "components-datetime__time-field components-datetime__time-field-time",
+        children: [/* @__PURE__ */ _jsx(HoursInput, {
+          className: "components-datetime__time-field-hours-input",
+          label: __("Hours"),
           hideLabelFromVision: true,
           __next40pxDefaultSize: true,
-          value: String(is12Hour ? hours12Format : value.hours).padStart(2, '0'),
+          value: String(is12Hour ? hours12Format : value.hours).padStart(2, "0"),
           step: 1,
           min: is12Hour ? 1 : 0,
           max: is12Hour ? 12 : 23,
@@ -93,21 +78,22 @@ export function TimeInput({
           isPressEnterToChange: true,
           isDragEnabled: false,
           isShiftStepEnabled: false,
-          onChange: buildNumberControlChangeCallback('hours'),
+          onChange: buildNumberControlChangeCallback("hours"),
           __unstableStateReducer: buildPadInputStateReducer(2)
-        }), /*#__PURE__*/_jsx(TimeSeparator, {
-          className: "components-datetime__time-separator" // Unused, for backwards compatibility.
-          ,
+        }), /* @__PURE__ */ _jsx(TimeSeparator, {
+          className: "components-datetime__time-separator",
           "aria-hidden": "true",
           children: ":"
-        }), /*#__PURE__*/_jsx(MinutesInput, {
-          className: clsx('components-datetime__time-field-minutes-input',
-          // Unused, for backwards compatibility.
-          minutesProps?.className),
-          label: __('Minutes'),
+        }), /* @__PURE__ */ _jsx(MinutesInput, {
+          className: clsx(
+            "components-datetime__time-field-minutes-input",
+            // Unused, for backwards compatibility.
+            minutesProps?.className
+          ),
+          label: __("Minutes"),
           hideLabelFromVision: true,
           __next40pxDefaultSize: true,
-          value: String(value.minutes).padStart(2, '0'),
+          value: String(value.minutes).padStart(2, "0"),
           step: 1,
           min: 0,
           max: 59,
@@ -117,32 +103,36 @@ export function TimeInput({
           isDragEnabled: false,
           isShiftStepEnabled: false,
           onChange: (...args) => {
-            buildNumberControlChangeCallback('minutes')(...args);
+            buildNumberControlChangeCallback("minutes")(...args);
             minutesProps?.onChange?.(...args);
           },
           __unstableStateReducer: buildPadInputStateReducer(2),
           ...minutesProps
         })]
-      }), is12Hour && /*#__PURE__*/_jsxs(ToggleGroupControl, {
+      }), is12Hour && /* @__PURE__ */ _jsxs(ToggleGroupControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
         isBlock: true,
-        label: __('Select AM or PM'),
+        label: __("Select AM or PM"),
         hideLabelFromVision: true,
         value: dayPeriod,
-        onChange: newValue => {
+        onChange: (newValue) => {
           buildAmPmChangeCallback(newValue)();
         },
-        children: [/*#__PURE__*/_jsx(ToggleGroupControlOption, {
+        children: [/* @__PURE__ */ _jsx(ToggleGroupControlOption, {
           value: "AM",
-          label: __('AM')
-        }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
+          label: __("AM")
+        }), /* @__PURE__ */ _jsx(ToggleGroupControlOption, {
           value: "PM",
-          label: __('PM')
+          label: __("PM")
         })]
       })]
     })]
   });
 }
-export default TimeInput;
-//# sourceMappingURL=index.js.map
+var time_input_default = TimeInput;
+export {
+  TimeInput,
+  time_input_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__","Fragment","TimeWrapper","TimeSeparator","HoursInput","MinutesInput","Fieldset","HStack","from12hTo24h","from24hTo12h","buildPadInputStateReducer","validateInputElementTarget","useControlledValue","BaseControl","ToggleGroupControl","ToggleGroupControlOption","jsx","_jsx","jsxs","_jsxs","TimeInput","value","valueProp","defaultValue","is12Hour","label","minutesProps","onChange","hours","Date","getHours","minutes","getMinutes","setValue","dayPeriod","parseDayPeriod","hours12Format","buildNumberControlChangeCallback","method","_value","event","numberValue","Number","buildAmPmChangeCallback","_hours","Wrapper","children","VisualLabel","as","alignment","expanded","className","hideLabelFromVision","__next40pxDefaultSize","String","padStart","step","min","max","required","spinControls","isPressEnterToChange","isDragEnabled","isShiftStepEnabled","__unstableStateReducer","args","__nextHasNoMarginBottom","isBlock","newValue"],"sources":["@wordpress/components/src/date-time/time/time-input/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTimeWrapper,\n\tTimeSeparator,\n\tHoursInput,\n\tMinutesInput,\n\tFieldset,\n} from '../styles';\nimport { HStack } from '../../../h-stack';\nimport {\n\tfrom12hTo24h,\n\tfrom24hTo12h,\n\tbuildPadInputStateReducer,\n\tvalidateInputElementTarget,\n} from '../../utils';\nimport type { TimeInputProps } from '../../types';\nimport type { InputChangeCallback } from '../../../input-control/types';\nimport { useControlledValue } from '../../../utils';\nimport BaseControl from '../../../base-control';\nimport {\n\tToggleGroupControl,\n\tToggleGroupControlOption,\n} from '../../../toggle-group-control';\n\nexport function TimeInput( {\n\tvalue: valueProp,\n\tdefaultValue,\n\tis12Hour,\n\tlabel,\n\tminutesProps,\n\tonChange,\n}: TimeInputProps ) {\n\tconst [\n\t\tvalue = {\n\t\t\thours: new Date().getHours(),\n\t\t\tminutes: new Date().getMinutes(),\n\t\t},\n\t\tsetValue,\n\t] = useControlledValue( {\n\t\tvalue: valueProp,\n\t\tonChange,\n\t\tdefaultValue,\n\t} );\n\tconst dayPeriod = parseDayPeriod( value.hours );\n\tconst hours12Format = from24hTo12h( value.hours );\n\n\tconst buildNumberControlChangeCallback = (\n\t\tmethod: 'hours' | 'minutes'\n\t): InputChangeCallback => {\n\t\treturn ( _value, { event } ) => {\n\t\t\tif ( ! validateInputElementTarget( event ) ) {\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\tconst numberValue = Number( _value );\n\n\t\t\tsetValue( {\n\t\t\t\t...value,\n\t\t\t\t[ method ]:\n\t\t\t\t\tmethod === 'hours' && is12Hour\n\t\t\t\t\t\t? from12hTo24h( numberValue, dayPeriod === 'PM' )\n\t\t\t\t\t\t: numberValue,\n\t\t\t} );\n\t\t};\n\t};\n\n\tconst buildAmPmChangeCallback = ( _value: 'AM' | 'PM' ) => {\n\t\treturn () => {\n\t\t\tif ( dayPeriod === _value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetValue( {\n\t\t\t\t...value,\n\t\t\t\thours: from12hTo24h( hours12Format, _value === 'PM' ),\n\t\t\t} );\n\t\t};\n\t};\n\n\tfunction parseDayPeriod( _hours: number ) {\n\t\treturn _hours < 12 ? 'AM' : 'PM';\n\t}\n\n\tconst Wrapper = label ? Fieldset : Fragment;\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t{ label && (\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t) }\n\n\t\t\t<HStack alignment=\"left\" expanded={ false }>\n\t\t\t\t<TimeWrapper\n\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-time\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<HoursInput\n\t\t\t\t\t\tclassName=\"components-datetime__time-field-hours-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\tlabel={ __( 'Hours' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ String(\n\t\t\t\t\t\t\tis12Hour ? hours12Format : value.hours\n\t\t\t\t\t\t).padStart( 2, '0' ) }\n\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\tmin={ is12Hour ? 1 : 0 }\n\t\t\t\t\t\tmax={ is12Hour ? 12 : 23 }\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( 'hours' ) }\n\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t2\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<TimeSeparator\n\t\t\t\t\t\tclassName=\"components-datetime__time-separator\" // Unused, for backwards compatibility.\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t:\n\t\t\t\t\t</TimeSeparator>\n\t\t\t\t\t<MinutesInput\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'components-datetime__time-field-minutes-input', // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tminutesProps?.className\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Minutes' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ String( value.minutes ).padStart( 2, '0' ) }\n\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ 59 }\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={ ( ...args ) => {\n\t\t\t\t\t\t\tbuildNumberControlChangeCallback( 'minutes' )(\n\t\t\t\t\t\t\t\t...args\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tminutesProps?.onChange?.( ...args );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t2\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ...minutesProps }\n\t\t\t\t\t/>\n\t\t\t\t</TimeWrapper>\n\t\t\t\t{ is12Hour && (\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tlabel={ __( 'Select AM or PM' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ dayPeriod }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tbuildAmPmChangeCallback(\n\t\t\t\t\t\t\t\tnewValue as 'AM' | 'PM'\n\t\t\t\t\t\t\t)();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"AM\"\n\t\t\t\t\t\t\tlabel={ __( 'AM' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"PM\"\n\t\t\t\t\t\t\tlabel={ __( 'PM' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</Wrapper>\n\t);\n}\nexport default TimeInput;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/date-time/time/time-input/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { TimeWrapper, TimeSeparator, HoursInput, MinutesInput, Fieldset } from '../styles';\nimport { HStack } from '../../../h-stack';\nimport { from12hTo24h, from24hTo12h, buildPadInputStateReducer, validateInputElementTarget } from '../../utils';\nimport { useControlledValue } from '../../../utils';\nimport BaseControl from '../../../base-control';\nimport { ToggleGroupControl, ToggleGroupControlOption } from '../../../toggle-group-control';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function TimeInput({\n  value: valueProp,\n  defaultValue,\n  is12Hour,\n  label,\n  minutesProps,\n  onChange\n}) {\n  const [value = {\n    hours: new Date().getHours(),\n    minutes: new Date().getMinutes()\n  }, setValue] = useControlledValue({\n    value: valueProp,\n    onChange,\n    defaultValue\n  });\n  const dayPeriod = parseDayPeriod(value.hours);\n  const hours12Format = from24hTo12h(value.hours);\n  const buildNumberControlChangeCallback = method => {\n    return (_value, {\n      event\n    }) => {\n      if (!validateInputElementTarget(event)) {\n        return;\n      }\n\n      // We can safely assume value is a number if target is valid.\n      const numberValue = Number(_value);\n      setValue({\n        ...value,\n        [method]: method === 'hours' && is12Hour ? from12hTo24h(numberValue, dayPeriod === 'PM') : numberValue\n      });\n    };\n  };\n  const buildAmPmChangeCallback = _value => {\n    return () => {\n      if (dayPeriod === _value) {\n        return;\n      }\n      setValue({\n        ...value,\n        hours: from12hTo24h(hours12Format, _value === 'PM')\n      });\n    };\n  };\n  function parseDayPeriod(_hours) {\n    return _hours < 12 ? 'AM' : 'PM';\n  }\n  const Wrapper = label ? Fieldset : Fragment;\n  return /*#__PURE__*/_jsxs(Wrapper, {\n    children: [label && /*#__PURE__*/_jsx(BaseControl.VisualLabel, {\n      as: \"legend\",\n      children: label\n    }), /*#__PURE__*/_jsxs(HStack, {\n      alignment: \"left\",\n      expanded: false,\n      children: [/*#__PURE__*/_jsxs(TimeWrapper, {\n        className: \"components-datetime__time-field components-datetime__time-field-time\" // Unused, for backwards compatibility.\n        ,\n        children: [/*#__PURE__*/_jsx(HoursInput, {\n          className: \"components-datetime__time-field-hours-input\" // Unused, for backwards compatibility.\n          ,\n          label: __('Hours'),\n          hideLabelFromVision: true,\n          __next40pxDefaultSize: true,\n          value: String(is12Hour ? hours12Format : value.hours).padStart(2, '0'),\n          step: 1,\n          min: is12Hour ? 1 : 0,\n          max: is12Hour ? 12 : 23,\n          required: true,\n          spinControls: \"none\",\n          isPressEnterToChange: true,\n          isDragEnabled: false,\n          isShiftStepEnabled: false,\n          onChange: buildNumberControlChangeCallback('hours'),\n          __unstableStateReducer: buildPadInputStateReducer(2)\n        }), /*#__PURE__*/_jsx(TimeSeparator, {\n          className: \"components-datetime__time-separator\" // Unused, for backwards compatibility.\n          ,\n          \"aria-hidden\": \"true\",\n          children: \":\"\n        }), /*#__PURE__*/_jsx(MinutesInput, {\n          className: clsx('components-datetime__time-field-minutes-input',\n          // Unused, for backwards compatibility.\n          minutesProps?.className),\n          label: __('Minutes'),\n          hideLabelFromVision: true,\n          __next40pxDefaultSize: true,\n          value: String(value.minutes).padStart(2, '0'),\n          step: 1,\n          min: 0,\n          max: 59,\n          required: true,\n          spinControls: \"none\",\n          isPressEnterToChange: true,\n          isDragEnabled: false,\n          isShiftStepEnabled: false,\n          onChange: (...args) => {\n            buildNumberControlChangeCallback('minutes')(...args);\n            minutesProps?.onChange?.(...args);\n          },\n          __unstableStateReducer: buildPadInputStateReducer(2),\n          ...minutesProps\n        })]\n      }), is12Hour && /*#__PURE__*/_jsxs(ToggleGroupControl, {\n        __next40pxDefaultSize: true,\n        __nextHasNoMarginBottom: true,\n        isBlock: true,\n        label: __('Select AM or PM'),\n        hideLabelFromVision: true,\n        value: dayPeriod,\n        onChange: newValue => {\n          buildAmPmChangeCallback(newValue)();\n        },\n        children: [/*#__PURE__*/_jsx(ToggleGroupControlOption, {\n          value: \"AM\",\n          label: __('AM')\n        }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {\n          value: \"PM\",\n          label: __('PM')\n        })]\n      })]\n    })]\n  });\n}\nexport default TimeInput;"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,54 +1,35 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { getSettings as getDateSettings } from '@wordpress/date';
-
-/**
- * Internal dependencies
- */
-import Tooltip from '../../tooltip';
-import { TimeZone as StyledComponent } from './styles';
-
-/**
- * Displays timezone information when user timezone is different from site
- * timezone.
- */
+import { __ } from "@wordpress/i18n";
+import { getSettings as getDateSettings } from "@wordpress/date";
+import Tooltip from "../../tooltip";
+import { TimeZone as StyledComponent } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TimeZone = () => {
   const {
     timezone
   } = getDateSettings();
-
-  // Convert timezone offset to hours.
-  const userTimezoneOffset = -1 * (new Date().getTimezoneOffset() / 60);
-
-  // System timezone and user timezone match, nothing needed.
-  // Compare as numbers because it comes over as string.
+  const userTimezoneOffset = -1 * ((/* @__PURE__ */ new Date()).getTimezoneOffset() / 60);
   if (Number(timezone.offset) === userTimezoneOffset) {
     return null;
   }
-  const offsetSymbol = Number(timezone.offset) >= 0 ? '+' : '';
-  const zoneAbbr = '' !== timezone.abbr && isNaN(Number(timezone.abbr)) ? timezone.abbr : `UTC${offsetSymbol}${timezone.offsetFormatted}`;
-
-  // Replace underscore with space in strings like `America/Costa_Rica`.
-  const prettyTimezoneString = timezone.string.replace('_', ' ');
-  const timezoneDetail = 'UTC' === timezone.string ? __('Coordinated Universal Time') : `(${zoneAbbr}) ${prettyTimezoneString}`;
-
-  // When the prettyTimezoneString is empty, there is no additional timezone
-  // detail information to show in a Tooltip.
+  const offsetSymbol = Number(timezone.offset) >= 0 ? "+" : "";
+  const zoneAbbr = "" !== timezone.abbr && isNaN(Number(timezone.abbr)) ? timezone.abbr : `UTC${offsetSymbol}${timezone.offsetFormatted}`;
+  const prettyTimezoneString = timezone.string.replace("_", " ");
+  const timezoneDetail = "UTC" === timezone.string ? __("Coordinated Universal Time") : `(${zoneAbbr}) ${prettyTimezoneString}`;
   const hasNoAdditionalTimezoneDetail = prettyTimezoneString.trim().length === 0;
-  return hasNoAdditionalTimezoneDetail ? /*#__PURE__*/_jsx(StyledComponent, {
+  return hasNoAdditionalTimezoneDetail ? /* @__PURE__ */ _jsx(StyledComponent, {
     className: "components-datetime__timezone",
     children: zoneAbbr
-  }) : /*#__PURE__*/_jsx(Tooltip, {
+  }) : /* @__PURE__ */ _jsx(Tooltip, {
     placement: "top",
     text: timezoneDetail,
-    children: /*#__PURE__*/_jsx(StyledComponent, {
+    children: /* @__PURE__ */ _jsx(StyledComponent, {
       className: "components-datetime__timezone",
       children: zoneAbbr
     })
   });
 };
-export default TimeZone;
-//# sourceMappingURL=timezone.js.map
+var timezone_default = TimeZone;
+export {
+  timezone_default as default
+};
+//# sourceMappingURL=timezone.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","getSettings","getDateSettings","Tooltip","TimeZone","StyledComponent","jsx","_jsx","timezone","userTimezoneOffset","Date","getTimezoneOffset","Number","offset","offsetSymbol","zoneAbbr","abbr","isNaN","offsetFormatted","prettyTimezoneString","string","replace","timezoneDetail","hasNoAdditionalTimezoneDetail","trim","length","className","children","placement","text"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,eAAe,QAAQ,iBAAiB;;AAEhE;AACA;AACA;AACA,OAAOC,OAAO,MAAM,eAAe;AACnC,SAASC,QAAQ,IAAIC,eAAe,QAAQ,UAAU;;AAEtD;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAIA,MAAMH,QAAQ,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEI;EAAS,CAAC,GAAGN,eAAe,CAAC,CAAC;;EAEtC;EACA,MAAMO,kBAAkB,GAAG,CAAC,CAAC,IAAK,IAAIC,IAAI,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC,GAAG,EAAE,CAAE;;EAEvE;EACA;EACA,IAAKC,MAAM,CAAEJ,QAAQ,CAACK,MAAO,CAAC,KAAKJ,kBAAkB,EAAG;IACvD,OAAO,IAAI;EACZ;EAEA,MAAMK,YAAY,GAAGF,MAAM,CAAEJ,QAAQ,CAACK,MAAO,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE;EAC9D,MAAME,QAAQ,GACb,EAAE,KAAKP,QAAQ,CAACQ,IAAI,IAAIC,KAAK,CAAEL,MAAM,CAAEJ,QAAQ,CAACQ,IAAK,CAAE,CAAC,GACrDR,QAAQ,CAACQ,IAAI,GACb,MAAOF,YAAY,GAAKN,QAAQ,CAACU,eAAe,EAAG;;EAEvD;EACA,MAAMC,oBAAoB,GAAGX,QAAQ,CAACY,MAAM,CAACC,OAAO,CAAE,GAAG,EAAE,GAAI,CAAC;EAEhE,MAAMC,cAAc,GACnB,KAAK,KAAKd,QAAQ,CAACY,MAAM,GACtBpB,EAAE,CAAE,4BAA6B,CAAC,GAClC,IAAKe,QAAQ,KAAOI,oBAAoB,EAAG;;EAE/C;EACA;EACA,MAAMI,6BAA6B,GAClCJ,oBAAoB,CAACK,IAAI,CAAC,CAAC,CAACC,MAAM,KAAK,CAAC;EAEzC,OAAOF,6BAA6B,gBACnChB,IAAA,CAACF,eAAe;IAACqB,SAAS,EAAC,+BAA+B;IAAAC,QAAA,EACvDZ;EAAQ,CACM,CAAC,gBAElBR,IAAA,CAACJ,OAAO;IAACyB,SAAS,EAAC,KAAK;IAACC,IAAI,EAAGP,cAAgB;IAAAK,QAAA,eAC/CpB,IAAA,CAACF,eAAe;MAACqB,SAAS,EAAC,+BAA+B;MAAAC,QAAA,EACvDZ;IAAQ,CACM;EAAC,CACV,CACT;AACF,CAAC;AAED,eAAeX,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../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 */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst TimeZone = () => {\n  const {\n    timezone\n  } = getDateSettings();\n\n  // Convert timezone offset to hours.\n  const userTimezoneOffset = -1 * (new Date().getTimezoneOffset() / 60);\n\n  // System timezone and user timezone match, nothing needed.\n  // Compare as numbers because it comes over as string.\n  if (Number(timezone.offset) === userTimezoneOffset) {\n    return null;\n  }\n  const offsetSymbol = Number(timezone.offset) >= 0 ? '+' : '';\n  const zoneAbbr = '' !== timezone.abbr && isNaN(Number(timezone.abbr)) ? timezone.abbr : `UTC${offsetSymbol}${timezone.offsetFormatted}`;\n\n  // Replace underscore with space in strings like `America/Costa_Rica`.\n  const prettyTimezoneString = timezone.string.replace('_', ' ');\n  const timezoneDetail = 'UTC' === timezone.string ? __('Coordinated Universal Time') : `(${zoneAbbr}) ${prettyTimezoneString}`;\n\n  // When the prettyTimezoneString is empty, there is no additional timezone\n  // detail information to show in a Tooltip.\n  const hasNoAdditionalTimezoneDetail = prettyTimezoneString.trim().length === 0;\n  return hasNoAdditionalTimezoneDetail ? /*#__PURE__*/_jsx(StyledComponent, {\n    className: \"components-datetime__timezone\",\n    children: zoneAbbr\n  }) : /*#__PURE__*/_jsx(Tooltip, {\n    placement: \"top\",\n    text: timezoneDetail,\n    children: /*#__PURE__*/_jsx(StyledComponent, {\n      className: \"components-datetime__timezone\",\n      children: zoneAbbr\n    })\n  });\n};\nexport default TimeZone;"],
+  "mappings": "AAGA,SAAS,UAAU;AACnB,SAAS,eAAe,uBAAuB;AAK/C,OAAO,aAAa;AACpB,SAAS,YAAY,uBAAuB;AAM5C,SAAS,OAAO,YAAY;AAC5B,MAAM,WAAW,MAAM;AACrB,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,gBAAgB;AAGpB,QAAM,qBAAqB,OAAM,oBAAI,KAAK,GAAE,kBAAkB,IAAI;AAIlE,MAAI,OAAO,SAAS,MAAM,MAAM,oBAAoB;AAClD,WAAO;AAAA,EACT;AACA,QAAM,eAAe,OAAO,SAAS,MAAM,KAAK,IAAI,MAAM;AAC1D,QAAM,WAAW,OAAO,SAAS,QAAQ,MAAM,OAAO,SAAS,IAAI,CAAC,IAAI,SAAS,OAAO,MAAM,YAAY,GAAG,SAAS,eAAe;AAGrI,QAAM,uBAAuB,SAAS,OAAO,QAAQ,KAAK,GAAG;AAC7D,QAAM,iBAAiB,UAAU,SAAS,SAAS,GAAG,4BAA4B,IAAI,IAAI,QAAQ,KAAK,oBAAoB;AAI3H,QAAM,gCAAgC,qBAAqB,KAAK,EAAE,WAAW;AAC7E,SAAO,gCAA6C,qBAAK,iBAAiB;AAAA,IACxE,WAAW;AAAA,IACX,UAAU;AAAA,EACZ,CAAC,IAAiB,qBAAK,SAAS;AAAA,IAC9B,WAAW;AAAA,IACX,MAAM;AAAA,IACN,UAAuB,qBAAK,iBAAiB;AAAA,MAC3C,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,mBAAQ;",
+  "names": []
+}

package/build-module/date-time/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/date-time/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/date-time/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { MinutesInput } from './time/styles';\n\nexport type TimePickerProps = {\n\t/**\n\t * The initial current time the time picker should render.\n\t */\n\tcurrentTime?: Date | string | number | null;\n\n\t/**\n\t * Whether we use a 12-hour clock. With a 12-hour clock, an AM/PM widget is\n\t * displayed and the time format is assumed to be `MM-DD-YYYY` (as opposed\n\t * to the default format `DD-MM-YYYY`).\n\t */\n\tis12Hour?: boolean;\n\n\t/**\n\t * The order of day, month, and year. This prop overrides the time format\n\t * determined by `is12Hour` prop.\n\t *\n\t * @default 'dmy'\n\t */\n\tdateOrder?: 'dmy' | 'mdy' | 'ymd';\n\n\t/**\n\t * The function called when a new time has been selected. It is passed the\n\t * time as an argument.\n\t */\n\tonChange?: ( time: string ) => void;\n\n\t/**\n\t * If true, the label will only be visible to screen readers.\n\t *\n\t * @default false\n\t */\n\thideLabelFromVision?: boolean;\n};\n\nexport type TimeInputValue = {\n\t/**\n\t * The hours value in 24-hour format.\n\t */\n\thours: number;\n\n\t/**\n\t * The minutes value.\n\t */\n\tminutes: number;\n};\n\nexport type TimeInputProps = {\n\t/**\n\t * Whether we use a 12-hour clock. With a 12-hour clock, an AM/PM widget is\n\t * displayed\n\t */\n\tis12Hour?: boolean;\n\n\t/**\n\t * The time input object with hours and minutes values.\n\t *\n\t * - hours: number (24-hour format)\n\t * - minutes: number\n\t */\n\tvalue?: TimeInputValue;\n\n\t/**\n\t * An optional default value for the control when used in uncontrolled mode.\n\t * If left `undefined`, the current time will be used.\n\t */\n\tdefaultValue?: TimeInputValue;\n\n\t/**\n\t * The props to pass down to the minutes input.\n\t */\n\tminutesProps?: React.ComponentProps< typeof MinutesInput >;\n\n\t/**\n\t * The label for the time input.\n\t */\n\tlabel?: string;\n\n\t/**\n\t * The function is called when a new time has been selected.\n\t * Passing hours and minutes as an object properties.\n\t */\n\tonChange?: ( time: TimeInputValue ) => void;\n};\n\nexport type DatePickerEvent = {\n\t/**\n\t * The date of the event.\n\t */\n\tdate: Date;\n};\n\nexport type DatePickerProps = {\n\t/**\n\t * The current date and time at initialization. Optionally pass in a `null`\n\t * value to specify no date is currently selected.\n\t */\n\tcurrentDate?: Date | string | number | null;\n\n\t/**\n\t * The function called when a new date has been selected. It is passed the\n\t * date as an argument.\n\t */\n\tonChange?: ( date: string ) => void;\n\n\t/**\n\t * A callback function which receives a Date object representing a day as an\n\t * argument, and should return a Boolean to signify if the day is valid or\n\t * not.\n\t */\n\tisInvalidDate?: ( date: Date ) => boolean;\n\n\t/**\n\t * A callback invoked when selecting the previous/next month in the date\n\t * picker. The callback receives the new month date in the ISO format as an\n\t * argument.\n\t */\n\tonMonthPreviewed?: ( date: string ) => void;\n\n\t/**\n\t * List of events to show in the date picker. Each event will appear as a\n\t * dot on the day of the event.\n\t */\n\tevents?: DatePickerEvent[];\n\n\t/**\n\t * The day that the week should start on. 0 for Sunday, 1 for Monday, etc.\n\t *\n\t * @default 0\n\t */\n\tstartOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n};\n\nexport type DateTimePickerProps = Omit< DatePickerProps, 'onChange' > &\n\tOmit<\n\t\tTimePickerProps,\n\t\t'currentTime' | 'onChange' | 'hideLabelFromVision'\n\t> & {\n\t\t/**\n\t\t * The function called when a new date or time has been selected. It is\n\t\t * passed the date and time as an argument.\n\t\t */\n\t\tonChange?: ( date: string | null ) => void;\n\t};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/date-time/utils.js

@@ -1,79 +1,43 @@
-/**
- * External dependencies
- */
-import { toDate } from 'date-fns';
-
-/**
- * Internal dependencies
- */
-
-import { COMMIT, PRESS_DOWN, PRESS_UP } from '../input-control/reducer/actions';
-
-/**
- * Like date-fn's toDate, but tries to guess the format when a string is
- * given.
- *
- * @param input Value to turn into a date.
- */
-export function inputToDate(input) {
-  if (typeof input === 'string') {
+import { toDate } from "date-fns";
+import { COMMIT, PRESS_DOWN, PRESS_UP } from "../input-control/reducer/actions";
+function inputToDate(input) {
+  if (typeof input === "string") {
     return new Date(input);
   }
   return toDate(input);
 }
-
-/**
- * Converts a 12-hour time to a 24-hour time.
- * @param hours
- * @param isPm
- */
-export function from12hTo24h(hours, isPm) {
+function from12hTo24h(hours, isPm) {
   return isPm ? (hours % 12 + 12) % 24 : hours % 12;
 }
-
-/**
- * Converts a 24-hour time to a 12-hour time.
- * @param hours
- */
-export function from24hTo12h(hours) {
+function from24hTo12h(hours) {
   return hours % 12 || 12;
 }
-
-/**
- * Creates an InputControl reducer used to pad an input so that it is always a
- * given width. For example, the hours and minutes inputs are padded to 2 so
- * that '4' appears as '04'.
- *
- * @param pad How many digits the value should be.
- */
-export function buildPadInputStateReducer(pad) {
+function buildPadInputStateReducer(pad) {
   return (state, action) => {
     const nextState = {
       ...state
     };
     if (action.type === COMMIT || action.type === PRESS_UP || action.type === PRESS_DOWN) {
-      if (nextState.value !== undefined) {
-        nextState.value = nextState.value.toString().padStart(pad, '0');
+      if (nextState.value !== void 0) {
+        nextState.value = nextState.value.toString().padStart(pad, "0");
       }
     }
     return nextState;
   };
 }
-
-/**
- * Validates the target of a React event to ensure it is an input element and
- * that the input is valid.
- * @param event
- */
-export function validateInputElementTarget(event) {
+function validateInputElementTarget(event) {
   var _ownerDocument$defaul;
-  // `instanceof` checks need to get the instance definition from the
-  // corresponding window object — therefore, the following logic makes
-  // the component work correctly even when rendered inside an iframe.
   const HTMLInputElementInstance = (_ownerDocument$defaul = event.target?.ownerDocument.defaultView?.HTMLInputElement) !== null && _ownerDocument$defaul !== void 0 ? _ownerDocument$defaul : HTMLInputElement;
   if (!(event.target instanceof HTMLInputElementInstance)) {
     return false;
   }
   return event.target.validity.valid;
 }
-//# sourceMappingURL=utils.js.map
+export {
+  buildPadInputStateReducer,
+  from12hTo24h,
+  from24hTo12h,
+  inputToDate,
+  validateInputElementTarget
+};
+//# sourceMappingURL=utils.js.map

package/build-module/date-time/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["toDate","COMMIT","PRESS_DOWN","PRESS_UP","inputToDate","input","Date","from12hTo24h","hours","isPm","from24hTo12h","buildPadInputStateReducer","pad","state","action","nextState","type","value","undefined","toString","padStart","validateInputElementTarget","event","_ownerDocument$defaul","HTMLInputElementInstance","target","ownerDocument","defaultView","HTMLInputElement","validity","valid"],"sources":["@wordpress/components/src/date-time/utils.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { toDate } from 'date-fns';\n\n/**\n * Internal dependencies\n */\nimport type { InputState } from '../input-control/reducer/state';\nimport type { InputAction } from '../input-control/reducer/actions';\nimport { COMMIT, PRESS_DOWN, PRESS_UP } from '../input-control/reducer/actions';\n\n/**\n * Like date-fn's toDate, but tries to guess the format when a string is\n * given.\n *\n * @param input Value to turn into a date.\n */\nexport function inputToDate( input: Date | string | number ): Date {\n\tif ( typeof input === 'string' ) {\n\t\treturn new Date( input );\n\t}\n\treturn toDate( input );\n}\n\n/**\n * Converts a 12-hour time to a 24-hour time.\n * @param hours\n * @param isPm\n */\nexport function from12hTo24h( hours: number, isPm: boolean ) {\n\treturn isPm ? ( ( hours % 12 ) + 12 ) % 24 : hours % 12;\n}\n\n/**\n * Converts a 24-hour time to a 12-hour time.\n * @param hours\n */\nexport function from24hTo12h( hours: number ) {\n\treturn hours % 12 || 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 */\nexport function 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 * Validates the target of a React event to ensure it is an input element and\n * that the input is valid.\n * @param event\n */\nexport function validateInputElementTarget( event: React.SyntheticEvent ) {\n\t// `instanceof` checks need to get the instance definition from the\n\t// corresponding window object — therefore, the following logic makes\n\t// the component work correctly even when rendered inside an iframe.\n\tconst HTMLInputElementInstance =\n\t\t( event.target as HTMLInputElement )?.ownerDocument.defaultView\n\t\t\t?.HTMLInputElement ?? HTMLInputElement;\n\n\tif ( ! ( event.target instanceof HTMLInputElementInstance ) ) {\n\t\treturn false;\n\t}\n\n\treturn event.target.validity.valid;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,UAAU;;AAEjC;AACA;AACA;;AAGA,SAASC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,kCAAkC;;AAE/E;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAEC,KAA6B,EAAS;EAClE,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;IAChC,OAAO,IAAIC,IAAI,CAAED,KAAM,CAAC;EACzB;EACA,OAAOL,MAAM,CAAEK,KAAM,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,YAAYA,CAAEC,KAAa,EAAEC,IAAa,EAAG;EAC5D,OAAOA,IAAI,GAAG,CAAID,KAAK,GAAG,EAAE,GAAK,EAAE,IAAK,EAAE,GAAGA,KAAK,GAAG,EAAE;AACxD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,YAAYA,CAAEF,KAAa,EAAG;EAC7C,OAAOA,KAAK,GAAG,EAAE,IAAI,EAAE;AACxB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,yBAAyBA,CAAEC,GAAW,EAAG;EACxD,OAAO,CAAEC,KAAiB,EAAEC,MAAmB,KAAM;IACpD,MAAMC,SAAS,GAAG;MAAE,GAAGF;IAAM,CAAC;IAC9B,IACCC,MAAM,CAACE,IAAI,KAAKf,MAAM,IACtBa,MAAM,CAACE,IAAI,KAAKb,QAAQ,IACxBW,MAAM,CAACE,IAAI,KAAKd,UAAU,EACzB;MACD,IAAKa,SAAS,CAACE,KAAK,KAAKC,SAAS,EAAG;QACpCH,SAAS,CAACE,KAAK,GAAGF,SAAS,CAACE,KAAK,CAC/BE,QAAQ,CAAC,CAAC,CACVC,QAAQ,CAAER,GAAG,EAAE,GAAI,CAAC;MACvB;IACD;IACA,OAAOG,SAAS;EACjB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,0BAA0BA,CAAEC,KAA2B,EAAG;EAAA,IAAAC,qBAAA;EACzE;EACA;EACA;EACA,MAAMC,wBAAwB,IAAAD,qBAAA,GAC3BD,KAAK,CAACG,MAAM,EAAwBC,aAAa,CAACC,WAAW,EAC5DC,gBAAgB,cAAAL,qBAAA,cAAAA,qBAAA,GAAIK,gBAAgB;EAExC,IAAK,EAAIN,KAAK,CAACG,MAAM,YAAYD,wBAAwB,CAAE,EAAG;IAC7D,OAAO,KAAK;EACb;EAEA,OAAOF,KAAK,CAACG,MAAM,CAACI,QAAQ,CAACC,KAAK;AACnC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/date-time/utils.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { toDate } from 'date-fns';\n\n/**\n * Internal dependencies\n */\n\nimport { COMMIT, PRESS_DOWN, PRESS_UP } from '../input-control/reducer/actions';\n\n/**\n * Like date-fn's toDate, but tries to guess the format when a string is\n * given.\n *\n * @param input Value to turn into a date.\n */\nexport function inputToDate(input) {\n  if (typeof input === 'string') {\n    return new Date(input);\n  }\n  return toDate(input);\n}\n\n/**\n * Converts a 12-hour time to a 24-hour time.\n * @param hours\n * @param isPm\n */\nexport function from12hTo24h(hours, isPm) {\n  return isPm ? (hours % 12 + 12) % 24 : hours % 12;\n}\n\n/**\n * Converts a 24-hour time to a 12-hour time.\n * @param hours\n */\nexport function from24hTo12h(hours) {\n  return hours % 12 || 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 */\nexport function buildPadInputStateReducer(pad) {\n  return (state, action) => {\n    const nextState = {\n      ...state\n    };\n    if (action.type === COMMIT || action.type === PRESS_UP || action.type === PRESS_DOWN) {\n      if (nextState.value !== undefined) {\n        nextState.value = nextState.value.toString().padStart(pad, '0');\n      }\n    }\n    return nextState;\n  };\n}\n\n/**\n * Validates the target of a React event to ensure it is an input element and\n * that the input is valid.\n * @param event\n */\nexport function validateInputElementTarget(event) {\n  var _ownerDocument$defaul;\n  // `instanceof` checks need to get the instance definition from the\n  // corresponding window object \u2014 therefore, the following logic makes\n  // the component work correctly even when rendered inside an iframe.\n  const HTMLInputElementInstance = (_ownerDocument$defaul = event.target?.ownerDocument.defaultView?.HTMLInputElement) !== null && _ownerDocument$defaul !== void 0 ? _ownerDocument$defaul : HTMLInputElement;\n  if (!(event.target instanceof HTMLInputElementInstance)) {\n    return false;\n  }\n  return event.target.validity.valid;\n}"],
+  "mappings": "AAGA,SAAS,cAAc;AAMvB,SAAS,QAAQ,YAAY,gBAAgB;AAQtC,SAAS,YAAY,OAAO;AACjC,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,IAAI,KAAK,KAAK;AAAA,EACvB;AACA,SAAO,OAAO,KAAK;AACrB;AAOO,SAAS,aAAa,OAAO,MAAM;AACxC,SAAO,QAAQ,QAAQ,KAAK,MAAM,KAAK,QAAQ;AACjD;AAMO,SAAS,aAAa,OAAO;AAClC,SAAO,QAAQ,MAAM;AACvB;AASO,SAAS,0BAA0B,KAAK;AAC7C,SAAO,CAAC,OAAO,WAAW;AACxB,UAAM,YAAY;AAAA,MAChB,GAAG;AAAA,IACL;AACA,QAAI,OAAO,SAAS,UAAU,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;AACpF,UAAI,UAAU,UAAU,QAAW;AACjC,kBAAU,QAAQ,UAAU,MAAM,SAAS,EAAE,SAAS,KAAK,GAAG;AAAA,MAChE;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACF;AAOO,SAAS,2BAA2B,OAAO;AAChD,MAAI;AAIJ,QAAM,4BAA4B,wBAAwB,MAAM,QAAQ,cAAc,aAAa,sBAAsB,QAAQ,0BAA0B,SAAS,wBAAwB;AAC5L,MAAI,EAAE,MAAM,kBAAkB,2BAA2B;AACvD,WAAO;AAAA,EACT;AACA,SAAO,MAAM,OAAO,SAAS;AAC/B;",
+  "names": []
+}

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

@@ -1,59 +1,22 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import Icon from '../icon';
-import SelectControl from '../select-control';
-import sizesTable, { findSizeBySlug } from './sizes';
-import { ContextSystemProvider } from '../context';
-import deprecated from '@wordpress/deprecated';
-import { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';
+import clsx from "clsx";
+import { __ } from "@wordpress/i18n";
+import Icon from "../icon";
+import SelectControl from "../select-control";
+import sizesTable, { findSizeBySlug } from "./sizes";
+import { ContextSystemProvider } from "../context";
+import deprecated from "@wordpress/deprecated";
+import { maybeWarnDeprecated36pxSize } from "../utils/deprecated-36px-size";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const CONTEXT_VALUE = {
   BaseControl: {
     // Temporary during deprecation grace period: Overrides the underlying `__associatedWPComponentName`
     // via the context system to override the value set by SelectControl.
     _overrides: {
-      __associatedWPComponentName: 'DimensionControl'
+      __associatedWPComponentName: "DimensionControl"
     }
   }
 };
-
-/**
- * `DimensionControl` is a component designed to provide a UI to control spacing and/or dimensions.
- *
- * @deprecated
- *
- * ```jsx
- * import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * export default function MyCustomDimensionControl() {
- * 	const [ paddingSize, setPaddingSize ] = useState( '' );
- *
- * 	return (
- * 		<DimensionControl
- * 			__next40pxDefaultSize
- * 			__nextHasNoMarginBottom
- * 			label={ 'Padding' }
- * 			icon={ 'desktop' }
- * 			onChange={ ( value ) => setPaddingSize( value ) }
- * 			value={ paddingSize }
- * 		/>
- * 	);
- * }
- * ```
- */
-export function DimensionControl(props) {
+function DimensionControl(props) {
   const {
     __next40pxDefaultSize = false,
     __nextHasNoMarginBottom = false,
@@ -62,26 +25,26 @@ export function DimensionControl(props) {
     sizes = sizesTable,
     icon,
     onChange,
-    className = ''
+    className = ""
   } = props;
-  deprecated('wp.components.DimensionControl', {
-    since: '6.7',
-    version: '7.0'
+  deprecated("wp.components.DimensionControl", {
+    since: "6.7",
+    version: "7.0"
   });
   maybeWarnDeprecated36pxSize({
-    componentName: 'DimensionControl',
+    componentName: "DimensionControl",
     __next40pxDefaultSize,
-    size: undefined
+    size: void 0
   });
-  const onChangeSpacingSize = val => {
+  const onChangeSpacingSize = (val) => {
     const theSize = findSizeBySlug(sizes, val);
     if (!theSize || value === theSize.slug) {
-      onChange?.(undefined);
-    } else if (typeof onChange === 'function') {
+      onChange?.(void 0);
+    } else if (typeof onChange === "function") {
       onChange(theSize.slug);
     }
   };
-  const formatSizesAsOptions = theSizes => {
+  const formatSizesAsOptions = (theSizes) => {
     const options = theSizes.map(({
       name,
       slug
@@ -90,29 +53,33 @@ export function DimensionControl(props) {
       value: slug
     }));
     return [{
-      label: __('Default'),
-      value: ''
+      label: __("Default"),
+      value: ""
     }, ...options];
   };
-  const selectLabel = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [icon && /*#__PURE__*/_jsx(Icon, {
-      icon: icon
+  const selectLabel = /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [icon && /* @__PURE__ */ _jsx(Icon, {
+      icon
     }), label]
   });
-  return /*#__PURE__*/_jsx(ContextSystemProvider, {
+  return /* @__PURE__ */ _jsx(ContextSystemProvider, {
     value: CONTEXT_VALUE,
-    children: /*#__PURE__*/_jsx(SelectControl, {
-      __next40pxDefaultSize: __next40pxDefaultSize,
+    children: /* @__PURE__ */ _jsx(SelectControl, {
+      __next40pxDefaultSize,
       __shouldNotWarnDeprecated36pxSize: true,
-      __nextHasNoMarginBottom: __nextHasNoMarginBottom,
-      className: clsx(className, 'block-editor-dimension-control'),
+      __nextHasNoMarginBottom,
+      className: clsx(className, "block-editor-dimension-control"),
       label: selectLabel,
       hideLabelFromVision: false,
-      value: value,
+      value,
       onChange: onChangeSpacingSize,
       options: formatSizesAsOptions(sizes)
     })
   });
 }
-export default DimensionControl;
-//# sourceMappingURL=index.js.map
+var dimension_control_default = DimensionControl;
+export {
+  DimensionControl,
+  dimension_control_default as default
+};
+//# sourceMappingURL=index.js.map