@react-aria/datepicker 3.9.3 → 3.10.1

package/dist/useDatePicker.module.js

@@ -0,0 +1,153 @@
+import $4lVjK$intlStringsmodulejs from "./intlStrings.module.js";
+import {roleSymbol as $16f0b7bb276bc17e$export$300019f83c56d282} from "./useDateField.module.js";
+import {useDatePickerGroup as $3dfb0f96be0d6a08$export$4a931266a3838b86} from "./useDatePickerGroup.module.js";
+import {createFocusManager as $4lVjK$createFocusManager} from "@react-aria/focus";
+import {useId as $4lVjK$useId, useDescription as $4lVjK$useDescription, filterDOMProps as $4lVjK$filterDOMProps, mergeProps as $4lVjK$mergeProps} from "@react-aria/utils";
+import {privateValidationStateProp as $4lVjK$privateValidationStateProp} from "@react-stately/form";
+import {useMemo as $4lVjK$useMemo} from "react";
+import {useField as $4lVjK$useField} from "@react-aria/label";
+import {useFocusWithin as $4lVjK$useFocusWithin} from "@react-aria/interactions";
+import {useLocalizedStringFormatter as $4lVjK$useLocalizedStringFormatter, useLocale as $4lVjK$useLocale} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
+    let buttonId = (0, $4lVjK$useId)();
+    let dialogId = (0, $4lVjK$useId)();
+    let fieldId = (0, $4lVjK$useId)();
+    let stringFormatter = (0, $4lVjK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4lVjK$intlStringsmodulejs))), '@react-aria/datepicker');
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $4lVjK$useField)({
+        ...props,
+        labelElementType: 'span',
+        isInvalid: isInvalid,
+        errorMessage: props.errorMessage || validationErrors
+    });
+    let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
+    let { locale: locale } = (0, $4lVjK$useLocale)();
+    let date = state.formatValue(locale, {
+        month: 'long'
+    });
+    let description = date ? stringFormatter.format('selectedDateDescription', {
+        date: date
+    }) : '';
+    let descProps = (0, $4lVjK$useDescription)(description);
+    let ariaDescribedBy = [
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
+    let domProps = (0, $4lVjK$filterDOMProps)(props);
+    let focusManager = (0, $4lVjK$useMemo)(()=>(0, $4lVjK$createFocusManager)(ref), [
+        ref
+    ]);
+    let { focusWithinProps: focusWithinProps } = (0, $4lVjK$useFocusWithin)({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
+    return {
+        groupProps: (0, $4lVjK$mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-labelledby': labelledBy,
+            'aria-describedby': ariaDescribedBy,
+            onKeyDown (e) {
+                if (state.isOpen) return;
+                if (props.onKeyDown) props.onKeyDown(e);
+            },
+            onKeyUp (e) {
+                if (state.isOpen) return;
+                if (props.onKeyUp) props.onKeyUp(e);
+            }
+        }),
+        labelProps: {
+            ...labelProps,
+            onClick: ()=>{
+                focusManager.focusFirst();
+            }
+        },
+        fieldProps: {
+            ...fieldProps,
+            id: fieldId,
+            [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: 'presentation',
+            'aria-describedby': ariaDescribedBy,
+            value: state.value,
+            onChange: state.setValue,
+            placeholderValue: props.placeholderValue,
+            hideTimeZone: props.hideTimeZone,
+            hourCycle: props.hourCycle,
+            shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+            granularity: props.granularity,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isRequired: props.isRequired,
+            validationBehavior: props.validationBehavior,
+            // DatePicker owns the validation state for the date field.
+            [(0, $4lVjK$privateValidationStateProp)]: state,
+            autoFocus: props.autoFocus,
+            name: props.name
+        },
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        buttonProps: {
+            ...descProps,
+            id: buttonId,
+            'aria-haspopup': 'dialog',
+            'aria-label': stringFormatter.format('calendar'),
+            'aria-labelledby': `${buttonId} ${labelledBy}`,
+            'aria-describedby': ariaDescribedBy,
+            'aria-expanded': state.isOpen,
+            isDisabled: props.isDisabled || props.isReadOnly,
+            onPress: ()=>state.setOpen(true)
+        },
+        dialogProps: {
+            id: dialogId,
+            'aria-labelledby': `${buttonId} ${labelledBy}`
+        },
+        calendarProps: {
+            autoFocus: true,
+            value: state.dateValue,
+            onChange: state.setDateValue,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isDateUnavailable: props.isDateUnavailable,
+            defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue,
+            isInvalid: state.isInvalid,
+            errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(' ')
+        },
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails
+    };
+}
+
+
+export {$6057a3d2a53a12fd$export$42df105a73306d51 as useDatePicker};
+//# sourceMappingURL=useDatePicker.module.js.map

package/dist/useDatePicker.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/datepicker/src/useDatePicker.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaDatePickerProps, DateValue} from '@react-types/datepicker';\nimport {AriaDialogProps} from '@react-types/dialog';\nimport {CalendarProps} from '@react-types/calendar';\nimport {createFocusManager} from '@react-aria/focus';\nimport {DatePickerState} from '@react-stately/datepicker';\nimport {DOMAttributes, GroupDOMAttributes, KeyboardEvent, ValidationResult} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, useDescription, useId} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {privateValidationStateProp} from '@react-stately/form';\nimport {RefObject, useMemo} from 'react';\nimport {roleSymbol} from './useDateField';\nimport {useDatePickerGroup} from './useDatePickerGroup';\nimport {useField} from '@react-aria/label';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface DatePickerAria extends ValidationResult {\n  /** Props for the date picker's visible label element, if any. */\n  labelProps: DOMAttributes,\n  /** Props for the grouping element containing the date field and button. */\n  groupProps: GroupDOMAttributes,\n  /** Props for the date field. */\n  fieldProps: AriaDatePickerProps<DateValue>,\n  /** Props for the popover trigger button. */\n  buttonProps: AriaButtonProps,\n  /** Props for the description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the error message element, if any. */\n  errorMessageProps: DOMAttributes,\n  /** Props for the popover dialog. */\n  dialogProps: AriaDialogProps,\n  /** Props for the calendar within the popover dialog. */\n  calendarProps: CalendarProps<DateValue>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a date picker component.\n * A date picker combines a DateField and a Calendar popover to allow users to enter or select a date and time value.\n */\nexport function useDatePicker<T extends DateValue>(props: AriaDatePickerProps<T>, state: DatePickerState, ref: RefObject<Element>): DatePickerAria {\n  let buttonId = useId();\n  let dialogId = useId();\n  let fieldId = useId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/datepicker');\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span',\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  let groupProps = useDatePickerGroup(state, ref);\n\n  let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;\n\n  let {locale} = useLocale();\n  let date = state.formatValue(locale, {month: 'long'});\n  let description = date ? stringFormatter.format('selectedDateDescription', {date}) : '';\n  let descProps = useDescription(description);\n  let ariaDescribedBy = [descProps['aria-describedby'], fieldProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n  let domProps = filterDOMProps(props);\n  let focusManager = useMemo(() => createFocusManager(ref), [ref]);\n\n  let {focusWithinProps} = useFocusWithin({\n    ...props,\n    isDisabled: state.isOpen,\n    onBlurWithin: props.onBlur,\n    onFocusWithin: props.onFocus,\n    onFocusWithinChange: props.onFocusChange\n  });\n\n  return {\n    groupProps: mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {\n      role: 'group' as const,\n      'aria-disabled': props.isDisabled || null,\n      'aria-labelledby': labelledBy,\n      'aria-describedby': ariaDescribedBy,\n      onKeyDown(e: KeyboardEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onKeyDown) {\n          props.onKeyDown(e);\n        }\n      },\n      onKeyUp(e: KeyboardEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onKeyUp) {\n          props.onKeyUp(e);\n        }\n      }\n    }),\n    labelProps: {\n      ...labelProps,\n      onClick: () => {\n        focusManager.focusFirst();\n      }\n    },\n    fieldProps: {\n      ...fieldProps,\n      id: fieldId,\n      [roleSymbol]: 'presentation',\n      'aria-describedby': ariaDescribedBy,\n      value: state.value,\n      onChange: state.setValue,\n      placeholderValue: props.placeholderValue,\n      hideTimeZone: props.hideTimeZone,\n      hourCycle: props.hourCycle,\n      shouldForceLeadingZeros: props.shouldForceLeadingZeros,\n      granularity: props.granularity,\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n      isRequired: props.isRequired,\n      validationBehavior: props.validationBehavior,\n      // DatePicker owns the validation state for the date field.\n      [privateValidationStateProp]: state,\n      autoFocus: props.autoFocus,\n      name: props.name\n    },\n    descriptionProps,\n    errorMessageProps,\n    buttonProps: {\n      ...descProps,\n      id: buttonId,\n      'aria-haspopup': 'dialog',\n      'aria-label': stringFormatter.format('calendar'),\n      'aria-labelledby': `${buttonId} ${labelledBy}`,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': state.isOpen,\n      isDisabled: props.isDisabled || props.isReadOnly,\n      onPress: () => state.setOpen(true)\n    },\n    dialogProps: {\n      id: dialogId,\n      'aria-labelledby': `${buttonId} ${labelledBy}`\n    },\n    calendarProps: {\n      autoFocus: true,\n      value: state.dateValue,\n      onChange: state.setDateValue,\n      minValue: props.minValue,\n      maxValue: props.maxValue,\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n      isDateUnavailable: props.isDateUnavailable,\n      defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue,\n      isInvalid: state.isInvalid,\n      errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : (props.errorMessage || state.displayValidation.validationErrors.join(' '))\n    },\n    isInvalid,\n    validationErrors,\n    validationDetails\n  };\n}\n"],"names":[],"version":3,"file":"useDatePicker.module.js.map"}

package/dist/useDatePickerGroup.main.js

@@ -0,0 +1,91 @@
+var $19S5E$reactariafocus = require("@react-aria/focus");
+var $19S5E$reactariautils = require("@react-aria/utils");
+var $19S5E$react = require("react");
+var $19S5E$reactariai18n = require("@react-aria/i18n");
+var $19S5E$reactariainteractions = require("@react-aria/interactions");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useDatePickerGroup", () => $715562ad3b4cced4$export$4a931266a3838b86);
+
+
+
+
+
+function $715562ad3b4cced4$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
+    let { direction: direction } = (0, $19S5E$reactariai18n.useLocale)();
+    let focusManager = (0, $19S5E$react.useMemo)(()=>(0, $19S5E$reactariafocus.createFocusManager)(ref), [
+        ref
+    ]);
+    // Open the popover on alt + arrow down
+    let onKeyDown = (e)=>{
+        if (!e.currentTarget.contains(e.target)) return;
+        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
+            e.preventDefault();
+            e.stopPropagation();
+            state.setOpen(true);
+        }
+        if (disableArrowNavigation) return;
+        switch(e.key){
+            case 'ArrowLeft':
+                e.preventDefault();
+                e.stopPropagation();
+                if (direction === 'rtl') focusManager.focusNext();
+                else focusManager.focusPrevious();
+                break;
+            case 'ArrowRight':
+                e.preventDefault();
+                e.stopPropagation();
+                if (direction === 'rtl') focusManager.focusPrevious();
+                else focusManager.focusNext();
+                break;
+        }
+    };
+    // Focus the first placeholder segment from the end on mouse down/touch up in the field.
+    let focusLast = ()=>{
+        var _window_event;
+        // Try to find the segment prior to the element that was clicked on.
+        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
+        let walker = (0, $19S5E$reactariafocus.getFocusableTreeWalker)(ref.current, {
+            tabbable: true
+        });
+        if (target) {
+            walker.currentNode = target;
+            target = walker.previousNode();
+        }
+        // If no target found, find the last element from the end.
+        if (!target) {
+            let last;
+            do {
+                last = walker.lastChild();
+                if (last) target = last;
+            }while (last);
+        }
+        // Now go backwards until we find an element that is not a placeholder.
+        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
+            let prev = walker.previousNode();
+            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
+            else break;
+        }
+        if (target) target.focus();
+    };
+    let { pressProps: pressProps } = (0, $19S5E$reactariainteractions.usePress)({
+        preventFocusOnPress: true,
+        allowTextSelectionOnPress: true,
+        onPressStart (e) {
+            if (e.pointerType === 'mouse') focusLast();
+        },
+        onPress (e) {
+            if (e.pointerType !== 'mouse') focusLast();
+        }
+    });
+    return (0, $19S5E$reactariautils.mergeProps)(pressProps, {
+        onKeyDown: onKeyDown
+    });
+}
+
+
+//# sourceMappingURL=useDatePickerGroup.main.js.map

