@oracle/oraclejet-preact 20.1.3 → 20.1.5

package/amd/{IconUserAssistance-b5908d4a.js → IconUserAssistance-b856425b.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useTranslationBundle-e4dd341e', './Help-bd393c5f', './Popup-195ebcbf', './HiddenAccessible-037ef42d', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-db55de25', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './useToggle-a29f97af', './InlineHelp-225b70cb'], (function(e,s,n,o,c,a,t,i,l,r,u,d,p){"use strict";e.IconUserAssistance=({assistiveText:e,helpSourceLink:b,helpSourceText:h,isTabbable:x=!0,id:m,variant:f="checkbox"})=>{const{bool:T,setFalse:k,toggle:g}=d.useToggle(!1),A=o.useTranslationBundle("@oracle/oraclejet-preact"),C=A.userAssistance_learnMore(),j=b&&(h||C),U=A.radio_helpForRadio(),v=A.checkbox_helpForCheckbox(),H=`${m}-help-string`,S=n.useRef(null),E=n.useCallback((e=>{const s=e?.target;(s instanceof Element||s instanceof Document)&&!S.current?.contains(s)&&T&&k()}),[T,k]),F=n.useCallback((e=>{const{key:s}=e;if(s&&"Enter"!==s)return;const{tagName:n}=e.target;"a"===n?.toLowerCase()&&(k(),setTimeout((()=>S.current?.focus())))}),[k]),I=n.useCallback((e=>{["Tab","Escape"].includes(e.code)&&T&&k(),["Space","Enter"].includes(e.code)&&(e.preventDefault(),g())}),[T,k,g]),P=n.useCallback((e=>{e.preventDefault(),g()}),[g]),{baseTheme:w}=l.useComponentTheme(u.PopupRedwoodTheme),y=r.classNames([w,i.iconUserAssistancePopup]);return b||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{onKeyDown:I,onClick:P,role:"button","aria-labelledby":H,"aria-haspopup":"dialog",ref:S,tabIndex:x?0:-1,class:i.iconUserAssistanceIcon,id:`${m}-help-icon`,children:s.jsx(c.SvgHelp,{})}),s.jsx(t.HiddenAccessible,{id:H,isHidden:!0,children:"checkbox"===f?v:U}),s.jsx(a.Popup,{placement:"top",isOpen:T,anchorRef:S,onClose:k,onClickOutside:E,shiftOptions:{mainAxis:!0,crossAxis:!1},maxWidth:"296px",children:s.jsx("div",{id:m,tabIndex:0,class:y,onMouseUp:F,onKeyDown:F,children:s.jsx(p.InlineHelp,{assistiveText:e,sourceLink:b,sourceText:j})})})]}):null}}));
-//# sourceMappingURL=IconUserAssistance-b5908d4a.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useTranslationBundle-db326955', './Help-bd393c5f', './Popup-224c908e', './HiddenAccessible-037ef42d', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-db55de25', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './useToggle-a29f97af', './InlineHelp-225b70cb'], (function(e,s,n,o,c,a,t,i,l,r,u,p,d){"use strict";e.IconUserAssistance=({assistiveText:e,helpSourceLink:h,helpSourceText:b,isTabbable:x=!0,id:m,variant:f="checkbox"})=>{const{bool:T,setFalse:k,toggle:g}=p.useToggle(!1),A=o.useTranslationBundle("@oracle/oraclejet-preact"),C=A.userAssistance_learnMore(),j=h&&(b||C),U=A.radio_helpForRadio(),v=A.checkbox_helpForCheckbox(),H=`${m}-help-string`,S=n.useRef(null),E=n.useCallback((e=>{const s=e?.target;(s instanceof Element||s instanceof Document)&&!S.current?.contains(s)&&T&&k()}),[T,k]),F=n.useCallback((e=>{const{key:s}=e;if(s&&"Enter"!==s)return;const{tagName:n}=e.target;"a"===n?.toLowerCase()&&(k(),setTimeout((()=>S.current?.focus())))}),[k]),I=n.useCallback((e=>{["Tab","Escape"].includes(e.code)&&T&&k(),["Space","Enter"].includes(e.code)&&(e.preventDefault(),g())}),[T,k,g]),P=n.useCallback((e=>{e.preventDefault(),g()}),[g]),{baseTheme:w}=l.useComponentTheme(u.PopupRedwoodTheme),y=r.classNames([w,i.iconUserAssistancePopup]);return h||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{onKeyDown:I,onClick:P,role:"button","aria-labelledby":H,"aria-haspopup":"dialog",ref:S,tabIndex:x?0:-1,class:i.iconUserAssistanceIcon,id:`${m}-help-icon`,children:s.jsx(c.SvgHelp,{})}),s.jsx(t.HiddenAccessible,{id:H,isHidden:!0,children:"checkbox"===f?v:U}),s.jsx(a.Popup,{placement:"top",isOpen:T,anchorRef:S,onClose:k,onClickOutside:E,shiftOptions:{mainAxis:!0,crossAxis:!1},maxWidth:"296px",children:s.jsx("div",{id:m,tabIndex:0,class:y,onMouseUp:F,onKeyDown:F,children:s.jsx(d.InlineHelp,{assistiveText:e,sourceLink:h,sourceText:j})})})]}):null}}));
+//# sourceMappingURL=IconUserAssistance-b856425b.js.map

package/amd/{IconUserAssistance-b5908d4a.js.map → IconUserAssistance-b856425b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconUserAssistance-b5908d4a.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';\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { iconUserAssistanceIcon, iconUserAssistancePopup } 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';\nimport { InlineHelp } from './InlineHelp';\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   * Variant of the component, either 'checkbox' or 'radio'. Used to determine the help text.\n   */\n  variant?: 'checkbox' | 'radio';\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  variant = 'checkbox'\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 helpForCheckboxString = translations.checkbox_helpForCheckbox();\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, iconUserAssistancePopup]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"button\"\n        aria-labelledby={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        {variant === 'checkbox' ? helpForCheckboxString : 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":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","variant","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","helpForCheckboxString","checkbox_helpForCheckbox","helpStringId","anchorRef","useRef","handleOutsideClick","useCallback","event","target","Element","Document","current","contains","handleLinkEvent","e","key","tagName","toLowerCase","setTimeout","focus","handleOnKeyDown","includes","code","preventDefault","onClickHandler","baseTheme","popupBaseTheme","useComponentTheme","PopupRedwoodTheme","iconUserAssistanceClasses","classNames","iconUserAssistancePopup","_jsxs","jsxs","_Fragment","children","_jsx","onKeyDown","onClick","role","ref","tabIndex","class","iconUserAssistanceIcon","HelpIcon","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"8aA6C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,KACAC,UAAU,eAEV,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAaf,IAAmBC,GAAkBY,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAwBP,EAAaQ,2BACrCC,EAAe,GAAGjB,gBAClBkB,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BpB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLuB,EAAkBP,eACrBQ,IAEC,MAAMC,IAAEA,GAAQD,EAChB,GAAIC,GAAe,UAARA,EACT,OAIF,MAAMC,QAAEA,GAAYF,EAAEN,OAES,MAA3BQ,GAASC,gBACX3B,IAIA4B,YAAW,IAAMf,EAAUQ,SAASQ,UACrC,GAEH,CAAC7B,IAGG8B,EAAkBd,eACrBQ,IAEK,CAAC,MAAO,UAAUO,SAASP,EAAEQ,OAASlC,GACxCE,IAIE,CAAC,QAAS,SAAS+B,SAASP,EAAEQ,QAChCR,EAAES,iBACFhC,IACD,GAEH,CAACH,EAAQE,EAAgBC,IAGrBiC,EAAiBlB,eACpBQ,IACCA,EAAES,iBACFhC,GAAQ,GAEV,CAACA,KAIKkC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,0BAE9D,OAAOjD,GAAkBD,EACvBmD,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACEC,MACE,OAAA,CAAAC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,SAAQ,kBACIrC,EACH,gBAAA,SACdsC,IAAKrC,EACLsC,SAAUzD,EAAa,GAAK,EAC5B0D,MAAOC,EAAAA,uBACP1D,GAAI,GAAGA,cAAckD,SACrBC,MAACQ,EAAAA,QAAQ,CAAA,KAEXR,EAAAA,IAACS,EAAgBA,iBAAC,CAAA5D,GAAIiB,EAAc4C,UAAU,EAAIX,SACnC,aAAZjD,EAAyBc,EAAwBF,IAEpDsC,EAAAA,IAACW,EAAKA,MAAA,CACJC,UAAU,MACV5D,OAAQA,EACRe,UAAWA,EACX8C,QAAS3D,EACT4D,eAAgB7C,EAChB8C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAS,QACTnB,SAAAC,EAAAA,IAAA,MAAA,CACEnD,GAAIA,EACJwD,SAAU,EACVC,MAAOb,EACP0B,UAAW1C,EACXwB,UAAWxB,EACXsB,SAAAC,EAAAA,IAACoB,EAAAA,WACC,CAAA3E,cAAeA,EACf4E,WAAY3E,EACZe,WAAYA,WAKlB,IAAI"}
+{"version":3,"file":"IconUserAssistance-b856425b.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';\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { iconUserAssistanceIcon, iconUserAssistancePopup } 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';\nimport { InlineHelp } from './InlineHelp';\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   * Variant of the component, either 'checkbox' or 'radio'. Used to determine the help text.\n   */\n  variant?: 'checkbox' | 'radio';\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  variant = 'checkbox'\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 helpForCheckboxString = translations.checkbox_helpForCheckbox();\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, iconUserAssistancePopup]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"button\"\n        aria-labelledby={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        {variant === 'checkbox' ? helpForCheckboxString : 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":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","variant","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","helpForCheckboxString","checkbox_helpForCheckbox","helpStringId","anchorRef","useRef","handleOutsideClick","useCallback","event","target","Element","Document","current","contains","handleLinkEvent","e","key","tagName","toLowerCase","setTimeout","focus","handleOnKeyDown","includes","code","preventDefault","onClickHandler","baseTheme","popupBaseTheme","useComponentTheme","PopupRedwoodTheme","iconUserAssistanceClasses","classNames","iconUserAssistancePopup","_jsxs","jsxs","_Fragment","children","_jsx","onKeyDown","onClick","role","ref","tabIndex","class","iconUserAssistanceIcon","HelpIcon","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"8aA6C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,KACAC,UAAU,eAEV,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAaf,IAAmBC,GAAkBY,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAwBP,EAAaQ,2BACrCC,EAAe,GAAGjB,gBAClBkB,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BpB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLuB,EAAkBP,eACrBQ,IAEC,MAAMC,IAAEA,GAAQD,EAChB,GAAIC,GAAe,UAARA,EACT,OAIF,MAAMC,QAAEA,GAAYF,EAAEN,OAES,MAA3BQ,GAASC,gBACX3B,IAIA4B,YAAW,IAAMf,EAAUQ,SAASQ,UACrC,GAEH,CAAC7B,IAGG8B,EAAkBd,eACrBQ,IAEK,CAAC,MAAO,UAAUO,SAASP,EAAEQ,OAASlC,GACxCE,IAIE,CAAC,QAAS,SAAS+B,SAASP,EAAEQ,QAChCR,EAAES,iBACFhC,IACD,GAEH,CAACH,EAAQE,EAAgBC,IAGrBiC,EAAiBlB,eACpBQ,IACCA,EAAES,iBACFhC,GAAQ,GAEV,CAACA,KAIKkC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,0BAE9D,OAAOjD,GAAkBD,EACvBmD,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACEC,MACE,OAAA,CAAAC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,SAAQ,kBACIrC,EACH,gBAAA,SACdsC,IAAKrC,EACLsC,SAAUzD,EAAa,GAAK,EAC5B0D,MAAOC,EAAAA,uBACP1D,GAAI,GAAGA,cAAckD,SACrBC,MAACQ,EAAAA,QAAQ,CAAA,KAEXR,EAAAA,IAACS,EAAgBA,iBAAC,CAAA5D,GAAIiB,EAAc4C,UAAU,EAAIX,SACnC,aAAZjD,EAAyBc,EAAwBF,IAEpDsC,EAAAA,IAACW,EAAKA,MAAA,CACJC,UAAU,MACV5D,OAAQA,EACRe,UAAWA,EACX8C,QAAS3D,EACT4D,eAAgB7C,EAChB8C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAS,QACTnB,SAAAC,EAAAA,IAAA,MAAA,CACEnD,GAAIA,EACJwD,SAAU,EACVC,MAAOb,EACP0B,UAAW1C,EACXwB,UAAWxB,EACXsB,SAAAC,EAAAA,IAACoB,EAAAA,WACC,CAAA3E,cAAeA,EACf4E,WAAY3E,EACZe,WAAYA,WAKlB,IAAI"}

