@oracle/oraclejet-preact 18.0.5 → 18.0.7

package/cjs/TextAreaAutosize-466a21cc.js

@@ -1,246 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-require('./FormContext-9452bd30.js');
-var useFormContext = require('./useFormContext-4c3091dc.js');
-var FormFieldContext = require('./FormFieldContext-8418dc68.js');
-var hooks = require('preact/hooks');
-var useFocusableTextField = require('./useFocusableTextField-2c36840d.js');
-var Label = require('./Label-e0d15892.js');
-require('./keyboardUtils-691337c0.js');
-var TextFieldInput = require('./TextFieldInput-e83921a4.js');
-
-var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-af4ddced.js');
-var StyledTextField = require('./StyledTextField-3289e35c.js');
-var TextField = require('./TextField-976ee745.js');
-var MaxLengthLiveRegion = require('./MaxLengthLiveRegion-f03f07c6.js');
-var useTextField = require('./useTextField-3ce8f0d0.js');
-require('./logger-2b636482.js');
-require('./TabbableModeContext-e99d527e.js');
-var useId = require('./useId-6c0eeb27.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
-
-
-require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-var InlineUserAssistance = require('./InlineUserAssistance-820162f4.js');
-var CompactUserAssistance = require('./CompactUserAssistance-391bf7ca.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-require('./LayerHost-a8c7f182.js');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-669c2ae0.js');
-require('preact');
-
-require('./Popup-84ce41d3.js');
-
-
-require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-require('./InputGroupContext-05f2a46f.js');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-
-require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
-var useLengthFilter = require('./useLengthFilter-d4cb6f47.js');
-var useCurrentValueReducer = require('./useCurrentValueReducer-f37ac024.js');
-var TextArea = require('./TextArea-4c8f0284.js');
-var useSelectableTextField = require('./useSelectableTextField-892b62db.js');
-
-// returns the lineHeight as a number of pixels.
-const calculateLineHeight = (textarea) => {
-    const computedStyle = window.getComputedStyle(textarea);
-    const computedlineHeight = computedStyle.lineHeight;
-    if (computedlineHeight === 'normal') {
-        // We get 'normal' for values 'initial', 'inherit', 'unset' and 'normal'
-        // TODO: Unclear if we need this.
-        // getComputedStyle always return fontSize in pixels.  Not likely a float, but since it's legal
-        // we use parseFloat()
-        const fontSize = parseFloat(computedStyle.fontSize);
-        return 1.2 * fontSize;
-    }
-    return parseFloat(computedlineHeight);
-};
-const getStylingHeight = (textarea) => {
-    const cssStyle = window.getComputedStyle(textarea);
-    const paddingTop = parseFloat(cssStyle.paddingTop);
-    const paddingBottom = parseFloat(cssStyle.paddingBottom);
-    const borderTop = parseFloat(cssStyle.borderTop);
-    const borderBottom = parseFloat(cssStyle.borderBottom);
-    return { paddingHeight: paddingTop + paddingBottom, borderHeight: borderTop + borderBottom };
-};
-
-// TODO: Make this fire when the container resizes - JET-50840
-const useTextAreaAutosizing = ({ isReadonly, enabledElementRef, readonlyElementRef, minRows = 2, maxRows, value }) => {
-    hooks.useLayoutEffect(() => {
-        const textareaRef = isReadonly ? readonlyElementRef : enabledElementRef;
-        if (textareaRef.current === null)
-            return;
-        if (textareaRef.current instanceof HTMLDivElement)
-            return; // We don't need to do anything if the readonlyElement is a DIV.
-        const textarea = textareaRef.current;
-        const lineHeight = calculateLineHeight(textarea);
-        textarea.style.height = '0';
-        const { paddingHeight, borderHeight } = getStylingHeight(textarea);
-        const heightForMinRows = lineHeight * minRows + paddingHeight + borderHeight;
-        const scrollHeight = textarea.scrollHeight + borderHeight;
-        let resizedHeight = 0;
-        // if maxRows is -1 the textarea will grow or shrink to fit all the content.
-        // it won't shrink any less than rows.
-        if (maxRows === undefined) {
-            // we want to fit the entire scrollHeight, but we don't want
-            // to shrink smaller than the height for rows.
-            if (scrollHeight < heightForMinRows) {
-                resizedHeight = heightForMinRows;
-            }
-            else {
-                resizedHeight = scrollHeight;
-            }
-        }
-        else if (maxRows > minRows) {
-            // if maxRows is positive and greater than rows, the textarea will grow to fit the content
-            // up to maxrows, or shrink to fit the content and down to rows.
-            const heightForMaxRows = lineHeight * maxRows + paddingHeight + borderHeight;
-            if (scrollHeight > heightForMaxRows) {
-                resizedHeight = heightForMaxRows;
-            }
-            else if (scrollHeight < heightForMinRows) {
-                resizedHeight = heightForMinRows;
-            }
-            else {
-                resizedHeight = scrollHeight;
-            }
-        }
-        else {
-            resizedHeight = heightForMinRows;
-        }
-        // The 0.5 gaurantees that the clientHeight will be bigger than the scrollHeight, so no scrollbar appears.
-        textarea.style.height = resizedHeight + 0.5 + 'px';
-    }, [value, minRows, maxRows, isReadonly, enabledElementRef, readonlyElementRef]);
-};
-
-/**
- * A text area auto size displays a field that allows a user to enter a multi-line text value, and will adjust its height based on its content.
- */
-const TextAreaAutosize = compat.forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, autoComplete = 'off', autoFocus = false, columnSpan, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, maxLength, maxLengthCounter = 'remaining', maxLengthUnit, maxRows, messages, minRows = 2, placeholder, role, 
-//TODO: Add counter to show the length remaining - JET-50752
-textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', onInput, onCommit, testId }, ref) => {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const formControl_limitReached = maxLength
-        ? translations.formControl_limitReached({
-            CHARACTER_LIMIT: maxLength
-        })
-        : '';
-    const { currentCommitValue, dispatch } = useCurrentValueReducer.useCurrentValueReducer({ value });
-    const onInputAndDispatch = compat.useCallback((detail) => {
-        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
-        dispatch({ type: 'input', payload: detail.value });
-        onInput?.(detail);
-    }, [onInput, dispatch]);
-    const onCommitAndDispatch = compat.useCallback((detail) => {
-        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
-        dispatch({ type: 'commit', payload: detail.value });
-        onCommit?.(detail);
-    }, [onCommit, dispatch]);
-    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = useFormContext.useFormContext();
-    // default to FormContext values if component properties are not specified
-    const isDisabled = propIsDisabled ?? isFormDisabled;
-    const isReadonly = propIsReadonly ?? isFormReadonly;
-    const labelEdge = propLabelEdge ?? formLabelEdge;
-    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
-    const textAlign = propTextAlign ?? formTextAlign;
-    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
-    const maxLengthDescribedByIdRef = compat.useRef(useId.useId());
-    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.
-    // We don't need to announce the max length message for readonly, as it only applies when editing the value.
-    const enabledAriaDescribedBy = ariaDescribedBy
-        ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`
-        : maxLengthDescribedByIdRef.current;
-    const enabledElementRef = compat.useRef(null);
-    const readonlyElementRef = compat.useRef(null);
-    const { focusProps, isFocused, methods: focusMethods } = useFocusableTextField.useFocusableTextField({
-        isDisabled,
-        isReadonly,
-        enabledElementRef,
-        readonlyElementRef
-    });
-    const { methods: selectMethods } = useSelectableTextField.useSelectableTextField(enabledElementRef);
-    compat.useImperativeHandle(ref, () => mergeProps.mergeProps(focusMethods, selectMethods), [
-        focusMethods,
-        selectMethods
-    ]);
-    // Handle length filter for user-typed inputs and controlled inputs
-    const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter.useLengthFilter({
-        maxLength,
-        maxLengthUnit,
-        value,
-        onInput: onInputAndDispatch,
-        onCommit: onCommitAndDispatch
-    });
-    const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];
-    const allMessages = [
-        ...(messages ?? []),
-        ...(isMaxLengthReached ? limitMessage : [])
-    ];
-    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = useTextField.useTextField({
-        ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,
-        contentVariant: 'textarea',
-        helpSourceLink,
-        helpSourceText,
-        isDisabled,
-        isFocused,
-        isReadonly,
-        isRequiredShown,
-        labelEdge,
-        messages: allMessages,
-        styleVariant: variant,
-        userAssistanceDensity,
-        value
-    });
-    const onClickCounter = compat.useCallback(() => {
-        const elm = enabledElementRef.current;
-        // for setSelectionRange(), len needs to be a number or null.
-        const len = elm ? elm.value.length : null;
-        // Since the counter element is after the text, clicking in this
-        // should put the selection at the end of the text
-        enabledElementRef.current?.setSelectionRange(len, len);
-        // Clicking the counter should put the focus on the input field
-        enabledElementRef.current?.focus();
-    }, [enabledElementRef]);
-    const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(Label.Label, { ...labelProps, children: label }) : undefined;
-    const fieldLabelProps = {
-        label: labelEdge !== 'none' ? labelComp : undefined,
-        labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
-        labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined
-    };
-    const ariaLabel = labelEdge === 'none' ? label : undefined;
-    const isInlineDensity = userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';
-    const inlineUserAssistance = isInlineDensity ? (isDisabled || isReadonly ? (
-    // save space for user assistance if density is 'efficient', even though we don't
-    // render user assistance for disabled or readonly fields
-    userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistance, { userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : (jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistance, { assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: allMessages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : undefined;
-    const anchorRef = compat.useRef(null);
-    const compactUserAssistance = userAssistanceDensity === 'compact' ? (jsxRuntime.jsx(CompactUserAssistance.CompactUserAssistance, { anchorRef: anchorRef, messages: allMessages, assistiveText: assistiveText, ...userAssistanceProps })) : undefined;
-    useTextAreaAutosizing({
-        isReadonly,
-        enabledElementRef,
-        readonlyElementRef,
-        minRows,
-        maxRows,
-        value
-    });
-    if (isReadonly) {
-        // TODO: should be able to configure whether start/end content is shown when readonly
-        // JET-49916 - Preact InputText: show start/end content when readonly
-        const mainContent = (jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, { "aria-describedby": inputProps['aria-describedby'], "aria-label": ariaLabel, "aria-labelledby": labelProps.id, elementRef: readonlyElementRef, ...(maxRows ? { as: 'textarea', rows: minRows } : { as: 'div' }), autoFocus: autoFocus, textAlign: textAlign, value: value, variant: "textarea", hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: label !== undefined && labelEdge === 'inside' }));
-        return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(StyledTextField.ReadonlyTextField, { role: "presentation", columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, variant: "textarea", mainContent: mainContent, ref: anchorRef, testId: testId, ...fieldLabelProps }) }));
-    }
-    const hasMaxLength = maxLength !== undefined;
-    const mainContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TextFieldInput.TextFieldInput, { as: "textarea", "aria-label": ariaLabel, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', isRequired: isRequired, inputRef: enabledElementRef, onCommit: onCommitAndDispatch, onInput: onFilteredInput, placeholder: placeholder, role: role, rows: minRows, textAlign: textAlign, value: value, ...inputProps }), maxLengthCounter === 'remaining' && hasMaxLength && (jsxRuntime.jsx(TextArea.MaxLengthCounter, { maxLength: maxLength, valueLength: valueLength, onClick: onClickCounter })), hasMaxLength && (jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: maxLengthDescribedByIdRef.current, children: translations.formControl_maxLength({
-                    MAX_LENGTH: `${maxLength}`
-                }) })), hasMaxLength && isFocused && (jsxRuntime.jsx(MaxLengthLiveRegion.MaxLengthLiveRegion, { maxLength: maxLength, valueLength: valueLength, testId: testId + '_remainingChars' }))] }));
-    return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(TextField.TextField, { mainContent: mainContent, columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, onBlur: focusProps?.onFocusOut, onFocus: focusProps?.onFocusIn, mainFieldRef: anchorRef, testId: testId, ...textFieldProps, ...fieldLabelProps }) }));
-});
-
-exports.TextAreaAutosize = TextAreaAutosize;
-//# sourceMappingURL=TextAreaAutosize-466a21cc.js.map

package/cjs/TextAreaAutosize-466a21cc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaAutosize-466a21cc.js","sources":["../../src/UNSAFE_TextAreaAutosize/ScrollHeightUtils.tsx","../../src/UNSAFE_TextAreaAutosize/useTextAreaAutosizing.tsx","../../src/UNSAFE_TextAreaAutosize/TextAreaAutosize.tsx"],"sourcesContent":["// returns the lineHeight as a number of pixels.\nexport const calculateLineHeight = (textarea: HTMLTextAreaElement): number => {\n  const computedStyle = window.getComputedStyle(textarea);\n  const computedlineHeight = computedStyle.lineHeight;\n  if (computedlineHeight === 'normal') {\n    // We get 'normal' for values 'initial', 'inherit', 'unset' and 'normal'\n    // TODO: Unclear if we need this.\n    // getComputedStyle always return fontSize in pixels.  Not likely a float, but since it's legal\n    // we use parseFloat()\n    const fontSize = parseFloat(computedStyle.fontSize);\n    return 1.2 * fontSize;\n  }\n  return parseFloat(computedlineHeight);\n};\nexport const getStylingHeight = (textarea: HTMLTextAreaElement) => {\n  const cssStyle = window.getComputedStyle(textarea);\n  const paddingTop = parseFloat(cssStyle.paddingTop);\n  const paddingBottom = parseFloat(cssStyle.paddingBottom);\n  const borderTop = parseFloat(cssStyle.borderTop);\n  const borderBottom = parseFloat(cssStyle.borderBottom);\n  return { paddingHeight: paddingTop + paddingBottom, borderHeight: borderTop + borderBottom };\n};\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useLayoutEffect } from 'preact/hooks';\nimport { calculateLineHeight, getStylingHeight } from './ScrollHeightUtils';\nimport { TextAreaAutosize } from './TextAreaAutosize';\n\ntype PickedPropsFromTextAreaAutosize = Pick<\n  ComponentProps<typeof TextAreaAutosize>,\n  'minRows' | 'maxRows' | 'value'\n>;\ntype Props = PickedPropsFromTextAreaAutosize & {\n  isReadonly?: boolean;\n  enabledElementRef: RefObject<HTMLTextAreaElement>;\n  readonlyElementRef: RefObject<HTMLTextAreaElement | HTMLDivElement>;\n};\n\n// TODO: Make this fire when the container resizes - JET-50840\nexport const useTextAreaAutosizing = ({\n  isReadonly,\n  enabledElementRef,\n  readonlyElementRef,\n  minRows = 2,\n  maxRows,\n  value\n}: Props) => {\n  useLayoutEffect(() => {\n    const textareaRef = isReadonly ? readonlyElementRef : enabledElementRef;\n    if (textareaRef.current === null) return;\n    if (textareaRef.current instanceof HTMLDivElement) return; // We don't need to do anything if the readonlyElement is a DIV.\n    const textarea = textareaRef.current;\n    const lineHeight = calculateLineHeight(textarea);\n    textarea.style.height = '0';\n    const { paddingHeight, borderHeight } = getStylingHeight(textarea);\n    const heightForMinRows = lineHeight * minRows + paddingHeight + borderHeight;\n    const scrollHeight = textarea.scrollHeight + borderHeight;\n    let resizedHeight = 0;\n    // if maxRows is -1 the textarea will grow or shrink to fit all the content.\n    // it won't shrink any less than rows.\n    if (maxRows === undefined) {\n      // we want to fit the entire scrollHeight, but we don't want\n      // to shrink smaller than the height for rows.\n      if (scrollHeight < heightForMinRows) {\n        resizedHeight = heightForMinRows;\n      } else {\n        resizedHeight = scrollHeight;\n      }\n    } else if (maxRows > minRows) {\n      // if maxRows is positive and greater than rows, the textarea will grow to fit the content\n      // up to maxrows, or shrink to fit the content and down to rows.\n      const heightForMaxRows = lineHeight * maxRows + paddingHeight + borderHeight;\n      if (scrollHeight > heightForMaxRows) {\n        resizedHeight = heightForMaxRows;\n      } else if (scrollHeight < heightForMinRows) {\n        resizedHeight = heightForMinRows;\n      } else {\n        resizedHeight = scrollHeight;\n      }\n    } else {\n      resizedHeight = heightForMinRows;\n    }\n    // The 0.5 gaurantees that the clientHeight will be bigger than the scrollHeight, so no scrollbar appears.\n    textarea.style.height = resizedHeight + 0.5 + 'px';\n  }, [value, minRows, maxRows, isReadonly, enabledElementRef, readonlyElementRef]);\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { useTextAreaAutosizing } from './useTextAreaAutosizing';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { MaxLengthCounter } from '../UNSAFE_TextArea';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component; it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n  /**\n   * Determines whether the remaining number of characters that can be entered is shown or not.\n   */\n  maxLengthCounter?: 'none' | 'remaining';\n  /**\n   * Specifies how the input text characters are to be counted when maxLength is specified.\n   */\n  maxLengthUnit?: CountUnit;\n  /**\n   * Specifies the maximum number of rows that the TextAreaAutosize is allowed to grow to.\n   * If maxRows is less than minRows, it is ignored.\n   */\n  maxRows?: number;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Specifies the minimum number of rows that the TextAreaAutosize is allowed to shrink to.\n   */\n  minRows?: number;\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how the user is allowed to manually resize the TextArea component.\n   */\n  role?: TextFieldInputProps['role'];\n  /**\n   * Specifies the number of rows to display\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by blurring out of the field.\n   *\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked when the user inputs a value.\n   *\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n/**\n * A text area auto size displays a field that allows a user to enter a multi-line text value, and will adjust its height based on its content.\n */\nexport const TextAreaAutosize = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthCounter = 'remaining',\n      maxLengthUnit,\n      maxRows,\n      messages,\n      minRows = 2,\n      placeholder,\n      role,\n      //TODO: Add counter to show the length remaining - JET-50752\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const formControl_limitReached = maxLength\n      ? translations.formControl_limitReached({\n          CHARACTER_LIMIT: maxLength\n        })\n      : '';\n\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const maxLengthDescribedByIdRef = useRef<string>(useId());\n    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n    // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n    const enabledAriaDescribedBy = ariaDescribedBy\n      ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n      : maxLengthDescribedByIdRef.current;\n\n    const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n    const readonlyElementRef = useRef<HTMLTextAreaElement | HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement | HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    const { methods: selectMethods } =\n      useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n    const allMessages = [\n      ...(messages ?? []),\n      ...(isMaxLengthReached ? limitMessage : [])\n    ] as ComponentMessageItem[];\n\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n        contentVariant: 'textarea',\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages: allMessages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value\n      });\n\n    const onClickCounter = useCallback(() => {\n      const elm = enabledElementRef.current;\n      // for setSelectionRange(), len needs to be a number or null.\n      const len = elm ? elm.value.length : null;\n      // Since the counter element is after the text, clicking in this\n      // should put the selection at the end of the text\n      enabledElementRef.current?.setSelectionRange(len, len);\n      // Clicking the counter should put the focus on the input field\n      enabledElementRef.current?.focus();\n    }, [enabledElementRef]);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={allMessages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={allMessages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    useTextAreaAutosizing({\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef,\n      minRows,\n      maxRows,\n      value\n    });\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          elementRef={readonlyElementRef}\n          {...(maxRows ? { as: 'textarea', rows: minRows } : { as: 'div' })}\n          autoFocus={autoFocus}\n          textAlign={textAlign}\n          value={value}\n          variant=\"textarea\"\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            variant=\"textarea\"\n            mainContent={mainContent}\n            ref={anchorRef}\n            testId={testId}\n            {...fieldLabelProps}\n          />\n        </FormFieldContext.Provider>\n      );\n    }\n    const hasMaxLength = maxLength !== undefined;\n    const mainContent = (\n      <>\n        <TextFieldInput\n          as=\"textarea\"\n          aria-label={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          isRequired={isRequired}\n          inputRef={enabledElementRef}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          placeholder={placeholder}\n          role={role}\n          rows={minRows}\n          textAlign={textAlign}\n          value={value}\n          {...inputProps}\n        />\n        {maxLengthCounter === 'remaining' && hasMaxLength && (\n          <MaxLengthCounter\n            maxLength={maxLength}\n            valueLength={valueLength}\n            onClick={onClickCounter}\n          />\n        )}\n        {hasMaxLength && (\n          <HiddenAccessible id={maxLengthDescribedByIdRef.current}>\n            {translations.formControl_maxLength({\n              MAX_LENGTH: `${maxLength}`\n            })}\n          </HiddenAccessible>\n        )}\n        {hasMaxLength && isFocused && (\n          <MaxLengthLiveRegion\n            maxLength={maxLength}\n            valueLength={valueLength}\n            testId={testId + '_remainingChars'}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          mainContent={mainContent}\n          columnSpan={columnSpan}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          onBlur={focusProps?.onFocusOut}\n          onFocus={focusProps?.onFocusIn}\n          mainFieldRef={anchorRef}\n          testId={testId}\n          {...textFieldProps}\n          {...fieldLabelProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["useLayoutEffect","forwardRef","useTranslationBundle","useCurrentValueReducer","useCallback","useFormContext","useRef","useId","useFocusableTextField","useSelectableTextField","useImperativeHandle","mergeProps","useLengthFilter","useTextField","_jsx","Label","InlineUserAssistance","CompactUserAssistance","ReadonlyTextFieldInput","FormFieldContext","ReadonlyTextField","_jsxs","_Fragment","TextFieldInput","MaxLengthCounter","HiddenAccessible","MaxLengthLiveRegion","TextField"],"mappings":"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"}

package/cjs/TruncatingBadge-efe34bb7.js

@@ -1,36 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var UNSAFE_Badge_themes_redwood_BadgeTheme = require('./UNSAFE_Badge/themes/redwood/BadgeTheme.js');
-var useTooltip = require('./useTooltip-81b7b753.js');
-require('preact/hooks');
-require('./LayerHost-a8c7f182.js');
-require('preact/compat');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-669c2ae0.js');
-var useDetectTruncation = require('./useDetectTruncation-abb8bd2c.js');
-require('./TabbableModeContext-e99d527e.js');
-var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
-
-function TruncatingBadge({ variant, size, edge, children }) {
-    const { classes } = useComponentTheme.useComponentTheme(UNSAFE_Badge_themes_redwood_BadgeTheme.BadgeRedwoodTheme, {
-        variant,
-        size,
-        edge
-    });
-    const { isTabbable } = useTabbableMode.useTabbableMode();
-    const { detectTruncationProps, isTextTruncated } = useDetectTruncation.useDetectTruncation();
-    const { tooltipContent, tooltipProps } = useTooltip.useTooltip({
-        text: children,
-        isDisabled: !isTextTruncated
-    });
-    const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { ...detectTruncationProps, ...validTooltipProps, tabIndex: isTextTruncated && isTabbable ? 0 : -1, class: classes, children: children }), tooltipContent] }));
-}
-
-exports.TruncatingBadge = TruncatingBadge;
-//# sourceMappingURL=TruncatingBadge-efe34bb7.js.map

package/cjs/TruncatingBadge-efe34bb7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatingBadge-efe34bb7.js","sources":["../../src/UNSAFE_TruncatingBadge/TruncatingBadge.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BadgeStyles, BadgeVariantOptions } from '../UNSAFE_Badge/themes/BadgeStyles.css';\nimport { BadgeRedwoodTheme } from '../UNSAFE_Badge/themes/redwood/BadgeTheme';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { useDetectTruncation } from '#hooks/PRIVATE_useDetectTruncation';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors. The default value of this property is theme driven.\n   */\n  variant?:\n    | 'neutral'\n    | 'neutralSubtle'\n    | 'danger'\n    | 'dangerSubtle'\n    | 'success'\n    | 'successSubtle'\n    | 'warning'\n    | 'warningSubtle'\n    | 'info'\n    | 'infoSubtle';\n  /**\n   * Specifies the size of the badge. Consists of two options: Medium and small. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Specifies the edge of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n   */\n  edge?: 'none' | 'end';\n  /**\n   * Specifies the string that will be rendered in the badge.\n   */\n  children: string;\n};\n\nexport function TruncatingBadge({ variant, size, edge, children }: Props) {\n  const { classes } = useComponentTheme<BadgeVariantOptions, BadgeStyles>(BadgeRedwoodTheme, {\n    variant,\n    size,\n    edge\n  });\n  const { isTabbable } = useTabbableMode();\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation();\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: children,\n    isDisabled: !isTextTruncated\n  });\n\n  const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times\n\n  return (\n    <>\n      <span\n        {...detectTruncationProps}\n        {...validTooltipProps}\n        tabIndex={isTextTruncated && isTabbable ? 0 : -1}\n        class={classes}>\n        {children}\n      </span>\n      {tooltipContent}\n    </>\n  );\n}\n"],"names":["useComponentTheme","BadgeRedwoodTheme","useTabbableMode","useDetectTruncation","useTooltip","_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AA2CM,SAAU,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAS,EAAA;AACtE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,mCAAiB,CAAmCC,wDAAiB,EAAE;QACzF,OAAO;QACP,IAAI;QACJ,IAAI;AACL,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGC,+BAAe,EAAE,CAAC;IACzC,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AACzE,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAGC,qBAAU,CAAC;AAClD,QAAA,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,CAAC,eAAe;AAC7B,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,GAAG,YAAY,CAAC;AAE7E,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cACM,CAAA,MAAA,EAAA,EAAA,GAAA,qBAAqB,KACrB,iBAAiB,EACrB,QAAQ,EAAE,eAAe,IAAI,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAChD,KAAK,EAAE,OAAO,EACb,QAAA,EAAA,QAAQ,EACJ,CAAA,EACN,cAAc,CAAA,EAAA,CACd,EACH;AACJ;;;;"}

package/cjs/TruncatingText-33c06a6c.js

@@ -1,50 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var useDetectTruncation = require('./useDetectTruncation-abb8bd2c.js');
-var useTooltip = require('./useTooltip-81b7b753.js');
-require('preact/hooks');
-require('./logger-2b636482.js');
-require('./LayerHost-a8c7f182.js');
-require('preact/compat');
-var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var classNames = require('./classNames-c14c6ef3.js');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-669c2ae0.js');
-require('./TabbableModeContext-e99d527e.js');
-var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
-var UNSAFE_Text_themes_TextStyles_css = require('./UNSAFE_Text/themes/TextStyles.css.js');
-var clientHints = require('./clientHints-a0f8f4d2.js');
-
-const interpolations = [
-    ({ lineClamp }) => !lineClamp ? {} : { class: UNSAFE_Text_themes_TextStyles_css.styles.lineClamp, webkitLineClamp: lineClamp }
-];
-const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
-function TruncatingText({ children, hyphens, size, truncation, variant = 'inherit', weight, overflowWrap = 'anywhere', ...props }) {
-    const clientHints$1 = clientHints.getClientHints();
-    const variantClasses = UNSAFE_Text_themes_TextStyles_css.multiVariantStyles({
-        hyphens,
-        size,
-        truncation,
-        variant,
-        weight,
-        overflowWrap,
-        safariStyles: clientHints$1.browser === 'safari' ? 'needs' : 'noNeed'
-    });
-    const { class: interpolatedClasses, ...styles } = styleInterpolations(props);
-    const classes = classNames.classNames([variantClasses, interpolatedClasses]);
-    const { isTabbable } = useTabbableMode.useTabbableMode();
-    const { detectTruncationProps, isTextTruncated } = useDetectTruncation.useDetectTruncation();
-    const { tooltipContent, tooltipProps } = useTooltip.useTooltip({
-        text: children,
-        isDisabled: !isTextTruncated
-    });
-    const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { ...detectTruncationProps, ...validTooltipProps, tabIndex: isTextTruncated && isTabbable ? 0 : -1, class: classes, style: styles, id: props.id, children: children }), tooltipContent] }));
-}
-
-exports.TruncatingText = TruncatingText;
-//# sourceMappingURL=TruncatingText-33c06a6c.js.map

package/cjs/TruncatingText-33c06a6c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatingText-33c06a6c.js","sources":["../../src/UNSAFE_TruncatingText/TruncatingText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useDetectTruncation } from '#hooks/PRIVATE_useDetectTruncation';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { multiVariantStyles, styles } from '../UNSAFE_Text/themes/TextStyles.css';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\ntype StylePropsWithOutTruncate = {\n  /**\n   * Specifies text color. If set as \"inherit\", takes text color from its parent element.\n   */\n  variant?: 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'inherit';\n\n  /**\n   * Specifies font size and line height. If set as \"inherit\", takes font size and line height from its parent element.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';\n\n  /**\n   * Specifies the font weight. If set as \"inherit\", takes font weight from its parent element.\n   */\n  weight?: 'normal' | 'semiBold' | 'bold' | 'inherit';\n\n  /**\n   * Specifies the overflow-wrap.\n   */\n  overflowWrap?: 'normal' | 'breakWord' | 'anywhere';\n\n  /**\n   * Specifies if hyphens should be included when handling long words with no spaces.\n   */\n  hyphens?: 'auto' | 'none';\n};\ntype TruncateProps =\n  | {\n      /**\n       * Truncates text 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 text starts overflowing and produce a truncation.\n       */\n      lineClamp?: number;\n      /**\n       * Determines text behavior when text is truncated. Be aware of setting either lineClamp or truncation. Setting both props would produce a type error. In most cases, lineClamp=1 tries to put the ellipsis at the end of a \"word\". On the other hand, using truncation=\"ellipsis\" will show as much as possible text, then put the ellipsis at the end.\n       */\n      truncation?: never;\n    }\n  | {\n      lineClamp?: never;\n      truncation?: 'none' | 'clip' | 'ellipsis';\n    };\ntype AdditionalProps = {\n  /**\n   * Specifies the text id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children.\n   */\n  children?: string;\n};\ntype Props = StylePropsWithOutTruncate & TruncateProps & AdditionalProps;\n\nconst interpolations = [\n  ({ lineClamp }: Pick<TruncateProps, 'lineClamp'>) =>\n    !lineClamp ? {} : { class: styles.lineClamp, webkitLineClamp: lineClamp }\n];\nconst styleInterpolations = mergeInterpolations<Omit<Props, 'children'>>(interpolations);\n\nexport function TruncatingText({\n  children,\n  hyphens,\n  size,\n  truncation,\n  variant = 'inherit',\n  weight,\n  overflowWrap = 'anywhere',\n  ...props\n}: Props) {\n  const clientHints = getClientHints();\n  const variantClasses = multiVariantStyles({\n    hyphens,\n    size,\n    truncation,\n    variant,\n    weight,\n    overflowWrap,\n    safariStyles: clientHints.browser === 'safari' ? 'needs' : 'noNeed'\n  });\n  const { class: interpolatedClasses, ...styles } = styleInterpolations(props);\n  const classes = classNames([variantClasses, interpolatedClasses]);\n  const { isTabbable } = useTabbableMode();\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation();\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: children,\n    isDisabled: !isTextTruncated\n  });\n\n  const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times\n\n  return (\n    <>\n      <span\n        {...detectTruncationProps}\n        {...validTooltipProps}\n        tabIndex={isTextTruncated && isTabbable ? 0 : -1}\n        class={classes}\n        style={styles}\n        id={props.id}>\n        {children}\n      </span>\n      {tooltipContent}\n    </>\n  );\n}\n"],"names":["styles","mergeInterpolations","clientHints","getClientHints","multiVariantStyles","classNames","useTabbableMode","useDetectTruncation","useTooltip","_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqEA,MAAM,cAAc,GAAG;IACrB,CAAC,EAAE,SAAS,EAAoC,KAC9C,CAAC,SAAS,GAAG,EAAE,GAAG,EAAE,KAAK,EAAEA,wCAAM,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE;CAC5E,CAAC;AACF,MAAM,mBAAmB,GAAGC,uCAAmB,CAA0B,cAAc,CAAC,CAAC;AAEnF,SAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,YAAY,GAAG,UAAU,EACzB,GAAG,KAAK,EACF,EAAA;AACN,IAAA,MAAMC,aAAW,GAAGC,0BAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAGC,oDAAkB,CAAC;QACxC,OAAO;QACP,IAAI;QACJ,UAAU;QACV,OAAO;QACP,MAAM;QACN,YAAY;AACZ,QAAA,YAAY,EAAEF,aAAW,CAAC,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ;AACpE,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAGG,qBAAU,CAAC,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAClE,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGC,+BAAe,EAAE,CAAC;IACzC,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AACzE,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAGC,qBAAU,CAAC;AAClD,QAAA,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,CAAC,eAAe;AAC7B,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,GAAG,YAAY,CAAC;AAE7E,IAAA,QACEC,eACE,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,cAAA,CAAA,MAAA,EAAA,EAAA,GACM,qBAAqB,EACrB,GAAA,iBAAiB,EACrB,QAAQ,EAAE,eAAe,IAAI,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAChD,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,MAAM,EACb,EAAE,EAAE,KAAK,CAAC,EAAE,YACX,QAAQ,EAAA,CACJ,EACN,cAAc,CAAA,EAAA,CACd,EACH;AACJ;;;;"}

package/cjs/View-5930179e.js

@@ -1,170 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var vanillaExtractDynamic_esm = require('./vanilla-extract-dynamic.esm-d5dffce7.js');
-var borders = require('./borders-4b8488cb.js');
-var dimensions = require('./dimensions-10159104.js');
-var flexitem = require('./flexitem-fee13e26.js');
-var colors = require('./colors-2bfecc93.js');
-var padding = require('./padding-3698be6b.js');
-var aria = require('./aria-889aedd0.js');
-var theme = require('./theme-dfd6a9fe.js');
-var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-require('./LayerHost-a8c7f182.js');
-var EnvironmentProvider = require('./EnvironmentProvider-75eb79f3.js');
-var Common_themes_themeContract_css = require('./Common/themes/themeContract.css.js');
-var useDensity = require('./useDensity-1f8cc921.js');
-var useTestId = require('./useTestId-5e6af45d.js');
-var _curry1 = require('./_curry1-e8f0d7ea.js');
-var equals = require('./equals-098f7781.js');
-var _isArray = require('./_isArray-73160ad5.js');
-var _isObject = require('./_isObject-28636267.js');
-var _isString = require('./_isString-f4443c9e.js');
-
-/**
- * Tests whether or not an object is a typed array.
- *
- * @private
- * @param {*} val The object to test.
- * @return {Boolean} `true` if `val` is a typed array, `false` otherwise.
- * @example
- *
- *      _isTypedArray(new Uint8Array([])); //=> true
- *      _isTypedArray(new Float32Array([])); //=> true
- *      _isTypedArray([]); //=> false
- *      _isTypedArray(null); //=> false
- *      _isTypedArray({}); //=> false
- */
-function _isTypedArray(val) {
-  var type = Object.prototype.toString.call(val);
-  return type === '[object Uint8ClampedArray]' || type === '[object Int8Array]' || type === '[object Uint8Array]' || type === '[object Int16Array]' || type === '[object Uint16Array]' || type === '[object Int32Array]' || type === '[object Uint32Array]' || type === '[object Float32Array]' || type === '[object Float64Array]' || type === '[object BigInt64Array]' || type === '[object BigUint64Array]';
-}
-
-/**
- * Returns the empty value of its argument's type. Ramda defines the empty
- * value of Array (`[]`), Object (`{}`), String (`''`),
- * TypedArray (`Uint8Array []`, `Float32Array []`, etc), and Arguments. Other
- * types are supported if they define `<Type>.empty`,
- * `<Type>.prototype.empty` or implement the
- * [FantasyLand Monoid spec](https://github.com/fantasyland/fantasy-land#monoid).
- *
- * Dispatches to the `empty` method of the first argument, if present.
- *
- * @func
- * @memberOf R
- * @since v0.3.0
- * @category Function
- * @sig a -> a
- * @param {*} x
- * @return {*}
- * @example
- *
- *      R.empty(Just(42));               //=> Nothing()
- *      R.empty([1, 2, 3]);              //=> []
- *      R.empty('unicorns');             //=> ''
- *      R.empty({x: 1, y: 2});           //=> {}
- *      R.empty(Uint8Array.from('123')); //=> Uint8Array []
- */
-
-var empty =
-/*#__PURE__*/
-_curry1._curry1(function empty(x) {
-  return x != null && typeof x['fantasy-land/empty'] === 'function' ? x['fantasy-land/empty']() : x != null && x.constructor != null && typeof x.constructor['fantasy-land/empty'] === 'function' ? x.constructor['fantasy-land/empty']() : x != null && typeof x.empty === 'function' ? x.empty() : x != null && x.constructor != null && typeof x.constructor.empty === 'function' ? x.constructor.empty() : _isArray._isArray(x) ? [] : _isString._isString(x) ? '' : _isObject._isObject(x) ? {} : equals._isArguments(x) ? function () {
-    return arguments;
-  }() : _isTypedArray(x) ? x.constructor.from('') : void 0 // else
-  ;
-});
-
-/**
- * Returns `true` if the given value is its type's empty value; `false`
- * otherwise.
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category Logic
- * @sig a -> Boolean
- * @param {*} x
- * @return {Boolean}
- * @see R.empty
- * @example
- *
- *      R.isEmpty([1, 2, 3]);           //=> false
- *      R.isEmpty([]);                  //=> true
- *      R.isEmpty('');                  //=> true
- *      R.isEmpty(null);                //=> false
- *      R.isEmpty({});                  //=> true
- *      R.isEmpty({length: 0});         //=> false
- *      R.isEmpty(Uint8Array.from('')); //=> true
- */
-
-var isEmpty =
-/*#__PURE__*/
-_curry1._curry1(function isEmpty(x) {
-  return x != null && equals.equals(x, empty(x));
-});
-
-var isEmpty$1 = isEmpty;
-
-const elementTypes = ['div', 'main', 'article', 'section', 'aside'];
-const interpolations = [
-    ...Object.values(borders.borderInterpolations),
-    ...Object.values(dimensions.dimensionInterpolations),
-    ...Object.values(flexitem.flexitemInterpolations),
-    ...Object.values(colors.colorInterpolations),
-    ...Object.values(padding.paddingInterpolations),
-    ...Object.values(aria.ariaInterpolations),
-    ...Object.values(theme.themeInterpolations)
-];
-const mergedInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
-const View = compat.forwardRef(({ as, children, colorScheme, color, backgroundColor, scale, density: propDensity, testId, ...rest }, ref) => {
-    /**
-     * JET-66845 Because density unit CSS vars need to be recalculated each time the scale changes, scale
-     * classes can not be a child of density classes. However, we can have the scale and density classes as siblings.
-     * If the scale prop is supplied, we'll set the density class as well. If density is not set in the props,
-     * we will determine it via the Environment.
-     */
-    const themeDensity = useDensity.useDensity();
-    const density = propDensity ?? (scale ? themeDensity : undefined);
-    const testIdProps = useTestId.useTestId(testId);
-    const { class: className, ariaLabelledBy, ariaLabel, ...styles } = mergedInterpolations({
-        colorScheme,
-        scale,
-        density,
-        backgroundColor,
-        color,
-        ...rest
-    });
-    // We need to update the environment with any theme related props specified
-    const env = {
-        ...(colorScheme && { colorScheme }),
-        ...(scale && { scale }),
-        ...(density && { density }),
-        ...(backgroundColor && { currentBgColor: backgroundColor })
-    };
-    const props = {
-        ...testIdProps,
-        ['aria-label']: ariaLabel,
-        ['aria-labelledby']: ariaLabelledBy,
-        children,
-        className,
-        ref: ref,
-        style: {
-            ...styles,
-            ...(backgroundColor &&
-                vanillaExtractDynamic_esm.assignInlineVars({
-                    [Common_themes_themeContract_css.globalVars.currentBackgroundColor]: styles['backgroundColor']
-                })),
-            // we hardcode box-sizing: border-box on all of our Preact components.
-            boxSizing: 'border-box'
-        }
-    };
-    const Component = as || 'div';
-    return isEmpty$1(env) ? (jsxRuntime.jsx(Component, { ...props })) : (jsxRuntime.jsx(EnvironmentProvider.EnvironmentProvider, { environment: env, children: jsxRuntime.jsx(Component, { ...props }) }));
-});
-
-exports.View = View;
-exports.elementTypes = elementTypes;
-//# sourceMappingURL=View-5930179e.js.map