@mezzanine-ui/react 0.6.4 → 0.7.3

package/Table/Table.js

@@ -61,26 +61,44 @@ const Table = forwardRef(function Table(props, ref) {
         refreshProp.show) !== null && _a !== void 0 ? _a : false);
     }, [refreshProp === null || refreshProp === void 0 ? void 0 : refreshProp.show]);
     /** context */
-    const tableContextValue = useMemo(() => ({
-        scrollBarSize: 4,
-        emptyProps,
-        rowSelection,
-        sorting: {
-            onSort,
-            onResetAll,
-            sortedOn,
-            sortedType,
-        },
-        loading,
-        setLoading,
-        expanding: expandableProp,
-        fetchMore: onFetchMore ? {
-            onFetchMore,
-            isFetching,
-            isReachEnd,
-        } : undefined,
-        pagination: paginationProp,
-    }), [
+    const tableContextValue = useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        return ({
+            scrollBarSize: 4,
+            emptyProps,
+            rowSelection,
+            sorting: {
+                onSort,
+                onResetAll,
+                sortedOn,
+                sortedType,
+            },
+            loading,
+            setLoading,
+            expanding: expandableProp,
+            fetchMore: onFetchMore ? {
+                onFetchMore,
+                isFetching,
+                isReachEnd,
+            } : undefined,
+            pagination: paginationProp ? {
+                current: paginationProp.current,
+                disableAutoSlicing: (_a = paginationProp.disableAutoSlicing) !== null && _a !== void 0 ? _a : false,
+                onChange: paginationProp.onChange,
+                total: (_b = paginationProp.total) !== null && _b !== void 0 ? _b : dataSource.length,
+                options: {
+                    boundaryCount: (_d = (_c = paginationProp.options) === null || _c === void 0 ? void 0 : _c.boundaryCount) !== null && _d !== void 0 ? _d : 1,
+                    className: (_e = paginationProp.options) === null || _e === void 0 ? void 0 : _e.className,
+                    disabled: (_g = (_f = paginationProp.options) === null || _f === void 0 ? void 0 : _f.disabled) !== null && _g !== void 0 ? _g : false,
+                    hideNextButton: (_j = (_h = paginationProp.options) === null || _h === void 0 ? void 0 : _h.hideNextButton) !== null && _j !== void 0 ? _j : false,
+                    hidePreviousButton: (_l = (_k = paginationProp.options) === null || _k === void 0 ? void 0 : _k.hidePreviousButton) !== null && _l !== void 0 ? _l : false,
+                    pageSize: (_o = (_m = paginationProp.options) === null || _m === void 0 ? void 0 : _m.pageSize) !== null && _o !== void 0 ? _o : 10,
+                    siblingCount: (_q = (_p = paginationProp.options) === null || _p === void 0 ? void 0 : _p.siblingCount) !== null && _q !== void 0 ? _q : 1,
+                },
+            } : undefined,
+        });
+    }, [
+        dataSource,
         emptyProps,
         expandableProp,
         rowSelection,
@@ -105,7 +123,8 @@ const Table = forwardRef(function Table(props, ref) {
     return (jsx(Loading, Object.assign({ loading: loading, stretch: true, tip: "\u8CC7\u6599\u8F09\u5165\u4E2D..." }, { children: jsx("div", Object.assign({ ref: ref }, rest, { className: cx(tableClasses.host, className), role: "grid" }, { children: jsx(TableContext.Provider, Object.assign({ value: tableContextValue }, { children: jsx(TableDataContext.Provider, Object.assign({ value: tableDataContextValue }, { children: jsxs(TableComponentContext.Provider, Object.assign({ value: tableComponentContextValue }, { children: [isRefreshShow ? (jsx(TableRefresh, { onClick: refreshProp.onClick }, void 0)) : null,
                             jsx(TableHeader, { className: headerClassName }, void 0),
                             jsx(TableBody, { ref: bodyRef, className: bodyClassName, rowClassName: bodyRowClassName }, void 0),
-                            (paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.show) ? (jsx(TablePagination, { bodyRef: bodyRef }, void 0)) : null] }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
-});
+                            paginationProp ? (jsx(TablePagination, { bodyRef: bodyRef }, void 0)) : null] }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+});
+var Table$1 = Table;
 
-export default Table;
+export { Table$1 as default };

package/Table/TableBody.js

@@ -12,12 +12,17 @@ import cx from 'clsx';
 const TableBody = forwardRef(function TableBody(props, ref) {
     const { className, rowClassName, ...rest } = props;
     const { dataSource = [], } = useContext(TableDataContext) || {};
-    const { emptyProps, scrollBarSize, fetchMore, } = useContext(TableContext) || {};
+    const { emptyProps, fetchMore, scrollBarSize, pagination, } = useContext(TableContext) || {};
     const [tableBody, scrollElement] = useTableScroll();
     const composedRefs = useComposeRefs([ref, tableBody.ref]);
     /** customizing empty */
     const { className: emptyComponentClassName = '', children: emptyComponentChildren = '查無資料', fullHeight: emptyComponentFullHeight = true, ...restEmptyProps } = emptyProps || {};
-    return (jsxs("div", Object.assign({}, rest, { ref: composedRefs, className: cx(tableClasses.body, className), onScroll: tableBody.onScroll, role: "rowgroup" }, { children: [dataSource.length ? dataSource.map((rowData) => (jsx(TableBodyRow, { className: rowClassName, rowData: rowData }, (rowData.key || rowData.id)))) : (jsx(Empty, Object.assign({}, restEmptyProps, { className: cx(tableClasses.bodyEmpty, emptyComponentClassName), fullHeight: emptyComponentFullHeight }, { children: emptyComponentChildren }), void 0)),
+    /** pagination feature */
+    const { current: currentPage, disableAutoSlicing, total, options: paginationOptions, } = pagination || {};
+    const currentStartCount = (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.pageSize) && currentPage ? ((paginationOptions.pageSize) * (currentPage - 1)) : 0;
+    const currentEndCount = (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.pageSize) && currentPage && total ? (Math.min(((paginationOptions.pageSize) * currentPage), total)) : 0;
+    const currentDataSource = pagination && !disableAutoSlicing ? (dataSource.slice(currentStartCount, currentEndCount)) : dataSource;
+    return (jsxs("div", Object.assign({}, rest, { ref: composedRefs, className: cx(tableClasses.body, className), onScroll: tableBody.onScroll, role: "rowgroup" }, { children: [currentDataSource.length ? currentDataSource.map((rowData) => (jsx(TableBodyRow, { className: rowClassName, rowData: rowData }, (rowData.key || rowData.id)))) : (jsx(Empty, Object.assign({}, restEmptyProps, { className: cx(tableClasses.bodyEmpty, emptyComponentClassName), fullHeight: emptyComponentFullHeight }, { children: emptyComponentChildren }), void 0)),
             (fetchMore === null || fetchMore === void 0 ? void 0 : fetchMore.isFetching) ? (jsx("div", Object.assign({ className: tableClasses.bodyFetchMore }, { children: jsx(Loading, { loading: true }, void 0) }), void 0)) : null,
             jsx("div", Object.assign({ ref: scrollElement.ref, onMouseDown: scrollElement.onMouseDown, onMouseUp: scrollElement.onMouseUp, onMouseEnter: scrollElement.onMouseEnter, onMouseLeave: scrollElement.onMouseLeave, role: "button", style: scrollElement.style, tabIndex: -1 }, { children: jsx("div", { style: {
                         width: `${scrollBarSize}px`,
@@ -26,6 +31,7 @@ const TableBody = forwardRef(function TableBody(props, ref) {
                         backgroundColor: '#7d7d7d',
                         transition: '0.1s',
                     } }, void 0) }), void 0)] }), void 0));
-});
+});
+var TableBody$1 = TableBody;
 
-export default TableBody;
+export { TableBody$1 as default };

package/Table/TableBodyRow.js

@@ -58,6 +58,7 @@ const TableBodyRow = forwardRef(function TableBodyRow(props, ref) {
                         return (jsx("div", Object.assign({ className: cx(tableClasses.bodyRowCellWrapper, column.bodyClassName), style: getColumnStyle(column) }, { children: jsx(TableEditRenderWrapper, Object.assign({}, column, { rowData: rowData }, { children: jsx(TableCell, Object.assign({ ellipsis: ellipsis, forceShownTooltipWhenHovered: column.forceShownTooltipWhenHovered, style: getCellStyle(column), tooltipTitle: tooltipTitle }, { children: ((_d = column.render) === null || _d === void 0 ? void 0 : _d.call(column, column, rowData, index)) || rowData[column.dataIndex] }), void 0) }), void 0) }), `${column.dataIndex}-${column.title}`));
                     })] }), void 0),
             renderedExpandedContent ? (jsx(AccordionDetails, Object.assign({ className: expanding.className, expanded: expanded }, { children: renderedExpandedContent }), void 0)) : null] }, void 0));
-});
+});
+var TableBodyRow$1 = TableBodyRow;
 
-export default TableBodyRow;
+export { TableBodyRow$1 as default };

package/Table/TableCell.js

@@ -18,6 +18,7 @@ const TableCell = forwardRef(function TableCell(props, ref) {
                             onMouseEnter(e);
                     }
                 }, onMouseLeave: onMouseLeave }, { children: children }), void 0)) }), void 0)) : children }), void 0));
