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

package/build-module/calendar/date-range-calendar/index.js

@@ -1,22 +1,13 @@
-/**
- * External dependencies
- */
-import { differenceInCalendarDays } from 'date-fns';
-import { DayPicker, rangeContainsModifiers } from 'react-day-picker';
-import { enUS } from 'react-day-picker/locale';
-/**
- * WordPress dependencies
- */
-import { useMemo, useState, useCallback } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-import { COMMON_PROPS, MODIFIER_CLASSNAMES } from '../utils/constants';
-import { clampNumberOfMonths } from '../utils/misc';
-import { useControlledValue } from '../../utils/hooks';
-import { useLocalizationProps } from '../utils/use-localization-props';
+import { differenceInCalendarDays } from "date-fns";
+import { DayPicker, rangeContainsModifiers } from "react-day-picker";
+import { enUS } from "react-day-picker/locale";
+import { useMemo, useState, useCallback } from "@wordpress/element";
+import { COMMON_PROPS, MODIFIER_CLASSNAMES } from "../utils/constants";
+import { clampNumberOfMonths } from "../utils/misc";
+import { useControlledValue } from "../../utils/hooks";
+import { useLocalizationProps } from "../utils/use-localization-props";
 import { jsx as _jsx } from "react/jsx-runtime";
-export function usePreviewRange({
+function usePreviewRange({
   selected,
   hoveredDate,
   excludeDisabled,
@@ -30,8 +21,6 @@ export function usePreviewRange({
     }
     let previewHighlight;
     let potentialNewRange;
-
-    // Hovering on a date before the start of the selected range
     if (hoveredDate < selected.from) {
       var _selected$to;
       previewHighlight = {
@@ -43,7 +32,6 @@ export function usePreviewRange({
         to: (_selected$to = selected.to) !== null && _selected$to !== void 0 ? _selected$to : selected.from
       };
     } else if (selected.to && hoveredDate > selected.from && hoveredDate < selected.to) {
-      // Hovering on a date between the start and end of the selected range
       previewHighlight = {
         from: selected.from,
         to: hoveredDate
@@ -54,8 +42,6 @@ export function usePreviewRange({
       };
     } else if (hoveredDate > selected.from) {
       var _selected$to2;
-      // Hovering on a date after the end of the selected range (either
-      // because it's greater than selected.to, or because it's not defined)
       previewHighlight = {
         from: (_selected$to2 = selected.to) !== null && _selected$to2 !== void 0 ? _selected$to2 : selected.from,
         to: hoveredDate
@@ -65,13 +51,13 @@ export function usePreviewRange({
         to: hoveredDate
       };
     }
-    if (min !== undefined && min > 0 && potentialNewRange && differenceInCalendarDays(potentialNewRange.to, potentialNewRange.from) < min) {
+    if (min !== void 0 && min > 0 && potentialNewRange && differenceInCalendarDays(potentialNewRange.to, potentialNewRange.from) < min) {
       previewHighlight = {
         from: hoveredDate,
         to: hoveredDate
       };
     }
-    if (max !== undefined && max > 0 && potentialNewRange && differenceInCalendarDays(potentialNewRange.to, potentialNewRange.from) > max) {
+    if (max !== void 0 && max > 0 && potentialNewRange && differenceInCalendarDays(potentialNewRange.to, potentialNewRange.from) > max) {
       previewHighlight = {
         from: hoveredDate,
         to: hoveredDate
@@ -86,16 +72,7 @@ export function usePreviewRange({
     return previewHighlight;
   }, [selected, hoveredDate, excludeDisabled, min, max, disabled]);
 }
-
-/**
- * `DateRangeCalendar` is a React component that provides a customizable calendar
- * interface for **date range** selection.
- *
- * The component is built with accessibility in mind and follows ARIA best
- * practices for calendar widgets. It provides keyboard navigation, screen reader
- * support, and customizable labels for internationalization.
- */
-export const DateRangeCalendar = ({
+const DateRangeCalendar = ({
   defaultSelected,
   selected: selectedProp,
   onSelect,
@@ -111,20 +88,17 @@ export const DateRangeCalendar = ({
   const localizationProps = useLocalizationProps({
     locale,
     timeZone,
-    mode: 'range'
+    mode: "range"
   });
-  const onChange = useCallback((selected, triggerDate, modifiers, e) => {
-    // Convert internal `null` to `undefined` for the public event handler.
-    onSelect?.(selected !== null && selected !== void 0 ? selected : undefined, triggerDate, modifiers, e);
+  const onChange = useCallback((selected2, triggerDate, modifiers2, e) => {
+    onSelect?.(selected2 !== null && selected2 !== void 0 ? selected2 : void 0, triggerDate, modifiers2, e);
   }, [onSelect]);
   const [selected, setSelected] = useControlledValue({
     defaultValue: defaultSelected,
     value: selectedProp,
     onChange
   });
-  const [hoveredDate, setHoveredDate] = useState(undefined);
-
-  // Compute the preview range for hover effect
+  const [hoveredDate, setHoveredDate] = useState(void 0);
   const previewRange = usePreviewRange({
     selected,
     hoveredDate,
@@ -140,22 +114,26 @@ export const DateRangeCalendar = ({
       preview_end: previewRange?.to
     };
   }, [previewRange]);
-  return /*#__PURE__*/_jsx(DayPicker, {
+  return /* @__PURE__ */ _jsx(DayPicker, {
     ...COMMON_PROPS,
     ...localizationProps,
     ...props,
     mode: "range",
     numberOfMonths: clampNumberOfMonths(numberOfMonths),
-    disabled: disabled,
-    excludeDisabled: excludeDisabled,
-    min: min,
-    max: max,
-    selected: selected !== null && selected !== void 0 ? selected : undefined,
+    disabled,
+    excludeDisabled,
+    min,
+    max,
+    selected: selected !== null && selected !== void 0 ? selected : void 0,
     onSelect: setSelected,
-    onDayMouseEnter: date => setHoveredDate(date),
-    onDayMouseLeave: () => setHoveredDate(undefined),
-    modifiers: modifiers,
+    onDayMouseEnter: (date) => setHoveredDate(date),
+    onDayMouseLeave: () => setHoveredDate(void 0),
+    modifiers,
     modifiersClassNames: MODIFIER_CLASSNAMES
   });
 };
-//# sourceMappingURL=index.js.map
+export {
+  DateRangeCalendar,
+  usePreviewRange
+};
+//# sourceMappingURL=index.js.map

package/build-module/calendar/date-range-calendar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["differenceInCalendarDays","DayPicker","rangeContainsModifiers","enUS","useMemo","useState","useCallback","COMMON_PROPS","MODIFIER_CLASSNAMES","clampNumberOfMonths","useControlledValue","useLocalizationProps","jsx","_jsx","usePreviewRange","selected","hoveredDate","excludeDisabled","min","max","disabled","from","previewHighlight","potentialNewRange","_selected$to","to","_selected$to2","undefined","DateRangeCalendar","defaultSelected","selectedProp","onSelect","numberOfMonths","locale","timeZone","props","localizationProps","mode","onChange","triggerDate","modifiers","e","setSelected","defaultValue","value","setHoveredDate","previewRange","preview","preview_start","preview_end","onDayMouseEnter","date","onDayMouseLeave","modifiersClassNames"],"sources":["@wordpress/components/src/calendar/date-range-calendar/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { differenceInCalendarDays } from 'date-fns';\nimport { DayPicker, rangeContainsModifiers } from 'react-day-picker';\nimport { enUS } from 'react-day-picker/locale';\n/**\n * WordPress dependencies\n */\nimport { useMemo, useState, useCallback } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { COMMON_PROPS, MODIFIER_CLASSNAMES } from '../utils/constants';\nimport { clampNumberOfMonths } from '../utils/misc';\nimport { useControlledValue } from '../../utils/hooks';\nimport { useLocalizationProps } from '../utils/use-localization-props';\nimport type {\n\tDateRangeCalendarProps,\n\tDateRange,\n\tOnSelectHandler,\n} from '../types';\n\nexport function usePreviewRange( {\n\tselected,\n\thoveredDate,\n\texcludeDisabled,\n\tmin,\n\tmax,\n\tdisabled,\n}: Pick<\n\tDateRangeCalendarProps,\n\t'selected' | 'excludeDisabled' | 'min' | 'max' | 'disabled'\n> & {\n\thoveredDate: Date | undefined;\n} ) {\n\treturn useMemo( () => {\n\t\tif ( ! hoveredDate || ! selected?.from ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet previewHighlight: DateRange | undefined;\n\t\tlet potentialNewRange: { from: Date; to: Date } | undefined;\n\n\t\t// Hovering on a date before the start of the selected range\n\t\tif ( hoveredDate < selected.from ) {\n\t\t\tpreviewHighlight = {\n\t\t\t\tfrom: hoveredDate,\n\t\t\t\tto: selected.from,\n\t\t\t};\n\n\t\t\tpotentialNewRange = {\n\t\t\t\tfrom: hoveredDate,\n\t\t\t\tto: selected.to ?? selected.from,\n\t\t\t};\n\t\t} else if (\n\t\t\tselected.to &&\n\t\t\thoveredDate > selected.from &&\n\t\t\thoveredDate < selected.to\n\t\t) {\n\t\t\t// Hovering on a date between the start and end of the selected range\n\t\t\tpreviewHighlight = {\n\t\t\t\tfrom: selected.from,\n\t\t\t\tto: hoveredDate,\n\t\t\t};\n\n\t\t\tpotentialNewRange = {\n\t\t\t\tfrom: selected.from,\n\t\t\t\tto: hoveredDate,\n\t\t\t};\n\t\t} else if ( hoveredDate > selected.from ) {\n\t\t\t// Hovering on a date after the end of the selected range (either\n\t\t\t// because it's greater than selected.to, or because it's not defined)\n\t\t\tpreviewHighlight = {\n\t\t\t\tfrom: selected.to ?? selected.from,\n\t\t\t\tto: hoveredDate,\n\t\t\t};\n\n\t\t\tpotentialNewRange = {\n\t\t\t\tfrom: selected.from,\n\t\t\t\tto: hoveredDate,\n\t\t\t};\n\t\t}\n\n\t\tif (\n\t\t\tmin !== undefined &&\n\t\t\tmin > 0 &&\n\t\t\tpotentialNewRange &&\n\t\t\tdifferenceInCalendarDays(\n\t\t\t\tpotentialNewRange.to,\n\t\t\t\tpotentialNewRange.from\n\t\t\t) < min\n\t\t) {\n\t\t\tpreviewHighlight = {\n\t\t\t\tfrom: hoveredDate,\n\t\t\t\tto: hoveredDate,\n\t\t\t};\n\t\t}\n\n\t\tif (\n\t\t\tmax !== undefined &&\n\t\t\tmax > 0 &&\n\t\t\tpotentialNewRange &&\n\t\t\tdifferenceInCalendarDays(\n\t\t\t\tpotentialNewRange.to,\n\t\t\t\tpotentialNewRange.from\n\t\t\t) > max\n\t\t) {\n\t\t\tpreviewHighlight = {\n\t\t\t\tfrom: hoveredDate,\n\t\t\t\tto: hoveredDate,\n\t\t\t};\n\t\t}\n\n\t\tif (\n\t\t\texcludeDisabled &&\n\t\t\tdisabled &&\n\t\t\tpotentialNewRange &&\n\t\t\trangeContainsModifiers( potentialNewRange, disabled )\n\t\t) {\n\t\t\tpreviewHighlight = {\n\t\t\t\tfrom: hoveredDate,\n\t\t\t\tto: hoveredDate,\n\t\t\t};\n\t\t}\n\n\t\treturn previewHighlight;\n\t}, [ selected, hoveredDate, excludeDisabled, min, max, disabled ] );\n}\n\n/**\n * `DateRangeCalendar` is a React component that provides a customizable calendar\n * interface for **date range** selection.\n *\n * The component is built with accessibility in mind and follows ARIA best\n * practices for calendar widgets. It provides keyboard navigation, screen reader\n * support, and customizable labels for internationalization.\n */\nexport const DateRangeCalendar = ( {\n\tdefaultSelected,\n\tselected: selectedProp,\n\tonSelect,\n\tnumberOfMonths = 1,\n\texcludeDisabled,\n\tmin,\n\tmax,\n\tdisabled,\n\tlocale = enUS,\n\ttimeZone,\n\t...props\n}: DateRangeCalendarProps ) => {\n\tconst localizationProps = useLocalizationProps( {\n\t\tlocale,\n\t\ttimeZone,\n\t\tmode: 'range',\n\t} );\n\n\tconst onChange: OnSelectHandler< typeof selectedProp > = useCallback(\n\t\t( selected, triggerDate, modifiers, e ) => {\n\t\t\t// Convert internal `null` to `undefined` for the public event handler.\n\t\t\tonSelect?.( selected ?? undefined, triggerDate, modifiers, e );\n\t\t},\n\t\t[ onSelect ]\n\t);\n\n\tconst [ selected, setSelected ] = useControlledValue< typeof selectedProp >(\n\t\t{\n\t\t\tdefaultValue: defaultSelected,\n\t\t\tvalue: selectedProp,\n\t\t\tonChange,\n\t\t}\n\t);\n\n\tconst [ hoveredDate, setHoveredDate ] = useState< Date | undefined >(\n\t\tundefined\n\t);\n\n\t// Compute the preview range for hover effect\n\tconst previewRange = usePreviewRange( {\n\t\tselected,\n\t\thoveredDate,\n\t\texcludeDisabled,\n\t\tmin,\n\t\tmax,\n\t\tdisabled,\n\t} );\n\n\tconst modifiers = useMemo( () => {\n\t\treturn {\n\t\t\tpreview: previewRange,\n\t\t\tpreview_start: previewRange?.from,\n\t\t\tpreview_end: previewRange?.to,\n\t\t};\n\t}, [ previewRange ] );\n\n\treturn (\n\t\t<DayPicker\n\t\t\t{ ...COMMON_PROPS }\n\t\t\t{ ...localizationProps }\n\t\t\t{ ...props }\n\t\t\tmode=\"range\"\n\t\t\tnumberOfMonths={ clampNumberOfMonths( numberOfMonths ) }\n\t\t\tdisabled={ disabled }\n\t\t\texcludeDisabled={ excludeDisabled }\n\t\t\tmin={ min }\n\t\t\tmax={ max }\n\t\t\tselected={ selected ?? undefined }\n\t\t\tonSelect={ setSelected }\n\t\t\tonDayMouseEnter={ ( date ) => setHoveredDate( date ) }\n\t\t\tonDayMouseLeave={ () => setHoveredDate( undefined ) }\n\t\t\tmodifiers={ modifiers }\n\t\t\tmodifiersClassNames={ MODIFIER_CLASSNAMES }\n\t\t/>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/calendar/date-range-calendar/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { differenceInCalendarDays } from 'date-fns';\nimport { DayPicker, rangeContainsModifiers } from 'react-day-picker';\nimport { enUS } from 'react-day-picker/locale';\n/**\n * WordPress dependencies\n */\nimport { useMemo, useState, useCallback } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { COMMON_PROPS, MODIFIER_CLASSNAMES } from '../utils/constants';\nimport { clampNumberOfMonths } from '../utils/misc';\nimport { useControlledValue } from '../../utils/hooks';\nimport { useLocalizationProps } from '../utils/use-localization-props';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function usePreviewRange({\n  selected,\n  hoveredDate,\n  excludeDisabled,\n  min,\n  max,\n  disabled\n}) {\n  return useMemo(() => {\n    if (!hoveredDate || !selected?.from) {\n      return;\n    }\n    let previewHighlight;\n    let potentialNewRange;\n\n    // Hovering on a date before the start of the selected range\n    if (hoveredDate < selected.from) {\n      var _selected$to;\n      previewHighlight = {\n        from: hoveredDate,\n        to: selected.from\n      };\n      potentialNewRange = {\n        from: hoveredDate,\n        to: (_selected$to = selected.to) !== null && _selected$to !== void 0 ? _selected$to : selected.from\n      };\n    } else if (selected.to && hoveredDate > selected.from && hoveredDate < selected.to) {\n      // Hovering on a date between the start and end of the selected range\n      previewHighlight = {\n        from: selected.from,\n        to: hoveredDate\n      };\n      potentialNewRange = {\n        from: selected.from,\n        to: hoveredDate\n      };\n    } else if (hoveredDate > selected.from) {\n      var _selected$to2;\n      // Hovering on a date after the end of the selected range (either\n      // because it's greater than selected.to, or because it's not defined)\n      previewHighlight = {\n        from: (_selected$to2 = selected.to) !== null && _selected$to2 !== void 0 ? _selected$to2 : selected.from,\n        to: hoveredDate\n      };\n      potentialNewRange = {\n        from: selected.from,\n        to: hoveredDate\n      };\n    }\n    if (min !== undefined && min > 0 && potentialNewRange && differenceInCalendarDays(potentialNewRange.to, potentialNewRange.from) < min) {\n      previewHighlight = {\n        from: hoveredDate,\n        to: hoveredDate\n      };\n    }\n    if (max !== undefined && max > 0 && potentialNewRange && differenceInCalendarDays(potentialNewRange.to, potentialNewRange.from) > max) {\n      previewHighlight = {\n        from: hoveredDate,\n        to: hoveredDate\n      };\n    }\n    if (excludeDisabled && disabled && potentialNewRange && rangeContainsModifiers(potentialNewRange, disabled)) {\n      previewHighlight = {\n        from: hoveredDate,\n        to: hoveredDate\n      };\n    }\n    return previewHighlight;\n  }, [selected, hoveredDate, excludeDisabled, min, max, disabled]);\n}\n\n/**\n * `DateRangeCalendar` is a React component that provides a customizable calendar\n * interface for **date range** selection.\n *\n * The component is built with accessibility in mind and follows ARIA best\n * practices for calendar widgets. It provides keyboard navigation, screen reader\n * support, and customizable labels for internationalization.\n */\nexport const DateRangeCalendar = ({\n  defaultSelected,\n  selected: selectedProp,\n  onSelect,\n  numberOfMonths = 1,\n  excludeDisabled,\n  min,\n  max,\n  disabled,\n  locale = enUS,\n  timeZone,\n  ...props\n}) => {\n  const localizationProps = useLocalizationProps({\n    locale,\n    timeZone,\n    mode: 'range'\n  });\n  const onChange = useCallback((selected, triggerDate, modifiers, e) => {\n    // Convert internal `null` to `undefined` for the public event handler.\n    onSelect?.(selected !== null && selected !== void 0 ? selected : undefined, triggerDate, modifiers, e);\n  }, [onSelect]);\n  const [selected, setSelected] = useControlledValue({\n    defaultValue: defaultSelected,\n    value: selectedProp,\n    onChange\n  });\n  const [hoveredDate, setHoveredDate] = useState(undefined);\n\n  // Compute the preview range for hover effect\n  const previewRange = usePreviewRange({\n    selected,\n    hoveredDate,\n    excludeDisabled,\n    min,\n    max,\n    disabled\n  });\n  const modifiers = useMemo(() => {\n    return {\n      preview: previewRange,\n      preview_start: previewRange?.from,\n      preview_end: previewRange?.to\n    };\n  }, [previewRange]);\n  return /*#__PURE__*/_jsx(DayPicker, {\n    ...COMMON_PROPS,\n    ...localizationProps,\n    ...props,\n    mode: \"range\",\n    numberOfMonths: clampNumberOfMonths(numberOfMonths),\n    disabled: disabled,\n    excludeDisabled: excludeDisabled,\n    min: min,\n    max: max,\n    selected: selected !== null && selected !== void 0 ? selected : undefined,\n    onSelect: setSelected,\n    onDayMouseEnter: date => setHoveredDate(date),\n    onDayMouseLeave: () => setHoveredDate(undefined),\n    modifiers: modifiers,\n    modifiersClassNames: MODIFIER_CLASSNAMES\n  });\n};"],
+  "mappings": "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",
+  "names": ["selected", "modifiers"]
+}

package/build-module/calendar/index.js

@@ -1,4 +1,9 @@
-export { TZDate } from 'react-day-picker';
-export { DateCalendar } from './date-calendar';
-export { DateRangeCalendar } from './date-range-calendar';
-//# sourceMappingURL=index.js.map
+import { TZDate } from "react-day-picker";
+import { DateCalendar } from "./date-calendar";
+import { DateRangeCalendar } from "./date-range-calendar";
+export {
+  DateCalendar,
+  DateRangeCalendar,
+  TZDate
+};
+//# sourceMappingURL=index.js.map

package/build-module/calendar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["TZDate","DateCalendar","DateRangeCalendar"],"sources":["@wordpress/components/src/calendar/index.tsx"],"sourcesContent":["export { TZDate } from 'react-day-picker';\nexport { DateCalendar } from './date-calendar';\nexport { DateRangeCalendar } from './date-range-calendar';\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,iBAAiB,QAAQ,uBAAuB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/calendar/index.tsx"],
+  "sourcesContent": ["export { TZDate } from 'react-day-picker';\nexport { DateCalendar } from './date-calendar';\nexport { DateRangeCalendar } from './date-range-calendar';"],
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;",
+  "names": []
+}

package/build-module/calendar/types.js

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

package/build-module/calendar/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/calendar/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { Locale } from 'date-fns';\nimport type * as React from 'react';\n\n/**\n * Represents the modifiers that match a specific day in the calendar.\n * @example\n *   const modifiers: Modifiers = {\n *   today: false, // the day is not today\n *   selected: true, // the day is selected\n *   disabled: false, // the day is not disabled\n *   outside: false, // the day is not outside the month\n *   focused: false, // the day is not focused\n *\n *   weekend: false // custom modifier example for matching a weekend\n *   booked: true // custom modifier example for matching a booked day\n *   available: false // custom modifier example for matching an available day\n *   };\n */\nexport type Modifiers = Record< string, boolean >;\n\n/**\n * A value or a function that matches a specific day.\n * @example\n *   // will always match the day\n *   const booleanMatcher: Matcher = true;\n *\n *   // will match the today's date\n *   const dateMatcher: Matcher = new Date();\n *\n *   // will match the days in the array\n *   const arrayMatcher: Matcher = [\n *     new Date(2019, 1, 2),\n *     new Date(2019, 1, 4)\n *   ];\n *\n *   // will match days after the 2nd of February 2019\n *   const afterMatcher: DateAfter = { after: new Date(2019, 1, 2) };\n *\n *   // will match days before the 2nd of February 2019 }\n *   const beforeMatcher: DateBefore = { before: new Date(2019, 1, 2) };\n *\n *   // will match Sundays\n *   const dayOfWeekMatcher: DayOfWeek = {\n *     dayOfWeek: 0\n *   };\n *\n *   // will match the included days, except the two dates\n *   const intervalMatcher: DateInterval = {\n *     after: new Date(2019, 1, 2),\n *     before: new Date(2019, 1, 5)\n *   };\n *\n *   // will match the included days, including the two dates\n *   const rangeMatcher: DateRange = {\n *     from: new Date(2019, 1, 2),\n *     to: new Date(2019, 1, 5)\n *   };\n *\n *   // will match when the function return true\n *   const functionMatcher: Matcher = (day: Date) => {\n *     return day.getMonth() === 2; // match when month is March\n *   };\n */\ntype Matcher =\n\t| boolean\n\t| ( ( date: Date ) => boolean )\n\t| Date\n\t| Date[]\n\t| DateRange\n\t| DateBefore\n\t| DateAfter\n\t| DateInterval\n\t| DayOfWeek;\n/**\n * Match a day falling after the specified date, with the date not included.\n * @example\n *   // Match days after the 2nd of February 2019\n *   const matcher: DateAfter = { after: new Date(2019, 1, 2) };\n */\ntype DateAfter = {\n\tafter: Date;\n};\n/**\n * Match a day falling before the specified date, with the date not included.\n * @example\n *   // Match days before the 2nd of February 2019\n *   const matcher: DateBefore = { before: new Date(2019, 1, 2) };\n */\ntype DateBefore = {\n\tbefore: Date;\n};\n/**\n * An interval of dates. Differently from `DateRange`, the range ends here\n * are not included.\n * @example\n *   // Match the days between the 2nd and the 5th of February 2019\n *   const matcher: DateInterval = {\n *     after: new Date(2019, 1, 2),\n *     before: new Date(2019, 1, 5)\n *   };\n */\ntype DateInterval = {\n\tbefore: Date;\n\tafter: Date;\n};\n/**\n * A range of dates. The range can be open. Differently from\n * `DateInterval`, the range ends here are included.\n * @example\n *   // Match the days between the 2nd and the 5th of February 2019\n *   const matcher: DateRange = {\n *     from: new Date(2019, 1, 2),\n *     to: new Date(2019, 1, 5)\n *   };\n */\nexport type DateRange = {\n\tfrom: Date | undefined;\n\tto?: Date | undefined;\n};\n/**\n * Match dates being one of the specified days of the week (`0-6`, where `0` is\n * Sunday).\n * @example\n *   // Match Sundays\n *   const matcher: DayOfWeek = { dayOfWeek: 0 };\n *   // Match weekends\n *   const matcher: DayOfWeek = { dayOfWeek: [0, 6] };\n */\ntype DayOfWeek = {\n\tdayOfWeek: number | number[];\n};\n\n/**\n * Shared handler type for `onSelect` callback when a selection mode is set.\n * @example\n *   const handleSelect: OnSelectHandler<Date> = (\n *     selected,\n *     triggerDate,\n *     modifiers,\n *     e\n *   ) => {\n *     console.log( \"Selected:\", selected );\n *     console.log( \"Triggered by:\", triggerDate );\n *   };\n * @template T - The type of the selected item.\n * @callback OnSelectHandler\n * @param {T}                                      selected    - The selected item after the event.\n * @param {Date}                                   triggerDate - The date when the event was triggered. This is\n *                                                             typically the day clicked or interacted with.\n * @param {Modifiers}                              modifiers   - The modifiers associated with the event.\n * @param {React.MouseEvent | React.KeyboardEvent} e           - The event object.\n */\nexport type OnSelectHandler< T > = (\n\tselected: T,\n\ttriggerDate: Date,\n\tmodifiers: Modifiers,\n\te: React.MouseEvent | React.KeyboardEvent\n) => void;\n\nexport interface BaseProps\n\textends Omit<\n\t\tReact.HTMLAttributes< HTMLDivElement >,\n\t\t'onSelect' | 'defaultValue'\n\t> {\n\t/**\n\t * Whether the selection is required.\n\t * When `true`, there always needs to be a date selected.\n\t * @default false\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * The initial month to show in the calendar view (uncontrolled).\n\t * @default The current month\n\t */\n\tdefaultMonth?: Date;\n\t/**\n\t * The month displayed in the calendar view (controlled). Use together with\n\t * `onMonthChange` to change the month programmatically.\n\t */\n\tmonth?: Date;\n\t/**\n\t * The number of months displayed at once.\n\t * @default 1\n\t */\n\tnumberOfMonths?: number;\n\t/**\n\t * The earliest month to start the month navigation.\n\t */\n\tstartMonth?: Date;\n\t/**\n\t * The latest month to end the month navigation.\n\t */\n\tendMonth?: Date;\n\t/**\n\t * Focus the first selected day (if set) or today's date (if not disabled).\n\t *\n\t * Use this prop when you need to focus the calendar after a user action\n\t * (e.g. opening the dialog with the calendar).\n\t */\n\tautoFocus?: boolean;\n\t/**\n\t * Specify which days are disabled. Using `true` will disable all dates.\n\t */\n\tdisabled?: Matcher | Matcher[] | undefined;\n\t/**\n\t * Disable the navigation buttons.\n\t */\n\tdisableNavigation?: boolean;\n\t/**\n\t * Use custom labels, useful for translating the component.\n\t *\n\t * For a correct localized experience, consumers should make sure the locale\n\t * used for the translated labels and `locale` prop are consistent.\n\t */\n\tlabels?: {\n\t\t/**\n\t\t * The label for the navigation toolbar.\n\t\t * @default \"\"\n\t\t */\n\t\tlabelNav?: () => string;\n\t\t/**\n\t\t * The label for the month grid.\n\t\t * @default \"LLLL y\" (e.g. \"November 2022\")\n\t\t */\n\t\tlabelGrid?: ( date: Date ) => string;\n\t\t/**\n\t\t * The label for the gridcell, when the calendar is not interactive.\n\t\t * @default The formatted date.\n\t\t */\n\t\tlabelGridcell?: ( date: Date, modifiers?: Modifiers ) => string;\n\t\t/**\n\t\t * The label for the \"next month\" button.\n\t\t * @default \"Go to the Next Month\"\n\t\t */\n\t\tlabelNext?: ( month: Date | undefined ) => string;\n\t\t/**\n\t\t * The label for the \"previous month\" button.\n\t\t * @default \"Go to the Previous Month\"\n\t\t */\n\t\tlabelPrevious?: ( month: Date | undefined ) => string;\n\t\t/**\n\t\t * The label for the day button.\n\t\t * @default The formatted date.\n\t\t */\n\t\tlabelDayButton?: ( date: Date, modifiers?: Modifiers ) => string;\n\t\t/**\n\t\t * The label for the weekday.\n\t\t * @default ( date: Date ) => \"Monday\" | \"Tuesday\" | \"Wednesday\" | \"Thursday\" | \"Friday\" | \"Saturday\" | \"Sunday\"\n\t\t */\n\t\tlabelWeekday?: ( date: Date ) => string;\n\t};\n\n\t/**\n\t * The locale object used to localize dates. Pass a locale from\n\t * `@date-fns/locale` to localize the calendar.\n\t *\n\t * For a correct localized experience, consumers should make sure the locale\n\t * used for the translated labels and `locale` prop are consistent.\n\t * @see https://github.com/date-fns/date-fns/tree/main/src/locale for a list of the supported locales\n\t * @default The `enUS` locale from `@date-fns/locale`\n\t */\n\tlocale?: Locale;\n\t/**\n\t * The index of the first day of the week (0 - Sunday). Overrides the locale's\n\t * one.\n\t * @default Based on the `locale` prop\n\t */\n\tweekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n\t/**\n\t * Event fired when the user navigates between months.\n\t */\n\tonMonthChange?: ( month: Date ) => void;\n\t/**\n\t * The time zone (IANA or UTC offset) to use in the calendar.\n\t *\n\t * See\n\t * [Wikipedia](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones)\n\t * for the possible values.\n\t *\n\t * When working with time zones, use the `TZDate` object exported by this\n\t * package instead of the native `Date` object.\n\t * @example\n\t *   import { DateCalendar, TZDate } from \"@wordpress/components\";\n\t *\n\t *   export function WithTimeZone() {\n\t *     const timeZone = \"America/New_York\";\n\t *     const [ selected, setSelected ] = useState< Date | undefined >(\n\t *       new TZDate( 2024, 12, 10, timeZone ) // Use `TZDate` instead of `Date`\n\t *     );\n\t *     return (\n\t *       <DateCalendar\n\t *         timeZone={ timeZone }\n\t *         selected={ selected }\n\t *         onSelect={ setSelected }\n\t *     />\n\t *   );\n\t * }\n\t */\n\ttimeZone?: string;\n\t/**\n\t * The role attribute to add to the container element.\n\t * @default 'application'\n\t */\n\trole?: 'application' | 'dialog' | undefined;\n}\n\ninterface SingleProps {\n\t/** The selected date. */\n\tselected?: Date | undefined | null;\n\t/** Event handler when a day is selected. */\n\tonSelect?: OnSelectHandler< Date | undefined >;\n\t/** The default selected date (for uncontrolled usage). */\n\tdefaultSelected?: Date;\n}\n\ninterface RangeProps {\n\t/**\n\t * When `true`, the range will reset when including a disabled day.\n\t */\n\texcludeDisabled?: boolean;\n\t/**\n\t * The minimum number of nights to include in the range.\n\t */\n\tmin?: number;\n\t/**\n\t * The maximum number of nights to include in the range.\n\t */\n\tmax?: number;\n\t/** The selected range. */\n\tselected?: DateRange | undefined | null;\n\t/** Event handler when the selection changes. */\n\tonSelect?: OnSelectHandler< DateRange | undefined >;\n\t/** The default selected range (for uncontrolled usage). */\n\tdefaultSelected?: DateRange;\n}\n\nexport type DateCalendarProps = BaseProps & SingleProps;\nexport type DateRangeCalendarProps = BaseProps & RangeProps;\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/calendar/utils/constants.js

@@ -1,42 +1,39 @@
-/**
- * Internal dependencies
- */
-import { Day } from './day-cell';
+import { Day } from "./day-cell";
 const CLASSNAMES = {
-  root: 'components-calendar',
-  day: 'components-calendar__day',
-  day_button: 'components-calendar__day-button',
-  caption_label: 'components-calendar__caption-label',
-  button_next: 'components-calendar__button-next',
-  button_previous: 'components-calendar__button-previous',
-  chevron: 'components-calendar__chevron',
-  nav: 'components-calendar__nav',
-  month_caption: 'components-calendar__month-caption',
-  months: 'components-calendar__months',
-  month_grid: 'components-calendar__month-grid',
-  weekday: 'components-calendar__weekday',
-  today: 'components-calendar__day--today',
-  selected: 'components-calendar__day--selected',
-  disabled: 'components-calendar__day--disabled',
-  hidden: 'components-calendar__day--hidden',
-  range_start: 'components-calendar__range-start',
-  range_end: 'components-calendar__range-end',
-  range_middle: 'components-calendar__range-middle',
-  weeks_before_enter: 'components-calendar__weeks-before-enter',
-  weeks_before_exit: 'components-calendar__weeks-before-exit',
-  weeks_after_enter: 'components-calendar__weeks-after-enter',
-  weeks_after_exit: 'components-calendar__weeks-after-exit',
-  caption_after_enter: 'components-calendar__caption-after-enter',
-  caption_after_exit: 'components-calendar__caption-after-exit',
-  caption_before_enter: 'components-calendar__caption-before-enter',
-  caption_before_exit: 'components-calendar__caption-before-exit'
+  root: "components-calendar",
+  day: "components-calendar__day",
+  day_button: "components-calendar__day-button",
+  caption_label: "components-calendar__caption-label",
+  button_next: "components-calendar__button-next",
+  button_previous: "components-calendar__button-previous",
+  chevron: "components-calendar__chevron",
+  nav: "components-calendar__nav",
+  month_caption: "components-calendar__month-caption",
+  months: "components-calendar__months",
+  month_grid: "components-calendar__month-grid",
+  weekday: "components-calendar__weekday",
+  today: "components-calendar__day--today",
+  selected: "components-calendar__day--selected",
+  disabled: "components-calendar__day--disabled",
+  hidden: "components-calendar__day--hidden",
+  range_start: "components-calendar__range-start",
+  range_end: "components-calendar__range-end",
+  range_middle: "components-calendar__range-middle",
+  weeks_before_enter: "components-calendar__weeks-before-enter",
+  weeks_before_exit: "components-calendar__weeks-before-exit",
+  weeks_after_enter: "components-calendar__weeks-after-enter",
+  weeks_after_exit: "components-calendar__weeks-after-exit",
+  caption_after_enter: "components-calendar__caption-after-enter",
+  caption_after_exit: "components-calendar__caption-after-exit",
+  caption_before_enter: "components-calendar__caption-before-enter",
+  caption_before_exit: "components-calendar__caption-before-exit"
 };
-export const MODIFIER_CLASSNAMES = {
-  preview: 'components-calendar__day--preview',
-  preview_start: 'components-calendar__day--preview-start',
-  preview_end: 'components-calendar__day--preview-end'
+const MODIFIER_CLASSNAMES = {
+  preview: "components-calendar__day--preview",
+  preview_start: "components-calendar__day--preview-start",
+  preview_end: "components-calendar__day--preview-end"
 };
-export const COMMON_PROPS = {
+const COMMON_PROPS = {
   animate: true,
   // Only show days in the current month
   showOutsideDays: false,
@@ -45,7 +42,7 @@ export const COMMON_PROPS = {
   // Show weekdays row
   hideWeekdays: false,
   // Month and year caption are not interactive
-  captionLayout: 'label',
+  captionLayout: "label",
   // Show a variable number of weeks depending on the month
   fixedWeeks: false,
   // Show navigation buttons
@@ -53,9 +50,13 @@ export const COMMON_PROPS = {
   // Class names
   classNames: CLASSNAMES,
   // Default role
-  role: 'application',
+  role: "application",
   components: {
     Day
   }
 };
-//# sourceMappingURL=constants.js.map
+export {
+  COMMON_PROPS,
+  MODIFIER_CLASSNAMES
+};
+//# sourceMappingURL=constants.js.map

package/build-module/calendar/utils/constants.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Day","CLASSNAMES","root","day","day_button","caption_label","button_next","button_previous","chevron","nav","month_caption","months","month_grid","weekday","today","selected","disabled","hidden","range_start","range_end","range_middle","weeks_before_enter","weeks_before_exit","weeks_after_enter","weeks_after_exit","caption_after_enter","caption_after_exit","caption_before_enter","caption_before_exit","MODIFIER_CLASSNAMES","preview","preview_start","preview_end","COMMON_PROPS","animate","showOutsideDays","showWeekNumber","hideWeekdays","captionLayout","fixedWeeks","hideNavigation","classNames","role","components"],"sources":["@wordpress/components/src/calendar/utils/constants.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { Day } from './day-cell';\n\nconst CLASSNAMES = {\n\troot: 'components-calendar',\n\tday: 'components-calendar__day',\n\tday_button: 'components-calendar__day-button',\n\tcaption_label: 'components-calendar__caption-label',\n\tbutton_next: 'components-calendar__button-next',\n\tbutton_previous: 'components-calendar__button-previous',\n\tchevron: 'components-calendar__chevron',\n\tnav: 'components-calendar__nav',\n\tmonth_caption: 'components-calendar__month-caption',\n\tmonths: 'components-calendar__months',\n\tmonth_grid: 'components-calendar__month-grid',\n\tweekday: 'components-calendar__weekday',\n\ttoday: 'components-calendar__day--today',\n\tselected: 'components-calendar__day--selected',\n\tdisabled: 'components-calendar__day--disabled',\n\thidden: 'components-calendar__day--hidden',\n\trange_start: 'components-calendar__range-start',\n\trange_end: 'components-calendar__range-end',\n\trange_middle: 'components-calendar__range-middle',\n\tweeks_before_enter: 'components-calendar__weeks-before-enter',\n\tweeks_before_exit: 'components-calendar__weeks-before-exit',\n\tweeks_after_enter: 'components-calendar__weeks-after-enter',\n\tweeks_after_exit: 'components-calendar__weeks-after-exit',\n\tcaption_after_enter: 'components-calendar__caption-after-enter',\n\tcaption_after_exit: 'components-calendar__caption-after-exit',\n\tcaption_before_enter: 'components-calendar__caption-before-enter',\n\tcaption_before_exit: 'components-calendar__caption-before-exit',\n};\nexport const MODIFIER_CLASSNAMES = {\n\tpreview: 'components-calendar__day--preview',\n\tpreview_start: 'components-calendar__day--preview-start',\n\tpreview_end: 'components-calendar__day--preview-end',\n};\n\nexport const COMMON_PROPS = {\n\tanimate: true,\n\t// Only show days in the current month\n\tshowOutsideDays: false,\n\t// Hide week number column\n\tshowWeekNumber: false,\n\t// Show weekdays row\n\thideWeekdays: false,\n\t// Month and year caption are not interactive\n\tcaptionLayout: 'label',\n\t// Show a variable number of weeks depending on the month\n\tfixedWeeks: false,\n\t// Show navigation buttons\n\thideNavigation: false,\n\t// Class names\n\tclassNames: CLASSNAMES,\n\t// Default role\n\trole: 'application',\n\tcomponents: {\n\t\tDay,\n\t},\n} as const;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,QAAQ,YAAY;AAEhC,MAAMC,UAAU,GAAG;EAClBC,IAAI,EAAE,qBAAqB;EAC3BC,GAAG,EAAE,0BAA0B;EAC/BC,UAAU,EAAE,iCAAiC;EAC7CC,aAAa,EAAE,oCAAoC;EACnDC,WAAW,EAAE,kCAAkC;EAC/CC,eAAe,EAAE,sCAAsC;EACvDC,OAAO,EAAE,8BAA8B;EACvCC,GAAG,EAAE,0BAA0B;EAC/BC,aAAa,EAAE,oCAAoC;EACnDC,MAAM,EAAE,6BAA6B;EACrCC,UAAU,EAAE,iCAAiC;EAC7CC,OAAO,EAAE,8BAA8B;EACvCC,KAAK,EAAE,iCAAiC;EACxCC,QAAQ,EAAE,oCAAoC;EAC9CC,QAAQ,EAAE,oCAAoC;EAC9CC,MAAM,EAAE,kCAAkC;EAC1CC,WAAW,EAAE,kCAAkC;EAC/CC,SAAS,EAAE,gCAAgC;EAC3CC,YAAY,EAAE,mCAAmC;EACjDC,kBAAkB,EAAE,yCAAyC;EAC7DC,iBAAiB,EAAE,wCAAwC;EAC3DC,iBAAiB,EAAE,wCAAwC;EAC3DC,gBAAgB,EAAE,uCAAuC;EACzDC,mBAAmB,EAAE,0CAA0C;EAC/DC,kBAAkB,EAAE,yCAAyC;EAC7DC,oBAAoB,EAAE,2CAA2C;EACjEC,mBAAmB,EAAE;AACtB,CAAC;AACD,OAAO,MAAMC,mBAAmB,GAAG;EAClCC,OAAO,EAAE,mCAAmC;EAC5CC,aAAa,EAAE,yCAAyC;EACxDC,WAAW,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,YAAY,GAAG;EAC3BC,OAAO,EAAE,IAAI;EACb;EACAC,eAAe,EAAE,KAAK;EACtB;EACAC,cAAc,EAAE,KAAK;EACrB;EACAC,YAAY,EAAE,KAAK;EACnB;EACAC,aAAa,EAAE,OAAO;EACtB;EACAC,UAAU,EAAE,KAAK;EACjB;EACAC,cAAc,EAAE,KAAK;EACrB;EACAC,UAAU,EAAExC,UAAU;EACtB;EACAyC,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE;IACX3C;EACD;AACD,CAAU","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/calendar/utils/constants.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { Day } from './day-cell';\nconst CLASSNAMES = {\n  root: 'components-calendar',\n  day: 'components-calendar__day',\n  day_button: 'components-calendar__day-button',\n  caption_label: 'components-calendar__caption-label',\n  button_next: 'components-calendar__button-next',\n  button_previous: 'components-calendar__button-previous',\n  chevron: 'components-calendar__chevron',\n  nav: 'components-calendar__nav',\n  month_caption: 'components-calendar__month-caption',\n  months: 'components-calendar__months',\n  month_grid: 'components-calendar__month-grid',\n  weekday: 'components-calendar__weekday',\n  today: 'components-calendar__day--today',\n  selected: 'components-calendar__day--selected',\n  disabled: 'components-calendar__day--disabled',\n  hidden: 'components-calendar__day--hidden',\n  range_start: 'components-calendar__range-start',\n  range_end: 'components-calendar__range-end',\n  range_middle: 'components-calendar__range-middle',\n  weeks_before_enter: 'components-calendar__weeks-before-enter',\n  weeks_before_exit: 'components-calendar__weeks-before-exit',\n  weeks_after_enter: 'components-calendar__weeks-after-enter',\n  weeks_after_exit: 'components-calendar__weeks-after-exit',\n  caption_after_enter: 'components-calendar__caption-after-enter',\n  caption_after_exit: 'components-calendar__caption-after-exit',\n  caption_before_enter: 'components-calendar__caption-before-enter',\n  caption_before_exit: 'components-calendar__caption-before-exit'\n};\nexport const MODIFIER_CLASSNAMES = {\n  preview: 'components-calendar__day--preview',\n  preview_start: 'components-calendar__day--preview-start',\n  preview_end: 'components-calendar__day--preview-end'\n};\nexport const COMMON_PROPS = {\n  animate: true,\n  // Only show days in the current month\n  showOutsideDays: false,\n  // Hide week number column\n  showWeekNumber: false,\n  // Show weekdays row\n  hideWeekdays: false,\n  // Month and year caption are not interactive\n  captionLayout: 'label',\n  // Show a variable number of weeks depending on the month\n  fixedWeeks: false,\n  // Show navigation buttons\n  hideNavigation: false,\n  // Class names\n  classNames: CLASSNAMES,\n  // Default role\n  role: 'application',\n  components: {\n    Day\n  }\n};"],
+  "mappings": "AAGA,SAAS,WAAW;AACpB,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,KAAK;AAAA,EACL,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,qBAAqB;AACvB;AACO,MAAM,sBAAsB;AAAA,EACjC,SAAS;AAAA,EACT,eAAe;AAAA,EACf,aAAa;AACf;AACO,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA;AAAA,EAET,iBAAiB;AAAA;AAAA,EAEjB,gBAAgB;AAAA;AAAA,EAEhB,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA;AAAA,EAEf,YAAY;AAAA;AAAA,EAEZ,gBAAgB;AAAA;AAAA,EAEhB,YAAY;AAAA;AAAA,EAEZ,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AACF;",
+  "names": []
+}

package/build-module/calendar/utils/day-cell.js

@@ -1,27 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * The dash array and offset are calculated by:
- * - measuring the path length (eg 92,28384)
- * - establishing how many segments should the path be split into (eg. 24)
- * - dividing the path length by the number of segments (eg. 92,28384 / 24 = 3,84516)
- * - playing with the dash offset to make sure the dashes look good on rounded corners
- */
-
-/**
- * Dashed rectangle. The dash array and offset are chosen to make sure dashes
- * look good on rounded corners and have similar metrics to the other dash
- * preview shapes.
- */
 const PreviewDashStartAndEnd = () => {
-  return /*#__PURE__*/_jsx("svg", {
+  return /* @__PURE__ */ _jsx("svg", {
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -29,19 +8,13 @@ const PreviewDashStartAndEnd = () => {
     strokeDasharray: "3.7677",
     strokeDashoffset: "3.2",
     strokeWidth: "1",
-    children: /*#__PURE__*/_jsx("path", {
+    children: /* @__PURE__ */ _jsx("path", {
       d: "M29.5,0.5 h-27 a2,2 0 0 0 -2,2 v27 a2,2 0 0 0 2,2 h27 a2,2 0 0 0 2,-2 v-27 a2,2 0 0 0 -2,-2"
     })
   });
 };
-
-/**
- * Dashed top, left, and bottom sides, with rounded corners. The dash array and
- * offset are chosen to make sure that multiple days in a row show a seamless
- * dashed border, and the dashes look good on rounded corners.
- */
 const PreviewDashStart = () => {
-  return /*#__PURE__*/_jsx("svg", {
+  return /* @__PURE__ */ _jsx("svg", {
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -49,17 +22,13 @@ const PreviewDashStart = () => {
     strokeDasharray: "3.84516",
     strokeDashoffset: "1.9226",
     strokeWidth: "1",
-    children: /*#__PURE__*/_jsx("path", {
+    children: /* @__PURE__ */ _jsx("path", {
       d: "M32,0.5 h-29.5 a2,2 0 0 0 -2,2 v27 a2,2 0 0 0 2,2 h30"
     })
   });
 };
-/**
- * Dashed top and bottom sides. The dash array and offset are chosen
- * to make sure that multiple days in a row show a seamless dashed border.
- */
 const PreviewDashMiddle = () => {
-  return /*#__PURE__*/_jsxs("svg", {
+  return /* @__PURE__ */ _jsxs("svg", {
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -67,12 +36,12 @@ const PreviewDashMiddle = () => {
     strokeDasharray: "3.9 4",
     strokeDashoffset: "2",
     strokeWidth: "1",
-    children: [/*#__PURE__*/_jsx("line", {
+    children: [/* @__PURE__ */ _jsx("line", {
       x1: "0",
       y1: "0.5",
       x2: "100",
       y2: "0.5"
-    }), /*#__PURE__*/_jsx("line", {
+    }), /* @__PURE__ */ _jsx("line", {
       x1: "0",
       y1: "31.5",
       x2: "100",
@@ -80,13 +49,8 @@ const PreviewDashMiddle = () => {
     })]
   });
 };
-/**
- * Dashed top, right, and bottom sides, with rounded corners. The dash array and
- * offset are chosen to make sure that multiple days in a row show a seamless
- * dashed border, and the dashes look good on rounded corners.
- */
 const PreviewDashEnd = () => {
-  return /*#__PURE__*/_jsx("svg", {
+  return /* @__PURE__ */ _jsx("svg", {
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -94,19 +58,12 @@ const PreviewDashEnd = () => {
     strokeDasharray: "3.84516",
     strokeDashoffset: "1.9226",
     strokeWidth: "1",
-    children: /*#__PURE__*/_jsx("path", {
+    children: /* @__PURE__ */ _jsx("path", {
       d: "M0,0.5 h29.5 a2,2 0 0 1 2,2 v27 a2,2 0 0 1 -2,2 h-29.5"
     })
   });
 };
-
-/**
- * Render a grid cell for a specific day in the calendar.
- *
- * Handles interaction and focus for the day.
- * @see https://daypicker.dev/guides/custom-components
- */
-export function Day(props) {
+function Day(props) {
   const {
     day,
     modifiers,
@@ -123,9 +80,12 @@ export function Day(props) {
   } else if (modifiers.preview) {
     PreviewDash = PreviewDashMiddle;
   }
-  return /*#__PURE__*/_jsxs("td", {
+  return /* @__PURE__ */ _jsxs("td", {
     ...tdProps,
-    children: [PreviewDash && /*#__PURE__*/_jsx(PreviewDash, {}), children]
+    children: [PreviewDash && /* @__PURE__ */ _jsx(PreviewDash, {}), children]
   });
 }
-//# sourceMappingURL=day-cell.js.map
+export {
+  Day
+};
+//# sourceMappingURL=day-cell.js.map

package/build-module/calendar/utils/day-cell.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["PreviewDashStartAndEnd","_jsx","viewBox","xmlns","fill","stroke","strokeDasharray","strokeDashoffset","strokeWidth","children","d","PreviewDashStart","PreviewDashMiddle","_jsxs","x1","y1","x2","y2","PreviewDashEnd","Day","props","day","modifiers","tdProps","PreviewDash","preview_start","preview_end","preview"],"sources":["@wordpress/components/src/calendar/utils/day-cell.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { CalendarDay } from 'react-day-picker';\n/**\n * Internal dependencies\n */\nimport type { Modifiers } from '../types';\n\n/**\n * The dash array and offset are calculated by:\n * - measuring the path length (eg 92,28384)\n * - establishing how many segments should the path be split into (eg. 24)\n * - dividing the path length by the number of segments (eg. 92,28384 / 24 = 3,84516)\n * - playing with the dash offset to make sure the dashes look good on rounded corners\n */\n\n/**\n * Dashed rectangle. The dash array and offset are chosen to make sure dashes\n * look good on rounded corners and have similar metrics to the other dash\n * preview shapes.\n */\nconst PreviewDashStartAndEnd = () => {\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 32 32\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeDasharray=\"3.7677\"\n\t\t\tstrokeDashoffset=\"3.2\"\n\t\t\tstrokeWidth=\"1\"\n\t\t>\n\t\t\t<path d=\"M29.5,0.5 h-27 a2,2 0 0 0 -2,2 v27 a2,2 0 0 0 2,2 h27 a2,2 0 0 0 2,-2 v-27 a2,2 0 0 0 -2,-2\" />\n\t\t</svg>\n\t);\n};\n\n/**\n * Dashed top, left, and bottom sides, with rounded corners. The dash array and\n * offset are chosen to make sure that multiple days in a row show a seamless\n * dashed border, and the dashes look good on rounded corners.\n */\nconst PreviewDashStart = () => {\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 32 32\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeDasharray=\"3.84516\"\n\t\t\tstrokeDashoffset=\"1.9226\"\n\t\t\tstrokeWidth=\"1\"\n\t\t>\n\t\t\t<path d=\"M32,0.5 h-29.5 a2,2 0 0 0 -2,2 v27 a2,2 0 0 0 2,2 h30\" />\n\t\t</svg>\n\t);\n};\n/**\n * Dashed top and bottom sides. The dash array and offset are chosen\n * to make sure that multiple days in a row show a seamless dashed border.\n */\nconst PreviewDashMiddle = () => {\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 32 32\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeDasharray=\"3.9 4\"\n\t\t\tstrokeDashoffset=\"2\"\n\t\t\tstrokeWidth=\"1\"\n\t\t>\n\t\t\t<line x1=\"0\" y1=\"0.5\" x2=\"100\" y2=\"0.5\" />\n\t\t\t<line x1=\"0\" y1=\"31.5\" x2=\"100\" y2=\"31.5\" />\n\t\t</svg>\n\t);\n};\n/**\n * Dashed top, right, and bottom sides, with rounded corners. The dash array and\n * offset are chosen to make sure that multiple days in a row show a seamless\n * dashed border, and the dashes look good on rounded corners.\n */\nconst PreviewDashEnd = () => {\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 32 32\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeDasharray=\"3.84516\"\n\t\t\tstrokeDashoffset=\"1.9226\"\n\t\t\tstrokeWidth=\"1\"\n\t\t>\n\t\t\t<path d=\"M0,0.5 h29.5 a2,2 0 0 1 2,2 v27 a2,2 0 0 1 -2,2 h-29.5\" />\n\t\t</svg>\n\t);\n};\n\n/**\n * Render a grid cell for a specific day in the calendar.\n *\n * Handles interaction and focus for the day.\n * @see https://daypicker.dev/guides/custom-components\n */\nexport function Day(\n\tprops: {\n\t\t/** The day to render. */\n\t\tday: CalendarDay;\n\t\t/** The modifiers to apply to the day. */\n\t\tmodifiers: Modifiers;\n\t} & React.HTMLAttributes< HTMLDivElement >\n) {\n\tconst { day, modifiers, children, ...tdProps } = props;\n\n\tlet PreviewDash;\n\tif ( modifiers.preview_start && modifiers.preview_end ) {\n\t\tPreviewDash = PreviewDashStartAndEnd;\n\t} else if ( modifiers.preview_start ) {\n\t\tPreviewDash = PreviewDashStart;\n\t} else if ( modifiers.preview_end ) {\n\t\tPreviewDash = PreviewDashEnd;\n\t} else if ( modifiers.preview ) {\n\t\tPreviewDash = PreviewDashMiddle;\n\t}\n\n\treturn (\n\t\t<td { ...tdProps }>\n\t\t\t{ PreviewDash && <PreviewDash /> }\n\t\t\t{ children }\n\t\t</td>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/calendar/utils/day-cell.tsx"],
+  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\n/**\n * The dash array and offset are calculated by:\n * - measuring the path length (eg 92,28384)\n * - establishing how many segments should the path be split into (eg. 24)\n * - dividing the path length by the number of segments (eg. 92,28384 / 24 = 3,84516)\n * - playing with the dash offset to make sure the dashes look good on rounded corners\n */\n\n/**\n * Dashed rectangle. The dash array and offset are chosen to make sure dashes\n * look good on rounded corners and have similar metrics to the other dash\n * preview shapes.\n */\nconst PreviewDashStartAndEnd = () => {\n  return /*#__PURE__*/_jsx(\"svg\", {\n    viewBox: \"0 0 32 32\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeDasharray: \"3.7677\",\n    strokeDashoffset: \"3.2\",\n    strokeWidth: \"1\",\n    children: /*#__PURE__*/_jsx(\"path\", {\n      d: \"M29.5,0.5 h-27 a2,2 0 0 0 -2,2 v27 a2,2 0 0 0 2,2 h27 a2,2 0 0 0 2,-2 v-27 a2,2 0 0 0 -2,-2\"\n    })\n  });\n};\n\n/**\n * Dashed top, left, and bottom sides, with rounded corners. The dash array and\n * offset are chosen to make sure that multiple days in a row show a seamless\n * dashed border, and the dashes look good on rounded corners.\n */\nconst PreviewDashStart = () => {\n  return /*#__PURE__*/_jsx(\"svg\", {\n    viewBox: \"0 0 32 32\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeDasharray: \"3.84516\",\n    strokeDashoffset: \"1.9226\",\n    strokeWidth: \"1\",\n    children: /*#__PURE__*/_jsx(\"path\", {\n      d: \"M32,0.5 h-29.5 a2,2 0 0 0 -2,2 v27 a2,2 0 0 0 2,2 h30\"\n    })\n  });\n};\n/**\n * Dashed top and bottom sides. The dash array and offset are chosen\n * to make sure that multiple days in a row show a seamless dashed border.\n */\nconst PreviewDashMiddle = () => {\n  return /*#__PURE__*/_jsxs(\"svg\", {\n    viewBox: \"0 0 32 32\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeDasharray: \"3.9 4\",\n    strokeDashoffset: \"2\",\n    strokeWidth: \"1\",\n    children: [/*#__PURE__*/_jsx(\"line\", {\n      x1: \"0\",\n      y1: \"0.5\",\n      x2: \"100\",\n      y2: \"0.5\"\n    }), /*#__PURE__*/_jsx(\"line\", {\n      x1: \"0\",\n      y1: \"31.5\",\n      x2: \"100\",\n      y2: \"31.5\"\n    })]\n  });\n};\n/**\n * Dashed top, right, and bottom sides, with rounded corners. The dash array and\n * offset are chosen to make sure that multiple days in a row show a seamless\n * dashed border, and the dashes look good on rounded corners.\n */\nconst PreviewDashEnd = () => {\n  return /*#__PURE__*/_jsx(\"svg\", {\n    viewBox: \"0 0 32 32\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeDasharray: \"3.84516\",\n    strokeDashoffset: \"1.9226\",\n    strokeWidth: \"1\",\n    children: /*#__PURE__*/_jsx(\"path\", {\n      d: \"M0,0.5 h29.5 a2,2 0 0 1 2,2 v27 a2,2 0 0 1 -2,2 h-29.5\"\n    })\n  });\n};\n\n/**\n * Render a grid cell for a specific day in the calendar.\n *\n * Handles interaction and focus for the day.\n * @see https://daypicker.dev/guides/custom-components\n */\nexport function Day(props) {\n  const {\n    day,\n    modifiers,\n    children,\n    ...tdProps\n  } = props;\n  let PreviewDash;\n  if (modifiers.preview_start && modifiers.preview_end) {\n    PreviewDash = PreviewDashStartAndEnd;\n  } else if (modifiers.preview_start) {\n    PreviewDash = PreviewDashStart;\n  } else if (modifiers.preview_end) {\n    PreviewDash = PreviewDashEnd;\n  } else if (modifiers.preview) {\n    PreviewDash = PreviewDashMiddle;\n  }\n  return /*#__PURE__*/_jsxs(\"td\", {\n    ...tdProps,\n    children: [PreviewDash && /*#__PURE__*/_jsx(PreviewDash, {}), children]\n  });\n}"],
+  "mappings": "AAAA,SAAS,OAAO,MAAM,QAAQ,aAAa;AAsB3C,MAAM,yBAAyB,MAAM;AACnC,SAAoB,qBAAK,OAAO;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,UAAuB,qBAAK,QAAQ;AAAA,MAClC,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AAOA,MAAM,mBAAmB,MAAM;AAC7B,SAAoB,qBAAK,OAAO;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,UAAuB,qBAAK,QAAQ;AAAA,MAClC,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AAKA,MAAM,oBAAoB,MAAM;AAC9B,SAAoB,sBAAM,OAAO;AAAA,IAC/B,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,UAAU,CAAc,qBAAK,QAAQ;AAAA,MACnC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN,CAAC,GAAgB,qBAAK,QAAQ;AAAA,MAC5B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AAMA,MAAM,iBAAiB,MAAM;AAC3B,SAAoB,qBAAK,OAAO;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,UAAuB,qBAAK,QAAQ;AAAA,MAClC,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AAQO,SAAS,IAAI,OAAO;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,MAAI;AACJ,MAAI,UAAU,iBAAiB,UAAU,aAAa;AACpD,kBAAc;AAAA,EAChB,WAAW,UAAU,eAAe;AAClC,kBAAc;AAAA,EAChB,WAAW,UAAU,aAAa;AAChC,kBAAc;AAAA,EAChB,WAAW,UAAU,SAAS;AAC5B,kBAAc;AAAA,EAChB;AACA,SAAoB,sBAAM,MAAM;AAAA,IAC9B,GAAG;AAAA,IACH,UAAU,CAAC,eAA4B,qBAAK,aAAa,CAAC,CAAC,GAAG,QAAQ;AAAA,EACxE,CAAC;AACH;",
+  "names": []
+}

package/build-module/calendar/utils/misc.js

@@ -1,4 +1,7 @@
-export function clampNumberOfMonths(numberOfMonths) {
+function clampNumberOfMonths(numberOfMonths) {
   return Math.min(3, Math.max(1, numberOfMonths));
 }
-//# sourceMappingURL=misc.js.map
+export {
+  clampNumberOfMonths
+};
+//# sourceMappingURL=misc.js.map

package/build-module/calendar/utils/misc.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clampNumberOfMonths","numberOfMonths","Math","min","max"],"sources":["@wordpress/components/src/calendar/utils/misc.ts"],"sourcesContent":["export function clampNumberOfMonths( numberOfMonths: number ) {\n\treturn Math.min( 3, Math.max( 1, numberOfMonths ) );\n}\n"],"mappings":"AAAA,OAAO,SAASA,mBAAmBA,CAAEC,cAAsB,EAAG;EAC7D,OAAOC,IAAI,CAACC,GAAG,CAAE,CAAC,EAAED,IAAI,CAACE,GAAG,CAAE,CAAC,EAAEH,cAAe,CAAE,CAAC;AACpD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/calendar/utils/misc.ts"],
+  "sourcesContent": ["export function clampNumberOfMonths(numberOfMonths) {\n  return Math.min(3, Math.max(1, numberOfMonths));\n}"],
+  "mappings": "AAAO,SAAS,oBAAoB,gBAAgB;AAClD,SAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,cAAc,CAAC;AAChD;",
+  "names": []
+}