@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/amd/useDisplayValue-8b0c1851.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisplayValue-8b0c1851.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleField.tsx","../../src/UNSAFE_SelectSingle/SelectSingleFieldInput.tsx","../../src/UNSAFE_SelectSingle/useDisplayValue.ts"],"sourcesContent":["import { DropdownArrow } from '#PRIVATE_SelectCommon';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { CancelS } from '#UNSAFE_RedwoodIcons/CancelS';\nimport { NavLeft } from '#UNSAFE_RedwoodIcons/NavLeft';\nimport { TextField } from '#UNSAFE_TextField';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps } from 'preact';\n\ntype PickedTextFieldProps = Pick<\n  ComponentProps<typeof TextField>,\n  | 'columnSpan'\n  | 'compactUserAssistance'\n  | 'contentVariant'\n  | 'endContent'\n  | 'hasZeroStartMargin'\n  | 'id'\n  | 'inlineUserAssistance'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'mainFieldRef'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'resize'\n  | 'rootRef'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'testId'\n> & {\n  children: ComponentProps<typeof TextField>['mainContent'];\n};\n\ntype Props = PickedTextFieldProps & {\n  hasInsideLabel?: boolean;\n  isBackButtonShown?: boolean;\n  isClearButtonShown?: boolean;\n  isDropdownArrowShown?: boolean;\n  onBackButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n  onClearButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n  onDropdownArrowClick?: ComponentProps<typeof DropdownArrow>['onClick'];\n};\n\nexport function SelectSingleField({\n  children,\n  hasInsideLabel,\n  isBackButtonShown,\n  isClearButtonShown,\n  isDropdownArrowShown,\n  onBackButtonClick,\n  onClearButtonClick,\n  onDropdownArrowClick,\n  ...passThroughTextFieldProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { isDisabled, isLoading } = useFormFieldContext();\n\n  const startContent = isBackButtonShown ? (\n    <IconButton\n      aria-label={translations.selectMultiple_back()}\n      size=\"xs\"\n      variant=\"ghost\"\n      onAction={onBackButtonClick}>\n      <NavLeft />\n    </IconButton>\n  ) : null;\n\n  const endContent = isLoading ? undefined : (\n    <>\n      {isClearButtonShown && (\n        <IconButton\n          aria-label={translations.formControl_clear()}\n          size=\"sm\"\n          variant=\"ghost\"\n          onAction={onClearButtonClick}>\n          <CancelS />\n        </IconButton>\n      )}\n      {isDropdownArrowShown && (\n        <DropdownArrow\n          isDisabled={isDisabled}\n          onClick={onDropdownArrowClick}\n          testId={`${passThroughTextFieldProps.testId}_dropdownarrow`}\n        />\n      )}\n    </>\n  );\n\n  return (\n    <TextField\n      startContent={startContent}\n      mainContent={children}\n      endContent={endContent}\n      {...passThroughTextFieldProps}\n    />\n  );\n}\n","import { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps, Ref } from 'preact';\n\ntype PickedTextFieldInputProps = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'hasEmptyLabel'\n  | 'hasInsideLabel'\n  | 'id'\n  | 'isRequired'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'placeholder'\n  | 'textAlign'\n  | 'variant'\n> & {\n  inputRef?: Ref<HTMLInputElement>;\n};\n\ntype Props = PickedTextFieldInputProps & {\n  displayValue: string;\n  isAddToListShown: boolean;\n  isAdvancedSearchShown: boolean;\n  isUserFiltering: boolean;\n  liveRegionText?: string;\n  userInput?: string;\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n};\n\nexport function SelectSingleFieldInput({\n  displayValue,\n  isAddToListShown,\n  isAdvancedSearchShown,\n  isUserFiltering,\n  liveRegionText,\n  userInput,\n  virtualKeyboard,\n  ...passThroughTextFieldInputProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const addToListAccText = translations.select_addToListAvailable();\n  const advancedSearchAccText = translations.select_moreSearchOptionsAvailable();\n  const combinedLiveRegionText = `${liveRegionText} ${isAddToListShown ? addToListAccText : ''} ${\n    isAdvancedSearchShown ? advancedSearchAccText : ''\n  }`;\n\n  return (\n    <>\n      <TextFieldInput\n        {...passThroughTextFieldInputProps}\n        hasEndContent={true}\n        aria-autocomplete=\"list\"\n        autoComplete=\"off\"\n        role=\"combobox\"\n        spellcheck={false}\n        type={virtualKeyboard === 'auto' ? 'search' : virtualKeyboard}\n        value={isUserFiltering ? userInput : displayValue}\n      />\n      <LiveRegion>{combinedLiveRegionText}</LiveRegion>\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useMemo } from 'preact/hooks';\n\nimport { renderItemText } from '#PRIVATE_SelectCommon';\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport function useDisplayValue<K, D>(\n  itemText: ItemTextType<K, D>,\n  valueItem?: Item<K, D>,\n  componentName: 'SelectSingle' | 'InlineSelectSingle' = 'SelectSingle'\n): string {\n  // create the text displayed in the field from the selected value\n  const displayValue = useMemo(() => {\n    return valueItem === undefined ? '' : renderItemText(valueItem, itemText, componentName) ?? '';\n  }, [valueItem, itemText, componentName]);\n\n  return displayValue;\n}\n"],"names":["children","hasInsideLabel","isBackButtonShown","isClearButtonShown","isDropdownArrowShown","onBackButtonClick","onClearButtonClick","onDropdownArrowClick","passThroughTextFieldProps","translations","useTranslationBundle","isDisabled","isLoading","useFormFieldContext","startContent","_jsx","IconButton","selectMultiple_back","size","variant","onAction","NavLeft","endContent","undefined","_jsxs","jsxs","_Fragment","Fragment","formControl_clear","CancelS","SvgCancelS","DropdownArrow","onClick","testId","TextField","mainContent","displayValue","isAddToListShown","isAdvancedSearchShown","isUserFiltering","liveRegionText","userInput","virtualKeyboard","passThroughTextFieldInputProps","addToListAccText","select_addToListAvailable","advancedSearchAccText","select_moreSearchOptionsAvailable","combinedLiveRegionText","jsx","TextFieldInput","hasEndContent","autoComplete","role","spellcheck","type","value","LiveRegion","itemText","valueItem","componentName","useMemo","renderItemText"],"mappings":"+sDAiDM,UAA4BA,SAChCA,EAAQC,eACRA,EAAcC,kBACdA,EAAiBC,mBACjBA,EAAkBC,qBAClBA,EAAoBC,kBACpBA,EAAiBC,mBACjBA,EAAkBC,qBAClBA,KACGC,IAEH,MAAMC,EAAeC,uBAAiC,6BAChDC,WAAEA,EAAUC,UAAEA,GAAcC,EAAmBA,sBAE/CC,EAAeZ,EACnBa,EAAAA,IAACC,EAAUA,WAAA,CAAA,aACGP,EAAaQ,sBACzBC,KAAK,KACLC,QAAQ,QACRC,SAAUf,EACVL,SAAAe,MAACM,EAAAA,WAAO,CAAA,KAER,KAEEC,EAAaV,OAAYW,EAC7BC,EAAAC,KAAAC,EAAAC,SAAA,CAAA3B,SAAA,CACGG,GACCY,MAACC,EAAAA,WACa,CAAA,aAAAP,EAAamB,oBACzBV,KAAK,KACLC,QAAQ,QACRC,SAAUd,EAAkBN,SAC5Be,EAAAA,IAACc,EAAOC,WAAG,MAGd1B,GACCW,MAACgB,EAAAA,cAAa,CACZpB,WAAYA,EACZqB,QAASzB,EACT0B,OAAQ,GAAGzB,EAA0ByB,4BAM7C,OACElB,MAACmB,EAAAA,WACCpB,aAAcA,EACdqB,YAAanC,EACbsB,WAAYA,KACRd,GAGV,2BC/DM,UAAiC4B,aACrCA,EAAYC,iBACZA,EAAgBC,sBAChBA,EAAqBC,gBACrBA,EAAeC,eACfA,EAAcC,UACdA,EAASC,gBACTA,KACGC,IAEH,MAAMlC,EAAeC,uBAAiC,4BAChDkC,EAAmBnC,EAAaoC,4BAChCC,EAAwBrC,EAAasC,oCACrCC,EAAyB,GAAGR,KAAkBH,EAAmBO,EAAmB,MACxFN,EAAwBQ,EAAwB,KAGlD,OACEtB,EAAAA,KACEE,EAAAA,SAAA,CAAA1B,SAAA,CAAAe,EAAAkC,IAACC,EAAcA,eAAA,IACTP,EACJQ,eAAe,EAAI,oBACD,OAClBC,aAAa,MACbC,KAAK,WACLC,YAAY,EACZC,KAA0B,SAApBb,EAA6B,SAAWA,EAC9Cc,MAAOjB,EAAkBE,EAAYL,IAEvCrB,EAAAkC,IAACQ,aAAU,CAAAzD,SAAEgD,MAGnB,oBCzDM,SACJU,EACAC,EACAC,EAAuD,gBAOvD,OAJqBC,EAAAA,SAAQ,SACNtC,IAAdoC,EAA0B,GAAKG,EAAAA,eAAeH,EAAWD,EAAUE,IAAkB,IAC3F,CAACD,EAAWD,EAAUE,GAG3B"}

package/amd/useLegendContextMenu-90023a78.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', 'preact/compat', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useLegendDnd-9b550023', './SvgSymbol-b672024f', './Text-31cabc49', 'preact/hooks', './useUser-08901aba', './datatipUtils-6846028e', './useDatatip-40f28485', './useContextMenu-49bd8ffb', './Menu-0c8295f2', './MenuItem-f3de5e35', 'preact', './logger-0f873e29', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', '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,C,f,S,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",...C},f)=>{const S={fontFamily:C.textFontFamily,fontSize:C.textFontSize,color:C.textColor,fontStyle:C.textFontStyle,fontWeight:C.textFontWeight,textDecoration:C.textTextDecoration},I={lineStyle:C.lineStyle,lineWidth:C.lineWidth,markerShape:C.markerShape,markerColor:C.markerColor,source:C.source,borderColor:C.borderColor,lineColor:C.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:"",C.class]),style:{gridRow:C.gridRow,gridColumn:C.gridCol,minWidth:void 0!==C.minWidth?`${C.minWidth}px`:void 0},id:e,ref:f,"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":C["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,{...S,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,...C})=>{const f="horizontal"===e,S=f?`repeat(${C.itemsPerRow}, ${C.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,f?b:M]),style:{gridTemplateColumns:S,maxWidth:"100%"},children:m.map(((e,i)=>{const{markerColor:S,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,C.itemsPerRow,C.itemsPerCol),O=null!=U&&U!=C.itemsPerCol,z=null!=U&&1!=U;return t.jsx(D,{ref:N?C.focusedItemRef:void 0,text:B,itemIdx:i,sectionIdx:d,itemId:p?e.id:void 0,symbolHeight:h,symbolWidth:x,markerColor:S,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:C.itemWidth,id:R?c:"",textColor:C.textColor,textFontFamily:C.textFontFamily,textFontSize:C.textFontSize,textFontStyle:C.textFontStyle,textFontWeight:C.textFontWeight,textTextDecoration:C.textTextDecoration,class:n.classNames([f?"":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=function({rootDimsRef:e,focusedItemRef:t,focusedItemInfo:n,touchResponse:o,isDisabled:i,datatip:s,items:r,hoveredItemInfo:l,sections:c}){const{direction:m}=d.useUser(),h="rtl"===m,[x,g]=a.useState(P(t,e,n,h));let y,p,C;a.useLayoutEffect((()=>{g(P(t,e,n,h))}),[n,t,h,e]);const f=n?.isCurrent?n:l?.isCurrent?l:void 0;if(f){const{itemIdx:e,sectionIdx:t}=f,n=c&&c.length>0?c[t].items[e]:r&&r[e];if(n){const o={data:n,itemIndex:e,sectionIndex:t,id:n.id};y=n.datatip;const i=s?.(o);i&&(y=i.content,p=i.borderColor,C=i.defaultContainer)}}const S=n?.isCurrent?"element":"pointer";return u.useDatatip({content:y,placement:"top",anchor:S,offset:x,touchResponse:o,isDisabled:i,borderColor:p,defaultContainer:C})},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-90023a78.js.map

package/amd/useLegendContextMenu-90023a78.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLegendContextMenu-90023a78.js","sources":["../../src/PRIVATE_BaseLegend/LegendImageMarker.tsx","../../src/PRIVATE_BaseLegend/LegendSymbol.tsx","../../src/PRIVATE_BaseLegend/LegendText.tsx","../../src/PRIVATE_BaseLegend/BaseLegendItem.tsx","../../src/UNSAFE_Legend/useLegendDatatip.ts","../../src/PRIVATE_BaseLegend/BaseLegend.tsx","../../src/PRIVATE_BaseLegend/useLegendContextMenu.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { styles } from '#PRIVATE_BaseLegend/themes/LegendStyles.css';\n\ntype ImageMarkerProps = {\n  source: string;\n};\n\nexport function ImageMarker(props: ImageMarkerProps) {\n  const { imageMarkerStyle } = styles;\n  return <img class={imageMarkerStyle} src={props.source} role=\"none\" />;\n}\n","import { SvgSymbol } from '#PRIVATE_SvgShapes';\nimport { ImageMarker } from './LegendImageMarker';\nimport { Property } from 'csstype';\nimport { styles } from '#PRIVATE_BaseLegend/themes/LegendStyles.css';\nimport { SymbolProps } from '#utils/UNSAFE_visTypes/legend';\n\ntype LegendSymbolProps = {\n  isHidden?: boolean;\n  lineLength?: number;\n  width?: Property.Width;\n  height?: Property.Height;\n  borderColor?: Property.Color;\n} & SymbolProps;\n\nexport const LegendSymbol = ({\n  // The default color is not in the redwood pallete.\n  // TODO: replace default legend color with UX approved pallete color when available.\n  markerColor = '#a6acb1',\n  lineColor = '#a6acb1',\n  markerShape = 'square',\n  isHidden = false,\n  lineStyle = 'none',\n  ...props\n}: LegendSymbolProps) => {\n  const { legendSymbolBaseStyle } = styles;\n  const dimensionsNotSet = props.width == null && props.height == null;\n  const setAspectRatioNone =\n    !dimensionsNotSet && (markerShape === 'rectangle' || markerShape === 'ellipse');\n  const defaultLineWidth = lineStyle != 'none' && markerShape != 'none' ? 2 : 3;\n  return (\n    <div className={legendSymbolBaseStyle} style={{ width: props.width, height: props.height }}>\n      {props.source ? (\n        <ImageMarker source={props.source} />\n      ) : (\n        <SvgSymbol\n          setAspectRatioNone={setAspectRatioNone}\n          markerShape={isHidden ? 'square' : markerShape}\n          lineStyle={isHidden ? 'none' : lineStyle}\n          lineColor={lineColor}\n          lineLength={props.lineLength}\n          lineWidth={props.lineWidth != null ? props.lineWidth : defaultLineWidth}\n          markerColor={isHidden ? 'transparent' : markerColor}\n          borderColor={isHidden ? markerColor || lineColor : props.borderColor}\n          setAbsolutePos={true}\n        />\n      )}\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Text } from '#UNSAFE_Text';\nimport { Property } from 'csstype';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from '#PRIVATE_BaseLegend/themes/LegendStyles.css';\n\ntype LegendTextProps = {\n  text: string;\n  type: 'label' | 'title';\n  fontStyle?: Property.FontStyle;\n  fontSize?: Property.FontSize;\n  fontWeight?: Property.FontWeight;\n  textDecoration?: Property.TextDecoration;\n  color?: Property.Color;\n  fontFamily?: Property.FontFamily;\n  id?: string;\n  align?: 'start' | 'center' | 'end';\n};\n\n/**\n * Returns the legend text component.\n */\nexport const LegendText = ({\n  text,\n  type = 'label',\n  id,\n  align = 'start',\n  ...props\n}: LegendTextProps) => {\n  const {\n    legendTextBaseStyle,\n    legendTextTitle,\n    legendTitleStartAlign,\n    legendTitleCenterAlign,\n    legendTitleEndAlign\n  } = styles;\n  const isTitle = type === 'title';\n  return (\n    <div\n      class={classNames([\n        legendTextBaseStyle,\n        isTitle ? legendTextTitle : '',\n        isTitle && align === 'start' ? legendTitleStartAlign : '',\n        isTitle && align === 'center' ? legendTitleCenterAlign : '',\n        isTitle && align === 'end' ? legendTitleEndAlign : ''\n      ])}\n      style={{\n        ...props\n      }}>\n      <Text size=\"inherit\" variant=\"inherit\" weight=\"inherit\" truncation={'ellipsis'} id={id}>\n        {text}\n      </Text>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { JSX } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { styles } from './themes/LegendStyles.css';\nimport { getLegendCurrentItemStyle } from '#utils/PRIVATE_legendUtils/legendUtils';\nimport { SymbolProps, TextStylesProps } from '#utils/UNSAFE_visTypes/legend';\nimport { LegendSymbol } from './LegendSymbol';\nimport { LegendText } from './LegendText';\n\ntype BaseLegendItemProps = {\n  text: string;\n  itemIdx: number;\n  sectionIdx: number;\n  itemId?: number | string;\n  isCurrent: boolean;\n  isFocused: boolean;\n  isHighlighted?: boolean;\n  isHidden?: boolean;\n  symbolWidth?: number;\n  symbolHeight?: number;\n  id?: string;\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n  class?: string;\n  minWidth?: number;\n  gridCol?: number;\n  gridRow?: number;\n  hideAndShowBehavior?: 'on' | 'off';\n  actionable?: 'off' | 'inherit';\n  hoverBehavior?: 'dim' | 'none';\n} & SymbolProps &\n  TextStylesProps;\n\nexport const BaseLegendItem = forwardRef(\n  (\n    {\n      id,\n      text,\n      sectionIdx,\n      itemIdx,\n      itemId,\n      isHighlighted,\n      symbolHeight,\n      symbolWidth,\n      isFocused,\n      isCurrent,\n      isHidden,\n      actionable = 'inherit',\n      hoverBehavior = 'none',\n      hideAndShowBehavior = 'off',\n      ...props\n    }: BaseLegendItemProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const textStyles = {\n      fontFamily: props.textFontFamily,\n      fontSize: props.textFontSize,\n      color: props.textColor,\n      fontStyle: props.textFontStyle,\n      fontWeight: props.textFontWeight,\n      textDecoration: props.textTextDecoration\n    };\n\n    const symbolProps = {\n      lineStyle: props.lineStyle,\n      lineWidth: props.lineWidth,\n      markerShape: props.markerShape,\n      markerColor: props.markerColor,\n      source: props.source,\n      borderColor: props.borderColor,\n      lineColor: props.lineColor\n    };\n\n    const isNotDimmed = isHighlighted || isHighlighted == null;\n    const { legendItemBaseStyle, legendItemOpacity, legendItemFocusRing } = styles;\n\n    return (\n      <div\n        class={classNames([\n          legendItemBaseStyle,\n          getLegendCurrentItemStyle(\n            isCurrent,\n            isHighlighted,\n            hideAndShowBehavior,\n            hoverBehavior,\n            isHidden,\n            actionable\n          ),\n          !isNotDimmed ? legendItemOpacity : '',\n          isFocused ? legendItemFocusRing : '',\n          props.class\n        ])}\n        style={{\n          gridRow: props.gridRow,\n          gridColumn: props.gridCol,\n          minWidth: props.minWidth !== undefined ? `${props.minWidth}px` : undefined\n        }}\n        id={id}\n        ref={ref}\n        data-oj-private-section={sectionIdx}\n        data-oj-private-item={itemIdx}\n        data-oj-private-item-id={itemId}\n        role={isHidden != null ? 'menuitemcheckbox' : 'img'}\n        aria-checked={isHidden != null ? !isHidden : undefined}\n        aria-label={props['aria-label'] || text}>\n        <LegendSymbol\n          {...symbolProps}\n          isHidden={isHidden}\n          lineLength={symbolWidth}\n          width={symbolWidth != null ? `${symbolWidth}px` : undefined}\n          height={symbolHeight != null ? `${symbolHeight}px` : undefined}\n        />\n        <LegendText {...textStyles} text={text} type=\"label\" />\n      </div>\n    );\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, RefObject } from 'preact';\nimport { MutableRef, useLayoutEffect, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ItemInfo, LegendSectionData, LegendItemData } from '#utils/UNSAFE_visTypes/legend';\nimport { DATATIP_OFFSET } from '#utils/UNSAFE_visUtils/datatipUtils';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\nimport { DatatipConfig } from '#utils/UNSAFE_visTypes/common';\nimport { LegendDatatipContext } from './legend.type';\n\ntype props<K, D, S> = {\n  items?: D[];\n\n  sections?: S[];\n\n  rootDimsRef: MutableRef<DOMRect | undefined>;\n\n  focusedItemRef: RefObject<HTMLDivElement>;\n\n  focusedItemInfo: ItemInfo;\n\n  hoveredItemInfo?: ItemInfo;\n\n  touchResponse: 'touchStart' | 'touchHold';\n\n  isDisabled: boolean;\n\n  datatip?: DatatipConfig<LegendDatatipContext<K, D>>;\n};\n\n/**\n * Calculate the datatip offset for datatip when keyboard focus is active.\n * @param focusedItemRef The ref for currentItem node.\n * @param rootRef The ref for root of the legend.\n * @param currentItem The ItemInfo of the current keyboard focused item.\n * @returns\n */\nconst calculateOffset = (\n  focusedItemRef: RefObject<HTMLDivElement>,\n  rootDimsRef: MutableRef<DOMRect | undefined>,\n  currentItem: ItemInfo,\n  isRtl: boolean\n) => {\n  let crossAxis = 0;\n  let mainAxisOffset = DATATIP_OFFSET;\n  if (focusedItemRef.current && currentItem.isCurrent && rootDimsRef.current) {\n    const rootDim = rootDimsRef.current;\n    const itemDim = focusedItemRef.current.getBoundingClientRect();\n    crossAxis = itemDim.x + itemDim.width / 2 - (rootDim.x + rootDim.width / 2);\n    crossAxis = isRtl ? -1 * crossAxis : crossAxis;\n    mainAxisOffset += rootDim.y - itemDim.y;\n    mainAxisOffset = Math.min(\n      DATATIP_OFFSET,\n      Math.max(mainAxisOffset, itemDim.height - rootDim.height + DATATIP_OFFSET)\n    );\n  }\n  return { crossAxis, mainAxis: mainAxisOffset };\n};\n\n/**\n * Custom hook to manage datatip (tooltip) display for Legend and Sectional Legend.\n *\n * This hook calculates the appropriate offset and content for a datatip based on keyboard focus,\n * hover state, and legend structure. It supports both sectioned and flat legend data, RTL direction,\n * and touch interactions.\n *\n * @template K - Key type for legend items (string or number)\n * @template D - Legend item data type\n * @template S - Legend section data type\n * @returns {ReturnType<typeof useDatatip>} Datatip configuration for rendering\n */\nexport function useLegendDatatip<\n  K extends string | number,\n  D extends LegendItemData<K>,\n  S extends LegendSectionData<K, D>\n>({\n  rootDimsRef,\n  focusedItemRef,\n  focusedItemInfo,\n  touchResponse,\n  isDisabled,\n  datatip,\n  items,\n  hoveredItemInfo,\n  sections\n}: props<K, D, S>) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const [offset, setOffset] = useState<{ mainAxis?: number; crossAxis?: number }>(\n    calculateOffset(focusedItemRef, rootDimsRef, focusedItemInfo, isRtl)\n  );\n\n  useLayoutEffect(() => {\n    setOffset(calculateOffset(focusedItemRef, rootDimsRef, focusedItemInfo, isRtl));\n  }, [focusedItemInfo, focusedItemRef, isRtl, rootDimsRef]);\n\n  let content: ComponentChildren = undefined;\n  let borderColor: string | undefined = undefined;\n  let defaultContainer: 'enabled' | 'disabled' | undefined = undefined;\n\n  const activeItemInfo = focusedItemInfo?.isCurrent\n    ? focusedItemInfo\n    : hoveredItemInfo?.isCurrent\n    ? hoveredItemInfo\n    : undefined;\n  if (activeItemInfo) {\n    const { itemIdx, sectionIdx } = activeItemInfo;\n    const activeItem =\n      sections && sections.length > 0\n        ? sections[sectionIdx].items[itemIdx]\n        : items && items[itemIdx];\n\n    if (activeItem) {\n      const detail: LegendDatatipContext<K, D> = {\n        data: activeItem,\n        itemIndex: itemIdx,\n        sectionIndex: sectionIdx,\n        id: activeItem.id\n      };\n      content = activeItem.datatip;\n      const config = datatip?.(detail);\n      if (config) {\n        content = config.content;\n        borderColor = config.borderColor;\n        defaultContainer = config.defaultContainer;\n      }\n    }\n  }\n\n  const anchor = focusedItemInfo?.isCurrent ? 'element' : 'pointer';\n\n  return useDatatip({\n    content,\n    placement: 'top',\n    anchor,\n    offset,\n    touchResponse,\n    isDisabled,\n    borderColor,\n    defaultContainer\n  });\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { BaseLegendItem } from './BaseLegendItem';\nimport { getItemProps, getGridCellIndices } from '#utils/PRIVATE_legendUtils/legendUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/LegendStyles.css';\nimport { BaseLegendProps, LegendItemData } from '#utils/UNSAFE_visTypes/legend';\n\n/**\n * The controlled legend reponsible only for rendering the legend items.\n */\nexport const BaseLegend = <\n  K extends string | number,\n  D extends LegendItemData<K> = LegendItemData<K>\n>({\n  orientation = 'horizontal',\n  highlightedIds,\n  hiddenIds,\n  focusedItemInfo,\n  hoveredItemInfo,\n  sectionIdx,\n  activeId,\n  isReadOnly,\n  items,\n  symbolHeight,\n  symbolWidth,\n  hideAndShowBehavior = 'off',\n  hoverBehavior = 'none',\n  isTestEnv,\n  ...props\n}: BaseLegendProps<K, D>) => {\n  const isHoriz = orientation === 'horizontal';\n  const columTemplates = isHoriz ? `repeat(${props.itemsPerRow}, ${props.itemWidth})` : undefined;\n  const {\n    baseLegendStyles,\n    baseLegendHorizontal,\n    baseLegendVertical,\n    baseLegendVerticalItem,\n    baseLegendPaddingBottom,\n    baseLegendPaddingTop,\n    baseLegendPaddingEnd\n  } = styles;\n\n  return (\n    <div\n      className={classNames([\n        baseLegendStyles,\n        isHoriz ? baseLegendHorizontal : baseLegendVertical\n      ])}\n      style={{\n        gridTemplateColumns: columTemplates,\n        // set maxWidth to 100% on second render for text truncation to work.\n        maxWidth: '100%'\n      }}>\n      {items.map((item: LegendItemData<K>, index: number) => {\n        const {\n          markerColor,\n          markerShape,\n          source,\n          borderColor,\n          lineColor,\n          isCurrent,\n          isFocused,\n          isHidden,\n          isHighlighted,\n          key,\n          actionable,\n          text,\n          lineStyle,\n          lineWidth\n        } = getItemProps<K>(\n          item,\n          index,\n          sectionIdx,\n          focusedItemInfo,\n          isReadOnly,\n          hoveredItemInfo,\n          hiddenIds,\n          highlightedIds\n        );\n        const isFocusedItem =\n          focusedItemInfo.sectionIdx === sectionIdx && focusedItemInfo.itemIdx === index;\n        const { gridRow, gridCol } = getGridCellIndices(\n          items.length,\n          index,\n          props.itemsPerRow,\n          props.itemsPerCol\n        );\n        const needsBottomSpace = gridRow != null && gridRow != props.itemsPerCol;\n        const needsTopSpace = gridRow != null && gridRow != 1;\n        return (\n          <BaseLegendItem\n            ref={isFocusedItem ? props.focusedItemRef : undefined}\n            text={text}\n            itemIdx={index}\n            sectionIdx={sectionIdx}\n            itemId={isTestEnv ? item.id : undefined}\n            symbolHeight={symbolHeight}\n            symbolWidth={symbolWidth}\n            markerColor={markerColor}\n            markerShape={markerShape}\n            lineStyle={lineStyle}\n            lineWidth={lineWidth}\n            source={source}\n            borderColor={borderColor}\n            aria-label={item['aria-label']}\n            lineColor={lineColor}\n            isCurrent={isCurrent}\n            isFocused={isFocused}\n            isHidden={isHidden}\n            isHighlighted={isHighlighted}\n            key={key}\n            gridRow={gridRow}\n            gridCol={gridCol}\n            minWidth={props.itemWidth}\n            id={isCurrent ? activeId : ''}\n            textColor={props.textColor}\n            textFontFamily={props.textFontFamily}\n            textFontSize={props.textFontSize}\n            textFontStyle={props.textFontStyle}\n            textFontWeight={props.textFontWeight}\n            textTextDecoration={props.textTextDecoration}\n            class={classNames([\n              isHoriz ? '' : baseLegendVerticalItem,\n              needsTopSpace ? baseLegendPaddingTop : '',\n              needsBottomSpace ? baseLegendPaddingBottom : '',\n              baseLegendPaddingEnd\n            ])}\n            hideAndShowBehavior={hideAndShowBehavior}\n            hoverBehavior={hoverBehavior}\n            actionable={actionable}\n          />\n        );\n      })}\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport {\n  LegendContextMenuContext,\n  SectionalLegendContextMenuContext,\n  ItemInfo,\n  LegendSectionData\n} from '#utils/UNSAFE_visTypes/legend';\nimport { type gestureTypes, useContextMenu } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getItemInfo } from '#utils/PRIVATE_legendUtils/legendUtils';\nimport { ContextMenuConfig } from '#utils/UNSAFE_visTypes/common';\n\ntype BaseProps = {\n  isReadOnly: boolean;\n  rootRef: RefObject<HTMLDivElement>;\n  focusedItemInfo: ItemInfo;\n  onContextMenuDismissed?: (gesture: gestureTypes) => void;\n};\n\ntype LegendUseContextMenuProps<D> = BaseProps & {\n  items: D[];\n  contextMenuConfig?: ContextMenuConfig<LegendContextMenuContext<D>>;\n};\n\ntype SectionalLegendUseContextMenuProps<D, S> = BaseProps & {\n  sections: S[];\n  contextMenuConfig?: ContextMenuConfig<SectionalLegendContextMenuContext<D>>;\n};\n\nexport const useLegendContextMenu = <D>({\n  rootRef,\n  contextMenuConfig,\n  focusedItemInfo,\n  items,\n  isReadOnly,\n  onContextMenuDismissed\n}: LegendUseContextMenuProps<D>) => {\n  const { contextMenuProps, contextMenuContent } = useContextMenu<LegendContextMenuContext<D>>({\n    onContextMenuHandler: ({ gesture, target }) => {\n      if (gesture === 'keyboard') {\n        const itemIdx = focusedItemInfo.itemIdx;\n        const elem = rootRef.current?.querySelector(`[data-oj-private-item=\"${itemIdx}\"]`) || null;\n        const data = items[itemIdx];\n        const context = { type: 'item' as const, data };\n        return {\n          type: 'element',\n          context,\n          elem\n        };\n      }\n      const itemIdx = getItemInfo(target as HTMLElement)?.itemIdx;\n      const data = itemIdx !== undefined ? items[itemIdx] : null;\n      const context = data ? { type: 'item' as const, data } : { type: 'background' as const };\n      return {\n        type: 'pointer',\n        context\n      };\n    },\n    contextMenuOptions: {\n      isDisabled: !contextMenuConfig || isReadOnly //If there is no context menu renderer or if isReadOnly is true, we disable the hook\n    },\n    rootRef,\n    contextMenuConfig,\n    onContextMenuDismissed\n  });\n\n  return { contextMenuContent, contextMenuProps };\n};\n\nexport const useSectionalLegendContextMenu = <K, D, S extends LegendSectionData<K, D>>({\n  rootRef,\n  contextMenuConfig,\n  focusedItemInfo,\n  sections,\n  isReadOnly,\n  onContextMenuDismissed\n}: SectionalLegendUseContextMenuProps<D, S>) => {\n  const { contextMenuProps, contextMenuContent } = useContextMenu<\n    SectionalLegendContextMenuContext<D>\n  >({\n    onContextMenuHandler: ({ gesture, target }) => {\n      if (gesture === 'keyboard') {\n        const itemIdx = focusedItemInfo.itemIdx;\n        const sectionIdx = focusedItemInfo.sectionIdx;\n        const data = sections[sectionIdx]?.items[itemIdx];\n        if (data) {\n          const elem =\n            rootRef.current?.querySelector(\n              `[data-oj-private-item=\"${itemIdx}\"][data-oj-private-section=\"${sectionIdx}\"]`\n            ) || null;\n          const context = { type: 'item' as const, itemIndexPath: [sectionIdx, itemIdx], data };\n          return {\n            type: 'element',\n            context,\n            elem\n          };\n        }\n      }\n      const itemIdx = getItemInfo(target as HTMLElement)?.itemIdx;\n      const sectionIdx = getItemInfo(target as HTMLElement)?.sectionIdx;\n      const data =\n        sectionIdx !== undefined && itemIdx !== undefined\n          ? sections[sectionIdx]?.items[itemIdx]\n          : null;\n      const itemIndexPath = [sectionIdx!, itemIdx!];\n      const context = data\n        ? { type: 'item' as const, data, itemIndexPath }\n        : { type: 'background' as const };\n      return {\n        type: 'pointer',\n        context\n      };\n    },\n    contextMenuOptions: {\n      isDisabled: !contextMenuConfig || isReadOnly //If there is no context menu renderer or if isReadOnly is true, we disable the hook\n    },\n    rootRef,\n    contextMenuConfig,\n    onContextMenuDismissed\n  });\n\n  return { contextMenuContent, contextMenuProps };\n};\n"],"names":["ImageMarker","props","imageMarkerStyle","styles","_jsx","class","src","source","role","LegendSymbol","markerColor","lineColor","markerShape","isHidden","lineStyle","legendSymbolBaseStyle","setAspectRatioNone","width","height","defaultLineWidth","jsx","className","style","SvgSymbol","lineLength","lineWidth","borderColor","setAbsolutePos","LegendText","text","type","id","align","legendTextBaseStyle","legendTextTitle","legendTitleStartAlign","legendTitleCenterAlign","legendTitleEndAlign","isTitle","classNames","children","Text","size","variant","weight","truncation","BaseLegendItem","forwardRef","sectionIdx","itemIdx","itemId","isHighlighted","symbolHeight","symbolWidth","isFocused","isCurrent","actionable","hoverBehavior","hideAndShowBehavior","ref","textStyles","fontFamily","textFontFamily","fontSize","textFontSize","color","textColor","fontStyle","textFontStyle","fontWeight","textFontWeight","textDecoration","textTextDecoration","symbolProps","isNotDimmed","legendItemBaseStyle","legendItemOpacity","legendItemFocusRing","_jsxs","getLegendCurrentItemStyle","gridRow","gridColumn","gridCol","minWidth","undefined","calculateOffset","focusedItemRef","rootDimsRef","currentItem","isRtl","crossAxis","mainAxisOffset","DATATIP_OFFSET","current","rootDim","itemDim","getBoundingClientRect","x","y","Math","min","max","mainAxis","orientation","highlightedIds","hiddenIds","focusedItemInfo","hoveredItemInfo","activeId","isReadOnly","items","isTestEnv","isHoriz","columTemplates","itemsPerRow","itemWidth","baseLegendStyles","baseLegendHorizontal","baseLegendVertical","baseLegendVerticalItem","baseLegendPaddingBottom","baseLegendPaddingTop","baseLegendPaddingEnd","gridTemplateColumns","maxWidth","map","item","index","key","getItemProps","isFocusedItem","getGridCellIndices","length","itemsPerCol","needsBottomSpace","needsTopSpace","rootRef","contextMenuConfig","onContextMenuDismissed","contextMenuProps","contextMenuContent","useContextMenu","onContextMenuHandler","gesture","target","elem","querySelector","context","data","getItemInfo","contextMenuOptions","isDisabled","touchResponse","datatip","sections","direction","useUser","offset","setOffset","useState","content","defaultContainer","useLayoutEffect","activeItemInfo","activeItem","detail","itemIndex","sectionIndex","config","anchor","useDatatip","placement","itemIndexPath"],"mappings":"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"}

