@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build/date-time/index.js

@@ -1,27 +1,45 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () {
-    return _date.default;
+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 date_time_exports = {};
+__export(date_time_exports, {
+  DatePicker: () => import_date.default,
+  TimePicker: () => import_time.default,
+  default: () => date_time_default
 });
-Object.defineProperty(exports, "TimePicker", {
-  enumerable: true,
-  get: function () {
-    return _time.default;
-  }
+module.exports = __toCommonJS(date_time_exports);
+var import_date = __toESM(require("./date"));
+var import_time = __toESM(require("./time"));
+var import_date_time = __toESM(require("./date-time"));
+var date_time_default = import_date_time.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DatePicker,
+  TimePicker
 });
-exports.default = void 0;
-var _date = _interopRequireDefault(require("./date"));
-var _time = _interopRequireDefault(require("./time"));
-var _dateTime = _interopRequireDefault(require("./date-time"));
-/**
- * Internal dependencies
- */
-var _default = exports.default = _dateTime.default;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_date","_interopRequireDefault","require","_time","_dateTime","_default","exports","default","DateTimePicker"],"sources":["@wordpress/components/src/date-time/index.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { default as DatePicker } from './date';\nimport { default as TimePicker } from './time';\nimport { default as DateTimePicker } from './date-time';\n\nexport { DatePicker, TimePicker };\nexport default DateTimePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AALA;AACA;AACA;AAFA,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAQeC,iBAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/date-time/index.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { default as DatePicker } from './date';\nimport { default as TimePicker } from './time';\nimport { default as DateTimePicker } from './date-time';\nexport { DatePicker, TimePicker };\nexport default DateTimePicker;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAAA;AAAA,EAAA,8BAAAC;AAAA,EAAA;AAAA;AAAA;AAGA,kBAAsC;AACtC,kBAAsC;AACtC,uBAA0C;AAE1C,IAAO,oBAAQ,iBAAAC;",
+  "names": ["DatePicker", "TimePicker", "DateTimePicker"]
+}

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

@@ -1,59 +1,52 @@
 "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_exports = {};
+__export(time_exports, {
+  TimePicker: () => TimePicker,
+  default: () => time_default
 });
