@oracle/oraclejet-preact 18.1.9 → 18.1.10

package/amd/{IconUserAssistance-f5228b1d.js.map → IconUserAssistance-e496ab70.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconUserAssistance-f5228b1d.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // toggle and prevent scroll jump\n      if (['Space', 'Enter'].includes(e.code)) {\n        e.preventDefault();\n        toggle();\n      }\n    },\n    [isOpen, setIsOpenFalse, toggle]\n  );\n\n  const onClickHandler = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      toggle();\n    },\n    [toggle]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"link\"\n        aria-describedby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","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","iconUserAssistancePopupFocus","_jsxs","jsxs","_Fragment","children","_jsx","onKeyDown","onClick","role","ref","tabIndex","class","iconUserAssistanceIcon","HelpIcon","SvgHelp","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"8aA6C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,SAEA,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAad,IAAmBC,GAAkBW,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAe,GAAGd,gBAClBe,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BlB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLqB,EAAkBP,eACrBQ,IAEC,MAAMC,IAAEA,GAAQD,EAChB,GAAIC,GAAe,UAARA,EACT,OAIF,MAAMC,QAAEA,GAAYF,EAAEN,OAES,MAA3BQ,GAASC,gBACXzB,IAIA0B,YAAW,IAAMf,EAAUQ,SAASQ,UACrC,GAEH,CAAC3B,IAGG4B,EAAkBd,eACrBQ,IAEK,CAAC,MAAO,UAAUO,SAASP,EAAEQ,OAAShC,GACxCE,IAIE,CAAC,QAAS,SAAS6B,SAASP,EAAEQ,QAChCR,EAAES,iBACF9B,IACD,GAEH,CAACH,EAAQE,EAAgBC,IAGrB+B,EAAiBlB,eACpBQ,IACCA,EAAES,iBACF9B,GAAQ,GAEV,CAACA,KAIKgC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,+BAE9D,OAAO9C,GAAkBD,EACvBgD,EACEC,KAAAC,WAAA,CAAAC,SAAA,CAAAC,MAAA,OAAA,CACEC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,OACa,mBAAArC,EACJ,gBAAA,SACdsC,IAAKrC,EACLsC,SAAUtD,EAAa,GAAK,EAC5BuD,MAAOC,EAAsBA,uBAC7BvD,GAAI,GAAGA,cAAc+C,SACrBC,EAAAA,IAACQ,EAAQC,cAEXT,EAAAA,IAACU,EAAgBA,kBAAC1D,GAAIc,EAAc6C,UAAU,EAC3CZ,SAAAnC,IAEHoC,EAAAA,IAACY,EAAKA,MAAA,CACJC,UAAU,MACV3D,OAAQA,EACRa,UAAWA,EACX+C,QAAS1D,EACT2D,eAAgB9C,EAChB+C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAU,QACVpB,SAAAC,MAAA,MAAA,CACEhD,GAAIA,EACJqD,SAAU,EACVC,MAAOb,EACP2B,UAAW3C,EACXwB,UAAWxB,EAAesB,SAC1BC,EAAAA,IAACqB,EAAUA,YACTzE,cAAeA,EACf0E,WAAYzE,EACZc,WAAYA,WAKlB,IAAI"}
+{"version":3,"file":"IconUserAssistance-e496ab70.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // toggle and prevent scroll jump\n      if (['Space', 'Enter'].includes(e.code)) {\n        e.preventDefault();\n        toggle();\n      }\n    },\n    [isOpen, setIsOpenFalse, toggle]\n  );\n\n  const onClickHandler = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      toggle();\n    },\n    [toggle]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"link\"\n        aria-describedby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","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","iconUserAssistancePopupFocus","_jsxs","jsxs","_Fragment","children","_jsx","onKeyDown","onClick","role","ref","tabIndex","class","iconUserAssistanceIcon","HelpIcon","SvgHelp","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"8aA6C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,SAEA,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAad,IAAmBC,GAAkBW,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAe,GAAGd,gBAClBe,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BlB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLqB,EAAkBP,eACrBQ,IAEC,MAAMC,IAAEA,GAAQD,EAChB,GAAIC,GAAe,UAARA,EACT,OAIF,MAAMC,QAAEA,GAAYF,EAAEN,OAES,MAA3BQ,GAASC,gBACXzB,IAIA0B,YAAW,IAAMf,EAAUQ,SAASQ,UACrC,GAEH,CAAC3B,IAGG4B,EAAkBd,eACrBQ,IAEK,CAAC,MAAO,UAAUO,SAASP,EAAEQ,OAAShC,GACxCE,IAIE,CAAC,QAAS,SAAS6B,SAASP,EAAEQ,QAChCR,EAAES,iBACF9B,IACD,GAEH,CAACH,EAAQE,EAAgBC,IAGrB+B,EAAiBlB,eACpBQ,IACCA,EAAES,iBACF9B,GAAQ,GAEV,CAACA,KAIKgC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,+BAE9D,OAAO9C,GAAkBD,EACvBgD,EACEC,KAAAC,WAAA,CAAAC,SAAA,CAAAC,MAAA,OAAA,CACEC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,OACa,mBAAArC,EACJ,gBAAA,SACdsC,IAAKrC,EACLsC,SAAUtD,EAAa,GAAK,EAC5BuD,MAAOC,EAAsBA,uBAC7BvD,GAAI,GAAGA,cAAc+C,SACrBC,EAAAA,IAACQ,EAAQC,cAEXT,EAAAA,IAACU,EAAgBA,kBAAC1D,GAAIc,EAAc6C,UAAU,EAC3CZ,SAAAnC,IAEHoC,EAAAA,IAACY,EAAKA,MAAA,CACJC,UAAU,MACV3D,OAAQA,EACRa,UAAWA,EACX+C,QAAS1D,EACT2D,eAAgB9C,EAChB+C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAU,QACVpB,SAAAC,MAAA,MAAA,CACEhD,GAAIA,EACJqD,SAAU,EACVC,MAAOb,EACP2B,UAAW3C,EACXwB,UAAWxB,EAAesB,SAC1BC,EAAAA,IAACqB,EAAUA,YACTzE,cAAeA,EACf0E,WAAYzE,EACZc,WAAYA,WAKlB,IAAI"}

package/amd/Indexer-510aaf3a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-b8764305', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-e8791885', './useCollectionFocusRing-9dab85a9', './collectionUtils-f4de3e13', './useId-c9578d26', './useTranslationBundle-68275657', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-0140aa44'], (function(e,t,s,n,r,a,o,c,l,i,u,d,y,f,x,k,b,h,j){"use strict";const m=Object.freeze({key:"__others__",label:"#"}),v="[data-oj-key]",T=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:l}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:o?"isSelected":"notSelected"}),i=x.classNames([l]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"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 g=k.forwardRef((({lastValueNow:e,...n},r)=>{const a={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(T,{...a}),t.jsx(p,{...a,ref:r,context:{index:-1,data:m},valueNow:e})]})})),p=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"}),l=x.classNames([c]),i=m.label;return t.jsx("li",{...a,class:l,"data-oj-valuetext":i,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:l,to:i}=F(e),{classes:u,styles:{dotStyle:y}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(a.index,l,i))return null;const f=o[l].label||o[l].key,k=o[i].label||o[i].key,j=x.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${f}`,TO_SECTION:`${k}`});return t.jsx("li",{...c,class:j,"data-oj-valuetext":m,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 I(e,t,s){return e===Math.floor((t+s)/2)}const S=[{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 C=(e,t,s)=>e===t.current?void 0===s?null:s:i.keyExtractor(e,v),N=(e,t,s)=>{if(e.value===m.key)t({value:m.key});else{t({value:s.find((t=>t.key===e.value)).key})}},E=(e,t,s,n,r,a,o)=>{if(0===e||0===t)return;const c=e/t,l=s-1;if(c<2)r!==l&&(a(l),o(n));else if(c>s||s-c<.01)r>1&&(a(1),o(n));else{const e=_(c,l);e!==r&&e<s&&(a(e),o(n))}},_=(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 i.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=S,value:x,onCommit:k=(()=>{}),testId:m}){const R=n.useRef(null),p=n.useRef(null),_=s.createRef(),[V,O]=n.useState(e[0]?.key),[A,P]=n.useState(-1),D=n.useRef(-1),H=n.useRef(0),M=u.useId(),[B,U]=l.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:$}=c.useCurrentKey((e=>i.keyExtractor(e,v)),!0,i.getPrevNextKey(R.current,V,!0,v),i.getPrevNextKey(R.current,V,!1,v),void 0,void 0,V,(e=>O(e.value))),{selectionProps:L}=o.useSingleSelection((e=>C(e,p,V)),void 0,(t=>N(t,k,e))),z=n.useCallback((t=>{for(const s of t)E(s.contentRect.height,H.current,e.length,e[0]?.key,A,P,O)}),[e,A]);n.useEffect((()=>{p.current&&(p.current.setAttribute("aria-valuemax",D.current+1+""),p.current.setAttribute("aria-valuetext",_.current?.dataset?.ojValuetext||""),p.current.setAttribute("aria-valuenow",_.current?.dataset?.ojValuenow||"")),D.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,E(t.offsetHeight,H.current,e.length,e[0]?.key,A,P,O))}),[e,A]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{z(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[A,z]);const q=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:G,innerStyle:J}}=b.useComponentTheme(h.IndexerRedwoodTheme),Q=j.useTestId(m);return t.jsxs("div",{ref:R,class:G,...Q,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...a.mergeProps($,U,L),ref:p,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":M,role:"slider",class:J,children:t.jsx(f.Collection,{items:e,children:s=>{const n=e.length-1;D.current+=1;const r={context:s,ref:_,currentKey:V,selectedKey:x,valueNow:D.current,isFocusRingVisible:!!B};if(s.index===n)return t.jsx(g,{...r,lastValueNow:D.current+1});if(A<=1||s.index%A==0)return t.jsx(T,{...r});const a={...r,sectionsPerTruncation:A,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return I(e.context.index,t,s)}(a)?t.jsx(w,{...a}):(D.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-590160eb', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-b0a79216', './useCollectionFocusRing-9dab85a9', './collectionUtils-f4de3e13', './useId-c9578d26', './useTranslationBundle-7c40cb58', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-c286f212'], (function(e,t,s,n,r,o,a,c,l,i,u,d,y,f,x,k,b,h,j){"use strict";const m=Object.freeze({key:"__others__",label:"#"}),v="[data-oj-key]",T=k.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:l}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:a?"isSelected":"notSelected"}),i=x.classNames([l]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"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 g=k.forwardRef((({lastValueNow:e,...n},r)=>{const o={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(T,{...o}),t.jsx(p,{...o,ref:r,context:{index:-1,data:m},valueNow:e})]})})),p=k.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,o=R(e,s),a=n.data.key===r,{classes:c}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:o.ref&&o.isFocusRingVisible?"isFocused":"notFocused",selected:a?"isSelected":"notSelected"}),l=x.classNames([c]),i=m.label;return t.jsx("li",{...o,class:l,"data-oj-valuetext":i,children:n.data.label})})),w=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:o,sections:a}=e,c=R(e,s),{from:l,to:i}=F(e),{classes:u,styles:{dotStyle:y}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(o.index,l,i))return null;const f=a[l].label||a[l].key,k=a[i].label||a[i].key,j=x.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${f}`,TO_SECTION:`${k}`});return t.jsx("li",{...c,class:j,"data-oj-valuetext":m,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 I(e,t,s){return e===Math.floor((t+s)/2)}const S=[{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 C=(e,t,s)=>e===t.current?void 0===s?null:s:i.keyExtractor(e,v),N=(e,t,s)=>{if(e.value===m.key)t({value:m.key});else{t({value:s.find((t=>t.key===e.value)).key})}},E=(e,t,s,n,r,o,a)=>{if(0===e||0===t)return;const c=e/t,l=s-1;if(c<2)r!==l&&(o(l),a(n));else if(c>s||s-c<.01)r>1&&(o(1),a(n));else{const e=_(c,l);e!==r&&e<s&&(o(e),a(n))}},_=(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 i.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=S,value:x,onCommit:k=(()=>{}),testId:m}){const R=n.useRef(null),p=n.useRef(null),_=s.createRef(),[V,O]=n.useState(e[0]?.key),[A,P]=n.useState(-1),D=n.useRef(-1),H=n.useRef(0),M=u.useId(),[B,U]=l.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:$}=c.useCurrentKey((e=>i.keyExtractor(e,v)),!0,i.getPrevNextKey(R.current,V,!0,v),i.getPrevNextKey(R.current,V,!1,v),void 0,void 0,V,(e=>O(e.value))),{selectionProps:L}=a.useSingleSelection((e=>C(e,p,V)),void 0,(t=>N(t,k,e))),z=n.useCallback((t=>{for(const s of t)E(s.contentRect.height,H.current,e.length,e[0]?.key,A,P,O)}),[e,A]);n.useEffect((()=>{p.current&&(p.current.setAttribute("aria-valuemax",D.current+1+""),p.current.setAttribute("aria-valuetext",_.current?.dataset?.ojValuetext||""),p.current.setAttribute("aria-valuenow",_.current?.dataset?.ojValuenow||"")),D.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,E(t.offsetHeight,H.current,e.length,e[0]?.key,A,P,O))}),[e,A]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{z(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[A,z]);const q=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:G,innerStyle:J}}=b.useComponentTheme(h.IndexerRedwoodTheme),Q=j.useTestId(m);return t.jsxs("div",{ref:R,class:G,...Q,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...o.mergeProps($,U,L),ref:p,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":M,role:"slider",class:J,children:t.jsx(f.Collection,{items:e,children:s=>{const n=e.length-1;D.current+=1;const r={context:s,ref:_,currentKey:V,selectedKey:x,valueNow:D.current,isFocusRingVisible:!!B};if(s.index===n)return t.jsx(g,{...r,lastValueNow:D.current+1});if(A<=1||s.index%A==0)return t.jsx(T,{...r});const o={...r,sectionsPerTruncation:A,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return I(e.context.index,t,s)}(o)?t.jsx(w,{...o}):(D.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
 //# sourceMappingURL=Indexer-510aaf3a.js.map

package/amd/InlineHelpSource-8277317c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-68275657', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,t,o,r,l){"use strict";e.InlineHelpSource=function({children:e,source:t}){const c=r.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),u=e||c,{isTabbable:b,tabbableModeProps:d}=o.useTabbableMode(),{classes:i,styles:m}=n.useComponentTheme(l.UserAssistanceRedwoodTheme);return s.jsx("a",{class:a.classNames([i,m.helpSourceStyles]),target:"_blank",href:t,...!b&&d,children:u})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-7c40cb58', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,t,o,r,c){"use strict";e.InlineHelpSource=function({children:e,source:t}){const l=r.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),b=e||l,{isTabbable:u,tabbableModeProps:d}=o.useTabbableMode(),{classes:i,styles:m}=n.useComponentTheme(c.UserAssistanceRedwoodTheme);return s.jsx("a",{class:a.classNames([i,m.helpSourceStyles]),target:"_blank",href:t,...!u&&d,children:b})}}));
 //# sourceMappingURL=InlineHelpSource-8277317c.js.map

package/amd/InlineUserAssistance-a97e0011.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-b8764305', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-27dfba9e', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './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-cf186eeb', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-4f896a0a', './useTranslationBundle-68275657', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-0140aa44'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,p,h,C,g,A,T,x,y,U,F,f,S,M,I,w,B,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=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=N.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=E.useFormFieldContext(),h=l.length>0?s.jsx(B.ComponentMessageContainer,{fieldLabel:t,messages:l}):(e||n)&&p?s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o}):i?s.jsx(V,{align:r}):null;return h||m?s.jsx(D,{id:a,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=D}));
+define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-590160eb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-733ade2f', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './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-cf186eeb', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-4f896a0a', './useTranslationBundle-7c40cb58', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-c286f212'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,p,h,C,g,A,T,x,y,U,f,F,S,M,I,w,B,N,b,_,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=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=b.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=E.useFormFieldContext(),h=l.length>0?s.jsx(B.ComponentMessageContainer,{fieldLabel:t,messages:l}):(e||n)&&p?s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o}):i?s.jsx(V,{align:r}):null;return h||m?s.jsx(D,{id:a,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=D}));
 //# sourceMappingURL=InlineUserAssistance-a97e0011.js.map