package/dist/useDatePickerGroup.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAQO,SAAS,0CAAmB,KAA8D,EAAE,GAAuB,EAAE,sBAAgC;IAC1J,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,8BAAQ;IAC1B,IAAI,eAAe,CAAA,GAAA,oBAAM,EAAE,IAAM,CAAA,GAAA,wCAAiB,EAAE,MAAM;QAAC;KAAI;IAE/D,uCAAuC;IACvC,IAAI,YAAY,CAAC;QACf,IAAI,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GACpC;QAGF,IAAI,EAAE,MAAM,IAAK,CAAA,EAAE,GAAG,KAAK,eAAe,EAAE,GAAG,KAAK,SAAQ,KAAM,aAAa,OAAO;YACpF,EAAE,cAAc;YAChB,EAAE,eAAe;YACjB,MAAM,OAAO,CAAC;QAChB;QAEA,IAAI,wBACF;QAGF,OAAQ,EAAE,GAAG;YACX,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,cAAc,OAChB,aAAa,SAAS;qBAEtB,aAAa,aAAa;gBAE5B;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,cAAc,OAChB,aAAa,aAAa;qBAE1B,aAAa,SAAS;gBAExB;QACJ;IACF;IAEA,wFAAwF;IACxF,IAAI,YAAY;YAED;QADb,oEAAoE;QACpE,IAAI,UAAS,gBAAA,OAAO,KAAK,cAAZ,oCAAA,cAAc,MAAM;QACjC,IAAI,SAAS,CAAA,GAAA,4CAAqB,EAAE,IAAI,OAAO,EAAE;YAAC,UAAU;QAAI;QAChE,IAAI,QAAQ;YACV,OAAO,WAAW,GAAG;YACrB,SAAS,OAAO,YAAY;QAC9B;QAEA,0DAA0D;QAC1D,IAAI,CAAC,QAAQ;YACX,IAAI;YACJ,GAAG;gBACD,OAAO,OAAO,SAAS;gBACvB,IAAI,MACF,SAAS;YAEb,QAAS,MAAM;QACjB;QAEA,uEAAuE;QACvE,MAAO,mBAAA,6BAAA,OAAQ,YAAY,CAAC,oBAAqB;YAC/C,IAAI,OAAO,OAAO,YAAY;YAC9B,IAAI,QAAQ,KAAK,YAAY,CAAC,qBAC5B,SAAS;iBAET;QAEJ;QAEA,IAAI,QACF,OAAO,KAAK;IAEhB;IAEA,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;QAC1B,qBAAqB;QACrB,2BAA2B;QAC3B,cAAa,CAAC;YACZ,IAAI,EAAE,WAAW,KAAK,SACpB;QAEJ;QACA,SAAQ,CAAC;YACP,IAAI,EAAE,WAAW,KAAK,SACpB;QAEJ;IACF;IAEA,OAAO,CAAA,GAAA,gCAAS,EAAE,YAAY;mBAAC;IAAS;AAC1C","sources":["packages/@react-aria/datepicker/src/useDatePickerGroup.ts"],"sourcesContent":["import {createFocusManager, getFocusableTreeWalker} from '@react-aria/focus';\nimport {DateFieldState, DatePickerState, DateRangePickerState} from '@react-stately/datepicker';\nimport {FocusableElement, KeyboardEvent} from '@react-types/shared';\nimport {mergeProps} from '@react-aria/utils';\nimport {RefObject, useMemo} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {usePress} from '@react-aria/interactions';\n\nexport function useDatePickerGroup(state: DatePickerState | DateRangePickerState | DateFieldState, ref: RefObject<Element>, disableArrowNavigation?: boolean) {\n  let {direction} = useLocale();\n  let focusManager = useMemo(() => createFocusManager(ref), [ref]);\n\n  // Open the popover on alt + arrow down\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (!e.currentTarget.contains(e.target)) {\n      return;\n    }\n    \n    if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.setOpen(true);\n    }\n\n    if (disableArrowNavigation) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          focusManager.focusNext();\n        } else {\n          focusManager.focusPrevious();\n        }\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          focusManager.focusPrevious();\n        } else {\n          focusManager.focusNext();\n        }\n        break;\n    }\n  };\n\n  // Focus the first placeholder segment from the end on mouse down/touch up in the field.\n  let focusLast = () => {\n    // Try to find the segment prior to the element that was clicked on.\n    let target = window.event?.target as FocusableElement;\n    let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n    if (target) {\n      walker.currentNode = target;\n      target = walker.previousNode() as FocusableElement;\n    }\n\n    // If no target found, find the last element from the end.\n    if (!target) {\n      let last: FocusableElement;\n      do {\n        last = walker.lastChild() as FocusableElement;\n        if (last) {\n          target = last;\n        }\n      } while (last);\n    }\n\n    // Now go backwards until we find an element that is not a placeholder.\n    while (target?.hasAttribute('data-placeholder')) {\n      let prev = walker.previousNode() as FocusableElement;\n      if (prev && prev.hasAttribute('data-placeholder')) {\n        target = prev;\n      } else {\n        break;\n      }\n    }\n\n    if (target) {\n      target.focus();\n    }\n  };\n\n  let {pressProps} = usePress({\n    preventFocusOnPress: true,\n    allowTextSelectionOnPress: true,\n    onPressStart(e) {\n      if (e.pointerType === 'mouse') {\n        focusLast();\n      }\n    },\n    onPress(e) {\n      if (e.pointerType !== 'mouse') {\n        focusLast();\n      }\n    }\n  });\n\n  return mergeProps(pressProps, {onKeyDown});\n}\n"],"names":[],"version":3,"file":"useDatePickerGroup.main.js.map"}

package/dist/useDatePickerGroup.mjs

@@ -0,0 +1,86 @@
+import {createFocusManager as $7CEvq$createFocusManager, getFocusableTreeWalker as $7CEvq$getFocusableTreeWalker} from "@react-aria/focus";
+import {mergeProps as $7CEvq$mergeProps} from "@react-aria/utils";
+import {useMemo as $7CEvq$useMemo} from "react";
+import {useLocale as $7CEvq$useLocale} from "@react-aria/i18n";
+import {usePress as $7CEvq$usePress} from "@react-aria/interactions";
+
+
+
+
+
+
+function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
+    let { direction: direction } = (0, $7CEvq$useLocale)();
+    let focusManager = (0, $7CEvq$useMemo)(()=>(0, $7CEvq$createFocusManager)(ref), [
+        ref
+    ]);
+    // Open the popover on alt + arrow down
+    let onKeyDown = (e)=>{
+        if (!e.currentTarget.contains(e.target)) return;
+        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
+            e.preventDefault();
+            e.stopPropagation();
+            state.setOpen(true);
+        }
+        if (disableArrowNavigation) return;
+        switch(e.key){
+            case 'ArrowLeft':
+                e.preventDefault();
+                e.stopPropagation();
+                if (direction === 'rtl') focusManager.focusNext();
+                else focusManager.focusPrevious();
+                break;
+            case 'ArrowRight':
+                e.preventDefault();
+                e.stopPropagation();
+                if (direction === 'rtl') focusManager.focusPrevious();
+                else focusManager.focusNext();
+                break;
+        }
+    };
+    // Focus the first placeholder segment from the end on mouse down/touch up in the field.
+    let focusLast = ()=>{
+        var _window_event;
+        // Try to find the segment prior to the element that was clicked on.
+        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
+        let walker = (0, $7CEvq$getFocusableTreeWalker)(ref.current, {
+            tabbable: true
+        });
+        if (target) {
+            walker.currentNode = target;
+            target = walker.previousNode();
+        }
+        // If no target found, find the last element from the end.
+        if (!target) {
+            let last;
+            do {
+                last = walker.lastChild();
+                if (last) target = last;
+            }while (last);
+        }
+        // Now go backwards until we find an element that is not a placeholder.
+        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
+            let prev = walker.previousNode();
+            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
+            else break;
+        }
+        if (target) target.focus();
+    };
+    let { pressProps: pressProps } = (0, $7CEvq$usePress)({
+        preventFocusOnPress: true,
+        allowTextSelectionOnPress: true,
+        onPressStart (e) {
+            if (e.pointerType === 'mouse') focusLast();
+        },
+        onPress (e) {
+            if (e.pointerType !== 'mouse') focusLast();
+        }
+    });
+    return (0, $7CEvq$mergeProps)(pressProps, {
+        onKeyDown: onKeyDown
+    });
+}
+
+
+export {$3dfb0f96be0d6a08$export$4a931266a3838b86 as useDatePickerGroup};
+//# sourceMappingURL=useDatePickerGroup.module.js.map

