@qoretechnologies/reqore 0.33.0 → 0.34.1

package/__tests__/collection.test.tsx

@@ -138,7 +138,7 @@ test('<Collection /> has default paging', () => {
   render(
     <ReqoreUIProvider>
       <ReqoreLayoutContent>
-        <ReqoreCollection items={bigCollection} paging />
+        <ReqoreCollection items={bigCollection} paging='buttons' />
       </ReqoreLayoutContent>
     </ReqoreUIProvider>
   );
@@ -208,3 +208,24 @@ test('<Collection /> has custom paging', () => {
 
   expect(document.querySelectorAll('.reqore-collection-item').length).toBe(100);
 });
+
+test('<Collection /> has 2 paging controls', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreCollection
+          items={bigCollection}
+          paging={{
+            itemsPerPage: 10,
+            showPagesAs: 'list',
+            pageControlsPosition: 'both',
+          }}
+        />
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-pagination-wrapper').length).toBe(2);
+  expect(document.querySelectorAll('.reqore-button').length).toBe(11);
+  expect(document.querySelectorAll('.reqore-collection-item').length).toBe(10);
+});

package/__tests__/containers/paging.test.tsx

@@ -0,0 +1,106 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import {
+  ReqoreContent,
+  ReqoreControlGroup,
+  ReqoreLayoutContent,
+  ReqorePaginationContainer,
+  ReqoreTag,
+  ReqoreUIProvider,
+} from '../../src';
+import { tableData as data } from '../../src/mock/tableData';
+
+test('Renders default <PaginationContainer />', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqorePaginationContainer<any> items={data} type='buttons'>
+            {(items) => (
+              <ReqoreControlGroup vertical>
+                {items.map((item) => (
+                  <ReqoreTag label={`${item.firstName} ${item.lastName}`} />
+                ))}
+              </ReqoreControlGroup>
+            )}
+          </ReqorePaginationContainer>
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-pagination-wrapper').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-button')[0]?.getAttribute('disabled')).toBe('');
+  expect(document.querySelectorAll('.reqore-button').length).toBe(102);
+
+  fireEvent.click(document.querySelectorAll('.reqore-button')[100]);
+
+  expect(screen.getAllByText('Rodd Solly')).toBeTruthy();
+  expect(document.querySelectorAll('.reqore-button')[101]?.getAttribute('disabled')).toBe('');
+});
+
+test('Renders default <PaginationContainer /> with both control wrappers', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqorePaginationContainer<any> items={data} type={{ pageControlsPosition: 'both' }}>
+            {(items) => (
+              <ReqoreControlGroup vertical>
+                {items.map((item) => (
+                  <ReqoreTag label={`${item.firstName} ${item.lastName}`} />
+                ))}
+              </ReqoreControlGroup>
+            )}
+          </ReqorePaginationContainer>
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-pagination-wrapper').length).toBe(2);
+  expect(document.querySelectorAll('.reqore-button')[0]?.getAttribute('disabled')).toBe('');
+  expect(document.querySelectorAll('.reqore-button').length).toBe(204);
+
+  fireEvent.click(document.querySelectorAll('.reqore-button')[100]);
+
+  expect(screen.getAllByText('Rodd Solly')).toBeTruthy();
+
+  expect(document.querySelectorAll('.reqore-button')[101]?.getAttribute('disabled')).toBe('');
+  expect(document.querySelectorAll('.reqore-button')[203]?.getAttribute('disabled')).toBe('');
+});
+
+test('Renders default <PaginationContainer /> with both control wrappers, one included in children', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqorePaginationContainer<any>
+            items={data}
+            type={{ pageControlsPosition: 'both', includeBottomControls: false }}
+          >
+            {(items, Controls, { includeBottomControls }) => (
+              <ReqoreControlGroup vertical>
+                {items.map((item) => (
+                  <ReqoreTag label={`${item.firstName} ${item.lastName}`} />
+                ))}
+                {!includeBottomControls && <Controls />}
+              </ReqoreControlGroup>
+            )}
+          </ReqorePaginationContainer>
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-pagination-wrapper').length).toBe(2);
+  expect(document.querySelectorAll('.reqore-button')[0]?.getAttribute('disabled')).toBe('');
+  expect(document.querySelectorAll('.reqore-button').length).toBe(204);
+
+  fireEvent.click(document.querySelectorAll('.reqore-button')[100]);
+
+  expect(screen.getAllByText('Rodd Solly')).toBeTruthy();
+
+  expect(document.querySelectorAll('.reqore-button')[101]?.getAttribute('disabled')).toBe('');
+  expect(document.querySelectorAll('.reqore-button')[203]?.getAttribute('disabled')).toBe('');
+});

