@oracle/oraclejet-preact 14.0.1 → 14.0.3

package/es/UNSAFE_Indexer.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.1 */
+/* @oracle/oraclejet-preact: 14.0.3 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment, createRef } from 'preact';
 import { useRef, useState, useCallback, useEffect } from 'preact/hooks';
 import { Flex } from './UNSAFE_Flex.js';
 import "./UNSAFE_Indexer.css";
 import { mergeProps } from './utils/UNSAFE_mergeProps.js';
-import { u as useSingleSelection } from './useSingleSelection-dd0400e3.js';
+import { u as useSingleSelection } from './useSingleSelection-ddf8e546.js';
 import { useCurrentKey } from './hooks/PRIVATE_useCurrentKey.js';
 import { useCollectionFocusRing } from './hooks/PRIVATE_useCollectionFocusRing.js';
 import { keyExtractor, getPrevNextKey } from './utils/PRIVATE_collectionUtils.js';
@@ -14,19 +14,19 @@ import { useId } from './hooks/UNSAFE_useId.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
 import { HiddenAccessible } from './UNSAFE_HiddenAccessible.js';
 import { Collection } from './PRIVATE_Collection.js';
-import { _ as __rest } from './tslib.es6-6e986fbd.js';
+import { _ as __rest } from './tslib.es6-01a5cabc.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import { forwardRef } from 'preact/compat';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-6e40788a.js';
+import './_curry1-700b6208.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-448ce55b.js';
-import './_curry2-30046da0.js';
-import './_has-9fe18fdc.js';
+import './_curry3-9691929f.js';
+import './_curry2-ad83fd73.js';
+import './_has-854f47dc.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-03d660ed.js';
+import './keys-3a6a5514.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/UNSAFE_keys.js';
@@ -44,15 +44,15 @@ const SECTION_OTHERS = Object.freeze({
   label: '#'
 });
 const liStyles = {
-  base: "_1lik198",
-  disabled: "_1zapuw",
-  focused: "_1e2y3d8",
-  selected: "_1l00oox"
+  base: "_1yh3tu",
+  disabled: "_1nybmjt",
+  focused: "_1d5h9uc",
+  selected: "_1tkwwpm"
 };
 const ITEM_STYLE_CLASS = liStyles.base;
 const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;
 const dotStyles = {
-  base: "_1yit391"
+  base: "eyy9nz"
 };
 const SectionItem = forwardRef((props, ref) => {
   const translations = useTranslationBundle('@oracle/oraclejet-preact');
@@ -196,10 +196,10 @@ function isInSeparatorMiddle(index, from, to) {
 }
 
 const styles = {
-  base: "unmnq4"
+  base: "_1oe9y2c"
 };
 const ulStyles = {
-  base: "_5hkky2"
+  base: "tt0kca"
 };
 const defaultSections = [{
   key: 'A'

package/es/UNSAFE_Indexer.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Indexer.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.tsx","../../src/UNSAFE_Indexer/index.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 { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nconst liStyles = {\n  base: cssProps`${{\n    textAlign: 'center',\n    height: '1rem',\n    width: '1.5rem',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-indexer-text-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-indexer-font-size)',\n    lineHeight: '1rem'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineOffset: '-1px'\n  }}`,\n  selected: cssProps`${{\n    fontWeight: 'bold'\n  }}`\n};\n\nconst ITEM_STYLE_CLASS = liStyles.base;\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nconst dotStyles = {\n  base: cssProps`${{\n    '&::after': {\n      content: '\"\\u25cf\"'\n    }\n  }}`\n};\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const itemClasses = classNames([\n      commonProps.class,\n      context.data.isDisabled && liStyles.disabled,\n      isSelected && liStyles.selected\n    ]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  const classes = classNames([liStyles.base, isCurrent && isFocusRingVisible && liStyles.focused]);\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    class: classes,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const othersClasses = classNames([commonProps.class, isSelected && liStyles.selected]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n    const separatorClasses = classNames([dotStyles.base]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={separatorClasses}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, createRef, RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey } from '../utils/PRIVATE_collectionUtils';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: '100%'\n  }}`\n};\n\nconst ulStyles = {\n  base: cssProps`${{\n    listStyleType: 'none',\n    margin: '0px',\n    marginTop: 'auto', // prevent cutoff in small screen\n    marginBottom: 'auto', // prevent cutoff in small screen\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: '0',\n    paddingRight: '0',\n    outlineStyle: 'none'\n  }}`\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {}\n}: Props<K>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!rootRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div ref={rootRef} class={styles.base}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin=\"0\"\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={ulStyles.base}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: StateUpdater<number>,\n  setCurrent: StateUpdater<K | undefined>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  const deviceType = getClientHints().deviceType;\n  if (deviceType === 'phone' || deviceType === 'tablet') {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\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 */\nexport { Indexer } from './Indexer';\nexport { SECTION_OTHERS } from './IndexerItems';\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","liStyles","ITEM_STYLE_CLASS","base","ITEM_SELECTOR","dotStyles","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","commonProps","class","data","isDisabled","disabled","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","assign","itemClasses","children","getCommonProps","currentKey","valueNow","isFocusRingVisible","classes","classNames","isCurrent","focused","LastSectionItem","_a","lastValueNow","sectionProps","__rest","_jsxs","Fragment","OthersItem","index","othersClasses","isSelected","selected","othersValueText","SeparatorItem","sections","fromText","from","toText","to","separatorValueText","indexer_separatorLabel","hasSeparator","isInSeparatorMiddle","getSeparatorRange","sectionsPerTruncation","last","Math","floor","styles","ulStyles","defaultSections","Indexer","value","onCommit","rootRef","useRef","ulRef","currElementRef","createRef","current","setCurrent","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","contains","elem","selectionProps","useSingleSelection","element","handleKeyExtract","undefined","detail","handleSelection","itemRenderer","length","separatorProps","handleResize","useCallback","entries","entry","updateSectionsPerTruncation","contentRect","height","setSectionsPerTruncation","setAttribute","root","querySelector","offsetHeight","resizeObserver","observe","unobserve","Flex","align","width","mergeProps","currentKeyProps","focusRingProps","tabIndex","role","Collection","items","HiddenAccessible","id","getIndexerDescription","keyExtractor","selectedSection","find","section","itemHeight","sectionsLength","firstSectionKey","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","deviceType","getClientHints","indexer_touchInstructionText","indexer_keyboardInstructionText"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Indexer.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.tsx","../../src/UNSAFE_Indexer/index.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 { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nconst liStyles = {\n  base: cssProps`${{\n    textAlign: 'center',\n    height: '1rem',\n    width: '1.5rem',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-indexer-text-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-indexer-font-size)',\n    lineHeight: '1rem'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineOffset: '-1px'\n  }}`,\n  selected: cssProps`${{\n    fontWeight: 'bold'\n  }}`\n};\n\nconst ITEM_STYLE_CLASS = liStyles.base;\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nconst dotStyles = {\n  base: cssProps`${{\n    '&::after': {\n      content: '\"\\u25cf\"'\n    }\n  }}`\n};\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const itemClasses = classNames([\n      commonProps.class,\n      context.data.isDisabled && liStyles.disabled,\n      isSelected && liStyles.selected\n    ]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  const classes = classNames([liStyles.base, isCurrent && isFocusRingVisible && liStyles.focused]);\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    class: classes,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const othersClasses = classNames([commonProps.class, isSelected && liStyles.selected]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n    const separatorClasses = classNames([dotStyles.base]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={separatorClasses}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, createRef, RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey } from '../utils/PRIVATE_collectionUtils';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: '100%'\n  }}`\n};\n\nconst ulStyles = {\n  base: cssProps`${{\n    listStyleType: 'none',\n    margin: '0px',\n    marginTop: 'auto', // prevent cutoff in small screen\n    marginBottom: 'auto', // prevent cutoff in small screen\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: '0',\n    paddingRight: '0',\n    outlineStyle: 'none'\n  }}`\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {}\n}: Props<K>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!rootRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div ref={rootRef} class={styles.base}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin=\"0\"\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={ulStyles.base}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: StateUpdater<number>,\n  setCurrent: StateUpdater<K | undefined>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  const deviceType = getClientHints().deviceType;\n  if (deviceType === 'phone' || deviceType === 'tablet') {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\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 */\nexport { Indexer } from './Indexer';\nexport { SECTION_OTHERS } from './IndexerItems';\n"],"names":["SECTION_OTHERS","Object","freeze","key","label","liStyles","ITEM_STYLE_CLASS","base","ITEM_SELECTOR","dotStyles","SectionItem","forwardRef","props","ref","translations","useTranslationBundle","context","selectedKey","commonProps","class","data","isDisabled","disabled","sectionLabel","valueText","indexer_disabledLabel","SECTION","_jsx","assign","itemClasses","children","getCommonProps","currentKey","valueNow","isFocusRingVisible","classes","classNames","isCurrent","focused","LastSectionItem","_a","lastValueNow","sectionProps","__rest","_jsxs","Fragment","OthersItem","index","othersClasses","isSelected","selected","othersValueText","SeparatorItem","sections","fromText","from","toText","to","separatorValueText","indexer_separatorLabel","hasSeparator","isInSeparatorMiddle","getSeparatorRange","sectionsPerTruncation","last","Math","floor","styles","ulStyles","defaultSections","Indexer","value","onCommit","rootRef","useRef","ulRef","currElementRef","createRef","current","setCurrent","useState","renderedSectionsCount","itemHeightRef","uniqueId","useId","contains","elem","selectionProps","useSingleSelection","element","handleKeyExtract","undefined","detail","handleSelection","itemRenderer","length","separatorProps","handleResize","useCallback","entries","entry","updateSectionsPerTruncation","contentRect","height","setSectionsPerTruncation","setAttribute","root","querySelector","offsetHeight","resizeObserver","observe","unobserve","Flex","align","width","mergeProps","currentKeyProps","focusRingProps","tabIndex","role","Collection","items","HiddenAccessible","id","getIndexerDescription","keyExtractor","selectedSection","find","section","itemHeight","sectionsLength","firstSectionKey","maxSections","tempSectionCount","findSectionCount","newSectionCount","round","truncationLeftover","deviceType","getClientHints","indexer_touchInstructionText","indexer_keyboardInstructionText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;;;AAGG;AACH;;MACAA,cAAA,GAAAC,MAAA,CAAAC,MAAA,CAAA;AACEC,EAAAA,GAAA,EAAA,YADF;AAEEC,EAAAA,KAAA,EAAA,GAAA;AAFF,CAAA,EAAA;AAKA,MAAAC,QAAA,GAAA;QAAA,SAAA;YAAA,UAAA;WAAA,UAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAAD,QAAA,CAAAE,IAAA,CAAA;AACA,MAAAC,aAAA,GAAA,GAAA,GAAAF,gBAAA,CAAA;AAEA,MAAAG,SAAA,GAAA;;AAAA,CAAA,CAAA;AAgBA,MAAAC,WAAA,GAAAC,UAAA,CAAA,CAAAC,KAAA,EAAAC,GAAA,KAAA;AAEI,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;EAEA,MAAA;IAAAC,OAAA;AAAAC,IAAAA,WAAAA;AAAA,GAAA,GAAAL,KAAA,CAAA;;;kCAKEM,WAAA,CAAAC,OACAH,OAAA,CAAAI,IAAA,CAAAC,UAAA,IAAAhB,QAAA,CAAAiB;AAIF,EAAA,MAAAC,YAAA,GAAAP,OAAA,CAAAI,IAAA,CAAAhB,KAAA,IAAAY,OAAA,CAAAI,IAAA,CAAAjB,GAAA,CAAA;EACA,MAAAqB,SAAA,GAAAR,OAAA,CAAAI,IAAA,CAAAC,UAAA,GACEP,YAAA,CAAAW,qBAAA,CAAA;IAAAC,OAAA,EAAA,GAAAH,YAAA,CAAA,CAAA;AAAA,GAAA,CADF,GAEE,CAAAA,EAAAA,YAAA,CAFF,CAAA,CAAA;EAIA,OAAAI,GAAA,CAAA,IAAA,EAAA1B,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAV,WAAA,EAAA;AAAAC,IAAAA,KAAA,EAAAU,WAAA;AAAA,IAAA,mBAAA,EAAAL,SAAA;IAAA,kBAAAR,EAAAA,OAAA,CAAAI,IAAA,CAAAC,UAAAA;AAAA,GAAA,EAAA;IAAAS,QAAA,EAAAd,OAAA,CAAAI,IAAA,CAAAhB,KAAA,IAAAY,OAAA,CAAAI,IAAA,CAAAjB,GAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AASF,CA5BF,CAAA,CAAA;;AA+BA,SAAA4B,cAAA,CAAA;EAAAf,OAAA;EAAAgB,UAAA;EAAAC,QAAA;AAAAC,EAAAA,kBAAAA;AAAA,CAAA,EAAArB,GAAA,EAAA;;AAKE,EAAA,MAAAsB,OAAA,GAAAC,UAAA,CAAA,CAAA/B,QAAA,CAAAE,IAAA,EAAA8B,SAAA,IAAAH,kBAAA,IAAA7B,QAAA,CAAAiC,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;AAUF;;;AAOA,MAAAC,eAAA,GAAA5B,UAAA,CAAA,CAAA6B,EAAA,EAAA3B,GAAA,KAAA;EAEI,IAAA;AAAA4B,IAAAA,YAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,YAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,cAAA,CAAA,CAAA,CAAA;;AAGA,EAAA,MAAAtB,WAAA,GAAAjB,MAAA,CAAA2B,MAAA,CAAA3B,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAc,YAAA,CAAA,EAAA;AAAA7B,IAAAA,GAAAA;AAAA,GAAA,CAAA,CAAA;EACA,OAAA+B,IAAA,CAAAC,QAAA,EAAA;IAAAf,QAAA,EAAA,CAAAH,GAAA,CAAAjB,WAAA,EAAAT,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAV,WAAA,CAAA,CAAA,EAAAS,GAAA,CAAAmB,UAAA,EAAA7C,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAV,WAAA,EAAA;AAAAL,MAAAA,GAAA,EAAAA,GAAA;AAAAG,MAAAA,OAAA,EAAA;QAAA+B,KAAA,EAAA,CAAA,CAAA;AAAA3B,QAAAA,IAAA,EAAApB,cAAAA;OAAA;AAAAiC,MAAAA,QAAA,EAAAQ,YAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAWF,CAjBF,CAAA,CAAA;AAoBA,MAAAK,UAAA,GAAAnC,UAAA,CAAA,CAAAC,KAAA,EAAAC,GAAA,KAAA;EACE,MAAA;IAAAG,OAAA;AAAAC,IAAAA,WAAAA;AAAA,GAAA,GAAAL,KAAA,CAAA;;;AAIA,EAAA,MAAAoC,aAAA,GAAAZ,UAAA,CAAA,CAAAlB,WAAA,CAAAC,KAAA,EAAA8B,UAAA,IAAA5C,QAAA,CAAA6C,QAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAC,eAAA,GAAAnD,cAAA,CAAAI,KAAA,CAAA;EAEA,OAAAuB,GAAA,CAAA,IAAA,EAAA1B,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAV,WAAA,EAAA;AAAAC,IAAAA,KAAA,EAAA6B,aAAA;IAAA,mBAAAG,EAAAA,eAAAA;AAAA,GAAA,EAAA;AAAArB,IAAAA,QAAA,EAAAd,OAAA,CAAAI,IAAA,CAAAhB,KAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAbA,CAAA,CAAA;AAqBA,MAAAgD,aAAA,GAAAzC,UAAA,CAAA,CAAAC,KAAA,EAAAC,GAAA,KAAA;AAEI,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;EAEA,MAAA;IAAAC,OAAA;AAAAqC,IAAAA,QAAAA;AAAA,GAAA,GAAAzC,KAAA,CAAA;;;;;;;;AAKE,IAAA,OAAA,IAAA,CAAA;AACD,GAAA;;AAED,EAAA,MAAA0C,QAAA,GAAAD,QAAA,CAAAE,IAAA,CAAA,CAAAnD,KAAA,IAAAiD,QAAA,CAAAE,IAAA,CAAA,CAAApD,GAAA,CAAA;AACA,EAAA,MAAAqD,MAAA,GAAAH,QAAA,CAAAI,EAAA,CAAA,CAAArD,KAAA,IAAAiD,QAAA,CAAAI,EAAA,CAAA,CAAAtD,GAAA,CAAA;;AAGA,EAAA,MAAAuD,kBAAA,GAAA5C,YAAA,CAAA6C,sBAAA,CAAA;8BAAA,CAAA;;AAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;AAYF,CA5BF,CAAA,CAAA;AA+BA,SAAAC,YAAA,CAAAhD,KAAA,EAAA;;;;;EAEE,OAAAiD,mBAAA,CAAAjD,KAAA,CAAAI,OAAA,CAAA+B,KAAA,EAAAQ,IAAA,EAAAE,EAAA,CAAA,CAAA;AACF,CAAA;;AAEA,SAAAK,iBAAA,CAAA;EAAA9C,OAAA;EAAA+C,qBAAA;AAAAC,EAAAA,IAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAT,IAAA,GAAAvC,OAAA,CAAA+B,KAAA,GAAA/B,OAAA,CAAA+B,KAAA,GAAAgB,qBAAA,GAAA,CAAA,CAAA;AACA,EAAA,IAAAN,EAAA,GAAAF,IAAA,GAAAQ,qBAAA,GAAA,CAAA,CAAA;EACAN,EAAA,GAAAA,EAAA,IAAAO,IAAA,GAAAA,IAAA,GAAA,CAAA,GAAAP,EAAA,CAAA;EAEA,OAAA;IAAAF,IAAA;AAAAE,IAAAA,EAAAA;GAAA,CAAA;AACF,CAAA;;AAEA,SAAAI,mBAAA,CAAAd,KAAA,EAAAQ,IAAA,EAAAE,EAAA,EAAA;AACE,EAAA,OAAAV,KAAA,KAAAkB,IAAA,CAAAC,KAAA,CAAA,CAAAX,IAAA,GAAAE,EAAA,IAAA,CAAA,CAAA,CAAA;AACF;;AC7KA,MAAAU,MAAA,GAAA;;AAAA,CAAA,CAAA;AAMA,MAAAC,QAAA,GAAA;;AAAA,CAAA,CAAA;AAcA,MAAAC,eAAA,GAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA;;CAAA,CAAA,CAAA;AA6BA;;;AAGG;;AACH,SAAAC,OAAA,CAAA;AAAAjB,EAAAA,QAAA,GAAAgB,eAAA;EAAAE,KAAA;EAAAC,QAAA,GAAA,MAAA,EAAA;AAAA,CAAA,EAAA;;;AAKE,EAAA,MAAAC,OAAA,GAAAC,MAAA,CAAA,IAAA,CAAA,CAAA;AACA,EAAA,MAAAC,KAAA,GAAAD,MAAA,CAAA,IAAA,CAAA,CAAA;EACA,MAAAE,cAAA,GAAAC,SAAA,EAAA,CAAA;AACA,EAAA,MAAA,CAAAC,OAAA,EAAAC,UAAA,CAAAC,GAAAA,QAAA,CAAA,CAAAxC,EAAA,GAAAa,QAAA,CAAA,CAAA,CAAA,MAAA,IAAA,IAAAb,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAArC,GAAA,CAAA,CARF;;yEAAA;;AAYE,EAAA,MAAA8E,qBAAA,GAAAP,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAQ,aAAA,GAAAR,MAAA,CAAA,CAAA,CAAA,CAbF;;EAeE,MAAAS,QAAA,GAAAC,KAAA,EAAA,CAAA;;;;IAII,OAAA,CAAA,EAAA,CAAA5C,EAAA,GAAAiC,OAAA,CAAAK,OAAA,MAAA,IAAA,IAAAtC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAA6C,QAAA,CAAAC,IAAA,CAAA,CAAA,CAAA;AACF,KAAA,CAAA,SAAA,EAAA,WAAA;;;;EAYF,MAAA;AAAAC,IAAAA,cAAAA;AAAA,GAAA,GAAAC,kBAAA,CAAAC,OAAA,IAAAC,gBAAA,CAAAD,OAAA,EAAAd,KAAA,EAAAG,OAAA,CAAA;;EAIEa,SAJF,EAIEC,MAAA,IAAAC,eAAA,CAAAD,MAAA,EAAApB,QAAA,EAAAnB,QAAA,CAJF,CAAA,CAAA;AAQA;;;;AAIG;;EACH,MAAAyC,YAAA,GAAA9E,OAAA,IAAA;AACE,IAAA,MAAAgD,IAAA,GAAAX,QAAA,CAAA0C,MAAA,GAAA,CAAA,CAAA;IACAd,qBAAA,CAAAH,OAAA,IAAA,CAAA,CAAA;AAEA,IAAA,MAAA5D,WAAA,GAAA;aAAA;AAEEL,MAAAA,GAAA,EAAA+D,cAFF;AAGE5C,MAAAA,UAAA,EAAA8C,OAHF;AAIE7D,MAAAA,WAAA,EAAAsD,KAJF;6CAAA;;AAAA,KAAA,CAJF;;AAcE,IAAA,IAAAvD,OAAA,CAAA+B,KAAA,KAAAiB,IAAA,EAAA;MACE,OAAArC,GAAA,CAAAY,eAAA,EAAAtC,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAV,WAAA,EAAA;AAAAuB,QAAAA,YAAA,EAAAwC,qBAAA,CAAAH,OAAA,GAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AACD,KAhBH;;;;AAoBI,MAAA,OAAAnD,GAAA,CAAAjB,WAAA,EAAAT,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAV,WAAA,CAAA,CAAA,CAAA;AACD,KArBH;;;;;;;;;AAyBE,IAAA,IAAA0C,YAAA,CAAAoC,cAAA,CAAA,EAAA;AACE,MAAA,OAAArE,GAAA,CAAAyB,aAAA,EAAAnD,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAoE,cAAA,CAAA,CAAA,CAAA;AACD,KA3BH;;;IA8BEf,qBAAA,CAAAH,OAAA,IAAA,CAAA,CAAA;AAEA,IAAA,OAAA,IAAA,CAAA;AACF,GAjCA,CA7CF;;;AAiFE,EAAA,MAAAmB,YAAA,GAAAC,WAAA,CAAAC,OAAA,IAAA;;;AAEI,IAAA,KAAA,MAAAC,KAAA,IAAAD,OAAA,EAAA;AACEE,MAAAA,2BAAA,CAAAD,KAAA,CAAAE,WAAA,CAAAC,MAAA,EAAArB,aAAA,CAAAJ,OAAA,EAAAzB,QAAA,CAAA0C,MAAA,EAAA,CAAAvD,EAAA,GAAAa,QAAA,CAAA,CAAA,CAAA,MAAA,IAAA,IAAAb,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAArC,GAAA,EAAA4D,qBAAA,EAAAyC,wBAAA,EAAAzB,UAAA,CAAA,CAAA;AASD,KAAA;AACH,GAbF,EAaE,CAAA1B,QAAA,EAAAU,qBAAA,CAbF,CAAA,CAAA;;;;;;AAoBIY,MAAAA,KAAA,CAAAG,OAAA,CAAA2B,YAAA,CAAA,eAAA,EAAAxB,qBAAA,CAAAH,OAAA,GAAA,CAAA,GAAA,EAAA,CAAA,CAAA;;;AASD,KAAA;;AACDG,IAAAA,qBAAA,CAAAH,OAAA,GAAA,CAAA,CAAA,CAAA;AACF;AAEA;;AAEG;;;;;AAED,IAAA,MAAA4B,IAAA,GAAAjC,OAAA,CAAAK,OAAA,CAAA;;AACA,IAAA,IAAA4B,IAAA,EAAA;AACExB,MAAAA,aAAA,CAAAJ,OAAA,GAAA,CAAA,CAAAtC,EAAA,GAAAkE,IAAA,CAAAC,aAAA,CAAA,IAAA,CAAA,MAAA,IAAA,IAAAnE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAoE,YAAA,KAAA,CAAA,CAAA;;AAUD,KAAA;AACH,KAAA,CAAAvD,QAAA,EAAAU,qBAAA;AAEA;;;;AAIG;;;AAED,IAAA,MAAA2C,IAAA,GAAAjC,OAAA,CAAAK,OAAA,CAAA;;AACA,IAAA,IAAA4B,IAAA,EAAA;;;AAGE;MACAG,cAAA,CAAAC,OAAA,CAAAJ,IAAA,CAAA,CAAA;AACA,MAAA,OAAA,MAAA;QACEG,cAAA,CAAAE,SAAA,CAAAL,IAAA,CAAA,CAAA;OADF,CAAA;AAGD,KAAA;;AACD,IAAA,OAAAf,SAAA,CAAA;AACF,KAAA,CAAA5B,qBAAA,EAAAkC,YAAA;AAEA,EAAA,MAAAnF,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AAEA,EAAA,OAAA6B,IAAA,CAAA,KAAA,EAAA3C,MAAA,CAAA2B,MAAA,CAAA;AAAAf,IAAAA,GAAA,EAAA4D,OAAA;IAAAtD,KAAA,EAAAgD,MAAA,CAAA5D,IAAAA;AAAA,GAAA,EAAA;IAAAuB,QAAA,EAAA,CAAAH,GAAA,CAAAqF,IAAA,EAAA/G,MAAA,CAAA2B,MAAA,CAAA;AAAAqF,MAAAA,KAAA,EAAA,QAAA;AAAAC,MAAAA,KAAA,EAAA,IAAA;AAAAX,MAAAA,MAAA,EAAA,MAAA;AAAA,KAAA,EAAA;AAAAzE,MAAAA,QAAA,EAAAH,GAAA,CAAA,IAAA,EAAA1B,MAAA,CAAA2B,MAAA,CAAA,EAAA,EAAAuF,UAAA,CAAAC,eAAA,EAAAC,cAAA,EAAA9B,cAAA,CAAA,EAAA;AAAA1E,QAAAA,GAAA,EAAA8D,KAAA;AAAA2C,QAAAA,QAAA,EAAA,CAAA;AAAA,QAAA,YAAA,EAAA,SAAA;AAAA,QAAA,kBAAA,EAAA,UAAA;AAAA,QAAA,eAAA,EAAA,GAAA;AAAA,QAAA,kBAAA,EAAAnC,QAAA;AAAAoC,QAAAA,IAAA,EAAA,QAAA;QAAApG,KAAA,EAAAiD,QAAA,CAAA7D,IAAAA;AAAA,OAAA,EAAA;QAAAuB,QAAA,EAAAH,GAAA,CAAA6F,UAAA,EAAAvH,MAAA,CAAA2B,MAAA,CAAA;AAAA6F,UAAAA,KAAA,EAAApE,QAAAA;AAAA,SAAA,EAAA;AAAAvB,UAAAA,QAAA,EAAAgE,YAAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA,EAAAnE,GAAA,CAAA+F,gBAAA,EAAA;MAAA5F,QAAA,EAAAH,GAAA,CAAA,MAAA,EAAA1B,MAAA,CAAA2B,MAAA,CAAA;AAAA+F,QAAAA,EAAA,EAAAxC,QAAAA;AAAA,OAAA,EAAA;QAAArD,QAAA,EAAA8F,qBAAA,CAAA9G,YAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAqBF;;AAGA,MAAA4E,gBAAA,GAAA,CAAAD,OAAA,EAAAhB,OAAA,EAAAK,OAAA,KAAA;AAKE,EAAA,IAAAW,OAAA,KAAAhB,OAAA,CAAAK,OAAA,EAAA;;AAEC,GAAA;;AACD,EAAA,OAAA+C,YAAA,CAAApC,OAAA,EAAAjF,aAAA,CAAA,CAAA;AACF,CATA,CAAA;;AAWA,MAAAqF,eAAA,GAAA,CAAAD,MAAA,EAAApB,QAAA,EAAAnB,QAAA,KAAA;AAKE,EAAA,IAAAuC,MAAA,CAAArB,KAAA,KAAAvE,cAAA,CAAAG,GAAA,EAAA;;;;AAEC,GAFD,MAEO;AACL,IAAA,MAAA2H,eAAA,GAAAzE,QAAA,CAAA0E,IAAA,CAAAC,OAAA,IAAAA,OAAA,CAAA7H,GAAA,KAAAyF,MAAA,CAAArB,KAAA,CAAA,CAAA;;;;AAED,GAAA;AACH,CAXA,CAAA;AAaA;;;;AAIG;;;AACH,MAAA8B,2BAAA,GAAA,CAAAE,MAAA,EAAA0B,UAAA,EAAAC,cAAA,EAAAC,eAAA,EAAApE,qBAAA,EAAAyC,wBAAA,EAAAzB,UAAA,KAAA;AASE,EAAA,IAAAwB,MAAA,KAAA,CAAA,IAAA0B,UAAA,KAAA,CAAA,EAAA;;AAEC,GAAA;;AAED,EAAA,MAAAG,WAAA,GAAA7B,MAAA,GAAA0B,UAAA,CAAA;AACA,EAAA,MAAAjE,IAAA,GAAAkE,cAAA,GAAA,CAAA,CAdF;;;;;;AAqBK;;;;;;;;AASA;;AAGF,SAAM;;;AAEL,IAAA,IAAAG,gBAAA,KAAAtE,qBAAA,IAAAsE,gBAAA,GAAAH,cAAA,EAAA;;;AAGC,KAAA;AACF,GAAA;AACH,CAxCA,CAAA;AA0CA;;;;;;AAMG;;;AACH,MAAAI,gBAAA,GAAA,CAAAF,WAAA,EAAApE,IAAA,KAAA;;EAEEoE,WAAA,IAAA,CAAA,CAFF;;EAGEA,WAAA,IAAA,CAAA,CAHF;;EAKE,MAAAG,eAAA,GAAAtE,IAAA,CAAAuE,KAAA,CAAAxE,IAAA,GAAAoE,WAAA,CAAA,GAAA,CAAA,CAAA;AACA,EAAA,MAAAK,kBAAA,GAAAzE,IAAA,GAAAuE,eAAA,CAAA;gGANF;;;;;;;;;;;AAkBG,GAAA;;;;AAGA,GAAA;;AAED,EAAA,OAAAF,gBAAA,CAAA;AACF,CAxBA,CAAA;AA0BA;;;AAGG;;;AACH,SAAAT,qBAAA,CAAA9G,YAAA,EAAA;AACE,EAAA,MAAA4H,UAAA,GAAAC,cAAA,EAAA,CAAAD,UAAA,CAAA;;AACA,EAAA,IAAAA,UAAA,KAAA,OAAA,IAAAA,UAAA,KAAA,QAAA,EAAA;IACE,OAAA5H,YAAA,CAAA8H,4BAAA,EAAA,CAAA;AACD,GAFD,MAEO;IACL,OAAA9H,YAAA,CAAA+H,+BAAA,EAAA,CAAA;AACD,GAAA;AACH;;AClZA;;;;;;AAMG;;;;;;;"}

