@oracle/oraclejet-preact 17.0.0 → 17.0.2

package/amd/useSelectCommon-8657b927.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './HighlightText-415dc14f', './Flex-db3ddadb', './Grid-209ab070', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-408dbc8c', './Skeleton-325116ff', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './List-5958c802', './Floating-8f519f4d', './Layer-8d7bbd69', 'preact/compat', './LayerHost-0a244de8', './keyboardUtils-244467a7', './useOutsideMousedown-73d5a78a', './usePress-a9ed1488', './CaretDown-73423335', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-f3b8b319', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useCollectionGestureContext-b082d378', './FormFieldContext-3c44aaaa', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', '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', './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', './useTranslationBundle-20bfc0f3', './Link-6f583879', './useFocusWithin-5a504fca', './useHover-1890d6a0', './Separator-181f7541', './WindowOverlay-ad61cfea', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './useFormFieldContext-8196183c', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css', './TextFieldUtils-f3868e96', './useTabbableMode-dc440317', './Text-e132dec0', './useAccessibleContext-23e8a333', './stringUtils-0ae982c2', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './clientHints-030d25aa', './tabbableUtils-62c44f56'], (function(e,s,t,n,a,o,l,r,i,d,c,u,p,h,b,m,f,S,y,x,w,C,g,v,T,F,D,A,I,M,E,k,j,L,U,P,K,B,N,R,_,O,H,V,G,W,Y,z,q,$,J,Q,X,Z,ee,se,te,ne,ae,oe,le,re,ie,de,ce,ue,pe,he,be,me,fe,Se,ye,xe,we){"use strict";function Ce(e,s){if("string"!=typeof s)return s(e);if(e.data?.hasOwnProperty(s)){const t=e.data[s];return String(t)}d.error("SelectMultiple: itemText specifies field that does not exist: "+s)}const ge=()=>{};const ve=s.jsx(u.SkeletonContainer,{minimumCount:3,children:()=>s.jsx(a.Flex,{height:"12x",align:"center",children:s.jsx(i.Skeleton,{height:"4x"})})}),Te=e=>0===e.button&&!e.ctrlKey,Fe=e=>{e.currentTarget===e.target&&e.preventDefault()},De="bottom-start";const Ae=()=>{};function Ie({children:e,id:t,isOpen:n}){return n?s.jsx(h.Layer,{children:s.jsx(le.WindowOverlay,{children:s.jsx("div",{id:t,class:re.mobileDropdownStyles.base,role:"dialog","aria-modal":"true",children:s.jsx(a.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:e})})})}):null}const Me=[...Object.values(de.textInterpolations)],Ee=ce.mergeInterpolations(Me),ke=b.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":n,"aria-invalid":a,"aria-label":o,"aria-labelledby":l,displayValue:r,hasEmptyLabel:i,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:p,placeholder:h,textAlign:b,variant:m="default"},f)=>{const{isDisabled:S,isFocused:y,hasValue:x=!1}=ue.useFormFieldContext(),{isTabbable:g,tabbableModeProps:v}=be.useTabbableMode(),T=he.isInputPlaceholderShown(d,x,y)?h:void 0,{UNSAFE_ariaLabelledBy:F}=fe.useAccessibleContext(),D=i?Se.merge([l,F]):l,{class:A}=Ee({textAlign:b}),{classes:I}=C.useComponentTheme(ye.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:m,textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:x?"hasValue":"noValue",focused:y?"isFocused":"notFocused",disabled:S?"isDisabled":"notDisabled"}),M=w.classNames([pe.selectMobileFieldInputStyles.base,A,I]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":n,"aria-invalid":a,"aria-label":o,"aria-labelledby":D,"aria-required":c?"true":void 0,class:M,onBlur:u,onFocus:p,ref:f,role:"combobox",...g&&v,children:s.jsx("div",{class:pe.selectMobileFieldInputStyles.content,children:s.jsx(me.Text,{variant:r?"inherit":"secondary",children:r||T})})})}));e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:l,data:i,itemRenderer:d,itemText:p,onCurrentKeyChange:h,onItemAction:b,onLoadRange:m=ge,onSelectionChange:f,searchText:S,selectedKeys:y,selectionMode:x}){const w=t.useCallback((e=>{const t={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:S,selectedKeys:y,onSelectionChange:({target:e,value:s})=>{f?.({target:e,value:{all:!1,keys:s}})}},o={data:e.data,key:e.metadata.key,metadata:e.metadata};return d?d(t):s.jsxs(a.Flex,{align:"center",children:[e.selector&&s.jsx("div",{class:c.dropdownStyles.selectorWrapper,children:e.selector()}),s.jsx("div",{class:"single"===x?c.dropdownStyles.singleSelectItem:c.dropdownStyles.multiSelectItem,children:s.jsx(r.ListItemText,{variant:"primary",children:s.jsx(n.HighlightText,{matchText:S,children:Ce(o,p)})})})]})}),[d,p,f,S,y,x]),C=t.useMemo((()=>({all:!1,keys:y??new Set})),[y]);return s.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentKey:l,data:i??null,loadingIndicator:ve,onCurrentKeyChange:h,onItemAction:b,onLoadRange:m,onSelectionChange:f,role:"listbox",selectedKeys:C,selectionMode:x,children:e=>w(e)})},e.Dropdown=function({anchorRef:e,children:n,dropdownRef:a,id:o,isOpen:l,onAutoDismiss:r,onPosition:i}){const[d,u]=t.useState(De),[b,m]=t.useState(l);b!==l&&(l||u(De));const y=t.useCallback((e=>{u(e.placement),i?.(e)}),[i,u]),x=t.useCallback((e=>{r?.(e)}),[r]),w=t.useCallback((e=>{if(!e.defaultPrevented&&!f.isControlOrFunctionKey(e))switch(e.code){case f.KEYS.ESC:case f.KEYS.TAB:x(e)}}),[x]);S.useOutsideMousedown({isDisabled:!l,ref:[e,a],handler:x});const C=l?{minWidth:`${e.current?.offsetWidth}px`}:{};return b!==l&&m(l),l?s.jsx(h.Layer,{logicalParentRef:e,children:s.jsx(p.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:a,placement:d,offsetValue:{mainAxis:4,crossAxis:0},onPosition:y,children:s.jsx("div",{class:c.dropdownStyles.base,id:o,style:C,onKeyDown:w,onMouseDown:Fe,children:n})})}):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,testId:a}){const{classes:o}=C.useComponentTheme(g.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:l}=C.useComponentTheme(T.BaseButtonRedwoodTheme),r=t.useCallback((e=>{e.preventDefault()}),[]),{pressProps:i}=y.usePress(n??Ae,{isDisabled:e}),d=w.classNames([o,l,c.dropdownStyles.arrow.base,e?c.dropdownStyles.arrow.disabled:c.dropdownStyles.arrow.enabled]),u=v.useTestId(a);return s.jsx("span",{"aria-hidden":"true",class:d,tabIndex:-1,onMouseDown:r,...u,...i,children:s.jsx(x.SvgCaretDown,{})})},e.DropdownList=function({children:e,hasTopGap:t=!0,hasBottomGap:n=!0,isLoading:a=!1}){const o=w.classNames([c.dropdownStyles.list.base,t&&c.dropdownStyles.list.topGap,n&&c.dropdownStyles.list.bottomGap,a&&c.dropdownStyles.list.loading]);return s.jsx(F.CollectionGestureContext.Provider,{value:"embedded",children:s.jsx("div",{class:o,onMouseDown:Fe,children:e})})},e.DropdownUserAssistance=function(e){const n=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(D.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:c.dropdownStyles.userAssistance,onMouseDown:n,children:s.jsx(k.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=se.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:c.dropdownStyles.results.extraItem,onMouseDown:Fe,children:e.select_noMatchesFound()})},e.LinkItem=({children:e,isHighlighted:n,onAction:a})=>{const{isHover:o,hoverProps:l}=ae.useHover(),{isFocused:r,focusProps:i}=ne.useFocusWithin(),d=t.useCallback((e=>(e.preventDefault(),a?.(),!1)),[a]),u=w.classNames([r?c.dropdownStyles.results.linkItemFocus:void 0]),p=w.classNames([c.dropdownStyles.results.extraItem,o||r||n?c.dropdownStyles.results.linkItemHighlight:void 0]);return s.jsx("div",{class:u,...i,children:s.jsx(te.Link,{href:"#",onClick:d,children:s.jsx("div",{class:p,...l,children:e})})})},e.MobileDropdown=Ie,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:n=!0,header:a,id:o,isOpen:l}){return s.jsxs(Ie,{id:o,isOpen:l,children:[a,n&&s.jsx(oe.Separator,{}),s.jsx("div",{class:ie.selectMobileDropdownStyles.content,children:e}),s.jsx(oe.Separator,{}),t]})},e.SelectMobileFieldInput=ke,e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isMobile=function(){const e=xe.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===xe.getClientHints().deviceType},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=Te,e.isTablet=function(){return"tablet"===xe.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=Fe,e.renderItemText=Ce,e.useSelectCommon=function({data:e,inputRef:s,isFocused:n,onFilter:a}){const o=t.useRef(null),l=t.useRef(null),[r,i]=t.useState(!1),[d,c]=t.useState(!1),[u,p]=t.useState({rowKey:void 0}),[h,b]=t.useState(!1),[m,S]=t.useState(),[y,x]=t.useState(),[w,C]=t.useState(r),[g,v]=t.useState(n),[T,F]=t.useState(h),D=t.useCallback((e=>{!e.defaultPrevented&&Te(e)&&(r||i(!0),setTimeout((function(){s.current?.focus()}),0))}),[s,r]),A=t.useCallback((()=>{i(!r),s.current?.focus()}),[s,r]),I=t.useCallback((e=>{if(r)switch(i(!1),e?.type){case"keydown":if(e.code===f.KEYS.ESC)s.current?.focus();break;case"mousedown":l.current?.contains(document.activeElement)&&s.current?.focus()}}),[s,r]),M=t.useCallback((e=>{c(e.placement.startsWith("top"))}),[]),E=t.useCallback((()=>r&&l.current?we.allTabbableElements(l.current):void 0),[r]),k=t.useCallback((s=>{if(r){if(null!=e){const s=E();s?.[0]?.focus(),void 0===u.rowKey&&p({rowKey:e.data[0]?.metadata?.key})}}else i(!0);s.preventDefault()}),[u,e,E,r]),j=t.useCallback((e=>{if(!f.isControlOrFunctionKey(e))switch(e.code){case f.KEYS.PAGE_UP:case f.KEYS.PAGE_DOWN:return void e.preventDefault();case f.KEYS.UP:case f.KEYS.DOWN:e.preventDefault();break;case f.KEYS.ESC:r&&(i(!1),e.preventDefault(),e.stopPropagation())}}),[r]),L=t.useCallback((e=>{if(!f.isControlOrFunctionKey(e))switch(e.code){case f.KEYS.UP:case f.KEYS.DOWN:k(e)}}),[k]),U=t.useCallback((e=>{r||i(!0),b(!0),S(e.value);const s=e.value;x(s),a?.({searchText:s})}),[r,a]),P=t.useCallback((e=>{p({rowKey:e.value})}),[]),K=t.useCallback((()=>{b(!1),S(""),x("")}),[]);return w===r&&g===n&&T===h||r||n||!h||K(),t.useEffect((()=>{r&&!h&&a?.({searchText:void 0})}),[r,h,a]),w!==r&&(r||c(!1),C(r)),g!==n&&v(n),T!==h&&F(h),{currentRow:u,dropdownRef:l,getDropdownTabbableElems:E,handleDropdownArrowClick:A,handleDropdownAutoDismiss:I,handleDropdownPosition:M,handleInput:U,handleMainFieldKeyDown:j,handleMainFieldKeyUp:L,handleUpDownArrowKeys:k,isDropdownAbove:d,isDropdownOpen:r,isFocused:n||r,isUserFiltering:h,mainFieldRef:o,onCurrentKeyChange:P,onMouseDown:D,searchText:y,setCurrentRow:p,setDropdownOpen:i,setUserInput:S,stopFiltering:K,userInput:m}}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './HighlightText-ad9bc1f8', './Flex-1f27b601', './Grid-85171367', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-408dbc8c', './Skeleton-325116ff', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './List-5958c802', './Floating-85851b1a', './Layer-3cc44164', 'preact/compat', './LayerHost-eab40731', './keyboardUtils-244467a7', './useOutsideMousedown-73d5a78a', './usePress-a9ed1488', './CaretDown-73423335', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-82cf22a4', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useCollectionGestureContext-b082d378', './FormFieldContext-3c44aaaa', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', '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', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-249d77c3', './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', './useTranslationBundle-6ef0dab6', './Link-6f583879', './useFocusWithin-5a504fca', './useHover-1890d6a0', './Separator-181f7541', './WindowOverlay-c09fece2', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './useFormFieldContext-8196183c', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css', './TextFieldUtils-f3868e96', './useTabbableMode-dc440317', './Text-e132dec0', './useAccessibleContext-23e8a333', './stringUtils-0ae982c2', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './clientHints-030d25aa', './tabbableUtils-62c44f56'], (function(e,s,t,n,a,o,l,r,i,d,c,u,p,h,m,b,f,S,y,x,w,C,g,v,T,F,D,A,I,M,E,k,j,L,U,P,K,B,N,R,_,O,H,V,G,W,Y,z,q,$,J,Q,X,Z,ee,se,te,ne,ae,oe,le,re,ie,de,ce,ue,pe,he,me,be,fe,Se,ye,xe,we){"use strict";function Ce(e,s){if("string"!=typeof s)return s(e);if(e.data?.hasOwnProperty(s)){const t=e.data[s];return String(t)}d.error("SelectMultiple: itemText specifies field that does not exist: "+s)}const ge=()=>{};const ve=s.jsx(u.SkeletonContainer,{minimumCount:3,children:()=>s.jsx(a.Flex,{height:"12x",align:"center",children:s.jsx(i.Skeleton,{height:"4x"})})}),Te=e=>0===e.button&&!e.ctrlKey,Fe=e=>{e.currentTarget===e.target&&e.preventDefault()},De="bottom-start";const Ae=()=>{};function Ie({children:e,id:t,isOpen:n}){return n?s.jsx(h.Layer,{children:s.jsx(le.WindowOverlay,{children:s.jsx("div",{id:t,class:re.mobileDropdownStyles.base,role:"dialog","aria-modal":"true",children:s.jsx(a.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:e})})})}):null}const Me=[...Object.values(de.textInterpolations)],Ee=ce.mergeInterpolations(Me),ke=m.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":n,"aria-invalid":a,"aria-label":o,"aria-labelledby":l,displayValue:r,hasEmptyLabel:i,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:p,placeholder:h,textAlign:m,variant:b="default"},f)=>{const{isDisabled:S,isFocused:y,hasValue:x=!1}=ue.useFormFieldContext(),{isTabbable:g,tabbableModeProps:v}=me.useTabbableMode(),T=he.isInputPlaceholderShown(d,x,y)?h:void 0,{UNSAFE_ariaLabelledBy:F}=fe.useAccessibleContext(),D=i?Se.merge([l,F]):l,{class:A}=Ee({textAlign:m}),{classes:I}=C.useComponentTheme(ye.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:b,textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:x?"hasValue":"noValue",focused:y?"isFocused":"notFocused",disabled:S?"isDisabled":"notDisabled"}),M=w.classNames([pe.selectMobileFieldInputStyles.base,A,I]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":n,"aria-invalid":a,"aria-label":o,"aria-labelledby":D,"aria-required":c?"true":void 0,class:M,onBlur:u,onFocus:p,ref:f,role:"combobox",...g&&v,children:s.jsx("div",{class:pe.selectMobileFieldInputStyles.content,children:s.jsx(be.Text,{variant:r?"inherit":"secondary",children:r||T})})})}));e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:l,data:i,itemRenderer:d,itemText:p,onCurrentKeyChange:h,onItemAction:m,onLoadRange:b=ge,onSelectionChange:f,searchText:S,selectedKeys:y,selectionMode:x}){const w=t.useCallback((e=>{const t={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:S,selectedKeys:y,onSelectionChange:({target:e,value:s})=>{f?.({target:e,value:{all:!1,keys:s}})}},o={data:e.data,key:e.metadata.key,metadata:e.metadata};return d?d(t):s.jsxs(a.Flex,{align:"center",children:[e.selector&&s.jsx("div",{class:c.dropdownStyles.selectorWrapper,children:e.selector()}),s.jsx("div",{class:"single"===x?c.dropdownStyles.singleSelectItem:c.dropdownStyles.multiSelectItem,children:s.jsx(r.ListItemText,{variant:"primary",children:s.jsx(n.HighlightText,{matchText:S,children:Ce(o,p)})})})]})}),[d,p,f,S,y,x]),C=t.useMemo((()=>({all:!1,keys:y??new Set})),[y]);return s.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentKey:l,data:i??null,loadingIndicator:ve,onCurrentKeyChange:h,onItemAction:m,onLoadRange:b,onSelectionChange:f,role:"listbox",selectedKeys:C,selectionMode:x,children:e=>w(e)})},e.Dropdown=function({anchorRef:e,children:n,dropdownRef:a,id:o,isOpen:l,onAutoDismiss:r,onPosition:i}){const[d,u]=t.useState(De),[m,b]=t.useState(l);m!==l&&(l||u(De));const y=t.useCallback((e=>{u(e.placement),i?.(e)}),[i,u]),x=t.useCallback((e=>{r?.(e)}),[r]),w=t.useCallback((e=>{if(!e.defaultPrevented&&!f.isControlOrFunctionKey(e))switch(e.code){case f.KEYS.ESC:case f.KEYS.TAB:x(e)}}),[x]);S.useOutsideMousedown({isDisabled:!l,ref:[e,a],handler:x});const C=l?{minWidth:`${e.current?.offsetWidth}px`}:{};return m!==l&&b(l),l?s.jsx(h.Layer,{logicalParentRef:e,children:s.jsx(p.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:a,placement:d,offsetValue:{mainAxis:4,crossAxis:0},onPosition:y,children:s.jsx("div",{class:c.dropdownStyles.base,id:o,style:C,onKeyDown:w,onMouseDown:Fe,children:n})})}):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,testId:a}){const{classes:o}=C.useComponentTheme(g.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:l}=C.useComponentTheme(T.BaseButtonRedwoodTheme),r=t.useCallback((e=>{e.preventDefault()}),[]),{pressProps:i}=y.usePress(n??Ae,{isDisabled:e}),d=w.classNames([o,l,c.dropdownStyles.arrow.base,e?c.dropdownStyles.arrow.disabled:c.dropdownStyles.arrow.enabled]),u=v.useTestId(a);return s.jsx("span",{"aria-hidden":"true",class:d,tabIndex:-1,onMouseDown:r,...u,...i,children:s.jsx(x.SvgCaretDown,{})})},e.DropdownList=function({children:e,hasTopGap:t=!0,hasBottomGap:n=!0,isLoading:a=!1}){const o=w.classNames([c.dropdownStyles.list.base,t&&c.dropdownStyles.list.topGap,n&&c.dropdownStyles.list.bottomGap,a&&c.dropdownStyles.list.loading]);return s.jsx(F.CollectionGestureContext.Provider,{value:"embedded",children:s.jsx("div",{class:o,onMouseDown:Fe,children:e})})},e.DropdownUserAssistance=function(e){const n=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(D.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:c.dropdownStyles.userAssistance,onMouseDown:n,children:s.jsx(k.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=se.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:c.dropdownStyles.results.extraItem,onMouseDown:Fe,children:e.select_noMatchesFound()})},e.LinkItem=({children:e,isHighlighted:n,onAction:a})=>{const{isHover:o,hoverProps:l}=ae.useHover(),{isFocused:r,focusProps:i}=ne.useFocusWithin(),d=t.useCallback((e=>(e.preventDefault(),a?.(),!1)),[a]),u=w.classNames([r?c.dropdownStyles.results.linkItemFocus:void 0]),p=w.classNames([c.dropdownStyles.results.extraItem,o||r||n?c.dropdownStyles.results.linkItemHighlight:void 0]);return s.jsx("div",{class:u,...i,children:s.jsx(te.Link,{href:"#",onClick:d,children:s.jsx("div",{class:p,...l,children:e})})})},e.MobileDropdown=Ie,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:n=!0,header:a,id:o,isOpen:l}){return s.jsxs(Ie,{id:o,isOpen:l,children:[a,n&&s.jsx(oe.Separator,{}),s.jsx("div",{class:ie.selectMobileDropdownStyles.content,children:e}),s.jsx(oe.Separator,{}),t]})},e.SelectMobileFieldInput=ke,e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isMobile=function(){const e=xe.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===xe.getClientHints().deviceType},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=Te,e.isTablet=function(){return"tablet"===xe.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=Fe,e.renderItemText=Ce,e.useSelectCommon=function({data:e,inputRef:s,isFocused:n,onFilter:a}){const o=t.useRef(null),l=t.useRef(null),[r,i]=t.useState(!1),[d,c]=t.useState(!1),[u,p]=t.useState({rowKey:void 0}),[h,m]=t.useState(!1),[b,S]=t.useState(),[y,x]=t.useState(),[w,C]=t.useState(r),[g,v]=t.useState(n),[T,F]=t.useState(h),D=t.useCallback((e=>{!e.defaultPrevented&&Te(e)&&(r||i(!0),setTimeout((function(){s.current?.focus()}),0))}),[s,r]),A=t.useCallback((()=>{i(!r),s.current?.focus()}),[s,r]),I=t.useCallback((e=>{if(r)switch(i(!1),e?.type){case"keydown":if(e.code===f.KEYS.ESC)s.current?.focus();break;case"mousedown":l.current?.contains(document.activeElement)&&s.current?.focus()}}),[s,r]),M=t.useCallback((e=>{c(e.placement.startsWith("top"))}),[]),E=t.useCallback((()=>r&&l.current?we.allTabbableElements(l.current):void 0),[r]),k=t.useCallback((s=>{if(r){if(null!=e){const s=E();s?.[0]?.focus(),void 0===u.rowKey&&p({rowKey:e.data[0]?.metadata?.key})}}else i(!0);s.preventDefault()}),[u,e,E,r]),j=t.useCallback((e=>{if(!f.isControlOrFunctionKey(e))switch(e.code){case f.KEYS.PAGE_UP:case f.KEYS.PAGE_DOWN:return void e.preventDefault();case f.KEYS.UP:case f.KEYS.DOWN:e.preventDefault();break;case f.KEYS.ESC:r&&(i(!1),e.preventDefault(),e.stopPropagation())}}),[r]),L=t.useCallback((e=>{if(!f.isControlOrFunctionKey(e))switch(e.code){case f.KEYS.UP:case f.KEYS.DOWN:k(e)}}),[k]),U=t.useCallback((e=>{r||i(!0),m(!0),S(e.value);const s=e.value;x(s),a?.({searchText:s})}),[r,a]),P=t.useCallback((e=>{p({rowKey:e.value})}),[]),K=t.useCallback((()=>{m(!1),S(""),x("")}),[]);return w===r&&g===n&&T===h||r||n||!h||K(),t.useEffect((()=>{r&&!h&&a?.({searchText:void 0})}),[r,h,a]),w!==r&&(r||c(!1),C(r)),g!==n&&v(n),T!==h&&F(h),{currentRow:u,dropdownRef:l,getDropdownTabbableElems:E,handleDropdownArrowClick:A,handleDropdownAutoDismiss:I,handleDropdownPosition:M,handleInput:U,handleMainFieldKeyDown:j,handleMainFieldKeyUp:L,handleUpDownArrowKeys:k,isDropdownAbove:d,isDropdownOpen:r,isFocused:n||r,isUserFiltering:h,mainFieldRef:o,onCurrentKeyChange:P,onMouseDown:D,searchText:y,setCurrentRow:p,setDropdownOpen:i,setUserInput:S,stopFiltering:K,userInput:b}}}));
 //# sourceMappingURL=useSelectCommon-8657b927.js.map