package/__tests__/hooks/useReqorePaging.test.tsx

@@ -17,6 +17,7 @@ test('useReqorePaging returns all pages', () => {
 
   expect(result.current.pages.length).toEqual(100);
   expect(result.current.pageCount).toEqual(100);
+  expect(result.current.renderControls).toEqual(true);
 });
 
 test('useReqorePaging with default start page', () => {
@@ -82,6 +83,7 @@ test('useReqorePaging returns 1 page when items are empty', () => {
   );
 
   expect(result.current.pages.length).toEqual(1);
+  expect(result.current.renderControls).toEqual(false);
 });
 
 test('useReqorePaging returns correct number of rounded pages', () => {
@@ -241,6 +243,7 @@ test('useReqorePaging returns correct number of items with infinite loading', ()
 
   expect(result.current.items.length).toEqual(50);
   expect(result.current.itemsLeft).toEqual(950);
+  expect(result.current.renderControls).toEqual(true);
 
   act(() => {
     result.current.last();
@@ -248,4 +251,5 @@ test('useReqorePaging returns correct number of items with infinite loading', ()
 
   expect(result.current.items.length).toEqual(1000);
   expect(result.current.itemsLeft).toEqual(0);
+  expect(result.current.renderControls).toEqual(false);
 });

package/__tests__/pagination.test.tsx

@@ -274,6 +274,8 @@ test('Renders <Pagination /> with load more button', () => {
   jest.advanceTimersByTime(1);
   // 21 because of the badge on the button
   expect(document.querySelectorAll('.reqore-tag').length).toBe(21);
+  // Pagination should still be there
+  expect(document.querySelectorAll('.reqore-pagination-wrapper').length).toBe(1);
 });
 
 test('Renders <Pagination /> with load more button and auto load', () => {
@@ -298,4 +300,6 @@ test('Renders <Pagination /> with load more button and auto load', () => {
 
   // 21 because of the badge on the button
   expect(document.querySelectorAll('.reqore-tag').length).toBe(1000);
+  // Pagination should be removed
+  expect(document.querySelectorAll('.reqore-pagination-wrapper').length).toBe(0);
 });

package/dist/components/Collection/index.d.ts

@@ -1,18 +1,14 @@
 /// <reference types="react" />
 import { TReqorePaginationType } from '../../constants/paging';
-import { IReqorePagingOptions } from '../../hooks/usePaging';
 import { IReqoreIconName } from '../../types/icons';
 import { IReqoreColumnsProps } from '../Columns';
 import { IReqoreInputProps } from '../Input';
-import { IReqorePaginationComponentProps } from '../Paging';
 import { IReqorePanelAction, IReqorePanelProps } from '../Panel';
 import { IReqoreCollectionItemProps } from './item';
-export interface IReqoreCollectionPagingOptions extends Omit<IReqorePagingOptions<IReqoreCollectionItemProps>, 'items'>, IReqorePaginationComponentProps {
-    pageControlsPosition?: 'top' | 'bottom' | 'both';
-}
-export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label' | 'headerSize' | 'badge' | 'icon' | 'flat' | 'minimal' | 'transparent' | 'fluid' | 'responsiveActions' | 'padded'>, IReqoreColumnsProps {
+export interface IReqoreCollectionProps extends IReqorePanelProps, IReqoreColumnsProps {
     items?: IReqoreCollectionItemProps[];
     inputProps?: IReqoreInputProps;
+    inputInTitle?: boolean;
     sortButtonProps?: IReqorePanelAction;
     displayButtonProps?: IReqorePanelAction;
     stacked?: boolean;
@@ -26,14 +22,14 @@ export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' |
     showSelectedFirst?: boolean;
     selectedIcon?: IReqoreIconName;
     searchDelay?: number;
-    contentRenderer?: (children: React.ReactNode, items: IReqoreCollectionItemProps[]) => React.ReactNode;
+    contentRenderer?: (children: React.ReactNode, items: IReqoreCollectionItemProps[], searchInput?: React.ReactNode) => React.ReactNode;
     onQueryChange?: (query: string) => void;
     emptyMessage?: string;
     sortButtonTooltip?: (sort?: 'asc' | 'desc') => string;
     displayButtonTooltip?: (display?: 'list' | 'grid') => string;
     inputPlaceholder?: (items?: IReqoreCollectionItemProps[]) => string;
-    paging?: TReqorePaginationType;
+    paging?: TReqorePaginationType<IReqoreCollectionItemProps>;
 }
 export declare const StyledCollectionWrapper: any;
-export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, maxItemHeight, filterable, sortable, showSelectedFirst, inputProps, sortButtonProps, displayButtonProps, headerSize, showAs, selectedIcon, flat, minimal, transparent, onQueryChange, contentRenderer, searchDelay, emptyMessage, sortButtonTooltip, displayButtonTooltip, inputPlaceholder, paging, ...rest }: IReqoreCollectionProps) => JSX.Element;
+export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, maxItemHeight, filterable, inputInTitle, sortable, showSelectedFirst, inputProps, sortButtonProps, displayButtonProps, headerSize, showAs, selectedIcon, flat, minimal, transparent, onQueryChange, contentRenderer, searchDelay, emptyMessage, sortButtonTooltip, displayButtonTooltip, inputPlaceholder, paging, height, ...rest }: IReqoreCollectionProps) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Collection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAgC,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE7F,OAAO,EAAE,oBAAoB,EAAmB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAChE,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,+BAA+B,EAAoB,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAoC,MAAM,UAAU,CAAC;AAGnG,OAAO,EAAE,0BAA0B,EAAwB,MAAM,QAAQ,CAAC;AAE1E,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,EAAE,OAAO,CAAC,EACrE,+BAA+B;IACjC,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CACR,iBAAiB,EACf,MAAM,GACN,QAAQ,GACR,aAAa,GACb,SAAS,GACT,eAAe,GACf,OAAO,GACP,YAAY,GACZ,OAAO,GACP,MAAM,GACN,MAAM,GACN,SAAS,GACT,aAAa,GACb,OAAO,GACP,mBAAmB,GACnB,QAAQ,CACX,EACD,mBAAmB;IACrB,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,CAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,KAAK,EAAE,0BAA0B,EAAE,KAChC,KAAK,CAAC,SAAS,CAAC;IAErB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,0BAA0B,EAAE,KAAK,MAAM,CAAC;IAEpE,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED,eAAO,MAAM,uBAAuB,KAWnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gWA4B1B,sBAAsB,gBAwNxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAEhE,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAoC,MAAM,UAAU,CAAC;AAGnG,OAAO,EAAE,0BAA0B,EAAwB,MAAM,QAAQ,CAAC;AAE1E,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB,EAAE,mBAAmB;IACpF,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,CAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,KAAK,EAAE,0BAA0B,EAAE,EACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,KAC1B,KAAK,CAAC,SAAS,CAAC;IAErB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,0BAA0B,EAAE,KAAK,MAAM,CAAC;IAEpE,MAAM,CAAC,EAAE,qBAAqB,CAAC,0BAA0B,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,uBAAuB,KAYnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,sXAoC1B,sBAAsB,gBAyOxB,CAAC"}

package/dist/components/Collection/index.js

@@ -68,30 +68,35 @@ var lodash_1 = require("lodash");
 var react_2 = require("react");
 var react_use_1 = require("react-use");
 var styled_components_1 = __importStar(require("styled-components"));
-var paging_1 = require("../../constants/paging");
+var __1 = require("../..");
 var sizes_1 = require("../../constants/sizes");
-var usePaging_1 = require("../../hooks/usePaging");
+var Paging_1 = require("../../containers/Paging");
 var Columns_1 = require("../Columns");
+var ControlGroup_1 = __importDefault(require("../ControlGroup"));
 var Input_1 = __importDefault(require("../Input"));
 var Message_1 = __importDefault(require("../Message"));
-var Paging_1 = require("../Paging");
 var Panel_1 = require("../Panel");
 var Spacer_1 = require("../Spacer");
 var helpers_1 = require("../Table/helpers");
 var item_1 = require("./item");
-exports.StyledCollectionWrapper = (0, styled_components_1["default"])(Columns_1.StyledColumns)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n\n  ", "\n\n  overflow: auto;\n  position: relative;\n"], ["\n  height: ", ";\n\n  ", "\n\n  overflow: auto;\n  position: relative;\n"])), function (_a) {
+exports.StyledCollectionWrapper = (0, styled_components_1["default"])(Columns_1.StyledColumns)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n  flex: ", ";\n\n  ", "\n\n  overflow: auto;\n  position: relative;\n"], ["\n  height: ", ";\n  flex: ", ";\n\n  ", "\n\n  overflow: auto;\n  position: relative;\n"])), function (_a) {
     var height = _a.height;
     return (height ? "".concat(height) : 'auto');
+}, function (_a) {
+    var fill = _a.fill;
+    return (fill ? 1 : undefined);
 }, function (_a) {
     var rounded = _a.rounded, stacked = _a.stacked;
     return (!rounded || stacked) && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border-radius: ", ";\n    "], ["\n      border-radius: ", ";\n    "])), stacked && rounded ? '10px' : undefined);
 });
 var ReqoreCollection = function (_a) {
-    var items = _a.items, _b = _a.columnsGap, columnsGap = _b === void 0 ? '10px' : _b, stacked = _a.stacked, _c = _a.rounded, rounded = _c === void 0 ? true : _c, fill = _a.fill, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, sortable = _a.sortable, showSelectedFirst = _a.showSelectedFirst, inputProps = _a.inputProps, sortButtonProps = _a.sortButtonProps, displayButtonProps = _a.displayButtonProps, _d = _a.headerSize, headerSize = _d === void 0 ? 2 : _d, _e = _a.showAs, showAs = _e === void 0 ? 'grid' : _e, selectedIcon = _a.selectedIcon, _f = _a.flat, flat = _f === void 0 ? true : _f, minimal = _a.minimal, _g = _a.transparent, transparent = _g === void 0 ? true : _g, onQueryChange = _a.onQueryChange, _h = _a.contentRenderer, contentRenderer = _h === void 0 ? function (children) { return children; } : _h, _j = _a.searchDelay, searchDelay = _j === void 0 ? 300 : _j, _k = _a.emptyMessage, emptyMessage = _k === void 0 ? 'No data in this collection, try changing your search query or filters' : _k, _l = _a.sortButtonTooltip, sortButtonTooltip = _l === void 0 ? function (sort) { return (sort === 'desc' ? 'Sort ascending' : 'Sort descending'); } : _l, _m = _a.displayButtonTooltip, displayButtonTooltip = _m === void 0 ? function (display) { return (display === 'grid' ? 'Show as list' : 'Show as grid'); } : _m, _o = _a.inputPlaceholder, inputPlaceholder = _o === void 0 ? function (items) { return "Search in ".concat((0, lodash_1.size)(items), " items"); } : _o, paging = _a.paging, rest = __rest(_a, ["items", "columnsGap", "stacked", "rounded", "fill", "maxItemHeight", "filterable", "sortable", "showSelectedFirst", "inputProps", "sortButtonProps", "displayButtonProps", "headerSize", "showAs", "selectedIcon", "flat", "minimal", "transparent", "onQueryChange", "contentRenderer", "searchDelay", "emptyMessage", "sortButtonTooltip", "displayButtonTooltip", "inputPlaceholder", "paging"]);
-    var _p = (0, react_2.useState)(showAs), _showAs = _p[0], setShowAs = _p[1];
-    var _q = (0, react_2.useState)('asc'), sort = _q[0], setSort = _q[1];
-    var _r = (0, react_2.useState)(''), query = _r[0], setQuery = _r[1];
-    var _s = (0, react_2.useState)(''), preQuery = _s[0], setPreQuery = _s[1];
+    var items = _a.items, _b = _a.columnsGap, columnsGap = _b === void 0 ? '10px' : _b, stacked = _a.stacked, _c = _a.rounded, rounded = _c === void 0 ? true : _c, fill = _a.fill, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, _d = _a.inputInTitle, inputInTitle = _d === void 0 ? true : _d, sortable = _a.sortable, showSelectedFirst = _a.showSelectedFirst, inputProps = _a.inputProps, sortButtonProps = _a.sortButtonProps, displayButtonProps = _a.displayButtonProps, _e = _a.headerSize, headerSize = _e === void 0 ? 2 : _e, _f = _a.showAs, showAs = _f === void 0 ? 'grid' : _f, selectedIcon = _a.selectedIcon, _g = _a.flat, flat = _g === void 0 ? true : _g, minimal = _a.minimal, _h = _a.transparent, transparent = _h === void 0 ? true : _h, onQueryChange = _a.onQueryChange, _j = _a.contentRenderer, contentRenderer = _j === void 0 ? function (children, _items, searchInput) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchInput, !!searchInput && (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE.normal }), children] })); } : _j, _k = _a.searchDelay, searchDelay = _k === void 0 ? 300 : _k, _l = _a.emptyMessage, emptyMessage = _l === void 0 ? 'No data in this collection, try changing your search query or filters' : _l, _m = _a.sortButtonTooltip, sortButtonTooltip = _m === void 0 ? function (sort) { return (sort === 'desc' ? 'Sort ascending' : 'Sort descending'); } : _m, _o = _a.displayButtonTooltip, displayButtonTooltip = _o === void 0 ? function (display) { return (display === 'grid' ? 'Show as list' : 'Show as grid'); } : _o, _p = _a.inputPlaceholder, inputPlaceholder = _p === void 0 ? function (items) { return "Search in ".concat((0, lodash_1.size)(items), " items"); } : _p, paging = _a.paging, height = _a.height, rest = __rest(_a, ["items", "columnsGap", "stacked", "rounded", "fill", "maxItemHeight", "filterable", "inputInTitle", "sortable", "showSelectedFirst", "inputProps", "sortButtonProps", "displayButtonProps", "headerSize", "showAs", "selectedIcon", "flat", "minimal", "transparent", "onQueryChange", "contentRenderer", "searchDelay", "emptyMessage", "sortButtonTooltip", "displayButtonTooltip", "inputPlaceholder", "paging", "height"]);
+    var _q = (0, react_2.useState)(showAs), _showAs = _q[0], setShowAs = _q[1];
+    var _r = (0, react_2.useState)('asc'), sort = _r[0], setSort = _r[1];
+    var _s = (0, react_2.useState)(''), query = _s[0], setQuery = _s[1];
+    var _t = (0, react_2.useState)(''), preQuery = _t[0], setPreQuery = _t[1];
+    var _u = (0, react_2.useState)(undefined), contentRef = _u[0], setContentRef = _u[1];
+    var isMobile = (0, __1.useReqoreProperty)('isMobile');
     (0, react_use_1.useUpdateEffect)(function () {
         setShowAs(showAs);
     }, [showAs]);