package/amd/Indexer-cb626ecf.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-4b81b412', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-5749e7fb', './useCollectionFocusRing-39368fdd', './collectionUtils-89bc31e1', './useId-c9578d26', './useTranslationBundle-e4dd341e', './HiddenAccessible-037ef42d', './Collection-121694cb', './classNames-08d99695', 'preact/compat', './useComponentTheme-db55de25', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-f4240cbd', './usePan-cf3cd3b6', './keys-4755c121'], (function(e,t,s,n,r,o,a,c,i,l,u,d,y,f,x,b,k,h,m,j,g){"use strict";const v=Object.freeze({key:"__others__",label:"#"}),T="[data-oj-indexer-item]",p=b.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:o}=e,a=r.data.key===o,c=R(e,s),{classes:i}=k.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:a&&!r.data.isDisabled?"isSelected":"notSelected"}),l=x.classNames([i]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:l,"data-oj-indexer-item":"","data-oj-valuetext":y,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const I=b.forwardRef((({lastValueNow:e,...n},r)=>{const o={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(p,{...o}),t.jsx(S,{...o,ref:r,context:{index:-1,data:v},valueNow:e})]})})),S=b.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,o=R(e,s),a=n.data.key===r,{classes:c}=k.useComponentTheme(h.IndexerRedwoodTheme,{focused:o.ref&&o.isFocusRingVisible?"isFocused":"notFocused",selected:a?"isSelected":"notSelected"}),i=x.classNames([c]),l=v.label;return t.jsx("li",{...o,class:i,"data-oj-indexer-item":"","data-oj-valuetext":l,children:n.data.label})})),w=b.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:o,sections:a}=e,c=R(e,s),{from:i,to:l}=F(e),{classes:u,styles:{dotStyle:y}}=k.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!C(o.index,i,l))return null;const f=a[i].label||a[i].key,b=a[l].label||a[l].key,m=x.classNames([u]),j=n.indexer_separatorLabel({FROM_SECTION:`${f}`,TO_SECTION:`${b}`});return t.jsx("li",{...c,class:m,"data-oj-indexer-item":"","data-oj-valuetext":j,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:y})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function C(e,t,s){return e===Math.floor((t+s)/2)}const N=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const E=(e,t,s)=>e===t.current?void 0===s?null:s:l.keyExtractor(e,T),P=(e,t,s)=>{if(e.value===v.key)t({value:v.key});else{t({value:s.find((t=>t.key===e.value)).key})}},_=(e,t,s,n,r,o,a)=>{if(0===e||0===t)return;const c=e/t,i=s-1;if(c<2)r!==i&&(o(i),a(n));else if(c>s||s-c<.01)r>1&&(o(1),a(n));else{const e=A(c,i);e!==r&&e<s&&(o(e),a(n))}},A=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let o=t-(r-1)*s,a=s;for(;a>o;)a-=1,o=t-(r-1)*a;return a!=s&&(a+=1),a};function K(e){return l.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=N,value:x,onCommit:b=()=>{},testId:v}){const R=n.useRef(null),S=n.useRef(null),A=s.createRef(),[V,O]=n.useState(e[0]?.key),[D,B]=n.useState(-1),M=n.useRef(-1),H=n.useRef(0),U=u.useId(),[$,L]=i.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:q}=c.useCurrentKey((e=>l.keyExtractor(e,T)),!0,!1,l.getPrevNextKey(R.current,V,!0,T),l.getPrevNextKey(R.current,V,!1,T),void 0,void 0,V,(e=>O(e.value))),{selectionProps:z}=a.useSingleSelection((e=>E(e,S,V)),void 0,(t=>P(t,b,e))),Y=n.useCallback((t=>{for(const s of t)_(s.contentRect.height,H.current,e.length,e[0]?.key,D,B,O)}),[e,D]);n.useEffect((()=>{S.current&&(S.current.setAttribute("aria-valuemax",M.current+1+""),S.current.setAttribute("aria-valuetext",A.current?.dataset?.ojValuetext||""),S.current.setAttribute("aria-valuenow",A.current?.dataset?.ojValuenow||"")),M.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,_(t.offsetHeight,H.current,e.length,e[0]?.key,D,B,O))}),[e,D]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{Y(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[D,Y]);const G=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:J,innerStyle:Q}}=k.useComponentTheme(h.IndexerRedwoodTheme),W=m.useTestId(v),X=n.useCallback((({y:t,status:s})=>{if("move"!==s&&"start"!==s)return;if(!S.current)return;const n=S.current.getBoundingClientRect(),r=t-n.top,o=Array.from(S.current.querySelectorAll("li"));if(0===o.length)return;let a=0,c=Number.POSITIVE_INFINITY;o.forEach(((e,t)=>{const s=e.getBoundingClientRect(),o=s.top+s.height/2-n.top,i=Math.abs(o-r);i<c&&(c=i,a=t)}));const i=o[a].getAttribute("data-oj-key");g.isKeyDefined(i)&&V!==i&&(O(i),P({value:i},b,e))}),[S,O,b,V,e]),{panProps:Z}=j.usePan(X,{threshold:2,minimumTime:0,isDisabled:!1});return t.jsxs("div",{ref:R,class:J,...W,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...o.mergeProps(q,L,z,Z),ref:S,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":U,role:"slider",class:Q,children:t.jsx(f.Collection,{items:e,children:s=>{const n=e.length-1;M.current+=1;const r={context:s,ref:A,currentKey:V,selectedKey:x,valueNow:M.current,isFocusRingVisible:!!$};if(s.index===n)return t.jsx(I,{...r,lastValueNow:M.current+1});if(D<=1||s.index%D==0)return t.jsx(p,{...r});const o={...r,sectionsPerTruncation:D,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return C(e.context.index,t,s)}(o)?t.jsx(w,{...o}):(M.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:U,children:K(G)})})]})},e.SECTION_OTHERS=v}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-71f83c12', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-05038cac', './useCollectionFocusRing-39368fdd', './collectionUtils-89bc31e1', './useId-c9578d26', './useTranslationBundle-db326955', './HiddenAccessible-037ef42d', './Collection-121694cb', './classNames-08d99695', 'preact/compat', './useComponentTheme-db55de25', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-6160e7a2', './usePan-cf3cd3b6', './keys-4755c121'], (function(e,t,s,n,r,a,o,c,i,l,u,d,y,f,x,k,b,h,m,j,g){"use strict";const v=Object.freeze({key:"__others__",label:"#"}),T="[data-oj-indexer-item]",p=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:a}=e,o=r.data.key===a,c=R(e,s),{classes:i}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:o&&!r.data.isDisabled?"isSelected":"notSelected"}),l=x.classNames([i]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:l,"data-oj-indexer-item":"","data-oj-valuetext":y,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const I=k.forwardRef((({lastValueNow:e,...n},r)=>{const a={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(p,{...a}),t.jsx(S,{...a,ref:r,context:{index:-1,data:v},valueNow:e})]})})),S=k.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,a=R(e,s),o=n.data.key===r,{classes:c}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:a.ref&&a.isFocusRingVisible?"isFocused":"notFocused",selected:o?"isSelected":"notSelected"}),i=x.classNames([c]),l=v.label;return t.jsx("li",{...a,class:i,"data-oj-indexer-item":"","data-oj-valuetext":l,children:n.data.label})})),w=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:a,sections:o}=e,c=R(e,s),{from:i,to:l}=F(e),{classes:u,styles:{dotStyle:y}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!C(a.index,i,l))return null;const f=o[i].label||o[i].key,k=o[l].label||o[l].key,m=x.classNames([u]),j=n.indexer_separatorLabel({FROM_SECTION:`${f}`,TO_SECTION:`${k}`});return t.jsx("li",{...c,class:m,"data-oj-indexer-item":"","data-oj-valuetext":j,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:y})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function C(e,t,s){return e===Math.floor((t+s)/2)}const N=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const E=(e,t,s)=>e===t.current?void 0===s?null:s:l.keyExtractor(e,T),P=(e,t,s)=>{if(e.value===v.key)t({value:v.key});else{t({value:s.find((t=>t.key===e.value)).key})}},_=(e,t,s,n,r,a,o)=>{if(0===e||0===t)return;const c=e/t,i=s-1;if(c<2)r!==i&&(a(i),o(n));else if(c>s||s-c<.01)r>1&&(a(1),o(n));else{const e=A(c,i);e!==r&&e<s&&(a(e),o(n))}},A=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let a=t-(r-1)*s,o=s;for(;o>a;)o-=1,a=t-(r-1)*o;return o!=s&&(o+=1),o};function K(e){return l.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=N,value:x,onCommit:k=()=>{},testId:v}){const R=n.useRef(null),S=n.useRef(null),A=s.createRef(),[V,O]=n.useState(e[0]?.key),[D,B]=n.useState(-1),M=n.useRef(-1),H=n.useRef(0),U=u.useId(),[$,L]=i.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:q}=c.useCurrentKey((e=>l.keyExtractor(e,T)),!0,!1,l.getPrevNextKey(R.current,V,!0,T),l.getPrevNextKey(R.current,V,!1,T),void 0,void 0,V,(e=>O(e.value))),{selectionProps:z}=o.useSingleSelection((e=>E(e,S,V)),void 0,(t=>P(t,k,e))),Y=n.useCallback((t=>{for(const s of t)_(s.contentRect.height,H.current,e.length,e[0]?.key,D,B,O)}),[e,D]);n.useEffect((()=>{S.current&&(S.current.setAttribute("aria-valuemax",M.current+1+""),S.current.setAttribute("aria-valuetext",A.current?.dataset?.ojValuetext||""),S.current.setAttribute("aria-valuenow",A.current?.dataset?.ojValuenow||"")),M.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,_(t.offsetHeight,H.current,e.length,e[0]?.key,D,B,O))}),[e,D]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{Y(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[D,Y]);const G=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:J,innerStyle:Q}}=b.useComponentTheme(h.IndexerRedwoodTheme),W=m.useTestId(v),X=n.useCallback((({y:t,status:s})=>{if("move"!==s&&"start"!==s)return;if(!S.current)return;const n=S.current.getBoundingClientRect(),r=t-n.top,a=Array.from(S.current.querySelectorAll("li"));if(0===a.length)return;let o=0,c=Number.POSITIVE_INFINITY;a.forEach(((e,t)=>{const s=e.getBoundingClientRect(),a=s.top+s.height/2-n.top,i=Math.abs(a-r);i<c&&(c=i,o=t)}));const i=a[o].getAttribute("data-oj-key");g.isKeyDefined(i)&&V!==i&&(O(i),P({value:i},k,e))}),[S,O,k,V,e]),{panProps:Z}=j.usePan(X,{threshold:2,minimumTime:0,isDisabled:!1});return t.jsxs("div",{ref:R,class:J,...W,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...a.mergeProps(q,L,z,Z),ref:S,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":U,role:"slider",class:Q,children:t.jsx(f.Collection,{items:e,children:s=>{const n=e.length-1;M.current+=1;const r={context:s,ref:A,currentKey:V,selectedKey:x,valueNow:M.current,isFocusRingVisible:!!$};if(s.index===n)return t.jsx(I,{...r,lastValueNow:M.current+1});if(D<=1||s.index%D==0)return t.jsx(p,{...r});const a={...r,sectionsPerTruncation:D,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return C(e.context.index,t,s)}(a)?t.jsx(w,{...a}):(M.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:U,children:K(G)})})]})},e.SECTION_OTHERS=v}));
 //# sourceMappingURL=Indexer-cb626ecf.js.map

package/amd/InlineHelpSource-ab765897.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-db55de25', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTranslationBundle-e4dd341e', './safeHref-e764caa8', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,r,n,o,l,t,c){"use strict";e.InlineHelpSource=({children:e,source:n})=>{const d=l.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),b=e||d,{isTabbable:u,tabbableModeProps:i}=o.useTabbableMode(),{classes:m,styles:p}=r.useComponentTheme(c.UserAssistanceRedwoodTheme),T=t.getSafeHref(n,"InlineHelpSource");return s.jsx("a",{class:a.classNames([m,p.helpSourceStyles]),target:"_blank",rel:"noopener noreferrer",href:T,...!u&&i,children:b})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-db55de25', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTranslationBundle-db326955', './safeHref-e764caa8', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,r,n,o,l,t,c){"use strict";e.InlineHelpSource=({children:e,source:n})=>{const b=l.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),d=e||b,{isTabbable:u,tabbableModeProps:i}=o.useTabbableMode(),{classes:m,styles:p}=r.useComponentTheme(c.UserAssistanceRedwoodTheme),T=t.getSafeHref(n,"InlineHelpSource");return s.jsx("a",{class:a.classNames([m,p.helpSourceStyles]),target:"_blank",rel:"noopener noreferrer",href:T,...!u&&i,children:d})}}));
 //# sourceMappingURL=InlineHelpSource-ab765897.js.map