-});
+});
+var TableCell$1 = TableCell;
 
-export default TableCell;
+export { TableCell$1 as default };

package/Table/TableHeader.js

@@ -42,6 +42,7 @@ const TableHeader = forwardRef(function TableHeader(props, ref) {
                 return (jsx("div", Object.assign({ className: cx(tableClasses.headerCellWrapper, column.headerClassName), style: getColumnStyle(column) }, { children: jsxs(TableCell, Object.assign({ ellipsis: false, role: "columnheader", style: getCellStyle(column) }, { children: [((_a = column.renderTitle) === null || _a === void 0 ? void 0 : _a.call(column, tableClasses)) || column.title,
                             typeof column.sorter === 'function' ? (jsx(TableSortingIcon, { column: column }, void 0)) : null] }), void 0) }), `${column.dataIndex}-${column.title}`));
             })] }), void 0));
-});
+});
+var TableHeader$1 = TableHeader;
 
-export default TableHeader;
+export { TableHeader$1 as default };

package/Table/editable/TableEditRenderWrapper.js

@@ -12,4 +12,4 @@ function TableEditRenderWrapper({ children, dataIndex, editable, rowData, setCel
     return (jsx(Fragment, { children: children }, void 0));
 }
 
-export default TableEditRenderWrapper;
+export { TableEditRenderWrapper as default };

package/Table/expandable/TableExpandable.js

@@ -10,6 +10,7 @@ const TableExpandable = forwardRef(function TableExpandable(props, ref) {
     return (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(tableClasses.collapseAction, className) }, { children: jsx("div", Object.assign({ className: tableClasses.icon }, { children: showIcon ? (jsx(Icon, { className: cx(tableClasses.icon, {
                     [tableClasses.iconClickable]: expandable,
                 }), color: expandable ? 'primary' : 'disabled', icon: ChevronDownIcon, onClick: () => expandable && (setExpanded === null || setExpanded === void 0 ? void 0 : setExpanded(!expanded)), style: { transform: `rotate(${expanded ? '180deg' : '0'})` } }, void 0)) : null }), void 0) }), void 0));