@@ -140,8 +145,6 @@ var ReqoreCollection = function (_a) {
             return text.toString().toLowerCase().indexOf(query.toLowerCase()) !== -1;
         });
     }, [items, query, sortedItems]);
-    var _t = (0, react_2.useMemo)(function () { return (0, paging_1.getPaginationOptionsFromType)(paging); }, [paging]), _u = _t.pagingOptions, pagingOptions = _u === void 0 ? {} : _u, _v = _t.componentOptions, componentOptions = _v === void 0 ? {} : _v, pageControlsPosition = _t.pageControlsPosition;
-    var _w = (0, usePaging_1.useReqorePaging)(__assign(__assign({ items: filteredItems }, pagingOptions), { enabled: !!paging })), finalItems = _w.items, pagingData = __rest(_w, ["items"]);
     var handlePreQueryChange = function (event) {
         setPreQuery(event.target.value);
     };
@@ -149,14 +152,15 @@ var ReqoreCollection = function (_a) {
         var actions = rest.actions ? __spreadArray([], rest.actions, true) : [];
         var toolbarGroup = {
             responsive: false,
+            fluid: isMobile,
             group: [
-                __assign({ icon: _showAs === 'grid' ? 'ListUnordered' : 'GridLine', onClick: function () { return setShowAs(_showAs === 'grid' ? 'list' : 'grid'); }, tooltip: displayButtonTooltip(_showAs), disabled: !(0, lodash_1.size)(finalItems), textAlign: 'center' }, displayButtonProps),
+                __assign({ icon: _showAs === 'grid' ? 'ListUnordered' : 'GridLine', onClick: function () { return setShowAs(_showAs === 'grid' ? 'list' : 'grid'); }, tooltip: displayButtonTooltip(_showAs), disabled: !(0, lodash_1.size)(filteredItems), textAlign: 'center', fixed: !isMobile }, displayButtonProps),
             ]
         };
         if (sortable) {
-            toolbarGroup.group.push(__assign({ icon: sort === 'desc' ? 'SortDesc' : 'SortAsc', onClick: function () { return setSort(sort === 'desc' ? 'asc' : 'desc'); }, tooltip: sortButtonTooltip(sort), disabled: !(0, lodash_1.size)(finalItems), textAlign: 'center' }, sortButtonProps));
+            toolbarGroup.group.push(__assign({ icon: sort === 'desc' ? 'SortDesc' : 'SortAsc', onClick: function () { return setSort(sort === 'desc' ? 'asc' : 'desc'); }, tooltip: sortButtonTooltip(sort), disabled: !(0, lodash_1.size)(filteredItems), textAlign: 'center', fixed: !isMobile }, sortButtonProps));
         }
-        if (filterable) {
+        if (filterable && inputInTitle) {
             actions = __spreadArray(__spreadArray([], actions, true), [
                 {
                     as: Input_1["default"],
@@ -168,15 +172,15 @@ var ReqoreCollection = function (_a) {
             ], false);
         }
         return __spreadArray(__spreadArray([], actions, true), [toolbarGroup], false);
-    }, [filterable, preQuery, query, rest.actions, _showAs, sort, sortable, finalItems]);
+    }, [filterable, preQuery, query, rest.actions, _showAs, sort, sortable, filteredItems, isMobile]);
     var renderContent = (0, react_2.useCallback)(function () {
-        return contentRenderer((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!paging && (pageControlsPosition === 'top' || pageControlsPosition === 'both') ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Paging_1.ReqorePagination, __assign({ size: rest.size }, pagingData, componentOptions)), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE[rest.size || 'normal'] })] })) : null, !(0, lodash_1.size)(finalItems) ? ((0, jsx_runtime_1.jsx)(Message_1["default"], __assign({ flat: true, icon: 'Search2Line' }, { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)(exports.StyledCollectionWrapper, __assign({ columns: _showAs === 'grid' ? 'auto-fit' : 1, columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked }, rest, { children: finalItems === null || finalItems === void 0 ? void 0 : finalItems.map(function (item, index) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({ size: rest.size }, item, { icon: item.icon || (item.selected ? selectedIcon : undefined), key: index, rounded: !stacked, maxContentHeight: maxItemHeight }))); }) }))), !!paging &&
-                    (!pageControlsPosition ||
-                        pageControlsPosition === 'bottom' ||
-                        pageControlsPosition === 'both') ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE[rest.size || 'normal'] }), (0, jsx_runtime_1.jsx)(Paging_1.ReqorePagination, __assign({ size: rest.size }, pagingData, componentOptions))] })) : null] }), finalItems);
+        return contentRenderer((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Paging_1.ReqorePaginationContainer, __assign({ items: filteredItems, type: paging, size: rest.size, scrollContainer: contentRef }, { children: function (finalItems) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !(0, lodash_1.size)(finalItems) ? ((0, jsx_runtime_1.jsx)(Message_1["default"], __assign({ flat: true, icon: 'Search2Line' }, { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)(exports.StyledCollectionWrapper, __assign({ columns: _showAs === 'grid' ? 'auto-fit' : 1, columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, fill: fill, ref: setContentRef, height: height }, { children: finalItems === null || finalItems === void 0 ? void 0 : finalItems.map(function (item, index) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({ size: rest.size }, item, { icon: item.icon || (item.selected ? selectedIcon : undefined), key: index, rounded: !stacked, maxContentHeight: maxItemHeight }))); }) }))) })); } })) }), filteredItems, !inputInTitle && filterable ? ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], { children: (0, jsx_runtime_1.jsx)(Input_1["default"], __assign({ fixed: false, placeholder: inputPlaceholder(items), onClearClick: function () {
+                    setQuery('');
+                    setPreQuery('');
+                }, onChange: handlePreQueryChange, value: preQuery, icon: 'Search2Line', minimal: false, size: rest.size }, inputProps), 'search') })) : undefined);
     }, [
         contentRenderer,
-        finalItems,
+        filteredItems,
         _showAs,
         columnsGap,
         emptyMessage,
@@ -187,7 +191,12 @@ var ReqoreCollection = function (_a) {
         lodash_1.size,
         stacked,
     ]);