package/amd/InlineSelectSingle-9222b0eb.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Flex-4b81b412', './Label-bb51506c', './useDisplayValue-6ad8d409', './Separator-181f7541', './logger-00b673c5', './TabbableModeContext-a9c97640', './LayerHost-0b288129', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-195ebcbf', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './View-35699bb2', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './useTranslationBundle-e4dd341e', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './unsafeDomAccess-602c5dde', './useSelectCommon-0abad82b'], (function(e,s,t,n,o,a,r,i,l,c,d,u,b,p,h,S,m,y,x,g,C,F,v,f,w,A,T,I,U,K,E,L,k,B,R,P,M,_,j,V,D,N,O,z,Y,H,$,G,W,q,Z,J){"use strict";const Q={isTabbable:!1};const X=t.forwardRef((function(e,t){const{data:l,itemRenderer:d,itemText:u,label:b,onLoadRange:p,testId:h,userAssistancePosition:m="belowList"}=e,{collectionRendererContext:y,formFieldContext:x,hasUserAssistance:g,isEmptyResults:C,isUserFiltering:F,labelProps:v,listContainerProps:f,selectSingleFieldProps:w,selectFieldInputProps:A,userAssistanceProps:T}=function({"aria-describedby":e,assistiveText:s,data:t,hasBackIcon:o="never",hasClearIcon:a="never",helpSourceLink:i,helpSourceText:l,isLoading:c,itemText:d,label:u,onBackIconAction:b,onCommit:p,onFilter:h,placeholder:S,textAlign:m,valueItem:y,virtualKeyboard:x},g){const C=n.useRef(null),{textAlign:F}=Y.useFormContext(),v=m??F??"start",f=null!=t&&!J.isBeforeDataFetch(t),w=f&&0===t?.totalSize,A=n.useRef(t),T=n.useRef(y),I=n.useRef(!0),[U,K]=n.useState(void 0===y?void 0:new Set([y.key])),E=H.useLoadingIndicatorTimer(c??!1),L=r.useDisplayValue(d,y,"InlineSelectSingle");n.useImperativeHandle(g,(()=>({focus:()=>C.current?.focus(),blur:()=>C.current?.blur(),[Z.UNSAFE_DOM_ACCESS]:C.current})),[]);const{currentRowKeyRef:k,currentRowOverride:B,dropdownRef:R,isFocused:P,isUserFiltering:M,onCurrentKeyChange:_,searchText:j,setCurrentRowOverride:V,stopFiltering:D,updateFiltering:N,userInput:O}=J.useSelectCommon({data:t,inputRef:C,isFocused:!0,onFilter:h}),{baseId:z,formFieldContext:Q,inputProps:X,labelProps:ee,userAssistanceProps:se}=$.useTextField({ariaDescribedBy:e,helpSourceLink:i,helpSourceText:l,isFocused:P,isLoading:E,value:void 0!==y||void 0}),te=`${z}-list`;Q.hasValue=c||Q.hasValue;const ne=G.useTranslationBundle("@oracle/oraclejet-preact"),oe=f?0===t?.totalSize?ne.select_noMatchesFound():1===t?.totalSize?ne.select_oneMatchFound():"exact"===t?.sizePrecision?ne.select_sizeMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):ne.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):"";T.current!==y&&(T.current=y,K(void 0===y?void 0:new Set([y.key]))),A.current!==t&&(A.current=t,M&&null!=t&&0===t.offset&&t.data.length>0&&V({rowKey:J.isSearchTextEmptyOrUndefined(j)?void 0:t.data[0].metadata.key})),I.current&&(I.current=!1,V({rowKey:[...U??[void 0]][0]}));const ae=n.useCallback(((e,s)=>{p?.({value:e,previousValue:void 0!==y?y.key:void 0,reason:s.reason})}),[p,y]),re=n.useCallback((e=>{K(new Set),ae(void 0,e)}),[ae]),ie=n.useCallback((()=>M&&""===O&&void 0!==y),[M,O,y]),le=n.useCallback((e=>{D();const s=e.context.key;K(new Set([s])),ae(s,{reason:"itemAction"})}),[ae,D]),ce=n.useCallback((({value:e})=>{N(e),h?.({searchText:e})}),[h,N]),de=n.useCallback((e=>{if(!J.shouldIgnoreSelectInputKeyDownDuringComposition(e)&&!W.isControlOrFunctionKey(e))switch(e.code){case W.KEYS.UP:case W.KEYS.DOWN:e.preventDefault();break;case W.KEYS.ENTER:case W.KEYS.TAB:{if(J.isPhone())return;const s={reason:e.code===W.KEYS.TAB?"tabKey":"itemAction"};if(ie())return void re(s);if(null==t||0===t.data.length)return;if(D(),void 0!==k.current&&null!=t&&t.data.length>0)return K(new Set([k.current])),void ae(k.current,s);ae(y?.key??void 0,s);break}}}),[re,k,t,ie,ae,D,y]),ue=n.useCallback((e=>{if(!J.shouldIgnoreSelectInputKeyUpDuringComposition(e)&&!W.isControlOrFunctionKey(e))switch(e.code){case W.KEYS.UP:case W.KEYS.DOWN:if(null!=t&&R.current){const e=q.allTabbableElements(R.current,void 0,!0)[0];e?.focus(),void 0===B.rowKey&&V({rowKey:t.data[0]?.metadata?.key})}e.preventDefault()}}),[B,t,R,V]),be=n.useCallback((e=>{e.code===W.KEYS.TAB&&void 0!==k.current&&null!=t&&t.data.length>0&&(K(new Set([k.current])),ae(k.current,{reason:"tabKey"}))}),[k,t,ae]),pe=n.useCallback((()=>{D(),re({reason:"itemAction"}),C.current?.focus(),h?.({searchText:void 0})}),[re,h,D]),he=J.useCollectionRenderer({currentKey:B.rowKey,searchText:j,selectedKeys:U,onCurrentKeyChange:_,onItemAction:le});return n.useEffect((()=>{const e=R.current?.querySelector('div[role="listbox"][tabindex="0"]');e?.setAttribute("tabindex","-1")})),{collectionRendererContext:he,formFieldContext:Q,hasUserAssistance:Boolean(s||i),isEmptyResults:w,isUserFiltering:M,labelProps:{...ee,children:u},listContainerProps:{id:te,dropdownListRef:R,onKeyDown:be},selectSingleFieldProps:{contentVariant:"input",hasInsideLabel:!0,isBackButtonShown:"always"===o,isClearButtonShown:"conditionally"===a&&void 0!==y,onBackButtonClick:b,onClearButtonClick:pe,styleVariant:"embedded"},selectFieldInputProps:{...X,"aria-controls":te,"aria-expanded":!0,displayValue:L,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:C,isAddToListShown:!1,isAdvancedSearchShown:!1,isRequired:!1,isUserFiltering:M,liveRegionText:oe,onInput:ce,onKeyDown:de,onKeyUp:ue,placeholder:S,textAlign:v,userInput:O,variant:"embedded",virtualKeyboard:x},userAssistanceProps:{...se,assistiveText:s,fieldLabel:u,helpSourceLink:i,helpSourceText:l}}}(e,t),I=n.useCallback((({onPersistCurrentRowKey:e,onRowAction:t,selected:n,searchText:o,currentRowKeyOverride:a})=>s.jsx(J.DefaultList,{"aria-label":b,componentName:"InlineSelectSingle",currentItemVariant:"highlight",currentKey:a,data:l,itemRenderer:d,itemText:u,onCurrentKeyChange:e,onItemAction:t,onLoadRange:p,searchText:F?o:void 0,selectedKeys:n,selectionMode:"single"})),[l,F,d,u,b,p]),U=s.jsx(O.View,{minWidth:"100%",padding:"2x",children:s.jsx(S.InlineUserAssistance,{testId:h&&`${h}_userAssistance`,...T})});return s.jsx(o.Flex,{direction:"column",gap:"2x",maxHeight:"100%",width:"100%",children:s.jsxs(R.FormFieldContext.Provider,{value:x,children:[s.jsxs(O.View,{flex:0,children:[s.jsx(r.SelectSingleField,{...w,label:s.jsx(a.Label,{...v}),testId:h&&`${h}_selectSingleField`,children:s.jsx(r.SelectSingleFieldInput,{...A})}),"aboveList"===m&&s.jsx(i.Separator,{}),"aboveList"===m&&g&&s.jsxs(s.Fragment,{children:[U,s.jsx(i.Separator,{})]})]}),"aboveList"!==m&&s.jsx(i.Separator,{}),s.jsx(J.DropdownList,{...f,hasBottomGap:"aboveList"===m,hasTopGap:!1,children:s.jsx(c.TabbableModeContext.Provider,{value:Q,children:C?s.jsx(J.EmptyResults,{}):I(y)})}),"belowList"===m&&g&&s.jsxs("div",{children:[s.jsx(i.Separator,{}),U]})]})})}));e.InlineSelectSingle=X}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Flex-71f83c12', './Label-bb51506c', './useDisplayValue-6ad8d409', './Separator-181f7541', './logger-00b673c5', './TabbableModeContext-a9c97640', './LayerHost-1a734852', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-224c908e', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './View-215ec211', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './useTranslationBundle-db326955', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './unsafeDomAccess-602c5dde', './useSelectCommon-0abad82b'], (function(e,s,t,n,o,a,r,i,l,c,d,u,p,b,h,S,m,y,x,g,C,F,v,f,w,A,T,I,U,K,E,L,k,B,R,P,M,_,j,V,D,N,O,z,Y,H,$,G,W,q,Z,J){"use strict";const Q={isTabbable:!1};const X=t.forwardRef((function(e,t){const{data:l,itemRenderer:d,itemText:u,label:p,onLoadRange:b,testId:h,userAssistancePosition:m="belowList"}=e,{collectionRendererContext:y,formFieldContext:x,hasUserAssistance:g,isEmptyResults:C,isUserFiltering:F,labelProps:v,listContainerProps:f,selectSingleFieldProps:w,selectFieldInputProps:A,userAssistanceProps:T}=function({"aria-describedby":e,assistiveText:s,data:t,hasBackIcon:o="never",hasClearIcon:a="never",helpSourceLink:i,helpSourceText:l,isLoading:c,itemText:d,label:u,onBackIconAction:p,onCommit:b,onFilter:h,placeholder:S,textAlign:m,valueItem:y,virtualKeyboard:x},g){const C=n.useRef(null),{textAlign:F}=Y.useFormContext(),v=m??F??"start",f=null!=t&&!J.isBeforeDataFetch(t),w=f&&0===t?.totalSize,A=n.useRef(t),T=n.useRef(y),I=n.useRef(!0),[U,K]=n.useState(void 0===y?void 0:new Set([y.key])),E=H.useLoadingIndicatorTimer(c??!1),L=r.useDisplayValue(d,y,"InlineSelectSingle");n.useImperativeHandle(g,(()=>({focus:()=>C.current?.focus(),blur:()=>C.current?.blur(),[Z.UNSAFE_DOM_ACCESS]:C.current})),[]);const{currentRowKeyRef:k,currentRowOverride:B,dropdownRef:R,isFocused:P,isUserFiltering:M,onCurrentKeyChange:_,searchText:j,setCurrentRowOverride:V,stopFiltering:D,updateFiltering:N,userInput:O}=J.useSelectCommon({data:t,inputRef:C,isFocused:!0,onFilter:h}),{baseId:z,formFieldContext:Q,inputProps:X,labelProps:ee,userAssistanceProps:se}=$.useTextField({ariaDescribedBy:e,helpSourceLink:i,helpSourceText:l,isFocused:P,isLoading:E,value:void 0!==y||void 0}),te=`${z}-list`;Q.hasValue=c||Q.hasValue;const ne=G.useTranslationBundle("@oracle/oraclejet-preact"),oe=f?0===t?.totalSize?ne.select_noMatchesFound():1===t?.totalSize?ne.select_oneMatchFound():"exact"===t?.sizePrecision?ne.select_sizeMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):ne.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):"";T.current!==y&&(T.current=y,K(void 0===y?void 0:new Set([y.key]))),A.current!==t&&(A.current=t,M&&null!=t&&0===t.offset&&t.data.length>0&&V({rowKey:J.isSearchTextEmptyOrUndefined(j)?void 0:t.data[0].metadata.key})),I.current&&(I.current=!1,V({rowKey:[...U??[void 0]][0]}));const ae=n.useCallback(((e,s)=>{b?.({value:e,previousValue:void 0!==y?y.key:void 0,reason:s.reason})}),[b,y]),re=n.useCallback((e=>{K(new Set),ae(void 0,e)}),[ae]),ie=n.useCallback((()=>M&&""===O&&void 0!==y),[M,O,y]),le=n.useCallback((e=>{D();const s=e.context.key;K(new Set([s])),ae(s,{reason:"itemAction"})}),[ae,D]),ce=n.useCallback((({value:e})=>{N(e),h?.({searchText:e})}),[h,N]),de=n.useCallback((e=>{if(!J.shouldIgnoreSelectInputKeyDownDuringComposition(e)&&!W.isControlOrFunctionKey(e))switch(e.code){case W.KEYS.UP:case W.KEYS.DOWN:e.preventDefault();break;case W.KEYS.ENTER:case W.KEYS.TAB:{if(J.isPhone())return;const s={reason:e.code===W.KEYS.TAB?"tabKey":"itemAction"};if(ie())return void re(s);if(null==t||0===t.data.length)return;if(D(),void 0!==k.current&&null!=t&&t.data.length>0)return K(new Set([k.current])),void ae(k.current,s);ae(y?.key??void 0,s);break}}}),[re,k,t,ie,ae,D,y]),ue=n.useCallback((e=>{if(!J.shouldIgnoreSelectInputKeyUpDuringComposition(e)&&!W.isControlOrFunctionKey(e))switch(e.code){case W.KEYS.UP:case W.KEYS.DOWN:if(null!=t&&R.current){const e=q.allTabbableElements(R.current,void 0,!0)[0];e?.focus(),void 0===B.rowKey&&V({rowKey:t.data[0]?.metadata?.key})}e.preventDefault()}}),[B,t,R,V]),pe=n.useCallback((e=>{e.code===W.KEYS.TAB&&void 0!==k.current&&null!=t&&t.data.length>0&&(K(new Set([k.current])),ae(k.current,{reason:"tabKey"}))}),[k,t,ae]),be=n.useCallback((()=>{D(),re({reason:"itemAction"}),C.current?.focus(),h?.({searchText:void 0})}),[re,h,D]),he=J.useCollectionRenderer({currentKey:B.rowKey,searchText:j,selectedKeys:U,onCurrentKeyChange:_,onItemAction:le});return n.useEffect((()=>{const e=R.current?.querySelector('div[role="listbox"][tabindex="0"]');e?.setAttribute("tabindex","-1")})),{collectionRendererContext:he,formFieldContext:Q,hasUserAssistance:Boolean(s||i),isEmptyResults:w,isUserFiltering:M,labelProps:{...ee,children:u},listContainerProps:{id:te,dropdownListRef:R,onKeyDown:pe},selectSingleFieldProps:{contentVariant:"input",hasInsideLabel:!0,isBackButtonShown:"always"===o,isClearButtonShown:"conditionally"===a&&void 0!==y,onBackButtonClick:p,onClearButtonClick:be,styleVariant:"embedded"},selectFieldInputProps:{...X,"aria-controls":te,"aria-expanded":!0,displayValue:L,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:C,isAddToListShown:!1,isAdvancedSearchShown:!1,isRequired:!1,isUserFiltering:M,liveRegionText:oe,onInput:ce,onKeyDown:de,onKeyUp:ue,placeholder:S,textAlign:v,userInput:O,variant:"embedded",virtualKeyboard:x},userAssistanceProps:{...se,assistiveText:s,fieldLabel:u,helpSourceLink:i,helpSourceText:l}}}(e,t),I=n.useCallback((({onPersistCurrentRowKey:e,onRowAction:t,selected:n,searchText:o,currentRowKeyOverride:a})=>s.jsx(J.DefaultList,{"aria-label":p,componentName:"InlineSelectSingle",currentItemVariant:"highlight",currentKey:a,data:l,itemRenderer:d,itemText:u,onCurrentKeyChange:e,onItemAction:t,onLoadRange:b,searchText:F?o:void 0,selectedKeys:n,selectionMode:"single"})),[l,F,d,u,p,b]),U=s.jsx(O.View,{minWidth:"100%",padding:"2x",children:s.jsx(S.InlineUserAssistance,{testId:h&&`${h}_userAssistance`,...T})});return s.jsx(o.Flex,{direction:"column",gap:"2x",maxHeight:"100%",width:"100%",children:s.jsxs(R.FormFieldContext.Provider,{value:x,children:[s.jsxs(O.View,{flex:0,children:[s.jsx(r.SelectSingleField,{...w,label:s.jsx(a.Label,{...v}),testId:h&&`${h}_selectSingleField`,children:s.jsx(r.SelectSingleFieldInput,{...A})}),"aboveList"===m&&s.jsx(i.Separator,{}),"aboveList"===m&&g&&s.jsxs(s.Fragment,{children:[U,s.jsx(i.Separator,{})]})]}),"aboveList"!==m&&s.jsx(i.Separator,{}),s.jsx(J.DropdownList,{...f,hasBottomGap:"aboveList"===m,hasTopGap:!1,children:s.jsx(c.TabbableModeContext.Provider,{value:Q,children:C?s.jsx(J.EmptyResults,{}):I(y)})}),"belowList"===m&&g&&s.jsxs("div",{children:[s.jsx(i.Separator,{}),U]})]})})}));e.InlineSelectSingle=X}));
 //# sourceMappingURL=InlineSelectSingle-9222b0eb.js.map

package/amd/InlineUserAssistance-18d1d457.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './logger-00b673c5', 'preact/hooks', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './ComponentMessageContainer-04fb3402', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './InlineHelp-225b70cb', './useTranslationBundle-e4dd341e', './useComponentTheme-db55de25', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-f4240cbd'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,h,p,C,g,A,b,y,T,x,U,F,S,f,w,I,M,B,N,_,E,j,v,k,H,L,R,q,G){"use strict";function V({align:e="end",hasHelp:t=!1,hasMessages:n=!1}){const{classes:o}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{align:e,visible:t||n?"hide":"show"}),a=v.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:o,children:a})}function D({variant:e="reflow",children:t,id:n,testId:o}){const{classes:a,styles:{inlineContainerBaseStyles:i}}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{container:e}),r=G.useTestId(o);if(null!==q.useInputGroupContext())return null;return s.jsx("div",{class:L.classNames([a,i]),id:n,...r,children:t})}e.InlineRequired=V,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:t,helpSourceLink:n,helpSourceText:o,id:a,isRequiredShown:i,requiredAlignment:r,messages:l=[],showInlineAssistanceOn:c="focus",userAssistanceDensity:d,testId:u}){const{isReadonly:m}=N.useFormContext(),h="efficient"===d&&!1===m,{isFocused:p}=E.useFormFieldContext(),C=l.length>0?s.jsx(M.ComponentMessageContainer,{fieldLabel:t,messages:l}):!e&&!n||"always"!==c&&!p?i?s.jsx(V,{align:r}):null:s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o});return C||h?s.jsx(D,{id:a,variant:d,testId:u,children:C}):null},e.InlineUserAssistanceContainer=D}));
+define(['exports', 'preact/jsx-runtime', './logger-00b673c5', 'preact/hooks', './Flex-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './ComponentMessageContainer-04fb3402', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './InlineHelp-225b70cb', './useTranslationBundle-db326955', './useComponentTheme-db55de25', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-6160e7a2'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,h,p,C,g,A,y,T,x,b,U,F,S,f,w,I,M,B,N,_,E,j,v,k,H,L,R,q,G){"use strict";function V({align:e="end",hasHelp:t=!1,hasMessages:n=!1}){const{classes:o}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{align:e,visible:t||n?"hide":"show"}),a=v.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:o,children:a})}function D({variant:e="reflow",children:t,id:n,testId:o}){const{classes:a,styles:{inlineContainerBaseStyles:i}}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{container:e}),r=G.useTestId(o);if(null!==q.useInputGroupContext())return null;return s.jsx("div",{class:L.classNames([a,i]),id:n,...r,children:t})}e.InlineRequired=V,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:t,helpSourceLink:n,helpSourceText:o,id:a,isRequiredShown:i,requiredAlignment:r,messages:l=[],showInlineAssistanceOn:c="focus",userAssistanceDensity:d,testId:u}){const{isReadonly:m}=N.useFormContext(),h="efficient"===d&&!1===m,{isFocused:p}=E.useFormFieldContext(),C=l.length>0?s.jsx(M.ComponentMessageContainer,{fieldLabel:t,messages:l}):!e&&!n||"always"!==c&&!p?i?s.jsx(V,{align:r}):null:s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o});return C||h?s.jsx(D,{id:a,variant:d,testId:u,children:C}):null},e.InlineUserAssistanceContainer=D}));
 //# sourceMappingURL=InlineUserAssistance-18d1d457.js.map

