@oracle/oraclejet-preact 19.0.2 → 19.0.4

package/amd/{useHiddenTestMethod-90b5bff5.js → useHiddenTestMethod-2f1d2e7e.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './LayerHost-daf96749', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useHiddenTestMethod=function({elementRef:e,method:o,name:r}){const c=t.useContext(n.EnvironmentContext);t.useEffect((()=>{e.current&&"production"!==c.mode&&(e.current[r]=o)}),[c.mode,e,o,r])}}));
-//# sourceMappingURL=useHiddenTestMethod-90b5bff5.js.map
+define(['exports', 'preact/hooks', './LayerHost-7d4aa6d3', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useHiddenTestMethod=function({elementRef:e,method:o,name:r}){const c=t.useContext(n.EnvironmentContext);t.useEffect((()=>{e.current&&"production"!==c.mode&&(e.current[r]=o)}),[c.mode,e,o,r])}}));
+//# sourceMappingURL=useHiddenTestMethod-2f1d2e7e.js.map

package/amd/{useHiddenTestMethod-90b5bff5.js.map → useHiddenTestMethod-2f1d2e7e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useHiddenTestMethod-90b5bff5.js","sources":["../../src/hooks/UNSAFE_useHiddenTestMethod/useHiddenTestMethod.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport { useContext } from 'preact/hooks';\n\ntype UseHiddenTestMethodProps = {\n  elementRef: RefObject<HTMLElement>;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  method: (...args: any[]) => void;\n  name: string;\n};\n\n/**\n * This hook is used to add a hidden method to a component's root DOM element\n * that can be called by test adapters. The hidden method is only added when\n * we are not running in production mode, i.e. it's only used for testing.\n *\n * @param elementRef The ref to a component's root DOM element\n * @param method The hidden method to expose in the DOM\n * @param name The name of the hidden method in the DOM\n */\nexport function useHiddenTestMethod({ elementRef, method, name }: UseHiddenTestMethodProps) {\n  const context = useContext(EnvironmentContext);\n\n  // Add the hidden method to the DOM element only when mode !== production.\n  useEffect(() => {\n    if (elementRef.current && context.mode !== 'production') {\n      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n      (elementRef.current as any)[name] = method;\n    }\n  }, [context.mode, elementRef, method, name]);\n}\n"],"names":["elementRef","method","name","context","useContext","EnvironmentContext","useEffect","current","mode"],"mappings":"sJAqBM,UAA8BA,WAAEA,EAAUC,OAAEA,EAAMC,KAAEA,IACxD,MAAMC,EAAUC,aAAWC,EAAAA,oBAG3BC,EAAAA,WAAU,KACJN,EAAWO,SAA4B,eAAjBJ,EAAQK,OAE/BR,EAAWO,QAAgBL,GAAQD,EACrC,GACA,CAACE,EAAQK,KAAMR,EAAYC,EAAQC,GACxC"}
+{"version":3,"file":"useHiddenTestMethod-2f1d2e7e.js","sources":["../../src/hooks/UNSAFE_useHiddenTestMethod/useHiddenTestMethod.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport { useContext } from 'preact/hooks';\n\ntype UseHiddenTestMethodProps = {\n  elementRef: RefObject<HTMLElement>;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  method: (...args: any[]) => void;\n  name: string;\n};\n\n/**\n * This hook is used to add a hidden method to a component's root DOM element\n * that can be called by test adapters. The hidden method is only added when\n * we are not running in production mode, i.e. it's only used for testing.\n *\n * @param elementRef The ref to a component's root DOM element\n * @param method The hidden method to expose in the DOM\n * @param name The name of the hidden method in the DOM\n */\nexport function useHiddenTestMethod({ elementRef, method, name }: UseHiddenTestMethodProps) {\n  const context = useContext(EnvironmentContext);\n\n  // Add the hidden method to the DOM element only when mode !== production.\n  useEffect(() => {\n    if (elementRef.current && context.mode !== 'production') {\n      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n      (elementRef.current as any)[name] = method;\n    }\n  }, [context.mode, elementRef, method, name]);\n}\n"],"names":["elementRef","method","name","context","useContext","EnvironmentContext","useEffect","current","mode"],"mappings":"sJAqBM,UAA8BA,WAAEA,EAAUC,OAAEA,EAAMC,KAAEA,IACxD,MAAMC,EAAUC,aAAWC,EAAAA,oBAG3BC,EAAAA,WAAU,KACJN,EAAWO,SAA4B,eAAjBJ,EAAQK,OAE/BR,EAAWO,QAAgBL,GAAQD,EACrC,GACA,CAACE,EAAQK,KAAMR,EAAYC,EAAQC,GACxC"}

package/amd/useKeyboardEvents-a684ba76.js

@@ -0,0 +1,2 @@
+define(['exports', './useUser-988f7da2', './meterUtils-ec7ab29c'], (function(e,a,t){"use strict";const r=(e,a,t)=>{t?.({value:e}),a.current=e},s=e=>{e.preventDefault(),e.stopPropagation()};e.handleInput=r,e.useKeyboardEvents=function(e,n,o,c,u,i,b){const{direction:h}=a.useUser(),k="rtl"===h,p=t.adjustForStep(e+c,c,n,o),d=t.adjustForStep(e-c,c,n,o);return{onKeyUp:a=>{switch(a.key){case"Enter":i?.({value:e}),s(a);break;case"Tab":r(e,u,b),s(a);break;case"Home":r(n,u,b),s(a);break;case"End":r(o,u,b),s(a)}},onKeyDown:e=>{switch(e.key){case"Tab":return;case"ArrowDown":r(Math.max(n,d),u,b),s(e);break;case"ArrowUp":r(Math.min(o,p),u,b),s(e);break;case"ArrowLeft":{const a=k?Math.min(o,p):Math.max(n,d);r(a,u,b),s(e);break}case"ArrowRight":{const a=k?Math.max(n,d):Math.min(o,p);r(a,u,b),s(e);break}}}}}}));
+//# sourceMappingURL=useKeyboardEvents-a684ba76.js.map

package/amd/{useKeyboardEvents-e4599671.js.map → useKeyboardEvents-a684ba76.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardEvents-e4599671.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/events.ts","../../src/hooks/PRIVATE_useVisMeterEvents/useKeyboardEvents.ts"],"sourcesContent":["import type { MutableRef } from 'preact/hooks';\nimport { InputDetail } from '#utils/UNSAFE_meterUtils';\n\nexport const handleInput = (\n  inputValue: number | undefined,\n  currentInput: MutableRef<number | undefined>,\n  onInput?: (detail: InputDetail) => void\n) => {\n  onInput?.({ value: inputValue } as InputDetail);\n  currentInput.current = inputValue;\n};\n\nexport const cancelEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\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 { MutableRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { handleInput, cancelEvent } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\nimport { adjustForStep } from '#utils/PRIVATE_meterUtils/meterUtils';\n\nexport function useKeyboardEvents(\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n  currentInputRef: MutableRef<number | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const { direction } = useUser();\n\n  const isRtl = direction === 'rtl';\n\n  const stepIncrementedVal = adjustForStep(value + step, step, min, max);\n  const stepDecrementedVal = adjustForStep(value - step, step, min, max);\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(min, stepDecrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, stepIncrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl\n          ? Math.min(max, stepIncrementedVal)\n          : Math.max(min, stepDecrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl\n          ? Math.max(min, stepDecrementedVal)\n          : Math.min(max, stepIncrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        cancelEvent(event);\n        break;\n      case 'Tab':\n        handleInput(value, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'Home':\n        handleInput(min, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'End':\n        handleInput(max, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n    }\n  };\n\n  return {\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler\n  };\n}\n"],"names":["handleInput","inputValue","currentInput","onInput","value","current","cancelEvent","event","preventDefault","stopPropagation","min","max","step","currentInputRef","onCommit","direction","useUser","isRtl","stepIncrementedVal","adjustForStep","stepDecrementedVal","onKeyUp","key","onKeyDown","Math"],"mappings":"8FAGa,MAAAA,EAAc,CACzBC,EACAC,EACAC,KAEAA,IAAU,CAAEC,MAAOH,IACnBC,EAAaG,QAAUJ,CAAU,EAGtBK,EAAeC,IAC1BA,EAAMC,iBACND,EAAME,iBAAiB,sCCAT,SACdL,EACAM,EACAC,EACAC,EACAC,EACAC,EACAX,GAEA,MAAMY,UAAEA,GAAcC,EAAAA,UAEhBC,EAAsB,QAAdF,EAERG,EAAqBC,EAAAA,cAAcf,EAAQQ,EAAMA,EAAMF,EAAKC,GAC5DS,EAAqBD,EAAAA,cAAcf,EAAQQ,EAAMA,EAAMF,EAAKC,GA0DlE,MAAO,CACLU,QAxBoBd,IAGpB,OAFYA,EAAMe,KAGhB,IAAK,QACHR,IAAW,CAAEV,MAAOA,IACpBE,EAAYC,GACZ,MACF,IAAK,MACHP,EAAYI,EAAOS,EAAiBV,GACpCG,EAAYC,GACZ,MACF,IAAK,OACHP,EAAYU,EAAKG,EAAiBV,GAClCG,EAAYC,GACZ,MACF,IAAK,MACHP,EAAYW,EAAKE,EAAiBV,GAClCG,EAAYC,GAEf,EAKDgB,UA1DsBhB,IAGtB,OAFYA,EAAMe,KAGhB,IAAK,MACH,OACF,IAAK,YACHtB,EAAYwB,KAAKb,IAAID,EAAKU,GAAqBP,EAAiBV,GAChEG,EAAYC,GACZ,MACF,IAAK,UACHP,EAAYwB,KAAKd,IAAIC,EAAKO,GAAqBL,EAAiBV,GAChEG,EAAYC,GACZ,MACF,IAAK,YAAa,CAChB,MAAMN,EAAagB,EACfO,KAAKd,IAAIC,EAAKO,GACdM,KAAKb,IAAID,EAAKU,GAClBpB,EAAYC,EAAYY,EAAiBV,GACzCG,EAAYC,GACZ,KACD,CACD,IAAK,aAAc,CACjB,MAAMN,EAAagB,EACfO,KAAKb,IAAID,EAAKU,GACdI,KAAKd,IAAIC,EAAKO,GAClBlB,EAAYC,EAAYY,EAAiBV,GACzCG,EAAYC,GACZ,KACD,EACF,EA8BL"}
+{"version":3,"file":"useKeyboardEvents-a684ba76.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/events.ts","../../src/hooks/PRIVATE_useVisMeterEvents/useKeyboardEvents.ts"],"sourcesContent":["import type { MutableRef } from 'preact/hooks';\nimport { InputDetail } from '#utils/UNSAFE_meterUtils';\n\nexport const handleInput = (\n  inputValue: number | undefined,\n  currentInput: MutableRef<number | undefined>,\n  onInput?: (detail: InputDetail) => void\n) => {\n  onInput?.({ value: inputValue } as InputDetail);\n  currentInput.current = inputValue;\n};\n\nexport const cancelEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\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 { MutableRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { handleInput, cancelEvent } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\nimport { adjustForStep } from '#utils/PRIVATE_meterUtils/meterUtils';\n\nexport function useKeyboardEvents(\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n  currentInputRef: MutableRef<number | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const { direction } = useUser();\n\n  const isRtl = direction === 'rtl';\n\n  const stepIncrementedVal = adjustForStep(value + step, step, min, max);\n  const stepDecrementedVal = adjustForStep(value - step, step, min, max);\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(min, stepDecrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, stepIncrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl\n          ? Math.min(max, stepIncrementedVal)\n          : Math.max(min, stepDecrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl\n          ? Math.max(min, stepDecrementedVal)\n          : Math.min(max, stepIncrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        cancelEvent(event);\n        break;\n      case 'Tab':\n        handleInput(value, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'Home':\n        handleInput(min, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'End':\n        handleInput(max, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n    }\n  };\n\n  return {\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler\n  };\n}\n"],"names":["handleInput","inputValue","currentInput","onInput","value","current","cancelEvent","event","preventDefault","stopPropagation","min","max","step","currentInputRef","onCommit","direction","useUser","isRtl","stepIncrementedVal","adjustForStep","stepDecrementedVal","onKeyUp","key","onKeyDown","Math"],"mappings":"8FAGa,MAAAA,EAAc,CACzBC,EACAC,EACAC,KAEAA,IAAU,CAAEC,MAAOH,IACnBC,EAAaG,QAAUJ,CAAU,EAGtBK,EAAeC,IAC1BA,EAAMC,iBACND,EAAME,iBAAiB,sCCAT,SACdL,EACAM,EACAC,EACAC,EACAC,EACAC,EACAX,GAEA,MAAMY,UAAEA,GAAcC,EAAAA,UAEhBC,EAAsB,QAAdF,EAERG,EAAqBC,EAAAA,cAAcf,EAAQQ,EAAMA,EAAMF,EAAKC,GAC5DS,EAAqBD,EAAAA,cAAcf,EAAQQ,EAAMA,EAAMF,EAAKC,GA0DlE,MAAO,CACLU,QAxBoBd,IAGpB,OAFYA,EAAMe,KAGhB,IAAK,QACHR,IAAW,CAAEV,MAAOA,IACpBE,EAAYC,GACZ,MACF,IAAK,MACHP,EAAYI,EAAOS,EAAiBV,GACpCG,EAAYC,GACZ,MACF,IAAK,OACHP,EAAYU,EAAKG,EAAiBV,GAClCG,EAAYC,GACZ,MACF,IAAK,MACHP,EAAYW,EAAKE,EAAiBV,GAClCG,EAAYC,GAEf,EAKDgB,UA1DsBhB,IAGtB,OAFYA,EAAMe,KAGhB,IAAK,MACH,OACF,IAAK,YACHtB,EAAYwB,KAAKb,IAAID,EAAKU,GAAqBP,EAAiBV,GAChEG,EAAYC,GACZ,MACF,IAAK,UACHP,EAAYwB,KAAKd,IAAIC,EAAKO,GAAqBL,EAAiBV,GAChEG,EAAYC,GACZ,MACF,IAAK,YAAa,CAChB,MAAMN,EAAagB,EACfO,KAAKd,IAAIC,EAAKO,GACdM,KAAKb,IAAID,EAAKU,GAClBpB,EAAYC,EAAYY,EAAiBV,GACzCG,EAAYC,GACZ,KACD,CACD,IAAK,aAAc,CACjB,MAAMN,EAAagB,EACfO,KAAKb,IAAID,EAAKU,GACdI,KAAKd,IAAIC,EAAKO,GAClBlB,EAAYC,EAAYY,EAAiBV,GACzCG,EAAYC,GACZ,KACD,EACF,EA8BL"}

package/amd/useLegendContextMenu-acabb503.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', 'preact/compat', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useLegendDnd-daee983e', './SvgSymbol-b672024f', './Text-9e32c423', 'preact/hooks', './useUser-12ec03f1', './datatipUtils-6846028e', './useDatatip-be0adcf0', './useContextMenu-4bd1c23a', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact', './logger-0f873e29', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(e,t,n,o,i,s,r,l,a,d,c,u,m,h,x,g,y,p,S,C,f,I,b,M,v,F,T,k,A,R){"use strict";function w(e){const{imageMarkerStyle:n}=i.styles;return t.jsx("img",{class:n,src:e.source,role:"none"})}const L=({markerColor:e="#a6acb1",lineColor:n="#a6acb1",markerShape:o="square",isHidden:s=!1,lineStyle:l="none",...a})=>{const{legendSymbolBaseStyle:d}=i.styles,c=!(null==a.width&&null==a.height)&&("rectangle"===o||"ellipse"===o),u="none"!=l&&"none"!=o?2:3;return t.jsx("div",{className:d,style:{width:a.width,height:a.height},children:a.source?t.jsx(w,{source:a.source}):t.jsx(r.SvgSymbol,{setAspectRatioNone:c,markerShape:s?"square":o,lineStyle:s?"none":l,lineColor:n,lineLength:a.lineLength,lineWidth:null!=a.lineWidth?a.lineWidth:u,markerColor:s?"transparent":e,borderColor:s?e||n:a.borderColor,setAbsolutePos:!0})})},W=({text:e,type:o="label",id:s,align:r="start",...a})=>{const{legendTextBaseStyle:d,legendTextTitle:c,legendTitleStartAlign:u,legendTitleCenterAlign:m,legendTitleEndAlign:h}=i.styles,x="title"===o;return t.jsx("div",{class:n.classNames([d,x?c:"",x&&"start"===r?u:"",x&&"center"===r?m:"",x&&"end"===r?h:""]),style:{...a},children:t.jsx(l.Text,{size:"inherit",variant:"inherit",weight:"inherit",truncation:"ellipsis",id:s,children:e})})},D=o.forwardRef((({id:e,text:o,sectionIdx:r,itemIdx:l,itemId:a,isHighlighted:d,symbolHeight:c,symbolWidth:u,isFocused:m,isCurrent:h,isHidden:x,actionable:g="inherit",hoverBehavior:y="none",hideAndShowBehavior:p="off",...S},C)=>{const f={fontFamily:S.textFontFamily,fontSize:S.textFontSize,color:S.textColor,fontStyle:S.textFontStyle,fontWeight:S.textFontWeight,textDecoration:S.textTextDecoration},I={lineStyle:S.lineStyle,lineWidth:S.lineWidth,markerShape:S.markerShape,markerColor:S.markerColor,source:S.source,borderColor:S.borderColor,lineColor:S.lineColor},b=d||null==d,{legendItemBaseStyle:M,legendItemOpacity:v,legendItemFocusRing:F}=i.styles;return t.jsxs("div",{class:n.classNames([M,s.getLegendCurrentItemStyle(h,d,p,y,x,g),b?"":v,m?F:"",S.class]),style:{gridRow:S.gridRow,gridColumn:S.gridCol,minWidth:void 0!==S.minWidth?`${S.minWidth}px`:void 0},id:e,ref:C,"data-oj-private-section":r,"data-oj-private-item":l,"data-oj-private-item-id":a,role:null!=x?"menuitemcheckbox":"img","aria-checked":null!=x?!x:void 0,"aria-label":S["aria-label"]||o,children:[t.jsx(L,{...I,isHidden:x,lineLength:u,width:null!=u?`${u}px`:void 0,height:null!=c?`${c}px`:void 0}),t.jsx(W,{...f,text:o,type:"label"})]})})),P=(e,t,n,o)=>{let i=0,s=c.DATATIP_OFFSET;if(e.current&&n.isCurrent&&t.current){const n=t.current,r=e.current.getBoundingClientRect();i=r.x+r.width/2-(n.x+n.width/2),i=o?-1*i:i,s+=n.y-r.y,s=Math.min(c.DATATIP_OFFSET,Math.max(s,r.height-n.height+c.DATATIP_OFFSET))}return{crossAxis:i,mainAxis:s}};e.BaseLegend=({orientation:e="horizontal",highlightedIds:o,hiddenIds:r,focusedItemInfo:l,hoveredItemInfo:a,sectionIdx:d,activeId:c,isReadOnly:u,items:m,symbolHeight:h,symbolWidth:x,hideAndShowBehavior:g="off",hoverBehavior:y="none",isTestEnv:p,...S})=>{const C="horizontal"===e,f=C?`repeat(${S.itemsPerRow}, ${S.itemWidth})`:void 0,{baseLegendStyles:I,baseLegendHorizontal:b,baseLegendVertical:M,baseLegendVerticalItem:v,baseLegendPaddingBottom:F,baseLegendPaddingTop:T,baseLegendPaddingEnd:k}=i.styles;return t.jsx("div",{className:n.classNames([I,C?b:M]),style:{gridTemplateColumns:f,maxWidth:"100%"},children:m.map(((e,i)=>{const{markerColor:f,markerShape:I,source:b,borderColor:M,lineColor:A,isCurrent:R,isFocused:w,isHidden:L,isHighlighted:W,key:P,actionable:j,text:B,lineStyle:H,lineWidth:E}=s.getItemProps(e,i,d,l,u,a,r,o),N=l.sectionIdx===d&&l.itemIdx===i,{gridRow:U,gridCol:_}=s.getGridCellIndices(m.length,i,S.itemsPerRow,S.itemsPerCol),O=null!=U&&U!=S.itemsPerCol,z=null!=U&&1!=U;return t.jsx(D,{ref:N?S.focusedItemRef:void 0,text:B,itemIdx:i,sectionIdx:d,itemId:p?e.id:void 0,symbolHeight:h,symbolWidth:x,markerColor:f,markerShape:I,lineStyle:H,lineWidth:E,source:b,borderColor:M,"aria-label":e["aria-label"],lineColor:A,isCurrent:R,isFocused:w,isHidden:L,isHighlighted:W,gridRow:U,gridCol:_,minWidth:S.itemWidth,id:R?c:"",textColor:S.textColor,textFontFamily:S.textFontFamily,textFontSize:S.textFontSize,textFontStyle:S.textFontStyle,textFontWeight:S.textFontWeight,textTextDecoration:S.textTextDecoration,class:n.classNames([C?"":v,z?T:"",O?F:"",k]),hideAndShowBehavior:g,hoverBehavior:y,actionable:j},P)}))})},e.LegendText=W,e.useLegendContextMenu=({rootRef:e,contextMenuConfig:t,focusedItemInfo:n,items:o,isReadOnly:i,onContextMenuDismissed:r})=>{const{contextMenuProps:l,contextMenuContent:a}=m.useContextMenu({onContextMenuHandler:({gesture:t,target:i})=>{if("keyboard"===t){const t=n.itemIdx,i=e.current?.querySelector(`[data-oj-private-item="${t}"]`)||null;return{type:"element",context:{type:"item",data:o[t]},elem:i}}const r=s.getItemInfo(i)?.itemIdx,l=void 0!==r?o[r]:null;return{type:"pointer",context:l?{type:"item",data:l}:{type:"background"}}},contextMenuOptions:{isDisabled:!t||i},rootRef:e,contextMenuConfig:t,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:l}},e.useLegendDatatip=({text:e,rootDimsRef:t,focusedItemRef:n,focusedItemInfo:o,touchResponse:i,isDisabled:s})=>{const{direction:r}=d.useUser(),l="rtl"===r,[c,m]=a.useState(P(n,t,o,l));a.useLayoutEffect((()=>{m(P(n,t,o,l))}),[o,n,l,t]);const h=o?.isCurrent?"element":"pointer";return u.useDatatip({content:e,placement:"top",anchor:h,offset:c,touchResponse:i,isDisabled:s})},e.useSectionalLegendContextMenu=({rootRef:e,contextMenuConfig:t,focusedItemInfo:n,sections:o,isReadOnly:i,onContextMenuDismissed:r})=>{const{contextMenuProps:l,contextMenuContent:a}=m.useContextMenu({onContextMenuHandler:({gesture:t,target:i})=>{if("keyboard"===t){const t=n.itemIdx,i=n.sectionIdx,s=o[i]?.items[t];if(s){return{type:"element",context:{type:"item",itemIndexPath:[i,t],data:s},elem:e.current?.querySelector(`[data-oj-private-item="${t}"][data-oj-private-section="${i}"]`)||null}}}const r=s.getItemInfo(i)?.itemIdx,l=s.getItemInfo(i)?.sectionIdx,a=void 0!==l&&void 0!==r?o[l]?.items[r]:null;return{type:"pointer",context:a?{type:"item",data:a,itemIndexPath:[l,r]}:{type:"background"}}},contextMenuOptions:{isDisabled:!t||i},rootRef:e,contextMenuConfig:t,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:l}}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', 'preact/compat', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useLegendDnd-daee983e', './SvgSymbol-b672024f', './Text-9e32c423', 'preact/hooks', './useUser-988f7da2', './datatipUtils-6846028e', './useDatatip-36aa820b', './useContextMenu-4bd1c23a', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact', './logger-0f873e29', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(e,t,n,o,i,s,r,l,a,d,c,u,m,h,x,g,y,p,S,C,f,I,b,M,v,F,T,k,A,R){"use strict";function w(e){const{imageMarkerStyle:n}=i.styles;return t.jsx("img",{class:n,src:e.source,role:"none"})}const L=({markerColor:e="#a6acb1",lineColor:n="#a6acb1",markerShape:o="square",isHidden:s=!1,lineStyle:l="none",...a})=>{const{legendSymbolBaseStyle:d}=i.styles,c=!(null==a.width&&null==a.height)&&("rectangle"===o||"ellipse"===o),u="none"!=l&&"none"!=o?2:3;return t.jsx("div",{className:d,style:{width:a.width,height:a.height},children:a.source?t.jsx(w,{source:a.source}):t.jsx(r.SvgSymbol,{setAspectRatioNone:c,markerShape:s?"square":o,lineStyle:s?"none":l,lineColor:n,lineLength:a.lineLength,lineWidth:null!=a.lineWidth?a.lineWidth:u,markerColor:s?"transparent":e,borderColor:s?e||n:a.borderColor,setAbsolutePos:!0})})},W=({text:e,type:o="label",id:s,align:r="start",...a})=>{const{legendTextBaseStyle:d,legendTextTitle:c,legendTitleStartAlign:u,legendTitleCenterAlign:m,legendTitleEndAlign:h}=i.styles,x="title"===o;return t.jsx("div",{class:n.classNames([d,x?c:"",x&&"start"===r?u:"",x&&"center"===r?m:"",x&&"end"===r?h:""]),style:{...a},children:t.jsx(l.Text,{size:"inherit",variant:"inherit",weight:"inherit",truncation:"ellipsis",id:s,children:e})})},D=o.forwardRef((({id:e,text:o,sectionIdx:r,itemIdx:l,itemId:a,isHighlighted:d,symbolHeight:c,symbolWidth:u,isFocused:m,isCurrent:h,isHidden:x,actionable:g="inherit",hoverBehavior:y="none",hideAndShowBehavior:p="off",...S},C)=>{const f={fontFamily:S.textFontFamily,fontSize:S.textFontSize,color:S.textColor,fontStyle:S.textFontStyle,fontWeight:S.textFontWeight,textDecoration:S.textTextDecoration},I={lineStyle:S.lineStyle,lineWidth:S.lineWidth,markerShape:S.markerShape,markerColor:S.markerColor,source:S.source,borderColor:S.borderColor,lineColor:S.lineColor},b=d||null==d,{legendItemBaseStyle:M,legendItemOpacity:v,legendItemFocusRing:F}=i.styles;return t.jsxs("div",{class:n.classNames([M,s.getLegendCurrentItemStyle(h,d,p,y,x,g),b?"":v,m?F:"",S.class]),style:{gridRow:S.gridRow,gridColumn:S.gridCol,minWidth:void 0!==S.minWidth?`${S.minWidth}px`:void 0},id:e,ref:C,"data-oj-private-section":r,"data-oj-private-item":l,"data-oj-private-item-id":a,role:null!=x?"menuitemcheckbox":"img","aria-checked":null!=x?!x:void 0,"aria-label":S["aria-label"]||o,children:[t.jsx(L,{...I,isHidden:x,lineLength:u,width:null!=u?`${u}px`:void 0,height:null!=c?`${c}px`:void 0}),t.jsx(W,{...f,text:o,type:"label"})]})})),P=(e,t,n,o)=>{let i=0,s=c.DATATIP_OFFSET;if(e.current&&n.isCurrent&&t.current){const n=t.current,r=e.current.getBoundingClientRect();i=r.x+r.width/2-(n.x+n.width/2),i=o?-1*i:i,s+=n.y-r.y,s=Math.min(c.DATATIP_OFFSET,Math.max(s,r.height-n.height+c.DATATIP_OFFSET))}return{crossAxis:i,mainAxis:s}};e.BaseLegend=({orientation:e="horizontal",highlightedIds:o,hiddenIds:r,focusedItemInfo:l,hoveredItemInfo:a,sectionIdx:d,activeId:c,isReadOnly:u,items:m,symbolHeight:h,symbolWidth:x,hideAndShowBehavior:g="off",hoverBehavior:y="none",isTestEnv:p,...S})=>{const C="horizontal"===e,f=C?`repeat(${S.itemsPerRow}, ${S.itemWidth})`:void 0,{baseLegendStyles:I,baseLegendHorizontal:b,baseLegendVertical:M,baseLegendVerticalItem:v,baseLegendPaddingBottom:F,baseLegendPaddingTop:T,baseLegendPaddingEnd:k}=i.styles;return t.jsx("div",{className:n.classNames([I,C?b:M]),style:{gridTemplateColumns:f,maxWidth:"100%"},children:m.map(((e,i)=>{const{markerColor:f,markerShape:I,source:b,borderColor:M,lineColor:A,isCurrent:R,isFocused:w,isHidden:L,isHighlighted:W,key:P,actionable:j,text:B,lineStyle:H,lineWidth:E}=s.getItemProps(e,i,d,l,u,a,r,o),N=l.sectionIdx===d&&l.itemIdx===i,{gridRow:U,gridCol:_}=s.getGridCellIndices(m.length,i,S.itemsPerRow,S.itemsPerCol),O=null!=U&&U!=S.itemsPerCol,z=null!=U&&1!=U;return t.jsx(D,{ref:N?S.focusedItemRef:void 0,text:B,itemIdx:i,sectionIdx:d,itemId:p?e.id:void 0,symbolHeight:h,symbolWidth:x,markerColor:f,markerShape:I,lineStyle:H,lineWidth:E,source:b,borderColor:M,"aria-label":e["aria-label"],lineColor:A,isCurrent:R,isFocused:w,isHidden:L,isHighlighted:W,gridRow:U,gridCol:_,minWidth:S.itemWidth,id:R?c:"",textColor:S.textColor,textFontFamily:S.textFontFamily,textFontSize:S.textFontSize,textFontStyle:S.textFontStyle,textFontWeight:S.textFontWeight,textTextDecoration:S.textTextDecoration,class:n.classNames([C?"":v,z?T:"",O?F:"",k]),hideAndShowBehavior:g,hoverBehavior:y,actionable:j},P)}))})},e.LegendText=W,e.useLegendContextMenu=({rootRef:e,contextMenuConfig:t,focusedItemInfo:n,items:o,isReadOnly:i,onContextMenuDismissed:r})=>{const{contextMenuProps:l,contextMenuContent:a}=m.useContextMenu({onContextMenuHandler:({gesture:t,target:i})=>{if("keyboard"===t){const t=n.itemIdx,i=e.current?.querySelector(`[data-oj-private-item="${t}"]`)||null;return{type:"element",context:{type:"item",data:o[t]},elem:i}}const r=s.getItemInfo(i)?.itemIdx,l=void 0!==r?o[r]:null;return{type:"pointer",context:l?{type:"item",data:l}:{type:"background"}}},contextMenuOptions:{isDisabled:!t||i},rootRef:e,contextMenuConfig:t,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:l}},e.useLegendDatatip=({text:e,rootDimsRef:t,focusedItemRef:n,focusedItemInfo:o,touchResponse:i,isDisabled:s})=>{const{direction:r}=d.useUser(),l="rtl"===r,[c,m]=a.useState(P(n,t,o,l));a.useLayoutEffect((()=>{m(P(n,t,o,l))}),[o,n,l,t]);const h=o?.isCurrent?"element":"pointer";return u.useDatatip({content:e,placement:"top",anchor:h,offset:c,touchResponse:i,isDisabled:s})},e.useSectionalLegendContextMenu=({rootRef:e,contextMenuConfig:t,focusedItemInfo:n,sections:o,isReadOnly:i,onContextMenuDismissed:r})=>{const{contextMenuProps:l,contextMenuContent:a}=m.useContextMenu({onContextMenuHandler:({gesture:t,target:i})=>{if("keyboard"===t){const t=n.itemIdx,i=n.sectionIdx,s=o[i]?.items[t];if(s){return{type:"element",context:{type:"item",itemIndexPath:[i,t],data:s},elem:e.current?.querySelector(`[data-oj-private-item="${t}"][data-oj-private-section="${i}"]`)||null}}}const r=s.getItemInfo(i)?.itemIdx,l=s.getItemInfo(i)?.sectionIdx,a=void 0!==l&&void 0!==r?o[l]?.items[r]:null;return{type:"pointer",context:a?{type:"item",data:a,itemIndexPath:[l,r]}:{type:"background"}}},contextMenuOptions:{isDisabled:!t||i},rootRef:e,contextMenuConfig:t,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:l}}}));
 //# sourceMappingURL=useLegendContextMenu-acabb503.js.map

package/amd/useMeterDatatip-b7dc96a3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useKeyboardEvents-a684ba76', './useDatatip-36aa820b'], (function(t,e,n,r){"use strict";t.useMeterDatatip=function(t,e,n,o){const i=void 0===n?`${t}`:n,{datatipContent:a,datatipProps:u}=r.useDatatip({content:i,anchor:e.current?"pointer":"element",offset:{mainAxis:8,crossAxis:0},placement:"top",touchResponse:"touchStart"});return u["aria-describedby"]=[o,u["aria-describedby"]].filter(Boolean).join(" ")||void 0,{datatipContent:a,datatipProps:u}},t.usePointerEvents=function(t,r,o,i,a,u,c){const s=e.useRef(!1);return{onPointerUp:t=>{s.current=!1;const e=r(t);void 0!==e&&u?.({value:e}),a.current=!0},onBlur:()=>{s.current=!1,u?.({value:t}),a.current=!1},onPointerMove:t=>{if(s.current){const e=r(t);void 0!==e&&e!=i.current&&n.handleInput(e,i,c)}a.current=!0},onPointerDown:t=>{s.current=!0,o.current?.setPointerCapture(t.pointerId);const e=r(t);void 0!==e&&e!=i.current&&n.handleInput(e,i,c),a.current=!0},onPointerLeave:()=>{a.current=!1},onPointerEnter:()=>{a.current=!0}}}}));
+//# sourceMappingURL=useMeterDatatip-b7dc96a3.js.map

package/amd/{useMeterDatatip-934d034d.js.map → useMeterDatatip-b7dc96a3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useMeterDatatip-934d034d.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/useMeterDatatip.tsx","../../src/hooks/PRIVATE_useVisMeterEvents/usePointerEvents.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 { MutableRef } from 'preact/hooks';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\n\nexport function useMeterDatatip(\n  value: number,\n  isPointerActiveRef: MutableRef<boolean>,\n  datatip?: string | null,\n  ariaDescribedBy?: string\n) {\n  const datatipText = datatip === undefined ? `${value}` : datatip;\n  const { datatipContent, datatipProps } = useDatatip({\n    content: datatipText,\n    anchor: isPointerActiveRef.current ? 'pointer' : 'element',\n    offset: {\n      mainAxis: 8,\n      crossAxis: 0\n    },\n    placement: 'top',\n    touchResponse: 'touchStart'\n  });\n\n  datatipProps['aria-describedby'] =\n    [ariaDescribedBy, datatipProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n\n  return { datatipContent, datatipProps };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { handleInput } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\n\ntype getValueFromEvent = (event: PointerEvent) => number | undefined;\n\nexport function usePointerEvents(\n  value: number | undefined,\n  getValue: getValueFromEvent,\n  targetRef: RefObject<HTMLDivElement>,\n  currentInputRef: MutableRef<number | undefined>,\n  isPointerActiveRef: MutableRef<boolean | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const isPointerDown = useRef<boolean>(false);\n\n  const onPointerUp = (event: PointerEvent) => {\n    isPointerDown.current = false;\n    const val = getValue(event);\n    if (val !== undefined) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (isPointerDown.current) {\n      const val = getValue(event);\n      if (val !== undefined && val != currentInputRef.current) {\n        handleInput(val, currentInputRef, onInput);\n      }\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    isPointerDown.current = true;\n    targetRef.current?.setPointerCapture(event.pointerId);\n    const val = getValue(event);\n    if (val !== undefined && val != currentInputRef.current) {\n      handleInput(val, currentInputRef, onInput);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onBlur = () => {\n    isPointerDown.current = false;\n    onCommit?.({ value: value } as CommitDetail);\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerLeave = () => {\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerEnter = () => {\n    isPointerActiveRef.current = true;\n  };\n\n  return {\n    onPointerUp,\n    onBlur,\n    onPointerMove,\n    onPointerDown,\n    onPointerLeave,\n    onPointerEnter\n  };\n}\n"],"names":["value","isPointerActiveRef","datatip","ariaDescribedBy","datatipText","undefined","datatipContent","datatipProps","useDatatip","content","anchor","current","offset","mainAxis","crossAxis","placement","touchResponse","filter","Boolean","join","getValue","targetRef","currentInputRef","onCommit","onInput","isPointerDown","useRef","onPointerUp","event","val","onBlur","onPointerMove","handleInput","onPointerDown","setPointerCapture","pointerId","onPointerLeave","onPointerEnter"],"mappings":"2IAUM,SACJA,EACAC,EACAC,EACAC,GAEA,MAAMC,OAA0BC,IAAZH,EAAwB,GAAGF,IAAUE,GACnDI,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,QAASL,EACTM,OAAQT,EAAmBU,QAAU,UAAY,UACjDC,OAAQ,CACNC,SAAU,EACVC,UAAW,GAEbC,UAAW,MACXC,cAAe,eAMjB,OAHAT,EAAa,oBACX,CAACJ,EAAiBI,EAAa,qBAAqBU,OAAOC,SAASC,KAAK,WAAQd,EAE5E,CAAEC,iBAAgBC,eAC3B,qBClBgB,SACdP,EACAoB,EACAC,EACAC,EACArB,EACAsB,EACAC,GAEA,MAAMC,EAAgBC,UAAgB,GA6CtC,MAAO,CACLC,YA5CmBC,IACnBH,EAAcd,SAAU,EACxB,MAAMkB,EAAMT,EAASQ,QACTvB,IAARwB,GACFN,IAAW,CAAEvB,MAAO6B,IAEtB5B,EAAmBU,SAAU,CAAI,EAuCjCmB,OAhBa,KACbL,EAAcd,SAAU,EACxBY,IAAW,CAAEvB,MAAOA,IACpBC,EAAmBU,SAAU,CAAK,EAclCoB,cArCqBH,IACrB,GAAIH,EAAcd,QAAS,CACzB,MAAMkB,EAAMT,EAASQ,QACTvB,IAARwB,GAAqBA,GAAOP,EAAgBX,SAC9CqB,EAAAA,YAAYH,EAAKP,EAAiBE,EAErC,CACDvB,EAAmBU,SAAU,CAAI,EA+BjCsB,cA5BqBL,IACrBH,EAAcd,SAAU,EACxBU,EAAUV,SAASuB,kBAAkBN,EAAMO,WAC3C,MAAMN,EAAMT,EAASQ,QACTvB,IAARwB,GAAqBA,GAAOP,EAAgBX,SAC9CqB,EAAAA,YAAYH,EAAKP,EAAiBE,GAEpCvB,EAAmBU,SAAU,CAAI,EAsBjCyB,eAbqB,KACrBnC,EAAmBU,SAAU,CAAK,EAalC0B,eAVqB,KACrBpC,EAAmBU,SAAU,CAAI,EAWrC"}
+{"version":3,"file":"useMeterDatatip-b7dc96a3.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/useMeterDatatip.tsx","../../src/hooks/PRIVATE_useVisMeterEvents/usePointerEvents.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 { MutableRef } from 'preact/hooks';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\n\nexport function useMeterDatatip(\n  value: number,\n  isPointerActiveRef: MutableRef<boolean>,\n  datatip?: string | null,\n  ariaDescribedBy?: string\n) {\n  const datatipText = datatip === undefined ? `${value}` : datatip;\n  const { datatipContent, datatipProps } = useDatatip({\n    content: datatipText,\n    anchor: isPointerActiveRef.current ? 'pointer' : 'element',\n    offset: {\n      mainAxis: 8,\n      crossAxis: 0\n    },\n    placement: 'top',\n    touchResponse: 'touchStart'\n  });\n\n  datatipProps['aria-describedby'] =\n    [ariaDescribedBy, datatipProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n\n  return { datatipContent, datatipProps };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { handleInput } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\n\ntype getValueFromEvent = (event: PointerEvent) => number | undefined;\n\nexport function usePointerEvents(\n  value: number | undefined,\n  getValue: getValueFromEvent,\n  targetRef: RefObject<HTMLDivElement>,\n  currentInputRef: MutableRef<number | undefined>,\n  isPointerActiveRef: MutableRef<boolean | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const isPointerDown = useRef<boolean>(false);\n\n  const onPointerUp = (event: PointerEvent) => {\n    isPointerDown.current = false;\n    const val = getValue(event);\n    if (val !== undefined) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (isPointerDown.current) {\n      const val = getValue(event);\n      if (val !== undefined && val != currentInputRef.current) {\n        handleInput(val, currentInputRef, onInput);\n      }\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    isPointerDown.current = true;\n    targetRef.current?.setPointerCapture(event.pointerId);\n    const val = getValue(event);\n    if (val !== undefined && val != currentInputRef.current) {\n      handleInput(val, currentInputRef, onInput);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onBlur = () => {\n    isPointerDown.current = false;\n    onCommit?.({ value: value } as CommitDetail);\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerLeave = () => {\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerEnter = () => {\n    isPointerActiveRef.current = true;\n  };\n\n  return {\n    onPointerUp,\n    onBlur,\n    onPointerMove,\n    onPointerDown,\n    onPointerLeave,\n    onPointerEnter\n  };\n}\n"],"names":["value","isPointerActiveRef","datatip","ariaDescribedBy","datatipText","undefined","datatipContent","datatipProps","useDatatip","content","anchor","current","offset","mainAxis","crossAxis","placement","touchResponse","filter","Boolean","join","getValue","targetRef","currentInputRef","onCommit","onInput","isPointerDown","useRef","onPointerUp","event","val","onBlur","onPointerMove","handleInput","onPointerDown","setPointerCapture","pointerId","onPointerLeave","onPointerEnter"],"mappings":"2IAUM,SACJA,EACAC,EACAC,EACAC,GAEA,MAAMC,OAA0BC,IAAZH,EAAwB,GAAGF,IAAUE,GACnDI,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,QAASL,EACTM,OAAQT,EAAmBU,QAAU,UAAY,UACjDC,OAAQ,CACNC,SAAU,EACVC,UAAW,GAEbC,UAAW,MACXC,cAAe,eAMjB,OAHAT,EAAa,oBACX,CAACJ,EAAiBI,EAAa,qBAAqBU,OAAOC,SAASC,KAAK,WAAQd,EAE5E,CAAEC,iBAAgBC,eAC3B,qBClBgB,SACdP,EACAoB,EACAC,EACAC,EACArB,EACAsB,EACAC,GAEA,MAAMC,EAAgBC,UAAgB,GA6CtC,MAAO,CACLC,YA5CmBC,IACnBH,EAAcd,SAAU,EACxB,MAAMkB,EAAMT,EAASQ,QACTvB,IAARwB,GACFN,IAAW,CAAEvB,MAAO6B,IAEtB5B,EAAmBU,SAAU,CAAI,EAuCjCmB,OAhBa,KACbL,EAAcd,SAAU,EACxBY,IAAW,CAAEvB,MAAOA,IACpBC,EAAmBU,SAAU,CAAK,EAclCoB,cArCqBH,IACrB,GAAIH,EAAcd,QAAS,CACzB,MAAMkB,EAAMT,EAASQ,QACTvB,IAARwB,GAAqBA,GAAOP,EAAgBX,SAC9CqB,EAAAA,YAAYH,EAAKP,EAAiBE,EAErC,CACDvB,EAAmBU,SAAU,CAAI,EA+BjCsB,cA5BqBL,IACrBH,EAAcd,SAAU,EACxBU,EAAUV,SAASuB,kBAAkBN,EAAMO,WAC3C,MAAMN,EAAMT,EAASQ,QACTvB,IAARwB,GAAqBA,GAAOP,EAAgBX,SAC9CqB,EAAAA,YAAYH,EAAKP,EAAiBE,GAEpCvB,EAAmBU,SAAU,CAAI,EAsBjCyB,eAbqB,KACrBnC,EAAmBU,SAAU,CAAK,EAalC0B,eAVqB,KACrBpC,EAAmBU,SAAU,CAAI,EAWrC"}

package/amd/useNavigation-a6a2218f.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useCurrentKey-8e979c7a', './useReorderableContext-a5453bd7', './useCollectionFocusRing-35d278f5', './useTabbableModeSet-290ab1cf', './collectionUtils-26e6c87c', './mergeProps-bcfa6a92', './keys-4755c121'], (function(e,r,t,n,c,o,u,s,i){"use strict";const l=(e,t)=>{const[c,o]=r.useState(),u=r.useRef(),s=r.useRef(!1),i=n.useReorderableContext(),l=r.useMemo((()=>e=>{const r=e.value;o({rowKey:r}),t?.(e),null!=i?.currentItemKey&&(i.currentItemKey.current=r)}),[t,i?.currentItemKey]);return u.current!==e&&(u.current=e,c?.rowKey!==e?.rowKey&&(s.current=!0,l({value:e?.rowKey}))),r.useEffect((()=>{s.current=!1})),{currentKey:c?.rowKey,onCurrentKeyChange:l,isCurrentItemOverridden:s.current}},a=(e,r,t)=>{if(e&&r&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),t>0)){const n=r.getBoundingClientRect(),c=e.getBoundingClientRect(),o=n.top+t-c.top;o>0&&(r.scrollTop=r.scrollTop-o)}},d=(e,r,t,n)=>{if(r.current){const c=t?.scroller(),o=n?n(r.current):0;a(e,c||r.current,o)}},f=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));e.excludeGroup=(e,r)=>{if(!r.all){const t=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),n=Array.from(r.keys.values()).filter((e=>!t.includes(e)));return{...r,keys:new Set(n)}}return r},e.isMultipleSelection=e=>"multiple"===e||"multipleToggle"===e,e.scrollToVisible=a,e.useCurrentItemOverride=l,e.useNavigation=(e,n,a,y,C,E,K,b,m,g,p,T,v)=>{const I=r.useRef(),R=r.useRef(!0),{currentKey:w,onCurrentKeyChange:k,isCurrentItemOverridden:S}=l(C,E),{currentKeyProps:O}=t.useCurrentKey((e=>u.keyExtractor(e,u.ITEM_SELECTOR)),m,y.ArrowUp(w),y.ArrowDown(w),y.ArrowLeft?.(w),y.ArrowRight?.(w),w,k),[M,L]=c.useCollectionFocusRing(n,Object.keys(y)),[x,A]=o.useTabbableModeSet(n,(e=>f(e)?null:u.keyExtractor(e,u.ITEM_SELECTOR)),w,k,void 0,void 0,v),h=r.useCallback((e=>{const r=u.keyExtractor(e.target,u.ITEM_SELECTOR);i.isKeyDefined(r)&&(I.current=r,r!==w&&(R.current=!1))}),[w]),D=r.useCallback((()=>{if(n.current&&(!g||x(void 0))){const e=I.current||u.getFirstVisibleKey(n.current,u.ITEM_SELECTOR);i.isKeyDefined(e)&&k({value:e})}}),[n,w,k,g,x]),_=r.useCallback((e=>{if(f(e.target))n.current?.focus({preventScroll:!0});else if(n.current)if(i.isKeyDefined(w)){const e=u.findElementByKey(n.current,w,u.ITEM_SELECTOR);e?(R.current&&d(e,n,K,b),R.current=!0):D()}else D()}),[n,w,D,K,b]);return r.useEffect((()=>{if(p&&n.current&&i.isKeyDefined(w)){const e=u.findElementByKey(n.current,w,u.ITEM_SELECTOR);if(e){const r=a(e),t=n.current.getAttribute("aria-activedescendant");if(""!==r&&t!==r){n.current.setAttribute("aria-activedescendant",r);const t=n.current?.contains(document.activeElement);(!S&&t||T)&&d(e,n,K,b)}}}}),[e,n,w,a,K,b,S,p,T]),{navigationProps:s.mergeProps(O,L,g?A:{},{onFocus:_,onPointerDown:h}),currentKey:w,onCurrentKeyChange:k,isCurrentItemOverridden:S,showFocusRing:M,isCurrentTabbableKey:x}}}));
+define(['exports', 'preact/hooks', './useCurrentKey-2f1ca19e', './useReorderableContext-a5453bd7', './useCollectionFocusRing-35d278f5', './useTabbableModeSet-290ab1cf', './collectionUtils-26e6c87c', './mergeProps-bcfa6a92', './keys-4755c121'], (function(e,r,t,n,c,o,u,s,i){"use strict";const l=(e,t)=>{const[c,o]=r.useState(),u=r.useRef(),s=r.useRef(!1),i=n.useReorderableContext(),l=r.useMemo((()=>e=>{const r=e.value;o({rowKey:r}),t?.(e),null!=i?.currentItemKey&&(i.currentItemKey.current=r)}),[t,i?.currentItemKey]);return u.current!==e&&(u.current=e,c?.rowKey!==e?.rowKey&&(s.current=!0,l({value:e?.rowKey}))),r.useEffect((()=>{s.current=!1})),{currentKey:c?.rowKey,onCurrentKeyChange:l,isCurrentItemOverridden:s.current}},a=(e,r,t)=>{if(e&&r&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),t>0)){const n=r.getBoundingClientRect(),c=e.getBoundingClientRect(),o=n.top+t-c.top;o>0&&(r.scrollTop=r.scrollTop-o)}},d=(e,r,t,n)=>{if(r.current){const c=t?.scroller(),o=n?n(r.current):0;a(e,c||r.current,o)}},f=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));e.excludeGroup=(e,r)=>{if(!r.all){const t=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),n=Array.from(r.keys.values()).filter((e=>!t.includes(e)));return{...r,keys:new Set(n)}}return r},e.isMultipleSelection=e=>"multiple"===e||"multipleToggle"===e,e.scrollToVisible=a,e.useCurrentItemOverride=l,e.useNavigation=(e,n,a,y,C,E,K,b,m,g,p,T,v)=>{const I=r.useRef(),R=r.useRef(!0),{currentKey:w,onCurrentKeyChange:k,isCurrentItemOverridden:S}=l(C,E),{currentKeyProps:O}=t.useCurrentKey((e=>u.keyExtractor(e,u.ITEM_SELECTOR)),m,y.ArrowUp(w),y.ArrowDown(w),y.ArrowLeft?.(w),y.ArrowRight?.(w),w,k),[M,L]=c.useCollectionFocusRing(n,Object.keys(y)),[x,A]=o.useTabbableModeSet(n,(e=>f(e)?null:u.keyExtractor(e,u.ITEM_SELECTOR)),w,k,void 0,void 0,v),h=r.useCallback((e=>{const r=u.keyExtractor(e.target,u.ITEM_SELECTOR);i.isKeyDefined(r)&&(I.current=r,r!==w&&(R.current=!1))}),[w]),D=r.useCallback((()=>{if(n.current&&(!g||x(void 0))){const e=I.current||u.getFirstVisibleKey(n.current,u.ITEM_SELECTOR);i.isKeyDefined(e)&&k({value:e})}}),[n,w,k,g,x]),_=r.useCallback((e=>{if(f(e.target))n.current?.focus({preventScroll:!0});else if(n.current)if(i.isKeyDefined(w)){const e=u.findElementByKey(n.current,w,u.ITEM_SELECTOR);e?(R.current&&d(e,n,K,b),R.current=!0):D()}else D()}),[n,w,D,K,b]);return r.useEffect((()=>{if(p&&n.current&&i.isKeyDefined(w)){const e=u.findElementByKey(n.current,w,u.ITEM_SELECTOR);if(e){const r=a(e),t=n.current.getAttribute("aria-activedescendant");if(""!==r&&t!==r){n.current.setAttribute("aria-activedescendant",r);const t=n.current?.contains(document.activeElement);(!S&&t||T)&&d(e,n,K,b)}}}}),[e,n,w,a,K,b,S,p,T]),{navigationProps:s.mergeProps(O,L,g?A:{},{onFocus:_,onPointerDown:h}),currentKey:w,onCurrentKeyChange:k,isCurrentItemOverridden:S,showFocusRing:M,isCurrentTabbableKey:x}}}));
 //# sourceMappingURL=useNavigation-a6a2218f.js.map

package/amd/{useOutsideClick-1b59c507.js → useOutsideClick-9c4ceb18.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './arrayUtils-6ee96a35', './Layer-c91c7141', './useModal-536cb7ff'], (function(e,t,r,n,o){"use strict";const s=e=>e?.ownerDocument??document;e.useOutsideClick=({isDisabled:e=!1,ref:u,handler:c})=>{const a=t.useRef(null);t.useEffect((()=>{const t=r.coerceArray(u);if(!c||e||t.length>0&&t.findIndex((e=>null===e.current))>-1)return;const i=e=>{a.current=e.target},l=e=>{a.current===e.target&&((e,t)=>{const r=e.target;if(!r)return!1;if(!s(r).contains(r))return!1;if(t.some((e=>e.current?.contains(r))))return!1;const u=e=>{let t=e.parentElement;for(;t;){if(t[n.LOGICAL_PARENT])return t[n.LOGICAL_PARENT];t=t.parentElement}return null};let c=u(r);for(;c;){if(t.some((e=>e.current?.contains(c))))return!1;c=u(c)}if(r[o.MODAL_OVERLAY])return!!t.some((e=>{const t=e.current?.closest('[data-oj-layer="modal"]');return t&&t.contains(r)}));const a=r.closest('[data-oj-layer="modal"]');return!(a&&!t.some((e=>a.contains(e.current)))||t.some((e=>((e,t)=>{const r=e?.closest("[data-oj-layer]");return!(!r||!r.contains(t))})(e.current,r))))})(e,t)&&c?.(e),a.current=null},d=t[0],f=s(d.current);return f?(f.addEventListener("mousedown",i,!0),f.addEventListener("mouseup",l,!0),()=>{f.removeEventListener("mousedown",i,!0),f.removeEventListener("mouseup",l,!0)}):void 0}),[e,c,u])}}));
-//# sourceMappingURL=useOutsideClick-1b59c507.js.map
+define(['exports', 'preact/hooks', './arrayUtils-6ee96a35', './Layer-dc3c1ac9', './useModal-536cb7ff'], (function(e,t,r,n,o){"use strict";const s=e=>e?.ownerDocument??document;e.useOutsideClick=({isDisabled:e=!1,ref:c,handler:u})=>{const a=t.useRef(null);t.useEffect((()=>{const t=r.coerceArray(c);if(!u||e||t.length>0&&t.findIndex((e=>null===e.current))>-1)return;const i=e=>{a.current=e.target},l=e=>{a.current===e.target&&((e,t)=>{const r=e.target;if(!r)return!1;if(!s(r).contains(r))return!1;if(t.some((e=>e.current?.contains(r))))return!1;const c=e=>{let t=e.parentElement;for(;t;){if(t[n.LOGICAL_PARENT])return t[n.LOGICAL_PARENT];t=t.parentElement}return null};let u=c(r);for(;u;){if(t.some((e=>e.current?.contains(u))))return!1;u=c(u)}if(r[o.MODAL_OVERLAY])return!!t.some((e=>{const t=e.current?.closest('[data-oj-layer="modal"]');return t&&t.contains(r)}));const a=r.closest('[data-oj-layer="modal"]');return!(a&&!t.some((e=>a.contains(e.current)))||t.some((e=>((e,t)=>{const r=e?.closest("[data-oj-layer]");return!(!r||!r.contains(t))})(e.current,r))))})(e,t)&&u?.(e),a.current=null},d=t[0],f=s(d.current);return f?(f.addEventListener("mousedown",i,!0),f.addEventListener("mouseup",l,!0),()=>{f.removeEventListener("mousedown",i,!0),f.removeEventListener("mouseup",l,!0)}):void 0}),[e,u,c])}}));
+//# sourceMappingURL=useOutsideClick-9c4ceb18.js.map

package/amd/{useOutsideClick-1b59c507.js.map → useOutsideClick-9c4ceb18.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick-1b59c507.js","sources":["../../src/hooks/UNSAFE_useOutsideClick/useOutsideClick.ts"],"sourcesContent":["/**\n * `useClickOutside` hook for capturing clicking outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { LOGICAL_PARENT } from '../../UNSAFE_Layer/Layer';\nimport { MODAL_OVERLAY, BackdropElement } from '#UNSAFE_Modal/hooks/useModal';\n\ntype Props = {\n  /**\n   * If true outside click is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside click is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside click callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\n/**\n * Checks if the mouse event target is inside of any of the specified containers, or if it\n * occurs in a layer whose 'logicalParent' belongs to one of the containers.\n *\n * @param event a mouse event associated with the potential \"outside click\" action\n * @param ref an array of references to elements that are considered \"inside\"\n * @returns 'true' if the event occurs \"outside\" of the specified list of containers\n */\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n\n  // if the event has no target, consider it \"inside\"\n  if (!target) {\n    return false;\n  }\n\n  const doc = getDocument(target);\n  if (!doc.contains(target)) {\n    return false;\n  }\n\n  // if the target is contained in any of the target containers, it is not \"outside\"\n  if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(target))) {\n    return false;\n  }\n\n  const findLogicalParent = (elem: Element): Element | null => {\n    let elemParent = elem.parentElement as any;\n    while (elemParent) {\n      if (elemParent[LOGICAL_PARENT]) {\n        return elemParent[LOGICAL_PARENT];\n      }\n      elemParent = elemParent.parentElement;\n    }\n    return null;\n  };\n\n  const parentLayerContainsTarget = (element: HTMLElement | null, target: Node): boolean => {\n    const parentLayer = element?.closest('[data-oj-layer]');\n    if (parentLayer && parentLayer.contains(target)) {\n      return true;\n    }\n    return false;\n  };\n\n  // Check if the target is logically owned by any of the refs\n  let logicalParent = findLogicalParent(target);\n  while (logicalParent) {\n    if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(logicalParent))) {\n      return false;\n    }\n    logicalParent = findLogicalParent(logicalParent);\n  }\n\n  // if the click target is a modal overlay and it is part of target's modal layer\n  // then it's an outside click. Otherwise, treat the click as an \"inside\" click because\n  // it is a click on another modal overlay which must be above our elem\n  if ((target as BackdropElement)[MODAL_OVERLAY]) {\n    if (\n      !ref.some((elRef: RefObject<HTMLElement>) => {\n        const modalParent = elRef.current?.closest('[data-oj-layer=\"modal\"]');\n        return modalParent && modalParent.contains(target);\n      })\n    ) {\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  // if the target is a child of a modal layer other than any of the refs,\n  // the click occurs in another modal layer which must be above our elem\n  const modalParent = target.closest('[data-oj-layer=\"modal\"]');\n  if (\n    modalParent &&\n    !ref.some((elRef: RefObject<HTMLElement>) => modalParent.contains(elRef.current))\n  ) {\n    return false;\n  }\n\n  // lastly, look for target's parent based purely on the layer hierarchy\n  if (\n    ref.some((elRef: RefObject<HTMLElement>) => parentLayerContainsTarget(elRef.current, target))\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  // use ref to store mutable data and not cause a re-render\n  const mouseDownTargetRef = useRef<EventTarget | null>(null);\n\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n    const onMouseDown = (event: MouseEvent) => {\n      mouseDownTargetRef.current = event.target;\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      if (mouseDownTargetRef.current === event.target && isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n      mouseDownTargetRef.current = null;\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n      doc.addEventListener('mouseup', onMouseUp, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n        doc.removeEventListener('mouseup', onMouseUp, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":["getDocument","node","ownerDocument","document","isDisabled","disabled","ref","handler","mouseDownTargetRef","useRef","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","event","target","onMouseUp","contains","some","findLogicalParent","elem","elemParent","parentElement","LOGICAL_PARENT","logicalParent","MODAL_OVERLAY","modalParent","closest","element","parentLayer","parentLayerContainsTarget","isPointOutside","firstElRef","doc","addEventListener","removeEventListener"],"mappings":"qIAgCA,MAkFMA,EAAeC,GAA0BA,GAAMC,eAAiBC,2BAEvC,EAAGC,WAAYC,GAAW,EAAOC,MAAKC,cAEnE,MAAMC,EAAqBC,SAA2B,MAEtDC,EAAAA,WAAU,KACR,MAAMC,EAAOC,cAAYN,GACzB,IACGC,GACDF,GACCM,EAAKE,OAAS,GAAKF,EAAKG,WAAWC,GAA4B,OAAlBA,EAAMC,WAAqB,EAEzE,OACF,MAAMC,EAAeC,IACnBV,EAAmBQ,QAAUE,EAAMC,MAAM,EAGrCC,EAAaF,IACbV,EAAmBQ,UAAYE,EAAMC,QArGxB,EAACD,EAAcZ,KACpC,MAAMa,EAASD,EAAMC,OAGrB,IAAKA,EACH,OAAO,EAIT,IADYnB,EAAYmB,GACfE,SAASF,GAChB,OAAO,EAIT,GAAIb,EAAIgB,MAAMP,GAAkCA,EAAMC,SAASK,SAASF,KACtE,OAAO,EAGT,MAAMI,EAAqBC,IACzB,IAAIC,EAAaD,EAAKE,cACtB,KAAOD,GAAY,CACjB,GAAIA,EAAWE,EAAAA,gBACb,OAAOF,EAAWE,EAAAA,gBAEpBF,EAAaA,EAAWC,aACzB,CACD,OAAO,IAAI,EAYb,IAAIE,EAAgBL,EAAkBJ,GACtC,KAAOS,GAAe,CACpB,GAAItB,EAAIgB,MAAMP,GAAkCA,EAAMC,SAASK,SAASO,KACtE,OAAO,EAETA,EAAgBL,EAAkBK,EACnC,CAKD,GAAKT,EAA2BU,EAAAA,eAC9B,QACGvB,EAAIgB,MAAMP,IACT,MAAMe,EAAcf,EAAMC,SAASe,QAAQ,2BAC3C,OAAOD,GAAeA,EAAYT,SAASF,EAAO,IAWxD,MAAMW,EAAcX,EAAOY,QAAQ,2BACnC,QACED,IACCxB,EAAIgB,MAAMP,GAAkCe,EAAYT,SAASN,EAAMC,YAOxEV,EAAIgB,MAAMP,GA7CsB,EAACiB,EAA6Bb,KAC9D,MAAMc,EAAcD,GAASD,QAAQ,mBACrC,SAAIE,IAAeA,EAAYZ,SAASF,GAG5B,EAwCgCe,CAA0BnB,EAAMC,QAASG,KAK5E,EAsB4CgB,CAAejB,EAAOP,IACvEJ,IAAUW,GAEZV,EAAmBQ,QAAU,IAAI,EAE7BoB,EAAazB,EAAK,GAClB0B,EAAMrC,EAAYoC,EAAWpB,SACnC,OAAIqB,GACFA,EAAIC,iBAAiB,YAAarB,GAAa,GAC/CoB,EAAIC,iBAAiB,UAAWlB,GAAW,GAEpC,KACLiB,EAAIE,oBAAoB,YAAatB,GAAa,GAClDoB,EAAIE,oBAAoB,UAAWnB,GAAW,EAAK,QANvD,CASgB,GACf,CAACf,EAAUE,EAASD,GAAK"}
+{"version":3,"file":"useOutsideClick-9c4ceb18.js","sources":["../../src/hooks/UNSAFE_useOutsideClick/useOutsideClick.ts"],"sourcesContent":["/**\n * `useClickOutside` hook for capturing clicking outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { LOGICAL_PARENT } from '../../UNSAFE_Layer/Layer';\nimport { MODAL_OVERLAY, BackdropElement } from '#UNSAFE_Modal/hooks/useModal';\n\ntype Props = {\n  /**\n   * If true outside click is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside click is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside click callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\n/**\n * Checks if the mouse event target is inside of any of the specified containers, or if it\n * occurs in a layer whose 'logicalParent' belongs to one of the containers.\n *\n * @param event a mouse event associated with the potential \"outside click\" action\n * @param ref an array of references to elements that are considered \"inside\"\n * @returns 'true' if the event occurs \"outside\" of the specified list of containers\n */\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n\n  // if the event has no target, consider it \"inside\"\n  if (!target) {\n    return false;\n  }\n\n  const doc = getDocument(target);\n  if (!doc.contains(target)) {\n    return false;\n  }\n\n  // if the target is contained in any of the target containers, it is not \"outside\"\n  if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(target))) {\n    return false;\n  }\n\n  const findLogicalParent = (elem: Element): Element | null => {\n    let elemParent = elem.parentElement as any;\n    while (elemParent) {\n      if (elemParent[LOGICAL_PARENT]) {\n        return elemParent[LOGICAL_PARENT];\n      }\n      elemParent = elemParent.parentElement;\n    }\n    return null;\n  };\n\n  const parentLayerContainsTarget = (element: HTMLElement | null, target: Node): boolean => {\n    const parentLayer = element?.closest('[data-oj-layer]');\n    if (parentLayer && parentLayer.contains(target)) {\n      return true;\n    }\n    return false;\n  };\n\n  // Check if the target is logically owned by any of the refs\n  let logicalParent = findLogicalParent(target);\n  while (logicalParent) {\n    if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(logicalParent))) {\n      return false;\n    }\n    logicalParent = findLogicalParent(logicalParent);\n  }\n\n  // if the click target is a modal overlay and it is part of target's modal layer\n  // then it's an outside click. Otherwise, treat the click as an \"inside\" click because\n  // it is a click on another modal overlay which must be above our elem\n  if ((target as BackdropElement)[MODAL_OVERLAY]) {\n    if (\n      !ref.some((elRef: RefObject<HTMLElement>) => {\n        const modalParent = elRef.current?.closest('[data-oj-layer=\"modal\"]');\n        return modalParent && modalParent.contains(target);\n      })\n    ) {\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  // if the target is a child of a modal layer other than any of the refs,\n  // the click occurs in another modal layer which must be above our elem\n  const modalParent = target.closest('[data-oj-layer=\"modal\"]');\n  if (\n    modalParent &&\n    !ref.some((elRef: RefObject<HTMLElement>) => modalParent.contains(elRef.current))\n  ) {\n    return false;\n  }\n\n  // lastly, look for target's parent based purely on the layer hierarchy\n  if (\n    ref.some((elRef: RefObject<HTMLElement>) => parentLayerContainsTarget(elRef.current, target))\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  // use ref to store mutable data and not cause a re-render\n  const mouseDownTargetRef = useRef<EventTarget | null>(null);\n\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n    const onMouseDown = (event: MouseEvent) => {\n      mouseDownTargetRef.current = event.target;\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      if (mouseDownTargetRef.current === event.target && isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n      mouseDownTargetRef.current = null;\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n      doc.addEventListener('mouseup', onMouseUp, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n        doc.removeEventListener('mouseup', onMouseUp, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":["getDocument","node","ownerDocument","document","isDisabled","disabled","ref","handler","mouseDownTargetRef","useRef","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","event","target","onMouseUp","contains","some","findLogicalParent","elem","elemParent","parentElement","LOGICAL_PARENT","logicalParent","MODAL_OVERLAY","modalParent","closest","element","parentLayer","parentLayerContainsTarget","isPointOutside","firstElRef","doc","addEventListener","removeEventListener"],"mappings":"qIAgCA,MAkFMA,EAAeC,GAA0BA,GAAMC,eAAiBC,2BAEvC,EAAGC,WAAYC,GAAW,EAAOC,MAAKC,cAEnE,MAAMC,EAAqBC,SAA2B,MAEtDC,EAAAA,WAAU,KACR,MAAMC,EAAOC,cAAYN,GACzB,IACGC,GACDF,GACCM,EAAKE,OAAS,GAAKF,EAAKG,WAAWC,GAA4B,OAAlBA,EAAMC,WAAqB,EAEzE,OACF,MAAMC,EAAeC,IACnBV,EAAmBQ,QAAUE,EAAMC,MAAM,EAGrCC,EAAaF,IACbV,EAAmBQ,UAAYE,EAAMC,QArGxB,EAACD,EAAcZ,KACpC,MAAMa,EAASD,EAAMC,OAGrB,IAAKA,EACH,OAAO,EAIT,IADYnB,EAAYmB,GACfE,SAASF,GAChB,OAAO,EAIT,GAAIb,EAAIgB,MAAMP,GAAkCA,EAAMC,SAASK,SAASF,KACtE,OAAO,EAGT,MAAMI,EAAqBC,IACzB,IAAIC,EAAaD,EAAKE,cACtB,KAAOD,GAAY,CACjB,GAAIA,EAAWE,EAAAA,gBACb,OAAOF,EAAWE,EAAAA,gBAEpBF,EAAaA,EAAWC,aACzB,CACD,OAAO,IAAI,EAYb,IAAIE,EAAgBL,EAAkBJ,GACtC,KAAOS,GAAe,CACpB,GAAItB,EAAIgB,MAAMP,GAAkCA,EAAMC,SAASK,SAASO,KACtE,OAAO,EAETA,EAAgBL,EAAkBK,EACnC,CAKD,GAAKT,EAA2BU,EAAAA,eAC9B,QACGvB,EAAIgB,MAAMP,IACT,MAAMe,EAAcf,EAAMC,SAASe,QAAQ,2BAC3C,OAAOD,GAAeA,EAAYT,SAASF,EAAO,IAWxD,MAAMW,EAAcX,EAAOY,QAAQ,2BACnC,QACED,IACCxB,EAAIgB,MAAMP,GAAkCe,EAAYT,SAASN,EAAMC,YAOxEV,EAAIgB,MAAMP,GA7CsB,EAACiB,EAA6Bb,KAC9D,MAAMc,EAAcD,GAASD,QAAQ,mBACrC,SAAIE,IAAeA,EAAYZ,SAASF,GAG5B,EAwCgCe,CAA0BnB,EAAMC,QAASG,KAK5E,EAsB4CgB,CAAejB,EAAOP,IACvEJ,IAAUW,GAEZV,EAAmBQ,QAAU,IAAI,EAE7BoB,EAAazB,EAAK,GAClB0B,EAAMrC,EAAYoC,EAAWpB,SACnC,OAAIqB,GACFA,EAAIC,iBAAiB,YAAarB,GAAa,GAC/CoB,EAAIC,iBAAiB,UAAWlB,GAAW,GAEpC,KACLiB,EAAIE,oBAAoB,YAAatB,GAAa,GAClDoB,EAAIE,oBAAoB,UAAWnB,GAAW,EAAK,QANvD,CASgB,GACf,CAACf,EAAUE,EAASD,GAAK"}

package/amd/{useOutsideMousedown-ce3f7207.js → useOutsideMousedown-b0021878.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './arrayUtils-6ee96a35', './popupUtils-019ff48f'], (function(e,n,r,t){"use strict";const o=e=>e?.ownerDocument??document;e.useOutsideMousedown=({isDisabled:e=!1,ref:s,handler:c})=>{n.useEffect((()=>{const n=r.coerceArray(s);if(!c||e||n.length>0&&n.findIndex((e=>null===e.current))>-1)return;const u=e=>{((e,n)=>{const r=e.target;if(r&&!o(r).contains(r))return!1;return n.every((e=>!e.current?.contains(r)&&!t.isLogicalAncestor(e.current,r)))})(e,n)&&c?.(e)},i=n[0],d=o(i.current);return d?(d.addEventListener("mousedown",u,!0),()=>{d.removeEventListener("mousedown",u,!0)}):void 0}),[e,c,s])}}));
-//# sourceMappingURL=useOutsideMousedown-ce3f7207.js.map
+define(['exports', 'preact/hooks', './arrayUtils-6ee96a35', './popupUtils-e19b93b5'], (function(e,n,r,t){"use strict";const o=e=>e?.ownerDocument??document;e.useOutsideMousedown=({isDisabled:e=!1,ref:s,handler:c})=>{n.useEffect((()=>{const n=r.coerceArray(s);if(!c||e||n.length>0&&n.findIndex((e=>null===e.current))>-1)return;const u=e=>{((e,n)=>{const r=e.target;if(r&&!o(r).contains(r))return!1;return n.every((e=>!e.current?.contains(r)&&!t.isLogicalAncestor(e.current,r)))})(e,n)&&c?.(e)},i=n[0],d=o(i.current);return d?(d.addEventListener("mousedown",u,!0),()=>{d.removeEventListener("mousedown",u,!0)}):void 0}),[e,c,s])}}));
+//# sourceMappingURL=useOutsideMousedown-b0021878.js.map

package/amd/{useOutsideMousedown-ce3f7207.js.map → useOutsideMousedown-b0021878.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useOutsideMousedown-ce3f7207.js","sources":["../../src/hooks/PRIVATE_useOutsideMousedown/useOutsideMousedown.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\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { isLogicalAncestor } from '#utils/UNSAFE_popupUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every(\n    (elRef) =>\n      !elRef.current?.contains(target) && !isLogicalAncestor(elRef.current as HTMLElement, target)\n  );\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":["getDocument","node","ownerDocument","document","isDisabled","disabled","ref","handler","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","event","target","contains","every","isLogicalAncestor","isPointOutside","firstElRef","doc","addEventListener","removeEventListener"],"mappings":"kHA+BA,MAYMA,EAAeC,GAA0BA,GAAMC,eAAiBC,+BAEnC,EAAGC,WAAYC,GAAW,EAAOC,MAAKC,cACvEC,EAAAA,WAAU,KACR,MAAMC,EAAOC,cAAYJ,GACzB,IACGC,GACDF,GACCI,EAAKE,OAAS,GAAKF,EAAKG,WAAWC,GAA4B,OAAlBA,EAAMC,WAAqB,EAEzE,OAEF,MAAMC,EAAeC,IAxBF,EAACA,EAAcV,KACpC,MAAMW,EAASD,EAAMC,OACrB,GAAIA,IACUjB,EAAYiB,GACfC,SAASD,GAAS,OAAO,EAEpC,OAAOX,EAAIa,OACRN,IACEA,EAAMC,SAASI,SAASD,KAAYG,EAAAA,kBAAkBP,EAAMC,QAAwBG,IACxF,EAgBOI,CAAeL,EAAOP,IACxBF,IAAUS,EACX,EAEGM,EAAab,EAAK,GAClBc,EAAMvB,EAAYsB,EAAWR,SACnC,OAAIS,GACFA,EAAIC,iBAAiB,YAAaT,GAAa,GAExC,KACLQ,EAAIE,oBAAoB,YAAaV,GAAa,EAAK,QAJ3D,CAOgB,GACf,CAACV,EAAUE,EAASD,GAAK"}
+{"version":3,"file":"useOutsideMousedown-b0021878.js","sources":["../../src/hooks/PRIVATE_useOutsideMousedown/useOutsideMousedown.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\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { isLogicalAncestor } from '#utils/UNSAFE_popupUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every(\n    (elRef) =>\n      !elRef.current?.contains(target) && !isLogicalAncestor(elRef.current as HTMLElement, target)\n  );\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":["getDocument","node","ownerDocument","document","isDisabled","disabled","ref","handler","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","event","target","contains","every","isLogicalAncestor","isPointOutside","firstElRef","doc","addEventListener","removeEventListener"],"mappings":"kHA+BA,MAYMA,EAAeC,GAA0BA,GAAMC,eAAiBC,+BAEnC,EAAGC,WAAYC,GAAW,EAAOC,MAAKC,cACvEC,EAAAA,WAAU,KACR,MAAMC,EAAOC,cAAYJ,GACzB,IACGC,GACDF,GACCI,EAAKE,OAAS,GAAKF,EAAKG,WAAWC,GAA4B,OAAlBA,EAAMC,WAAqB,EAEzE,OAEF,MAAMC,EAAeC,IAxBF,EAACA,EAAcV,KACpC,MAAMW,EAASD,EAAMC,OACrB,GAAIA,IACUjB,EAAYiB,GACfC,SAASD,GAAS,OAAO,EAEpC,OAAOX,EAAIa,OACRN,IACEA,EAAMC,SAASI,SAASD,KAAYG,EAAAA,kBAAkBP,EAAMC,QAAwBG,IACxF,EAgBOI,CAAeL,EAAOP,IACxBF,IAAUS,EACX,EAEGM,EAAab,EAAK,GAClBc,EAAMvB,EAAYsB,EAAWR,SACnC,OAAIS,GACFA,EAAIC,iBAAiB,YAAaT,GAAa,GAExC,KACLQ,EAAIE,oBAAoB,YAAaV,GAAa,EAAK,QAJ3D,CAOgB,GACf,CAACV,EAAUE,EAASD,GAAK"}

package/amd/{usePopupAnimation-f8e212f7.js → usePopupAnimation-9f80595b.js}

@@ -1,2 +1,2 @@
-define(['exports', './useAnimationStatus-4b135f52', './useUser-12ec03f1', 'preact/hooks', './popupAnimationUtils-49b93365'], (function(n,t,e,i,o){"use strict";const a={opening:n=>({from:{scaleX:0,scaleY:0,opacity:0,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},to:{scaleX:1,scaleY:1,opacity:1,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},options:{duration:200}}),closing:n=>({from:{scaleX:1,scaleY:1,opacity:1,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},to:{scaleX:0,scaleY:0,opacity:0,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},options:{duration:200}})};n.usePopupAnimation=function(n){const{isOpen:o,isAnimatedOnMount:r,onTransitionEnd:s,placement:c,animationStates:m,onPosition:u}=n,[l,p]=i.useState(c),{direction:f}=e.useUser(),{setAnimationElementRef:d,animationElementRef:g,status:O}=t.useAnimationStatus({isOpen:o,isAnimatedOnMount:r,animationStates:m??a,onTransitionEnd:s}),A=g,E=i.useCallback((n=>{null!==A.current&&(A.current.placement=n.placement),l!==n.placement&&p(n.placement),u?.(n)}),[u,A,l]);return i.useEffect((()=>{null!=A&&null!=A.current&&"unmounted"!=O&&(A.current.placement!==l&&(A.current.placement=l),A.current.direction=f)}),[A,l,f,O]),{setAnimationElementRef:d,status:O,onPosition:E}}}));
-//# sourceMappingURL=usePopupAnimation-f8e212f7.js.map
+define(['exports', './useAnimationStatus-4b135f52', './useUser-988f7da2', 'preact/hooks', './popupAnimationUtils-49b93365'], (function(n,t,e,i,o){"use strict";const a={opening:n=>({from:{scaleX:0,scaleY:0,opacity:0,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},to:{scaleX:1,scaleY:1,opacity:1,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},options:{duration:200}}),closing:n=>({from:{scaleX:1,scaleY:1,opacity:1,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},to:{scaleX:0,scaleY:0,opacity:0,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},options:{duration:200}})};n.usePopupAnimation=function(n){const{isOpen:o,isAnimatedOnMount:r,onTransitionEnd:s,placement:c,animationStates:m,onPosition:u}=n,[l,p]=i.useState(c),{direction:f}=e.useUser(),{setAnimationElementRef:d,animationElementRef:g,status:O}=t.useAnimationStatus({isOpen:o,isAnimatedOnMount:r,animationStates:m??a,onTransitionEnd:s}),A=g,E=i.useCallback((n=>{null!==A.current&&(A.current.placement=n.placement),l!==n.placement&&p(n.placement),u?.(n)}),[u,A,l]);return i.useEffect((()=>{null!=A&&null!=A.current&&"unmounted"!=O&&(A.current.placement!==l&&(A.current.placement=l),A.current.direction=f)}),[A,l,f,O]),{setAnimationElementRef:d,status:O,onPosition:E}}}));
+//# sourceMappingURL=usePopupAnimation-9f80595b.js.map

package/amd/{usePopupAnimation-f8e212f7.js.map → usePopupAnimation-9f80595b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"usePopupAnimation-f8e212f7.js","sources":["../../src/UNSAFE_Popup/usePopupAnimation.ts"],"sourcesContent":["import { Placement, Floating } from '../UNSAFE_Floating';\nimport {\n  useAnimationStatus,\n  AnimationStatus,\n  AnimationStatusProps,\n  AnimationStates\n} from '../hooks/PRIVATE_useAnimationStatus';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useCallback, useState } from 'preact/hooks';\nimport { getTransformOrigin } from '../utils/PRIVATE_popupAnimationUtils';\nimport { ComponentProps } from 'preact';\n\n/**\n * The placement and direction aware HTML element\n * The useAnimation hook do not allow to change dynamically the animation states,\n * but allows a function that returns animation states config. The function takes\n * the animated node of type <E extends HTMLElement> as an argument. This could be used\n * to extend HTMLElement with placement and direction.\n */\nexport type AnimationPopupElement = HTMLElement & {\n  placement?: Placement;\n  direction?: 'ltr' | 'rtl';\n};\n\ntype PopupAnimationProps = Omit<AnimationStatusProps, 'animationStates'> & {\n  /**\n   * Specifies placement of the Popup relative to the anchor.\n   */\n  placement: Placement;\n\n  /**\n   * animationStates is the configuration of the animations, how the element should be animated\n   */\n  animationStates?: AnimationStates;\n\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected\n   */\n  onPosition?: ComponentProps<typeof Floating>['onPosition'];\n};\n\nconst animationStates = {\n  opening: (node: AnimationPopupElement) => {\n    return {\n      //zoomIn\n      from: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  },\n  closing: (node: AnimationPopupElement) => {\n    return {\n      //zoomOut\n      from: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  }\n};\n\nexport function usePopupAnimation(props: PopupAnimationProps): {\n  status: AnimationStatus;\n  setAnimationElementRef: (node: HTMLElement | null) => void;\n  onPosition: ComponentProps<typeof Floating>['onPosition'];\n} {\n  const {\n    isOpen,\n    isAnimatedOnMount,\n    onTransitionEnd,\n    placement,\n    animationStates: propsAnimationStates,\n    onPosition\n  } = props;\n\n  //The animationPlacement is used for the case of flipping.\n  const [animationPlacement, setAnimationPlacement] = useState<Placement>(placement);\n  const { direction } = useUser();\n  const { setAnimationElementRef, animationElementRef, status } =\n    useAnimationStatus<AnimationPopupElement>({\n      isOpen: isOpen,\n      isAnimatedOnMount: isAnimatedOnMount,\n      animationStates: propsAnimationStates ?? animationStates,\n      onTransitionEnd\n    });\n  const popupElementRef = animationElementRef;\n\n  const onPositionAnimated = useCallback<Required<ComponentProps<typeof Floating>>['onPosition']>(\n    (data) => {\n      if (popupElementRef.current !== null) {\n        // if flips happens we need to change the placement in the animations.\n        // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here\n        popupElementRef.current.placement = data.placement;\n      }\n      if (animationPlacement !== data.placement) {\n        setAnimationPlacement(data.placement);\n      }\n      onPosition?.(data);\n    },\n    [onPosition, popupElementRef, animationPlacement]\n  );\n\n  //This is needed for the case if popup flips and changes the placement.\n  useEffect(() => {\n    if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {\n      if (popupElementRef.current.placement !== animationPlacement) {\n        popupElementRef.current.placement = animationPlacement;\n      }\n      popupElementRef.current.direction = direction;\n    }\n  }, [popupElementRef, animationPlacement, direction, status]);\n  return { setAnimationElementRef, status, onPosition: onPositionAnimated };\n}\n"],"names":["animationStates","opening","node","from","scaleX","scaleY","opacity","transformOrigin","getTransformOrigin","placement","direction","to","options","duration","closing","props","isOpen","isAnimatedOnMount","onTransitionEnd","propsAnimationStates","onPosition","animationPlacement","setAnimationPlacement","useState","useUser","setAnimationElementRef","animationElementRef","status","useAnimationStatus","popupElementRef","onPositionAnimated","useCallback","data","current","useEffect"],"mappings":"0JAyCA,MAAMA,EAAkB,CACtBC,QAAUC,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,OAIhBC,QAAUZ,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,4BAMZ,SAA4BE,GAKhC,MAAMC,OACJA,EAAMC,kBACNA,EAAiBC,gBACjBA,EAAeT,UACfA,EACAT,gBAAiBmB,EAAoBC,WACrCA,GACEL,GAGGM,EAAoBC,GAAyBC,EAAQA,SAAYd,IAClEC,UAAEA,GAAcc,EAAAA,WAChBC,uBAAEA,EAAsBC,oBAAEA,EAAmBC,OAAEA,GACnDC,EAAAA,mBAA0C,CACxCZ,OAAQA,EACRC,kBAAmBA,EACnBjB,gBAAiBmB,GAAwBnB,EACzCkB,oBAEEW,EAAkBH,EAElBI,EAAqBC,eACxBC,IACiC,OAA5BH,EAAgBI,UAGlBJ,EAAgBI,QAAQxB,UAAYuB,EAAKvB,WAEvCY,IAAuBW,EAAKvB,WAC9Ba,EAAsBU,EAAKvB,WAE7BW,IAAaY,EAAK,GAEpB,CAACZ,EAAYS,EAAiBR,IAYhC,OARAa,EAAAA,WAAU,KACe,MAAnBL,GAAsD,MAA3BA,EAAgBI,SAA6B,aAAVN,IAC5DE,EAAgBI,QAAQxB,YAAcY,IACxCQ,EAAgBI,QAAQxB,UAAYY,GAEtCQ,EAAgBI,QAAQvB,UAAYA,EACrC,GACA,CAACmB,EAAiBR,EAAoBX,EAAWiB,IAC7C,CAAEF,yBAAwBE,SAAQP,WAAYU,EACvD"}
+{"version":3,"file":"usePopupAnimation-9f80595b.js","sources":["../../src/UNSAFE_Popup/usePopupAnimation.ts"],"sourcesContent":["import { Placement, Floating } from '../UNSAFE_Floating';\nimport {\n  useAnimationStatus,\n  AnimationStatus,\n  AnimationStatusProps,\n  AnimationStates\n} from '../hooks/PRIVATE_useAnimationStatus';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useCallback, useState } from 'preact/hooks';\nimport { getTransformOrigin } from '../utils/PRIVATE_popupAnimationUtils';\nimport { ComponentProps } from 'preact';\n\n/**\n * The placement and direction aware HTML element\n * The useAnimation hook do not allow to change dynamically the animation states,\n * but allows a function that returns animation states config. The function takes\n * the animated node of type <E extends HTMLElement> as an argument. This could be used\n * to extend HTMLElement with placement and direction.\n */\nexport type AnimationPopupElement = HTMLElement & {\n  placement?: Placement;\n  direction?: 'ltr' | 'rtl';\n};\n\ntype PopupAnimationProps = Omit<AnimationStatusProps, 'animationStates'> & {\n  /**\n   * Specifies placement of the Popup relative to the anchor.\n   */\n  placement: Placement;\n\n  /**\n   * animationStates is the configuration of the animations, how the element should be animated\n   */\n  animationStates?: AnimationStates;\n\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected\n   */\n  onPosition?: ComponentProps<typeof Floating>['onPosition'];\n};\n\nconst animationStates = {\n  opening: (node: AnimationPopupElement) => {\n    return {\n      //zoomIn\n      from: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  },\n  closing: (node: AnimationPopupElement) => {\n    return {\n      //zoomOut\n      from: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  }\n};\n\nexport function usePopupAnimation(props: PopupAnimationProps): {\n  status: AnimationStatus;\n  setAnimationElementRef: (node: HTMLElement | null) => void;\n  onPosition: ComponentProps<typeof Floating>['onPosition'];\n} {\n  const {\n    isOpen,\n    isAnimatedOnMount,\n    onTransitionEnd,\n    placement,\n    animationStates: propsAnimationStates,\n    onPosition\n  } = props;\n\n  //The animationPlacement is used for the case of flipping.\n  const [animationPlacement, setAnimationPlacement] = useState<Placement>(placement);\n  const { direction } = useUser();\n  const { setAnimationElementRef, animationElementRef, status } =\n    useAnimationStatus<AnimationPopupElement>({\n      isOpen: isOpen,\n      isAnimatedOnMount: isAnimatedOnMount,\n      animationStates: propsAnimationStates ?? animationStates,\n      onTransitionEnd\n    });\n  const popupElementRef = animationElementRef;\n\n  const onPositionAnimated = useCallback<Required<ComponentProps<typeof Floating>>['onPosition']>(\n    (data) => {\n      if (popupElementRef.current !== null) {\n        // if flips happens we need to change the placement in the animations.\n        // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here\n        popupElementRef.current.placement = data.placement;\n      }\n      if (animationPlacement !== data.placement) {\n        setAnimationPlacement(data.placement);\n      }\n      onPosition?.(data);\n    },\n    [onPosition, popupElementRef, animationPlacement]\n  );\n\n  //This is needed for the case if popup flips and changes the placement.\n  useEffect(() => {\n    if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {\n      if (popupElementRef.current.placement !== animationPlacement) {\n        popupElementRef.current.placement = animationPlacement;\n      }\n      popupElementRef.current.direction = direction;\n    }\n  }, [popupElementRef, animationPlacement, direction, status]);\n  return { setAnimationElementRef, status, onPosition: onPositionAnimated };\n}\n"],"names":["animationStates","opening","node","from","scaleX","scaleY","opacity","transformOrigin","getTransformOrigin","placement","direction","to","options","duration","closing","props","isOpen","isAnimatedOnMount","onTransitionEnd","propsAnimationStates","onPosition","animationPlacement","setAnimationPlacement","useState","useUser","setAnimationElementRef","animationElementRef","status","useAnimationStatus","popupElementRef","onPositionAnimated","useCallback","data","current","useEffect"],"mappings":"0JAyCA,MAAMA,EAAkB,CACtBC,QAAUC,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,OAIhBC,QAAUZ,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,4BAMZ,SAA4BE,GAKhC,MAAMC,OACJA,EAAMC,kBACNA,EAAiBC,gBACjBA,EAAeT,UACfA,EACAT,gBAAiBmB,EAAoBC,WACrCA,GACEL,GAGGM,EAAoBC,GAAyBC,EAAQA,SAAYd,IAClEC,UAAEA,GAAcc,EAAAA,WAChBC,uBAAEA,EAAsBC,oBAAEA,EAAmBC,OAAEA,GACnDC,EAAAA,mBAA0C,CACxCZ,OAAQA,EACRC,kBAAmBA,EACnBjB,gBAAiBmB,GAAwBnB,EACzCkB,oBAEEW,EAAkBH,EAElBI,EAAqBC,eACxBC,IACiC,OAA5BH,EAAgBI,UAGlBJ,EAAgBI,QAAQxB,UAAYuB,EAAKvB,WAEvCY,IAAuBW,EAAKvB,WAC9Ba,EAAsBU,EAAKvB,WAE7BW,IAAaY,EAAK,GAEpB,CAACZ,EAAYS,EAAiBR,IAYhC,OARAa,EAAAA,WAAU,KACe,MAAnBL,GAAsD,MAA3BA,EAAgBI,SAA6B,aAAVN,IAC5DE,EAAgBI,QAAQxB,YAAcY,IACxCQ,EAAgBI,QAAQxB,UAAYY,GAEtCQ,EAAgBI,QAAQvB,UAAYA,EACrC,GACA,CAACmB,EAAiBR,EAAoBX,EAAWiB,IAC7C,CAAEF,yBAAwBE,SAAQP,WAAYU,EACvD"}

package/amd/usePrefixSuffix-66563417.js

@@ -0,0 +1,2 @@
+define(['exports', './stringUtils-4ffd9d59', './useUser-988f7da2'], (function(e,i,s){"use strict";e.usePrefixSuffix=({baseId:e,hasEndContent:d,hasInsideLabel:t,hasStartContent:a,hasValue:n,isDisabled:r,isFocused:f,labelId:o,prefix:u,suffix:l,value:x})=>{const{direction:$}=s.useUser(),v=`${e}-prefix`,h=`${e}-suffix`,b=void 0!==u&&""!==u,c=void 0!==l&&""!==l,p=b&&!r&&(n||f),I=c&&!r&&(n||f),P=b||c?function(e,i,s,d,t){if(!i)return t;const a="ltr"===e,n=void 0===s?"":a?`${s} `:` ${s}`,r=void 0===d?"":a?` ${d}`:`${d} `,f=`${n}${t}${r}`,o=`${r}${t}${n}`;return a?f:o}($,n,u,l,x):x;return{shouldRenderPrefix:p,shouldRenderSuffix:I,prefixProps:{id:v,hasEndContent:d,hasInsideLabel:t,hasStartContent:a,isDisabled:r,isFocused:f,text:u??"",variant:"prefix"},suffixProps:{id:h,hasInsideLabel:t,isDisabled:r,isFocused:f,text:l??"",variant:"suffix"},valuePrefixSuffix:P,ariaLabelledBy:b||c?i.l([o,b?v:void 0,c?h:void 0]):void 0}}}));
+//# sourceMappingURL=usePrefixSuffix-66563417.js.map

package/amd/{usePrefixSuffix-b26030fe.js.map → usePrefixSuffix-66563417.js.map}

@@ -1 +1 @@
-{"version":3,"file":"usePrefixSuffix-b26030fe.js","sources":["../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\ntype PrefixSuffixVariant = 'prefix' | 'suffix';\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n  const shouldRenderPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused);\n  const shouldRenderSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused);\n\n  // get value and prefix/suffix if available and return as plain text.\n  const valuePrefixSuffix =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix text\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? merge([labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined])\n      : undefined;\n  const prefixProps = {\n    id: prefixId,\n    hasEndContent,\n    hasInsideLabel,\n    hasStartContent,\n    isDisabled,\n    isFocused,\n    text: prefix ?? '',\n    variant: 'prefix' as PrefixSuffixVariant\n  };\n  const suffixProps = {\n    id: suffixId,\n    hasInsideLabel,\n    isDisabled,\n    isFocused,\n    text: suffix ?? '',\n    variant: 'suffix' as PrefixSuffixVariant\n  };\n\n  return {\n    shouldRenderPrefix,\n    shouldRenderSuffix,\n    prefixProps,\n    suffixProps,\n    valuePrefixSuffix,\n    ariaLabelledBy\n  };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. ?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n"],"names":["baseId","hasEndContent","hasInsideLabel","hasStartContent","hasValue","isDisabled","isFocused","labelId","prefix","suffix","value","direction","useUser","prefixId","suffixId","hasPrefixText","undefined","hasSuffixText","shouldRenderPrefix","shouldRenderSuffix","valuePrefixSuffix","isLTR","plainPrefix","plainSuffix","ltrPlainText","rtlPlainText","getText","prefixProps","id","text","variant","suffixProps","ariaLabelledBy","merge"],"mappings":"iHAqB+B,EAC7BA,SACAC,gBACAC,iBACAC,kBACAC,WACAC,aACAC,YACAC,UACAC,SACAC,SACAC,YAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAW,GAAGb,WACdc,EAAW,GAAGd,WACde,OAA2BC,IAAXR,GAAmC,KAAXA,EACxCS,OAA2BD,IAAXP,GAAmC,KAAXA,EACxCS,EAAqBH,IAAkBV,IAAeD,GAAYE,GAClEa,EAAqBF,IAAkBZ,IAAeD,GAAYE,GAGlEc,EACJL,GAAiBE,EAwCrB,SACEN,EACAP,EACAI,EACAC,EACAC,GAGA,IAAKN,EACH,OAAOM,EAIT,MAAMW,EAAsB,QAAdV,EACRW,OAAyBN,IAAXR,EAAuB,GAAKa,EAAQ,GAAGb,KAAY,IAAIA,IACrEe,OAAyBP,IAAXP,EAAuB,GAAKY,EAAQ,IAAIZ,IAAW,GAAGA,KAEpEe,EAAe,GAAGF,IAAcZ,IAAQa,IACxCE,EAAe,GAAGF,IAAcb,IAAQY,IAC9C,OAAOD,EAAQG,EAAeC,CAChC,CA5DqCC,CAAQf,EAAWP,EAAUI,EAAQC,EAAQC,GAASA,EAyBzF,MAAO,CACLQ,qBACAC,qBACAQ,YAtBkB,CAClBC,GAAIf,EACJZ,gBACAC,iBACAC,kBACAE,aACAC,YACAuB,KAAMrB,GAAU,GAChBsB,QAAS,UAeTC,YAbkB,CAClBH,GAAId,EACJZ,iBACAG,aACAC,YACAuB,KAAMpB,GAAU,GAChBqB,QAAS,UAQTV,oBACAY,eA5BAjB,GAAiBE,EACbgB,IAAM,CAAC1B,EAASQ,EAAgBF,OAAWG,EAAWC,EAAgBH,OAAWE,SACjFA,EA2BL"}
+{"version":3,"file":"usePrefixSuffix-66563417.js","sources":["../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\ntype PrefixSuffixVariant = 'prefix' | 'suffix';\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n  const shouldRenderPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused);\n  const shouldRenderSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused);\n\n  // get value and prefix/suffix if available and return as plain text.\n  const valuePrefixSuffix =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix text\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? merge([labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined])\n      : undefined;\n  const prefixProps = {\n    id: prefixId,\n    hasEndContent,\n    hasInsideLabel,\n    hasStartContent,\n    isDisabled,\n    isFocused,\n    text: prefix ?? '',\n    variant: 'prefix' as PrefixSuffixVariant\n  };\n  const suffixProps = {\n    id: suffixId,\n    hasInsideLabel,\n    isDisabled,\n    isFocused,\n    text: suffix ?? '',\n    variant: 'suffix' as PrefixSuffixVariant\n  };\n\n  return {\n    shouldRenderPrefix,\n    shouldRenderSuffix,\n    prefixProps,\n    suffixProps,\n    valuePrefixSuffix,\n    ariaLabelledBy\n  };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. ?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n"],"names":["baseId","hasEndContent","hasInsideLabel","hasStartContent","hasValue","isDisabled","isFocused","labelId","prefix","suffix","value","direction","useUser","prefixId","suffixId","hasPrefixText","undefined","hasSuffixText","shouldRenderPrefix","shouldRenderSuffix","valuePrefixSuffix","isLTR","plainPrefix","plainSuffix","ltrPlainText","rtlPlainText","getText","prefixProps","id","text","variant","suffixProps","ariaLabelledBy","merge"],"mappings":"iHAqB+B,EAC7BA,SACAC,gBACAC,iBACAC,kBACAC,WACAC,aACAC,YACAC,UACAC,SACAC,SACAC,YAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAW,GAAGb,WACdc,EAAW,GAAGd,WACde,OAA2BC,IAAXR,GAAmC,KAAXA,EACxCS,OAA2BD,IAAXP,GAAmC,KAAXA,EACxCS,EAAqBH,IAAkBV,IAAeD,GAAYE,GAClEa,EAAqBF,IAAkBZ,IAAeD,GAAYE,GAGlEc,EACJL,GAAiBE,EAwCrB,SACEN,EACAP,EACAI,EACAC,EACAC,GAGA,IAAKN,EACH,OAAOM,EAIT,MAAMW,EAAsB,QAAdV,EACRW,OAAyBN,IAAXR,EAAuB,GAAKa,EAAQ,GAAGb,KAAY,IAAIA,IACrEe,OAAyBP,IAAXP,EAAuB,GAAKY,EAAQ,IAAIZ,IAAW,GAAGA,KAEpEe,EAAe,GAAGF,IAAcZ,IAAQa,IACxCE,EAAe,GAAGF,IAAcb,IAAQY,IAC9C,OAAOD,EAAQG,EAAeC,CAChC,CA5DqCC,CAAQf,EAAWP,EAAUI,EAAQC,EAAQC,GAASA,EAyBzF,MAAO,CACLQ,qBACAC,qBACAQ,YAtBkB,CAClBC,GAAIf,EACJZ,gBACAC,iBACAC,kBACAE,aACAC,YACAuB,KAAMrB,GAAU,GAChBsB,QAAS,UAeTC,YAbkB,CAClBH,GAAId,EACJZ,iBACAG,aACAC,YACAuB,KAAMpB,GAAU,GAChBqB,QAAS,UAQTV,oBACAY,eA5BAjB,GAAiBE,EACbgB,IAAM,CAAC1B,EAASQ,EAAgBF,OAAWG,EAAWC,EAAgBH,OAAWE,SACjFA,EA2BL"}

package/amd/{useReorderableItem-13c24764.js → useReorderableItem-013ac2e8.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useId-c9578d26', './useUser-12ec03f1', './useTranslationBundle-8e42d505', './clientHints-6d361eaa', './collectionUtils-26e6c87c', './classNames-08d99695', './mergeProps-bcfa6a92', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './keys-4755c121'], (function(e,r,t,s,o,n,a,l,c,i,u,f){"use strict";const d=(e,r,t,s,o)=>{const n=t>0?t-1:0,a=t<s?t+1:s;switch(e){case"ArrowLeft":return r?a:n;case"ArrowRight":return r?n:a;case"ArrowUp":if(o)return t<o?t:t-o;case"ArrowDown":if(o)return t>s-o?t:t+o;default:return}};e.useReorderable=function(e){const{onReorder:l,rootRef:c,itemSelector:i,isDisabled:u,columns:f}=e,y=r.useRef(),{direction:m}=s.useUser(),g="rtl"===m,v=o.useTranslationBundle("@oracle/oraclejet-preact"),D="reorderable_"+t.useId(),{deviceType:b,platform:p}=n.getClientHints(),K="windows"===p?v.accControlKey():v.accCommandKey(),A="phone"===b||"tablet"===b?"":v.accReorderInstructions({keyPressed:K}),[R,w]=r.useState(""),I=r.useCallback((e=>{if((e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&l&&c.current){e.metaKey&&e.preventDefault();const r=[...a.getItemKeysArray(c.current,i)],t=r.length-1,s=r.indexOf(y.current),o=d(e.key,g,s,t,f);if(void 0!==o&&s!==o){const t=r[o]?.toString();r.splice(s,1),r.splice(o,0,y.current),l?.({reorderedKeys:r,itemKeys:[y.current],referenceKey:0===o?null:r[o-1]});const n="ArrowLeft"===e.key||"ArrowUp"===e.key?v.accPositionBefore():v.accPositionAfter(),a=y?.current?.toString();t&&n&&a&&w(v.accAnnounceMovedKey({itemKey:a,position:n,referenceKey:t}))}}}),[y,l,f,g,i,c,v]);return{reorderProps:u?{}:{onKeyDown:I},reorderContext:{currentItemKey:y},reorderInstructionsId:D,reorderInstructions:A,reorderStatus:R}},e.useReorderableItem=function(e){const{isDisabled:t,dragKey:o,setDragKey:n,onReorder:d,ref:y,rootRef:m,itemStyles:g,getItem:v,setTransferData:D,itemSelector:b,isVertical:p}=e,K=v(),A=null!=K?a.getKey(K):void 0,[R,w]=r.useState(),I=r.useRef(),O=r.useRef(void 0),k=l.classNames([u.styles.itemDragger,g.itemDragger]),{direction:h}=s.useUser(),P="rtl"===h,S=r.useCallback((e=>{const r=v(),t=null!=r?a.getKey(r):void 0;if(y?.current&&n){O.current=i.createDragImage(y.current,k);const r=y.current.querySelector("[draggable=true]");null!=r?e?.dataTransfer?.setDragImage(O.current,r.offsetLeft+r.offsetWidth/2,r.offsetTop+r.offsetHeight/2):e?.dataTransfer?.setDragImage(O.current,0,0),D(e),n(t)}}),[v,D,k,y,n]),C=r.useCallback((e=>{f.isKeyDefined(o)&&e.preventDefault()}),[o]),T=r.useCallback((()=>{n?.(void 0),document.body.removeChild(O.current)}),[n]),U=r.useCallback((()=>{if(m?.current){const e=v(),r=null!=e?a.getKey(e):void 0,t=a.getItemKeysArray(m.current,b);let s;const l=[...t],c=l.indexOf(o);if(null!=r){const e=l.indexOf(r);null!=c&&null!=e&&c!=e&&(s=P?c<e?"before"===R?e:e-1:"before"===R?e+1:e:c<e?"before"===R?e-1:e:"before"===R?e:e+1)}if(void 0!==s&&c!==s){const e=t[c];l.splice(c,1),l.splice(s,0,e),d?.({reorderedKeys:l,itemKeys:[o],referenceKey:0===s?null:l[s-1]}),w(void 0),n(void 0)}}}),[o,R,v,P,b,d,m,n]);if(t)return{};const B=null!=A&&A===o,L=l.classNames([u.styles.itemDnd,B&&u.styles.itemDragged]),x=l.classNames([g.itemOverlayFront,p?u.styles.itemOverlayVertical:u.styles.itemOverlay,"before"===R&&u.styles.itemOverlayBefore,"before"===R&&P&&u.styles.itemOverlayBeforeRtl]),N=l.classNames([g.itemOverlayFront,g.itemOverlayRear,p?u.styles.itemOverlayVertical:u.styles.itemOverlay,"after"===R&&u.styles.itemOverlayAfter,"after"===R&&P&&u.styles.itemOverlayAfterRtl]);return{rootProps:c.mergeProps({ref:y,onDragStart:S,onDragEnd:T,onDragOver:C,onDrop:U,isDisabled:t,class:L}),isDragged:B,overlayZoneBeforeProps:c.mergeProps({onDragEnter:()=>{w("before"),I.current="before"},onDragLeave:()=>{"before"===I.current&&w(void 0)},class:x}),overlayZoneAfterProps:c.mergeProps({onDragEnter:()=>{w("after"),I.current="after"},onDragLeave:()=>{"after"===I.current&&w(void 0)},class:N})}}}));
-//# sourceMappingURL=useReorderableItem-13c24764.js.map
+define(['exports', 'preact/hooks', './useId-c9578d26', './useUser-988f7da2', './useTranslationBundle-27bf6340', './clientHints-6d361eaa', './collectionUtils-26e6c87c', './classNames-08d99695', './mergeProps-bcfa6a92', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './keys-4755c121'], (function(e,r,t,s,o,n,a,l,c,i,u,f){"use strict";const d=(e,r,t,s,o)=>{const n=t>0?t-1:0,a=t<s?t+1:s;switch(e){case"ArrowLeft":return r?a:n;case"ArrowRight":return r?n:a;case"ArrowUp":if(o)return t<o?t:t-o;case"ArrowDown":if(o)return t>s-o?t:t+o;default:return}};e.useReorderable=function(e){const{onReorder:l,rootRef:c,itemSelector:i,isDisabled:u,columns:f}=e,y=r.useRef(),{direction:m}=s.useUser(),g="rtl"===m,v=o.useTranslationBundle("@oracle/oraclejet-preact"),b="reorderable_"+t.useId(),{deviceType:D,platform:p}=n.getClientHints(),K="windows"===p?v.accControlKey():v.accCommandKey(),A="phone"===D||"tablet"===D?"":v.accReorderInstructions({keyPressed:K}),[R,w]=r.useState(""),I=r.useCallback((e=>{if((e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&l&&c.current){e.metaKey&&e.preventDefault();const r=[...a.getItemKeysArray(c.current,i)],t=r.length-1,s=r.indexOf(y.current),o=d(e.key,g,s,t,f);if(void 0!==o&&s!==o){const t=r[o]?.toString();r.splice(s,1),r.splice(o,0,y.current),l?.({reorderedKeys:r,itemKeys:[y.current],referenceKey:0===o?null:r[o-1]});const n="ArrowLeft"===e.key||"ArrowUp"===e.key?v.accPositionBefore():v.accPositionAfter(),a=y?.current?.toString();t&&n&&a&&w(v.accAnnounceMovedKey({itemKey:a,position:n,referenceKey:t}))}}}),[y,l,f,g,i,c,v]);return{reorderProps:u?{}:{onKeyDown:I},reorderContext:{currentItemKey:y},reorderInstructionsId:b,reorderInstructions:A,reorderStatus:R}},e.useReorderableItem=function(e){const{isDisabled:t,dragKey:o,setDragKey:n,onReorder:d,ref:y,rootRef:m,itemStyles:g,getItem:v,setTransferData:b,itemSelector:D,isVertical:p}=e,K=v(),A=null!=K?a.getKey(K):void 0,[R,w]=r.useState(),I=r.useRef(),O=r.useRef(void 0),k=l.classNames([u.styles.itemDragger,g.itemDragger]),{direction:h}=s.useUser(),P="rtl"===h,S=r.useCallback((e=>{const r=v(),t=null!=r?a.getKey(r):void 0;if(y?.current&&n){O.current=i.createDragImage(y.current,k);const r=y.current.querySelector("[draggable=true]");null!=r?e?.dataTransfer?.setDragImage(O.current,r.offsetLeft+r.offsetWidth/2,r.offsetTop+r.offsetHeight/2):e?.dataTransfer?.setDragImage(O.current,0,0),b(e),n(t)}}),[v,b,k,y,n]),C=r.useCallback((e=>{f.isKeyDefined(o)&&e.preventDefault()}),[o]),T=r.useCallback((()=>{n?.(void 0),document.body.removeChild(O.current)}),[n]),U=r.useCallback((()=>{if(m?.current){const e=v(),r=null!=e?a.getKey(e):void 0,t=a.getItemKeysArray(m.current,D);let s;const l=[...t],c=l.indexOf(o);if(null!=r){const e=l.indexOf(r);null!=c&&null!=e&&c!=e&&(s=P?c<e?"before"===R?e:e-1:"before"===R?e+1:e:c<e?"before"===R?e-1:e:"before"===R?e:e+1)}if(void 0!==s&&c!==s){const e=t[c];l.splice(c,1),l.splice(s,0,e),d?.({reorderedKeys:l,itemKeys:[o],referenceKey:0===s?null:l[s-1]}),w(void 0),n(void 0)}}}),[o,R,v,P,D,d,m,n]);if(t)return{};const B=null!=A&&A===o,L=l.classNames([u.styles.itemDnd,B&&u.styles.itemDragged]),x=l.classNames([g.itemOverlayFront,p?u.styles.itemOverlayVertical:u.styles.itemOverlay,"before"===R&&u.styles.itemOverlayBefore,"before"===R&&P&&u.styles.itemOverlayBeforeRtl]),N=l.classNames([g.itemOverlayFront,g.itemOverlayRear,p?u.styles.itemOverlayVertical:u.styles.itemOverlay,"after"===R&&u.styles.itemOverlayAfter,"after"===R&&P&&u.styles.itemOverlayAfterRtl]);return{rootProps:c.mergeProps({ref:y,onDragStart:S,onDragEnd:T,onDragOver:C,onDrop:U,isDisabled:t,class:L}),isDragged:B,overlayZoneBeforeProps:c.mergeProps({onDragEnter:()=>{w("before"),I.current="before"},onDragLeave:()=>{"before"===I.current&&w(void 0)},class:x}),overlayZoneAfterProps:c.mergeProps({onDragEnter:()=>{w("after"),I.current="after"},onDragLeave:()=>{"after"===I.current&&w(void 0)},class:N})}}}));
+//# sourceMappingURL=useReorderableItem-013ac2e8.js.map

package/amd/{useReorderableItem-13c24764.js.map → useReorderableItem-013ac2e8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useReorderableItem-13c24764.js","sources":["../../src/hooks/PRIVATE_useReorderable/useReorderable.ts","../../src/hooks/PRIVATE_useReorderable/useReorderableItem.ts"],"sourcesContent":["import type { RefObject } from 'preact';\nimport { useRef, useCallback, useState } from 'preact/hooks';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ReorderProps } from '#UNSAFE_Collection/Reorderable.types';\n\ntype useReorderableProps<K> = ReorderProps<K> & {\n  rootRef: RefObject<HTMLDivElement>;\n  itemSelector: string;\n  isDisabled?: boolean;\n  columns?: number;\n};\n\n/**\n * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderable<K extends string | number>(options: useReorderableProps<K>) {\n  const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;\n\n  const currentItemKey = useRef<K | undefined>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const reorderInstructionsId = 'reorderable_' + useId();\n  const { deviceType, platform } = getClientHints();\n  const keyPressed =\n    platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n  const reorderInstructions =\n    deviceType === 'phone' || deviceType === 'tablet'\n      ? ''\n      : translations.accReorderInstructions({\n          keyPressed: keyPressed\n        });\n  const [reorderStatus, setReorderStatus] = useState<string | undefined>('');\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        (e.metaKey || e.ctrlKey) &&\n        e.shiftKey &&\n        keyHandlers.includes(e.key) &&\n        onReorder &&\n        rootRef.current\n      ) {\n        if (e.metaKey) {\n          e.preventDefault();\n        }\n        const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);\n        const newArray = [...itemKeysArray];\n        const lastIndex = newArray.length - 1;\n        const currentItemIndex = newArray.indexOf(currentItemKey.current);\n        // get reference item index and reordered keys\n        const referenceItemIndex = getReferenceItemIndex(\n          e.key,\n          isRtl,\n          currentItemIndex,\n          lastIndex,\n          columns\n        );\n        if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {\n          const referenceKey = newArray[referenceItemIndex]?.toString();\n          newArray.splice(currentItemIndex, 1);\n          newArray.splice(referenceItemIndex as number, 0, currentItemKey.current);\n          onReorder?.({\n            reorderedKeys: newArray as K[],\n            itemKeys: [currentItemKey.current as K],\n            // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n            referenceKey: referenceItemIndex === 0 ? null : (newArray[referenceItemIndex - 1] as K)\n          });\n          // set acc status\n          const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;\n          const position = isPrev\n            ? translations.accPositionBefore()\n            : translations.accPositionAfter();\n          const itemKeyString = currentItemKey?.current?.toString();\n          if (referenceKey && position && itemKeyString) {\n            setReorderStatus(\n              translations.accAnnounceMovedKey({\n                itemKey: itemKeyString,\n                position: position,\n                referenceKey: referenceKey\n              })\n            );\n          }\n        }\n      }\n    },\n    [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]\n  );\n\n  const eventProps = isDisabled ? {} : { onKeyDown };\n\n  return {\n    reorderProps: eventProps,\n    reorderContext: {\n      currentItemKey\n    },\n    reorderInstructionsId,\n    reorderInstructions,\n    reorderStatus\n  } as const;\n}\n\n/**\n * A helper function to get referenceItemIndex during keyboard reordering\n *\n * @param eventKey the arrow event keys\n * @param isRtl whether RTL is enabled\n * @param currentItemIndex the index of current item\n * @param lastIndex the last index\n * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.\n */\nconst getReferenceItemIndex = (\n  eventKey: string,\n  isRtl: boolean,\n  currentItemIndex: number,\n  lastIndex: number,\n  columns?: number\n) => {\n  const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;\n  const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;\n  switch (eventKey) {\n    case 'ArrowLeft':\n      return isRtl ? rightDropIndex : leftDropIndex;\n    case 'ArrowRight':\n      return isRtl ? leftDropIndex : rightDropIndex;\n    case 'ArrowUp':\n      if (columns) {\n        // if the current item is at the top row, arrow up should not move anywhere\n        return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;\n      }\n    case 'ArrowDown':\n      if (columns) {\n        // if the current item is at the bottom row, arrow down should not move anywhere\n        return currentItemIndex > lastIndex - columns\n          ? currentItemIndex\n          : currentItemIndex + columns;\n      }\n    default:\n      return undefined;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useState, useRef, useCallback } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { createDragImage } from '#utils/PRIVATE_dndUtils';\nimport { getKey, getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ReorderableItemProps } from '#UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableItemStyles.css';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\n\nexport type useReorderableOptions<K extends string | number> = Omit<\n  ReorderableItemProps<K>,\n  'children'\n> & {\n  isDisabled: boolean;\n  ref: RefObject<HTMLDivElement>;\n  getItem: () => Element | null | undefined; // a function to get the reorderable item\n  setTransferData: (event: DragEvent) => void; // a function to set the transfer data and type\n  itemStyles: {\n    // component specific style for two overlay divs, e.g. component has different gap sizes\n    itemOverlayFront: string;\n    itemOverlayRear: string;\n    itemDragger?: string; // component specific style for drag image\n  };\n  itemSelector: string;\n  isVertical?: boolean; // used when the component is vertical and has one column, e.g. ListView\n};\n\n/**\n * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderableItem<K extends string | number>(options: useReorderableOptions<K>) {\n  const {\n    isDisabled,\n    dragKey,\n    setDragKey,\n    onReorder,\n    ref,\n    rootRef,\n    itemStyles,\n    getItem,\n    setTransferData,\n    itemSelector,\n    isVertical\n  } = options;\n\n  const item = getItem();\n  const itemKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n\n  const [position, setPosition] = useState<'before' | 'after' | undefined>();\n  const pendingPositionRef = useRef<typeof position>();\n  const dragImgRef = useRef<HTMLElement | undefined>(undefined);\n\n  const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const handleDragStart = useCallback(\n    (e: DragEvent) => {\n      const item = getItem();\n      const currentDragKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      //create drag image clone of the item and show it\n      if (ref?.current && setDragKey) {\n        dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);\n        //if there is drag icon, set the drag image at the drag icon position\n        const dragIcon = ref.current.querySelector('[draggable=true]') as HTMLElement;\n        if (dragIcon != null) {\n          e?.dataTransfer?.setDragImage(\n            dragImgRef.current,\n            dragIcon.offsetLeft + dragIcon.offsetWidth / 2,\n            dragIcon.offsetTop + dragIcon.offsetHeight / 2\n          );\n        } else {\n          e?.dataTransfer?.setDragImage(dragImgRef.current, 0, 0);\n        }\n        setTransferData(e);\n        setDragKey(currentDragKey as K);\n      }\n    },\n    [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]\n  );\n\n  const handleDragOver = useCallback(\n    (e: DragEvent) => {\n      if (isKeyDefined(dragKey)) {\n        e.preventDefault();\n      }\n    },\n    [dragKey]\n  );\n\n  //Once drag is over, reset styling of dragged item to it's original styling\n  const handleDragEnd = useCallback(() => {\n    setDragKey?.(undefined);\n    document.body.removeChild(dragImgRef.current as HTMLElement);\n  }, [setDragKey]);\n\n  // detect drop target position on the overlay divs and render drop target\n  const handleDragEnterBeforeZone = () => {\n    setPosition('before');\n    pendingPositionRef.current = 'before';\n  };\n\n  const handleDragLeaveBeforeZone = () => {\n    if (pendingPositionRef.current === 'before') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDragEnterAfterZone = () => {\n    setPosition('after');\n    pendingPositionRef.current = 'after';\n  };\n\n  const handleDragLeaveAfterZone = () => {\n    if (pendingPositionRef.current === 'after') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDrop = useCallback(() => {\n    if (rootRef?.current) {\n      const item = getItem();\n      const currentDropKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      const reference = currentDropKey;\n      const itemKeys = getItemKeysArray(rootRef.current, itemSelector);\n      let insertPos;\n      const newArray = [...itemKeys];\n      const dragIndex = newArray.indexOf(dragKey);\n      if (reference != null) {\n        const dropIndex = newArray.indexOf(reference);\n        if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {\n          if (!isRtl) {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex - 1 : dropIndex;\n            } else {\n              insertPos = position === 'before' ? dropIndex : dropIndex + 1;\n            }\n          } else {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex : dropIndex - 1;\n            } else {\n              insertPos = position === 'before' ? dropIndex + 1 : dropIndex;\n            }\n          }\n        }\n      }\n      if (insertPos !== undefined && dragIndex !== insertPos) {\n        const sourceData = itemKeys[dragIndex];\n        newArray.splice(dragIndex, 1);\n        newArray.splice(insertPos as number, 0, sourceData);\n        onReorder?.({\n          reorderedKeys: newArray as K[],\n          itemKeys: [dragKey as K],\n          // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n          referenceKey: insertPos === 0 ? null : (newArray[insertPos - 1] as K)\n        });\n        setPosition(undefined);\n        setDragKey(undefined);\n      }\n    }\n  }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);\n\n  if (isDisabled) {\n    return {};\n  }\n\n  //change dragged item visual to appear disable\n  const isDragged = itemKey != null && itemKey === dragKey;\n\n  const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);\n\n  const itemOverlayClassesBefore = classNames([\n    itemStyles.itemOverlayFront,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'before' && styles.itemOverlayBefore,\n    position === 'before' && isRtl && styles.itemOverlayBeforeRtl\n  ]);\n  const itemOverlayClassesAfter = classNames([\n    itemStyles.itemOverlayFront,\n    itemStyles.itemOverlayRear,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'after' && styles.itemOverlayAfter,\n    position === 'after' && isRtl && styles.itemOverlayAfterRtl\n  ]);\n\n  return {\n    rootProps: mergeProps({\n      ref: ref,\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop,\n      isDisabled: isDisabled,\n      class: dndItemClasses\n    }),\n    isDragged: isDragged,\n    overlayZoneBeforeProps: mergeProps({\n      onDragEnter: handleDragEnterBeforeZone,\n      onDragLeave: handleDragLeaveBeforeZone,\n      class: itemOverlayClassesBefore\n    }),\n    overlayZoneAfterProps: mergeProps({\n      onDragEnter: handleDragEnterAfterZone,\n      onDragLeave: handleDragLeaveAfterZone,\n      class: itemOverlayClassesAfter\n    })\n  } as const;\n}\n"],"names":["getReferenceItemIndex","eventKey","isRtl","currentItemIndex","lastIndex","columns","leftDropIndex","rightDropIndex","options","onReorder","rootRef","itemSelector","isDisabled","currentItemKey","useRef","direction","useUser","translations","useTranslationBundle","reorderInstructionsId","useId","deviceType","platform","getClientHints","keyPressed","accControlKey","accCommandKey","reorderInstructions","accReorderInstructions","reorderStatus","setReorderStatus","useState","onKeyDown","useCallback","e","metaKey","ctrlKey","shiftKey","includes","key","current","preventDefault","newArray","getItemKeysArray","length","indexOf","referenceItemIndex","undefined","referenceKey","toString","splice","reorderedKeys","itemKeys","position","accPositionBefore","accPositionAfter","itemKeyString","accAnnounceMovedKey","itemKey","reorderProps","reorderContext","dragKey","setDragKey","ref","itemStyles","getItem","setTransferData","isVertical","item","getKey","setPosition","pendingPositionRef","dragImgRef","itemDraggerClasses","classNames","styles","itemDragger","handleDragStart","currentDragKey","createDragImage","dragIcon","querySelector","dataTransfer","setDragImage","offsetLeft","offsetWidth","offsetTop","offsetHeight","handleDragOver","isKeyDefined","handleDragEnd","document","body","removeChild","handleDrop","reference","insertPos","dragIndex","dropIndex","sourceData","isDragged","dndItemClasses","itemDnd","itemDragged","itemOverlayClassesBefore","itemOverlayFront","itemOverlayVertical","itemOverlay","itemOverlayBefore","itemOverlayBeforeRtl","itemOverlayClassesAfter","itemOverlayRear","itemOverlayAfter","itemOverlayAfterRtl","rootProps","mergeProps","onDragStart","onDragEnd","onDragOver","onDrop","class","overlayZoneBeforeProps","onDragEnter","onDragLeave","overlayZoneAfterProps"],"mappings":"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"}
+{"version":3,"file":"useReorderableItem-013ac2e8.js","sources":["../../src/hooks/PRIVATE_useReorderable/useReorderable.ts","../../src/hooks/PRIVATE_useReorderable/useReorderableItem.ts"],"sourcesContent":["import type { RefObject } from 'preact';\nimport { useRef, useCallback, useState } from 'preact/hooks';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ReorderProps } from '#UNSAFE_Collection/Reorderable.types';\n\ntype useReorderableProps<K> = ReorderProps<K> & {\n  rootRef: RefObject<HTMLDivElement>;\n  itemSelector: string;\n  isDisabled?: boolean;\n  columns?: number;\n};\n\n/**\n * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderable<K extends string | number>(options: useReorderableProps<K>) {\n  const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;\n\n  const currentItemKey = useRef<K | undefined>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const reorderInstructionsId = 'reorderable_' + useId();\n  const { deviceType, platform } = getClientHints();\n  const keyPressed =\n    platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n  const reorderInstructions =\n    deviceType === 'phone' || deviceType === 'tablet'\n      ? ''\n      : translations.accReorderInstructions({\n          keyPressed: keyPressed\n        });\n  const [reorderStatus, setReorderStatus] = useState<string | undefined>('');\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        (e.metaKey || e.ctrlKey) &&\n        e.shiftKey &&\n        keyHandlers.includes(e.key) &&\n        onReorder &&\n        rootRef.current\n      ) {\n        if (e.metaKey) {\n          e.preventDefault();\n        }\n        const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);\n        const newArray = [...itemKeysArray];\n        const lastIndex = newArray.length - 1;\n        const currentItemIndex = newArray.indexOf(currentItemKey.current);\n        // get reference item index and reordered keys\n        const referenceItemIndex = getReferenceItemIndex(\n          e.key,\n          isRtl,\n          currentItemIndex,\n          lastIndex,\n          columns\n        );\n        if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {\n          const referenceKey = newArray[referenceItemIndex]?.toString();\n          newArray.splice(currentItemIndex, 1);\n          newArray.splice(referenceItemIndex as number, 0, currentItemKey.current);\n          onReorder?.({\n            reorderedKeys: newArray as K[],\n            itemKeys: [currentItemKey.current as K],\n            // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n            referenceKey: referenceItemIndex === 0 ? null : (newArray[referenceItemIndex - 1] as K)\n          });\n          // set acc status\n          const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;\n          const position = isPrev\n            ? translations.accPositionBefore()\n            : translations.accPositionAfter();\n          const itemKeyString = currentItemKey?.current?.toString();\n          if (referenceKey && position && itemKeyString) {\n            setReorderStatus(\n              translations.accAnnounceMovedKey({\n                itemKey: itemKeyString,\n                position: position,\n                referenceKey: referenceKey\n              })\n            );\n          }\n        }\n      }\n    },\n    [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]\n  );\n\n  const eventProps = isDisabled ? {} : { onKeyDown };\n\n  return {\n    reorderProps: eventProps,\n    reorderContext: {\n      currentItemKey\n    },\n    reorderInstructionsId,\n    reorderInstructions,\n    reorderStatus\n  } as const;\n}\n\n/**\n * A helper function to get referenceItemIndex during keyboard reordering\n *\n * @param eventKey the arrow event keys\n * @param isRtl whether RTL is enabled\n * @param currentItemIndex the index of current item\n * @param lastIndex the last index\n * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.\n */\nconst getReferenceItemIndex = (\n  eventKey: string,\n  isRtl: boolean,\n  currentItemIndex: number,\n  lastIndex: number,\n  columns?: number\n) => {\n  const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;\n  const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;\n  switch (eventKey) {\n    case 'ArrowLeft':\n      return isRtl ? rightDropIndex : leftDropIndex;\n    case 'ArrowRight':\n      return isRtl ? leftDropIndex : rightDropIndex;\n    case 'ArrowUp':\n      if (columns) {\n        // if the current item is at the top row, arrow up should not move anywhere\n        return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;\n      }\n    case 'ArrowDown':\n      if (columns) {\n        // if the current item is at the bottom row, arrow down should not move anywhere\n        return currentItemIndex > lastIndex - columns\n          ? currentItemIndex\n          : currentItemIndex + columns;\n      }\n    default:\n      return undefined;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useState, useRef, useCallback } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { createDragImage } from '#utils/PRIVATE_dndUtils';\nimport { getKey, getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ReorderableItemProps } from '#UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableItemStyles.css';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\n\nexport type useReorderableOptions<K extends string | number> = Omit<\n  ReorderableItemProps<K>,\n  'children'\n> & {\n  isDisabled: boolean;\n  ref: RefObject<HTMLDivElement>;\n  getItem: () => Element | null | undefined; // a function to get the reorderable item\n  setTransferData: (event: DragEvent) => void; // a function to set the transfer data and type\n  itemStyles: {\n    // component specific style for two overlay divs, e.g. component has different gap sizes\n    itemOverlayFront: string;\n    itemOverlayRear: string;\n    itemDragger?: string; // component specific style for drag image\n  };\n  itemSelector: string;\n  isVertical?: boolean; // used when the component is vertical and has one column, e.g. ListView\n};\n\n/**\n * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderableItem<K extends string | number>(options: useReorderableOptions<K>) {\n  const {\n    isDisabled,\n    dragKey,\n    setDragKey,\n    onReorder,\n    ref,\n    rootRef,\n    itemStyles,\n    getItem,\n    setTransferData,\n    itemSelector,\n    isVertical\n  } = options;\n\n  const item = getItem();\n  const itemKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n\n  const [position, setPosition] = useState<'before' | 'after' | undefined>();\n  const pendingPositionRef = useRef<typeof position>();\n  const dragImgRef = useRef<HTMLElement | undefined>(undefined);\n\n  const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const handleDragStart = useCallback(\n    (e: DragEvent) => {\n      const item = getItem();\n      const currentDragKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      //create drag image clone of the item and show it\n      if (ref?.current && setDragKey) {\n        dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);\n        //if there is drag icon, set the drag image at the drag icon position\n        const dragIcon = ref.current.querySelector('[draggable=true]') as HTMLElement;\n        if (dragIcon != null) {\n          e?.dataTransfer?.setDragImage(\n            dragImgRef.current,\n            dragIcon.offsetLeft + dragIcon.offsetWidth / 2,\n            dragIcon.offsetTop + dragIcon.offsetHeight / 2\n          );\n        } else {\n          e?.dataTransfer?.setDragImage(dragImgRef.current, 0, 0);\n        }\n        setTransferData(e);\n        setDragKey(currentDragKey as K);\n      }\n    },\n    [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]\n  );\n\n  const handleDragOver = useCallback(\n    (e: DragEvent) => {\n      if (isKeyDefined(dragKey)) {\n        e.preventDefault();\n      }\n    },\n    [dragKey]\n  );\n\n  //Once drag is over, reset styling of dragged item to it's original styling\n  const handleDragEnd = useCallback(() => {\n    setDragKey?.(undefined);\n    document.body.removeChild(dragImgRef.current as HTMLElement);\n  }, [setDragKey]);\n\n  // detect drop target position on the overlay divs and render drop target\n  const handleDragEnterBeforeZone = () => {\n    setPosition('before');\n    pendingPositionRef.current = 'before';\n  };\n\n  const handleDragLeaveBeforeZone = () => {\n    if (pendingPositionRef.current === 'before') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDragEnterAfterZone = () => {\n    setPosition('after');\n    pendingPositionRef.current = 'after';\n  };\n\n  const handleDragLeaveAfterZone = () => {\n    if (pendingPositionRef.current === 'after') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDrop = useCallback(() => {\n    if (rootRef?.current) {\n      const item = getItem();\n      const currentDropKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      const reference = currentDropKey;\n      const itemKeys = getItemKeysArray(rootRef.current, itemSelector);\n      let insertPos;\n      const newArray = [...itemKeys];\n      const dragIndex = newArray.indexOf(dragKey);\n      if (reference != null) {\n        const dropIndex = newArray.indexOf(reference);\n        if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {\n          if (!isRtl) {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex - 1 : dropIndex;\n            } else {\n              insertPos = position === 'before' ? dropIndex : dropIndex + 1;\n            }\n          } else {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex : dropIndex - 1;\n            } else {\n              insertPos = position === 'before' ? dropIndex + 1 : dropIndex;\n            }\n          }\n        }\n      }\n      if (insertPos !== undefined && dragIndex !== insertPos) {\n        const sourceData = itemKeys[dragIndex];\n        newArray.splice(dragIndex, 1);\n        newArray.splice(insertPos as number, 0, sourceData);\n        onReorder?.({\n          reorderedKeys: newArray as K[],\n          itemKeys: [dragKey as K],\n          // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n          referenceKey: insertPos === 0 ? null : (newArray[insertPos - 1] as K)\n        });\n        setPosition(undefined);\n        setDragKey(undefined);\n      }\n    }\n  }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);\n\n  if (isDisabled) {\n    return {};\n  }\n\n  //change dragged item visual to appear disable\n  const isDragged = itemKey != null && itemKey === dragKey;\n\n  const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);\n\n  const itemOverlayClassesBefore = classNames([\n    itemStyles.itemOverlayFront,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'before' && styles.itemOverlayBefore,\n    position === 'before' && isRtl && styles.itemOverlayBeforeRtl\n  ]);\n  const itemOverlayClassesAfter = classNames([\n    itemStyles.itemOverlayFront,\n    itemStyles.itemOverlayRear,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'after' && styles.itemOverlayAfter,\n    position === 'after' && isRtl && styles.itemOverlayAfterRtl\n  ]);\n\n  return {\n    rootProps: mergeProps({\n      ref: ref,\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop,\n      isDisabled: isDisabled,\n      class: dndItemClasses\n    }),\n    isDragged: isDragged,\n    overlayZoneBeforeProps: mergeProps({\n      onDragEnter: handleDragEnterBeforeZone,\n      onDragLeave: handleDragLeaveBeforeZone,\n      class: itemOverlayClassesBefore\n    }),\n    overlayZoneAfterProps: mergeProps({\n      onDragEnter: handleDragEnterAfterZone,\n      onDragLeave: handleDragLeaveAfterZone,\n      class: itemOverlayClassesAfter\n    })\n  } as const;\n}\n"],"names":["getReferenceItemIndex","eventKey","isRtl","currentItemIndex","lastIndex","columns","leftDropIndex","rightDropIndex","options","onReorder","rootRef","itemSelector","isDisabled","currentItemKey","useRef","direction","useUser","translations","useTranslationBundle","reorderInstructionsId","useId","deviceType","platform","getClientHints","keyPressed","accControlKey","accCommandKey","reorderInstructions","accReorderInstructions","reorderStatus","setReorderStatus","useState","onKeyDown","useCallback","e","metaKey","ctrlKey","shiftKey","includes","key","current","preventDefault","newArray","getItemKeysArray","length","indexOf","referenceItemIndex","undefined","referenceKey","toString","splice","reorderedKeys","itemKeys","position","accPositionBefore","accPositionAfter","itemKeyString","accAnnounceMovedKey","itemKey","reorderProps","reorderContext","dragKey","setDragKey","ref","itemStyles","getItem","setTransferData","isVertical","item","getKey","setPosition","pendingPositionRef","dragImgRef","itemDraggerClasses","classNames","styles","itemDragger","handleDragStart","currentDragKey","createDragImage","dragIcon","querySelector","dataTransfer","setDragImage","offsetLeft","offsetWidth","offsetTop","offsetHeight","handleDragOver","isKeyDefined","handleDragEnd","document","body","removeChild","handleDrop","reference","insertPos","dragIndex","dropIndex","sourceData","isDragged","dndItemClasses","itemDnd","itemDragged","itemOverlayClassesBefore","itemOverlayFront","itemOverlayVertical","itemOverlay","itemOverlayBefore","itemOverlayBeforeRtl","itemOverlayClassesAfter","itemOverlayRear","itemOverlayAfter","itemOverlayAfterRtl","rootProps","mergeProps","onDragStart","onDragEnd","onDragOver","onDrop","class","overlayZoneBeforeProps","onDragEnter","onDragLeave","overlayZoneAfterProps"],"mappings":"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"}

package/amd/{useRovingTabIndexContainer-be2d51cf.js → useRovingTabIndexContainer-b11a404b.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useUser-12ec03f1', './clientHints-6d361eaa'], (function(e,t,r,n){"use strict";const o=(e,t=!1)=>{if(t){const t=e.closest("data-oj-roving-tabindex-item");t&&(e=t)}return e.getAttribute("data-oj-roving-tabindex-item")||void 0},i=(e,t)=>{const r=e.findIndex((e=>o(e)===t));return-1===r?0:r},s=(e,t,r,n)=>{const o=i(e,r);let s=-1;return(!n&&"ArrowRight"===t||n&&"ArrowLeft"===t)&&(s=o===e.length-1?0:o+1),(!n&&"ArrowLeft"===t||n&&"ArrowRight"===t)&&(s=0===o?e.length-1:o-1),e[s]};e.useRovingTabIndexContainer=e=>{const a=t.useRef(null),{direction:c}=r.useUser(),u="rtl"===c,[d,f]=t.useState(void 0),[g,l]=t.useState(!1),b=n.getClientHints(),h=()=>a.current?Array.from(a.current.querySelectorAll("[data-oj-roving-tabindex-item]")):[],w={ref:a,onBlur:()=>l(!1),onFocus:e=>{if(e.target!==e.currentTarget)e.target&&f(o(e.target));else{const e=h();if(0===e.length)return;e[i(e,d)].focus()}},onKeyDown:e=>{if("ArrowRight"===e.code||"ArrowLeft"===e.code){const t=h();if(0===t.length)return;s(t,e.code,d,u).focus()}else e.shiftKey&&"Tab"===e.code&&l(!0)},..."safari"===b.browser&&{onMouseDown:e=>{const t=o(e.target,!0);t&&f(t)}},tabIndex:g||e?-1:0};return{focusedId:d,rovingTabIndexContainerProps:w}}}));
-//# sourceMappingURL=useRovingTabIndexContainer-be2d51cf.js.map
+define(['exports', 'preact/hooks', './useUser-988f7da2', './clientHints-6d361eaa'], (function(e,t,r,n){"use strict";const o=(e,t=!1)=>{if(t){const t=e.closest("data-oj-roving-tabindex-item");t&&(e=t)}return e.getAttribute("data-oj-roving-tabindex-item")||void 0},i=(e,t)=>{const r=e.findIndex((e=>o(e)===t));return-1===r?0:r},s=(e,t,r,n)=>{const o=i(e,r);let s=-1;return(!n&&"ArrowRight"===t||n&&"ArrowLeft"===t)&&(s=o===e.length-1?0:o+1),(!n&&"ArrowLeft"===t||n&&"ArrowRight"===t)&&(s=0===o?e.length-1:o-1),e[s]};e.useRovingTabIndexContainer=e=>{const a=t.useRef(null),{direction:c}=r.useUser(),u="rtl"===c,[d,f]=t.useState(void 0),[g,l]=t.useState(!1),b=n.getClientHints(),h=()=>a.current?Array.from(a.current.querySelectorAll("[data-oj-roving-tabindex-item]")):[],w={ref:a,onBlur:()=>l(!1),onFocus:e=>{if(e.target!==e.currentTarget)e.target&&f(o(e.target));else{const e=h();if(0===e.length)return;e[i(e,d)].focus()}},onKeyDown:e=>{if("ArrowRight"===e.code||"ArrowLeft"===e.code){const t=h();if(0===t.length)return;s(t,e.code,d,u).focus()}else e.shiftKey&&"Tab"===e.code&&l(!0)},..."safari"===b.browser&&{onMouseDown:e=>{const t=o(e.target,!0);t&&f(t)}},tabIndex:g||e?-1:0};return{focusedId:d,rovingTabIndexContainerProps:w}}}));
+//# sourceMappingURL=useRovingTabIndexContainer-b11a404b.js.map

package/amd/{useRovingTabIndexContainer-be2d51cf.js.map → useRovingTabIndexContainer-b11a404b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useRovingTabIndexContainer-be2d51cf.js","sources":["../../src/hooks/PRIVATE_useRovingTabIndexContainer/useRovingTabIndexContainer.tsx"],"sourcesContent":["import { useState, useRef } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\n\n/**\n * Utility hook for setting up roving tab indexes on children of the consuming parent container\n * For more details: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n * @param isDisabled boolean flag to communicate disabled state of consumer\n * @returns id of currently focused element, and props to be spread onto the consuming element\n */\nconst useRovingTabIndexContainer = (isDisabled?: boolean) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const [focusedId, setFocusedId] = useState<string | undefined>(undefined);\n  const [isShiftTabbing, setIsShiftTabbing] = useState(false); // shift tabbing is tracked in order to toggle wrapper out of the tab order\n  const clientHints = getClientHints();\n\n  const getRovingItems = () => {\n    return rootRef.current\n      ? Array.from(rootRef.current.querySelectorAll<HTMLElement>('[data-oj-roving-tabindex-item]'))\n      : [];\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.code === 'ArrowRight' || e.code === 'ArrowLeft') {\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const nextItem = getNextItem(items, e.code, focusedId, isRtl);\n      nextItem.focus();\n    } else if (e.shiftKey && e.code === 'Tab') {\n      setIsShiftTabbing(true);\n    }\n  };\n\n  // In Safari 16 and earlier, clicking on an HTML button element does not trigger a focus(in) event,\n  // and as such our handleFocus logic does not kick in and our focusedId state is never updated.\n  // To work around this, we manually update the focusedId in response to mouse downs. This has been fixed in Safari 17.\n  // This fix can be removed once Safari 18 is released.\n  const handleMouseDown = (e: MouseEvent) => {\n    const rovingItemId = getRovingItemId(e.target as HTMLElement, true);\n    if (rovingItemId) {\n      setFocusedId(rovingItemId);\n    }\n  };\n\n  const handleFocus = (e: FocusEvent) => {\n    if (e.target !== e.currentTarget) {\n      //focus has moved to one of the roving items\n      if (e.target) {\n        setFocusedId(getRovingItemId(e.target as HTMLElement));\n      }\n    } else {\n      //focus has moved to the container, and has to be passed onto the eligble item to receive focus\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const currentIndex = getCurrentRovingIndex(items, focusedId);\n      items[currentIndex].focus();\n    }\n  };\n\n  const rovingTabIndexContainerProps = {\n    ref: rootRef,\n    onBlur: () => setIsShiftTabbing(false),\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    ...(clientHints.browser === 'safari' && { onMouseDown: handleMouseDown }), // mouseDown handler needed for Safari 16\n    tabIndex: isShiftTabbing || isDisabled ? -1 : 0 // tab index is needed on the container in order to pass focus to the first child\n  };\n\n  return { focusedId, rovingTabIndexContainerProps };\n};\n\nconst getRovingItemId = (item: Element, useClosest = false) => {\n  if (useClosest) {\n    const ancestor = item.closest('data-oj-roving-tabindex-item');\n    if (ancestor) {\n      item = ancestor;\n    }\n  }\n\n  return item.getAttribute('data-oj-roving-tabindex-item') || undefined;\n};\n\nconst getCurrentRovingIndex = (items: HTMLElement[], focusedId: string | undefined) => {\n  const currentIndex = items.findIndex((item) => getRovingItemId(item) === focusedId);\n  return currentIndex === -1 ? 0 : currentIndex;\n};\n\nconst getNextItem = (\n  items: HTMLElement[],\n  eventCode: string,\n  focusedId: string | undefined,\n  isRtl: boolean\n) => {\n  const currentIndex = getCurrentRovingIndex(items, focusedId);\n  let nextIndex = -1;\n  if ((!isRtl && eventCode === 'ArrowRight') || (isRtl && eventCode === 'ArrowLeft')) {\n    nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;\n  }\n  if ((!isRtl && eventCode === 'ArrowLeft') || (isRtl && eventCode === 'ArrowRight')) {\n    nextIndex = currentIndex === 0 ? items.length - 1 : currentIndex - 1;\n  }\n  return items[nextIndex];\n};\n\nexport { useRovingTabIndexContainer };\n"],"names":["getRovingItemId","item","useClosest","ancestor","closest","getAttribute","undefined","getCurrentRovingIndex","items","focusedId","currentIndex","findIndex","getNextItem","eventCode","isRtl","nextIndex","length","isDisabled","rootRef","useRef","direction","useUser","setFocusedId","useState","isShiftTabbing","setIsShiftTabbing","clientHints","getClientHints","getRovingItems","current","Array","from","querySelectorAll","rovingTabIndexContainerProps","ref","onBlur","onFocus","e","target","currentTarget","focus","onKeyDown","code","shiftKey","browser","onMouseDown","rovingItemId","tabIndex"],"mappings":"gHAUA,MA+DMA,EAAkB,CAACC,EAAeC,GAAa,KACnD,GAAIA,EAAY,CACd,MAAMC,EAAWF,EAAKG,QAAQ,gCAC1BD,IACFF,EAAOE,EAEV,CAED,OAAOF,EAAKI,aAAa,sCAAmCC,CAAS,EAGjEC,EAAwB,CAACC,EAAsBC,KACnD,MAAMC,EAAeF,EAAMG,WAAWV,GAASD,EAAgBC,KAAUQ,IACzE,OAAyB,IAAlBC,EAAsB,EAAIA,CAAY,EAGzCE,EAAc,CAClBJ,EACAK,EACAJ,EACAK,KAEA,MAAMJ,EAAeH,EAAsBC,EAAOC,GAClD,IAAIM,GAAa,EAOjB,QANMD,GAAuB,eAAdD,GAAgCC,GAAuB,cAAdD,KACtDE,EAAYL,IAAiBF,EAAMQ,OAAS,EAAI,EAAIN,EAAe,KAE/DI,GAAuB,cAAdD,GAA+BC,GAAuB,eAAdD,KACrDE,EAA6B,IAAjBL,EAAqBF,EAAMQ,OAAS,EAAIN,EAAe,GAE9DF,EAAMO,EAAU,+BA7FWE,IAClC,MAAMC,EAAUC,SAA8B,OACxCC,UAAEA,GAAcC,EAAAA,UAChBP,EAAsB,QAAdM,GACPX,EAAWa,GAAgBC,EAAQA,cAAqBjB,IACxDkB,EAAgBC,GAAqBF,EAAQA,UAAC,GAC/CG,EAAcC,EAAAA,iBAEdC,EAAiB,IACdV,EAAQW,QACXC,MAAMC,KAAKb,EAAQW,QAAQG,iBAA8B,mCACzD,GAwCAC,EAA+B,CACnCC,IAAKhB,EACLiB,OAAQ,IAAMV,GAAkB,GAChCW,QAlBmBC,IACnB,GAAIA,EAAEC,SAAWD,EAAEE,cAEbF,EAAEC,QACJhB,EAAatB,EAAgBqC,EAAEC,aAE5B,CAEL,MAAM9B,EAAQoB,IACd,GAAqB,IAAjBpB,EAAMQ,OAAc,OAExBR,EADqBD,EAAsBC,EAAOC,IAC9B+B,OACrB,GAODC,UAzCqBJ,IACrB,GAAe,eAAXA,EAAEK,MAAoC,cAAXL,EAAEK,KAAsB,CACrD,MAAMlC,EAAQoB,IACd,GAAqB,IAAjBpB,EAAMQ,OAAc,OACPJ,EAAYJ,EAAO6B,EAAEK,KAAMjC,EAAWK,GAC9C0B,OACV,MAAUH,EAAEM,UAAuB,QAAXN,EAAEK,MACzBjB,GAAkB,EACnB,KAkC2B,WAAxBC,EAAYkB,SAAwB,CAAEC,YA3BnBR,IACvB,MAAMS,EAAe9C,EAAgBqC,EAAEC,QAAuB,GAC1DQ,GACFxB,EAAawB,EACd,GAwBDC,SAAUvB,GAAkBP,GAAc,EAAI,GAGhD,MAAO,CAAER,YAAWwB,+BAA8B"}
+{"version":3,"file":"useRovingTabIndexContainer-b11a404b.js","sources":["../../src/hooks/PRIVATE_useRovingTabIndexContainer/useRovingTabIndexContainer.tsx"],"sourcesContent":["import { useState, useRef } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\n\n/**\n * Utility hook for setting up roving tab indexes on children of the consuming parent container\n * For more details: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n * @param isDisabled boolean flag to communicate disabled state of consumer\n * @returns id of currently focused element, and props to be spread onto the consuming element\n */\nconst useRovingTabIndexContainer = (isDisabled?: boolean) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const [focusedId, setFocusedId] = useState<string | undefined>(undefined);\n  const [isShiftTabbing, setIsShiftTabbing] = useState(false); // shift tabbing is tracked in order to toggle wrapper out of the tab order\n  const clientHints = getClientHints();\n\n  const getRovingItems = () => {\n    return rootRef.current\n      ? Array.from(rootRef.current.querySelectorAll<HTMLElement>('[data-oj-roving-tabindex-item]'))\n      : [];\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.code === 'ArrowRight' || e.code === 'ArrowLeft') {\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const nextItem = getNextItem(items, e.code, focusedId, isRtl);\n      nextItem.focus();\n    } else if (e.shiftKey && e.code === 'Tab') {\n      setIsShiftTabbing(true);\n    }\n  };\n\n  // In Safari 16 and earlier, clicking on an HTML button element does not trigger a focus(in) event,\n  // and as such our handleFocus logic does not kick in and our focusedId state is never updated.\n  // To work around this, we manually update the focusedId in response to mouse downs. This has been fixed in Safari 17.\n  // This fix can be removed once Safari 18 is released.\n  const handleMouseDown = (e: MouseEvent) => {\n    const rovingItemId = getRovingItemId(e.target as HTMLElement, true);\n    if (rovingItemId) {\n      setFocusedId(rovingItemId);\n    }\n  };\n\n  const handleFocus = (e: FocusEvent) => {\n    if (e.target !== e.currentTarget) {\n      //focus has moved to one of the roving items\n      if (e.target) {\n        setFocusedId(getRovingItemId(e.target as HTMLElement));\n      }\n    } else {\n      //focus has moved to the container, and has to be passed onto the eligble item to receive focus\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const currentIndex = getCurrentRovingIndex(items, focusedId);\n      items[currentIndex].focus();\n    }\n  };\n\n  const rovingTabIndexContainerProps = {\n    ref: rootRef,\n    onBlur: () => setIsShiftTabbing(false),\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    ...(clientHints.browser === 'safari' && { onMouseDown: handleMouseDown }), // mouseDown handler needed for Safari 16\n    tabIndex: isShiftTabbing || isDisabled ? -1 : 0 // tab index is needed on the container in order to pass focus to the first child\n  };\n\n  return { focusedId, rovingTabIndexContainerProps };\n};\n\nconst getRovingItemId = (item: Element, useClosest = false) => {\n  if (useClosest) {\n    const ancestor = item.closest('data-oj-roving-tabindex-item');\n    if (ancestor) {\n      item = ancestor;\n    }\n  }\n\n  return item.getAttribute('data-oj-roving-tabindex-item') || undefined;\n};\n\nconst getCurrentRovingIndex = (items: HTMLElement[], focusedId: string | undefined) => {\n  const currentIndex = items.findIndex((item) => getRovingItemId(item) === focusedId);\n  return currentIndex === -1 ? 0 : currentIndex;\n};\n\nconst getNextItem = (\n  items: HTMLElement[],\n  eventCode: string,\n  focusedId: string | undefined,\n  isRtl: boolean\n) => {\n  const currentIndex = getCurrentRovingIndex(items, focusedId);\n  let nextIndex = -1;\n  if ((!isRtl && eventCode === 'ArrowRight') || (isRtl && eventCode === 'ArrowLeft')) {\n    nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;\n  }\n  if ((!isRtl && eventCode === 'ArrowLeft') || (isRtl && eventCode === 'ArrowRight')) {\n    nextIndex = currentIndex === 0 ? items.length - 1 : currentIndex - 1;\n  }\n  return items[nextIndex];\n};\n\nexport { useRovingTabIndexContainer };\n"],"names":["getRovingItemId","item","useClosest","ancestor","closest","getAttribute","undefined","getCurrentRovingIndex","items","focusedId","currentIndex","findIndex","getNextItem","eventCode","isRtl","nextIndex","length","isDisabled","rootRef","useRef","direction","useUser","setFocusedId","useState","isShiftTabbing","setIsShiftTabbing","clientHints","getClientHints","getRovingItems","current","Array","from","querySelectorAll","rovingTabIndexContainerProps","ref","onBlur","onFocus","e","target","currentTarget","focus","onKeyDown","code","shiftKey","browser","onMouseDown","rovingItemId","tabIndex"],"mappings":"gHAUA,MA+DMA,EAAkB,CAACC,EAAeC,GAAa,KACnD,GAAIA,EAAY,CACd,MAAMC,EAAWF,EAAKG,QAAQ,gCAC1BD,IACFF,EAAOE,EAEV,CAED,OAAOF,EAAKI,aAAa,sCAAmCC,CAAS,EAGjEC,EAAwB,CAACC,EAAsBC,KACnD,MAAMC,EAAeF,EAAMG,WAAWV,GAASD,EAAgBC,KAAUQ,IACzE,OAAyB,IAAlBC,EAAsB,EAAIA,CAAY,EAGzCE,EAAc,CAClBJ,EACAK,EACAJ,EACAK,KAEA,MAAMJ,EAAeH,EAAsBC,EAAOC,GAClD,IAAIM,GAAa,EAOjB,QANMD,GAAuB,eAAdD,GAAgCC,GAAuB,cAAdD,KACtDE,EAAYL,IAAiBF,EAAMQ,OAAS,EAAI,EAAIN,EAAe,KAE/DI,GAAuB,cAAdD,GAA+BC,GAAuB,eAAdD,KACrDE,EAA6B,IAAjBL,EAAqBF,EAAMQ,OAAS,EAAIN,EAAe,GAE9DF,EAAMO,EAAU,+BA7FWE,IAClC,MAAMC,EAAUC,SAA8B,OACxCC,UAAEA,GAAcC,EAAAA,UAChBP,EAAsB,QAAdM,GACPX,EAAWa,GAAgBC,EAAQA,cAAqBjB,IACxDkB,EAAgBC,GAAqBF,EAAQA,UAAC,GAC/CG,EAAcC,EAAAA,iBAEdC,EAAiB,IACdV,EAAQW,QACXC,MAAMC,KAAKb,EAAQW,QAAQG,iBAA8B,mCACzD,GAwCAC,EAA+B,CACnCC,IAAKhB,EACLiB,OAAQ,IAAMV,GAAkB,GAChCW,QAlBmBC,IACnB,GAAIA,EAAEC,SAAWD,EAAEE,cAEbF,EAAEC,QACJhB,EAAatB,EAAgBqC,EAAEC,aAE5B,CAEL,MAAM9B,EAAQoB,IACd,GAAqB,IAAjBpB,EAAMQ,OAAc,OAExBR,EADqBD,EAAsBC,EAAOC,IAC9B+B,OACrB,GAODC,UAzCqBJ,IACrB,GAAe,eAAXA,EAAEK,MAAoC,cAAXL,EAAEK,KAAsB,CACrD,MAAMlC,EAAQoB,IACd,GAAqB,IAAjBpB,EAAMQ,OAAc,OACPJ,EAAYJ,EAAO6B,EAAEK,KAAMjC,EAAWK,GAC9C0B,OACV,MAAUH,EAAEM,UAAuB,QAAXN,EAAEK,MACzBjB,GAAkB,EACnB,KAkC2B,WAAxBC,EAAYkB,SAAwB,CAAEC,YA3BnBR,IACvB,MAAMS,EAAe9C,EAAgBqC,EAAEC,QAAuB,GAC1DQ,GACFxB,EAAawB,EACd,GAwBDC,SAAUvB,GAAkBP,GAAc,EAAI,GAGhD,MAAO,CAAER,YAAWwB,+BAA8B"}

package/amd/{useScale-fa445112.js → useScale-5d246769.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './LayerHost-daf96749', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useScale=function(){return t.useContext(n.EnvironmentContext).scale}}));
-//# sourceMappingURL=useScale-fa445112.js.map
+define(['exports', 'preact/hooks', './LayerHost-7d4aa6d3', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useScale=function(){return t.useContext(n.EnvironmentContext).scale}}));
+//# sourceMappingURL=useScale-5d246769.js.map

package/amd/{useScale-fa445112.js.map → useScale-5d246769.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useScale-fa445112.js","sources":["../../src/hooks/UNSAFE_useScale/useScale.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 useScale() {\n  return useContext(EnvironmentContext).scale;\n}\n"],"names":["useContext","EnvironmentContext","scale"],"mappings":"sJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,KACxC"}
+{"version":3,"file":"useScale-5d246769.js","sources":["../../src/hooks/UNSAFE_useScale/useScale.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 useScale() {\n  return useContext(EnvironmentContext).scale;\n}\n"],"names":["useContext","EnvironmentContext","scale"],"mappings":"sJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,KACxC"}

package/amd/useSelectCommon-f04454d2.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-07d2aa5b', './HighlightText-ecd2e5ce', './Grid-d415ba8d', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-80a9cab7', './Skeleton-a7e166a0', 'preact/hooks', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './List-5b5b3bd7', './usePress-949a0d03', './CaretDown-59d569a3', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-9afc201a', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './CollectionInteractionContext-0b4ed98b', './useTranslationBundle-8e42d505', './clientHints-6d361eaa', 'preact/compat', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5'], (function(e,t,n,a,o,s,r,l,i,c,d,u,p,m,h,y,b,w,f,C,S,x,v,g,T){"use strict";function D(e,t){if("string"!=typeof t)return t(e);if(e.data?.hasOwnProperty(t)){const n=e.data[t];return String(n)}c.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const k=()=>{};const K=t.jsx(u.SkeletonContainer,{minimumCount:3,children:()=>t.jsx(n.Flex,{height:"12x",align:"center",children:t.jsx(l.Skeleton,{height:"4x"})})}),I=e=>0===e.button&&!e.ctrlKey,R=e=>{e.currentTarget===e.target&&e.preventDefault()},E=()=>{};e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:s,data:l,itemRenderer:c,itemText:p,onCurrentKeyChange:m,onItemAction:h,onLoadRange:y=k,onSelectionChange:b,searchText:w,selectedKeys:f,selectionMode:C}){const S=i.useCallback((e=>{const o={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:w,selectedKeys:f,onSelectionChange:({value:e})=>{b?.({value:e})}},s={data:e.data,key:e.metadata.key,metadata:e.metadata};return c?c(o):t.jsxs(n.Flex,{align:"center",children:[e.selector&&t.jsx("div",{class:d.dropdownStyles.selectorWrapper,children:e.selector()}),t.jsx("div",{class:"single"===C?d.dropdownStyles.singleSelectItem:d.dropdownStyles.multiSelectItem,children:t.jsx(r.ListItemText,{variant:"primary",children:t.jsx(a.HighlightText,{matchText:w,children:D(s,p)})})})]})}),[c,p,b,w,f,C]),x=i.useMemo((()=>({all:!1,keys:f??new Set})),[f]),v=i.useMemo((()=>void 0!==s?{rowKey:s}:void 0),[s]),g=i.useCallback((({context:{data:e,metadata:t}})=>{h?.({context:{data:e,key:t.key,metadata:t}})}),[h]),T=i.useCallback((({value:e})=>{b?.({value:new Set(e.keys?.values())})}),[b]);return t.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentItemOverride:v,data:l??null,loadingIndicator:K,onPersistCurrentItem:m,onItemAction:g,onLoadRange:y,onSelectionChange:T,role:"listbox",selectedKeys:x,selectionMode:C,children:e=>S(e)})},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,testId:a}){const{classes:o}=y.useComponentTheme(b.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:s}=y.useComponentTheme(f.BaseButtonRedwoodTheme),r=i.useCallback((e=>{e.preventDefault()}),[]),{pressProps:l}=p.usePress(n??E,{isDisabled:e}),c=h.classNames([o,s,d.dropdownStyles.arrow.base,e?d.dropdownStyles.arrow.disabled:d.dropdownStyles.arrow.enabled]),u=w.useTestId(a);return t.jsx("span",{"aria-hidden":"true",class:c,tabIndex:-1,onMouseDown:r,...u,...l,children:t.jsx(m.SvgCaretDown,{})})},e.DropdownList=function({children:e,id:n,dropdownListRef:a,hasTopGap:o=!0,hasBottomGap:s=!0,isLoading:r=!1,onKeyDown:l}){const i=h.classNames([d.dropdownStyles.list.base,o&&d.dropdownStyles.list.topGap,s&&d.dropdownStyles.list.bottomGap,r&&d.dropdownStyles.list.loading]);return t.jsx(C.CollectionInteractionContext.Provider,{value:"embedded",children:t.jsx("div",{ref:a,class:i,id:n,onMouseDown:R,onKeyDown:l,children:e})})},e.EmptyResults=function(){const e=S.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:d.dropdownStyles.results.extraItem,onMouseDown:R,children:e.select_noMatchesFound()})},e.createKeysFromValueItems=function(e){const t=e?.reduce(((e,t)=>(e.add(t.key),e)),new Set);return t},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isMobile=function(){const e=x.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===x.getClientHints().deviceType},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=I,e.isTablet=function(){return"tablet"===x.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=R,e.renderItemText=D,e.useCollectionRenderer=function({currentKey:e,onCurrentKeyChange:t,onItemAction:n,onSelectedKeysChange:a,searchText:o,selectedKeys:s,selectedOnlyData:r}){return v.useMemo((()=>{const l={searchText:o,currentRowKeyOverride:e,onPersistCurrentRowKey:t,selected:s};return void 0!==n?{...l,onRowAction:n}:{...l,onSelectedChange:a,selectedOnlyData:r}}),[e,t,n,a,o,s,r])},e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:a}){const o=i.useRef(null),s=i.useRef(null),[r,l]=i.useState(!1),[c,d]=i.useState(!1),[u,p]=i.useState({rowKey:void 0}),m=i.useRef(),h=i.useCallback((e=>{m.current=e.rowKey,p(e)}),[]),[y,b]=i.useState(!1),[w,f]=i.useState(),[C,S]=i.useState(),[x,v]=i.useState(r),[D,k]=i.useState(n),[K,R]=i.useState(y),E=i.useCallback((e=>{!e.defaultPrevented&&I(e)&&(r||l(!0),setTimeout((function(){t.current?.focus()}),0))}),[t,r]),F=i.useCallback((()=>{l(!r),t.current?.focus()}),[t,r]),L=i.useCallback((e=>{if(r)switch(l(!1),e?.type){case"keydown":if(e.code===g.KEYS.ESC)t.current?.focus();break;case"mousedown":s.current?.contains(document.activeElement)&&t.current?.focus()}}),[t,r]),P=i.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),j=i.useCallback((()=>r&&s.current?T.allTabbableElements(s.current):void 0),[r]),M=i.useCallback((t=>{if(r){if(null!=e){const t=j();t?.[0]?.focus(),void 0===u.rowKey&&h({rowKey:e.data[0]?.metadata?.key})}}else l(!0);t.preventDefault()}),[u,e,j,r,h]),O=i.useCallback((e=>{if(!g.isControlOrFunctionKey(e))switch(e.code){case g.KEYS.PAGE_UP:case g.KEYS.PAGE_DOWN:return void e.preventDefault();case g.KEYS.UP:case g.KEYS.DOWN:e.preventDefault();break;case g.KEYS.ESC:r&&(l(!1),e.preventDefault(),e.stopPropagation())}}),[r]),A=i.useCallback((e=>{if(!g.isControlOrFunctionKey(e))switch(e.code){case g.KEYS.UP:case g.KEYS.DOWN:M(e)}}),[M]),B=i.useCallback((e=>{r||l(!0),b(!0),f(e.value);const t=e.value;S(t),a?.({searchText:t})}),[r,a]),U=i.useCallback((e=>{m.current=e.value}),[]),N=i.useCallback((()=>{b(!1),f(""),S("")}),[]),Y=i.useCallback((e=>{b(!0),f(e),S(e)}),[]);return x===r&&D===n&&K===y||r||n||!y||N(),i.useEffect((()=>{r&&!y&&a?.({searchText:void 0})}),[r,y,a]),x!==r&&(r||d(!1),v(r)),D!==n&&k(n),K!==y&&R(y),{currentRowKeyRef:m,currentRowOverride:u,dropdownRef:s,getDropdownTabbableElems:j,handleDropdownArrowClick:F,handleDropdownAutoDismiss:L,handleDropdownPosition:P,handleInput:B,handleMainFieldKeyDown:O,handleMainFieldKeyUp:A,handleUpDownArrowKeys:M,isDropdownAbove:c,isDropdownOpen:r,isFocused:n||r,isUserFiltering:y,mainFieldRef:o,onCurrentKeyChange:U,onMouseDown:E,searchText:C,setCurrentRowOverride:h,setDropdownOpen:l,setUserInput:f,stopFiltering:N,updateFiltering:Y,userInput:w}}}));
+define(['exports', 'preact/jsx-runtime', './Flex-4bc3a394', './HighlightText-ace1b6c4', './Grid-2ddec30a', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-80a9cab7', './Skeleton-a7e166a0', 'preact/hooks', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './List-5b5b3bd7', './usePress-949a0d03', './CaretDown-59d569a3', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-a2e433c2', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './CollectionInteractionContext-0b4ed98b', './useTranslationBundle-27bf6340', './clientHints-6d361eaa', 'preact/compat', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5'], (function(e,t,n,a,o,s,r,l,i,c,d,u,p,m,h,y,b,w,f,C,S,x,v,g,T){"use strict";function D(e,t){if("string"!=typeof t)return t(e);if(e.data?.hasOwnProperty(t)){const n=e.data[t];return String(n)}c.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const k=()=>{};const K=t.jsx(u.SkeletonContainer,{minimumCount:3,children:()=>t.jsx(n.Flex,{height:"12x",align:"center",children:t.jsx(l.Skeleton,{height:"4x"})})}),I=e=>0===e.button&&!e.ctrlKey,R=e=>{e.currentTarget===e.target&&e.preventDefault()},E=()=>{};e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:s,data:l,itemRenderer:c,itemText:p,onCurrentKeyChange:m,onItemAction:h,onLoadRange:y=k,onSelectionChange:b,searchText:w,selectedKeys:f,selectionMode:C}){const S=i.useCallback((e=>{const o={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:w,selectedKeys:f,onSelectionChange:({value:e})=>{b?.({value:e})}},s={data:e.data,key:e.metadata.key,metadata:e.metadata};return c?c(o):t.jsxs(n.Flex,{align:"center",children:[e.selector&&t.jsx("div",{class:d.dropdownStyles.selectorWrapper,children:e.selector()}),t.jsx("div",{class:"single"===C?d.dropdownStyles.singleSelectItem:d.dropdownStyles.multiSelectItem,children:t.jsx(r.ListItemText,{variant:"primary",children:t.jsx(a.HighlightText,{matchText:w,children:D(s,p)})})})]})}),[c,p,b,w,f,C]),x=i.useMemo((()=>({all:!1,keys:f??new Set})),[f]),v=i.useMemo((()=>void 0!==s?{rowKey:s}:void 0),[s]),g=i.useCallback((({context:{data:e,metadata:t}})=>{h?.({context:{data:e,key:t.key,metadata:t}})}),[h]),T=i.useCallback((({value:e})=>{b?.({value:new Set(e.keys?.values())})}),[b]);return t.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentItemOverride:v,data:l??null,loadingIndicator:K,onPersistCurrentItem:m,onItemAction:g,onLoadRange:y,onSelectionChange:T,role:"listbox",selectedKeys:x,selectionMode:C,children:e=>S(e)})},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,testId:a}){const{classes:o}=y.useComponentTheme(b.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:s}=y.useComponentTheme(f.BaseButtonRedwoodTheme),r=i.useCallback((e=>{e.preventDefault()}),[]),{pressProps:l}=p.usePress(n??E,{isDisabled:e}),c=h.classNames([o,s,d.dropdownStyles.arrow.base,e?d.dropdownStyles.arrow.disabled:d.dropdownStyles.arrow.enabled]),u=w.useTestId(a);return t.jsx("span",{"aria-hidden":"true",class:c,tabIndex:-1,onMouseDown:r,...u,...l,children:t.jsx(m.SvgCaretDown,{})})},e.DropdownList=function({children:e,id:n,dropdownListRef:a,hasTopGap:o=!0,hasBottomGap:s=!0,isLoading:r=!1,onKeyDown:l}){const i=h.classNames([d.dropdownStyles.list.base,o&&d.dropdownStyles.list.topGap,s&&d.dropdownStyles.list.bottomGap,r&&d.dropdownStyles.list.loading]);return t.jsx(C.CollectionInteractionContext.Provider,{value:"embedded",children:t.jsx("div",{ref:a,class:i,id:n,onMouseDown:R,onKeyDown:l,children:e})})},e.EmptyResults=function(){const e=S.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:d.dropdownStyles.results.extraItem,onMouseDown:R,children:e.select_noMatchesFound()})},e.createKeysFromValueItems=function(e){const t=e?.reduce(((e,t)=>(e.add(t.key),e)),new Set);return t},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isMobile=function(){const e=x.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===x.getClientHints().deviceType},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=I,e.isTablet=function(){return"tablet"===x.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=R,e.renderItemText=D,e.useCollectionRenderer=function({currentKey:e,onCurrentKeyChange:t,onItemAction:n,onSelectedKeysChange:a,searchText:o,selectedKeys:s,selectedOnlyData:r}){return v.useMemo((()=>{const l={searchText:o,currentRowKeyOverride:e,onPersistCurrentRowKey:t,selected:s};return void 0!==n?{...l,onRowAction:n}:{...l,onSelectedChange:a,selectedOnlyData:r}}),[e,t,n,a,o,s,r])},e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:a}){const o=i.useRef(null),s=i.useRef(null),[r,l]=i.useState(!1),[c,d]=i.useState(!1),[u,p]=i.useState({rowKey:void 0}),m=i.useRef(),h=i.useCallback((e=>{m.current=e.rowKey,p(e)}),[]),[y,b]=i.useState(!1),[w,f]=i.useState(),[C,S]=i.useState(),[x,v]=i.useState(r),[D,k]=i.useState(n),[K,R]=i.useState(y),E=i.useCallback((e=>{!e.defaultPrevented&&I(e)&&(r||l(!0),setTimeout((function(){t.current?.focus()}),0))}),[t,r]),F=i.useCallback((()=>{l(!r),t.current?.focus()}),[t,r]),L=i.useCallback((e=>{if(r)switch(l(!1),e?.type){case"keydown":if(e.code===g.KEYS.ESC)t.current?.focus();break;case"mousedown":s.current?.contains(document.activeElement)&&t.current?.focus()}}),[t,r]),P=i.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),j=i.useCallback((()=>r&&s.current?T.allTabbableElements(s.current):void 0),[r]),M=i.useCallback((t=>{if(r){if(null!=e){const t=j();t?.[0]?.focus(),void 0===u.rowKey&&h({rowKey:e.data[0]?.metadata?.key})}}else l(!0);t.preventDefault()}),[u,e,j,r,h]),O=i.useCallback((e=>{if(!g.isControlOrFunctionKey(e))switch(e.code){case g.KEYS.PAGE_UP:case g.KEYS.PAGE_DOWN:return void e.preventDefault();case g.KEYS.UP:case g.KEYS.DOWN:e.preventDefault();break;case g.KEYS.ESC:r&&(l(!1),e.preventDefault(),e.stopPropagation())}}),[r]),A=i.useCallback((e=>{if(!g.isControlOrFunctionKey(e))switch(e.code){case g.KEYS.UP:case g.KEYS.DOWN:M(e)}}),[M]),B=i.useCallback((e=>{r||l(!0),b(!0),f(e.value);const t=e.value;S(t),a?.({searchText:t})}),[r,a]),U=i.useCallback((e=>{m.current=e.value}),[]),N=i.useCallback((()=>{b(!1),f(""),S("")}),[]),Y=i.useCallback((e=>{b(!0),f(e),S(e)}),[]);return x===r&&D===n&&K===y||r||n||!y||N(),i.useEffect((()=>{r&&!y&&a?.({searchText:void 0})}),[r,y,a]),x!==r&&(r||d(!1),v(r)),D!==n&&k(n),K!==y&&R(y),{currentRowKeyRef:m,currentRowOverride:u,dropdownRef:s,getDropdownTabbableElems:j,handleDropdownArrowClick:F,handleDropdownAutoDismiss:L,handleDropdownPosition:P,handleInput:B,handleMainFieldKeyDown:O,handleMainFieldKeyUp:A,handleUpDownArrowKeys:M,isDropdownAbove:c,isDropdownOpen:r,isFocused:n||r,isUserFiltering:y,mainFieldRef:o,onCurrentKeyChange:U,onMouseDown:E,searchText:C,setCurrentRowOverride:h,setDropdownOpen:l,setUserInput:f,stopFiltering:N,updateFiltering:Y,userInput:w}}}));
 //# sourceMappingURL=useSelectCommon-f04454d2.js.map