-    return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { headerSize: headerSize, style: __assign({}, rest.style), fill: fill, transparent: transparent, minimal: minimal, flat: flat, actions: finalActions, className: "reqore-collection ".concat(rest.className || '') }, { children: renderContent() })));
+    console.log(rest);
+    return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { headerSize: headerSize, style: __assign({}, rest.style), fill: fill, contentStyle: {
+            overflow: fill ? 'hidden' : 'auto',
+            display: 'flex',
+            flexFlow: 'column'
+        }, transparent: transparent, minimal: minimal, flat: flat, actions: finalActions, className: "reqore-collection ".concat(rest.className || '') }, { children: renderContent() })));
 };
 exports.ReqoreCollection = ReqoreCollection;
 var templateObject_1, templateObject_2;

package/dist/components/Collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Dropdown/index.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { TReqorePaginationType } from '../../constants/paging';
 import { IPopoverOptions } from '../../hooks/usePopover';
 import { IReqoreIconName } from '../../types/icons';
 import { IReqoreButtonProps } from '../Button';
 import { IReqoreInputProps } from '../Input';
+import { IReqorePanelProps } from '../Panel';
 import { IReqoreDropdownItem, TDropdownItemOnClick } from './list';
 export interface IReqoreDropdownProps extends Partial<Omit<IPopoverOptions, 'openOnMount'>> {
     items?: IReqoreDropdownItem[];
@@ -22,9 +24,11 @@ export interface IReqoreDropdownProps extends Partial<Omit<IPopoverOptions, 'ope
     onItemSelect?: TDropdownItemOnClick;
     style?: React.CSSProperties;
     inputProps?: IReqoreInputProps;
+    wrapperProps?: IReqorePanelProps;
     scrollToSelected?: boolean;
+    paging?: TReqorePaginationType<IReqoreDropdownItem>;
 }
-declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent, show, targetElement, useTargetWidth, listWidth, listHeight, passPopoverData, inputProps, scrollToSelected, ...rest }: IReqoreDropdownProps & T): JSX.Element;
+declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent, show, targetElement, useTargetWidth, listWidth, listHeight, passPopoverData, inputProps, scrollToSelected, wrapperProps, paging, ...rest }: IReqoreDropdownProps & T): JSX.Element;
 declare const _default: typeof ReqoreDropdown;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACzF,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,eAsD1B;;AAED,wBAA6D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACzF,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;CACrD;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,eAyD1B;;AAED,wBAA6D"}

package/dist/components/Dropdown/index.js

@@ -32,12 +32,12 @@ var __1 = require("../..");
 var Button_1 = __importDefault(require("../Button"));
 var list_1 = __importDefault(require("./list"));
 function ReqoreDropdown(_a) {
-    var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, listHeight = _a.listHeight, passPopoverData = _a.passPopoverData, inputProps = _a.inputProps, scrollToSelected = _a.scrollToSelected, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "show", "targetElement", "useTargetWidth", "listWidth", "listHeight", "passPopoverData", "inputProps", "scrollToSelected"]);
+    var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, listHeight = _a.listHeight, passPopoverData = _a.passPopoverData, inputProps = _a.inputProps, scrollToSelected = _a.scrollToSelected, wrapperProps = _a.wrapperProps, paging = _a.paging, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "show", "targetElement", "useTargetWidth", "listWidth", "listHeight", "passPopoverData", "inputProps", "scrollToSelected", "wrapperProps", "paging"]);
     var componentProps = (0, react_1.useMemo)(function () {
         return (__assign(__assign({}, rest), { icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle || rest.style, disabled: !(0, lodash_1.size)(items) || rest.disabled, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-dropdown-control") }));
     }, [items, icon, rightIcon, buttonStyle, caretPosition, rest]);
     var popoverContent = (0, react_1.useMemo)(function () {
-        return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, height: listHeight, items: items, filterable: filterable, onItemSelect: onItemSelect, inputProps: inputProps, scrollToSelected: scrollToSelected })) : undefined;
+        return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(__1.ReqorePanel, __assign({ flat: true, size: 'small' }, wrapperProps, { children: (0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, height: listHeight, items: items, filterable: filterable, onItemSelect: onItemSelect, inputProps: inputProps, scrollToSelected: scrollToSelected, paging: paging }) }))) : undefined;
     }, [items]);
     return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, isReqoreComponent: true, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent, passPopoverData: passPopoverData }, { children: children || label })));
 }