package/amd/useMiddleEllipsis-9ade43e6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks'], (function(e,t){"use strict";e.useMiddleEllipsis=e=>{const n=t.useRef(null),[r,i]=t.useState(e),o=t.useRef(null),s=t.useCallback((()=>{const t=n.current;if(!t||!e)return e;if(e.length<=6)return e;const r=window.getComputedStyle(t),i=t.firstElementChild instanceof HTMLElement?t.firstElementChild:t,s=window.getComputedStyle(i);let l=o.current;l||(l=document.createElement("span"),l.style.position="absolute",l.style.visibility="hidden",l.style.whiteSpace="pre",l.style.pointerEvents="none",l.style.left="-99999px",l.style.top="0",document.body.appendChild(l),o.current=l),l.style.font=s.font,l.style.fontSize=s.fontSize,l.style.fontFamily=s.fontFamily,l.style.fontWeight=s.fontWeight,l.style.fontStyle=s.fontStyle,l.style.letterSpacing=s.letterSpacing,l.style.wordSpacing=s.wordSpacing,l.style.textTransform=s.textTransform,l.style.fontKerning=s.fontKerning,l.style.fontFeatureSettings=s.fontFeatureSettings,l.style.fontVariantLigatures=s.fontVariantLigatures;const a=parseFloat(r.paddingLeft||"0")+parseFloat(r.paddingRight||"0"),u=t.parentElement,c=u?window.getComputedStyle(u):null,d=c?parseFloat(c.paddingLeft||"0")+parseFloat(c.paddingRight||"0"):0,f=u?Math.max(0,u.getBoundingClientRect().width-d):0,m=(e=>{const t=e.trim();if(!t||"none"===t||"auto"===t)return null;if(!t.endsWith("px"))return null;const n=parseFloat(t);return Number.isFinite(n)?n:null})(r.maxWidth),p=null!==m&&m>0?Math.max(0,m-a):0,g=Math.max(0,t.getBoundingClientRect().width-a),y=[f,p].filter((e=>e>0)).reduce(((e,t)=>Math.min(e,t)),Number.POSITIVE_INFINITY),h=Number.isFinite(y)?Math.max(g,y):g,E=Math.max(0,h-2);if(E<=0)return e;const v=new Map,b=e=>{const t=v.get(e);if(void 0!==t)return t;l.textContent=e;const n=l.getBoundingClientRect().width;return v.set(e,n),n};if(b(e)<=E)return e;const F=(t,n)=>e.slice(0,t)+"…"+e.slice(e.length-n),w=(e,t)=>b(F(e,t))<=E;let L=0,C=5;if(!w(L,C)){for(;C>1&&!w(0,C);)C--;return F(0,C)}const S=e.length-1;for(;L+C<S;){const e=L+1,t=C+1,n=e+C<=S&&w(e,C),r=L+t<=S&&w(L,t);if(!n&&!r)break;n&&!r?L=e:!n&&r||C<=L+2?C=t:L=e}for(;!w(L,C)&&(L>0||C>1);)L>0&&(C<=5||L>=C-1)?L--:C--;return F(L,C)}),[e]),l=t.useCallback((()=>{const e=s();i((t=>t===e?t:e))}),[s]);return t.useLayoutEffect((()=>{l()}),[e,l]),t.useLayoutEffect((()=>{const e=n.current;if(!e)return;const t=e.parentElement,r=e.firstElementChild instanceof HTMLElement?e.firstElementChild:null;let i=0;const o=()=>{cancelAnimationFrame(i),i=requestAnimationFrame((()=>{l()}))};if("undefined"!=typeof ResizeObserver){const n=new ResizeObserver(o);n.observe(e),t&&n.observe(t),r&&n.observe(r);const s=document.fonts;return s?.addEventListener&&(s.addEventListener("loadingdone",o),s.addEventListener("loadingerror",o)),()=>{cancelAnimationFrame(i),n.disconnect(),s?.removeEventListener&&(s.removeEventListener("loadingdone",o),s.removeEventListener("loadingerror",o))}}return window.addEventListener("resize",o),()=>{cancelAnimationFrame(i),window.removeEventListener("resize",o)}}),[l]),t.useLayoutEffect((()=>{const e=n.current;if(!e||"undefined"==typeof MutationObserver)return;const t=e.firstElementChild instanceof HTMLElement?e.firstElementChild:null;let r=0;const i=new MutationObserver((()=>{cancelAnimationFrame(r),r=requestAnimationFrame((()=>{l()}))}));return i.observe(e,{attributes:!0,attributeFilter:["class","style"]}),t&&i.observe(t,{attributes:!0,attributeFilter:["class","style"]}),()=>{cancelAnimationFrame(r),i.disconnect()}}),[l]),t.useLayoutEffect((()=>()=>{o.current?.parentNode&&o.current.parentNode.removeChild(o.current),o.current=null}),[]),{ref:n,truncatedText:r}}}));
+//# sourceMappingURL=useMiddleEllipsis-9ade43e6.js.map