-exports.TimePicker = TimePicker;
-exports.default = void 0;
-var _dateFns = require("date-fns");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _baseControl = _interopRequireDefault(require("../../base-control"));
-var _visuallyHidden = require("../../visually-hidden");
-var _selectControl = _interopRequireDefault(require("../../select-control"));
-var _timezone = _interopRequireDefault(require("./timezone"));
-var _styles = require("./styles");
-var _hStack = require("../../h-stack");
-var _spacer = require("../../spacer");
-var _utils = require("../utils");
-var _constants = require("../constants");
-var _timeInput = require("./time-input");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const VALID_DATE_ORDERS = ['dmy', 'mdy', 'ymd'];
-
-/**
- * TimePicker is a React component that renders a clock for time selection.
- *
- * ```jsx
- * import { TimePicker } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyTimePicker = () => {
- *   const [ time, setTime ] = useState( new Date() );
- *
- *   return (
- *     <TimePicker
- *       currentTime={ date }
- *       onChange={ ( newTime ) => setTime( newTime ) }
- *       is12Hour
- *     />
- *   );
- * };
- * ```
- */
+module.exports = __toCommonJS(time_exports);
+var import_date_fns = require("date-fns");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_base_control = __toESM(require("../../base-control"));
+var import_visually_hidden = require("../../visually-hidden");
+var import_select_control = __toESM(require("../../select-control"));
+var import_timezone = __toESM(require("./timezone"));
+var import_styles = require("./styles");
+var import_h_stack = require("../../h-stack");
+var import_spacer = require("../../spacer");
+var import_utils = require("../utils");
+var import_constants = require("../constants");
+var import_time_input = require("./time-input");
+var import_jsx_runtime = require("react/jsx-runtime");
+const VALID_DATE_ORDERS = ["dmy", "mdy", "ymd"];
 function TimePicker({
   is12Hour,
   currentTime,
@@ -61,51 +54,49 @@ function TimePicker({
   dateOrder: dateOrderProp,
   hideLabelFromVision = false
 }) {
-  const [date, setDate] = (0, _element.useState)(() =>
-  // Truncate the date at the minutes, see: #15495.
-  currentTime ? (0, _dateFns.startOfMinute)((0, _utils.inputToDate)(currentTime)) : new Date());
-
-  // Reset the state when currentTime changed.
-  // TODO: useEffect() shouldn't be used like this, causes an unnecessary render
-  (0, _element.useEffect)(() => {
-    setDate(currentTime ? (0, _dateFns.startOfMinute)((0, _utils.inputToDate)(currentTime)) : new Date());
+  const [date, setDate] = (0, import_element.useState)(() => (
+    // Truncate the date at the minutes, see: #15495.
+    currentTime ? (0, import_date_fns.startOfMinute)((0, import_utils.inputToDate)(currentTime)) : /* @__PURE__ */ new Date()
+  ));
+  (0, import_element.useEffect)(() => {
+    setDate(currentTime ? (0, import_date_fns.startOfMinute)((0, import_utils.inputToDate)(currentTime)) : /* @__PURE__ */ new Date());
   }, [currentTime]);
   const monthOptions = [{
-    value: '01',
-    label: (0, _i18n.__)('January')
+    value: "01",
+    label: (0, import_i18n.__)("January")
   }, {
-    value: '02',
-    label: (0, _i18n.__)('February')
+    value: "02",
+    label: (0, import_i18n.__)("February")
   }, {
-    value: '03',
-    label: (0, _i18n.__)('March')
+    value: "03",
+    label: (0, import_i18n.__)("March")
   }, {
-    value: '04',
-    label: (0, _i18n.__)('April')
+    value: "04",
+    label: (0, import_i18n.__)("April")
   }, {
-    value: '05',
-    label: (0, _i18n.__)('May')
+    value: "05",
+    label: (0, import_i18n.__)("May")
   }, {
-    value: '06',
-    label: (0, _i18n.__)('June')
+    value: "06",
+    label: (0, import_i18n.__)("June")
   }, {
-    value: '07',
-    label: (0, _i18n.__)('July')
+    value: "07",
+    label: (0, import_i18n.__)("July")
   }, {
-    value: '08',
-    label: (0, _i18n.__)('August')
+    value: "08",
+    label: (0, import_i18n.__)("August")
   }, {
-    value: '09',
-    label: (0, _i18n.__)('September')
+    value: "09",
+    label: (0, import_i18n.__)("September")
   }, {
-    value: '10',
-    label: (0, _i18n.__)('October')
+    value: "10",
+    label: (0, import_i18n.__)("October")
   }, {
-    value: '11',
-    label: (0, _i18n.__)('November')
+    value: "11",
+    label: (0, import_i18n.__)("November")
   }, {
-    value: '12',
-    label: (0, _i18n.__)('December')
+    value: "12",
+    label: (0, import_i18n.__)("December")
   }];
   const {
     day,
@@ -113,29 +104,27 @@ function TimePicker({
     year,
     minutes,
     hours
-  } = (0, _element.useMemo)(() => ({
-    day: (0, _dateFns.format)(date, 'dd'),
-    month: (0, _dateFns.format)(date, 'MM'),
-    year: (0, _dateFns.format)(date, 'yyyy'),
-    minutes: (0, _dateFns.format)(date, 'mm'),
-    hours: (0, _dateFns.format)(date, 'HH'),
-    am: (0, _dateFns.format)(date, 'a')
+  } = (0, import_element.useMemo)(() => ({
+    day: (0, import_date_fns.format)(date, "dd"),
+    month: (0, import_date_fns.format)(date, "MM"),
+    year: (0, import_date_fns.format)(date, "yyyy"),
+    minutes: (0, import_date_fns.format)(date, "mm"),
+    hours: (0, import_date_fns.format)(date, "HH"),
+    am: (0, import_date_fns.format)(date, "a")
   }), [date]);
-  const buildNumberControlChangeCallback = method => {
+  const buildNumberControlChangeCallback = (method) => {
     const callback = (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);
-      const newDate = (0, _dateFns.set)(date, {
+      const newDate = (0, import_date_fns.set)(date, {
         [method]: numberValue
       });
       setDate(newDate);
-      onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
+      onChange?.((0, import_date_fns.format)(newDate, import_constants.TIMEZONELESS_FORMAT));
     };
     return callback;
   };
@@ -143,17 +132,16 @@ function TimePicker({
     hours: newHours,
     minutes: newMinutes
   }) => {
-    const newDate = (0, _dateFns.set)(date, {
+    const newDate = (0, import_date_fns.set)(date, {
       hours: newHours,
       minutes: newMinutes
     });
     setDate(newDate);
-    onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
+    onChange?.((0, import_date_fns.format)(newDate, import_constants.TIMEZONELESS_FORMAT));
   };
-  const dayField = /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DayInput, {
-    className: "components-datetime__time-field components-datetime__time-field-day" // Unused, for backwards compatibility.
-    ,
-    label: (0, _i18n.__)('Day'),
+  const dayField = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.DayInput, {
+    className: "components-datetime__time-field components-datetime__time-field-day",
+    label: (0, import_i18n.__)("Day"),
     hideLabelFromVision: true,
     __next40pxDefaultSize: true,
     value: day,
@@ -165,29 +153,27 @@ function TimePicker({
     isPressEnterToChange: true,
     isDragEnabled: false,
     isShiftStepEnabled: false,
-    onChange: buildNumberControlChangeCallback('date')
+    onChange: buildNumberControlChangeCallback("date")
   }, "day");
-  const monthField = /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MonthSelectWrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectControl.default, {
-      className: "components-datetime__time-field components-datetime__time-field-month" // Unused, for backwards compatibility.
-      ,
-      label: (0, _i18n.__)('Month'),
+  const monthField = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.MonthSelectWrapper, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_control.default, {
+      className: "components-datetime__time-field components-datetime__time-field-month",
+      label: (0, import_i18n.__)("Month"),
       hideLabelFromVision: true,
       __next40pxDefaultSize: true,
       __nextHasNoMarginBottom: true,
       value: month,
       options: monthOptions,
-      onChange: value => {
-        const newDate = (0, _dateFns.setMonth)(date, Number(value) - 1);
+      onChange: (value) => {
+        const newDate = (0, import_date_fns.setMonth)(date, Number(value) - 1);
         setDate(newDate);
-        onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
+        onChange?.((0, import_date_fns.format)(newDate, import_constants.TIMEZONELESS_FORMAT));
       }
     })
   }, "month");
-  const yearField = /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.YearInput, {
-    className: "components-datetime__time-field components-datetime__time-field-year" // Unused, for backwards compatibility.
-    ,
-    label: (0, _i18n.__)('Year'),
+  const yearField = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.YearInput, {
+    className: "components-datetime__time-field components-datetime__time-field-year",
+    label: (0, import_i18n.__)("Year"),
     hideLabelFromVision: true,
     __next40pxDefaultSize: true,
     value: year,
@@ -199,90 +185,66 @@ function TimePicker({
     isPressEnterToChange: true,
     isDragEnabled: false,
     isShiftStepEnabled: false,
-    onChange: buildNumberControlChangeCallback('year'),
-    __unstableStateReducer: (0, _utils.buildPadInputStateReducer)(4)
+    onChange: buildNumberControlChangeCallback("year"),
+    __unstableStateReducer: (0, import_utils.buildPadInputStateReducer)(4)
   }, "year");
-  const defaultDateOrder = is12Hour ? 'mdy' : 'dmy';
+  const defaultDateOrder = is12Hour ? "mdy" : "dmy";
   const dateOrder = dateOrderProp && VALID_DATE_ORDERS.includes(dateOrderProp) ? dateOrderProp : defaultDateOrder;
-  const fields = dateOrder.split('').map(field => {
+  const fields = dateOrder.split("").map((field) => {
     switch (field) {
-      case 'd':
+      case "d":
         return dayField;
-      case 'm':
+      case "m":
         return monthField;
-      case 'y':
+      case "y":
         return yearField;
       default:
         return null;
     }
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    className: "components-datetime__time" // Unused, for backwards compatibility.
-    ,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Fieldset, {
-      children: [hideLabelFromVision ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Wrapper, {
+    className: "components-datetime__time",
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Fieldset, {
+      children: [hideLabelFromVision ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
         as: "legend",
-        children: (0, _i18n.__)('Time')
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControl.default.VisualLabel, {
+        children: (0, import_i18n.__)("Time")
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control.default.VisualLabel, {
         as: "legend",
-        className: "components-datetime__time-legend" // Unused, for backwards compatibility.
-        ,
-        children: (0, _i18n.__)('Time')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hStack.HStack, {
-        className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
-        ,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_timeInput.TimeInput, {
+        className: "components-datetime__time-legend",
+        children: (0, import_i18n.__)("Time")
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_h_stack.HStack, {
+        className: "components-datetime__time-wrapper",
+        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_time_input.TimeInput, {
           value: {
             hours: Number(hours),
             minutes: Number(minutes)
           },
-          is12Hour: is12Hour,
+          is12Hour,
           onChange: onTimeInputChangeCallback
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.Spacer, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_timezone.default, {})]
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spacer.Spacer, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_timezone.default, {})]
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Fieldset, {
-      children: [hideLabelFromVision ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Fieldset, {
+      children: [hideLabelFromVision ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
         as: "legend",
-        children: (0, _i18n.__)('Date')
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControl.default.VisualLabel, {
+        children: (0, import_i18n.__)("Date")
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control.default.VisualLabel, {
         as: "legend",
-        className: "components-datetime__time-legend" // Unused, for backwards compatibility.
-        ,
-        children: (0, _i18n.__)('Date')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hStack.HStack, {
-        className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
-        ,
+        className: "components-datetime__time-legend",
+        children: (0, import_i18n.__)("Date")
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_h_stack.HStack, {
+        className: "components-datetime__time-wrapper",
         children: fields
       })]
     })]
   });
 }
-
-/**
- * A component to input a time.
- *
- * Values are passed as an object in 24-hour format (`{ hours: number, minutes: number }`).
- *
- * ```jsx
- * import { TimePicker } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyTimeInput = () => {
- * 	const [ time, setTime ] = useState( { hours: 13, minutes: 30 } );
- *
- * 	return (
- * 		<TimePicker.TimeInput
- * 			value={ time }
- * 			onChange={ setTime }
- * 			label="Time"
- * 		/>
- * 	);
- * };
- * ```
- */
-TimePicker.TimeInput = _timeInput.TimeInput;
+TimePicker.TimeInput = import_time_input.TimeInput;
 Object.assign(TimePicker.TimeInput, {
-  displayName: 'TimePicker.TimeInput'
+  displayName: "TimePicker.TimeInput"
 });
-var _default = exports.default = TimePicker;
-//# sourceMappingURL=index.js.map
+var time_default = TimePicker;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TimePicker
+});
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_dateFns","require","_element","_i18n","_baseControl","_interopRequireDefault","_visuallyHidden","_selectControl","_timezone","_styles","_hStack","_spacer","_utils","_constants","_timeInput","_jsxRuntime","VALID_DATE_ORDERS","TimePicker","is12Hour","currentTime","onChange","dateOrder","dateOrderProp","hideLabelFromVision","date","setDate","useState","startOfMinute","inputToDate","Date","useEffect","monthOptions","value","label","__","day","month","year","minutes","hours","useMemo","format","am","buildNumberControlChangeCallback","method","callback","event","validateInputElementTarget","numberValue","Number","newDate","set","TIMEZONELESS_FORMAT","onTimeInputChangeCallback","newHours","newMinutes","dayField","jsx","DayInput","className","__next40pxDefaultSize","step","min","max","required","spinControls","isPressEnterToChange","isDragEnabled","isShiftStepEnabled","monthField","MonthSelectWrapper","children","default","__nextHasNoMarginBottom","options","setMonth","yearField","YearInput","__unstableStateReducer","buildPadInputStateReducer","defaultDateOrder","includes","fields","split","map","field","jsxs","Wrapper","Fieldset","VisuallyHidden","as","VisualLabel","HStack","TimeInput","Spacer","Object","assign","displayName","_default","exports"],"sources":["@wordpress/components/src/date-time/time/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { startOfMinute, format, set, setMonth } from 'date-fns';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../../base-control';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport SelectControl from '../../select-control';\nimport TimeZone from './timezone';\nimport type { TimeInputValue, TimePickerProps } from '../types';\nimport {\n\tWrapper,\n\tFieldset,\n\tMonthSelectWrapper,\n\tDayInput,\n\tYearInput,\n} from './styles';\nimport { HStack } from '../../h-stack';\nimport { Spacer } from '../../spacer';\nimport type { InputChangeCallback } from '../../input-control/types';\nimport {\n\tinputToDate,\n\tbuildPadInputStateReducer,\n\tvalidateInputElementTarget,\n} from '../utils';\nimport { TIMEZONELESS_FORMAT } from '../constants';\nimport { TimeInput } from './time-input';\n\nconst VALID_DATE_ORDERS = [ 'dmy', 'mdy', 'ymd' ];\n\n/**\n * TimePicker is a React component that renders a clock for time selection.\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimePicker = () => {\n *   const [ time, setTime ] = useState( new Date() );\n *\n *   return (\n *     <TimePicker\n *       currentTime={ date }\n *       onChange={ ( newTime ) => setTime( newTime ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport function TimePicker( {\n\tis12Hour,\n\tcurrentTime,\n\tonChange,\n\tdateOrder: dateOrderProp,\n\thideLabelFromVision = false,\n}: TimePickerProps ) {\n\tconst [ date, setDate ] = useState( () =>\n\t\t// Truncate the date at the minutes, see: #15495.\n\t\tcurrentTime ? startOfMinute( inputToDate( currentTime ) ) : new Date()\n\t);\n\n\t// Reset the state when currentTime changed.\n\t// TODO: useEffect() shouldn't be used like this, causes an unnecessary render\n\tuseEffect( () => {\n\t\tsetDate(\n\t\t\tcurrentTime\n\t\t\t\t? startOfMinute( inputToDate( currentTime ) )\n\t\t\t\t: new Date()\n\t\t);\n\t}, [ currentTime ] );\n\n\tconst monthOptions = [\n\t\t{ value: '01', label: __( 'January' ) },\n\t\t{ value: '02', label: __( 'February' ) },\n\t\t{ value: '03', label: __( 'March' ) },\n\t\t{ value: '04', label: __( 'April' ) },\n\t\t{ value: '05', label: __( 'May' ) },\n\t\t{ value: '06', label: __( 'June' ) },\n\t\t{ value: '07', label: __( 'July' ) },\n\t\t{ value: '08', label: __( 'August' ) },\n\t\t{ value: '09', label: __( 'September' ) },\n\t\t{ value: '10', label: __( 'October' ) },\n\t\t{ value: '11', label: __( 'November' ) },\n\t\t{ value: '12', label: __( 'December' ) },\n\t] as const;\n\n\tconst { day, month, year, minutes, hours } = useMemo(\n\t\t() => ( {\n\t\t\tday: format( date, 'dd' ),\n\t\t\tmonth: format(\n\t\t\t\tdate,\n\t\t\t\t'MM'\n\t\t\t) as ( typeof monthOptions )[ number ][ 'value' ],\n\t\t\tyear: format( date, 'yyyy' ),\n\t\t\tminutes: format( date, 'mm' ),\n\t\t\thours: format( date, 'HH' ),\n\t\t\tam: format( date, 'a' ),\n\t\t} ),\n\t\t[ date ]\n\t);\n\n\tconst buildNumberControlChangeCallback = ( method: 'date' | 'year' ) => {\n\t\tconst callback: InputChangeCallback = ( 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\tconst newDate = set( date, { [ method ]: numberValue } );\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t\treturn callback;\n\t};\n\n\tconst onTimeInputChangeCallback = ( {\n\t\thours: newHours,\n\t\tminutes: newMinutes,\n\t}: TimeInputValue ) => {\n\t\tconst newDate = set( date, {\n\t\t\thours: newHours,\n\t\t\tminutes: newMinutes,\n\t\t} );\n\t\tsetDate( newDate );\n\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t};\n\n\tconst dayField = (\n\t\t<DayInput\n\t\t\tkey=\"day\"\n\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-day\" // Unused, for backwards compatibility.\n\t\t\tlabel={ __( 'Day' ) }\n\t\t\thideLabelFromVision\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ day }\n\t\t\tstep={ 1 }\n\t\t\tmin={ 1 }\n\t\t\tmax={ 31 }\n\t\t\trequired\n\t\t\tspinControls=\"none\"\n\t\t\tisPressEnterToChange\n\t\t\tisDragEnabled={ false }\n\t\t\tisShiftStepEnabled={ false }\n\t\t\tonChange={ buildNumberControlChangeCallback( 'date' ) }\n\t\t/>\n\t);\n\n\tconst monthField = (\n\t\t<MonthSelectWrapper key=\"month\">\n\t\t\t<SelectControl\n\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-month\" // Unused, for backwards compatibility.\n\t\t\t\tlabel={ __( 'Month' ) }\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ month }\n\t\t\t\toptions={ monthOptions }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst newDate = setMonth( date, Number( value ) - 1 );\n\t\t\t\t\tsetDate( newDate );\n\t\t\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</MonthSelectWrapper>\n\t);\n\n\tconst yearField = (\n\t\t<YearInput\n\t\t\tkey=\"year\"\n\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-year\" // Unused, for backwards compatibility.\n\t\t\tlabel={ __( 'Year' ) }\n\t\t\thideLabelFromVision\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ year }\n\t\t\tstep={ 1 }\n\t\t\tmin={ 1 }\n\t\t\tmax={ 9999 }\n\t\t\trequired\n\t\t\tspinControls=\"none\"\n\t\t\tisPressEnterToChange\n\t\t\tisDragEnabled={ false }\n\t\t\tisShiftStepEnabled={ false }\n\t\t\tonChange={ buildNumberControlChangeCallback( 'year' ) }\n\t\t\t__unstableStateReducer={ buildPadInputStateReducer( 4 ) }\n\t\t/>\n\t);\n\n\tconst defaultDateOrder = is12Hour ? 'mdy' : 'dmy';\n\tconst dateOrder =\n\t\tdateOrderProp && VALID_DATE_ORDERS.includes( dateOrderProp )\n\t\t\t? dateOrderProp\n\t\t\t: defaultDateOrder;\n\n\tconst fields = dateOrder.split( '' ).map( ( field ) => {\n\t\tswitch ( field ) {\n\t\t\tcase 'd':\n\t\t\t\treturn dayField;\n\t\t\tcase 'm':\n\t\t\t\treturn monthField;\n\t\t\tcase 'y':\n\t\t\t\treturn yearField;\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t}\n\t} );\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__time\" // Unused, for backwards compatibility.\n\t\t>\n\t\t\t<Fieldset>\n\t\t\t\t{ hideLabelFromVision ? (\n\t\t\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t\t\t{ __( 'Time' ) }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) : (\n\t\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\t\tas=\"legend\"\n\t\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Time' ) }\n\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t) }\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<TimeInput\n\t\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t\thours: Number( hours ),\n\t\t\t\t\t\t\tminutes: Number( minutes ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tis12Hour={ is12Hour }\n\t\t\t\t\t\tonChange={ onTimeInputChangeCallback }\n\t\t\t\t\t/>\n\t\t\t\t\t<Spacer />\n\t\t\t\t\t<TimeZone />\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t\t<Fieldset>\n\t\t\t\t{ hideLabelFromVision ? (\n\t\t\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t\t\t{ __( 'Date' ) }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) : (\n\t\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\t\tas=\"legend\"\n\t\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Date' ) }\n\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t) }\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ fields }\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t</Wrapper>\n\t);\n}\n\n/**\n * A component to input a time.\n *\n * Values are passed as an object in 24-hour format (`{ hours: number, minutes: number }`).\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimeInput = () => {\n * \tconst [ time, setTime ] = useState( { hours: 13, minutes: 30 } );\n *\n * \treturn (\n * \t\t<TimePicker.TimeInput\n * \t\t\tvalue={ time }\n * \t\t\tonChange={ setTime }\n * \t\t\tlabel=\"Time\"\n * \t\t/>\n * \t);\n * };\n * ```\n */\nTimePicker.TimeInput = TimeInput;\nObject.assign( TimePicker.TimeInput, { displayName: 'TimePicker.TimeInput' } );\n\nexport default TimePicker;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/date-time/time/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { startOfMinute, format, set, setMonth } from 'date-fns';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../../base-control';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport SelectControl from '../../select-control';\nimport TimeZone from './timezone';\nimport { Wrapper, Fieldset, MonthSelectWrapper, DayInput, YearInput } from './styles';\nimport { HStack } from '../../h-stack';\nimport { Spacer } from '../../spacer';\nimport { inputToDate, buildPadInputStateReducer, validateInputElementTarget } from '../utils';\nimport { TIMEZONELESS_FORMAT } from '../constants';\nimport { TimeInput } from './time-input';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst VALID_DATE_ORDERS = ['dmy', 'mdy', 'ymd'];\n\n/**\n * TimePicker is a React component that renders a clock for time selection.\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimePicker = () => {\n *   const [ time, setTime ] = useState( new Date() );\n *\n *   return (\n *     <TimePicker\n *       currentTime={ date }\n *       onChange={ ( newTime ) => setTime( newTime ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport function TimePicker({\n  is12Hour,\n  currentTime,\n  onChange,\n  dateOrder: dateOrderProp,\n  hideLabelFromVision = false\n}) {\n  const [date, setDate] = useState(() =>\n  // Truncate the date at the minutes, see: #15495.\n  currentTime ? startOfMinute(inputToDate(currentTime)) : new Date());\n\n  // Reset the state when currentTime changed.\n  // TODO: useEffect() shouldn't be used like this, causes an unnecessary render\n  useEffect(() => {\n    setDate(currentTime ? startOfMinute(inputToDate(currentTime)) : new Date());\n  }, [currentTime]);\n  const monthOptions = [{\n    value: '01',\n    label: __('January')\n  }, {\n    value: '02',\n    label: __('February')\n  }, {\n    value: '03',\n    label: __('March')\n  }, {\n    value: '04',\n    label: __('April')\n  }, {\n    value: '05',\n    label: __('May')\n  }, {\n    value: '06',\n    label: __('June')\n  }, {\n    value: '07',\n    label: __('July')\n  }, {\n    value: '08',\n    label: __('August')\n  }, {\n    value: '09',\n    label: __('September')\n  }, {\n    value: '10',\n    label: __('October')\n  }, {\n    value: '11',\n    label: __('November')\n  }, {\n    value: '12',\n    label: __('December')\n  }];\n  const {\n    day,\n    month,\n    year,\n    minutes,\n    hours\n  } = useMemo(() => ({\n    day: format(date, 'dd'),\n    month: format(date, 'MM'),\n    year: format(date, 'yyyy'),\n    minutes: format(date, 'mm'),\n    hours: format(date, 'HH'),\n    am: format(date, 'a')\n  }), [date]);\n  const buildNumberControlChangeCallback = method => {\n    const callback = (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      const newDate = set(date, {\n        [method]: numberValue\n      });\n      setDate(newDate);\n      onChange?.(format(newDate, TIMEZONELESS_FORMAT));\n    };\n    return callback;\n  };\n  const onTimeInputChangeCallback = ({\n    hours: newHours,\n    minutes: newMinutes\n  }) => {\n    const newDate = set(date, {\n      hours: newHours,\n      minutes: newMinutes\n    });\n    setDate(newDate);\n    onChange?.(format(newDate, TIMEZONELESS_FORMAT));\n  };\n  const dayField = /*#__PURE__*/_jsx(DayInput, {\n    className: \"components-datetime__time-field components-datetime__time-field-day\" // Unused, for backwards compatibility.\n    ,\n    label: __('Day'),\n    hideLabelFromVision: true,\n    __next40pxDefaultSize: true,\n    value: day,\n    step: 1,\n    min: 1,\n    max: 31,\n    required: true,\n    spinControls: \"none\",\n    isPressEnterToChange: true,\n    isDragEnabled: false,\n    isShiftStepEnabled: false,\n    onChange: buildNumberControlChangeCallback('date')\n  }, \"day\");\n  const monthField = /*#__PURE__*/_jsx(MonthSelectWrapper, {\n    children: /*#__PURE__*/_jsx(SelectControl, {\n      className: \"components-datetime__time-field components-datetime__time-field-month\" // Unused, for backwards compatibility.\n      ,\n      label: __('Month'),\n      hideLabelFromVision: true,\n      __next40pxDefaultSize: true,\n      __nextHasNoMarginBottom: true,\n      value: month,\n      options: monthOptions,\n      onChange: value => {\n        const newDate = setMonth(date, Number(value) - 1);\n        setDate(newDate);\n        onChange?.(format(newDate, TIMEZONELESS_FORMAT));\n      }\n    })\n  }, \"month\");\n  const yearField = /*#__PURE__*/_jsx(YearInput, {\n    className: \"components-datetime__time-field components-datetime__time-field-year\" // Unused, for backwards compatibility.\n    ,\n    label: __('Year'),\n    hideLabelFromVision: true,\n    __next40pxDefaultSize: true,\n    value: year,\n    step: 1,\n    min: 1,\n    max: 9999,\n    required: true,\n    spinControls: \"none\",\n    isPressEnterToChange: true,\n    isDragEnabled: false,\n    isShiftStepEnabled: false,\n    onChange: buildNumberControlChangeCallback('year'),\n    __unstableStateReducer: buildPadInputStateReducer(4)\n  }, \"year\");\n  const defaultDateOrder = is12Hour ? 'mdy' : 'dmy';\n  const dateOrder = dateOrderProp && VALID_DATE_ORDERS.includes(dateOrderProp) ? dateOrderProp : defaultDateOrder;\n  const fields = dateOrder.split('').map(field => {\n    switch (field) {\n      case 'd':\n        return dayField;\n      case 'm':\n        return monthField;\n      case 'y':\n        return yearField;\n      default:\n        return null;\n    }\n  });\n  return /*#__PURE__*/_jsxs(Wrapper, {\n    className: \"components-datetime__time\" // Unused, for backwards compatibility.\n    ,\n    children: [/*#__PURE__*/_jsxs(Fieldset, {\n      children: [hideLabelFromVision ? /*#__PURE__*/_jsx(VisuallyHidden, {\n        as: \"legend\",\n        children: __('Time')\n      }) : /*#__PURE__*/_jsx(BaseControl.VisualLabel, {\n        as: \"legend\",\n        className: \"components-datetime__time-legend\" // Unused, for backwards compatibility.\n        ,\n        children: __('Time')\n      }), /*#__PURE__*/_jsxs(HStack, {\n        className: \"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n        ,\n        children: [/*#__PURE__*/_jsx(TimeInput, {\n          value: {\n            hours: Number(hours),\n            minutes: Number(minutes)\n          },\n          is12Hour: is12Hour,\n          onChange: onTimeInputChangeCallback\n        }), /*#__PURE__*/_jsx(Spacer, {}), /*#__PURE__*/_jsx(TimeZone, {})]\n      })]\n    }), /*#__PURE__*/_jsxs(Fieldset, {\n      children: [hideLabelFromVision ? /*#__PURE__*/_jsx(VisuallyHidden, {\n        as: \"legend\",\n        children: __('Date')\n      }) : /*#__PURE__*/_jsx(BaseControl.VisualLabel, {\n        as: \"legend\",\n        className: \"components-datetime__time-legend\" // Unused, for backwards compatibility.\n        ,\n        children: __('Date')\n      }), /*#__PURE__*/_jsx(HStack, {\n        className: \"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n        ,\n        children: fields\n      })]\n    })]\n  });\n}\n\n/**\n * A component to input a time.\n *\n * Values are passed as an object in 24-hour format (`{ hours: number, minutes: number }`).\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimeInput = () => {\n * \tconst [ time, setTime ] = useState( { hours: 13, minutes: 30 } );\n *\n * \treturn (\n * \t\t<TimePicker.TimeInput\n * \t\t\tvalue={ time }\n * \t\t\tonChange={ setTime }\n * \t\t\tlabel=\"Time\"\n * \t\t/>\n * \t);\n * };\n * ```\n */\nTimePicker.TimeInput = TimeInput;\nObject.assign(TimePicker.TimeInput, {\n  displayName: 'TimePicker.TimeInput'\n});\nexport default TimePicker;"],
+  "mappings": "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",
+  "names": ["_jsx", "SelectControl", "_jsxs", "BaseControl", "TimeZone"]
+}