package/dist/components/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Dropdown/list.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { TReqorePaginationType } from '../../constants/paging';
 import { IReqoreComponent } from '../../types/global';
 import { IReqoreInputProps } from '../Input';
 import { IReqoreMenuItemProps } from '../Menu/item';
@@ -21,7 +22,8 @@ export interface IReqoreDropdownListProps extends IReqoreComponent {
     onItemSelect?: TDropdownItemOnClick;
     inputProps?: IReqoreInputProps;
     scrollToSelected?: boolean;
+    paging?: TReqorePaginationType<TReqoreDropdownItem>;
 }
-declare const ReqoreDropdownList: React.MemoExoticComponent<({ items, multiSelect, listStyle, _popoverId, filterable, width, height, onItemSelect, inputProps, scrollToSelected, }: IReqoreDropdownListProps) => JSX.Element>;
+declare const ReqoreDropdownList: React.MemoExoticComponent<({ items, multiSelect, listStyle, _popoverId, filterable, width, height, onItemSelect, inputProps, scrollToSelected, paging, }: IReqoreDropdownListProps) => JSX.Element>;
 export default ReqoreDropdownList;
 //# sourceMappingURL=list.d.ts.map

package/dist/components/Dropdown/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG1D,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,kBAAkB,CAAC;IAChF,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,EAAE,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,kBAAkB,oJAYnB,wBAAwB,iBA+E5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG1D,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,kBAAkB,CAAC;IAChF,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,EAAE,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;CACrD;AAED,QAAA,MAAM,kBAAkB,4JAanB,wBAAwB,iBA2F5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Dropdown/list.js