package/amd/useMiddleEllipsis-9ade43e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMiddleEllipsis-9ade43e6.js","sources":["../../src/hooks/PRIVATE_useMiddleEllipsis/useMiddleEllipsis.tsx"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport type { RefObject } from 'preact';\n\ntype UseMiddleEllipsisResult = {\n  ref: RefObject<HTMLElement>;\n  truncatedText: string;\n};\n\nconst parsePixelSize = (value: string): number | null => {\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === 'none' || trimmed === 'auto') return null;\n  if (!trimmed.endsWith('px')) return null;\n  const parsed = parseFloat(trimmed);\n  return Number.isFinite(parsed) ? parsed : null;\n};\n\n// Hook that returns a ref to attach to the parent container and a truncated string\n// with the ellipsis placed in the middle. The hook recalculates when the container\n// width or the input text changes.\nconst useMiddleEllipsis = <E extends HTMLElement = HTMLElement>(\n  text: string\n): UseMiddleEllipsisResult => {\n  const containerRef = useRef<E>(null);\n  const [displayText, setDisplayText] = useState(text);\n  const measurementRef = useRef<HTMLSpanElement | null>(null);\n\n  // Compute the truncated candidate for the current text and container width\n  const computeCandidate = useCallback(() => {\n    const container = containerRef.current;\n    if (!container || !text) return text;\n    const MIN_RIGHT_CHARS = 5;\n    if (text.length <= MIN_RIGHT_CHARS + 1) {\n      return text;\n    }\n\n    const containerStyle = window.getComputedStyle(container);\n    const textElement =\n      container.firstElementChild instanceof HTMLElement ? container.firstElementChild : container;\n    const style = window.getComputedStyle(textElement);\n    let measurementEl = measurementRef.current;\n    if (!measurementEl) {\n      measurementEl = document.createElement('span');\n      measurementEl.style.position = 'absolute';\n      measurementEl.style.visibility = 'hidden';\n      measurementEl.style.whiteSpace = 'pre';\n      measurementEl.style.pointerEvents = 'none';\n      measurementEl.style.left = '-99999px';\n      measurementEl.style.top = '0';\n      document.body.appendChild(measurementEl);\n      measurementRef.current = measurementEl;\n    }\n\n    measurementEl.style.font = style.font;\n    measurementEl.style.fontSize = style.fontSize;\n    measurementEl.style.fontFamily = style.fontFamily;\n    measurementEl.style.fontWeight = style.fontWeight;\n    measurementEl.style.fontStyle = style.fontStyle;\n    measurementEl.style.letterSpacing = style.letterSpacing;\n    measurementEl.style.wordSpacing = style.wordSpacing;\n    measurementEl.style.textTransform = style.textTransform;\n    measurementEl.style.fontKerning = style.fontKerning;\n    measurementEl.style.fontFeatureSettings = style.fontFeatureSettings;\n    measurementEl.style.fontVariantLigatures = style.fontVariantLigatures;\n\n    const horizontalPadding =\n      parseFloat(containerStyle.paddingLeft || '0') +\n      parseFloat(containerStyle.paddingRight || '0');\n    const parent = container.parentElement;\n    const parentStyle = parent ? window.getComputedStyle(parent) : null;\n    const parentHorizontalPadding = parentStyle\n      ? parseFloat(parentStyle.paddingLeft || '0') + parseFloat(parentStyle.paddingRight || '0')\n      : 0;\n    const parentContentWidth = parent\n      ? Math.max(0, parent.getBoundingClientRect().width - parentHorizontalPadding)\n      : 0;\n    const maxWidthPx = parsePixelSize(containerStyle.maxWidth);\n    const maxWidthContent =\n      maxWidthPx !== null && maxWidthPx > 0 ? Math.max(0, maxWidthPx - horizontalPadding) : 0;\n    const selfContentWidth = Math.max(\n      0,\n      container.getBoundingClientRect().width - horizontalPadding\n    );\n    const externalConstraint = [parentContentWidth, maxWidthContent]\n      .filter((w) => w > 0)\n      .reduce((min, w) => Math.min(min, w), Number.POSITIVE_INFINITY);\n    // Let the value grow beyond the current rendered text width, but never beyond external constraints.\n    const constraintWidth = Number.isFinite(externalConstraint)\n      ? Math.max(selfContentWidth, externalConstraint)\n      : selfContentWidth;\n    // Keep a tiny safety margin to avoid edge clipping from sub-pixel rendering differences.\n    const available = Math.max(0, constraintWidth - 2);\n\n    if (available <= 0) {\n      return text;\n    }\n\n    const measureCache = new Map<string, number>();\n    const measure = (str: string) => {\n      const cached = measureCache.get(str);\n      if (cached !== undefined) return cached;\n      measurementEl.textContent = str;\n      const width = measurementEl.getBoundingClientRect().width;\n      measureCache.set(str, width);\n      return width;\n    };\n\n    if (measure(text) <= available) {\n      return text;\n    }\n\n    const ellipsis = '\\u2026';\n\n    const makeCandidate = (l: number, r: number) =>\n      text.slice(0, l) + ellipsis + text.slice(text.length - r);\n\n    const fits = (l: number, r: number) => measure(makeCandidate(l, r)) <= available;\n\n    let leftChars = 0;\n    let rightChars = MIN_RIGHT_CHARS;\n\n    // If minimum suffix cannot fit, reduce suffix as a last resort to prevent clipping.\n    if (!fits(leftChars, rightChars)) {\n      while (rightChars > 1 && !fits(0, rightChars)) {\n        rightChars--;\n      }\n      return makeCandidate(0, rightChars);\n    }\n\n    // Keep at least one hidden character so we truly truncate.\n    const maxVisibleChars = text.length - 1;\n    while (leftChars + rightChars < maxVisibleChars) {\n      const nextLeft = leftChars + 1;\n      const nextRight = rightChars + 1;\n\n      const canGrowLeft = nextLeft + rightChars <= maxVisibleChars && fits(nextLeft, rightChars);\n      const canGrowRight = leftChars + nextRight <= maxVisibleChars && fits(leftChars, nextRight);\n\n      if (!canGrowLeft && !canGrowRight) {\n        break;\n      }\n\n      if (canGrowLeft && !canGrowRight) {\n        leftChars = nextLeft;\n      } else if (!canGrowLeft && canGrowRight) {\n        rightChars = nextRight;\n      } else {\n        // Prefer growing the suffix when both options fit.\n        if (rightChars <= leftChars + 2) {\n          rightChars = nextRight;\n        } else {\n          leftChars = nextLeft;\n        }\n      }\n    }\n\n    // Final safety pass to guarantee no visual overflow.\n    while (!fits(leftChars, rightChars) && (leftChars > 0 || rightChars > 1)) {\n      if (leftChars > 0 && (rightChars <= MIN_RIGHT_CHARS || leftChars >= rightChars - 1)) {\n        leftChars--;\n      } else {\n        rightChars--;\n      }\n    }\n\n    return makeCandidate(leftChars, rightChars);\n  }, [text]);\n\n  const recompute = useCallback(() => {\n    const candidate = computeCandidate();\n    setDisplayText((prev) => (prev === candidate ? prev : candidate));\n  }, [computeCandidate]);\n\n  // Recompute on text changes.\n  useLayoutEffect(() => {\n    recompute();\n  }, [text, recompute]);\n\n  // Recompute whenever container size changes.\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const parent = container.parentElement;\n    const textElement =\n      container.firstElementChild instanceof HTMLElement ? container.firstElementChild : null;\n\n    let rafId = 0;\n    const scheduleRecompute = () => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(() => {\n        recompute();\n      });\n    };\n\n    if (typeof ResizeObserver !== 'undefined') {\n      const observer = new ResizeObserver(scheduleRecompute);\n      observer.observe(container);\n      if (parent) {\n        observer.observe(parent);\n      }\n      if (textElement) {\n        observer.observe(textElement);\n      }\n\n      const fonts = document.fonts;\n      if (fonts?.addEventListener) {\n        fonts.addEventListener('loadingdone', scheduleRecompute);\n        fonts.addEventListener('loadingerror', scheduleRecompute);\n      }\n\n      return () => {\n        cancelAnimationFrame(rafId);\n        observer.disconnect();\n        if (fonts?.removeEventListener) {\n          fonts.removeEventListener('loadingdone', scheduleRecompute);\n          fonts.removeEventListener('loadingerror', scheduleRecompute);\n        }\n      };\n    }\n\n    window.addEventListener('resize', scheduleRecompute);\n    return () => {\n      cancelAnimationFrame(rafId);\n      window.removeEventListener('resize', scheduleRecompute);\n    };\n  }, [recompute]);\n\n  // Recompute when typography/style classes change without a geometry resize event.\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof MutationObserver === 'undefined') return;\n    const textElement =\n      container.firstElementChild instanceof HTMLElement ? container.firstElementChild : null;\n\n    let rafId = 0;\n    const scheduleRecompute = () => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(() => {\n        recompute();\n      });\n    };\n\n    const observer = new MutationObserver(scheduleRecompute);\n    observer.observe(container, { attributes: true, attributeFilter: ['class', 'style'] });\n    if (textElement) {\n      observer.observe(textElement, { attributes: true, attributeFilter: ['class', 'style'] });\n    }\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      observer.disconnect();\n    };\n  }, [recompute]);\n\n  useLayoutEffect(() => {\n    return () => {\n      if (measurementRef.current?.parentNode) {\n        measurementRef.current.parentNode.removeChild(measurementRef.current);\n      }\n      measurementRef.current = null;\n    };\n  }, []);\n\n  return { ref: containerRef, truncatedText: displayText };\n};\n\nexport { useMiddleEllipsis };\n"],"names":["text","containerRef","useRef","displayText","setDisplayText","useState","measurementRef","computeCandidate","useCallback","container","current","length","MIN_RIGHT_CHARS","containerStyle","window","getComputedStyle","textElement","firstElementChild","HTMLElement","style","measurementEl","document","createElement","position","visibility","whiteSpace","pointerEvents","left","top","body","appendChild","font","fontSize","fontFamily","fontWeight","fontStyle","letterSpacing","wordSpacing","textTransform","fontKerning","fontFeatureSettings","fontVariantLigatures","horizontalPadding","parseFloat","paddingLeft","paddingRight","parent","parentElement","parentStyle","parentHorizontalPadding","parentContentWidth","Math","max","getBoundingClientRect","width","maxWidthPx","value","trimmed","trim","endsWith","parsed","Number","isFinite","parsePixelSize","maxWidth","maxWidthContent","selfContentWidth","externalConstraint","filter","w","reduce","min","POSITIVE_INFINITY","constraintWidth","available","measureCache","Map","measure","str","cached","get","undefined","textContent","set","makeCandidate","l","r","slice","fits","leftChars","rightChars","maxVisibleChars","nextLeft","nextRight","canGrowLeft","canGrowRight","recompute","candidate","prev","useLayoutEffect","rafId","scheduleRecompute","cancelAnimationFrame","requestAnimationFrame","ResizeObserver","observer","observe","fonts","addEventListener","disconnect","removeEventListener","MutationObserver","attributes","attributeFilter","parentNode","removeChild","ref","truncatedText"],"mappings":"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"}

