@qoretechnologies/reqore 0.33.0 → 0.34.1

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":"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"}

package/dist/index.js

@@ -12,7 +12,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 }));
 exports.__esModule = true;
 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;
+exports.useReqoreTheme = exports.useReqoreProperty = exports.useReqore = exports.useReqorePaging = exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqorePaginationContainer = 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");
@@ -129,6 +129,8 @@ var sizes_1 = require("./constants/sizes");
 __createBinding(exports, sizes_1, "ReqoreSizes");
 var theme_1 = require("./constants/theme");
 __createBinding(exports, theme_1, "ReqoreIntents");
+var Paging_2 = require("./containers/Paging");
+__createBinding(exports, Paging_2, "ReqorePaginationContainer");
 var ReqoreProvider_1 = require("./containers/ReqoreProvider");
 __createBinding(exports, ReqoreProvider_1, "default", "ReqoreNotifications");
 var UIProvider_1 = require("./containers/UIProvider");

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,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"}
+{"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,8CAAgE;AAAvD,gEAAyB;AAClC,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.33.0",
+  "version": "0.34.1",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Collection/index.tsx

@@ -2,47 +2,25 @@ import { size } from 'lodash';
 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 { useReqoreProperty } from '../..';
+import { TReqorePaginationType } from '../../constants/paging';
 import { PADDING_FROM_SIZE } from '../../constants/sizes';
-import { IReqorePagingOptions, useReqorePaging } from '../../hooks/usePaging';
+import { ReqorePaginationContainer } from '../../containers/Paging';
 import { IReqoreIconName } from '../../types/icons';
 import { IReqoreColumnsProps, StyledColumns } from '../Columns';
+import ReqoreControlGroup from '../ControlGroup';
 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,
-      | '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;
@@ -59,7 +37,8 @@ export interface IReqoreCollectionProps
 
   contentRenderer?: (
     children: React.ReactNode,
-    items: IReqoreCollectionItemProps[]
+    items: IReqoreCollectionItemProps[],
+    searchInput?: React.ReactNode
   ) => React.ReactNode;
 
   onQueryChange?: (query: string) => void;
@@ -69,11 +48,12 @@ export interface IReqoreCollectionProps
   displayButtonTooltip?: (display?: 'list' | 'grid') => string;
   inputPlaceholder?: (items?: IReqoreCollectionItemProps[]) => string;
 
-  paging?: TReqorePaginationType;
+  paging?: TReqorePaginationType<IReqoreCollectionItemProps>;
 }
 
 export const StyledCollectionWrapper = styled(StyledColumns)`
   height: ${({ height }) => (height ? `${height}` : 'auto')};
+  flex: ${({ fill }) => (fill ? 1 : undefined)};
 
   ${({ rounded, stacked }: IReqoreCollectionProps) =>
     (!rounded || stacked) &&
@@ -93,6 +73,7 @@ export const ReqoreCollection = ({
   fill,
   maxItemHeight,
   filterable,
+  inputInTitle = true,
   sortable,
   showSelectedFirst,
   inputProps,
@@ -105,19 +86,28 @@ export const ReqoreCollection = ({
   minimal,
   transparent = true,
   onQueryChange,
-  contentRenderer = (children) => children,
+  contentRenderer = (children, _items, searchInput) => (
+    <>
+      {searchInput}
+      {!!searchInput && <ReqoreVerticalSpacer height={PADDING_FROM_SIZE.normal} />}
+      {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,
+  height,
   ...rest
 }: IReqoreCollectionProps) => {
   const [_showAs, setShowAs] = useState<'list' | 'grid'>(showAs);
   const [sort, setSort] = useState<'asc' | 'desc'>('asc');
   const [query, setQuery] = useState<string>('');
   const [preQuery, setPreQuery] = useState<string>('');
+  const [contentRef, setContentRef] = useState<HTMLDivElement>(undefined);
+  const isMobile = useReqoreProperty('isMobile');
 
   useUpdateEffect(() => {
     setShowAs(showAs);
@@ -183,18 +173,6 @@ 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);
   };
@@ -204,13 +182,15 @@ export const ReqoreCollection = ({
 
     const toolbarGroup: IReqorePanelAction = {
       responsive: false,
+      fluid: isMobile,
       group: [
         {
           icon: _showAs === 'grid' ? 'ListUnordered' : 'GridLine',
           onClick: () => setShowAs(_showAs === 'grid' ? 'list' : 'grid'),
           tooltip: displayButtonTooltip(_showAs),
-          disabled: !size(finalItems),
+          disabled: !size(filteredItems),
           textAlign: 'center',
+          fixed: !isMobile,
           ...displayButtonProps,
         },
       ],
@@ -221,13 +201,14 @@ export const ReqoreCollection = ({
         icon: sort === 'desc' ? 'SortDesc' : 'SortAsc',
         onClick: () => setSort(sort === 'desc' ? 'asc' : 'desc'),
         tooltip: sortButtonTooltip(sort),
-        disabled: !size(finalItems),
+        disabled: !size(filteredItems),
         textAlign: 'center',
+        fixed: !isMobile,
         ...sortButtonProps,
       });
     }
 
-    if (filterable) {
+    if (filterable && inputInTitle) {
       actions = [
         ...actions,
         {
@@ -251,56 +232,73 @@ export const ReqoreCollection = ({
     }
 
     return [...actions, toolbarGroup];
-  }, [filterable, preQuery, query, rest.actions, _showAs, sort, sortable, finalItems]);
+  }, [filterable, preQuery, query, rest.actions, _showAs, sort, sortable, filteredItems, isMobile]);
 
   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}
+        <ReqorePaginationContainer
+          items={filteredItems}
+          type={paging}
+          size={rest.size}
+          scrollContainer={contentRef}
+        >
+          {(finalItems) => (
+            <>
+              {!size(finalItems) ? (
+                <ReqoreMessage flat icon='Search2Line'>
+                  {emptyMessage}
+                </ReqoreMessage>
+              ) : (
+                <StyledCollectionWrapper
+                  columns={_showAs === 'grid' ? 'auto-fit' : 1}
+                  columnsGap={stacked ? '0px' : columnsGap}
+                  rounded={rounded}
+                  stacked={stacked}
+                  fill={fill}
+                  ref={setContentRef}
+                  height={height}
+                >
+                  {finalItems?.map((item, index) => (
+                    <ReqoreCollectionItem
+                      size={rest.size}
+                      {...item}
+                      icon={item.icon || (item.selected ? selectedIcon : undefined)}
+                      key={index}
+                      rounded={!stacked}
+                      maxContentHeight={maxItemHeight}
+                    />
+                  ))}
+                </StyledCollectionWrapper>
+              )}
+            </>
+          )}
+        </ReqorePaginationContainer>
       </>,
-      finalItems
+      filteredItems,
+      !inputInTitle && filterable ? (
+        <ReqoreControlGroup>
+          <ReqoreInput
+            key='search'
+            fixed={false}
+            placeholder={inputPlaceholder(items)}
+            onClearClick={() => {
+              setQuery('');
+              setPreQuery('');
+            }}
+            onChange={handlePreQueryChange}
+            value={preQuery}
+            icon='Search2Line'
+            minimal={false}
+            size={rest.size}
+            {...inputProps}
+          />
+        </ReqoreControlGroup>
+      ) : undefined
     );
   }, [
     contentRenderer,
-    finalItems,
+    filteredItems,
     _showAs,
     columnsGap,
     emptyMessage,
@@ -312,6 +310,8 @@ export const ReqoreCollection = ({
     stacked,
   ]);
 
+  console.log(rest);
+
   return (
     <ReqorePanel
       {...rest}
@@ -320,6 +320,11 @@ export const ReqoreCollection = ({
         ...rest.style,
       }}
       fill={fill}
+      contentStyle={{
+        overflow: fill ? 'hidden' : 'auto',
+        display: 'flex',
+        flexFlow: 'column',
+      }}
       transparent={transparent}
       minimal={minimal}
       flat={flat}

package/src/components/Dropdown/index.tsx

@@ -1,10 +1,12 @@
 import { size } from 'lodash';
 import React, { memo, useMemo } from 'react';
-import { ReqorePopover } from '../..';
+import { ReqorePanel, ReqorePopover } from '../..';
+import { TReqorePaginationType } from '../../constants/paging';
 import { IPopoverOptions } from '../../hooks/usePopover';
 import { IReqoreIconName } from '../../types/icons';
 import ReqoreButton, { IReqoreButtonProps } from '../Button';
 import { IReqoreInputProps } from '../Input';
+import { IReqorePanelProps } from '../Panel';
 import ReqoreDropdownList, { IReqoreDropdownItem, TDropdownItemOnClick } from './list';
 
 export interface IReqoreDropdownProps extends Partial<Omit<IPopoverOptions, 'openOnMount'>> {
@@ -25,7 +27,9 @@ export interface IReqoreDropdownProps extends Partial<Omit<IPopoverOptions, 'ope
   onItemSelect?: TDropdownItemOnClick;
   style?: React.CSSProperties;
   inputProps?: IReqoreInputProps;
+  wrapperProps?: IReqorePanelProps;
   scrollToSelected?: boolean;
+  paging?: TReqorePaginationType<IReqoreDropdownItem>;
 }
 
 function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({
@@ -61,6 +65,8 @@ function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({
   passPopoverData,
   inputProps,
   scrollToSelected,
+  wrapperProps,
+  paging,
   ...rest
 }: IReqoreDropdownProps & T) {
   const componentProps = useMemo(
@@ -78,17 +84,20 @@ function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({
 
   const popoverContent = useMemo(() => {
     return size(items) ? (
-      <ReqoreDropdownList
-        multiSelect={multiSelect}
-        listStyle={listStyle}
-        width={useTargetWidth ? '100%' : listWidth}
-        height={listHeight}
-        items={items}
-        filterable={filterable}
-        onItemSelect={onItemSelect}
-        inputProps={inputProps}
-        scrollToSelected={scrollToSelected}
-      />
+      <ReqorePanel flat size='small' {...wrapperProps}>
+        <ReqoreDropdownList
+          multiSelect={multiSelect}
+          listStyle={listStyle}
+          width={useTargetWidth ? '100%' : listWidth}
+          height={listHeight}
+          items={items}
+          filterable={filterable}
+          onItemSelect={onItemSelect}
+          inputProps={inputProps}
+          scrollToSelected={scrollToSelected}
+          paging={paging}
+        />
+      </ReqorePanel>
     ) : undefined;
   }, [items]);
 

package/src/components/Dropdown/list.tsx

@@ -1,9 +1,14 @@
+import { size } from 'lodash';
 import React, { memo, useEffect, useMemo, useState } from 'react';
+import { TReqorePaginationType } from '../../constants/paging';
+import { PADDING_FROM_SIZE } from '../../constants/sizes';
+import { ReqorePaginationContainer } from '../../containers/Paging';
 import { IReqoreComponent } from '../../types/global';
 import ReqoreInput, { IReqoreInputProps } from '../Input';
 import ReqoreMenu from '../Menu';
 import ReqoreMenuDivider from '../Menu/divider';
 import ReqoreMenuItem, { IReqoreMenuItemProps } from '../Menu/item';
+import { ReqoreVerticalSpacer } from '../Spacer';
 
 export type TDropdownItemOnClick = (item: IReqoreDropdownItem) => void;
 export interface IReqoreDropdownItem
@@ -27,6 +32,7 @@ export interface IReqoreDropdownListProps extends IReqoreComponent {
   onItemSelect?: TDropdownItemOnClick;
   inputProps?: IReqoreInputProps;
   scrollToSelected?: boolean;
+  paging?: TReqorePaginationType<TReqoreDropdownItem>;
 }
 
 const ReqoreDropdownList = memo(
@@ -41,9 +47,11 @@ const ReqoreDropdownList = memo(
     onItemSelect,
     inputProps,
     scrollToSelected,
+    paging,
   }: IReqoreDropdownListProps) => {
     const [_items, setItems] = useState<TReqoreDropdownItems>(items);
     const [query, setQuery] = useState<string>('');
+    const [menuRef, setMenuRef] = useState<HTMLDivElement>(undefined);
 
     useEffect(() => {
       setItems(items);
@@ -84,40 +92,51 @@ const ReqoreDropdownList = memo(
     };
 
     return (
-      <ReqoreMenu
-        _insidePopover={!multiSelect}
-        _popoverId={_popoverId}
-        style={listStyle}
-        width={width}
-        maxHeight={height || '300px'}
-      >
+      <>
         {filterable && (
           <>
             <ReqoreInput
               value={query}
+              icon='SearchLine'
               onChange={handleQueryChange}
-              placeholder='Filter'
+              placeholder={`Search ${size(_items)} items...`}
               onClearClick={() => setQuery('')}
               {...inputProps}
             />
+            <ReqoreVerticalSpacer height={PADDING_FROM_SIZE.normal} />
           </>
         )}
-        {filteredItems.map(
-          ({ onClick, dividerAlign, divider, ...item }: IReqoreDropdownItem, index: number) =>
-            divider ? (
-              <ReqoreMenuDivider key={index} {...item} align={dividerAlign} />
-            ) : (
-              <ReqoreMenuItem
-                key={index}
-                {...item}
-                label={item.label || item.value}
-                onClick={() => handleItemClick({ ...item, onClick })}
-                rightIcon={item.selected ? 'CheckLine' : undefined}
-                scrollIntoView={scrollToSelected && item.selected && !multiSelect}
-              />
-            )
-        )}
-      </ReqoreMenu>
+        <ReqorePaginationContainer type={paging} items={filteredItems} scrollContainer={menuRef}>
+          {(finalItems, Controls, { includeBottomControls }) => (
+            <ReqoreMenu
+              _insidePopover={!multiSelect}
+              _popoverId={_popoverId}
+              style={listStyle}
+              width={width}
+              maxHeight={height || '300px'}
+              padded={false}
+              ref={setMenuRef}
+            >
+              {finalItems.map(
+                ({ onClick, dividerAlign, divider, ...item }: IReqoreDropdownItem, index: number) =>
+                  divider ? (
+                    <ReqoreMenuDivider key={index} {...item} align={dividerAlign} />
+                  ) : (
+                    <ReqoreMenuItem
+                      key={index}
+                      {...item}
+                      label={item.label || item.value}
+                      onClick={() => handleItemClick({ ...item, onClick })}
+                      rightIcon={item.selected ? 'CheckLine' : undefined}
+                      scrollIntoView={scrollToSelected && item.selected && !multiSelect}
+                    />
+                  )
+              )}
+              {!includeBottomControls && <Controls />}
+            </ReqoreMenu>
+          )}
+        </ReqorePaginationContainer>
+      </>
     );
   }
 );

package/src/components/Menu/index.tsx

@@ -21,6 +21,7 @@ export interface IReqoreMenuProps
   wrapText?: boolean;
   flat?: boolean;
   rounded?: boolean;
+  padded?: boolean;
 }
 
 export interface IReqoreMenuStyle extends IReqoreMenuProps {
@@ -30,7 +31,7 @@ export interface IReqoreMenuStyle extends IReqoreMenuProps {
 const StyledReqoreMenu = styled.div<IReqoreMenuStyle>`
   width: ${({ width }) => width || undefined};
   min-width: ${({ width }) => (width ? undefined : '160px')};
