@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/esm/baseui/table-semantic/table-builder.js

@@ -0,0 +1,79 @@
+import { __assign, __extends, __read, __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { StyledRoot, StyledTable, StyledTableHead, StyledTableHeadRow, StyledTableHeadCell, StyledTableBody, StyledTableBodyRow, StyledTableBodyCell, StyledTableLoadingMessage, StyledTableEmptyMessage, } from './styled-components';
+import { getOverrides } from '../helpers/overrides';
+import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible';
+var TableBuilder = /** @class */ (function (_super) {
+    __extends(TableBuilder, _super);
+    function TableBuilder() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            isFocusVisible: false,
+        };
+        _this.handleFocus = function (event) {
+            if (isFocusVisible(event)) {
+                _this.setState({ isFocusVisible: true });
+            }
+        };
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        _this.handleBlur = function (event) {
+            if (_this.state.isFocusVisible !== false) {
+                _this.setState({ isFocusVisible: false });
+            }
+        };
+        return _this;
+    }
+    TableBuilder.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, children = _a.children, data = _a.data, divider = _a.divider, horizontalScrollWidth = _a.horizontalScrollWidth, sortColumn = _a.sortColumn, _c = _a.sortOrder, sortOrder = _c === void 0 ? 'ASC' : _c, onSort = _a.onSort, isLoading = _a.isLoading, loadingMessage = _a.loadingMessage, emptyMessage = _a.emptyMessage, size = _a.size, rest = __rest(_a, ["overrides", "children", "data", "divider", "horizontalScrollWidth", "sortColumn", "sortOrder", "onSort", "isLoading", "loadingMessage", "emptyMessage", "size"]);
+        var _d = __read(getOverrides(overrides.Root, StyledRoot), 2), Root = _d[0], rootProps = _d[1];
+        var _e = __read(getOverrides(overrides.Table, StyledTable), 2), Table = _e[0], tableProps = _e[1];
+        var _f = __read(getOverrides(overrides.TableHead, StyledTableHead), 2), TableHead = _f[0], tableHeadProps = _f[1];
+        var _g = __read(getOverrides(overrides.TableHeadRow, StyledTableHeadRow), 2), TableHeadRow = _g[0], tableHeadRowProps = _g[1];
+        var _h = __read(getOverrides(overrides.TableHeadCell, StyledTableHeadCell), 2), TableHeadCell = _h[0], tableHeadCellProps = _h[1];
+        var _j = __read(getOverrides(overrides.TableHeadCellSortable, function () { return null; }), 2), TableHeadCellSortable = _j[0], tableHeadCellSortableProps = _j[1];
+        var _k = __read(getOverrides(overrides.TableBody, StyledTableBody), 2), TableBody = _k[0], tableBodyProps = _k[1];
+        var _l = __read(getOverrides(overrides.TableBodyRow, StyledTableBodyRow), 2), TableBodyRow = _l[0], tableBodyRowProps = _l[1];
+        var _m = __read(getOverrides(overrides.TableBodyCell, StyledTableBodyCell), 2), TableBodyCell = _m[0], tableBodyCellProps = _m[1];
+        var _o = __read(getOverrides(overrides.TableLoadingMessage, StyledTableLoadingMessage), 2), TableLoadingMessage = _o[0], tableLoadingMessageProps = _o[1];
+        var _p = __read(getOverrides(overrides.TableEmptyMessage, StyledTableEmptyMessage), 2), TableEmptyMessage = _p[0], tableEmptyMessageProps = _p[1];
+        var columns = React.Children.toArray(children)
+            .filter(Boolean)
+            // @ts-expect-error todo(flow->ts): limit children to be only react elements
+            .map(function (child) { return child.props; });
+        // @ts-ignore
+        function renderHeader(col, colIndex, isFocusVisible) {
+            var colOverrides = col.overrides || {};
+            if (!col.sortable) {
+                var _a = __read(getOverrides(colOverrides.TableHeadCell, TableHeadCell), 2), ColTableHeadCell = _a[0], colTableHeadCellProps = _a[1];
+                return (_jsx(ColTableHeadCell, __assign({ "$col": col, "$colIndex": colIndex, "$divider": divider, "$isNumeric": col.numeric, "$size": size }, tableHeadCellProps, colTableHeadCellProps, { children: col.header }), colIndex));
+            }
+            else
+                return _jsx(_Fragment, {}, void 0);
+        }
+        // @ts-ignore
+        function renderCell(col, colIndex, row, rowIndex, lastRowindex) {
+            var colOverrides = col.overrides || {};
+            var _a = __read(getOverrides(colOverrides.TableBodyCell, TableBodyCell), 2), ColTableBodyCell = _a[0], colTableBodyCellProps = _a[1];
+            return (_jsx(ColTableBodyCell, __assign({ "$col": col, "$colIndex": colIndex, "$divider": divider, "$row": row, "$rowIndex": rowIndex, "$isNumeric": col.numeric, "$isLastRow": rowIndex === lastRowindex, "$isSortable": col.sortable, "$size": size }, tableBodyCellProps, colTableBodyCellProps, { children: col.children(row, rowIndex) }), colIndex));
+        }
+        var isEmpty = !isLoading && data.length === 0;
+        var isRendered = !isLoading && !isEmpty;
+        return (_jsx(Root, __assign({ "data-baseweb": "table-builder-semantic", "$divider": divider }, rootProps, rest, { children: _jsxs(Table, __assign({ "$width": horizontalScrollWidth }, tableProps, { onBlur: forkBlur(tableProps, this.handleBlur), onFocus: forkFocus(tableProps, this.handleFocus) }, { children: [_jsx(TableHead, __assign({}, tableHeadProps, { children: _jsx(TableHeadRow, __assign({}, tableHeadRowProps, { children: columns.map(function (col, colIndex) { return renderHeader(col, colIndex, _this.state.isFocusVisible); }) }), void 0) }), void 0), _jsxs(TableBody, __assign({}, tableBodyProps, { children: [isLoading && (_jsx("tr", { children: _jsx("td", __assign({ colSpan: columns.length }, { children: _jsx(TableLoadingMessage, __assign({}, tableLoadingMessageProps, { children: typeof loadingMessage === 'function' ? loadingMessage() : loadingMessage }), void 0) }), void 0) }, void 0)), isEmpty && emptyMessage && (_jsx("tr", { children: _jsx("td", __assign({ colSpan: columns.length }, { children: _jsx(TableEmptyMessage, __assign({}, tableEmptyMessageProps, { children: typeof emptyMessage === 'function' ? emptyMessage() : emptyMessage }), void 0) }), void 0) }, void 0)), isRendered &&
+                                data.map(function (row, rowIndex) { return (_jsx(TableBodyRow, __assign({ "$divider": divider, "$row": row, "$rowIndex": rowIndex }, tableBodyRowProps, { children: columns.map(function (col, colIndex) { return renderCell(col, colIndex, row, rowIndex, data.length - 1); }) }), rowIndex)); })] }), void 0)] }), void 0) }), void 0));
+    };
+    TableBuilder.defaultProps = {
+        // @ts-ignore
+        data: [],
+        loadingMessage: 'Loading...',
+    };
+    return TableBuilder;
+}(React.Component));
+export default TableBuilder;