package/amd/useSelectCommon-af642fe7.js

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

package/amd/useSelectCommon-af642fe7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectCommon-af642fe7.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/selectUtils.ts","../../src/PRIVATE_SelectCommon/useCollectionRenderer.ts","../../src/PRIVATE_SelectCommon/useSelectCommon.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { error } from '#utils/UNSAFE_logger';\nimport { ItemTextFunctionType, ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport type ComponentName = 'InlineSelectSingle' | 'SelectSingle' | 'SelectMultiple';\n\nexport function renderItemText<K, D>(\n  item: Item<K, D>,\n  itemText: ItemTextType<K, D>,\n  componentName: ComponentName\n) {\n  // if item-text is a string and the data has the specified field, return it;\n  // otherwise log an error\n  if (typeof itemText === 'string') {\n    // JET-78134: in 26C rc0 preflight, line type is not editable in PRC\n    // Some JS applications incorrectly pass {} as valueItem/value-item instead of null\n    // or leaving the property unset for the empty state. Older releases already handled that misconfiguration\n    // by logging this custom error; keep that behavior and avoid throwing when item.data is missing.\n    const itemData = item.data;\n    if (itemData != null && Object.prototype.hasOwnProperty.call(itemData, itemText)) {\n      const retData = itemData[itemText];\n      return String(retData);\n    }\n    error(`${componentName}: itemText specifies field that does not exist: ${itemText}`);\n    // return undefined if the field doesn't exist\n    return undefined;\n  }\n  // if item-text is a function, call it to create a display label\n  return (itemText as ItemTextFunctionType<K, D>)(item);\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 type { ComponentChildren, ComponentProps } from 'preact';\n\nimport { List } from '#PRIVATE_List';\nimport type { DataState, ListItemRendererContext, Metadata } from '#UNSAFE_Collection';\nimport { Flex } from '#UNSAFE_Flex';\nimport { HighlightText } from '#UNSAFE_HighlightText';\nimport { ListItemText } from '#UNSAFE_ListItemLayout';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport type { Keys } from '#utils/UNSAFE_keys';\nimport type { ItemTextType } from '#utils/UNSAFE_selectUtils';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { type ComponentName, renderItemText } from './itemTextUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype ListProps<K extends string | number, D> = ComponentProps<typeof List<K, D>>;\ntype PickedPropsFromList = Pick<\n  ComponentProps<typeof List>,\n  'aria-label' | 'currentItemVariant' | 'selectionMode'\n>;\n\n// pick the props from the ListItemContext instead of extending it directly so that we\n// don't automatically expose any new props that may be added to it\ntype PickedPropsFromListItemContext<K, D> = Pick<\n  ListItemRendererContext<K, D>,\n  'data' | 'index' | 'selector'\n>;\ntype ItemRendererSelectionDetail<K> = {\n  value: Set<K>;\n  target: EventTarget | null;\n};\ntype ItemRendererMetadata<K> = Pick<Metadata<K>, 'key' | 'suggestion'>;\ntype ItemRendererProps<K, D> = PickedPropsFromListItemContext<K, D> & {\n  metadata: ItemRendererMetadata<K>;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onSelectionChange: (detail: ItemRendererSelectionDetail<K>) => void;\n};\n\ntype DefaultListCurrentKeyDetail<K> = { value: K };\ntype DefaultListItemActionDetail<K, D> = { context: Item<K, D> };\ntype DefaultListSelectionDetail<K> = { value: Set<K> };\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\n  itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n  itemText: ItemTextType<K, D>;\n  // props from List that we constrain or unconstrain\n  currentKey?: K;\n  data?: DataState<K, D> | null;\n  onCurrentKeyChange: (detail: DefaultListCurrentKeyDetail<K>) => void;\n  onItemAction?: (detail: DefaultListItemActionDetail<K, D>) => void;\n  onLoadRange?: ComponentProps<typeof List>['onLoadRange'];\n  onSelectionChange?: (detail: DefaultListSelectionDetail<K>) => void;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  // props for logging purposes\n  componentName: ComponentName;\n};\n\nconst noOp = () => {};\n\nexport function DefaultList<K extends string | number, D extends Record<string, any>>({\n  'aria-label': ariaLabel,\n  componentName,\n  currentItemVariant,\n  currentKey,\n  data,\n  itemRenderer,\n  itemText,\n  onCurrentKeyChange,\n  onItemAction,\n  onLoadRange = noOp,\n  onSelectionChange,\n  searchText,\n  selectedKeys,\n  selectionMode\n}: Props<K, D>) {\n  const listItemRenderer = useCallback(\n    (listItemContext: ListItemRendererContext<K, D>) => {\n      // specify the listItemContext props that we want to expose individually instead of\n      // spreading the whole object so that we don't automatically include any new props that\n      // may be added to it\n      const itemRendererProps: ItemRendererProps<K, D> = {\n        data: listItemContext.data,\n        index: listItemContext.index,\n        metadata: listItemContext.metadata,\n        selector: listItemContext.selector,\n        searchText,\n        selectedKeys,\n        onSelectionChange: ({ value }) => {\n          onSelectionChange?.({ value });\n        }\n      };\n      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      return itemRenderer ? (\n        itemRenderer(itemRendererProps)\n      ) : (\n        <Flex align=\"center\">\n          {listItemContext.selector && (\n            <div class={dropdownStyles.selectorWrapper}>{listItemContext.selector()}</div>\n          )}\n          <div\n            class={\n              selectionMode === 'single'\n                ? dropdownStyles.singleSelectItem\n                : dropdownStyles.multiSelectItem\n            }>\n            <ListItemText variant=\"primary\">\n              <HighlightText matchText={searchText}>\n                {renderItemText(itemContext, itemText, componentName) as string}\n              </HighlightText>\n            </ListItemText>\n          </div>\n        </Flex>\n      );\n    },\n    [\n      componentName,\n      itemRenderer,\n      itemText,\n      onSelectionChange,\n      searchText,\n      selectedKeys,\n      selectionMode\n    ]\n  );\n\n  const keys = useMemo(() => {\n    return { all: false, keys: selectedKeys ?? new Set<K>() };\n  }, [selectedKeys]) as Keys<K>;\n\n  const currentItemOverride = useMemo(\n    () => (currentKey !== undefined ? { rowKey: currentKey } : undefined),\n    [currentKey]\n  );\n  const handleItemAction = useCallback<NonNullable<ListProps<K, D>['onItemAction']>>(\n    ({ context: { data, metadata } }) => {\n      onItemAction?.({ context: { data, key: metadata.key, metadata } });\n    },\n    [onItemAction]\n  );\n  const handleSelectionChange = useCallback<NonNullable<ListProps<K, D>['onSelectionChange']>>(\n    ({ value }) => {\n      onSelectionChange?.({ value: new Set(value.keys?.values()) });\n    },\n    [onSelectionChange]\n  );\n\n  return (\n    <List<K, D>\n      aria-label={ariaLabel}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentItemOverride={currentItemOverride}\n      data={data ?? null}\n      onPersistCurrentItem={onCurrentKeyChange}\n      onItemAction={handleItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={handleSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemRendererContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n","export const isSimpleClick = (event: MouseEvent) => {\n  return event.button === 0 && !event.ctrlKey;\n};\n\nexport const preventDefault = (event: Event) => {\n  event.preventDefault();\n};\n\nexport const preventDefaultForCurrentTarget = (event: MouseEvent) => {\n  if (event.currentTarget === event.target) {\n    event.preventDefault();\n  }\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { DropdownArrowIcon } from '../PRIVATE_ThemedIcons/DropdownArrowIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ButtonLabelLayoutRedwoodTheme } from '#UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme';\nimport type { ButtonLabelLayoutVariantOptions } from '#UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { BaseButtonRedwoodTheme } from '#UNSAFE_BaseButton/themes/redwood/BaseButtonTheme';\n\ntype Props = TestIdProps & {\n  isDisabled?: boolean;\n  onClick?: () => void;\n};\n\nconst noop = () => {};\n\nexport function DropdownArrow({ isDisabled = false, onClick, testId }: Props) {\n  const { classes } = useComponentTheme<ButtonLabelLayoutVariantOptions>(\n    ButtonLabelLayoutRedwoodTheme,\n    { size: 'sm' }\n  );\n  const { baseTheme } = useComponentTheme(BaseButtonRedwoodTheme);\n\n  const preventDefault = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop, { isDisabled });\n\n  // TODO: JET-67410 replace this with a icon button\n  const styleClasses = classNames([\n    classes,\n    baseTheme,\n    dropdownStyles.arrow.base,\n    isDisabled ? dropdownStyles.arrow.disabled : dropdownStyles.arrow.enabled\n  ]);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={styleClasses}\n      tabIndex={-1}\n      onMouseDown={preventDefault}\n      {...testIdProps}\n      {...pressProps}>\n      <DropdownArrowIcon />\n    </span>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = Pick<ComponentProps<'div'>, 'id' | 'onKeyDown'> & {\n  children?: ComponentChildren;\n  dropdownListRef?: Ref<HTMLDivElement>;\n  hasTopGap?: boolean;\n  hasBottomGap?: boolean;\n  isLoading?: boolean;\n};\n\nexport function DropdownList({\n  children,\n  id,\n  dropdownListRef,\n  hasTopGap = true,\n  hasBottomGap = true,\n  isLoading = false,\n  onKeyDown\n}: Props) {\n  const styleClasses = classNames([\n    dropdownStyles.list.base,\n    hasTopGap && dropdownStyles.list.topGap,\n    hasBottomGap && dropdownStyles.list.bottomGap,\n    isLoading && dropdownStyles.list.loading\n  ]);\n  return (\n    <CollectionInteractionContext.Provider value={'embedded'}>\n      <div\n        ref={dropdownListRef}\n        class={styleClasses}\n        id={id}\n        onMouseDown={preventDefaultForCurrentTarget}\n        onKeyDown={onKeyDown}>\n        {children}\n      </div>\n    </CollectionInteractionContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\nexport function EmptyResults() {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  // call preventDefault for mousedown on this div so that focus does not transfer from\n  // the input\n  return (\n    <div class={dropdownStyles.results.extraItem} onMouseDown={preventDefaultForCurrentTarget}>\n      <Text variant=\"primary\">{translations.select_noMatchesFound()}</Text>\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { DataState } from '#UNSAFE_Collection';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nexport function isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\n/**\n * Helper function to determine whether the current device is a phone\n * @returns true if running on a phone, false otherwise\n */\nexport function isPhone() {\n  return getClientHints().deviceType === 'phone';\n}\n\n/**\n * Helper function to determine whether the current device is a tablet\n * @returns true if running on a tablet, false otherwise\n */\nexport function isTablet() {\n  return getClientHints().deviceType === 'tablet';\n}\n\nexport function isBeforeDataFetch<K, D>(data: DataState<K, D>) {\n  return data.sizePrecision === 'atLeast' && data.totalSize === 0;\n}\n\nexport function isSearchTextEmptyOrUndefined(searchText?: string) {\n  return searchText === undefined || searchText.length === 0;\n}\n\nexport function isSearchClearedFirstTime(prevSearchText?: string, searchText?: string) {\n  return prevSearchText === undefined && searchText === '';\n}\n\n/**\n * Extract keys from a value items array.\n *\n * @param valueItems The value items from which the keys are to be extracted\n * @returns The set of keys\n */\nexport function createKeysFromValueItems<K, D>(valueItems?: Item<K, D>[]) {\n  const keys = valueItems?.reduce((accumKeys, currentItem) => {\n    accumKeys.add(currentItem.key);\n    return accumKeys;\n  }, new Set<K>());\n  return keys;\n}\n","import type { DataState } from '#UNSAFE_Collection';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport { useMemo } from 'preact/compat';\n\ntype Key = string | number;\ntype Data = Record<string, any>;\n\ntype UseCollectionRendererCommonParams<K> = {\n  currentKey?: K;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onCurrentKeyChange: (detail: { value?: K }) => void;\n};\n\nexport type UseCollectionRendererSelectSingleParams<K, D> = UseCollectionRendererCommonParams<K> & {\n  onItemAction: (detail: { context: Item<K, D> }) => void;\n  onSelectedKeysChange?: never;\n  selectedOnlyData?: never;\n};\n\nexport type UseCollectionRendererSelectMultipleParams<K, D> =\n  UseCollectionRendererCommonParams<K> & {\n    onItemAction?: never;\n    onSelectedKeysChange: (detail: { value: Set<K> }) => void;\n    selectedOnlyData?: DataState<K, D>;\n  };\n\ntype UseCollectionRendererParams<K, D> =\n  | UseCollectionRendererSelectSingleParams<K, D>\n  | UseCollectionRendererSelectMultipleParams<K, D>;\n\ntype CommonCollectionRendererContext<K extends Key> = {\n  searchText?: string;\n  currentRowKeyOverride?: K;\n  onPersistCurrentRowKey: (detail: { value?: K }) => void;\n  selected?: Set<K>;\n};\n\nexport type SelectSingleCollectionRendererContext<\n  K extends Key,\n  D extends Data\n> = CommonCollectionRendererContext<K> & {\n  onRowAction: (detail: { context: Item<K, D> }) => void;\n};\n\nexport type SelectMultipleCollectionRendererContext<\n  K extends Key,\n  D extends Data\n> = CommonCollectionRendererContext<K> & {\n  onSelectedChange: (detail: { value: Set<K> }) => void;\n  selectedOnlyData?: DataState<K, D>;\n};\n\ntype CollectionRendererContext<K extends Key, D extends Data> =\n  | SelectSingleCollectionRendererContext<K, D>\n  | SelectMultipleCollectionRendererContext<K, D>;\n\n// NOTE: We will using a single hook that constructs the collection renderer context for both select single and\n// select multiple. This is ok as they both share most of the properties and differ only in a few areas. So, we will\n// be using function overloading to determine which component is calling the hook (based on the args) and return the\n// correct context.\n\n/**\n * A custom hook that constructs the context for SelectSingle's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n  params: UseCollectionRendererSelectSingleParams<K, D>\n): SelectSingleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectMultiple's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n  params: UseCollectionRendererSelectMultipleParams<K, D>\n): SelectMultipleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectSingle/SelectMultiple's collectionRenderer.\n * @param param0 Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>({\n  currentKey,\n  onCurrentKeyChange,\n  onItemAction,\n  onSelectedKeysChange,\n  searchText,\n  selectedKeys,\n  selectedOnlyData\n}: UseCollectionRendererParams<K, D>) {\n  return useMemo<CollectionRendererContext<K, D>>(() => {\n    const common = {\n      searchText,\n      currentRowKeyOverride: currentKey,\n      onPersistCurrentRowKey: onCurrentKeyChange,\n      selected: selectedKeys\n    } satisfies CommonCollectionRendererContext<K>;\n\n    // If onItemAction is present, then we are constructing context for SelectSingle. So,\n    // return the context satisfying SelectSingleCollectionRendererContext type.\n    if (onItemAction !== undefined)\n      return {\n        ...common,\n        onRowAction: onItemAction\n      } satisfies SelectSingleCollectionRendererContext<K, D>;\n\n    // If onItemAction is not present, then we are constructing context for SelectMultiple. So,\n    // return the context satisfying SelectMultipleCollectionRendererContext type.\n    return {\n      ...common,\n      onSelectedChange: onSelectedKeysChange,\n      selectedOnlyData\n    } satisfies SelectMultipleCollectionRendererContext<K, D>;\n  }, [\n    currentKey,\n    onCurrentKeyChange,\n    onItemAction,\n    onSelectedKeysChange,\n    searchText,\n    selectedKeys,\n    selectedOnlyData\n  ]);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport type { DataState } from '#UNSAFE_Collection';\nimport type { PositionData } from '#UNSAFE_Floating';\nimport { KEYS, isControlOrFunctionKey } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { isSimpleClick } from './eventUtils';\n\ntype UseSelectCommonProps<K, D> = {\n  data?: DataState<K, D> | null;\n  inputRef: RefObject<HTMLElement>;\n  isFocused?: boolean;\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n};\n\nexport type CurrentKeyDetail<K> = {\n  value?: K;\n};\n\n/**\n * Hook that manages state and behavior for a Select* component.  This hook creates state\n * variables and event listeners, returning properties to apply to components internally\n * rendered by a Select* component, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isFocused Specifies whether the component has focus.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n *\n * @returns Component state and event listeners.\n */\nexport function useSelectCommon<K, D>({\n  data,\n  inputRef,\n  isFocused,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const mainFieldRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [isDropdownOpen, setDropdownOpen] = useState(false);\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n\n  // We only need to push currentRow when we need to override the\n  // current row, like when the dropdown is opened and we want to set the initial\n  // focused row or when filtering and we want to focus the first row.\n  const [currentRowOverride, _setCurrentRowOverride] = useState<{ rowKey?: K }>({\n    rowKey: undefined\n  });\n  // We still need information on what the current row actually is, but we do not need\n  // to react to it until certain scenarios like pressing Tab from the dropdown. So, we\n  // just store this in a ref.\n  const currentRowKeyRef = useRef<K>();\n  // When we want to update the currentRowOverride, we also want to keep the currentRowKeyRef\n  // in sync as the collection will not call onChanged for this change.\n  const setCurrentRowOverride = useCallback((currentRow: { rowKey?: K }) => {\n    currentRowKeyRef.current = currentRow.rowKey;\n    _setCurrentRowOverride(currentRow);\n  }, []);\n  const [isUserFiltering, setUserFiltering] = useState(false);\n  const [userInput, setUserInput] = useState<string>();\n  const [searchText, setSearchText] = useState<string>();\n\n  const [prevIsDropdownOpen, setPrevIsDropdownOpen] = useState(isDropdownOpen);\n  const [prevIsFocused, setPrevIsFocused] = useState(isFocused);\n  const [prevIsUserFiltering, setPrevIsUserFiltering] = useState(isUserFiltering);\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent) => {\n      // const target = event.target as HTMLElement;\n      if (event.defaultPrevented || !isSimpleClick(event)) {\n        return;\n      }\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      // this is needed to focus the input when clicking on the inside label when there is no\n      // value;  otherwise the component looks focused but doesn't actually have physical focus\n      setTimeout(function () {\n        inputRef.current?.focus();\n      }, 0);\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownArrowClick = useCallback(() => {\n    setDropdownOpen(!isDropdownOpen);\n\n    // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes\n    inputRef.current?.focus();\n  }, [inputRef, isDropdownOpen]);\n\n  const handleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        setDropdownOpen(false);\n\n        switch (event?.type) {\n          case 'keydown': {\n            const keyboardEvent = event as KeyboardEvent;\n            switch (keyboardEvent.code) {\n              case KEYS.ESC:\n                // focus the input when the user cancels out of the dropdown\n                inputRef.current?.focus();\n                break;\n              default:\n                break;\n            }\n            break;\n          }\n          case 'mousedown':\n            // if focus is in the dropdown, focus the input before the dropdown is hidden so that\n            // focus will transfer correctly when the target is not focusable;\n            // otherwise the text cursor appears in the input again\n            if (dropdownRef.current?.contains(document.activeElement)) {\n              inputRef.current?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownPosition = useCallback((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n\n  const getDropdownTabbableElems = useCallback(() => {\n    return isDropdownOpen && dropdownRef.current\n      ? allTabbableElements(dropdownRef.current)\n      : undefined;\n  }, [isDropdownOpen]);\n\n  const handleUpDownArrowKeys = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      } else {\n        // JET-64909 - focus / 'current' dropped when arrow keying during loading\n        // Transfer physical focus into the dropdown only if the data is present and the dropdown\n        // has rendered the data. Otherwise, keep the focus in the field.\n        if (data != null) {\n          const tabbableElems = getDropdownTabbableElems();\n          tabbableElems?.[0]?.focus();\n\n          // if there is no current item set, make the first item current\n          if (currentRowOverride.rowKey === undefined) {\n            setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n          }\n        }\n      }\n\n      // prevent the page from scrolling\n      event.preventDefault();\n    },\n    [currentRowOverride, data, getDropdownTabbableElems, isDropdownOpen, setCurrentRowOverride]\n  );\n\n  const handleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // const target = event.target as HTMLElement;\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.PAGE_UP:\n        case KEYS.PAGE_DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n\n          return;\n\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n          break;\n\n        case KEYS.ESC:\n          if (isDropdownOpen) {\n            setDropdownOpen(false);\n\n            event.preventDefault();\n\n            // JET-53183 - core pack compat: stop propagation of handled events\n            // we don't want a parent collection component to stop editing the row when we close\n            // the dropdown\n            event.stopPropagation();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleMainFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          handleUpDownArrowKeys(event);\n          break;\n\n        default:\n          break;\n      }\n    },\n    [handleUpDownArrowKeys]\n  );\n\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      setUserFiltering(true);\n      setUserInput(detail.value);\n      const str = detail.value;\n      setSearchText(str);\n      onFilter?.({ searchText: str });\n    },\n    [isDropdownOpen, onFilter]\n  );\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K>) => {\n    // when the collection changes the current key, we only want to store the information\n    // and not do anything.\n    currentRowKeyRef.current = detail.value;\n  }, []);\n\n  const stopFiltering = useCallback(() => {\n    setUserFiltering(false);\n    setUserInput('');\n    // Set this to `undefined` as this represents the initial state.\n    // We need to do this for select-single as we need to highlight different\n    // rows based on whether it is the initial dropdown navigation or empty filter navigation.\n    setSearchText(undefined);\n  }, []);\n\n  const updateFiltering = useCallback((value?: string) => {\n    setUserFiltering(true);\n    setUserInput(value);\n    setSearchText(value);\n  }, []);\n\n  // the user is not actively filtering if the dropdown is closed and the component doesn't\n  // have focus\n  if (\n    prevIsDropdownOpen !== isDropdownOpen ||\n    prevIsFocused !== isFocused ||\n    prevIsUserFiltering !== isUserFiltering\n  ) {\n    if (!isDropdownOpen && !isFocused && isUserFiltering) {\n      stopFiltering();\n    }\n  }\n\n  // need to call onFilter with undefined searchText when the dropdown opens and the\n  // user is NOT filtering\n  useEffect(() => {\n    if (isDropdownOpen && !isUserFiltering) {\n      onFilter?.({ searchText: undefined });\n    }\n  }, [isDropdownOpen, isUserFiltering, onFilter]);\n\n  // when the dropdown closes, reset the isDropdownAbove flag\n  if (prevIsDropdownOpen !== isDropdownOpen) {\n    if (!isDropdownOpen) {\n      setDropdownAbove(false);\n    }\n    setPrevIsDropdownOpen(isDropdownOpen);\n  }\n\n  if (prevIsFocused !== isFocused) {\n    setPrevIsFocused(isFocused);\n  }\n  if (prevIsUserFiltering !== isUserFiltering) {\n    setPrevIsUserFiltering(isUserFiltering);\n  }\n\n  return {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    getDropdownTabbableElems,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss,\n    handleDropdownPosition,\n    handleInput,\n    handleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    handleUpDownArrowKeys,\n    isDropdownAbove,\n    isDropdownOpen,\n    // the field should remain to look focused while the dropdown is open,\n    // in case physical focus is in the dropdown\n    isFocused: isFocused || isDropdownOpen,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    setCurrentRowOverride,\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    updateFiltering,\n    userInput\n  };\n}\n"],"names":["renderItemText","item","itemText","componentName","itemData","data","Object","prototype","hasOwnProperty","call","retData","String","error","noOp","isSimpleClick","event","button","ctrlKey","preventDefaultForCurrentTarget","currentTarget","target","preventDefault","noop","ariaLabel","currentItemVariant","currentKey","itemRenderer","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","itemRendererProps","index","metadata","selector","value","itemContext","key","_jsxs","jsxs","Flex","align","children","_jsx","class","dropdownStyles","selectorWrapper","singleSelectItem","multiSelectItem","ListItemText","variant","jsx","HighlightText","matchText","keys","useMemo","all","Set","currentItemOverride","undefined","rowKey","handleItemAction","context","handleSelectionChange","values","List","allowTabbableMode","onPersistCurrentItem","role","isDisabled","onClick","testId","classes","useComponentTheme","ButtonLabelLayoutRedwoodTheme","size","baseTheme","BaseButtonRedwoodTheme","pressProps","usePress","styleClasses","classNames","arrow","base","disabled","enabled","testIdProps","useTestId","tabIndex","onMouseDown","DropdownArrowIcon","SvgCaretDown","id","dropdownListRef","hasTopGap","hasBottomGap","isLoading","onKeyDown","list","topGap","bottomGap","loading","CollectionInteractionContext","Provider","ref","translations","useTranslationBundle","results","extraItem","Text","select_noMatchesFound","valueItems","reduce","accumKeys","currentItem","add","sizePrecision","totalSize","deviceType","getClientHints","prevSearchText","length","onSelectedKeysChange","selectedOnlyData","common","currentRowKeyOverride","onPersistCurrentRowKey","selected","onRowAction","onSelectedChange","inputRef","isFocused","onFilter","mainFieldRef","useRef","dropdownRef","isDropdownOpen","setDropdownOpen","useState","isDropdownAbove","setDropdownAbove","currentRowOverride","_setCurrentRowOverride","currentRowKeyRef","setCurrentRowOverride","currentRow","current","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","prevIsDropdownOpen","setPrevIsDropdownOpen","prevIsFocused","setPrevIsFocused","prevIsUserFiltering","setPrevIsUserFiltering","defaultPrevented","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","type","code","KEYS","ESC","contains","document","activeElement","handleDropdownPosition","placement","startsWith","getDropdownTabbableElems","allTabbableElements","handleUpDownArrowKeys","tabbableElems","handleMainFieldKeyDown","isControlOrFunctionKey","PAGE_UP","PAGE_DOWN","UP","DOWN","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","stopFiltering","updateFiltering","useEffect"],"mappings":"gxBAcgBA,EACdC,EACAC,EACAC,GAIA,GAAwB,iBAAbD,EAeX,OAAQA,EAAwCD,GAfhD,CAKE,MAAMG,EAAWH,EAAKI,KACtB,GAAgB,MAAZD,GAAoBE,OAAOC,UAAUC,eAAeC,KAAKL,EAAUF,GAAW,CAChF,MAAMQ,EAAUN,EAASF,GACzB,OAAOS,OAAOD,EACf,CACDE,EAAKA,MAAC,GAAGT,oDAAgED,IAG1E,CAGH,CC6BA,MAAMW,EAAO,OClEA,MAAAC,EAAiBC,GACJ,IAAjBA,EAAMC,SAAiBD,EAAME,QAOzBC,EAAkCH,IACzCA,EAAMI,gBAAkBJ,EAAMK,QAChCL,EAAMM,gBACP,ECaGC,EAAO,qBF4CG,UACd,aAAcC,EAASpB,cACvBA,EAAaqB,mBACbA,EAAkBC,WAClBA,EAAUpB,KACVA,EAAIqB,aACJA,EAAYxB,SACZA,EAAQyB,mBACRA,EAAkBC,aAClBA,EAAYC,YACZA,EAAchB,EAAIiB,kBAClBA,EAAiBC,WACjBA,EAAUC,aACVA,EAAYC,cACZA,IAEA,MAAMC,EAAmBC,eACtBC,IAIC,MAAMC,EAA6C,CACjDhC,KAAM+B,EAAgB/B,KACtBiC,MAAOF,EAAgBE,MACvBC,SAAUH,EAAgBG,SAC1BC,SAAUJ,EAAgBI,SAC1BT,aACAC,eACAF,kBAAmB,EAAGW,YACpBX,IAAoB,CAAEW,SAAQ,GAG5BC,EAAc,CAClBrC,KAAM+B,EAAgB/B,KACtBsC,IAAKP,EAAgBG,SAASI,IAC9BJ,SAAUH,EAAgBG,UAE5B,OAAOb,EACLA,EAAaW,GAEbO,EAACC,KAAAC,EAAIA,MAACC,MAAM,SACTC,SAAA,CAAAZ,EAAgBI,UACfS,EAAAA,IAAK,MAAA,CAAAC,MAAOC,EAAAA,eAAeC,gBAAkBJ,SAAAZ,EAAgBI,aAE/DS,EAAAA,WACEC,MACoB,WAAlBjB,EACIkB,EAAAA,eAAeE,iBACfF,EAAAA,eAAeG,yBAErBL,EAAAA,IAACM,EAAYA,aAAC,CAAAC,QAAQ,UACpBR,SAAAC,EAAAQ,IAACC,EAAaA,cAAC,CAAAC,UAAW5B,EACvBiB,SAAAhD,EAAe0C,EAAaxC,EAAUC,WAKhD,GAEH,CACEA,EACAuB,EACAxB,EACA4B,EACAC,EACAC,EACAC,IAIE2B,EAAOC,EAAAA,SAAQ,KACZ,CAAEC,KAAK,EAAOF,KAAM5B,GAAgB,IAAI+B,OAC9C,CAAC/B,IAEEgC,EAAsBH,EAAAA,SAC1B,SAAsBI,IAAfxC,EAA2B,CAAEyC,OAAQzC,QAAewC,GAC3D,CAACxC,IAEG0C,EAAmBhC,EAAAA,aACvB,EAAGiC,SAAW/D,OAAMkC,gBAClBX,IAAe,CAAEwC,QAAS,CAAE/D,OAAMsC,IAAKJ,EAASI,IAAKJ,aAAa,GAEpE,CAACX,IAEGyC,EAAwBlC,EAAAA,aAC5B,EAAGM,YACDX,IAAoB,CAAEW,MAAO,IAAIsB,IAAItB,EAAMmB,MAAMU,WAAY,GAE/D,CAACxC,IAGH,OACEmB,EAAAA,IAACsB,EAAAA,KAAI,CAAA,aACShD,EACZiD,mBAAmB,EACnBhD,mBAAoBA,EACpBwC,oBAAqBA,EACrB3D,KAAMA,GAAQ,KACdoE,qBAAsB9C,EACtBC,aAAcuC,EACdtC,YAAaA,EACbC,kBAAmBuC,EACnBK,KAAK,UACL1C,aAAc4B,EACd3B,cAAeA,EAAae,SAC1BoB,GAA2ClC,EAAiBkC,IAGpE,kBEtJM,UAAwBO,WAAEA,GAAa,EAAKC,QAAEA,EAAOC,OAAEA,IAC3D,MAAMC,QAAEA,GAAYC,EAAiBA,kBACnCC,EAA6BA,8BAC7B,CAAEC,KAAM,QAEJC,UAAEA,GAAcH,EAAiBA,kBAACI,EAAsBA,wBAExD9D,EAAiBc,eAAapB,IAClCA,EAAMM,gBAAgB,GACrB,KACG+D,WAAEA,GAAeC,EAAQA,SAACT,GAAWtD,EAAM,CAAEqD,eAG7CW,EAAeC,EAAAA,WAAW,CAC9BT,EACAI,EACA/B,EAAcA,eAACqC,MAAMC,KACrBd,EAAaxB,EAAcA,eAACqC,MAAME,SAAWvC,EAAcA,eAACqC,MAAMG,UAG9DC,EAAcC,YAAUhB,GAE9B,OACE5B,EACcQ,IAAA,OAAA,CAAA,cAAA,OACZP,MAAOoC,EACPQ,UAAW,EACXC,YAAa1E,KACTuE,KACAR,EACJpC,SAAAC,EAAAA,IAAC+C,EAAiBC,aAAA,KAGxB,iBCpCM,UAAuBjD,SAC3BA,EAAQkD,GACRA,EAAEC,gBACFA,EAAeC,UACfA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,UACnBA,GAAY,EAAKC,UACjBA,IAEA,MAAMjB,EAAeC,EAAAA,WAAW,CAC9BpC,EAAcA,eAACqD,KAAKf,KACpBW,GAAajD,EAAAA,eAAeqD,KAAKC,OACjCJ,GAAgBlD,EAAAA,eAAeqD,KAAKE,UACpCJ,GAAanD,EAAAA,eAAeqD,KAAKG,UAEnC,OACE1D,MAAC2D,EAAAA,6BAA6BC,SAAS,CAAApE,MAAO,oBAC5CQ,EACEQ,IAAA,MAAA,CAAAqD,IAAKX,EACLjD,MAAOoC,EACPY,GAAIA,EACJH,YAAa7E,EACbqF,UAAWA,EACVvD,SAAAA,KAIT,4BCnCE,MAAM+D,EAAeC,uBAAiC,4BAItD,OACE/D,EAAAQ,IAAA,MAAA,CAAKP,MAAOC,EAAcA,eAAC8D,QAAQC,UAAWnB,YAAa7E,EAA8B8B,SACvFC,EAAAA,IAACkE,EAAIA,KAAC,CAAA3D,QAAQ,UAAWR,SAAA+D,EAAaK,2BAG5C,6BC+BM,SAAyCC,GAC7C,MAAMzD,EAAOyD,GAAYC,QAAO,CAACC,EAAWC,KAC1CD,EAAUE,IAAID,EAAY7E,KACnB4E,IACN,IAAIxD,KACP,OAAOH,CACT,sBAxBM,SAAkCvD,GACtC,MAA8B,YAAvBA,EAAKqH,eAAkD,IAAnBrH,EAAKsH,SAClD,wBAtBE,MAAMC,EAAaC,mBAAiBD,WACpC,MAAsB,UAAfA,GAAyC,WAAfA,CACnC,uBAOE,MAAuC,UAAhCC,EAAcA,iBAAGD,UAC1B,6BAkBgB,SAAyBE,EAAyB/F,GAChE,YAA0BkC,IAAnB6D,GAA+C,KAAf/F,CACzC,iCANM,SAAuCA,GAC3C,YAAsBkC,IAAflC,GAAkD,IAAtBA,EAAWgG,MAChD,0CATE,MAAuC,WAAhCF,EAAcA,iBAAGD,UAC1B,mBJ/B+B7G,IAC7BA,EAAMM,gBAAgB,0FKgF6CI,WACnEA,EAAUE,mBACVA,EAAkBC,aAClBA,EAAYoG,qBACZA,EAAoBjG,WACpBA,EAAUC,aACVA,EAAYiG,iBACZA,IAEA,OAAOpE,EAAOA,SAAkC,KAC9C,MAAMqE,EAAS,CACbnG,aACAoG,sBAAuB1G,EACvB2G,uBAAwBzG,EACxB0G,SAAUrG,GAKZ,YAAqBiC,IAAjBrC,EACK,IACFsG,EACHI,YAAa1G,GAKV,IACFsG,EACHK,iBAAkBP,EAClBC,mBACuD,GACxD,CACDxG,EACAE,EACAC,EACAoG,EACAjG,EACAC,EACAiG,GAEJ,oBCpFM,UAAgC5H,KACpCA,EAAImI,SACJA,EAAQC,UACRA,EAASC,SACTA,IAEA,MAAMC,EAAeC,SAAuB,MACtCC,EAAcD,SAAuB,OACpCE,EAAgBC,GAAmBC,EAAQA,UAAC,IAC5CC,EAAiBC,GAAoBF,EAAQA,UAAC,IAK9CG,EAAoBC,GAA0BJ,WAAyB,CAC5E9E,YAAQD,IAKJoF,EAAmBT,EAAAA,SAGnBU,EAAwBnH,eAAaoH,IACzCF,EAAiBG,QAAUD,EAAWrF,OACtCkF,EAAuBG,EAAW,GACjC,KACIE,EAAiBC,GAAoBV,EAAQA,UAAC,IAC9CW,EAAWC,GAAgBZ,EAAQA,YACnCjH,EAAY8H,GAAiBb,EAAQA,YAErCc,EAAoBC,GAAyBf,EAAQA,SAACF,IACtDkB,EAAeC,GAAoBjB,EAAQA,SAACP,IAC5CyB,EAAqBC,GAA0BnB,EAAQA,SAACS,GAEzD1D,EAAc5D,eACjBpB,KAEKA,EAAMqJ,kBAAqBtJ,EAAcC,KAGxC+H,GACHC,GAAgB,GAIlBsB,YAAW,WACT7B,EAASgB,SAASc,OACnB,GAAE,GAAE,GAEP,CAAC9B,EAAUM,IAGPyB,EAA2BpI,EAAAA,aAAY,KAC3C4G,GAAiBD,GAGjBN,EAASgB,SAASc,OAAO,GACxB,CAAC9B,EAAUM,IAER0B,EAA4BrI,eAC/BpB,IACC,GAAI+H,EAGF,OAFAC,GAAgB,GAERhI,GAAO0J,MACb,IAAK,UAEH,GADsB1J,EACA2J,OACfC,EAAIA,KAACC,IAERpC,EAASgB,SAASc,QAKtB,MAEF,IAAK,YAICzB,EAAYW,SAASqB,SAASC,SAASC,gBACzCvC,EAASgB,SAASc,QAMzB,GAEH,CAAC9B,EAAUM,IAGPkC,EAAyB7I,eAAa9B,IAC1C6I,EAAiB7I,EAAK4K,UAAUC,WAAW,OAAO,GACjD,IAEGC,EAA2BhJ,EAAAA,aAAY,IACpC2G,GAAkBD,EAAYW,QACjC4B,EAAmBA,oBAACvC,EAAYW,cAChCvF,GACH,CAAC6E,IAEEuC,EAAwBlJ,eAC3BpB,IACC,GAAK+H,GAMH,GAAY,MAARzI,EAAc,CAChB,MAAMiL,EAAgBH,IACtBG,IAAgB,IAAIhB,aAGcrG,IAA9BkF,EAAmBjF,QACrBoF,EAAsB,CAAEpF,OAAQ7D,EAAKA,KAAK,IAAIkC,UAAUI,KAE3D,OAbDoG,GAAgB,GAiBlBhI,EAAMM,gBAAgB,GAExB,CAAC8H,EAAoB9I,EAAM8K,EAA0BrC,EAAgBQ,IAGjEiC,EAAyBpJ,eAC5BpB,IAGC,IAAIyK,EAAAA,uBAAuBzK,GAI3B,OAAQA,EAAM2J,MACZ,KAAKC,EAAAA,KAAKc,QACV,KAAKd,EAAIA,KAACe,UAIR,YAFA3K,EAAMM,iBAIR,KAAKsJ,EAAAA,KAAKgB,GACV,KAAKhB,EAAIA,KAACiB,KAER7K,EAAMM,iBACN,MAEF,KAAKsJ,EAAIA,KAACC,IACJ9B,IACFC,GAAgB,GAEhBhI,EAAMM,iBAKNN,EAAM8K,mBAMX,GAEH,CAAC/C,IAGGgD,EAAuB3J,eAC1BpB,IAEC,IAAIyK,EAAAA,uBAAuBzK,GAI3B,OAAQA,EAAM2J,MACZ,KAAKC,EAAAA,KAAKgB,GACV,KAAKhB,EAAIA,KAACiB,KACRP,EAAsBtK,GAKzB,GAEH,CAACsK,IAGGU,EAAc5J,eACjB6J,IACMlD,GACHC,GAAgB,GAElBW,GAAiB,GACjBE,EAAaoC,EAAOvJ,OACpB,MAAMwJ,EAAMD,EAAOvJ,MACnBoH,EAAcoC,GACdvD,IAAW,CAAE3G,WAAYkK,GAAM,GAEjC,CAACnD,EAAgBJ,IAGb/G,EAAqBQ,eAAa6J,IAGtC3C,EAAiBG,QAAUwC,EAAOvJ,KAAK,GACtC,IAEGyJ,EAAgB/J,EAAAA,aAAY,KAChCuH,GAAiB,GACjBE,EAAa,IAIbC,OAAc5F,EAAU,GACvB,IAEGkI,EAAkBhK,eAAaM,IACnCiH,GAAiB,GACjBE,EAAanH,GACboH,EAAcpH,EAAM,GACnB,IAqCH,OAhCEqH,IAAuBhB,GACvBkB,IAAkBvB,GAClByB,IAAwBT,GAEnBX,GAAmBL,IAAagB,GACnCyC,IAMJE,EAAAA,WAAU,KACJtD,IAAmBW,GACrBf,IAAW,CAAE3G,gBAAYkC,GAC1B,GACA,CAAC6E,EAAgBW,EAAiBf,IAGjCoB,IAAuBhB,IACpBA,GACHI,GAAiB,GAEnBa,EAAsBjB,IAGpBkB,IAAkBvB,GACpBwB,EAAiBxB,GAEfyB,IAAwBT,GAC1BU,EAAuBV,GAGlB,CACLJ,mBACAF,qBACAN,cACAsC,2BACAZ,2BACAC,4BACAQ,yBACAe,cACAR,yBACAO,uBACAT,wBACApC,kBACAH,iBAGAL,UAAWA,GAAaK,EACxBW,kBACAd,eACAhH,qBACAoE,cACAhE,aACAuH,wBACAP,kBACAa,eACAsC,gBACAC,kBACAxC,YAEJ"}

package/amd/useTabBar-430d9e32.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-77dc5fa1', './useCollectionFocusRing-ae19cd81', './useCurrentKey-5749e7fb', './useId-c9578d26', './useReorderableContext-a5453bd7', './useContextMenuGesture-750ef2c6', './TabBarContextMenu-6977866c', './useUser-08901aba', './useTranslationBundle-e4dd341e'], (function(e,t,n,r,o,s,u,a,l,c,i,d){"use strict";const f='[role="tab"]',m="data-oj-removable",b={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},y={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const g=(e,t,n)=>{const o=e.closest(t);if(o){if(o.hasAttribute(m)){const t=e.closest(n);if(t&&o?.contains(t))return null}return r.getKey(o)}return null},v=(e,t,n)=>{const r=n.indexOf(e);if(-1===r)return t[0];let o=0,s=!1;for(r===n.length-1?(o=r-1,s=!0):o=r+1;o!==r&&o>-1&&o<n.length;){const e=n[o];if(-1!==t.indexOf(e))return e;s?o--:o++}return t[0]},K=(e,t,n)=>{const o=r.findElementByKey(t,e,f);if(o){return o.hasAttribute(n)?o.getAttribute(n):null}},p=(e,t)=>{const n=r.findElementByKey(t,e,f);if(n)return n.innerText};e.REMOVABLE_ITEM_ATTRIBUTE=m,e.getItemAttribute=K,e.useTabBar=function(e){const{children:R,class:x,display:h,edge:E="top",selection:M,onSelect:A,onRemove:C,ref:I,size:k,contextMenuConfig:B}=e,{direction:P}=i.useUser(),T=d.useTranslationBundle("@oracle/oraclejet-preact"),F=t.useRef(null),S=I||F,_=u.useId(),[D,U]=t.useState(M),[V,L]=t.useState(!1),O=_+"_",w="contextMenu_"+u.useId(),j=T.tabbar_labelContextMenu(),H=t.useRef();t.useEffect((()=>{if(S.current){const e=r.getItemKeysArray(S.current,f);null==D&&e&&(null!=M&&e.includes(M)?U(M):e.length>0&&U(e[0])),null!=D&&e&&!e.includes(D)&&(H.current?U(v(D,e,H.current)):U(e[0])),H.current=e}}),[R,D,S,M]);const[z,G]=o.useCollectionFocusRing(S,["ArrowRight","ArrowLeft","Home","End"]),N=a.useReorderableContext(),{currentKeyProps:q}=s.useCurrentKey((e=>C?g(e,f,'[data-oj-tabbar-item-remove-icon="true"]'):r.keyExtractor(e,f)),!1,!1,void 0,void 0,r.getPrevNextKeyUsingRef(S,D,!0,f),r.getPrevNextKeyUsingRef(S,D,!1,f),D,(e=>{const t=e.value;U(t),L(!1)}));t.useEffect((()=>{N&&(N.currentItemKey.current=D)}),[D,N]);const[J,Q]=t.useState(),[W,X]=t.useState(y),[Y,Z]=t.useState(),{triggerProps:$}=l.useContextMenuGesture((({gesture:e,anchor:t,target:n})=>{let o,s=t,u=D;if("keyboard"===e){const e=r.findElementByKey(S.current,D,f);s=e||t}else{const e=r.keyExtractor(n,f);u=null!=e?e:D}let a=!1;const l=null!=N?.onReorder;S.current&&(o=l?r.getItemKeysArray(S.current,f):void 0,a=null!=K(u,S.current,m));const i=null!=C&&a,d=c.getDefaultContextMenu({isRemovable:i,handleRemove:C,handleReorder:l?N.onReorder:void 0,itemKey:u,tabKeys:o,direction:P,itemLabels:{labelRemove:i?T.tabbar_labelRemove():void 0,labelMoveLeft:l?T.tabbar_labelMoveLeft():void 0,labelMoveRight:l?T.tabbar_labelMoveRight():void 0},handleAccStatus:e=>{const t=p(e.removedKey,S.current),n=i&&e.removedKey?T.tabbar_accAnnounceRemovedKey({itemKey:t}):"",r=p(e.destinationKey,S.current),o=l&&e.destinationKey?T.accAnnounceMovedKey({itemKey:"",position:e.position,referenceKey:r}):"";Z(n+o)}});Q(d),X({...b[e],anchorRef:{current:s},isOpen:null!=B})}),{isDisabled:!B}),ee=t.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||(U(J?.itemKey),S.current?.focus()),X({...y})}),[S,J?.itemKey]),te=n.mergeProps({onKeyDown:e=>{if(S.current&&null!=D){if("Home"===e.key||"End"===e.key){const t=r.getItemKeysArray(S.current,f);e.preventDefault(),U?.(t["Home"===e.key?0:t.length-1])}if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),A?.({value:D})),"Delete"===e.key){r.findElementByKey(S.current,D,f).hasAttribute(m)&&C?.({value:D})}"Escape"===e.key&&L(!0)}},onFocus:()=>{if(S.current&&void 0===D){const e=r.getFirstVisibleKey(S.current,f);null!=e&&U(e)}}},$);return{rootProps:n.mergeProps({"aria-activedescendant":D?O+D:"","aria-multiselectable":!1,class:x,ref:S,role:"tablist",tabIndex:0},q,G,te),tabBarContext:{currentKey:D,display:h,isEdgeBottom:"bottom"===E,layout:"condense",onRemove:C,onSelect:A,showFocusRing:z,hideTooltip:V,selection:M,size:k,tabItemPrefix:O},menuProps:{...W,onClose:ee},contextMenuContext:J,contextMenuDescriptionId:w,contextMenuDescription:j,accStatusInfo:Y}}}));
+//# sourceMappingURL=useTabBar-430d9e32.js.map

package/amd/useTabBar-430d9e32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabBar-430d9e32.js","sources":["../../src/hooks/PRIVATE_useTabBar/useTabBar.ts"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport {\n  getPrevNextKeyUsingRef,\n  getFirstVisibleKey,\n  getKey,\n  keyExtractor,\n  findElementByKey,\n  getItemKeysArray\n} from '../../utils/PRIVATE_collectionUtils';\nimport { useCollectionFocusRing } from '../PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../PRIVATE_useCurrentKey';\nimport { useId } from '../UNSAFE_useId';\nimport type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../../UNSAFE_TabBarCommon';\nimport { useReorderableContext } from '../../hooks/PRIVATE_useReorderable/useReorderableContext';\nimport { Menu } from '../../UNSAFE_Menu';\nimport { TabBarContextMenuConfig } from '../../UNSAFE_TabBarCommon';\nimport { useContextMenuGesture } from '../../hooks/UNSAFE_useContextMenuGesture';\nimport { getDefaultContextMenu } from '../../UNSAFE_TabBar/TabBarContextMenu';\nimport { TabBarItemContextMenuContext } from '../../UNSAFE_TabBarCommon/TabBar.types';\nimport { useUser } from '../../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../../resources/nls/bundle';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions<K extends string | number> = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nconst REMOVABLE_ICON_SELECTOR = '[data-oj-tabbar-item-remove-icon=\"true\"]';\nexport const REMOVABLE_ITEM_ATTRIBUTE = 'data-oj-removable';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\n/**\n * Implements TabBar behavior for focus and keyboad handling\n */\nexport function useTabBar<K extends string | number>(options: useTabBarOptions<K>) {\n  const {\n    children,\n    class: className,\n    display,\n    edge = 'top',\n    selection,\n    onSelect,\n    onRemove,\n    ref: userRef,\n    size,\n    contextMenuConfig\n  } = options;\n\n  const { direction } = useUser();\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const internalRef = useRef<HTMLDivElement>(null);\n  const rootRef = userRef || internalRef;\n\n  const tabId = useId();\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection as K);\n  const [hideTooltip, setHideTooltip] = useState(false);\n\n  const tabItemPrefix = tabId + '_';\n\n  const contextMenuDescriptionId = 'contextMenu_' + useId();\n  const contextMenuDescription = translations.tabbar_labelContextMenu();\n\n  /**\n   * A reference to the previous set of tab keys that this TabBar\n   * contains before children were re-rendered. In the event the \"current\" tab\n   * is removed and the \"currentKey\" reference is broken, we can redirect\n   * the \"currentKey\" to another tab based on the index of the removed tab.\n   */\n  const prevTabKeys = useRef<(string | number | undefined)[]>();\n\n  useEffect(() => {\n    if (rootRef.current) {\n      const tabKeys = getItemKeysArray(rootRef.current, ITEM_SELECTOR);\n      if (currentKey == null && tabKeys) {\n        if (selection != null && tabKeys.includes(selection as K)) {\n          setCurrentKey(selection as K);\n        } else if (tabKeys.length > 0) {\n          setCurrentKey(tabKeys[0] as K);\n        }\n      }\n      if (currentKey != null && tabKeys && !tabKeys.includes(currentKey as K)) {\n        //If prevTabs does not exist set the first visible key as currentKey\n        prevTabKeys.current\n          ? setCurrentKey(findNextValidKey(currentKey, tabKeys, prevTabKeys.current) as K)\n          : setCurrentKey(tabKeys[0] as K);\n      }\n      prevTabKeys.current = tabKeys as K[];\n    }\n  }, [children, currentKey, rootRef, selection]);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, [\n    'ArrowRight',\n    'ArrowLeft',\n    'Home',\n    'End'\n  ]);\n\n  const reorderableContext = useReorderableContext();\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? extractOnlyItemKey(element, ITEM_SELECTOR, REMOVABLE_ICON_SELECTOR)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    false,\n    undefined,\n    undefined,\n    getPrevNextKeyUsingRef(rootRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(rootRef, currentKey, false, ITEM_SELECTOR),\n    currentKey,\n    (detail) => {\n      const key = detail.value as K;\n      setCurrentKey(key);\n      setHideTooltip(false);\n    }\n  );\n\n  useEffect(() => {\n    if (reorderableContext) {\n      reorderableContext.currentItemKey.current = currentKey;\n    }\n  }, [currentKey, reorderableContext]);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (rootRef.current && currentKey != null) {\n      if (event.key === 'Home' || event.key === 'End') {\n        const tabBarItemKey = getItemKeysArray(rootRef.current, ITEM_SELECTOR);\n        event.preventDefault();\n        setCurrentKey?.(tabBarItemKey[event.key === 'Home' ? 0 : tabBarItemKey.length - 1] as K);\n      }\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onSelect?.({ value: currentKey });\n      }\n      if (event.key === 'Delete') {\n        const tabBarItem = findElementByKey(\n          rootRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as HTMLElement;\n        if (tabBarItem.hasAttribute(REMOVABLE_ITEM_ATTRIBUTE)) {\n          onRemove?.({ value: currentKey });\n        }\n      }\n      if (event.key === 'Escape') {\n        setHideTooltip(true);\n      }\n    }\n  };\n\n  const onFocus = () => {\n    if (rootRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(rootRef.current, ITEM_SELECTOR);\n      if (key != null) {\n        setCurrentKey(key as K);\n      }\n    }\n  };\n\n  const [contextMenuContext, setContextMenuContext] = useState<TabBarItemContextMenuContext<K>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n  const [accStatusInfo, setAccStatusInfo] = useState<string>();\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      let itemKey = currentKey as K;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          rootRef.current as HTMLElement,\n          currentKey as K,\n          ITEM_SELECTOR\n        );\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        //On touch devices, the keyExtractor returns null because target of touch event is the entire tabbar. Hence we make use of currentkey since the context menu is always launched from selected item and its key is currentKey\n        itemKey = key != null ? (key as K) : (currentKey as K);\n      }\n      let tabKeysArray;\n      let isRemovableItem = false;\n      const isReorderable = reorderableContext?.onReorder != null;\n      if (rootRef.current) {\n        tabKeysArray = isReorderable\n          ? (getItemKeysArray(rootRef.current, ITEM_SELECTOR) as K[])\n          : undefined;\n        isRemovableItem =\n          getItemAttribute(itemKey, rootRef.current, REMOVABLE_ITEM_ATTRIBUTE) != null;\n      }\n      const isRemovable = onRemove != null && isRemovableItem;\n      const defaultContext = getDefaultContextMenu<K>({\n        // For default menu items the existence of REMOVABLE_ICON_SELECTOR is the indicator that it is removable because we render the default menu in touch devices not the application.\n        // Furthermore in corepack due to delegations onRemove is always defined as it is a even handler hence not a good check for isRemovable.\n        isRemovable: isRemovable,\n        handleRemove: onRemove,\n        handleReorder: isReorderable ? reorderableContext.onReorder : undefined,\n        itemKey: itemKey,\n        tabKeys: tabKeysArray,\n        direction: direction,\n        itemLabels: {\n          labelRemove: isRemovable ? translations.tabbar_labelRemove() : undefined,\n          labelMoveLeft: isReorderable ? translations.tabbar_labelMoveLeft() : undefined,\n          labelMoveRight: isReorderable ? translations.tabbar_labelMoveRight() : undefined\n        },\n        handleAccStatus: (detail) => {\n          const removeItemLabel = getItemLabel(detail.removedKey!, rootRef.current!) as string;\n          const removeStatus =\n            isRemovable && detail.removedKey\n              ? translations.tabbar_accAnnounceRemovedKey({ itemKey: removeItemLabel })\n              : '';\n          const destinationItemLabel = getItemLabel(\n            detail.destinationKey!,\n            rootRef.current!\n          ) as string;\n          const reorderStatus =\n            isReorderable && detail.destinationKey\n              ? translations.accAnnounceMovedKey({\n                  // This acc info is for reordering using context menu hence as per spec source item key is not required.\n                  itemKey: '',\n                  position: detail.position!,\n                  referenceKey: destinationItemLabel\n                })\n              : '';\n          setAccStatusInfo(removeStatus + reorderStatus);\n        }\n      });\n      setContextMenuContext(defaultContext);\n\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        // This is set so that when no contextMenuConfig is available we need not open it. Example: Apps may choose to open only for removable items and return contextMenuConfig as undefined for non removable ones in such cases it will prevent it from opening.\n        isOpen: contextMenuConfig != null\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        setCurrentKey(contextMenuContext?.itemKey);\n        rootRef.current?.focus();\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [rootRef, contextMenuContext?.itemKey]\n  );\n\n  const eventProps = mergeProps({ onKeyDown, onFocus }, triggerProps);\n\n  return {\n    rootProps: mergeProps(\n      {\n        'aria-activedescendant': currentKey ? tabItemPrefix + currentKey : '',\n        'aria-multiselectable': false,\n        class: className,\n        ref: rootRef,\n        role: 'tablist',\n        tabIndex: 0\n      },\n      currentKeyProps,\n      focusRingProps,\n      eventProps\n    ),\n    tabBarContext: {\n      currentKey,\n      display,\n      isEdgeBottom: edge === 'bottom',\n      layout: 'condense',\n      onRemove,\n      onSelect,\n      showFocusRing,\n      hideTooltip,\n      selection,\n      size,\n      tabItemPrefix\n    },\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    contextMenuContext,\n    contextMenuDescriptionId,\n    contextMenuDescription,\n    accStatusInfo\n  } as const;\n}\n\n//useCurrentKey use click capture that captures first click, which is on remove button\n//when we remove and sets the item being removed to currentKey. So we should not allow\n//this if click is on remove button\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const tabBarItem = element.closest(itemSelector);\n  if (tabBarItem) {\n    if (tabBarItem.hasAttribute(REMOVABLE_ITEM_ATTRIBUTE)) {\n      const removeButton = element.closest(itemEliminator);\n      if (removeButton && tabBarItem?.contains(removeButton)) {\n        return null;\n      }\n    }\n    return getKey(tabBarItem as HTMLElement);\n  }\n  return null;\n};\n\nconst findNextValidKey = <K>(currentKey: K, currTabs: K[], prevTabs: K[]) => {\n  const index = prevTabs.indexOf(currentKey);\n  // update current key to be the first one if currentKey is invalid\n  if (index === -1) {\n    return currTabs[0];\n  }\n  let nextIndex = 0;\n  let isLastKey = false;\n  if (index === prevTabs.length - 1) {\n    nextIndex = index - 1;\n    isLastKey = true;\n  } else {\n    nextIndex = index + 1;\n  }\n  while (nextIndex !== index && nextIndex > -1 && nextIndex < prevTabs.length) {\n    const nextKey = prevTabs[nextIndex];\n    if (currTabs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n    isLastKey ? nextIndex-- : nextIndex++;\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currTabs[0];\n};\n\n// Utility that returns the value for a attribute related to the role=\"tab\" item.\nexport const getItemAttribute = <K extends string | number>(\n  itemKey: K,\n  root: HTMLElement,\n  attribute: string\n) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    const tabBarItemAttribute = tabBarItem.hasAttribute(attribute)\n      ? tabBarItem.getAttribute(attribute)\n      : null;\n    return tabBarItemAttribute;\n  }\n  return;\n};\n\n// Utility that returns the visible inner text inside the role=\"tab\" item.\nconst getItemLabel = <K extends string | number>(itemKey: K, root: HTMLElement) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    return tabBarItem.innerText;\n  }\n  return;\n};\n"],"names":["ITEM_SELECTOR","REMOVABLE_ITEM_ATTRIBUTE","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","isOpen","anchorRef","current","extractOnlyItemKey","element","itemSelector","itemEliminator","tabBarItem","closest","hasAttribute","removeButton","contains","getKey","findNextValidKey","currentKey","currTabs","prevTabs","index","indexOf","nextIndex","isLastKey","length","nextKey","getItemAttribute","itemKey","root","attribute","findElementByKey","getAttribute","getItemLabel","innerText","options","children","class","className","display","edge","selection","onSelect","onRemove","ref","userRef","size","contextMenuConfig","direction","useUser","translations","useTranslationBundle","internalRef","useRef","rootRef","tabId","useId","setCurrentKey","useState","hideTooltip","setHideTooltip","tabItemPrefix","contextMenuDescriptionId","contextMenuDescription","tabbar_labelContextMenu","prevTabKeys","useEffect","tabKeys","getItemKeysArray","includes","showFocusRing","focusRingProps","useCollectionFocusRing","reorderableContext","useReorderableContext","currentKeyProps","useCurrentKey","keyExtractor","undefined","getPrevNextKeyUsingRef","detail","key","value","currentItemKey","contextMenuContext","setContextMenuContext","menuProps","setMenuProps","accStatusInfo","setAccStatusInfo","triggerProps","useContextMenuGesture","gesture","anchor","target","tabKeysArray","anchorBasedOnGesture","elem","isRemovableItem","isReorderable","onReorder","isRemovable","defaultContext","getDefaultContextMenu","handleRemove","handleReorder","itemLabels","labelRemove","tabbar_labelRemove","labelMoveLeft","tabbar_labelMoveLeft","labelMoveRight","tabbar_labelMoveRight","handleAccStatus","removeItemLabel","removedKey","removeStatus","tabbar_accAnnounceRemovedKey","destinationItemLabel","destinationKey","reorderStatus","accAnnounceMovedKey","position","referenceKey","isDisabled","handleCloseContextMenu","useCallback","reason","focus","eventProps","mergeProps","onKeyDown","event","tabBarItemKey","preventDefault","onFocus","getFirstVisibleKey","rootProps","role","tabIndex","tabBarContext","isEdgeBottom","layout","onClose"],"mappings":"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"}

