@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/cjs/OverflowTabBarItem-7bff3461.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowTabBarItem-7bff3461.js","sources":["../../src/UNSAFE_TabBarCommon/useTabBarItemTooltip.ts","../../src/UNSAFE_TabBarCommon/BaseTabBarItem.tsx","../../src/UNSAFE_TabBarCommon/TabBarItem.tsx","../../src/UNSAFE_TabBarCommon/RemovableTabBarItem.tsx","../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  label: string;\n  isDisabled: boolean;\n};\n\nexport const useTabBarItemTooltip = ({\n  label,\n  isDisabled\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipEventHandlerProps: Record<string, any>;\n  onLogicalFocus: (elem: HTMLElement) => void;\n  onLogicalBlur: () => void;\n} => {\n  const [isOpen, setOpen] = useState<boolean>(false);\n  const { tooltipProps, tooltipContent } = useTooltipControlled({\n    isOpen: isOpen,\n    isDisabled,\n    focusStrategy: 'logical',\n    text: label,\n    onToggle: ({ value }) => {\n      setOpen(value);\n    }\n  });\n  const { onLogicalFocus, onLogicalBlur, ...tooltipEventHandlerProps } = tooltipProps;\n\n  return { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur };\n};\n","import { ComponentChildren, ComponentChild } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Text } from '../UNSAFE_Text';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { TabBarItemVariantOptions } from './themes/TabBarItemStyles.css';\nimport { TabBarItemRedwoodTheme } from './themes/redwood/TabBarItemTheme';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useConveyorBeltItem } from '../UNSAFE_ConveyorBelt/useConveyorBeltItem';\nimport { useDetectTruncation } from '../hooks/PRIVATE_useDetectTruncation';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabBarItemTooltip } from './useTabBarItemTooltip';\nimport { tabBarItemVars } from './themes/TabBarItemContract.css';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\n\ntype AriaProps = {\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  'aria-controls'?: string;\n  /**\n   * Used by an item that renders an interactive popup\n   */\n  'aria-haspopup'?: boolean;\n};\n\nexport type BaseTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  itemKey: K;\n  /**\n   * Label of the TabBarItem. For icon only display this label is the content\n   * for aria-label and tooltip text of the Tab.\n   */\n  label: string;\n  /**\n   * The icon before the label in non-stack case, icon above the label in\n   * stacked case or the stand alone icon when no label is specified.\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata,\n   * that appears after the label in non stack case only.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label in non stack case only.\n   */\n  severity?: Severity;\n  /**\n   * The content to be rendered for remove icon\n   */\n  removeIcon?: ComponentChildren;\n  /**\n   * The control for enabling and disabling focusRing\n   */\n  showFocusRingOverride?: boolean;\n  /**\n   * The control for enabling and disabling selection indicator\n   */\n  selectionOverride?: boolean;\n  /**\n   * The control for overriding display value.\n   */\n  displayOverride?: string;\n  /**\n   * Maximum width tabbar item label can have\n   */\n  labelMaxWidth?: Size;\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page.\n   */\n  href?: string;\n} & AriaProps;\n\nconst onClickLink = (event: MouseEvent) => {\n  event.preventDefault();\n};\n\nexport function BaseTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity = 'none',\n  removeIcon,\n  showFocusRingOverride,\n  selectionOverride,\n  displayOverride,\n  labelMaxWidth,\n  href,\n  'aria-controls': ariaControls,\n  'aria-haspopup': ariaHasPopup\n}: BaseTabBarItemProps<K>) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    onSelect,\n    selection,\n    currentKey,\n    showFocusRing,\n    hideTooltip,\n    layout,\n    display,\n    size,\n    isEdgeBottom,\n    tabItemPrefix\n  } = useTabBarContext();\n\n  const isCurrent = currentKey === itemKey;\n\n  const { ref, ...conveyorBeltProps } = useConveyorBeltItem({ isCurrent });\n\n  //Selection\n  //Dependency on currentKey because upon removal selectionChange does not change hence no re render\n  //and it is still holding the deleted key as selection\n  const handlePress = useCallback(() => {\n    onSelect?.({ value: itemKey as K });\n  }, [itemKey, onSelect]);\n\n  const { pressProps } = usePress(handlePress);\n\n  const isSelected = selection === itemKey;\n\n  const isStacked = display === 'stacked' ? true : false;\n  const isIconOnly =\n    display === 'icons' || (displayOverride && displayOverride === 'icons') ? true : false;\n  const isTall = size === 'lg' ? true : false;\n  const labelRequirement = label && !(label === ' ' && label === undefined);\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        // As per spec acc label is required only for error severity icon.\n        return <ErrorS color=\"danger\" accessibleLabel={translations.tabBar_tabContainsErrors()} />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const { direction } = useUser();\n  const makeFocusRingVisible =\n    showFocusRingOverride !== undefined ? showFocusRingOverride : showFocusRing;\n  const makeSelectionVisible = selectionOverride !== undefined ? selectionOverride : isSelected;\n  const {\n    classes,\n    styles: {\n      tabBarItemIcon,\n      tabBarItemIconStacked,\n      tabBarItemMetadata,\n      tabBarItemStackedBadge,\n      tabBarItemStackedBadgeRtl,\n      tabBarItemRemoveIcon,\n      tabBarItemLabel,\n      tabBarItemLabelTruncated,\n      tabBarItemLink\n    }\n  } = useComponentTheme<TabBarItemVariantOptions>(TabBarItemRedwoodTheme, {\n    selection: makeSelectionVisible ? 'isSelected' : 'notSelected',\n    current: isCurrent ? 'isCurrent' : 'notCurrent',\n    focusRing: makeFocusRingVisible ? 'showFocusRing' : 'noFocusRing',\n    edgeBottom: isEdgeBottom ? 'isBottom' : 'notBottom'\n  });\n\n  const tabBarItem = classNames([classes]);\n  const tabBarItemLabelClasses = classNames([\n    tabBarItemLabel,\n    labelMaxWidth !== undefined && tabBarItemLabelTruncated\n  ]);\n  const tabBarItemIconClasses = classNames([\n    tabBarItemIcon,\n    (isStacked || isIconOnly || !labelRequirement) && tabBarItemIconStacked\n  ]);\n  const tabBarItemMetadataClasses = classNames([tabBarItemMetadata]);\n  const tabBarItemStackedBadgeClasses = classNames([\n    tabBarItemStackedBadge,\n    direction === 'rtl' && tabBarItemStackedBadgeRtl\n  ]);\n  const removeClass = classNames([tabBarItemRemoveIcon]);\n  const tabBarItemLinkClasses = classNames([tabBarItemLink]);\n\n  const styleInterpolations = mergeInterpolations<\n    FlexitemProps & DimensionProps & BoxAlignmentProps\n  >([\n    ...Object.values(flexitemInterpolations),\n    ...Object.values(dimensionInterpolations),\n    ...Object.values(boxAlignmentInterpolations)\n  ]);\n\n  //This is for simple item where height and width need to be specified on the main div.\n  const tabDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto',\n    minWidth: '10.5x',\n    height: isTall ? tabBarItemVars.lgHeight : tabBarItemVars.mdHeight,\n    //This is needed for gap between icon/ label and remove icon in labelIconRenderer\n    gap: '2x'\n  });\n\n  //This is for complex item, where only flex dimensions needs to be applied as height and width comes from child Flex component.\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const maxWithInterpolation = mergeInterpolations<DimensionProps>([\n    ...Object.values(dimensionInterpolations)\n  ]);\n\n  //The threshold for truncation is labelMinWidth: 96px as per spec.\n  const labelMinWidth = '96px';\n  const maxWidthDimensions = maxWithInterpolation({\n    maxWidth: labelMaxWidth !== undefined ? `calc(max(${labelMinWidth},${labelMaxWidth}))` : '100%'\n  });\n\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation(\n    labelMaxWidth === undefined\n  );\n  const showTooltip = isIconOnly || isTextTruncated;\n  const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } =\n    useTabBarItemTooltip({ label, isDisabled: !showTooltip });\n  if (showTooltip) {\n    if (isCurrent && showFocusRing && !hideTooltip) {\n      onLogicalFocus(ref.current as HTMLElement);\n    } else if (!isCurrent || (isCurrent && !showFocusRing) || hideTooltip) {\n      onLogicalBlur();\n    }\n  }\n\n  const isComplexItem = badge || metadata || severity !== 'none' || isStacked || isIconOnly;\n  const isLinkItem = href != null;\n\n  const labelIconRenderer = () => {\n    return (\n      <>\n        <Flex align=\"center\" justify=\"center\" flex=\"1 1 auto\" gap=\"2x\">\n          {!isIconOnly && !isStacked && icon && labelRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-icon=\"startIcon\">\n              {icon}\n            </span>\n          )}\n          {!isIconOnly && labelRequirement && (\n            <span\n              class={tabBarItemLabelClasses}\n              style={maxWidthDimensions}\n              {...detectTruncationProps}>\n              {\n                <Text size=\"md\" weight=\"semiBold\">\n                  {label}\n                </Text>\n              }\n            </span>\n          )}\n        </Flex>\n        {!isLinkItem && removeIcon && <span class={removeClass}>{removeIcon}</span>}\n      </>\n    );\n  };\n\n  const complexItemRenderer = () => {\n    return (\n      <Flex flex=\"1 1 auto\">\n        <Flex\n          minWidth=\"10.5x\"\n          minHeight={isTall ? tabBarItemVars.lgHeight : '100%'}\n          height={\n            isStacked && labelRequirement ? tabBarItemVars.stackedHeight : tabBarItemVars.mdHeight\n          }\n          direction={isStacked && labelRequirement ? 'column' : 'row'}\n          gap=\"2x\"\n          align=\"center\"\n          justify=\"center\"\n          alignSelf=\"center\"\n          flex=\"1 1 auto\">\n          {(isStacked || isIconOnly) && (\n            <div aria-label={isIconOnly ? label : undefined} class={tabBarItemIconClasses}>\n              {icon}\n              <span class={tabBarItemStackedBadgeClasses}>\n                {badge ? (\n                  <Badge size=\"xs\" variant=\"neutral\">\n                    {badge}\n                  </Badge>\n                ) : null}\n              </span>\n            </div>\n          )}\n          {!isIconOnly && !isStacked && icon && labelRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-icon=\"startIcon\">\n              {icon}\n            </span>\n          )}\n          {!isIconOnly && labelRequirement && (\n            <span\n              class={tabBarItemLabelClasses}\n              style={maxWidthDimensions}\n              {...detectTruncationProps}>\n              {\n                <Text size=\"md\" weight=\"semiBold\">\n                  {label}\n                </Text>\n              }\n            </span>\n          )}\n          {!isStacked && !isIconOnly && badge && labelRequirement && (\n            <span data-oj-tab-badge={badge}>\n              <Badge size=\"md\" variant=\"neutralSubtle\">\n                {badge}\n              </Badge>\n            </span>\n          )}\n          {metadata && (\n            <span class={tabBarItemMetadataClasses} data-oj-tab-metadata={metadata}>\n              <Text size=\"md\" weight=\"normal\">\n                {'( ' + metadata + ' )'}\n              </Text>\n            </span>\n          )}\n          {severityRequirement && (\n            <span class={tabBarItemIconClasses} data-oj-tab-severity={severity}>\n              {IconComponent(severity)}\n            </span>\n          )}\n        </Flex>\n        {!isLinkItem && removeIcon && <span class={removeClass}>{removeIcon}</span>}\n      </Flex>\n    );\n  };\n\n  const tabBarItemRenderer = () => {\n    return (\n      <div\n        data-oj-key={itemKey}\n        data-oj-removable={removeIcon ? 'true' : undefined}\n        id={tabItemPrefix + itemKey}\n        class={tabBarItem}\n        role=\"tab\"\n        aria-controls={ariaControls}\n        aria-selected={isSelected}\n        aria-haspopup={ariaHasPopup}\n        {...mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps)}\n        ref={ref}\n        style={isComplexItem ? flexDimensions : tabDimensions}>\n        {isComplexItem ? complexItemRenderer() : labelIconRenderer()}\n        {tooltipContent}\n      </div>\n    );\n  };\n\n  const tabBarLinkItemRenderer = () => {\n    return (\n      <div\n        ref={ref}\n        class={tabBarItem}\n        {...mergeProps(pressProps, tooltipEventHandlerProps, conveyorBeltProps)}\n        style={isComplexItem ? flexDimensions : tabDimensions}>\n        <a\n          onClick={onClickLink}\n          class={tabBarItemLinkClasses}\n          href={href}\n          data-oj-key={itemKey}\n          data-oj-removable={removeIcon ? 'true' : undefined}\n          id={tabItemPrefix + itemKey}\n          role=\"tab\"\n          tabindex={-1}\n          aria-controls={ariaControls}\n          aria-selected={isSelected}\n          aria-haspopup={ariaHasPopup}>\n          {isComplexItem ? complexItemRenderer() : labelIconRenderer()}\n        </a>\n        {tooltipContent}\n      </div>\n    );\n  };\n  return isLinkItem ? tabBarLinkItemRenderer() : tabBarItemRenderer();\n}\n","import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\nexport type TabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n/**\n * TabBarItem content can be created by using labels or icons or both.\n */\nexport function TabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: TabBarItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n    />\n  );\n}\n","import { useCallback } from 'preact/hooks';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useTabBarContext } from './useTabBarContext';\nimport { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableTabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n\nexport function RemovableTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: RemovableTabBarItemProps<K>) {\n  const { selection, currentKey, layout, onRemove } = useTabBarContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //TODO: In addition to aria-label a genric instruction is required for keyboard deletion\n  //common to al tabs,after feedback from Curt's investigations.\n  return (\n    <div {...hoverProps} style={flexDimensions}>\n      <Flex>\n        <BaseTabBarItem\n          aria-controls={ariaControls}\n          itemKey={itemKey}\n          label={label}\n          icon={icon}\n          badge={badge}\n          metadata={metadata}\n          severity={severity}\n          labelMaxWidth={labelMaxWidth}\n          removeIcon={\n            <span data-oj-tabbar-item-remove-icon=\"true\">\n              <EmbeddedIconButton\n                aria-label={translations.tabBarNavigationList_removeCueText()}\n                size=\"xs\"\n                onAction={handleRemove}>\n                {(isHover || isSelected || isCurrent) && <Close />}\n              </EmbeddedIconButton>\n            </span>\n          }\n        />\n      </Flex>\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle,\n  NavigationListLinkItem\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.href != null ? (\n              <NavigationListLinkItem\n                href={item.href}\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose} initialFocus=\"firstFocusable\">\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n"],"names":["useState","useTooltipControlled","useTranslationBundle","useTabBarContext","useConveyorBeltItem","useCallback","usePress","_jsx","ErrorS","WarningS","InformationS","SuccessS","useUser","useComponentTheme","TabBarItemRedwoodTheme","classNames","mergeInterpolations","flexitemInterpolations","dimensionInterpolations","boxAlignmentInterpolations","tabBarItemVars","useDetectTruncation","_jsxs","_Fragment","Flex","Text","Badge","mergeProps","useHover","EmbeddedIconButton","Close","Icon","useRef","createRef","styles","NavigationList","NavigationListLinkItem","RemovableNavigationListItem","NavigationListItem","OverflowH","Sheet","Dropdown","getClientHints"],"mappings":"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"}

