@oracle/oraclejet-preact 14.0.0

package/types/UNSAFE_SelectSingle/SelectSingle.d.ts

@@ -0,0 +1,162 @@
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+import { ComponentProps, Ref } from 'preact';
+import { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';
+import { DataState } from '../UNSAFE_Collection';
+import { ListView } from '../UNSAFE_ListView';
+import { TextFieldInput } from '../UNSAFE_TextField';
+import { InlineUserAssistance } from '../UNSAFE_UserAssistance';
+import { Item } from '../utils/UNSAFE_dataProvider';
+import { Size } from '../utils/UNSAFE_size';
+import { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';
+import { ItemTextType } from '../utils/UNSAFE_selectUtils';
+declare type TextFieldInputProps = ComponentProps<typeof TextFieldInput>;
+declare type InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;
+declare type Props<K extends string | number, D extends Record<string, any>> = {
+    /**
+     * The ID of an element (or space separated IDs of multiple elements) that
+     * describes the input.
+     */
+    ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];
+    /**
+     * Text to provide guidance to help the user understand what data to enter or select.
+     */
+    assistiveText?: InlineUserAssistanceProps['assistiveText'];
+    /**
+     * Specifies data for the dropdown list.
+     *
+     * Note that the <code>itemText</code> property allows for customizing the rendering
+     * of each data item.
+     */
+    data?: DataState<K, D> | null;
+    /**
+     * Help source URL associated with the component.
+     */
+    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];
+    /**
+     * Custom text to be rendered for the <code>helpSourceLink</code>.
+     */
+    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];
+    /**
+     * Specifies whether the component is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Specifies whether the component is waiting for <code>valueItems</code> to load.
+     * While loading, SelectSingle will show the progressive loading indicator in the text field.
+     */
+    isLoading?: boolean;
+    /**
+     * Specifies whether the component is readonly.
+     */
+    isReadonly?: boolean;
+    /**
+     * Specifies for accessibility purposes whether a value is required.
+     *
+     * Setting this property to <code>false</code> means that a value is not required to be
+     * selected by the user.  Setting this property to <code>true</code> means that a value
+     * is required to be selected by the user.
+     */
+    isRequired?: TextFieldInputProps['isRequired'];
+    /**
+     * Specifies whether to show an indicator on screen that a value is required, for example
+     * before the user has selected a value.
+     */
+    isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];
+    /**
+     * Specifies how to get the text string to render for a data item.
+     * This property can be set to either:
+     * <ul>
+     * <li>a string that specifies the name of a top level data attribute to render as text, or</li>
+     * <li>a callback function that takes a properties object and returns the text string to
+     * display.</li>
+     * </ul>
+     *
+     * This text will be rendered for the selected <code>valueItems</code> of the component.
+     * It will also be rendered for each item in the dropdown.  When rendered for the
+     * dropdown items, default matching search term highlighting will still be applied.
+     */
+    itemText: ItemTextType<K, D>;
+    /**
+     * Specifies the label associated with the field.
+     */
+    label: string;
+    /**
+     * Specifies where the label is positioned relative to the field.
+     */
+    labelEdge?: 'inside' | 'start' | 'top' | 'none';
+    /**
+     * Specifies the width of the label when <code>labelEdge</code> is <code>"start"</code>
+     */
+    labelStartWidth?: Size;
+    /**
+     * Messages to show on screen that are associated with the component.
+     */
+    messages?: InlineUserAssistanceProps['messages'];
+    /**
+     * A short hint to display before the user selects or enters a value.
+     */
+    placeholder?: TextFieldInputProps['placeholder'];
+    /**
+     * Specifies how to align text within the field.
+     */
+    textAlign?: TextFieldInputProps['textAlign'];
+    /**
+     * Specifies the density of the user assistance presentation.  It can be set to:
+     * <ul>
+     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user
+     * assistance text is displayed.</li>
+     * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>
+     * </ul>
+     */
+    userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];
+    /**
+     * Specifies the key, data, and optional metadata for the selected value.
+     */
+    valueItem?: Item<K, D>;
+    /**
+     * The style variant of the component.
+     */
+    variant?: TextFieldInputProps['variant'];
+    /**
+     * The type of virtual keyboard to display for entering a value on mobile browsers.
+     * This property has no effect on desktop browsers.
+     */
+    virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';
+    /**
+     * Callback invoked when the user commits the selected value.
+     *
+     * The function should set a new <code>valueItem</code> property.
+     */
+    onCommit: (detail: ValueUpdateDetail<K>) => void;
+    /**
+     * Callback function to trigger loading data for the dropdown list, which may or may not be
+     * filtered by user entered search text.
+     *
+     * The function should set a new <code>DataState</code> as the <code>data</code> property.
+     */
+    onFilter?: ({ searchText }: {
+        searchText?: string;
+    }) => void;
+    /**
+     * Callback function to handle when the viewport of the dropdown list has changed, for example
+     * by scrolling, including the case where the user scrolls to the end of the list and there are
+     * more items to load.
+     *
+     * The function should set a new <code>DataState</code> for the specified range as the
+     * <code>data</code> property.
+     */
+    onLoadRange?: ComponentProps<typeof ListView>['onLoadRange'];
+};
+/**
+ * A SelectSingle is a dropdown list that supports single selection and search filtering.
+ */
+export declare const SelectSingle: import("preact").FunctionalComponent<Omit<Props<string | number, Record<string, any>>, "ref"> & {
+    ref?: Ref<FocusableHandle> | undefined;
+}>;
+export {};