-});
+});
+var TableExpandable$1 = TableExpandable;
 
-export default TableExpandable;
+export { TableExpandable$1 as default };

package/Table/pagination/TablePagination.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
 import { tableClasses } from '@mezzanine-ui/core/table';
-import { TableContext, TableDataContext } from '../TableContext.js';
+import { TableContext } from '../TableContext.js';
 import { useTablePagination } from './useTablePagination.js';
 import Pagination from '../../Pagination/Pagination.js';
 import cx from 'clsx';
@@ -9,19 +9,18 @@ import cx from 'clsx';
 const TablePagination = forwardRef(function TablePagination(props, ref) {
     const { className, bodyRef, ...rest } = props;
     const { pagination, } = useContext(TableContext) || {};
-    const { dataSource = [], } = useContext(TableDataContext) || {};
-    const [currentPage, setCurrentPage, options] = useTablePagination({
+    const { current: currentPageProp, onChange: onChangePageProp, total, options: paginationOptions = {}, } = pagination || {};
+    const [currentPage, setCurrentPage] = useTablePagination({
         bodyRef,
-        current: pagination === null || pagination === void 0 ? void 0 : pagination.current,
-        dataSource,
-        onChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange,
-        options: pagination === null || pagination === void 0 ? void 0 : pagination.options,
-        total: pagination === null || pagination === void 0 ? void 0 : pagination.total,
+        current: currentPageProp,
+        onChange: onChangePageProp,
     });
-    const currentStartCount = (options.pageSize * (currentPage - 1)) + 1;
-    const currentEndCount = Math.min(options.pageSize * currentPage, options.total);
-    return (jsxs("div", Object.assign({}, rest, { ref: ref, className: cx(tableClasses.pagination, className) }, { children: [jsx("span", Object.assign({ className: tableClasses.paginationIndicator }, { children: `目前顯示 ${currentStartCount} - ${currentEndCount} 筆，共 ${options.total} 筆資料` }), void 0),
-            jsx("div", Object.assign({ className: tableClasses.paginationActions }, { children: jsx(Pagination, { boundaryCount: options.boundaryCount, className: options.className, current: currentPage, disabled: options.disabled, hideNextButton: options.hideNextButton, hidePreviousButton: options.hidePreviousButton, onChange: setCurrentPage, pageSize: options.pageSize, siblingCount: options.siblingCount, total: options.total }, void 0) }), void 0)] }), void 0));
-});
+    const { boundaryCount, className: paginationClassName, disabled, hideNextButton, hidePreviousButton, pageSize: pageSizeProp, siblingCount, } = paginationOptions;
+    const currentStartCount = (pageSizeProp * (currentPage - 1)) + 1;
+    const currentEndCount = Math.min(pageSizeProp * currentPage, total);
+    return (jsxs("div", Object.assign({}, rest, { ref: ref, className: cx(tableClasses.pagination, className) }, { children: [jsx("span", Object.assign({ className: tableClasses.paginationIndicator }, { children: `目前顯示 ${currentStartCount} - ${currentEndCount} 筆，共 ${total} 筆資料` }), void 0),
+            jsx("div", Object.assign({ className: tableClasses.paginationActions }, { children: jsx(Pagination, { boundaryCount: boundaryCount, className: paginationClassName, current: currentPage, disabled: disabled, hideNextButton: hideNextButton, hidePreviousButton: hidePreviousButton, onChange: setCurrentPage, pageSize: pageSizeProp, siblingCount: siblingCount, total: total }, void 0) }), void 0)] }), void 0));
+});
+var TablePagination$1 = TablePagination;
 