package/amd/InputColor-b4b0e701.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-ef8329c2', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-00b673c5', './TabbableModeContext-a9c97640', './useTranslationBundle-e4dd341e', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-195ebcbf', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputColor/themes/InputColorPickerDropdownStyles.css', './Sheet-2f362cd6', './ColorPicker-764b0235', './SectionedContent-b3b8c704', './ColorSwatch-a705f4b1', './useDownToggle-80b61b43', './useClearIcon-2bedc84f', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useHover-8b8a1496', './useTextField-3ab0a23b', './Label-bb51506c', './keyboardUtils-fb6219eb', './TextFieldInput-b220bd88', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-9706fa0f', './StyledTextField-2b9c440e', './TextField-9e466a1b', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './CompactUserAssistance-b2b73f46', './mergeProps-bcfa6a92', './ClearIcon-9d632986', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,o,a,l,n,r,i,c,d,u,p,b,m,h,y,x,C,S,f,v,F,T,g,A,I,R,w,V,U,k,D,E,j,P,_,B,H,L,M,N,O,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ne,re,ie,ce,de,ue,pe,be,me,he,ye,xe,Ce,Se){"use strict";const fe=({anchorRef:e,assistiveText:t,swatchSize:a,palette:l,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:u,isReadonly:p,label:b,onClose:h,onCommit:y,messages:x,testId:C,userAssistanceDensity:S,value:f})=>{const[v,F]=o.useState(!1),[T,g]=o.useState(u),A=o.useCallback((e=>{F(e.placement.startsWith("top"))}),[]);T!==u&&(g(u),u||F(!1));const I=ve(),{colorPicker_label:R}=c.useTranslationBundle("@oracle/oraclejet-preact"),w=R(),V=s.jsx(q.ColorPicker,{height:I?void 0:"auto",onCommit:y,maxWidth:I?"100%":void 0,width:"100%",swatchSize:a,palette:l,testId:C,value:f}),U=!u||v&&!I||d||p||!(t||r||x&&x.length>0)||"efficient"!==S&&"reflow"!==S?void 0:s.jsx(n.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:z.userAssistanceStyles,children:s.jsx(m.InlineUserAssistance,{assistiveText:t,fieldLabel:b,helpSourceLink:r,helpSourceText:i,messages:x,userAssistanceDensity:S})})}),k=C?C+(I?"_sheet":"_dropdown"):void 0,D=s.jsx("div",{class:z.dropdownStyles,children:s.jsx(G.SectionedContent,{paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})});return I?s.jsx(W.Sheet,{isOpen:u,onClose:h,children:s.jsx(G.SectionedContent,{"aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})}):s.jsx(G.StickyPositioningDropdown,{anchorRef:e,isOpen:u,onClose:h,onPosition:A,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:D})},ve=()=>"phone"===l.getClientHints().deviceType,Fe=(e,s)=>{switch(s.type){case"colorChanged":case"colorSelected":return{...e,colorValue:s.data};case"reset":return{colorValue:s.data};default:return e}},Te=({onCommit:e,onInput:s,value:t})=>{const[l,n]=o.useState(!1),r=o.useRef(null),i=o.useRef(null),c=o.useRef(!1),d=o.useRef(),u=o.useRef(t),p=o.useRef(t),b=o.useRef(t),m=o.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=o.useReducer(Fe,{colorValue:e});return{state:s,dispatch:t}})({value:t});a.colorsAreDifferent(b.current,t)&&(b.current=t,a.colorsAreDifferent(t,h.colorValue)&&(y({type:"reset",data:t}),p.current=t,u.current=t)),o.useEffect((()=>{a.colorsAreDifferent(h.colorValue,p.current)&&(s({previousValue:p.current,value:h.colorValue}),p.current=h.colorValue),m.current&&a.colorsAreDifferent(h.colorValue,u.current)&&(e?.({previousValue:u.current,value:h.colorValue}),u.current=h.colorValue,m.current=!1)}),[e,s,h.colorValue]);const x=o.useCallback((e=>{y({type:"colorChanged",data:e.value})}),[y]),C=o.useCallback((()=>{a.colorsAreDifferent(u.current,h.colorValue)&&(e?.({value:h.colorValue,previousValue:u.current}),u.current=h.colorValue)}),[e,h.colorValue]),S=o.useCallback((()=>{c.current||n((e=>!e)),c.current=!1}),[]),f=o.useCallback((e=>{"outsideMousedown"===e.reason?(c.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{c.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),n(!1)}),[]),v=o.useCallback((e=>{r.current?.focus(),m.current=!0,y({type:"colorSelected",data:e.value}),n(!1)}),[y]),F=o.useCallback((()=>{n(!0)}),[]),{triggerProps:T}=Z.useDownToggle({isOpen:l,onToggle:F});return{colorIconActionHandler:S,colorPickerCommitHandler:v,dropdownCloseHandler:f,containerDropdownProps:T,colorValue:h.colorValue,iconRef:r,isOpen:l,colorCommitHandler:C,colorInputHandler:x,colorRef:i}},ge=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:l,value:r,isDisabled:i,isReadonly:d,labelEdge:u,labelStartWidth:p,isRequiredShown:b=!1,isRequired:h=!1,placeholder:y,hasClearIcon:x,columnSpan:C,textAlign:S,autoComplete:f,messages:v,assistiveText:F,helpSourceLink:T,helpSourceText:g,label:A,onCommit:I,onInput:R,testId:w,variant:V,userAssistanceDensity:U},k)=>{const{colorIconActionHandler:D,colorPickerCommitHandler:E,dropdownCloseHandler:j,colorValue:P,containerDropdownProps:_,iconRef:B,isOpen:H,colorCommitHandler:L,colorInputHandler:M,colorRef:N}=Te({onCommit:I,onInput:R,value:r}),O=o.useRef(null),{inputColor_selectColor:z}=c.useTranslationBundle("@oracle/oraclejet-preact"),W=z(),{onKeyDown:q,...G}=_,{currentCommitValue:Z,dispatch:Q}=Ce.useCurrentValueReducer({value:P}),te=o.useCallback((e=>{Q({type:"input",payload:e.value}),M?.(e)}),[M,Q]),ae=o.useCallback((e=>{Q({type:"commit",payload:e.value}),L?.(e)}),[L,Q]),{isDisabled:ie,isReadonly:ce,labelEdge:de,labelStartWidth:ue,textAlign:pe,userAssistanceDensity:be}=X.useFormContext(),me=i??ie,ve=d??ce,Fe=u??de,ge=p??ue,Ie=S??pe,Re=U??be,we=o.useRef(null),{focusProps:Ve,isFocused:Ue,methods:ke}=J.useFocusableTextField({isDisabled:me,isReadonly:ve,enabledElementRef:N,readonlyElementRef:we}),{methods:De}=Se.useSelectableTextField(N);o.useImperativeHandle(k,(()=>ye.mergeProps(ke,De)),[ke,De]);const{hoverProps:Ee,isHover:je}=Y.useHover({isDisabled:ve||me||!1}),{formFieldContext:Pe,inputProps:_e,labelProps:Be,textFieldProps:He,userAssistanceProps:Le}=ee.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:g,isDisabled:me,isFocused:Ue||H,isReadonly:ve,isRequiredShown:b,labelEdge:Fe,messages:v,styleVariant:V,userAssistanceDensity:Re,value:P}),Me=o.useCallback((()=>{N.current?.focus();const e=void 0;P!==e&&te?.({previousValue:P,value:e})}),[te,P,N]),Ne=$.useClearIcon({clearIcon:s.jsx(xe.ClearIcon,{onClick:Me,testId:`${w}_clearicon`}),display:x,hasValue:Pe.hasValue,isFocused:Ue,isEnabled:!ve&&!me,isHover:je}),Oe=void 0!==A&&"inside"===Fe,ze="none"!==Fe?s.jsx(se.Label,{...Be,children:A}):void 0,We={label:"none"!==Fe?ze:void 0,labelEdge:"none"!==Fe?Fe:void 0,labelStartWidth:"none"!==Fe?ge:void 0},qe="none"===Fe?A:void 0,Ge="efficient"===Re||"reflow"===Re?me||ve?"efficient"!==Re?void 0:s.jsx(m.InlineUserAssistance,{userAssistanceDensity:Re,...Le}):s.jsx(m.InlineUserAssistance,{assistiveText:F,fieldLabel:A,helpSourceLink:T,helpSourceText:g,messages:v,isRequiredShown:b,userAssistanceDensity:Re,...Le}):void 0,Ke=o.useRef(null),Ze=O??Ke,$e="compact"===Re?s.jsx(he.CompactUserAssistance,{anchorRef:Ze,messages:v,assistiveText:F,...Le}):void 0,Je=ve?s.jsx(le.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":qe,"aria-labelledby":Be.id,as:"div",elementRef:we,textAlign:Ie,value:P,hasEmptyLabel:""===A&&"none"===Fe,hasInsideLabel:Oe}):s.jsx(oe.TextFieldInput,{"aria-labelledby":Be.id,"aria-label":qe,autoComplete:f,currentCommitValue:Z,hasEmptyLabel:""===A&&"none"===Fe,hasEndContent:!1,hasInsideLabel:void 0!==ze&&"inside"===Fe,hasStartContent:!0,inputRef:N,isRequired:h,placeholder:y,textAlign:Ie,type:Ae()?"text":void 0,value:P,onCommit:ae,onInput:te,onKeyDown:q,..._e});return s.jsxs(s.Fragment,{children:[s.jsx(n.FormFieldContext.Provider,{value:Pe,children:ve?s.jsx(ne.ReadonlyTextField,{role:"presentation",columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,ref:Ze,mainContent:Je,testId:w,...We}):s.jsx(re.TextField,{endContent:Ne,columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,mainContent:Je,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,startContent:s.jsx(K.ColorSwatch,{size:"xs","aria-haspopup":l?"grid":void 0,"aria-label":l?W:void 0,isDisabled:me,isButton:!0,isTooltipDisabled:H,ref:B,testId:w?w+"_colorIcon":void 0,value:Z,onToggle:me||!l?void 0:D}),mainFieldRef:Ze,hasZeroStartMargin:!0,testId:w,...He,...We,...Ee,...G})}),H&&!ve&&!me&&s.jsx(fe,{anchorRef:O,assistiveText:F,helpSourceLink:T,helpSourceText:g,isDisabled:me,isReadonly:ve,isOpen:H,label:A,onClose:j,onCommit:E,messages:v,testId:w?w+"_colorPicker":void 0,userAssistanceDensity:Re,value:P&&a.isValidColorValue(P)?P:void 0,palette:l,swatchSize:t})]})}));function Ae(){const e=l.getClientHints().deviceType;return"phone"===e||"tablet"===e}ge.displayName="InputColor",e.InputColor=ge}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-ef8329c2', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-00b673c5', './TabbableModeContext-a9c97640', './useTranslationBundle-db326955', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', './Flex-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-1a734852', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-224c908e', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputColor/themes/InputColorPickerDropdownStyles.css', './Sheet-2f362cd6', './ColorPicker-4a18c4b0', './SectionedContent-83e573fa', './ColorSwatch-a705f4b1', './useDownToggle-80b61b43', './useClearIcon-2bedc84f', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useHover-8b8a1496', './useTextField-3ab0a23b', './Label-bb51506c', './keyboardUtils-fb6219eb', './TextFieldInput-b220bd88', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-9706fa0f', './StyledTextField-2b9c440e', './TextField-9e466a1b', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './CompactUserAssistance-b2b73f46', './mergeProps-bcfa6a92', './ClearIcon-9d632986', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,o,a,l,n,r,i,c,d,u,p,b,m,h,y,x,C,S,f,v,F,T,g,A,I,R,w,V,U,k,D,E,j,P,_,B,H,L,M,N,O,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ne,re,ie,ce,de,ue,pe,be,me,he,ye,xe,Ce,Se){"use strict";const fe=({anchorRef:e,assistiveText:t,swatchSize:a,palette:l,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:u,isReadonly:p,label:b,onClose:h,onCommit:y,messages:x,testId:C,userAssistanceDensity:S,value:f})=>{const[v,F]=o.useState(!1),[T,g]=o.useState(u),A=o.useCallback((e=>{F(e.placement.startsWith("top"))}),[]);T!==u&&(g(u),u||F(!1));const I=ve(),{colorPicker_label:R}=c.useTranslationBundle("@oracle/oraclejet-preact"),w=R(),V=s.jsx(q.ColorPicker,{height:I?void 0:"auto",onCommit:y,maxWidth:I?"100%":void 0,width:"100%",swatchSize:a,palette:l,testId:C,value:f}),U=!u||v&&!I||d||p||!(t||r||x&&x.length>0)||"efficient"!==S&&"reflow"!==S?void 0:s.jsx(n.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:z.userAssistanceStyles,children:s.jsx(m.InlineUserAssistance,{assistiveText:t,fieldLabel:b,helpSourceLink:r,helpSourceText:i,messages:x,userAssistanceDensity:S})})}),k=C?C+(I?"_sheet":"_dropdown"):void 0,D=s.jsx("div",{class:z.dropdownStyles,children:s.jsx(G.SectionedContent,{paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})});return I?s.jsx(W.Sheet,{isOpen:u,onClose:h,children:s.jsx(G.SectionedContent,{"aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})}):s.jsx(G.StickyPositioningDropdown,{anchorRef:e,isOpen:u,onClose:h,onPosition:A,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:D})},ve=()=>"phone"===l.getClientHints().deviceType,Fe=(e,s)=>{switch(s.type){case"colorChanged":case"colorSelected":return{...e,colorValue:s.data};case"reset":return{colorValue:s.data};default:return e}},Te=({onCommit:e,onInput:s,value:t})=>{const[l,n]=o.useState(!1),r=o.useRef(null),i=o.useRef(null),c=o.useRef(!1),d=o.useRef(),u=o.useRef(t),p=o.useRef(t),b=o.useRef(t),m=o.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=o.useReducer(Fe,{colorValue:e});return{state:s,dispatch:t}})({value:t});a.colorsAreDifferent(b.current,t)&&(b.current=t,a.colorsAreDifferent(t,h.colorValue)&&(y({type:"reset",data:t}),p.current=t,u.current=t)),o.useEffect((()=>{a.colorsAreDifferent(h.colorValue,p.current)&&(s({previousValue:p.current,value:h.colorValue}),p.current=h.colorValue),m.current&&a.colorsAreDifferent(h.colorValue,u.current)&&(e?.({previousValue:u.current,value:h.colorValue}),u.current=h.colorValue,m.current=!1)}),[e,s,h.colorValue]);const x=o.useCallback((e=>{y({type:"colorChanged",data:e.value})}),[y]),C=o.useCallback((()=>{a.colorsAreDifferent(u.current,h.colorValue)&&(e?.({value:h.colorValue,previousValue:u.current}),u.current=h.colorValue)}),[e,h.colorValue]),S=o.useCallback((()=>{c.current||n((e=>!e)),c.current=!1}),[]),f=o.useCallback((e=>{"outsideMousedown"===e.reason?(c.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{c.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),n(!1)}),[]),v=o.useCallback((e=>{r.current?.focus(),m.current=!0,y({type:"colorSelected",data:e.value}),n(!1)}),[y]),F=o.useCallback((()=>{n(!0)}),[]),{triggerProps:T}=Z.useDownToggle({isOpen:l,onToggle:F});return{colorIconActionHandler:S,colorPickerCommitHandler:v,dropdownCloseHandler:f,containerDropdownProps:T,colorValue:h.colorValue,iconRef:r,isOpen:l,colorCommitHandler:C,colorInputHandler:x,colorRef:i}},ge=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:l,value:r,isDisabled:i,isReadonly:d,labelEdge:u,labelStartWidth:p,isRequiredShown:b=!1,isRequired:h=!1,placeholder:y,hasClearIcon:x,columnSpan:C,textAlign:S,autoComplete:f,messages:v,assistiveText:F,helpSourceLink:T,helpSourceText:g,label:A,onCommit:I,onInput:R,testId:w,variant:V,userAssistanceDensity:U},k)=>{const{colorIconActionHandler:D,colorPickerCommitHandler:E,dropdownCloseHandler:j,colorValue:P,containerDropdownProps:_,iconRef:B,isOpen:H,colorCommitHandler:L,colorInputHandler:M,colorRef:N}=Te({onCommit:I,onInput:R,value:r}),O=o.useRef(null),{inputColor_selectColor:z}=c.useTranslationBundle("@oracle/oraclejet-preact"),W=z(),{onKeyDown:q,...G}=_,{currentCommitValue:Z,dispatch:Q}=Ce.useCurrentValueReducer({value:P}),te=o.useCallback((e=>{Q({type:"input",payload:e.value}),M?.(e)}),[M,Q]),ae=o.useCallback((e=>{Q({type:"commit",payload:e.value}),L?.(e)}),[L,Q]),{isDisabled:ie,isReadonly:ce,labelEdge:de,labelStartWidth:ue,textAlign:pe,userAssistanceDensity:be}=X.useFormContext(),me=i??ie,ve=d??ce,Fe=u??de,ge=p??ue,Ie=S??pe,Re=U??be,we=o.useRef(null),{focusProps:Ve,isFocused:Ue,methods:ke}=J.useFocusableTextField({isDisabled:me,isReadonly:ve,enabledElementRef:N,readonlyElementRef:we}),{methods:De}=Se.useSelectableTextField(N);o.useImperativeHandle(k,(()=>ye.mergeProps(ke,De)),[ke,De]);const{hoverProps:Ee,isHover:je}=Y.useHover({isDisabled:ve||me||!1}),{formFieldContext:Pe,inputProps:_e,labelProps:Be,textFieldProps:He,userAssistanceProps:Le}=ee.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:g,isDisabled:me,isFocused:Ue||H,isReadonly:ve,isRequiredShown:b,labelEdge:Fe,messages:v,styleVariant:V,userAssistanceDensity:Re,value:P}),Me=o.useCallback((()=>{N.current?.focus();const e=void 0;P!==e&&te?.({previousValue:P,value:e})}),[te,P,N]),Ne=$.useClearIcon({clearIcon:s.jsx(xe.ClearIcon,{onClick:Me,testId:`${w}_clearicon`}),display:x,hasValue:Pe.hasValue,isFocused:Ue,isEnabled:!ve&&!me,isHover:je}),Oe=void 0!==A&&"inside"===Fe,ze="none"!==Fe?s.jsx(se.Label,{...Be,children:A}):void 0,We={label:"none"!==Fe?ze:void 0,labelEdge:"none"!==Fe?Fe:void 0,labelStartWidth:"none"!==Fe?ge:void 0},qe="none"===Fe?A:void 0,Ge="efficient"===Re||"reflow"===Re?me||ve?"efficient"!==Re?void 0:s.jsx(m.InlineUserAssistance,{userAssistanceDensity:Re,...Le}):s.jsx(m.InlineUserAssistance,{assistiveText:F,fieldLabel:A,helpSourceLink:T,helpSourceText:g,messages:v,isRequiredShown:b,userAssistanceDensity:Re,...Le}):void 0,Ke=o.useRef(null),Ze=O??Ke,$e="compact"===Re?s.jsx(he.CompactUserAssistance,{anchorRef:Ze,messages:v,assistiveText:F,...Le}):void 0,Je=ve?s.jsx(le.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":qe,"aria-labelledby":Be.id,as:"div",elementRef:we,textAlign:Ie,value:P,hasEmptyLabel:""===A&&"none"===Fe,hasInsideLabel:Oe}):s.jsx(oe.TextFieldInput,{"aria-labelledby":Be.id,"aria-label":qe,autoComplete:f,currentCommitValue:Z,hasEmptyLabel:""===A&&"none"===Fe,hasEndContent:!1,hasInsideLabel:void 0!==ze&&"inside"===Fe,hasStartContent:!0,inputRef:N,isRequired:h,placeholder:y,textAlign:Ie,type:Ae()?"text":void 0,value:P,onCommit:ae,onInput:te,onKeyDown:q,..._e});return s.jsxs(s.Fragment,{children:[s.jsx(n.FormFieldContext.Provider,{value:Pe,children:ve?s.jsx(ne.ReadonlyTextField,{role:"presentation",columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,ref:Ze,mainContent:Je,testId:w,...We}):s.jsx(re.TextField,{endContent:Ne,columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,mainContent:Je,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,startContent:s.jsx(K.ColorSwatch,{size:"xs","aria-haspopup":l?"grid":void 0,"aria-label":l?W:void 0,isDisabled:me,isButton:!0,isTooltipDisabled:H,ref:B,testId:w?w+"_colorIcon":void 0,value:Z,onToggle:me||!l?void 0:D}),mainFieldRef:Ze,hasZeroStartMargin:!0,testId:w,...He,...We,...Ee,...G})}),H&&!ve&&!me&&s.jsx(fe,{anchorRef:O,assistiveText:F,helpSourceLink:T,helpSourceText:g,isDisabled:me,isReadonly:ve,isOpen:H,label:A,onClose:j,onCommit:E,messages:v,testId:w?w+"_colorPicker":void 0,userAssistanceDensity:Re,value:P&&a.isValidColorValue(P)?P:void 0,palette:l,swatchSize:t})]})}));function Ae(){const e=l.getClientHints().deviceType;return"phone"===e||"tablet"===e}ge.displayName="InputColor",e.InputColor=ge}));
 //# sourceMappingURL=InputColor-b4b0e701.js.map

