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

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

@@ -1,51 +1,37 @@
 "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 date_exports = {};
+__export(date_exports, {
+  DatePicker: () => DatePicker,
+  default: () => date_default
 });
-exports.DatePicker = DatePicker;
-exports.default = void 0;
-var _dateFns = require("date-fns");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _date = require("@wordpress/date");
-var _element = require("@wordpress/element");
-var _useLilius = require("./use-lilius");
-var _styles = require("./styles");
-var _utils = require("../utils");
-var _constants = require("../constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * DatePicker is a React component that renders a calendar for date selection.
- *
- * ```jsx
- * import { DatePicker } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyDatePicker = () => {
- *   const [ date, setDate ] = useState( new Date() );
- *
- *   return (
- *     <DatePicker
- *       currentDate={ date }
- *       onChange={ ( newDate ) => setDate( newDate ) }
- *     />
- *   );
- * };
- * ```
- */
+module.exports = __toCommonJS(date_exports);
+var import_date_fns = require("date-fns");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_date = require("@wordpress/date");
+var import_element = require("@wordpress/element");
+var import_use_lilius = require("./use-lilius");
+var import_styles = require("./styles");
+var import_utils = require("../utils");
+var import_constants = require("../constants");
+var import_jsx_runtime = require("react/jsx-runtime");
 function DatePicker({
   currentDate,
   onChange,
@@ -54,7 +40,7 @@ function DatePicker({
   onMonthPreviewed,
   startOfWeek: weekStartsOn = 0
 }) {
-  const date = currentDate ? (0, _utils.inputToDate)(currentDate) : new Date();
+  const date = currentDate ? (0, import_utils.inputToDate)(currentDate) : /* @__PURE__ */ new Date();
   const {
     calendar,
     viewing,
@@ -63,117 +49,110 @@ function DatePicker({
     isSelected,
     viewPreviousMonth,
     viewNextMonth
-  } = (0, _useLilius.useLilius)({
-    selected: [(0, _dateFns.startOfDay)(date)],
-    viewing: (0, _dateFns.startOfDay)(date),
+  } = (0, import_use_lilius.useLilius)({
+    selected: [(0, import_date_fns.startOfDay)(date)],
+    viewing: (0, import_date_fns.startOfDay)(date),
     weekStartsOn
   });
-
-  // Used to implement a roving tab index. Tracks the day that receives focus
-  // when the user tabs into the calendar.
-  const [focusable, setFocusable] = (0, _element.useState)((0, _dateFns.startOfDay)(date));
-
-  // Allows us to only programmatically focus() a day when focus was already
-  // within the calendar. This stops us stealing focus from e.g. a TimePicker
-  // input.
-  const [isFocusWithinCalendar, setIsFocusWithinCalendar] = (0, _element.useState)(false);
-
-  // Update internal state when currentDate prop changes.
-  const [prevCurrentDate, setPrevCurrentDate] = (0, _element.useState)(currentDate);
+  const [focusable, setFocusable] = (0, import_element.useState)((0, import_date_fns.startOfDay)(date));
+  const [isFocusWithinCalendar, setIsFocusWithinCalendar] = (0, import_element.useState)(false);
+  const [prevCurrentDate, setPrevCurrentDate] = (0, import_element.useState)(currentDate);
   if (currentDate !== prevCurrentDate) {
     setPrevCurrentDate(currentDate);
-    setSelected([(0, _dateFns.startOfDay)(date)]);
-    setViewing((0, _dateFns.startOfDay)(date));
-    setFocusable((0, _dateFns.startOfDay)(date));
+    setSelected([(0, import_date_fns.startOfDay)(date)]);
+    setViewing((0, import_date_fns.startOfDay)(date));
+    setFocusable((0, import_date_fns.startOfDay)(date));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Wrapper, {
     className: "components-datetime__date",
     role: "application",
-    "aria-label": (0, _i18n.__)('Calendar'),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Navigator, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ViewPreviousMonthButton, {
-        icon: (0, _i18n.isRTL)() ? _icons.arrowRight : _icons.arrowLeft,
+    "aria-label": (0, import_i18n.__)("Calendar"),
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Navigator, {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.ViewPreviousMonthButton, {
+        icon: (0, import_i18n.isRTL)() ? import_icons.arrowRight : import_icons.arrowLeft,
         variant: "tertiary",
-        "aria-label": (0, _i18n.__)('View previous month'),
+        "aria-label": (0, import_i18n.__)("View previous month"),
         onClick: () => {
           viewPreviousMonth();
-          setFocusable((0, _dateFns.subMonths)(focusable, 1));
-          onMonthPreviewed?.((0, _dateFns.format)((0, _dateFns.subMonths)(viewing, 1), _constants.TIMEZONELESS_FORMAT));
+          setFocusable((0, import_date_fns.subMonths)(focusable, 1));
+          onMonthPreviewed?.((0, import_date_fns.format)((0, import_date_fns.subMonths)(viewing, 1), import_constants.TIMEZONELESS_FORMAT));
         },
         size: "compact"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.NavigatorHeading, {
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.NavigatorHeading, {
         level: 3,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
-          children: (0, _date.dateI18n)('F', viewing, -viewing.getTimezoneOffset())
-        }), ' ', (0, _date.dateI18n)('Y', viewing, -viewing.getTimezoneOffset())]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ViewNextMonthButton, {
-        icon: (0, _i18n.isRTL)() ? _icons.arrowLeft : _icons.arrowRight,
+        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
+          children: (0, import_date.dateI18n)("F", viewing, -viewing.getTimezoneOffset())
+        }), " ", (0, import_date.dateI18n)("Y", viewing, -viewing.getTimezoneOffset())]
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.ViewNextMonthButton, {
+        icon: (0, import_i18n.isRTL)() ? import_icons.arrowLeft : import_icons.arrowRight,
         variant: "tertiary",
-        "aria-label": (0, _i18n.__)('View next month'),
+        "aria-label": (0, import_i18n.__)("View next month"),
         onClick: () => {
           viewNextMonth();
-          setFocusable((0, _dateFns.addMonths)(focusable, 1));
-          onMonthPreviewed?.((0, _dateFns.format)((0, _dateFns.addMonths)(viewing, 1), _constants.TIMEZONELESS_FORMAT));
+          setFocusable((0, import_date_fns.addMonths)(focusable, 1));
+          onMonthPreviewed?.((0, import_date_fns.format)((0, import_date_fns.addMonths)(viewing, 1), import_constants.TIMEZONELESS_FORMAT));
         },
         size: "compact"
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Calendar, {
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Calendar, {
       onFocus: () => setIsFocusWithinCalendar(true),
       onBlur: () => setIsFocusWithinCalendar(false),
-      children: [calendar[0][0].map(day => /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DayOfWeek, {
-        children: (0, _date.dateI18n)('D', day, -day.getTimezoneOffset())
-      }, day.toString())), calendar[0].map(week => week.map((day, index) => {
-        if (!(0, _dateFns.isSameMonth)(day, viewing)) {
+      children: [calendar[0][0].map((day) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.DayOfWeek, {
+        children: (0, import_date.dateI18n)("D", day, -day.getTimezoneOffset())
+      }, day.toString())), calendar[0].map((week) => week.map((day, index) => {
+        if (!(0, import_date_fns.isSameMonth)(day, viewing)) {
           return null;
         }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Day, {
-          day: day,
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Day, {
+          day,
           column: index + 1,
           isSelected: isSelected(day),
-          isFocusable: (0, _dateFns.isEqual)(day, focusable),
+          isFocusable: (0, import_date_fns.isEqual)(day, focusable),
           isFocusAllowed: isFocusWithinCalendar,
-          isToday: (0, _dateFns.isSameDay)(day, new Date()),
+          isToday: (0, import_date_fns.isSameDay)(day, /* @__PURE__ */ new Date()),
           isInvalid: isInvalidDate ? isInvalidDate(day) : false,
-          numEvents: events.filter(event => (0, _dateFns.isSameDay)(event.date, day)).length,
+          numEvents: events.filter((event) => (0, import_date_fns.isSameDay)(event.date, day)).length,
           onClick: () => {
             setSelected([day]);
             setFocusable(day);
-            onChange?.((0, _dateFns.format)(
-            // Don't change the selected date's time fields.
-            new Date(day.getFullYear(), day.getMonth(), day.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()), _constants.TIMEZONELESS_FORMAT));
+            onChange?.((0, import_date_fns.format)(
+              // Don't change the selected date's time fields.
+              new Date(day.getFullYear(), day.getMonth(), day.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()),
+              import_constants.TIMEZONELESS_FORMAT
+            ));
           },
-          onKeyDown: event => {
+          onKeyDown: (event) => {
             let nextFocusable;
-            if (event.key === 'ArrowLeft') {
-              nextFocusable = (0, _dateFns.addDays)(day, (0, _i18n.isRTL)() ? 1 : -1);
+            if (event.key === "ArrowLeft") {
+              nextFocusable = (0, import_date_fns.addDays)(day, (0, import_i18n.isRTL)() ? 1 : -1);
             }
-            if (event.key === 'ArrowRight') {
-              nextFocusable = (0, _dateFns.addDays)(day, (0, _i18n.isRTL)() ? -1 : 1);
+            if (event.key === "ArrowRight") {
+              nextFocusable = (0, import_date_fns.addDays)(day, (0, import_i18n.isRTL)() ? -1 : 1);
             }
-            if (event.key === 'ArrowUp') {
-              nextFocusable = (0, _dateFns.subWeeks)(day, 1);
+            if (event.key === "ArrowUp") {
+              nextFocusable = (0, import_date_fns.subWeeks)(day, 1);
             }
-            if (event.key === 'ArrowDown') {
-              nextFocusable = (0, _dateFns.addWeeks)(day, 1);
+            if (event.key === "ArrowDown") {
+              nextFocusable = (0, import_date_fns.addWeeks)(day, 1);
             }
-            if (event.key === 'PageUp') {
-              nextFocusable = (0, _dateFns.subMonths)(day, 1);
+            if (event.key === "PageUp") {
+              nextFocusable = (0, import_date_fns.subMonths)(day, 1);
             }
-            if (event.key === 'PageDown') {
-              nextFocusable = (0, _dateFns.addMonths)(day, 1);
+            if (event.key === "PageDown") {
+              nextFocusable = (0, import_date_fns.addMonths)(day, 1);
             }
-            if (event.key === 'Home') {
-              nextFocusable = (0, _dateFns.startOfWeek)(day);
+            if (event.key === "Home") {
+              nextFocusable = (0, import_date_fns.startOfWeek)(day);
             }
-            if (event.key === 'End') {
-              nextFocusable = (0, _dateFns.startOfDay)((0, _dateFns.endOfWeek)(day));
+            if (event.key === "End") {
+              nextFocusable = (0, import_date_fns.startOfDay)((0, import_date_fns.endOfWeek)(day));
             }
             if (nextFocusable) {
               event.preventDefault();
               setFocusable(nextFocusable);
-              if (!(0, _dateFns.isSameMonth)(nextFocusable, viewing)) {
+              if (!(0, import_date_fns.isSameMonth)(nextFocusable, viewing)) {
                 setViewing(nextFocusable);
-                onMonthPreviewed?.((0, _dateFns.format)(nextFocusable, _constants.TIMEZONELESS_FORMAT));
+                onMonthPreviewed?.((0, import_date_fns.format)(nextFocusable, import_constants.TIMEZONELESS_FORMAT));
               }
             }
           }
@@ -194,54 +173,59 @@ function Day({
   onClick,
   onKeyDown
 }) {
-  const ref = (0, _element.useRef)();
-
-  // Focus the day when it becomes focusable, e.g. because an arrow key is
-  // pressed. Only do this if focus is allowed - this stops us stealing focus
-  // from e.g. a TimePicker input.
-  (0, _element.useEffect)(() => {
+  const ref = (0, import_element.useRef)();
+  (0, import_element.useEffect)(() => {
     if (ref.current && isFocusable && isFocusAllowed) {
       ref.current.focus();
     }
-    // isFocusAllowed is not a dep as there is no point calling focus() on
-    // an already focused element.
   }, [isFocusable]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DayButton, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.DayButton, {
     __next40pxDefaultSize: true,
-    ref: ref,
-    className: "components-datetime__date__day" // Unused, for backwards compatibility.
-    ,
+    ref,
+    className: "components-datetime__date__day",
     disabled: isInvalid,
     tabIndex: isFocusable ? 0 : -1,
     "aria-label": getDayLabel(day, isSelected, numEvents),
-    column: column,
-    isSelected: isSelected,
-    isToday: isToday,
+    column,
+    isSelected,
+    isToday,
     hasEvents: numEvents > 0,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    children: (0, _date.dateI18n)('j', day, -day.getTimezoneOffset())
+    onClick,
+    onKeyDown,
+    children: (0, import_date.dateI18n)("j", day, -day.getTimezoneOffset())
   });
 }
 function getDayLabel(date, isSelected, numEvents) {
   const {
     formats
-  } = (0, _date.getSettings)();
-  const localizedDate = (0, _date.dateI18n)(formats.date, date, -date.getTimezoneOffset());
+  } = (0, import_date.getSettings)();
+  const localizedDate = (0, import_date.dateI18n)(formats.date, date, -date.getTimezoneOffset());
   if (isSelected && numEvents > 0) {
-    return (0, _i18n.sprintf)(
-    // translators: 1: The calendar date. 2: Number of events on the calendar date.
-    (0, _i18n._n)('%1$s. Selected. There is %2$d event', '%1$s. Selected. There are %2$d events', numEvents), localizedDate, numEvents);
+    return (0, import_i18n.sprintf)(
+      // translators: 1: The calendar date. 2: Number of events on the calendar date.
+      (0, import_i18n._n)("%1$s. Selected. There is %2$d event", "%1$s. Selected. There are %2$d events", numEvents),
+      localizedDate,
+      numEvents
+    );
   } else if (isSelected) {
-    return (0, _i18n.sprintf)(
-    // translators: 1: The calendar date.
-    (0, _i18n.__)('%1$s. Selected'), localizedDate);
+    return (0, import_i18n.sprintf)(
+      // translators: 1: The calendar date.
+      (0, import_i18n.__)("%1$s. Selected"),
+      localizedDate
+    );
   } else if (numEvents > 0) {
-    return (0, _i18n.sprintf)(
-    // translators: 1: The calendar date. 2: Number of events on the calendar date.
-    (0, _i18n._n)('%1$s. There is %2$d event', '%1$s. There are %2$d events', numEvents), localizedDate, numEvents);
+    return (0, import_i18n.sprintf)(
+      // translators: 1: The calendar date. 2: Number of events on the calendar date.
+      (0, import_i18n._n)("%1$s. There is %2$d event", "%1$s. There are %2$d events", numEvents),
+      localizedDate,
+      numEvents
+    );
   }
   return localizedDate;
 }
-var _default = exports.default = DatePicker;
-//# sourceMappingURL=index.js.map
+var date_default = DatePicker;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DatePicker
+});
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_dateFns","require","_i18n","_icons","_date","_element","_useLilius","_styles","_utils","_constants","_jsxRuntime","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","startOfWeek","weekStartsOn","date","inputToDate","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","useLilius","selected","startOfDay","focusable","setFocusable","useState","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","jsxs","Wrapper","className","role","__","children","Navigator","jsx","ViewPreviousMonthButton","icon","isRTL","arrowRight","arrowLeft","variant","onClick","subMonths","format","TIMEZONELESS_FORMAT","size","NavigatorHeading","level","dateI18n","getTimezoneOffset","ViewNextMonthButton","addMonths","Calendar","onFocus","onBlur","map","day","DayOfWeek","toString","week","index","isSameMonth","Day","column","isFocusable","isEqual","isFocusAllowed","isToday","isSameDay","isInvalid","numEvents","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","onKeyDown","nextFocusable","key","addDays","subWeeks","addWeeks","endOfWeek","preventDefault","ref","useRef","useEffect","current","focus","DayButton","__next40pxDefaultSize","disabled","tabIndex","getDayLabel","hasEvents","formats","getSettings","localizedDate","sprintf","_n","_default","exports","default"],"sources":["@wordpress/components/src/date-time/date/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tformat,\n\tisSameDay,\n\tsubMonths,\n\taddMonths,\n\tstartOfDay,\n\tisEqual,\n\taddDays,\n\tsubWeeks,\n\taddWeeks,\n\tisSameMonth,\n\tstartOfWeek,\n\tendOfWeek,\n} from 'date-fns';\nimport type { KeyboardEventHandler } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf, isRTL } from '@wordpress/i18n';\nimport { arrowLeft, arrowRight } from '@wordpress/icons';\nimport { dateI18n, getSettings } from '@wordpress/date';\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useLilius } from './use-lilius';\nimport type { DatePickerProps } from '../types';\nimport {\n\tWrapper,\n\tNavigator,\n\tViewPreviousMonthButton,\n\tViewNextMonthButton,\n\tNavigatorHeading,\n\tCalendar,\n\tDayOfWeek,\n\tDayButton,\n} from './styles';\nimport { inputToDate } from '../utils';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\n/**\n * DatePicker is a React component that renders a calendar for date selection.\n *\n * ```jsx\n * import { DatePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDatePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DatePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function DatePicker( {\n\tcurrentDate,\n\tonChange,\n\tevents = [],\n\tisInvalidDate,\n\tonMonthPreviewed,\n\tstartOfWeek: weekStartsOn = 0,\n}: DatePickerProps ) {\n\tconst date = currentDate ? inputToDate( currentDate ) : new Date();\n\n\tconst {\n\t\tcalendar,\n\t\tviewing,\n\t\tsetSelected,\n\t\tsetViewing,\n\t\tisSelected,\n\t\tviewPreviousMonth,\n\t\tviewNextMonth,\n\t} = useLilius( {\n\t\tselected: [ startOfDay( date ) ],\n\t\tviewing: startOfDay( date ),\n\t\tweekStartsOn,\n\t} );\n\n\t// Used to implement a roving tab index. Tracks the day that receives focus\n\t// when the user tabs into the calendar.\n\tconst [ focusable, setFocusable ] = useState( startOfDay( date ) );\n\n\t// Allows us to only programmatically focus() a day when focus was already\n\t// within the calendar. This stops us stealing focus from e.g. a TimePicker\n\t// input.\n\tconst [ isFocusWithinCalendar, setIsFocusWithinCalendar ] =\n\t\tuseState( false );\n\n\t// Update internal state when currentDate prop changes.\n\tconst [ prevCurrentDate, setPrevCurrentDate ] = useState( currentDate );\n\tif ( currentDate !== prevCurrentDate ) {\n\t\tsetPrevCurrentDate( currentDate );\n\t\tsetSelected( [ startOfDay( date ) ] );\n\t\tsetViewing( startOfDay( date ) );\n\t\tsetFocusable( startOfDay( date ) );\n\t}\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__date\"\n\t\t\trole=\"application\"\n\t\t\taria-label={ __( 'Calendar' ) }\n\t\t>\n\t\t\t<Navigator>\n\t\t\t\t<ViewPreviousMonthButton\n\t\t\t\t\ticon={ isRTL() ? arrowRight : arrowLeft }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View previous month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewPreviousMonth();\n\t\t\t\t\t\tsetFocusable( subMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\tsubMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t\t<NavigatorHeading level={ 3 }>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t{ dateI18n(\n\t\t\t\t\t\t\t'F',\n\t\t\t\t\t\t\tviewing,\n\t\t\t\t\t\t\t-viewing.getTimezoneOffset()\n\t\t\t\t\t\t) }\n\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t{ dateI18n( 'Y', viewing, -viewing.getTimezoneOffset() ) }\n\t\t\t\t</NavigatorHeading>\n\t\t\t\t<ViewNextMonthButton\n\t\t\t\t\ticon={ isRTL() ? arrowLeft : arrowRight }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View next month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewNextMonth();\n\t\t\t\t\t\tsetFocusable( addMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\taddMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t</Navigator>\n\t\t\t<Calendar\n\t\t\t\tonFocus={ () => setIsFocusWithinCalendar( true ) }\n\t\t\t\tonBlur={ () => setIsFocusWithinCalendar( false ) }\n\t\t\t>\n\t\t\t\t{ calendar[ 0 ][ 0 ].map( ( day ) => (\n\t\t\t\t\t<DayOfWeek key={ day.toString() }>\n\t\t\t\t\t\t{ dateI18n( 'D', day, -day.getTimezoneOffset() ) }\n\t\t\t\t\t</DayOfWeek>\n\t\t\t\t) ) }\n\t\t\t\t{ calendar[ 0 ].map( ( week ) =>\n\t\t\t\t\tweek.map( ( day, index ) => {\n\t\t\t\t\t\tif ( ! isSameMonth( day, viewing ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tkey={ day.toString() }\n\t\t\t\t\t\t\t\tday={ day }\n\t\t\t\t\t\t\t\tcolumn={ index + 1 }\n\t\t\t\t\t\t\t\tisSelected={ isSelected( day ) }\n\t\t\t\t\t\t\t\tisFocusable={ isEqual( day, focusable ) }\n\t\t\t\t\t\t\t\tisFocusAllowed={ isFocusWithinCalendar }\n\t\t\t\t\t\t\t\tisToday={ isSameDay( day, new Date() ) }\n\t\t\t\t\t\t\t\tisInvalid={\n\t\t\t\t\t\t\t\t\tisInvalidDate ? isInvalidDate( day ) : false\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnumEvents={\n\t\t\t\t\t\t\t\t\tevents.filter( ( event ) =>\n\t\t\t\t\t\t\t\t\t\tisSameDay( event.date, day )\n\t\t\t\t\t\t\t\t\t).length\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetSelected( [ day ] );\n\t\t\t\t\t\t\t\t\tsetFocusable( day );\n\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t// Don't change the selected date's time fields.\n\t\t\t\t\t\t\t\t\t\t\tnew Date(\n\t\t\t\t\t\t\t\t\t\t\t\tday.getFullYear(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getMonth(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getDate(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getHours(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMinutes(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getSeconds(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMilliseconds()\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tlet nextFocusable;\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowLeft' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? 1 : -1\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowRight' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? -1 : 1\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'Home' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfWeek( day );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'End' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfDay(\n\t\t\t\t\t\t\t\t\t\t\tendOfWeek( day )\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( nextFocusable ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tsetFocusable( nextFocusable );\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t! isSameMonth(\n\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\tviewing\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tsetViewing( nextFocusable );\n\t\t\t\t\t\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} )\n\t\t\t\t) }\n\t\t\t</Calendar>\n\t\t</Wrapper>\n\t);\n}\n\ntype DayProps = {\n\tday: Date;\n\tcolumn: number;\n\tisSelected: boolean;\n\tisFocusable: boolean;\n\tisFocusAllowed: boolean;\n\tisToday: boolean;\n\tnumEvents: number;\n\tisInvalid: boolean;\n\tonClick: () => void;\n\tonKeyDown: KeyboardEventHandler;\n};\n\nfunction Day( {\n\tday,\n\tcolumn,\n\tisSelected,\n\tisFocusable,\n\tisFocusAllowed,\n\tisToday,\n\tisInvalid,\n\tnumEvents,\n\tonClick,\n\tonKeyDown,\n}: DayProps ) {\n\tconst ref = useRef< HTMLButtonElement >();\n\n\t// Focus the day when it becomes focusable, e.g. because an arrow key is\n\t// pressed. Only do this if focus is allowed - this stops us stealing focus\n\t// from e.g. a TimePicker input.\n\tuseEffect( () => {\n\t\tif ( ref.current && isFocusable && isFocusAllowed ) {\n\t\t\tref.current.focus();\n\t\t}\n\t\t// isFocusAllowed is not a dep as there is no point calling focus() on\n\t\t// an already focused element.\n\t}, [ isFocusable ] );\n\n\treturn (\n\t\t<DayButton\n\t\t\t__next40pxDefaultSize\n\t\t\tref={ ref }\n\t\t\tclassName=\"components-datetime__date__day\" // Unused, for backwards compatibility.\n\t\t\tdisabled={ isInvalid }\n\t\t\ttabIndex={ isFocusable ? 0 : -1 }\n\t\t\taria-label={ getDayLabel( day, isSelected, numEvents ) }\n\t\t\tcolumn={ column }\n\t\t\tisSelected={ isSelected }\n\t\t\tisToday={ isToday }\n\t\t\thasEvents={ numEvents > 0 }\n\t\t\tonClick={ onClick }\n\t\t\tonKeyDown={ onKeyDown }\n\t\t>\n\t\t\t{ dateI18n( 'j', day, -day.getTimezoneOffset() ) }\n\t\t</DayButton>\n\t);\n}\n\nfunction getDayLabel( date: Date, isSelected: boolean, numEvents: number ) {\n\tconst { formats } = getSettings();\n\tconst localizedDate = dateI18n(\n\t\tformats.date,\n\t\tdate,\n\t\t-date.getTimezoneOffset()\n\t);\n\tif ( isSelected && numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. Selected. There is %2$d event',\n\t\t\t\t'%1$s. Selected. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t} else if ( isSelected ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date.\n\t\t\t__( '%1$s. Selected' ),\n\t\t\tlocalizedDate\n\t\t);\n\t} else if ( numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. There is %2$d event',\n\t\t\t\t'%1$s. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t}\n\treturn localizedDate;\n}\n\nexport default DatePicker;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/date-time/date/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { format, isSameDay, subMonths, addMonths, startOfDay, isEqual, addDays, subWeeks, addWeeks, isSameMonth, startOfWeek, endOfWeek } from 'date-fns';\n/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf, isRTL } from '@wordpress/i18n';\nimport { arrowLeft, arrowRight } from '@wordpress/icons';\nimport { dateI18n, getSettings } from '@wordpress/date';\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useLilius } from './use-lilius';\nimport { Wrapper, Navigator, ViewPreviousMonthButton, ViewNextMonthButton, NavigatorHeading, Calendar, DayOfWeek, DayButton } from './styles';\nimport { inputToDate } from '../utils';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\n/**\n * DatePicker is a React component that renders a calendar for date selection.\n *\n * ```jsx\n * import { DatePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDatePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DatePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *     />\n *   );\n * };\n * ```\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function DatePicker({\n  currentDate,\n  onChange,\n  events = [],\n  isInvalidDate,\n  onMonthPreviewed,\n  startOfWeek: weekStartsOn = 0\n}) {\n  const date = currentDate ? inputToDate(currentDate) : new Date();\n  const {\n    calendar,\n    viewing,\n    setSelected,\n    setViewing,\n    isSelected,\n    viewPreviousMonth,\n    viewNextMonth\n  } = useLilius({\n    selected: [startOfDay(date)],\n    viewing: startOfDay(date),\n    weekStartsOn\n  });\n\n  // Used to implement a roving tab index. Tracks the day that receives focus\n  // when the user tabs into the calendar.\n  const [focusable, setFocusable] = useState(startOfDay(date));\n\n  // Allows us to only programmatically focus() a day when focus was already\n  // within the calendar. This stops us stealing focus from e.g. a TimePicker\n  // input.\n  const [isFocusWithinCalendar, setIsFocusWithinCalendar] = useState(false);\n\n  // Update internal state when currentDate prop changes.\n  const [prevCurrentDate, setPrevCurrentDate] = useState(currentDate);\n  if (currentDate !== prevCurrentDate) {\n    setPrevCurrentDate(currentDate);\n    setSelected([startOfDay(date)]);\n    setViewing(startOfDay(date));\n    setFocusable(startOfDay(date));\n  }\n  return /*#__PURE__*/_jsxs(Wrapper, {\n    className: \"components-datetime__date\",\n    role: \"application\",\n    \"aria-label\": __('Calendar'),\n    children: [/*#__PURE__*/_jsxs(Navigator, {\n      children: [/*#__PURE__*/_jsx(ViewPreviousMonthButton, {\n        icon: isRTL() ? arrowRight : arrowLeft,\n        variant: \"tertiary\",\n        \"aria-label\": __('View previous month'),\n        onClick: () => {\n          viewPreviousMonth();\n          setFocusable(subMonths(focusable, 1));\n          onMonthPreviewed?.(format(subMonths(viewing, 1), TIMEZONELESS_FORMAT));\n        },\n        size: \"compact\"\n      }), /*#__PURE__*/_jsxs(NavigatorHeading, {\n        level: 3,\n        children: [/*#__PURE__*/_jsx(\"strong\", {\n          children: dateI18n('F', viewing, -viewing.getTimezoneOffset())\n        }), ' ', dateI18n('Y', viewing, -viewing.getTimezoneOffset())]\n      }), /*#__PURE__*/_jsx(ViewNextMonthButton, {\n        icon: isRTL() ? arrowLeft : arrowRight,\n        variant: \"tertiary\",\n        \"aria-label\": __('View next month'),\n        onClick: () => {\n          viewNextMonth();\n          setFocusable(addMonths(focusable, 1));\n          onMonthPreviewed?.(format(addMonths(viewing, 1), TIMEZONELESS_FORMAT));\n        },\n        size: \"compact\"\n      })]\n    }), /*#__PURE__*/_jsxs(Calendar, {\n      onFocus: () => setIsFocusWithinCalendar(true),\n      onBlur: () => setIsFocusWithinCalendar(false),\n      children: [calendar[0][0].map(day => /*#__PURE__*/_jsx(DayOfWeek, {\n        children: dateI18n('D', day, -day.getTimezoneOffset())\n      }, day.toString())), calendar[0].map(week => week.map((day, index) => {\n        if (!isSameMonth(day, viewing)) {\n          return null;\n        }\n        return /*#__PURE__*/_jsx(Day, {\n          day: day,\n          column: index + 1,\n          isSelected: isSelected(day),\n          isFocusable: isEqual(day, focusable),\n          isFocusAllowed: isFocusWithinCalendar,\n          isToday: isSameDay(day, new Date()),\n          isInvalid: isInvalidDate ? isInvalidDate(day) : false,\n          numEvents: events.filter(event => isSameDay(event.date, day)).length,\n          onClick: () => {\n            setSelected([day]);\n            setFocusable(day);\n            onChange?.(format(\n            // Don't change the selected date's time fields.\n            new Date(day.getFullYear(), day.getMonth(), day.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()), TIMEZONELESS_FORMAT));\n          },\n          onKeyDown: event => {\n            let nextFocusable;\n            if (event.key === 'ArrowLeft') {\n              nextFocusable = addDays(day, isRTL() ? 1 : -1);\n            }\n            if (event.key === 'ArrowRight') {\n              nextFocusable = addDays(day, isRTL() ? -1 : 1);\n            }\n            if (event.key === 'ArrowUp') {\n              nextFocusable = subWeeks(day, 1);\n            }\n            if (event.key === 'ArrowDown') {\n              nextFocusable = addWeeks(day, 1);\n            }\n            if (event.key === 'PageUp') {\n              nextFocusable = subMonths(day, 1);\n            }\n            if (event.key === 'PageDown') {\n              nextFocusable = addMonths(day, 1);\n            }\n            if (event.key === 'Home') {\n              nextFocusable = startOfWeek(day);\n            }\n            if (event.key === 'End') {\n              nextFocusable = startOfDay(endOfWeek(day));\n            }\n            if (nextFocusable) {\n              event.preventDefault();\n              setFocusable(nextFocusable);\n              if (!isSameMonth(nextFocusable, viewing)) {\n                setViewing(nextFocusable);\n                onMonthPreviewed?.(format(nextFocusable, TIMEZONELESS_FORMAT));\n              }\n            }\n          }\n        }, day.toString());\n      }))]\n    })]\n  });\n}\nfunction Day({\n  day,\n  column,\n  isSelected,\n  isFocusable,\n  isFocusAllowed,\n  isToday,\n  isInvalid,\n  numEvents,\n  onClick,\n  onKeyDown\n}) {\n  const ref = useRef();\n\n  // Focus the day when it becomes focusable, e.g. because an arrow key is\n  // pressed. Only do this if focus is allowed - this stops us stealing focus\n  // from e.g. a TimePicker input.\n  useEffect(() => {\n    if (ref.current && isFocusable && isFocusAllowed) {\n      ref.current.focus();\n    }\n    // isFocusAllowed is not a dep as there is no point calling focus() on\n    // an already focused element.\n  }, [isFocusable]);\n  return /*#__PURE__*/_jsx(DayButton, {\n    __next40pxDefaultSize: true,\n    ref: ref,\n    className: \"components-datetime__date__day\" // Unused, for backwards compatibility.\n    ,\n    disabled: isInvalid,\n    tabIndex: isFocusable ? 0 : -1,\n    \"aria-label\": getDayLabel(day, isSelected, numEvents),\n    column: column,\n    isSelected: isSelected,\n    isToday: isToday,\n    hasEvents: numEvents > 0,\n    onClick: onClick,\n    onKeyDown: onKeyDown,\n    children: dateI18n('j', day, -day.getTimezoneOffset())\n  });\n}\nfunction getDayLabel(date, isSelected, numEvents) {\n  const {\n    formats\n  } = getSettings();\n  const localizedDate = dateI18n(formats.date, date, -date.getTimezoneOffset());\n  if (isSelected && numEvents > 0) {\n    return sprintf(\n    // translators: 1: The calendar date. 2: Number of events on the calendar date.\n    _n('%1$s. Selected. There is %2$d event', '%1$s. Selected. There are %2$d events', numEvents), localizedDate, numEvents);\n  } else if (isSelected) {\n    return sprintf(\n    // translators: 1: The calendar date.\n    __('%1$s. Selected'), localizedDate);\n  } else if (numEvents > 0) {\n    return sprintf(\n    // translators: 1: The calendar date. 2: Number of events on the calendar date.\n    _n('%1$s. There is %2$d event', '%1$s. There are %2$d events', numEvents), localizedDate, numEvents);\n  }\n  return localizedDate;\n}\nexport default DatePicker;"],
+  "mappings": "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",
+  "names": ["_jsxs", "_jsx"]
+}