package/amd/InputDateMask-09989b51.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-68275657', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './CompactUserAssistance-3799998f', './LayerHost-27dfba9e', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'preact', 'css!./IconStyle.styles.css', './Popup-b0704743', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './classNames-08d99695', './clientHints-fff66be9', './keyboardUtils-71bc5d84', './getFormatParse-3d7186b3', './maskUtils-9370948f', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useUser-e8dd7f7c', './Flex-b8764305', './HiddenAccessible-037ef42d', './LiveRegion-17fea064', './stringUtils-0ae982c2', './useComponentTheme-5aa41a8f', './calendarDateUtils-5e25297c', './useDoubleTap-b6bf5458', './useTabbableMode-dc440317', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './Label-41b672b4', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', 'css!./LiveRegionStyles.styles.css', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './useTextField-e6877c79'], (function(e,t,a,s,n,r,i,o,l,d,c,u,p,m,y,g,f,b,h,v,x,D,S,C,T,F,k,I,A,R,w,P,U,E,M,_,L,j,H,N,B,O,q,V,Y,K,W,$,z,X,Z,G,J,Q,ee,te){"use strict";const ae=e=>{e.preventDefault()},se=()=>"ios"===A.getClientHints().platform,ne=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:d,isDisabled:c,isHidden:u,isHighlighted:p,isInvalid:m,isRequired:y,isSelected:g,onChange:f,placeholder:b,text:h,type:v})=>{const x=h&&h.length>0,D=I.classNames([U.segmentStyles.base,g&&U.segmentStyles.selected,p&&U.segmentStyles.highlighted]),S=I.classNames([U.segmentStyles.placeholder,u||x?U.segmentStyles.hidden:U.segmentStyles.notHidden]),C=i.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),T=s.useRef(null),F=l??T,k=s.useRef(!1),{locale:A}=E.useUser(),w=s.useCallback((e=>{if(!c&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&!R.isSelectAll(e)){if(p){if(R.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!d&&void 0!==h?P.isNumberOnlyString(e.key)?(f?.({actionType:"updateSegment",data:{type:v,text:e.key,hasLeadingZero:k.current,locale:A}}),k.current=!1):R.isBackspaceOrDelete(e)||"Backspace"===e.key?(f?.({actionType:"clearSegment",data:{type:v}}),k.current=!1):"ArrowUp"===e.key?(f?.({actionType:"step",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"ArrowDown"===e.key?(f?.({actionType:"step",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"PageUp"===e.key?(f?.({actionType:"page",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"PageDown"===e.key?(f?.({actionType:"page",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"Home"===e.key?(f?.({actionType:"goToHome",data:{locale:A,type:v}}),k.current=!1):"End"===e.key&&(f?.({actionType:"goToEnd",data:{locale:A,type:v}}),k.current=!1):k.current=!0;e.preventDefault(),e.stopPropagation()}}),[d,c,p,A,f,h,v]);s.useEffect((()=>{g&&F.current?.focus()}),[g,F]);const M={"data-segment":[v]},_=void 0===o?C:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:F,role:se()?"textbox":"spinbutton","aria-disabled":c,"aria-invalid":m||void 0,"aria-label":e,"aria-required":y,"aria-valuemin":se()?void 0:n,"aria-valuemax":se()?void 0:a,"aria-valuenow":se()?void 0:r,"aria-valuetext":se()?void 0:_,autocapitalize:"off",autocorrect:"off",class:D,contentEditable:!c,...M,enterkeyhint:c?void 0:"done",inputMode:c?"none":"numeric",onCut:ae,onKeyDown:w,onPaste:ae,spellcheck:!1,tabIndex:g?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:S,...M,children:b}),h]})})},re=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const r=I.classNames([U.segmentStyles.literalBase,s&&U.segmentStyles.placeholder,a&&U.segmentStyles.highlighted,e?U.segmentStyles.hidden:U.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:r,children:n})},ie=(e,t)=>{if("reset"===t.actionType)return t.data;const a=t.data?.type,s=de(e.segments,a);switch(t.actionType){case"clearDate":{const t=Te(De(e.segments),e.orderedSegments);return Pe(e,t,!1)}case"clearSegment":{const t=xe(s);return ve(e,a,t)}case"commit":{const t=Re(e.segments);return Pe(e,t,!1)}case"goToEnd":{const n=Me(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"goToHome":{const n=Ee(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"page":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"page",n,r);return ve(e,a,i,!1)}case"selectDateOrSegment":return we(e);case"selectFirst":{const t=Te(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectNext":{const t=Ie(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectPrevious":{const t=Ae(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectSegment":{const t=Ce(e.segments,a);return Pe(e,t,!1)}case"step":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"step",n,r);return ve(e,a,i,!1)}case"updateSegment":{const n=Se(a,s,t,e.segments);return ve(e,a,n)}default:throw new Error("Unknown action type")}},oe=e=>+e,le=e=>e.toString(),de=(e,t)=>e.find((e=>e.type===t)),ce=e=>e.every((e=>e.text&&e.text.length>0)),ue=e=>e.some((e=>void 0!==e["aria-valuenow"])),pe=e=>{if(!ue(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},me=e=>de(e,"year")["aria-valuenow"],ye=(e,t,a)=>`${t} - ${P.getMonthName(e,t,a??"*","long")}`,ge=e=>[...e.orderedSegments],fe=(e,t,a)=>e.map((e=>e.type===t?a:e)),be=(e,t,a,s,n)=>{const r=fe(e,a,s);let i=r;if("month"===a||"year"===a){const e=de(r,"day");if(e){const t="month"==a?s["aria-valuenow"]:de(r,"month")["aria-valuenow"],n="year"===a?s["aria-valuenow"]:me(r),o=N.getDaysInMonth(t??"*",n??"*"),l=e["aria-valuenow"],d=l&&l>o?o:l,c=d?le(d):void 0,u={...e,"aria-valuemax":o,"aria-valuenow":d,"aria-valuetext":c,text:c};i=fe(r,"day",u)}}return i=s.isComplete&&n?Ie(i,t):i,i},he=(e,t)=>({currentDate:pe(t),isCompleteDate:ce(t),isDateSelected:e.isDateSelected,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),ve=(e,t,a,s=!0)=>{const n=be(e.segments,e.orderedSegments,t,a,s);return he(e,n)},xe=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),De=e=>e.map((e=>{const t=xe(e),a="year"===t.type?N.MAX_ISO_YEAR:"month"===t.type?N.getMonthsInYear("*"):N.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),Se=(e,t,a,s)=>{const n=a.data?.text,r=a.data?.hasLeadingZero,i=a.data?.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],d=t.isComplete?n:t.text+n,c=oe(d),u=(m=l,(p=c)>=o&&p<=m);var p,m;const y=u?d:n,g=u?c:oe(n),f=((e,t)=>oe(le(e)+"0")>t)(g,l)||!!r&&"year"!==e,b="month"===e?ye(i,g,me(s)):y;return{...t,"aria-valuetext":b,"aria-valuenow":g,text:y,isComplete:f}},Ce=(e,t)=>e.map((e=>({...e,isSelected:e.type===t}))),Te=(e,t)=>Ce(e,t[0]),Fe=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},ke=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Ie=(e,t)=>{const a=Fe(e,t);return a===t.length-1?e:Ce(ke(e),t[a+1])},Ae=(e,t)=>{const a=Fe(e,t);return 0===a?e:-1===a?Te(e,t):Ce(ke(e),t[a-1])},Re=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),we=e=>{if(e.isCompleteDate)return Pe(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Te(e.segments,e.orderedSegments);return he(e,t)}},Pe=(e,t,a)=>({currentDate:pe(t),isCompleteDate:ce(t),isDateSelected:a,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),Ue=(e,t,a,s,n)=>{const r=le(e);return{...s,"aria-valuetext":"month"===a?ye(t,e,me(n)):r,"aria-valuenow":e,text:r,isComplete:!0}},Ee=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return Ue(n,s,e,t,a)},Me=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return Ue(n,s,e,t,a)},_e=(e,t,a,s,n,r)=>{const i=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],d=void 0===i?(e=>{const{year:t,month:a,day:s}=P.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((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,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(i,n,o,l);return Ue(d,r,e,t,a)};const Le=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isFocused:i,isInputFocused:o,onCommit:l,onInput:d,state:c,value:u})=>{const{tabbableModeProps:p}=O.useTabbableMode(),{tabIndex:m}=p,y=c.segments.some((e=>!!e.isSelected)),g=-1===m||y||r?-1:0,f=s.useRef(c.currentDate),b=s.useRef(c.currentDate),h=s.useRef(!1),v=s.useRef(!!i);e.current&&(f.current=u,b.current=u);const x=s.useCallback((e=>{a(e)}),[a]),D=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),S=s.useCallback(((e=!0)=>{c.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,c.isCompleteDate]),C=s.useCallback((()=>{S()}),[S]),T=s.useCallback((e=>{e.target.getAttribute("data-segment")&&S(!1)}),[S]),F=B.useDoubleTap({onDoubleTap:T,onSingleTap:D}),k=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(R.isBackspaceOrDelete(e)||"Backspace"===e.key)&&c.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):R.isSelectAll(e)?(S(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(P.calendarDatesAreDifferent(b.current,f.current)&&(l?.({value:f.current}),b.current=f.current),e.preventDefault(),e.stopPropagation())}),[t,a,l,S,c.isDateSelected]);s.useEffect((()=>{v.current&&!i&&(a({actionType:"commit"}),P.calendarDatesAreDifferent(b.current,f.current)&&(l?.({value:f.current}),b.current=f.current)),v.current=!!i}),[a,i,l]),s.useEffect((()=>{if(P.calendarDatesAreDifferent(f.current,c.currentDate)&&!e.current){const e=void 0!==c.currentDate?Object.freeze({...c.currentDate}):c.currentDate;d({value:e}),f.current=e}e.current=!1}),[d,c.currentDate,e]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"commit"}),I.current=!1}),[a,o]);const U=function(){const e=A.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...F,onKeyDown:k}:{onClick:D,onDoubleClick:C,onKeyDown:k,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:U,segmentHandlers:r?{}:{onChange:x},tabIndex:g}},je=(e,t)=>e.find((e=>e.type===t)),He=({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":r,baseId:o,fieldRef:l,granularity:d="day",hasInsideLabel:c,isRequired:u,masks:p,onBlur:m,onCommit:y,onFocus:g,onInput:f,textAlign:b,value:h,variant:v="default"})=>{const x=i.useTranslationBundle("@oracle/oraclejet-preact"),D=x.inputDateMask_date_cleared(),S={month:x.formControl_month(),day:x.formControl_day(),year:x.formControl_year()},{direction:C,locale:T}=E.useUser(),{isDisabled:F,isFocused:k,isInputFocused:A}=V.useFormFieldContext(),R=void 0!==h,{classes:w}=H.useComponentTheme(Y.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:v,textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:c?"hasInsideLabel":"noInsideLabel",value:R?"hasValue":"noValue",focused:k?"isFocused":"notFocused",disabled:F?"isDisabled":"notDisabled"}),U=I.classNames([w]),{state:B,dispatch:O,dateResetRef:q}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:r})=>{const i=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=r?.year,l=r?.month,d=r?.day,c=N.getMonthsInYear(o??"*"),u=N.getDaysInMonth(l??"*",o??"*"),p=!(!o||!l||"month"!==a&&!d),m=!!o||!!l||!!d,y=o?le(o):void 0,g=l?le(l):void 0,f=d?le(d):void 0,b=l?ye(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":N.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":d,"aria-valuetext":f,isComplete:!!d,isSelected:!1,text:f}],v={currentDate:r,isCompleteDate:p,isDateSelected:!1,isPartialDate:m,orderedSegments:i,segments:[{type:"year","aria-label":e.year,"aria-valuemin":N.MIN_ISO_YEAR,"aria-valuemax":N.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":N.MIN_ISO_MONTH,"aria-valuemax":c,"aria-valuenow":l,"aria-valuetext":b,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(ie,v),S=s.useRef(r),C=s.useRef(!1);return P.calendarDatesAreDifferent(S.current,r)&&(S.current=r,P.calendarDatesAreDifferent(r,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:S,dateMasks:p,granularity:d,locale:T,value:h}),{isDateSelected:K,isPartialDate:W,segments:$}=B,z={year:je($,"year"),month:je($,"month"),day:"day"===d?je($,"day"):void 0},X=s.useRef(null),{dateClearedRef:Z,dateFieldHandlers:G,segmentHandlers:J,tabIndex:Q}=Le({dateResetRef:q,direction:C,dispatch:O,groupRef:X,isDisabled:F,isFocused:k,isInputFocused:A,onCommit:y,onInput:f,state:B,value:h}),ee=void 0===h&&c&&!k,te=B.isCompleteDate?N.formatFullCalendarDate(T,B.currentDate,d):"",ae=`${o}-date`,se=B.isCompleteDate?t.jsx(_.HiddenAccessible,{id:ae,children:te}):void 0,oe=B.isCompleteDate?j.merge([e,ae]):e,de=Z.current?D:"",ce=B.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":r,class:U,onFocusIn:g,onFocusOut:m,ref:X,role:"group",tabIndex:Q,...G,children:[t.jsx(M.Flex,{direction:"row",wrap:"nowrap",justify:b,children:p.map((({type:e,value:s})=>{const n="literal"!==e?z[e]:{};return"literal"===e?t.jsx(re,{isHidden:ee,isHighlighted:K,isPlaceholder:!W,text:s}):t.jsx(ne,{inputRef:e===ce?l:void 0,isDisabled:F,isInvalid:!!a,isHidden:ee,isHighlighted:K,isRequired:u,placeholder:s,type:e,...J,...n})}))}),se,t.jsx(L.LiveRegion,{children:de})]})},Ne=b.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),Be=()=>s.useContext(Ne),Oe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:n,endContent:r,granularity:o="day",helpSourceLink:l,helpSourceText:d,isDisabled:p,isReadonly:m,isRequired:y,isRequiredShown:g,label:f,labelEdge:b,labelStartWidth:h,mainFieldRef:v,messages:x,masks:D,testId:S,textAlign:C,userAssistanceDensity:T,value:F,variant:k,onCommit:I,onInput:A},R)=>{const{isDisabled:w,isReadonly:U,labelEdge:M,labelStartWidth:_,textAlign:L,userAssistanceDensity:j}=ee.useFormContext(),H=p??w,B=m??U,O=b??M,V=h??_,Y=C??L,W=T??j,$=s.useRef(null),G=s.useRef(null),{focusProps:Q,isFocused:ae,methods:se}=J.useFocusableTextField({isDisabled:H,isReadonly:B,enabledElementRef:$,readonlyElementRef:G});s.useImperativeHandle(R,(()=>se),[se]);const{isDropdownOpen:ne,isInputDatePickerParent:re}=Be(),ie=ae||re&&ne,{baseId:oe,formFieldContext:le,inputProps:de,labelProps:ce,textFieldProps:ue,userAssistanceProps:pe}=te.useTextField({ariaDescribedBy:e,helpSourceLink:l,helpSourceText:d,isDisabled:H,isFocused:ie,isReadonly:B,isRequiredShown:g,labelEdge:O,messages:x,styleVariant:k,userAssistanceDensity:W,value:F}),{forId:me,...ye}=ce,{id:ge,...fe}=de,be=ye.id,he=s.useCallback((()=>{$.current?.focus()}),[$]),ve="none"!==O?t.jsx(K.Label,{...H||B?{}:{onClick:he},...ye,children:f}):void 0,xe={label:"none"!==O?ve:void 0,labelEdge:"none"!==O?O:void 0,labelStartWidth:"none"!==O?V:void 0},De="none"===O?f:void 0,Se=void 0!==f&&"inside"===O,Ce="efficient"===W||"reflow"===W?H||B?"efficient"!==W?void 0:t.jsx(c.InlineUserAssistance,{userAssistanceDensity:W,...pe}):t.jsx(c.InlineUserAssistance,{assistiveText:a,fieldLabel:f,helpSourceLink:l,helpSourceText:d,messages:x,isRequiredShown:g,userAssistanceDensity:W,...pe}):void 0,Te=s.useRef(null),Fe=v??Te,ke="compact"===W?t.jsx(u.CompactUserAssistance,{anchorRef:Fe,messages:x,assistiveText:a,...pe}):void 0,{locale:Ie}=E.useUser(),Ae=i.useTranslationBundle("@oracle/oraclejet-preact"),Re=Ae.inputDateMask_monthPlaceholder(),we=Ae.inputDateMask_dayPlaceholder(),Pe=Ae.inputDateMask_yearPlaceholder();if(D&&("day"===o&&5!==D.length||"month"===o&&3!==D.length))throw new Error("Specified masks must match the granularity");const Ue=s.useMemo((()=>D?P.translateCustomMasks(D,Re,we,Pe):N.getDatePlaceholderMasks(Ie,o,Re,we,Pe)),[D,Ie,o,we,Re,Pe]);if(B)return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(X.ReadonlyTextField,{role:"presentation",columnSpan:n,compactUserAssistance:ke,inlineUserAssistance:Ce,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,ref:Fe,testId:S,mainContent:t.jsx(z.ReadonlyTextFieldInput,{"aria-describedby":fe["aria-describedby"],"aria-label":De,"aria-labelledby":ye.id,as:"div",elementRef:G,textAlign:Y,value:void 0===F?"":N.formatShortCalendarDate(F,o,Ue),hasEmptyLabel:""===f&&"none"===O,hasInsideLabel:Se}),...xe})});const Ee=t.jsx(He,{"aria-label":De,"aria-labelledby":be,baseId:oe,fieldRef:$,granularity:o,hasInsideLabel:void 0!==ve&&"inside"===O,isRequired:y,masks:Ue,onCommit:I,onInput:A,textAlign:Y,value:F,...fe});return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(Z.TextField,{columnSpan:n,compactUserAssistance:ke,endContent:r,inlineUserAssistance:Ce,mainContent:Ee,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,mainFieldRef:Fe,testId:S,...ue,...xe})})}));e.InputDateMask=Oe,e.InputDateMaskContext=Ne,e.useInputDateMaskContext=Be}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-7c40cb58', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './CompactUserAssistance-3799998f', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'preact', 'css!./IconStyle.styles.css', './Popup-3e2566da', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './classNames-08d99695', './clientHints-fff66be9', './keyboardUtils-71bc5d84', './getFormatParse-3d7186b3', './maskUtils-9370948f', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useUser-797287de', './Flex-590160eb', './HiddenAccessible-037ef42d', './LiveRegion-1917f798', './stringUtils-0ae982c2', './useComponentTheme-5aa41a8f', './calendarDateUtils-5e25297c', './useDoubleTap-b6bf5458', './useTabbableMode-dc440317', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './Label-41b672b4', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', 'css!./LiveRegionStyles.styles.css', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './useTextField-e6877c79'], (function(e,t,a,s,n,r,i,o,l,c,d,u,p,m,y,g,f,b,h,v,x,D,S,C,T,F,k,I,A,R,w,P,U,E,M,_,L,j,H,N,B,O,q,V,Y,K,W,$,z,X,Z,G,J,Q,ee,te){"use strict";const ae=e=>{e.preventDefault()},se=()=>"ios"===A.getClientHints().platform,ne=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:c,isDisabled:d,isHidden:u,isHighlighted:p,isInvalid:m,isRequired:y,isSelected:g,onChange:f,placeholder:b,text:h,type:v})=>{const x=h&&h.length>0,D=I.classNames([U.segmentStyles.base,g&&U.segmentStyles.selected,p&&U.segmentStyles.highlighted]),S=I.classNames([U.segmentStyles.placeholder,u||x?U.segmentStyles.hidden:U.segmentStyles.notHidden]),C=i.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),T=s.useRef(null),F=l??T,k=s.useRef(!1),{locale:A}=E.useUser(),w=s.useCallback((e=>{if(!d&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&!R.isSelectAll(e)){if(p){if(R.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!c&&void 0!==h?P.isNumberOnlyString(e.key)?(f?.({actionType:"updateSegment",data:{type:v,text:e.key,hasLeadingZero:k.current,locale:A}}),k.current=!1):R.isBackspaceOrDelete(e)||"Backspace"===e.key?(f?.({actionType:"clearSegment",data:{type:v}}),k.current=!1):"ArrowUp"===e.key?(f?.({actionType:"step",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"ArrowDown"===e.key?(f?.({actionType:"step",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"PageUp"===e.key?(f?.({actionType:"page",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"PageDown"===e.key?(f?.({actionType:"page",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"Home"===e.key?(f?.({actionType:"goToHome",data:{locale:A,type:v}}),k.current=!1):"End"===e.key&&(f?.({actionType:"goToEnd",data:{locale:A,type:v}}),k.current=!1):k.current=!0;e.preventDefault(),e.stopPropagation()}}),[c,d,p,A,f,h,v]);s.useEffect((()=>{g&&F.current?.focus()}),[g,F]);const M={"data-segment":[v]},_=void 0===o?C:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:F,role:se()?"textbox":"spinbutton","aria-disabled":d,"aria-invalid":m||void 0,"aria-label":e,"aria-required":y,"aria-valuemin":se()?void 0:n,"aria-valuemax":se()?void 0:a,"aria-valuenow":se()?void 0:r,"aria-valuetext":se()?void 0:_,autocapitalize:"off",autocorrect:"off",class:D,contentEditable:!d,...M,enterkeyhint:d?void 0:"done",inputMode:d?"none":"numeric",onCut:ae,onKeyDown:w,onPaste:ae,spellcheck:!1,tabIndex:g?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:S,...M,children:b}),h]})})},re=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const r=I.classNames([U.segmentStyles.literalBase,s&&U.segmentStyles.placeholder,a&&U.segmentStyles.highlighted,e?U.segmentStyles.hidden:U.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:r,children:n})},ie=(e,t)=>{if("reset"===t.actionType)return t.data;const a=t.data?.type,s=ce(e.segments,a);switch(t.actionType){case"clearDate":{const t=Te(De(e.segments),e.orderedSegments);return Pe(e,t,!1)}case"clearSegment":{const t=xe(s);return ve(e,a,t)}case"commit":{const t=Re(e.segments);return Pe(e,t,!1)}case"goToEnd":{const n=Me(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"goToHome":{const n=Ee(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"page":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"page",n,r);return ve(e,a,i,!1)}case"selectDateOrSegment":return we(e);case"selectFirst":{const t=Te(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectNext":{const t=Ie(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectPrevious":{const t=Ae(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectSegment":{const t=Ce(e.segments,a);return Pe(e,t,!1)}case"step":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"step",n,r);return ve(e,a,i,!1)}case"updateSegment":{const n=Se(a,s,t,e.segments);return ve(e,a,n)}default:throw new Error("Unknown action type")}},oe=e=>+e,le=e=>e.toString(),ce=(e,t)=>e.find((e=>e.type===t)),de=e=>e.every((e=>e.text&&e.text.length>0)),ue=e=>e.some((e=>void 0!==e["aria-valuenow"])),pe=e=>{if(!ue(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},me=e=>ce(e,"year")["aria-valuenow"],ye=(e,t,a)=>`${t} - ${P.getMonthName(e,t,a??"*","long")}`,ge=e=>[...e.orderedSegments],fe=(e,t,a)=>e.map((e=>e.type===t?a:e)),be=(e,t,a,s,n)=>{const r=fe(e,a,s);let i=r;if("month"===a||"year"===a){const e=ce(r,"day");if(e){const t="month"==a?s["aria-valuenow"]:ce(r,"month")["aria-valuenow"],n="year"===a?s["aria-valuenow"]:me(r),o=N.getDaysInMonth(t??"*",n??"*"),l=e["aria-valuenow"],c=l&&l>o?o:l,d=c?le(c):void 0,u={...e,"aria-valuemax":o,"aria-valuenow":c,"aria-valuetext":d,text:d};i=fe(r,"day",u)}}return i=s.isComplete&&n?Ie(i,t):i,i},he=(e,t)=>({currentDate:pe(t),isCompleteDate:de(t),isDateSelected:e.isDateSelected,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),ve=(e,t,a,s=!0)=>{const n=be(e.segments,e.orderedSegments,t,a,s);return he(e,n)},xe=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),De=e=>e.map((e=>{const t=xe(e),a="year"===t.type?N.MAX_ISO_YEAR:"month"===t.type?N.getMonthsInYear("*"):N.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),Se=(e,t,a,s)=>{const n=a.data?.text,r=a.data?.hasLeadingZero,i=a.data?.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],c=t.isComplete?n:t.text+n,d=oe(c),u=(m=l,(p=d)>=o&&p<=m);var p,m;const y=u?c:n,g=u?d:oe(n),f=((e,t)=>oe(le(e)+"0")>t)(g,l)||!!r&&"year"!==e,b="month"===e?ye(i,g,me(s)):y;return{...t,"aria-valuetext":b,"aria-valuenow":g,text:y,isComplete:f}},Ce=(e,t)=>e.map((e=>({...e,isSelected:e.type===t}))),Te=(e,t)=>Ce(e,t[0]),Fe=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},ke=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Ie=(e,t)=>{const a=Fe(e,t);return a===t.length-1?e:Ce(ke(e),t[a+1])},Ae=(e,t)=>{const a=Fe(e,t);return 0===a?e:-1===a?Te(e,t):Ce(ke(e),t[a-1])},Re=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),we=e=>{if(e.isCompleteDate)return Pe(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Te(e.segments,e.orderedSegments);return he(e,t)}},Pe=(e,t,a)=>({currentDate:pe(t),isCompleteDate:de(t),isDateSelected:a,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),Ue=(e,t,a,s,n)=>{const r=le(e);return{...s,"aria-valuetext":"month"===a?ye(t,e,me(n)):r,"aria-valuenow":e,text:r,isComplete:!0}},Ee=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return Ue(n,s,e,t,a)},Me=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return Ue(n,s,e,t,a)},_e=(e,t,a,s,n,r)=>{const i=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],c=void 0===i?(e=>{const{year:t,month:a,day:s}=P.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((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,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(i,n,o,l);return Ue(c,r,e,t,a)};const Le=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isFocused:i,isInputFocused:o,onCommit:l,onInput:c,state:d,value:u})=>{const{tabbableModeProps:p}=O.useTabbableMode(),{tabIndex:m}=p,y=d.segments.some((e=>!!e.isSelected)),g=-1===m||y||r?-1:0,f=s.useRef(d.currentDate),b=s.useRef(d.currentDate),h=s.useRef(!1),v=s.useRef(!!i);e.current&&(f.current=u,b.current=u);const x=s.useCallback((e=>{a(e)}),[a]),D=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),S=s.useCallback(((e=!0)=>{d.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,d.isCompleteDate]),C=s.useCallback((()=>{S()}),[S]),T=s.useCallback((e=>{e.target.getAttribute("data-segment")&&S(!1)}),[S]),F=B.useDoubleTap({onDoubleTap:T,onSingleTap:D}),k=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(R.isBackspaceOrDelete(e)||"Backspace"===e.key)&&d.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):R.isSelectAll(e)?(S(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(P.calendarDatesAreDifferent(b.current,f.current)&&(l?.({value:f.current}),b.current=f.current),e.preventDefault(),e.stopPropagation())}),[t,a,l,S,d.isDateSelected]);s.useEffect((()=>{v.current&&!i&&(a({actionType:"commit"}),P.calendarDatesAreDifferent(b.current,f.current)&&(l?.({value:f.current}),b.current=f.current)),v.current=!!i}),[a,i,l]),s.useEffect((()=>{if(P.calendarDatesAreDifferent(f.current,d.currentDate)&&!e.current){const e=void 0!==d.currentDate?Object.freeze({...d.currentDate}):d.currentDate;c({value:e}),f.current=e}e.current=!1}),[c,d.currentDate,e]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"commit"}),I.current=!1}),[a,o]);const U=function(){const e=A.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...F,onKeyDown:k}:{onClick:D,onDoubleClick:C,onKeyDown:k,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:U,segmentHandlers:r?{}:{onChange:x},tabIndex:g}},je=(e,t)=>e.find((e=>e.type===t)),He=({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":r,baseId:o,fieldRef:l,granularity:c="day",hasInsideLabel:d,isRequired:u,masks:p,onBlur:m,onCommit:y,onFocus:g,onInput:f,textAlign:b,value:h,variant:v="default"})=>{const x=i.useTranslationBundle("@oracle/oraclejet-preact"),D=x.inputDateMask_date_cleared(),S={month:x.formControl_month(),day:x.formControl_day(),year:x.formControl_year()},{direction:C,locale:T}=E.useUser(),{isDisabled:F,isFocused:k,isInputFocused:A}=V.useFormFieldContext(),R=void 0!==h,{classes:w}=H.useComponentTheme(Y.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:v,textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:R?"hasValue":"noValue",focused:k?"isFocused":"notFocused",disabled:F?"isDisabled":"notDisabled"}),U=I.classNames([w]),{state:B,dispatch:O,dateResetRef:q}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:r})=>{const i=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=r?.year,l=r?.month,c=r?.day,d=N.getMonthsInYear(o??"*"),u=N.getDaysInMonth(l??"*",o??"*"),p=!(!o||!l||"month"!==a&&!c),m=!!o||!!l||!!c,y=o?le(o):void 0,g=l?le(l):void 0,f=c?le(c):void 0,b=l?ye(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":N.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":c,"aria-valuetext":f,isComplete:!!c,isSelected:!1,text:f}],v={currentDate:r,isCompleteDate:p,isDateSelected:!1,isPartialDate:m,orderedSegments:i,segments:[{type:"year","aria-label":e.year,"aria-valuemin":N.MIN_ISO_YEAR,"aria-valuemax":N.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":N.MIN_ISO_MONTH,"aria-valuemax":d,"aria-valuenow":l,"aria-valuetext":b,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(ie,v),S=s.useRef(r),C=s.useRef(!1);return P.calendarDatesAreDifferent(S.current,r)&&(S.current=r,P.calendarDatesAreDifferent(r,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:S,dateMasks:p,granularity:c,locale:T,value:h}),{isDateSelected:K,isPartialDate:W,segments:$}=B,z={year:je($,"year"),month:je($,"month"),day:"day"===c?je($,"day"):void 0},X=s.useRef(null),{dateClearedRef:Z,dateFieldHandlers:G,segmentHandlers:J,tabIndex:Q}=Le({dateResetRef:q,direction:C,dispatch:O,groupRef:X,isDisabled:F,isFocused:k,isInputFocused:A,onCommit:y,onInput:f,state:B,value:h}),ee=void 0===h&&d&&!k,te=B.isCompleteDate?N.formatFullCalendarDate(T,B.currentDate,c):"",ae=`${o}-date`,se=B.isCompleteDate?t.jsx(_.HiddenAccessible,{id:ae,children:te}):void 0,oe=B.isCompleteDate?j.merge([e,ae]):e,ce=Z.current?D:"",de=B.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":r,class:U,onFocusIn:g,onFocusOut:m,ref:X,role:"group",tabIndex:Q,...G,children:[t.jsx(M.Flex,{direction:"row",wrap:"nowrap",justify:b,children:p.map((({type:e,value:s})=>{const n="literal"!==e?z[e]:{};return"literal"===e?t.jsx(re,{isHidden:ee,isHighlighted:K,isPlaceholder:!W,text:s}):t.jsx(ne,{inputRef:e===de?l:void 0,isDisabled:F,isInvalid:!!a,isHidden:ee,isHighlighted:K,isRequired:u,placeholder:s,type:e,...J,...n})}))}),se,t.jsx(L.LiveRegion,{children:ce})]})},Ne=b.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),Be=()=>s.useContext(Ne),Oe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:n,endContent:r,granularity:o="day",helpSourceLink:l,helpSourceText:c,isDisabled:p,isReadonly:m,isRequired:y,isRequiredShown:g,label:f,labelEdge:b,labelStartWidth:h,mainFieldRef:v,messages:x,masks:D,testId:S,textAlign:C,userAssistanceDensity:T,value:F,variant:k,onCommit:I,onInput:A},R)=>{const{isDisabled:w,isReadonly:U,labelEdge:M,labelStartWidth:_,textAlign:L,userAssistanceDensity:j}=ee.useFormContext(),H=p??w,B=m??U,O=b??M,V=h??_,Y=C??L,W=T??j,$=s.useRef(null),G=s.useRef(null),{focusProps:Q,isFocused:ae,methods:se}=J.useFocusableTextField({isDisabled:H,isReadonly:B,enabledElementRef:$,readonlyElementRef:G});s.useImperativeHandle(R,(()=>se),[se]);const{isDropdownOpen:ne,isInputDatePickerParent:re}=Be(),ie=ae||re&&ne,{baseId:oe,formFieldContext:le,inputProps:ce,labelProps:de,textFieldProps:ue,userAssistanceProps:pe}=te.useTextField({ariaDescribedBy:e,helpSourceLink:l,helpSourceText:c,isDisabled:H,isFocused:ie,isReadonly:B,isRequiredShown:g,labelEdge:O,messages:x,styleVariant:k,userAssistanceDensity:W,value:F}),{forId:me,...ye}=de,{id:ge,...fe}=ce,be=ye.id,he=s.useCallback((()=>{$.current?.focus()}),[$]),ve="none"!==O?t.jsx(K.Label,{...H||B?{}:{onClick:he},...ye,children:f}):void 0,xe={label:"none"!==O?ve:void 0,labelEdge:"none"!==O?O:void 0,labelStartWidth:"none"!==O?V:void 0},De="none"===O?f:void 0,Se=void 0!==f&&"inside"===O,Ce="efficient"===W||"reflow"===W?H||B?"efficient"!==W?void 0:t.jsx(d.InlineUserAssistance,{userAssistanceDensity:W,...pe}):t.jsx(d.InlineUserAssistance,{assistiveText:a,fieldLabel:f,helpSourceLink:l,helpSourceText:c,messages:x,isRequiredShown:g,userAssistanceDensity:W,...pe}):void 0,Te=s.useRef(null),Fe=v??Te,ke="compact"===W?t.jsx(u.CompactUserAssistance,{anchorRef:Fe,messages:x,assistiveText:a,...pe}):void 0,{locale:Ie}=E.useUser(),Ae=i.useTranslationBundle("@oracle/oraclejet-preact"),Re=Ae.inputDateMask_monthPlaceholder(),we=Ae.inputDateMask_dayPlaceholder(),Pe=Ae.inputDateMask_yearPlaceholder();if(D&&("day"===o&&5!==D.length||"month"===o&&3!==D.length))throw new Error("Specified masks must match the granularity");const Ue=s.useMemo((()=>D?P.translateCustomMasks(D,Re,we,Pe):N.getDatePlaceholderMasks(Ie,o,Re,we,Pe)),[D,Ie,o,we,Re,Pe]);if(B)return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(X.ReadonlyTextField,{role:"presentation",columnSpan:n,compactUserAssistance:ke,inlineUserAssistance:Ce,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,ref:Fe,testId:S,mainContent:t.jsx(z.ReadonlyTextFieldInput,{"aria-describedby":fe["aria-describedby"],"aria-label":De,"aria-labelledby":ye.id,as:"div",elementRef:G,textAlign:Y,value:void 0===F?"":N.formatShortCalendarDate(F,o,Ue),hasEmptyLabel:""===f&&"none"===O,hasInsideLabel:Se}),...xe})});const Ee=t.jsx(He,{"aria-label":De,"aria-labelledby":be,baseId:oe,fieldRef:$,granularity:o,hasInsideLabel:void 0!==ve&&"inside"===O,isRequired:y,masks:Ue,onCommit:I,onInput:A,textAlign:Y,value:F,...fe});return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(Z.TextField,{columnSpan:n,compactUserAssistance:ke,endContent:r,inlineUserAssistance:Ce,mainContent:Ee,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,mainFieldRef:Fe,testId:S,...ue,...xe})})}));e.InputDateMask=Oe,e.InputDateMaskContext=Ne,e.useInputDateMaskContext=Be}));
 //# sourceMappingURL=InputDateMask-09989b51.js.map

