@orfium/ictinus 5.5.0 → 5.5.1

package/dist/src/components/Table/Table.stories.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').MemoExoticComponent<(<T>({ data, columns, type, hasFixedHeader, hasFixedCTA, onCheck, isPadded, onSort, initialSort, sortDir, topLeftText, topRightArea, actionWidth, isInitiallyExpanded, dataTestIdPrefix, }: import('./Table').TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element)>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const RegularTableWithSimpleRows: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const RegularTableWithSortingAndTooltips: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TableWithExpandableRows: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TableWithExpandableRowsExpandedOnPageLoad: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FinancialTable: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FixedHeaderTable: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TableWithExpandableRowsAndSortDir: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TableWithFilteredDataForPerformance: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/Table/Table.style.d.ts

@@ -0,0 +1,6 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from '../../theme';
+
+export declare const tableStyle: () => () => SerializedStyles;
+export declare const tableCTAStyle: (isFixed: boolean) => (theme: Theme) => SerializedStyles;
+export declare const tableRowHeadersStyle: (hasExpandableRows: boolean, hasOnCheck: boolean, hasFixedHeader: boolean) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Table/Table.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Table/TableRowContext.d.ts

@@ -0,0 +1,21 @@
+import { Row, TableType } from './Table';
+import * as React from 'react';
+export type TableRowContextProps<T extends {
+    [key: string]: unknown;
+}> = {
+    row: Row<T>;
+    columnsWithWidth: number[];
+    isPadded: boolean;
+    hasOnSelectionChange: boolean;
+    isRowSelected: boolean;
+    columnCount: number;
+    columns: string[];
+    hasFixedHeader: boolean;
+    tChange: () => void;
+    type: TableType;
+    isBordered: boolean;
+    actionWidth?: number;
+};
+export declare const TableRowContext: React.Context<TableRowContextProps<{
+    [key: string]: unknown;
+}>>;

package/dist/src/components/Table/components/ExtendedColumnItem/ExtendedColumnItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ExtendedColumn, Sort } from '../../types';
+
+export type ExtendedColumnItemProps = {
+    item: ExtendedColumn | string;
+    isNumerical?: boolean;
+    sorting?: Sort;
+};
+declare const ExtendedColumnItem: React.FCC<ExtendedColumnItemProps>;
+export default ExtendedColumnItem;

package/dist/src/components/Table/components/ExtendedColumnItem/ExtendedColumnItem.style.d.ts

@@ -0,0 +1,5 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from '../../../../theme';
+
+export declare const containerStyles: (gap: string) => () => SerializedStyles;
+export declare const contentStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Table/components/ExtendedColumnItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ExtendedColumnItem';
+export * from './ExtendedColumnItem';

package/dist/src/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.d.ts

