@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/cjs/UNSAFE_Label.js

@@ -15,7 +15,7 @@ require('./useFormContext-a794f7b6.js');
 require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');
 require('./TabbableModeContext-e99d527e.js');
-require('./LayerHost-3cd73603.js');
+require('./LayerHost-21391a0d.js');
 require('./index-0aa99b92.js');
 require('preact/compat');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
@@ -24,8 +24,8 @@ require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('./Flex-3a257bc3.js');
-require('./useTestId-4f53d561.js');
+require('./Flex-ec48072d.js');
+require('./useTestId-a8b07506.js');
 require('./boxalignment-e287d370.js');
 require('./size-1914356b.js');
 require('./utils-c0efcd5e.js');
@@ -50,8 +50,8 @@ require('./_isObject-28636267.js');
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
-require('./useTooltip-34accecc.js');
-require('./useTooltipControlled-0a95856c.js');
+require('./useTooltip-d1200aff.js');
+require('./useTooltipControlled-0dc34549.js');
 require('./useId-6c0eeb27.js');
 require('./useHover-49b0430d.js');
 require('./useToggle-3ebba7d8.js');
@@ -59,12 +59,12 @@ require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./mergeProps-e3da7237.js');
 require('./useAnimation-65c0e455.js');
-require('./useThemeInterpolations-a37b37d9.js');
-require('./useColorScheme-f8b1447d.js');
-require('./useScale-db16c2b8.js');
+require('./useThemeInterpolations-ca3ddfd9.js');
+require('./useColorScheme-852ec82e.js');
+require('./useScale-529046e3.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-0b9fd9ca.js');
+require('./useDensity-2a45f4dd.js');
 require('./unsafeDomAccess-c3a492f0.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -73,16 +73,16 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-2bc15136.js');