-export default TablePagination;
+export { TablePagination$1 as default };

package/Table/pagination/useTablePagination.d.ts

@@ -1,16 +1,8 @@
 import { RefObject } from 'react';
-import { TablePagination, TableDataSource } from '@mezzanine-ui/core/table';
-export interface UseTablePagination extends Omit<TablePagination, 'show'> {
+import { TablePagination } from '@mezzanine-ui/core/table';
+export interface UseTablePagination {
     bodyRef: RefObject<HTMLDivElement>;
-    dataSource: TableDataSource[];
+    current?: TablePagination['current'];
+    onChange?: TablePagination['onChange'];
 }
-export declare function useTablePagination(props: UseTablePagination): readonly [number, (c: number) => void, {
-    boundaryCount: number;
-    className: string | undefined;
-    disabled: boolean;
-    hideNextButton: boolean;
-    hidePreviousButton: boolean;
-    pageSize: number;
-    siblingCount: number;
-    total: number;
-}];
+export declare function useTablePagination(props: UseTablePagination): readonly [number, (c: number) => void];

package/Table/pagination/useTablePagination.js

@@ -1,12 +1,11 @@
-import { useContext, useMemo } from 'react';
+import { useContext } from 'react';
 import { useControlValueState } from '../../Form/useControlValueState.js';
 import { useLastCallback } from '../../hooks/useLastCallback.js';
 import { TableContext } from '../TableContext.js';
 
 const equalityFn = (a, b) => a === b;
 function useTablePagination(props) {
-    const { bodyRef, current: currentProp, dataSource, onChange: onChangeProp, options: optionsProp, total: totalProp, } = props;
-    const { boundaryCount = 1, className, disabled = false, hideNextButton = false, hidePreviousButton = false, pageSize: pageSizeProp, siblingCount = 1, } = optionsProp || {};
+    const { bodyRef, current: currentProp, onChange: onChangeProp, } = props;
     const { sorting, } = useContext(TableContext) || {};
     const [current, setCurrent] = useControlValueState({
         defaultValue: 1,
@@ -24,26 +23,7 @@ function useTablePagination(props) {
         }
         onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(newCurrent);
     });
-    const pageSize = useMemo(() => (pageSizeProp !== null && pageSizeProp !== void 0 ? pageSizeProp : dataSource.length), [pageSizeProp, dataSource.length]);
-    const total = useMemo(() => (totalProp !== null && totalProp !== void 0 ? totalProp : (dataSource.length / pageSize)), [totalProp, dataSource.length, pageSize]);
-    const defaultOptions = useMemo(() => ({
-        boundaryCount,
-        className,
-        disabled,
-        hideNextButton,
-        hidePreviousButton,
-        pageSize,
-        siblingCount,
-        total,
-    }), [
-        boundaryCount,
-        className,
-        disabled,
-        hideNextButton,
-        hidePreviousButton,
-        siblingCount,
-    ]);
-    return [current, onChange, defaultOptions];
+    return [current, onChange];
 }
 
 export { useTablePagination };

package/Table/refresh/TableRefresh.js

@@ -18,6 +18,7 @@ const TableRefresh = forwardRef(function TableRefresh(props, ref) {
         setLoading,
     ]);
     return (jsx("div", Object.assign({ ref: ref, className: tableClasses.refresh }, rest, { children: jsx(Button, Object.assign({ onClick: onRefreshClicked, prefix: jsx(Icon, { icon: ResetIcon }, void 0) }, { children: children || '重新整理' }), void 0) }), void 0));
-});
+});
+var TableRefresh$1 = TableRefresh;
 
