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

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

@@ -1,33 +1,47 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var time_input_exports = {};
+__export(time_input_exports, {
+  TimeInput: () => TimeInput,
+  default: () => time_input_default
 });
-exports.TimeInput = TimeInput;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _styles = require("../styles");
-var _hStack = require("../../../h-stack");
-var _utils = require("../../utils");
-var _utils2 = require("../../../utils");
-var _baseControl = _interopRequireDefault(require("../../../base-control"));
-var _toggleGroupControl = require("../../../toggle-group-control");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(time_input_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_styles = require("../styles");
+var import_h_stack = require("../../../h-stack");
+var import_utils = require("../../utils");
+var import_utils2 = require("../../../utils");
+var import_base_control = __toESM(require("../../../base-control"));
+var import_toggle_group_control = require("../../../toggle-group-control");
+var import_jsx_runtime = require("react/jsx-runtime");
 function TimeInput({
   value: valueProp,
   defaultValue,
@@ -37,63 +51,59 @@ function TimeInput({
   onChange
 }) {
   const [value = {
-    hours: new Date().getHours(),
-    minutes: new Date().getMinutes()
-  }, setValue] = (0, _utils2.useControlledValue)({
+    hours: (/* @__PURE__ */ new Date()).getHours(),
+    minutes: (/* @__PURE__ */ new Date()).getMinutes()
+  }, setValue] = (0, import_utils2.useControlledValue)({
     value: valueProp,
     onChange,
     defaultValue
   });
   const dayPeriod = parseDayPeriod(value.hours);
-  const hours12Format = (0, _utils.from24hTo12h)(value.hours);
-  const buildNumberControlChangeCallback = method => {
+  const hours12Format = (0, import_utils.from24hTo12h)(value.hours);
+  const buildNumberControlChangeCallback = (method) => {
     return (_value, {
       event
     }) => {
-      if (!(0, _utils.validateInputElementTarget)(event)) {
+      if (!(0, import_utils.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 ? (0, _utils.from12hTo24h)(numberValue, dayPeriod === 'PM') : numberValue
+        [method]: method === "hours" && is12Hour ? (0, import_utils.from12hTo24h)(numberValue, dayPeriod === "PM") : numberValue
       });
     };
   };
-  const buildAmPmChangeCallback = _value => {
+  const buildAmPmChangeCallback = (_value) => {
     return () => {
       if (dayPeriod === _value) {
         return;
       }
       setValue({
         ...value,
-        hours: (0, _utils.from12hTo24h)(hours12Format, _value === 'PM')
+        hours: (0, import_utils.from12hTo24h)(hours12Format, _value === "PM")
       });
     };
   };
   function parseDayPeriod(_hours) {
-    return _hours < 12 ? 'AM' : 'PM';
+    return _hours < 12 ? "AM" : "PM";
   }
-  const Wrapper = label ? _styles.Fieldset : _element.Fragment;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControl.default.VisualLabel, {
+  const Wrapper = label ? import_styles.Fieldset : import_element.Fragment;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
+    children: [label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control.default.VisualLabel, {
       as: "legend",
       children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hStack.HStack, {
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_h_stack.HStack, {
       alignment: "left",
       expanded: false,
-      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'),
+      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.TimeWrapper, {
+        className: "components-datetime__time-field components-datetime__time-field-time",
+        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.HoursInput, {
+          className: "components-datetime__time-field-hours-input",
+          label: (0, import_i18n.__)("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,
@@ -102,21 +112,22 @@ function TimeInput({
           isPressEnterToChange: true,
           isDragEnabled: false,
           isShiftStepEnabled: false,
-          onChange: buildNumberControlChangeCallback('hours'),
-          __unstableStateReducer: (0, _utils.buildPadInputStateReducer)(2)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimeSeparator, {
-          className: "components-datetime__time-separator" // Unused, for backwards compatibility.
-          ,
+          onChange: buildNumberControlChangeCallback("hours"),
+          __unstableStateReducer: (0, import_utils.buildPadInputStateReducer)(2)
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.TimeSeparator, {
+          className: "components-datetime__time-separator",
           "aria-hidden": "true",
           children: ":"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MinutesInput, {
-          className: (0, _clsx.default)('components-datetime__time-field-minutes-input',
-          // Unused, for backwards compatibility.
-          minutesProps?.className),
-          label: (0, _i18n.__)('Minutes'),
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.MinutesInput, {
+          className: (0, import_clsx.default)(
+            "components-datetime__time-field-minutes-input",
+            // Unused, for backwards compatibility.
+            minutesProps?.className
+          ),
+          label: (0, import_i18n.__)("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,
@@ -126,32 +137,36 @@ function TimeInput({
           isDragEnabled: false,
           isShiftStepEnabled: false,
           onChange: (...args) => {
-            buildNumberControlChangeCallback('minutes')(...args);
+            buildNumberControlChangeCallback("minutes")(...args);
             minutesProps?.onChange?.(...args);
           },
-          __unstableStateReducer: (0, _utils.buildPadInputStateReducer)(2),
+          __unstableStateReducer: (0, import_utils.buildPadInputStateReducer)(2),
           ...minutesProps
         })]
-      }), is12Hour && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_toggleGroupControl.ToggleGroupControl, {
+      }), is12Hour && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_toggle_group_control.ToggleGroupControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
         isBlock: true,
-        label: (0, _i18n.__)('Select AM or PM'),
+        label: (0, import_i18n.__)("Select AM or PM"),
         hideLabelFromVision: true,
         value: dayPeriod,
-        onChange: newValue => {
+        onChange: (newValue) => {
           buildAmPmChangeCallback(newValue)();
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_toggleGroupControl.ToggleGroupControlOption, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle_group_control.ToggleGroupControlOption, {
           value: "AM",
-          label: (0, _i18n.__)('AM')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_toggleGroupControl.ToggleGroupControlOption, {
+          label: (0, import_i18n.__)("AM")
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle_group_control.ToggleGroupControlOption, {
           value: "PM",
-          label: (0, _i18n.__)('PM')
+          label: (0, import_i18n.__)("PM")
         })]
       })]
     })]
   });
 }
-var _default = exports.default = TimeInput;
-//# sourceMappingURL=index.js.map
+var time_input_default = TimeInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TimeInput
+});
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_element","_styles","_hStack","_utils","_utils2","_baseControl","_toggleGroupControl","_jsxRuntime","TimeInput","value","valueProp","defaultValue","is12Hour","label","minutesProps","onChange","hours","Date","getHours","minutes","getMinutes","setValue","useControlledValue","dayPeriod","parseDayPeriod","hours12Format","from24hTo12h","buildNumberControlChangeCallback","method","_value","event","validateInputElementTarget","numberValue","Number","from12hTo24h","buildAmPmChangeCallback","_hours","Wrapper","Fieldset","Fragment","jsxs","children","jsx","default","VisualLabel","as","HStack","alignment","expanded","TimeWrapper","className","HoursInput","__","hideLabelFromVision","__next40pxDefaultSize","String","padStart","step","min","max","required","spinControls","isPressEnterToChange","isDragEnabled","isShiftStepEnabled","__unstableStateReducer","buildPadInputStateReducer","TimeSeparator","MinutesInput","clsx","args","ToggleGroupControl","__nextHasNoMarginBottom","isBlock","newValue","ToggleGroupControlOption","_default","exports"],"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": ["import_utils", "_jsxs", "_jsx", "BaseControl", "clsx"]
+}

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

@@ -1,60 +1,65 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var timezone_exports = {};
+__export(timezone_exports, {
+  default: () => timezone_default
 });
-exports.default = void 0;
-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
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Displays timezone information when user timezone is different from site
- * timezone.
- */const TimeZone = () => {
+module.exports = __toCommonJS(timezone_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_date = require("@wordpress/date");
+var import_tooltip = __toESM(require("../../tooltip"));
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+const TimeZone = () => {
   const {
     timezone
-  } = (0, _date.getSettings)();
-
-  // 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.
+  } = (0, import_date.getSettings)();
+  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 ? (0, _i18n.__)('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 ? (0, import_i18n.__)("Coordinated Universal Time") : `(${zoneAbbr}) ${prettyTimezoneString}`;
   const hasNoAdditionalTimezoneDetail = prettyTimezoneString.trim().length === 0;
-  return hasNoAdditionalTimezoneDetail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimeZone, {
+  return hasNoAdditionalTimezoneDetail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.TimeZone, {
     className: "components-datetime__timezone",
     children: zoneAbbr
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.default, {
     placement: "top",
     text: timezoneDetail,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimeZone, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.TimeZone, {
       className: "components-datetime__timezone",
       children: zoneAbbr
     })
   });
 };
-var _default = exports.default = TimeZone;
-//# sourceMappingURL=timezone.js.map
+var timezone_default = TimeZone;
+//# sourceMappingURL=timezone.js.map

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

@@ -1 +1,7 @@
-{"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,GACb,MAAOF,YAAY,GAAKP,QAAQ,CAACW,eAAe,EAAG;;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,GAClC,IAAKR,QAAQ,KAAOI,oBAAoB,EAAG;;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":[]}
+{
+  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,kBAA+C;AAK/C,qBAAoB;AACpB,oBAA4C;AAM5C,yBAA4B;AAC5B,MAAM,WAAW,MAAM;AACrB,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,YAAAA,aAAgB;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,aAAS,gBAAG,4BAA4B,IAAI,IAAI,QAAQ,KAAK,oBAAoB;AAI3H,QAAM,gCAAgC,qBAAqB,KAAK,EAAE,WAAW;AAC7E,SAAO,gCAA6C,uCAAAC,KAAK,cAAAC,UAAiB;AAAA,IACxE,WAAW;AAAA,IACX,UAAU;AAAA,EACZ,CAAC,IAAiB,uCAAAD,KAAK,eAAAE,SAAS;AAAA,IAC9B,WAAW;AAAA,IACX,MAAM;AAAA,IACN,UAAuB,uCAAAF,KAAK,cAAAC,UAAiB;AAAA,MAC3C,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,mBAAQ;",
+  "names": ["getDateSettings", "_jsx", "StyledComponent", "Tooltip"]
+}

package/build/date-time/types.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/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": ["../../src/date-time/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/date-time/utils.js

@@ -1,88 +1,71 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  buildPadInputStateReducer: () => buildPadInputStateReducer,
+  from12hTo24h: () => from12hTo24h,
+  from24hTo12h: () => from24hTo12h,
+  inputToDate: () => inputToDate,
+  validateInputElementTarget: () => validateInputElementTarget
 });
-exports.buildPadInputStateReducer = buildPadInputStateReducer;
-exports.from12hTo24h = from12hTo24h;
-exports.from24hTo12h = from24hTo12h;
-exports.inputToDate = inputToDate;
-exports.validateInputElementTarget = validateInputElementTarget;
-var _dateFns = require("date-fns");
-var _actions = require("../input-control/reducer/actions");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Like date-fn's toDate, but tries to guess the format when a string is
- * given.
- *
- * @param input Value to turn into a date.
- */
+module.exports = __toCommonJS(utils_exports);
+var import_date_fns = require("date-fns");
+var import_actions = require("../input-control/reducer/actions");
 function inputToDate(input) {
-  if (typeof input === 'string') {
+  if (typeof input === "string") {
     return new Date(input);
   }
-  return (0, _dateFns.toDate)(input);
+  return (0, import_date_fns.toDate)(input);
 }
-
-/**
- * Converts a 12-hour time to a 24-hour time.
- * @param hours
- * @param 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
- */
 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.
- */
 function buildPadInputStateReducer(pad) {
   return (state, action) => {
     const nextState = {
       ...state
     };
-    if (action.type === _actions.COMMIT || action.type === _actions.PRESS_UP || action.type === _actions.PRESS_DOWN) {
-      if (nextState.value !== undefined) {
-        nextState.value = nextState.value.toString().padStart(pad, '0');
+    if (action.type === import_actions.COMMIT || action.type === import_actions.PRESS_UP || action.type === import_actions.PRESS_DOWN) {
+      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
- */
 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
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildPadInputStateReducer,
+  from12hTo24h,
+  from24hTo12h,
+  inputToDate,
+  validateInputElementTarget
+});
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_dateFns","require","_actions","inputToDate","input","Date","toDate","from12hTo24h","hours","isPm","from24hTo12h","buildPadInputStateReducer","pad","state","action","nextState","type","COMMIT","PRESS_UP","PRESS_DOWN","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":";;;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,QAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,WAAWA,CAAEC,KAA6B,EAAS;EAClE,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;IAChC,OAAO,IAAIC,IAAI,CAAED,KAAM,CAAC;EACzB;EACA,OAAO,IAAAE,eAAM,EAAEF,KAAM,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,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;AACO,SAASE,YAAYA,CAAEF,KAAa,EAAG;EAC7C,OAAOA,KAAK,GAAG,EAAE,IAAI,EAAE;AACxB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,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,KAAKC,eAAM,IACtBH,MAAM,CAACE,IAAI,KAAKE,iBAAQ,IACxBJ,MAAM,CAACE,IAAI,KAAKG,mBAAU,EACzB;MACD,IAAKJ,SAAS,CAACK,KAAK,KAAKC,SAAS,EAAG;QACpCN,SAAS,CAACK,KAAK,GAAGL,SAAS,CAACK,KAAK,CAC/BE,QAAQ,CAAC,CAAC,CACVC,QAAQ,CAAEX,GAAG,EAAE,GAAI,CAAC;MACvB;IACD;IACA,OAAOG,SAAS;EACjB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASS,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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,sBAAuB;AAMvB,qBAA6C;AAQtC,SAAS,YAAY,OAAO;AACjC,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,IAAI,KAAK,KAAK;AAAA,EACvB;AACA,aAAO,wBAAO,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,yBAAU,OAAO,SAAS,2BAAY,OAAO,SAAS,2BAAY;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": []
+}