npm - @oracle/oraclejet-preact - Versions diffs - 20.0.0 → 20.0.2 - Mend

@oracle/oraclejet-preact 20.0.0 → 20.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (262) hide show

package/cjs/UNSAFE_RichSelectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n DisabledType &\n Pick<RichSelectionMediaItemProps, 'layout'> & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n };\n\nconst ThumbnailXL = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n layout,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const thumbnailClass = classNames([\n layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n isDisabled && styles.mediaDisabledOpacity\n ]);\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId,\n isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n let mediumMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n );\n mediumMediaItem = isDisabled ? (\n <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else {\n mediumMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n }\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n isDisabled,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n let smallMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n smallMediaItem = isDisabled ? (\n <span className={mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n const classes = classNames([\n iconClass,\n iconWrapper,\n isDisabled ? iconDisabledColor : iconEnabledColor\n ]);\n smallMediaItem = <div class={classes} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n isDisabled,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getRadioSelectionText } from '#UNSAFE_RadioItem/RadioItem';\n\n/*\n Selective Element Props Type.\n /\ntype RichSelectionControlProps = {\n ariaLabel?: string; // JET-72374: The ariaLabel for RichSelection options is only used for creating the readonly text.\n value: string \| number;\n inputRef?: RefObject<HTMLInputElement>;\n inputReadonlyRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n ariaLabel,\n value,\n inputRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit, setFocusIndex } = useRadioSetContext();\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /\n When focused the view should have the respective RichSelectionItem.\n /\n useEffect(() => {\n const isActiveElement = document.activeElement === inputRef?.current;\n if (!isActiveElement && isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [inputRef, isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) \|\| isSelected) ? 0 : -1;\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const readonlyLabel = `${ariaLabel} ${translations.formControl_readOnly()} ${getRadioSelectionText(\n translations,\n !!isSelected\n )}`;\n\n const hiddenInput = (\n <HiddenAccessible>\n {isReadonly ? (\n <div\n aria-describedby={describedBy}\n data-checked={isSelected}\n ref={inputRef}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={(event) => {\n setFocusIndex?.(index);\n onFocus?.(event);\n }}>\n {readonlyLabel}\n </div>\n ) : (\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputRef}\n />\n )}\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n ariaLabel,\n value,\n inputRef,\n inputReadonlyRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const { isTabbable } = useTabbableMode();\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n // JET-72374: We can't use the label content on its own for readonly because we also need to provide the state of the checkbox.\n const readonlyLabel = `${ariaLabel} ${translations.formControl_readOnly()} ${\n isSelected ? translations.checkbox_selected() : translations.checkbox_unselected()\n }`;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <div\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputReadonlyRef}\n tabIndex={isTabbable ? 0 : -1}>\n {readonlyLabel}\n </div>\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n {...(isReadonly ? { 'aria-label': readonlyLabel } : { 'aria-labelledby': labelledBy })}\n />\n </span>\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\n\ntype RichSelectionItemProps<V extends string \| number> = RichSelectionItemData<V> &\n TestIdProps & {\n /\n Specifies if the card is read-only.\n /\n isReadonly?: boolean;\n };\n\nconst onMouseDown = (event: Event) => {\n // Prevent focus from going to the body when the user clicks something within\n // the card that is not focusable. This is important because we are detecting\n // focus loss on the core pack side and showing hidden messages.\n event.preventDefault();\n};\n\n/\n `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string \| number>({\n avatar,\n iconClass,\n isReadonly: propsIsReadonly,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputReadonlyRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit, setFocusIndex } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n const { index } = useRadioItemContext();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly \|\| isFormReadonly \|\| propsIsReadonly;\n const isEnabled = !isDisabled && !isReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar \|\| !!thumbnailSrc \|\| !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n const {\n isFocused: isFocus,\n focusProps: { onFocusIn, onFocusOut },\n methods\n } = useFocusableTextField({\n enabledElementRef: inputRef,\n readonlyElementRef: inputReadonlyRef,\n isReadonly,\n isDisabled\n });\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' \| 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' \| 'md' \| 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n isDisabled={isDisabled}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n ariaLabel={label}\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n ) : (\n <CheckboxControl\n ariaLabel={label}\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n // If the value is already selected, remove it; otherwise, add it\n if (newGroupValue.has(value)) {\n newGroupValue.delete(value);\n } else {\n newGroupValue.add(value);\n }\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, value, methods, onRadioCommit]);\n\n // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n const startData = useMemo(\n () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n [hasMedia, secondaryText]\n );\n const richSelectionStartContext = useRichSelectionStartContext();\n if (richSelectionStartContext?.isFirst) {\n richSelectionStartContext?.setStartData?.(startData);\n }\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: !isEnabled\n });\n\n // This is used to apply focus to the card while in readonly mode\n const onReadonlyClickHandler = useCallback(() => {\n // focus if radio\n inputRef?.current?.focus();\n setFocusIndex?.(index);\n\n // focus if checkbox\n inputReadonlyRef?.current?.focus();\n }, [index, setFocusIndex]);\n\n return (\n <StyledCard\n cursor={isEnabled ? 'pointer' : 'arrow'}\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={!isEnabled}\n isFocusWithin={isFocus}\n isReadonly={isReadonly}\n isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n onMouseDown={onMouseDown}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...(isReadonly ? { onClick: onReadonlyClickHandler } : pressProps)}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n {textContent}\n </Flex>\n ) : (\n <div\n className={classNames([\n styles.densityWrapper,\n // if the item has a sm/md layout, without media or secondary text,\n // we need to set the min height of the card to match the start label\n !isLayoutXL &&\n !hasMedia &&\n !secondaryText &&\n richSelectionStartContext !== null &&\n styles.startMinHeight\n ])}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["_jsx","TruncatingText","classNames","styles","_jsxs","useTestId","AspectRatio","Avatar","Center","View","useRadioSetContext","CheckIcon","RadioOffIcon","RadioOnIcon","useRef","useInteractionStyle","useCallback","useEffect","radioDisabledColor","radioDefaultColor","useComponentTheme","RadioIconRedwoodTheme","useTabbableMode","useRadioItemContext","useTranslationBundle","getRadioSelectionText","HiddenAccessible","radioIconVars","useCheckboxSetContext","StyledCheckbox","useFormContext","useRichSelectionContext","useFormFieldContext","useId","useFocusableTextField","Flex","useMemo","useRichSelectionStartContext","usePress","StyledCard"],"mappings":"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"}
1	+ {"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n DisabledType &\n Pick<RichSelectionMediaItemProps, 'layout'> & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n };\n\nconst ThumbnailXL = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({\n thumbnailSrc,\n mediaAccessibleLabel,\n layout,\n testId,\n isDisabled\n}: ThumbnailProps) => {\n const thumbnailClass = classNames([\n layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n isDisabled && styles.mediaDisabledOpacity\n ]);\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId,\n isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n let mediumMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n );\n mediumMediaItem = isDisabled ? (\n <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else {\n mediumMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n }\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n isDisabled,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n let smallMediaItem;\n\n if (avatar) {\n const avatarElement = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n smallMediaItem = isDisabled ? (\n <span className={mediaDisabledOpacity}>{avatarElement}</span>\n ) : (\n avatarElement\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n const classes = classNames([\n iconClass,\n iconWrapper,\n isDisabled ? iconDisabledColor : iconEnabledColor\n ]);\n smallMediaItem = <div class={classes} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n isDisabled,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n isDisabled={isDisabled}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n isDisabled={isDisabled}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getRadioSelectionText } from '#UNSAFE_RadioItem/RadioItem';\n\n/*\n Selective Element Props Type.\n /\ntype RichSelectionControlProps = {\n ariaLabel?: string; // JET-72374: The ariaLabel for RichSelection options is only used for creating the readonly text.\n value: string \| number;\n inputRef?: RefObject<HTMLInputElement>;\n inputReadonlyRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n ariaLabel,\n value,\n inputRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit, setFocusIndex } = useRadioSetContext();\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /\n When focused the view should have the respective RichSelectionItem.\n /\n useEffect(() => {\n const isActiveElement = document.activeElement === inputRef?.current;\n if (!isActiveElement && isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [inputRef, isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) \|\| isSelected) ? 0 : -1;\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const readonlyLabel = `${ariaLabel} ${translations.formControl_readOnly()} ${getRadioSelectionText(\n translations,\n !!isSelected\n )}`;\n\n const hiddenInput = (\n <HiddenAccessible>\n {isReadonly ? (\n <div\n aria-describedby={describedBy}\n data-checked={isSelected}\n ref={inputRef}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={(event) => {\n setFocusIndex?.(index);\n onFocus?.(event);\n }}>\n {readonlyLabel}\n </div>\n ) : (\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputRef}\n />\n )}\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n ariaLabel,\n value,\n inputRef,\n inputReadonlyRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const { isTabbable } = useTabbableMode();\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n // JET-72374: We can't use the label content on its own for readonly because we also need to provide the state of the checkbox.\n const readonlyLabel = `${ariaLabel} ${translations.formControl_readOnly()} ${\n isSelected ? translations.checkbox_selected() : translations.checkbox_unselected()\n }`;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <div\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputReadonlyRef}\n tabIndex={isTabbable ? 0 : -1}>\n {readonlyLabel}\n </div>\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={isReadonly ? inputReadonlyRef : inputRef}\n {...(isReadonly ? { 'aria-label': readonlyLabel } : { 'aria-labelledby': labelledBy })}\n />\n </span>\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\n\ntype RichSelectionItemProps<V extends string \| number> = RichSelectionItemData<V> &\n TestIdProps & {\n /\n Specifies if the card is read-only.\n /\n isReadonly?: boolean;\n };\n\nconst onMouseDown = (event: Event) => {\n // Prevent focus from going to the body when the user clicks something within\n // the card that is not focusable. This is important because we are detecting\n // focus loss on the core pack side and showing hidden messages.\n event.preventDefault();\n};\n\n/\n `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string \| number>({\n avatar,\n iconClass,\n isReadonly: propsIsReadonly,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputReadonlyRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit, setFocusIndex } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n const { index } = useRadioItemContext();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly \|\| isFormReadonly \|\| propsIsReadonly;\n const isEnabled = !isDisabled && !isReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar \|\| !!thumbnailSrc \|\| !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n const {\n isFocused: isFocus,\n focusProps: { onFocusIn, onFocusOut },\n methods\n } = useFocusableTextField({\n enabledElementRef: inputRef,\n readonlyElementRef: inputReadonlyRef,\n isReadonly,\n isDisabled\n });\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' \| 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' \| 'md' \| 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n isDisabled={isDisabled}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n ariaLabel={label}\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n ) : (\n <CheckboxControl\n ariaLabel={label}\n onFocus={onFocusIn}\n onBlur={onFocusOut}\n value={value}\n inputRef={inputRef}\n inputReadonlyRef={inputReadonlyRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n // If the value is already selected, remove it; otherwise, add it\n if (newGroupValue.has(value)) {\n newGroupValue.delete(value);\n } else {\n newGroupValue.add(value);\n }\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n methods.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, value, methods, onRadioCommit]);\n\n // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n const startData = useMemo(\n () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n [hasMedia, secondaryText]\n );\n const richSelectionStartContext = useRichSelectionStartContext();\n if (richSelectionStartContext?.isFirst) {\n richSelectionStartContext?.setStartData?.(startData);\n }\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: !isEnabled\n });\n\n // This is used to apply focus to the card while in readonly mode\n const onReadonlyClickHandler = useCallback(() => {\n // focus if radio\n inputRef?.current?.focus();\n setFocusIndex?.(index);\n\n // focus if checkbox\n inputReadonlyRef?.current?.focus();\n }, [index, setFocusIndex]);\n\n return (\n <StyledCard\n cursor={isEnabled ? 'pointer' : 'arrow'}\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={!isEnabled}\n isFocusWithin={isFocus}\n isReadonly={isReadonly}\n isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n onMouseDown={onMouseDown}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...(isReadonly ? { onClick: onReadonlyClickHandler } : pressProps)}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n {textContent}\n </Flex>\n ) : (\n <div\n className={classNames([\n styles.densityWrapper,\n // if the item has a sm/md layout, without media or secondary text,\n // we need to set the min height of the card to match the start label\n !isLayoutXL &&\n !hasMedia &&\n !secondaryText &&\n richSelectionStartContext !== null &&\n styles.startMinHeight\n ])}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["_jsx","TruncatingText","classNames","styles","_jsxs","useTestId","AspectRatio","Avatar","Center","View","useRadioSetContext","CheckIcon","RadioOffIcon","RadioOnIcon","useRef","useInteractionStyle","useCallback","useEffect","radioDisabledColor","radioDefaultColor","useComponentTheme","RadioIconRedwoodTheme","useTabbableMode","useRadioItemContext","useTranslationBundle","getRadioSelectionText","HiddenAccessible","radioIconVars","useCheckboxSetContext","StyledCheckbox","useFormContext","useRichSelectionContext","useFormFieldContext","useId","useFocusableTextField","Flex","useMemo","useRichSelectionStartContext","usePress","StyledCard"],"mappings":"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"}

package/cjs/UNSAFE_ScatterChart.js CHANGED Viewed

@@ -12,7 +12,7 @@ var colorUtils = require('./colorUtils-b2204778.js');
 require('./accUtils-4a359187.js');
 var ReferenceLineArea = require('./ReferenceLineArea-7bc34276.js');
 var compat = require('preact/compat');
-var Chart = require('./Chart-13a198f3.js');
+var Chart = require('./Chart-966da017.js');
 require('./themeContract.css-f3d431c6.js');
 require('./utils-c0efcd5e.js');
 require('./colorUtils-01f3caa2.js');
@@ -77,6 +77,9 @@ require('./mergeProps-e3da7237.js');
 require('./useChartNav-c69c817e.js');
 require('./layoutUtils-af53a104.js');
 require('./useVisHover-ad36112d.js');
+require('./ScrollBar-76e58249.js');
+require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
 require('./useSelectDrill-0b4b47ec.js');
 require('./useChartDataCursor-67f7cc75.js');
 require('./hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js');
@@ -283,9 +286,6 @@ require('./OverviewSlidingWindow-0f5f00a3.js');
 require('./PRIVATE_VisOverview/themes/VisOverview.css.js');
 require('./DragH-ac9f879f.js');
-require('./ScrollBar-76e58249.js');
-require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
 /**
  * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.

package/cjs/UNSAFE_SelectMultiple.js CHANGED Viewed

@@ -54,8 +54,8 @@ var useFocusableTextField = require('./useFocusableTextField-2c36840d.js');
 var useLoadingIndicatorTimer = require('./useLoadingIndicatorTimer-128b4b14.js');
 var useTextField = require('./useTextField-6ecf97b7.js');
 var Separator = require('./Separator-85962472.js');
-var SelectMobileFieldInput = require('./SelectMobileFieldInput-111a95a5.js');
-var useSelectCommon = require('./useSelectCommon-b0d7feb3.js');
+var SelectMobileFieldInput = require('./SelectMobileFieldInput-cbf57541.js');
+var useSelectCommon = require('./useSelectCommon-27afecfa.js');
 require('./useAccessibleContext-c49d8d1b.js');
 var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
 require('./textAlign-f41f49db.js');

package/cjs/UNSAFE_SelectSingle.js CHANGED Viewed

@@ -54,9 +54,9 @@ var useFocusableTextField = require('./useFocusableTextField-2c36840d.js');
 var useLoadingIndicatorTimer = require('./useLoadingIndicatorTimer-128b4b14.js');
 var useTextField = require('./useTextField-6ecf97b7.js');
 var Separator = require('./Separator-85962472.js');
-var SelectMobileFieldInput = require('./SelectMobileFieldInput-111a95a5.js');
-var useSelectCommon = require('./useSelectCommon-b0d7feb3.js');
-var useDisplayValue = require('./useDisplayValue-60dbe1c3.js');
+var SelectMobileFieldInput = require('./SelectMobileFieldInput-cbf57541.js');
+var useSelectCommon = require('./useSelectCommon-27afecfa.js');
+var useDisplayValue = require('./useDisplayValue-4ace417c.js');
 var View = require('./View-ed116d78.js');
 var useEffectEvent = require('./useEffectEvent-832ffba5.js');
 var mergeProps = require('./mergeProps-e3da7237.js');

package/cjs/UNSAFE_TabBar.js CHANGED Viewed

@@ -4,10 +4,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var TabBar = require('./TabBar-27ae2c21.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-2c967a89.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-abcd2327.js');
 var TabBarLayout = require('./TabBarLayout-ca8af14b.js');
 var useProgressiveTruncation = require('./useProgressiveTruncation-a153ed7e.js');
-var TabBarLinkItem = require('./TabBarLinkItem-42785eb3.js');
+var TabBarLinkItem = require('./TabBarLinkItem-b0c4b100.js');
 require('preact/jsx-runtime');
 require('./HiddenAccessible-087eb49a.js');

package/cjs/UNSAFE_TabBarCommon.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var OverflowTabBarItem = require('./OverflowTabBarItem-2c967a89.js');
-var TabBarLinkItem = require('./TabBarLinkItem-42785eb3.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-abcd2327.js');
+var TabBarLinkItem = require('./TabBarLinkItem-b0c4b100.js');
 var TabBarLayout = require('./TabBarLayout-ca8af14b.js');
 var useProgressiveTruncation = require('./useProgressiveTruncation-a153ed7e.js');
 require('preact/jsx-runtime');
@@ -188,6 +188,8 @@ require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.
 require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
 require('./UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js');
+require('./HiddenAccessible-087eb49a.js');
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
 require('./NavigationListItem-3b9eb0fb.js');
@@ -203,8 +205,6 @@ require('./Check-1272bb86.js');
 require('./CheckboxOff-a3ed334d.js');
 require('./CheckboxOn-b5dda28b.js');
 require('./CheckboxMixed-a17c8298.js');
-require('./HiddenAccessible-087eb49a.js');
 require('./UNSAFE_Checkbox/themes/CheckboxIconContract.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme.js');
 require('./UNSAFE_Checkbox/themes/CheckboxIconStyles.css.js');

package/cjs/UNSAFE_TabBarMixed.js CHANGED Viewed

@@ -30,6 +30,7 @@ var mergeProps = require('./mergeProps-e3da7237.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 require('./tooltipUtils-2bc15136.js');
+var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 require('./BaseButton-d8f96bfa.js');
 require('./ButtonLabelLayout-c876923f.js');
 require('./Floating-79cbe5ad.js');
@@ -44,12 +45,12 @@ var clientUtils = require('./clientUtils-ef5e20ce.js');
 var UNSAFE_TabBarMixed_themes_TabBarMixedStyles_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js');
 var useTabBar = require('./useTabBar-35b73d10.js');
 var LiveRegion = require('./LiveRegion-62ce9ac7.js');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 var TabBarContextMenu = require('./TabBarContextMenu-d9bf65c2.js');
 var ConveyorBeltFocusContext = require('./ConveyorBeltFocusContext-0e08d043.js');
 var View = require('./View-ed116d78.js');
 var UNSAFE_TabBarMixed_themes_TabBarMixedSeparator_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-2c967a89.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-abcd2327.js');
 require('./index-0aa99b92.js');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
@@ -190,7 +191,6 @@ require('./ReorderableContext-16396e17.js');
 require('./useContextMenuGesture-530ef8dd.js');
 require('./textSelectionUtils-57082239.js');
 require('./SelectMenuGroupContext-a349d259.js');
 require('./Dropdown-1ba432a8.js');
 require('./usePopupAnimation-f3b34413.js');

package/cjs/{YearsGridView-b56f7f42.js → YearsGridView-d0d4e8e1.js} RENAMED Viewed

@@ -3,7 +3,7 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var Grid = require('./Grid-cef20569.js');
-var StyledDatePickerButton = require('./StyledDatePickerButton-cf4e4dc0.js');
+var StyledDatePickerButton = require('./StyledDatePickerButton-becd2a7d.js');
 var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
 var useUser = require('./useUser-1295b5cb.js');
 require('./getFormatParse-b70abd1a.js');
@@ -187,4 +187,4 @@ const YearsGridView = ({ currentYear, focusableYear, isFocused = false, selected
 exports.MonthsGridView = MonthsGridView;
 exports.YearsGridView = YearsGridView;
-//# sourceMappingURL=YearsGridView-b56f7f42.js.map
+//# sourceMappingURL=YearsGridView-d0d4e8e1.js.map

package/cjs/{YearsGridView-b56f7f42.js.map → YearsGridView-d0d4e8e1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"YearsGridView-b56f7f42.js","sources":["../../../../node_modules/ramda/es/internal/_isNumber.js","../../../../node_modules/ramda/es/range.js","../../src/PRIVATE_MonthYearGridView/useMonthCell.ts","../../src/PRIVATE_MonthYearGridView/MonthCell.tsx","../../src/PRIVATE_MonthYearGridView/MonthsGridView.tsx","../../src/PRIVATE_MonthYearGridView/useYearCell.ts","../../src/PRIVATE_MonthYearGridView/YearCell.tsx","../../src/PRIVATE_MonthYearGridView/YearsGridView.tsx"],"sourcesContent":["export default function _isNumber(x) {\n return Object.prototype.toString.call(x) === '[object Number]';\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _isNumber from \"./internal/_isNumber.js\";\n/*\n Returns a list of numbers from `from` (inclusive) to `to` (exclusive).\n \n @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> Number -> [Number]\n * @param {Number} from The first number in the list.\n * @param {Number} to One more than the last number in the list.\n * @return {Array} The list of numbers in the set `[a, b)`.\n * @example\n \n R.range(1, 5); //=> [1, 2, 3, 4]\n * R.range(50, 53); //=> [50, 51, 52]\n /\n\nvar range =\n/#__PURE__/\n_curry2(function range(from, to) {\n if (!(_isNumber(from) && _isNumber(to))) {\n throw new TypeError('Both arguments to range must be numbers');\n }\n\n var result = [];\n var n = from;\n\n while (n < to) {\n result.push(n);\n n += 1;\n }\n\n return result;\n});\n\nexport default range;","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getMonthName } from '#utils/PRIVATE_dayUtils';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useMemo } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseMonthCellProps = {\n /\n Specifies if this month is today's month.\n /\n isCurrent: boolean;\n\n /\n Specifies if this month should be focused first when\n * one tabs into the MonthsGridView.\n /\n isFocusable: boolean;\n\n /\n Specifies if this month is currently focused.\n /\n isFocused: boolean;\n\n /\n Specifies if this month is currently selected.\n /\n isSelected: boolean;\n\n /\n The month represented by this MonthCell.\n /\n month: IsoMonth;\n\n /\n A callback that will be invoked when a selection action is performed on this MonthCell.\n * @param payload The payload containing the month represented by this cell.\n /\n onAction: (payload: { month: IsoMonth }) => void;\n\n /\n A callback that will be invoked when a navigation action is performed on this MonthCell.\n * @param payload The payload specifying the direction of the navigation performed and the month.\n /\n onNavigation: (payload: {\n direction: 'up' \| 'next' \| 'down' \| 'previous';\n month: IsoMonth;\n }) => void;\n};\n\n/\n A custom hook that adds functionalities to the MonthCell component and computes properties for the\n * StyledDatePickerButton.\n /\nexport const useMonthCell = ({\n isCurrent,\n isFocusable,\n isFocused,\n isSelected,\n month,\n onAction,\n onNavigation\n}: UseMonthCellProps) => {\n const { locale } = useUser();\n const monthText = useMemo(\n () => ({\n short: getMonthName(locale, month, '', 'short') as string,\n long: getMonthName(locale, month, '', 'long') as string\n }),\n [locale, month]\n );\n\n // custom aria label for selected and current month\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaLabel = `${monthText.long}${\n isCurrent ? `, ${translations.datePicker_currentDate()}` : ''\n }${isSelected ? `, ${translations.datePicker_selected()}` : ''}`;\n\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowDown: 'down',\n ArrowLeft: { ltr: 'previous', rtl: 'next' },\n ArrowRight: { ltr: 'next', rtl: 'previous' },\n ArrowUp: 'up'\n },\n payload: { month },\n onAction,\n onNavigation\n });\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n isActivable: true,\n label: monthText.short,\n isHoverable: true,\n isSelected,\n isToday: isCurrent,\n variant: 'month' as const,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseMonthCellProps, useMonthCell } from './useMonthCell';\n\ntype PickedUseMonthCellProps = Pick<\n UseMonthCellProps,\n 'isCurrent' \| 'isFocusable' \| 'isFocused' \| 'isSelected' \| 'month' \| 'onAction' \| 'onNavigation'\n>;\ntype Props = PickedUseMonthCellProps;\n\n/\n This component renders the individual month cell in the MonthsGridView.\n /\nexport const MonthCell = (props: Props) => {\n const { buttonProps } = useMonthCell(props);\n return <StyledDatePickerButton {...buttonProps} />;\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { MonthCell } from './MonthCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\nconst MONTHS = range(1, 13) as IsoMonth[];\n\ntype PickedMonthCellProps = Pick<ComponentProps<typeof MonthCell>, 'onAction' \| 'onNavigation'>;\ntype Props = PickedMonthCellProps &\n TestIdProps & {\n /\n Specifies the current month determined from the today's date.\n /\n currentMonth?: IsoMonth;\n\n /\n Specifies which month cell should be focused first when tabbing\n * into the MonthsGridView.\n /\n focusableMonth: IsoMonth;\n\n /\n Specifies if the focusableMonth month cell is currently focused.\n * @default false\n /\n isFocused?: boolean;\n\n /\n Specifies which month cell is currently selected.\n /\n selectedMonth?: IsoMonth;\n };\n\n/\n This component renders the Months Grid View for the DatePicker component.\n /\nexport const MonthsGridView = ({\n currentMonth,\n focusableMonth,\n isFocused = false,\n selectedMonth,\n testId,\n onAction,\n onNavigation\n}: Props) => {\n // Lay out the Months in a 3-row grid.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const monthsAriaLabel = translations.datePicker_months();\n\n return (\n <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={monthsAriaLabel}>\n {[0, 1, 2].map((rowIndex) => (\n <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n {[0, 1, 2, 3].map((cellIndex) => {\n const month = MONTHS[rowIndex 4 + cellIndex];\n return (\n <div role=\"gridcell\">\n <MonthCell\n key={`${month}`}\n month={month}\n isCurrent={month === currentMonth}\n isFocusable={month === focusableMonth}\n isFocused={month === focusableMonth && isFocused}\n isSelected={month === selectedMonth}\n onAction={onAction}\n onNavigation={onNavigation}\n />\n </div>\n );\n })}\n </Grid>\n ))}\n </Grid>\n );\n};\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getNumericFormattedYear } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseYearCellProps = {\n /\n Specifies if this year is today's year.\n /\n isCurrent: boolean;\n\n /\n Specifies if this year should be focused first when one\n * tabs into the YearsGridView.\n /\n isFocusable: boolean;\n\n /\n Specifies if this year is currently focused.\n /\n isFocused: boolean;\n\n /\n Specifies if this year is currently selected.\n /\n isSelected: boolean;\n\n /\n The year represented by this YearCell.\n /\n year: number;\n\n /\n A callback that will be invoked when a selection action is performed on this YearCell.\n * @param payload The payload containing the year represented by this cell.\n /\n onAction: (payload: { year: number }) => void;\n\n /\n A callback that will be invoked when a navigation action is performed on this YearCell.\n * @param payload The payload specifying the direction of the navigation performed and the year.\n /\n onNavigation: (payload: {\n direction: 'up' \| 'next' \| 'down' \| 'previous' \| 'previousDecade' \| 'nextDecade';\n year: number;\n }) => void;\n};\n\n/\n A custom hook that adds functionalities to the YearCell component and computes properties for the\n * StyledDatePickerButton.\n /\nexport const useYearCell = ({\n isCurrent,\n isFocusable,\n isFocused,\n isSelected,\n year,\n onAction,\n onNavigation\n}: UseYearCellProps) => {\n const { locale } = useUser();\n const yearText = getNumericFormattedYear(locale, year, 1);\n // custom aria label for selected and current year\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaLabel = `${yearText}${isCurrent ? `, ${translations.datePicker_currentDate()}` : ''}${\n isSelected ? `, ${translations.datePicker_selected()}` : ''\n }`;\n\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowDown: 'down',\n ArrowLeft: { ltr: 'previous', rtl: 'next' },\n ArrowRight: { ltr: 'next', rtl: 'previous' },\n ArrowUp: 'up',\n PageDown: 'previousDecade',\n PageUp: 'nextDecade'\n },\n payload: { year },\n onAction,\n onNavigation\n });\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n isActivable: true,\n label: yearText,\n isHoverable: true,\n isSelected,\n isToday: isCurrent,\n variant: 'year' as const,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseYearCellProps, useYearCell } from './useYearCell';\n\ntype PickedUseYearCellProps = Pick<\n UseYearCellProps,\n 'isCurrent' \| 'isFocusable' \| 'isFocused' \| 'isSelected' \| 'year' \| 'onAction' \| 'onNavigation'\n>;\ntype Props = PickedUseYearCellProps;\n\n/\n This component renders the individual year cell in the YearsGridView.\n /\nexport const YearCell = (props: Props) => {\n const { buttonProps } = useYearCell(props);\n return <StyledDatePickerButton {...buttonProps} />;\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { getClosestDecade } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { YearCell } from './YearCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\n/\n Represents the total number of years rendered in the view\n /\nconst NUM_YEARS_IN_GRID = 11;\n\ntype PickedYearCellProps = Pick<ComponentProps<typeof YearCell>, 'onAction' \| 'onNavigation'>;\ntype Props = PickedYearCellProps &\n TestIdProps & {\n /\n Specifies the current year determined from the today's date.\n /\n currentYear?: number;\n\n /\n Specifies which year cell should be focused first when tabbing\n * into the YearsGridView.\n /\n focusableYear: number;\n\n /\n Specifies if the focusableYear year cell is currently focused.\n * @default false\n /\n isFocused?: boolean;\n\n /\n Specifies which year is currently selected.\n /\n selectedYear?: number;\n };\n\n/\n This component renders the Years Grid View for the DatePicker component.\n /\nexport const YearsGridView = ({\n currentYear,\n focusableYear,\n isFocused = false,\n selectedYear,\n testId,\n onAction,\n onNavigation\n}: Props) => {\n const decade = getClosestDecade(focusableYear);\n // Lay out the 11 Years in a 3-row grid.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const yearsAriaLabel = translations.datePicker_years();\n\n return (\n <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={yearsAriaLabel}>\n {[0, 1, 2].map((rowIndex) => (\n <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n {range(rowIndex 4, rowIndex * 4 + 4).map((index) => {\n const year = decade + index;\n if (year < decade + NUM_YEARS_IN_GRID) {\n return (\n <div role=\"gridcell\">\n <YearCell\n key={`${year}`}\n year={year}\n isCurrent={year === currentYear}\n isFocusable={year === focusableYear}\n isFocused={year === focusableYear && isFocused}\n isSelected={year === selectedYear}\n onAction={onAction}\n onNavigation={onNavigation}\n />\n </div>\n );\n }\n return null;\n })}\n </Grid>\n ))}\n </Grid>\n );\n};\n"],"names":["_curry2","useUser","useMemo","getMonthName","useTranslationBundle","useFocusableCell","useCellNavigation","_jsx","StyledDatePickerButton","range","Grid","getNumericFormattedYear","getClosestDecade"],"mappings":"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"}
1	+ {"version":3,"file":"YearsGridView-d0d4e8e1.js","sources":["../../../../node_modules/ramda/es/internal/_isNumber.js","../../../../node_modules/ramda/es/range.js","../../src/PRIVATE_MonthYearGridView/useMonthCell.ts","../../src/PRIVATE_MonthYearGridView/MonthCell.tsx","../../src/PRIVATE_MonthYearGridView/MonthsGridView.tsx","../../src/PRIVATE_MonthYearGridView/useYearCell.ts","../../src/PRIVATE_MonthYearGridView/YearCell.tsx","../../src/PRIVATE_MonthYearGridView/YearsGridView.tsx"],"sourcesContent":["export default function _isNumber(x) {\n return Object.prototype.toString.call(x) === '[object Number]';\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _isNumber from \"./internal/_isNumber.js\";\n/*\n Returns a list of numbers from `from` (inclusive) to `to` (exclusive).\n \n @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> Number -> [Number]\n * @param {Number} from The first number in the list.\n * @param {Number} to One more than the last number in the list.\n * @return {Array} The list of numbers in the set `[a, b)`.\n * @example\n \n R.range(1, 5); //=> [1, 2, 3, 4]\n * R.range(50, 53); //=> [50, 51, 52]\n /\n\nvar range =\n/#__PURE__/\n_curry2(function range(from, to) {\n if (!(_isNumber(from) && _isNumber(to))) {\n throw new TypeError('Both arguments to range must be numbers');\n }\n\n var result = [];\n var n = from;\n\n while (n < to) {\n result.push(n);\n n += 1;\n }\n\n return result;\n});\n\nexport default range;","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getMonthName } from '#utils/PRIVATE_dayUtils';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useMemo } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseMonthCellProps = {\n /\n Specifies if this month is today's month.\n /\n isCurrent: boolean;\n\n /\n Specifies if this month should be focused first when\n * one tabs into the MonthsGridView.\n /\n isFocusable: boolean;\n\n /\n Specifies if this month is currently focused.\n /\n isFocused: boolean;\n\n /\n Specifies if this month is currently selected.\n /\n isSelected: boolean;\n\n /\n The month represented by this MonthCell.\n /\n month: IsoMonth;\n\n /\n A callback that will be invoked when a selection action is performed on this MonthCell.\n * @param payload The payload containing the month represented by this cell.\n /\n onAction: (payload: { month: IsoMonth }) => void;\n\n /\n A callback that will be invoked when a navigation action is performed on this MonthCell.\n * @param payload The payload specifying the direction of the navigation performed and the month.\n /\n onNavigation: (payload: {\n direction: 'up' \| 'next' \| 'down' \| 'previous';\n month: IsoMonth;\n }) => void;\n};\n\n/\n A custom hook that adds functionalities to the MonthCell component and computes properties for the\n * StyledDatePickerButton.\n /\nexport const useMonthCell = ({\n isCurrent,\n isFocusable,\n isFocused,\n isSelected,\n month,\n onAction,\n onNavigation\n}: UseMonthCellProps) => {\n const { locale } = useUser();\n const monthText = useMemo(\n () => ({\n short: getMonthName(locale, month, '', 'short') as string,\n long: getMonthName(locale, month, '', 'long') as string\n }),\n [locale, month]\n );\n\n // custom aria label for selected and current month\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaLabel = `${monthText.long}${\n isCurrent ? `, ${translations.datePicker_currentDate()}` : ''\n }${isSelected ? `, ${translations.datePicker_selected()}` : ''}`;\n\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowDown: 'down',\n ArrowLeft: { ltr: 'previous', rtl: 'next' },\n ArrowRight: { ltr: 'next', rtl: 'previous' },\n ArrowUp: 'up'\n },\n payload: { month },\n onAction,\n onNavigation\n });\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n isActivable: true,\n label: monthText.short,\n isHoverable: true,\n isSelected,\n isToday: isCurrent,\n variant: 'month' as const,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseMonthCellProps, useMonthCell } from './useMonthCell';\n\ntype PickedUseMonthCellProps = Pick<\n UseMonthCellProps,\n 'isCurrent' \| 'isFocusable' \| 'isFocused' \| 'isSelected' \| 'month' \| 'onAction' \| 'onNavigation'\n>;\ntype Props = PickedUseMonthCellProps;\n\n/\n This component renders the individual month cell in the MonthsGridView.\n /\nexport const MonthCell = (props: Props) => {\n const { buttonProps } = useMonthCell(props);\n return <StyledDatePickerButton {...buttonProps} />;\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { MonthCell } from './MonthCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\nconst MONTHS = range(1, 13) as IsoMonth[];\n\ntype PickedMonthCellProps = Pick<ComponentProps<typeof MonthCell>, 'onAction' \| 'onNavigation'>;\ntype Props = PickedMonthCellProps &\n TestIdProps & {\n /\n Specifies the current month determined from the today's date.\n /\n currentMonth?: IsoMonth;\n\n /\n Specifies which month cell should be focused first when tabbing\n * into the MonthsGridView.\n /\n focusableMonth: IsoMonth;\n\n /\n Specifies if the focusableMonth month cell is currently focused.\n * @default false\n /\n isFocused?: boolean;\n\n /\n Specifies which month cell is currently selected.\n /\n selectedMonth?: IsoMonth;\n };\n\n/\n This component renders the Months Grid View for the DatePicker component.\n /\nexport const MonthsGridView = ({\n currentMonth,\n focusableMonth,\n isFocused = false,\n selectedMonth,\n testId,\n onAction,\n onNavigation\n}: Props) => {\n // Lay out the Months in a 3-row grid.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const monthsAriaLabel = translations.datePicker_months();\n\n return (\n <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={monthsAriaLabel}>\n {[0, 1, 2].map((rowIndex) => (\n <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n {[0, 1, 2, 3].map((cellIndex) => {\n const month = MONTHS[rowIndex 4 + cellIndex];\n return (\n <div role=\"gridcell\">\n <MonthCell\n key={`${month}`}\n month={month}\n isCurrent={month === currentMonth}\n isFocusable={month === focusableMonth}\n isFocused={month === focusableMonth && isFocused}\n isSelected={month === selectedMonth}\n onAction={onAction}\n onNavigation={onNavigation}\n />\n </div>\n );\n })}\n </Grid>\n ))}\n </Grid>\n );\n};\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getNumericFormattedYear } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseYearCellProps = {\n /\n Specifies if this year is today's year.\n /\n isCurrent: boolean;\n\n /\n Specifies if this year should be focused first when one\n * tabs into the YearsGridView.\n /\n isFocusable: boolean;\n\n /\n Specifies if this year is currently focused.\n /\n isFocused: boolean;\n\n /\n Specifies if this year is currently selected.\n /\n isSelected: boolean;\n\n /\n The year represented by this YearCell.\n /\n year: number;\n\n /\n A callback that will be invoked when a selection action is performed on this YearCell.\n * @param payload The payload containing the year represented by this cell.\n /\n onAction: (payload: { year: number }) => void;\n\n /\n A callback that will be invoked when a navigation action is performed on this YearCell.\n * @param payload The payload specifying the direction of the navigation performed and the year.\n /\n onNavigation: (payload: {\n direction: 'up' \| 'next' \| 'down' \| 'previous' \| 'previousDecade' \| 'nextDecade';\n year: number;\n }) => void;\n};\n\n/\n A custom hook that adds functionalities to the YearCell component and computes properties for the\n * StyledDatePickerButton.\n /\nexport const useYearCell = ({\n isCurrent,\n isFocusable,\n isFocused,\n isSelected,\n year,\n onAction,\n onNavigation\n}: UseYearCellProps) => {\n const { locale } = useUser();\n const yearText = getNumericFormattedYear(locale, year, 1);\n // custom aria label for selected and current year\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaLabel = `${yearText}${isCurrent ? `, ${translations.datePicker_currentDate()}` : ''}${\n isSelected ? `, ${translations.datePicker_selected()}` : ''\n }`;\n\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowDown: 'down',\n ArrowLeft: { ltr: 'previous', rtl: 'next' },\n ArrowRight: { ltr: 'next', rtl: 'previous' },\n ArrowUp: 'up',\n PageDown: 'previousDecade',\n PageUp: 'nextDecade'\n },\n payload: { year },\n onAction,\n onNavigation\n });\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n isActivable: true,\n label: yearText,\n isHoverable: true,\n isSelected,\n isToday: isCurrent,\n variant: 'year' as const,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseYearCellProps, useYearCell } from './useYearCell';\n\ntype PickedUseYearCellProps = Pick<\n UseYearCellProps,\n 'isCurrent' \| 'isFocusable' \| 'isFocused' \| 'isSelected' \| 'year' \| 'onAction' \| 'onNavigation'\n>;\ntype Props = PickedUseYearCellProps;\n\n/\n This component renders the individual year cell in the YearsGridView.\n /\nexport const YearCell = (props: Props) => {\n const { buttonProps } = useYearCell(props);\n return <StyledDatePickerButton {...buttonProps} />;\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { getClosestDecade } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { YearCell } from './YearCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\n/\n Represents the total number of years rendered in the view\n /\nconst NUM_YEARS_IN_GRID = 11;\n\ntype PickedYearCellProps = Pick<ComponentProps<typeof YearCell>, 'onAction' \| 'onNavigation'>;\ntype Props = PickedYearCellProps &\n TestIdProps & {\n /\n Specifies the current year determined from the today's date.\n /\n currentYear?: number;\n\n /\n Specifies which year cell should be focused first when tabbing\n * into the YearsGridView.\n /\n focusableYear: number;\n\n /\n Specifies if the focusableYear year cell is currently focused.\n * @default false\n /\n isFocused?: boolean;\n\n /\n Specifies which year is currently selected.\n /\n selectedYear?: number;\n };\n\n/\n This component renders the Years Grid View for the DatePicker component.\n /\nexport const YearsGridView = ({\n currentYear,\n focusableYear,\n isFocused = false,\n selectedYear,\n testId,\n onAction,\n onNavigation\n}: Props) => {\n const decade = getClosestDecade(focusableYear);\n // Lay out the 11 Years in a 3-row grid.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const yearsAriaLabel = translations.datePicker_years();\n\n return (\n <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={yearsAriaLabel}>\n {[0, 1, 2].map((rowIndex) => (\n <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n {range(rowIndex 4, rowIndex * 4 + 4).map((index) => {\n const year = decade + index;\n if (year < decade + NUM_YEARS_IN_GRID) {\n return (\n <div role=\"gridcell\">\n <YearCell\n key={`${year}`}\n year={year}\n isCurrent={year === currentYear}\n isFocusable={year === focusableYear}\n isFocused={year === focusableYear && isFocused}\n isSelected={year === selectedYear}\n onAction={onAction}\n onNavigation={onNavigation}\n />\n </div>\n );\n }\n return null;\n })}\n </Grid>\n ))}\n </Grid>\n );\n};\n"],"names":["_curry2","useUser","useMemo","getMonthName","useTranslationBundle","useFocusableCell","useCellNavigation","_jsx","StyledDatePickerButton","range","Grid","getNumericFormattedYear","getClosestDecade"],"mappings":"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"}

package/cjs/{useDisplayValue-60dbe1c3.js → useDisplayValue-4ace417c.js} RENAMED Viewed

@@ -29,7 +29,7 @@ require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
 require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
-var useSelectCommon = require('./useSelectCommon-b0d7feb3.js');
+var useSelectCommon = require('./useSelectCommon-27afecfa.js');
 var LiveRegion = require('./LiveRegion-62ce9ac7.js');
@@ -79,4 +79,4 @@ function useDisplayValue(itemText, valueItem, componentName = 'SelectSingle') {
 exports.SelectSingleField = SelectSingleField;
 exports.SelectSingleFieldInput = SelectSingleFieldInput;
 exports.useDisplayValue = useDisplayValue;
-//# sourceMappingURL=useDisplayValue-60dbe1c3.js.map
+//# sourceMappingURL=useDisplayValue-4ace417c.js.map

package/cjs/{useDisplayValue-60dbe1c3.js.map → useDisplayValue-4ace417c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDisplayValue-~~60dbe1c3~~.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleField.tsx","../../src/UNSAFE_SelectSingle/SelectSingleFieldInput.tsx","../../src/UNSAFE_SelectSingle/useDisplayValue.ts"],"sourcesContent":["import { DropdownArrow } from '#PRIVATE_SelectCommon';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { CancelS } from '#UNSAFE_RedwoodIcons/CancelS';\nimport { NavLeft } from '#UNSAFE_RedwoodIcons/NavLeft';\nimport { TextField } from '#UNSAFE_TextField';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps } from 'preact';\n\ntype PickedTextFieldProps = Pick<\n ComponentProps<typeof TextField>,\n \| 'columnSpan'\n \| 'compactUserAssistance'\n \| 'contentVariant'\n \| 'endContent'\n \| 'hasZeroStartMargin'\n \| 'id'\n \| 'inlineUserAssistance'\n \| 'label'\n \| 'labelEdge'\n \| 'labelStartWidth'\n \| 'mainFieldRef'\n \| 'onBlur'\n \| 'onFocus'\n \| 'onKeyDown'\n \| 'onMouseDown'\n \| 'onMouseEnter'\n \| 'onMouseLeave'\n \| 'resize'\n \| 'rootRef'\n \| 'startContent'\n \| 'statusVariant'\n \| 'styleVariant'\n \| 'testId'\n> & {\n children: ComponentProps<typeof TextField>['mainContent'];\n};\n\ntype Props = PickedTextFieldProps & {\n hasInsideLabel?: boolean;\n isBackButtonShown?: boolean;\n isClearButtonShown?: boolean;\n isDropdownArrowShown?: boolean;\n onBackButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n onClearButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n onDropdownArrowClick?: ComponentProps<typeof DropdownArrow>['onClick'];\n};\n\nexport function SelectSingleField({\n children,\n hasInsideLabel,\n isBackButtonShown,\n isClearButtonShown,\n isDropdownArrowShown,\n onBackButtonClick,\n onClearButtonClick,\n onDropdownArrowClick,\n ...passThroughTextFieldProps\n}: Props) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const { isDisabled, isLoading } = useFormFieldContext();\n\n const startContent = isBackButtonShown ? (\n <IconButton\n aria-label={translations.selectMultiple_back()}\n size=\"xs\"\n variant=\"ghost\"\n onAction={onBackButtonClick}>\n <NavLeft />\n </IconButton>\n ) : null;\n\n const endContent = isLoading ? undefined : (\n <>\n {isClearButtonShown && (\n <IconButton\n aria-label={translations.formControl_clear()}\n size=\"sm\"\n variant=\"ghost\"\n onAction={onClearButtonClick}>\n <CancelS />\n </IconButton>\n )}\n {isDropdownArrowShown && (\n <DropdownArrow\n isDisabled={isDisabled}\n onClick={onDropdownArrowClick}\n testId={`${passThroughTextFieldProps.testId}_dropdownarrow`}\n />\n )}\n </>\n );\n\n return (\n <TextField\n startContent={startContent}\n mainContent={children}\n endContent={endContent}\n {...passThroughTextFieldProps}\n />\n );\n}\n","import { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps, Ref } from 'preact';\n\ntype PickedTextFieldInputProps = Pick<\n ComponentProps<typeof TextFieldInput>,\n \| 'aria-controls'\n \| 'aria-describedby'\n \| 'aria-expanded'\n \| 'aria-invalid'\n \| 'aria-label'\n \| 'hasEmptyLabel'\n \| 'hasInsideLabel'\n \| 'id'\n \| 'isRequired'\n \| 'onBlur'\n \| 'onFocus'\n \| 'onInput'\n \| 'onKeyDown'\n \| 'onKeyUp'\n \| 'placeholder'\n \| 'textAlign'\n \| 'variant'\n> & {\n inputRef?: Ref<HTMLInputElement>;\n};\n\ntype Props = PickedTextFieldInputProps & {\n displayValue: string;\n isAddToListShown: boolean;\n isAdvancedSearchShown: boolean;\n isUserFiltering: boolean;\n liveRegionText?: string;\n userInput?: string;\n virtualKeyboard?: 'auto' \| 'email' \| 'number' \| 'search' \| 'tel' \| 'text' \| 'url';\n};\n\nexport function SelectSingleFieldInput({\n displayValue,\n isAddToListShown,\n isAdvancedSearchShown,\n isUserFiltering,\n liveRegionText,\n userInput,\n virtualKeyboard,\n ...passThroughTextFieldInputProps\n}: Props) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const addToListAccText = translations.select_addToListAvailable();\n const advancedSearchAccText = translations.select_moreSearchOptionsAvailable();\n const combinedLiveRegionText = `${liveRegionText} ${isAddToListShown ? addToListAccText : ''} ${\n isAdvancedSearchShown ? advancedSearchAccText : ''\n }`;\n\n return (\n <>\n <TextFieldInput\n {...passThroughTextFieldInputProps}\n hasEndContent={true}\n aria-autocomplete=\"list\"\n autoComplete=\"off\"\n role=\"combobox\"\n spellcheck={false}\n type={virtualKeyboard === 'auto' ? 'search' : virtualKeyboard}\n value={isUserFiltering ? userInput : displayValue}\n />\n <LiveRegion>{combinedLiveRegionText}</LiveRegion>\n </>\n );\n}\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useMemo } from 'preact/hooks';\n\nimport { renderItemText } from '#PRIVATE_SelectCommon';\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport function useDisplayValue<K, D>(\n itemText: ItemTextType<K, D>,\n valueItem?: Item<K, D>,\n componentName: 'SelectSingle' \| 'InlineSelectSingle' = 'SelectSingle'\n): string {\n // create the text displayed in the field from the selected value\n const displayValue = useMemo(() => {\n return valueItem === undefined ? '' : renderItemText(valueItem, itemText, componentName) ?? '';\n }, [valueItem, itemText, componentName]);\n\n return displayValue;\n}\n"],"names":["useTranslationBundle","useFormFieldContext","_jsx","IconButton","NavLeft","_jsxs","_Fragment","CancelS","DropdownArrow","TextField","TextFieldInput","LiveRegion","useMemo","renderItemText"],"mappings":"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"}
1	+ {"version":3,"file":"useDisplayValue-4ace417c.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleField.tsx","../../src/UNSAFE_SelectSingle/SelectSingleFieldInput.tsx","../../src/UNSAFE_SelectSingle/useDisplayValue.ts"],"sourcesContent":["import { DropdownArrow } from '#PRIVATE_SelectCommon';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { CancelS } from '#UNSAFE_RedwoodIcons/CancelS';\nimport { NavLeft } from '#UNSAFE_RedwoodIcons/NavLeft';\nimport { TextField } from '#UNSAFE_TextField';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps } from 'preact';\n\ntype PickedTextFieldProps = Pick<\n ComponentProps<typeof TextField>,\n \| 'columnSpan'\n \| 'compactUserAssistance'\n \| 'contentVariant'\n \| 'endContent'\n \| 'hasZeroStartMargin'\n \| 'id'\n \| 'inlineUserAssistance'\n \| 'label'\n \| 'labelEdge'\n \| 'labelStartWidth'\n \| 'mainFieldRef'\n \| 'onBlur'\n \| 'onFocus'\n \| 'onKeyDown'\n \| 'onMouseDown'\n \| 'onMouseEnter'\n \| 'onMouseLeave'\n \| 'resize'\n \| 'rootRef'\n \| 'startContent'\n \| 'statusVariant'\n \| 'styleVariant'\n \| 'testId'\n> & {\n children: ComponentProps<typeof TextField>['mainContent'];\n};\n\ntype Props = PickedTextFieldProps & {\n hasInsideLabel?: boolean;\n isBackButtonShown?: boolean;\n isClearButtonShown?: boolean;\n isDropdownArrowShown?: boolean;\n onBackButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n onClearButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n onDropdownArrowClick?: ComponentProps<typeof DropdownArrow>['onClick'];\n};\n\nexport function SelectSingleField({\n children,\n hasInsideLabel,\n isBackButtonShown,\n isClearButtonShown,\n isDropdownArrowShown,\n onBackButtonClick,\n onClearButtonClick,\n onDropdownArrowClick,\n ...passThroughTextFieldProps\n}: Props) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const { isDisabled, isLoading } = useFormFieldContext();\n\n const startContent = isBackButtonShown ? (\n <IconButton\n aria-label={translations.selectMultiple_back()}\n size=\"xs\"\n variant=\"ghost\"\n onAction={onBackButtonClick}>\n <NavLeft />\n </IconButton>\n ) : null;\n\n const endContent = isLoading ? undefined : (\n <>\n {isClearButtonShown && (\n <IconButton\n aria-label={translations.formControl_clear()}\n size=\"sm\"\n variant=\"ghost\"\n onAction={onClearButtonClick}>\n <CancelS />\n </IconButton>\n )}\n {isDropdownArrowShown && (\n <DropdownArrow\n isDisabled={isDisabled}\n onClick={onDropdownArrowClick}\n testId={`${passThroughTextFieldProps.testId}_dropdownarrow`}\n />\n )}\n </>\n );\n\n return (\n <TextField\n startContent={startContent}\n mainContent={children}\n endContent={endContent}\n {...passThroughTextFieldProps}\n />\n );\n}\n","import { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps, Ref } from 'preact';\n\ntype PickedTextFieldInputProps = Pick<\n ComponentProps<typeof TextFieldInput>,\n \| 'aria-controls'\n \| 'aria-describedby'\n \| 'aria-expanded'\n \| 'aria-invalid'\n \| 'aria-label'\n \| 'hasEmptyLabel'\n \| 'hasInsideLabel'\n \| 'id'\n \| 'isRequired'\n \| 'onBlur'\n \| 'onFocus'\n \| 'onInput'\n \| 'onKeyDown'\n \| 'onKeyUp'\n \| 'placeholder'\n \| 'textAlign'\n \| 'variant'\n> & {\n inputRef?: Ref<HTMLInputElement>;\n};\n\ntype Props = PickedTextFieldInputProps & {\n displayValue: string;\n isAddToListShown: boolean;\n isAdvancedSearchShown: boolean;\n isUserFiltering: boolean;\n liveRegionText?: string;\n userInput?: string;\n virtualKeyboard?: 'auto' \| 'email' \| 'number' \| 'search' \| 'tel' \| 'text' \| 'url';\n};\n\nexport function SelectSingleFieldInput({\n displayValue,\n isAddToListShown,\n isAdvancedSearchShown,\n isUserFiltering,\n liveRegionText,\n userInput,\n virtualKeyboard,\n ...passThroughTextFieldInputProps\n}: Props) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const addToListAccText = translations.select_addToListAvailable();\n const advancedSearchAccText = translations.select_moreSearchOptionsAvailable();\n const combinedLiveRegionText = `${liveRegionText} ${isAddToListShown ? addToListAccText : ''} ${\n isAdvancedSearchShown ? advancedSearchAccText : ''\n }`;\n\n return (\n <>\n <TextFieldInput\n {...passThroughTextFieldInputProps}\n hasEndContent={true}\n aria-autocomplete=\"list\"\n autoComplete=\"off\"\n role=\"combobox\"\n spellcheck={false}\n type={virtualKeyboard === 'auto' ? 'search' : virtualKeyboard}\n value={isUserFiltering ? userInput : displayValue}\n />\n <LiveRegion>{combinedLiveRegionText}</LiveRegion>\n </>\n );\n}\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useMemo } from 'preact/hooks';\n\nimport { renderItemText } from '#PRIVATE_SelectCommon';\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport function useDisplayValue<K, D>(\n itemText: ItemTextType<K, D>,\n valueItem?: Item<K, D>,\n componentName: 'SelectSingle' \| 'InlineSelectSingle' = 'SelectSingle'\n): string {\n // create the text displayed in the field from the selected value\n const displayValue = useMemo(() => {\n return valueItem === undefined ? '' : renderItemText(valueItem, itemText, componentName) ?? '';\n }, [valueItem, itemText, componentName]);\n\n return displayValue;\n}\n"],"names":["useTranslationBundle","useFormFieldContext","_jsx","IconButton","NavLeft","_jsxs","_Fragment","CancelS","DropdownArrow","TextField","TextFieldInput","LiveRegion","useMemo","renderItemText"],"mappings":"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"}

package/cjs/{useSelectCommon-b0d7feb3.js → useSelectCommon-27afecfa.js} RENAMED Viewed

@@ -37,8 +37,13 @@ function renderItemText(item, itemText, componentName) {
     // if item-text is a string and the data has the specified field, return it;
     // otherwise log an error
     if (typeof itemText === 'string') {
-        if (Object.prototype.hasOwnProperty.call(item.data, itemText)) {
-            const retData = item.data[itemText];
+        // JET-78134: in 26C rc0 preflight, line type is not editable in PRC
+        // Some JS applications incorrectly pass {} as valueItem/value-item instead of null
+        // or leaving it unset for the empty state. Older releases already handled that misconfiguration
+        // by logging this custom error; keep that behavior and avoid throwing when item.data is missing.
+        const itemData = item.data;
+        if (itemData != null && Object.prototype.hasOwnProperty.call(itemData, itemText)) {
+            const retData = itemData[itemText];
             return String(retData);
         }
         logger.error(`${componentName}: itemText specifies field that does not exist: ${itemText}`);
@@ -499,4 +504,4 @@ exports.preventDefaultForCurrentTarget = preventDefaultForCurrentTarget;
 exports.renderItemText = renderItemText;
 exports.useCollectionRenderer = useCollectionRenderer;
 exports.useSelectCommon = useSelectCommon;
-//# sourceMappingURL=useSelectCommon-b0d7feb3.js.map
+//# sourceMappingURL=useSelectCommon-27afecfa.js.map