@oracle/oraclejet-preact 18.0.11 → 18.0.12

package/cjs/IconUserAssistance-52208fde.js

@@ -0,0 +1,75 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+var Help = require('./Help-cb7bb9c5.js');
+var Popup = require('./Popup-84ce41d3.js');
+var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
+var InlineHelp = require('./InlineHelp-281083ff.js');
+var UNSAFE_UserAssistance_themes_UserAssistanceStyles_css = require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var UNSAFE_Popup_themes_redwood_PopupTheme = require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
+var useToggle = require('./useToggle-3ebba7d8.js');
+
+/**
+ * Created to match icon user assistance spec for use with radio option, pending design review
+ * of inline UA assistance.
+ */
+const IconUserAssistance = ({ assistiveText, helpSourceLink, helpSourceText, isTabbable = true, id }) => {
+    const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle.useToggle(false);
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const userAssistance_learnMoreStr = translations.userAssistance_learnMore();
+    const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);
+    const helpForRadioString = translations.radio_helpForRadio();
+    const helpStringId = `${id}-help-string`;
+    const anchorRef = hooks.useRef(null);
+    const handleOutsideClick = hooks.useCallback((event) => {
+        const target = event?.target;
+        // We need to filter out anchor click events, because anchor is responsible for the toggling
+        if ((target instanceof Element || target instanceof Document) &&
+            !anchorRef.current?.contains(target) &&
+            isOpen) {
+            setIsOpenFalse();
+        }
+    }, [isOpen, setIsOpenFalse]);
+    const handleLinkEvent = hooks.useCallback((e) => {
+        // if it's a key event that is not "enter", return early
+        const { key } = e;
+        if (key && key !== 'Enter') {
+            return;
+        }
+        // We want to close the pop up if a link is triggered with mouse or keyboard
+        const { tagName } = e.target;
+        if (tagName?.toLowerCase() === 'a') {
+            setIsOpenFalse();
+            // we want to refocus to the help icon after the browser has launched the link
+            // prematurely doing so prevents keyboard events from firing
+            setTimeout(() => anchorRef.current?.focus());
+        }
+    }, [setIsOpenFalse]);
+    const handleOnKeyDown = hooks.useCallback((e) => {
+        // allow user to close popup without having to focus it
+        if (['Tab', 'Escape'].includes(e.code) && isOpen) {
+            setIsOpenFalse();
+        }
+        // toggle and prevent scroll jump
+        if (['Space', 'Enter'].includes(e.code)) {
+            e.preventDefault();
+            toggle();
+        }
+    }, [isOpen, setIsOpenFalse, toggle]);
+    const onClickHandler = hooks.useCallback((e) => {
+        e.preventDefault();
+        toggle();
+    }, [toggle]);
+    // We are referencing popup vars, so we need to bring in the baseTheme for popup
+    const { baseTheme: popupBaseTheme } = useComponentTheme.useComponentTheme(UNSAFE_Popup_themes_redwood_PopupTheme.PopupRedwoodTheme);
+    const iconUserAssistanceClasses = classNames.classNames([popupBaseTheme, UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.iconUserAssistancePopupFocus]);
+    return helpSourceLink || assistiveText ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { onKeyDown: handleOnKeyDown, onClick: onClickHandler, role: "link", "aria-describedby": helpStringId, "aria-haspopup": "dialog", ref: anchorRef, tabIndex: isTabbable ? 0 : -1, class: UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.iconUserAssistanceIcon, id: `${id}-help-icon`, children: jsxRuntime.jsx(Help.SvgHelp, {}) }), jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: helpStringId, isHidden: true, children: helpForRadioString }), jsxRuntime.jsx(Popup.Popup, { placement: "top", isOpen: isOpen, anchorRef: anchorRef, onClose: setIsOpenFalse, onClickOutside: handleOutsideClick, shiftOptions: { mainAxis: true, crossAxis: false }, maxWidth: '296px', children: jsxRuntime.jsx("div", { id: id, tabIndex: 0, class: iconUserAssistanceClasses, onMouseUp: handleLinkEvent, onKeyDown: handleLinkEvent, children: jsxRuntime.jsx(InlineHelp.InlineHelp, { assistiveText: assistiveText, sourceLink: helpSourceLink, sourceText: sourceText }) }) })] })) : null;
+};
+
+exports.IconUserAssistance = IconUserAssistance;
+//# sourceMappingURL=IconUserAssistance-52208fde.js.map