package/amd/InputDatePicker-4c3c6bb4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-0e2eb66f', './InputDateMask-09989b51', './HiddenAccessible-037ef42d', './IconButton-368fba34', './clientHints-fff66be9', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-7c40cb58', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './Flex-590160eb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-3e2566da', './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-404b38fa', './DatePicker-9115226e', './SectionedContent-ef1f844c', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-3d7186b3', './maskUtils-9370948f', './calendarDateUtils-5e25297c'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,C,b,D,S,k,x,A,v,g,F,T,V,I,w,P,U,M,R,j,_,B,H,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee){"use strict";const se=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:l,isOpen:c,isReadonly:u,label:p,onClose:h,onCommit:y,max:C,messages:b,min:D,monthAndYearPicker:S,testId:k,todayButton:x,todayTimeZone:A,userAssistanceDensity:v,value:g,weekDisplay:F})=>{const[T,V]=a.useState(!1),[I,w]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(w(c),c||V(!1));const U=te(),{datePicker_label:M}=m.useTranslationBundle("@oracle/oraclejet-preact"),R=M(),j=s.jsx(z.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:U?void 0:"auto",onCommit:y,max:C,min:D,maxWidth:U?"100%":void 0,width:"100%",monthAndYearPicker:S,testId:k,todayTimeZone:A,todayButton:x,value:g,weekDisplay:F}),_=!c||T&&!U||l||u||!(t||r||b&&b.length>0)||"efficient"!==v&&"reflow"!==v?void 0:s.jsx(d.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Z.userAssistanceStyles,children:s.jsx(f.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:b,userAssistanceDensity:v})})}),B=k?k+(U?"_sheet":"_dropdown"):void 0,H=s.jsx("div",{class:Z.dropdownStyles,children:s.jsx(G.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})});return U?s.jsx(W.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(G.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})}):s.jsx(G.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:H})},te=()=>"phone"===l.getClientHints().deviceType,ae=e=>e&&ee.isCompleteCalendarDate(e)?e:void 0,ne=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:ae(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:ae(s.data),dateValue:s.data};default:return e}},oe=({onCommit:e,onInput:s,value:t})=>{const[n,o]=a.useState(!1),r=a.useRef(null),i=a.useRef(null),l=a.useRef(!1),d=a.useRef(),c=a.useRef(t),u=a.useRef(t),m=a.useRef(t),p=a.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=a.useReducer(ne,{completeDateValue:ae(e),dateValue:e});return{state:s,dispatch:t}})({value:t});$.calendarDatesAreDifferent(m.current,t)&&(m.current=t,$.calendarDatesAreDifferent(t,h.dateValue)&&(y({type:"reset",data:t}),u.current=t,c.current=t)),a.useEffect((()=>{$.calendarDatesAreDifferent(h.dateValue,u.current)&&(s({previousValue:u.current,value:h.dateValue}),u.current=h.dateValue),p.current&&$.calendarDatesAreDifferent(h.dateValue,c.current)&&(e?.({previousValue:c.current,value:h.dateValue}),c.current=h.dateValue,p.current=!1)}),[e,s,h.dateValue]);const f=a.useCallback((e=>{y({type:"dateChanged",data:e.value})}),[y]),C=a.useCallback((()=>{$.calendarDatesAreDifferent(c.current,h.dateValue)&&(e?.({value:h.dateValue,previousValue:c.current}),c.current=h.dateValue)}),[e,h.dateValue]),b=a.useCallback((()=>{l.current||o((e=>!e)),l.current=!1}),[]),D=a.useCallback((e=>{"outsideMousedown"===e.reason?(l.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{l.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),o(!1)}),[]);return{calendarIconActionHandler:b,datePickerCommitHandler:a.useCallback((e=>{r.current?.focus(),p.current=!0,y({type:"dateSelected",data:e.value}),o(!1)}),[y]),dropdownCloseHandler:D,completeDateValue:h.completeDateValue,dateValue:h.dateValue,iconRef:r,isOpen:n,maskCommitHandler:C,maskInputHandler:f,maskRef:i}},re=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:l,daysOutsideMonth:d,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,label:y,max:f,messages:C,min:b,monthAndYearPicker:D,todayTimeZone:S,todayButton:k,value:x,onCommit:A,onInput:v,testId:g,userAssistanceDensity:F,weekDisplay:T,...V},I)=>{const{calendarIconActionHandler:w,datePickerCommitHandler:P,completeDateValue:U,dateValue:M,dropdownCloseHandler:R,iconRef:j,isOpen:_,maskCommitHandler:B,maskInputHandler:H,maskRef:E}=oe({onCommit:A,onInput:v,value:x}),N=a.useRef(null),{inputDatePicker_selectDate:L,inputDatePicker_instruction:O}=m.useTranslationBundle("@oracle/oraclejet-preact"),Y=L(),{userAssistanceDensity:Z}=K.useFormContext(),W=F??Z;a.useImperativeHandle(I,(()=>({focus:()=>{E.current?.focus()},blur:()=>{E.current?.blur()}})));const z=Q.useId(),G=O(),J=p||h?void 0:s.jsx(r.HiddenAccessible,{id:z,isHidden:!0,children:G}),X=p||h?e:q.merge([e,z]),$=s.jsx(i.IconButton,{"aria-haspopup":"dialog","aria-label":Y,isDisabled:p,ref:j,size:"sm",testId:g?g+"_calendarIcon":void 0,variant:"ghost",onAction:w,children:s.jsx(n.SvgCalendar,{})}),ee=_;return s.jsxs(s.Fragment,{children:[s.jsx(o.InputDateMaskContext.Provider,{value:{isDropdownOpen:_,isInputDatePickerParent:!0},children:s.jsx(o.InputDateMask,{"aria-describedby":X,assistiveText:t,endContent:$,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,label:y,onCommit:B,onInput:H,mainFieldRef:N,messages:C,testId:g,ref:E,userAssistanceDensity:F,value:M,...V})}),J,ee&&s.jsx(se,{anchorRef:N,assistiveText:t,dayFormatter:l,daysOutsideMonth:d,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,isOpen:_,label:y,onClose:R,onCommit:P,max:f,messages:C,min:b,monthAndYearPicker:D,testId:g?g+"_datePicker":void 0,todayTimeZone:S,todayButton:k,userAssistanceDensity:W,value:U,weekDisplay:T})]})}));e.InputDatePicker=re}));
+//# sourceMappingURL=InputDatePicker-4c3c6bb4.js.map