package/amd/useSelectDrill-f2ae347c.js

@@ -0,0 +1,2 @@
+define(['exports', './mergeProps-bcfa6a92', './useChartDataCursor-79f2b3ec', './useChartDatatip-672232af', './eventsUtils-5d567a9d', './accUtils-1557920a', './useChartDrill-253f676b', './useSelection-0440840d'], (function(e,t,o,a,r,s,n,i){"use strict";e.useChartDatatipAndCursor=function({series:e,groups:r,width:s,height:n,findNearest:i,getMarkerInfo:u,onDataCursorPositionChange:l,isDataCursorEnabled:d,dataCursorPosition:c,dataCursorStyle:p,hoveredItemInfo:C,focusedItemInfo:I,getDataItem:f,getDataItemPos:g,datatip:D,valueFormats:m,isHoriz:h,xScale:P,yScale:S,plotAreaSpace:x,timeAxisType:y,touchResponse:b,isDisabled:v}){const{datatipContent:A,datatipProps:E}=a.useChartDatatip({series:e,groups:r,width:s,height:n,isDataCursorEnabled:d,dataCursorPosition:c,hoveredItemInfo:C,getDataItem:f,getDataItemPos:g,focusedItemInfo:I,datatip:D,valueFormats:m,isHoriz:h,xScale:P,findNearest:i,timeAxisType:y,touchResponse:b,isDisabled:v}),{dataCursorContent:M,dataCursorProps:R}=o.useChartDataCursor({touchResponse:b,findNearest:i,dataCursorPosition:c,onDataCursorPositionChange:l,isDataCursorEnabled:d,dataCursorStyle:p,isHoriz:h,getMarkerInfo:u,focusedItemInfo:I,plotAreaSpace:x,yScale:S,xScale:P,getDataItemPos:g});return{datatipContent:A,dataCursorContent:M,datatipProps:t.mergeProps(R,E)}},e.useSelectDrill=function({selectionMode:e,selection:o,onChange:a,rootRef:s,drilling:u,onItemDrill:l,onGroupDrill:d,focusedGroupInfo:c,focusedItemInfo:p,groups:C,getDataItem:I,getDataById:f}){const{selectionProps:g,selectionContent:D}=i.useSelection({idExtracter:e=>{const t=p.isCurrent&&"keyup"===e.type?p:r.getInfo(s,e.target);return t&&null!=t.seriesIndex&&null!=t.groupIndex?I(t.seriesIndex,t.groupIndex)?.id:void 0},isDrillEnabled:"on"===u,selection:o,selectionMode:e,onChange:a,getDataById:f}),m=n.useChartDrill({rootRef:s,selectionMode:e,drilling:u,focusedItemInfo:p,focusedGroupInfo:c,groups:C,getDataItem:I,onItemDrill:l,onGroupDrill:d});return{selectDrillProps:t.mergeProps(g,m),selectionContent:D}}}));
+//# sourceMappingURL=useSelectDrill-f2ae347c.js.map

