npm - @oracle/oraclejet-preact - Versions diffs - 17.0.2 → 17.0.3 - Mend

@oracle/oraclejet-preact 17.0.2 → 17.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1019) hide show

package/amd/Indexer-204a6d88.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-1f27b601', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-00f81f0b', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './useId-c9578d26', './useTranslationBundle-6ef0dab6', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-82cf22a4'], (function(e,t,s,n,r,o,a,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=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,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=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:f}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(o.index,l,i))return null;const y=a[l].label||a[l].key,k=a[i].label||a[i].key,j=x.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${y}`,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: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,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(y.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(f.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-db3ddadb', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-26170e5e', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './useId-c9578d26', './useTranslationBundle-20bfc0f3', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-f3b8b319'], (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-204a6d88.js.map

package/amd/InlineHelpSource-359fd9df.js CHANGED Viewed

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

package/amd/InlineUserAssistance-f4d1fa1b.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-1f27b601', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-abf886f2', 'css!./IconStyle.styles.css', './IconButton-1b328b69', './LayerHost-eab40731', 'preact/compat', '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-dc4b7c7f', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-3dae8034', './useTranslationBundle-6ef0dab6', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-82cf22a4'], (function(e,s,n,t,a,o,i,r,l,c,d,u,m,p,h,g,C,x,f,A,y,F,T,U,S,M,I,b,w,B,N,j,_,v,E,H,L,R){"use strict";function q({align:e="end",hasHelp:n=!1,hasMessages:t=!1}){const{classes:a}=_.useComponentTheme(v.UserAssistanceRedwoodTheme,{align:e,visible:n||t?"hide":"show"}),o=j.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:a,children:o})}function G({variant:e="reflow",children:n,id:t,testId:a}){const{classes:o,styles:{inlineContainerBaseStyles:i}}=_.useComponentTheme(v.UserAssistanceRedwoodTheme,{container:e}),r=R.useTestId(a);if(null!==L.useInputGroupContext())return null;return s.jsx("div",{class:E.classNames([o,i]),id:t,...r,children:n})}e.InlineRequired=q,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:n,helpSourceLink:t,helpSourceText:a,id:o,isRequiredShown:i,requiredAlignment:r,messages:l=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=b.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=B.useFormFieldContext(),h=l.length>0?s.jsx(M.ComponentMessageContainer,{fieldLabel:n,messages:l}):(e||t)&&p?s.jsx(N.InlineHelp,{assistiveText:e,sourceLink:t,sourceText:a}):i?s.jsx(q,{align:r}):null;return h||m?s.jsx(G,{id:o,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=G}));
+define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-db3ddadb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', './IconButton-1b328b69', './LayerHost-0a244de8', 'preact/compat', '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-dc4b7c7f', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-3dae8034', './useTranslationBundle-20bfc0f3', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-f3b8b319'], (function(e,s,n,t,a,o,i,r,l,c,d,u,m,p,h,g,C,x,A,f,y,F,T,U,S,M,I,b,w,B,N,j,_,v,E,H,L,R){"use strict";function q({align:e="end",hasHelp:n=!1,hasMessages:t=!1}){const{classes:a}=_.useComponentTheme(v.UserAssistanceRedwoodTheme,{align:e,visible:n||t?"hide":"show"}),o=j.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:a,children:o})}function G({variant:e="reflow",children:n,id:t,testId:a}){const{classes:o,styles:{inlineContainerBaseStyles:i}}=_.useComponentTheme(v.UserAssistanceRedwoodTheme,{container:e}),r=R.useTestId(a);if(null!==L.useInputGroupContext())return null;return s.jsx("div",{class:E.classNames([o,i]),id:t,...r,children:n})}e.InlineRequired=q,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:n,helpSourceLink:t,helpSourceText:a,id:o,isRequiredShown:i,requiredAlignment:r,messages:l=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=b.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=B.useFormFieldContext(),h=l.length>0?s.jsx(M.ComponentMessageContainer,{fieldLabel:n,messages:l}):(e||t)&&p?s.jsx(N.InlineHelp,{assistiveText:e,sourceLink:t,sourceText:a}):i?s.jsx(q,{align:r}):null;return h||m?s.jsx(G,{id:o,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=G}));
 //# sourceMappingURL=InlineUserAssistance-f4d1fa1b.js.map

package/amd/InputDateMask-b7a27faa.js CHANGED Viewed

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

package/amd/InputDatePicker-da5d8728.js ADDED Viewed

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