@@ -0,0 +1,14 @@
+import { Row } from '../../Table';
+
+declare const _default: {
+    <T extends {
+        [key: string]: unknown;
+    }>({ row, dataTestIdPrefix, rowIndex, isInitiallyExpanded, }: {
+        row: Row<T>;
+        dataTestIdPrefix?: string;
+        rowIndex?: number;
+        isInitiallyExpanded: boolean;
+    }): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/dist/src/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.style.d.ts

@@ -0,0 +1,11 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const borderedRowStyle: ({ isBordered, isCustomCell }: {
+    isBordered: boolean;
+    isCustomCell?: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const expandableRowStyle: ({ isFirstRow, hasFixedHeader }: {
+    isFirstRow: boolean;
+    hasFixedHeader: boolean;
+}) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Table/components/RenderRowOrNestedRow/components/ContentCell/ContentCell.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ContentComponent, TableType } from '../../../../Table';
+
+type ContentCellProps = {
+    columns: string[];
+    isPadded: boolean;
+    tooltipContent?: string;
+    columnWidth?: number;
+    content: number | string | ContentComponent<any>;
+    colSpan?: number;
+    cellType?: 'financial' | 'normal';
+    align?: 'left' | 'right';
+    rowType: TableType;
+    cellCounter: number;
+    dataTestIdPrefix?: string;
+    rowIndex?: number;
+    index?: number;
+};
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<ContentCellProps>>;
+export default _default;

package/dist/src/components/Table/components/RenderRowOrNestedRow/components/ContentCell/ContentCell.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const nestedHeaderStyle: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Table/components/RenderRowOrNestedRow/components/ContentCell/index.d.ts

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

package/dist/src/components/Table/components/RenderRowOrNestedRow/components/ExpandedButtonCell/ExpandedButtonCell.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+type ExpandedButtonCellProps = {
+    isExpandedExists: boolean;
+    isChecked: boolean;
+    toggleIsChecked: () => void;
+    actionWidth?: number;
+    dataTestIdPrefix?: string;
+    rowIndex?: number;
+    index?: number;
+};
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<ExpandedButtonCellProps>>;
+export default _default;

package/dist/src/components/Table/components/RenderRowOrNestedRow/components/ExpandedButtonCell/index.d.ts

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

package/dist/src/components/Table/components/RenderRowOrNestedRow/index.d.ts

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

package/dist/src/components/Table/components/TableCell/TableCell.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type TableCellProps = {
+    textAlign?: 'left' | 'right';
+    component?: 'td' | 'th';
+    width?: number | string;
+    isSticky?: boolean;
+    isPaddedSticky?: boolean;
+    colSpan?: number;
+    type?: 'financial' | 'normal';
+    isPadded?: boolean;
+    dataTestIdPrefix?: string;
+    rowIndex?: number;
+    index?: number | string;
+    isSortable?: boolean;
+    isActive?: boolean;
+    onClick?: () => void;
+};
+declare const TableCell: React.FCC<TableCellProps>;
+export default TableCell;

package/dist/src/components/Table/components/TableCell/TableCell.style.d.ts

@@ -0,0 +1,6 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const parentStyles: ({ isActive }: {
+    isActive: boolean;
+}) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Table/components/TableCell/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableCell';
+export * from './TableCell';

package/dist/src/components/Table/components/TableCell/utils.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+
+export declare const getTestId: (children: ReactNode, component: 'td' | 'th', dataTestIdPrefix?: string, rowIndex?: number, index?: string | number) => string;

package/dist/src/components/Table/components/TableRow/TableRow.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export type TableRowProps = {
+    isSelected?: boolean;
+    isNested?: boolean;
+    onClick?: () => void;
+};
+declare const TableRow: React.FCC<TableRowProps>;
+export default TableRow;

package/dist/src/components/Table/components/TableRow/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableRow';
+export * from './TableRow';

package/dist/src/components/Table/components/TableRowWrapper/TableRowWrapper.d.ts

@@ -0,0 +1,21 @@
+import { Row, Selection, TableType } from '../../Table';
+
+export type TableRowWrapperProps<T> = {
+    row: Row<T>;
+    isRowSelected: boolean;
+    onSelectionAdd: (selection: Selection) => void;
+    columnsWithWidth: number[];
+    isPadded: boolean;
+    hasOnSelectionChange: boolean;
+    columnCount: number;
+    columns: string[];
+    hasFixedHeader: boolean;
+    type: TableType;
+    isExpanded: boolean;
+    actionWidth?: number;
+    isInitiallyExpanded: boolean;
+    dataTestIdPrefix?: string;
+    rowIndex?: number;
+};
+declare const _default: <T extends Record<string, unknown>>(props: TableRowWrapperProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/src/components/Table/components/TableRowWrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableRowWrapper';
+export * from './TableRowWrapper';

package/dist/src/components/Table/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Table';
+export * from './Table';
+export * from './types';

package/dist/src/components/Table/types.d.ts

@@ -0,0 +1,18 @@
+import { TooltipPlacement } from '../Tooltip/Tooltip.types';
+
+export type SortingOrder = 'asc' | 'desc';
+export type ExtendedColumn = {
+    content: {
+        label: string;
+        sortingKey: string;
+    };
+    tooltip?: {
+        content: string;
+        placement?: TooltipPlacement;
+    };
+    isSortable?: boolean;
+};
+export type Sort = {
+    column: string;
+    order: SortingOrder;
+};

package/dist/src/components/Table/utils/TableStoryComponents.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Cell, Row } from '../Table';
+import { ExtendedColumn } from '../types';
+
+/** This is just a dummy component to be used in Storybook for showing the Row type on props */
+export declare const RowStory: React.FC<Row<unknown>>;
+/** This is just a dummy component to be used in Storybook for showing the Cell type on props */
+export declare const CellStory: React.FC<Cell<unknown>>;
+/** This is just a dummy component to be used in Storybook for showing the ExtendedColumn type on props */
+export declare const ExtendedColumnStory: React.FC<ExtendedColumn>;

package/dist/src/components/Table/utils/index.d.ts

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

package/dist/src/components/Table/utils/utils.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from 'theme';
+import { ExtendedColumn } from '../types';
+
+export declare const isItemString: (prop: string | ExtendedColumn) => prop is string;
+export declare const hasTooltipOrSortingKey: (prop: ExtendedColumn) => boolean;
+export declare const getBorderColor: (theme: Theme) => string;

package/dist/src/components/Tag/Tag.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+declare const Tag: React.ForwardRefExoticComponent<Omit<Partial<Omit<React.HTMLProps<HTMLDivElement>, "color" | "css" | "size">> & {
+    color?: import('./Tag.types').TagColors;
+    size?: import('./Tag.types').TagSizes;
+    iconName?: import('../Icon').AcceptedIconNames;
+    onSelect?: () => void;
+    isSelected?: boolean;
+    onClear?: () => void;
+} & import('../..').TestProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Tag;

package/dist/src/components/Tag/Tag.stories.d.ts

@@ -0,0 +1,84 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<Partial<Omit<import('react').HTMLProps<HTMLDivElement>, "color" | "css" | "size">> & {
+        color?: import('./Tag.types').TagColors;
+        size?: import('./Tag.types').TagSizes;
+        iconName?: import('../Icon').AcceptedIconNames;
+        onSelect?: () => void;
+        isSelected?: boolean;
+        onClear?: () => void;
+    } & import('../..').TestProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    args: {
+        text: string;
+        size: string;
+        type: string;
+        color: string;
+    };
+    argTypes: {
+        type: {
+            type: string;
+            options: string[];
+        };
+    };
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        chromatic: {
+            diffThreshold: number;
+        };
+    };
+};
+export default _default;
+export declare const ReadOnlyTag: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const ReadOnlyTagWithIcon: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const SelectableTag: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const ClearableTag: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TagSizes: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/Tag/Tag.style.d.ts