package/amd/InputDateMask-f783e5c6.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Label-bb51506c', './keyboardUtils-fb6219eb', './TextFieldInput-b220bd88', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-9706fa0f', './StyledTextField-2b9c440e', './TextField-9e466a1b', './useTranslationBundle-e4dd341e', 'css!./LiveRegionStyles.styles.css', './LayerHost-0b288129', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-00b673c5', './TabbableModeContext-a9c97640', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', './CompactUserAssistance-b2b73f46', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'preact', 'css!./IconStyle.styles.css', './Popup-195ebcbf', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useUser-08901aba', './getFormatParse-10009d38', './calendarDateUtils-6b5f47a4', './maskUtils-a48b96c5', './stringUtils-4ffd9d59', './useComponentTheme-db55de25', './useFormFieldContext-9260f081', './Flex-4b81b412', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './formControlUtils-de035f75', './classNames-08d99695', './clientHints-6d361eaa', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useDoubleTap-b6bf5458', './useTabbableMode-0a9ef009'], (function(e,t,a,s,n,r,i,o,l,d,c,u,m,p,y,g,b,v,h,f,S,x,T,F,D,C,k,w,I,A,R,P,U,E,L,M,_,B,N,j,H,O,V,q,Y,K,W,$,z,Z,G,X,J,Q,ee,te,ae,se,ne,re,ie,oe,le,de,ce){"use strict";const ue=e=>{e.preventDefault()},me=()=>"ios"===oe.getClientHints().platform,pe=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":i,"aria-valuetext":o,inputRef:l,isComplete:d,isDisabled:c,isFieldFocused:m,isHidden:p,isHighlighted:y,isInvalid:g,isRequired:b,isSelected:v,onChange:h,orderedSegments:f,placeholder:S,text:x,type:T})=>{const F=x&&x.length>0,D=ie.classNames([le.segmentStyles.base,v&&le.segmentStyles.selected,y&&le.segmentStyles.highlighted,m&&le.segmentStyles.accessibleTouchTarget]),C=ie.classNames([le.segmentStyles.placeholder,p||F?le.segmentStyles.hidden:le.segmentStyles.notHidden]),k=u.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),w=s.useRef(null),I=l??w,A=s.useRef(!1),{locale:R}=z.useUser(),P=s.useCallback((e=>{if(!c&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&"Escape"!==e.key&&!r.isSelectAll(e)){if(y){if(r.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!d&&void 0!==x?X.isNumberOnlyString(e.key)?(h?.({actionType:"updateSegment",data:{type:T,userInput:e.key,hasLeadingZero:A.current,locale:R,orderedSegments:f,existingText:x,min:n,max:a}}),A.current=!1):r.isBackspaceOrDelete(e)||"Backspace"===e.key?(h?.({actionType:"clearSegment",data:{type:T,orderedSegments:f}}),A.current=!1):"ArrowUp"===e.key?(h?.({actionType:"step",data:{direction:"increase",locale:R,type:T,orderedSegments:f,min:n,max:a}}),A.current=!1):"ArrowDown"===e.key?(h?.({actionType:"step",data:{direction:"decrease",locale:R,type:T,orderedSegments:f,min:n,max:a}}),A.current=!1):"PageUp"===e.key?(h?.({actionType:"page",data:{direction:"increase",locale:R,type:T,orderedSegments:f,min:n,max:a}}),A.current=!1):"PageDown"===e.key?(h?.({actionType:"page",data:{direction:"decrease",locale:R,type:T,orderedSegments:f,min:n,max:a}}),A.current=!1):"Home"===e.key?(h?.({actionType:"goToHome",data:{locale:R,type:T,orderedSegments:f,min:n}}),A.current=!1):"End"===e.key&&(h?.({actionType:"goToEnd",data:{locale:R,type:T,orderedSegments:f,max:a}}),A.current=!1):A.current=!0;e.preventDefault(),e.stopPropagation()}}),[a,n,d,c,y,R,h,f,x,T]);s.useEffect((()=>{v&&I.current?.focus()}),[v,I]);const U={"data-segment":[T]},E=void 0===o?k:i?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:I,role:me()?"textbox":"spinbutton","aria-disabled":c,"aria-invalid":g||void 0,"aria-label":e,"aria-multiline":!me()&&void 0,"aria-required":b,"aria-valuemin":me()?void 0:n,"aria-valuemax":me()?void 0:a,"aria-valuenow":me()?void 0:i,"aria-valuetext":me()?void 0:E,autocapitalize:"off",autocorrect:"off",class:D,contentEditable:!c,...U,enterkeyhint:c?void 0:"done",inputMode:c?"none":"numeric",onCut:ue,onKeyDown:P,onPaste:ue,spellcheck:!1,tabIndex:v?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:C,...U,children:S}),x]})})},ye=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const r=ie.classNames([le.segmentStyles.literalBase,s&&le.segmentStyles.placeholder,a&&le.segmentStyles.highlighted,e?le.segmentStyles.hidden:le.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:r,children:n})},ge=(e,t)=>{if("reset"===t.actionType)return t.data;switch(t.actionType){case"clearDate":{const a=Ce(Te(e.segments),t.data.orderedSegments);return Ue(a,!1)}case"clearSegment":{const a=xe(be(e.segments,t.data.type));return Se(e,t.data.orderedSegments,t.data.type,a)}case"commitOnBlur":{const t=Be(e.segments),a=Re(t);return Ue(a,!1)}case"commitOnEnter":{const t=Be(e.segments);return Ue(t,!1)}case"goToEnd":{const a=be(e.segments,t.data.type),s=t.data.max,n=Me(t.data.type,a,s);return Se(e,t.data.orderedSegments,t.data.type,n,!1)}case"goToHome":{const a=be(e.segments,t.data.type),s=t.data.min,n=Le(t.data.type,a,s);return Se(e,t.data.orderedSegments,t.data.type,n,!1)}case"page":{const a=t.data.direction,s=be(e.segments,t.data.type),n=t.data.min,r=t.data.max,i=_e(t.data.type,s,"page",a,n,r);return Se(e,t.data.orderedSegments,t.data.type,i,!1)}case"selectDate":return Pe(e);case"selectFirst":{const a=Ce(e.segments,t.data.orderedSegments);return Ue(a,!1)}case"selectNext":{const a=Ie(e.segments,t.data.orderedSegments);return Ue(a,!1)}case"selectPrevious":{const a=Ae(e.segments,t.data.orderedSegments);return Ue(a,!1)}case"selectSegment":{const a=De(e.segments,t.data.type);return Ue(a,!1)}case"step":{const a=t.data.direction,s=be(e.segments,t.data.type),n=t.data.min,r=t.data.max,i=_e(t.data.type,s,"step",a,n,r);return Se(e,t.data.orderedSegments,t.data.type,i,!1)}case"updateSegment":{const a=t.data.type,s=be(e.segments,a),n=t.data.min,r=t.data.max,i=t.data.userInput,o=t.data.hasLeadingZero,l=t.data.existingText,d=Fe(a,s,i,o,r,n,l);return Se(e,t.data.orderedSegments,t.data.type,d)}default:throw new Error("Unknown action type")}},be=(e,t)=>e.find((e=>e.type===t)),ve=e=>{if(!e.some((e=>void 0!==e["aria-valuenow"])))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},he=(e,t,a)=>e.map((e=>e.type===t?a:e)),fe=(e,t,a,s,n)=>{const r=he(e,a,s);let i=r;if("month"===a||"year"===a){const e=be(r,"day");if(e){const t="month"==a?s["aria-valuenow"]:be(r,"month")["aria-valuenow"],o="year"===a?s["aria-valuenow"]:(e=>be(e,"year")["aria-valuenow"])(r),l=t&&2===t&&o&&o<1e3&&"year"===a&&n?29:G.getDaysInMonth(t??"*",o??"*"),d=e["aria-valuenow"],c=d&&d>l?l:d,u={...e,"aria-valuenow":c};i=he(r,"day",u)}}return i=s.isComplete&&n?Ie(i,t):i,i},Se=(e,t,a,s,n=!0)=>{const r=fe(e.segments,t,a,s,n);return Ue(r,e.isDateSelected)},xe=e=>({...e,"aria-valuenow":void 0,isComplete:!1}),Te=e=>e.map((e=>({...xe(e)}))),Fe=(e,t,a,s,n,r,i)=>{const o=t.isComplete||void 0===i?a:i+a,l=X.stringToNumber(o),d=X.withinRange(l,r,n)?l:X.stringToNumber(a),c=(u=d,m=n,X.stringToNumber(X.numberToString(u)+"0")>m||!!s&&"year"!==e);var u,m;return{...t,"aria-valuenow":d,isComplete:c}},De=(e,t)=>Be(e).map((e=>({...e,isSelected:e.type===t}))),Ce=(e,t)=>De(e,t[0]),ke=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},we=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Ie=(e,t)=>{const a=ke(e,t);return a===t.length-1?e:De(we(e),t[a+1])},Ae=(e,t)=>{const a=ke(e,t);return 0===a?e:-1===a?Ce(e,t):De(we(e),t[a-1])},Re=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e["aria-valuenow"]}))),Pe=e=>Ue(e.segments.map((e=>({...e,isSelected:!1}))),!0),Ue=(e,t)=>({currentDate:ve(e),isDateSelected:t,segments:e}),Ee=(e,t)=>({...t,"aria-valuenow":e,isComplete:!0}),Le=(e,t,a)=>{const s=((e,t)=>"year"===e?1900:t)(e,a);return Ee(s,t)},Me=(e,t,a)=>{const s=((e,t)=>"year"===e?2100:t)(e,a);return Ee(s,t)},_e=(e,t,a,s,n,r)=>{const i=t["aria-valuenow"],o=void 0===i?(e=>{const{year:t,month:a,day:s}=X.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===a?((e,t,a,s,n)=>{const r="month"===n?2:"year"===n?5:7;return"increase"===t?e+r>s?(e+r)%s:e+r:e-r<a?e-r+s:e-r})(i,s,n,r,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(i,s,n,r);return Ee(o,t)},Be=e=>{const t=e.find((e=>"month"===e.type)),a=e.find((e=>"day"===e.type)),s=e.find((e=>"year"===e.type)),n=s?.["aria-valuenow"];if(void 0!==n&&n<1e3&&!Z.isLeapYear(n)&&2===t?.["aria-valuenow"]&&29===a?.["aria-valuenow"]){const t={...a,"aria-valuenow":28};return he(e,"day",t)}return e};const Ne=({hasSelectedSegment:e,value:t,direction:a,dispatch:n,groupRef:i,isCompleteDate:o,isDateSelected:l,isDisabled:d,isInputFocused:c,orderedSegments:u,state:m,onCommit:p,onInput:y})=>{const{tabbableModeProps:g}=ce.useTabbableMode(),{tabIndex:b}=g,v=-1===b||e||d?-1:0,h=s.useRef(!1);void 0!==t&&Object.keys(t).length>0&&(h.current=!1);const f=s.useCallback((e=>{n(e);const t=ge(m,e);y({value:t.currentDate})}),[n,y,m]),S=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");f(null!==t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst",data:{orderedSegments:u}})}),[f,u]),x=s.useCallback(((e=!0)=>{o&&(f({actionType:"selectDate"}),e&&i?.current?.focus())}),[i,o,f]),T=s.useCallback((()=>{x()}),[x]),F=s.useCallback((e=>{e.target.getAttribute("data-segment")&&x(!1)}),[x]),D=de.useDoubleTap({onDoubleTap:F,onSingleTap:S}),C=s.useCallback((e=>{if("ltr"===a&&"ArrowLeft"===e.key||"rtl"===a&&"ArrowRight"===e.key)f({actionType:"selectPrevious",data:{orderedSegments:u}}),e.stopPropagation();else if("ltr"===a&&"ArrowRight"===e.key||"rtl"===a&&"ArrowLeft"===e.key)f({actionType:"selectNext",data:{orderedSegments:u}}),e.stopPropagation();else if((r.isBackspaceOrDelete(e)||"Backspace"===e.key)&&l)f?.({actionType:"clearDate",data:{orderedSegments:u}}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation();else if(r.isSelectAll(e))x(),e.preventDefault(),e.stopPropagation();else if("Enter"===e.key){n({actionType:"commitOnEnter"});const t=ge(m,{actionType:"commitOnEnter"});y?.({value:t.currentDate}),p?.({value:t.currentDate}),e.preventDefault(),e.stopPropagation()}}),[a,l,f,u,x,n,m,y,p]),k=(({dispatch:e,isInputFocused:t,orderedSegments:a})=>{const n=s.useRef(!1),r=s.useRef(),i=s.useCallback((()=>{n.current=!0,clearTimeout(r.current),r.current=setTimeout((()=>{n.current=!1}),200)}),[]),o=s.useRef(!1);!t||o.current||n.current||e({actionType:"selectFirst",data:{orderedSegments:a}});return t!==o.current&&(n.current=!1,o.current=!!t),i})({dispatch:n,isInputFocused:c,orderedSegments:u}),w=function(){const e=oe.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...D,onKeyDown:C}:{onClick:S,onDoubleClick:T,onKeyDown:C,onPointerDown:k};return{dateClearedRef:h,dateFieldHandlers:d?{}:w,segmentHandlers:d?{}:{onChange:f},tabIndex:v}},je=({ariaLabels:e,granularity:t,locale:a,value:s})=>{const n=s?.year,r=s?.month,i=s?.day,o=G.getMonthsInYear(n??"*"),l=G.getDaysInMonth(r??"*",n??"*"),d=n?X.numberToString(n):void 0,c=r?X.numberToString(r):void 0,u=i?X.numberToString(i):void 0,m=r?He(a,r,n):void 0;return[{type:"year","aria-label":e.year,"aria-valuemin":G.MIN_ISO_YEAR,"aria-valuemax":G.MAX_ISO_YEAR,"aria-valuenow":n,"aria-valuetext":d,text:d},{type:"month","aria-label":e.month,"aria-valuemin":G.MIN_ISO_MONTH,"aria-valuemax":o,"aria-valuenow":r,"aria-valuetext":m,text:c},..."day"===t?[{type:"day","aria-label":e.day,"aria-valuemin":G.MIN_ISO_DAY,"aria-valuemax":l,"aria-valuenow":i,"aria-valuetext":u,text:u}]:[]]},He=(e,t,a)=>`${t} - ${X.getMonthName(e,t,a??"*","long")}`,Oe=(e,t)=>e.find((e=>e.type===t)),Ve=({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":r,baseId:i,dispatch:o,fieldRef:l,granularity:d="day",hasInsideLabel:c,isRequired:m,masks:p,onBlur:y,onCommit:g,onFocus:b,onInput:v,state:h,textAlign:f,value:S,variant:x="default"})=>{const T=u.useTranslationBundle("@oracle/oraclejet-preact"),F=T.inputDateMask_date_cleared(),{direction:D,locale:C}=z.useUser(),{isDisabled:k,isFocused:w,isInputFocused:I}=ee.useFormFieldContext(),A=void 0!==S,{classes:R}=Q.useComponentTheme(ne.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:re.isEmbeddedVariant(x)?"embedded":"default",textarea:"notTextArea",input:"notInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:c?"hasInsideLabel":"noInsideLabel",value:A?"hasValue":"noValue",focused:w?"isFocused":"notFocused",disabled:k?"isDisabled":"notDisabled"}),P=ie.classNames([R]),U=s.useMemo((()=>({month:T.formControl_month(),day:T.formControl_day(),year:T.formControl_year()})),[T]),{isCompleteDate:E,isDateSelected:L,isPartialDate:M,segments:_}=(({currentState:e,ariaLabels:t,granularity:a,locale:s,value:n})=>{const r=je({ariaLabels:t,granularity:a,locale:s,value:n}).map(((t,a)=>{const s=e.segments[a];return{...t,isSelected:s.isSelected,isComplete:s.isComplete}})),i=void 0!==n?.year||void 0!==n?.month||void 0!==n?.day;return{isCompleteDate:void 0!==n?.year&&void 0!==n?.month&&("month"===a||void 0!==n?.day),isDateSelected:e.isDateSelected,isPartialDate:i,segments:r}})({currentState:h,ariaLabels:U,granularity:d,locale:C,value:S}),B=s.useMemo((()=>p.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e))),[p]),N={year:Oe(_,"year"),month:Oe(_,"month"),day:"day"===d?Oe(_,"day"):void 0},j=s.useRef(null),H=_.some((e=>!!e.isSelected)),{dateClearedRef:O,dateFieldHandlers:V,segmentHandlers:q,tabIndex:Y}=Ne({hasSelectedSegment:H,value:S,direction:D,dispatch:o,groupRef:j,isCompleteDate:E,isDateSelected:L,isDisabled:k,isInputFocused:I,orderedSegments:B,state:h,onCommit:g,onInput:v}),K=void 0===S&&c&&!w,W=E?G.formatFullCalendarDate(C,S,d):"",$=`${i}-date`,Z=E?t.jsx(ae.HiddenAccessible,{id:$,children:W}):void 0,X=E?J.l([e,$]):e,oe=O.current?F:"",le=B[0];return t.jsxs("div",{"aria-describedby":X,"aria-label":n,"aria-labelledby":r,class:P,onFocusIn:b,onFocusOut:y,ref:j,role:"group",tabIndex:Y,...V,children:[t.jsx(te.Flex,{direction:"row",wrap:"nowrap",justify:f,height:"100%",align:"center",children:p.map((({type:e,value:s})=>{if("literal"===e)return t.jsx(ye,{isHidden:K,isHighlighted:L,isPlaceholder:!M,text:s});{const n=N[e];return n?t.jsx(pe,{inputRef:e===le?l:void 0,isDisabled:k,isFieldFocused:w,isInvalid:!!a,isHidden:K,isHighlighted:L,isRequired:m,orderedSegments:B,placeholder:s,...q,...n}):null}}))}),Z,t.jsx(se.LiveRegion,{children:oe})]})},qe=E.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),Ye=()=>s.useContext(qe),Ke=({granularity:e,value:t})=>{const a=t?.year,s=t?.month,n=t?.day;return{currentDate:t,isDateSelected:!1,segments:[{type:"year","aria-valuenow":a,isComplete:!!a,isSelected:!1},{type:"month","aria-valuenow":s,isComplete:!!s,isSelected:!1},..."day"===e?[{type:"day","aria-valuenow":n,isComplete:!!n,isSelected:!1}]:[]]}},We=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:r,endContent:i,granularity:o="day",helpSourceLink:m,helpSourceText:p,isDisabled:y,isReadonly:g,isRequired:b,isRequiredShown:v,label:h,labelEdge:f,labelStartWidth:S,mainFieldRef:x,messages:T,masks:F,testId:D,textAlign:C,userAssistanceDensity:A,value:R,variant:P,onCommit:U,onInput:E},L)=>{const{isDisabled:M,isReadonly:_,labelEdge:B,labelStartWidth:N,textAlign:j,userAssistanceDensity:H}=K.useFormContext(),O=y??M,V=g??_,Y=f??B,Z=S??N,J=C??j??"start",Q=A??H,ee=s.useRef(null),te=s.useRef(null),ae=s.useRef(null),se=x??ae,{isDropdownOpen:ne,isInputDatePickerParent:re}=Ye(),{focusProps:ie,isFocused:oe,methods:le}=q.useFocusableTextField({isDisabled:O,isReadonly:V,enabledElementRef:ee,readonlyElementRef:te});s.useImperativeHandle(L,(()=>le),[le]);const de=oe||re&&ne,{baseId:ce,formFieldContext:ue,inputProps:me,labelProps:pe,textFieldProps:ye,userAssistanceProps:be}=$.useTextField({ariaDescribedBy:e,helpSourceLink:m,helpSourceText:p,isDisabled:O,isFocused:de,isReadonly:V,isRequiredShown:v,labelEdge:Y,messages:T,styleVariant:P,userAssistanceDensity:Q,value:R}),{forId:ve,...he}=pe,{id:fe,onBlur:Se,...xe}=me,Te=he.id,Fe=s.useCallback((()=>{ee.current?.focus()}),[ee]),De="none"!==Y?t.jsx(n.Label,{...O||V?{}:{onClick:Fe},...he,children:h}):void 0,Ce={label:"none"!==Y?De:void 0,labelEdge:"none"!==Y?Y:void 0,labelStartWidth:"none"!==Y?Z:void 0,labelText:"inside"!==Y||O?void 0:h},ke="none"===Y?h:void 0,we=void 0!==h&&"inside"===Y,Ie="efficient"===Q||"reflow"===Q?O?"efficient"!==Q?void 0:t.jsx(k.InlineUserAssistance,{userAssistanceDensity:Q,...be}):V?t.jsx(k.InlineUserAssistance,{fieldLabel:h,messages:T,userAssistanceDensity:Q,...be}):t.jsx(k.InlineUserAssistance,{assistiveText:a,fieldLabel:h,helpSourceLink:m,helpSourceText:p,messages:T,isRequiredShown:v,userAssistanceDensity:Q,...be}):void 0,Ae="compact"===Q?t.jsx(w.CompactUserAssistance,{anchorRef:se,messages:T,assistiveText:a,...be}):void 0,{locale:Re}=z.useUser(),Pe=u.useTranslationBundle("@oracle/oraclejet-preact"),Ue=Pe.inputDateMask_monthPlaceholder(),Ee=Pe.inputDateMask_dayPlaceholder(),Le=Pe.inputDateMask_yearPlaceholder();if(F&&("day"===o&&5!==F.length||"month"===o&&3!==F.length))throw new Error("Specified masks must match the granularity");const Me=s.useMemo((()=>F?X.translateCustomMasks(F,Ue,Ee,Le):G.getDatePlaceholderMasks(Re,o,Ue,Ee,Le)),[F,Re,o,Ee,Ue,Le]),{state:_e,dispatch:Be}=(({dateMasks:e,granularity:t,locale:a,value:n})=>{const[r,i]=s.useReducer(ge,{dateMasks:e,granularity:t,locale:a,value:n},(e=>Ke(e)));return{dispatch:i,state:r}})({dateMasks:Me,granularity:o,locale:Re,value:R}),Ne=s.useRef(R),je=s.useRef(R),He=s.useCallback((e=>{if(X.calendarDatesAreDifferent(e.value,je.current)){const t=void 0!==e.value?Object.freeze({...e.value}):e.value;E?.({value:t}),je.current=t}}),[E]),Oe=s.useCallback((e=>{X.calendarDatesAreDifferent(e.value,Ne.current)&&(U?.({value:e.value}),Ne.current=e.value)}),[U]);if(X.calendarDatesAreDifferent(je.current,R)){const e=Ke({granularity:o,locale:Re,value:R});Be({actionType:"reset",data:e}),je.current=R,Ne.current=R}const qe=s.useCallback((e=>{if(!(re&&ne||e.currentTarget.contains(e.relatedTarget))){Be({actionType:"commitOnBlur"});const e=ge(_e,{actionType:"commitOnBlur"});He({value:e.currentDate}),Oe({value:e.currentDate})}}),[Be,ne,re,Oe,He,_e]),{onBlur:We}=s.useMemo((()=>I.mergeProps({onBlur:qe},{onBlur:Se})),[Se,qe]);if(V)return t.jsx(W.FormFieldContext.Provider,{value:ue,children:t.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:r,compactUserAssistance:Ae,inlineUserAssistance:Ie,onBlur:ie.onFocusOut,onFocus:ie.onFocusIn,ref:se,testId:D,mainContent:t.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":xe["aria-describedby"],"aria-label":ke,"aria-labelledby":he.id,as:"div",elementRef:te,textAlign:J,value:void 0===R?"":G.formatShortCalendarDate(R,o,Me),hasEmptyLabel:""===h&&"none"===Y,hasInsideLabel:we,onBlur:me.onBlur,onFocus:me.onFocus}),...Ce})});const $e=t.jsx(Ve,{"aria-label":ke,"aria-labelledby":Te,baseId:ce,dispatch:Be,fieldRef:ee,granularity:o,hasInsideLabel:void 0!==De&&"inside"===Y,isRequired:b,masks:Me,onCommit:Oe,onBlur:We,onInput:He,state:_e,textAlign:J,value:R,...xe});return t.jsx(W.FormFieldContext.Provider,{value:ue,children:t.jsx(c.TextField,{columnSpan:r,compactUserAssistance:Ae,endContent:i,inlineUserAssistance:Ie,mainContent:$e,onBlur:ie.onFocusOut,onFocus:ie.onFocusIn,mainFieldRef:se,testId:D,...ye,...Ce})})}));e.InputDateMask=We,e.InputDateMaskContext=qe,e.useInputDateMaskContext=Ye}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Label-bb51506c', './keyboardUtils-fb6219eb', './TextFieldInput-b220bd88', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-9706fa0f', './StyledTextField-2b9c440e', './TextField-9e466a1b', './useTranslationBundle-db326955', 'css!./LiveRegionStyles.styles.css', './LayerHost-1a734852', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-00b673c5', './TabbableModeContext-a9c97640', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', './CompactUserAssistance-b2b73f46', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'preact', 'css!./IconStyle.styles.css', './Popup-224c908e', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useUser-e0677e8d', './getFormatParse-10009d38', './calendarDateUtils-6b5f47a4', './maskUtils-a48b96c5', './stringUtils-4ffd9d59', './useComponentTheme-db55de25', './useFormFieldContext-9260f081', './Flex-71f83c12', './HiddenAccessible-037ef42d', './LiveRegion-1553833d', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './formControlUtils-de035f75', './classNames-08d99695', './clientHints-6d361eaa', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useDoubleTap-b6bf5458', './useTabbableMode-0a9ef009'], (function(e,t,a,s,n,r,i,o,l,d,c,u,m,p,y,g,b,v,h,f,S,x,T,F,D,C,k,w,I,A,R,P,U,E,L,M,_,B,N,j,H,O,V,q,Y,K,W,$,z,Z,G,X,J,Q,ee,te,ae,se,ne,re,ie,oe,le,de,ce){"use strict";const ue=e=>{e.preventDefault()},me=()=>"ios"===oe.getClientHints().platform,pe=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":i,"aria-valuetext":o,inputRef:l,isComplete:d,isDisabled:c,isFieldFocused:m,isHidden:p,isHighlighted:y,isInvalid:g,isRequired:b,isSelected:v,onChange:h,orderedSegments:f,placeholder:S,text:x,type:T})=>{const F=x&&x.length>0,D=ie.classNames([le.segmentStyles.base,v&&le.segmentStyles.selected,y&&le.segmentStyles.highlighted,m&&le.segmentStyles.accessibleTouchTarget]),C=ie.classNames([le.segmentStyles.placeholder,p||F?le.segmentStyles.hidden:le.segmentStyles.notHidden]),k=u.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),w=s.useRef(null),I=l??w,A=s.useRef(!1),{locale:R}=z.useUser(),P=s.useCallback((e=>{if(!c&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&"Escape"!==e.key&&!r.isSelectAll(e)){if(y){if(r.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!d&&void 0!==x?X.isNumberOnlyString(e.key)?(h?.({actionType:"updateSegment",data:{type:T,userInput:e.key,hasLeadingZero:A.current,locale:R,orderedSegments:f,existingText:x,min:n,max:a}}),A.current=!1):r.isBackspaceOrDelete(e)||"Backspace"===e.key?(h?.({actionType:"clearSegment",data:{type:T,orderedSegments:f}}),A.current=!1):"ArrowUp"===e.key?(h?.({actionType:"step",data:{direction:"increase",locale:R,type:T,orderedSegments:f,min:n,max:a}}),A.current=!1):"ArrowDown"===e.key?(h?.({actionType:"step",data:{direction:"decrease",locale:R,type:T,orderedSegments:f,min:n,max:a}}),A.current=!1):"PageUp"===e.key?(h?.({actionType:"page",data:{direction:"increase",locale:R,type:T,orderedSegments:f,min:n,max:a}}),A.current=!1):"PageDown"===e.key?(h?.({actionType:"page",data:{direction:"decrease",locale:R,type:T,orderedSegments:f,min:n,max:a}}),A.current=!1):"Home"===e.key?(h?.({actionType:"goToHome",data:{locale:R,type:T,orderedSegments:f,min:n}}),A.current=!1):"End"===e.key&&(h?.({actionType:"goToEnd",data:{locale:R,type:T,orderedSegments:f,max:a}}),A.current=!1):A.current=!0;e.preventDefault(),e.stopPropagation()}}),[a,n,d,c,y,R,h,f,x,T]);s.useEffect((()=>{v&&I.current?.focus()}),[v,I]);const U={"data-segment":[T]},E=void 0===o?k:i?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:I,role:me()?"textbox":"spinbutton","aria-disabled":c,"aria-invalid":g||void 0,"aria-label":e,"aria-multiline":!me()&&void 0,"aria-required":b,"aria-valuemin":me()?void 0:n,"aria-valuemax":me()?void 0:a,"aria-valuenow":me()?void 0:i,"aria-valuetext":me()?void 0:E,autocapitalize:"off",autocorrect:"off",class:D,contentEditable:!c,...U,enterkeyhint:c?void 0:"done",inputMode:c?"none":"numeric",onCut:ue,onKeyDown:P,onPaste:ue,spellcheck:!1,tabIndex:v?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:C,...U,children:S}),x]})})},ye=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const r=ie.classNames([le.segmentStyles.literalBase,s&&le.segmentStyles.placeholder,a&&le.segmentStyles.highlighted,e?le.segmentStyles.hidden:le.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:r,children:n})},ge=(e,t)=>{if("reset"===t.actionType)return t.data;switch(t.actionType){case"clearDate":{const a=Ce(Te(e.segments),t.data.orderedSegments);return Ue(a,!1)}case"clearSegment":{const a=xe(be(e.segments,t.data.type));return Se(e,t.data.orderedSegments,t.data.type,a)}case"commitOnBlur":{const t=Be(e.segments),a=Re(t);return Ue(a,!1)}case"commitOnEnter":{const t=Be(e.segments);return Ue(t,!1)}case"goToEnd":{const a=be(e.segments,t.data.type),s=t.data.max,n=Me(t.data.type,a,s);return Se(e,t.data.orderedSegments,t.data.type,n,!1)}case"goToHome":{const a=be(e.segments,t.data.type),s=t.data.min,n=Le(t.data.type,a,s);return Se(e,t.data.orderedSegments,t.data.type,n,!1)}case"page":{const a=t.data.direction,s=be(e.segments,t.data.type),n=t.data.min,r=t.data.max,i=_e(t.data.type,s,"page",a,n,r);return Se(e,t.data.orderedSegments,t.data.type,i,!1)}case"selectDate":return Pe(e);case"selectFirst":{const a=Ce(e.segments,t.data.orderedSegments);return Ue(a,!1)}case"selectNext":{const a=Ie(e.segments,t.data.orderedSegments);return Ue(a,!1)}case"selectPrevious":{const a=Ae(e.segments,t.data.orderedSegments);return Ue(a,!1)}case"selectSegment":{const a=De(e.segments,t.data.type);return Ue(a,!1)}case"step":{const a=t.data.direction,s=be(e.segments,t.data.type),n=t.data.min,r=t.data.max,i=_e(t.data.type,s,"step",a,n,r);return Se(e,t.data.orderedSegments,t.data.type,i,!1)}case"updateSegment":{const a=t.data.type,s=be(e.segments,a),n=t.data.min,r=t.data.max,i=t.data.userInput,o=t.data.hasLeadingZero,l=t.data.existingText,d=Fe(a,s,i,o,r,n,l);return Se(e,t.data.orderedSegments,t.data.type,d)}default:throw new Error("Unknown action type")}},be=(e,t)=>e.find((e=>e.type===t)),ve=e=>{if(!e.some((e=>void 0!==e["aria-valuenow"])))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},he=(e,t,a)=>e.map((e=>e.type===t?a:e)),fe=(e,t,a,s,n)=>{const r=he(e,a,s);let i=r;if("month"===a||"year"===a){const e=be(r,"day");if(e){const t="month"==a?s["aria-valuenow"]:be(r,"month")["aria-valuenow"],o="year"===a?s["aria-valuenow"]:(e=>be(e,"year")["aria-valuenow"])(r),l=t&&2===t&&o&&o<1e3&&"year"===a&&n?29:G.getDaysInMonth(t??"*",o??"*"),d=e["aria-valuenow"],c=d&&d>l?l:d,u={...e,"aria-valuenow":c};i=he(r,"day",u)}}return i=s.isComplete&&n?Ie(i,t):i,i},Se=(e,t,a,s,n=!0)=>{const r=fe(e.segments,t,a,s,n);return Ue(r,e.isDateSelected)},xe=e=>({...e,"aria-valuenow":void 0,isComplete:!1}),Te=e=>e.map((e=>({...xe(e)}))),Fe=(e,t,a,s,n,r,i)=>{const o=t.isComplete||void 0===i?a:i+a,l=X.stringToNumber(o),d=X.withinRange(l,r,n)?l:X.stringToNumber(a),c=(u=d,m=n,X.stringToNumber(X.numberToString(u)+"0")>m||!!s&&"year"!==e);var u,m;return{...t,"aria-valuenow":d,isComplete:c}},De=(e,t)=>Be(e).map((e=>({...e,isSelected:e.type===t}))),Ce=(e,t)=>De(e,t[0]),ke=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},we=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Ie=(e,t)=>{const a=ke(e,t);return a===t.length-1?e:De(we(e),t[a+1])},Ae=(e,t)=>{const a=ke(e,t);return 0===a?e:-1===a?Ce(e,t):De(we(e),t[a-1])},Re=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e["aria-valuenow"]}))),Pe=e=>Ue(e.segments.map((e=>({...e,isSelected:!1}))),!0),Ue=(e,t)=>({currentDate:ve(e),isDateSelected:t,segments:e}),Ee=(e,t)=>({...t,"aria-valuenow":e,isComplete:!0}),Le=(e,t,a)=>{const s=((e,t)=>"year"===e?1900:t)(e,a);return Ee(s,t)},Me=(e,t,a)=>{const s=((e,t)=>"year"===e?2100:t)(e,a);return Ee(s,t)},_e=(e,t,a,s,n,r)=>{const i=t["aria-valuenow"],o=void 0===i?(e=>{const{year:t,month:a,day:s}=X.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===a?((e,t,a,s,n)=>{const r="month"===n?2:"year"===n?5:7;return"increase"===t?e+r>s?(e+r)%s:e+r:e-r<a?e-r+s:e-r})(i,s,n,r,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(i,s,n,r);return Ee(o,t)},Be=e=>{const t=e.find((e=>"month"===e.type)),a=e.find((e=>"day"===e.type)),s=e.find((e=>"year"===e.type)),n=s?.["aria-valuenow"];if(void 0!==n&&n<1e3&&!Z.isLeapYear(n)&&2===t?.["aria-valuenow"]&&29===a?.["aria-valuenow"]){const t={...a,"aria-valuenow":28};return he(e,"day",t)}return e};const Ne=({hasSelectedSegment:e,value:t,direction:a,dispatch:n,groupRef:i,isCompleteDate:o,isDateSelected:l,isDisabled:d,isInputFocused:c,orderedSegments:u,state:m,onCommit:p,onInput:y})=>{const{tabbableModeProps:g}=ce.useTabbableMode(),{tabIndex:b}=g,v=-1===b||e||d?-1:0,h=s.useRef(!1);void 0!==t&&Object.keys(t).length>0&&(h.current=!1);const f=s.useCallback((e=>{n(e);const t=ge(m,e);y({value:t.currentDate})}),[n,y,m]),S=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");f(null!==t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst",data:{orderedSegments:u}})}),[f,u]),x=s.useCallback(((e=!0)=>{o&&(f({actionType:"selectDate"}),e&&i?.current?.focus())}),[i,o,f]),T=s.useCallback((()=>{x()}),[x]),F=s.useCallback((e=>{e.target.getAttribute("data-segment")&&x(!1)}),[x]),D=de.useDoubleTap({onDoubleTap:F,onSingleTap:S}),C=s.useCallback((e=>{if("ltr"===a&&"ArrowLeft"===e.key||"rtl"===a&&"ArrowRight"===e.key)f({actionType:"selectPrevious",data:{orderedSegments:u}}),e.stopPropagation();else if("ltr"===a&&"ArrowRight"===e.key||"rtl"===a&&"ArrowLeft"===e.key)f({actionType:"selectNext",data:{orderedSegments:u}}),e.stopPropagation();else if((r.isBackspaceOrDelete(e)||"Backspace"===e.key)&&l)f?.({actionType:"clearDate",data:{orderedSegments:u}}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation();else if(r.isSelectAll(e))x(),e.preventDefault(),e.stopPropagation();else if("Enter"===e.key){n({actionType:"commitOnEnter"});const t=ge(m,{actionType:"commitOnEnter"});y?.({value:t.currentDate}),p?.({value:t.currentDate}),e.preventDefault(),e.stopPropagation()}}),[a,l,f,u,x,n,m,y,p]),k=(({dispatch:e,isInputFocused:t,orderedSegments:a})=>{const n=s.useRef(!1),r=s.useRef(),i=s.useCallback((()=>{n.current=!0,clearTimeout(r.current),r.current=setTimeout((()=>{n.current=!1}),200)}),[]),o=s.useRef(!1);!t||o.current||n.current||e({actionType:"selectFirst",data:{orderedSegments:a}});return t!==o.current&&(n.current=!1,o.current=!!t),i})({dispatch:n,isInputFocused:c,orderedSegments:u}),w=function(){const e=oe.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...D,onKeyDown:C}:{onClick:S,onDoubleClick:T,onKeyDown:C,onPointerDown:k};return{dateClearedRef:h,dateFieldHandlers:d?{}:w,segmentHandlers:d?{}:{onChange:f},tabIndex:v}},je=({ariaLabels:e,granularity:t,locale:a,value:s})=>{const n=s?.year,r=s?.month,i=s?.day,o=G.getMonthsInYear(n??"*"),l=G.getDaysInMonth(r??"*",n??"*"),d=n?X.numberToString(n):void 0,c=r?X.numberToString(r):void 0,u=i?X.numberToString(i):void 0,m=r?He(a,r,n):void 0;return[{type:"year","aria-label":e.year,"aria-valuemin":G.MIN_ISO_YEAR,"aria-valuemax":G.MAX_ISO_YEAR,"aria-valuenow":n,"aria-valuetext":d,text:d},{type:"month","aria-label":e.month,"aria-valuemin":G.MIN_ISO_MONTH,"aria-valuemax":o,"aria-valuenow":r,"aria-valuetext":m,text:c},..."day"===t?[{type:"day","aria-label":e.day,"aria-valuemin":G.MIN_ISO_DAY,"aria-valuemax":l,"aria-valuenow":i,"aria-valuetext":u,text:u}]:[]]},He=(e,t,a)=>`${t} - ${X.getMonthName(e,t,a??"*","long")}`,Oe=(e,t)=>e.find((e=>e.type===t)),Ve=({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":r,baseId:i,dispatch:o,fieldRef:l,granularity:d="day",hasInsideLabel:c,isRequired:m,masks:p,onBlur:y,onCommit:g,onFocus:b,onInput:v,state:h,textAlign:f,value:S,variant:x="default"})=>{const T=u.useTranslationBundle("@oracle/oraclejet-preact"),F=T.inputDateMask_date_cleared(),{direction:D,locale:C}=z.useUser(),{isDisabled:k,isFocused:w,isInputFocused:I}=ee.useFormFieldContext(),A=void 0!==S,{classes:R}=Q.useComponentTheme(ne.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:re.isEmbeddedVariant(x)?"embedded":"default",textarea:"notTextArea",input:"notInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:c?"hasInsideLabel":"noInsideLabel",value:A?"hasValue":"noValue",focused:w?"isFocused":"notFocused",disabled:k?"isDisabled":"notDisabled"}),P=ie.classNames([R]),U=s.useMemo((()=>({month:T.formControl_month(),day:T.formControl_day(),year:T.formControl_year()})),[T]),{isCompleteDate:E,isDateSelected:L,isPartialDate:M,segments:_}=(({currentState:e,ariaLabels:t,granularity:a,locale:s,value:n})=>{const r=je({ariaLabels:t,granularity:a,locale:s,value:n}).map(((t,a)=>{const s=e.segments[a];return{...t,isSelected:s.isSelected,isComplete:s.isComplete}})),i=void 0!==n?.year||void 0!==n?.month||void 0!==n?.day;return{isCompleteDate:void 0!==n?.year&&void 0!==n?.month&&("month"===a||void 0!==n?.day),isDateSelected:e.isDateSelected,isPartialDate:i,segments:r}})({currentState:h,ariaLabels:U,granularity:d,locale:C,value:S}),B=s.useMemo((()=>p.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e))),[p]),N={year:Oe(_,"year"),month:Oe(_,"month"),day:"day"===d?Oe(_,"day"):void 0},j=s.useRef(null),H=_.some((e=>!!e.isSelected)),{dateClearedRef:O,dateFieldHandlers:V,segmentHandlers:q,tabIndex:Y}=Ne({hasSelectedSegment:H,value:S,direction:D,dispatch:o,groupRef:j,isCompleteDate:E,isDateSelected:L,isDisabled:k,isInputFocused:I,orderedSegments:B,state:h,onCommit:g,onInput:v}),K=void 0===S&&c&&!w,W=E?G.formatFullCalendarDate(C,S,d):"",$=`${i}-date`,Z=E?t.jsx(ae.HiddenAccessible,{id:$,children:W}):void 0,X=E?J.l([e,$]):e,oe=O.current?F:"",le=B[0];return t.jsxs("div",{"aria-describedby":X,"aria-label":n,"aria-labelledby":r,class:P,onFocusIn:b,onFocusOut:y,ref:j,role:"group",tabIndex:Y,...V,children:[t.jsx(te.Flex,{direction:"row",wrap:"nowrap",justify:f,height:"100%",align:"center",children:p.map((({type:e,value:s})=>{if("literal"===e)return t.jsx(ye,{isHidden:K,isHighlighted:L,isPlaceholder:!M,text:s});{const n=N[e];return n?t.jsx(pe,{inputRef:e===le?l:void 0,isDisabled:k,isFieldFocused:w,isInvalid:!!a,isHidden:K,isHighlighted:L,isRequired:m,orderedSegments:B,placeholder:s,...q,...n}):null}}))}),Z,t.jsx(se.LiveRegion,{children:oe})]})},qe=E.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),Ye=()=>s.useContext(qe),Ke=({granularity:e,value:t})=>{const a=t?.year,s=t?.month,n=t?.day;return{currentDate:t,isDateSelected:!1,segments:[{type:"year","aria-valuenow":a,isComplete:!!a,isSelected:!1},{type:"month","aria-valuenow":s,isComplete:!!s,isSelected:!1},..."day"===e?[{type:"day","aria-valuenow":n,isComplete:!!n,isSelected:!1}]:[]]}},We=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:r,endContent:i,granularity:o="day",helpSourceLink:m,helpSourceText:p,isDisabled:y,isReadonly:g,isRequired:b,isRequiredShown:v,label:h,labelEdge:f,labelStartWidth:S,mainFieldRef:x,messages:T,masks:F,testId:D,textAlign:C,userAssistanceDensity:A,value:R,variant:P,onCommit:U,onInput:E},L)=>{const{isDisabled:M,isReadonly:_,labelEdge:B,labelStartWidth:N,textAlign:j,userAssistanceDensity:H}=K.useFormContext(),O=y??M,V=g??_,Y=f??B,Z=S??N,J=C??j??"start",Q=A??H,ee=s.useRef(null),te=s.useRef(null),ae=s.useRef(null),se=x??ae,{isDropdownOpen:ne,isInputDatePickerParent:re}=Ye(),{focusProps:ie,isFocused:oe,methods:le}=q.useFocusableTextField({isDisabled:O,isReadonly:V,enabledElementRef:ee,readonlyElementRef:te});s.useImperativeHandle(L,(()=>le),[le]);const de=oe||re&&ne,{baseId:ce,formFieldContext:ue,inputProps:me,labelProps:pe,textFieldProps:ye,userAssistanceProps:be}=$.useTextField({ariaDescribedBy:e,helpSourceLink:m,helpSourceText:p,isDisabled:O,isFocused:de,isReadonly:V,isRequiredShown:v,labelEdge:Y,messages:T,styleVariant:P,userAssistanceDensity:Q,value:R}),{forId:ve,...he}=pe,{id:fe,onBlur:Se,...xe}=me,Te=he.id,Fe=s.useCallback((()=>{ee.current?.focus()}),[ee]),De="none"!==Y?t.jsx(n.Label,{...O||V?{}:{onClick:Fe},...he,children:h}):void 0,Ce={label:"none"!==Y?De:void 0,labelEdge:"none"!==Y?Y:void 0,labelStartWidth:"none"!==Y?Z:void 0,labelText:"inside"!==Y||O?void 0:h},ke="none"===Y?h:void 0,we=void 0!==h&&"inside"===Y,Ie="efficient"===Q||"reflow"===Q?O?"efficient"!==Q?void 0:t.jsx(k.InlineUserAssistance,{userAssistanceDensity:Q,...be}):V?t.jsx(k.InlineUserAssistance,{fieldLabel:h,messages:T,userAssistanceDensity:Q,...be}):t.jsx(k.InlineUserAssistance,{assistiveText:a,fieldLabel:h,helpSourceLink:m,helpSourceText:p,messages:T,isRequiredShown:v,userAssistanceDensity:Q,...be}):void 0,Ae="compact"===Q?t.jsx(w.CompactUserAssistance,{anchorRef:se,messages:T,assistiveText:a,...be}):void 0,{locale:Re}=z.useUser(),Pe=u.useTranslationBundle("@oracle/oraclejet-preact"),Ue=Pe.inputDateMask_monthPlaceholder(),Ee=Pe.inputDateMask_dayPlaceholder(),Le=Pe.inputDateMask_yearPlaceholder();if(F&&("day"===o&&5!==F.length||"month"===o&&3!==F.length))throw new Error("Specified masks must match the granularity");const Me=s.useMemo((()=>F?X.translateCustomMasks(F,Ue,Ee,Le):G.getDatePlaceholderMasks(Re,o,Ue,Ee,Le)),[F,Re,o,Ee,Ue,Le]),{state:_e,dispatch:Be}=(({dateMasks:e,granularity:t,locale:a,value:n})=>{const[r,i]=s.useReducer(ge,{dateMasks:e,granularity:t,locale:a,value:n},(e=>Ke(e)));return{dispatch:i,state:r}})({dateMasks:Me,granularity:o,locale:Re,value:R}),Ne=s.useRef(R),je=s.useRef(R),He=s.useCallback((e=>{if(X.calendarDatesAreDifferent(e.value,je.current)){const t=void 0!==e.value?Object.freeze({...e.value}):e.value;E?.({value:t}),je.current=t}}),[E]),Oe=s.useCallback((e=>{X.calendarDatesAreDifferent(e.value,Ne.current)&&(U?.({value:e.value}),Ne.current=e.value)}),[U]);if(X.calendarDatesAreDifferent(je.current,R)){const e=Ke({granularity:o,locale:Re,value:R});Be({actionType:"reset",data:e}),je.current=R,Ne.current=R}const qe=s.useCallback((e=>{if(!(re&&ne||e.currentTarget.contains(e.relatedTarget))){Be({actionType:"commitOnBlur"});const e=ge(_e,{actionType:"commitOnBlur"});He({value:e.currentDate}),Oe({value:e.currentDate})}}),[Be,ne,re,Oe,He,_e]),{onBlur:We}=s.useMemo((()=>I.mergeProps({onBlur:qe},{onBlur:Se})),[Se,qe]);if(V)return t.jsx(W.FormFieldContext.Provider,{value:ue,children:t.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:r,compactUserAssistance:Ae,inlineUserAssistance:Ie,onBlur:ie.onFocusOut,onFocus:ie.onFocusIn,ref:se,testId:D,mainContent:t.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":xe["aria-describedby"],"aria-label":ke,"aria-labelledby":he.id,as:"div",elementRef:te,textAlign:J,value:void 0===R?"":G.formatShortCalendarDate(R,o,Me),hasEmptyLabel:""===h&&"none"===Y,hasInsideLabel:we,onBlur:me.onBlur,onFocus:me.onFocus}),...Ce})});const $e=t.jsx(Ve,{"aria-label":ke,"aria-labelledby":Te,baseId:ce,dispatch:Be,fieldRef:ee,granularity:o,hasInsideLabel:void 0!==De&&"inside"===Y,isRequired:b,masks:Me,onCommit:Oe,onBlur:We,onInput:He,state:_e,textAlign:J,value:R,...xe});return t.jsx(W.FormFieldContext.Provider,{value:ue,children:t.jsx(c.TextField,{columnSpan:r,compactUserAssistance:Ae,endContent:i,inlineUserAssistance:Ie,mainContent:$e,onBlur:ie.onFocusOut,onFocus:ie.onFocusIn,mainFieldRef:se,testId:D,...ye,...Ce})})}));e.InputDateMask=We,e.InputDateMaskContext=qe,e.useInputDateMaskContext=Ye}));
 //# sourceMappingURL=InputDateMask-f783e5c6.js.map