package/amd/useSelectDrill-f2ae347c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectDrill-f2ae347c.js","sources":["../../src/hooks/PRIVATE_useChartEvents/useDatatipAndCursor.ts","../../src/hooks/PRIVATE_useChartEvents/useSelectDrill.ts"],"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 { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { useChartDataCursor } from '../PRIVATE_useChartDataCursor';\nimport { useChartDatatip } from '../PRIVATE_useChartDatatip';\nimport { ChartItemData } from '../../utils/UNSAFE_visTypes/chart';\n\ntype DataCursorProps = Parameters<typeof useChartDataCursor>[0];\ntype DatatipProps<K extends string | number, D extends ChartItemData<K>> = Parameters<\n  typeof useChartDatatip<K, D>\n>[0];\n\nexport function useChartDatatipAndCursor<K extends string | number, D extends ChartItemData<K>>({\n  series,\n  groups,\n  width,\n  height,\n  findNearest,\n  getMarkerInfo,\n  onDataCursorPositionChange,\n  isDataCursorEnabled,\n  dataCursorPosition,\n  dataCursorStyle,\n  hoveredItemInfo,\n  focusedItemInfo,\n  getDataItem,\n  getDataItemPos,\n  datatip,\n  valueFormats,\n  isHoriz,\n  xScale,\n  yScale,\n  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    groups,\n    width,\n    height,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    hoveredItemInfo,\n    getDataItem,\n    getDataItemPos,\n    focusedItemInfo,\n    datatip,\n    valueFormats,\n    isHoriz,\n    xScale,\n    findNearest,\n    timeAxisType,\n    touchResponse,\n    isDisabled\n  });\n\n  const { dataCursorContent, dataCursorProps } = useChartDataCursor({\n    touchResponse,\n    findNearest,\n    dataCursorPosition,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorStyle,\n    isHoriz,\n    getMarkerInfo,\n    focusedItemInfo,\n    plotAreaSpace,\n    yScale,\n    xScale,\n    getDataItemPos\n  });\n\n  return {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: mergeProps(dataCursorProps, datatipProps)\n  };\n}\n","/**\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 { getInfo } from '../../utils/UNSAFE_visUtils';\nimport { useChartDrill } from '../PRIVATE_useChartDrill';\nimport { useSelection } from '../PRIVATE_useVisSelection/useSelection';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { ChartItemData } from '../../utils/UNSAFE_visTypes/chart';\n\ntype DrillProps<K, D extends ChartItemData<K>> = Parameters<typeof useChartDrill<K, D>>[0];\n\ntype SelectionProps<K, D> = {\n  selection: K[];\n  onChange?: (detail: { ids: K[]; data: (D | undefined)[] }) => void;\n  getDataById: (id: K) => D | undefined;\n};\n\nexport function useSelectDrill<K, D extends ChartItemData<K>>({\n  selectionMode,\n  selection,\n  onChange,\n  rootRef,\n  drilling,\n  onItemDrill,\n  onGroupDrill,\n  focusedGroupInfo,\n  focusedItemInfo,\n  groups,\n  getDataItem,\n  getDataById\n}: DrillProps<K, D> & SelectionProps<K, D>) {\n  const idExtracter = (event: Event): K | undefined => {\n    const isItemFocused = focusedItemInfo.isCurrent;\n    const info =\n      isItemFocused && event.type === 'keyup'\n        ? focusedItemInfo\n        : getInfo(rootRef, event.target as HTMLElement);\n    return info && info.seriesIndex != null && info.groupIndex != null\n      ? getDataItem(info.seriesIndex, info.groupIndex)?.id\n      : undefined;\n  };\n\n  const { selectionProps, selectionContent } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling === 'on',\n    selection,\n    selectionMode,\n    onChange,\n    getDataById\n  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    groups,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":["series","groups","width","height","findNearest","getMarkerInfo","onDataCursorPositionChange","isDataCursorEnabled","dataCursorPosition","dataCursorStyle","hoveredItemInfo","focusedItemInfo","getDataItem","getDataItemPos","datatip","valueFormats","isHoriz","xScale","yScale","plotAreaSpace","timeAxisType","touchResponse","isDisabled","datatipContent","datatipProps","useChartDatatip","dataCursorContent","dataCursorProps","useChartDataCursor","mergeProps","selectionMode","selection","onChange","rootRef","drilling","onItemDrill","onGroupDrill","focusedGroupInfo","getDataById","selectionProps","selectionContent","useSelection","idExtracter","event","info","isCurrent","type","getInfo","target","seriesIndex","groupIndex","id","undefined","isDrillEnabled","drillProps","useChartDrill","selectDrillProps"],"mappings":"+QAkBM,UAA0FA,OAC9FA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,YACNA,EAAWC,cACXA,EAAaC,2BACbA,EAA0BC,oBAC1BA,EAAmBC,mBACnBA,EAAkBC,gBAClBA,EAAeC,gBACfA,EAAeC,gBACfA,EAAeC,YACfA,EAAWC,eACXA,EAAcC,QACdA,EAAOC,aACPA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,cACNA,EAAaC,aACbA,EAAYC,cACZA,EAAaC,WACbA,IAEA,MAAMC,eAAEA,EAAcC,aAAEA,GAAiBC,kBAAsB,CAC7DzB,SACAC,SACAC,QACAC,SACAI,sBACAC,qBACAE,kBACAE,cACAC,iBACAF,kBACAG,UACAC,eACAC,UACAC,SACAb,cACAgB,eACAC,gBACAC,gBAGII,kBAAEA,EAAiBC,gBAAEA,GAAoBC,qBAAmB,CAChEP,gBACAjB,cACAI,qBACAF,6BACAC,sBACAE,kBACAO,UACAX,gBACAM,kBACAQ,gBACAD,SACAD,SACAJ,mBAGF,MAAO,CACLU,iBACAG,oBACAF,aAAcK,EAAAA,WAAWF,EAAiBH,GAE9C,mBC/DM,UAAwDM,cAC5DA,EAAaC,UACbA,EAASC,SACTA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,YACRA,EAAWC,aACXA,EAAYC,iBACZA,EAAgB1B,gBAChBA,EAAeV,OACfA,EAAMW,YACNA,EAAW0B,YACXA,IAEA,MAWMC,eAAEA,EAAcC,iBAAEA,GAAqBC,eAAmB,CAC9DC,YAZmBC,IACnB,MACMC,EADgBjC,EAAgBkC,WAEJ,UAAfF,EAAMG,KACnBnC,EACAoC,EAAAA,QAAQd,EAASU,EAAMK,QAC7B,OAAOJ,GAA4B,MAApBA,EAAKK,aAA0C,MAAnBL,EAAKM,WAC5CtC,EAAYgC,EAAKK,YAAaL,EAAKM,aAAaC,QAChDC,CAAS,EAKbC,eAA6B,OAAbnB,EAChBH,YACAD,gBACAE,WACAM,gBAGIgB,EAAaC,EAAAA,cAAoB,CACrCtB,UACAH,gBACAI,WACAvB,kBACA0B,mBACApC,SACAW,cACAuB,cACAC,iBAGF,MAAO,CAAEoB,iBAAkB3B,EAAUA,WAACU,EAAgBe,GAAad,mBACrE"}

package/amd/useSelection-0440840d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './eventsUtils-5d567a9d', 'preact/jsx-runtime', './BaseButton-83ce1d00', './Text-e132dec0', './useTranslationBundle-6ef0dab6', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', './Layer-3cc44164', 'preact/compat', './LayerHost-eab40731', './Floating-85851b1a'], (function(e,t,n,o,l,r,c,i,s,a,u,d){"use strict";const p=({onAction:e})=>{const t=`${c.useTranslationBundle("@oracle/oraclejet-preact").vis_clearSelection()}`;return o.jsx("div",{class:i.clearButtonStyles.base,children:o.jsx(l.BaseButton,{styling:["default"],elementDetails:{type:"span",isFocusable:!1,isLabel:!0},variant:"outlined",onAction:e,children:o.jsx(r.Text,{truncation:"ellipsis",weight:"inherit",children:t})})})},y=18;const g=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],f=(e,t,o,l,r,c)=>{let i=new Set([]);if(null!=e){i=new Set(t);const n=t.has(e);"toggle"===l?n?i.delete(e):"single"===o?i=new Set([e]):i.add(e):n||(i=new Set([e]))}n.isEqual(i,t)||c?.({ids:[...i],data:[...i].map(r)})};e.useSelection=function({selection:e=[],selectionMode:n="none",idExtracter:l,onChange:r,isDrillEnabled:c,isKeyboardSelection:i,getDataById:a}){const u=t.useRef(),{clearSelectionContent:x,tryToggleClearButton:h}=function({clearSelection:e}){const[n,l]=t.useState(!1),r=t.useRef({x:0,y:0}),c={mainAxis:2*y},i={current:r.current};return{clearSelectionContent:n?o.jsx(s.Layer,{children:o.jsx(d.Floating,{anchorRef:i,offsetValue:c,placement:"top",flipOptions:{crossAxis:!1,mainAxis:!1},shiftOptions:{crossAxis:!0,mainAxis:!0},children:o.jsx(p,{onAction:()=>{l(!1),e()}})})}):null,tryToggleClearButton:(e,t,o,c)=>"touch"===e.pointerType&&void 0===t&&"multiple"===o&&c.size>1&&(l(!n),r.current={x:e.clientX,y:e.clientY},!0)}}({clearSelection:()=>{f(void 0,new Set(e),n,"replace",a,r)}}),S=t.useCallback((t=>{const o=new Set(e);if(u.current&&c)return clearTimeout(u.current),void(u.current=void 0);const i=l(t);if(h(t,i,n,o))return;const s=t.metaKey,d=t.ctrlKey;t.defaultPrevented||null==i&&(s||d)||(c?u.current=setTimeout((()=>{f(i,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,r),u.current=void 0}),250):f(i,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,r))}),[e,n,r,l,c,a,h]),w=t.useCallback((t=>{const o=l(t),c=t.ctrlKey;f(o,new Set(e),n,c?"toggle":"replace",a,r)}),[e,n,r,l,a]),m=t.useCallback((t=>{const o=t.shiftKey,c=t.ctrlKey&&" "===t.key,s=-1!==g.indexOf(t.key),u=l(t);if(s||c||i&&i(t)){const t=o||c?"toggle":"replace";f(u,new Set(e),n,t,a,r)}}),[e,n,r,l,i,a]);return{selectionContent:x,selectionProps:"none"===n||null==r?{}:{onKeyUp:m,onContextMenu:w,onPointerUp:S}}}}));
+//# sourceMappingURL=useSelection-0440840d.js.map

package/amd/useSelection-0440840d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelection-0440840d.js","sources":["../../src/hooks/PRIVATE_useVisSelection/ClearSelectionButton.tsx","../../src/hooks/PRIVATE_useVisSelection/useClearSelection.tsx","../../src/hooks/PRIVATE_useVisSelection/useSelection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { BaseButton } from '../../UNSAFE_BaseButton';\nimport { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '../UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../../resources/nls/bundle';\nimport { clearButtonStyles } from './themes/ClearSelection.css';\n\ntype Props = {\n  onAction: () => void;\n};\n\n/**\n * Clear selection button component\n */\nexport const ClearSelectionButton = ({ onAction }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearSelectionLabel = `${translations.vis_clearSelection()}`;\n  return (\n    <div class={clearButtonStyles.base}>\n      <BaseButton\n        styling={['default']}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        variant=\"outlined\"\n        onAction={onAction}>\n        <Text truncation={'ellipsis'} weight={'inherit'}>\n          {clearSelectionLabel}\n        </Text>\n      </BaseButton>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { ClearSelectionButton } from './ClearSelectionButton';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { Floating } from '../../UNSAFE_Floating';\n\n/**\n * The default offset for clear selection mainAxis.\n */\nconst DEFAULT_OFFSET = 18;\ntype Props = {\n  clearSelection: () => void;\n};\ntype SelectionMode = 'none' | 'single' | 'multiple';\n\nexport function useClearSelection<K>({ clearSelection }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n  const coordinates = useRef({ x: 0, y: 0 });\n\n  const tryToggleClearButton = (\n    event: PointerEvent,\n    key: K | undefined,\n    selectionMode: SelectionMode,\n    selectedIds: Set<K>\n  ) => {\n    if (\n      event.pointerType === 'touch' &&\n      key === undefined &&\n      selectionMode === 'multiple' &&\n      selectedIds.size > 1\n    ) {\n      setIsVisible(!isVisible);\n      coordinates.current = { x: event.clientX, y: event.clientY };\n      return true;\n    }\n    return false;\n  };\n\n  const offsetValue = { mainAxis: 2 * DEFAULT_OFFSET };\n  const anchorRef = { current: coordinates.current };\n\n  const clearSelectionContent = isVisible ? (\n    <Layer>\n      <Floating\n        anchorRef={anchorRef}\n        offsetValue={offsetValue}\n        placement=\"top\"\n        flipOptions={{ crossAxis: false, mainAxis: false }}\n        shiftOptions={{ crossAxis: true, mainAxis: true }}>\n        <ClearSelectionButton\n          onAction={() => {\n            setIsVisible(false);\n            clearSelection();\n          }}\n        />\n      </Floating>\n    </Layer>\n  ) : null;\n\n  return {\n    clearSelectionContent,\n    tryToggleClearButton\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useRef } from 'preact/hooks';\nimport { isEqual } from '../../utils/UNSAFE_visUtils/eventsUtils';\nimport { useClearSelection } from './useClearSelection';\n\nexport type SelectionMode = 'none' | 'single' | 'multiple';\nexport type SelectionDetail<K, D> = {\n  ids: K[];\n  data: (D | undefined)[];\n};\ntype SelectionBehavior = 'toggle' | 'replace';\n\nconst NAVKEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n\n/**\n * The constant that defines time to wait to change selection after pointer up is fired.\n * If double click didn't happen\n */\nconst DBLCLICK_THRESHOLD = 250;\n\n/**\n * Handles the selection.\n * @param itemId The id of the item.\n * @param selectedIds The set of selected item ids.\n * @param selectionMode The selection mode.\n * @param selectionBehavior The selection behavior. If 'toggle', unselected item will be selected and\n * vice versa. If 'replace', the item will replace the previous selection.\n * @param getDataById The callback to get item data from idDataMap.\n * @param onChange The callback to trigger when selection changes.\n */\nconst handleSelect = <K, D>(\n  itemId: K | undefined,\n  selectedIds: Set<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  getDataById: (id: K) => D | undefined,\n  onChange?: (detail: SelectionDetail<K, D>) => void\n) => {\n  let ids = new Set<K>([]);\n  if (itemId != null) {\n    ids = new Set(selectedIds);\n    const isSelected = selectedIds.has(itemId);\n\n    if (selectionBehavior === 'toggle') {\n      if (isSelected) {\n        ids.delete(itemId);\n      } else if (selectionMode === 'single') {\n        ids = new Set([itemId]); // only selection\n      } else {\n        ids.add(itemId); // add to selection in \"multiple\" selectionMode\n      }\n    } else if (!isSelected) {\n      // In \"multiple\" selection mode, only replace selection if unselected item is selected.\n      // In \"single\" selection mode, only need to replace if unselected item is selected.\n      ids = new Set([itemId]);\n    }\n  }\n\n  if (!isEqual<K>(ids, selectedIds)) {\n    onChange?.({ ids: [...ids], data: [...ids].map(getDataById) });\n  }\n};\n\ntype Props<K, D> = {\n  selection?: K[];\n  selectionMode?: SelectionMode;\n  idExtracter: (event: Event) => K | undefined;\n  onChange?: (detail: SelectionDetail<K, D>) => void;\n  isKeyboardSelection?: (event: KeyboardEvent) => boolean;\n  isDrillEnabled?: boolean;\n  getDataById: (id: K) => D | undefined;\n};\n\n/**\n * The hook to handle the selection behavior in vizualization components.\n */\nexport function useSelection<K, D>({\n  selection = [],\n  selectionMode = 'none',\n  idExtracter,\n  onChange,\n  isDrillEnabled,\n  isKeyboardSelection,\n  getDataById\n}: Props<K, D>) {\n  const setTimeOutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const clearSelection = () => {\n    handleSelect<K, D>(\n      undefined,\n      new Set(selection),\n      selectionMode,\n      'replace',\n      getDataById,\n      onChange\n    );\n  };\n\n  const { clearSelectionContent, tryToggleClearButton } = useClearSelection<K>({ clearSelection });\n\n  const onPointerUp = useCallback(\n    (event: PointerEvent) => {\n      const selectedIds = new Set(selection);\n      if (setTimeOutRef.current && isDrillEnabled) {\n        clearTimeout(setTimeOutRef.current);\n        setTimeOutRef.current = undefined;\n        // doubleClick happened\n        return;\n      }\n\n      const key = idExtracter(event);\n\n      if (tryToggleClearButton(event, key, selectionMode, selectedIds)) {\n        return;\n      }\n\n      const isMeta = event.metaKey;\n      const isCtrl = event.ctrlKey;\n      // If there was a previous pointerUp event that occurred that should prevent selection,\n      // event.preventDefault was called\n      if (event.defaultPrevented || (key == null && (isMeta || isCtrl))) {\n        return;\n      }\n\n      // TODO: Encorporate more logic of dvt.EventManager.prototype._onClick\n      // this is a simple version of EventManager.prototype._onClick. Currently we are not checking\n      // for event.pageX, event.pageY to determine if they are exactly clicked on the same point.\n      // for now, the assumption is that if the pointerups are within 250ms, they are for a same double click.\n      if (isDrillEnabled) {\n        setTimeOutRef.current = setTimeout(() => {\n          // double pointer up didn't happen\n          handleSelect<K, D>(\n            key,\n            selectedIds,\n            selectionMode,\n            isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace',\n            getDataById,\n            onChange\n          );\n          setTimeOutRef.current = undefined;\n        }, DBLCLICK_THRESHOLD);\n      } else {\n        handleSelect<K, D>(\n          key,\n          selectedIds,\n          selectionMode,\n          isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace',\n          getDataById,\n          onChange\n        );\n      }\n    },\n    [\n      selection,\n      selectionMode,\n      onChange,\n      idExtracter,\n      isDrillEnabled,\n      getDataById,\n      tryToggleClearButton\n    ]\n  );\n\n  const onContextMenu = useCallback(\n    (event: MouseEvent) => {\n      const key = idExtracter(event);\n      const isCtrl = event.ctrlKey;\n      handleSelect<K, D>(\n        key,\n        new Set(selection),\n        selectionMode,\n        isCtrl ? 'toggle' : 'replace',\n        getDataById,\n        onChange\n      );\n    },\n    [selection, selectionMode, onChange, idExtracter, getDataById]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      const isShift = event.shiftKey;\n      const isSpaceCtrl = event.ctrlKey && event.key === ' ';\n      const isArrowKey = NAVKEYS.indexOf(event.key) !== -1;\n      const itemKey = idExtracter(event);\n\n      if (isArrowKey || isSpaceCtrl || (isKeyboardSelection && isKeyboardSelection(event))) {\n        const behavior = isShift || isSpaceCtrl ? 'toggle' : 'replace';\n        handleSelect<K, D>(\n          itemKey,\n          new Set(selection),\n          selectionMode,\n          behavior,\n          getDataById,\n          onChange\n        );\n      }\n    },\n    [selection, selectionMode, onChange, idExtracter, isKeyboardSelection, getDataById]\n  );\n\n  return {\n    selectionContent: clearSelectionContent,\n    selectionProps:\n      selectionMode === 'none' || onChange == null\n        ? {}\n        : {\n            onKeyUp,\n            onContextMenu,\n            onPointerUp\n          }\n  };\n}\n"],"names":["ClearSelectionButton","onAction","clearSelectionLabel","useTranslationBundle","vis_clearSelection","_jsx","class","clearButtonStyles","base","children","BaseButton","styling","elementDetails","type","isFocusable","isLabel","variant","Text","truncation","weight","DEFAULT_OFFSET","NAVKEYS","handleSelect","itemId","selectedIds","selectionMode","selectionBehavior","getDataById","onChange","ids","Set","isSelected","has","delete","add","isEqual","data","map","selection","idExtracter","isDrillEnabled","isKeyboardSelection","setTimeOutRef","useRef","clearSelectionContent","tryToggleClearButton","clearSelection","isVisible","setIsVisible","useState","coordinates","x","y","offsetValue","mainAxis","anchorRef","current","Layer","jsx","Floating","placement","flipOptions","crossAxis","shiftOptions","event","key","pointerType","undefined","size","clientX","clientY","useClearSelection","onPointerUp","useCallback","clearTimeout","isMeta","metaKey","isCtrl","ctrlKey","defaultPrevented","setTimeout","onContextMenu","onKeyUp","isShift","shiftKey","isSpaceCtrl","isArrowKey","indexOf","itemKey","behavior","selectionContent","selectionProps"],"mappings":"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"}