package/amd/useVisDragModeControls-c1d2abc6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Button-1187534f', './Move-4c330593', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', './useTranslationBundle-e4dd341e', './ZoomAlt-ce20682b', './ButtonSetSingle-bf1b8c68', './ButtonSetItem-4d644b7d', './IconToggleButton-56035aa0'], (function(e,o,t,n,s,l,a,i,u,r,c){"use strict";function d({position:e,divRef:t,dragMode:d,onDragModeChange:g,showZoomButton:v,showPanButton:m,showSelectButton:p}){const{right:B,left:h,top:x,bottom:S}=e,j=m&&!p&&!v||!m&&!p&&v||!m&&p&&!v,f=a.useTranslationBundle("@oracle/oraclejet-preact"),b=f.vis_marqueeZoomTooltip(),M=f.vis_panTooltip(),T=f.vis_marqueeSelectTooltip();return v||m||p?o.jsx("div",{ref:t,class:l.styles.background,"data-oj-private-object":"dragModeControls",style:{right:B,left:h,top:x,bottom:S},children:j?o.jsxs(o.Fragment,{children:[m&&o.jsx(c.IconToggleButton,{accessibleLabel:M,isSelected:"pan"===d,onToggle:()=>{g("pan"===d?void 0:"pan")},variant:"outlined",size:"sm",children:o.jsx(s.SvgMove,{})}),v&&o.jsx(c.IconToggleButton,{accessibleLabel:b,isSelected:"zoom"===d,onToggle:()=>{g("zoom"===d?void 0:"zoom")},variant:"outlined",size:"sm",children:o.jsx(i.SvgZoomAlt,{})}),p&&o.jsx(c.IconToggleButton,{accessibleLabel:T,isSelected:"select"===d,onToggle:()=>{g("select"===d?void 0:"select")},variant:"outlined",size:"sm",children:o.jsx(n.SvgButton,{})})]}):o.jsxs(u.ButtonSetSingle,{size:"sm",value:d,onCommit:({value:e})=>{g(e===d?void 0:e)},display:"icons",variant:"outlined",children:[m&&o.jsx(r.ButtonSetItem,{value:"pan",label:M,startIcon:o.jsx(s.SvgMove,{})}),v&&o.jsx(r.ButtonSetItem,{value:"zoom",label:b,startIcon:o.jsx(i.SvgZoomAlt,{})}),p&&o.jsx(r.ButtonSetItem,{value:"select",label:T,startIcon:o.jsx(n.SvgButton,{})})]})}):null}e.useVisDragModeControls=function({componentWidth:e,plotAreaSpace:n,isRtl:s,showPanButton:l,showZoomButton:a,showSelectButton:i,isDisabled:u=!1,dragMode:r}){const c=t.useRef(null),g=t.useRef(r),v=t.useRef(!0);t.useEffect((()=>{v.current=!1}),[]);const[m,p]=t.useState(),B=function(e,o,t,n){return!o||"pan"!==e&&"user"!==e?t&&"zoom"===e?"zoom":n&&"select"===e?"select":void 0:"pan"}(r,l,a,i);return(g.current!=r||v.current)&&(g.current=r,p(B)),{dragButtonDivRef:c,toggleButtonContent:u?void 0:o.jsx(d,{position:{top:`${n.y}px`,right:s?void 0:e-n.x-n.width+"px",left:s?`${n.x}px`:void 0},divRef:c,showSelectButton:i,showZoomButton:a,showPanButton:l,dragMode:m,onDragModeChange:p}),userDragMode:m}}}));
+//# sourceMappingURL=useVisDragModeControls-c1d2abc6.js.map