package/amd/InputDatePicker-7b8c3f34.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-813db1be', './HiddenAccessible-037ef42d', './IconButton-be3bd92a', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-00b673c5', './TabbableModeContext-a9c97640', './useTranslationBundle-db326955', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', './Flex-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-1a734852', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-224c908e', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-2f362cd6', './DatePicker-71cb7d07', './SectionedContent-83e573fa', './stringUtils-4ffd9d59', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useId-c9578d26', './getFormatParse-10009d38', './maskUtils-a48b96c5', './useHiddenTestMethod-6bbe8a43', './calendarDateUtils-6b5f47a4', './useTestId-6160e7a2', './InputDateMask-f783e5c6'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,b,f,C,D,v,S,k,x,A,T,g,F,I,V,P,R,w,M,U,_,j,H,B,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee,se,te,ae){"use strict";const ne=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:y,max:f,messages:C,min:D,monthAndYearPicker:v,testId:S,todayButton:k,todayTimeZone:x,userAssistanceDensity:A,value:T,weekDisplay:g})=>{const[F,I]=a.useState(!1),[V,P]=a.useState(c),R=a.useCallback((e=>{I(e.placement.startsWith("top"))}),[]);V!==c&&(P(c),c||I(!1));const w=oe(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),_=s.jsx(z.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:w?void 0:"auto",onCommit:y,max:f,min:D,maxWidth:w?"100%":void 0,width:"100%",monthAndYearPicker:v,testId:S,todayTimeZone:x,todayButton:k,value:T,weekDisplay:g}),j=!c||F&&!w||d||m||!(t||r||C&&C.length>0)||"efficient"!==A&&"reflow"!==A?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Z.userAssistanceStyles,children:s.jsx(b.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:A})})}),H=S?S+(w?"_sheet":"_dropdown"):void 0,B=s.jsx("div",{class:Z.dropdownStyles,children:s.jsx(G.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})});return w?s.jsx(W.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(G.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})}):s.jsx(G.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:R,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},oe=()=>"phone"===i.getClientHints().deviceType,re=e=>e&&se.isCompleteCalendarDate(e)?e:void 0,ie=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:re(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:re(s.data),dateValue:s.data};default:return e}},le=({isDisabled:e,isReadonly:s,onCommit:t,onInput:n,rootRef:o,value:r})=>{const[i,l]=a.useState(!1),d=a.useRef(null),c=a.useRef(null),u=a.useRef(!1),m=a.useRef(),p=a.useRef(r),h=a.useRef(r),y=a.useRef(r),b=a.useRef(!1),{state:f,dispatch:C}=(({value:e})=>{const[s,t]=a.useReducer(ie,{completeDateValue:re(e),dateValue:e});return{state:s,dispatch:t}})({value:r});$.calendarDatesAreDifferent(y.current,r)&&(y.current=r,$.calendarDatesAreDifferent(r,f.dateValue)&&(C({type:"reset",data:r}),h.current=r,p.current=r)),a.useEffect((()=>{$.calendarDatesAreDifferent(f.dateValue,h.current)&&(n({previousValue:h.current,value:f.dateValue}),h.current=f.dateValue),b.current&&$.calendarDatesAreDifferent(f.dateValue,p.current)&&(t?.({previousValue:p.current,value:f.dateValue}),p.current=f.dateValue,b.current=!1)}),[t,n,f.dateValue]);const D=a.useCallback((e=>{C({type:"dateChanged",data:e.value})}),[C]),v=a.useCallback((e=>{$.calendarDatesAreDifferent(p.current,e.value)&&(t?.({value:e.value,previousValue:p.current}),p.current=e.value)}),[t]),S=a.useCallback((()=>{u.current||l((e=>!e)),u.current=!1}),[]),k=a.useCallback((e=>{"outsideMousedown"===e.reason?(u.current=!0,clearTimeout(m.current),m.current=setTimeout((()=>{u.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||d.current?.focus(),l(!1)}),[]),x=a.useCallback((e=>{d.current?.focus(),b.current=!0,C({type:"dateSelected",data:e.value}),l(!1)}),[C]),A=a.useCallback((a=>s||e?Promise.reject("Component is readonly or disabled"):(n({value:a,previousValue:r}),t?.({value:a,previousValue:r}),Promise.resolve())),[r,e,s,t,n]);return ee.useHiddenTestMethod({elementRef:o,method:A,name:"_changeValue"}),{calendarIconActionHandler:S,datePickerCommitHandler:x,dropdownCloseHandler:k,completeDateValue:f.completeDateValue,dateValue:f.dateValue,iconRef:d,isOpen:i,maskCommitHandler:v,maskInputHandler:D,maskRef:c}},de=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:b,min:f,monthAndYearPicker:C,todayTimeZone:D,todayButton:v,value:S,onCommit:k,onInput:x,testId:A,userAssistanceDensity:T,weekDisplay:g,...F},I)=>{const V=te.useTestId(A),P=a.useRef(null),{calendarIconActionHandler:R,datePickerCommitHandler:w,completeDateValue:M,dateValue:U,dropdownCloseHandler:_,iconRef:j,isOpen:H,maskCommitHandler:B,maskInputHandler:E,maskRef:N}=le({isDisabled:m,isReadonly:p,onCommit:k,onInput:x,rootRef:P,value:S}),L=a.useRef(null),{inputDatePicker_selectDate:O,inputDatePicker_instruction:Y}=u.useTranslationBundle("@oracle/oraclejet-preact"),Z=O(),{userAssistanceDensity:W}=K.useFormContext(),z=T??W;a.useImperativeHandle(I,(()=>({focus:()=>{N.current?.focus()},blur:()=>{N.current?.blur()}})));const G=Q.useId(),J=Y(),X=m||p?void 0:s.jsx(o.HiddenAccessible,{id:G,isHidden:!0,children:J}),$=m||p?e:q.l([e,G]),ee=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":Z,isDisabled:m,ref:j,size:"sm",testId:A?A+"_calendarIcon":void 0,variant:"ghost",onAction:R,children:s.jsx(n.SvgCalendar,{})}),se=H;return s.jsxs("div",{...V,ref:P,children:[s.jsx(ae.InputDateMaskContext.Provider,{value:{isDropdownOpen:H,isInputDatePickerParent:!0},children:s.jsx(ae.InputDateMask,{"aria-describedby":$,assistiveText:t,endContent:ee,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:B,onInput:E,mainFieldRef:L,messages:b,testId:A?A+"_mask":void 0,ref:N,userAssistanceDensity:T,value:U,...F})}),X,se&&s.jsx(ne,{anchorRef:L,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:H,label:h,onClose:_,onCommit:w,max:y,messages:b,min:f,monthAndYearPicker:C,testId:A?A+"_datePicker":void 0,todayTimeZone:D,todayButton:v,userAssistanceDensity:z,value:M,weekDisplay:g})]})}));e.InputDatePicker=de}));
+//# sourceMappingURL=InputDatePicker-7b8c3f34.js.map

package/amd/{InputDatePicker-e1b3a4ec.js.map → InputDatePicker-7b8c3f34.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputDatePicker-e1b3a4ec.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 type { ElementRef } from 'preact/compat';\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 { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\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 IconButtonHandle = ElementRef<typeof IconButton>;\n\ntype Props = {\n  isDisabled: InputDatePickerProps['isDisabled'];\n  isReadonly: InputDatePickerProps['isReadonly'];\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  rootRef: RefObject<HTMLElement>;\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({\n  isDisabled,\n  isReadonly,\n  onCommit,\n  onInput,\n  rootRef,\n  value: currentValue\n}: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef = useRef<IconButtonHandle>(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    (detail: ValueUpdateDetail<CalendarDate>) => {\n      // If the value we get from InputDateMask's onCommit differs from the last committed value, then call onCommit.\n      if (calendarDatesAreDifferent(lastCommittedDateRef.current, detail.value)) {\n        onCommit?.({ value: detail.value, previousValue: lastCommittedDateRef.current });\n        lastCommittedDateRef.current = detail.value;\n      }\n    },\n    [onCommit]\n  );\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  // Create a changeValue method that can be called by a test adapter to simulate a user\n  // changing the value and committing it.\n  const changeValue = useCallback(\n    (newValue?: CalendarDate) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI.\n      if (!isReadonly && !isDisabled) {\n        onInput({ value: newValue, previousValue: currentValue });\n        onCommit?.({ value: newValue, previousValue: currentValue });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [currentValue, isDisabled, isReadonly, onCommit, onInput]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\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 '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\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 testIdProps = useTestId(testId);\n    const rootRef = useRef<HTMLDivElement>(null);\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      isDisabled,\n      isReadonly,\n      onCommit,\n      onInput,\n      rootRef,\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      <div {...testIdProps} ref={rootRef}>\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 ? testId + '_mask' : undefined}\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      </div>\n    );\n  }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","rootRef","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","changeValue","newValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","testIdProps","useTestId","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}
+{"version":3,"file":"InputDatePicker-7b8c3f34.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 type { ElementRef } from 'preact/compat';\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 { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\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 IconButtonHandle = ElementRef<typeof IconButton>;\n\ntype Props = {\n  isDisabled: InputDatePickerProps['isDisabled'];\n  isReadonly: InputDatePickerProps['isReadonly'];\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  rootRef: RefObject<HTMLElement>;\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({\n  isDisabled,\n  isReadonly,\n  onCommit,\n  onInput,\n  rootRef,\n  value: currentValue\n}: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef = useRef<IconButtonHandle>(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    (detail: ValueUpdateDetail<CalendarDate>) => {\n      // If the value we get from InputDateMask's onCommit differs from the last committed value, then call onCommit.\n      if (calendarDatesAreDifferent(lastCommittedDateRef.current, detail.value)) {\n        onCommit?.({ value: detail.value, previousValue: lastCommittedDateRef.current });\n        lastCommittedDateRef.current = detail.value;\n      }\n    },\n    [onCommit]\n  );\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  // Create a changeValue method that can be called by a test adapter to simulate a user\n  // changing the value and committing it.\n  const changeValue = useCallback(\n    (newValue?: CalendarDate) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI.\n      if (!isReadonly && !isDisabled) {\n        onInput({ value: newValue, previousValue: currentValue });\n        onCommit?.({ value: newValue, previousValue: currentValue });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [currentValue, isDisabled, isReadonly, onCommit, onInput]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\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 '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\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 testIdProps = useTestId(testId);\n    const rootRef = useRef<HTMLDivElement>(null);\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      isDisabled,\n      isReadonly,\n      onCommit,\n      onInput,\n      rootRef,\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      <div {...testIdProps} ref={rootRef}>\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 ? testId + '_mask' : undefined}\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      </div>\n    );\n  }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","rootRef","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","changeValue","newValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","testIdProps","useTestId","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}