@@ -0,0 +1,9 @@
+import { SerializedStyles } from '@emotion/react';
+import { TagProps } from './Tag.types';
+import { Theme } from '../../theme';
+
+export declare const tagContainerStyles: ({ size, color, isSelectable, isClearable, isSelected, }: Pick<TagProps, 'size' | 'color' | 'isSelected'> & {
+    isSelectable?: boolean;
+    isClearable?: boolean;
+}) => (theme: Theme) => SerializedStyles;
+export declare const iconStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Tag/Tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Tag/Tag.tokens.d.ts

@@ -0,0 +1,6 @@
+import { default as tag } from '../../theme/tokens/components/variables/tag';
+import { DotKeys } from '../../theme/tokens/utils';
+import { Theme } from '../../theme';
+
+export type TagTokens = DotKeys<typeof tag>;
+export declare const getTagTokens: (theme: Theme) => (path: "small.height" | "normal.height", fn?: (val: string) => unknown) => any;

package/dist/src/components/Tag/Tag.types.d.ts

@@ -0,0 +1,23 @@
+import { TestProps } from 'utils/types';
+import { AcceptedIconNames } from '../Icon';
+
+export type TagColors = 'neutral' | 'blue' | 'red' | 'purple' | 'teal' | 'orange';
+export type TagSizes = 'normal' | 'small';
+export type TagProps = {
+    /** The color of the Tag
+     *  @default 'neutral'
+     * */
+    color?: TagColors;
+    /** The size of the Tag
+     *  @default 'normal'
+     * */
+    size?: TagSizes;
+    /** The name of the leading icon. Applies only to read-only Tag  */
+    iconName?: AcceptedIconNames;
+    /** If provided, the Tag becomes selectable. Callback for when the Tag is clicked */
+    onSelect?: () => void;
+    /** Whether the selectable Tag is selected (active state) */
+    isSelected?: boolean;
+    /** If provided, the Tag becomes clearable. Callback for when the clear icon of the Tag is clicked */
+    onClear?: () => void;
+} & TestProps;

package/dist/src/components/Tag/constants.d.ts

@@ -0,0 +1,4 @@
+import { SemanticColorsKey } from '../../theme/tokens/semantic/colors';
+import { TagColors } from './Tag.types';
+
+export declare const tagColorToSemColor: Record<TagColors, Record<string, SemanticColorsKey>>;