package/es/UNSAFE_InputPassword.css

@@ -1 +1 @@
-._1e8ywap{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}._1e8ywap:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+.aaaeod{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}.aaaeod:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/es/UNSAFE_InputPassword.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.1 */
+/* @oracle/oraclejet-preact: 14.0.3 */
 import { jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { useCallback } from 'preact/hooks';
@@ -17,22 +17,22 @@ import './UNSAFE_ThemedIcons.js';
 import { IcoViewHide as SvgIcoViewHide, IcoView as SvgIcoView } from './UNSAFE_Icons.js';
 import { useClearIcon } from './hooks/UNSAFE_useClearIcon.js';
 import { beforeVNode } from './utils/UNSAFE_componentUtils.js';
-import { C as ClearIcon } from './ClearIcon-e85386d6.js';
+import { C as ClearIcon } from './ClearIcon-39077b15.js';
 import { useToggle } from './hooks/UNSAFE_useToggle.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
-import './tslib.es6-6e986fbd.js';
+import './tslib.es6-01a5cabc.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import 'preact';
 import './hooks/UNSAFE_useId.js';
 import './utils/UNSAFE_classNames.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-03d660ed.js';
-import './_curry1-6e40788a.js';
-import './_has-9fe18fdc.js';
+import './keys-3a6a5514.js';
+import './_curry1-700b6208.js';
+import './_has-854f47dc.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-448ce55b.js';
-import './_curry2-30046da0.js';
+import './_curry3-9691929f.js';
+import './_curry2-ad83fd73.js';
 import './UNSAFE_LabelValueLayout.js';
 import './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
@@ -62,7 +62,7 @@ import './hooks/UNSAFE_useMessagesContext.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-feaf4469.js';
+import './index-dd084c83.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -91,7 +91,7 @@ const ojButtonBorderlessChromeBorderColorHover = 'transparent'; // TODO: replace
 
 const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';
 const revealToggleIconStyles = {
-  base: "_1e8ywap"
+  base: "aaaeod"
 };
 function RevealToggleIcon({
   isRevealed,

package/es/UNSAFE_InputText.css

@@ -1 +1 @@
-.mpt7n0{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}.mpt7n0:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+.lo3c16{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}.lo3c16:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/es/UNSAFE_InputText.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.1 */
+/* @oracle/oraclejet-preact: 14.0.3 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
@@ -16,10 +16,10 @@ import { ReadonlyTextField, ReadonlyTextFieldInput, TextFieldInput, MaxLengthLiv
 import { InlineUserAssistance } from './UNSAFE_UserAssistance.js';
 import { getClientHints } from './utils/PRIVATE_clientHints.js';
 import { beforeVNode } from './utils/UNSAFE_componentUtils.js';
-import { C as ClearIcon } from './ClearIcon-e85386d6.js';
+import { C as ClearIcon } from './ClearIcon-39077b15.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
 import './hooks/UNSAFE_useToggle.js';
-import './tslib.es6-6e986fbd.js';
+import './tslib.es6-01a5cabc.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import './utils/UNSAFE_lengthFilter.js';
 import './hooks/UNSAFE_useId.js';
@@ -31,12 +31,12 @@ import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-03d660ed.js';
-import './_curry1-6e40788a.js';
-import './_has-9fe18fdc.js';
+import './keys-3a6a5514.js';
+import './_curry1-700b6208.js';
+import './_has-854f47dc.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-448ce55b.js';
-import './_curry2-30046da0.js';
+import './_curry3-9691929f.js';
+import './_curry2-ad83fd73.js';
 import './hooks/UNSAFE_useTranslationBundle.js';
 import './UNSAFE_LabelValueLayout.js';
 import './UNSAFE_Flex.js';
@@ -62,7 +62,7 @@ import './UNSAFE_Icons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-feaf4469.js';
+import './index-dd084c83.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';

package/es/UNSAFE_Label.css

@@ -1,13 +1,13 @@
-._12j6d74{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
-.yq2yb0{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
-._111j6gj{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._1nozul{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
-._1v80u05{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.mb8yk8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
-.mwsde7{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._1hx5wjy{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
-._1xf03ob{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._9nv88h{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._1ygjw72{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.zx6g4z{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._1adpwke{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._101sa0x{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+.l08ce3{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+._33z12e{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+._175rn0z{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+.c5wpx9{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.sxuc3l{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+._1t1z394{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.jhr96i{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+.kik4wj{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+._9uwjzi{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._76mm9s{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.ahf7oo{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._4h25we{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/es/UNSAFE_Label.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.1 */
-import { _ as __rest } from './tslib.es6-6e986fbd.js';
+/* @oracle/oraclejet-preact: 14.0.3 */
+import { _ as __rest } from './tslib.es6-01a5cabc.js';
 import { jsx } from 'preact/jsx-runtime';
 import { useFormFieldContext } from './hooks/UNSAFE_useFormFieldContext.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -9,19 +9,19 @@ import 'preact';
 import 'preact/hooks';
 
 const labelStyles = {
-  base: "_12j6d74",
-  startBase: "yq2yb0",
-  topBase: "_111j6gj",
-  insideBase: "_1nozul",
-  insideReadonlyInEnabledForm: "_1v80u05",
-  insideReadonlyNotInEnabledForm: "mb8yk8",
-  insideNonReadonly: "mwsde7",
-  insideNonReadonlyHasValue: "_1hx5wjy",
-  insideDisabled: "_1xf03ob",
-  insideFocused: "_9nv88h",
-  insideError: "_1ygjw72",
-  insideWarning: "zx6g4z",
-  noWrap: "_1adpwke"
+  base: "_101sa0x",
+  startBase: "l08ce3",
+  topBase: "_33z12e",
+  insideBase: "_175rn0z",
+  insideReadonlyInEnabledForm: "c5wpx9",
+  insideReadonlyNotInEnabledForm: "sxuc3l",
+  insideNonReadonly: "_1t1z394",
+  insideNonReadonlyHasValue: "jhr96i",
+  insideDisabled: "kik4wj",
+  insideFocused: "_9uwjzi",
+  insideError: "_76mm9s",
+  insideWarning: "ahf7oo",
+  noWrap: "_4h25we"
 };
 
 const StyledLabel = _a => {

package/es/UNSAFE_Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx","../../src/UNSAFE_Label/index.ts"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n    wordBreak: 'break-word'\n  }}`,\n  startBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    // TODO: Reevaluate which component should handle the text align\n    textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n    width: '100%'\n  }}`,\n  topBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n  }}`,\n  insideBase: cssProps`${{\n    display: 'block',\n    boxSizing: 'border-box',\n    // TODO: Reevaluate which component should handle the padding\n    paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n    maxWidth: '100%'\n  }}`,\n  insideReadonlyInEnabledForm: cssProps`${{\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transitionProperty: 'none',\n    transform: 'none',\n    backgroundColor: 'transparent',\n    position: 'absolute',\n    marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideReadonlyNotInEnabledForm: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n  }}`,\n  insideNonReadonly: cssProps`${{\n    position: 'absolute',\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n    transform: 'translateY(-50%)',\n    transitionProperty: 'all',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideNonReadonlyHasValue: cssProps`${{\n    transitionProperty: 'top, font-weight, font-size, transform',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transform: 'none',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n  }}`,\n  insideDisabled: cssProps`${{\n    transitionProperty: 'none',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n  }}`,\n  insideFocused: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n  }}`,\n  insideError: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  insideWarning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  variant = 'inside',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const cssClassNames =\n    variant === 'inside' || variant === 'insideError' || variant === 'insideWarning'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.insideBase,\n          readonly &&\n            (isFormLayout && !isReadonlyForm\n              ? labelStyles.insideReadonlyInEnabledForm\n              : labelStyles.insideReadonlyNotInEnabledForm),\n          !readonly && labelStyles.insideNonReadonly,\n          !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue,\n          !readonly && isFocused && labelStyles.insideFocused,\n          disabled && labelStyles.insideDisabled,\n          !disabled &&\n            !readonly &&\n            (variant === 'insideError' || variant === 'insideWarning') &&\n            labelStyles[variant]\n        ])\n      : variant === 'start'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.startBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : variant === 'top'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.topBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : undefined;\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n  return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\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\nexport { Label } from './Label';\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","Label","forId","isDisabled","useFormFieldContext"],"mappings":";;;;;;;;;;AAMA,MAAAA,WAAA,GAAA;QAAA,UAAA;aAAA,QAAA;WAAA,UAAA;cAAA,SAAA;+BAAA,UAAA;kCAAA,QAAA;qBAAA,QAAA;6BAAA,UAAA;kBAAA,UAAA;iBAAA,SAAA;eAAA,UAAA;iBAAA,QAAA;;AAAA,CAAA,CAAA;;AAmGA,MAAAC,WAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA,OAAA,GAAA,QAAA;AAAA,GAAA,GAAAL,EAAA;AAAA,MAAAM,KAAA,GAAAC,MAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;EAQnB,MAAA;IAAAQ,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,cAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,eAGQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAiB,qGAIIjB,WAAA,CAAAkB,iCACJ,CAAAd,QAAA,IAAAJ,WAAA,CAAAmB,kGAEA,CAAAf,QAAA,IAAAE,SAAA,IAAAN,WAAA,CAAAoB,uDAEA,CAAAf,QAAA,IACE,CAAAD,QADF,KAEEG,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAFF,2BAbR,qCAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,2CAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,GAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAlB,KAAA,EAAA;AAAAmB,IAAAA,KAAA,EAAAZ,aAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF,CA5CA,CAAA;;AAiEAa,MAAAA,KAAA,GAAA1B,EAAA,IAAA;EAAsB,IAAA;AAAA2B,IAAAA,KAAAA;AAAA,GAAA,GAAA3B,EAAA;MAAAM,KAAA,GAAAC,MAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,mBAAA,EAAA,CAAA;;;;;;;;AAWF;;ACtLA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx","../../src/UNSAFE_Label/index.ts"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n    wordBreak: 'break-word'\n  }}`,\n  startBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    // TODO: Reevaluate which component should handle the text align\n    textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n    width: '100%'\n  }}`,\n  topBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n  }}`,\n  insideBase: cssProps`${{\n    display: 'block',\n    boxSizing: 'border-box',\n    // TODO: Reevaluate which component should handle the padding\n    paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n    maxWidth: '100%'\n  }}`,\n  insideReadonlyInEnabledForm: cssProps`${{\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transitionProperty: 'none',\n    transform: 'none',\n    backgroundColor: 'transparent',\n    position: 'absolute',\n    marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideReadonlyNotInEnabledForm: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n  }}`,\n  insideNonReadonly: cssProps`${{\n    position: 'absolute',\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n    transform: 'translateY(-50%)',\n    transitionProperty: 'all',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideNonReadonlyHasValue: cssProps`${{\n    transitionProperty: 'top, font-weight, font-size, transform',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transform: 'none',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n  }}`,\n  insideDisabled: cssProps`${{\n    transitionProperty: 'none',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n  }}`,\n  insideFocused: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n  }}`,\n  insideError: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  insideWarning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  variant = 'inside',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const cssClassNames =\n    variant === 'inside' || variant === 'insideError' || variant === 'insideWarning'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.insideBase,\n          readonly &&\n            (isFormLayout && !isReadonlyForm\n              ? labelStyles.insideReadonlyInEnabledForm\n              : labelStyles.insideReadonlyNotInEnabledForm),\n          !readonly && labelStyles.insideNonReadonly,\n          !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue,\n          !readonly && isFocused && labelStyles.insideFocused,\n          disabled && labelStyles.insideDisabled,\n          !disabled &&\n            !readonly &&\n            (variant === 'insideError' || variant === 'insideWarning') &&\n            labelStyles[variant]\n        ])\n      : variant === 'start'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.startBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : variant === 'top'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.topBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : undefined;\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n  return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\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\nexport { Label } from './Label';\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","Label","forId","isDisabled","useFormFieldContext"],"mappings":";;;;;;;;;;AAMA,MAAAA,WAAA,GAAA;QAAA,UAAA;aAAA,QAAA;WAAA,SAAA;cAAA,UAAA;+BAAA,QAAA;kCAAA,QAAA;qBAAA,UAAA;6BAAA,QAAA;kBAAA,QAAA;iBAAA,SAAA;eAAA,SAAA;iBAAA,QAAA;;AAAA,CAAA,CAAA;;AAmGA,MAAAC,WAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA,OAAA,GAAA,QAAA;AAAA,GAAA,GAAAL,EAAA;AAAA,MAAAM,KAAA,GAAAC,MAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;EAQnB,MAAA;IAAAQ,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,cAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,eAGQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAiB,qGAIIjB,WAAA,CAAAkB,iCACJ,CAAAd,QAAA,IAAAJ,WAAA,CAAAmB,kGAEA,CAAAf,QAAA,IAAAE,SAAA,IAAAN,WAAA,CAAAoB,uDAEA,CAAAf,QAAA,IACE,CAAAD,QADF,KAEEG,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAFF,2BAbR,qCAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,2CAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,GAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAlB,KAAA,EAAA;AAAAmB,IAAAA,KAAA,EAAAZ,aAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF,CA5CA,CAAA;;AAiEAa,MAAAA,KAAA,GAAA1B,EAAA,IAAA;EAAsB,IAAA;AAAA2B,IAAAA,KAAAA;AAAA,GAAA,GAAA3B,EAAA;MAAAM,KAAA,GAAAC,MAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,mBAAA,EAAA,CAAA;;;;;;;;AAWF;;ACtLA;;;;;;AAMG;;;;;;;"}

package/es/UNSAFE_LabelValueLayout.css

@@ -1,9 +1,9 @@
-._1mgn8vj{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-.v9haq1{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-._16xaz6m{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
-._1lwcl8r{padding-block-end:0;}
-._12v8olz{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
-._10gi1pe{display:inline-flex;align-items:center;}
-.tc5www{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._1ddl5hy{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._4gvkfk{flex:1 1 100%;width:100%;max-width:100%;}
+.s8m2lr{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._1dsdjm9{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._1edb75b{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
+._17qg7bl{padding-block-end:0;}
+._1a2te2e{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
+._188xu32{display:inline-flex;align-items:center;}
+._1h90y9a{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._10xnl59{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1ydttcm{flex:1 1 100%;width:100%;max-width:100%;}

package/es/UNSAFE_LabelValueLayout.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.1 */
+/* @oracle/oraclejet-preact: 14.0.3 */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import "./UNSAFE_LabelValueLayout.css";
@@ -6,36 +6,36 @@ import { Flex } from './UNSAFE_Flex.js';
 import { useFormContext } from './hooks/UNSAFE_useFormContext.js';
 import { useFormFieldContext } from './hooks/UNSAFE_useFormFieldContext.js';
 import { sizeToCSS } from './utils/UNSAFE_size.js';
-import './tslib.es6-6e986fbd.js';
+import './tslib.es6-01a5cabc.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
-import './_curry1-6e40788a.js';
+import './_curry1-700b6208.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-448ce55b.js';
-import './_curry2-30046da0.js';
-import './_has-9fe18fdc.js';
+import './_curry3-9691929f.js';
+import './_curry2-ad83fd73.js';
+import './_has-854f47dc.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-03d660ed.js';
+import './keys-3a6a5514.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import 'preact';
 import 'preact/hooks';
 
 const labelSlotStyles = {
-  base: "_1mgn8vj",
-  start: "v9haq1",
-  top: "_16xaz6m",
-  topPureReadonly: "_1lwcl8r"
+  base: "s8m2lr",
+  start: "_1dsdjm9",
+  top: "_1edb75b",
+  topPureReadonly: "_17qg7bl"
 };
 const labelInnerStyles = {
   // base is labelEdge 'top'
-  base: "_12v8olz",
-  start: "_10gi1pe",
-  startNotPureReadonly: "tc5www",
+  base: "_1a2te2e",
+  start: "_188xu32",
+  startNotPureReadonly: "_1h90y9a",
   // TODO: Use Text Component instead of CSS
-  noWrap: "_1ddl5hy"
+  noWrap: "_10xnl59"
 };
-const valueSlotStyles = "_4gvkfk";
+const valueSlotStyles = "_1ydttcm";
 const LabelValueLayout = ({
   label,
   labelEdge,

package/es/UNSAFE_LabelValueLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx","../../src/UNSAFE_LabelValueLayout/index.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n  base: cssProps`${{\n    display: 'block',\n    flexGrow: '0',\n    flexShrink: '1',\n    boxSizing: 'border-box'\n  }}`,\n  start: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n  }}`,\n\n  top: cssProps`${{\n    flexBasis: '100%',\n    width: '100%',\n    maxWidth: '100%',\n    paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n  }}`,\n\n  topPureReadonly: cssProps`${{\n    paddingBlockEnd: 0\n  }}`\n};\n\nconst labelInnerStyles = {\n  // base is labelEdge 'top'\n  base: cssProps`${{\n    display: 'block',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    width: '100%'\n  }}`,\n  start: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center'\n  }}`,\n  startNotPureReadonly: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  // TODO: Use Text Component instead of CSS\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n  flex: '1 1 100%',\n  width: '100%',\n  maxWidth: '100%'\n}}`;\n\ntype Props = {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines how the label is going to be positioned\n   */\n  labelEdge?: 'start' | 'top';\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%'\n}: Props) => {\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n  const labelStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n  const valueStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n  const labelStyleClasses = classNames([\n    labelSlotStyles.base,\n    labelEdge === 'start' && labelSlotStyles.start,\n    // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n    // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n    labelEdge === 'top' && labelSlotStyles.top,\n    labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n  const labelInnerClasses = classNames([\n    labelInnerStyles.base,\n    labelEdge === 'start' && labelInnerStyles.start,\n    labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <Flex wrap=\"wrap\" align=\"start\">\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { LabelValueLayout } from './LabelValueLayout';\n"],"names":["labelSlotStyles","labelInnerStyles","valueSlotStyles","LabelValueLayout","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","base","start","top","topPureReadonly","noWrap","_jsxs","Flex","Object","assign","wrap","align","_jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAAA,eAAA,GAAA;QAAA,UAAA;SAAA,QAAA;OAAA,UAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,UAAA;SAAA,UAAA;wBAAA,QAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,SAAA,CAAA;AAyBA,MAAAC,gBAAA,GAAA,CAAA;EAAAC,KAAA;EAAAC,SAAA;EAAAC,QAAA;AAAAC,EAAAA,eAAA,GAAA,KAAA;AAAA,CAAA,KAAA;AAME,EAAA,MAAAC,KAAA,GAAAC,SAAA,CAAAF,eAAA,CAAA,CAAA;AACA,EAAA,MAAAG,UAAA,GAAA,CAAAF,YAAAA,EAAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;EAMA,MAAA;IAAAG,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,cAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,mBAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;wCAEEZ,eAAA,CAAAkB,MACAb,SAAA,KAAA,OAAA,IAAAL,eAAA,CAAAmB;;AAGAd,EAAAA,SAAA,KAAA,KAAA,IAAAL,eAAA,CAAAoB,KACAf,SAAA,KAAA,KAAA,IAAAY,cAAA,IAAAjB,eAAA,CAAAqB;wCAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,IAAA,CAAAC,IAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,QAAAA,KAAA,EAAAI,iBAAAA;AAAA,OAAA,EAAA;AAAA5B,QAAAA,QAAA,EAAAF,KAAAA;AAAA,OAAA,CAAA,CAAA;KAAA,CAAA,CAAA,EAAAyB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAA5B,eAAA;AAAA8B,MAAAA,KAAA,EAAAG,WAAAA;AAAA,KAAA,EAAA;AAAA7B,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAUF;;AC1HA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx","../../src/UNSAFE_LabelValueLayout/index.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n  base: cssProps`${{\n    display: 'block',\n    flexGrow: '0',\n    flexShrink: '1',\n    boxSizing: 'border-box'\n  }}`,\n  start: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n  }}`,\n\n  top: cssProps`${{\n    flexBasis: '100%',\n    width: '100%',\n    maxWidth: '100%',\n    paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n  }}`,\n\n  topPureReadonly: cssProps`${{\n    paddingBlockEnd: 0\n  }}`\n};\n\nconst labelInnerStyles = {\n  // base is labelEdge 'top'\n  base: cssProps`${{\n    display: 'block',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    width: '100%'\n  }}`,\n  start: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center'\n  }}`,\n  startNotPureReadonly: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  // TODO: Use Text Component instead of CSS\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n  flex: '1 1 100%',\n  width: '100%',\n  maxWidth: '100%'\n}}`;\n\ntype Props = {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines how the label is going to be positioned\n   */\n  labelEdge?: 'start' | 'top';\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%'\n}: Props) => {\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n  const labelStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n  const valueStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n  const labelStyleClasses = classNames([\n    labelSlotStyles.base,\n    labelEdge === 'start' && labelSlotStyles.start,\n    // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n    // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n    labelEdge === 'top' && labelSlotStyles.top,\n    labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n  const labelInnerClasses = classNames([\n    labelInnerStyles.base,\n    labelEdge === 'start' && labelInnerStyles.start,\n    labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <Flex wrap=\"wrap\" align=\"start\">\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { LabelValueLayout } from './LabelValueLayout';\n"],"names":["labelSlotStyles","labelInnerStyles","valueSlotStyles","LabelValueLayout","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","base","start","top","topPureReadonly","noWrap","_jsxs","Flex","Object","assign","wrap","align","_jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAAA,eAAA,GAAA;QAAA,QAAA;SAAA,UAAA;OAAA,UAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,UAAA;SAAA,UAAA;wBAAA,UAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,UAAA,CAAA;AAyBA,MAAAC,gBAAA,GAAA,CAAA;EAAAC,KAAA;EAAAC,SAAA;EAAAC,QAAA;AAAAC,EAAAA,eAAA,GAAA,KAAA;AAAA,CAAA,KAAA;AAME,EAAA,MAAAC,KAAA,GAAAC,SAAA,CAAAF,eAAA,CAAA,CAAA;AACA,EAAA,MAAAG,UAAA,GAAA,CAAAF,YAAAA,EAAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;EAMA,MAAA;IAAAG,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,cAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,mBAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;wCAEEZ,eAAA,CAAAkB,MACAb,SAAA,KAAA,OAAA,IAAAL,eAAA,CAAAmB;;AAGAd,EAAAA,SAAA,KAAA,KAAA,IAAAL,eAAA,CAAAoB,KACAf,SAAA,KAAA,KAAA,IAAAY,cAAA,IAAAjB,eAAA,CAAAqB;wCAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,IAAA,CAAAC,IAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,QAAAA,KAAA,EAAAI,iBAAAA;AAAA,OAAA,EAAA;AAAA5B,QAAAA,QAAA,EAAAF,KAAAA;AAAA,OAAA,CAAA,CAAA;KAAA,CAAA,CAAA,EAAAyB,GAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAA5B,eAAA;AAAA8B,MAAAA,KAAA,EAAAG,WAAAA;AAAA,KAAA,EAAA;AAAA7B,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAUF;;AC1HA;;;;;;AAMG;;;;;;;"}

package/es/UNSAFE_Layer.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.1 */
+/* @oracle/oraclejet-preact: 14.0.3 */
 import { useContext, useMemo, useState, useLayoutEffect, createPortal, forwardRef, useCallback } from 'preact/compat';
 import { createContext } from 'preact';
 import { jsx, jsxs } from 'preact/jsx-runtime';