-require('./EnvironmentProvider-5f2435e6.js');
-require('./LayerManager-c535d963.js');
-require('./Floating-79cbe5ad.js');
-require('./useFloating-c753a7f9.js');
-require('./useUser-1295b5cb.js');
+require('./tooltipUtils-c554343d.js');
+require('./EnvironmentProvider-932667b2.js');
+require('./LayerManager-fd7f4d2f.js');
+require('./Floating-de219e52.js');
+require('./useFloating-c408d4be.js');
+require('./useUser-cc045b3e.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
-require('./useOutsideClick-dbf3d604.js');
-require('./Layer-b60deb1b.js');
+require('./useOutsideClick-5c31ee35.js');
+require('./Layer-06e11b9c.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -98,7 +98,7 @@ require('./useUnsafeDomElementRef-f22a2f0c.js');
 
 require('./clientHints-c40c5250.js');
 require('./IconButton-7503293b.js');
-require('./BaseButton-d8f96bfa.js');
+require('./BaseButton-15b86552.js');
 require('./useActive-6770f917.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
@@ -135,7 +135,7 @@ require('./MessagesContext-4e939750.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-de16d915.js');
+require('./Popup-6de390dd.js');
 require('./tabbableUtils-22a50472.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -148,8 +148,8 @@ require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 require('./Modal-b751b643.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./popupUtils-1d123cbe.js');
-require('./WindowOverlay-85d999fa.js');
+require('./popupUtils-79656e59.js');
+require('./WindowOverlay-b9595d88.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -157,13 +157,13 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-f3b34413.js');
+require('./usePopupAnimation-985e90a2.js');
 require('./useAnimationStatus-8075dc19.js');
 require('./popupAnimationUtils-dcace427.js');
-require('./LiveRegion-62ce9ac7.js');
+require('./LiveRegion-60535481.js');
 
 require('./HiddenAccessible-087eb49a.js');
-require('./useTranslationBundle-12dd087d.js');
+require('./useTranslationBundle-990e7928.js');
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
 require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
 require('./UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js');
@@ -173,7 +173,7 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 require('./colors-f3ce979a.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
-require('./CompactLabelAssistance-e910bb56.js');
+require('./CompactLabelAssistance-f7b3b814.js');
 require('./Help-dbc23ccd.js');
 require('./Icon-56789beb.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');

package/cjs/UNSAFE_LabelValueLayout.js

@@ -12,10 +12,10 @@ require('./useFormContext-a794f7b6.js');
 require('preact/hooks');
 require('./FormFieldContext-69fe83d2.js');
 require('./useFormFieldContext-4632eb73.js');
-require('./StyledLabelValueLayout-48da61b9.js');
-require('./Flex-3a257bc3.js');
-require('./useTestId-4f53d561.js');
-require('./LayerHost-3cd73603.js');
+require('./StyledLabelValueLayout-3ee66ef1.js');
+require('./Flex-ec48072d.js');
+require('./useTestId-a8b07506.js');
+require('./LayerHost-21391a0d.js');
 require('./index-0aa99b92.js');
 require('preact/compat');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');

package/cjs/UNSAFE_LabelledLink.js

@@ -17,7 +17,7 @@ require('./FormContext-d1d05967.js');
 var useFormContext = require('./useFormContext-a794f7b6.js');
 var FormFieldContext = require('./FormFieldContext-69fe83d2.js');
 require('./TabbableModeContext-e99d527e.js');
-require('./LayerHost-3cd73603.js');
+require('./LayerHost-21391a0d.js');
 var textAlign = require('./textAlign-f41f49db.js');
 
 
@@ -34,13 +34,13 @@ require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
 require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
 
-require('./Flex-3a257bc3.js');
+require('./Flex-ec48072d.js');
 
 require('./InputGroupContext-05f2a46f.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2bc15136.js');
+require('./tooltipUtils-c554343d.js');
 
 
 
@@ -60,12 +60,12 @@ require('./MessagesContext-4e939750.js');
 
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
-require('./Popup-de16d915.js');
+require('./Popup-6de390dd.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
 
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
-var View = require('./View-ed116d78.js');
+var View = require('./View-67ff7d0e.js');
 var useFormFieldContextProps = require('./useFormFieldContextProps-0fa67f6c.js');
 var useTextField = require('./useTextField-6ecf97b7.js');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
@@ -73,11 +73,11 @@ var classNames = require('./classNames-c14c6ef3.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var UNSAFE_LabelledLink_themes_redwood_LabelledLinkTheme = require('./UNSAFE_LabelledLink/themes/redwood/LabelledLinkTheme.js');
-var Link = require('./Link-cc34e4c1.js');
-var TruncatingLink = require('./TruncatingLink-867da10e.js');
+var Link = require('./Link-f8403e9f.js');
+var TruncatingLink = require('./TruncatingLink-f6a80ee5.js');
 require('./useFormFieldContext-4632eb73.js');
-require('./useTooltip-34accecc.js');
-require('./useTooltipControlled-0a95856c.js');
+require('./useTooltip-d1200aff.js');
+require('./useTooltipControlled-0dc34549.js');
 require('./useId-6c0eeb27.js');
 require('./useHover-49b0430d.js');
 require('./useToggle-3ebba7d8.js');
@@ -85,13 +85,13 @@ require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./mergeProps-e3da7237.js');
 require('./useAnimation-65c0e455.js');
-require('./useTestId-4f53d561.js');
-require('./useThemeInterpolations-a37b37d9.js');
-require('./useColorScheme-f8b1447d.js');
-require('./useScale-db16c2b8.js');
+require('./useTestId-a8b07506.js');
+require('./useThemeInterpolations-ca3ddfd9.js');
+require('./useColorScheme-852ec82e.js');
+require('./useScale-529046e3.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-0b9fd9ca.js');
+require('./useDensity-2a45f4dd.js');
 require('./unsafeDomAccess-c3a492f0.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -99,8 +99,8 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 require('./clientHints-c40c5250.js');
-require('./CompactLabelAssistance-e910bb56.js');
-require('./useTranslationBundle-12dd087d.js');
+require('./CompactLabelAssistance-f7b3b814.js');
+require('./useTranslationBundle-990e7928.js');
 require('./useTabbableMode-dbd254e8.js');
 require('./Help-dbc23ccd.js');
 require('./Icon-56789beb.js');
@@ -127,7 +127,7 @@ require('./UNSAFE_TextField/themes/TextFieldInputStyles.css.js');
 require('./UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css.js');
 
 require('./LabelValueLayout-d67109b3.js');
-require('./StyledLabelValueLayout-48da61b9.js');
+require('./StyledLabelValueLayout-3ee66ef1.js');
 require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');
 require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
 require('./formControlUtils-31d8bc55.js');
@@ -138,7 +138,7 @@ require('./UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css.js');
 
 require('./UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js');
 require('./useInputGroupContext-4c10bd57.js');
-require('./useUser-1295b5cb.js');
+require('./useUser-cc045b3e.js');
 require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js');
 require('./UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js');
 
@@ -158,14 +158,14 @@ require('./flexbox-2cae9a01.js');
 require('./flexitem-fee13e26.js');
 
 
-require('./EnvironmentProvider-5f2435e6.js');
-require('./LayerManager-c535d963.js');
-require('./Floating-79cbe5ad.js');
-require('./useFloating-c753a7f9.js');
+require('./EnvironmentProvider-932667b2.js');
+require('./LayerManager-fd7f4d2f.js');
+require('./Floating-de219e52.js');
+require('./useFloating-c408d4be.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
-require('./useOutsideClick-dbf3d604.js');
-require('./Layer-b60deb1b.js');
+require('./useOutsideClick-5c31ee35.js');
+require('./Layer-06e11b9c.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -195,7 +195,7 @@ require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
 require('./InlineHelp-2add2d34.js');
 
-require('./BaseButton-d8f96bfa.js');
+require('./BaseButton-15b86552.js');
 require('./useActive-6770f917.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
@@ -236,8 +236,8 @@ require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 require('./Modal-b751b643.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./popupUtils-1d123cbe.js');
-require('./WindowOverlay-85d999fa.js');
+require('./popupUtils-79656e59.js');
+require('./WindowOverlay-b9595d88.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -245,10 +245,10 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-f3b34413.js');
+require('./usePopupAnimation-985e90a2.js');
 require('./useAnimationStatus-8075dc19.js');
 require('./popupAnimationUtils-dcace427.js');
-require('./LiveRegion-62ce9ac7.js');
+require('./LiveRegion-60535481.js');
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
 require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
 require('./UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js');
@@ -279,6 +279,7 @@ require('./useResizeObserver-a9e97180.js');
 require('./useAddBusyState-d19ae1fa.js');
 require('./BusyStateContext-86f40d3c.js');
 require('./useBusyStateContext-362eee2a.js');
+require('./useMiddleEllipsis-792e61a9.js');
 
 const HiddenLabel = ({ children, id }) => (jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { isHidden: true, children: jsxRuntime.jsx(Label.Label, { id: id, children: children }) }));
 
@@ -331,7 +332,7 @@ function useLabelledLinkTheme({ hasInsideLabel, isFormLayout, isFormReadonly, te
  * LabelledLink component can be used to render a readonly form control field that
  * has a link for its content.
  */
-const LabelledLink = ({ 'aria-describedby': ariaDescribedBy, children, columnSpan, href, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, lineClamp, onClick: propOnClick, target, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity }) => {
+const LabelledLink = ({ 'aria-describedby': ariaDescribedBy, children, columnSpan, href, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, lineClamp, onClick: propOnClick, target, truncation = 'end', textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity }) => {
     // Consume the form context to get the default values
     const { isFormLayout, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = useFormContext.useFormContext();
     // default to FormContext values if component properties are not specified
@@ -423,7 +424,11 @@ const LabelledLink = ({ 'aria-describedby': ariaDescribedBy, children, columnSpa
         hasHiddenLabel,
         labelId: labelProps.id
     });
-    return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(StyledTextField.ReadonlyTextField, { columnSpan: columnSpan, role: "presentation", inlineUserAssistance: inlineUserAssistance, ...fieldLabelProps, mainContent: jsxRuntime.jsxs("div", { onBlur: onBlur, onFocus: onFocus, onPointerDown: onPointerDown, class: classes, ...containerAria, children: [hasHiddenLabel && jsxRuntime.jsx(HiddenLabel, { ...hiddenLabelAria, children: label }), jsxRuntime.jsx(View.View, { width: "100%", children: lineClamp ? (jsxRuntime.jsx(TruncatingLink.TruncatingLink, { lineClamp: lineClamp, href: href, target: target, onClick: onClick, ...linkAria, children: linkText })) : (jsxRuntime.jsx(Link.Link, { href: href, target: target, onClick: onClick, ...linkAria, children: linkText })) })] }) }) }));
+    //prevent link text or href truncation for mixed readonly
+    if (!isFormReadonly && isFormLayout) {
+        truncation = 'none';
+    }
+    return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(StyledTextField.ReadonlyTextField, { columnSpan: columnSpan, role: "presentation", inlineUserAssistance: inlineUserAssistance, ...fieldLabelProps, mainContent: jsxRuntime.jsxs("div", { onBlur: onBlur, onFocus: onFocus, onPointerDown: onPointerDown, class: classes, ...containerAria, children: [hasHiddenLabel && jsxRuntime.jsx(HiddenLabel, { ...hiddenLabelAria, children: label }), jsxRuntime.jsx(View.View, { width: "100%", children: lineClamp ? (jsxRuntime.jsx(TruncatingLink.TruncatingLink, { lineClamp: lineClamp, href: href, target: target, onClick: onClick, ...linkAria, children: linkText })) : truncation !== 'none' ? (jsxRuntime.jsx(TruncatingLink.TruncatingLink, { truncation: truncation, href: href, target: target, onClick: onClick, ...linkAria, children: linkText })) : (jsxRuntime.jsx(Link.Link, { href: href, target: target, onClick: onClick, ...linkAria, children: linkText })) })] }) }) }));
 };
 
 exports.LabelledLink = LabelledLink;

package/cjs/UNSAFE_LabelledLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LabelledLink.js","sources":["../../src/UNSAFE_LabelledLink/HiddenLabel.tsx","../../src/UNSAFE_LabelledLink/useLabelledLinkAria.ts","../../src/UNSAFE_LabelledLink/useLabelledLinkTheme.ts","../../src/UNSAFE_LabelledLink/LabelledLink.tsx"],"sourcesContent":["import { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { Label } from '#UNSAFE_Label/Label';\n\ntype Props = {\n  children: string;\n  id?: string;\n};\n\nexport const HiddenLabel = ({ children, id }: Props) => (\n  <HiddenAccessible isHidden>\n    <Label id={id}>{children}</Label>\n  </HiddenAccessible>\n);\n","import { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { classNames as mergeIds } from '#utils/UNSAFE_classNames';\n\ntype UseLabelledLinkAriaProps = {\n  'aria-describedby'?: string;\n  baseId: string;\n  hasEmptyLabel: boolean;\n  hasHiddenLabel: boolean;\n  labelId?: string;\n};\n\nexport function useLabelledLinkAria({\n  'aria-describedby': ariaDescribedBy,\n  baseId,\n  hasEmptyLabel,\n  hasHiddenLabel,\n  labelId: propLabelId\n}: UseLabelledLinkAriaProps) {\n  const containerId = `${baseId}--container`;\n  const labelId = propLabelId ?? `${baseId}--hidden-label`;\n\n  // JET-52089: add unsafe API for specifying an external label which is added to ariaLabelledBy on the input or div,\n  // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n  // kinds of labels, this helps to ensure we don't override a meaningful label.\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = mergeIds([\n    labelId,\n    hasEmptyLabel && hasHiddenLabel && UNSAFE_ariaLabelledBy,\n    containerId\n  ]);\n\n  return {\n    containerAria: {\n      id: containerId\n    },\n    hiddenLabelAria: hasHiddenLabel\n      ? {\n          id: labelId\n        }\n      : {},\n    linkAria: {\n      'aria-describedby': ariaDescribedBy,\n      'aria-labelledby': ariaLabelledBy\n    }\n  };\n}\n","import { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { LabelledLinkVariantOptions } from './themes/LabelledLinkStyles.css';\nimport { LabelledLinkRedwoodTheme } from './themes/redwood/LabelledLinkTheme';\n\ntype UseLabelledLinkThemeProps = {\n  hasInsideLabel?: boolean;\n  isFormLayout?: boolean;\n  isFormReadonly?: boolean;\n  textAlign?: 'start' | 'end' | 'right';\n};\n\nexport function useLabelledLinkTheme({\n  hasInsideLabel,\n  isFormLayout,\n  isFormReadonly,\n  textAlign\n}: UseLabelledLinkThemeProps) {\n  // Style interpolations for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<UseLabelledLinkThemeProps>(interpolations);\n\n  // Calculate the style interpolation classes\n  const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n  // Calculate the theme classes\n  const { classes: themeClasses } = useComponentTheme<LabelledLinkVariantOptions>(\n    LabelledLinkRedwoodTheme,\n    {\n      formLayout: isFormLayout ? 'isFormLayout' : 'notFormLayout',\n      readonlyForm: isFormReadonly ? 'isReadonlyForm' : 'notReadonlyForm',\n      insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel'\n    }\n  );\n  // merge all the classes\n  const classes = classNames([styleInterpolationClasses, themeClasses]);\n\n  return { classes };\n}\n","import { useCallback, useRef, useState } from 'preact/hooks';\nimport { detectTruncation } from '#utils/PRIVATE_truncationUtils';\nimport { Label } from '#UNSAFE_Label/Label';\nimport { ReadonlyTextField } from '#UNSAFE_TextField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { View } from '#UNSAFE_View';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { Size } from '#utils/UNSAFE_size';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { HiddenLabel } from './HiddenLabel';\nimport { useLabelledLinkAria } from './useLabelledLinkAria';\nimport { useLabelledLinkTheme } from './useLabelledLinkTheme';\nimport { TruncatingLink } from '#PRIVATE_TruncatingLink';\nimport { Link } from '#UNSAFE_Link';\n\nexport type LabelledLinkProps = {\n  /**\n   * Specifies the text that should appear in the field. If this property\n   * is not provided, then the URL provided using the `href` property\n   * will be used as the text in the field.\n   */\n  children?: string;\n\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   * @default 'inside'\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: 'start' | 'end' | 'right';\n\n  /**\n   * The component does not support any assistive text. But, this property can be used to specify\n   * whether or not the component should reserve space to be consistent with the other form components\n   * in the Form Layout. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Reserve space to prevent layout reflow.</li>\n   * <li><code>'reflow'</code>: Do not reserve space.</li>\n   * <li><code>'compact'</code>: Do not reserve space. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  /**\n   * TODO: Use picked props from TruncatingLink once it's public to replace the following props. JET-77369\n   */\n\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Truncates the link at a specific number of lines and then displays an ellipsis (…) at the end of the last line. Parent of the element needs to have a specific width so the link starts overflowing and produces a truncation.\n   */\n  lineClamp?: number;\n\n  /**\n   * Specifies id for element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string;\n};\n\n/**\n * LabelledLink component can be used to render a readonly form control field that\n * has a link for its content.\n */\nexport const LabelledLink = ({\n  'aria-describedby': ariaDescribedBy,\n  children,\n  columnSpan,\n  href,\n  label,\n  labelEdge: propLabelEdge,\n  labelStartWidth: propLabelStartWidth,\n  lineClamp,\n  onClick: propOnClick,\n  target,\n  textAlign: propTextAlign,\n  userAssistanceDensity: propUserAssistanceDensity\n}: LabelledLinkProps) => {\n  // Consume the form context to get the default values\n  const {\n    isFormLayout,\n    isReadonly: isFormReadonly,\n    labelEdge: formLabelEdge,\n    labelStartWidth: formLabelStartWidth,\n    textAlign: formTextAlign,\n    userAssistanceDensity: formUserAssistanceDensity\n  } = useFormContext();\n\n  // default to FormContext values if component properties are not specified\n  const labelEdge = propLabelEdge ?? formLabelEdge;\n  const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n  // JET-72775 - Form control alignment in tables\n  // We do not have an embedded mode, so always default to 'start' if no text align is set\n  const textAlign = propTextAlign ?? formTextAlign ?? 'start';\n  const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n  // We will use the URL as text if the link text is not provided as a child\n  const linkText = children ?? href;\n\n  // Calculate the text field related props\n  const {\n    baseId,\n    formFieldContext: textFieldFormFieldContext,\n    labelProps,\n    inputProps,\n    userAssistanceProps\n  } = useTextField({\n    ariaDescribedBy,\n    isReadonly: true,\n    labelEdge,\n    value: linkText\n  });\n\n  // Track pointer down so we know if we gained focus from keyboard or mouse.\n  const recentPointerRef = useRef<boolean>(false);\n  const pointerDownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const onPointerDown = () => {\n    recentPointerRef.current = true;\n    clearTimeout(pointerDownTimerRef.current);\n    pointerDownTimerRef.current = setTimeout(() => {\n      recentPointerRef.current = false;\n    }, 300);\n  };\n\n  // Truncated tooltips act differently for LabelledLink, so handle it here. We don't want to\n  // show the tooltip when the link is clicked (thereby focusing the field), and if the user\n  // tabbed onto the link and activated it with the keyboard, we want to close the tooltip.\n  const labelRef = labelProps['labelRef'];\n  const linkWasActivatedRef = useRef<boolean>(false);\n  const [showTruncatedTooltip, setShowTruncatedTooltip] = useState(false);\n  const onBlurWithin = useCallback(() => {\n    setShowTruncatedTooltip(false);\n  }, []);\n  const onFocusWithin = useCallback(() => {\n    // Ignore the focus event the first time we see it after the link was activated.\n    // For instance if the link was clicked and opened a new browser tab, we don't want\n    // to show the tooltip again when they return to the current tab.\n    if (linkWasActivatedRef.current) {\n      linkWasActivatedRef.current = false;\n      return;\n    }\n    // We only calculate isTruncated if focus was gained through keyboard interaction.\n    const isTruncated =\n      labelEdge === 'inside' && !recentPointerRef.current ? detectTruncation(labelRef) : false;\n    setShowTruncatedTooltip(isTruncated);\n  }, [labelEdge, labelRef]);\n  const {\n    focusProps: { onFocusIn: onFocus, onFocusOut: onBlur }\n  } = useFocusWithin({\n    isDisabled: false,\n    onBlurWithin,\n    onFocusWithin\n  });\n  const formFieldContext = useFormFieldContextProps({\n    ...textFieldFormFieldContext,\n    hasTruncatedLabel: showTruncatedTooltip\n  });\n  const onClick = useCallback(\n    (event: Event) => {\n      setShowTruncatedTooltip(false);\n      linkWasActivatedRef.current = true;\n      propOnClick?.(event);\n    },\n    [propOnClick]\n  );\n\n  // Create the label component and the fieldLabelProps\n  const labelComp = <Label {...labelProps}>{label}</Label>;\n  const fieldLabelProps = {\n    label: labelEdge !== 'none' ? labelComp : undefined,\n    labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n    labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,\n    labelText: labelEdge === 'inside' ? label : undefined\n  };\n\n  // save space for user assistance if density is 'efficient', even though we don't\n  // render user assistance for readonly fields for now.\n  const inlineUserAssistance =\n    userAssistanceDensity === 'efficient' ? (\n      <InlineUserAssistance\n        userAssistanceDensity={userAssistanceDensity}\n        {...userAssistanceProps}\n      />\n    ) : undefined;\n\n  // Get the theme classes\n  const { classes } = useLabelledLinkTheme({\n    hasInsideLabel: labelEdge === 'inside',\n    isFormLayout,\n    isFormReadonly,\n    textAlign\n  });\n\n  // Get the aria props\n  const hasEmptyLabel = label === '';\n  const hasHiddenLabel = labelEdge === 'none';\n  const { containerAria, hiddenLabelAria, linkAria } = useLabelledLinkAria({\n    'aria-describedby': inputProps['aria-describedby'],\n    baseId,\n    hasEmptyLabel,\n    hasHiddenLabel,\n    labelId: labelProps.id\n  });\n\n  return (\n    <FormFieldContext.Provider value={formFieldContext}>\n      <ReadonlyTextField\n        columnSpan={columnSpan}\n        role=\"presentation\"\n        inlineUserAssistance={inlineUserAssistance}\n        {...fieldLabelProps}\n        mainContent={\n          <div\n            onBlur={onBlur}\n            onFocus={onFocus}\n            onPointerDown={onPointerDown}\n            class={classes}\n            {...containerAria}>\n            {hasHiddenLabel && <HiddenLabel {...hiddenLabelAria}>{label}</HiddenLabel>}\n            {/**\n             * The containing div is a flexbox. So, the text-align will not work for the link\n             * content. So, we wrap the link in a 100% block. This way the text align will\n             * work as the link is now inside a block and not flexbox.\n             */}\n            <View width=\"100%\">\n              {lineClamp ? (\n                <TruncatingLink\n                  lineClamp={lineClamp}\n                  href={href}\n                  target={target}\n                  onClick={onClick}\n                  {...linkAria}>\n                  {linkText}\n                </TruncatingLink>\n              ) : (\n                <Link href={href} target={target} onClick={onClick} {...linkAria}>\n                  {linkText}\n                </Link>\n              )}\n            </View>\n          </div>\n        }\n      />\n    </FormFieldContext.Provider>\n  );\n};\n"],"names":["_jsx","HiddenAccessible","Label","useAccessibleContext","mergeIds","textAlign","textInterpolations","mergeInterpolations","useComponentTheme","LabelledLinkRedwoodTheme","classNames","useFormContext","useTextField","useRef","useState","useCallback","detectTruncation","useFocusWithin","useFormFieldContextProps","InlineUserAssistance","FormFieldContext","ReadonlyTextField","_jsxs","View","TruncatingLink","Link"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_LabelledLink.js","sources":["../../src/UNSAFE_LabelledLink/HiddenLabel.tsx","../../src/UNSAFE_LabelledLink/useLabelledLinkAria.ts","../../src/UNSAFE_LabelledLink/useLabelledLinkTheme.ts","../../src/UNSAFE_LabelledLink/LabelledLink.tsx"],"sourcesContent":["import { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { Label } from '#UNSAFE_Label/Label';\n\ntype Props = {\n  children: string;\n  id?: string;\n};\n\nexport const HiddenLabel = ({ children, id }: Props) => (\n  <HiddenAccessible isHidden>\n    <Label id={id}>{children}</Label>\n  </HiddenAccessible>\n);\n","import { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { classNames as mergeIds } from '#utils/UNSAFE_classNames';\n\ntype UseLabelledLinkAriaProps = {\n  'aria-describedby'?: string;\n  baseId: string;\n  hasEmptyLabel: boolean;\n  hasHiddenLabel: boolean;\n  labelId?: string;\n};\n\nexport function useLabelledLinkAria({\n  'aria-describedby': ariaDescribedBy,\n  baseId,\n  hasEmptyLabel,\n  hasHiddenLabel,\n  labelId: propLabelId\n}: UseLabelledLinkAriaProps) {\n  const containerId = `${baseId}--container`;\n  const labelId = propLabelId ?? `${baseId}--hidden-label`;\n\n  // JET-52089: add unsafe API for specifying an external label which is added to ariaLabelledBy on the input or div,\n  // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n  // kinds of labels, this helps to ensure we don't override a meaningful label.\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = mergeIds([\n    labelId,\n    hasEmptyLabel && hasHiddenLabel && UNSAFE_ariaLabelledBy,\n    containerId\n  ]);\n\n  return {\n    containerAria: {\n      id: containerId\n    },\n    hiddenLabelAria: hasHiddenLabel\n      ? {\n          id: labelId\n        }\n      : {},\n    linkAria: {\n      'aria-describedby': ariaDescribedBy,\n      'aria-labelledby': ariaLabelledBy\n    }\n  };\n}\n","import { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { LabelledLinkVariantOptions } from './themes/LabelledLinkStyles.css';\nimport { LabelledLinkRedwoodTheme } from './themes/redwood/LabelledLinkTheme';\n\ntype UseLabelledLinkThemeProps = {\n  hasInsideLabel?: boolean;\n  isFormLayout?: boolean;\n  isFormReadonly?: boolean;\n  textAlign?: 'start' | 'end' | 'right';\n};\n\nexport function useLabelledLinkTheme({\n  hasInsideLabel,\n  isFormLayout,\n  isFormReadonly,\n  textAlign\n}: UseLabelledLinkThemeProps) {\n  // Style interpolations for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<UseLabelledLinkThemeProps>(interpolations);\n\n  // Calculate the style interpolation classes\n  const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n  // Calculate the theme classes\n  const { classes: themeClasses } = useComponentTheme<LabelledLinkVariantOptions>(\n    LabelledLinkRedwoodTheme,\n    {\n      formLayout: isFormLayout ? 'isFormLayout' : 'notFormLayout',\n      readonlyForm: isFormReadonly ? 'isReadonlyForm' : 'notReadonlyForm',\n      insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel'\n    }\n  );\n  // merge all the classes\n  const classes = classNames([styleInterpolationClasses, themeClasses]);\n\n  return { classes };\n}\n","import { useCallback, useRef, useState } from 'preact/hooks';\nimport { detectTruncation } from '#utils/PRIVATE_truncationUtils';\nimport { Label } from '#UNSAFE_Label/Label';\nimport { ReadonlyTextField } from '#UNSAFE_TextField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { View } from '#UNSAFE_View';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { Size } from '#utils/UNSAFE_size';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { HiddenLabel } from './HiddenLabel';\nimport { useLabelledLinkAria } from './useLabelledLinkAria';\nimport { useLabelledLinkTheme } from './useLabelledLinkTheme';\nimport { TruncatingLink } from '#PRIVATE_TruncatingLink';\nimport { Link } from '#UNSAFE_Link';\n\nexport type LabelledLinkProps = {\n  /**\n   * Specifies the text that should appear in the field. If this property\n   * is not provided, then the URL provided using the `href` property\n   * will be used as the text in the field.\n   */\n  children?: string;\n\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   * @default 'inside'\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: 'start' | 'end' | 'right';\n\n  /**\n   * The component does not support any assistive text. But, this property can be used to specify\n   * whether or not the component should reserve space to be consistent with the other form components\n   * in the Form Layout. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Reserve space to prevent layout reflow.</li>\n   * <li><code>'reflow'</code>: Do not reserve space.</li>\n   * <li><code>'compact'</code>: Do not reserve space. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  /**\n   * TODO: Use picked props from TruncatingLink once it's public to replace the following props. JET-77369\n   */\n\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Truncates the link at a specific number of lines and then displays an ellipsis (…) at the end of the last line. Parent of the element needs to have a specific width so the link starts overflowing and produces a truncation.\n   */\n  lineClamp?: number;\n\n  /**\n   * Specifies id for element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Specifies how the text should be truncated when it overflows.\n   */\n  truncation?: 'end' | 'middle' | 'none';\n};\n\n/**\n * LabelledLink component can be used to render a readonly form control field that\n * has a link for its content.\n */\nexport const LabelledLink = ({\n  'aria-describedby': ariaDescribedBy,\n  children,\n  columnSpan,\n  href,\n  label,\n  labelEdge: propLabelEdge,\n  labelStartWidth: propLabelStartWidth,\n  lineClamp,\n  onClick: propOnClick,\n  target,\n  truncation = 'end',\n  textAlign: propTextAlign,\n  userAssistanceDensity: propUserAssistanceDensity\n}: LabelledLinkProps) => {\n  // Consume the form context to get the default values\n  const {\n    isFormLayout,\n    isReadonly: isFormReadonly,\n    labelEdge: formLabelEdge,\n    labelStartWidth: formLabelStartWidth,\n    textAlign: formTextAlign,\n    userAssistanceDensity: formUserAssistanceDensity\n  } = useFormContext();\n\n  // default to FormContext values if component properties are not specified\n  const labelEdge = propLabelEdge ?? formLabelEdge;\n  const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n  // JET-72775 - Form control alignment in tables\n  // We do not have an embedded mode, so always default to 'start' if no text align is set\n  const textAlign = propTextAlign ?? formTextAlign ?? 'start';\n  const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n  // We will use the URL as text if the link text is not provided as a child\n  const linkText = children ?? href;\n\n  // Calculate the text field related props\n  const {\n    baseId,\n    formFieldContext: textFieldFormFieldContext,\n    labelProps,\n    inputProps,\n    userAssistanceProps\n  } = useTextField({\n    ariaDescribedBy,\n    isReadonly: true,\n    labelEdge,\n    value: linkText\n  });\n\n  // Track pointer down so we know if we gained focus from keyboard or mouse.\n  const recentPointerRef = useRef<boolean>(false);\n  const pointerDownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const onPointerDown = () => {\n    recentPointerRef.current = true;\n    clearTimeout(pointerDownTimerRef.current);\n    pointerDownTimerRef.current = setTimeout(() => {\n      recentPointerRef.current = false;\n    }, 300);\n  };\n\n  // Truncated tooltips act differently for LabelledLink, so handle it here. We don't want to\n  // show the tooltip when the link is clicked (thereby focusing the field), and if the user\n  // tabbed onto the link and activated it with the keyboard, we want to close the tooltip.\n  const labelRef = labelProps['labelRef'];\n  const linkWasActivatedRef = useRef<boolean>(false);\n  const [showTruncatedTooltip, setShowTruncatedTooltip] = useState(false);\n  const onBlurWithin = useCallback(() => {\n    setShowTruncatedTooltip(false);\n  }, []);\n  const onFocusWithin = useCallback(() => {\n    // Ignore the focus event the first time we see it after the link was activated.\n    // For instance if the link was clicked and opened a new browser tab, we don't want\n    // to show the tooltip again when they return to the current tab.\n    if (linkWasActivatedRef.current) {\n      linkWasActivatedRef.current = false;\n      return;\n    }\n    // We only calculate isTruncated if focus was gained through keyboard interaction.\n    const isTruncated =\n      labelEdge === 'inside' && !recentPointerRef.current ? detectTruncation(labelRef) : false;\n    setShowTruncatedTooltip(isTruncated);\n  }, [labelEdge, labelRef]);\n  const {\n    focusProps: { onFocusIn: onFocus, onFocusOut: onBlur }\n  } = useFocusWithin({\n    isDisabled: false,\n    onBlurWithin,\n    onFocusWithin\n  });\n  const formFieldContext = useFormFieldContextProps({\n    ...textFieldFormFieldContext,\n    hasTruncatedLabel: showTruncatedTooltip\n  });\n  const onClick = useCallback(\n    (event: Event) => {\n      setShowTruncatedTooltip(false);\n      linkWasActivatedRef.current = true;\n      propOnClick?.(event);\n    },\n    [propOnClick]\n  );\n\n  // Create the label component and the fieldLabelProps\n  const labelComp = <Label {...labelProps}>{label}</Label>;\n  const fieldLabelProps = {\n    label: labelEdge !== 'none' ? labelComp : undefined,\n    labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n    labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,\n    labelText: labelEdge === 'inside' ? label : undefined\n  };\n\n  // save space for user assistance if density is 'efficient', even though we don't\n  // render user assistance for readonly fields for now.\n  const inlineUserAssistance =\n    userAssistanceDensity === 'efficient' ? (\n      <InlineUserAssistance\n        userAssistanceDensity={userAssistanceDensity}\n        {...userAssistanceProps}\n      />\n    ) : undefined;\n\n  // Get the theme classes\n  const { classes } = useLabelledLinkTheme({\n    hasInsideLabel: labelEdge === 'inside',\n    isFormLayout,\n    isFormReadonly,\n    textAlign\n  });\n\n  // Get the aria props\n  const hasEmptyLabel = label === '';\n  const hasHiddenLabel = labelEdge === 'none';\n  const { containerAria, hiddenLabelAria, linkAria } = useLabelledLinkAria({\n    'aria-describedby': inputProps['aria-describedby'],\n    baseId,\n    hasEmptyLabel,\n    hasHiddenLabel,\n    labelId: labelProps.id\n  });\n\n  //prevent link text or href truncation for mixed readonly\n  if (!isFormReadonly && isFormLayout) {\n    truncation = 'none';\n  }\n\n  return (\n    <FormFieldContext.Provider value={formFieldContext}>\n      <ReadonlyTextField\n        columnSpan={columnSpan}\n        role=\"presentation\"\n        inlineUserAssistance={inlineUserAssistance}\n        {...fieldLabelProps}\n        mainContent={\n          <div\n            onBlur={onBlur}\n            onFocus={onFocus}\n            onPointerDown={onPointerDown}\n            class={classes}\n            {...containerAria}>\n            {hasHiddenLabel && <HiddenLabel {...hiddenLabelAria}>{label}</HiddenLabel>}\n            {/**\n             * The containing div is a flexbox. So, the text-align will not work for the link\n             * content. So, we wrap the link in a 100% block. This way the text align will\n             * work as the link is now inside a block and not flexbox.\n             */}\n            <View width=\"100%\">\n              {lineClamp ? (\n                <TruncatingLink\n                  lineClamp={lineClamp}\n                  href={href}\n                  target={target}\n                  onClick={onClick}\n                  {...linkAria}>\n                  {linkText}\n                </TruncatingLink>\n              ) : truncation !== 'none' ? (\n                <TruncatingLink\n                  truncation={truncation}\n                  href={href}\n                  target={target}\n                  onClick={onClick}\n                  {...linkAria}>\n                  {linkText}\n                </TruncatingLink>\n              ) : (\n                <Link href={href} target={target} onClick={onClick} {...linkAria}>\n                  {linkText}\n                </Link>\n              )}\n            </View>\n          </div>\n        }\n      />\n    </FormFieldContext.Provider>\n  );\n};\n"],"names":["_jsx","HiddenAccessible","Label","useAccessibleContext","mergeIds","textAlign","textInterpolations","mergeInterpolations","useComponentTheme","LabelledLinkRedwoodTheme","classNames","useFormContext","useTextField","useRef","useState","useCallback","detectTruncation","useFocusWithin","useFormFieldContextProps","InlineUserAssistance","FormFieldContext","ReadonlyTextField","_jsxs","View","TruncatingLink","Link"],"mappings":"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"}

package/cjs/UNSAFE_Layer.js

@@ -3,18 +3,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Layer = require('./Layer-b60deb1b.js');
-var LayerManager = require('./LayerManager-c535d963.js');
-var LayerHost = require('./LayerHost-3cd73603.js');
+var Layer = require('./Layer-06e11b9c.js');
+var LayerManager = require('./LayerManager-fd7f4d2f.js');
+var LayerHost = require('./LayerHost-21391a0d.js');
 require('preact/jsx-runtime');
 require('preact/compat');
 require('./classNames-c14c6ef3.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-a37b37d9.js');
+require('./useThemeInterpolations-ca3ddfd9.js');
 require('preact/hooks');
-require('./useColorScheme-f8b1447d.js');
-require('./useScale-db16c2b8.js');
+require('./useColorScheme-852ec82e.js');
+require('./useScale-529046e3.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./mergeInterpolations-6727b536.js');
@@ -23,10 +23,10 @@ require('./_curry3-18677bca.js');
 require('./_curry1-e8f0d7ea.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
-require('./useDensity-0b9fd9ca.js');
+require('./useDensity-2a45f4dd.js');
 require('./unsafeDomAccess-c3a492f0.js');
-require('preact');
 require('./index-0aa99b92.js');
+require('preact');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
 

package/cjs/UNSAFE_Legend.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var useLegendContextMenu = require('./useLegendContextMenu-2cf579d7.js');
-var useVisEvents = require('./useVisEvents-334c2c8d.js');
+var useLegendContextMenu = require('./useLegendContextMenu-b7993cf0.js');
+var useVisEvents = require('./useVisEvents-4ad7b798.js');
 var useLegendDnd = require('./useLegendDnd-22bb73be.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useItemFocus = require('./useItemFocus-0c5fbee7.js');
 var PRIVATE_BaseLegend_themes_LegendStyles_css = require('./PRIVATE_BaseLegend/themes/LegendStyles.css.js');
-var useCssVars = require('./useCssVars-8e83d496.js');
+var useCssVars = require('./useCssVars-b7192b44.js');
 var classNames = require('./classNames-c14c6ef3.js');
-var useTestId = require('./useTestId-4f53d561.js');
+var useTestId = require('./useTestId-a8b07506.js');
 var useVisTouchResponse = require('./useVisTouchResponse-376e11d5.js');
 var stringUtils = require('./stringUtils-3e19c8af.js');
 var compat = require('preact/compat');
@@ -36,30 +36,30 @@ require('./UNSAFE_Text/themes/TextStyles.css.js');
 
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 require('./clientHints-c40c5250.js');
-require('./useUser-1295b5cb.js');
-require('./LayerHost-3cd73603.js');
-require('preact');
+require('./useUser-cc045b3e.js');
+require('./LayerHost-21391a0d.js');
 require('./index-0aa99b92.js');
+require('preact');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
 require('./datatipUtils-d1ca81a1.js');
 require('./clientUtils-a4619fcd.js');
-require('./useDatatip-b7b4f13f.js');
-require('./Layer-b60deb1b.js');
+require('./useDatatip-3462cc49.js');
+require('./Layer-06e11b9c.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-a37b37d9.js');
-require('./useColorScheme-f8b1447d.js');
-require('./useScale-db16c2b8.js');
+require('./useThemeInterpolations-ca3ddfd9.js');
+require('./useColorScheme-852ec82e.js');
+require('./useScale-529046e3.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-0b9fd9ca.js');
+require('./useDensity-2a45f4dd.js');
 require('./unsafeDomAccess-c3a492f0.js');
-require('./Floating-79cbe5ad.js');
-require('./useFloating-c753a7f9.js');
+require('./Floating-de219e52.js');
+require('./useFloating-c408d4be.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
-require('./useOutsideClick-dbf3d604.js');
+require('./useOutsideClick-5c31ee35.js');
 require('./arrayUtils-7d8dcfc3.js');
 require('./useModal-0739a528.js');
 require('./useComponentTheme-082fc8e4.js');
@@ -80,8 +80,8 @@ require('./hooks/PRIVATE_useDatatip/themes/useDatatip.css.js');
 
 require('./useId-6c0eeb27.js');
 require('./useVisHover-ad36112d.js');
-require('./useContextMenu-2500df06.js');
-require('./SelectMenuGroupContext-a349d259.js');
+require('./useContextMenu-c02f8dee.js');
+require('./SelectMenuGroupContext-002c9144.js');
 require('./Sheet-1d6e8cf8.js');
 require('./Modal-b751b643.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
@@ -91,8 +91,8 @@ require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
 require('./_isArray-73160ad5.js');
 require('./_isString-f4443c9e.js');
-require('./popupUtils-1d123cbe.js');
-require('./WindowOverlay-85d999fa.js');
+require('./popupUtils-79656e59.js');
+require('./WindowOverlay-b9595d88.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -105,21 +105,21 @@ require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 require('./useAnimationStatus-8075dc19.js');
 require('./useAnimation-65c0e455.js');
 require('./animationUtils-54852d03.js');
-require('./useTranslationBundle-12dd087d.js');
-require('./Dropdown-1ba432a8.js');
+require('./useTranslationBundle-990e7928.js');
+require('./Dropdown-b73f547b.js');
 require('./keyboardUtils-b42fe7d5.js');
-require('./usePopupAnimation-f3b34413.js');
+require('./usePopupAnimation-985e90a2.js');
 require('./popupAnimationUtils-dcace427.js');
 require('./CollectionInteractionContext-f84ff7a1.js');
 require('./UNSAFE_Dropdown/themes/dropdownStyles.css.js');
 
-require('./useOutsideMousedown-70f36cca.js');
+require('./useOutsideMousedown-eda95637.js');
 require('./useEffectEvent-832ffba5.js');
 require('./UNSAFE_Menu/themes/MenuStyles.css.js');
 
 require('./UNSAFE_Menu/themes/DropdownMenuStyles.css.js');
 
-require('./Flex-3a257bc3.js');
+require('./Flex-ec48072d.js');
 require('./boxalignment-e287d370.js');
 require('./size-1914356b.js');
 
@@ -140,7 +140,7 @@ require('./UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css.js');
 require('./UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js');
 require('./UNSAFE_Menu/themes/MenuSkeletonStyles.css.js');
 
-require('./LiveRegion-62ce9ac7.js');
+require('./LiveRegion-60535481.js');
 
 require('./UNSAFE_Menu/themes/redwood/MenuItemTheme.js');
 require('./UNSAFE_Menu/themes/MenuItemStyles.css.js');
@@ -158,9 +158,9 @@ require('./useActive-6770f917.js');
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-2bc15136.js');
-require('./EnvironmentProvider-5f2435e6.js');
-require('./LayerManager-c535d963.js');
+require('./tooltipUtils-c554343d.js');
+require('./EnvironmentProvider-932667b2.js');
+require('./LayerManager-fd7f4d2f.js');
 
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
@@ -173,7 +173,7 @@ require('./layoutUtils-af53a104.js');
 require('./eventsUtils-b87ea91f.js');
 require('./useDnd-a7d9b60c.js');
 
-require('./useTheme-2a034a21.js');
+require('./useTheme-71e406b0.js');
 require('./useSize-8115eae0.js');
 require('./useResizeObserver-a9e97180.js');
 require('./useAddBusyState-d19ae1fa.js');