@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/cjs/{useDisplayValue-ce2d071e.js.map → useDisplayValue-777c9be5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDisplayValue-ce2d071e.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":["useTranslationBundle","useFormFieldContext","_jsx","IconButton","NavLeft","_jsxs","_Fragment","CancelS","DropdownArrow","TextField","TextFieldInput","LiveRegion","useMemo","renderItemText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDM,SAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,yBAAyB,EACtB,EAAA;AACN,IAAA,MAAM,YAAY,GAAGA,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;IAClF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,iBAAiB,IACpCC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EACG,YAAY,CAAC,mBAAmB,EAAE,EAC9C,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,iBAAiB,EAC3B,QAAA,EAAAD,cAAA,CAACE,kBAAO,EAAA,EAAA,CAAG,GACA,IACX,IAAI,CAAC;AAET,IAAA,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,IACtCC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,kBAAkB,KACjBJ,cAAC,CAAAC,qBAAU,EACG,EAAA,YAAA,EAAA,YAAY,CAAC,iBAAiB,EAAE,EAC5C,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,kBAAkB,EAAA,QAAA,EAC5BD,cAAC,CAAAK,kBAAO,EAAG,EAAA,CAAA,EAAA,CACA,CACd,EACA,oBAAoB,KACnBL,cAAA,CAACM,6BAAa,EAAA,EACZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,CAAG,EAAA,yBAAyB,CAAC,MAAM,CAAgB,cAAA,CAAA,EAAA,CAC3D,CACH,CAAA,EAAA,CACA,CACJ,CAAC;AAEF,IAAA,QACEN,cAAC,CAAAO,mBAAS,IACR,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,QAAQ,EACrB,UAAU,EAAE,UAAU,KAClB,yBAAyB,EAAA,CAC7B,EACF;AACJ;;AC/DM,SAAU,sBAAsB,CAAC,EACrC,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,SAAS,EACT,eAAe,EACf,GAAG,8BAA8B,EAC3B,EAAA;AACN,IAAA,MAAM,YAAY,GAAGT,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC,yBAAyB,EAAE,CAAC;AAClE,IAAA,MAAM,qBAAqB,GAAG,YAAY,CAAC,iCAAiC,EAAE,CAAC;IAC/E,MAAM,sBAAsB,GAAG,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,gBAAgB,GAAG,gBAAgB,GAAG,EAAE,CAAA,CAAA,EAC1F,qBAAqB,GAAG,qBAAqB,GAAG,EAClD,CAAA,CAAE,CAAC;IAEH,QACEK,eACE,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAJ,cAAA,CAACQ,gCAAc,EAAA,EAAA,GACT,8BAA8B,EAClC,aAAa,EAAE,IAAI,EAAA,mBAAA,EACD,MAAM,EACxB,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,UAAU,EACf,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,eAAe,KAAK,MAAM,GAAG,QAAQ,GAAG,eAAe,EAC7D,KAAK,EAAE,eAAe,GAAG,SAAS,GAAG,YAAY,EAAA,CACjD,EACFR,cAAA,CAACS,qBAAU,EAAA,EAAA,QAAA,EAAE,sBAAsB,EAAA,CAAc,CAChD,EAAA,CAAA,EACH;AACJ;;ACvEA;;;;;;AAMG;AAQG,SAAU,eAAe,CAC7B,QAA4B,EAC5B,SAAsB,EACtB,gBAAuD,cAAc,EAAA;;AAGrE,IAAA,MAAM,YAAY,GAAGC,aAAO,CAAC,MAAK;QAChC,OAAO,SAAS,KAAK,SAAS,GAAG,EAAE,GAAGC,8BAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,aAAa,CAAC,IAAI,EAAE,CAAC;KAChG,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;AAEzC,IAAA,OAAO,YAAY,CAAC;AACtB;;;;;;"}
+{"version":3,"file":"useDisplayValue-777c9be5.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":["useTranslationBundle","useFormFieldContext","_jsx","IconButton","NavLeft","_jsxs","_Fragment","CancelS","DropdownArrow","TextField","TextFieldInput","LiveRegion","useMemo","renderItemText"],"mappings":"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"}

package/cjs/{useSelectCommon-544c22ee.js → useSelectCommon-bb44fdb6.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var List = require('./List-eea800fd.js');
+var List = require('./List-436100e1.js');
 var Flex = require('./Flex-d23357d1.js');
 var HighlightText = require('./HighlightText-96feeb92.js');
 require('./Grid-96a8d701.js');
@@ -549,4 +549,4 @@ exports.shouldIgnoreSelectInputKeyDownDuringComposition = shouldIgnoreSelectInpu
 exports.shouldIgnoreSelectInputKeyUpDuringComposition = shouldIgnoreSelectInputKeyUpDuringComposition;
 exports.useCollectionRenderer = useCollectionRenderer;
 exports.useSelectCommon = useSelectCommon;
-//# sourceMappingURL=useSelectCommon-544c22ee.js.map
+//# sourceMappingURL=useSelectCommon-bb44fdb6.js.map

package/cjs/{useSelectCommon-544c22ee.js.map → useSelectCommon-bb44fdb6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSelectCommon-544c22ee.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.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_TableList';\nimport { List as PrivateList } 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 PrivateList>['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>['onSelectedChange']>>(\n    ({ value }) => {\n      onSelectionChange?.({ value: new Set(value.keys?.values()) });\n    },\n    [onSelectionChange]\n  );\n\n  const hasMore =\n    data == null || (data.sizePrecision === 'atLeast' && data.data.length <= data.totalSize);\n\n  const onLoadMore = useCallback(() => {\n    onLoadRange({ offset: 0, count: 25 + (data != null ? data.data.length : 0) });\n  }, [data, onLoadRange]);\n\n  return (\n    <List<K, D>\n      aria-label={ariaLabel}\n      currentItemVariant={currentItemVariant}\n      currentItemOverride={currentItemOverride}\n      collectionData={data?.data}\n      onPersistCurrentItem={onCurrentKeyChange}\n      onItemAction={handleItemAction}\n      hasMore={hasMore}\n      onLoadMore={onLoadMore}\n      onSelectedChange={handleSelectionChange}\n      role=\"listbox\"\n      selected={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemRendererContext<K, D>) => listItemRenderer(context)}\n    </List>\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 { 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 { KEYS } from '#utils/PRIVATE_keyboardUtils';\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\nconst LEGACY_IME_PROCESS_KEY_CODE = 229;\n\n/**\n * JET-77501 - WHILE TYPING /SEARCHING JAPANESE CHARACTERS THE MENU DID NOT SHOW THE SUGGESTIONS FOR THE ENTERED VALUE\n * `event.isComposing` means the key event is still inside a composition session:\n * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/isComposing\n * Common CJK IMEs compose text before commit. Apple documents Japanese conversion using\n * Space, arrow keys, and Return; Chinese/Cantonese candidate navigation using arrow keys\n * and Space or Return; and Korean Hanja candidates using arrow keys, Space, and Return.\n * Windows also exposes IME-specific virtual keys, including IME convert and accept keys.\n * https://support.apple.com/guide/japanese-input-method/keyboard-shortcuts-jpim10263/mac\n * https://support.apple.com/guide/chinese-input-method/use-the-candidate-window-cim12992/mac\n * https://support.apple.com/guide/korean-input-method/welcome/mac\n * https://learn.microsoft.com/en-us/windows/win32/inputdev/virtual-key-codes\n * If Select handles these keydown events while composing, it interferes with IME-owned\n * navigation and confirmation. Enter/NumpadEnter can be consumed by Select to commit or clear\n * the select value before the IME commits the composed text. Up/Down can be consumed by Select\n * to prevent default browser/IME behavior or move focus from the input into the select dropdown\n * while the user is still navigating IME candidates.\n */\nexport function shouldIgnoreSelectInputKeyDownDuringComposition(event: KeyboardEvent) {\n  const isEnter = event.code === KEYS.ENTER || event.code === KEYS.NUMPAD_ENTER;\n  const isArrow = event.code === KEYS.UP || event.code === KEYS.DOWN;\n  // JET-77501 - WHILE TYPING /SEARCHING JAPANESE CHARACTERS THE MENU DID NOT SHOW THE SUGGESTIONS FOR THE ENTERED VALUE\n  // Safari/WebKit requires an additional fallback for the Enter key that confirms an IME\n  // candidate. Affected versions dispatch `compositionend` before that `keydown`, so the Enter\n  // event incorrectly has `isComposing === false` and would otherwise reach Select's commit logic.\n  // Those versions report `keyCode === 229` for the IME-owned event. Although `keyCode` is\n  // deprecated, it is intentionally used only for this standards-API false negative:\n  // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n  // https://bugs.webkit.org/show_bug.cgi?id=165004\n  // WebKit records the event-ordering issue as fixed by the following bug, but the incorrect\n  // behavior was still manually reproducible in Safari 26.5. A WebKit source change or backport\n  // does not establish that a particular Safari release contains the effective fix. Remove this\n  // fallback only after the behavior has been verified in every supported Safari version:\n  // https://bugs.webkit.org/show_bug.cgi?id=311717\n  // Do not gate the fallback using browser detection. Browser branding does not reliably identify\n  // every WebKit host, including alternate browsers on iOS and embedded WKWebView applications.\n  // In any browser, key code 229 identifies an IME-processed event, so Select should not treat that\n  // Enter as a request to commit or clear its value.\n  const isLegacyImeConfirmation =\n    !event.isComposing && isEnter && event.keyCode === LEGACY_IME_PROCESS_KEY_CODE;\n\n  return (event.isComposing && (isEnter || isArrow)) || isLegacyImeConfirmation;\n}\n\n/**\n * JET-77501 - WHILE TYPING /SEARCHING JAPANESE CHARACTERS THE MENU DID NOT SHOW THE SUGGESTIONS FOR THE ENTERED VALUE\n * `event.isComposing` means the key event is still inside a composition session:\n * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/isComposing\n * Common CJK IMEs compose text before commit. Apple documents Japanese conversion using\n * Up/Down Arrow for kanji candidates, Chinese/Cantonese candidate navigation using arrow\n * keys, and Korean Hanja candidate navigation using arrow keys.\n * Windows also exposes IME-specific virtual keys, including IME convert and accept keys.\n * https://support.apple.com/guide/japanese-input-method/keyboard-shortcuts-jpim10263/mac\n * https://support.apple.com/guide/chinese-input-method/use-the-candidate-window-cim12992/mac\n * https://support.apple.com/guide/korean-input-method/welcome/mac\n * https://learn.microsoft.com/en-us/windows/win32/inputdev/virtual-key-codes\n * If Select handles these keyup events while composing, it interferes with IME-owned\n * candidate navigation. Up/Down can open the select dropdown, move focus into the dropdown,\n * or change Select's current row after the IME has used the same key to navigate candidates.\n */\nexport function shouldIgnoreSelectInputKeyUpDuringComposition(event: KeyboardEvent) {\n  return event.isComposing && (event.code === KEYS.UP || event.code === KEYS.DOWN);\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  mainFieldRef?: RefObject<HTMLDivElement>;\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  mainFieldRef: externalMainFieldRef,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const localMainFieldRef = useRef<HTMLDivElement>(null);\n  // Some migrated controls now create the shell anchor ref through `useInputBase`.\n  // Accepting an external ref here lets the select behavior hooks keep using the exact same\n  // field anchor for compact assistance, popup positioning, and readonly-only hidden methods.\n  const mainFieldRef = externalMainFieldRef ?? localMainFieldRef;\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":["error","useCallback","_jsxs","Flex","_jsx","dropdownStyles","ListItemText","HighlightText","useMemo","List","useComponentTheme","ButtonLabelLayoutRedwoodTheme","BaseButtonRedwoodTheme","usePress","classNames","useTestId","DropdownArrowIcon","useTranslationBundle","preventDefaultForCurrentTarget","Text","getClientHints","KEYS","useRef","useState","isSimpleClick","allTabbableElements","isControlOrFunctionKey","useEffect"],"mappings":"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"}
+{"version":3,"file":"useSelectCommon-bb44fdb6.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.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_TableList';\nimport { List as PrivateList } 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 PrivateList>['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>['onSelectedChange']>>(\n    ({ value }) => {\n      onSelectionChange?.({ value: new Set(value.keys?.values()) });\n    },\n    [onSelectionChange]\n  );\n\n  const hasMore =\n    data == null || (data.sizePrecision === 'atLeast' && data.data.length <= data.totalSize);\n\n  const onLoadMore = useCallback(() => {\n    onLoadRange({ offset: 0, count: 25 + (data != null ? data.data.length : 0) });\n  }, [data, onLoadRange]);\n\n  return (\n    <List<K, D>\n      aria-label={ariaLabel}\n      currentItemVariant={currentItemVariant}\n      currentItemOverride={currentItemOverride}\n      collectionData={data?.data}\n      onPersistCurrentItem={onCurrentKeyChange}\n      onItemAction={handleItemAction}\n      hasMore={hasMore}\n      onLoadMore={onLoadMore}\n      onSelectedChange={handleSelectionChange}\n      role=\"listbox\"\n      selected={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemRendererContext<K, D>) => listItemRenderer(context)}\n    </List>\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 { 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 { KEYS } from '#utils/PRIVATE_keyboardUtils';\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\nconst LEGACY_IME_PROCESS_KEY_CODE = 229;\n\n/**\n * JET-77501 - WHILE TYPING /SEARCHING JAPANESE CHARACTERS THE MENU DID NOT SHOW THE SUGGESTIONS FOR THE ENTERED VALUE\n * `event.isComposing` means the key event is still inside a composition session:\n * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/isComposing\n * Common CJK IMEs compose text before commit. Apple documents Japanese conversion using\n * Space, arrow keys, and Return; Chinese/Cantonese candidate navigation using arrow keys\n * and Space or Return; and Korean Hanja candidates using arrow keys, Space, and Return.\n * Windows also exposes IME-specific virtual keys, including IME convert and accept keys.\n * https://support.apple.com/guide/japanese-input-method/keyboard-shortcuts-jpim10263/mac\n * https://support.apple.com/guide/chinese-input-method/use-the-candidate-window-cim12992/mac\n * https://support.apple.com/guide/korean-input-method/welcome/mac\n * https://learn.microsoft.com/en-us/windows/win32/inputdev/virtual-key-codes\n * If Select handles these keydown events while composing, it interferes with IME-owned\n * navigation and confirmation. Enter/NumpadEnter can be consumed by Select to commit or clear\n * the select value before the IME commits the composed text. Up/Down can be consumed by Select\n * to prevent default browser/IME behavior or move focus from the input into the select dropdown\n * while the user is still navigating IME candidates.\n */\nexport function shouldIgnoreSelectInputKeyDownDuringComposition(event: KeyboardEvent) {\n  const isEnter = event.code === KEYS.ENTER || event.code === KEYS.NUMPAD_ENTER;\n  const isArrow = event.code === KEYS.UP || event.code === KEYS.DOWN;\n  // JET-77501 - WHILE TYPING /SEARCHING JAPANESE CHARACTERS THE MENU DID NOT SHOW THE SUGGESTIONS FOR THE ENTERED VALUE\n  // Safari/WebKit requires an additional fallback for the Enter key that confirms an IME\n  // candidate. Affected versions dispatch `compositionend` before that `keydown`, so the Enter\n  // event incorrectly has `isComposing === false` and would otherwise reach Select's commit logic.\n  // Those versions report `keyCode === 229` for the IME-owned event. Although `keyCode` is\n  // deprecated, it is intentionally used only for this standards-API false negative:\n  // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n  // https://bugs.webkit.org/show_bug.cgi?id=165004\n  // WebKit records the event-ordering issue as fixed by the following bug, but the incorrect\n  // behavior was still manually reproducible in Safari 26.5. A WebKit source change or backport\n  // does not establish that a particular Safari release contains the effective fix. Remove this\n  // fallback only after the behavior has been verified in every supported Safari version:\n  // https://bugs.webkit.org/show_bug.cgi?id=311717\n  // Do not gate the fallback using browser detection. Browser branding does not reliably identify\n  // every WebKit host, including alternate browsers on iOS and embedded WKWebView applications.\n  // In any browser, key code 229 identifies an IME-processed event, so Select should not treat that\n  // Enter as a request to commit or clear its value.\n  const isLegacyImeConfirmation =\n    !event.isComposing && isEnter && event.keyCode === LEGACY_IME_PROCESS_KEY_CODE;\n\n  return (event.isComposing && (isEnter || isArrow)) || isLegacyImeConfirmation;\n}\n\n/**\n * JET-77501 - WHILE TYPING /SEARCHING JAPANESE CHARACTERS THE MENU DID NOT SHOW THE SUGGESTIONS FOR THE ENTERED VALUE\n * `event.isComposing` means the key event is still inside a composition session:\n * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/isComposing\n * Common CJK IMEs compose text before commit. Apple documents Japanese conversion using\n * Up/Down Arrow for kanji candidates, Chinese/Cantonese candidate navigation using arrow\n * keys, and Korean Hanja candidate navigation using arrow keys.\n * Windows also exposes IME-specific virtual keys, including IME convert and accept keys.\n * https://support.apple.com/guide/japanese-input-method/keyboard-shortcuts-jpim10263/mac\n * https://support.apple.com/guide/chinese-input-method/use-the-candidate-window-cim12992/mac\n * https://support.apple.com/guide/korean-input-method/welcome/mac\n * https://learn.microsoft.com/en-us/windows/win32/inputdev/virtual-key-codes\n * If Select handles these keyup events while composing, it interferes with IME-owned\n * candidate navigation. Up/Down can open the select dropdown, move focus into the dropdown,\n * or change Select's current row after the IME has used the same key to navigate candidates.\n */\nexport function shouldIgnoreSelectInputKeyUpDuringComposition(event: KeyboardEvent) {\n  return event.isComposing && (event.code === KEYS.UP || event.code === KEYS.DOWN);\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  mainFieldRef?: RefObject<HTMLDivElement>;\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  mainFieldRef: externalMainFieldRef,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const localMainFieldRef = useRef<HTMLDivElement>(null);\n  // Some migrated controls now create the shell anchor ref through `useInputBase`.\n  // Accepting an external ref here lets the select behavior hooks keep using the exact same\n  // field anchor for compact assistance, popup positioning, and readonly-only hidden methods.\n  const mainFieldRef = externalMainFieldRef ?? localMainFieldRef;\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":["error","useCallback","_jsxs","Flex","_jsx","dropdownStyles","ListItemText","HighlightText","useMemo","List","useComponentTheme","ButtonLabelLayoutRedwoodTheme","BaseButtonRedwoodTheme","usePress","classNames","useTestId","DropdownArrowIcon","useTranslationBundle","preventDefaultForCurrentTarget","Text","getClientHints","KEYS","useRef","useState","isSimpleClick","allTabbableElements","isControlOrFunctionKey","useEffect"],"mappings":"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"}

package/cjs/{useTabBar-ec20851a.js → useTabBar-1cfaf3e6.js}

@@ -45,11 +45,9 @@ const initialMenuProps = {
  * Implements TabBar behavior for focus and keyboad handling
  */
 function useTabBar(options) {
-    const { children, class: className, display, edge = 'top', selection, onSelect, onRemove, ref: userRef, size, contextMenuConfig } = options;
+    const { children, class: className, display, edge = 'top', selection, onSelect, onRemove, ref: rootRef, size, contextMenuConfig } = options;
     const { direction } = useUser.useUser();
     const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const internalRef = hooks.useRef(null);
-    const rootRef = userRef || internalRef;
     const tabId = useId.useId();
     const [currentKey, setCurrentKey] = hooks.useState(selection);
     const [hideTooltip, setHideTooltip] = hooks.useState(false);
@@ -218,7 +216,6 @@ function useTabBar(options) {
             'aria-activedescendant': currentKey ? tabItemPrefix + currentKey : '',
             'aria-multiselectable': false,
             class: className,
-            ref: rootRef,
             role: 'tablist',
             tabIndex: 0
         }, currentKeyProps, focusRingProps, eventProps),
@@ -306,4 +303,4 @@ const getItemLabel = (itemKey, root) => {
 exports.REMOVABLE_ITEM_ATTRIBUTE = REMOVABLE_ITEM_ATTRIBUTE;
 exports.getItemAttribute = getItemAttribute;
 exports.useTabBar = useTabBar;
-//# sourceMappingURL=useTabBar-ec20851a.js.map
+//# sourceMappingURL=useTabBar-1cfaf3e6.js.map

package/cjs/useTabBar-1cfaf3e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabBar-1cfaf3e6.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]';\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: rootRef,\n    size,\n    contextMenuConfig\n  } = options;\n\n  const { direction } = useUser();\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\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        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":["useUser","useTranslationBundle","useId","useState","useRef","useEffect","getItemKeysArray","useCollectionFocusRing","useReorderableContext","useCurrentKey","keyExtractor","getPrevNextKeyUsingRef","findElementByKey","getFirstVisibleKey","useContextMenuGesture","getDefaultContextMenu","useCallback","mergeProps","getKey"],"mappings":"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"}

package/cjs/useTextAreaAltEnter-27263abe.js

@@ -0,0 +1,68 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var classNames = require('./classNames-c14c6ef3.js');
+var usePress = require('./usePress-11904554.js');
+require('./FormFieldContext-69fe83d2.js');
+var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
+
+
+
+
+
+
+var hide = 'MaxLengthCounterStyles_hide__7dy9j71';
+var maxLengthCounterBase = 'MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70';
+var spanStyles = 'MaxLengthCounterStyles_spanStyles__7dy9j72';
+
+const noop = () => { };
+function MaxLengthCounter({ maxLength, valueLength = 0, onClick }) {
+    const { isFocused } = useFormFieldContext.useFormFieldContext();
+    // We don't want mousedown on this component to do anything, so prevent the default behavior.
+    const killEvent = hooks.useCallback((event) => event.preventDefault(), []);
+    const textClasses = classNames.classNames([!isFocused && hide]);
+    const { pressProps } = usePress.usePress(onClick ?? noop);
+    return (jsxRuntime.jsx("div", { class: maxLengthCounterBase, onMouseDown: killEvent, ...pressProps, children: jsxRuntime.jsxs("span", { class: textClasses, children: [jsxRuntime.jsx("span", { class: spanStyles, children: valueLength }), jsxRuntime.jsx("span", { class: spanStyles, children: "/" }), jsxRuntime.jsx("span", { class: spanStyles, children: maxLength })] }) }));
+}
+
+/**
+ * A custom hook to enable an alternate way for entering a new line in the TextArea components using
+ * Alt + Enter (or option + return in MacOS). This is particularly useful in scenarios where pressing Enter
+ * could mean a different action, like exiting from edit mode in a Table/DataGrid containing a TextArea.
+ */
+const useTextAreaAltEnter = ({ onInput, textAreaRef }) => {
+    // We want to have alt/option+Enter to insert a newline like Enter does.
+    const [selectionStart, setSelectionStart] = hooks.useState();
+    const handleKeyDown = hooks.useCallback((event) => {
+        // If we see an alt+enter (or option+return on a Mac), we insert a newline and call onInputAndDispatch
+        // since that is what is called any time the input value changes.
+        if (event.altKey && event.key === 'Enter') {
+            event.preventDefault(); // Prevent default Enter behavior
+            const textarea = event.target;
+            const { selectionStart: start, selectionEnd: end, value: previousValue } = textarea;
+            const newValue = previousValue.substring(0, start) + '\n' + previousValue.substring(end);
+            const valueUpdateDetail = {
+                previousValue: previousValue,
+                value: newValue
+            };
+            setSelectionStart(start + 1);
+            onInput(valueUpdateDetail);
+        }
+    }, [onInput]);
+    hooks.useLayoutEffect(() => {
+        if (selectionStart) {
+            textAreaRef.current?.setSelectionRange(selectionStart, selectionStart);
+            // reset to undefined, so the next selectionStart will trigger the useLayoutEffect
+            // even if it is the same as the previous selectionStart that was set.  This is
+            // because we are only setting selectionStart for alt+enter.
+            setSelectionStart(undefined);
+        }
+    }, [selectionStart, textAreaRef]);
+    return { handleKeyDown };
+};
+
+exports.MaxLengthCounter = MaxLengthCounter;
+exports.useTextAreaAltEnter = useTextAreaAltEnter;
+//# sourceMappingURL=useTextAreaAltEnter-27263abe.js.map

package/cjs/useTextAreaAltEnter-27263abe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextAreaAltEnter-27263abe.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx","../../src/UNSAFE_TextArea/useTextAreaAltEnter.ts"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n  maxLength: number;\n  valueLength?: number;\n  onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n  const { isFocused } = useFormFieldContext();\n  // We don't want mousedown on this component to do anything, so prevent the default behavior.\n  const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n  const textClasses = classNames([!isFocused && hide]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n      <span class={textClasses}>\n        <span class={spanStyles}>{valueLength}</span>\n        <span class={spanStyles}>/</span>\n        <span class={spanStyles}>{maxLength}</span>\n      </span>\n    </div>\n  );\n}\n","import { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useLayoutEffect, useState } from 'preact/hooks';\n\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype UseTextAreaAltEnterOptions = {\n  /**\n   * The onInput of the TextFieldInput\n   */\n  onInput: NonNullable<ComponentProps<typeof TextFieldInput>['onInput']>;\n  /**\n   * The ref to the textarea element\n   */\n  textAreaRef: RefObject<HTMLTextAreaElement>;\n};\n\n/**\n * A custom hook to enable an alternate way for entering a new line in the TextArea components using\n * Alt + Enter (or option + return in MacOS). This is particularly useful in scenarios where pressing Enter\n * could mean a different action, like exiting from edit mode in a Table/DataGrid containing a TextArea.\n */\nexport const useTextAreaAltEnter = ({ onInput, textAreaRef }: UseTextAreaAltEnterOptions) => {\n  // We want to have alt/option+Enter to insert a newline like Enter does.\n  const [selectionStart, setSelectionStart] = useState<number>();\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // If we see an alt+enter (or option+return on a Mac), we insert a newline and call onInputAndDispatch\n      // since that is what is called any time the input value changes.\n      if (event.altKey && event.key === 'Enter') {\n        event.preventDefault(); // Prevent default Enter behavior\n        const textarea = event.target as HTMLTextAreaElement;\n        const { selectionStart: start, selectionEnd: end, value: previousValue } = textarea;\n        const newValue = previousValue.substring(0, start) + '\\n' + previousValue.substring(end);\n\n        const valueUpdateDetail: ValueUpdateDetail<string> = {\n          previousValue: previousValue,\n          value: newValue\n        };\n        setSelectionStart(start + 1);\n        onInput(valueUpdateDetail);\n      }\n    },\n    [onInput]\n  );\n\n  useLayoutEffect(() => {\n    if (selectionStart) {\n      textAreaRef.current?.setSelectionRange(selectionStart, selectionStart);\n      // reset to undefined, so the next selectionStart will trigger the useLayoutEffect\n      // even if it is the same as the previous selectionStart that was set.  This is\n      // because we are only setting selectionStart for alt+enter.\n      setSelectionStart(undefined);\n    }\n  }, [selectionStart, textAreaRef]);\n\n  return { handleKeyDown };\n};\n"],"names":["useFormFieldContext","useCallback","classNames","usePress","_jsx","_jsxs","useState","useLayoutEffect"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEhB,SAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAA;AAC7E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,uCAAmB,EAAE,CAAC;;AAE5C,IAAA,MAAM,SAAS,GAAGC,iBAAW,CAAC,CAAC,KAAY,KAAK,KAAK,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAGC,qBAAU,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAGC,iBAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACjD,IAAA,QACEC,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAM,GAAA,UAAU,YACtEC,eAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAAA,QAAA,EAAA,CACtBD,yBAAM,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,EAAQ,CAAA,EAC7CA,yBAAM,KAAK,EAAE,UAAU,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EACjCA,yBAAM,KAAK,EAAE,UAAU,EAAG,QAAA,EAAA,SAAS,GAAQ,CACtC,EAAA,CAAA,EAAA,CACH,EACN;AACJ;;ACbA;;;;AAIG;AACU,MAAA,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,EAA8B,KAAI;;IAE1F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGE,cAAQ,EAAU,CAAC;AAC/D,IAAA,MAAM,aAAa,GAAGL,iBAAW,CAC/B,CAAC,KAAoB,KAAI;;;QAGvB,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzC,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAA6B,CAAC;AACrD,YAAA,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,QAAQ,CAAC;AACpF,YAAA,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAEzF,YAAA,MAAM,iBAAiB,GAA8B;AACnD,gBAAA,aAAa,EAAE,aAAa;AAC5B,gBAAA,KAAK,EAAE,QAAQ;aAChB,CAAC;AACF,YAAA,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC7B,OAAO,CAAC,iBAAiB,CAAC,CAAC;SAC5B;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEFM,qBAAe,CAAC,MAAK;QACnB,IAAI,cAAc,EAAE;YAClB,WAAW,CAAC,OAAO,EAAE,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;;;;YAIvE,iBAAiB,CAAC,SAAS,CAAC,CAAC;SAC9B;AACH,KAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,OAAO,EAAE,aAAa,EAAE,CAAC;AAC3B;;;;;"}

package/es/BaseBarChart-26b0e87c.js

@@ -2,14 +2,14 @@
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 import { C as Chart } from './Chart-5d837bee.js';
 import { g as getNextItemInSeries, a as getPrevItemInSeries, b as getNextItemInGroup, c as getPrevItemInGroup } from './PolarChartWithDimensions-76ff5180.js';
-import { u as useUser } from './useUser-e1199cab.js';
+import { u as useUser } from './useUser-2c24ff59.js';
 import { g as getItemColor } from './dataStyleUtils-4fb5b14d.js';
 import { g as getStartAndEndAxesOffset, a as getBarGapRatio } from './lineUtils-2d315e16.js';
 import { forwardRef } from 'preact/compat';
 import { useMemo } from 'preact/hooks';
-import { T as TextureDefs } from './TextureDefs-295dccbd.js';
+import { T as TextureDefs } from './TextureDefs-7373dec8.js';
 import { a as addTextureDefinition, r as resolveTexture, c as createTexturePatternIdResolver } from './textureUtils-e6d7da37.js';
-import { u as useColorScheme } from './useColorScheme-febcabc0.js';
+import { u as useColorScheme } from './useColorScheme-0d2625c5.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { B as BaseBarGroup, g as getBarCenterCoordinate, a as getRangeBarCenterCoordinate, b as getBarPosition, c as getRangeBarPosition, d as getSeriesOffsetAndWidth, e as getRangeSeriesOffsetAndWidth } from './BaseBarGroup-ff0495d8.js';
 

package/es/BaseBarGroup-ff0495d8.js

@@ -5,7 +5,7 @@ import { s as supportsMobileScreenReader } from './accUtils-404953ed.js';
 import { t as isChartDataItemRenderable, v as getBarGapsInfo, w as getGroupCenterCoord } from './lineUtils-2d315e16.js';
 import { styles } from './PRIVATE_Chart/themes/ChartStyles.css.js';
 import { g as getContrastingTextColor } from './colorUtils-62e7f4bf.js';
-import { T as TextureDefs } from './TextureDefs-295dccbd.js';
+import { T as TextureDefs } from './TextureDefs-7373dec8.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { g as getTexturePatternId, b as getTextureOffsetX } from './textureUtils-e6d7da37.js';
 import { g as getRectCoord, a as getBarProps } from './barItemUtils-0dd39fbe.js';

package/es/{BaseButton-77bb9d91.js → BaseButton-f3a607e1.js}

@@ -4,7 +4,7 @@ import { forwardRef } from 'preact/compat';
 import { useState, useEffect } from 'preact/hooks';
 import { u as useHover } from './useHover-85077adb.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
-import { u as useColorScheme } from './useColorScheme-febcabc0.js';
+import { u as useColorScheme } from './useColorScheme-0d2625c5.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { d as dimensionInterpolations } from './dimensions-598464f2.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
@@ -151,4 +151,4 @@ const BaseButton = forwardRef(({ variant, isReadOnly = false, isDisabled = false
 BaseButton.displayName = 'BaseButton';
 
 export { BaseButton as B };
-//# sourceMappingURL=BaseButton-77bb9d91.js.map
+//# sourceMappingURL=BaseButton-f3a607e1.js.map