package/amd/{InputDatePicker-0012b304.js.map → InputDatePicker-da5d8728.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputDatePicker-0012b304.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\nimport { datePickerPropVars } from '#UNSAFE_DatePicker/themes/DatePickerContract.css';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n InputDatePickerProps,\n \| 'assistiveText'\n \| 'dayFormatter'\n \| 'daysOutsideMonth'\n \| 'helpSourceLink'\n \| 'helpSourceText'\n \| 'isDisabled'\n \| 'isReadonly'\n \| 'label'\n \| 'messages'\n \| 'min'\n \| 'max'\n \| 'monthAndYearPicker'\n \| 'todayButton'\n \| 'todayTimeZone'\n \| 'userAssistanceDensity'\n \| 'value'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' \| 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail \| DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n PickedPropsFromInputDatePicker &\n PickedPropsFromDropdown &\n TestIdProps & {\n /\n Called when the dropdown or sheet is supposed to be closed.\n /\n onClose?: (detail: CloseDetail) => void;\n };\n\n/\n Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n /\nconst InputDatePickerDropdown = ({\n anchorRef,\n assistiveText,\n dayFormatter,\n daysOutsideMonth,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isOpen,\n isReadonly,\n label,\n onClose,\n onCommit,\n max,\n messages,\n min,\n monthAndYearPicker,\n testId,\n todayButton,\n todayTimeZone,\n userAssistanceDensity,\n value\n}: Props) => {\n // If the dropdown opens above the component, we don't want to show UA or messages.\n const [isDropdownAbove, setDropdownAbove] = useState(false);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n const handleDropdownPosition = useCallback<\n NonNullable<StickyPositioningDropdownProps['onPosition']>\n >((data: PositionData) => {\n setDropdownAbove(data.placement.startsWith('top'));\n }, []);\n // Reset the flag when the dropdown is closed.\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n if (!isOpen) {\n setDropdownAbove(false);\n }\n }\n\n const sizeOptions: SizeOptions = {\n isMaxWidthAdjusted: false,\n isMaxHeightAdjusted: true\n };\n\n // On mobile phones, the dropdown becomes a sheet.\n const shouldShowSheet = isPhone();\n\n const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const datePickerAriaLabel = datePicker_label();\n\n const datePickerMainContent = (\n <DatePicker\n dayFormatter={dayFormatter}\n daysOutsideMonth={daysOutsideMonth}\n onCommit={onCommit}\n max={max}\n min={min}\n // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n maxWidth={shouldShowSheet ? '100%' : undefined}\n // for dropdown, we want a fixed width, so set width to the same var used for default maxWidth\n width={!shouldShowSheet ? datePickerPropVars.maxWidth : '100%'}\n monthAndYearPicker={monthAndYearPicker}\n testId={testId}\n todayTimeZone={todayTimeZone}\n todayButton={todayButton}\n value={value}\n />\n );\n\n const inlineUserAssistanceFooter =\n isOpen &&\n (!isDropdownAbove \|\| shouldShowSheet) &&\n !isDisabled &&\n !isReadonly &&\n (assistiveText \|\| helpSourceLink \|\| (messages && messages.length > 0)) &&\n (userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow') ? (\n <FormFieldContext.Provider value={{ isFocused: true }}>\n <div class={userAssistanceStyles}>\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n />\n </div>\n </FormFieldContext.Provider>\n ) : undefined;\n\n const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n // Add styling to the dropdown to enforce a fixed width.\n const dropdownContent = (\n <div class={dropdownStyles}>\n <SectionedContent\n aria-label={datePickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={datePickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </div>\n );\n\n const dropdown = shouldShowSheet ? (\n <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n <SectionedContent\n aria-label={datePickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={datePickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </Sheet>\n ) : (\n <StickyPositioningDropdown\n anchorRef={anchorRef}\n initialFocus=\"firstFocusable\"\n isOpen={isOpen}\n onClose={onClose}\n onPosition={handleDropdownPosition}\n sizeOptions={sizeOptions}>\n {dropdownContent}\n </StickyPositioningDropdown>\n );\n\n return dropdown;\n};\n\nconst isPhone = () => {\n return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n /\n If dateValue is a complete date, then completeDateValue is the same as dateValue\n * otherwise is is undefined. We need to maintain separate states because\n * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n * If the user types a partial date then opens the picker, we treat that as\n * no selection. The picker opens to the current month showing today.\n /\n completeDateValue?: CalendarDateRequired;\n\n /\n Represents the current date value of the component. The user either selected\n * the date in the picker, or typed it into the date field.\n /\n dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction \| DateResetAction \| DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n return !dateVal \|\| !isCompleteCalendarDate(dateVal)\n ? undefined\n : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n state: InputDatePickerState,\n action: InputDatePickerReducerAction\n): InputDatePickerState => {\n switch (action.type) {\n case 'dateChanged': {\n return {\n ...state,\n dateValue: action.data,\n completeDateValue: convertToCalendarDateRequired(action.data)\n };\n }\n case 'dateSelected': {\n return { ...state, dateValue: action.data, completeDateValue: action.data };\n }\n case 'reset': {\n return {\n completeDateValue: convertToCalendarDateRequired(action.data),\n dateValue: action.data\n };\n }\n default:\n return state;\n }\n};\n\ntype Props = {\n /\n The value of the InputDatePicker, or undefined.\n /\n value?: CalendarDate;\n};\n\n/\n useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n /\nconst useInputDatePickerState = ({ value }: Props) => {\n const [state, dispatch] = useReducer(inputDatePickerReducer, {\n completeDateValue: convertToCalendarDateRequired(value),\n dateValue: value\n });\n\n return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype Props = {\n onCommit: InputDatePickerProps['onCommit'];\n onInput: InputDatePickerProps['onInput'];\n value: InputDatePickerProps['value'];\n};\n\n/\n Hook that provides handlers and other functionality for InputDatePicker.\n /\nconst useInputDatePicker = ({ onCommit, onInput, value: currentValue }: Props) => {\n // Whether the dropdown is open.\n const [isOpen, setIsOpen] = useState(false);\n\n // Ref to the calendar icon button.\n const iconRef: RefObject<HTMLButtonElement> = useRef<HTMLButtonElement>(null);\n\n // Ref to the InputDateMask component.\n const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n const outsideMousedownRef = useRef<boolean>(false);\n const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> \| undefined>();\n\n // Keep track of whether the calendar icon is focused after a date is selected\n // and the date picker is closed.\n const calendarFocusAfterSelect = useRef<boolean>(false);\n const calendarFocusAfterSelectTimerRef = useRef<ReturnType<typeof setTimeout> \| undefined>();\n\n // Keep track of the last date values passed to onInput and onCommit.\n const lastCommittedDateRef = useRef<CalendarDate \| undefined>(currentValue);\n const lastDateRef = useRef<CalendarDate \| undefined>(currentValue);\n\n // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n const lastValueFromParentRef = useRef<CalendarDate \| undefined>(currentValue);\n\n // Keep track of whether a date was selected in the date picker.\n const dateSelectedRef = useRef<boolean>(false);\n\n const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n // If a new value is being pushed from the parent, and that value differs from\n // the current value of the reducer, then this is a programmatic update\n // and we need to call 'reset' to update the reducer state. Otherwise, the only\n // time the reducer state is updated from the value is on mount.\n if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n lastValueFromParentRef.current = currentValue;\n if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n dispatch({ type: 'reset', data: currentValue });\n lastDateRef.current = currentValue;\n lastCommittedDateRef.current = currentValue;\n }\n }\n\n // Reducer updates are async, so wait until the state updates and then call our callbacks.\n useEffect(() => {\n if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n lastDateRef.current = state.dateValue;\n }\n if (\n dateSelectedRef.current &&\n calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n ) {\n onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n lastCommittedDateRef.current = state.dateValue;\n dateSelectedRef.current = false;\n }\n }, [onCommit, onInput, state.dateValue]);\n\n // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n // We wait for the state to update before calling onInput.\n const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n (detail: ValueUpdateDetail<CalendarDate>) => {\n dispatch({ type: 'dateChanged', data: detail.value });\n },\n [dispatch]\n );\n\n // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(() => {\n // If the current date value differs from the last committed value, then call onCommit.\n if (calendarDatesAreDifferent(lastCommittedDateRef.current, state.dateValue)) {\n onCommit?.({ value: state.dateValue, previousValue: lastCommittedDateRef.current });\n lastCommittedDateRef.current = state.dateValue;\n }\n }, [onCommit, state.dateValue]);\n\n // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n if (!outsideMousedownRef.current && !calendarFocusAfterSelect.current) {\n setIsOpen((prevIsOpen) => !prevIsOpen);\n }\n outsideMousedownRef.current = false;\n calendarFocusAfterSelect.current = false;\n }, []);\n\n const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n (detail: CloseDetail) => {\n // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n if (detail.reason === 'outsideMousedown') {\n outsideMousedownRef.current = true;\n clearTimeout(outsideMousedownTimerRef.current);\n\n // Clear the flag after a short delay to ensure the dropdown can be opened again.\n outsideMousedownTimerRef.current = setTimeout(() => {\n outsideMousedownRef.current = false;\n }, 200);\n } else if (detail.reason === 'dismissed' \|\| detail.reason === 'keyboardDismissed') {\n // Focus the calendar icon when the dropdown is closed.\n iconRef.current?.focus();\n }\n setIsOpen(false);\n },\n []\n );\n\n // Handle date selection in the picker.\n // - Updates the value in state.\n // - Closes the dropdown.\n // - Sets focus to the date field.\n const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n // Set focus to the calendar icon when a date is selected.\n iconRef.current?.focus();\n\n // If user is using the keyboard, date selection happens on keyDown.\n // If we transfer focus to the calendar icon, it then sees the corresponding\n // keyUp and thinks the button was triggered again (usePress reacts to\n // keyUp, not keyDown). Maintain a flag that prevents this from happening,\n // and clear it after a short delay in case selection was made with the mouse.\n // TODO: Investigate a better way to prevent the dropdown from reopening (JET-67580).\n calendarFocusAfterSelect.current = true;\n clearTimeout(calendarFocusAfterSelectTimerRef.current);\n calendarFocusAfterSelectTimerRef.current = setTimeout(() => {\n calendarFocusAfterSelect.current = false;\n }, 500);\n\n // Set a ref indicating a date was selected.\n dateSelectedRef.current = true;\n dispatch({ type: 'dateSelected', data: detail.value });\n setIsOpen(false);\n },\n [dispatch]\n );\n\n return {\n calendarIconActionHandler,\n datePickerCommitHandler,\n dropdownCloseHandler,\n completeDateValue: state.completeDateValue,\n dateValue: state.dateValue,\n iconRef,\n isOpen,\n maskCommitHandler,\n maskInputHandler,\n maskRef\n };\n};\n\nexport { useInputDatePicker };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n CalendarDate,\n CalendarDatePlaceholders,\n InputDateMask,\n InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n InputDateMaskProps,\n \| 'aria-describedby'\n \| 'assistiveText'\n \| 'columnSpan'\n \| 'helpSourceLink'\n \| 'helpSourceText'\n \| 'isDisabled'\n \| 'isReadonly'\n \| 'isRequired'\n \| 'isRequiredShown'\n \| 'label'\n \| 'labelEdge'\n \| 'labelStartWidth'\n \| 'messages'\n \| 'textAlign'\n \| 'testId'\n \| 'userAssistanceDensity'\n \| 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n DatePickerProps,\n \| 'dayFormatter'\n \| 'daysOutsideMonth'\n \| 'max'\n \| 'min'\n \| 'monthAndYearPicker'\n \| 'todayTimeZone'\n \| 'todayButton'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n PickedPropsFromDatePicker & {\n /\n If specified, overrides the locale specific order of the individual date segments\n * in the date field as well as the locale specific separator. The value of each placeholder\n * is only used when the type is 'literal', otherwise it is replaced with a translated\n * placeholder for month, day, or year. The placeholders must include month, day, and year.\n /\n masks?: CalendarDatePlaceholders;\n\n /\n The current display value of the component.\n * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n * the user may type the month, day, and year separately. If a selection is made in the date\n * picker, then the value is a complete date.\n /\n value?: CalendarDate;\n\n /\n Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n * It is also called when a selection is made in the date picker.\n /\n onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n /\n Callback invoked each time the user changes the value of a segment. For example, if the user\n * types '12' into the month segment, this callback will be called twice to change the month\n * first to '1' and then '12'.\n /\n onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n };\n\n/\n InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n (\n {\n 'aria-describedby': propDescribedBy,\n assistiveText,\n dayFormatter,\n daysOutsideMonth,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isReadonly,\n label,\n max,\n messages,\n min,\n monthAndYearPicker,\n todayTimeZone,\n todayButton,\n value,\n onCommit,\n onInput,\n testId,\n userAssistanceDensity: propUserAssistanceDensity,\n ...dateMaskProps\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const {\n calendarIconActionHandler,\n datePickerCommitHandler,\n completeDateValue,\n dateValue,\n dropdownCloseHandler,\n iconRef,\n isOpen,\n maskCommitHandler,\n maskInputHandler,\n maskRef\n } = useInputDatePicker({\n onCommit,\n onInput,\n value\n });\n\n const mainFieldRef = useRef<HTMLDivElement>(null);\n const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n // We need this to determine if UA/messaging should be shown in the dropdown.\n const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n useImperativeHandle(ref!, () => ({\n focus: () => {\n maskRef.current?.focus();\n },\n blur: () => {\n maskRef.current?.blur();\n }\n }));\n\n const maskFieldInstructionId = useId();\n const maskFieldInstructionText = inputDatePicker_instruction();\n const maskFieldInstruction =\n !isDisabled && !isReadonly ? (\n <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n {maskFieldInstructionText}\n </HiddenAccessible>\n ) : undefined;\n const ariaDescribedBy =\n !isDisabled && !isReadonly\n ? merge([propDescribedBy, maskFieldInstructionId])\n : propDescribedBy;\n\n const endContent = (\n <IconButton\n aria-haspopup=\"dialog\"\n aria-label={calendarIconAriaLabel}\n isDisabled={isDisabled}\n ref={iconRef}\n size=\"sm\"\n testId={testId ? testId + '_calendarIcon' : undefined}\n variant=\"ghost\"\n onAction={calendarIconActionHandler}>\n <CalendarIcon />\n </IconButton>\n );\n\n const shouldShowDropdown = isOpen as boolean;\n\n return (\n <>\n <InputDateMaskContext.Provider\n value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n <InputDateMask\n aria-describedby={ariaDescribedBy}\n assistiveText={assistiveText}\n endContent={endContent}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n label={label}\n onCommit={maskCommitHandler}\n onInput={maskInputHandler}\n mainFieldRef={mainFieldRef}\n messages={messages}\n testId={testId}\n ref={maskRef}\n userAssistanceDensity={propUserAssistanceDensity}\n value={dateValue}\n {...dateMaskProps}\n />\n </InputDateMaskContext.Provider>\n\n {maskFieldInstruction}\n\n {shouldShowDropdown && (\n <InputDatePickerDropdown\n anchorRef={mainFieldRef}\n assistiveText={assistiveText}\n dayFormatter={dayFormatter}\n daysOutsideMonth={daysOutsideMonth}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isOpen={isOpen}\n label={label}\n onClose={dropdownCloseHandler}\n onCommit={datePickerCommitHandler}\n max={max}\n messages={messages}\n min={min}\n monthAndYearPicker={monthAndYearPicker}\n testId={testId ? testId + '_datePicker' : undefined}\n todayTimeZone={todayTimeZone}\n todayButton={todayButton}\n userAssistanceDensity={userAssistanceDensity}\n value={completeDateValue}\n />\n )}\n </>\n );\n }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","jsx","DatePicker","maxWidth","undefined","width","datePickerPropVars","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","calendarFocusAfterSelect","calendarFocusAfterSelectTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"w9DAsEA,MAAMA,EAA0B,EAC9BC,YACAC,gBACAC,eACAC,mBACAC,iBACAC,iBACAC,aACAC,SACAC,aACAC,QACAC,UACAC,WACAC,MACAC,WACAC,MACAC,qBACAC,SACAC,cACAC,gBACAC,wBACAC,YAGA,MAAOC,EAAiBC,GAAoBC,EAAQA,UAAC,IAC9CC,EAAYC,GAAiBF,EAAQA,SAAChB,GACvCmB,EAAyBC,eAE5BC,IACDN,EAAiBM,EAAKC,UAAUC,WAAW,OAAO,GACjD,IAECN,IAAejB,IACjBkB,EAAclB,GACTA,GACHe,GAAiB,IAIrB,MAMMS,EAAkBC,MAElBC,iBAAEA,GAAqBC,EAAoBA,qBAAa,4BACxDC,EAAsBF,IAEtBG,EACJC,EAACC,IAAAC,EAAUA,YACTrC,aAAcA,EACdC,iBAAkBA,EAClBQ,SAAUA,EACVC,IAAKA,EACLE,IAAKA,EAEL0B,SAAUT,EAAkB,YAASU,EAErCC,MAAQX,EAAgD,OAA9BY,EAAkBA,mBAACH,SAC7CzB,mBAAoBA,EACpBC,OAAQA,EACRE,cAAeA,EACfD,YAAaA,EACbG,MAAOA,IAILwB,GACJrC,GACEc,IAAmBU,GACpBzB,GACAE,KACAP,GAAiBG,GAAmBS,GAAYA,EAASgC,OAAS,IACxC,cAA1B1B,GAAmE,WAA1BA,OAatCsB,EAZFJ,MAACS,EAAAA,iBAAiBC,SAAQ,CAAC3B,MAAO,CAAE4B,WAAW,GAAMC,SACnDZ,EAAKC,IAAA,MAAA,CAAAY,MAAOC,gCACVd,EAAAA,IAACe,EAAAA,qBACC,CAAAnD,cAAeA,EACfoD,WAAY5C,EACZL,eAAgBA,EAChBC,eAAgBA,EAChBQ,SAAUA,EACVM,sBAAuBA,QAM3BmC,EAAgBtC,EAASA,GAAUe,EAAkB,SAAW,kBAAeU,EAI/Ec,EACJlB,EAAAA,IAAA,MAAA,CAAKa,MAAOM,iBACVP,SAAAZ,EAAAC,IAACmB,mBACa,CAAA,aAAAtB,EACZuB,OAAQd,EACRe,cAAc,EACdC,KAAMxB,EACNyB,KAAK,SACL7C,OAAQsC,MA4Bd,OAvBiBvB,EACfM,EAAAC,IAACwB,QAAK,CAACC,aAAa,iBAAiBxD,OAAQA,EAAQG,QAASA,WAC5D2B,EAAAA,IAACoB,EAAgBA,+BACHtB,EACZuB,OAAQd,EACRe,cAAc,EACdC,KAAMxB,EACNyB,KAAK,SACL7C,OAAQsC,MAIZjB,EAAAA,IAAC2B,EAAyBA,0BACxB,CAAAhE,UAAWA,EACX+D,aAAa,iBACbxD,OAAQA,EACRG,QAASA,EACTuD,WAAYvC,EACZwC,YAtF6B,CAC/BC,oBAAoB,EACpBC,qBAAqB,YAqFlBb,GAIU,EAGXvB,GAAU,IACyB,UAAhCqC,EAAcA,iBAAGC,WCxKpBC,GAAiCC,GAC7BA,GAAYC,EAAsBA,uBAACD,GAEtCA,OADD/B,EAKAiC,GAAyB,CAC7BC,EACAC,KAEA,OAAQA,EAAOC,MACb,IAAK,cACH,MAAO,IACFF,EACHG,UAAWF,EAAOhD,KAClBmD,kBAAmBR,GAA8BK,EAAOhD,OAG5D,IAAK,eACH,MAAO,IAAK+C,EAAOG,UAAWF,EAAOhD,KAAMmD,kBAAmBH,EAAOhD,MAEvE,IAAK,QACH,MAAO,CACLmD,kBAAmBR,GAA8BK,EAAOhD,MACxDkD,UAAWF,EAAOhD,MAGtB,QACE,OAAO+C,EACV,EC/BGK,GAAqB,EAAGrE,WAAUsE,UAAS7D,MAAO8D,MAEtD,MAAO3E,EAAQ4E,GAAa5D,EAAQA,UAAC,GAG/B6D,EAAwCC,SAA0B,MAGlEC,EAAkCD,SAAoB,MAGtDE,EAAsBF,UAAgB,GACtCG,EAA2BH,EAAAA,SAI3BI,EAA2BJ,UAAgB,GAC3CK,EAAmCL,EAAAA,SAGnCM,EAAuBN,SAAiCH,GACxDU,EAAcP,SAAiCH,GAG/CW,EAAyBR,SAAiCH,GAG1DY,EAAkBT,UAAgB,IAElCV,MAAEA,EAAKoB,SAAEA,GDgBe,GAAG3E,YACjC,MAAOuD,EAAOoB,GAAYC,EAAAA,WAAWtB,GAAwB,CAC3DK,kBAAmBR,GAA8BnD,GACjD0D,UAAW1D,IAGb,MAAO,CAAEuD,QAAOoB,WAAU,ECtBEE,CAAwB,CAAE7E,MAAO8D,IAMzDgB,4BAA0BL,EAAuBM,QAASjB,KAC5DW,EAAuBM,QAAUjB,EAC7BgB,4BAA0BhB,EAAcP,EAAMG,aAChDiB,EAAS,CAAElB,KAAM,QAASjD,KAAMsD,IAChCU,EAAYO,QAAUjB,EACtBS,EAAqBQ,QAAUjB,IAKnCkB,EAAAA,WAAU,KACJF,EAAyBA,0BAACvB,EAAMG,UAAWc,EAAYO,WACzDlB,EAAQ,CAAEoB,cAAeT,EAAYO,QAAS/E,MAAOuD,EAAMG,YAC3Dc,EAAYO,QAAUxB,EAAMG,WAG5BgB,EAAgBK,SAChBD,EAAAA,0BAA0BvB,EAAMG,UAAWa,EAAqBQ,WAEhExF,IAAW,CAAE0F,cAAeV,EAAqBQ,QAAS/E,MAAOuD,EAAMG,YACvEa,EAAqBQ,QAAUxB,EAAMG,UACrCgB,EAAgBK,SAAU,EAC3B,GACA,CAACxF,EAAUsE,EAASN,EAAMG,YAI7B,MAAMwB,EAAmB3E,eACtB4E,IACCR,EAAS,CAAElB,KAAM,cAAejD,KAAM2E,EAAOnF,OAAQ,GAEvD,CAAC2E,IAIGS,EAAoB7E,EAAAA,aAAyD,KAE7EuE,EAAyBA,0BAACP,EAAqBQ,QAASxB,EAAMG,aAChEnE,IAAW,CAAES,MAAOuD,EAAMG,UAAWuB,cAAeV,EAAqBQ,UACzER,EAAqBQ,QAAUxB,EAAMG,UACtC,GACA,CAACnE,EAAUgE,EAAMG,YAGd2B,EAA4B9E,EAAAA,aAAsD,KAEjF4D,EAAoBY,SAAYV,EAAyBU,SAC5DhB,GAAW3D,IAAgBA,IAE7B+D,EAAoBY,SAAU,EAC9BV,EAAyBU,SAAU,CAAK,GACvC,IAEGO,EAAuB/E,eAC1B4E,IAGuB,qBAAlBA,EAAOI,QACTpB,EAAoBY,SAAU,EAC9BS,aAAapB,EAAyBW,SAGtCX,EAAyBW,QAAUU,YAAW,KAC5CtB,EAAoBY,SAAU,CAAK,GAClC,MACwB,cAAlBI,EAAOI,QAA4C,sBAAlBJ,EAAOI,QAEjDvB,EAAQe,SAASW,QAEnB3B,GAAU,EAAM,GAElB,IAgCF,MAAO,CACLsB,4BACAM,wBA3B8BpF,eAC7B4E,IAECnB,EAAQe,SAASW,QAQjBrB,EAAyBU,SAAU,EACnCS,aAAalB,EAAiCS,SAC9CT,EAAiCS,QAAUU,YAAW,KACpDpB,EAAyBU,SAAU,CAAK,GACvC,KAGHL,EAAgBK,SAAU,EAC1BJ,EAAS,CAAElB,KAAM,eAAgBjD,KAAM2E,EAAOnF,QAC9C+D,GAAU,EAAM,GAElB,CAACY,IAMDW,uBACA3B,kBAAmBJ,EAAMI,kBACzBD,UAAWH,EAAMG,UACjBM,UACA7E,SACAiG,oBACAF,mBACAhB,UACD,ECrFU0B,GAAkBC,EAAAA,YAC7B,EAEI,mBAAoBC,EACpBjH,gBACAC,eACAC,mBACAC,iBACAC,iBACAC,aACAE,aACAC,QACAG,MACAC,WACAC,MACAC,qBACAG,gBACAD,cACAG,QACAT,WACAsE,UACAjE,SACAG,sBAAuBgG,KACpBC,GAELC,KAEA,MAAMZ,0BACJA,EAAyBM,wBACzBA,EAAuBhC,kBACvBA,EAAiBD,UACjBA,EAAS4B,qBACTA,EAAoBtB,QACpBA,EAAO7E,OACPA,EAAMiG,kBACNA,EAAiBF,iBACjBA,EAAgBhB,QAChBA,GACEN,GAAmB,CACrBrE,WACAsE,UACA7D,UAGIkG,EAAejC,SAAuB,OACtCkC,2BAAEA,EAA0BC,4BAAEA,GAClCtF,EAAoBA,qBAAa,4BAC7BuF,EAAwBF,KAGtBpG,sBAAuBuG,GAA8BC,EAAcA,iBACrExG,EAAwBgG,GAA6BO,EAE3DE,EAAmBA,oBAACP,GAAM,KAAO,CAC/BP,MAAO,KACLxB,EAAQa,SAASW,OAAO,EAE1Be,KAAM,KACJvC,EAAQa,SAAS0B,MAAM,MAI3B,MAAMC,EAAyBC,EAAAA,QACzBC,EAA2BR,IAC3BS,EACH3H,GAAeE,OAIZiC,EAHFJ,EAAAA,IAAC6F,EAAAA,iBAAgB,CAACC,GAAIL,EAAwBM,UAAU,EAAInF,SACzD+E,IAGDK,EACH/H,GAAeE,EAEZ0G,EADAoB,QAAM,CAACpB,EAAiBY,IAGxBS,EACJlG,EAAAC,IAACkG,EAAUA,WACK,CAAA,gBAAA,SACF,aAAAf,EACZnH,WAAYA,EACZ+G,IAAKjC,EACLqD,KAAK,KACLzH,OAAQA,EAASA,EAAS,qBAAkByB,EAC5CiG,QAAQ,QACRC,SAAUlC,EAAyBxD,SACnCZ,EAAAA,IAACuG,EAAAA,YAAY,CAAA,KAIXC,GAAqBtI,EAE3B,OACEuI,6BACEzG,EAACC,IAAAyG,uBAAqBhG,SAAQ,CAC5B3B,MAAO,CAAE4H,eAAgBzI,EAAQ0I,yBAAyB,GAAMhG,SAChEZ,MAAC6G,EAAAA,cAAa,CAAA,mBACMb,EAClBpI,cAAeA,EACfsI,WAAYA,EACZnI,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPE,SAAU6F,EACVvB,QAASqB,EACTgB,aAAcA,EACdzG,SAAUA,EACVG,OAAQA,EACRqG,IAAK/B,EACLnE,sBAAuBgG,EACvB/F,MAAO0D,KACHsC,MAIPa,EAEAY,IACCxG,EAAAA,IAACtC,EAAuB,CACtBC,UAAWsH,EACXrH,cAAeA,EACfC,aAAcA,EACdC,iBAAkBA,EAClBC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZD,OAAQA,EACRE,MAAOA,EACPC,QAASgG,EACT/F,SAAUoG,EACVnG,IAAKA,EACLC,SAAUA,EACVC,IAAKA,EACLC,mBAAoBA,EACpBC,OAAQA,EAASA,EAAS,mBAAgByB,EAC1CvB,cAAeA,EACfD,YAAaA,EACbE,sBAAuBA,EACvBC,MAAO2D,MAIb"}
1	+ {"version":3,"file":"InputDatePicker-da5d8728.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\nimport { datePickerPropVars } from '#UNSAFE_DatePicker/themes/DatePickerContract.css';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n InputDatePickerProps,\n \| 'assistiveText'\n \| 'dayFormatter'\n \| 'daysOutsideMonth'\n \| 'helpSourceLink'\n \| 'helpSourceText'\n \| 'isDisabled'\n \| 'isReadonly'\n \| 'label'\n \| 'messages'\n \| 'min'\n \| 'max'\n \| 'monthAndYearPicker'\n \| 'todayButton'\n \| 'todayTimeZone'\n \| 'userAssistanceDensity'\n \| 'value'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' \| 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail \| DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n PickedPropsFromInputDatePicker &\n PickedPropsFromDropdown &\n TestIdProps & {\n /\n Called when the dropdown or sheet is supposed to be closed.\n /\n onClose?: (detail: CloseDetail) => void;\n };\n\n/\n Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n /\nconst InputDatePickerDropdown = ({\n anchorRef,\n assistiveText,\n dayFormatter,\n daysOutsideMonth,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isOpen,\n isReadonly,\n label,\n onClose,\n onCommit,\n max,\n messages,\n min,\n monthAndYearPicker,\n testId,\n todayButton,\n todayTimeZone,\n userAssistanceDensity,\n value\n}: Props) => {\n // If the dropdown opens above the component, we don't want to show UA or messages.\n const [isDropdownAbove, setDropdownAbove] = useState(false);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n const handleDropdownPosition = useCallback<\n NonNullable<StickyPositioningDropdownProps['onPosition']>\n >((data: PositionData) => {\n setDropdownAbove(data.placement.startsWith('top'));\n }, []);\n // Reset the flag when the dropdown is closed.\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n if (!isOpen) {\n setDropdownAbove(false);\n }\n }\n\n const sizeOptions: SizeOptions = {\n isMaxWidthAdjusted: false,\n isMaxHeightAdjusted: true\n };\n\n // On mobile phones, the dropdown becomes a sheet.\n const shouldShowSheet = isPhone();\n\n const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const datePickerAriaLabel = datePicker_label();\n\n const datePickerMainContent = (\n <DatePicker\n dayFormatter={dayFormatter}\n daysOutsideMonth={daysOutsideMonth}\n onCommit={onCommit}\n max={max}\n min={min}\n // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n maxWidth={shouldShowSheet ? '100%' : undefined}\n // for dropdown, we want a fixed width, so set width to the same var used for default maxWidth\n width={!shouldShowSheet ? datePickerPropVars.maxWidth : '100%'}\n monthAndYearPicker={monthAndYearPicker}\n testId={testId}\n todayTimeZone={todayTimeZone}\n todayButton={todayButton}\n value={value}\n />\n );\n\n const inlineUserAssistanceFooter =\n isOpen &&\n (!isDropdownAbove \|\| shouldShowSheet) &&\n !isDisabled &&\n !isReadonly &&\n (assistiveText \|\| helpSourceLink \|\| (messages && messages.length > 0)) &&\n (userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow') ? (\n <FormFieldContext.Provider value={{ isFocused: true }}>\n <div class={userAssistanceStyles}>\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n />\n </div>\n </FormFieldContext.Provider>\n ) : undefined;\n\n const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n // Add styling to the dropdown to enforce a fixed width.\n const dropdownContent = (\n <div class={dropdownStyles}>\n <SectionedContent\n aria-label={datePickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={datePickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </div>\n );\n\n const dropdown = shouldShowSheet ? (\n <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n <SectionedContent\n aria-label={datePickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={datePickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </Sheet>\n ) : (\n <StickyPositioningDropdown\n anchorRef={anchorRef}\n initialFocus=\"firstFocusable\"\n isOpen={isOpen}\n onClose={onClose}\n onPosition={handleDropdownPosition}\n sizeOptions={sizeOptions}>\n {dropdownContent}\n </StickyPositioningDropdown>\n );\n\n return dropdown;\n};\n\nconst isPhone = () => {\n return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n /\n If dateValue is a complete date, then completeDateValue is the same as dateValue\n * otherwise is is undefined. We need to maintain separate states because\n * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n * If the user types a partial date then opens the picker, we treat that as\n * no selection. The picker opens to the current month showing today.\n /\n completeDateValue?: CalendarDateRequired;\n\n /\n Represents the current date value of the component. The user either selected\n * the date in the picker, or typed it into the date field.\n /\n dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction \| DateResetAction \| DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n return !dateVal \|\| !isCompleteCalendarDate(dateVal)\n ? undefined\n : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n state: InputDatePickerState,\n action: InputDatePickerReducerAction\n): InputDatePickerState => {\n switch (action.type) {\n case 'dateChanged': {\n return {\n ...state,\n dateValue: action.data,\n completeDateValue: convertToCalendarDateRequired(action.data)\n };\n }\n case 'dateSelected': {\n return { ...state, dateValue: action.data, completeDateValue: action.data };\n }\n case 'reset': {\n return {\n completeDateValue: convertToCalendarDateRequired(action.data),\n dateValue: action.data\n };\n }\n default:\n return state;\n }\n};\n\ntype Props = {\n /\n The value of the InputDatePicker, or undefined.\n /\n value?: CalendarDate;\n};\n\n/\n useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n /\nconst useInputDatePickerState = ({ value }: Props) => {\n const [state, dispatch] = useReducer(inputDatePickerReducer, {\n completeDateValue: convertToCalendarDateRequired(value),\n dateValue: value\n });\n\n return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype Props = {\n onCommit: InputDatePickerProps['onCommit'];\n onInput: InputDatePickerProps['onInput'];\n value: InputDatePickerProps['value'];\n};\n\n/\n Hook that provides handlers and other functionality for InputDatePicker.\n /\nconst useInputDatePicker = ({ onCommit, onInput, value: currentValue }: Props) => {\n // Whether the dropdown is open.\n const [isOpen, setIsOpen] = useState(false);\n\n // Ref to the calendar icon button.\n const iconRef: RefObject<HTMLButtonElement> = useRef<HTMLButtonElement>(null);\n\n // Ref to the InputDateMask component.\n const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n const outsideMousedownRef = useRef<boolean>(false);\n const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> \| undefined>();\n\n // Keep track of whether the calendar icon is focused after a date is selected\n // and the date picker is closed.\n const calendarFocusAfterSelect = useRef<boolean>(false);\n const calendarFocusAfterSelectTimerRef = useRef<ReturnType<typeof setTimeout> \| undefined>();\n\n // Keep track of the last date values passed to onInput and onCommit.\n const lastCommittedDateRef = useRef<CalendarDate \| undefined>(currentValue);\n const lastDateRef = useRef<CalendarDate \| undefined>(currentValue);\n\n // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n const lastValueFromParentRef = useRef<CalendarDate \| undefined>(currentValue);\n\n // Keep track of whether a date was selected in the date picker.\n const dateSelectedRef = useRef<boolean>(false);\n\n const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n // If a new value is being pushed from the parent, and that value differs from\n // the current value of the reducer, then this is a programmatic update\n // and we need to call 'reset' to update the reducer state. Otherwise, the only\n // time the reducer state is updated from the value is on mount.\n if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n lastValueFromParentRef.current = currentValue;\n if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n dispatch({ type: 'reset', data: currentValue });\n lastDateRef.current = currentValue;\n lastCommittedDateRef.current = currentValue;\n }\n }\n\n // Reducer updates are async, so wait until the state updates and then call our callbacks.\n useEffect(() => {\n if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n lastDateRef.current = state.dateValue;\n }\n if (\n dateSelectedRef.current &&\n calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n ) {\n onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n lastCommittedDateRef.current = state.dateValue;\n dateSelectedRef.current = false;\n }\n }, [onCommit, onInput, state.dateValue]);\n\n // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n // We wait for the state to update before calling onInput.\n const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n (detail: ValueUpdateDetail<CalendarDate>) => {\n dispatch({ type: 'dateChanged', data: detail.value });\n },\n [dispatch]\n );\n\n // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(() => {\n // If the current date value differs from the last committed value, then call onCommit.\n if (calendarDatesAreDifferent(lastCommittedDateRef.current, state.dateValue)) {\n onCommit?.({ value: state.dateValue, previousValue: lastCommittedDateRef.current });\n lastCommittedDateRef.current = state.dateValue;\n }\n }, [onCommit, state.dateValue]);\n\n // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n if (!outsideMousedownRef.current && !calendarFocusAfterSelect.current) {\n setIsOpen((prevIsOpen) => !prevIsOpen);\n }\n outsideMousedownRef.current = false;\n calendarFocusAfterSelect.current = false;\n }, []);\n\n const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n (detail: CloseDetail) => {\n // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n if (detail.reason === 'outsideMousedown') {\n outsideMousedownRef.current = true;\n clearTimeout(outsideMousedownTimerRef.current);\n\n // Clear the flag after a short delay to ensure the dropdown can be opened again.\n outsideMousedownTimerRef.current = setTimeout(() => {\n outsideMousedownRef.current = false;\n }, 200);\n } else if (detail.reason === 'dismissed' \|\| detail.reason === 'keyboardDismissed') {\n // Focus the calendar icon when the dropdown is closed.\n iconRef.current?.focus();\n }\n setIsOpen(false);\n },\n []\n );\n\n // Handle date selection in the picker.\n // - Updates the value in state.\n // - Closes the dropdown.\n // - Sets focus to the date field.\n const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n // Set focus to the calendar icon when a date is selected.\n iconRef.current?.focus();\n\n // If user is using the keyboard, date selection happens on keyDown.\n // If we transfer focus to the calendar icon, it then sees the corresponding\n // keyUp and thinks the button was triggered again (usePress reacts to\n // keyUp, not keyDown). Maintain a flag that prevents this from happening,\n // and clear it after a short delay in case selection was made with the mouse.\n // TODO: Investigate a better way to prevent the dropdown from reopening (JET-67580).\n calendarFocusAfterSelect.current = true;\n clearTimeout(calendarFocusAfterSelectTimerRef.current);\n calendarFocusAfterSelectTimerRef.current = setTimeout(() => {\n calendarFocusAfterSelect.current = false;\n }, 500);\n\n // Set a ref indicating a date was selected.\n dateSelectedRef.current = true;\n dispatch({ type: 'dateSelected', data: detail.value });\n setIsOpen(false);\n },\n [dispatch]\n );\n\n return {\n calendarIconActionHandler,\n datePickerCommitHandler,\n dropdownCloseHandler,\n completeDateValue: state.completeDateValue,\n dateValue: state.dateValue,\n iconRef,\n isOpen,\n maskCommitHandler,\n maskInputHandler,\n maskRef\n };\n};\n\nexport { useInputDatePicker };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n CalendarDate,\n CalendarDatePlaceholders,\n InputDateMask,\n InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n InputDateMaskProps,\n \| 'aria-describedby'\n \| 'assistiveText'\n \| 'columnSpan'\n \| 'helpSourceLink'\n \| 'helpSourceText'\n \| 'isDisabled'\n \| 'isReadonly'\n \| 'isRequired'\n \| 'isRequiredShown'\n \| 'label'\n \| 'labelEdge'\n \| 'labelStartWidth'\n \| 'messages'\n \| 'textAlign'\n \| 'testId'\n \| 'userAssistanceDensity'\n \| 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n DatePickerProps,\n \| 'dayFormatter'\n \| 'daysOutsideMonth'\n \| 'max'\n \| 'min'\n \| 'monthAndYearPicker'\n \| 'todayTimeZone'\n \| 'todayButton'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n PickedPropsFromDatePicker & {\n /\n If specified, overrides the locale specific order of the individual date segments\n * in the date field as well as the locale specific separator. The value of each placeholder\n * is only used when the type is 'literal', otherwise it is replaced with a translated\n * placeholder for month, day, or year. The placeholders must include month, day, and year.\n /\n masks?: CalendarDatePlaceholders;\n\n /\n The current display value of the component.\n * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n * the user may type the month, day, and year separately. If a selection is made in the date\n * picker, then the value is a complete date.\n /\n value?: CalendarDate;\n\n /\n Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n * It is also called when a selection is made in the date picker.\n /\n onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n /\n Callback invoked each time the user changes the value of a segment. For example, if the user\n * types '12' into the month segment, this callback will be called twice to change the month\n * first to '1' and then '12'.\n /\n onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n };\n\n/\n InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n (\n {\n 'aria-describedby': propDescribedBy,\n assistiveText,\n dayFormatter,\n daysOutsideMonth,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isReadonly,\n label,\n max,\n messages,\n min,\n monthAndYearPicker,\n todayTimeZone,\n todayButton,\n value,\n onCommit,\n onInput,\n testId,\n userAssistanceDensity: propUserAssistanceDensity,\n ...dateMaskProps\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const {\n calendarIconActionHandler,\n datePickerCommitHandler,\n completeDateValue,\n dateValue,\n dropdownCloseHandler,\n iconRef,\n isOpen,\n maskCommitHandler,\n maskInputHandler,\n maskRef\n } = useInputDatePicker({\n onCommit,\n onInput,\n value\n });\n\n const mainFieldRef = useRef<HTMLDivElement>(null);\n const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n // We need this to determine if UA/messaging should be shown in the dropdown.\n const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n useImperativeHandle(ref!, () => ({\n focus: () => {\n maskRef.current?.focus();\n },\n blur: () => {\n maskRef.current?.blur();\n }\n }));\n\n const maskFieldInstructionId = useId();\n const maskFieldInstructionText = inputDatePicker_instruction();\n const maskFieldInstruction =\n !isDisabled && !isReadonly ? (\n <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n {maskFieldInstructionText}\n </HiddenAccessible>\n ) : undefined;\n const ariaDescribedBy =\n !isDisabled && !isReadonly\n ? merge([propDescribedBy, maskFieldInstructionId])\n : propDescribedBy;\n\n const endContent = (\n <IconButton\n aria-haspopup=\"dialog\"\n aria-label={calendarIconAriaLabel}\n isDisabled={isDisabled}\n ref={iconRef}\n size=\"sm\"\n testId={testId ? testId + '_calendarIcon' : undefined}\n variant=\"ghost\"\n onAction={calendarIconActionHandler}>\n <CalendarIcon />\n </IconButton>\n );\n\n const shouldShowDropdown = isOpen as boolean;\n\n return (\n <>\n <InputDateMaskContext.Provider\n value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n <InputDateMask\n aria-describedby={ariaDescribedBy}\n assistiveText={assistiveText}\n endContent={endContent}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n label={label}\n onCommit={maskCommitHandler}\n onInput={maskInputHandler}\n mainFieldRef={mainFieldRef}\n messages={messages}\n testId={testId}\n ref={maskRef}\n userAssistanceDensity={propUserAssistanceDensity}\n value={dateValue}\n {...dateMaskProps}\n />\n </InputDateMaskContext.Provider>\n\n {maskFieldInstruction}\n\n {shouldShowDropdown && (\n <InputDatePickerDropdown\n anchorRef={mainFieldRef}\n assistiveText={assistiveText}\n dayFormatter={dayFormatter}\n daysOutsideMonth={daysOutsideMonth}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isOpen={isOpen}\n label={label}\n onClose={dropdownCloseHandler}\n onCommit={datePickerCommitHandler}\n max={max}\n messages={messages}\n min={min}\n monthAndYearPicker={monthAndYearPicker}\n testId={testId ? testId + '_datePicker' : undefined}\n todayTimeZone={todayTimeZone}\n todayButton={todayButton}\n userAssistanceDensity={userAssistanceDensity}\n value={completeDateValue}\n />\n )}\n </>\n );\n }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","jsx","DatePicker","maxWidth","undefined","width","datePickerPropVars","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","calendarFocusAfterSelect","calendarFocusAfterSelectTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}

package/amd/InputPassword-03f24e78.js CHANGED Viewed

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

package/amd/InputText-da0a5c0f.js CHANGED Viewed

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

package/amd/Label-3f8fc274.js CHANGED Viewed

@@ -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-eab40731', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-1f27b601', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-abf886f2', 'css!./IconStyle.styles.css', './IconButton-1b328b69', '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-249d77c3', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-91aeaa2e', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,a,o,t,n,l,d,i,r,c,m,u,p,F,h,y,b,x,S,C,A,T,g,U,L,w,E,N,I,M,f,V,_,B,R,D,j,P,v){"use strict";const k=({hasValue:e,readonly:a,disabled:o,isFocused:n,isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:u="reflow",variant:p="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:b,labelWrapping:x}=l.useFormContext(),S="inside"===p,C="textField"===F,{classes:A,styles:{uaDensityCompactLabel:T,uaDensityCompactLabelStart:g,uaDensityCompactLabelTopInside:U}}=d.useComponentTheme(v.LabelRedwoodTheme,{labelWrapping:x,position:p,inside:S?"isInside":"notInside",inEnabledForm:y&&!b?"isInEnabledForm":"notInEnabledForm",readonly:a?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:b?"isReadonlyForm":"notReadonlyForm",textField:C?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&o?"isDisabled":"nonDisabled",userAssistanceDensity:u}),{baseTheme:L}=d.useComponentTheme(P.TextFieldRedwoodTheme),w=t.classNames([T,"start"===p?g:U]),E=s.jsx("label",{...h,class:w});return"compact"===u?s.jsxs("div",{class:t.classNames([A,L]),children:["start"!==p&&E,s.jsx(R.CompactLabelAssistance,{isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===p||"start"===p?p:"inside"}),"start"===p&&E]}):s.jsx("label",{...h,class:t.classNames([A,L])})};e.Label=({forId:e,...a})=>{const{hasValue:t,isDisabled:n,isFocused:l,isReadonly:d}=o.useFormFieldContext();return s.jsx(k,{for:e,hasValue:t,disabled:n,isFocused:l,readonly:d,...a})}}));
+define(['exports', 'preact/jsx-runtime', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', 'preact/hooks', './LayerHost-0a244de8', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-db3ddadb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', './IconButton-1b328b69', '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-b5495d55', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-9b6b3be2', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,a,o,t,n,l,d,i,r,c,m,u,p,F,h,b,y,x,S,C,A,T,g,U,L,w,E,N,I,M,V,_,f,B,R,D,j,P,v){"use strict";const k=({hasValue:e,readonly:a,disabled:o,isFocused:n,isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,userAssistanceDensity:u="reflow",variant:p="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:b,isReadonly:y,labelWrapping:x}=l.useFormContext(),S="inside"===p,C="textField"===F,{classes:A,styles:{uaDensityCompactLabel:T,uaDensityCompactLabelStart:g,uaDensityCompactLabelTopInside:U}}=d.useComponentTheme(v.LabelRedwoodTheme,{labelWrapping:x,position:p,inside:S?"isInside":"notInside",inEnabledForm:b&&!y?"isInEnabledForm":"notInEnabledForm",readonly:a?"isReadonly":"notReadonly",focused:n?"isFocused":"nonFocused",formLayout:b?"isFormLayout":"nonFormLayout",readonlyForm:y?"isReadonlyForm":"notReadonlyForm",textField:C?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||n?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&o?"isDisabled":"nonDisabled",userAssistanceDensity:u}),{baseTheme:L}=d.useComponentTheme(P.TextFieldRedwoodTheme),w=t.classNames([T,"start"===p?g:U]),E=s.jsx("label",{...h,class:w});return"compact"===u?s.jsxs("div",{class:t.classNames([A,L]),children:["start"!==p&&E,s.jsx(R.CompactLabelAssistance,{isRequiredShown:i,helpIconId:r,helpSourceLink:c,helpSourceText:m,labelEdge:"top"===p||"start"===p?p:"inside"}),"start"===p&&E]}):s.jsx("label",{...h,class:t.classNames([A,L])})};e.Label=({forId:e,...a})=>{const{hasValue:t,isDisabled:n,isFocused:l,isReadonly:d}=o.useFormFieldContext();return s.jsx(k,{for:e,hasValue:t,disabled:n,isFocused:l,readonly:d,...a})}}));
 //# sourceMappingURL=Label-3f8fc274.js.map

package/amd/LabelValueLayout-89e9f1be.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './Flex-1f27b601', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-4e81acac', 'css!./LabelValueLayoutStyles.styles.css', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme'], (function(e,t,l,a,s,o,r,n,d,_,y,i,u,b,m,S){"use strict";var c="LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55",h="LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56",x="LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57",L="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopRadioSetUA__z3rxc58",T="LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59",F="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a",p="LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b",C="LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5c",V="LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",z="LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",w="LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",R="LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",N="LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54";e.LabelValueLayout=({label:e,labelEdge:s,children:r,labelStartWidth:_="33%",parentComponentVariant:A="textField",hasTopUserAssistance:I=!1})=>{const{baseTheme:U}=y.useComponentTheme(i.TextFieldRedwoodTheme),{baseTheme:W}=y.useComponentTheme(u.RadioRedwoodTheme),{baseTheme:f}=y.useComponentTheme(S.CheckboxRedwoodTheme),{baseTheme:k}=y.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:E}=y.useComponentTheme(m.FormLayoutRedwoodTheme),j=A.startsWith("text"),v="radioSet"===A,g="checkboxSet"===A,B="start"===s,P="top"===s||"inside"===s,$="inside"===s,q=d.sizeToCSS(_),D=`calc(100% - ${q})`,G=B?{flexBasis:q,width:q,maxWidth:q}:{},H=B?{flexBasis:D,width:D,maxWidth:D}:{},{isFormLayout:J,isReadonly:K,labelWrapping:M}=o.useFormContext(),{isReadonly:O}=n.useFormFieldContext(),Q=J&&K||!J&&O,X=l.classNames([E,V,B&&z,P&&w,P&&I&&R,P&&Q&&N]),Y=l.classNames([j&&U,v&&W,g&&f,(v||g)&&k,E,c,B&&h,j&&B&&!Q&&x,v&&$&&T,g&&$&&p,v&&B&&!I&&L,g&&B&&!I&&F,"truncate"===M&&C]);return t.jsxs(a.Flex,{wrap:"wrap",align:O&&B?"stretch":"start",children:[t.jsx("div",{class:X,style:G,children:t.jsx("div",{class:Y,children:e})}),t.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5d",style:H,children:r})]})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './Flex-db3ddadb', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-4e81acac', 'css!./LabelValueLayoutStyles.styles.css', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme'], (function(e,t,a,l,s,o,r,d,n,_,y,i,u,b,m,S){"use strict";var c="LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55",h="LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56",x="LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57",L="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopRadioSetUA__z3rxc58",T="LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59",F="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a",p="LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b",C="LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5c",V="LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",z="LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",w="LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",R="LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",N="LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54";e.LabelValueLayout=({label:e,labelEdge:s,children:r,labelStartWidth:_="33%",parentComponentVariant:A="textField",hasTopUserAssistance:I=!1})=>{const{baseTheme:U}=y.useComponentTheme(i.TextFieldRedwoodTheme),{baseTheme:W}=y.useComponentTheme(u.RadioRedwoodTheme),{baseTheme:k}=y.useComponentTheme(S.CheckboxRedwoodTheme),{baseTheme:E}=y.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:f}=y.useComponentTheme(m.FormLayoutRedwoodTheme),j=A.startsWith("text"),v="radioSet"===A,g="checkboxSet"===A,B="start"===s,P="top"===s||"inside"===s,$="inside"===s,q=n.sizeToCSS(_),D=`calc(100% - ${q})`,G=B?{flexBasis:q,width:q,maxWidth:q}:{},H=B?{flexBasis:D,width:D,maxWidth:D}:{},{isFormLayout:J,isReadonly:K,labelWrapping:M}=o.useFormContext(),{isReadonly:O}=d.useFormFieldContext(),Q=J&&K||!J&&O,X=a.classNames([f,V,B&&z,P&&w,P&&I&&R,P&&Q&&N]),Y=a.classNames([j&&U,v&&W,g&&k,(v||g)&&E,f,c,B&&h,j&&B&&!Q&&x,v&&$&&T,g&&$&&p,v&&B&&!I&&L,g&&B&&!I&&F,"truncate"===M&&C]);return t.jsxs(l.Flex,{wrap:"wrap",align:O&&B?"stretch":"start",children:[t.jsx("div",{class:X,style:G,children:t.jsx("div",{class:Y,children:e})}),t.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5d",style:H,children:r})]})}}));
 //# sourceMappingURL=LabelValueLayout-89e9f1be.js.map

package/amd/Layer-8d7bbd69.js ADDED Viewed

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

package/amd/{Layer-3cc44164.js.map → Layer-8d7bbd69.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Layer-~~3cc44164~~.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n /*\n The content to be re-parented using Portal\n /\n children: VNode;\n /\n Logical parent of the re-parented content. Typically the 'launcher' associated\n * with the popup.\n /\n logicalParentRef?: RefObject<Element> \| null;\n /\n Determines Layer's stacking context. Components that always need to render on top of other popup\n * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n /\n priority?: LayerPriority;\n /\n Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n * a new nesting context as(topLevel).\n */\n level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n [LOGICAL_PARENT]?: Element \| null;\n};\n\nconst Layer = ({\n children,\n logicalParentRef,\n priority = 'popup',\n level = 'nearestAncestor'\n}: Props) => {\n const context = useContext(LayerContext);\n\n const [layerContainer, _setLayerContainer] = useState<Element \| null>(null);\n const layerContainerRef = useRef<Element \| null>(null);\n\n const setLayerContainer = (elem: Element \| null) => {\n layerContainerRef.current = elem;\n _setLayerContainer(elem);\n };\n\n // because the children are being rendered into a portal that is out of the flow of parent dom,\n // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n const themeClasses = useThemeInterpolations();\n\n let priorityStyle = styles.popupPriorityStyle;\n\n switch (priority) {\n case 'dialog': {\n priorityStyle = styles.dialogPriorityStyle;\n break;\n }\n case 'messages': {\n priorityStyle = styles.messagesPriorityStyle;\n break;\n }\n default: {\n priorityStyle = styles.popupPriorityStyle;\n break;\n }\n }\n\n const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n // content does not get re-rendered with valid ref's\n useLayoutEffect(() => {\n const host =\n level === 'topLevel'\n ? context.getRootLayerHost?.(priority)\n : context.getLayerHost?.(priority);\n\n if (!host) return;\n const doc = host.ownerDocument ?? document;\n const layer: LayerElement = doc.createElement('div');\n\n layer.setAttribute('data-oj-layer', 'true');\n\n if (logicalParentRef) {\n layer[LOGICAL_PARENT] = logicalParentRef.current;\n }\n // layer.style.position = 'relative';\n host.appendChild(layer);\n setLayerContainer(layer);\n\n return () => {\n if (host && layer && host.contains(layer)) {\n delete layer[LOGICAL_PARENT];\n host.removeChild(layer);\n }\n if (context.onLayerUnmount) {\n context.onLayerUnmount(layer);\n }\n setLayerContainer(null);\n };\n }, [logicalParentRef, context, level, priority]);\n\n // add the colorScheme and scale classes if there is a layerContainer\n if (layerContainer) {\n // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n layerContainer.className = classes;\n }\n\n const getLayerHost = () => {\n return layerContainer;\n };\n\n let newLayerContext = {};\n\n if (context.getLayerHost) {\n newLayerContext = {\n getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n getLayerHost: getLayerHost.bind(null)\n };\n }\n\n return (\n <LayerContext.Provider value={newLayerContext}>\n {layerContainer && createPortal(children, layerContainer)}\n </LayerContext.Provider>\n );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","priority","level","context","useContext","LayerContext","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","appendChild","contains","removeChild","onLayerUnmount","className","newLayerContext","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAOa,MAAAA,EAAiBC,OAAOC,IAAI,gDA6B3B,EACZC,WACAC,mBACAC,WAAW,QACXC,QAAQ,sBAER,MAAMC,EAAUC,aAAWC,EAAAA,eAEpBC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAqBC,IACzBH,EAAkBI,QAAUD,EAC5BL,EAAmBK,EAAK,EAKpBE,EAAeC,EAAAA,yBAErB,IAAIC,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,QACEJ,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMG,EAAUC,EAAAA,WAAW,CAACR,EAAcS,EAASA,UAAEP,IAIrDQ,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVvB,EACIC,EAAQuB,mBAAmBzB,GAC3BE,EAAQwB,eAAe1B,GAE7B,IAAKwB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAW9C,OATAH,EAAMI,aAAa,gBAAiB,QAEhChC,IACF4B,EAAMhC,GAAkBI,EAAiBa,SAG3CY,EAAKQ,YAAYL,GACjBjB,EAAkBiB,GAEX,KACDH,GAAQG,GAASH,EAAKS,SAASN,YAC1BA,EAAMhC,GACb6B,EAAKU,YAAYP,IAEfzB,EAAQiC,gBACVjC,EAAQiC,eAAeR,GAEzBjB,EAAkB,KAAK,CACxB,GACA,CAACX,EAAkBG,EAASD,EAAOD,IAGlCK,IAEFA,EAAe+B,UAAYhB,GAG7B,MAAMM,EAAe,IACZrB,EAGT,IAAIgC,EAAkB,CAAA,EAStB,OAPInC,EAAQwB,eACVW,EAAkB,CAChBZ,iBAAkBvB,EAAQuB,kBAAkBa,KAAK,KAAMtC,GACvD0B,aAAcA,EAAaY,KAAK,QAKlCC,MAACnC,EAAYA,aAACoC,SAAS,CAAAC,MAAOJ,EAAevC,SAC1CO,GAAkBqC,EAAAA,aAAa5C,EAAUO,IAE5C"}
1	+ {"version":3,"file":"Layer-8d7bbd69.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n /*\n The content to be re-parented using Portal\n /\n children: VNode;\n /\n Logical parent of the re-parented content. Typically the 'launcher' associated\n * with the popup.\n /\n logicalParentRef?: RefObject<Element> \| null;\n /\n Determines Layer's stacking context. Components that always need to render on top of other popup\n * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n /\n priority?: LayerPriority;\n /\n Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n * a new nesting context as(topLevel).\n */\n level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n [LOGICAL_PARENT]?: Element \| null;\n};\n\nconst Layer = ({\n children,\n logicalParentRef,\n priority = 'popup',\n level = 'nearestAncestor'\n}: Props) => {\n const context = useContext(LayerContext);\n\n const [layerContainer, _setLayerContainer] = useState<Element \| null>(null);\n const layerContainerRef = useRef<Element \| null>(null);\n\n const setLayerContainer = (elem: Element \| null) => {\n layerContainerRef.current = elem;\n _setLayerContainer(elem);\n };\n\n // because the children are being rendered into a portal that is out of the flow of parent dom,\n // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n const themeClasses = useThemeInterpolations();\n\n let priorityStyle = styles.popupPriorityStyle;\n\n switch (priority) {\n case 'dialog': {\n priorityStyle = styles.dialogPriorityStyle;\n break;\n }\n case 'messages': {\n priorityStyle = styles.messagesPriorityStyle;\n break;\n }\n default: {\n priorityStyle = styles.popupPriorityStyle;\n break;\n }\n }\n\n const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n // content does not get re-rendered with valid ref's\n useLayoutEffect(() => {\n const host =\n level === 'topLevel'\n ? context.getRootLayerHost?.(priority)\n : context.getLayerHost?.(priority);\n\n if (!host) return;\n const doc = host.ownerDocument ?? document;\n const layer: LayerElement = doc.createElement('div');\n\n layer.setAttribute('data-oj-layer', 'true');\n\n if (logicalParentRef) {\n layer[LOGICAL_PARENT] = logicalParentRef.current;\n }\n // layer.style.position = 'relative';\n host.appendChild(layer);\n setLayerContainer(layer);\n\n return () => {\n if (host && layer && host.contains(layer)) {\n delete layer[LOGICAL_PARENT];\n host.removeChild(layer);\n }\n if (context.onLayerUnmount) {\n context.onLayerUnmount(layer);\n }\n setLayerContainer(null);\n };\n }, [logicalParentRef, context, level, priority]);\n\n // add the colorScheme and scale classes if there is a layerContainer\n if (layerContainer) {\n // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n layerContainer.className = classes;\n }\n\n const getLayerHost = () => {\n return layerContainer;\n };\n\n let newLayerContext = {};\n\n if (context.getLayerHost) {\n newLayerContext = {\n getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n getLayerHost: getLayerHost.bind(null)\n };\n }\n\n return (\n <LayerContext.Provider value={newLayerContext}>\n {layerContainer && createPortal(children, layerContainer)}\n </LayerContext.Provider>\n );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","priority","level","context","useContext","LayerContext","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","appendChild","contains","removeChild","onLayerUnmount","className","newLayerContext","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAOa,MAAAA,EAAiBC,OAAOC,IAAI,gDA6B3B,EACZC,WACAC,mBACAC,WAAW,QACXC,QAAQ,sBAER,MAAMC,EAAUC,aAAWC,EAAAA,eAEpBC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAqBC,IACzBH,EAAkBI,QAAUD,EAC5BL,EAAmBK,EAAK,EAKpBE,EAAeC,EAAAA,yBAErB,IAAIC,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,QACEJ,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMG,EAAUC,EAAAA,WAAW,CAACR,EAAcS,EAASA,UAAEP,IAIrDQ,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVvB,EACIC,EAAQuB,mBAAmBzB,GAC3BE,EAAQwB,eAAe1B,GAE7B,IAAKwB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAW9C,OATAH,EAAMI,aAAa,gBAAiB,QAEhChC,IACF4B,EAAMhC,GAAkBI,EAAiBa,SAG3CY,EAAKQ,YAAYL,GACjBjB,EAAkBiB,GAEX,KACDH,GAAQG,GAASH,EAAKS,SAASN,YAC1BA,EAAMhC,GACb6B,EAAKU,YAAYP,IAEfzB,EAAQiC,gBACVjC,EAAQiC,eAAeR,GAEzBjB,EAAkB,KAAK,CACxB,GACA,CAACX,EAAkBG,EAASD,EAAOD,IAGlCK,IAEFA,EAAe+B,UAAYhB,GAG7B,MAAMM,EAAe,IACZrB,EAGT,IAAIgC,EAAkB,CAAA,EAStB,OAPInC,EAAQwB,eACVW,EAAkB,CAChBZ,iBAAkBvB,EAAQuB,kBAAkBa,KAAK,KAAMtC,GACvD0B,aAAcA,EAAaY,KAAK,QAKlCC,MAACnC,EAAYA,aAACoC,SAAS,CAAAC,MAAOJ,EAAevC,SAC1CO,GAAkBqC,EAAAA,aAAa5C,EAAUO,IAE5C"}

package/amd/{LayerHost-eab40731.js → LayerHost-0a244de8.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact', './Common/themes/redwood/theme', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,o,r,n){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:o.Redwood,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},d=t.createContext(c),a=t.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",ref:t})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=d,e.LayerContext=a,e.LayerHost=i}));
-//# sourceMappingURL=LayerHost-eab40731.js.map
+define(['exports', './Common/themes/redwood/theme', 'preact', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,o,r,n){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:t.Redwood,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},d=o.createContext(c),a=o.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",ref:t})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=d,e.LayerContext=a,e.LayerHost=i}));
+//# sourceMappingURL=LayerHost-0a244de8.js.map

package/amd/{LayerHost-eab40731.js.map → LayerHost-0a244de8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayerHost-~~eab40731~~.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/\n Defines user specific environment\n /\ntype User = {\n locale: string;\n direction: 'rtl' \| 'ltr';\n forcedColors: 'none' \| 'active';\n};\n\n/\n Defines translation bundle type.\n /\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/\n Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n \n Translation bundle example:\n * const bundle = {\n * @oracle/oracle-preact-bundle: {\n * welcome: () => 'bienvenido',\n * success: () => 'éxito'\n * }\n * }\n /\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/\n Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n /\ntype Mode = 'test' \| 'production';\n\n/\n Environment specified at the root level\n /\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n /\n user - supports user preferences\n /\n user?: Partial<User>;\n /\n theme - supports theme settings\n /\n theme?: Theme;\n /\n translations - supports translation bundles\n /\n translations?: Translations;\n /\n mode - the application's configured mode\n /\n mode?: Mode;\n};\n\n/\n Environment specified at the component level\n /\nexport type Environment = Partial<ThemeModifiers> & {\n translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n user: User;\n theme: Theme;\n translations?: Translations;\n mode: Mode;\n};\n\n/\n Default environment created for the application\n /\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n user: {\n locale: document.documentElement.getAttribute('lang') \|\| 'en',\n direction:\n document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n },\n theme: Redwood,\n colorScheme: 'light',\n scale: 'lg',\n currentBgColor: undefined,\n mode: 'production',\n density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' \| 'topLevel';\nexport type LayerPriority = 'popup' \| 'dialog' \| 'messages';\n\nexport type LayerContextProps = {\n getRootLayerHost?: (priority?: LayerPriority) => Element;\n getLayerHost?: (priority?: LayerPriority) => Element;\n onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/\n The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n return <div id=\"__root_layer_host\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","toLowerCase","forcedColors","window","matchMedia","matches","theme","Redwood","colorScheme","scale","currentBgColor","undefined","mode","density","EnvironmentContext","createContext","LayerContext","LayerHost","forwardRef","_props","ref","_jsx","id","displayName"],"mappings":"mIAwFa,MAAAA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UACkE,QAAhEH,SAASC,gBAAgBC,aAAa,QAAQE,cAA0B,MAAQ,MAClFC,aAAcC,OAAOC,aAAa,4BAA4BC,QAAU,SAAW,QAErFC,MAAOC,EAAOA,QACdC,YAAa,QACbC,MAAO,KACPC,oBAAgBC,EAChBC,KAAM,aACNC,QAAS,YAGEC,EAAqBC,EAAaA,cAA0BrB,GC5F5DsB,EAAeD,EAAaA,cAAoB,CAAE,GCLzDE,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,EAAAA,IAAA,MAAA,CAAKC,GAAG,oBAAoBF,IAAKA,MAG1CH,EAAUM,YAAc"}
1	+ {"version":3,"file":"LayerHost-0a244de8.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/\n Defines user specific environment\n /\ntype User = {\n locale: string;\n direction: 'rtl' \| 'ltr';\n forcedColors: 'none' \| 'active';\n};\n\n/\n Defines translation bundle type.\n /\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/\n Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n \n Translation bundle example:\n * const bundle = {\n * @oracle/oracle-preact-bundle: {\n * welcome: () => 'bienvenido',\n * success: () => 'éxito'\n * }\n * }\n /\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/\n Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n /\ntype Mode = 'test' \| 'production';\n\n/\n Environment specified at the root level\n /\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n /\n user - supports user preferences\n /\n user?: Partial<User>;\n /\n theme - supports theme settings\n /\n theme?: Theme;\n /\n translations - supports translation bundles\n /\n translations?: Translations;\n /\n mode - the application's configured mode\n /\n mode?: Mode;\n};\n\n/\n Environment specified at the component level\n /\nexport type Environment = Partial<ThemeModifiers> & {\n translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n user: User;\n theme: Theme;\n translations?: Translations;\n mode: Mode;\n};\n\n/\n Default environment created for the application\n /\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n user: {\n locale: document.documentElement.getAttribute('lang') \|\| 'en',\n direction:\n document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n },\n theme: Redwood,\n colorScheme: 'light',\n scale: 'lg',\n currentBgColor: undefined,\n mode: 'production',\n density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' \| 'topLevel';\nexport type LayerPriority = 'popup' \| 'dialog' \| 'messages';\n\nexport type LayerContextProps = {\n getRootLayerHost?: (priority?: LayerPriority) => Element;\n getLayerHost?: (priority?: LayerPriority) => Element;\n onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/\n The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n return <div id=\"__root_layer_host\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","toLowerCase","forcedColors","window","matchMedia","matches","theme","Redwood","colorScheme","scale","currentBgColor","undefined","mode","density","EnvironmentContext","createContext","LayerContext","LayerHost","forwardRef","_props","ref","_jsx","id","displayName"],"mappings":"mIAwFa,MAAAA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UACkE,QAAhEH,SAASC,gBAAgBC,aAAa,QAAQE,cAA0B,MAAQ,MAClFC,aAAcC,OAAOC,aAAa,4BAA4BC,QAAU,SAAW,QAErFC,MAAOC,EAAOA,QACdC,YAAa,QACbC,MAAO,KACPC,oBAAgBC,EAChBC,KAAM,aACNC,QAAS,YAGEC,EAAqBC,EAAaA,cAA0BrB,GC5F5DsB,EAAeD,EAAaA,cAAoB,CAAE,GCLzDE,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,EAAAA,IAAA,MAAA,CAAKC,GAAG,oBAAoBF,IAAKA,MAG1CH,EAAUM,YAAc"}

package/amd/{LayerManager-d0836029.js → LayerManager-00983765.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-eab40731'], (function(e,t,r,a){"use strict";e.LayerManager=function({children:e}){const[s,n]=r.useState(),o=r.useCallback((e=>{null!==e&&n(e)}),[]);return t.jsx(a.LayerContext.Consumer,{children:r=>{let n={};s&&(n={getRootLayerHost:()=>s,getLayerHost:()=>s});const c=r.getLayerHost?r:n;return t.jsxs(a.LayerContext.Provider,{value:c,children:[e,!r.getLayerHost&&t.jsx(a.LayerHost,{ref:o})]})}})}}));
-//# sourceMappingURL=LayerManager-d0836029.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-0a244de8'], (function(e,t,r,a){"use strict";e.LayerManager=function({children:e}){const[s,n]=r.useState(),o=r.useCallback((e=>{null!==e&&n(e)}),[]);return t.jsx(a.LayerContext.Consumer,{children:r=>{let n={};s&&(n={getRootLayerHost:()=>s,getLayerHost:()=>s});const c=r.getLayerHost?r:n;return t.jsxs(a.LayerContext.Provider,{value:c,children:[e,!r.getLayerHost&&t.jsx(a.LayerHost,{ref:o})]})}})}}));
+//# sourceMappingURL=LayerManager-00983765.js.map