package/amd/useSelection-f1d96ce9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './keys-cc1cb01d', './useUser-6dd85af9', './textSelectionUtils-06c7855d'], (function(e,t,r,n,l){"use strict";const o=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"]),i=e=>"click"===e.type?"shiftClick":"keyup"===e.type&&" "===e.key?"shiftSpace":"keydown"===e.type&&o.has(e.key)?"shiftArrowKeys":void 0,s=(e,t,n,l,o,s,c,y,u,a)=>{const k=t(e.target);if(null==k)return;if(e.shiftKey&&void 0!==y&&a&&((e,t,n,l)=>"multiple"===n&&(l||r.containsKey(t,e)))(y,n,l,"click"===e.type)){const t=r.containsKey(n,k),l=i(e);if(t&&"shiftSpace"===l){const t=r.removeKey(n,k,s);u?.({value:t,target:e.target})}else a({value:{start:y,end:k},eventType:l});return void(c&&(c.current=k))}let p=n;r.containsKey(n,k)?"Enter"!==e.key&&("toggle"===o||e.ctrlKey||e.metaKey||" "===e.key?p=r.removeKey(n,k,s):"multiple"===l&&(n.all||n.keys.size>1)&&(p={all:!1,keys:new Set([k])})):p="single"===l||"Enter"===e.key||"replace"===o&&!e.ctrlKey&&!e.metaKey?{all:!1,keys:new Set([k])}:r.addKey(n,k),n!=p&&u&&(u({value:p,target:e.target}),"click"===e.type&&e.stopPropagation())};e.useSelection=function(e,o,c,y,u,a,k,p,f,d,K,v,w){const g=t.useRef(),h=t.useRef(!1),m=t.useCallback((e=>{h.current="touch"===e.pointerType,e.shiftKey&&"multiple"===c&&e.preventDefault()}),[h]),A=t.useCallback((t=>{l.getIsSelectionPending()||(s(t,e,o,c,h.current?"toggle":u,y,g,f,k,w),t.shiftKey||(g.current=void 0))}),[e,o,c,u,y,g,f,k,w]),S=t.useCallback((t=>{(" "===t.key||"Enter"===t.key&&a)&&s(t,e,o,c,u,y,g,p,k,t.shiftKey&&" "===t.key?w:void 0)}),[e,o,c,u,y,p,k,w,a]),{direction:D}=n.useUser(),b=t.useCallback((e=>{if(" "===e.key)return void e.preventDefault();const t=g.current||f,n="rtl"===D,l={ArrowUp:d?.(t,!0),ArrowDown:d?.(t,!1),ArrowLeft:K?.(t,!n),ArrowRight:K?.(t,n)},s=d&&K;if(Object.keys(l).includes(e.key))if(e.shiftKey&&v&&"multiple"===c){e.preventDefault();let t=o;!g.current&&r.isKeyDefined(f)&&(t={all:!1,keys:new Set([f])});const n=l[e.key],c=n?.();null!=c&&(v(c),s?w&&null!=f&&w({value:{start:f,end:c},eventType:i(e)}):(r.containsKey(t,c)?null!=g.current&&g.current!==c&&(t=r.removeKey(t,g.current,y)):t=r.addKey(t,c),o!=t&&k&&k({value:t,target:e.target})),g.current=c)}else g.current=void 0}),[o,y,k,f,d,K,v,D,w,c]);return{selectionProps:"none"===c||null==k?{}:{onPointerDown:m,onClick:A,onKeyDown:b,onKeyUp:S}}}}));
+//# sourceMappingURL=useSelection-f1d96ce9.js.map

package/amd/useSelection-f1d96ce9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelection-f1d96ce9.js","sources":["../../src/hooks/PRIVATE_useSelection/useSelection.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { Keys, containsKey, isKeyDefined, addKey, removeKey } from '../../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getIsSelectionPending } from '#utils/PRIVATE_textSelectionUtils';\n\n/**\n * Type for selection behavior. See useMultipleSelection hook for details.\n */\nexport const behaviors = ['toggle', 'replace'] as const;\nexport type SelectionBehavior = (typeof behaviors)[number];\n\n/**\n * Type for payload of selection range change event handler\n */\nexport type SelectionRangeDetail<K> = {\n  value: { start: K; end: K };\n  eventType?: 'shiftSpace' | 'shiftClick' | 'shiftArrowKeys';\n};\n\nconst arrowKeys = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);\n\n/**\n * To get the event type during range selection which is triggered by either of the following gestures\n * shift+space, shift+click, and shift+arrowKeys\n * @param event\n */\nconst getEventType = (event: MouseEvent | KeyboardEvent) => {\n  if (event.type === 'click') {\n    return 'shiftClick';\n  } else if (event.type === 'keyup' && (event as KeyboardEvent).key === ' ') {\n    return 'shiftSpace';\n  } else if (event.type === 'keydown' && arrowKeys.has((event as KeyboardEvent).key)) {\n    return 'shiftArrowKeys';\n  }\n  return undefined;\n};\n\nconst isShiftModeSupported = <K>(\n  anchorKey: K,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isClickEvent: boolean\n) => {\n  return selectionMode === 'multiple' && (isClickEvent || containsKey(selectedKeys, anchorKey));\n};\n\nconst handleSelect = <K>(\n  event: MouseEvent | KeyboardEvent,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  isSelectionRequired: boolean,\n  keyboardCursorRef: RefObject<K | undefined>,\n  anchorKey?: K,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (itemKey == null) {\n    return;\n  }\n\n  // handle shift key selection\n  if (\n    event.shiftKey &&\n    anchorKey !== undefined &&\n    onRangeChange &&\n    isShiftModeSupported(anchorKey, selectedKeys, selectionMode, event.type === 'click')\n  ) {\n    const selected = containsKey(selectedKeys, itemKey);\n    const eventType = getEventType(event);\n    if (selected && eventType === 'shiftSpace') {\n      // during shift+space, deselect the item if it's already selected\n      const keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n      onChange?.({ value: keySet, target: event.target });\n    } else {\n      onRangeChange({ value: { start: anchorKey, end: itemKey }, eventType });\n    }\n    // set keyboard selection cursor in case user extends with SHIFT+ARROW\n    if (keyboardCursorRef) {\n      keyboardCursorRef.current = itemKey;\n    }\n    return;\n  }\n\n  const selected = containsKey(selectedKeys, itemKey);\n  let keySet = selectedKeys;\n  if (!selected) {\n    if (\n      selectionMode === 'single' ||\n      (event as KeyboardEvent).key === 'Enter' ||\n      (selectionBehavior === 'replace' && !(event.ctrlKey || event.metaKey))\n    ) {\n      // should only contains this item key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    } else {\n      // add to existing selected keys\n      keySet = addKey(selectedKeys, itemKey);\n    }\n  } else if ((event as KeyboardEvent).key !== 'Enter') {\n    // no de-select for enter key\n    if (\n      selectionBehavior === 'toggle' ||\n      event.ctrlKey ||\n      event.metaKey ||\n      (event as KeyboardEvent).key === ' '\n    ) {\n      // de-select only when ctrl/meta key is pressed or selectionBehavior is\n      // explicitly set to toggle\n      keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n    } else if (selectionMode === 'multiple' && (selectedKeys.all || selectedKeys.keys.size > 1)) {\n      // in this case everything should be de-selected except for this key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    }\n  }\n\n  // only invoke callback if there is really a change\n  // note onSelectionChange should never be null here\n  if (selectedKeys != keySet && onChange) {\n    onChange({ value: keySet, target: event.target });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n\n/**\n * Hook for handling various selection mode.  This can be reuse by all Collection components.\n * @param keyExtractor function to extract the key based on provided element\n * @param selectedKeys the currently selected keys\n * @param selectionMode the selection mode\n * @param isSelectionRequired true if empty selected key is not allowed, false otherwise\n * @param selectionBehavior the selection behavior.  If the value is 'toggle', then the key is\n *                          added/removed from the current selected keys.  If the value is 'replace',\n *                          then the current selected keys are cleared first before the key is added\n *                          unless the ctrl/shift/meta key is pressed.\n * @param allowEnterKey whether enter key can be use to change selection.\n * @param onChange callback function that is invoked when selection has changed.\n * @param anchorKey the anchor key.  Usually this is the same as current key except when shift key is pressed.\n * @param currentKey the current key\n * @param getVerticalPrevNextKey function to get the previous/next key in the vertical direction based on the current key\n * @param getHorizontalPrevNextKey function to get the previous/next key in the horizontal direction based on the current key\n * @param scrollToKey function to scroll the item with the key to be visible\n * @param onRangeChange callback function that is invoked when the selection range has changed.\n * @returns an event map that the consumer can register as event listeners\n */\nexport function useSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isSelectionRequired: boolean,\n  selectionBehavior: SelectionBehavior,\n  allowEnterKey: boolean,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  anchorKey?: K,\n  currentKey?: K | undefined,\n  getVerticalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  getHorizontalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  scrollToKey?: (key: K) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) {\n  // ref to track the cursor for the SHIFT+ARROW keyboard selection separately than the anchor of the selection.\n  const keyboardSelectionCursor = useRef<K>();\n\n  const isTouchPointerRef = useRef<boolean>(false);\n\n  const onPointerDown = useCallback(\n    (event: PointerEvent) => {\n      isTouchPointerRef.current = event.pointerType === 'touch';\n      if (event.shiftKey && selectionMode === 'multiple') {\n        //Avoid text selection on pointer down\n        event.preventDefault();\n      }\n    },\n    [isTouchPointerRef]\n  );\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (!getIsSelectionPending()) {\n        handleSelect<K>(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          isTouchPointerRef.current ? 'toggle' : selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          currentKey,\n          onChange,\n          onRangeChange\n        );\n        if (!event.shiftKey) {\n          // reset keyboard cursor when using mouse to select\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      keyboardSelectionCursor,\n      currentKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  // general keyboard events listen to keyUp for a11y\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // older browser that we don't support returns 'Spacebar' for space key\n      if (event.key === ' ' || (event.key === 'Enter' && allowEnterKey)) {\n        handleSelect<K>(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          anchorKey,\n          onChange,\n          event.shiftKey && event.key === ' ' ? onRangeChange : undefined\n        );\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      anchorKey,\n      onChange,\n      onRangeChange,\n      allowEnterKey\n    ]\n  );\n\n  const { direction } = useUser();\n\n  // arrowKey events listen to keyDown so they can support holding them down\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // prevent default (propagation) for keyDown to space bar causing container to scroll\n      if (event.key === ' ') {\n        event.preventDefault();\n        return;\n      }\n\n      const key = keyboardSelectionCursor.current || currentKey;\n      const isRtl = direction === 'rtl';\n\n      const keyHandlers: Record<string, (() => K | null) | undefined> = {\n        ArrowUp: getVerticalPrevNextKey?.(key, true),\n        ArrowDown: getVerticalPrevNextKey?.(key, false),\n        ArrowLeft: getHorizontalPrevNextKey?.(key, !isRtl),\n        ArrowRight: getHorizontalPrevNextKey?.(key, isRtl)\n      };\n      const isBothDirections = getVerticalPrevNextKey && getHorizontalPrevNextKey;\n      if (Object.keys(keyHandlers).includes(event.key)) {\n        if (event.shiftKey && scrollToKey && selectionMode === 'multiple') {\n          //Avoid increasing range of selection text selection with arrow keys\n          event.preventDefault();\n          let keySet = selectedKeys;\n          // on first selection event, set keyboard cursor to start at currentKey\n          if (!keyboardSelectionCursor.current && isKeyDefined(currentKey)) {\n            keySet = { all: false, keys: new Set([currentKey as K]) };\n          }\n          const newAnchorKey = keyHandlers[event.key];\n          const cursorKey = newAnchorKey?.();\n          if (cursorKey != null) {\n            // keep visible\n            scrollToKey(cursorKey);\n\n            // if in 2D, use range selection to extend or subtract\n            if (isBothDirections) {\n              if (onRangeChange && currentKey != null) {\n                onRangeChange({\n                  value: { start: currentKey, end: cursorKey },\n                  eventType: getEventType(event)\n                });\n              }\n            } else {\n              // extend selection\n              if (!containsKey(keySet, cursorKey)) {\n                keySet = addKey(keySet, cursorKey);\n                // subtract from selection\n              } else if (\n                keyboardSelectionCursor.current != null &&\n                keyboardSelectionCursor.current !== cursorKey\n              ) {\n                keySet = removeKey(keySet, keyboardSelectionCursor.current, isSelectionRequired);\n              }\n              if (selectedKeys != keySet && onChange) {\n                onChange({ value: keySet, target: event.target });\n              }\n            }\n            // update selection cursor\n            keyboardSelectionCursor.current = cursorKey;\n          }\n        } else {\n          // reset keyBoard on non-shifted arrow use as this interrupts the extend mode (and would make for messy logic that doesn't align with current Jet behavior)\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [\n      selectedKeys,\n      isSelectionRequired,\n      onChange,\n      currentKey,\n      getVerticalPrevNextKey,\n      getHorizontalPrevNextKey,\n      scrollToKey,\n      direction,\n      onRangeChange,\n      selectionMode\n    ]\n  );\n\n  const selectionProps =\n    selectionMode === 'none' || onChange == null\n      ? {}\n      : { onPointerDown, onClick, onKeyDown, onKeyUp };\n  return { selectionProps };\n}\n"],"names":["arrowKeys","Set","getEventType","event","type","key","has","handleSelect","keyExtractor","selectedKeys","selectionMode","selectionBehavior","isSelectionRequired","keyboardCursorRef","anchorKey","onChange","onRangeChange","itemKey","target","shiftKey","undefined","isClickEvent","containsKey","isShiftModeSupported","selected","eventType","keySet","removeKey","value","start","end","current","ctrlKey","metaKey","all","keys","size","addKey","stopPropagation","allowEnterKey","currentKey","getVerticalPrevNextKey","getHorizontalPrevNextKey","scrollToKey","keyboardSelectionCursor","useRef","isTouchPointerRef","onPointerDown","useCallback","pointerType","preventDefault","onClick","getIsSelectionPending","onKeyUp","direction","useUser","onKeyDown","isRtl","keyHandlers","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","isBothDirections","Object","includes","isKeyDefined","newAnchorKey","cursorKey","selectionProps"],"mappings":"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"}

package/amd/useTabBar-451e6953.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-6740111c', './useCollectionFocusRing-64636529', './useCurrentKey-00f81f0b', './useId-c9578d26'], (function(e,t,r,n,o,s,c){"use strict";const u='[role="tab"]',i="data-oj-removable";const l=(e,t,r)=>{const o=e.closest(t);if(o){if(o.hasAttribute(i)){const t=e.closest(r);if(t&&o?.contains(t))return null}return n.getKey(o)}return null},a=(e,t,r)=>{const n=r.indexOf(e);if(-1===n)return t[0];let o=0,s=!1;for(n===r.length-1?(o=n-1,s=!0):o=n+1;o!==n&&o>-1&&o<r.length;){const e=r[o];if(-1!==t.indexOf(e))return e;s?o--:o++}return t[0]};e.useTabBar=function(e){const{children:f,class:y,display:d,edge:g="top",selection:m,onSelect:b,onRemove:v,ref:p,size:K}=e,h=t.useRef(null),R=p||h,k=c.useId(),[x,A]=t.useState(m),[E,P]=t.useState(!1),S=k+"_",C=t.useRef();t.useEffect((()=>{if(R.current){const e=Array.from(R.current.querySelectorAll(u)).map((e=>n.getKey(e)));x&&!e.includes(x)&&(C.current?A(a(x,e,C.current)):A(e[0])),C.current=e}}),[f,x,R]);const[F,w]=o.useCollectionFocusRing(R,["ArrowRight","ArrowLeft","Home","End"]),{currentKeyProps:B}=s.useCurrentKey((e=>v?l(e,u,'[data-oj-tabbar-item-remove-icon="true"]'):n.keyExtractor(e,u)),!1,void 0,void 0,n.getPrevNextKeyUsingRef(R,x,!0,u),n.getPrevNextKeyUsingRef(R,x,!1,u),x,(e=>{A(e.value),P(!1)})),D={onKeyDown:e=>{if(R.current&&x){if("Home"===e.key||"End"===e.key){const t=Array.from(R.current.querySelectorAll(u),(e=>n.getKey(e)));e.preventDefault(),A?.(t["Home"===e.key?0:t.length-1])}if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b?.({value:x})),"Delete"===e.key){n.findElementByKey(R.current,x,u).hasAttribute(i)&&v?.({value:x})}"Escape"===e.key&&P(!0)}},onFocus:()=>{if(R.current&&void 0===x){const e=n.getFirstVisibleKey(R.current,u);e&&A(e)}}};return{rootProps:r.mergeProps({"aria-activedescendant":x?S+x:"","aria-multiselectable":!1,class:y,ref:R,role:"tablist",tabIndex:0},B,w,D),tabBarContext:{currentKey:x,display:d,isEdgeBottom:"bottom"===g,layout:"condense",onRemove:v,onSelect:b,showFocusRing:F,hideTooltip:E,selection:m,size:K,tabItemPrefix:S}}}}));
+//# sourceMappingURL=useTabBar-451e6953.js.map

package/amd/useTabBar-451e6953.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabBar-451e6953.js","sources":["../../src/hooks/PRIVATE_useTabBar/useTabBar.ts"],"sourcesContent":["import { useState, useRef, useEffect } from 'preact/hooks';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport {\n  getPrevNextKeyUsingRef,\n  getFirstVisibleKey,\n  getKey,\n  keyExtractor,\n  findElementByKey\n} from '../../utils/PRIVATE_collectionUtils';\nimport { useCollectionFocusRing } from '../PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../PRIVATE_useCurrentKey';\nimport { useId } from '../UNSAFE_useId';\n\nimport { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../../UNSAFE_TabBarCommon';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n};\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nconst REMOVABLE_ICON_SELECTOR = '[data-oj-tabbar-item-remove-icon=\"true\"]';\nconst REMOVABLE_ITEM_ATTRIBUTE = 'data-oj-removable';\n\n/**\n * Implements TabBar behavior for focus and keyboad handling\n */\nexport function useTabBar<K extends string | number>(options: useTabBarOptions) {\n  const {\n    children,\n    class: className,\n    display,\n    edge = 'top',\n    selection,\n    onSelect,\n    onRemove,\n    ref: userRef,\n    size\n  } = options;\n\n  const internalRef = useRef<HTMLDivElement>(null);\n  const rootRef = userRef || internalRef;\n\n  const tabId = useId();\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection as K);\n  const [hideTooltip, setHideTooltip] = useState(false);\n\n  const tabItemPrefix = tabId + '_';\n\n  /**\n   * A reference to the previous set of tab keys that this TabBar\n   * contains before children were re-rendered. In the event the \"current\" tab\n   * is removed and the \"currentKey\" reference is broken, we can redirect\n   * the \"currentKey\" to another tab based on the index of the removed tab.\n   */\n  const prevTabKeys = useRef<(string | number | undefined)[]>();\n\n  useEffect(() => {\n    if (rootRef.current) {\n      const tabKeys = Array.from(rootRef.current.querySelectorAll(ITEM_SELECTOR)).map((elem) =>\n        getKey(elem as HTMLElement)\n      );\n      if (currentKey && !tabKeys.includes(currentKey as K)) {\n        //If prevTabs does not exist set the first visible key as currentKey\n        prevTabKeys.current\n          ? setCurrentKey(findNextValidKey(currentKey, tabKeys, prevTabKeys.current) as K)\n          : setCurrentKey(tabKeys[0] as K);\n      }\n      prevTabKeys.current = tabKeys;\n    }\n  }, [children, currentKey, rootRef]);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, [\n    'ArrowRight',\n    'ArrowLeft',\n    'Home',\n    'End'\n  ]);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? extractOnlyItemKey(element, ITEM_SELECTOR, REMOVABLE_ICON_SELECTOR)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    undefined,\n    undefined,\n    getPrevNextKeyUsingRef(rootRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(rootRef, currentKey, false, ITEM_SELECTOR),\n    currentKey,\n    (detail) => {\n      setCurrentKey(detail.value as K);\n      setHideTooltip(false);\n    }\n  );\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (rootRef.current && currentKey) {\n      if (event.key === 'Home' || event.key === 'End') {\n        const tabBarItemKey = Array.from(rootRef.current.querySelectorAll(ITEM_SELECTOR), (elem) =>\n          getKey(elem as HTMLElement)\n        );\n        event.preventDefault();\n        setCurrentKey?.(tabBarItemKey[event.key === 'Home' ? 0 : tabBarItemKey.length - 1] as K);\n      }\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onSelect?.({ value: currentKey });\n      }\n      if (event.key === 'Delete') {\n        const tabBarItem = findElementByKey(\n          rootRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as HTMLElement;\n        if (tabBarItem.hasAttribute(REMOVABLE_ITEM_ATTRIBUTE)) {\n          onRemove?.({ value: currentKey });\n        }\n      }\n      if (event.key === 'Escape') {\n        setHideTooltip(true);\n      }\n    }\n  };\n\n  const onFocus = () => {\n    if (rootRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(rootRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  };\n\n  const eventProps = { onKeyDown, onFocus };\n\n  return {\n    rootProps: mergeProps(\n      {\n        'aria-activedescendant': currentKey ? tabItemPrefix + currentKey : '',\n        'aria-multiselectable': false,\n        class: className,\n        ref: rootRef,\n        role: 'tablist',\n        tabIndex: 0\n      },\n      currentKeyProps,\n      focusRingProps,\n      eventProps\n    ),\n    tabBarContext: {\n      currentKey,\n      display,\n      isEdgeBottom: edge === 'bottom',\n      layout: 'condense',\n      onRemove,\n      onSelect,\n      showFocusRing,\n      hideTooltip,\n      selection,\n      size,\n      tabItemPrefix\n    }\n  } as const;\n}\n\n//useCurrentKey use click capture that captures first click, which is on remove button\n//when we remove and sets the item being removed to currentKey. So we should not allow\n//this if click is on remove button\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const tabBarItem = element.closest(itemSelector);\n  if (tabBarItem) {\n    if (tabBarItem.hasAttribute(REMOVABLE_ITEM_ATTRIBUTE)) {\n      const removeButton = element.closest(itemEliminator);\n      if (removeButton && tabBarItem?.contains(removeButton)) {\n        return null;\n      }\n    }\n    return getKey(tabBarItem as HTMLElement);\n  }\n  return null;\n};\n\nconst findNextValidKey = <K>(currentKey: K, currTabs: K[], prevTabs: K[]) => {\n  const index = prevTabs.indexOf(currentKey);\n  // update current key to be the first one if currentKey is invalid\n  if (index === -1) {\n    return currTabs[0];\n  }\n  let nextIndex = 0;\n  let isLastKey = false;\n  if (index === prevTabs.length - 1) {\n    nextIndex = index - 1;\n    isLastKey = true;\n  } else {\n    nextIndex = index + 1;\n  }\n  while (nextIndex !== index && nextIndex > -1 && nextIndex < prevTabs.length) {\n    const nextKey = prevTabs[nextIndex];\n    if (currTabs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n    isLastKey ? nextIndex-- : nextIndex++;\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currTabs[0];\n};\n"],"names":["ITEM_SELECTOR","REMOVABLE_ITEM_ATTRIBUTE","extractOnlyItemKey","element","itemSelector","itemEliminator","tabBarItem","closest","hasAttribute","removeButton","contains","getKey","findNextValidKey","currentKey","currTabs","prevTabs","index","indexOf","nextIndex","isLastKey","length","nextKey","options","children","class","className","display","edge","selection","onSelect","onRemove","ref","userRef","size","internalRef","useRef","rootRef","tabId","useId","setCurrentKey","useState","hideTooltip","setHideTooltip","tabItemPrefix","prevTabKeys","useEffect","current","tabKeys","Array","from","querySelectorAll","map","elem","includes","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","keyExtractor","undefined","getPrevNextKeyUsingRef","detail","value","eventProps","onKeyDown","event","key","tabBarItemKey","preventDefault","findElementByKey","onFocus","getFirstVisibleKey","rootProps","mergeProps","role","tabIndex","tabBarContext","isEdgeBottom","layout"],"mappings":"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"}

package/amd/useTestId-82cf22a4.js

@@ -0,0 +1,2 @@
+define(['exports', './LayerHost-eab40731', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat'], (function(t,e,n,o,r){"use strict";t.useTestId=function(t){return"production"===o.useContext(e.EnvironmentContext).mode||""===t?{}:{"data-testid":t}}}));
+//# sourceMappingURL=useTestId-82cf22a4.js.map

package/amd/useTestId-82cf22a4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTestId-82cf22a4.js","sources":["../../src/hooks/UNSAFE_useTestId/useTestId.ts"],"sourcesContent":["import { EnvironmentContext } from '../../UNSAFE_Environment';\nimport { useContext } from 'preact/hooks';\n\nexport type TestIdProps = {\n  testId?: string;\n};\n/**\n * Returns the set of attributes to be applied to the DOM node if the application's mode is not\n * set to \"production\".\n */\nexport function useTestId(testId?: string) {\n  const context = useContext(EnvironmentContext);\n  return context.mode === 'production' || testId === ''\n    ? {}\n    : {\n        'data-testid': testId\n      };\n}\n"],"names":["testId","useContext","EnvironmentContext","mode"],"mappings":"4IAUM,SAAoBA,GAExB,MAAwB,eADRC,aAAWC,EAAAA,oBACZC,MAAoC,KAAXH,EACpC,CAAE,EACF,CACE,cAAeA,EAEvB"}

package/amd/useTheme-1941efb7.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './LayerHost-eab40731', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useTheme=function(){return t.useContext(n.EnvironmentContext).theme}}));
+//# sourceMappingURL=useTheme-1941efb7.js.map

package/amd/useTheme-1941efb7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme-1941efb7.js","sources":["../../src/hooks/UNSAFE_useTheme/useTheme.ts"],"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 { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useTheme() {\n  return useContext(EnvironmentContext).theme;\n}\n"],"names":["useContext","EnvironmentContext","theme"],"mappings":"sJAYE,OAAOA,EAAUA,WAACC,sBAAoBC,KACxC"}

package/amd/useThemeInterpolations-41cbd433.js

@@ -0,0 +1,2 @@
+define(['exports', './useColorScheme-711c1e4b', './useScale-e6b83382', './theme-a8f3d819', './mergeInterpolations-9ede4cf7', './LayerHost-eab40731'], (function(e,o,t,s,n,c){"use strict";e.useThemeInterpolations=function(){const e=o.useColorScheme(),r=t.useScale(),a=r!==c.DefaultEnvironment.scale?r:void 0,l=n.mergeInterpolations([...Object.values(s.themeInterpolations)]),{class:u}=l({colorScheme:e,scale:a});return u}}));
+//# sourceMappingURL=useThemeInterpolations-41cbd433.js.map

package/amd/useThemeInterpolations-41cbd433.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeInterpolations-41cbd433.js","sources":["../../src/hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { useScale } from '../UNSAFE_useScale';\nimport { themeInterpolations } from '../../utils/UNSAFE_interpolations/theme';\nimport type { ThemeProps } from '../../utils/UNSAFE_interpolations/theme';\nimport { mergeInterpolations } from '../../utils/UNSAFE_mergeInterpolations';\nimport { DefaultEnvironment } from '../../UNSAFE_Environment/EnvironmentContext';\n\n// This hook encasulates the logic required to determine which theme style classes are needed\n// for the current environment context's colorScheme and scale value.  This would be used when\n// rendering dom outside of the current dom tree, but desire to match the colorScheme and scale\n// of the original dom tree.\nexport function useThemeInterpolations() {\n  const colorScheme = useColorScheme();\n  const currentScale = useScale();\n  // We don't want to interpolate the default environment values for scacle.  Those should get picked up by default.\n  // This fixes an issue for core pack components that utilize the Layer component, when in a legacy cookbook page.\n  const scale = currentScale !== DefaultEnvironment.scale ? currentScale : undefined;\n\n  const interpolations = mergeInterpolations<ThemeProps>([...Object.values(themeInterpolations)]);\n  const { class: classes } = interpolations({ colorScheme, scale });\n  return classes;\n}\n"],"names":["colorScheme","useColorScheme","currentScale","useScale","scale","DefaultEnvironment","undefined","interpolations","mergeInterpolations","Object","values","themeInterpolations","class","classes"],"mappings":"wNAmBE,MAAMA,EAAcC,EAAAA,iBACdC,EAAeC,EAAAA,WAGfC,EAAQF,IAAiBG,EAAAA,mBAAmBD,MAAQF,OAAeI,EAEnEC,EAAiBC,EAAAA,oBAAgC,IAAIC,OAAOC,OAAOC,EAAAA,wBACjEC,MAAOC,GAAYN,EAAe,CAAEP,cAAaI,UACzD,OAAOS,CACT"}

package/amd/useTooltip-d28e9b0f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useTooltipControlled-abf886f2'], (function(t,o,e){"use strict";t.useTooltip=({text:t,position:s="bottom",isDisabled:i=!1,anchor:n={x:"element",y:"element"},offset:l,variant:a="tooltip",testId:p})=>{const[r,u]=o.useState(!1),c=i||!t,f=l||{mainAxis:8,crossAxis:0},d=o.useCallback((t=>{u(t.value)}),[]),{tooltipContent:x,tooltipProps:b}=e.useTooltipControlled({text:t,isOpen:r,position:s,isDisabled:c,offset:f,anchor:n,variant:a,onToggle:d,testId:p});return{tooltipContent:x,tooltipProps:b}}}));
+//# sourceMappingURL=useTooltip-d28e9b0f.js.map

package/amd/useTooltip-d28e9b0f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip-d28e9b0f.js","sources":["../../src/hooks/UNSAFE_useTooltip/useTooltip.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 { useState, useCallback } from 'preact/hooks';\nimport { useTooltipControlled } from './useTooltipControlled';\nimport { TestIdProps } from '../UNSAFE_useTestId';\n\nconst defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels\n\ntype tooltipParameters = Parameters<typeof useTooltipControlled>[0];\n\ntype Props = {\n  text?: string;\n  position?: tooltipParameters['position'];\n  isDisabled?: boolean;\n  anchor?: tooltipParameters['anchor'];\n  offset?: { mainAxis?: number; crossAxis?: number };\n  variant?: tooltipParameters['variant'];\n} & TestIdProps;\n\n/**\n * A hook with tooltip implementation.\n * Returns event handlers that can enhance the target element with a tooltip displayed\n * on hover and focus.\n *\n * @param text tooltip text\n * @param position tooltip placement relative to the target element\n * @param isDisabled determines if the tooltip is disabled\n * @param anchor determines if the target is an element or the pointer\n * @param offset offset from the placement\n * @param variant specifies if the rendered popup should have 'tooltip' or 'datatip' look and behavior\n * @returns an object with the 'tooltipContent' and 'tooltipProps' properties.\n */\nexport const useTooltip = ({\n  text,\n  position = 'bottom',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\n  variant = 'tooltip',\n  testId\n}: Props): ReturnType<typeof useTooltipControlled> => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const disabled = isDisabled || !text;\n  const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };\n\n  const onToggleHandler = useCallback((details: { value: boolean }) => {\n    setIsOpen(details.value);\n  }, []);\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\n    isOpen,\n    position,\n    isDisabled: disabled,\n    offset: newOffset,\n    anchor,\n    variant,\n    onToggle: onToggleHandler,\n    testId\n  });\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n};\n"],"names":["text","position","isDisabled","anchor","x","y","offset","variant","testId","isOpen","setIsOpen","useState","disabled","newOffset","mainAxis","crossAxis","onToggleHandler","useCallback","details","value","tooltipContent","tooltipProps","useTooltipControlled","onToggle"],"mappings":"+GAsC0B,EACxBA,OACAC,WAAW,SACXC,cAAa,EACbC,SAAS,CAAEC,EAAG,UAAWC,EAAG,WAC5BC,SACAC,UAAU,UACVC,aAEA,MAAOC,EAAQC,GAAaC,EAAQA,UAAU,GACxCC,EAAWV,IAAeF,EAC1Ba,EAAYP,GAAkB,CAAEQ,SArClB,EAqC2CC,UAAW,GAEpEC,EAAkBC,eAAaC,IACnCR,EAAUQ,EAAQC,MAAM,GACvB,KAEGC,eAAEA,EAAcC,aAAEA,GAAiBC,uBAAqB,CAC5DtB,OACAS,SACAR,WACAC,WAAYU,EACZN,OAAQO,EACRV,SACAI,UACAgB,SAAUP,EACVR,WAGF,MAAO,CACLY,iBACAC,eACD"}