@@ -26,15 +26,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
 var react_1 = require("react");
+var sizes_1 = require("../../constants/sizes");
+var Paging_1 = require("../../containers/Paging");
 var Input_1 = __importDefault(require("../Input"));
 var Menu_1 = __importDefault(require("../Menu"));
 var divider_1 = __importDefault(require("../Menu/divider"));
 var item_1 = __importDefault(require("../Menu/item"));
+var Spacer_1 = require("../Spacer");
 var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
-    var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height, onItemSelect = _a.onItemSelect, inputProps = _a.inputProps, scrollToSelected = _a.scrollToSelected;
+    var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height, onItemSelect = _a.onItemSelect, inputProps = _a.inputProps, scrollToSelected = _a.scrollToSelected, paging = _a.paging;
     var _b = (0, react_1.useState)(items), _items = _b[0], setItems = _b[1];
     var _c = (0, react_1.useState)(''), query = _c[0], setQuery = _c[1];
+    var _d = (0, react_1.useState)(undefined), menuRef = _d[0], setMenuRef = _d[1];
     (0, react_1.useEffect)(function () {
         setItems(items);
     }, [items]);
@@ -64,10 +69,13 @@ var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
             onItemSelect(item);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], __assign({ value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }, inputProps)) })), filteredItems.map(function (_a, index) {
-                var onClick = _a.onClick, dividerAlign = _a.dividerAlign, divider = _a.divider, item = __rest(_a, ["onClick", "dividerAlign", "divider"]);
-                return divider ? ((0, jsx_runtime_1.jsx)(divider_1["default"], __assign({}, item, { align: dividerAlign }), index)) : ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(__assign(__assign({}, item), { onClick: onClick })); }, rightIcon: item.selected ? 'CheckLine' : undefined, scrollIntoView: scrollToSelected && item.selected && !multiSelect }), index));
-            })] })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [filterable && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1["default"], __assign({ value: query, icon: 'SearchLine', onChange: handleQueryChange, placeholder: "Search ".concat((0, lodash_1.size)(_items), " items..."), onClearClick: function () { return setQuery(''); } }, inputProps)), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE.normal })] })), (0, jsx_runtime_1.jsx)(Paging_1.ReqorePaginationContainer, __assign({ type: paging, items: filteredItems, scrollContainer: menuRef }, { children: function (finalItems, Controls, _a) {
+                    var includeBottomControls = _a.includeBottomControls;
+                    return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px', padded: false, ref: setMenuRef }, { children: [finalItems.map(function (_a, index) {
+                                var onClick = _a.onClick, dividerAlign = _a.dividerAlign, divider = _a.divider, item = __rest(_a, ["onClick", "dividerAlign", "divider"]);
+                                return divider ? ((0, jsx_runtime_1.jsx)(divider_1["default"], __assign({}, item, { align: dividerAlign }), index)) : ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(__assign(__assign({}, item), { onClick: onClick })); }, rightIcon: item.selected ? 'CheckLine' : undefined, scrollIntoView: scrollToSelected && item.selected && !multiSelect }), index));
+                            }), !includeBottomControls && (0, jsx_runtime_1.jsx)(Controls, {})] })));
+                } }))] }));
 });
 exports["default"] = ReqoreDropdownList;
 //# sourceMappingURL=list.js.map

package/dist/components/Dropdown/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"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"}

package/dist/components/Menu/index.d.ts

@@ -11,6 +11,7 @@ export interface IReqoreMenuProps extends IReqoreComponent, IWithReqoreMinimal,
     wrapText?: boolean;
     flat?: boolean;
     rounded?: boolean;
+    padded?: boolean;
 }
 export interface IReqoreMenuStyle extends IReqoreMenuProps {
     theme: IReqoreTheme;

package/dist/components/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElG,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AA6BD,QAAA,MAAM,UAAU,yFA4Cf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElG,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AA6BD,QAAA,MAAM,UAAU,yFA4Cf,CAAC;AAEF,eAAe,UAAU,CAAC"}