package/amd/useVisDragModeControls-c1d2abc6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisDragModeControls-c1d2abc6.js","sources":["../../src/hooks/PRIVATE_useVisDragModeControls/VisDragModeControls.tsx","../../src/hooks/PRIVATE_useVisDragModeControls/useVisDragModeControls.tsx","../../src/hooks/PRIVATE_useVisDragModeControls/util.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Ref } from 'preact';\nimport { ChartMarqueeSelectIcon } from '#PRIVATE_ThemedIcons/ChartMarqueeSelectIcon';\nimport { ChartPanIcon } from '#PRIVATE_ThemedIcons/ChartPanIcon';\nimport { styles } from './themes/useVisDragModeControls.css';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ChartZoomIcon } from '#PRIVATE_ThemedIcons/ChartZoomIcon';\nimport { ButtonSetSingle } from '#UNSAFE_ButtonSetSingle';\nimport { ButtonSetItem } from '#UNSAFE_ButtonSetItem';\nimport { IconToggleButton } from '#UNSAFE_IconToggleButton';\n\ntype Props = {\n  divRef: Ref<HTMLDivElement>;\n  position: {\n    top?: string;\n    bottom?: string;\n    right?: string;\n    left?: string;\n  };\n  dragMode?: 'select' | 'zoom' | 'pan';\n  showZoomButton: boolean;\n  showPanButton: boolean;\n  showSelectButton: boolean;\n  onDragModeChange: (mode?: 'select' | 'zoom' | 'pan') => void;\n};\n\nexport function VisDragModeControls({\n  position,\n  divRef,\n  dragMode,\n  onDragModeChange,\n  showZoomButton,\n  showPanButton,\n  showSelectButton\n}: Props) {\n  const { right, left, top, bottom } = position;\n  const onButtonAction = ({ value }: { value: 'zoom' | 'pan' | 'select' }) => {\n    onDragModeChange(value === dragMode ? undefined : value);\n  };\n\n  const showOnlyOne =\n    (showPanButton && !showSelectButton && !showZoomButton) ||\n    (!showPanButton && !showSelectButton && showZoomButton) ||\n    (!showPanButton && showSelectButton && !showZoomButton);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const zoomAriaLabel = translations.vis_marqueeZoomTooltip();\n  const panAriaLabel = translations.vis_panTooltip();\n  const selectAriaLabel = translations.vis_marqueeSelectTooltip();\n  return showZoomButton || showPanButton || showSelectButton ? (\n    <div\n      ref={divRef}\n      class={styles.background}\n      data-oj-private-object=\"dragModeControls\"\n      style={{\n        right,\n        left,\n        top,\n        bottom\n      }}>\n      {!showOnlyOne ? (\n        <ButtonSetSingle\n          size=\"sm\"\n          value={dragMode}\n          onCommit={onButtonAction as (detail: { value?: string }) => void}\n          display=\"icons\"\n          variant=\"outlined\">\n          {showPanButton && (\n            <ButtonSetItem\n              value=\"pan\"\n              label={panAriaLabel}\n              startIcon={<ChartPanIcon />}></ButtonSetItem>\n          )}\n          {showZoomButton && (\n            <ButtonSetItem\n              value=\"zoom\"\n              label={zoomAriaLabel}\n              startIcon={<ChartZoomIcon />}></ButtonSetItem>\n          )}\n          {showSelectButton && (\n            <ButtonSetItem\n              value=\"select\"\n              label={selectAriaLabel}\n              startIcon={<ChartMarqueeSelectIcon />}></ButtonSetItem>\n          )}\n        </ButtonSetSingle>\n      ) : (\n        <>\n          {showPanButton && (\n            <IconToggleButton\n              accessibleLabel={panAriaLabel}\n              isSelected={dragMode === 'pan'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'pan' ? undefined : 'pan');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartPanIcon />\n            </IconToggleButton>\n          )}\n          {showZoomButton && (\n            <IconToggleButton\n              accessibleLabel={zoomAriaLabel}\n              isSelected={dragMode === 'zoom'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'zoom' ? undefined : 'zoom');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartZoomIcon />\n            </IconToggleButton>\n          )}\n          {showSelectButton && (\n            <IconToggleButton\n              accessibleLabel={selectAriaLabel}\n              isSelected={dragMode === 'select'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'select' ? undefined : 'select');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartMarqueeSelectIcon />\n            </IconToggleButton>\n          )}\n        </>\n      )}\n    </div>\n  ) : null;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { getInitialDragMode } from './util';\nimport { VisDragModeControls } from './VisDragModeControls';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype Props = {\n  plotAreaSpace: Dimension;\n  componentWidth: number;\n  isRtl: boolean;\n  showPanButton: boolean;\n  showZoomButton: boolean;\n  showSelectButton: boolean;\n  isDisabled?: boolean;\n  dragMode?: 'zoom' | 'pan' | 'user' | 'select' | 'off';\n};\n\nexport function useVisDragModeControls({\n  componentWidth,\n  plotAreaSpace,\n  isRtl,\n  showPanButton,\n  showZoomButton,\n  showSelectButton,\n  isDisabled = false,\n  dragMode\n}: Props) {\n  const dragButtonDivRef = useRef<HTMLDivElement>(null);\n  const originalDragModeRef = useRef<'select' | 'zoom' | 'pan' | 'off' | 'user' | undefined>(dragMode);\n\n  const isInitialRenderRef = useRef(true);\n  useEffect(() => {\n    isInitialRenderRef.current = false;\n  }, []);\n\n  const [userDragMode, setUserDragMode] = useState<'select' | 'zoom' | 'pan' | undefined>();\n  const initialSelection = getInitialDragMode(\n    dragMode,\n    showPanButton,\n    showZoomButton,\n    showSelectButton\n  );\n\n  const dragModeChanged = originalDragModeRef.current != dragMode;\n\n  if (dragModeChanged || isInitialRenderRef.current) {\n    originalDragModeRef.current = dragMode;\n    setUserDragMode(initialSelection);\n  }\n\n  const toggleButtonContent = isDisabled ? undefined : (\n    <VisDragModeControls\n      position={{\n        top: `${plotAreaSpace.y}px`,\n        right: isRtl ? undefined : `${componentWidth - plotAreaSpace.x - plotAreaSpace.width}px`,\n        left: isRtl ? `${plotAreaSpace.x}px` : undefined\n      }}\n      divRef={dragButtonDivRef}\n      showSelectButton={showSelectButton}\n      showZoomButton={showZoomButton}\n      showPanButton={showPanButton}\n      dragMode={userDragMode}\n      onDragModeChange={setUserDragMode}\n    />\n  );\n\n  return {\n    dragButtonDivRef: dragButtonDivRef,\n    toggleButtonContent: toggleButtonContent,\n    userDragMode\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\n/**\n * Returns the dragMode during initial render or when dragMode props\n * change (i.e when user hasn't selected yet) based on available dragModes.\n */\nexport function getInitialDragMode(\n  dragMode: 'pan' | 'user' | 'zoom' | 'select' | 'off' | undefined,\n  showPanButton: boolean,\n  showZoomButton: boolean,\n  showSelectButton: boolean\n) {\n  return showPanButton && (dragMode === 'pan' || dragMode === 'user')\n    ? 'pan'\n    : showZoomButton && dragMode === 'zoom'\n    ? 'zoom'\n    : showSelectButton && dragMode === 'select'\n    ? 'select'\n    : undefined;\n}\n"],"names":["VisDragModeControls","position","divRef","dragMode","onDragModeChange","showZoomButton","showPanButton","showSelectButton","right","left","top","bottom","showOnlyOne","translations","useTranslationBundle","zoomAriaLabel","vis_marqueeZoomTooltip","panAriaLabel","vis_panTooltip","selectAriaLabel","vis_marqueeSelectTooltip","_jsx","jsx","ref","class","styles","background","style","children","_jsxs","jsxs","_Fragment","IconToggleButton","accessibleLabel","isSelected","onToggle","undefined","variant","size","ChartPanIcon","ChartZoomIcon","ChartMarqueeSelectIcon","ButtonSetSingle","value","onCommit","display","ButtonSetItem","label","startIcon","SvgMove","SvgButton","componentWidth","plotAreaSpace","isRtl","isDisabled","dragButtonDivRef","useRef","originalDragModeRef","isInitialRenderRef","useEffect","current","userDragMode","setUserDragMode","useState","initialSelection","getInitialDragMode","toggleButtonContent","y","x","width"],"mappings":"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"}