package/amd/useTooltipControlled-abf886f2.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', './Floating-85851b1a', './Layer-3cc44164', 'preact/compat', './LayerHost-eab40731', './useHover-1890d6a0', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5bd3adfc', './useComponentTheme-5aa41a8f', './useTestId-82cf22a4', './useThemeInterpolations-41cbd433', './classNames-08d99695', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './EnvironmentProvider-46d0a245', './useColorScheme-711c1e4b'], (function(e,t,n,o,s,r,u,i,c,a,l,d,m,h,p,f,g,b,v,T){"use strict";const y=({children:e,id:o,isOpen:s,isDatatip:r,onTransitionEnd:u,testId:i,...c})=>{const a=n.useRef(null),l=n.useRef(null),d=p.useTestId(i),{baseTheme:v,variantClasses:T,styles:y}=h.useComponentTheme(b.TooltipContentRedwoodTheme,{variant:r?"datatip":"tooltip"}),k=f.useThemeInterpolations(),{nodeRef:P}=m.useAnimation(s?"mounted":"unmounted",{animationStates:{mounted:e=>{const t=e.firstChild;return{from:{maxHeight:"0",opacity:"0%"},to:{maxHeight:`${t?.offsetHeight}px`,opacity:r?"100%":"95%"},options:{duration:r?1:100,easing:[0,0,.2,1]}}},unmounted:e=>({from:{opacity:r?"100%":"95%"},to:{maxHeight:"0",opacity:"0%"},options:{duration:r?1:100,easing:[0,0,.2,1]}})},isAnimatedOnMount:!0,onAnimationEnd:()=>u?.()});return n.useEffect((()=>{a.current&&l.current?.offsetHeight&&(a.current.style.height=`${l.current?.offsetHeight}px`)}),[]),t.jsx("div",{ref:a,id:o,role:"tooltip",class:g.classNames([y.wrapper,k,v]),...d,children:t.jsx("div",{ref:P,class:y.inner,...c,children:t.jsx("div",{ref:l,class:g.classNames([T,y.content]),children:e})})})};const k=new class{constructor(){this.keyDownHandler=e=>{"Tab"===e.key&&(this.tabKeyActive=!0,setTimeout((()=>{this.tabKeyActive=!1}),100))},this.register=e=>{this.activeCallback&&this.activeCallback!==e&&this.activeCallback(),this.activeCallback=e},this.unregister=e=>{this.activeCallback===e&&(this.activeCallback=null)},this.isTabKeyActive=()=>this.tabKeyActive,this.activeCallback=null,this.tabKeyActive=!1,window.addEventListener("keydown",this.keyDownHandler,!0)}};e.useTooltipControlled=({text:e,isOpen:u=!1,variant:i="tooltip",position:m="bottom",focusStrategy:h="browser",isDisabled:p=!1,anchor:f={x:"element",y:"element"},offset:g={mainAxis:0,crossAxis:0},onToggle:b,testId:P})=>{const x=p||!e,C=n.useRef(!0),[E,A]=n.useState(!x&&u?"mounting":"unmounted"),R=n.useRef(E),w=e=>{R.current=e,A(e)},[H,D]=n.useState(!1);D(!1);const I="datatip"===i,[S,j]=n.useState(!1),F="logical"===h,L=n.useRef(!0),{hoverProps:K,isHover:B}=c.useHover({}),{touchProps:M,isTouch:N}=l.useTouch({isDisabled:p}),{focusProps:O,isFocus:_}=a.useFocus({isDisabled:F}),{hoverProps:G,isHover:U}=c.useHover({isDisabled:p}),$="pointer"===f.x||"pointer"===f.y,V=n.useRef(o.useId()),X=n.useRef(null),Y=n.useRef({x:-9999,y:-9999}),q=$&&!_?Y:X,z=I?0:250,J=n.useRef(null),Q=T.useColorScheme(),W=Q&&"light"!==Q?"light":"dark",Z=n.useRef(!1),ee=n.useRef(!1),te=()=>{J.current&&(clearTimeout(J.current),J.current=null)};n.useEffect((()=>{Z.current=F?S:_&&k.isTabKeyActive(),Z.current&&(ee.current=!1)}),[_,S,F]),n.useEffect((()=>{ee.current=B,ee.current&&(Z.current=!1)}),[B]),n.useEffect((()=>{L.current?L.current=!1:$&&B&&"unmounted"===E||(e=>{if(e)switch(E){case"unmounted":w("mountPending");break;case"unmounting":w("mounting"),b?.({value:!0});break;case"unmountPending":te(),w("mounted")}else switch(E){case"mounting":case"mounted":w("unmountPending");break;case"mountPending":te(),de(),w("unmounted")}})(B&&ee.current||(_||S)&&Z.current||U||N)}),[B,_,S,U,N,$,E,b]);const ne=n.useCallback((()=>{Z.current=!1,ee.current=!1,b?.({value:!1})}),[]);n.useEffect((()=>{C.current?C.current=!1:w(u?"mounting":"unmounting")}),[u]),n.useEffect((()=>()=>{te(),Z.current=!1,ee.current=!1}),[]),n.useEffect((()=>{"mounted"===E?k.register(ne):"unmounted"===E&&k.unregister(ne)}),[E,ne]),n.useEffect((()=>(J.current||"mountPending"!==E&&"unmountPending"!==E||(J.current=setTimeout((()=>{te(),"mountPending"!==E&&"unmountPending"!==E||E!==R.current||b?.({value:"mountPending"===E})}),z)),()=>{te()})),[E,z,b]);const oe=e=>{j(!0),X.current=e,q.current=e},se=()=>{j(!1)},re=n.useCallback((e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&I)&&(X.current=e.target)}),[I]),ue=n.useCallback((e=>{e.eventPhase===Event.AT_TARGET&&(Z.current=!1)}),[]),ie=F?{}:{onFocus:re,onBlur:ue},ce={onMouseEnter:n.useCallback((e=>{X.current=e.target}),[])},ae={onKeyDown:n.useCallback((e=>{"Escape"===e.code&&Z.current&&(e.preventDefault(),Z.current=!1,b?.({value:!1}))}),[b])};let le;const de=()=>{Y.current={x:-9999,y:-9999}};if(x)le=d.mergeProps(K,O,ce,ie);else{const e={"aria-describedby":V.current,...$&&{onMouseLeave:()=>{"mounting"!==E&&te()},onMouseMove:e=>{(e=>{if("unmounted"!==E&&("datatip"!==i||"mounted"!==E))return;const t=X?.current?.getBoundingClientRect(),n=document.body.scrollLeft+(t?.left||0)+(t?.width||0),o=document.body.scrollTop+(t?.top||0)+(t?.height||0),s="pointer"===f.x?e.clientX:n,r="pointer"===f.y?e.clientY:o;"mounted"===E?(Y.current={x:s,y:r},!0!==H&&D(!0)):"unmounted"===E&&(te(),J.current=setTimeout((()=>{"unmounted"===E&&(Y.current={x:s,y:r},b?.({value:!0}))}),z))})(e)}}};le=d.mergeProps(K,O,M,ce,ie,e,ae,F?{onLogicalFocus:oe,onLogicalBlur:se}:{})}if(x)return te(),de(),{tooltipContent:null,tooltipProps:le};const me=(e=>{let t="bottom";switch(e){case"top":case"end":case"bottom":case"start":t=e;break;case"top-end":t="top-end-corner";break;case"bottom-end":t="bottom-end-corner";break;case"bottom-start":t="bottom-start-corner";break;case"top-start":t="top-start-corner"}return t})(m),he=t.jsx(y,{id:V.current,testId:P,isOpen:["mounting","mounted","unmountPending"].includes(E),...G,isDatatip:I,onTransitionEnd:()=>{"mounting"===E&&w("mounted"),"unmounting"===E&&(de(),w("unmounted"))},children:e}),pe=t.jsx(r.Layer,{children:t.jsx(s.Floating,{anchorRef:q,placement:me,offsetValue:g,children:"tooltip"===i?t.jsx(v.EnvironmentProvider,{environment:{colorScheme:W},children:he}):t.jsx(t.Fragment,{children:he})})});return{tooltipContent:!["unmounted","mountPending"].includes(E)&&pe,tooltipProps:le}}}));
+//# sourceMappingURL=useTooltipControlled-abf886f2.js.map

