@oracle/oraclejet-preact 18.1.1 → 18.1.2

package/amd/{IconUserAssistance-b5075ca1.js.map → IconUserAssistance-456f4b11.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconUserAssistance-b5075ca1.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-456f4b11.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-2d8f61ab.js → Indexer-21549baf.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-69dc7af4', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-5a5ffb1e', './useCollectionFocusRing-9dab85a9', './collectionUtils-f4de3e13', './useId-c9578d26', './useTranslationBundle-652e08a6', './HiddenAccessible-037ef42d', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-d0c49456', './Collection-46cfa244'], (function(e,t,s,n,r,a,o,c,l,i,u,d,f,y,x,k,b,h,j){"use strict";const m=Object.freeze({key:"__others__",label:"#"}),v="[data-oj-key]",T=x.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}=k.useComponentTheme(b.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:o?"isSelected":"notSelected"}),i=y.classNames([l]),u=r.data.label||r.data.key,f=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"data-oj-valuetext":f,"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=x.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=x.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,a=R(e,s),o=n.data.key===r,{classes:c}=k.useComponentTheme(b.IndexerRedwoodTheme,{focused:a.ref&&a.isFocusRingVisible?"isFocused":"notFocused",selected:o?"isSelected":"notSelected"}),l=y.classNames([c]),i=m.label;return t.jsx("li",{...a,class:l,"data-oj-valuetext":i,children:n.data.label})})),w=x.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:f}}=k.useComponentTheme(b.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(a.index,l,i))return null;const x=o[l].label||o[l].key,h=o[i].label||o[i].key,j=y.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${x}`,TO_SECTION:`${h}`});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:f})})})}));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:y,onCommit:x=(()=>{}),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,x,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}}=k.useComponentTheme(b.IndexerRedwoodTheme),Q=h.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(j.Collection,{items:e,children:s=>{const n=e.length-1;D.current+=1;const r={context:s,ref:_,currentKey:V,selectedKey:y,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(f.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
-//# sourceMappingURL=Indexer-2d8f61ab.js.map
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-a208520e', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-6e7057d0', './useCollectionFocusRing-9dab85a9', './collectionUtils-f4de3e13', './useId-c9578d26', './useTranslationBundle-33399171', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-efb1c8f9'], (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-21549baf.js.map

package/amd/{Indexer-2d8f61ab.js.map → Indexer-21549baf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Indexer-2d8f61ab.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.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 */\nimport { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles, IndexerItemVariantOptions } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const { classes } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(\n      IndexerRedwoodTheme,\n      {\n        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',\n        selected: isSelected ? 'isSelected' : 'notSelected'\n      }\n    );\n    const itemClasses = classNames([classes]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const { classes } = useComponentTheme<IndexerItemVariantOptions>(IndexerRedwoodTheme, {\n    focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n    selected: isSelected ? 'isSelected' : 'notSelected'\n  });\n  const othersClasses = classNames([classes]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n\n    const separatorClasses = classNames([classes]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} class={separatorClasses} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={dotStyle}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\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 { ComponentChildren, createRef, type RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback, Dispatch } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey, isMobile } from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {},\n  testId\n}: Props<K> & TestIdProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    true,\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    styles: { baseStyle, innerStyle }\n  } = useComponentTheme<never, IndexerStyles>(IndexerRedwoodTheme);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin={0}\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={innerStyle}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<StateUpdater<K | undefined>>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  if (isMobile()) {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","ITEM_SELECTOR","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","isSelected","data","commonProps","getCommonProps","classes","useComponentTheme","IndexerRedwoodTheme","focused","isFocusRingVisible","disabled","isDisabled","selected","itemClasses","classNames","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","jsx","class","children","currentKey","valueNow","LastSectionItem","lastValueNow","sectionProps","_jsxs","jsxs","Fragment","OthersItem","index","othersClasses","othersValueText","SeparatorItem","sections","from","to","getSeparatorRange","styles","dotStyle","isInSeparatorMiddle","fromText","toText","separatorClasses","separatorValueText","indexer_separatorLabel","FROM_SECTION","TO_SECTION","Flex","align","justify","sectionsPerTruncation","last","Math","floor","defaultSections","handleKeyExtract","element","rootRef","current","undefined","keyExtractor","handleSelection","detail","onCommit","value","find","section","updateSectionsPerTruncation","height","itemHeight","sectionsLength","firstSectionKey","setSectionsPerTruncation","setCurrent","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","truncationCount","tempLeftover","getIndexerDescription","isMobile","indexer_touchInstructionText","indexer_keyboardInstructionText","testId","useRef","ulRef","currElementRef","createRef","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","getPrevNextKey","selectionProps","useSingleSelection","handleResize","useCallback","entries","entry","contentRect","length","useEffect","setAttribute","dataset","root","querySelector","offsetHeight","resizeObserver","ResizeObserver","observe","unobserve","baseStyle","innerStyle","testIdProps","useTestId","width","mergeProps","tabIndex","role","Collection","items","separatorProps","hasSeparator","HiddenAccessible","id"],"mappings":"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"}
+{"version":3,"file":"Indexer-21549baf.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.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 */\nimport { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles, IndexerItemVariantOptions } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const { classes } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(\n      IndexerRedwoodTheme,\n      {\n        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',\n        selected: isSelected ? 'isSelected' : 'notSelected'\n      }\n    );\n    const itemClasses = classNames([classes]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const { classes } = useComponentTheme<IndexerItemVariantOptions>(IndexerRedwoodTheme, {\n    focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n    selected: isSelected ? 'isSelected' : 'notSelected'\n  });\n  const othersClasses = classNames([classes]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n\n    const separatorClasses = classNames([classes]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} class={separatorClasses} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={dotStyle}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\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 { ComponentChildren, createRef, type RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback, Dispatch } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey, isMobile } from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {},\n  testId\n}: Props<K> & TestIdProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    true,\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    styles: { baseStyle, innerStyle }\n  } = useComponentTheme<never, IndexerStyles>(IndexerRedwoodTheme);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin={0}\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={innerStyle}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<StateUpdater<K | undefined>>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  if (isMobile()) {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","ITEM_SELECTOR","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","isSelected","data","commonProps","getCommonProps","classes","useComponentTheme","IndexerRedwoodTheme","focused","isFocusRingVisible","disabled","isDisabled","selected","itemClasses","classNames","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","jsx","class","children","currentKey","valueNow","LastSectionItem","lastValueNow","sectionProps","_jsxs","jsxs","Fragment","OthersItem","index","othersClasses","othersValueText","SeparatorItem","sections","from","to","getSeparatorRange","styles","dotStyle","isInSeparatorMiddle","fromText","toText","separatorClasses","separatorValueText","indexer_separatorLabel","FROM_SECTION","TO_SECTION","Flex","align","justify","sectionsPerTruncation","last","Math","floor","defaultSections","handleKeyExtract","element","rootRef","current","undefined","keyExtractor","handleSelection","detail","onCommit","value","find","section","updateSectionsPerTruncation","height","itemHeight","sectionsLength","firstSectionKey","setSectionsPerTruncation","setCurrent","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","truncationCount","tempLeftover","getIndexerDescription","isMobile","indexer_touchInstructionText","indexer_keyboardInstructionText","testId","useRef","ulRef","currElementRef","createRef","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","getPrevNextKey","selectionProps","useSingleSelection","handleResize","useCallback","entries","entry","contentRect","length","useEffect","setAttribute","dataset","root","querySelector","offsetHeight","resizeObserver","ResizeObserver","observe","unobserve","baseStyle","innerStyle","testIdProps","useTestId","width","mergeProps","tabIndex","role","Collection","items","separatorProps","hasSeparator","HiddenAccessible","id"],"mappings":"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"}

package/amd/InlineHelpSource-80327d99.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-652e08a6', './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-33399171', './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})}}));
 //# sourceMappingURL=InlineHelpSource-80327d99.js.map