-export default TableRefresh;
+export { TableRefresh$1 as default };

package/Table/rowSelection/TableRowSelection.js

@@ -81,6 +81,7 @@ const TableRowSelection = forwardRef(function TableRowSelection(props, ref) {
                     } }, { children: (dropdownRef) => (jsx(Icon, { ref: dropdownRef, className: cx(tableClasses.icon, {
                             [tableClasses.iconClickable]: isMenuAllowOpen,
                         }), color: isMenuAllowOpen ? 'primary' : 'disabled', icon: MoreVerticalIcon, onClick: onIconClicked }, void 0)) }), void 0)) : null }), void 0)] }), void 0));
-});
+});
+var TableRowSelection$1 = TableRowSelection;
 
-export default TableRowSelection;
+export { TableRowSelection$1 as default };

package/Table/sorting/TableSortingIcon.js

@@ -23,6 +23,7 @@ const TableSortingIcon = forwardRef(function TableSortingIcon(props, ref) {
             evt.stopPropagation();
             (_a = sorting === null || sorting === void 0 ? void 0 : sorting.onSort) === null || _a === void 0 ? void 0 : _a.call(sorting, column);
         }, style: currentIconStyle.style }), void 0));
-});
+});
+var TableSortingIcon$1 = TableSortingIcon;
 
-export default TableSortingIcon;
+export { TableSortingIcon$1 as default };

package/Table/useTableScroll.d.ts

@@ -33,7 +33,7 @@ export default function useTableScroll(): readonly [{
         title?: string | undefined;
         translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
-        role?: string | undefined;
+        role?: "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "gridcell" | "group" | "heading" | "img" | "link" | "list" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | (string & {}) | undefined;
         about?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
@@ -54,11 +54,11 @@ export default function useTableScroll(): readonly [{
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: boolean | "true" | "false" | undefined;
-        'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
         'aria-busy'?: boolean | "true" | "false" | undefined;
         'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-colcount'?: number | undefined;
@@ -69,12 +69,12 @@ export default function useTableScroll(): readonly [{
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: boolean | "true" | "false" | undefined;
-        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: boolean | "true" | "false" | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: boolean | "true" | "false" | undefined;
-        'aria-haspopup'?: boolean | "true" | "false" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
         'aria-hidden'?: boolean | "true" | "false" | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -120,10 +120,10 @@ export default function useTableScroll(): readonly [{
         onCompositionStartCapture?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
         onCompositionUpdate?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
         onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<HTMLDivElement>) => void) | undefined;
-        onFocus?: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined;
-        onFocusCapture?: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined;
-        onBlur?: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined;
-        onBlurCapture?: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined;
+        onFocus?: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
+        onFocusCapture?: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
+        onBlur?: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
+        onBlurCapture?: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
         onChange?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
         onChangeCapture?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;
         onBeforeInput?: ((event: import("react").FormEvent<HTMLDivElement>) => void) | undefined;

package/Table/useTableScroll.js

@@ -167,4 +167,4 @@ function useTableScroll() {
     return [tableBody, scrollElement];
 }
 
-export default useTableScroll;
+export { useTableScroll as default };

package/Tabs/Tab.js

@@ -11,6 +11,7 @@ const Tab = forwardRef(function Tab(props, ref) {
     return (jsx("button", Object.assign({}, rest, { ref: ref, type: "button", "aria-disabled": disabled, className: cx(tabsClasses.tab, {
             [tabsClasses.tabActive]: active,
         }, className), disabled: disabled }, { children: children }), void 0));
-});
+});
+var Tab$1 = Tab;
 
-export default Tab;
+export { Tab$1 as default };

package/Tabs/TabPane.js

@@ -13,6 +13,7 @@ const TabPane = forwardRef(function TabPane(props, ref) {
      */
     tab, ...rest } = props;
     return (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(tabsClasses.pane, className) }, { children: children }), void 0));
-});
+});
+var TabPane$1 = TabPane;
 