package/amd/{InputDatePicker-03bdeb95.js.map → InputDatePicker-4c3c6bb4.js.map}

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

package/amd/InputPassword-57a5e072.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './useHover-7964884c', './Label-41b672b4', './keyboardUtils-71bc5d84', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', './useTranslationBundle-68275657', 'css!./LiveRegionStyles.styles.css', './LayerHost-27dfba9e', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './CompactUserAssistance-3799998f', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'preact', 'css!./IconStyle.styles.css', './Popup-b0704743', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-d73689cc', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './RevealToggleIcon-c22626da'], (function(e,s,t,a,o,l,n,i,d,r,c,u,p,b,m,h,y,x,F,T,f,v,C,S,A,g,I,R,U,w,P,E,L,j,V,_,k,D,B,N,H,q,W,O,$,G,M,z,J){"use strict";const K=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:l="off",autoFocus:u=!1,columnSpan:b,hasClearIcon:F,hasRevealToggle:T="always",helpSourceLink:f,helpSourceText:v,isDisabled:C,isReadonly:S,isRequired:A=!1,isRequiredShown:w,label:P,labelEdge:E,labelStartWidth:L,messages:j,placeholder:V,textAlign:_,userAssistanceDensity:k,value:D,variant:B="default",onInput:N,onCommit:H,testId:q},W)=>{const{currentCommitValue:K,dispatch:Q}=M.useCurrentValueReducer({value:D}),X=a.useCallback((e=>{Q({type:"input",payload:e.value}),N?.(e)}),[N,Q]),Y=a.useCallback((e=>{Q({type:"commit",payload:e.value}),H?.(e)}),[H,Q]),{isDisabled:Z,isReadonly:ee,labelEdge:se,labelStartWidth:te,textAlign:ae,userAssistanceDensity:oe}=n.useFormContext(),le=C??Z,ne=S??ee,ie=E??se,de=L??te,re=_??ae,ce=k??oe,{bool:ue,setFalse:pe,setTrue:be}=R.useToggle(!1),me=a.useRef(null),he=a.useRef(null),{focusProps:ye,isFocused:xe,methods:Fe}=o.useFocusableTextField({enabledElementRef:me,readonlyElementRef:he,isDisabled:le,isReadonly:ne,onBlurWithin:pe}),{methods:Te}=z.useSelectableTextField(me);a.useImperativeHandle(W,(()=>U.mergeProps(Fe,Te)),[Fe,Te]);const{hoverProps:fe,isHover:ve}=r.useHover({isDisabled:ne||le||!1}),{formFieldContext:Ce,inputProps:Se,labelProps:Ae,textFieldProps:ge,userAssistanceProps:Ie}=d.useTextField({ariaDescribedBy:e,helpSourceLink:f,helpSourceText:v,isDisabled:le,isFocused:xe,isReadonly:ne,isRequiredShown:w,labelEdge:ie,messages:j,styleVariant:B,userAssistanceDensity:ce,value:D}),Re=a.useCallback((()=>{ue?pe():be()}),[ue,pe,be]),Ue=x.useTranslationBundle("@oracle/oraclejet-preact"),we=Ue.inputPassword_hidden(),Pe=Ue.inputPassword_show(),Ee=Ue.inputPassword_hide(),Le=le||"always"!==T?null:s.jsx(J.RevealToggleIcon,{accessibleLabel:we,isRevealed:ue,onToggle:Re,tooltipHide:Ee,tooltipShow:Pe,testId:`${q}_toggleicon`}),je=a.useCallback((()=>{me.current?.focus(),X?.({previousValue:D,value:""})}),[X,D,me]),Ve=O.useClearIcon({clearIcon:s.jsx(G.ClearIcon,{onClick:je,testId:`${q}_clearicon`}),display:F,hasValue:Ce.hasValue,isFocused:xe,isEnabled:!ne&&!le,isHover:ve}),_e=$.beforeVNode(Le,Ve),ke="none"!==ie?s.jsx(c.Label,{...Ae,children:P}):void 0,De={label:"none"!==ie?ke:void 0,labelEdge:"none"!==ie?ie:void 0,labelStartWidth:"none"!==ie?de:void 0},Be="none"===ie?P:void 0,Ne="efficient"===ce||"reflow"===ce?le||ne?"efficient"!==ce?void 0:s.jsx(g.InlineUserAssistance,{userAssistanceDensity:ce,...Ie}):s.jsx(g.InlineUserAssistance,{assistiveText:t,helpSourceLink:f,helpSourceText:v,messages:j,isRequiredShown:w,userAssistanceDensity:ce,...Ie}):void 0,He=a.useRef(null),qe="compact"===ce?s.jsx(I.CompactUserAssistance,{anchorRef:He,messages:j,assistiveText:t,...Ie}):void 0;if(ne){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Se["aria-describedby"],"aria-label":Be,"aria-labelledby":Ae.id,as:"input",autoFocus:u,elementRef:he,textAlign:re,type:"password",value:D,hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==P&&"inside"===ie});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(h.ReadonlyTextField,{role:"presentation",columnSpan:b,compactUserAssistance:qe,inlineUserAssistance:Ne,ref:He,mainContent:e,testId:q,...De})})}const We=s.jsx(p.TextFieldInput,{"aria-label":Be,autoComplete:l,autoFocus:u,currentCommitValue:K,hasEndContent:!(!Ve&&!Le),hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==ke&&"inside"===ie,inputRef:me,isRequired:A,onInput:X,onCommit:Y,placeholder:V,textAlign:re,value:D,type:ue?"text":"password",...Se});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(y.TextField,{columnSpan:b,endContent:_e,inlineUserAssistance:Ne,compactUserAssistance:qe,mainContent:We,onBlur:ye.onFocusOut,onFocus:ye.onFocusIn,mainFieldRef:He,testId:q,...ge,...De,...fe})})}));e.InputPassword=K}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './useHover-7964884c', './Label-41b672b4', './keyboardUtils-71bc5d84', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', './useTranslationBundle-7c40cb58', 'css!./LiveRegionStyles.styles.css', './LayerHost-733ade2f', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './CompactUserAssistance-3799998f', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'preact', 'css!./IconStyle.styles.css', './Popup-3e2566da', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-d73689cc', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './RevealToggleIcon-c22626da'], (function(e,s,t,a,o,l,n,i,d,r,c,u,p,b,m,h,y,x,F,T,f,v,C,S,A,g,I,R,U,w,P,E,L,j,V,_,k,D,B,N,H,q,W,O,$,G,M,z,J){"use strict";const K=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:l="off",autoFocus:u=!1,columnSpan:b,hasClearIcon:F,hasRevealToggle:T="always",helpSourceLink:f,helpSourceText:v,isDisabled:C,isReadonly:S,isRequired:A=!1,isRequiredShown:w,label:P,labelEdge:E,labelStartWidth:L,messages:j,placeholder:V,textAlign:_,userAssistanceDensity:k,value:D,variant:B="default",onInput:N,onCommit:H,testId:q},W)=>{const{currentCommitValue:K,dispatch:Q}=M.useCurrentValueReducer({value:D}),X=a.useCallback((e=>{Q({type:"input",payload:e.value}),N?.(e)}),[N,Q]),Y=a.useCallback((e=>{Q({type:"commit",payload:e.value}),H?.(e)}),[H,Q]),{isDisabled:Z,isReadonly:ee,labelEdge:se,labelStartWidth:te,textAlign:ae,userAssistanceDensity:oe}=n.useFormContext(),le=C??Z,ne=S??ee,ie=E??se,de=L??te,re=_??ae,ce=k??oe,{bool:ue,setFalse:pe,setTrue:be}=R.useToggle(!1),me=a.useRef(null),he=a.useRef(null),{focusProps:ye,isFocused:xe,methods:Fe}=o.useFocusableTextField({enabledElementRef:me,readonlyElementRef:he,isDisabled:le,isReadonly:ne,onBlurWithin:pe}),{methods:Te}=z.useSelectableTextField(me);a.useImperativeHandle(W,(()=>U.mergeProps(Fe,Te)),[Fe,Te]);const{hoverProps:fe,isHover:ve}=r.useHover({isDisabled:ne||le||!1}),{formFieldContext:Ce,inputProps:Se,labelProps:Ae,textFieldProps:ge,userAssistanceProps:Ie}=d.useTextField({ariaDescribedBy:e,helpSourceLink:f,helpSourceText:v,isDisabled:le,isFocused:xe,isReadonly:ne,isRequiredShown:w,labelEdge:ie,messages:j,styleVariant:B,userAssistanceDensity:ce,value:D}),Re=a.useCallback((()=>{ue?pe():be()}),[ue,pe,be]),Ue=x.useTranslationBundle("@oracle/oraclejet-preact"),we=Ue.inputPassword_hidden(),Pe=Ue.inputPassword_show(),Ee=Ue.inputPassword_hide(),Le=le||"always"!==T?null:s.jsx(J.RevealToggleIcon,{accessibleLabel:we,isRevealed:ue,onToggle:Re,tooltipHide:Ee,tooltipShow:Pe,testId:`${q}_toggleicon`}),je=a.useCallback((()=>{me.current?.focus(),X?.({previousValue:D,value:""})}),[X,D,me]),Ve=O.useClearIcon({clearIcon:s.jsx(G.ClearIcon,{onClick:je,testId:`${q}_clearicon`}),display:F,hasValue:Ce.hasValue,isFocused:xe,isEnabled:!ne&&!le,isHover:ve}),_e=$.beforeVNode(Le,Ve),ke="none"!==ie?s.jsx(c.Label,{...Ae,children:P}):void 0,De={label:"none"!==ie?ke:void 0,labelEdge:"none"!==ie?ie:void 0,labelStartWidth:"none"!==ie?de:void 0},Be="none"===ie?P:void 0,Ne="efficient"===ce||"reflow"===ce?le||ne?"efficient"!==ce?void 0:s.jsx(g.InlineUserAssistance,{userAssistanceDensity:ce,...Ie}):s.jsx(g.InlineUserAssistance,{assistiveText:t,helpSourceLink:f,helpSourceText:v,messages:j,isRequiredShown:w,userAssistanceDensity:ce,...Ie}):void 0,He=a.useRef(null),qe="compact"===ce?s.jsx(I.CompactUserAssistance,{anchorRef:He,messages:j,assistiveText:t,...Ie}):void 0;if(ne){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Se["aria-describedby"],"aria-label":Be,"aria-labelledby":Ae.id,as:"input",autoFocus:u,elementRef:he,textAlign:re,type:"password",value:D,hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==P&&"inside"===ie});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(h.ReadonlyTextField,{role:"presentation",columnSpan:b,compactUserAssistance:qe,inlineUserAssistance:Ne,ref:He,mainContent:e,testId:q,...De})})}const We=s.jsx(p.TextFieldInput,{"aria-label":Be,autoComplete:l,autoFocus:u,currentCommitValue:K,hasEndContent:!(!Ve&&!Le),hasEmptyLabel:""===P&&"none"===ie,hasInsideLabel:void 0!==ke&&"inside"===ie,inputRef:me,isRequired:A,onInput:X,onCommit:Y,placeholder:V,textAlign:re,value:D,type:ue?"text":"password",...Se});return s.jsx(i.FormFieldContext.Provider,{value:Ce,children:s.jsx(y.TextField,{columnSpan:b,endContent:_e,inlineUserAssistance:Ne,compactUserAssistance:qe,mainContent:We,onBlur:ye.onFocusOut,onFocus:ye.onFocusIn,mainFieldRef:He,testId:q,...ge,...De,...fe})})}));e.InputPassword=K}));
 //# sourceMappingURL=InputPassword-57a5e072.js.map