package/esm/baseui/table-semantic/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { TableProps } from './types';
+export default class Table extends React.Component<TableProps> {
+    static defaultProps: {
+        columns: never[];
+        data: never[][];
+        loadingMessage: string;
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/esm/baseui/table-semantic/table.js

@@ -0,0 +1,43 @@
+import { __assign, __extends, __read, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { StyledRoot, StyledTable, StyledTableHead, StyledTableHeadRow, StyledTableHeadCell, StyledTableBody, StyledTableBodyRow, StyledTableBodyCell, StyledTableLoadingMessage, StyledTableEmptyMessage, } from './styled-components';
+import { getOverrides } from '../helpers/overrides';
+var Table = /** @class */ (function (_super) {
+    __extends(Table, _super);
+    function Table() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Table.prototype.render = function () {
+        var _a = this.props, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, columns = _a.columns, data = _a.data, divider = _a.divider, horizontalScrollWidth = _a.horizontalScrollWidth, isLoading = _a.isLoading, loadingMessage = _a.loadingMessage, emptyMessage = _a.emptyMessage, size = _a.size, rest = __rest(_a, ["overrides", "columns", "data", "divider", "horizontalScrollWidth", "isLoading", "loadingMessage", "emptyMessage", "size"]);
+        var _c = __read(getOverrides(overrides.Root, StyledRoot), 2), Root = _c[0], rootProps = _c[1];
+        var _d = __read(getOverrides(overrides.Table, StyledTable), 2), Table = _d[0], tableProps = _d[1];
+        var _e = __read(getOverrides(overrides.TableHead, StyledTableHead), 2), TableHead = _e[0], tableHeadProps = _e[1];
+        var _f = __read(getOverrides(overrides.TableHeadRow, StyledTableHeadRow), 2), TableHeadRow = _f[0], tableHeadRowProps = _f[1];
+        var _g = __read(getOverrides(overrides.TableHeadCell, StyledTableHeadCell), 2), TableHeadCell = _g[0], tableHeadCellProps = _g[1];
+        var _h = __read(getOverrides(overrides.TableBody, StyledTableBody), 2), TableBody = _h[0], tableBodyProps = _h[1];
+        var _j = __read(getOverrides(overrides.TableBodyRow, StyledTableBodyRow), 2), TableBodyRow = _j[0], tableBodyRowProps = _j[1];
+        var _k = __read(getOverrides(overrides.TableBodyCell, StyledTableBodyCell), 2), TableBodyCell = _k[0], tableBodyCellProps = _k[1];
+        var _l = __read(getOverrides(overrides.TableLoadingMessage, StyledTableLoadingMessage), 2), TableLoadingMessage = _l[0], tableLoadingMessageProps = _l[1];
+        var _m = __read(getOverrides(overrides.TableEmptyMessage, StyledTableEmptyMessage), 2), TableEmptyMessage = _m[0], tableEmptyMessageProps = _m[1];
+        var isEmpty = !isLoading && data.length === 0;
+        var isRendered = !isLoading && !isEmpty;
+        return (_jsx(Root, __assign({ "data-baseweb": "table-semantic", "$divider": divider }, rootProps, rest, { children: _jsxs(Table, __assign({ "$width": horizontalScrollWidth }, tableProps, { children: [_jsx(TableHead, __assign({}, tableHeadProps, { children: _jsx(TableHeadRow, __assign({}, tableHeadRowProps, { children: columns.map(function (col, colIndex) { return (_jsx(TableHeadCell, __assign({ "$col": col, "$colIndex": colIndex, "$divider": divider, "$size": size }, tableHeadCellProps, { children: col }), colIndex)); }) }), void 0) }), void 0), _jsxs(TableBody, __assign({}, tableBodyProps, { children: [isLoading && (_jsx("tr", { children: _jsx("td", __assign({ colSpan: columns.length }, { children: _jsx(TableLoadingMessage, __assign({}, tableLoadingMessageProps, { children: typeof loadingMessage === 'function' ? loadingMessage() : loadingMessage }), void 0) }), void 0) }, void 0)), isEmpty && emptyMessage && (_jsx("tr", { children: _jsx("td", __assign({ colSpan: columns.length }, { children: _jsx(TableEmptyMessage, __assign({}, tableEmptyMessageProps, { children: typeof emptyMessage === 'function' ? emptyMessage() : emptyMessage }), void 0) }), void 0) }, void 0)), isRendered &&
+                                data.map(function (row, rowIndex) { return (_jsx(TableBodyRow, __assign({ "$divider": divider, "$row": row, "$rowIndex": rowIndex }, tableBodyRowProps, { children: columns.map(function (col, colIndex) { return (_jsx(TableBodyCell, __assign({ "$col": col, "$colIndex": colIndex, "$divider": divider, "$row": row, "$rowIndex": rowIndex, "$isLastRow": rowIndex === data.length - 1, "$size": size }, tableBodyCellProps, { children: row[colIndex] }), colIndex)); }) }), rowIndex)); })] }), void 0)] }), void 0) }), void 0));
+    };
+    Table.defaultProps = {
+        // @ts-ignore
+        columns: [],
+        // @ts-ignore
+        data: [[]],
+        loadingMessage: 'Loading...',
+    };
+    return Table;
+}(React.Component));
+export default Table;

package/esm/baseui/table-semantic/types.d.ts

@@ -0,0 +1,66 @@
+import type * as React from 'react';
+import type { Override } from '../helpers/overrides';
+import type { SIZE, DIVIDER } from './constants';
+export declare type Size = keyof typeof SIZE;
+export declare type Divider = keyof typeof DIVIDER;
+export declare type TableOverrides = {
+    Root?: Override;
+    Table?: Override;
+    TableHead?: Override;
+    TableHeadRow?: Override;
+    TableHeadCell?: Override;
+    TableBody?: Override;
+    TableBodyRow?: Override;
+    TableBodyCell?: Override;
+    TableLoadingMessage?: Override;
+    TableEmptyMessage?: Override;
+};
+export declare type TableProps = {
+    overrides?: TableOverrides;
+    columns: Array<React.ReactNode>;
+    data: Array<Array<React.ReactNode>>;
+    divider?: Divider;
+    horizontalScrollWidth?: string;
+    isLoading?: boolean;
+    loadingMessage?: React.ReactNode | (() => React.ReactNode);
+    emptyMessage?: React.ReactNode | (() => React.ReactNode);
+    size?: Size;
+};
+export declare type BuilderOverrides = {
+    TableHeadCellSortable?: Override;
+    SortIconContainer?: Override;
+    SortAscIcon?: Override;
+    SortDescIcon?: Override;
+    SortNoneIcon?: Override;
+} & TableOverrides;
+export declare type TableBuilderProps<RowT> = {
+    overrides?: BuilderOverrides;
+    children?: React.ReactNode;
+    data: Array<RowT>;
+    divider?: Divider;
+    horizontalScrollWidth?: string;
+    sortColumn?: string | null;
+    sortOrder?: 'ASC' | 'DESC' | null;
+    onSort?: (columnId: string) => void;
+    isLoading?: boolean;
+    loadingMessage?: React.ReactNode | (() => React.ReactNode);
+    emptyMessage?: React.ReactNode | (() => React.ReactNode);
+    size?: Size;
+};
+export declare type ColumnOverrides = {
+    TableHeadCell?: Override;
+    TableHeadCellSortable?: Override;
+    TableBodyCell?: Override;
+    SortAscIcon?: Override;
+    SortDescIcon?: Override;
+    SortNoneIcon?: Override;
+};
+export declare type TableBuilderColumnProps<RowT> = {
+    overrides?: ColumnOverrides;
+    children: (row: RowT, rowIndex?: number) => React.ReactNode;
+    id?: string;
+    header?: React.ReactNode;
+    numeric?: boolean;
+    sortable?: boolean;
+    tableHeadAriaLabel?: string;
+};

package/esm/baseui/table-semantic/types.js

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

package/esm/baseui/textarea/constants.d.ts

@@ -0,0 +1 @@
+export { SIZE, ADJOINED, STATE_CHANGE_TYPE } from '../input';

package/esm/baseui/textarea/constants.js

@@ -0,0 +1,7 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export { SIZE, ADJOINED, STATE_CHANGE_TYPE } from '../input';

package/esm/baseui/textarea/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Textarea } from './textarea';
+export { default as StatefulTextarea } from './stateful-textarea';
+export { default as StatefulContainer } from './stateful-container';
+export { StyledTextareaContainer, StyledTextarea } from './styled-components';
+export { STATE_CHANGE_TYPE, SIZE } from './constants';
+export * from './types';

package/esm/baseui/textarea/index.js

@@ -0,0 +1,13 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export { default as Textarea } from './textarea';
+export { default as StatefulTextarea } from './stateful-textarea';
+export { default as StatefulContainer } from './stateful-container';
+// Styled elements
+export { StyledTextareaContainer, StyledTextarea } from './styled-components';
+export { STATE_CHANGE_TYPE, SIZE } from './constants';
+export * from './types';

package/esm/baseui/textarea/stateful-container.d.ts

@@ -0,0 +1,2 @@
+import { StatefulContainer } from '../input';
+export default StatefulContainer;

package/esm/baseui/textarea/stateful-container.js

@@ -0,0 +1,8 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import { StatefulContainer } from '../input';
+export default StatefulContainer;

package/esm/baseui/textarea/stateful-textarea.d.ts

@@ -0,0 +1,2 @@
+import type { StatefulTextareaProps } from './types';
+export default function StatefulTextarea(props: StatefulTextareaProps): import("react/jsx-runtime").JSX.Element;

package/esm/baseui/textarea/stateful-textarea.js

@@ -0,0 +1,9 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import StatefulContainer from './stateful-container';
+import Textarea from './textarea';
+export default function StatefulTextarea(props) {
+    return (
+    // @ts-ignore
+    _jsx(StatefulContainer, __assign({}, props, { children: function (childrenProps) { return _jsx(Textarea, __assign({}, childrenProps), void 0); } }), void 0));
+}

package/esm/baseui/textarea/styled-components.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledTextAreaRoot: import("../../style/styled").StyledComponent;
+export declare const StyledTextareaContainer: import("../../style/styled").StyledComponent;
+export declare const StyledTextarea: import("../../style/styled").StyledComponent;

package/esm/baseui/textarea/styled-components.js

@@ -0,0 +1,16 @@
+import { __assign } from "tslib";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import { styled } from '../../style';
+import { getInputStyles, getInputContainerStyles, getRootStyles } from '../input/styled-components';
+export var StyledTextAreaRoot = styled('div', 'ease-outbox-border flex w-full overflow-hidden duration-200', function (_, props) { return (__assign(__assign({}, getRootStyles()), { width: props.$resize ? 'fit-content' : '100%' })); });
+StyledTextAreaRoot.displayName = 'StyledTextAreaRoot';
+export var StyledTextareaContainer = styled('div', function () { return getInputContainerStyles(); });
+StyledTextareaContainer.displayName = 'StyledTextareaContainer';
+export var StyledTextarea = styled('textarea', 'box-border border-transparent border-0 border-none bg-transparent w-full p-0' +
+    ' m-0 min-w-full min-w-0 outline-none', function (_, props) { return (__assign(__assign({}, getInputStyles(undefined, props)), { resize: props.$resize || 'none' })); });
+StyledTextarea.displayName = 'StyledTextarea';

package/esm/baseui/textarea/textarea.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { TextareaProps } from './types';
+import type { FocusEvent } from 'react';
+declare class Textarea extends React.Component<TextareaProps, {
+    isFocused: boolean;
+}> {
+    static defaultProps: {
+        autoFocus: boolean;
+        disabled: boolean;
+        readOnly: boolean;
+        error: boolean;
+        name: string;
+        onBlur: () => void;
+        onChange: () => void;
+        onKeyDown: () => void;
+        onKeyPress: () => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        overrides: {};
+        placeholder: string;
+        required: boolean;
+        rows: number;
+        size: "default";
+    };
+    state: {
+        isFocused: boolean;
+    };
+    onFocus: (e: FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur: (e: FocusEvent<HTMLTextAreaElement>) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default Textarea;

package/esm/baseui/textarea/textarea.js

@@ -0,0 +1,61 @@
+import { __assign, __extends, __read } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { mergeOverrides, getOverrides } from '../helpers/overrides';
+import { BaseInput, SIZE, CUSTOM_INPUT_TYPE } from '../input';
+import { StyledTextAreaRoot, StyledTextarea, StyledTextareaContainer } from './styled-components';
+var Textarea = /** @class */ (function (_super) {
+    __extends(Textarea, _super);
+    function Textarea() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            isFocused: _this.props.autoFocus || false,
+        };
+        _this.onFocus = function (e) {
+            _this.setState({ isFocused: true });
+            // @ts-ignore
+            _this.props.onFocus(e);
+        };
+        _this.onBlur = function (e) {
+            _this.setState({ isFocused: false });
+            // @ts-ignore
+            _this.props.onBlur(e);
+        };
+        return _this;
+    }
+    Textarea.prototype.render = function () {
+        var _a = this.props.overrides, overrides = _a === void 0 ? {} : _a;
+        var _b = __read(getOverrides(overrides.Root, StyledTextAreaRoot), 2), Root = _b[0], rootProps = _b[1];
+        var inputOverrides = mergeOverrides({
+            Input: { component: StyledTextarea },
+            InputContainer: { component: StyledTextareaContainer },
+        }, overrides);
+        return (_jsx(Root, __assign({ "data-baseweb": "textarea", "$isFocused": this.state.isFocused, "$isReadOnly": this.props.readOnly, "$disabled": this.props.disabled, "$error": this.props.error, "$positive": this.props.positive, "$required": this.props.required, "$resize": this.props.resize }, rootProps, { children: _jsx(BaseInput, __assign({}, this.props, { type: CUSTOM_INPUT_TYPE.textarea, overrides: inputOverrides, onFocus: this.onFocus, onBlur: this.onBlur, resize: this.props.resize }), void 0) }), void 0));
+    };
+    Textarea.defaultProps = {
+        autoFocus: false,
+        disabled: false,
+        readOnly: false,
+        error: false,
+        name: '',
+        onBlur: function () { },
+        onChange: function () { },
+        onKeyDown: function () { },
+        onKeyPress: function () { },
+        onKeyUp: function () { },
+        onFocus: function () { },
+        overrides: {},
+        placeholder: '',
+        required: false,
+        rows: 3,
+        size: SIZE.default,
+    };
+    return Textarea;
+}(React.Component));
+export default Textarea;

package/esm/baseui/textarea/types.d.ts

@@ -0,0 +1,44 @@
+import type * as React from 'react';
+import type { Properties } from 'csstype';
+import type { Override } from '../helpers/overrides';
+import type { BaseInputProps, StateReducer, State, ADJOINED, SIZE } from '../input';
+declare type SyntheticTextareaEvent = React.SyntheticEvent<HTMLTextAreaElement>;
+export declare type Size = keyof typeof SIZE;
+export declare type SharedStyleProps = {
+    $adjoined: keyof typeof ADJOINED;
+    $disabled?: boolean;
+    $error?: boolean;
+    $isFocused?: boolean;
+    $isReadOnly?: boolean;
+    $positive?: boolean;
+    $required?: boolean;
+    $resize?: Properties['resize'];
+    $size: Size;
+};
+declare type BaseTextAreaProps = BaseInputProps<HTMLTextAreaElement>;
+export declare type TextareaOverrides = {
+    Root?: Override;
+} & BaseTextAreaProps['overrides'];
+export declare type TextareaProps = {
+    overrides?: TextareaOverrides;
+    resize?: Properties['resize'];
+    /** Sets the size and number of visible text lines
+     of the textarea element. */
+    rows?: number;
+    maxLength?: number;
+} & BaseTextAreaProps;
+export declare type StatefulContainerProps = {
+    children: (props: any) => React.ReactNode;
+    initialState?: State;
+    stateReducer?: StateReducer;
+    onChange?: (e: SyntheticTextareaEvent) => unknown;
+    onKeyDown?: (e: SyntheticTextareaEvent) => unknown;
+    onKeyPress?: (e: SyntheticTextareaEvent) => unknown;
+    onKeyUp?: (e: SyntheticTextareaEvent) => unknown;
+};
+declare type OmitProps = {
+    children: (props: any) => React.ReactNode;
+};
+declare type FullStProps = TextareaProps & StatefulContainerProps;
+export declare type StatefulTextareaProps = Partial<Omit<FullStProps, keyof OmitProps>>;
+export {};

package/esm/baseui/textarea/types.js

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

package/esm/baseui/timepicker/index.d.ts

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

package/esm/baseui/timepicker/index.js

@@ -0,0 +1,9 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export { default as TimePicker } from './timepicker';
+// Flow
+export * from './types';

package/esm/baseui/timepicker/timepicker.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import type { OnChangeParams, Option } from '../select';
+import { filterOptions } from '../select';
+import DateHelpers from '../datepicker/utils/date-helpers';
+import type { TimePickerDefaultProps, TimePickerProps, TimePickerState } from './types';
+declare class TimePicker<T = Date> extends React.Component<TimePickerProps<T>, TimePickerState> {
+    static defaultProps: TimePickerDefaultProps;
+    dateHelpers: DateHelpers<T>;
+    state: {
+        steps: never[];
+        value: null;
+    };
+    constructor(props: TimePickerProps<T>);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: TimePickerProps<T>): void;
+    onChange: (params: OnChangeParams) => void;
+    secondsToLabel: (seconds: number, format?: "12" | "24" | undefined) => string;
+    /**
+     * Converts a time string, e.g. 10:00, to one or more possible TimePicker
+     * options representing that time.
+     */
+    stringToOptions: (a: string, format?: '12' | '24') => Array<Option>;
+    handleChange: (seconds: number) => void;
+    setTime: (d: T | undefined | null, c: number, b: number, a: number) => T;
+    getTimeWindowInSeconds: (step: number) => {
+        start: number;
+        end: number;
+    };
+    buildSteps: () => never[];
+    creatableFilterOptions: typeof filterOptions;
+    buildSelectedOption: (b: T, a: '12' | undefined | null | '24') => Option;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default TimePicker;