-export default TabPane;
+export { TabPane$1 as default };

package/Tabs/Tabs.js

@@ -44,6 +44,7 @@ const Tabs = forwardRef(function Tabs(props, ref) {
     return (jsxs("div", Object.assign({}, rest, { ref: ref, className: cx(tabsClasses.host, className) }, { children: [jsxs("div", Object.assign({ className: cx(tabsClasses.tabBar, tabBarClassName) }, { children: [jsxs("div", Object.assign({ className: tabsClasses.overflow }, { children: [isOverflowing && !isScrollToBegin && (jsx("button", Object.assign({ "aria-label": "scrollToLeft", className: tabsClasses.scrollBtn, onClick: () => scrollToLeft(), type: "button" }, { children: jsx(Icon, { icon: ChevronLeftIcon }, void 0) }), void 0)),
                             jsx("div", Object.assign({ ref: tabsRef, className: tabsClasses.tabs }, { children: tabs }), void 0),
                             isOverflowing && !isScrollToEnd && (jsx("button", Object.assign({ "aria-label": "scrollToRight", className: tabsClasses.scrollBtn, onClick: () => scrollToRight(), type: "button" }, { children: jsx(Icon, { icon: ChevronRightIcon }, void 0) }), void 0))] }), void 0), actions] }), void 0), pane] }), void 0));
-});
+});
+var Tabs$1 = Tabs;
 
-export default Tabs;
+export { Tabs$1 as default };

package/Tabs/useTabsOverflow.js

@@ -55,4 +55,4 @@ function useTabsOverflow(tabsRef) {
     };
 }
 
-export default useTabsOverflow;
+export { useTabsOverflow as default };

package/Tag/Tag.js

@@ -18,6 +18,7 @@ const Tag = forwardRef(function Tag(props, ref) {
                         onClose(event);
                     }
                 }, tabIndex: -1 }, void 0))] }), void 0));
-});
+});
+var Tag$1 = Tag;
 
-export default Tag;
+export { Tag$1 as default };

package/TextField/TextField.js

@@ -34,6 +34,7 @@ const TextField = forwardRef(function TextField(props, ref) {
                         onClear(event);
                     }
                 }, onMouseDown: (event) => event.preventDefault(), role: "button", tabIndex: -1 }, void 0))] }), void 0));
-});
+});
+var TextField$1 = TextField;
 
-export default TextField;
+export { TextField$1 as default };

package/Textarea/Textarea.js

@@ -3,8 +3,8 @@ import { forwardRef, useContext, useRef } from 'react';
 import { textareaClasses } from '@mezzanine-ui/core/textarea';
 import { useComposeRefs } from '../hooks/useComposeRefs.js';
 import { useInputWithClearControlValue } from '../Form/useInputWithClearControlValue.js';
-import { FormControlContext } from '../Form/FormControlContext.js';
 import TextField from '../TextField/TextField.js';