package/types/UNSAFE_SelectSingle/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+export { SelectSingle } from './SelectSingle';

package/types/UNSAFE_SelectSingle/useDisplayValue.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+import { Item } from '../utils/UNSAFE_dataProvider';
+import { ItemTextType } from '../utils/UNSAFE_selectUtils';
+export declare function useDisplayValue<K, D>(itemText: ItemTextType<K, D>, valueItem?: Item<K, D>): string;

package/types/UNSAFE_SelectSingle/useSelectSingle.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+import { ComponentProps } from 'preact';
+import { MutableRef } from 'preact/hooks';
+import { DataState, ItemActionDetail } from '../UNSAFE_Collection';
+import { Item } from '../utils/UNSAFE_dataProvider';
+import { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';
+import { SelectSingle } from './SelectSingle';
+declare type PickedPropsFromSelectSingle = Pick<ComponentProps<typeof SelectSingle>, 'isDisabled' | 'isReadonly' | 'onFilter'>;
+declare type UseSelectSingleProps<K, D> = PickedPropsFromSelectSingle & {
+    data?: DataState<K, D> | null;
+    inputRef: MutableRef<HTMLInputElement>;
+    isFocused?: boolean;
+    onCommit: (detail: ValueUpdateDetail<K>) => void;
+    valueItem?: Item<K, D>;
+};
+/**
+ * Hook that manages SelectSingle state and behavior.  This hook creates state variables and
+ * event listeners, returning properties to apply to components internally rendered by
+ * SelectSingle, as well as state information.
+ *
+ * @param data Specifies data for the dropdown list.
+ * @param inputRef Ref to the input element.
+ * @param isDisabled Specifies whether the component is disabled.
+ * @param isFocused Specifies whether the component has focus.
+ * @param isReadonly Specifies whether the component is readonly.
+ * @param onCommit Callback invoked when the selected value is committed.
+ * @param onFilter Callback function to trigger loading data for the dropdown list,
+ * which may or may not be filtered by user entered text.
+ * @param valueItem Specifies the key, data, and optional metadata for the selected value.
+ *
+ * @returns Properties to apply to internal components that SelectSingle renders, and component
+ * state.
+ */
+export declare function useSelectSingle<K, D>({ data, inputRef, isDisabled, isFocused: propIsFocused, isReadonly, onCommit: propOnCommit, onFilter, valueItem }: UseSelectSingleProps<K, D>): {
+    collectionProps: {
+        currentKey: K | undefined;
+        onCurrentKeyChange: (detail: import("../UNSAFE_Collection").CurrentKeyDetail<K>) => void;
+        onItemAction: (detail: ItemActionDetail<K, D>) => void;
+        selectedKeys: Set<K> | undefined;
+    };
+    dropdownArrowEventHandlers: {
+        onClick: () => void;
+    };
+    dropdownEventHandlers: {
+        onAutoDismiss: ((event?: Event | undefined) => void) | ((event?: Event) => void);
+    };
+    dropdownRef: import("preact/hooks").Ref<HTMLDivElement>;
+    inputEventHandlers: {
+        onInput: (detail: ValueUpdateDetail<string>) => void;
+        onKeyDown: ((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void);
+        onKeyUp: (event: KeyboardEvent) => void;
+    };
+    inputRef: MutableRef<HTMLInputElement>;
+    isDropdownOpen: boolean;
+    isFocused: boolean;
+    isUserFiltering: boolean;
+    mainFieldRef: import("preact/hooks").Ref<HTMLDivElement>;
+    mouseProps: {
+        onMouseDown?: undefined;
+    } | {
+        onMouseDown: (event: MouseEvent) => void;
+    };
+    searchText: string | undefined;
+    userInput: string | undefined;
+};
+export {};

package/types/UNSAFE_Selector/Selector.d.ts

@@ -0,0 +1,28 @@
+import { Keys } from '../utils/UNSAFE_keys';
+import { SelectionDetail } from '../UNSAFE_Collection';
+/**
+ * Props for the Selector Component
+ */
+export declare type Props<K> = {
+    /**
+     * The key associated with the Selector.
+     */
+    rowKey: K;
+    /**
+     * The selected keys.
+     */
+    selectedKeys: Keys<K>;
+    /**
+     * aria-label for this selector
+     */
+    accessibleLabel?: string;
+    /**
+     * Callback function to invoke when the selected keys has changed when
+     * the checkbox is toggled.
+     */
+    onChange?: (detail: SelectionDetail<K>) => void;
+};
+/**
+ * The Selector component is used to enable multi-selection in Collection components.
+ */
+export declare function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>): import("preact").JSX.Element;

package/types/UNSAFE_Selector/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+export { Selector } from './Selector';

package/types/UNSAFE_Skeleton/Skeleton.d.ts

@@ -0,0 +1,16 @@
+import type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';
+import type { BorderProps } from '../utils/UNSAFE_interpolations/borders';
+import { WithRequired } from '../utils/UNSAFE_typeUtils';
+declare const dimensions: ("height" | "width")[];
+declare type Dimension = typeof dimensions[number];
+declare const border: "borderRadius"[];
+declare type BorderRadius = typeof border[number];
+declare type StyleInterpolationProps = Pick<DimensionProps, Dimension>;
+declare type BorderRadiusProps = Pick<BorderProps, BorderRadius>;
+declare type SkeletonProps = WithRequired<StyleInterpolationProps, 'height'> & BorderRadiusProps;
+/**
+ * Skeleton component allows the appropriate skeleton to be rendered based on the
+ * property values
+ **/
+export declare function Skeleton({ ...props }: SkeletonProps): import("preact").JSX.Element;
+export {};

package/types/UNSAFE_Skeleton/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+export { Skeleton } from './Skeleton';

package/types/UNSAFE_Spacer/Spacer.d.ts

@@ -0,0 +1,6 @@
+import type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';
+import type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';
+declare type StyleProps = DimensionProps & Pick<FlexitemProps, 'flex'>;
+declare type Props = StyleProps;
+export declare const Spacer: ({ ...props }: Props) => import("preact").JSX.Element;
+export {};

package/types/UNSAFE_Spacer/index.d.ts

@@ -0,0 +1 @@
+export * from './Spacer';

package/types/UNSAFE_SplitMenuButton/SplitMenuButton.d.ts

@@ -0,0 +1,54 @@
+import { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';
+import type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';
+import { ComponentChildren } from 'preact';
+declare type IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'title'>;
+declare type WidthInterpolationProps = Pick<DimensionProps, 'width'>;
+export declare type Props = IntrinsicProps & WidthInterpolationProps & {
+    /**
+     * children - One or more MenuItems
+     */
+    children?: ComponentChildren;
+    /**
+     * Specifies that the button element should be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * The label rendered on the action side of the button.  Used
+     * to identify which child MenuItem action is invoked.
+     */
+    label?: string;
+    /**
+     * Indicates in what states the button has chrome (background and border).
+     *     "outlined"': "Outlined buttons are salient, but lighter weight than
+     * solid buttons. Outlined buttons are useful for secondary actions.",
+     *     "solid"': "Solid buttons stand out, and direct the user's attention to the
+     *  most important actions in the UI.",
+     *     "callToAction"': "A Call To Action (CTA) button guides the user to take or
+     * complete the action that is the main goal of the page or page section. There
+     * should only be one CTA button on a page at any given time.",
+     
+     */
+    variant?: 'outlined' | 'solid' | 'callToAction';
+    /**
+     * The size indicates how large the button is rendered: "sm", "md" (default), "lg".
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.
+     */
+    onAction?: () => void;
+};
+export declare const compStyles: {
+    divider: string;
+    disabledDivider: string;
+    icon: string;
+    root: string;
+    childrenMargins: string;
+};
+/**
+ * A SplitMenuButton is a combined action and menu button.
+ */
+export declare const SplitMenuButton: import("preact").FunctionalComponent<Omit<Props, "ref"> & {
+    ref?: import("preact").Ref<HTMLSpanElement> | undefined;
+}>;
+export {};

package/types/UNSAFE_SplitMenuButton/index.d.ts

@@ -0,0 +1 @@
+export { SplitMenuButton } from './SplitMenuButton';

package/types/UNSAFE_Text/Text.d.ts

@@ -0,0 +1,44 @@
+declare type StylePropsWithOutTruncate = {
+    /**
+     * Specifies text color. If set as "inherit", takes text color from its parent element.
+     */
+    variant?: 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'inherit';
+    /**
+     * Specifies font size and line height. If set as "inherit", takes font size and line height from its parent element.
+     */
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';
+    /**
+     * Specifies the font weight. If set as "inherit", takes font weight from its parent element.
+     */
+    weight?: 'normal' | 'semiBold' | 'bold' | 'inherit';
+    /**
+     * Specifies if hyphens should be included when handling long words with no spaces.
+     */
+    hyphens?: 'auto' | 'none';
+};
+declare type TruncateProps = {
+    /**
+     * 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.
+     */
+    lineClamp?: number;
+    /**
+     * 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.
+     */
+    truncation?: never;
+} | {
+    lineClamp?: never;
+    truncation?: 'none' | 'clip' | 'ellipsis';
+};
+declare type AdditionalProps = {
+    /**
+     * Specifies the text id
+     */
+    id?: string;
+    /**
+     * Specifies the children.
+     */
+    children?: string;
+};
+declare type Props = StylePropsWithOutTruncate & TruncateProps & AdditionalProps;
+export declare function Text({ children, ...props }: Props): import("preact").JSX.Element;
+export {};

package/types/UNSAFE_Text/index.d.ts

@@ -0,0 +1 @@
+export { Text } from './Text';

package/types/UNSAFE_TextArea/MaxLengthCounter.d.ts

@@ -0,0 +1,7 @@
+declare type Props = {
+    maxLength: number;
+    valueLength?: number;
+    onClick?: () => void;
+};
+export declare function MaxLengthCounter({ maxLength, valueLength, onClick }: Props): import("preact").JSX.Element;
+export {};

package/types/UNSAFE_TextArea/TextArea.d.ts

@@ -0,0 +1,148 @@
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+import { ComponentProps, Ref } from 'preact';
+import { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';
+import { TextField, TextFieldInput } from '../UNSAFE_TextField';
+import { InlineUserAssistance } from '../UNSAFE_UserAssistance';
+import { CountUnit } from '../hooks/UNSAFE_useLengthFilter';
+import { Size } from '../utils/UNSAFE_size';
+declare type TextFieldProps = ComponentProps<typeof TextField>;
+declare type TextFieldInputProps = ComponentProps<typeof TextFieldInput>;
+declare type InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;
+declare type Props = {
+    /**
+     * The ID of an element (or space separated IDs of multiple elements) that
+     * describes the input.
+     */
+    ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];
+    /**
+     * Text to provide guidance to help the user understand what to enter.
+     */
+    assistiveText?: InlineUserAssistanceProps['assistiveText'];
+    /**
+     * Dictates component's autocomplete state.
+     * This attribute indicates whether the value of the control can be automatically completed by the browser.
+     * The common values are "on" and "off".
+     */
+    autoComplete?: TextFieldInputProps['autoComplete'];
+    /**
+     * Autofocus specifies whether the component will get focus when the page is loaded.
+     * If it is set to true then the associated component will get input focus when the page is loaded.
+     * Setting this property doesn't set the focus to the component; it tells the browser to focus
+     * to it when the element is inserted in the document.
+     */
+    autoFocus?: TextFieldInputProps['autoFocus'];
+    /**
+     * Help source URL associated with the component.
+     */
+    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];
+    /**
+     * Custom text to be rendered for the <code>helpSourceLink</code>.
+     */
+    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];
+    /**
+     * Specifies whether the component is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Specifies whether the component is readonly.
+     */
+    isReadonly?: boolean;
+    /**
+     * Specifies for accessibility purposes whether a value is required.
+     *
+     * Setting this property to <code>false</code> means that a value is not required to be
+     * committed by the user.  Setting this property to <code>true</code> means that a value
+     * is required to be committed by the user.
+     */
+    isRequired?: TextFieldInputProps['isRequired'];
+    /**
+     * Specifies whether to show an indicator on screen that a value is required, for example
+     * before the user has committed a value.
+     */
+    isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];
+    /**
+     * Specifies the label associated with the field.
+     */
+    label: string;
+    /**
+     * Specifies where the label is positioned relative to the field.
+     */
+    labelEdge?: 'inside' | 'start' | 'top' | 'none';
+    /**
+     * Specifies the width of the label when <code>labelEdge</code> is <code>"start"</code>
+     */
+    labelStartWidth?: Size;
+    /**
+     * Specifies the maximum number of characters that can be entered in the input field.
+     */
+    maxLength?: number;
+    /**
+     * Determines whether the remaining number of characters that can be entered is shown or not.
+     */
+    maxLengthCounter?: 'none' | 'remaining';
+    /**
+     * Specifies how the input text characters are to be counted when maxLength is specified.
+     */
+    maxLengthUnit?: CountUnit;
+    /**
+     * Messages to show on screen that are associated with the component.
+     */
+    messages?: InlineUserAssistanceProps['messages'];
+    /**
+     * A short hint to display before the user enters a value.
+     */
+    placeholder?: TextFieldInputProps['placeholder'];
+    /**
+     * Specifies how the user is allowed to manually resize the TextArea component.
+     */
+    resize?: TextFieldProps['resize'];
+    /**
+     * Specifies the ARIA role type.
+     */
+    role?: TextFieldInputProps['role'];
+    /**
+     * Specifies the number of rows to display
+     */
+    rows?: TextFieldInputProps['rows'];
+    /**
+     * Specifies how to align text within the field.
+     */
+    textAlign?: TextFieldInputProps['textAlign'];
+    /**
+     * Specifies the density of the user assistance presentation.  It can be set to:
+     * <ul>
+     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user
+     * assistance text is displayed.</li>
+     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>
+     * </ul>
+     */
+    userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];
+    /**
+     * The current display value of the component.
+     */
+    value?: TextFieldInputProps['value'];
+    /**
+     * The style variant of the component.
+     */
+    variant?: TextFieldInputProps['variant'];
+    /**
+     * Callback invoked when the user commits the entered value by blurring out of the field.
+     */
+    onCommit?: TextFieldInputProps['onCommit'];
+    /**
+     * Callback invoked each time the user changes the value of the field. For example, if the user
+     * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'
+     * respectively.
+     */
+    onInput: TextFieldInputProps['onInput'];
+};
+export declare const TextArea: import("preact").FunctionalComponent<Omit<Props, "ref"> & {
+    ref?: Ref<FocusableHandle> | undefined;
+}>;
+export {};

package/types/UNSAFE_TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextArea';
+export * from './MaxLengthCounter';

package/types/UNSAFE_TextAreaAutosize/ScrollHeightUtils.d.ts

@@ -0,0 +1,5 @@
+export declare const calculateLineHeight: (textarea: HTMLTextAreaElement) => number;
+export declare const getStylingHeight: (textarea: HTMLTextAreaElement) => {
+    paddingHeight: number;
+    borderHeight: number;
+};