package/cjs/IconUserAssistance-52208fde.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconUserAssistance-52208fde.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // toggle and prevent scroll jump\n      if (['Space', 'Enter'].includes(e.code)) {\n        e.preventDefault();\n        toggle();\n      }\n    },\n    [isOpen, setIsOpenFalse, toggle]\n  );\n\n  const onClickHandler = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      toggle();\n    },\n    [toggle]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"link\"\n        aria-describedby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["useToggle","useTranslationBundle","useRef","useCallback","useComponentTheme","PopupRedwoodTheme","classNames","iconUserAssistancePopupFocus","_jsxs","_Fragment","_jsx","iconUserAssistanceIcon","HelpIcon","HiddenAccessible","Popup","InlineHelp"],"mappings":"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"}

package/cjs/Indexer-72430806.js

@@ -4,21 +4,21 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var hooks = require('preact/hooks');
-var Flex = require('./Flex-ce16a2fa.js');
+var Flex = require('./Flex-e7a85bef.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useSingleSelection = require('./useSingleSelection-d52a0dbf.js');
-var useCurrentKey = require('./useCurrentKey-d8d41864.js');
+var useCurrentKey = require('./useCurrentKey-88495da2.js');
 var useCollectionFocusRing = require('./useCollectionFocusRing-5af82f66.js');
 var collectionUtils = require('./collectionUtils-d9fdec19.js');
 var useId = require('./useId-6c0eeb27.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 var Collection = require('./Collection-9880039f.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var compat = require('preact/compat');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 var UNSAFE_Indexer_themes_redwood_IndexerTheme = require('./UNSAFE_Indexer/themes/redwood/IndexerTheme.js');
-var useTestId = require('./useTestId-e267a39d.js');
+var useTestId = require('./useTestId-5e6af45d.js');
 
 /**
  * The others section variable that application could use

package/cjs/InlineHelpSource-0549100d.js

@@ -6,7 +6,7 @@ var classNames = require('./classNames-c14c6ef3.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 var UNSAFE_UserAssistance_themes_redwood_UserAssistanceTheme = require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
 
 function InlineHelpSource({ children, source }) {

package/cjs/InlineUserAssistance-d32aad17.js

@@ -4,17 +4,17 @@
 var jsxRuntime = require('preact/jsx-runtime');
 require('./logger-2b636482.js');
 require('preact/hooks');
-require('./Flex-ce16a2fa.js');
+require('./Flex-e7a85bef.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 require('preact');
-require('./LayerHost-7182bfaf.js');
+require('./LayerHost-a8c7f182.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2228b0f7.js');
+require('./tooltipUtils-669c2ae0.js');
 
 require('./IconButton-6f58deac.js');
 
@@ -34,13 +34,13 @@ var useFormContext = require('./useFormContext-4c3091dc.js');
 require('./FormFieldContext-8418dc68.js');
 var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
 var InlineHelp = require('./InlineHelp-281083ff.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 var UNSAFE_UserAssistance_themes_redwood_UserAssistanceTheme = require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
 var classNames = require('./classNames-c14c6ef3.js');
 require('./InputGroupContext-05f2a46f.js');
 var useInputGroupContext = require('./useInputGroupContext-4c10bd57.js');
-var useTestId = require('./useTestId-e267a39d.js');
+var useTestId = require('./useTestId-5e6af45d.js');
 
 function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }) {
     const { classes } = useComponentTheme.useComponentTheme(UNSAFE_UserAssistance_themes_redwood_UserAssistanceTheme.UserAssistanceRedwoodTheme, {

package/cjs/InputDateMask-6f27f172.js

@@ -6,20 +6,20 @@ var compat = require('preact/compat');
 var hooks = require('preact/hooks');
 require('./logger-2b636482.js');
 require('./TabbableModeContext-e99d527e.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-d32aad17.js');
 var CompactUserAssistance = require('./CompactUserAssistance-d03b06d5.js');
-require('./LayerHost-7182bfaf.js');
+require('./LayerHost-a8c7f182.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2228b0f7.js');
+require('./tooltipUtils-669c2ae0.js');
 var preact = require('preact');
 
-require('./Popup-3e6b37ba.js');
+require('./Popup-84ce41d3.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
@@ -33,10 +33,10 @@ var keyboardUtils = require('./keyboardUtils-691337c0.js');
 require('./getFormatParse-6ae3c221.js');
 var maskUtils = require('./maskUtils-b0bdb6b1.js');
 var UNSAFE_InputDateMask_themes_SegmentStyles_css = require('./UNSAFE_InputDateMask/themes/SegmentStyles.css.js');
-var useUser = require('./useUser-8aaad5a7.js');
-var Flex = require('./Flex-ce16a2fa.js');
+var useUser = require('./useUser-a4bfc560.js');
+var Flex = require('./Flex-e7a85bef.js');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var LiveRegion = require('./LiveRegion-3bc583c6.js');
+var LiveRegion = require('./LiveRegion-567427c5.js');
 var stringUtils = require('./stringUtils-4e4a6b2b.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 var calendarDateUtils = require('./calendarDateUtils-101197aa.js');

package/cjs/InputDatePicker-b9a6ed5b.js

@@ -0,0 +1,309 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var hooks = require('preact/hooks');
+var Calendar = require('./Calendar-1417e8ea.js');
+var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
+var IconButton = require('./IconButton-6f58deac.js');
+var clientHints = require('./clientHints-a0f8f4d2.js');
+var FormFieldContext = require('./FormFieldContext-8418dc68.js');
+require('./logger-2b636482.js');
+require('./TabbableModeContext-e99d527e.js');
+var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+
+
+require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
+var InlineUserAssistance = require('./InlineUserAssistance-d32aad17.js');
+require('./Flex-e7a85bef.js');
+
+
+require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
+require('preact');
+require('./LayerHost-a8c7f182.js');
+
+
+require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
+require('./tooltipUtils-669c2ae0.js');
+
+
+require('./MessageFormattingUtils-42d84399.js');
+require('./TransitionGroup-b239d98f.js');
+require('./MessagesContext-4e939750.js');
+
+
+
+require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
+require('./Popup-84ce41d3.js');
+require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
+
+
+require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
+require('./InputGroupContext-05f2a46f.js');
+
+require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
+var UNSAFE_InputDatePicker_themes_InputDatePickerDropdownStyles_css = require('./UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css.js');
+var Sheet = require('./Sheet-86989265.js');
+var DatePicker = require('./DatePicker-5326483e.js');
+var SectionedContent = require('./SectionedContent-06dc071c.js');
+var stringUtils = require('./stringUtils-4e4a6b2b.js');
+require('./FormContext-9452bd30.js');
+var useFormContext = require('./useFormContext-4c3091dc.js');
+var useId = require('./useId-6c0eeb27.js');
+require('./getFormatParse-6ae3c221.js');
+var maskUtils = require('./maskUtils-b0bdb6b1.js');
+var calendarDateUtils = require('./calendarDateUtils-101197aa.js');
+var InputDateMask = require('./InputDateMask-6f27f172.js');
+
+/**
+ * Component that renders DatePicker either inside a dropdown or sheet; at small screen
+ * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath
+ * the component, we also show any user assistance text or messages below the picker
+ * because otherwise that information would be obscured from view. When a sheet is being
+ * shown, it will always display UA and messages at the bottom of the sheet.
+ */
+const InputDatePickerDropdown = ({ anchorRef, assistiveText, dayFormatter, daysOutsideMonth, helpSourceLink, helpSourceText, isDisabled, isOpen, isReadonly, label, onClose, onCommit, max, messages, min, monthAndYearPicker, testId, todayButton, todayTimeZone, userAssistanceDensity, value, weekDisplay }) => {
+    // If the dropdown opens above the component, we don't want to show UA or messages.
+    const [isDropdownAbove, setDropdownAbove] = hooks.useState(false);
+    const [prevIsOpen, setPrevIsOpen] = hooks.useState(isOpen);
+    const handleDropdownPosition = hooks.useCallback((data) => {
+        setDropdownAbove(data.placement.startsWith('top'));
+    }, []);
+    // Reset the flag when the dropdown is closed.
+    if (prevIsOpen !== isOpen) {
+        setPrevIsOpen(isOpen);
+        if (!isOpen) {
+            setDropdownAbove(false);
+        }
+    }
+    const sizeOptions = {
+        isMaxWidthAdjusted: false,
+        isMaxHeightAdjusted: true
+    };
+    // On mobile phones, the dropdown becomes a sheet.
+    const shouldShowSheet = isPhone();
+    const { datePicker_label } = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const datePickerAriaLabel = datePicker_label();
+    const datePickerMainContent = (jsxRuntime.jsx(DatePicker.DatePicker, { dayFormatter: dayFormatter, daysOutsideMonth: daysOutsideMonth, height: !shouldShowSheet ? 'auto' : undefined, onCommit: onCommit, max: max, min: min, 
+        // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.
+        maxWidth: shouldShowSheet ? '100%' : undefined, width: "100%", monthAndYearPicker: monthAndYearPicker, testId: testId, todayTimeZone: todayTimeZone, todayButton: todayButton, value: value, weekDisplay: weekDisplay }));
+    const inlineUserAssistanceFooter = isOpen &&
+        (!isDropdownAbove || shouldShowSheet) &&
+        !isDisabled &&
+        !isReadonly &&
+        (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&
+        (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: { isFocused: true }, children: jsxRuntime.jsx("div", { class: UNSAFE_InputDatePicker_themes_InputDatePickerDropdownStyles_css.userAssistanceStyles, children: jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistance, { assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, userAssistanceDensity: userAssistanceDensity }) }) })) : undefined;
+    const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;
+    // The same content is displayed either in a dropdown or sheet: date picker and inline UA.
+    // Add styling to the dropdown to enforce a fixed width.
+    const dropdownContent = (jsxRuntime.jsx("div", { class: UNSAFE_InputDatePicker_themes_InputDatePickerDropdownStyles_css.dropdownStyles, children: jsxRuntime.jsx(SectionedContent.SectionedContent, { "aria-label": datePickerAriaLabel, footer: inlineUserAssistanceFooter, hasFocusTrap: true, main: datePickerMainContent, role: "dialog", testId: contentTestId }) }));
+    const dropdown = shouldShowSheet ? (jsxRuntime.jsx(Sheet.Sheet, { initialFocus: "firstFocusable", isOpen: isOpen, onClose: onClose, children: jsxRuntime.jsx(SectionedContent.SectionedContent, { "aria-label": datePickerAriaLabel, footer: inlineUserAssistanceFooter, hasFocusTrap: true, main: datePickerMainContent, role: "dialog", testId: contentTestId }) })) : (jsxRuntime.jsx(SectionedContent.StickyPositioningDropdown, { anchorRef: anchorRef, initialFocus: "firstFocusable", isOpen: isOpen, onClose: onClose, onPosition: handleDropdownPosition, sizeOptions: sizeOptions, children: dropdownContent }));
+    return dropdown;
+};
+const isPhone = () => {
+    return clientHints.getClientHints().deviceType === 'phone';
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+// If dateVal is a complete date, return it as a CalendarDateRequired
+// otherwise return undefined.
+const convertToCalendarDateRequired = (dateVal) => {
+    return !dateVal || !calendarDateUtils.isCompleteCalendarDate(dateVal)
+        ? undefined
+        : dateVal;
+};
+// Use a reducer function to manage InputDatePickerState.
+const inputDatePickerReducer = (state, action) => {
+    switch (action.type) {
+        case 'dateChanged': {
+            return {
+                ...state,
+                dateValue: action.data,
+                completeDateValue: convertToCalendarDateRequired(action.data)
+            };
+        }
+        case 'dateSelected': {
+            return { ...state, dateValue: action.data, completeDateValue: action.data };
+        }
+        case 'reset': {
+            return {
+                completeDateValue: convertToCalendarDateRequired(action.data),
+                dateValue: action.data
+            };
+        }
+        default:
+            return state;
+    }
+};
+/**
+ * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state
+ * are managed by dispatching actions to the reducer function.
+ */
+const useInputDatePickerState = ({ value }) => {
+    const [state, dispatch] = hooks.useReducer(inputDatePickerReducer, {
+        completeDateValue: convertToCalendarDateRequired(value),
+        dateValue: value
+    });
+    return { state, dispatch };
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Hook that provides handlers and other functionality for InputDatePicker.
+ */
+const useInputDatePicker = ({ onCommit, onInput, value: currentValue }) => {
+    // Whether the dropdown is open.
+    const [isOpen, setIsOpen] = hooks.useState(false);
+    // Ref to the calendar icon button.
+    const iconRef = hooks.useRef(null);
+    // Ref to the InputDateMask component.
+    const maskRef = hooks.useRef(null);
+    // Keep track of whether the dropdown was just dismissed from an outside mousedown event.
+    const outsideMousedownRef = hooks.useRef(false);
+    const outsideMousedownTimerRef = hooks.useRef();
+    // Keep track of the last date values passed to onInput and onCommit.
+    const lastCommittedDateRef = hooks.useRef(currentValue);
+    const lastDateRef = hooks.useRef(currentValue);
+    // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.
+    const lastValueFromParentRef = hooks.useRef(currentValue);
+    // Keep track of whether a date was selected in the date picker.
+    const dateSelectedRef = hooks.useRef(false);
+    const { state, dispatch } = useInputDatePickerState({ value: currentValue });
+    // If a new value is being pushed from the parent, and that value differs from
+    // the current value of the reducer, then this is a programmatic update
+    // and we need to call 'reset' to update the reducer state. Otherwise, the only
+    // time the reducer state is updated from the value is on mount.
+    if (maskUtils.calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {
+        lastValueFromParentRef.current = currentValue;
+        if (maskUtils.calendarDatesAreDifferent(currentValue, state.dateValue)) {
+            dispatch({ type: 'reset', data: currentValue });
+            lastDateRef.current = currentValue;
+            lastCommittedDateRef.current = currentValue;
+        }
+    }
+    // Reducer updates are async, so wait until the state updates and then call our callbacks.
+    hooks.useEffect(() => {
+        if (maskUtils.calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {
+            onInput({ previousValue: lastDateRef.current, value: state.dateValue });
+            lastDateRef.current = state.dateValue;
+        }
+        if (dateSelectedRef.current &&
+            maskUtils.calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)) {
+            onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });
+            lastCommittedDateRef.current = state.dateValue;
+            dateSelectedRef.current = false;
+        }
+    }, [onCommit, onInput, state.dateValue]);
+    // Handle onInput from InputDateMask as segment values are being added or changed in the input field.
+    // We wait for the state to update before calling onInput.
+    const maskInputHandler = hooks.useCallback((detail) => {
+        dispatch({ type: 'dateChanged', data: detail.value });
+    }, [dispatch]);
+    // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.
+    const maskCommitHandler = hooks.useCallback(() => {
+        // If the current date value differs from the last committed value, then call onCommit.
+        if (maskUtils.calendarDatesAreDifferent(lastCommittedDateRef.current, state.dateValue)) {
+            onCommit?.({ value: state.dateValue, previousValue: lastCommittedDateRef.current });
+            lastCommittedDateRef.current = state.dateValue;
+        }
+    }, [onCommit, state.dateValue]);
+    // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.
+    const calendarIconActionHandler = hooks.useCallback(() => {
+        // Only toggle the value of isOpen if we didn't just dismiss the dropdown.
+        if (!outsideMousedownRef.current) {
+            setIsOpen((prevIsOpen) => !prevIsOpen);
+        }
+        outsideMousedownRef.current = false;
+    }, []);
+    const dropdownCloseHandler = hooks.useCallback((detail) => {
+        // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon
+        // is clicked. We need this in order to toggle visibility of the picker and dropdown.
+        if (detail.reason === 'outsideMousedown') {
+            outsideMousedownRef.current = true;
+            clearTimeout(outsideMousedownTimerRef.current);
+            // Clear the flag after a short delay to ensure the dropdown can be opened again.
+            outsideMousedownTimerRef.current = setTimeout(() => {
+                outsideMousedownRef.current = false;
+            }, 200);
+        }
+        else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {
+            // Focus the calendar icon when the dropdown is closed.
+            iconRef.current?.focus();
+        }
+        setIsOpen(false);
+    }, []);
+    // Handle date selection in the picker.
+    //   - Updates the value in state.
+    //   - Closes the dropdown.
+    //   - Sets focus to the date field.
+    const datePickerCommitHandler = hooks.useCallback((detail) => {
+        // Set focus to the calendar icon when a date is selected.
+        iconRef.current?.focus();
+        // Set a ref indicating a date was selected.
+        dateSelectedRef.current = true;
+        dispatch({ type: 'dateSelected', data: detail.value });
+        setIsOpen(false);
+    }, [dispatch]);
+    return {
+        calendarIconActionHandler,
+        datePickerCommitHandler,
+        dropdownCloseHandler,
+        completeDateValue: state.completeDateValue,
+        dateValue: state.dateValue,
+        iconRef,
+        isOpen,
+        maskCommitHandler,
+        maskInputHandler,
+        maskRef
+    };
+};
+
+/**
+ * InputDatePicker allows users to enter or select a single date using a calendar interface.
+ */
+const InputDatePicker = compat.forwardRef(({ 'aria-describedby': propDescribedBy, assistiveText, dayFormatter, daysOutsideMonth, helpSourceLink, helpSourceText, isDisabled, isReadonly, label, max, messages, min, monthAndYearPicker, todayTimeZone, todayButton, value, onCommit, onInput, testId, userAssistanceDensity: propUserAssistanceDensity, weekDisplay, ...dateMaskProps }, ref) => {
+    const { calendarIconActionHandler, datePickerCommitHandler, completeDateValue, dateValue, dropdownCloseHandler, iconRef, isOpen, maskCommitHandler, maskInputHandler, maskRef } = useInputDatePicker({
+        onCommit,
+        onInput,
+        value
+    });
+    const mainFieldRef = hooks.useRef(null);
+    const { inputDatePicker_selectDate, inputDatePicker_instruction } = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const calendarIconAriaLabel = inputDatePicker_selectDate();
+    // We need this to determine if UA/messaging should be shown in the dropdown.
+    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext.useFormContext();
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    hooks.useImperativeHandle(ref, () => ({
+        focus: () => {
+            maskRef.current?.focus();
+        },
+        blur: () => {
+            maskRef.current?.blur();
+        }
+    }));
+    const maskFieldInstructionId = useId.useId();
+    const maskFieldInstructionText = inputDatePicker_instruction();
+    const maskFieldInstruction = !isDisabled && !isReadonly ? (jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: maskFieldInstructionId, isHidden: true, children: maskFieldInstructionText })) : undefined;
+    const ariaDescribedBy = !isDisabled && !isReadonly
+        ? stringUtils.merge([propDescribedBy, maskFieldInstructionId])
+        : propDescribedBy;
+    const endContent = (jsxRuntime.jsx(IconButton.IconButton, { "aria-haspopup": "dialog", "aria-label": calendarIconAriaLabel, isDisabled: isDisabled, ref: iconRef, size: "sm", testId: testId ? testId + '_calendarIcon' : undefined, variant: "ghost", onAction: calendarIconActionHandler, children: jsxRuntime.jsx(Calendar.SvgCalendar, {}) }));
+    const shouldShowDropdown = isOpen;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InputDateMask.InputDateMaskContext.Provider, { value: { isDropdownOpen: isOpen, isInputDatePickerParent: true }, children: jsxRuntime.jsx(InputDateMask.InputDateMask, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, endContent: endContent, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, label: label, onCommit: maskCommitHandler, onInput: maskInputHandler, mainFieldRef: mainFieldRef, messages: messages, testId: testId, ref: maskRef, userAssistanceDensity: propUserAssistanceDensity, value: dateValue, ...dateMaskProps }) }), maskFieldInstruction, shouldShowDropdown && (jsxRuntime.jsx(InputDatePickerDropdown, { anchorRef: mainFieldRef, assistiveText: assistiveText, dayFormatter: dayFormatter, daysOutsideMonth: daysOutsideMonth, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isOpen: isOpen, label: label, onClose: dropdownCloseHandler, onCommit: datePickerCommitHandler, max: max, messages: messages, min: min, monthAndYearPicker: monthAndYearPicker, testId: testId ? testId + '_datePicker' : undefined, todayTimeZone: todayTimeZone, todayButton: todayButton, userAssistanceDensity: userAssistanceDensity, value: completeDateValue, weekDisplay: weekDisplay }))] }));
+});
+
+exports.InputDatePicker = InputDatePicker;
+//# sourceMappingURL=InputDatePicker-b9a6ed5b.js.map