package/amd/useTooltipControlled-abf886f2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipControlled-abf886f2.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx","../../src/hooks/UNSAFE_useTooltip/TooltipManager.ts"],"sourcesContent":["import { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd: () => void;\n} & TestIdProps;\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  testId,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const testIdProps = useTestId(testId);\n\n  const { baseTheme, variantClasses, styles } = useComponentTheme<\n    TooltipContentVariantOptions,\n    TooltipContentStyles\n  >(TooltipContentRedwoodTheme, {\n    variant: isDatatip ? 'datatip' : 'tooltip'\n  });\n\n  const schemeClass = useThemeInterpolations();\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      },\n      unmounted: (_node) => {\n        return {\n          from: {\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          to: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => onTransitionEnd?.()\n  });\n\n  // Set up initial wrapper height so Tooltip can animate from the bottom to the top\n  useEffect(() => {\n    if (wrapperRef.current && popoverRef.current?.offsetHeight) {\n      wrapperRef.current.style.height = `${popoverRef.current?.offsetHeight}px`;\n    }\n  }, []);\n\n  return (\n    <div\n      ref={wrapperRef}\n      id={id}\n      role=\"tooltip\"\n      class={classNames([styles.wrapper, schemeClass, baseTheme])}\n      {...testIdProps}>\n      <div ref={nodeRef} class={styles.inner} {...props}>\n        <div ref={popoverRef} class={classNames([variantClasses, styles.content])}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChild } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { useId } from '../UNSAFE_useId';\nimport { Floating, Placement, Coords } from '../../UNSAFE_Floating';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { useTouch } from '../UNSAFE_useTouch';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { TooltipContent } from './TooltipContent';\nimport { EnvironmentProvider } from '../../UNSAFE_Environment';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { TestIdProps } from '../UNSAFE_useTestId';\nimport { TooltipManager } from './TooltipManager';\n\n// Global TooltipManager singleton instance\nconst globalTooltipManager = new TooltipManager();\n\nexport const positions = [\n  'start',\n  'top-start',\n  'top',\n  'top-end',\n  'end',\n  'bottom-end',\n  'bottom',\n  'bottom-start'\n] as const;\ntype Position = (typeof positions)[number];\n\nconst positionToPlacement = (position: Position) => {\n  let placement: Placement = 'bottom';\n\n  switch (position) {\n    case 'top':\n    case 'end':\n    case 'bottom':\n    case 'start':\n      placement = position as Placement;\n      break;\n\n    case 'top-end':\n      placement = 'top-end-corner';\n      break;\n\n    case 'bottom-end':\n      placement = 'bottom-end-corner';\n      break;\n\n    case 'bottom-start':\n      placement = 'bottom-start-corner';\n      break;\n\n    case 'top-start':\n      placement = 'top-start-corner';\n      break;\n  }\n\n  return placement;\n};\n\nexport const anchorTos = ['element', 'pointer'] as const;\ntype AnchorTo = (typeof anchorTos)[number];\n\ntype AnchorModel = { x: AnchorTo; y: AnchorTo };\n\ntype Props = {\n  text?: string;\n  variant?: 'tooltip' | 'datatip';\n  isOpen: boolean;\n  position?: Position;\n  isDisabled?: boolean;\n  focusStrategy?: 'browser' | 'logical';\n  anchor?: AnchorModel;\n  offset?: { mainAxis?: number; crossAxis?: number };\n  onToggle?: (details: { value: boolean }) => void;\n} & TestIdProps;\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  focusStrategy = 'browser',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset = { mainAxis: 0, crossAxis: 0 },\n  onToggle,\n  testId\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} => {\n  const disabled = isDisabled || !text;\n  const isInitialRenderState = useRef<boolean>(true);\n\n  const [state, _setState] = useState<Status>(!disabled && isOpen ? 'mounting' : 'unmounted');\n  const stateRef = useRef<Status>(state);\n  const setState = (newState: Status) => {\n    stateRef.current = newState;\n    _setState(newState);\n  };\n\n  // const tooltipId = useRef<string>(useId());\n\n  const [needsUpdate, setNeedsUpdate] = useState<boolean>(false);\n  setNeedsUpdate(false);\n\n  const isDatatip = variant === 'datatip';\n\n  const [isLogicalFocus, setLogicalFocus] = useState<boolean>(false);\n  const isLogicalFocusStrategy = focusStrategy === 'logical';\n  const isInitialRenderTrigger = useRef<boolean>(true);\n  const { hoverProps, isHover } = useHover({});\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({\n    isDisabled: isLogicalFocusStrategy\n  });\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({ isDisabled });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: -9999, y: -9999 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const delay = isDatatip ? 0 : 250;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const currentColorScheme = useColorScheme();\n  const newColorScheme = !currentColorScheme || currentColorScheme === 'light' ? 'dark' : 'light';\n\n  const focusActive = useRef<boolean>(false);\n  const hoverActive = useRef<boolean>(false);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n      toggleTimeoutRef.current = null;\n    }\n  };\n\n  /*\n   * This effect executes when isFocus/isLogicalFocus changes\n   * - focusActive ref is set if the focus change follows a Tab key\n   * - hoverActive ref is reset, if focusActive becomes true\n   */\n  useEffect(() => {\n    if (isLogicalFocusStrategy) {\n      focusActive.current = isLogicalFocus;\n    } else {\n      focusActive.current = isFocus && globalTooltipManager.isTabKeyActive();\n    }\n    if (focusActive.current) {\n      hoverActive.current = false;\n    }\n  }, [isFocus, isLogicalFocus, isLogicalFocusStrategy]);\n\n  /*\n   * This effect executes when isHover state changes\n   * - focusActive ref is reset, if hoverActive becomes true\n   */\n  useEffect(() => {\n    hoverActive.current = isHover;\n    if (hoverActive.current) {\n      focusActive.current = false;\n    }\n  }, [isHover]);\n\n  useEffect(() => {\n    // inner function for state transitions on various trigger changes\n    const updateState = (open: boolean) => {\n      if (open) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted\n            break;\n          case 'unmounting': // Switch back to mounting when unmounting was in progress and the tooltip should stay on\n            setState('mounting');\n            onToggle?.({ value: true });\n            break;\n          case 'unmountPending':\n            toggleTimeoutClear();\n            setState('mounted'); // Clear timers immediately and keep the tooltip mounted\n            break;\n        }\n      } else {\n        // No toggle events are set to true\n        switch (state) {\n          case 'mounting':\n          case 'mounted':\n            setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition\n            break;\n          case 'mountPending':\n            toggleTimeoutClear();\n            __resetCoords();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    };\n\n    if (isInitialRenderTrigger.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderTrigger.current = false;\n      return;\n    }\n    // When pointer is used, handleMouseMove method is responsible for state updates\n    // until the tooltip is mounted\n    if (isPointer && isHover && state === 'unmounted') {\n      return;\n    }\n    updateState(\n      (isHover && hoverActive.current) ||\n        ((isFocus || isLogicalFocus) && focusActive.current) ||\n        popoverIsHover ||\n        isTouch\n    );\n  }, [isHover, isFocus, isLogicalFocus, popoverIsHover, isTouch, isPointer, state, onToggle]);\n\n  const destroyCallback = useCallback(() => {\n    focusActive.current = false;\n    hoverActive.current = false;\n    onToggle?.({ value: false });\n  }, []); // cannot depend on the 'onToggle' prop as some clients tend to pass a new callback on each render\n\n  useEffect(() => {\n    if (isInitialRenderState.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderState.current = false;\n      return;\n    }\n    setState(isOpen ? 'mounting' : 'unmounting');\n  }, [isOpen]);\n\n  useEffect(() => {\n    return () => {\n      // make sure to clear the toggle timeout on unmount\n      toggleTimeoutClear();\n      // reset focusActive and hoverActive refs\n      focusActive.current = false;\n      hoverActive.current = false;\n    };\n  }, []);\n\n  /*\n   * This effect executes when the component state changes.\n   * On 'mounted' state, the tooltip registers itself with the global tooltip manager.\n   * On 'unmounted', the tooltip unregisters from the global tooltip manager.\n   */\n  useEffect(() => {\n    if (state === 'mounted') {\n      globalTooltipManager.register(destroyCallback);\n    } else if (state === 'unmounted') {\n      globalTooltipManager.unregister(destroyCallback);\n    }\n  }, [state, destroyCallback]);\n\n  /*\n   * Set a timer to toggle the state afer the 'pending' period expires\n   */\n  useEffect(() => {\n    if (!toggleTimeoutRef.current && (state === 'mountPending' || state === 'unmountPending')) {\n      toggleTimeoutRef.current = setTimeout(() => {\n        toggleTimeoutClear();\n        // make sure the state has not changed in the mean time before onToggle\n        if (\n          (state === 'mountPending' || state === 'unmountPending') &&\n          state === stateRef.current\n        ) {\n          onToggle?.({ value: state === 'mountPending' });\n        }\n      }, delay);\n    }\n    return () => {\n      toggleTimeoutClear();\n    };\n  }, [state, delay, onToggle]);\n\n  const handleMouseMove = (event: MouseEvent) => {\n    // we only want track mouse move while the state is 'unmounted' or when moving a 'mounted' datatip\n    if (state !== 'unmounted' && !(variant === 'datatip' && state === 'mounted')) {\n      return;\n    }\n    const targetRect = targetRef?.current?.getBoundingClientRect();\n\n    // Tooltip maintains static offset from left side of window\n    const distanceX = document.body.scrollLeft + (targetRect?.left || 0) + (targetRect?.width || 0);\n\n    // Tooltip maintains static offset from top side of the window\n    const distanceY = document.body.scrollTop + (targetRect?.top || 0) + (targetRect?.height || 0);\n\n    // Display tooltip at the mouse position if both anchors are set to pointer\n    const x = anchor.x === 'pointer' ? event.clientX : distanceX;\n    const y = anchor.y === 'pointer' ? event.clientY : distanceY;\n\n    if (state === 'mounted') {\n      coordsRef.current = { x, y };\n      if (needsUpdate !== true) setNeedsUpdate(true);\n    } else if (state === 'unmounted') {\n      toggleTimeoutClear();\n      toggleTimeoutRef.current = setTimeout(() => {\n        if (state === 'unmounted') {\n          coordsRef.current = { x, y };\n          onToggle?.({ value: true });\n        }\n      }, delay);\n    }\n  };\n\n  const onLogicalFocus = (target: HTMLElement) => {\n    setLogicalFocus(true);\n    targetRef.current = target;\n    usedRef.current = target;\n  };\n\n  const onLogicalBlur = () => {\n    setLogicalFocus(false);\n  };\n\n  const onFocusCallback = useCallback(\n    (event: FocusEvent) => {\n      if (\n        event.eventPhase === Event.AT_TARGET ||\n        (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n      ) {\n        targetRef.current = event.target as HTMLElement;\n      }\n    },\n    [isDatatip]\n  );\n\n  const onBlurCallback = useCallback((event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET) {\n      // reset focusActive flag\n      focusActive.current = false;\n    }\n  }, []);\n\n  const focusInitProps = isLogicalFocusStrategy\n    ? {}\n    : {\n        onFocus: onFocusCallback,\n        onBlur: onBlurCallback\n      };\n\n  const hoverInitProps = {\n    onMouseEnter: useCallback((event: MouseEvent) => {\n      targetRef.current = event.target as HTMLElement;\n    }, [])\n  };\n\n  const keyInitProps = {\n    onKeyDown: useCallback(\n      (event: KeyboardEvent) => {\n        if (event.code === 'Escape' && focusActive.current) {\n          event.preventDefault();\n          // focus no longer active after Escape\n          focusActive.current = false;\n          onToggle?.({ value: false });\n        }\n      },\n      [onToggle]\n    )\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = { x: -9999, y: -9999 };\n  };\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          handleMouseMove(event);\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      keyInitProps,\n      isLogicalFocusStrategy ? { onLogicalFocus, onLogicalBlur } : {}\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = positionToPlacement(position);\n\n  const handleTransitionEnd = () => {\n    if (state === 'mounting') {\n      setState('mounted');\n    }\n    if (state === 'unmounting') {\n      __resetCoords();\n      setState('unmounted');\n    }\n  };\n\n  const renderRawContent = (\n    <TooltipContent\n      id={uniqueIdRef.current}\n      testId={testId}\n      isOpen={['mounting', 'mounted', 'unmountPending'].includes(state)}\n      {...popoverHoverProps}\n      isDatatip={isDatatip}\n      onTransitionEnd={handleTransitionEnd}>\n      {text}\n    </TooltipContent>\n  );\n\n  const renderTooltipOrDatatip = () => {\n    if (variant === 'tooltip') {\n      return (\n        <EnvironmentProvider environment={{ colorScheme: newColorScheme }}>\n          {renderRawContent}\n        </EnvironmentProvider>\n      );\n    } else {\n      return <>{renderRawContent}</>;\n    }\n  };\n\n  const renderContent = (\n    <Layer>\n      <Floating anchorRef={usedRef} placement={placement} offsetValue={offset}>\n        {renderTooltipOrDatatip()}\n      </Floating>\n    </Layer>\n  );\n\n  return {\n    tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,\n    tooltipProps: actionableProps\n  };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport type TooltipManagerCallback = () => void;\n\n/**\n * A global tooltip manager that\n * - ensures that only one tooltip is shown at a time\n * - detects a Tab key press and allows tooltips to check if their target was focused via keyboard\n */\nexport class TooltipManager {\n  private activeCallback: TooltipManagerCallback | null;\n\n  private tabKeyActive: boolean;\n\n  private keyDownHandler = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      this.tabKeyActive = true;\n      setTimeout(() => {\n        this.tabKeyActive = false;\n      }, 100);\n    }\n  };\n\n  constructor() {\n    this.activeCallback = null;\n    this.tabKeyActive = false;\n    window.addEventListener('keydown', this.keyDownHandler, true);\n  }\n\n  /**\n   * notifies the previously registered active tooltip callback and registers a new one\n   */\n  public register = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback && this.activeCallback !== callback) {\n      this.activeCallback();\n    }\n    this.activeCallback = callback;\n  };\n\n  /**\n   * resets the registered active callback\n   */\n  public unregister = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback === callback) {\n      this.activeCallback = null;\n    }\n  };\n\n  /**\n   * returns the active Tab key status ('active' means a Tab key press within the last 100ms)\n   */\n  public isTabKeyActive = () => {\n    return this.tabKeyActive;\n  };\n}\n"],"names":["TooltipContent","children","id","isOpen","isDatatip","onTransitionEnd","testId","props","wrapperRef","useRef","popoverRef","testIdProps","useTestId","baseTheme","variantClasses","styles","useComponentTheme","TooltipContentRedwoodTheme","variant","schemeClass","useThemeInterpolations","nodeRef","useAnimation","animationStates","mounted","_node","childNode","firstChild","from","maxHeight","opacity","to","offsetHeight","options","duration","easing","unmounted","isAnimatedOnMount","onAnimationEnd","useEffect","current","style","height","_jsx","jsx","ref","role","class","classNames","wrapper","inner","content","globalTooltipManager","constructor","this","keyDownHandler","event","key","tabKeyActive","setTimeout","register","callback","activeCallback","unregister","isTabKeyActive","window","addEventListener","text","position","focusStrategy","isDisabled","anchor","x","y","offset","mainAxis","crossAxis","onToggle","disabled","isInitialRenderState","state","_setState","useState","stateRef","setState","newState","needsUpdate","setNeedsUpdate","isLogicalFocus","setLogicalFocus","isLogicalFocusStrategy","isInitialRenderTrigger","hoverProps","isHover","useHover","touchProps","isTouch","useTouch","focusProps","isFocus","useFocus","popoverHoverProps","popoverIsHover","isPointer","uniqueIdRef","useId","targetRef","coordsRef","usedRef","delay","toggleTimeoutRef","currentColorScheme","useColorScheme","newColorScheme","focusActive","hoverActive","toggleTimeoutClear","clearTimeout","open","value","__resetCoords","updateState","destroyCallback","useCallback","onLogicalFocus","target","onLogicalBlur","onFocusCallback","eventPhase","Event","AT_TARGET","BUBBLING_PHASE","onBlurCallback","focusInitProps","onFocus","onBlur","hoverInitProps","onMouseEnter","keyInitProps","onKeyDown","code","preventDefault","actionableProps","mergeProps","anchorInitProps","onMouseLeave","onMouseMove","targetRect","getBoundingClientRect","distanceX","document","body","scrollLeft","left","width","distanceY","scrollTop","top","clientX","clientY","handleMouseMove","tooltipContent","tooltipProps","placement","positionToPlacement","renderRawContent","includes","renderContent","Layer","Floating","anchorRef","offsetValue","EnvironmentProvider","environment","colorScheme","_Fragment","Fragment"],"mappings":"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"}

package/amd/useTranslationBundle-6ef0dab6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './LayerHost-eab40731', 'preact/jsx-runtime', 'preact/compat'], (function(t,n,e,o,r){"use strict";t.useTranslationBundle=function(t){const o=n.useContext(e.EnvironmentContext).translations,r=o?.[t];if(!r)throw new Error(`Translation bundle ${t} is not loaded.`);return r}}));
+//# sourceMappingURL=useTranslationBundle-6ef0dab6.js.map