+import { FormControlContext } from '../Form/FormControlContext.js';
 import cx from 'clsx';
 
 /**
@@ -28,6 +28,7 @@ const Textarea = forwardRef(function Textarea(props, ref) {
             [textareaClasses.upperLimit]: upperLimit,
         }, className), clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, onClear: onClear, size: size }, { children: [jsx("textarea", Object.assign({}, textareaProps, { ref: composedTextareaRef, "aria-disabled": disabled, "aria-multiline": true, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, maxLength: maxLength, onChange: onChange, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value }), void 0),
             typeof maxLength === 'number' && (jsxs("span", Object.assign({ className: textareaClasses.count }, { children: [value.length, "/", maxLength] }), void 0))] }), void 0));
-});
+});
+var Textarea$1 = Textarea;
 
-export default Textarea;
+export { Textarea$1 as default };

package/TimePanel/TimePanel.js

@@ -62,6 +62,7 @@ const TimePanel = forwardRef(function TimePanel(props, ref) {
                     !hideMinute && minuteUnits && (jsx(TimePanelColumn, { prefix: minutePrefix, units: minuteUnits, activeUnit: activeMinute, onChange: getChangeHandle('minute'), onNext: getControlHandle('minute', minuteUnits, minuteStep), onPrev: getControlHandle('minute', minuteUnits, -minuteStep) }, void 0)),
                     !hideSecond && secondUnits && (jsx(TimePanelColumn, { prefix: secondPrefix, units: secondUnits, activeUnit: activeSecond, onChange: getChangeHandle('second'), onNext: getControlHandle('second', secondUnits, secondStep), onPrev: getControlHandle('second', secondUnits, -secondStep) }, void 0))] }), void 0),
             !withoutAction && (jsx(TimePanelAction, { onConfirm: onConfirm, confirmText: confirmText }, void 0))] }), void 0));
-});
+});
+var TimePanel$1 = TimePanel;
 
-export default TimePanel;
+export { TimePanel$1 as default };

package/TimePanel/TimePanelAction.js

@@ -10,6 +10,7 @@ import cx from 'clsx';
 const TimePanelAction = forwardRef(function TimePanelAction(props, ref) {
     const { className, confirmText = 'OK', onConfirm, ...rest } = props;
     return (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(timePanelClasses.action, className) }, { children: jsx(Button, Object.assign({ variant: "contained", size: "small", onClick: onConfirm }, { children: confirmText }), void 0) }), void 0));
-});
+});
+var TimePanelAction$1 = TimePanelAction;
 
-export default TimePanelAction;
+export { TimePanelAction$1 as default };

package/TimePanel/TimePanelColumn.js

@@ -34,6 +34,7 @@ const TimePanelColumn = forwardRef(function TimePanelColumn(props, ref) {
                         [timePanelClasses.buttonActive]: unit.value === activeUnit,
                     }), onClick: getChangeHandler(unit) }, { children: unit.label }), unit.value))) }), void 0),
             jsx("button", Object.assign({ type: "button", className: cx(timePanelClasses.button, timePanelClasses.columnControlButton), onClick: onNext }, { children: jsx(Icon, { icon: ChevronDownIcon }, void 0) }), void 0)] }), void 0));
-});
+});
+var TimePanelColumn$1 = TimePanelColumn;
 
-export default TimePanelColumn;
+export { TimePanelColumn$1 as default };

package/TimePicker/TimePicker.js

@@ -3,12 +3,12 @@ import { ClockIcon } from '@mezzanine-ui/icons';
 import { forwardRef, useContext, useMemo, useState, useCallback, useRef } from 'react';
 import { useComposeRefs } from '../hooks/useComposeRefs.js';
 import TimePickerPanel from './TimePickerPanel.js';
-import { FormControlContext } from '../Form/FormControlContext.js';
 import { useCalendarContext } from '../Calendar/CalendarContext.js';
 import { usePickerValue } from '../Picker/usePickerValue.js';
 import { usePickerDocumentEventClose } from '../Picker/usePickerDocumentEventClose.js';
 import Icon from '../Icon/Icon.js';
 import PickerTrigger from '../Picker/PickerTrigger.js';
+import { FormControlContext } from '../Form/FormControlContext.js';
 
 /**
  * The react component for `mezzanine` time picker.
@@ -109,6 +109,7 @@ const TimePicker = forwardRef(function TimePicker(props, ref) {
     const suffixActionIcon = (jsx(Icon, { icon: ClockIcon, onClick: onIconClick }, void 0));
     return (jsxs(Fragment, { children: [jsx(PickerTrigger, { ref: triggerComposedRef, className: className, clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, inputProps: resolvedInputProps, inputRef: inputRef, onChange: onInputChange, onClear: onClear, placeholder: placeholder, prefix: prefix, readOnly: readOnly, required: required, size: sizeProp, suffixActionIcon: suffixActionIcon, value: inputValue }, void 0),
             jsx(TimePickerPanel, { ref: panelRef, anchor: anchorRef, confirmText: confirmText, hideHour: hideHour, hideMinute: hideMinute, hideSecond: hideSecond, hourPrefix: hourPrefix, hourStep: hourStep, minutePrefix: minutePrefix, minuteStep: minuteStep, onChange: onChange, onConfirm: onConfirm, open: open, popperProps: popperProps, secondPrefix: secondPrefix, secondStep: secondStep, value: internalValue }, void 0)] }, void 0));
-});
+});
+var TimePicker$1 = TimePicker;
 
-export default TimePicker;
+export { TimePicker$1 as default };

package/TimePicker/TimePickerPanel.js

@@ -9,6 +9,7 @@ import TimePanel from '../TimePanel/TimePanel.js';
 const TimePickerPanel = forwardRef(function TimePickerPanel(props, ref) {
     const { anchor, confirmText, fadeProps, hideHour, hideMinute, hideSecond, hourPrefix, hourStep, minutePrefix, minuteStep, onChange, onConfirm, open, popperProps, secondPrefix, secondStep, value, ...restHostProps } = props;
     return (jsx(InputTriggerPopper, Object.assign({}, popperProps, { ref: ref, anchor: anchor, open: open, fadeProps: fadeProps }, { children: jsx(TimePanel, Object.assign({}, restHostProps, { hideHour: hideHour, hourStep: hourStep, hideMinute: hideMinute, minuteStep: minuteStep, hideSecond: hideSecond, secondStep: secondStep, hourPrefix: hourPrefix, minutePrefix: minutePrefix, secondPrefix: secondPrefix, onChange: onChange, value: value, onConfirm: onConfirm, confirmText: confirmText }), void 0) }), void 0));
-});
+});
+var TimePickerPanel$1 = TimePickerPanel;
 
-export default TimePickerPanel;
+export { TimePickerPanel$1 as default };

package/Tooltip/Tooltip.js

@@ -32,6 +32,7 @@ const Tooltip = forwardRef(function Tooltip(props, ref) {
                 onMouseEnter: onTargetEnter,
                 onMouseLeave: onLeave,
             })] }, void 0));
-});
+});
+var Tooltip$1 = Tooltip;
 
-export default Tooltip;
+export { Tooltip$1 as default };

package/Transition/Collapse.js

@@ -102,6 +102,7 @@ const Collapse = forwardRef(function Collapse(props, ref) {
                 ...getStyle(state, inProp, collapsedHeight),
                 ...style,
             } }, { children: jsx("div", Object.assign({ ref: wrapperRef, style: { display: 'flex', width: '100%' } }, { children: jsx("div", Object.assign({ style: { width: '100%' } }, { children: children }), void 0) }), void 0) }), void 0)) }), void 0));
-});
+});
+var Collapse$1 = Collapse;
 
-export default Collapse;
+export { Collapse$1 as default };

package/Transition/Fade.js

@@ -79,6 +79,7 @@ const Fade = forwardRef(function Fade(props, ref) {
                 ...children.props.style,
             },
         })) }), void 0));
-});
+});
+var Fade$1 = Fade;
 
-export default Fade;
+export { Fade$1 as default };

package/Transition/Grow.js

@@ -107,6 +107,7 @@ const Grow = forwardRef(function Grow(props, ref) {
                 ...children.props.style,
             },
         })) }), void 0));
-});
+});
+var Grow$1 = Grow;
 
-export default Grow;
+export { Grow$1 as default };

package/Transition/SlideFade.js

@@ -88,6 +88,7 @@ const SlideFade = forwardRef(function SlideFade(props, ref) {
                 ...children.props.style,
             },
         })) }), void 0));
-});
+});
+var SlideFade$1 = SlideFade;
 
-export default SlideFade;
+export { SlideFade$1 as default };

package/Transition/Transition.d.ts

@@ -19,7 +19,7 @@ export interface TransitionImplementationChildProps {
     style?: CSSProperties;
 }
 export interface TransitionImplementationProps extends Omit<TransitionProps, 'addEndListener' | 'children' | 'nodeRef'> {
-    children?: ReactElement<TransitionImplementationChildProps, NativeElementTag | JSXElementConstructor<TransitionImplementationChildProps>>;
+    children: ReactElement<TransitionImplementationChildProps, NativeElementTag | JSXElementConstructor<TransitionImplementationChildProps>>;
     /**
      * The delay of the transition, in milliseconds
      */

package/Transition/Transition.js

@@ -24,4 +24,4 @@ function Transition(props) {
         addEndListener: addNodeToCallback(addEndListener), appear: appear, in: inProp, mountOnEnter: lazyMount, nodeRef: nodeRef, onEnter: addNodeToCallback(onEnter), onEntering: addNodeToCallback(onEntering), onEntered: addNodeToCallback(onEntered), onExit: addNodeToCallback(onExit), onExiting: addNodeToCallback(onExiting), onExited: addNodeToCallback(onExited), timeout: duration === 'auto' ? undefined : duration, unmountOnExit: !keepMount }, { children: children }), void 0));
 }
 
-export default Transition;
+export { Transition as default };

package/Transition/Zoom.js

@@ -79,6 +79,7 @@ const Zoom = forwardRef(function Zoom(props, ref) {
                 ...children.props.style,
             },
         })) }), void 0));
-});
+});
+var Zoom$1 = Zoom;
 
-export default Zoom;
+export { Zoom$1 as default };