package/cjs/InputDatePicker-b9a6ed5b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDatePicker-b9a6ed5b.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating'; \n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n  InputDatePickerProps,\n  | 'assistiveText'\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'label'\n  | 'messages'\n  | 'min'\n  | 'max'\n  | 'monthAndYearPicker'\n  | 'todayButton'\n  | 'todayTimeZone'\n  | 'userAssistanceDensity'\n  | 'value'\n  | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n  PickedPropsFromInputDatePicker &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  dayFormatter,\n  daysOutsideMonth,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  max,\n  messages,\n  min,\n  monthAndYearPicker,\n  testId,\n  todayButton,\n  todayTimeZone,\n  userAssistanceDensity,\n  value,\n  weekDisplay\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const datePickerAriaLabel = datePicker_label();\n\n  const datePickerMainContent = (\n    <DatePicker\n      dayFormatter={dayFormatter}\n      daysOutsideMonth={daysOutsideMonth}\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      max={max}\n      min={min}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      monthAndYearPicker={monthAndYearPicker}\n      testId={testId}\n      todayTimeZone={todayTimeZone}\n      todayButton={todayButton}\n      value={value}\n      weekDisplay={weekDisplay}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      initialFocus=\"firstFocusable\"\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n  /**\n   * If dateValue is a complete date, then completeDateValue is the same as dateValue\n   * otherwise is is undefined. We need to maintain separate states because\n   * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n   * If the user types a partial date then opens the picker, we treat that as\n   * no selection. The picker opens to the current month showing today.\n   */\n  completeDateValue?: CalendarDateRequired;\n\n  /**\n   * Represents the current date value of the component. The user either selected\n   * the date in the picker, or typed it into the date field.\n   */\n  dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n  return !dateVal || !isCompleteCalendarDate(dateVal)\n    ? undefined\n    : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n  state: InputDatePickerState,\n  action: InputDatePickerReducerAction\n): InputDatePickerState => {\n  switch (action.type) {\n    case 'dateChanged': {\n      return {\n        ...state,\n        dateValue: action.data,\n        completeDateValue: convertToCalendarDateRequired(action.data)\n      };\n    }\n    case 'dateSelected': {\n      return { ...state, dateValue: action.data, completeDateValue: action.data };\n    }\n    case 'reset': {\n      return {\n        completeDateValue: convertToCalendarDateRequired(action.data),\n        dateValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputDatePicker, or undefined.\n   */\n  value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputDatePickerReducer, {\n    completeDateValue: convertToCalendarDateRequired(value),\n    dateValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype Props = {\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({ onCommit, onInput, value: currentValue }: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef: RefObject<HTMLButtonElement> = useRef<HTMLButtonElement>(null);\n\n  // Ref to the InputDateMask component.\n  const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last date values passed to onInput and onCommit.\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n  const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of whether a date was selected in the date picker.\n  const dateSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastDateRef.current = currentValue;\n      lastCommittedDateRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n      onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n      lastDateRef.current = state.dateValue;\n    }\n    if (\n      dateSelectedRef.current &&\n      calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n      lastCommittedDateRef.current = state.dateValue;\n      dateSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.dateValue]);\n\n  // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n  // We wait for the state to update before calling onInput.\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      dispatch({ type: 'dateChanged', data: detail.value });\n    },\n    [dispatch]\n  );\n\n  // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n  const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(() => {\n    // If the current date value differs from the last committed value, then call onCommit.\n    if (calendarDatesAreDifferent(lastCommittedDateRef.current, state.dateValue)) {\n      onCommit?.({ value: state.dateValue, previousValue: lastCommittedDateRef.current });\n      lastCommittedDateRef.current = state.dateValue;\n    }\n  }, [onCommit, state.dateValue]);\n\n  // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n  const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the calendar icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle date selection in the picker.\n  //   - Updates the value in state.\n  //   - Closes the dropdown.\n  //   - Sets focus to the date field.\n  const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n      // Set focus to the calendar icon when a date is selected.\n      iconRef.current?.focus();\n\n      // Set a ref indicating a date was selected.\n      dateSelectedRef.current = true;\n      dispatch({ type: 'dateSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: state.completeDateValue,\n    dateValue: state.dateValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n  CalendarDate,\n  CalendarDatePlaceholders,\n  InputDateMask,\n  InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n  InputDateMaskProps,\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n  DatePickerProps,\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'max'\n  | 'min'\n  | 'monthAndYearPicker'\n  | 'todayTimeZone'\n  | 'todayButton'\n  | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n  PickedPropsFromDatePicker & {\n    /**\n     * If specified, overrides the locale specific order of the individual date segments\n     * in the date field as well as the locale specific separator. The value of each placeholder\n     * is only used when the type is 'literal', otherwise it is replaced with a translated\n     * placeholder for month, day, or year. The placeholders must include month, day, and year.\n     */\n    masks?: CalendarDatePlaceholders;\n\n    /**\n     * The current display value of the component.\n     * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n     * the user may type the month, day, and year separately. If a selection is made in the date\n     * picker, then the value is a complete date.\n     */\n    value?: CalendarDate;\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     * It is also called when a selection is made in the date picker.\n     */\n    onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n    /**\n     * Callback invoked each time the user changes the value of a segment. For example, if the user\n     * types '12' into the month segment, this callback will be called twice to change the month\n     * first to '1' and then '12'.\n     */\n    onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n  };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n  (\n    {\n      'aria-describedby': propDescribedBy,\n      assistiveText,\n      dayFormatter,\n      daysOutsideMonth,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      label,\n      max,\n      messages,\n      min,\n      monthAndYearPicker,\n      todayTimeZone,\n      todayButton,\n      value,\n      onCommit,\n      onInput,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      weekDisplay,\n      ...dateMaskProps\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      onCommit,\n      onInput,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n      useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n    // We need this to determine if UA/messaging should be shown in the dropdown.\n    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        maskRef.current?.focus();\n      },\n      blur: () => {\n        maskRef.current?.blur();\n      }\n    }));\n\n    const maskFieldInstructionId = useId();\n    const maskFieldInstructionText = inputDatePicker_instruction();\n    const maskFieldInstruction =\n      !isDisabled && !isReadonly ? (\n        <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n          {maskFieldInstructionText}\n        </HiddenAccessible>\n      ) : undefined;\n    const ariaDescribedBy =\n      !isDisabled && !isReadonly\n        ? merge([propDescribedBy, maskFieldInstructionId])\n        : propDescribedBy;\n\n    const endContent = (\n      <IconButton\n        aria-haspopup=\"dialog\"\n        aria-label={calendarIconAriaLabel}\n        isDisabled={isDisabled}\n        ref={iconRef}\n        size=\"sm\"\n        testId={testId ? testId + '_calendarIcon' : undefined}\n        variant=\"ghost\"\n        onAction={calendarIconActionHandler}>\n        <CalendarIcon />\n      </IconButton>\n    );\n\n    const shouldShowDropdown = isOpen as boolean;\n\n    return (\n      <>\n        <InputDateMaskContext.Provider\n          value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n          <InputDateMask\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            endContent={endContent}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            label={label}\n            onCommit={maskCommitHandler}\n            onInput={maskInputHandler}\n            mainFieldRef={mainFieldRef}\n            messages={messages}\n            testId={testId}\n            ref={maskRef}\n            userAssistanceDensity={propUserAssistanceDensity}\n            value={dateValue}\n            {...dateMaskProps}\n          />\n        </InputDateMaskContext.Provider>\n\n        {maskFieldInstruction}\n\n        {shouldShowDropdown && (\n          <InputDatePickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            dayFormatter={dayFormatter}\n            daysOutsideMonth={daysOutsideMonth}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={datePickerCommitHandler}\n            max={max}\n            messages={messages}\n            min={min}\n            monthAndYearPicker={monthAndYearPicker}\n            testId={testId ? testId + '_datePicker' : undefined}\n            todayTimeZone={todayTimeZone}\n            todayButton={todayButton}\n            userAssistanceDensity={userAssistanceDensity}\n            value={completeDateValue}\n            weekDisplay={weekDisplay}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["useState","useCallback","useTranslationBundle","_jsx","DatePicker","FormFieldContext","userAssistanceStyles","InlineUserAssistance","dropdownStyles","SectionedContent","Sheet","StickyPositioningDropdown","getClientHints","isCompleteCalendarDate","useReducer","useRef","calendarDatesAreDifferent","useEffect","forwardRef","useFormContext","useImperativeHandle","useId","HiddenAccessible","merge","IconButton","CalendarIcon","_jsxs","InputDateMaskContext","InputDateMask"],"mappings":"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"}