package/amd/useTranslationBundle-6ef0dab6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslationBundle-6ef0dab6.js","sources":["../../src/hooks/UNSAFE_useTranslationBundle/useTranslationBundle.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport type { TranslationBundle } from '../../UNSAFE_Environment';\n\n/**\n * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider\n * @param bundleId\n * @returns a translation bundle of type T\n */\nexport function useTranslationBundle<T extends TranslationBundle>(bundleId: string) {\n  const translations = useContext(EnvironmentContext).translations;\n  const bundle = translations?.[bundleId];\n  if (!bundle) {\n    throw new Error(`Translation bundle ${bundleId} is not loaded.`);\n  }\n  return bundle as T;\n}\n"],"names":["bundleId","translations","useContext","EnvironmentContext","bundle","Error"],"mappings":"uJAgBM,SAA4DA,GAChE,MAAMC,EAAeC,EAAAA,WAAWC,EAAkBA,oBAAEF,aAC9CG,EAASH,IAAeD,GAC9B,IAAKI,EACH,MAAM,IAAIC,MAAM,sBAAsBL,oBAExC,OAAOI,CACT"}

package/amd/useUser-6dd85af9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './LayerHost-eab40731', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,r,o){"use strict";e.useUser=function(){return t.useContext(n.EnvironmentContext).user}}));
+//# sourceMappingURL=useUser-6dd85af9.js.map

package/amd/useUser-6dd85af9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUser-6dd85af9.js","sources":["../../src/hooks/UNSAFE_useUser/useUser.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useUser() {\n  return useContext(EnvironmentContext).user;\n}\n"],"names":["useContext","EnvironmentContext","user"],"mappings":"qJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,IACxC"}

package/amd/useVisEvents-75dbf576.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useUser-6dd85af9', './layoutUtils-3c2d340e', './eventsUtils-5d567a9d', './useVisHover-28319fef', './mergeProps-bcfa6a92'], (function(e,t,n,r,s,o,c){"use strict";e.useVisEvent=function(e,i,u,a,d,f,v,I,l,m,g,b,p,C){const k=t.useRef(),[w,U]=t.useState(p),[R,V]=t.useState(),h=o.useVisHover((e=>{const t=b(e.target);g(t,R)||(V(t&&{...t,isCurrent:!0}),k.current=r.getRandomId(),i&&(w&&U({...w,isCurrent:!1}),l?.(d(t))))}),void 0,(()=>{V(void 0),k.current=void 0,i&&l?.(d())}),e),{direction:y}=n.useUser(),A="rtl"===y;if(!i)return{isInteractive:!1,focusedItemInfo:w,hoveredItemInfo:R,eventsProps:h};const E=e=>{m?.(d(e)),k.current=r.getRandomId(),U(e)},P=e=>{g(e,w)||(e.isCurrent=!0,e.isFocusVisible=!0,R&&V({...R,isCurrent:!1}),E(e))},D=()=>{const e=d(w);e&&e.data&&u(w)&&(I?.(e),k.current=r.getRandomId())},F=a(D,E,w,C);return{isInteractive:!0,focusedItemInfo:w,hoveredItemInfo:R,activeId:k.current,triggerOnAction:D,updatefocusedItemInfo:E,onContextMenuDismissed:e=>{"keyboard"===e&&E({...w,isCurrent:!0,isFocusVisible:!0})},eventsProps:c.mergeProps(h,{onPointerUp:e=>{const t=b(e.target);if(null!=t&&u(t)){U(t);const e=d(t);e&&u(t)&&(I?.(e),k.current=r.getRandomId())}},onKeyUp:F,onKeyDown:e=>{switch(e.key){case"Tab":return;case"ArrowDown":{const t=v(w);P(t),s.cancelEvent(e);break}case"ArrowUp":{const t=f(w);P(t),s.cancelEvent(e);break}case"ArrowRight":{const t=A?f(w):v(w);P(t),s.cancelEvent(e);break}case"ArrowLeft":{const t=A?v(w):f(w);P(t),s.cancelEvent(e);break}}},onBlur:()=>{const e={...w,isCurrent:!1,isFocusVisible:!1};(null!=R||w.isCurrent)&&m?.(d(void 0)),U(e)}})}}}));
+//# sourceMappingURL=useVisEvents-75dbf576.js.map

