@qoretechnologies/reqore 0.32.2 → 0.33.0

package/dist/hooks/useCombinedRefs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCombinedRefs.d.ts","sourceRoot":"","sources":["../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,GAAG,IAAI,OAAA;;;EAiBtC"}
+{"version":3,"file":"useCombinedRefs.d.ts","sourceRoot":"","sources":["../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,IAAI,OAAA;;;EAiB/C"}

package/dist/hooks/useCombinedRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCombinedRefs.js","sourceRoot":"","sources":["../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B;;;;;GAKG;AACH,SAAgB,eAAe;IAAC,cAAO;SAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;QAAP,yBAAO;;IAC/B,IAAA,KAA2B,kBAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA9C,SAAS,QAAA,EAAE,WAAW,QAAwB,CAAC;IACtD,IAAM,SAAS,GAAG,kBAAK,CAAC,MAAM,EAAE,CAAC;IAEjC,kBAAK,CAAC,SAAS,CAAC;QACd,gCAAI,IAAI,UAAE,WAAW,UAAE,OAAO,CAAC,UAAC,GAAG;YACjC,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACxB;iBAAM;gBACL,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aACjC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AAClC,CAAC;AAjBD,0CAiBC"}
+{"version":3,"file":"useCombinedRefs.js","sourceRoot":"","sources":["../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B;;;;;GAKG;AACH,SAAgB,eAAe;IAAU,cAAO;SAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;QAAP,yBAAO;;IACxC,IAAA,KAA2B,kBAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA9C,SAAS,QAAA,EAAE,WAAW,QAAwB,CAAC;IACtD,IAAM,SAAS,GAAG,kBAAK,CAAC,MAAM,EAAK,CAAC;IAEpC,kBAAK,CAAC,SAAS,CAAC;QACd,gCAAI,IAAI,UAAE,WAAW,UAAE,OAAO,CAAC,UAAC,GAAG;YACjC,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACxB;iBAAM;gBACL,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aACjC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AAClC,CAAC;AAjBD,0CAiBC"}

package/dist/hooks/usePaging.d.ts

@@ -0,0 +1,27 @@
+import { usePaginationReturn } from 'react-use-pagination-hook';
+export interface IReqorePagingOptions<T> {
+    items: T[];
+    startPage?: number;
+    pagesToShow?: number;
+    itemsPerPage?: number;
+    infinite?: boolean;
+    enabled?: boolean;
+}
+export interface IReqorePagingResult<T> extends Pick<usePaginationReturn, 'setPage' | 'currentPage'> {
+    pages: number[];
+    allPages: number[];
+    items: T[];
+    itemsPerPage: number;
+    itemsLeft: number;
+    isLastPage: boolean;
+    isFirstPage: boolean;
+    next: usePaginationReturn['goNext'];
+    back: usePaginationReturn['goBefore'];
+    first: () => void;
+    last: () => void;
+    pageCount: number;
+    infinite: boolean;
+}
+export declare const defaultPagingOptions: IReqorePagingOptions<any>;
+export declare const useReqorePaging: <T>(options?: IReqorePagingOptions<T>) => IReqorePagingResult<T>;
+//# sourceMappingURL=usePaging.d.ts.map

package/dist/hooks/usePaging.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaging.d.ts","sourceRoot":"","sources":["../../src/hooks/usePaging.ts"],"names":[],"mappings":"AAGA,OAAsB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CACpC,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,aAAa,CAAC;IAC5D,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACpC,IAAI,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,GAAG,CAI1D,CAAC;AAEF,eAAO,MAAM,eAAe,kEAwE3B,CAAC"}

package/dist/hooks/usePaging.js

@@ -0,0 +1,83 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.useReqorePaging = exports.defaultPagingOptions = void 0;
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var react_use_pagination_hook_1 = __importDefault(require("react-use-pagination-hook"));
+exports.defaultPagingOptions = {
+    items: [],
+    itemsPerPage: 10,
+    infinite: false
+};
+var useReqorePaging = function (options) {
+    if (options === void 0) { options = exports.defaultPagingOptions; }
+    var _a = (0, lodash_1.merge)({}, exports.defaultPagingOptions, options), items = _a.items, itemsPerPage = _a.itemsPerPage, infinite = _a.infinite, pagesToShow = _a.pagesToShow, startPage = _a.startPage, _b = _a.enabled, enabled = _b === void 0 ? true : _b;
+    var allPageCount = (0, react_1.useMemo)(function () { return Math.ceil((0, lodash_1.size)(items) / itemsPerPage); }, [items, itemsPerPage]);
+    var _c = (0, react_use_pagination_hook_1["default"])({
+        numOfPage: allPageCount,
+        totalPage: allPageCount
+    }), pagelist = _c.pagelist, currentPage = _c.currentPage, setPage = _c.setPage, setTotalPage = _c.setTotalPage, goNext = _c.goNext, goBefore = _c.goBefore;
+    (0, react_1.useEffect)(function () {
+        setPage(startPage || 1);
+    }, [startPage]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        setPage(1);
+        setTotalPage(Math.ceil((0, lodash_1.size)(items) / itemsPerPage));
+    }, [(0, lodash_1.size)(items), itemsPerPage]);
+    var slicedItems = (0, react_1.useMemo)(function () {
+        return items.slice(infinite ? 0 : (currentPage - 1) * itemsPerPage, currentPage * itemsPerPage);
+    }, [items, currentPage, itemsPerPage, infinite]);
+    var pages = (0, react_1.useMemo)(function () {
+        if (!pagesToShow || pagesToShow >= allPageCount) {
+            return pagelist;
+        }
+        // Get the middle of the desired page count
+        var middle = Math.ceil(pagesToShow / 2);
+        // Get the start number of the pages to show
+        // If the current page is the last page, we need to subtract the number of pages to show from the total number of pages
+        var start = currentPage === allPageCount ? allPageCount - pagesToShow : Math.max(currentPage - middle, 0);
+        // Get the end number of the pages to show
+        // If the start number is 0, we need to add the number of pages to show to the total number of pages
+        var end = Math.min(start + pagesToShow, allPageCount);
+        var newPages = pagelist.slice(start, end);
+        // Always remove the first page
+        newPages = newPages.filter(function (page) { return page !== 1; });
+        // Always remove the last page
+        newPages = newPages.filter(function (page) { return page !== allPageCount; });
+        // Add the first and last page
+        newPages = __spreadArray(__spreadArray([1], newPages, true), [allPageCount], false);
+        return newPages;
+    }, [pagesToShow, allPageCount, currentPage, pagelist]);
+    return {
+        pages: pages,
+        allPages: pagelist,
+        pageCount: allPageCount,
+        items: enabled ? slicedItems : items,
+        itemsPerPage: itemsPerPage,
+        itemsLeft: items.length - slicedItems.length,
+        infinite: infinite,
+        setPage: setPage,
+        currentPage: currentPage,
+        next: goNext,
+        back: goBefore,
+        isLastPage: currentPage === allPageCount,
+        isFirstPage: currentPage === 1,
+        first: function () { return setPage(1); },
+        last: function () { return setPage(allPageCount); }
+    };
+};
+exports.useReqorePaging = useReqorePaging;
+//# sourceMappingURL=usePaging.js.map

package/dist/hooks/usePaging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaging.js","sourceRoot":"","sources":["../../src/hooks/usePaging.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -29,12 +29,14 @@ export { default as ReqoreNavbarGroup } from './components/Navbar/group';
 export { default as ReqoreNavbarItem } from './components/Navbar/item';
 export { default as ReqoreNotificationsWrapper } from './components/Notifications';
 export { default as ReqoreNotification } from './components/Notifications/notification';
+export { ReqorePagination } from './components/Paging';
 export { ReqorePanel } from './components/Panel';
 export { ReqoreP, ReqoreP as ReqoreParagraph } from './components/Paragraph';
 export { default as ReqorePopover } from './components/Popover';
 export { default as ReqoreRadioGroup } from './components/RadioGroup';
 export { default as ReqoreSidebar } from './components/Sidebar';
 export { ReqoreHorizontalSpacer, ReqoreSpacer, ReqoreVerticalSpacer } from './components/Spacer';
+export { ReqoreSpinner } from './components/Spinner';
 export { default as ReqoreTable } from './components/Table';
 export { default as ReqoreTabs } from './components/Tabs';
 export { default as ReqoreTabsContent } from './components/Tabs/content';
@@ -53,6 +55,7 @@ export { default as ReqoreUIProvider } from './containers/UIProvider';
 export { default as ReqoreContext } from './context/ReqoreContext';
 export { default as ReqoreThemeContext } from './context/ThemeContext';
 export { default as useLatestZIndex } from './hooks/useLatestZIndex';
+export { useReqorePaging } from './hooks/usePaging';
 export { useReqore } from './hooks/useReqore';
 export { useReqoreProperty } from './hooks/useReqoreContext';
 export { useReqoreTheme } from './hooks/useTheme';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -11,8 +11,8 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 exports.__esModule = true;
-exports.ReqoreTable = exports.ReqoreVerticalSpacer = exports.ReqoreSpacer = exports.ReqoreHorizontalSpacer = exports.ReqoreSidebar = exports.ReqoreRadioGroup = exports.ReqorePopover = exports.ReqoreParagraph = exports.ReqoreP = exports.ReqorePanel = exports.ReqoreNotification = exports.ReqoreNotificationsWrapper = exports.ReqoreNavbarItem = exports.ReqoreNavbarGroup = exports.ReqoreNavbarDivider = exports.ReqoreHeader = exports.ReqoreFooter = exports.ReqoreMultiSelect = exports.ReqoreModal = exports.ReqoreMessage = exports.ReqoreMenuItem = exports.ReqoreMenuDivider = exports.ReqoreMenu = exports.ReqoreLayoutContent = exports.ReqoreInput = exports.ReqoreIcon = exports.ReqoreHeading = exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreTextEffect = exports.ReqoreEffect = exports.ReqoreDropdownItem = exports.ReqoreDropdownDivider = exports.ReqoreDropdown = exports.ReqoreDrawer = exports.ReqoreControlGroup = exports.ReqoreContent = exports.ReqoreCommentFeed = exports.ReqoreComment = exports.ReqoreColumn = exports.ReqoreColumns = exports.ReqoreCollection = exports.ReqoreCheckbox = exports.ReqoreButton = exports.ReqoreBreadcrumbsItem = exports.ReqoreBreadcrumbs = void 0;
-exports.useReqoreTheme = exports.useReqoreProperty = exports.useReqore = exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreIntents = exports.ReqoreSizes = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = exports.ReqoreTabsListItem = exports.ReqoreTabsContent = exports.ReqoreTabs = void 0;
+exports.ReqoreVerticalSpacer = exports.ReqoreSpacer = exports.ReqoreHorizontalSpacer = exports.ReqoreSidebar = exports.ReqoreRadioGroup = exports.ReqorePopover = exports.ReqoreParagraph = exports.ReqoreP = exports.ReqorePanel = exports.ReqorePagination = exports.ReqoreNotification = exports.ReqoreNotificationsWrapper = exports.ReqoreNavbarItem = exports.ReqoreNavbarGroup = exports.ReqoreNavbarDivider = exports.ReqoreHeader = exports.ReqoreFooter = exports.ReqoreMultiSelect = exports.ReqoreModal = exports.ReqoreMessage = exports.ReqoreMenuItem = exports.ReqoreMenuDivider = exports.ReqoreMenu = exports.ReqoreLayoutContent = exports.ReqoreInput = exports.ReqoreIcon = exports.ReqoreHeading = exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreTextEffect = exports.ReqoreEffect = exports.ReqoreDropdownItem = exports.ReqoreDropdownDivider = exports.ReqoreDropdown = exports.ReqoreDrawer = exports.ReqoreControlGroup = exports.ReqoreContent = exports.ReqoreCommentFeed = exports.ReqoreComment = exports.ReqoreColumn = exports.ReqoreColumns = exports.ReqoreCollection = exports.ReqoreCheckbox = exports.ReqoreButton = exports.ReqoreBreadcrumbsItem = exports.ReqoreBreadcrumbs = void 0;
+exports.useReqoreTheme = exports.useReqoreProperty = exports.useReqore = exports.useReqorePaging = exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreIntents = exports.ReqoreSizes = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = exports.ReqoreTabsListItem = exports.ReqoreTabsContent = exports.ReqoreTabs = exports.ReqoreTable = exports.ReqoreSpinner = void 0;
 var Breadcrumbs_1 = require("./components/Breadcrumbs");
 __createBinding(exports, Breadcrumbs_1, "default", "ReqoreBreadcrumbs");
 var item_1 = require("./components/Breadcrumbs/item");
@@ -84,6 +84,8 @@ var Notifications_1 = require("./components/Notifications");
 __createBinding(exports, Notifications_1, "default", "ReqoreNotificationsWrapper");
 var notification_1 = require("./components/Notifications/notification");
 __createBinding(exports, notification_1, "default", "ReqoreNotification");
+var Paging_1 = require("./components/Paging");
+__createBinding(exports, Paging_1, "ReqorePagination");
 var Panel_1 = require("./components/Panel");
 __createBinding(exports, Panel_1, "ReqorePanel");
 var Paragraph_1 = require("./components/Paragraph");
@@ -99,6 +101,8 @@ var Spacer_1 = require("./components/Spacer");
 __createBinding(exports, Spacer_1, "ReqoreHorizontalSpacer");
 __createBinding(exports, Spacer_1, "ReqoreSpacer");
 __createBinding(exports, Spacer_1, "ReqoreVerticalSpacer");
+var Spinner_1 = require("./components/Spinner");
+__createBinding(exports, Spinner_1, "ReqoreSpinner");
 var Table_1 = require("./components/Table");
 __createBinding(exports, Table_1, "default", "ReqoreTable");
 var Tabs_1 = require("./components/Tabs");
@@ -135,6 +139,8 @@ var ThemeContext_1 = require("./context/ThemeContext");
 __createBinding(exports, ThemeContext_1, "default", "ReqoreThemeContext");
 var useLatestZIndex_1 = require("./hooks/useLatestZIndex");
 __createBinding(exports, useLatestZIndex_1, "default", "useLatestZIndex");
+var usePaging_1 = require("./hooks/usePaging");
+__createBinding(exports, usePaging_1, "useReqorePaging");
 var useReqore_1 = require("./hooks/useReqore");
 __createBinding(exports, useReqore_1, "useReqore");
 var useReqoreContext_1 = require("./hooks/useReqoreContext");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,wDAA6D;AAApD,6DAAiB;AAC1B,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAiG;AAAxF,6DAAsB;AAAE,mDAAY;AAAE,2DAAoB;AACnE,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,2CAAgD;AAAvC,iDAAW;AACpB,2CAAkD;AAAzC,mDAAa;AACtB,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B;AACnC,+CAA8C;AAArC,mDAAS;AAClB,6DAA6D;AAApD,kEAAiB;AAC1B,6CAAkD;AAAzC,uDAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,wDAA6D;AAApD,6DAAiB;AAC1B,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,8CAAuD;AAA9C,uDAAgB;AACzB,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAiG;AAAxF,6DAAsB;AAAE,mDAAY;AAAE,2DAAoB;AACnE,gDAAqD;AAA5C,qDAAa;AACtB,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,2CAAgD;AAAvC,iDAAW;AACpB,2CAAkD;AAAzC,mDAAa;AACtB,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B;AACnC,+CAAoD;AAA3C,yDAAe;AACxB,+CAA8C;AAArC,mDAAS;AAClB,6DAA6D;AAApD,kEAAiB;AAC1B,6CAAkD;AAAzC,uDAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.32.2",
+  "version": "0.33.0",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -53,7 +53,7 @@
     "@storybook/react": "^6.5.13",
     "@storybook/testing-library": "^0.0.13",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^11.2.2",
+    "@testing-library/react": "^13.4.0",
     "@types/jest": "^26.0.19",
     "@types/lodash": "^4.14.166",
     "@types/node": "^14.14.14",
@@ -62,7 +62,8 @@
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.2",
     "chromatic": "^6.3.3",
-    "jest": "^26.6.3",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
     "jest-github-actions-reporter": "^1.0.2",
     "npm-cli-login": "^0.1.1",
     "playwright": "^1.16.3",
@@ -73,7 +74,7 @@
     "react-test-renderer": "^18.2.0",
     "storybook-addon-outline": "^1.4.2",
     "storybook-dark-mode": "^1.1.2",
-    "ts-jest": "^26.4.4",
+    "ts-jest": "^29.0.5",
     "ts-node": "^9.1.1",
     "typescript": "^4.7.3",
     "viteshot": "^0.3.1"
@@ -94,6 +95,7 @@
     "react-popper": "^2.3.0",
     "react-scrollbar": "^0.5.6",
     "react-use": "^17.4.0",
+    "react-use-pagination-hook": "^1.1.2",
     "react-window": "^1.8.6",
     "scheduler": "^0.23.0",
     "shortid": "^2.2.16",

package/src/components/Button/index.tsx

@@ -69,6 +69,7 @@ export interface IReqoreButtonProps
   description?: string | number;
   maxWidth?: string;
   textAlign?: 'left' | 'center' | 'right';
+  iconsAlign?: 'center' | 'sides';
   iconColor?: TReqoreEffectColor;
   leftIconColor?: TReqoreEffectColor;
   rightIconColor?: TReqoreEffectColor;
@@ -393,6 +394,7 @@ const ReqoreButton = memo(
         leftIconColor,
         rightIconColor,
         iconColor,
+        iconsAlign,
         ...rest
       }: IReqoreButtonProps,
       ref
@@ -455,17 +457,18 @@ const ReqoreButton = memo(
                   size={size}
                   color={leftIconColor || iconColor}
                   style={
-                    textAlign !== 'left'
+                    textAlign !== 'left' || iconsAlign === 'center'
                       ? {
-                          marginRight: 'auto',
-                          marginLeft: textAlign === 'center' ? 'auto' : undefined,
+                          marginRight: iconsAlign !== 'center' || !children ? 'auto' : undefined,
+                          marginLeft:
+                            iconsAlign === 'center' || (textAlign === 'center' && !children)
+                              ? 'auto'
+                              : undefined,
                         }
                       : undefined
                   }
                 />
-                {children || badge || rightIcon ? (
-                  <ReqoreSpacer width={PADDING_FROM_SIZE[size]} />
-                ) : null}
+                {children || rightIcon ? <ReqoreSpacer width={PADDING_FROM_SIZE[size]} /> : null}
               </>
             ) : children ? (
               <ReqoreHorizontalSpacer
@@ -476,7 +479,9 @@ const ReqoreButton = memo(
             {children && (
               <StyledAnimatedTextWrapper
                 textAlign={textAlign}
-                style={textAlign === 'center' ? { margin: 'auto' } : undefined}
+                style={
+                  textAlign === 'center' && iconsAlign !== 'center' ? { margin: 'auto' } : undefined
+                }
               >
                 <StyledActiveContent wrap={wrap} effect={labelEffect}>
                   {children}
@@ -509,10 +514,13 @@ const ReqoreButton = memo(
                   icon={rightIcon}
                   size={size}
                   style={
-                    textAlign !== 'right'
+                    textAlign !== 'right' || iconsAlign === 'center'
                       ? {
-                          marginLeft: 'auto',
-                          marginRight: textAlign === 'center' ? 'auto' : undefined,
+                          marginLeft: iconsAlign !== 'center' || !children ? 'auto' : undefined,
+                          marginRight:
+                            iconsAlign === 'center' || (textAlign === 'center' && !children)
+                              ? 'auto'
+                              : undefined,
                         }
                       : undefined
                   }

package/src/components/Collection/index.tsx

@@ -1,17 +1,26 @@
 import { size } from 'lodash';
-import { useMemo, useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { useDebounce, useUpdateEffect } from 'react-use';
 import styled, { css } from 'styled-components';
+import { getPaginationOptionsFromType, TReqorePaginationType } from '../../constants/paging';
 import { PADDING_FROM_SIZE } from '../../constants/sizes';
+import { IReqorePagingOptions, useReqorePaging } from '../../hooks/usePaging';
 import { IReqoreIconName } from '../../types/icons';
 import { IReqoreColumnsProps, StyledColumns } from '../Columns';
 import ReqoreInput, { IReqoreInputProps } from '../Input';
 import ReqoreMessage from '../Message';
+import { IReqorePaginationComponentProps, ReqorePagination } from '../Paging';
 import { IReqorePanelAction, IReqorePanelProps, ReqorePanel, TReqorePanelActions } from '../Panel';
 import { ReqoreVerticalSpacer } from '../Spacer';
 import { sortTableData } from '../Table/helpers';
 import { IReqoreCollectionItemProps, ReqoreCollectionItem } from './item';
 
+export interface IReqoreCollectionPagingOptions
+  extends Omit<IReqorePagingOptions<IReqoreCollectionItemProps>, 'items'>,
+    IReqorePaginationComponentProps {
+  pageControlsPosition?: 'top' | 'bottom' | 'both';
+}
+
 export interface IReqoreCollectionProps
   extends Pick<
       IReqorePanelProps,
@@ -48,8 +57,10 @@ export interface IReqoreCollectionProps
   selectedIcon?: IReqoreIconName;
   searchDelay?: number;
 
-  childrenBefore?: React.ReactNode;
-  childrenAfter?: React.ReactNode;
+  contentRenderer?: (
+    children: React.ReactNode,
+    items: IReqoreCollectionItemProps[]
+  ) => React.ReactNode;
 
   onQueryChange?: (query: string) => void;
 
@@ -57,6 +68,8 @@ export interface IReqoreCollectionProps
   sortButtonTooltip?: (sort?: 'asc' | 'desc') => string;
   displayButtonTooltip?: (display?: 'list' | 'grid') => string;
   inputPlaceholder?: (items?: IReqoreCollectionItemProps[]) => string;
+
+  paging?: TReqorePaginationType;
 }
 
 export const StyledCollectionWrapper = styled(StyledColumns)`
@@ -92,13 +105,13 @@ export const ReqoreCollection = ({
   minimal,
   transparent = true,
   onQueryChange,
-  childrenBefore,
-  childrenAfter,
+  contentRenderer = (children) => children,
   searchDelay = 300,
   emptyMessage = 'No data in this collection, try changing your search query or filters',
   sortButtonTooltip = (sort) => (sort === 'desc' ? 'Sort ascending' : 'Sort descending'),
   displayButtonTooltip = (display) => (display === 'grid' ? 'Show as list' : 'Show as grid'),
   inputPlaceholder = (items) => `Search in ${size(items)} items`,
+  paging,
   ...rest
 }: IReqoreCollectionProps) => {
   const [_showAs, setShowAs] = useState<'list' | 'grid'>(showAs);
@@ -152,7 +165,7 @@ export const ReqoreCollection = ({
     });
   }, [items, sort]);
 
-  const finalItems: IReqoreCollectionItemProps[] = useMemo(() => {
+  const filteredItems: IReqoreCollectionItemProps[] = useMemo(() => {
     if (!filterable || query === '') {
       return sortedItems;
     }
@@ -170,6 +183,18 @@ export const ReqoreCollection = ({
     });
   }, [items, query, sortedItems]);
 
+  const {
+    pagingOptions = {},
+    componentOptions = {},
+    pageControlsPosition,
+  } = useMemo(() => getPaginationOptionsFromType(paging), [paging]);
+
+  const { items: finalItems, ...pagingData } = useReqorePaging({
+    items: filteredItems,
+    ...pagingOptions,
+    enabled: !!paging,
+  });
+
   const handlePreQueryChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     setPreQuery(event.target.value);
   };
@@ -210,8 +235,11 @@ export const ReqoreCollection = ({
           props: {
             key: 'search',
             fixed: false,
-            placeholder: inputPlaceholder(finalItems),
-            onClearClick: () => setQuery(''),
+            placeholder: inputPlaceholder(items),
+            onClearClick: () => {
+              setQuery('');
+              setPreQuery('');
+            },
             onChange: handlePreQueryChange,
             value: preQuery,
             icon: 'Search2Line',
@@ -225,6 +253,65 @@ export const ReqoreCollection = ({
     return [...actions, toolbarGroup];
   }, [filterable, preQuery, query, rest.actions, _showAs, sort, sortable, finalItems]);
 
+  const renderContent = useCallback(() => {
+    return contentRenderer(
+      <>
+        {!!paging && (pageControlsPosition === 'top' || pageControlsPosition === 'both') ? (
+          <>
+            <ReqorePagination size={rest.size} {...pagingData} {...componentOptions} />
+            <ReqoreVerticalSpacer height={PADDING_FROM_SIZE[rest.size || 'normal']} />
+          </>
+        ) : null}
+        {!size(finalItems) ? (
+          <ReqoreMessage flat icon='Search2Line'>
+            {emptyMessage}
+          </ReqoreMessage>
+        ) : (
+          <StyledCollectionWrapper
+            columns={_showAs === 'grid' ? 'auto-fit' : 1}
+            columnsGap={stacked ? '0px' : columnsGap}
+            rounded={rounded}
+            stacked={stacked}
+            {...rest}
+          >
+            {finalItems?.map((item, index) => (
+              <ReqoreCollectionItem
+                size={rest.size}
+                {...item}
+                icon={item.icon || (item.selected ? selectedIcon : undefined)}
+                key={index}
+                rounded={!stacked}
+                maxContentHeight={maxItemHeight}
+              />
+            ))}
+          </StyledCollectionWrapper>
+        )}
+        {!!paging &&
+        (!pageControlsPosition ||
+          pageControlsPosition === 'bottom' ||
+          pageControlsPosition === 'both') ? (
+          <>
+            <ReqoreVerticalSpacer height={PADDING_FROM_SIZE[rest.size || 'normal']} />
+            <ReqorePagination size={rest.size} {...pagingData} {...componentOptions} />
+          </>
+        ) : null}
+      </>,
+      finalItems
+    );
+  }, [
+    contentRenderer,
+    finalItems,
+    _showAs,
+    columnsGap,
+    emptyMessage,
+    maxItemHeight,
+    rest,
+    rounded,
+    selectedIcon,
+    size,
+    stacked,
+  ]);
+
   return (
     <ReqorePanel
       {...rest}
@@ -239,42 +326,7 @@ export const ReqoreCollection = ({
       actions={finalActions}
       className={`reqore-collection ${rest.className || ''}`}
     >
-      {childrenBefore ? (
-        <>
-          {childrenBefore}
-          <ReqoreVerticalSpacer height={PADDING_FROM_SIZE[rest.size || 'normal']} />
-        </>
-      ) : null}
-      {!size(finalItems) ? (
-        <ReqoreMessage flat icon='Search2Line'>
-          {emptyMessage}
-        </ReqoreMessage>
-      ) : (
-        <StyledCollectionWrapper
-          columns={_showAs === 'grid' ? 'auto-fit' : 1}
-          columnsGap={stacked ? '0px' : columnsGap}
-          rounded={rounded}
-          stacked={stacked}
-          {...rest}
-        >
-          {finalItems?.map((item, index) => (
-            <ReqoreCollectionItem
-              size={rest.size}
-              {...item}
-              icon={item.icon || (item.selected ? selectedIcon : undefined)}
-              key={index}
-              rounded={!stacked}
-              maxContentHeight={maxItemHeight}
-            />
-          ))}
-        </StyledCollectionWrapper>
-      )}
-      {childrenAfter ? (
-        <>
-          <ReqoreVerticalSpacer height={PADDING_FROM_SIZE[rest.size || 'normal']} />
-          {childrenAfter}
-        </>
-      ) : null}
+      {renderContent()}
     </ReqorePanel>
   );
 };

package/src/components/ControlGroup/index.tsx

@@ -11,8 +11,10 @@ import {
   IWithReqoreFlat,
   IWithReqoreFluid,
   IWithReqoreMinimal,
-  IWithReqoreSize,
+  IWithReqoreSize
 } from '../../types/global';
+import { StyledHeader } from '../Header';
+import { StyledParagraph } from '../Paragraph';
 
 export interface IReqoreControlGroupProps
   extends React.HTMLAttributes<HTMLDivElement>,
@@ -83,7 +85,7 @@ export const StyledReqoreControlGroup = styled.div<IReqoreControlGroupStyle>`
     return undefined;
   }}
 
-  > * {
+  > *, > ${StyledParagraph}, > ${StyledHeader} {
     margin-top: ${({ fill, verticalAlign }) =>
       !fill && (verticalAlign === 'flex-end' || verticalAlign === 'center') ? 'auto' : undefined};
     margin-bottom: ${({ fill, verticalAlign }) =>

package/src/components/Dropdown/index.tsx

@@ -4,9 +4,10 @@ import { ReqorePopover } from '../..';
 import { IPopoverOptions } from '../../hooks/usePopover';
 import { IReqoreIconName } from '../../types/icons';
 import ReqoreButton, { IReqoreButtonProps } from '../Button';
+import { IReqoreInputProps } from '../Input';
 import ReqoreDropdownList, { IReqoreDropdownItem, TDropdownItemOnClick } from './list';
 
-export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
+export interface IReqoreDropdownProps extends Partial<Omit<IPopoverOptions, 'openOnMount'>> {
   items?: IReqoreDropdownItem[];
   multiSelect?: boolean;
   buttonStyle?: React.CSSProperties;
@@ -23,6 +24,8 @@ export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
   isDefaultOpen?: boolean;
   onItemSelect?: TDropdownItemOnClick;
   style?: React.CSSProperties;
+  inputProps?: IReqoreInputProps;
+  scrollToSelected?: boolean;
 }
 
 function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({
@@ -50,13 +53,14 @@ function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({
   maxWidth,
   noArrow = true,
   transparent,
-  openOnMount,
   show,
   targetElement,
   useTargetWidth,
   listWidth,
   listHeight,
   passPopoverData,
+  inputProps,
+  scrollToSelected,
   ...rest
 }: IReqoreDropdownProps & T) {
   const componentProps = useMemo(
@@ -82,6 +86,8 @@ function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({
         items={items}
         filterable={filterable}
         onItemSelect={onItemSelect}
+        inputProps={inputProps}
+        scrollToSelected={scrollToSelected}
       />
     ) : undefined;
   }, [items]);