package/amd/InputText-a72eb1c3.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useHover-7964884c', './useLengthFilter-ed8959a4', './useTextField-e6877c79', './Label-41b672b4', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-2612edcd', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-71bc5d84', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', './MaxLengthLiveRegion-ecc0c894', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-68275657', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './CompactUserAssistance-3799998f', './mergeProps-bcfa6a92', './LayerHost-27dfba9e', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'preact', 'css!./IconStyle.styles.css', './Popup-b0704743', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './clientHints-fff66be9', './componentUtils-c14d7fce', './ClearIcon-d73689cc', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,a,i,n,o,l,r,d,u,c,x,p,f,b,h,m,v,F,y,C,S,I,T,A,L,g,R,U,P,E,j,V,_,w,D,H,k,B,N,M,q,$,O,W,G,K,X,z,J,Q){"use strict";const Y=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:F,hasClearIcon:T="never",endContent:A,helpSourceLink:g,helpSourceText:R,isDisabled:U,isReadonly:V,isRequired:_=!1,isRequiredShown:w,label:D,labelEdge:H,labelStartWidth:k,maxLength:B,maxLengthUnit:N,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:K,userAssistanceDensity:Y,value:ee,variant:se="default",virtualKeyboard:te,onInput:ae,onCommit:ie,testId:ne},oe)=>{const le=L.useTranslationBundle("@oracle/oraclejet-preact"),re=B?le.formControl_limitReached({CHARACTER_LIMIT:B}):"",{currentCommitValue:de,dispatch:ue}=J.useCurrentValueReducer({value:ee}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),ae?.(e)}),[ae,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),ie?.(e)}),[ie,ue]),{isDisabled:pe,isReadonly:fe,labelEdge:be,labelStartWidth:he,textAlign:me,userAssistanceDensity:ve}=l.useFormContext(),Fe=U??pe,ye=V??fe,Ce=H??be,Se=k??he,Ie=K??me,Te=Y??ve,Ae=a.useRef(h.useId()),Le=e?`${e} ${Ae.current}`:Ae.current,ge=[{detail:re,severity:"info"}],{isMaxLengthReached:Re,valueLength:Ue,onFilteredInput:Pe}=u.useLengthFilter({maxLength:B,maxLengthUnit:N,value:ee,onInput:ce,onCommit:xe}),Ee=[...M??[],...Re?ge:[]],je=a.useRef(null),Ve=a.useRef(null),{focusProps:_e,isFocused:we,methods:De}=n.useFocusableTextField({isDisabled:Fe,isReadonly:ye,enabledElementRef:je,readonlyElementRef:Ve}),{methods:He}=Q.useSelectableTextField(je);a.useImperativeHandle(oe,(()=>j.mergeProps(De,He)),[De,He]);const{hoverProps:ke,isHover:Be}=d.useHover({isDisabled:ye||Fe||!1}),{baseId:Ne,formFieldContext:Me,inputProps:qe,labelProps:$e,textFieldProps:Oe,userAssistanceProps:We}=c.useTextField({ariaDescribedBy:ye||Fe?e:Le,helpSourceLink:g,helpSourceText:R,isDisabled:Fe,isFocused:we,isReadonly:ye,isRequiredShown:w,labelEdge:Ce,messages:Ee,styleVariant:se,userAssistanceDensity:Te,value:ee}),Ge=a.useCallback((()=>{je.current?.focus(),ce?.({previousValue:ee,value:""})}),[ce,ee,je]),Ke=i.useClearIcon({clearIcon:s.jsx(z.ClearIcon,{onClick:Ge,testId:`${ne}_clearicon`}),display:T,hasValue:Me.hasValue,isFocused:we,isEnabled:!ye&&!Fe,isHover:Be}),Xe=X.beforeVNode(A,Ke),ze=void 0!==D&&"inside"===Ce,{shouldRenderPrefix:Je,shouldRenderSuffix:Qe,prefixProps:Ye,suffixProps:Ze,valuePrefixSuffix:es,ariaLabelledBy:ss}=f.usePrefixSuffix({baseId:Ne,hasEndContent:void 0!==A,hasInsideLabel:ze,hasStartContent:void 0!==W,hasValue:Me.hasValue,isDisabled:Fe,isFocused:we,labelId:$e.id,prefix:$,suffix:G,value:ee}),ts=Je?s.jsx(p.PrefixSuffix,{...Ye}):void 0,as=Qe?s.jsx(p.PrefixSuffix,{...Ze}):void 0,is="none"!==Ce?s.jsx(x.Label,{...$e,children:D}):void 0,ns={label:"none"!==Ce?is:void 0,labelEdge:"none"!==Ce?Ce:void 0,labelStartWidth:"none"!==Ce?Se:void 0},os="none"===Ce?D:void 0,ls="efficient"===Te||"reflow"===Te?Fe||ye?"efficient"!==Te?void 0:s.jsx(P.InlineUserAssistance,{userAssistanceDensity:Te,...We}):s.jsx(P.InlineUserAssistance,{assistiveText:t,fieldLabel:D,helpSourceLink:g,helpSourceText:R,messages:Ee,isRequiredShown:w,userAssistanceDensity:Te,...We}):void 0,rs=a.useRef(null),ds="compact"===Te?s.jsx(E.CompactUserAssistance,{anchorRef:rs,messages:Ee,assistiveText:t,...We}):void 0;if(ye){const e=s.jsx(y.ReadonlyTextFieldInput,{"aria-describedby":qe["aria-describedby"],"aria-label":os,"aria-labelledby":$e.id,as:"div",autoFocus:m,elementRef:Ve,textAlign:Ie,value:es,hasEmptyLabel:""===D&&"none"===Ce,hasInsideLabel:ze});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(C.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,ref:rs,mainContent:e,testId:ne,...ns})})}const us=void 0!==B,cs=s.jsxs(s.Fragment,{children:[ts,s.jsx(v.TextFieldInput,{"aria-labelledby":ss,"aria-label":os,autoComplete:o,autoFocus:m,currentCommitValue:de,hasEmptyLabel:""===D&&"none"===Ce,hasEndContent:void 0!==A,hasInsideLabel:void 0!==is&&"inside"===Ce,hasPrefix:void 0!==ts,hasStartContent:void 0!==W,hasSuffix:void 0!==as,inputRef:je,isRequired:_,placeholder:q,role:O,textAlign:Ie,type:Z()?te:void 0,value:Fe?es:ee,onCommit:xe,onInput:Pe,...qe}),as,us&&s.jsx(b.HiddenAccessible,{id:Ae.current,children:le.formControl_maxLength({MAX_LENGTH:`${B}`})}),us&&we&&s.jsx(I.MaxLengthLiveRegion,{maxLength:B,valueLength:Ue,testId:ne+"_remainingChars"})]});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(S.TextField,{endContent:Xe,columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,mainContent:cs,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,startContent:W,mainFieldRef:rs,testId:ne,...Oe,...ns,...ke})})}));function Z(){const e=K.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=Y}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useHover-7964884c', './useLengthFilter-ed8959a4', './useTextField-e6877c79', './Label-41b672b4', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-5147bdc9', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-71bc5d84', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', './MaxLengthLiveRegion-46bb45da', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-7c40cb58', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './CompactUserAssistance-3799998f', './mergeProps-bcfa6a92', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'preact', 'css!./IconStyle.styles.css', './Popup-3e2566da', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './clientHints-fff66be9', './componentUtils-c14d7fce', './ClearIcon-d73689cc', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,a,i,n,o,l,r,d,u,c,x,p,f,b,h,m,v,F,y,C,S,I,T,A,L,g,R,U,P,E,j,V,_,w,D,H,k,B,N,M,q,$,O,W,G,K,X,z,J,Q){"use strict";const Y=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:F,hasClearIcon:T="never",endContent:A,helpSourceLink:g,helpSourceText:R,isDisabled:U,isReadonly:V,isRequired:_=!1,isRequiredShown:w,label:D,labelEdge:H,labelStartWidth:k,maxLength:B,maxLengthUnit:N,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:K,userAssistanceDensity:Y,value:ee,variant:se="default",virtualKeyboard:te,onInput:ae,onCommit:ie,testId:ne},oe)=>{const le=L.useTranslationBundle("@oracle/oraclejet-preact"),re=B?le.formControl_limitReached({CHARACTER_LIMIT:B}):"",{currentCommitValue:de,dispatch:ue}=J.useCurrentValueReducer({value:ee}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),ae?.(e)}),[ae,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),ie?.(e)}),[ie,ue]),{isDisabled:pe,isReadonly:fe,labelEdge:be,labelStartWidth:he,textAlign:me,userAssistanceDensity:ve}=l.useFormContext(),Fe=U??pe,ye=V??fe,Ce=H??be,Se=k??he,Ie=K??me,Te=Y??ve,Ae=a.useRef(h.useId()),Le=e?`${e} ${Ae.current}`:Ae.current,ge=[{detail:re,severity:"info"}],{isMaxLengthReached:Re,valueLength:Ue,onFilteredInput:Pe}=u.useLengthFilter({maxLength:B,maxLengthUnit:N,value:ee,onInput:ce,onCommit:xe}),Ee=[...M??[],...Re?ge:[]],je=a.useRef(null),Ve=a.useRef(null),{focusProps:_e,isFocused:we,methods:De}=n.useFocusableTextField({isDisabled:Fe,isReadonly:ye,enabledElementRef:je,readonlyElementRef:Ve}),{methods:He}=Q.useSelectableTextField(je);a.useImperativeHandle(oe,(()=>j.mergeProps(De,He)),[De,He]);const{hoverProps:ke,isHover:Be}=d.useHover({isDisabled:ye||Fe||!1}),{baseId:Ne,formFieldContext:Me,inputProps:qe,labelProps:$e,textFieldProps:Oe,userAssistanceProps:We}=c.useTextField({ariaDescribedBy:ye||Fe?e:Le,helpSourceLink:g,helpSourceText:R,isDisabled:Fe,isFocused:we,isReadonly:ye,isRequiredShown:w,labelEdge:Ce,messages:Ee,styleVariant:se,userAssistanceDensity:Te,value:ee}),Ge=a.useCallback((()=>{je.current?.focus(),ce?.({previousValue:ee,value:""})}),[ce,ee,je]),Ke=i.useClearIcon({clearIcon:s.jsx(z.ClearIcon,{onClick:Ge,testId:`${ne}_clearicon`}),display:T,hasValue:Me.hasValue,isFocused:we,isEnabled:!ye&&!Fe,isHover:Be}),Xe=X.beforeVNode(A,Ke),ze=void 0!==D&&"inside"===Ce,{shouldRenderPrefix:Je,shouldRenderSuffix:Qe,prefixProps:Ye,suffixProps:Ze,valuePrefixSuffix:es,ariaLabelledBy:ss}=f.usePrefixSuffix({baseId:Ne,hasEndContent:void 0!==A,hasInsideLabel:ze,hasStartContent:void 0!==W,hasValue:Me.hasValue,isDisabled:Fe,isFocused:we,labelId:$e.id,prefix:$,suffix:G,value:ee}),ts=Je?s.jsx(p.PrefixSuffix,{...Ye}):void 0,as=Qe?s.jsx(p.PrefixSuffix,{...Ze}):void 0,is="none"!==Ce?s.jsx(x.Label,{...$e,children:D}):void 0,ns={label:"none"!==Ce?is:void 0,labelEdge:"none"!==Ce?Ce:void 0,labelStartWidth:"none"!==Ce?Se:void 0},os="none"===Ce?D:void 0,ls="efficient"===Te||"reflow"===Te?Fe||ye?"efficient"!==Te?void 0:s.jsx(P.InlineUserAssistance,{userAssistanceDensity:Te,...We}):s.jsx(P.InlineUserAssistance,{assistiveText:t,fieldLabel:D,helpSourceLink:g,helpSourceText:R,messages:Ee,isRequiredShown:w,userAssistanceDensity:Te,...We}):void 0,rs=a.useRef(null),ds="compact"===Te?s.jsx(E.CompactUserAssistance,{anchorRef:rs,messages:Ee,assistiveText:t,...We}):void 0;if(ye){const e=s.jsx(y.ReadonlyTextFieldInput,{"aria-describedby":qe["aria-describedby"],"aria-label":os,"aria-labelledby":$e.id,as:"div",autoFocus:m,elementRef:Ve,textAlign:Ie,value:es,hasEmptyLabel:""===D&&"none"===Ce,hasInsideLabel:ze});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(C.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,ref:rs,mainContent:e,testId:ne,...ns})})}const us=void 0!==B,cs=s.jsxs(s.Fragment,{children:[ts,s.jsx(v.TextFieldInput,{"aria-labelledby":ss,"aria-label":os,autoComplete:o,autoFocus:m,currentCommitValue:de,hasEmptyLabel:""===D&&"none"===Ce,hasEndContent:void 0!==A,hasInsideLabel:void 0!==is&&"inside"===Ce,hasPrefix:void 0!==ts,hasStartContent:void 0!==W,hasSuffix:void 0!==as,inputRef:je,isRequired:_,placeholder:q,role:O,textAlign:Ie,type:Z()?te:void 0,value:Fe?es:ee,onCommit:xe,onInput:Pe,...qe}),as,us&&s.jsx(b.HiddenAccessible,{id:Ae.current,children:le.formControl_maxLength({MAX_LENGTH:`${B}`})}),us&&we&&s.jsx(I.MaxLengthLiveRegion,{maxLength:B,valueLength:Ue,testId:ne+"_remainingChars"})]});return s.jsx(r.FormFieldContext.Provider,{value:Me,children:s.jsx(S.TextField,{endContent:Xe,columnSpan:F,compactUserAssistance:ds,inlineUserAssistance:ls,mainContent:cs,onBlur:_e.onFocusOut,onFocus:_e.onFocusIn,startContent:W,mainFieldRef:rs,testId:ne,...Oe,...ns,...ke})})}));function Z(){const e=K.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=Y}));
 //# sourceMappingURL=InputText-a72eb1c3.js.map