package/cjs/RevealToggleIcon-1717c2be.js

@@ -1,28 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var ViewHide = require('./ViewHide-dd2f5b42.js');
-var View = require('./View-9c435e43.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
-var IconSwitchButton = require('./IconSwitchButton-92922dad.js');
-
-/**
- * RevealToggleIcon is a controlled toggle icon component with tooltip that displays
- * hide or show icons. It is used internally for input components that hide and show the content.
- */
-function RevealToggleIcon({ accessibleLabel, isRevealed, onToggle, testId, tooltipHide, tooltipShow }) {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const hide = tooltipHide || translations.formControl_hide();
-    const show = tooltipShow || translations.formControl_show();
-    return (jsxRuntime.jsx(IconSwitchButton.IconSwitchButton
-    // we want to display the tooltip title of the expected action on toggle
-    , { 
-        // we want to display the tooltip title of the expected action on toggle
-        tooltip: isRevealed ? hide : show, accessibleLabel: accessibleLabel, 
-        // denote that the switch is selected when in the "masked" state
-        isSelected: !isRevealed, onToggle: onToggle, testId: testId, size: "sm", children: isRevealed ? jsxRuntime.jsx(ViewHide.SvgViewHide, {}) : jsxRuntime.jsx(View.SvgView, {}) }));
-}
-
-exports.RevealToggleIcon = RevealToggleIcon;
-//# sourceMappingURL=RevealToggleIcon-1717c2be.js.map

package/cjs/RevealToggleIcon-1717c2be.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RevealToggleIcon-1717c2be.js","sources":["../../src/PRIVATE_RevealToggleIcon/RevealToggleIcon.tsx"],"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 { ComponentProps } from 'preact';\nimport { ViewHideIcon } from '#PRIVATE_ThemedIcons/ViewHideIcon';\nimport { ViewIcon } from '#PRIVATE_ThemedIcons/ViewIcon';\nimport { IconSwitchButton } from '#PRIVATE_IconSwitchButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype IconSwitchButtonProps = ComponentProps<typeof IconSwitchButton>;\n\ntype RevealToggleIconProps = TestIdProps & {\n  /**\n   * The aria label of the toggle.\n   */\n  accessibleLabel: IconSwitchButtonProps['accessibleLabel'];\n  /**\n   * Specifies whether the content is shown or hidden.\n   */\n  isRevealed?: boolean;\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of isRevealed property should be updated\n   */\n  onToggle?: IconSwitchButtonProps['onToggle'];\n  /**\n   * Tooltip text to indicate that the toggle will hide the content.\n   */\n  tooltipHide?: string;\n  /**\n   * Tooltip text to indicate that the toggle will show the content.\n   */\n  tooltipShow?: string;\n};\n\n/**\n * RevealToggleIcon is a controlled toggle icon component with tooltip that displays\n * hide or show icons. It is used internally for input components that hide and show the content.\n */\nexport function RevealToggleIcon({\n  accessibleLabel,\n  isRevealed,\n  onToggle,\n  testId,\n  tooltipHide,\n  tooltipShow\n}: RevealToggleIconProps) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const hide = tooltipHide || translations.formControl_hide();\n  const show = tooltipShow || translations.formControl_show();\n\n  return (\n    <IconSwitchButton\n      // we want to display the tooltip title of the expected action on toggle\n      tooltip={isRevealed ? hide : show}\n      accessibleLabel={accessibleLabel}\n      // denote that the switch is selected when in the \"masked\" state\n      isSelected={!isRevealed}\n      onToggle={onToggle}\n      testId={testId}\n      size=\"sm\">\n      {/* we want to display the icon of the expected action on toggle */}\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </IconSwitchButton>\n  );\n}\n"],"names":["useTranslationBundle","_jsx","IconSwitchButton","ViewHideIcon","ViewIcon"],"mappings":";;;;;;;;;AAwCA;;;AAGG;AACa,SAAA,gBAAgB,CAAC,EAC/B,eAAe,EACf,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACW,EAAA;AACtB,IAAA,MAAM,YAAY,GAAGA,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;IAClF,MAAM,IAAI,GAAG,WAAW,IAAI,YAAY,CAAC,gBAAgB,EAAE,CAAC;IAC5D,MAAM,IAAI,GAAG,WAAW,IAAI,YAAY,CAAC,gBAAgB,EAAE,CAAC;IAE5D,QACEC,eAACC,iCAAgB;;;;AAEf,QAAA,OAAO,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,EACjC,eAAe,EAAE,eAAe;;AAEhC,QAAA,UAAU,EAAE,CAAC,UAAU,EACvB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,IAAI,EAER,QAAA,EAAA,UAAU,GAAGD,cAAA,CAACE,oBAAY,EAAG,EAAA,CAAA,GAAGF,cAAC,CAAAG,YAAQ,EAAG,EAAA,CAAA,EAAA,CAC5B,EACnB;AACJ;;;;"}

package/cjs/SelectMobileFieldInput-cd6ee053.js

@@ -1,246 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-var Floating = require('./Floating-a360e16a.js');
-var Layer = require('./Layer-c8668ea4.js');
-var compat = require('preact/compat');
-require('./LayerHost-f1a1533f.js');
-var keyboardUtils = require('./keyboardUtils-b42fe7d5.js');
-var useSelectCommon = require('./useSelectCommon-c3f3b7bc.js');
-var PRIVATE_SelectCommon_themes_dropdownStyles_css = require('./PRIVATE_SelectCommon/themes/dropdownStyles.css.js');
-var useOutsideMousedown = require('./useOutsideMousedown-fee3f752.js');
-var FormFieldContext = require('./FormFieldContext-69fe83d2.js');
-require('./logger-2b636482.js');
-require('./TabbableModeContext-e99d527e.js');
-
-
-require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-var InlineUserAssistance = require('./InlineUserAssistance-2fba4481.js');
-var Flex = require('./Flex-a6d1c038.js');
-
-
-require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
-require('preact');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
-
-require('./IconButton-217314e6.js');
-
-require('./MessageFormattingUtils-539d75b0.js');
-require('./TransitionGroup-b239d98f.js');
-require('./MessagesContext-4e939750.js');
-
-
-
-require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
-require('./Popup-91e33a1d.js');
-require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
-
-
-require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-require('./InputGroupContext-05f2a46f.js');
-
-require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
-var Link = require('./Link-c066941c.js');
-var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
-var useHover = require('./useHover-49b0430d.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var Separator = require('./Separator-85962472.js');
-var WindowOverlay = require('./WindowOverlay-5a341d43.js');
-var PRIVATE_SelectCommon_themes_mobileDropdownStyles_css = require('./PRIVATE_SelectCommon/themes/mobileDropdownStyles.css.js');
-var PRIVATE_SelectCommon_themes_selectMobileDropdownStyles_css = require('./PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css.js');
-var stringUtils = require('./stringUtils-3e19c8af.js');
-var Text = require('./Text-436e8b56.js');
-var TextFieldUtils = require('./TextFieldUtils-96baac38.js');
-var UNSAFE_TextField_themes_FormControlUtilsStyles_css = require('./UNSAFE_TextField/themes/FormControlUtilsStyles.css.js');
-var UNSAFE_TextField_themes_redwood_TextFieldInputTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js');
-var useAccessibleContext = require('./useAccessibleContext-c49d8d1b.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
-var useTabbableMode = require('./useTabbableMode-a275583f.js');
-var formControlUtils = require('./formControlUtils-596c9dc3.js');
-var textAlign = require('./textAlign-f41f49db.js');
-var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var PRIVATE_SelectCommon_themes_SelectMobileFieldInputStyles_css = require('./PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css.js');
-
-const DEFAULT_PLACEMENT = 'bottom-start';
-//TODO: Start consuming PRIVATE_Dropdown. JET-62565
-function Dropdown({ anchorRef, children, dropdownRef, id, isOpen, onAutoDismiss, onPosition }) {
-    const [placement, setPlacement] = hooks.useState(DEFAULT_PLACEMENT);
-    const [prevIsOpen, setPrevIsOpen] = hooks.useState(isOpen);
-    if (prevIsOpen !== isOpen) {
-        // reset the placement to the default when the dropdown closes, not opens, so that it doesn't
-        // initially open in the previous position and then move to the default position on the
-        // rerender after the state is updated
-        if (!isOpen) {
-            setPlacement(DEFAULT_PLACEMENT);
-        }
-    }
-    const handlePosition = hooks.useCallback((positionData) => {
-        // update the placement so that the dropdown stays where it is until there is a collision,
-        // i.e. it no longer fits, instead of letting it try to move back to the default position
-        // on every render
-        setPlacement(positionData.placement);
-        // call the callback that was passed in through props
-        onPosition?.(positionData);
-    }, [onPosition, setPlacement]);
-    const handleAutoDismiss = hooks.useCallback((event) => {
-        onAutoDismiss?.(event);
-    }, [onAutoDismiss]);
-    const handleKeyDown = hooks.useCallback((event) => {
-        if (event.defaultPrevented || keyboardUtils.isControlOrFunctionKey(event)) {
-            return;
-        }
-        switch (event.code) {
-            case keyboardUtils.KEYS.ESC:
-            case keyboardUtils.KEYS.TAB:
-                handleAutoDismiss(event);
-                break;
-        }
-    }, [handleAutoDismiss]);
-    // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown
-    // on the same event where focus will transfer
-    useOutsideMousedown.useOutsideMousedown({
-        isDisabled: !isOpen,
-        ref: [anchorRef, dropdownRef],
-        handler: handleAutoDismiss
-    });
-    // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset
-    const offsetValue = { mainAxis: 4, crossAxis: 0 };
-    const inlineStyle = isOpen
-        ? {
-            minWidth: `${anchorRef.current?.offsetWidth}px`
-        }
-        : {};
-    if (prevIsOpen !== isOpen) {
-        setPrevIsOpen(isOpen);
-    }
-    return !isOpen ? null : (jsxRuntime.jsx(Layer.Layer, { logicalParentRef: anchorRef, children: jsxRuntime.jsx(Floating.Floating, { anchorRef: anchorRef, sizeOptions: {
-                isMaxHeightAdjusted: true,
-                maxHeightCeiling: 400
-            }, ref: dropdownRef, placement: placement, offsetValue: offsetValue, onPosition: handlePosition, children: jsxRuntime.jsx("div", { class: PRIVATE_SelectCommon_themes_dropdownStyles_css.dropdownStyles.base, id: id, style: inlineStyle, onKeyDown: handleKeyDown, onMouseDown: useSelectCommon.preventDefaultForCurrentTarget, children: children }) }) }));
-}
-
-function DropdownUserAssistance(props) {
-    // Prevent the focus from transferring when the user clicks on an empty/non-clickable area
-    // of the user assistance
-    const handleMouseDown = hooks.useCallback((event) => {
-        // Don't call preventDefault when the user clicks on the help source link, so that the
-        // focus is allowed to transfer in that case.
-        if (event.target?.tagName !== 'A') {
-            event.preventDefault();
-        }
-    }, []);
-    return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: { isFocused: true }, children: jsxRuntime.jsx("div", { class: PRIVATE_SelectCommon_themes_dropdownStyles_css.dropdownStyles.userAssistance, onMouseDown: handleMouseDown, children: jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistance, { ...props }) }) }));
-}
-
-/**
- * This component renders a link that looks like a list item in a Select* component dropdown.
- * It fires an action when the user triggers it, and is intended to be used for launching
- * external application UI from within the dropdown, for example to provide advanced search or
- * add to list functionality.
- * The LinkItem would typically be shown in a fixed position above or below the list itself.
- */
-const LinkItem = ({ children, isHighlighted, onAction }) => {
-    const { isHover, hoverProps } = useHover.useHover();
-    const { isFocused, focusProps } = useFocusWithin.useFocusWithin();
-    const handleClick = hooks.useCallback((e) => {
-        // prevent the link from actually navigating by preventing default and returning false
-        e.preventDefault();
-        onAction?.();
-        return false;
-    }, [onAction]);
-    const rootClasses = classNames.classNames([
-        PRIVATE_SelectCommon_themes_dropdownStyles_css.dropdownStyles.results.linkItemRoot,
-        isFocused ? PRIVATE_SelectCommon_themes_dropdownStyles_css.dropdownStyles.results.linkItemFocus : undefined
-    ]);
-    const linkClasses = classNames.classNames([
-        PRIVATE_SelectCommon_themes_dropdownStyles_css.dropdownStyles.results.extraItem,
-        isHover || isFocused || isHighlighted ? PRIVATE_SelectCommon_themes_dropdownStyles_css.dropdownStyles.results.linkItemHighlight : undefined
-    ]);
-    return (jsxRuntime.jsx("div", { class: rootClasses, ...focusProps, children: jsxRuntime.jsx(Link.Link, { href: "#", onClick: handleClick, children: jsxRuntime.jsx("div", { class: linkClasses, ...hoverProps, children: children }) }) }));
-};
-
-function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }) {
-    return !isOpen ? null : (jsxRuntime.jsx(Layer.Layer, { children: jsxRuntime.jsx(WindowOverlay.WindowOverlay, { children: jsxRuntime.jsx("div", { id: id, class: PRIVATE_SelectCommon_themes_mobileDropdownStyles_css.mobileDropdownStyles.base, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, children: jsxRuntime.jsx(Flex.Flex, { width: "100%", height: "100%", maxHeight: "100%", direction: "column", children: children }) }) }) }));
-}
-
-function SelectMobileDropdown({ children, footer, hasHeaderSeparator = true, header, id, isOpen, labelId }) {
-    return (jsxRuntime.jsxs(MobileDropdown, { id: id, isOpen: isOpen, "aria-labelledby": labelId, children: [header, hasHeaderSeparator && jsxRuntime.jsx(Separator.Separator, {}), jsxRuntime.jsx("div", { class: PRIVATE_SelectCommon_themes_selectMobileDropdownStyles_css.selectMobileDropdownStyles.content, children: children }), jsxRuntime.jsx(Separator.Separator, {}), footer] }));
-}
-
-const interpolations = [...Object.values(textAlign.textInterpolations)];
-const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
-/**
- * This component is used for rendering the main field in mobile phones. This is a bit different from the
- * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that
- * a user will not be able to edit the value of this field. But, one can still have other functionalities
- * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.
- *
- * This also differs from ReadonlyTextFieldInput in the following ways:
- * 1. This will be rendered as div as well, but has a role of combobox set on it
- * 2. This will not be read as readonly input by the screen readers
- * 3. This has the stylings much similar to the TextFieldInput component
- * 4. This supports the use of placeholder and shows it when there is no value present
- * 5. This supports having the variant property and styles accordingly
- *
- * As such, this is very similar to the TextFieldInput except that this does not allow user input.
- * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the
- * behavior we need, it will make the field as readonly and screen readers read the same about this
- * field. This will be an incorrect representation contextually as one can still edit the value by opening
- * the dropdown and changing the selection.
- */
-const SelectMobileFieldInput = compat.forwardRef(({ 'aria-controls': ariaControls, 'aria-describedby': ariaDescribedBy, 'aria-expanded': ariaExpanded, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, displayValue, hasEmptyLabel, hasInsideLabel = false, isRequired, onBlur, onFocus, placeholder, textAlign, variant = 'default' }, ref) => {
-    // consume required contexts
-    const { isDisabled, isFocused, hasValue = false } = useFormFieldContext.useFormFieldContext();
-    const { isTabbable, tabbableModeProps } = useTabbableMode.useTabbableMode();
-    // setup properties
-    const myPlaceholder = TextFieldUtils.isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)
-        ? placeholder
-        : undefined;
-    // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,
-    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other
-    // kinds of labels, this helps to ensure we don't override a meaningful label.
-    const { UNSAFE_ariaLabelledBy } = useAccessibleContext.useAccessibleContext();
-    const mergedAriaLabelledBy = hasEmptyLabel
-        ? stringUtils.l([ariaLabelledBy, UNSAFE_ariaLabelledBy])
-        : ariaLabelledBy;
-    // setup style classes
-    const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });
-    const { classes: themeClasses } = useComponentTheme.useComponentTheme(UNSAFE_TextField_themes_redwood_TextFieldInputTheme.TextFieldInputRedwoodTheme, {
-        type: 'notPassword',
-        styleVariant: formControlUtils.isEmbeddedVariant(variant) ? 'embedded' : 'default',
-        textarea: 'notTextArea',
-        input: 'isInput',
-        prefix: 'noPrefix',
-        suffix: 'noSuffix',
-        startContent: 'noStartContent',
-        endContent: 'hasEndContent',
-        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',
-        value: hasValue ? 'hasValue' : 'noValue',
-        focused: isFocused ? 'isFocused' : 'notFocused',
-        disabled: isDisabled ? 'isDisabled' : 'notDisabled'
-    });
-    const rootDivStyleClasses = classNames.classNames([
-        PRIVATE_SelectCommon_themes_SelectMobileFieldInputStyles_css.selectMobileFieldInputStyles.base,
-        styleInterpolationClasses,
-        themeClasses,
-        // JET-72775 - Form control alignment in tables
-        // When we are in legacy collection components, we want to inherit the text align
-        // when it is not set explicitly.
-        variant === 'legacyEmbedded' && textAlign === undefined && UNSAFE_TextField_themes_FormControlUtilsStyles_css.formControlInheritTextAlign
-    ]);
-    return (jsxRuntime.jsx("div", { "aria-autocomplete": "list", "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, "aria-expanded": ariaExpanded, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": mergedAriaLabelledBy, "aria-required": isRequired ? 'true' : undefined, class: rootDivStyleClasses, onBlur: onBlur, onFocus: onFocus, ref: ref, role: "combobox", ...(isTabbable && tabbableModeProps), children: jsxRuntime.jsx("div", { class: PRIVATE_SelectCommon_themes_SelectMobileFieldInputStyles_css.selectMobileFieldInputStyles.content, children: jsxRuntime.jsx(Text.Text, { variant: displayValue ? 'inherit' : 'secondary', children: displayValue || myPlaceholder }) }) }));
-});
-
-exports.Dropdown = Dropdown;
-exports.DropdownUserAssistance = DropdownUserAssistance;
-exports.LinkItem = LinkItem;
-exports.MobileDropdown = MobileDropdown;
-exports.SelectMobileDropdown = SelectMobileDropdown;
-exports.SelectMobileFieldInput = SelectMobileFieldInput;
-//# sourceMappingURL=SelectMobileFieldInput-cd6ee053.js.map