package/dist/useDatePickerGroup.module.js

@@ -0,0 +1,86 @@
+import {createFocusManager as $7CEvq$createFocusManager, getFocusableTreeWalker as $7CEvq$getFocusableTreeWalker} from "@react-aria/focus";
+import {mergeProps as $7CEvq$mergeProps} from "@react-aria/utils";
+import {useMemo as $7CEvq$useMemo} from "react";
+import {useLocale as $7CEvq$useLocale} from "@react-aria/i18n";
+import {usePress as $7CEvq$usePress} from "@react-aria/interactions";
+
+
+
+
+
+
+function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
+    let { direction: direction } = (0, $7CEvq$useLocale)();
+    let focusManager = (0, $7CEvq$useMemo)(()=>(0, $7CEvq$createFocusManager)(ref), [
+        ref
+    ]);
+    // Open the popover on alt + arrow down
+    let onKeyDown = (e)=>{
+        if (!e.currentTarget.contains(e.target)) return;
+        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
+            e.preventDefault();
+            e.stopPropagation();
+            state.setOpen(true);
+        }
+        if (disableArrowNavigation) return;
+        switch(e.key){
+            case 'ArrowLeft':
+                e.preventDefault();
+                e.stopPropagation();
+                if (direction === 'rtl') focusManager.focusNext();
+                else focusManager.focusPrevious();
+                break;
+            case 'ArrowRight':
+                e.preventDefault();
+                e.stopPropagation();
+                if (direction === 'rtl') focusManager.focusPrevious();
+                else focusManager.focusNext();
+                break;
+        }
+    };
+    // Focus the first placeholder segment from the end on mouse down/touch up in the field.
+    let focusLast = ()=>{
+        var _window_event;
+        // Try to find the segment prior to the element that was clicked on.
+        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
+        let walker = (0, $7CEvq$getFocusableTreeWalker)(ref.current, {
+            tabbable: true
+        });
+        if (target) {
+            walker.currentNode = target;
+            target = walker.previousNode();
+        }
+        // If no target found, find the last element from the end.
+        if (!target) {
+            let last;
+            do {
+                last = walker.lastChild();
+                if (last) target = last;
+            }while (last);
+        }
+        // Now go backwards until we find an element that is not a placeholder.
+        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
+            let prev = walker.previousNode();
+            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
+            else break;
+        }
+        if (target) target.focus();
+    };
+    let { pressProps: pressProps } = (0, $7CEvq$usePress)({
+        preventFocusOnPress: true,
+        allowTextSelectionOnPress: true,
+        onPressStart (e) {
+            if (e.pointerType === 'mouse') focusLast();
+        },
+        onPress (e) {
+            if (e.pointerType !== 'mouse') focusLast();
+        }
+    });
+    return (0, $7CEvq$mergeProps)(pressProps, {
+        onKeyDown: onKeyDown
+    });
+}
+
+
+export {$3dfb0f96be0d6a08$export$4a931266a3838b86 as useDatePickerGroup};
+//# sourceMappingURL=useDatePickerGroup.module.js.map