package/amd/Label-41b672b4.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', 'preact/hooks', './LayerHost-27dfba9e', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-b8764305', '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-36ddb881', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-b0704743', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-f3d093c7', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,t,a,n,l,d,i,r,c,m,p,u,F,h,y,b,S,T,x,C,A,U,g,w,E,N,L,I,M,f,V,_,B,R,D,j,k,P,v,O,W){"use strict";const q=({hasValue:e,readonly:o,disabled:t,isFocused:n,isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:p="reflow",variant:u="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:b,labelWrapping:S}=l.useFormContext(),T="inside"===u,x="textField"===F,{classes:C,styles:{uaDensityCompactLabel:A,uaDensityCompactLabelStart:U,uaDensityCompactLabelTopInside:g}}=d.useComponentTheme(W.LabelRedwoodTheme,{labelWrapping:S,position:u,inside:T?"isInside":"notInside",inEnabledForm:y&&!b?"isInEnabledForm":"notInEnabledForm",readonly:o?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:b?"isReadonlyForm":"notReadonlyForm",textField:x?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:x?"isAnimated":"notAnimated",disabled:x&&t?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:w}=d.useComponentTheme(O.TextFieldRedwoodTheme),E=a.classNames([A,"start"===u?U:g]),N=s.jsx("label",{...h,class:E});return"compact"===p?s.jsxs("div",{class:a.classNames([C,w]),children:["start"!==u&&N,s.jsx(k.CompactLabelAssistance,{isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===u||"start"===u?u:"inside"}),"start"===u&&N]}):s.jsx("label",{...h,class:a.classNames([C,w])})};e.Label=({forId:e,...o})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:d}=t.useFormFieldContext();return s.jsx(q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:d,...o})}}));
+define(['exports', 'preact/jsx-runtime', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', 'preact/hooks', './LayerHost-733ade2f', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-590160eb', '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-30886397', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-9f9f658d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,t,a,n,l,d,i,r,c,m,p,u,F,h,y,b,S,T,x,C,A,U,g,w,E,N,L,f,I,M,V,_,B,R,D,j,k,P,v,O,W){"use strict";const q=({hasValue:e,readonly:o,disabled:t,isFocused:n,isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:p="reflow",variant:u="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:b,labelWrapping:S}=l.useFormContext(),T="inside"===u,x="textField"===F,{classes:C,styles:{uaDensityCompactLabel:A,uaDensityCompactLabelStart:U,uaDensityCompactLabelTopInside:g}}=d.useComponentTheme(W.LabelRedwoodTheme,{labelWrapping:S,position:u,inside:T?"isInside":"notInside",inEnabledForm:y&&!b?"isInEnabledForm":"notInEnabledForm",readonly:o?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:b?"isReadonlyForm":"notReadonlyForm",textField:x?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:x?"isAnimated":"notAnimated",disabled:x&&t?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:w}=d.useComponentTheme(O.TextFieldRedwoodTheme),E=a.classNames([A,"start"===u?U:g]),N=s.jsx("label",{...h,class:E});return"compact"===p?s.jsxs("div",{class:a.classNames([C,w]),children:["start"!==u&&N,s.jsx(k.CompactLabelAssistance,{isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===u||"start"===u?u:"inside"}),"start"===u&&N]}):s.jsx("label",{...h,class:a.classNames([C,w])})};e.Label=({forId:e,...o})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:d}=t.useFormFieldContext();return s.jsx(q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:d,...o})}}));
 //# sourceMappingURL=Label-41b672b4.js.map

package/amd/LabelValueLayout-b6701ecf.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-f0e638ec', './StyledLabelValueLayout-0353a9b8', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme'], (function(e,t,l,a,s,o,n,r,d,m,i,b,h){"use strict";e.LabelValueLayout=({label:e,labelEdge:a,children:o,labelStartWidth:p="33%",parentComponentVariant:S="textField",...u})=>{const{baseTheme:y}=m.useComponentTheme(i.TextFieldRedwoodTheme),{baseTheme:F}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(h.FormLayoutRedwoodTheme),x=S.startsWith("text"),c="formComponentWrapper"===S,C="start"===a,L="top"===a||"inside"===a,W="inside"===a,f=r.sizeToCSS(p),w=`calc(100% - ${f})`,A=!!u.hasTopUserAssistance,I=C?{flexBasis:f,width:f,maxWidth:f}:{},N=C?{flexBasis:w,width:w,maxWidth:w}:{},{isFormLayout:R,isReadonly:U,labelWrapping:E}=s.useFormContext(),{isReadonly:V}=n.useFormFieldContext(),g=R&&U||!R&&V,_=l.classNames([T,d.labelSlotStyles.base,C&&d.labelSlotStyles.start,L&&d.labelSlotStyles.top,L&&A&&d.labelSlotStyles.topAndTopUA,L&&g&&d.labelSlotStyles.topPureReadonly]),j=l.classNames([x&&y,c&&F,T,d.labelInnerStyles.base,C&&d.labelInnerStyles.start,x&&C&&!g&&d.labelInnerStyles.startNotPureReadonly,c&&W&&d.labelInnerStyles.insideFormComponentWrapper,c&&C&&!g&&!A&&d.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===E&&d.labelInnerStyles.noWrap]);return t.jsx(d.StyledLabelValueLayout,{flexAlign:V&&C?"stretch":"start",labelStyleClasses:_,labelStyles:I,labelInnerClasses:j,label:e,valueStyles:N,children:o})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-f0e638ec', './StyledLabelValueLayout-2524f5c3', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme'], (function(e,t,l,a,s,o,n,r,d,m,i,b,h){"use strict";e.LabelValueLayout=({label:e,labelEdge:a,children:o,labelStartWidth:p="33%",parentComponentVariant:S="textField",...u})=>{const{baseTheme:y}=m.useComponentTheme(i.TextFieldRedwoodTheme),{baseTheme:F}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(h.FormLayoutRedwoodTheme),x=S.startsWith("text"),c="formComponentWrapper"===S,C="start"===a,L="top"===a||"inside"===a,W="inside"===a,f=r.sizeToCSS(p),w=`calc(100% - ${f})`,A=!!u.hasTopUserAssistance,I=C?{flexBasis:f,width:f,maxWidth:f}:{},N=C?{flexBasis:w,width:w,maxWidth:w}:{},{isFormLayout:R,isReadonly:U,labelWrapping:E}=s.useFormContext(),{isReadonly:V}=n.useFormFieldContext(),g=R&&U||!R&&V,_=l.classNames([T,d.labelSlotStyles.base,C&&d.labelSlotStyles.start,L&&d.labelSlotStyles.top,L&&A&&d.labelSlotStyles.topAndTopUA,L&&g&&d.labelSlotStyles.topPureReadonly]),j=l.classNames([x&&y,c&&F,T,d.labelInnerStyles.base,C&&d.labelInnerStyles.start,x&&C&&!g&&d.labelInnerStyles.startNotPureReadonly,c&&W&&d.labelInnerStyles.insideFormComponentWrapper,c&&C&&!g&&!A&&d.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===E&&d.labelInnerStyles.noWrap]);return t.jsx(d.StyledLabelValueLayout,{flexAlign:V&&C?"stretch":"start",labelStyleClasses:_,labelStyles:I,labelInnerClasses:j,label:e,valueStyles:N,children:o})}}));
 //# sourceMappingURL=LabelValueLayout-b6701ecf.js.map

package/amd/{Layer-69221878.js → Layer-139c23c4.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-27dfba9e', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-3ca974f9'], (function(e,t,o,s,r,a,l){"use strict";const n=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=n,e.Layer=({children:e,logicalParentRef:i,isModal:y=!1,priority:c="popup",level:u="nearestAncestor"})=>{const[p,d]=o.useState(null),m=o.useRef(null),L=o.useContext(s.LayerContext),g=e=>{m.current=e,d(e)},f=l.useThemeInterpolations(i);let b=a.styles.popupPriorityStyle;switch(c){case"dialog":b=a.styles.dialogPriorityStyle;break;case"messages":b=a.styles.messagesPriorityStyle;break;case"tooltip":b=a.styles.tooltipPriorityStyle;break;default:b=a.styles.popupPriorityStyle}const S=r.classNames([f,a.baseStyle,b]);o.useLayoutEffect((()=>{const e="topLevel"===u?L.getRootLayerHost?.(c):L.getLayerHost?.(c);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer",y?"modal":"modeless"),i&&(t[n]=i.current),e.appendChild(t),g(t),()=>{e&&t&&e.contains(t)&&(delete t[n],e.removeChild(t)),L.onLayerUnmount&&L.onLayerUnmount(t),g(null)}}),[i,L,u,c,y]),p&&(p.className=S);const H=o.useCallback((()=>p),[p]),P=o.useMemo((()=>L.getLayerHost?{getRootLayerHost:L.getRootLayerHost?.bind(null,c),getLayerHost:H.bind(null)}:{}),[L.getLayerHost,L.getRootLayerHost,H,c]);return t.jsx(s.LayerContext.Provider,{value:P,children:p&&o.createPortal(e,p)})}}));
-//# sourceMappingURL=Layer-69221878.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-733ade2f', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-f8cbec71'], (function(e,t,o,s,r,a,l){"use strict";const n=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=n,e.Layer=({children:e,logicalParentRef:i,isModal:y=!1,priority:c="popup",level:u="nearestAncestor"})=>{const[p,d]=o.useState(null),m=o.useRef(null),L=o.useContext(s.LayerContext),g=e=>{m.current=e,d(e)},f=l.useThemeInterpolations(i);let b=a.styles.popupPriorityStyle;switch(c){case"dialog":b=a.styles.dialogPriorityStyle;break;case"messages":b=a.styles.messagesPriorityStyle;break;case"tooltip":b=a.styles.tooltipPriorityStyle;break;default:b=a.styles.popupPriorityStyle}const S=r.classNames([f,a.baseStyle,b]);o.useLayoutEffect((()=>{const e="topLevel"===u?L.getRootLayerHost?.(c):L.getLayerHost?.(c);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer",y?"modal":"modeless"),i&&(t[n]=i.current),e.appendChild(t),g(t),()=>{e&&t&&e.contains(t)&&(delete t[n],e.removeChild(t)),L.onLayerUnmount&&L.onLayerUnmount(t),g(null)}}),[i,L,u,c,y]),p&&(p.className=S);const H=o.useCallback((()=>p),[p]),P=o.useMemo((()=>L.getLayerHost?{getRootLayerHost:L.getRootLayerHost?.bind(null,c),getLayerHost:H.bind(null)}:{}),[L.getLayerHost,L.getRootLayerHost,H,c]);return t.jsx(s.LayerContext.Provider,{value:P,children:p&&o.createPortal(e,p)})}}));
+//# sourceMappingURL=Layer-139c23c4.js.map