@commonsku/styles 1.17.25 → 1.17.26

package/dist/index.d.ts

@@ -945,7 +945,7 @@ declare const Overlay: styled_components.StyledComponent<"div", any, {
 }, never>;
 declare const PopupHeader: styled_components.StyledComponent<"div", any, SharedStyleTypes & SizerTypes, never>;
 type PopupProps = React__default.PropsWithChildren<{
-    header?: React__default.Component;
+    header?: React__default.ReactNode;
     noHeader?: boolean;
     title?: string | React__default.Component;
     controls?: Array<React__default.ReactNode>;
@@ -963,7 +963,7 @@ type PopupProps = React__default.PropsWithChildren<{
     PopupWindowComponent?: React__default.ComponentType<React__default.ComponentPropsWithRef<any>>;
 } & SharedStyleTypes> & React__default.HTMLAttributes<HTMLDivElement>;
 declare const Popup: React__default.ForwardRefExoticComponent<{
-    header?: React__default.Component<{}, {}, any> | undefined;
+    header?: React__default.ReactNode;
     noHeader?: boolean | undefined;
     title?: string | React__default.Component<{}, {}, any> | undefined;
     controls?: React__default.ReactNode[] | undefined;

package/dist/index.mjs

@@ -7285,7 +7285,7 @@ function InputStepper(props) {
 var templateObject_1$c, templateObject_2$1, templateObject_3, templateObject_4;
 
 var VirtualTable = function (props) {
-    var columns = props.columns, data = props.data, itemSize = props.itemSize, _a = props.height, height = _a === void 0 ? 500 : _a, _b = props.minWidth, minWidth = _b === void 0 ? 140 : _b, _c = props.maxWidth, maxWidth = _c === void 0 ? 500 : _c, defaultSort = props.defaultSort, onClickRow = props.onClickRow, onScroll = props.onScroll, onUpdateData = props.onUpdateData, _d = props.useTableProps, useTableProps = _d === void 0 ? {} : _d, _e = props.tableHeaderProps, tableHeaderProps = _e === void 0 ? {} : _e, _f = props.tableFooterProps, tableFooterProps = _f === void 0 ? {} : _f, _g = props.hideFooter, hideFooter = _g === void 0 ? true : _g, _h = props.hideHeader, hideHeader = _h === void 0 ? false : _h, _j = props.className, className = _j === void 0 ? '' : _j, NoRowsFound = props.NoRowsFound, renderRowSubComponent = props.renderRowSubComponent; props.onResize; var rowGroupStyles = props.rowGroupStyles, rowStyles = props.rowStyles, _k = props.gutterSize, gutterSize = _k === void 0 ? 0 : _k, _l = props.customTableFooterProps, customTableFooterProps = _l === void 0 ? {} : _l, TableFooter = props.TableFooter, onSortChange = props.onSortChange;
+    var columns = props.columns, data = props.data, itemSize = props.itemSize, _a = props.height, height = _a === void 0 ? 500 : _a, _b = props.minWidth, minWidth = _b === void 0 ? 140 : _b, _c = props.maxWidth, maxWidth = _c === void 0 ? 500 : _c, defaultSort = props.defaultSort, onClickRow = props.onClickRow, onScroll = props.onScroll, onUpdateData = props.onUpdateData, _d = props.useTableProps, useTableProps = _d === void 0 ? {} : _d, _e = props.tableHeaderProps, tableHeaderProps = _e === void 0 ? {} : _e, _f = props.tableFooterProps, tableFooterProps = _f === void 0 ? {} : _f, _g = props.hideFooter, hideFooter = _g === void 0 ? true : _g, _h = props.hideHeader, hideHeader = _h === void 0 ? false : _h, _j = props.className, className = _j === void 0 ? "" : _j, NoRowsFound = props.NoRowsFound, renderRowSubComponent = props.renderRowSubComponent; props.onResize; var rowGroupStyles = props.rowGroupStyles, rowStyles = props.rowStyles, _k = props.gutterSize, gutterSize = _k === void 0 ? 0 : _k, _l = props.customTableFooterProps, customTableFooterProps = _l === void 0 ? {} : _l, TableFooter = props.TableFooter, onSortChange = props.onSortChange;
     var defaultColumn = useMemo(function () { return ({
         minWidth: minWidth,
         maxWidth: maxWidth,
@@ -7413,6 +7413,12 @@ var VirtualTable = function (props) {
     useEffect(function () {
         onSortChange && onSortChange({ sortBy: sortBy });
     }, [sortBy]);
+    var scrollToTop = useCallback(function () {
+        listRef.current && listRef.current.scrollTo(0);
+    }, []);
+    useEffect(function () {
+        scrollToTop();
+    }, [data, scrollToTop]);
     return (React.createElement("div", __assign({}, getTableProps(), { className: "table ".concat(className || '') }),
         renderTableHeader(),
         React.createElement("div", __assign({ className: "tbody" }, getTableBodyProps()), rows.length === 0 && NoRowsFound ? React.createElement(NoRowsFound, null) :