package/amd/useVisEvents-75dbf576.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisEvents-75dbf576.js","sources":["../../src/hooks/PRIVATE_useVisEvents/useVisEvents.ts"],"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 { useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '../../utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ItemInfo = { isCurrent?: boolean; isFocusVisible?: boolean };\n\ntype EventDetail<D> = { data?: D };\n\nexport function useVisEvent<\n  I extends ItemInfo,\n  J extends EventDetail<D>,\n  L extends EventDetail<D>,\n  D\n>(\n  touchResponse: 'touchStart' | 'touchHold',\n  isInteractive: boolean,\n  isItemActionable: (itemInfo: I) => boolean,\n  getKeyUpHandler: (\n    triggerOnAction: () => void,\n    updatefocusedItemInfo: (itemInfo: I) => void,\n    focusedItemInfo: I,\n    isHideShow?: boolean\n  ) => (event: KeyboardEvent) => void,\n  getDetailFromInfo: (info?: I) => J | L,\n  getPrevItemInfo: (info: I) => I,\n  getNextItemInfo: (info: I) => I,\n  onItemAction: ((detail: J) => void) | undefined,\n  onItemHover: ((detail: L) => void) | undefined,\n  onItemFocus: ((detail: L) => void) | undefined,\n  isEqualItem: (item1?: I, item2?: I) => boolean,\n  getItemInfo: (element: HTMLElement) => I | undefined,\n  initItemInfo: I,\n  isHideShow?: boolean\n) {\n  const activeIdRef = useRef<string>();\n\n  const [focusedItemInfo, setfocusedItemInfo] = useState<I>(initItemInfo);\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<I>();\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n      activeIdRef.current = getRandomId();\n      if (isInteractive) {\n        focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';\n        onItemHover?.(getDetailFromInfo(itemInfo) as L);\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeIdRef.current = undefined;\n    if (isInteractive) {\n      onItemHover?.(getDetailFromInfo() as L);\n    }\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  if (!isInteractive) {\n    return {\n      isInteractive: false,\n      focusedItemInfo,\n      hoveredItemInfo,\n      // include relevant hover handlers for datatip\n      eventsProps: hoverHandlers\n    };\n  }\n\n  const updatefocusedItemInfo = (itemInfo: I) => {\n    onItemFocus?.(getDetailFromInfo(itemInfo) as L);\n    activeIdRef.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const handleKeyboardInput = (item: I) => {\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  };\n\n  const triggerOnAction = () => {\n    const detail = getDetailFromInfo(focusedItemInfo) as J;\n    if (detail && detail.data && isItemActionable(focusedItemInfo)) {\n      onItemAction?.(detail);\n      activeIdRef.current = getRandomId();\n    }\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (itemInfo != null && isItemActionable(itemInfo)) {\n      setfocusedItemInfo(itemInfo);\n      const detail = getDetailFromInfo(itemInfo);\n      if (detail && isItemActionable(itemInfo)) {\n        onItemAction?.(detail as J);\n        activeIdRef.current = getRandomId();\n      }\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown': {\n        const nextItemInfo = getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowUp': {\n        const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const nextItemInfo = isRtl\n          ? getPrevItemInfo(focusedItemInfo)\n          : getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowLeft': {\n        const nextItemInfo = isRtl\n          ? getNextItemInfo(focusedItemInfo)\n          : getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onKeyUp = getKeyUpHandler(\n    triggerOnAction,\n    updatefocusedItemInfo,\n    focusedItemInfo,\n    isHideShow\n  );\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      updatefocusedItemInfo({\n        ...focusedItemInfo,\n        isCurrent: true,\n        isFocusVisible: true\n      });\n    }\n  };\n\n  const onBlur = () => {\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false } as I;\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.(getDetailFromInfo(undefined) as L);\n    }\n    setfocusedItemInfo(itemInfo);\n  };\n\n  return {\n    isInteractive: true,\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeIdRef.current,\n    triggerOnAction,\n    updatefocusedItemInfo,\n    onContextMenuDismissed,\n    eventsProps: mergeProps(hoverHandlers, {\n      onPointerUp,\n      onKeyUp,\n      onKeyDown,\n      onBlur\n    })\n  };\n}\n"],"names":["touchResponse","isInteractive","isItemActionable","getKeyUpHandler","getDetailFromInfo","getPrevItemInfo","getNextItemInfo","onItemAction","onItemHover","onItemFocus","isEqualItem","getItemInfo","initItemInfo","isHideShow","activeIdRef","useRef","focusedItemInfo","setfocusedItemInfo","useState","hoveredItemInfo","sethoveredItemInfo","hoverHandlers","useVisHover","event","itemInfo","target","isCurrent","current","getRandomId","undefined","direction","useUser","isRtl","eventsProps","updatefocusedItemInfo","handleKeyboardInput","item","isFocusVisible","triggerOnAction","detail","data","onKeyUp","activeId","onContextMenuDismissed","gesture","mergeProps","onPointerUp","onKeyDown","key","nextItemInfo","cancelEvent","onBlur"],"mappings":"8MAoBgB,SAMdA,EACAC,EACAC,EACAC,EAMAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAcC,EAAAA,UAEbC,EAAiBC,GAAsBC,EAAQA,SAAIN,IACnDO,EAAiBC,GAAsBF,EAAQA,WAsBhDG,EAAgBC,EAAAA,aApBLC,IACf,MAAMC,EAAWb,EAAYY,EAAME,QAC9Bf,EAAYc,EAAUL,KACzBC,EAAmBI,GAAY,IAAKA,EAAUE,WAAW,IACzDZ,EAAYa,QAAUC,EAAAA,cAClB3B,IACFe,GAAkBC,EAAmB,IAAKD,EAAiBU,WAAW,IACtElB,IAAcJ,EAAkBoB,KAEnC,QAWwCK,GARtB,KACnBT,OAAmBS,GACnBf,EAAYa,aAAUE,EAClB5B,GACFO,IAAcJ,IACf,GAGiEJ,IAE9D8B,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EACd,IAAK7B,EACH,MAAO,CACLA,eAAe,EACfe,kBACAG,kBAEAc,YAAaZ,GAIjB,MAAMa,EAAyBV,IAC7Bf,IAAcL,EAAkBoB,IAChCV,EAAYa,QAAUC,EAAAA,cACtBX,EAAmBO,EAAS,EAGxBW,EAAuBC,IACtB1B,EAAY0B,EAAMpB,KACrBoB,EAAKV,WAAY,EACjBU,EAAKC,gBAAiB,EAClBlB,GACFC,EAAmB,IAAKD,EAAiBO,WAAW,IAEtDQ,EAAsBE,GACvB,EAGGE,EAAkB,KACtB,MAAMC,EAASnC,EAAkBY,GAC7BuB,GAAUA,EAAOC,MAAQtC,EAAiBc,KAC5CT,IAAegC,GACfzB,EAAYa,QAAUC,EAAAA,cACvB,EAmDGa,EAAUtC,EACdmC,EACAJ,EACAlB,EACAH,GAqBF,MAAO,CACLZ,eAAe,EACfe,kBACAG,kBACAuB,SAAU5B,EAAYa,QACtBW,kBACAJ,wBACAS,uBAzB8BC,IACd,aAAZA,GACFV,EAAsB,IACjBlB,EACHU,WAAW,EACXW,gBAAgB,GAEnB,EAmBDJ,YAAaY,EAAUA,WAACxB,EAAe,CACrCyB,YAlFiBvB,IACnB,MAAMC,EAAWb,EAAYY,EAAME,QACnC,GAAgB,MAAZD,GAAoBtB,EAAiBsB,GAAW,CAClDP,EAAmBO,GACnB,MAAMe,EAASnC,EAAkBoB,GAC7Be,GAAUrC,EAAiBsB,KAC7BjB,IAAegC,GACfzB,EAAYa,QAAUC,EAAAA,cAEzB,GA0ECa,UACAM,UAxEexB,IAEjB,OADYA,EAAMyB,KAEhB,IAAK,MACH,OACF,IAAK,YAAa,CAChB,MAAMC,EAAe3C,EAAgBU,GACrCmB,EAAoBc,GACpBC,EAAWA,YAAC3B,GACZ,KACD,CACD,IAAK,UAAW,CACd,MAAM0B,EAAe5C,EAAgBW,GACrCmB,EAAoBc,GACpBC,EAAWA,YAAC3B,GACZ,KACD,CACD,IAAK,aAAc,CACjB,MAAM0B,EAAejB,EACjB3B,EAAgBW,GAChBV,EAAgBU,GACpBmB,EAAoBc,GACpBC,EAAWA,YAAC3B,GACZ,KACD,CACD,IAAK,YAAa,CAChB,MAAM0B,EAAejB,EACjB1B,EAAgBU,GAChBX,EAAgBW,GACpBmB,EAAoBc,GACpBC,EAAWA,YAAC3B,GACZ,KACD,EACF,EAwCC4B,OApBW,KACb,MAAM3B,EAAW,IAAKR,EAAiBU,WAAW,EAAOW,gBAAgB,IAClD,MAAnBlB,GAA2BH,EAAgBU,YAC7CjB,IAAcL,OAAkByB,IAElCZ,EAAmBO,EAAS,IAkBhC"}

package/amd/utils/PRIVATE_visTestUtils.js

@@ -1,2 +1,2 @@
-define(['exports', '../tabbableUtils-78cc49fd', '../domUtil-b56997de', 'preact/jsx-runtime', '@testing-library/preact', '../matchTranslationBundle-e243f90d', '../LayerHost-0a244de8', '../Common/themes/redwood/theme', '../Common/themes/themeContract.css', 'preact', 'preact/compat', '../EnvironmentProvider-9e71b5c2', 'preact/hooks', '../LayerManager-00983765', '../TabbableModeContext-a9c97640', 'chai'], (function(e,t,o,a,r,c,n,l,d,i,s,m,b,p,u,y){"use strict";e.default=t.setupTabbableComponent,e.checkTooltipText=o.checkTooltipText,e.queryAllBy=o.queryAllBy,e.queryById=o.queryById,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../tabbableUtils-5b5b70da', '../domUtil-b56997de', 'preact/jsx-runtime', '@testing-library/preact', '../matchTranslationBundle-e243f90d', '../LayerHost-eab40731', 'preact', '../Common/themes/redwood/theme', '../Common/themes/themeContract.css', 'preact/compat', '../EnvironmentProvider-46d0a245', 'preact/hooks', '../LayerManager-d0836029', '../TabbableModeContext-a9c97640', 'chai'], (function(e,t,a,o,r,n,c,d,l,b,i,s,m,p,u,y){"use strict";e.default=t.setupTabbableComponent,e.checkTooltipText=a.checkTooltipText,e.queryAllBy=a.queryAllBy,e.queryById=a.queryById,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_visTestUtils.js.map

package/amd/withDirectionIcon-c0ee0f7e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useUser-6dd85af9'], (function(e,t,r){"use strict";e.withDirectionIcon=(e,s)=>i=>{const{direction:n}=r.useUser();return"ltr"===n?t.jsx(e,{...i}):t.jsx(s,{...i})}}));
+//# sourceMappingURL=withDirectionIcon-c0ee0f7e.js.map

package/amd/withDirectionIcon-c0ee0f7e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDirectionIcon-c0ee0f7e.js","sources":["../../src/hoc/PRIVATE_withDirectionIcon/withDirectionIcon.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 */\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon/Icon';\nimport { useUser } from '../../hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n  return (props: Props) => {\n    const { direction } = useUser();\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n"],"names":["LtrIcon","RtlIcon","props","direction","useUser","_jsx","jsx"],"mappings":"+GAciC,CAACA,EAAsBC,IAC9CC,IACN,MAAMC,UAAEA,GAAcC,EAAAA,UACtB,MAAqB,QAAdD,EAAsBE,MAACL,EAAO,IAAKE,IAAYG,EAAAC,IAACL,EAAY,IAAAC,GAAS"}

package/cjs/ActionCard-aade4e40.js

@@ -13,7 +13,7 @@ var colors = require('./colors-ac3041c6.js');
 var aria = require('./aria-889aedd0.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var UNSAFE_ActionCard_themes_ActionCardStyles_css = require('./UNSAFE_ActionCard/themes/ActionCardStyles.css.js');
-var useTestId = require('./useTestId-71c3de70.js');
+var useTestId = require('./useTestId-8234ec1e.js');
 
 const interpolations = [
     ...Object.values(dimensions.dimensionInterpolations),

package/cjs/BarChart-acda079d.js

@@ -2,12 +2,12 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var useUser = require('./useUser-c8e9a94a.js');
+var useUser = require('./useUser-a6d15333.js');
 var preact = require('preact');
 var PRIVATE_Chart_themes_ChartStyles_css = require('./PRIVATE_Chart/themes/ChartStyles.css.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var layoutUtils = require('./layoutUtils-25201abd.js');
-var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
 var dataStyleUtils = require('./dataStyleUtils-e72725fe.js');
 var accUtils = require('./accUtils-50f26093.js');
 var colorUtils = require('./colorUtils-fe6f2fbf.js');

package/cjs/BaseButton-ff6f39f2.js

@@ -8,7 +8,7 @@ var useHover = require('./useHover-910b8e32.js');
 var useActive = require('./useActive-b15c9e7e.js');
 require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
-var useColorScheme = require('./useColorScheme-b0ea4a49.js');
+var useColorScheme = require('./useColorScheme-d2c4adcc.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var dimensions = require('./dimensions-b48bf1ab.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
@@ -16,7 +16,7 @@ var clientHints$1 = require('./clientHints-9e411b6e.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var UNSAFE_BaseButton_themes_redwood_BaseButtonTheme = require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var useTestId = require('./useTestId-71c3de70.js');
+var useTestId = require('./useTestId-8234ec1e.js');
 
 const interpolations = [...Object.values(dimensions.dimensionInterpolations)];
 const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);

package/cjs/BaseCardView-badf6df3.js

@@ -8,11 +8,11 @@ var hooks = require('preact/hooks');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var keys = require('./keys-a4b54295.js');
 var collectionUtils = require('./collectionUtils-1535080e.js');
-var useCurrentKey = require('./useCurrentKey-9c158ccc.js');
+var useCurrentKey = require('./useCurrentKey-3b4c8a44.js');
 var useCollectionFocusRing = require('./useCollectionFocusRing-ca37785b.js');
 var useTabbableModeSet = require('./useTabbableModeSet-bfbdbba0.js');
-var useSelection = require('./useSelection-05fa772e.js');
-require('./LayerHost-a6007465.js');
+var useSelection = require('./useSelection-b53f8255.js');
+require('./LayerHost-46e4d858.js');
 
 var useReorderableItem = require('./useReorderableItem-02ed8243.js');
 
@@ -29,9 +29,9 @@ var useAnimation = require('./useAnimation-2f7dd313.js');
 var useResizeObserver = require('./useResizeObserver-819b1236.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 var FocusTrap = require('./FocusTrap-0a03f5a2.js');
-var useUser = require('./useUser-c8e9a94a.js');
-var Grid = require('./Grid-fe4fef40.js');
-var Flex = require('./Flex-6529d995.js');
+var useUser = require('./useUser-a6d15333.js');
+var Grid = require('./Grid-03d487e5.js');
+var Flex = require('./Flex-fbba4ad6.js');
 var PRIVATE_BaseCardView_themes_BaseCardViewContract_css = require('./PRIVATE_BaseCardView/themes/BaseCardViewContract.css.js');
 var Skeleton = require('./Skeleton-f0f86df2.js');