@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/es/useDatatip-c7727336.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDatatip-c7727336.js","sources":["../../src/hooks/PRIVATE_useDatatip/useDatatip.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating, Placement } from '#UNSAFE_Floating';\nimport { useRef, useState } from 'preact/hooks';\nimport { styles } from './themes/useDatatip.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Property } from 'csstype';\nimport { DATATIP_OFFSET } from '#utils/UNSAFE_visUtils/datatipUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nexport type { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype DatatipProps = {\n  /**\n   * The datatip content.\n   */\n  content?: ComponentChildren;\n\n  /**\n   * Whether the datatip is anchored to pointer or element.\n   *\n   */\n  anchor: 'element' | 'pointer';\n\n  /**\n   * The offset from the anchor element or pointer.\n   */\n  offset?: {\n    mainAxis?: number;\n    crossAxis?: number;\n  };\n\n  /**\n   * The border color of the datatip.\n   */\n  borderColor?: Property.BorderColor;\n\n  /**\n   * The placement of datatip from anchor point.\n   */\n  placement?: Placement;\n\n  /**\n   * The touch response value.\n   */\n  touchResponse: 'touchStart' | 'touchHold';\n\n  /**\n   * Whether datatip is disabled\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The hook to support custom datatip in visualization components.\n */\nexport function useDatatip({\n  content,\n  placement = 'top-end-corner',\n  offset,\n  borderColor,\n  anchor,\n  touchResponse,\n  isDisabled\n}: DatatipProps) {\n  const uniqueIdRef = useRef<string>(useId());\n  const [coords, setCoords] = useState({ x: 0, y: 0 });\n  const offsetValue = offset || { mainAxis: DATATIP_OFFSET, crossAxis: -1 * DATATIP_OFFSET };\n  const [isVisible, setIsVisible] = useState(false);\n\n  const targetRef = useRef<HTMLElement | null>(null);\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const onHover = (event: PointerEvent) => {\n    setCoords({ x: event.clientX, y: event.clientY });\n    setIsVisible(true);\n  };\n\n  const onHoverEnter = (event: PointerEvent, currentTarget: HTMLElement) => {\n    if (\n      event.pointerType === 'touch' ||\n      event.eventPhase === Event.AT_TARGET ||\n      event.eventPhase === Event.BUBBLING_PHASE\n    ) {\n      setCoords({ x: event.clientX, y: event.clientY });\n      targetRef.current = currentTarget;\n      setIsVisible(true);\n    }\n  };\n\n  const onHoverLeave = () => {\n    toggleTimeoutRef.current = setTimeout(() => {\n      setIsVisible(false);\n    }, 20);\n  };\n\n  const hoverHandlers = useVisHover(onHover, onHoverEnter, onHoverLeave, touchResponse);\n\n  const onFocus = (event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET || event.eventPhase === Event.BUBBLING_PHASE) {\n      targetRef.current = event.target as HTMLElement;\n      setIsVisible(true);\n    }\n  };\n\n  const onBlur = () => {\n    setIsVisible(false);\n  };\n\n  const onContentPointerEnter = () => {\n    clearTimeout(toggleTimeoutRef.current);\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.code === 'ArrowUp' ||\n      event.code === 'ArrowDown' ||\n      event.code === 'ArrowRight' ||\n      event.code === 'ArrowLeft' ||\n      event.code === 'Tab'\n    ) {\n      setIsVisible(true);\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      setIsVisible(false);\n    }\n  };\n\n  const anchorRef = anchor === 'element' ? targetRef : { current: coords };\n  const datatipContent =\n    isVisible && !!content && !isDisabled ? (\n      <Layer>\n        <Floating\n          anchorRef={anchorRef}\n          placement={placement}\n          offsetValue={offsetValue}\n          flipOptions={{\n            crossAxis: anchor === 'pointer' ? true : false,\n            mainAxis: anchor === 'pointer' ? true : false\n          }}\n          shiftOptions={{ crossAxis: true, mainAxis: true }}>\n          <div\n            role=\"tooltip\"\n            id={uniqueIdRef.current}\n            className={styles.visDatatipStyle}\n            style={{ borderColor }}\n            onPointerEnter={onContentPointerEnter}\n            onPointerLeave={onHoverLeave}>\n            {content}\n          </div>\n        </Floating>\n      </Layer>\n    ) : null;\n\n  return {\n    datatipContent,\n    datatipProps: {\n      'aria-describedby': datatipContent !== null ? uniqueIdRef.current : undefined,\n      ...mergeProps(hoverHandlers, {\n        onKeyUp,\n        onKeyDown,\n        onFocus,\n        onBlur\n      })\n    }\n  };\n}\n"],"names":["_jsx"],"mappings":"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"}