package/amd/InlineUserAssistance-d208ce7b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-69dc7af4', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-1b4d03f0', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', 'css!./IconStyle.styles.css', './IconButton-c2e5c1c5', '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-8198785a', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-da5cabec', './useTranslationBundle-652e08a6', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-d0c49456'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,p,h,C,g,A,T,x,y,U,F,S,f,M,I,w,B,N,_,E,b,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}=_.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=b.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-a208520e', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-a36b1781', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'css!./IconStyle.styles.css', './IconButton-c2e5c1c5', '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-8198785a', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-da5cabec', './useTranslationBundle-33399171', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-efb1c8f9'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,p,h,C,g,A,T,x,y,U,F,S,f,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}=_.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-d208ce7b.js.map

package/amd/InputDateMask-4157ef60.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-652e08a6', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './CompactUserAssistance-eb849bc5', './LayerHost-1b4d03f0', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', 'preact', 'css!./IconStyle.styles.css', './Popup-bba2ea15', '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-abae2493', './Flex-69dc7af4', './HiddenAccessible-037ef42d', './LiveRegion-345ac2a4', './stringUtils-0ae982c2', './useComponentTheme-5aa41a8f', './calendarDateUtils-5e25297c', './useDoubleTap-b6bf5458', './useTabbableMode-dc440317', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './Label-a53aabb9', './TextFieldInput-ca306ad6', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-b8ee28da', './StyledTextField-3398bf94', './TextField-80908a0d', '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,b,f,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:b,placeholder:f,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)?(b?.({actionType:"updateSegment",data:{type:v,text:e.key,hasLeadingZero:k.current,locale:A}}),k.current=!1):R.isBackspaceOrDelete(e)||"Backspace"===e.key?(b?.({actionType:"clearSegment",data:{type:v}}),k.current=!1):"ArrowUp"===e.key?(b?.({actionType:"step",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"ArrowDown"===e.key?(b?.({actionType:"step",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"PageUp"===e.key?(b?.({actionType:"page",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"PageDown"===e.key?(b?.({actionType:"page",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"Home"===e.key?(b?.({actionType:"goToHome",data:{locale:A,type:v}}),k.current=!1):"End"===e.key&&(b?.({actionType:"goToEnd",data:{locale:A,type:v}}),k.current=!1):k.current=!0;e.preventDefault(),e.stopPropagation()}}),[c,d,p,A,b,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:f}),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],be=(e,t,a)=>e.map((e=>e.type===t?a:e)),fe=(e,t,a,s,n)=>{const r=be(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=be(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=fe(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),b=((e,t)=>oe(le(e)+"0")>t)(g,l)||!!r&&"year"!==e,f="month"===e?ye(i,g,me(s)):y;return{...t,"aria-valuetext":f,"aria-valuenow":g,text:y,isComplete:b}},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,b=s.useRef(d.currentDate),f=s.useRef(d.currentDate),h=s.useRef(!1),v=s.useRef(!!i);e.current&&(b.current=u,f.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(f.current,b.current)&&(l?.({value:b.current}),f.current=b.current),e.preventDefault(),e.stopPropagation())}),[t,a,l,S,d.isDateSelected]);s.useEffect((()=>{v.current&&!i&&(a({actionType:"commit"}),P.calendarDatesAreDifferent(f.current,b.current)&&(l?.({value:b.current}),f.current=b.current)),v.current=!!i}),[a,i,l]),s.useEffect((()=>{if(P.calendarDatesAreDifferent(b.current,d.currentDate)&&!e.current){const e=void 0!==d.currentDate?Object.freeze({...d.currentDate}):d.currentDate;c({value:e}),b.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:b,textAlign:f,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,b=c?le(c):void 0,f=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":b,isComplete:!!c,isSelected:!1,text:b}],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":f,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:b,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:f,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=f.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:b,labelEdge:f,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=f??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,...be}=ce,fe=ye.id,he=s.useCallback((()=>{$.current?.focus()}),[$]),ve="none"!==O?t.jsx(K.Label,{...H||B?{}:{onClick:he},...ye,children:b}):void 0,xe={label:"none"!==O?ve:void 0,labelEdge:"none"!==O?O:void 0,labelStartWidth:"none"!==O?V:void 0},De="none"===O?b:void 0,Se=void 0!==b&&"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:b,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":be["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:""===b&&"none"===O,hasInsideLabel:Se}),...xe})});const Ee=t.jsx(He,{"aria-label":De,"aria-labelledby":fe,baseId:oe,fieldRef:$,granularity:o,hasInsideLabel:void 0!==ve&&"inside"===O,isRequired:y,masks:Ue,onCommit:I,onInput:A,textAlign:Y,value:F,...be});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-33399171', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './CompactUserAssistance-eb849bc5', './LayerHost-a36b1781', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'preact', 'css!./IconStyle.styles.css', './Popup-92dfc51f', '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-33136570', './Flex-a208520e', './HiddenAccessible-037ef42d', './LiveRegion-38fa0df8', './stringUtils-0ae982c2', './useComponentTheme-5aa41a8f', './calendarDateUtils-5e25297c', './useDoubleTap-b6bf5458', './useTabbableMode-dc440317', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './Label-a53aabb9', './TextFieldInput-ca306ad6', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-b8ee28da', './StyledTextField-3398bf94', './TextField-80908a0d', '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-4157ef60.js.map

package/amd/InputDatePicker-84b302ea.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-d7e92951', './HiddenAccessible-037ef42d', './IconButton-c2e5c1c5', './clientHints-fff66be9', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-652e08a6', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './Flex-69dc7af4', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-1b4d03f0', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', '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-bba2ea15', './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-f4665056', './DatePicker-20e9a255', './SectionedContent-d75017a3', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-3d7186b3', './maskUtils-9370948f', './calendarDateUtils-5e25297c', './InputDateMask-4157ef60'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,C,D,S,b,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:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:f,max:C,messages:D,min:S,monthAndYearPicker:b,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}=u.useTranslationBundle("@oracle/oraclejet-preact"),R=M(),j=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:U?void 0:"auto",onCommit:f,max:C,min:S,maxWidth:U?"100%":void 0,width:"100%",monthAndYearPicker:b,testId:k,todayTimeZone:A,todayButton:x,value:g,weekDisplay:F}),_=!c||T&&!U||d||m||!(t||r||D&&D.length>0)||"efficient"!==v&&"reflow"!==v?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:D,userAssistanceDensity:v})})}),B=k?k+(U?"_sheet":"_dropdown"):void 0,H=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})});return U?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:H})},te=()=>"phone"===i.getClientHints().deviceType,ae=e=>e&&$.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});X.calendarDatesAreDifferent(m.current,t)&&(m.current=t,X.calendarDatesAreDifferent(t,h.dateValue)&&(y({type:"reset",data:t}),u.current=t,c.current=t)),a.useEffect((()=>{X.calendarDatesAreDifferent(h.dateValue,u.current)&&(s({previousValue:u.current,value:h.dateValue}),u.current=h.dateValue),p.current&&X.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((()=>{X.calendarDatesAreDifferent(c.current,h.dateValue)&&(e?.({value:h.dateValue,previousValue:c.current}),c.current=h.dateValue)}),[e,h.dateValue]),D=a.useCallback((()=>{l.current||o((e=>!e)),l.current=!1}),[]),S=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:D,datePickerCommitHandler:a.useCallback((e=>{r.current?.focus(),p.current=!0,y({type:"dateSelected",data:e.value}),o(!1)}),[y]),dropdownCloseHandler:S,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:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:C,monthAndYearPicker:D,todayTimeZone:S,todayButton:b,value:k,onCommit:x,onInput:A,testId:v,userAssistanceDensity:g,weekDisplay:F,...T},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:w,completeDateValue:P,dateValue:U,dropdownCloseHandler:M,iconRef:R,isOpen:j,maskCommitHandler:_,maskInputHandler:B,maskRef:H}=oe({onCommit:x,onInput:A,value:k}),E=a.useRef(null),{inputDatePicker_selectDate:N,inputDatePicker_instruction:L}=u.useTranslationBundle("@oracle/oraclejet-preact"),O=N(),{userAssistanceDensity:Y}=J.useFormContext(),Z=g??Y;a.useImperativeHandle(V,(()=>({focus:()=>{H.current?.focus()},blur:()=>{H.current?.blur()}})));const W=K.useId(),z=L(),q=m||p?void 0:s.jsx(o.HiddenAccessible,{id:W,isHidden:!0,children:z}),Q=m||p?e:G.merge([e,W]),X=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":O,isDisabled:m,ref:R,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:s.jsx(n.SvgCalendar,{})}),$=j;return s.jsxs(s.Fragment,{children:[s.jsx(ee.InputDateMaskContext.Provider,{value:{isDropdownOpen:j,isInputDatePickerParent:!0},children:s.jsx(ee.InputDateMask,{"aria-describedby":Q,assistiveText:t,endContent:X,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:_,onInput:B,mainFieldRef:E,messages:f,testId:v,ref:H,userAssistanceDensity:g,value:U,...T})}),q,$&&s.jsx(se,{anchorRef:E,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:j,label:h,onClose:M,onCommit:w,max:y,messages:f,min:C,monthAndYearPicker:D,testId:v?v+"_datePicker":void 0,todayTimeZone:S,todayButton:b,userAssistanceDensity:Z,value:P,weekDisplay:F})]})}));e.InputDatePicker=re}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-d7e92951', './HiddenAccessible-037ef42d', './IconButton-c2e5c1c5', './clientHints-fff66be9', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-33399171', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './Flex-a208520e', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-a36b1781', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', '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-92dfc51f', './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-23307184', './DatePicker-e0e728f9', './SectionedContent-5d5ff5b9', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-3d7186b3', './maskUtils-9370948f', './calendarDateUtils-5e25297c', './InputDateMask-4157ef60'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,C,D,S,b,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:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:f,max:C,messages:D,min:S,monthAndYearPicker:b,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}=u.useTranslationBundle("@oracle/oraclejet-preact"),R=M(),j=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:U?void 0:"auto",onCommit:f,max:C,min:S,maxWidth:U?"100%":void 0,width:"100%",monthAndYearPicker:b,testId:k,todayTimeZone:A,todayButton:x,value:g,weekDisplay:F}),_=!c||T&&!U||d||m||!(t||r||D&&D.length>0)||"efficient"!==v&&"reflow"!==v?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:D,userAssistanceDensity:v})})}),B=k?k+(U?"_sheet":"_dropdown"):void 0,H=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})});return U?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:H})},te=()=>"phone"===i.getClientHints().deviceType,ae=e=>e&&$.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});X.calendarDatesAreDifferent(m.current,t)&&(m.current=t,X.calendarDatesAreDifferent(t,h.dateValue)&&(y({type:"reset",data:t}),u.current=t,c.current=t)),a.useEffect((()=>{X.calendarDatesAreDifferent(h.dateValue,u.current)&&(s({previousValue:u.current,value:h.dateValue}),u.current=h.dateValue),p.current&&X.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((()=>{X.calendarDatesAreDifferent(c.current,h.dateValue)&&(e?.({value:h.dateValue,previousValue:c.current}),c.current=h.dateValue)}),[e,h.dateValue]),D=a.useCallback((()=>{l.current||o((e=>!e)),l.current=!1}),[]),S=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:D,datePickerCommitHandler:a.useCallback((e=>{r.current?.focus(),p.current=!0,y({type:"dateSelected",data:e.value}),o(!1)}),[y]),dropdownCloseHandler:S,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:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:C,monthAndYearPicker:D,todayTimeZone:S,todayButton:b,value:k,onCommit:x,onInput:A,testId:v,userAssistanceDensity:g,weekDisplay:F,...T},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:w,completeDateValue:P,dateValue:U,dropdownCloseHandler:M,iconRef:R,isOpen:j,maskCommitHandler:_,maskInputHandler:B,maskRef:H}=oe({onCommit:x,onInput:A,value:k}),E=a.useRef(null),{inputDatePicker_selectDate:N,inputDatePicker_instruction:L}=u.useTranslationBundle("@oracle/oraclejet-preact"),O=N(),{userAssistanceDensity:Y}=J.useFormContext(),Z=g??Y;a.useImperativeHandle(V,(()=>({focus:()=>{H.current?.focus()},blur:()=>{H.current?.blur()}})));const W=K.useId(),z=L(),q=m||p?void 0:s.jsx(o.HiddenAccessible,{id:W,isHidden:!0,children:z}),Q=m||p?e:G.merge([e,W]),X=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":O,isDisabled:m,ref:R,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:s.jsx(n.SvgCalendar,{})}),$=j;return s.jsxs(s.Fragment,{children:[s.jsx(ee.InputDateMaskContext.Provider,{value:{isDropdownOpen:j,isInputDatePickerParent:!0},children:s.jsx(ee.InputDateMask,{"aria-describedby":Q,assistiveText:t,endContent:X,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:_,onInput:B,mainFieldRef:E,messages:f,testId:v,ref:H,userAssistanceDensity:g,value:U,...T})}),q,$&&s.jsx(se,{anchorRef:E,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:j,label:h,onClose:M,onCommit:w,max:y,messages:f,min:C,monthAndYearPicker:D,testId:v?v+"_datePicker":void 0,todayTimeZone:S,todayButton:b,userAssistanceDensity:Z,value:P,weekDisplay:F})]})}));e.InputDatePicker=re}));
 //# sourceMappingURL=InputDatePicker-84b302ea.js.map

package/amd/InputPassword-868ad3bb.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-a53aabb9', './keyboardUtils-71bc5d84', './TextFieldInput-ca306ad6', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-b8ee28da', './StyledTextField-3398bf94', './TextField-80908a0d', './useTranslationBundle-652e08a6', 'css!./LiveRegionStyles.styles.css', './LayerHost-1b4d03f0', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './CompactUserAssistance-eb849bc5', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', 'preact', 'css!./IconStyle.styles.css', './Popup-bba2ea15', '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-d0412ffa', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './RevealToggleIcon-e5bc966f'], (function(e,s,t,a,o,l,n,i,d,r,c,u,p,b,m,h,y,x,F,f,T,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:f="always",helpSourceLink:T,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:fe}=z.useSelectableTextField(me);a.useImperativeHandle(W,(()=>U.mergeProps(Fe,fe)),[Fe,fe]);const{hoverProps:Te,isHover:ve}=r.useHover({isDisabled:ne||le||!1}),{formFieldContext:Ce,inputProps:Se,labelProps:Ae,textFieldProps:ge,userAssistanceProps:Ie}=d.useTextField({ariaDescribedBy:e,helpSourceLink:T,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"!==f?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:T,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,...Te})})}));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-a53aabb9', './keyboardUtils-71bc5d84', './TextFieldInput-ca306ad6', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-b8ee28da', './StyledTextField-3398bf94', './TextField-80908a0d', './useTranslationBundle-33399171', 'css!./LiveRegionStyles.styles.css', './LayerHost-a36b1781', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './CompactUserAssistance-eb849bc5', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'preact', 'css!./IconStyle.styles.css', './Popup-92dfc51f', '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-d0412ffa', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './RevealToggleIcon-e5bc966f'], (function(e,s,t,a,o,l,n,i,d,r,c,u,p,b,m,h,y,x,F,f,T,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:f="always",helpSourceLink:T,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:fe}=z.useSelectableTextField(me);a.useImperativeHandle(W,(()=>U.mergeProps(Fe,fe)),[Fe,fe]);const{hoverProps:Te,isHover:ve}=r.useHover({isDisabled:ne||le||!1}),{formFieldContext:Ce,inputProps:Se,labelProps:Ae,textFieldProps:ge,userAssistanceProps:Ie}=d.useTextField({ariaDescribedBy:e,helpSourceLink:T,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"!==f?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:T,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,...Te})})}));e.InputPassword=K}));
 //# sourceMappingURL=InputPassword-868ad3bb.js.map

package/amd/InputText-2cd1e067.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-a53aabb9', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-19a86824', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-71bc5d84', './TextFieldInput-ca306ad6', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-b8ee28da', './StyledTextField-3398bf94', './TextField-80908a0d', './MaxLengthLiveRegion-7723b0df', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-652e08a6', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './CompactUserAssistance-eb849bc5', './mergeProps-bcfa6a92', './LayerHost-1b4d03f0', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', 'preact', 'css!./IconStyle.styles.css', './Popup-bba2ea15', '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-d0412ffa', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,a,i,n,o,l,r,d,u,c,x,p,b,f,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:be,labelEdge:fe,labelStartWidth:he,textAlign:me,userAssistanceDensity:ve}=l.useFormContext(),Fe=U??pe,ye=V??be,Ce=H??fe,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}=b.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(f.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-a53aabb9', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-582e16a2', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-71bc5d84', './TextFieldInput-ca306ad6', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-b8ee28da', './StyledTextField-3398bf94', './TextField-80908a0d', './MaxLengthLiveRegion-40be44ee', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-33399171', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './CompactUserAssistance-eb849bc5', './mergeProps-bcfa6a92', './LayerHost-a36b1781', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'preact', 'css!./IconStyle.styles.css', './Popup-92dfc51f', '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-d0412ffa', './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-2cd1e067.js.map

package/amd/Label-a53aabb9.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-1b4d03f0', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-69dc7af4', '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-304eef18', 'css!./IconStyle.styles.css', './IconButton-c2e5c1c5', '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-bba2ea15', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-82361ea6', '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,i,d,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:d,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}}=i.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}=i.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:d,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:i}=t.useFormFieldContext();return s.jsx(q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...o})}}));
+define(['exports', 'preact/jsx-runtime', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', 'preact/hooks', './LayerHost-a36b1781', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-a208520e', '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-cf586837', 'css!./IconStyle.styles.css', './IconButton-c2e5c1c5', '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-92dfc51f', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-cd404d92', '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})}}));
 //# sourceMappingURL=Label-a53aabb9.js.map

package/amd/LabelValueLayout-6da5829a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-f0e638ec', './StyledLabelValueLayout-16380e6b', './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-ddf48667', './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-6da5829a.js.map

package/amd/{Layer-9fb9ca67.js → Layer-2ca542c2.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-1b4d03f0', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-95e6f849'], (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-9fb9ca67.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-a36b1781', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-93c8c4c0'], (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)},b=l.useThemeInterpolations(i);let S=a.styles.popupPriorityStyle;switch(c){case"dialog":S=a.styles.dialogPriorityStyle;break;case"messages":S=a.styles.messagesPriorityStyle;break;case"tooltip":S=a.styles.tooltipPriorityStyle;break;default:S=a.styles.popupPriorityStyle}const f=r.classNames([b,a.baseStyle,S]);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=f);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-2ca542c2.js.map