package/cjs/BaseButton-15b86552.js

@@ -0,0 +1,86 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var useHover = require('./useHover-49b0430d.js');
+var useActive = require('./useActive-6770f917.js');
+var useColorScheme = require('./useColorScheme-852ec82e.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var dimensions = require('./dimensions-6101ca1f.js');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var clientHints$1 = require('./clientHints-c40c5250.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var UNSAFE_BaseButton_themes_redwood_BaseButtonTheme = require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var BareButton = require('./BareButton-e8a030d7.js');
+var buttonUtils = require('./buttonUtils-dff2ea3e.js');
+
+const interpolations = [...Object.values(dimensions.dimensionInterpolations)];
+const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
+const clientHints = clientHints$1.getClientHints();
+// :active only works on IOS devices if a touch handler exists
+const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
+const isHybrid = clientHints$1.getClientHints().hoverSupport === 'events';
+const BaseButton = compat.forwardRef(({ variant, isReadOnly = false, isDisabled = false, isRepeat = false, isClick, size, onAction, elementDetails = { type: 'button', buttonType: 'button' }, styling = ['default'], edge = 'none', testId, ...props }, ref) => {
+    const isStyled = (name) => {
+        return styling.indexOf(name) > -1;
+    };
+    const { globalEventProps, ariaProps } = buttonUtils.processGlobals(props);
+    const { hoverProps, isHover } = useHover.useHover({ isDisabled: !isHybrid });
+    const { activeProps, isActive } = useActive.useActive({ isDisabled: isReadOnly });
+    const { class: cls, ...styles } = styleInterpolations({
+        ...props,
+        ...globalEventProps
+    });
+    const ElementType = elementDetails.type;
+    const isSpan = ElementType == 'span';
+    const colorScheme = useColorScheme.useColorScheme();
+    const { variantClasses } = useComponentTheme.useComponentTheme(UNSAFE_BaseButton_themes_redwood_BaseButtonTheme.BaseButtonRedwoodTheme, {
+        size,
+        variant,
+        unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',
+        embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',
+        container: isStyled('container') ? 'isContainer' : 'notContainer',
+        noBorderRadiusStart: isStyled('noBorderRadiusStart')
+            ? 'isNoBorderRadiusStart'
+            : 'notNoBorderRadiusStart',
+        noBorderRadiusEnd: isStyled('noBorderRadiusEnd')
+            ? 'isNoBorderRadiusEnd'
+            : 'notNoBorderRadiusEnd',
+        noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',
+        noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',
+        activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',
+        selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',
+        buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',
+        trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',
+        fill: isStyled('fill') ? 'isFill' : 'notFill',
+        min: isStyled('min') ? 'isMin' : 'notMin',
+        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
+        edge,
+        hybrid: isHybrid ? 'isHybrid' : 'notHybrid',
+        active: isActive ? 'isActive' : 'notActive',
+        hover: isHover ? 'isHover' : 'notHover',
+        span: isSpan ? 'isSpan' : 'notSpan',
+        widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',
+        widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',
+        hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',
+        noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',
+        newStackingContext: isStyled('newStackingContext')
+            ? 'isNewStackingContext'
+            : 'notNewStackingContext',
+        noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',
+        colorScheme
+    });
+    const legacyGlobals = {
+        autofocus: props.autofocus,
+        title: props.title
+    };
+    const mergedProps = mergeProps.mergeProps(iosProps, ariaProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps, legacyGlobals);
+    const wrapperClasses = classNames.classNames([cls, variantClasses]);
+    return (jsxRuntime.jsx(BareButton.BareButton, { ref: ref, isDisabled: isDisabled || isReadOnly, isClick: isClick, classNames: wrapperClasses, style: styles, testId: testId, onAction: onAction, autofocus: props['autofocus'], elementDetails: elementDetails, isRepeat: isRepeat, ...ariaProps, ...mergedProps, children: props.children }));
+});
+BaseButton.displayName = 'BaseButton';
+
+exports.BaseButton = BaseButton;
+//# sourceMappingURL=BaseButton-15b86552.js.map

package/cjs/BaseButton-15b86552.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-15b86552.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BareButton } from '#/UNSAFE_BareButton';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\n\ntype BaseButtonElementDetails =\n  | {\n      type: 'button';\n      buttonType?: 'button' | 'submit';\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'noBorderEnd'\n  | 'noBorderStart'\n  | 'active'\n  | 'selected'\n  | 'buttonSetItem'\n  | 'trailingItem'\n  | 'widthEqual'\n  | 'hiddenLabel'\n  | 'noHoverActive'\n  | 'widthAuto'\n  | 'newStackingContext'\n  | 'noUserSelect';\n\nexport type Props = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button be read-only.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: ComponentProps<typeof BareButton>['onAction'];\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\ntype ButtonHandle = ElementRef<typeof BareButton>;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      onAction,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      testId,\n      ...props\n    }: Props,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { globalEventProps, ariaProps } = processGlobals(props);\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      ...globalEventProps\n    });\n\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const colorScheme = useColorScheme();\n\n    const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n      size,\n      variant,\n      unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n      embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n      container: isStyled('container') ? 'isContainer' : 'notContainer',\n      noBorderRadiusStart: isStyled('noBorderRadiusStart')\n        ? 'isNoBorderRadiusStart'\n        : 'notNoBorderRadiusStart',\n      noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n        ? 'isNoBorderRadiusEnd'\n        : 'notNoBorderRadiusEnd',\n      noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n      noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n      activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n      selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n      buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n      trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n      fill: isStyled('fill') ? 'isFill' : 'notFill',\n      min: isStyled('min') ? 'isMin' : 'notMin',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      edge,\n      hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n      active: isActive ? 'isActive' : 'notActive',\n      hover: isHover ? 'isHover' : 'notHover',\n      span: isSpan ? 'isSpan' : 'notSpan',\n      widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n      widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n      hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n      noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n      newStackingContext: isStyled('newStackingContext')\n        ? 'isNewStackingContext'\n        : 'notNewStackingContext',\n      noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',\n      colorScheme\n    });\n\n    const legacyGlobals = {\n      autofocus: props.autofocus,\n      title: props.title\n    };\n\n    const mergedProps = mergeProps(\n      iosProps,\n      ariaProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps,\n      legacyGlobals\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n\n    return (\n      <BareButton\n        ref={ref}\n        isDisabled={isDisabled || isReadOnly}\n        isClick={isClick}\n        classNames={wrapperClasses}\n        style={styles}\n        testId={testId}\n        onAction={onAction}\n        autofocus={props['autofocus']}\n        elementDetails={elementDetails}\n        isRepeat={isRepeat}\n        {...ariaProps}\n        {...mergedProps}>\n        {props.children}\n      </BareButton>\n    );\n  }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["dimensionInterpolations","mergeInterpolations","getClientHints","forwardRef","processGlobals","useHover","useActive","useColorScheme","useComponentTheme","BaseButtonRedwoodTheme","mergeProps","classNames","_jsx","BareButton"],"mappings":"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"}