-  padding: 5px;
+  padding: ${({ padded = true }) => (padded ? '5px' : undefined)};
   max-height: ${({ maxHeight }) => maxHeight || undefined};
   overflow-y: auto;
   overflow-x: hidden;
@@ -68,7 +69,7 @@ const ReqoreMenu = forwardRef<HTMLDivElement, IReqoreMenuProps>(
       minimal,
       ...rest
     }: IReqoreMenuProps,
-    ref: any
+    ref
   ) => {
     const theme = useReqoreTheme('main', customTheme, intent);
 

package/src/components/Paging/index.tsx

@@ -27,6 +27,8 @@ export interface IReqorePaginationComponentProps
   showLabels?: boolean;
   scrollOnLoadMore?: boolean;
   autoLoadMore?: boolean;
+  scrollContainer?: HTMLElement;
+  scrollToTopOnPageChange?: boolean;
 }
 export interface IReqorePaginationProps<T>
   extends Omit<IReqorePagingResult<T>, 'items'>,
@@ -34,7 +36,7 @@ export interface IReqorePaginationProps<T>
 
 export const StyledPagesWrapper = styled(ReqoreControlGroup)`
   width: unset;
-  max-width: 100%;
+  flex: 0 auto;
   justify-content: center;
 
   & > ${StyledButton} {
@@ -74,6 +76,9 @@ function Pagination<T>({
   scrollOnLoadMore,
   autoLoadMore,
   itemsPerPage,
+  renderControls,
+  scrollContainer,
+  scrollToTopOnPageChange = true,
   ...rest
 }: IReqorePaginationProps<T>) {
   const [loadMoreRef, setLoadMoreRef] = useState<HTMLButtonElement>(undefined);
@@ -90,6 +95,26 @@ function Pagination<T>({
     }
   }, [currentPage, scrollTargetRef, scrollOnLoadMore, isLastPage, isFirstPage]);
 
+  // Scroll to bottom on load more
+  useEffect(() => {
+    if (scrollContainer && scrollOnLoadMore && !isFirstPage) {
+      scrollContainer.scrollBy?.({
+        top: scrollContainer.scrollHeight,
+        behavior: 'smooth',
+      });
+    }
+  }, [currentPage, scrollContainer, scrollOnLoadMore, isFirstPage]);
+
+  // Scroll to top on page change
+  useEffect(() => {
+    if (scrollContainer && scrollToTopOnPageChange && !infinite) {
+      scrollContainer.scrollTo?.({
+        top: 0,
+        behavior: 'smooth',
+      });
+    }
+  }, [currentPage, scrollContainer, scrollToTopOnPageChange, infinite]);
+
   useUpdateEffect(() => {
     if (loadMoreRef && autoLoadMore) {
       observer.current = new IntersectionObserver(
@@ -113,7 +138,9 @@ function Pagination<T>({
     observer.current?.disconnect();
   });
 
-  if (pageCount === 1 || pageCount === 0) return null;
+  if (!renderControls) {
+    return null;
+  }
 
   return (
     <ReqoreControlGroup
@@ -138,7 +165,8 @@ function Pagination<T>({
             {showLabels && loadMoreLabel}
           </ReqoreButton>
         </ReqoreControlGroup>
-      ) : (
+      ) : null}
+      {!infinite ? (
         <>
           {showPagesAs === 'list' || (showControls && !showPages) ? (
             <ReqoreButton
@@ -224,7 +252,7 @@ function Pagination<T>({
             </ReqoreButton>
           ) : null}
         </>
-      )}
+      ) : null}
     </ReqoreControlGroup>
   );
 }