package/cjs/SelectMobileFieldInput-cd6ee053.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMobileFieldInput-cd6ee053.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\n  const offsetValue = { mainAxis: 4, crossAxis: 0 };\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n  }\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={{\n          isMaxHeightAdjusted: true,\n          maxHeightCeiling: 400\n        }}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={offsetValue}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  /**\n   * Child content of the item.\n   */\n  children: string;\n  /**\n   * Specifies whether to highlight the item.\n   */\n  isHighlighted?: boolean;\n  /**\n   * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n   */\n  onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n  const { isHover, hoverProps } = useHover();\n  const { isFocused, focusProps } = useFocusWithin();\n\n  const handleClick = useCallback(\n    (e: Event) => {\n      // prevent the link from actually navigating by preventing default and returning false\n      e.preventDefault();\n      onAction?.();\n      return false;\n    },\n    [onAction]\n  );\n\n  const rootClasses = classNames([\n    dropdownStyles.results.linkItemRoot,\n    isFocused ? dropdownStyles.results.linkItemFocus : undefined\n  ]);\n\n  const linkClasses = classNames([\n    dropdownStyles.results.extraItem,\n    isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n  ]);\n\n  return (\n    <div class={rootClasses} {...focusProps}>\n      <Link href=\"#\" onClick={handleClick}>\n        <div class={linkClasses} {...hoverProps}>\n          {children}\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nexport { LinkItem };\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\n  );\n}\n","import type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n  UnpackSignals<JSX.AriaAttributes>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n  EventProps &\n  TextProps & {\n    displayValue?: string;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    isRequired?: boolean;\n    placeholder?: string;\n    variant?: ContextType<typeof FormVariantContext>;\n  };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n  (\n    {\n      'aria-controls': ariaControls,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': ariaExpanded,\n      'aria-invalid': ariaInvalid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      displayValue,\n      hasEmptyLabel,\n      hasInsideLabel = false,\n      isRequired,\n      onBlur,\n      onFocus,\n      placeholder,\n      textAlign,\n      variant = 'default'\n    }: Props,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    // consume required contexts\n    const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n    const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n    // setup properties\n    const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n      ? placeholder\n      : undefined;\n\n    // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n    // kinds of labels, this helps to ensure we don't override a meaningful label.\n    const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n    const mergedAriaLabelledBy = hasEmptyLabel\n      ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n      : ariaLabelledBy;\n\n    // setup style classes\n    const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n    const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n      TextFieldInputRedwoodTheme,\n      {\n        type: 'notPassword',\n        styleVariant: isEmbeddedVariant(variant) ? 'embedded' : 'default',\n        textarea: 'notTextArea',\n        input: 'isInput',\n        prefix: 'noPrefix',\n        suffix: 'noSuffix',\n        startContent: 'noStartContent',\n        endContent: 'hasEndContent',\n        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n        value: hasValue ? 'hasValue' : 'noValue',\n        focused: isFocused ? 'isFocused' : 'notFocused',\n        disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n      }\n    );\n    const rootDivStyleClasses = classNames([\n      selectMobileFieldInputStyles.base,\n      styleInterpolationClasses,\n      themeClasses,\n      // JET-72775 - Form control alignment in tables\n      // When we are in legacy collection components, we want to inherit the text align\n      // when it is not set explicitly.\n      variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\n    ]);\n\n    return (\n      <div\n        aria-autocomplete=\"list\"\n        aria-controls={ariaControls}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        aria-invalid={ariaInvalid}\n        aria-label={ariaLabel}\n        aria-labelledby={mergedAriaLabelledBy}\n        aria-required={isRequired ? 'true' : undefined}\n        class={rootDivStyleClasses}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={ref}\n        role=\"combobox\"\n        {...(isTabbable && tabbableModeProps)}>\n        <div class={selectMobileFieldInputStyles.content}>\n          <Text variant={displayValue ? 'inherit' : 'secondary'}>\n            {displayValue || myPlaceholder}\n          </Text>\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":["useState","useCallback","isControlOrFunctionKey","KEYS","useOutsideMousedown","_jsx","Layer","Floating","dropdownStyles","preventDefaultForCurrentTarget","FormFieldContext","InlineUserAssistance","useHover","useFocusWithin","classNames","Link","WindowOverlay","mobileDropdownStyles","Flex","_jsxs","Separator","selectMobileDropdownStyles","textInterpolations","mergeInterpolations","forwardRef","useFormFieldContext","useTabbableMode","isInputPlaceholderShown","useAccessibleContext","merge","useComponentTheme","TextFieldInputRedwoodTheme","isEmbeddedVariant","selectMobileFieldInputStyles","formControlInheritTextAlign","Text"],"mappings":"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"}

package/cjs/SortControl-72e4f04e.js

@@ -1,35 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var useTestId = require('./useTestId-15ee37d6.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
-var UNSAFE_SortControl_themes_SortControl_css = require('./UNSAFE_SortControl/themes/SortControl.css.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var UpParent = require('./UpParent-a9b85eaa.js');
-var DownParent = require('./DownParent-c3e85154.js');
-var useSortableContext = require('./useSortableContext-0510fd8e.js');
-var EmbeddedIconButton = require('./EmbeddedIconButton-acd640d1.js');
-
-/**
- * Component that renders an interactive sort control.
- */
-const SortControl = ({ testId }) => {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const testIdProps = useTestId.useTestId(testId);
-    const { isRendered, sortable, sortDirection, onSort } = useSortableContext.useSortableContext();
-    const iconClassArray = [UNSAFE_SortControl_themes_SortControl_css.sortControlStyles.base];
-    if (isRendered) {
-        iconClassArray.push(UNSAFE_SortControl_themes_SortControl_css.sortControlStyles.visible);
-    }
-    else {
-        iconClassArray.push(UNSAFE_SortControl_themes_SortControl_css.sortControlStyles.hidden);
-    }
-    const iconClasses = classNames.classNames(iconClassArray);
-    return (jsxRuntime.jsx("div", { ...testIdProps, class: iconClasses, children: jsxRuntime.jsx(EmbeddedIconButton.EmbeddedIconButton, { "aria-label": sortable === 'enabled'
-                ? translations.collection_sortEnabled()
-                : translations.collection_sortDisabled(), isDisabled: sortable !== 'enabled', onAction: onSort, children: sortDirection === 'descending' ? jsxRuntime.jsx(DownParent.SvgDownParent, {}) : jsxRuntime.jsx(UpParent.SvgUpParent, {}) }) }));
-};
-
-exports.SortControl = SortControl;
-//# sourceMappingURL=SortControl-72e4f04e.js.map

package/cjs/SortControl-72e4f04e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortControl-72e4f04e.js","sources":["../../src/UNSAFE_SortControl/SortControl.tsx"],"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 { BundleType } from '../resources/nls/bundle';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { sortControlStyles } from './themes/SortControl.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { SortAscendingIcon } from '../PRIVATE_ThemedIcons/SortAscendingIcon';\nimport { SortDescendingIcon } from '../PRIVATE_ThemedIcons/SortDescendingIcon';\nimport { useSortableContext } from '#hooks/UNSAFE_useSortableContext';\n\n/**\n * Props for the SortControl Component\n */\nexport type Props = TestIdProps;\n\n/**\n * Component that renders an interactive sort control.\n */\nexport const SortControl = ({ testId }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const testIdProps = useTestId(testId);\n\n  const { isRendered, sortable, sortDirection, onSort } = useSortableContext();\n\n  const iconClassArray = [sortControlStyles.base];\n  if (isRendered) {\n    iconClassArray.push(sortControlStyles.visible);\n  } else {\n    iconClassArray.push(sortControlStyles.hidden);\n  }\n  const iconClasses = classNames(iconClassArray);\n\n  return (\n    <div {...testIdProps} class={iconClasses}>\n      <EmbeddedIconButton\n        aria-label={\n          sortable === 'enabled'\n            ? translations.collection_sortEnabled()\n            : translations.collection_sortDisabled()\n        }\n        isDisabled={sortable !== 'enabled'}\n        onAction={onSort}>\n        {sortDirection === 'descending' ? <SortDescendingIcon /> : <SortAscendingIcon />}\n      </EmbeddedIconButton>\n    </div>\n  );\n};\n"],"names":["useTranslationBundle","useTestId","useSortableContext","sortControlStyles","classNames","_jsx","EmbeddedIconButton","SortDescendingIcon","SortAscendingIcon"],"mappings":";;;;;;;;;;;;;AAsBA;;AAEG;MACU,WAAW,GAAG,CAAC,EAAE,MAAM,EAAS,KAAI;AAC/C,IAAA,MAAM,YAAY,GAAGA,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,GAAGC,qCAAkB,EAAE,CAAC;AAE7E,IAAA,MAAM,cAAc,GAAG,CAACC,2DAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,UAAU,EAAE;AACd,QAAA,cAAc,CAAC,IAAI,CAACA,2DAAiB,CAAC,OAAO,CAAC,CAAC;KAChD;SAAM;AACL,QAAA,cAAc,CAAC,IAAI,CAACA,2DAAiB,CAAC,MAAM,CAAC,CAAC;KAC/C;AACD,IAAA,MAAM,WAAW,GAAGC,qBAAU,CAAC,cAAc,CAAC,CAAC;AAE/C,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,WAAW,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EACtCA,cAAC,CAAAC,qCAAkB,EAEf,EAAA,YAAA,EAAA,QAAQ,KAAK,SAAS;AACpB,kBAAE,YAAY,CAAC,sBAAsB,EAAE;AACvC,kBAAE,YAAY,CAAC,uBAAuB,EAAE,EAE5C,UAAU,EAAE,QAAQ,KAAK,SAAS,EAClC,QAAQ,EAAE,MAAM,EACf,QAAA,EAAA,aAAa,KAAK,YAAY,GAAGD,cAAA,CAACE,wBAAkB,EAAG,EAAA,CAAA,GAAGF,eAACG,oBAAiB,EAAA,EAAA,CAAG,EAC7D,CAAA,EAAA,CACjB,EACN;AACJ;;;;"}

package/cjs/TabBarLinkItem-bc212b10.js

@@ -1,15 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var OverflowTabBarItem = require('./OverflowTabBarItem-7bff3461.js');
-
-/**
- * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.
- */
-function TabBarLinkItem({ itemKey, icon, badge, metadata, severity, labelMaxWidth, href, label, 'aria-controls': ariaControls }) {
-    return (jsxRuntime.jsx(OverflowTabBarItem.BaseTabBarItem, { "aria-controls": ariaControls, itemKey: itemKey, label: label, icon: icon, badge: badge, metadata: metadata, severity: severity, labelMaxWidth: labelMaxWidth, href: href }));
-}
-
-exports.TabBarLinkItem = TabBarLinkItem;
-//# sourceMappingURL=TabBarLinkItem-bc212b10.js.map

package/cjs/TabBarLinkItem-bc212b10.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBarLinkItem-bc212b10.js","sources":["../../src/UNSAFE_TabBarCommon/TabBarLinkItem.tsx"],"sourcesContent":["import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page. \n   */\n  href: string;\n  /**\n   * Label of the TabBarLinkItem. For truncated labels this is the content\n   * for tooltip text of the Tab.\n   */\n  label: string;\n};\nexport type TabBarLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseTabBarItemProps<K>,\n    'itemKey' | 'icon' | 'badge' | 'metadata' | 'severity' | 'aria-controls' | 'labelMaxWidth'\n  >;\n/**\n * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function TabBarLinkItem<K extends string | number>({\n  itemKey,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: TabBarLinkItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n      href={href}></BaseTabBarItem>\n  );\n}\n"],"names":["_jsx","BaseTabBarItem"],"mappings":";;;;;;AAkBA;;AAEG;AACG,SAAU,cAAc,CAA4B,EACxD,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,eAAe,EAAE,YAAY,EACN,EAAA;AACvB,IAAA,QACEA,cAAC,CAAAC,iCAAc,EACE,EAAA,eAAA,EAAA,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EAAA,CAAmB,EAC/B;AACJ;;;;"}