package/es/useDensity-d06ae84a.js

@@ -1,19 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useContext } from 'preact/hooks';
-import { E as EnvironmentContext } from './LayerHost-12489cef.js';
-import 'preact/jsx-runtime';
-import 'preact/compat';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-function useDensity() {
-    return useContext(EnvironmentContext).density;
-}
-
-export { useDensity as u };
-//# sourceMappingURL=useDensity-d06ae84a.js.map

package/es/useDensity-d06ae84a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDensity-d06ae84a.js","sources":["../../src/hooks/UNSAFE_useDensity/useDensity.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useDensity() {\n  return useContext(EnvironmentContext).density;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;SAIa,UAAU,GAAA;AACxB,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC;AAChD;;;;"}

package/es/useDisplayValue-13d53b0b.js

@@ -1,77 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
-import { I as IconButton } from './IconButton-c91faa06.js';
-import { S as SvgNavLeft, a as SvgCancelS } from './NavLeft-65df34b6.js';
-import { useMemo } from 'preact/hooks';
-import './keyboardUtils-986fe923.js';
-import 'preact/compat';
-import { T as TextFieldInput } from './StyledTextField-9c60efac.js';
-import './ObfuscatedTextFieldInputStyles.styles.css';
-import './useAccessibleContext-5744de8b.js';
-import './logger-c92f309c.js';
-import './FormContext-55fb8000.js';
-import './FormFieldContext-47ca0c20.js';
-import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import './TabbableModeContext-7d8ad946.js';
-import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
-import './textAlign-ad252afa.js';
-import './FormControlUtilsStyles.styles.css';
-import './ReadonlyTextFieldInputStyles.styles.css';
-import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js';
-import { T as TextField } from './TextField-2643ae3c.js';
-import './LiveRegionStyles.styles.css';
-import './LayerHost-12489cef.js';
-import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
-import './SkeletonStyles.styles.css';
-import './TextFieldLoadingStyles.styles.css';
-import './TextFieldStyles.styles.css';
-import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
-import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
-import { a as DropdownArrow, r as renderItemText } from './useSelectCommon-83a6eaeb.js';
-import { L as LiveRegion } from './LiveRegion-79ffc814.js';
-import './LabelValueLayoutStyles.styles.css';
-import './LabelStyles.styles.css';
-import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
-import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
-import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
-import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
-import './Flex-5befe411.js';
-import './LayoutStyles.styles.css';
-import './InputGroupContext-20bdbd6e.js';
-import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-466c63c4.js';
-
-function SelectSingleField({ children, hasInsideLabel, isBackButtonShown, isClearButtonShown, isDropdownArrowShown, onBackButtonClick, onClearButtonClick, onDropdownArrowClick, ...passThroughTextFieldProps }) {
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const { isDisabled, isLoading } = useFormFieldContext();
-    const startContent = isBackButtonShown ? (jsx(IconButton, { "aria-label": translations.selectMultiple_back(), size: "xs", variant: "ghost", onAction: onBackButtonClick, children: jsx(SvgNavLeft, {}) })) : null;
-    const endContent = isLoading ? undefined : (jsxs(Fragment, { children: [isClearButtonShown && (jsx(IconButton, { "aria-label": translations.formControl_clear(), size: "sm", variant: "ghost", onAction: onClearButtonClick, children: jsx(SvgCancelS, {}) })), isDropdownArrowShown && (jsx(DropdownArrow, { isDisabled: isDisabled, onClick: onDropdownArrowClick, testId: `${passThroughTextFieldProps.testId}_dropdownarrow` }))] }));
-    return (jsx(TextField, { startContent: startContent, mainContent: children, endContent: endContent, ...passThroughTextFieldProps }));
-}
-
-function SelectSingleFieldInput({ displayValue, isAddToListShown, isAdvancedSearchShown, isUserFiltering, liveRegionText, userInput, virtualKeyboard, ...passThroughTextFieldInputProps }) {
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const addToListAccText = translations.select_addToListAvailable();
-    const advancedSearchAccText = translations.select_moreSearchOptionsAvailable();
-    return (jsxs(Fragment, { children: [jsx(TextFieldInput, { ...passThroughTextFieldInputProps, hasEndContent: true, "aria-autocomplete": "list", autoComplete: "off", role: "combobox", spellcheck: false, type: virtualKeyboard === 'auto' ? 'search' : virtualKeyboard, value: isUserFiltering ? userInput : displayValue }), jsx(LiveRegion, { children: liveRegionText }), isAddToListShown ? jsx(LiveRegion, { children: addToListAccText }) : undefined, isAdvancedSearchShown ? jsx(LiveRegion, { children: advancedSearchAccText }) : undefined] }));
-}
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-function useDisplayValue(itemText, valueItem) {
-    // create the text displayed in the field from the selected value
-    const displayValue = useMemo(() => {
-        return valueItem === undefined ? '' : renderItemText(valueItem, itemText) ?? '';
-    }, [valueItem, itemText]);
-    return displayValue;
-}
-
-export { SelectSingleField as S, SelectSingleFieldInput as a, useDisplayValue as u };
-//# sourceMappingURL=useDisplayValue-13d53b0b.js.map

package/es/useDisplayValue-13d53b0b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDisplayValue-13d53b0b.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\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>{liveRegionText}</LiveRegion>\n      {isAddToListShown ? <LiveRegion>{addToListAccText}</LiveRegion> : undefined}\n      {isAdvancedSearchShown ? <LiveRegion>{advancedSearchAccText}</LiveRegion> : undefined}\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';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { renderItemText } from '../PRIVATE_SelectCommon';\n\nexport function useDisplayValue<K, D>(\n  itemText: ItemTextType<K, D>,\n  valueItem?: Item<K, D>\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) ?? '';\n  }, [valueItem, itemText]);\n\n  return displayValue;\n}\n"],"names":["_jsx","NavLeft","_jsxs","_Fragment","CancelS"],"mappings":"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"}

package/es/useExpandCollapse-e68ba8a1.js

@@ -1,70 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useCallback } from 'preact/hooks';
-import { u as useUser } from './useUser-df8ae011.js';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * A hook that handles mouse and keyboard gesture that toggles the expanded state.
- * @param keyExtractor
- * @param expanded
- * @param onToggle
- * @returns
- */
-function useExpandCollapse(keyExtractor, isExpanded, onToggle, allowArrowKeysOnly) {
-    const { direction } = useUser();
-    const onClick = useCallback((event) => {
-        if (allowArrowKeysOnly !== true && onToggle) {
-            handleToggle(event, keyExtractor, onToggle);
-        }
-    }, [keyExtractor, onToggle, allowArrowKeysOnly]);
-    const onKeyUp = useCallback((event) => {
-        if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {
-            handleToggle(event, keyExtractor, onToggle);
-        }
-        else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
-            const isRtl = direction === 'rtl';
-            const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;
-            handleArrowKey(isLeftArrow, event.target, isExpanded, keyExtractor, onToggle);
-            // arrow key might cause it to scroll horizontally
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }, [keyExtractor, onToggle, isExpanded, direction, allowArrowKeysOnly]);
-    // prevent default (propagation) for keyDown to prevent scrolling the container
-    const onKeyDown = useCallback((event) => {
-        if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {
-            event.preventDefault();
-        }
-        else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
-            event.preventDefault();
-        }
-    }, [allowArrowKeysOnly]);
-    return onToggle ? { onClick, onKeyDown, onKeyUp } : {};
-}
-const handleArrowKey = (isLeftArrow, target, isExpanded, keyExtractor, onToggle) => {
-    const itemKey = keyExtractor(target);
-    if (onToggle && itemKey) {
-        const contains = isExpanded(itemKey);
-        if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {
-            onToggle({ value: itemKey });
-        }
-    }
-};
-const handleToggle = (event, keyExtractor, onToggle) => {
-    const itemKey = keyExtractor(event.target);
-    if (onToggle && itemKey) {
-        onToggle({ value: itemKey });
-        if (event.type === 'click') {
-            event.stopPropagation();
-        }
-    }
-};
-
-export { useExpandCollapse as u };
-//# sourceMappingURL=useExpandCollapse-e68ba8a1.js.map

package/es/useExpandCollapse-e68ba8a1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useExpandCollapse-e68ba8a1.js","sources":["../../src/hooks/PRIVATE_useListCommon/useExpandCollapse.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '#UNSAFE_Collection';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  isExpanded: (key: K) => boolean,\n  onToggle?: (detail: ToggleDetail<K>) => void,\n  allowArrowKeysOnly?: boolean\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (allowArrowKeysOnly !== true && onToggle) {\n        handleToggle(event, keyExtractor, onToggle);\n      }\n    },\n    [keyExtractor, onToggle, allowArrowKeysOnly]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(\n          isLeftArrow,\n          event.target as HTMLElement,\n          isExpanded,\n          keyExtractor,\n          onToggle\n        );\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, isExpanded, direction, allowArrowKeysOnly]\n  );\n\n  // prevent default (propagation) for keyDown to prevent scrolling the container\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        event.preventDefault();\n      }\n    },\n    [allowArrowKeysOnly]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  isExpanded: (key: K) => boolean,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = isExpanded(itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":[],"mappings":"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"}