package/dist/src/components/Tag/hooks/useGetTagUtils.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TestProps } from 'utils/types';
+import { TagProps } from '../Tag.types';
+
+declare const useGetTagUtils: ({ color, iconName, onSelect, onClear, isSelected, dataTestPrefixId, }: Pick<TagProps, 'iconName' | 'color' | 'onSelect' | 'onClear' | 'isSelected'> & TestProps) => {
+    isSelectable: boolean;
+    isClearable: boolean;
+    isInteractive: boolean;
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+    prefix: import("@emotion/react/jsx-runtime").JSX.Element;
+    suffix: import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default useGetTagUtils;

package/dist/src/components/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tag';
+export * from './Tag.types';

package/dist/src/components/TextArea/TextArea.d.ts

@@ -0,0 +1,33 @@
+import { TestProps } from '../../utils/types';
+import { TextInputBaseProps } from '../TextInputBase/TextInputBase';
+import * as React from 'react';
+export type TextAreaProps = {
+    /** The id of the text field that will be used as for in label too */
+    id?: string;
+    /** The value of the textarea element */
+    value?: string;
+    /** The placeholder of the input that will be used. This is shown if no label exists */
+    placeholder?: string;
+    /** If the text field value is required */
+    isRequired?: boolean;
+    /** Boolean to make the input readonly. Default to false. */
+    isReadOnly?: boolean;
+    /** If the text field is disabled */
+    isDisabled?: boolean;
+    /** If the text area can be resized */
+    isResizeEnabled?: boolean;
+    /** Number of maximum characters. Will be shown on the counter on the bottom right of the component */
+    maxCharacters?: number;
+    /** Callback fired when the `input` is blurred. */
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback fired when the `input` is changed. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /** Callback fired when the `input` is focused. */
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback fired when the `input` has a key down event. */
+    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: React.EventHandler<any>;
+} & Omit<React.HTMLProps<HTMLTextAreaElement>, 'size'> & Pick<TextInputBaseProps, 'status' | 'label'> & TestProps;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>>;
+export default _default;

package/dist/src/components/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./TextArea').TextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>>;
+    parameters: {
+        design: {
+            name: string;
+            type: string;
+            url: string;
+        }[];
+    };
+    args: {
+        hintMessage: string;
+        label: string;
+    };
+    argTypes: {
+        status: {
+            type: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const TextAreaWithPlaceholder: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const TextAreaWithResizingOption: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const TextAreaWithCounter: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const TextAreaStatuses: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    name: string;
+};
+export declare const DisabledTextArea: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/TextArea/TextArea.style.d.ts

@@ -0,0 +1,11 @@
+import { SerializedStyles } from '@emotion/react';
+import { CSSObject } from '@emotion/serialize';
+import { TextAreaProps } from './TextArea';
+import { Theme } from '../../theme';
+
+export declare const sxProp: ({ isResizeEnabled }: Partial<TextAreaProps>) => (theme: Theme) => {
+    wrapper: CSSObject;
+    textField: CSSObject;
+    input: CSSObject;
+};
+export declare const hintMessageStyle: ({ isDisabled }: Pick<TextAreaProps, 'isDisabled'>) => (theme: Theme) => SerializedStyles;

package/dist/src/components/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TextArea';
+export * from './TextArea';

package/dist/src/components/TextField/TextField.d.ts

@@ -0,0 +1,37 @@
+import { InputHTMLAttributes, default as React } from 'react';
+import { TestProps } from '../../utils/types';
+import { TextInputBaseProps } from '../TextInputBase';
+
+export type InputProps = Partial<Omit<InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'disabled' | 'size'>>;
+type MaskProps = {
+    mask?: never;
+} | {
+    mask?: string | (string | RegExp)[];
+    placeholder?: never;
+};
+export type TextFieldProps = {
+    /** The id of the text field that will be used as for in label too */
+    id?: string;
+    /** Callback fired when the `input` is blurred. */
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback fired when the `input` is changed. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /** Callback fired when the `input` is focused. */
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback fired when the `input` has a key down event. */
+    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: React.EventHandler<any>;
+    /** Boolean to make the input readonly. Default to false. */
+    isReadOnly?: boolean;
+    /** [For MultiTextField] If true, the user can add multiple tags as an input */
+    isMulti?: boolean;
+    /** [For MultiTextField] The values of the tags */
+    tags?: string[];
+    /** [For MultiTextField] A callback for when a Tag value is deleted */
+    onMultiValueDelete?: (value: string) => void;
+    /** [For MultiTextField] A callback for when all values are deleted  */
+    onMultiValueClearAll?: () => void;
+} & TextInputBaseProps & MaskProps & InputProps & TestProps;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;