package/dist/useDatePickerGroup.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAQO,SAAS,0CAAmB,KAA8D,EAAE,GAAuB,EAAE,sBAAgC;IAC1J,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,IAAI,eAAe,CAAA,GAAA,cAAM,EAAE,IAAM,CAAA,GAAA,yBAAiB,EAAE,MAAM;QAAC;KAAI;IAE/D,uCAAuC;IACvC,IAAI,YAAY,CAAC;QACf,IAAI,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GACpC;QAGF,IAAI,EAAE,MAAM,IAAK,CAAA,EAAE,GAAG,KAAK,eAAe,EAAE,GAAG,KAAK,SAAQ,KAAM,aAAa,OAAO;YACpF,EAAE,cAAc;YAChB,EAAE,eAAe;YACjB,MAAM,OAAO,CAAC;QAChB;QAEA,IAAI,wBACF;QAGF,OAAQ,EAAE,GAAG;YACX,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,cAAc,OAChB,aAAa,SAAS;qBAEtB,aAAa,aAAa;gBAE5B;YACF,KAAK;gBACH,EAAE,cAAc;gBAChB,EAAE,eAAe;gBACjB,IAAI,cAAc,OAChB,aAAa,aAAa;qBAE1B,aAAa,SAAS;gBAExB;QACJ;IACF;IAEA,wFAAwF;IACxF,IAAI,YAAY;YAED;QADb,oEAAoE;QACpE,IAAI,UAAS,gBAAA,OAAO,KAAK,cAAZ,oCAAA,cAAc,MAAM;QACjC,IAAI,SAAS,CAAA,GAAA,6BAAqB,EAAE,IAAI,OAAO,EAAE;YAAC,UAAU;QAAI;QAChE,IAAI,QAAQ;YACV,OAAO,WAAW,GAAG;YACrB,SAAS,OAAO,YAAY;QAC9B;QAEA,0DAA0D;QAC1D,IAAI,CAAC,QAAQ;YACX,IAAI;YACJ,GAAG;gBACD,OAAO,OAAO,SAAS;gBACvB,IAAI,MACF,SAAS;YAEb,QAAS,MAAM;QACjB;QAEA,uEAAuE;QACvE,MAAO,mBAAA,6BAAA,OAAQ,YAAY,CAAC,oBAAqB;YAC/C,IAAI,OAAO,OAAO,YAAY;YAC9B,IAAI,QAAQ,KAAK,YAAY,CAAC,qBAC5B,SAAS;iBAET;QAEJ;QAEA,IAAI,QACF,OAAO,KAAK;IAEhB;IAEA,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAC1B,qBAAqB;QACrB,2BAA2B;QAC3B,cAAa,CAAC;YACZ,IAAI,EAAE,WAAW,KAAK,SACpB;QAEJ;QACA,SAAQ,CAAC;YACP,IAAI,EAAE,WAAW,KAAK,SACpB;QAEJ;IACF;IAEA,OAAO,CAAA,GAAA,iBAAS,EAAE,YAAY;mBAAC;IAAS;AAC1C","sources":["packages/@react-aria/datepicker/src/useDatePickerGroup.ts"],"sourcesContent":["import {createFocusManager, getFocusableTreeWalker} from '@react-aria/focus';\nimport {DateFieldState, DatePickerState, DateRangePickerState} from '@react-stately/datepicker';\nimport {FocusableElement, KeyboardEvent} from '@react-types/shared';\nimport {mergeProps} from '@react-aria/utils';\nimport {RefObject, useMemo} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {usePress} from '@react-aria/interactions';\n\nexport function useDatePickerGroup(state: DatePickerState | DateRangePickerState | DateFieldState, ref: RefObject<Element>, disableArrowNavigation?: boolean) {\n  let {direction} = useLocale();\n  let focusManager = useMemo(() => createFocusManager(ref), [ref]);\n\n  // Open the popover on alt + arrow down\n  let onKeyDown = (e: KeyboardEvent) => {\n    if (!e.currentTarget.contains(e.target)) {\n      return;\n    }\n    \n    if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.setOpen(true);\n    }\n\n    if (disableArrowNavigation) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          focusManager.focusNext();\n        } else {\n          focusManager.focusPrevious();\n        }\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        e.stopPropagation();\n        if (direction === 'rtl') {\n          focusManager.focusPrevious();\n        } else {\n          focusManager.focusNext();\n        }\n        break;\n    }\n  };\n\n  // Focus the first placeholder segment from the end on mouse down/touch up in the field.\n  let focusLast = () => {\n    // Try to find the segment prior to the element that was clicked on.\n    let target = window.event?.target as FocusableElement;\n    let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n    if (target) {\n      walker.currentNode = target;\n      target = walker.previousNode() as FocusableElement;\n    }\n\n    // If no target found, find the last element from the end.\n    if (!target) {\n      let last: FocusableElement;\n      do {\n        last = walker.lastChild() as FocusableElement;\n        if (last) {\n          target = last;\n        }\n      } while (last);\n    }\n\n    // Now go backwards until we find an element that is not a placeholder.\n    while (target?.hasAttribute('data-placeholder')) {\n      let prev = walker.previousNode() as FocusableElement;\n      if (prev && prev.hasAttribute('data-placeholder')) {\n        target = prev;\n      } else {\n        break;\n      }\n    }\n\n    if (target) {\n      target.focus();\n    }\n  };\n\n  let {pressProps} = usePress({\n    preventFocusOnPress: true,\n    allowTextSelectionOnPress: true,\n    onPressStart(e) {\n      if (e.pointerType === 'mouse') {\n        focusLast();\n      }\n    },\n    onPress(e) {\n      if (e.pointerType !== 'mouse') {\n        focusLast();\n      }\n    }\n  });\n\n  return mergeProps(pressProps, {onKeyDown});\n}\n"],"names":[],"version":3,"file":"useDatePickerGroup.module.js.map"}

package/dist/useDateRangePicker.main.js

@@ -0,0 +1,201 @@
+var $4acc2f407c169e55$exports = require("./useDateField.main.js");
+var $c1905b78f6d2f5bf$exports = require("./intlStrings.main.js");
+var $715562ad3b4cced4$exports = require("./useDatePickerGroup.main.js");
+var $Xt1Bd$reactariafocus = require("@react-aria/focus");
+var $Xt1Bd$reactstatelyform = require("@react-stately/form");
+var $Xt1Bd$reactariautils = require("@react-aria/utils");
+var $Xt1Bd$react = require("react");
+var $Xt1Bd$reactarialabel = require("@react-aria/label");
+var $Xt1Bd$reactariainteractions = require("@react-aria/interactions");
+var $Xt1Bd$reactariai18n = require("@react-aria/i18n");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useDateRangePicker", () => $20f695b1b69e6b9e$export$12fd5f0e9f4bb192);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
+    var _state_value, _state_value1;
+    let stringFormatter = (0, $Xt1Bd$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($c1905b78f6d2f5bf$exports))), '@react-aria/datepicker');
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $Xt1Bd$reactarialabel.useField)({
+        ...props,
+        labelElementType: 'span',
+        isInvalid: isInvalid,
+        errorMessage: props.errorMessage || validationErrors
+    });
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
+    let { locale: locale } = (0, $Xt1Bd$reactariai18n.useLocale)();
+    let range = state.formatValue(locale, {
+        month: 'long'
+    });
+    let description = range ? stringFormatter.format('selectedRangeDescription', {
+        startDate: range.start,
+        endDate: range.end
+    }) : '';
+    let descProps = (0, $Xt1Bd$reactariautils.useDescription)(description);
+    let startFieldProps = {
+        'aria-label': stringFormatter.format('startDate'),
+        'aria-labelledby': labelledBy
+    };
+    let endFieldProps = {
+        'aria-label': stringFormatter.format('endDate'),
+        'aria-labelledby': labelledBy
+    };
+    let buttonId = (0, $Xt1Bd$reactariautils.useId)();
+    let dialogId = (0, $Xt1Bd$reactariautils.useId)();
+    let groupProps = (0, $715562ad3b4cced4$exports.useDatePickerGroup)(state, ref);
+    let ariaDescribedBy = [
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
+    let focusManager = (0, $Xt1Bd$react.useMemo)(()=>(0, $Xt1Bd$reactariafocus.createFocusManager)(ref, {
+            // Exclude the button from the focus manager.
+            accept: (element)=>element.id !== buttonId
+        }), [
+        ref,
+        buttonId
+    ]);
+    let commonFieldProps = {
+        [(0, $4acc2f407c169e55$exports.focusManagerSymbol)]: focusManager,
+        [(0, $4acc2f407c169e55$exports.roleSymbol)]: 'presentation',
+        'aria-describedby': ariaDescribedBy,
+        placeholderValue: props.placeholderValue,
+        hideTimeZone: props.hideTimeZone,
+        hourCycle: props.hourCycle,
+        granularity: props.granularity,
+        shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+        isDisabled: props.isDisabled,
+        isReadOnly: props.isReadOnly,
+        isRequired: props.isRequired,
+        validationBehavior: props.validationBehavior
+    };
+    let domProps = (0, $Xt1Bd$reactariautils.filterDOMProps)(props);
+    let { focusWithinProps: focusWithinProps } = (0, $Xt1Bd$reactariainteractions.useFocusWithin)({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
+    let startFieldValidation = (0, $Xt1Bd$react.useRef)((0, $Xt1Bd$reactstatelyform.DEFAULT_VALIDATION_RESULT));
+    let endFieldValidation = (0, $Xt1Bd$react.useRef)((0, $Xt1Bd$reactstatelyform.DEFAULT_VALIDATION_RESULT));
+    return {
+        groupProps: (0, $Xt1Bd$reactariautils.mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-describedby': ariaDescribedBy,
+            onKeyDown (e) {
+                if (state.isOpen) return;
+                if (props.onKeyDown) props.onKeyDown(e);
+            },
+            onKeyUp (e) {
+                if (state.isOpen) return;
+                if (props.onKeyUp) props.onKeyUp(e);
+            }
+        }),
+        labelProps: {
+            ...labelProps,
+            onClick: ()=>{
+                focusManager.focusFirst();
+            }
+        },
+        buttonProps: {
+            ...descProps,
+            id: buttonId,
+            'aria-haspopup': 'dialog',
+            'aria-label': stringFormatter.format('calendar'),
+            'aria-labelledby': `${buttonId} ${labelledBy}`,
+            'aria-describedby': ariaDescribedBy,
+            'aria-expanded': state.isOpen,
+            isDisabled: props.isDisabled || props.isReadOnly,
+            onPress: ()=>state.setOpen(true)
+        },
+        dialogProps: {
+            id: dialogId,
+            'aria-labelledby': `${buttonId} ${labelledBy}`
+        },
+        startFieldProps: {
+            ...startFieldProps,
+            ...commonFieldProps,
+            value: (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start,
+            onChange: (start)=>state.setDateTime('start', start),
+            autoFocus: props.autoFocus,
+            name: props.startName,
+            [(0, $Xt1Bd$reactstatelyform.privateValidationStateProp)]: {
+                realtimeValidation: state.realtimeValidation,
+                displayValidation: state.displayValidation,
+                updateValidation (e) {
+                    startFieldValidation.current = e;
+                    state.updateValidation((0, $Xt1Bd$reactstatelyform.mergeValidation)(e, endFieldValidation.current));
+                },
+                resetValidation: state.resetValidation,
+                commitValidation: state.commitValidation
+            }
+        },
+        endFieldProps: {
+            ...endFieldProps,
+            ...commonFieldProps,
+            value: (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end,
+            onChange: (end)=>state.setDateTime('end', end),
+            name: props.endName,
+            [(0, $Xt1Bd$reactstatelyform.privateValidationStateProp)]: {
+                realtimeValidation: state.realtimeValidation,
+                displayValidation: state.displayValidation,
+                updateValidation (e) {
+                    endFieldValidation.current = e;
+                    state.updateValidation((0, $Xt1Bd$reactstatelyform.mergeValidation)(startFieldValidation.current, e));
+                },
+                resetValidation: state.resetValidation,
+                commitValidation: state.commitValidation
+            }
+        },
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        calendarProps: {
+            autoFocus: true,
+            value: state.dateRange,
+            onChange: state.setDateRange,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isDateUnavailable: props.isDateUnavailable,
+            allowsNonContiguousRanges: props.allowsNonContiguousRanges,
+            defaultFocusedValue: state.dateRange ? undefined : props.placeholderValue,
+            isInvalid: state.isInvalid,
+            errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(' ')
+        },
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails
+    };
+}
+
+
+//# sourceMappingURL=useDateRangePicker.main.js.map