@qoretechnologies/reqore 0.25.8 → 0.25.10

package/__tests__/dropdown.test.tsx

@@ -1,5 +1,5 @@
 import { fireEvent, render } from '@testing-library/react';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { act } from 'react-dom/test-utils';
 import {
   ReqoreContent,
@@ -8,12 +8,14 @@ import {
   ReqoreLayoutContent,
   ReqoreUIProvider,
 } from '../src';
+import { IReqoreInputProps } from '../src/components/Input';
 
 beforeAll(() => {
-  jest.useFakeTimers();
+  jest.setTimeout(30000);
 });
 
 test('Renders <Dropdown /> properly', () => {
+  jest.useFakeTimers();
   act(() => {
     jest.advanceTimersByTime(1);
     render(
@@ -25,15 +27,18 @@ test('Renders <Dropdown /> properly', () => {
                 {
                   selected: true,
                   label: 'Hello',
+                  value: 'hello',
                   icon: 'SunCloudyLine',
                 },
                 {
                   label: 'How are ya',
+                  value: 'howareya',
                   icon: 'BatteryChargeFill',
                 },
                 {
                   disabled: true,
                   label: 'i aM diSAblEd',
+                  value: 'disabled',
                   icon: 'StopCircleLine',
                 },
               ]}
@@ -54,6 +59,7 @@ test('Renders <Dropdown /> properly', () => {
 });
 
 test('Renders disabled <Dropdown /> when children are empty', () => {
+  jest.useFakeTimers();
   act(() => {
     render(
       <ReqoreUIProvider>
@@ -72,6 +78,7 @@ test('Renders disabled <Dropdown /> when children are empty', () => {
 });
 
 test('Renders <Dropdown /> with custom component and custom handler', () => {
+  jest.useFakeTimers();
   act(() => {
     render(
       <ReqoreUIProvider>
@@ -81,23 +88,24 @@ test('Renders <Dropdown /> with custom component and custom handler', () => {
               component={ReqoreInput}
               handler='focus'
               useTargetWidth
-              componentProps={{
-                width: 500,
-                placeholder: 'Focus me to see some crazy stuff',
-              }}
+              width={500}
+              placeholder='Focus me to see some crazy stuff'
               items={[
                 {
                   selected: true,
                   label: 'Hello',
+                  value: 'hello',
                   icon: 'SunCloudyLine',
                 },
                 {
                   label: 'How are ya',
+                  value: 'asg',
                   icon: 'BatteryChargeFill',
                 },
                 {
                   disabled: true,
                   label: 'i aM diSAblEd',
+                  value: 'hhhhh',
                   icon: 'StopCircleLine',
                 },
               ]}
@@ -120,33 +128,35 @@ test('Renders <Dropdown /> with custom component and custom handler', () => {
 });
 
 test('Renders <Dropdown /> is opened by default', () => {
+  jest.useFakeTimers();
   act(() => {
     render(
       <ReqoreUIProvider>
         <ReqoreLayoutContent>
           <ReqoreContent>
-            <ReqoreDropdown
+            <ReqoreDropdown<IReqoreInputProps>
               component={ReqoreInput}
               handler='focus'
               isDefaultOpen
               useTargetWidth
-              componentProps={{
-                width: 500,
-                placeholder: 'Focus me to see some crazy stuff',
-              }}
+              width={500}
+              placeholder='Focus me to see some crazy stuff'
               items={[
                 {
                   selected: true,
                   label: 'Hello',
+                  value: 'hello',
                   icon: 'SunCloudyLine',
                 },
                 {
                   label: 'How are ya',
+                  value: 'asg',
                   icon: 'BatteryChargeFill',
                 },
                 {
                   disabled: true,
                   label: 'i aM diSAblEd',
+                  value: 'hhhhh',
                   icon: 'StopCircleLine',
                 },
               ]}
@@ -162,7 +172,49 @@ test('Renders <Dropdown /> is opened by default', () => {
   expect(document.querySelectorAll('.reqore-menu-item').length).toBe(3);
 });
 
+test('Renders <Dropdown /> and calls a function on item click', () => {
+  jest.useFakeTimers();
+  const onClick = jest.fn();
+
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreLayoutContent>
+          <ReqoreContent>
+            <ReqoreDropdown
+              items={[
+                {
+                  selected: true,
+                  label: 'Hello',
+                  value: 'hello',
+                  icon: 'SunCloudyLine',
+                  onClick,
+                },
+              ]}
+            />
+          </ReqoreContent>
+        </ReqoreLayoutContent>
+      </ReqoreUIProvider>
+    );
+    jest.advanceTimersByTime(1);
+  });
+
+  fireEvent.click(document.querySelector('.reqore-button')!);
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-menu-item').length).toBe(1);
+
+  fireEvent.click(document.querySelector('.reqore-menu-item')!);
+  expect(onClick).toHaveBeenCalledWith({
+    selected: true,
+    label: 'Hello',
+    value: 'hello',
+    icon: 'SunCloudyLine',
+    onClick,
+  });
+});
+
 test('Renders filterable <Dropdown /> and filters items correctly', () => {
+  jest.useFakeTimers();
   act(() => {
     render(
       <ReqoreUIProvider>
@@ -174,15 +226,22 @@ test('Renders filterable <Dropdown /> and filters items correctly', () => {
                 {
                   selected: true,
                   label: 'Hello',
+                  value: 'hello',
                   icon: 'SunCloudyLine',
                 },
                 {
                   label: 'How are ya',
+                  value: 'howareya',
                   icon: 'BatteryChargeFill',
                 },
                 {
                   disabled: true,
                   label: 'i aM diSAblEd',
+                  value: 'disabled',
+                  icon: 'StopCircleLine',
+                },
+                {
+                  value: 'onlyvalue',
                   icon: 'StopCircleLine',
                 },
               ]}
@@ -206,7 +265,14 @@ test('Renders filterable <Dropdown /> and filters items correctly', () => {
     target: { value: '' },
   });
 
-  expect(document.querySelectorAll('.reqore-menu-item').length).toBe(3);
+  expect(document.querySelectorAll('.reqore-menu-item').length).toBe(4);
+
+  // Search in value only
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'onlyvalue' },
+  });
+
+  expect(document.querySelectorAll('.reqore-menu-item').length).toBe(1);
 
   fireEvent.change(document.querySelector('.reqore-input')!, {
     target: { value: 'asfd' },
@@ -214,3 +280,58 @@ test('Renders filterable <Dropdown /> and filters items correctly', () => {
 
   expect(document.querySelectorAll('.reqore-menu-item').length).toBe(0);
 });
+
+const MultiSelectDropdown = ({ onChange }) => {
+  const [selected, setSelected] = useState<string[]>([]);
+
+  useEffect(() => {
+    onChange(selected);
+  }, [selected]);
+
+  return (
+    <ReqoreDropdown
+      multiSelect
+      onItemSelect={({ value }) => setSelected([...selected, value])}
+      items={[
+        {
+          label: 'Item 1',
+          value: 'item-1',
+          selected: selected.includes('item-1'),
+        },
+        {
+          label: 'Item 2',
+          value: 'item-2',
+          selected: selected.includes('item-2'),
+        },
+      ]}
+    />
+  );
+};
+
+test('Renders <Dropdown /> and updates its items when state changes', () => {
+  const fn = jest.fn();
+
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreLayoutContent>
+          <ReqoreContent>
+            <MultiSelectDropdown onChange={fn} />
+          </ReqoreContent>
+        </ReqoreLayoutContent>
+      </ReqoreUIProvider>
+    );
+  });
+
+  fireEvent.click(document.querySelector('.reqore-button')!);
+
+  expect(document.querySelectorAll('.reqore-button').length).toBe(3);
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-menu-item').length).toBe(2);
+
+  fireEvent.click(document.querySelectorAll('.reqore-menu-item')[0]);
+  expect(fn).toHaveBeenNthCalledWith(2, ['item-1']);
+
+  fireEvent.click(document.querySelectorAll('.reqore-menu-item')[1]);
+  expect(fn).toHaveBeenNthCalledWith(3, ['item-1', 'item-2']);
+});

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

@@ -2,7 +2,7 @@
 import { IReqoreColumnsProps } from '../Columns';
 import { IReqorePanelProps } from '../Panel';
 import { IReqoreCollectionItemProps } from './item';
-export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label'>, IReqoreColumnsProps {
+export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label' | 'headerSize'>, IReqoreColumnsProps {
     items?: IReqoreCollectionItemProps[];
     stacked?: boolean;
     rounded?: boolean;
@@ -13,5 +13,5 @@ export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' |
     sortable?: boolean;
 }
 export declare const StyledCollectionWrapper: any;
-export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, height, maxItemHeight, filterable, sortable, ...rest }: IReqoreCollectionProps) => JSX.Element;
+export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, height, maxItemHeight, filterable, sortable, headerSize, ...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,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAGhE,OAAO,EAAsB,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE9E,OAAO,EAAE,0BAA0B,EAAwB,MAAM,QAAQ,CAAC;AAE1E,MAAM,WAAW,sBACf,SAAQ,IAAI,CACR,iBAAiB,EACjB,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,GAAG,OAAO,CAC1E,EACD,mBAAmB;IACrB,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACrC,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;CACpB;AAED,eAAO,MAAM,uBAAuB,KAWnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,wGAW1B,sBAAsB,gBAyIxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAGhE,OAAO,EAAsB,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE9E,OAAO,EAAE,0BAA0B,EAAwB,MAAM,QAAQ,CAAC;AAE1E,MAAM,WAAW,sBACf,SAAQ,IAAI,CACR,iBAAiB,EACjB,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,GAAG,OAAO,GAAG,YAAY,CACzF,EACD,mBAAmB;IACrB,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACrC,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;CACpB;AAED,eAAO,MAAM,uBAAuB,KAWnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,oHAY1B,sBAAsB,gBAyIxB,CAAC"}

package/dist/components/Collection/index.js

@@ -82,10 +82,10 @@ exports.StyledCollectionWrapper = (0, styled_components_1["default"])(Columns_1.
     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, height = _a.height, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, sortable = _a.sortable, rest = __rest(_a, ["items", "columnsGap", "stacked", "rounded", "fill", "height", "maxItemHeight", "filterable", "sortable"]);
-    var _d = (0, react_2.useState)('grid'), showAs = _d[0], setShowAs = _d[1];
-    var _e = (0, react_2.useState)('asc'), sort = _e[0], setSort = _e[1];
-    var _f = (0, react_2.useState)(''), query = _f[0], setQuery = _f[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, height = _a.height, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, sortable = _a.sortable, _d = _a.headerSize, headerSize = _d === void 0 ? 2 : _d, rest = __rest(_a, ["items", "columnsGap", "stacked", "rounded", "fill", "height", "maxItemHeight", "filterable", "sortable", "headerSize"]);
+    var _e = (0, react_2.useState)('grid'), showAs = _e[0], setShowAs = _e[1];
+    var _f = (0, react_2.useState)('asc'), sort = _f[0], setSort = _f[1];
+    var _g = (0, react_2.useState)(''), query = _g[0], setQuery = _g[1];
     var sortedItems = (0, react_2.useMemo)(function () { return (sortable ? (0, helpers_1.sortTableData)(items, { by: 'label', direction: sort }) : items); }, [items, sort]);
     var filteredItems = (0, react_2.useMemo)(function () {
         if (!filterable || query === '') {
@@ -156,9 +156,9 @@ var ReqoreCollection = function (_a) {
             ]
         ], false), (rest.actions || []), true);
     }, [filterable, handleQueryChange, query, rest.actions, showAs, sort, sortable, finalItems]);
-    return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { style: {
+    return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { headerSize: headerSize, style: {
             height: height !== null && height !== void 0 ? height : undefined
-        }, fill: fill, headerSize: 2, padded: true, opacity: 0, actions: finalActions, className: "reqore-collection ".concat(rest.className || '') }, { children: !(0, lodash_1.size)(finalItems) ? ((0, jsx_runtime_1.jsx)(Message_1["default"], __assign({ intent: 'muted', flat: true, title: 'No items found' }, { children: "No data in this collection, try changing your search query or filters" }))) : ((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) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({}, item, { key: item.id || item.label.toString(), rounded: !stacked, maxContentHeight: maxItemHeight }))); }) }))) })));
+        }, fill: fill, padded: true, opacity: 0, actions: finalActions, className: "reqore-collection ".concat(rest.className || '') }, { children: !(0, lodash_1.size)(finalItems) ? ((0, jsx_runtime_1.jsx)(Message_1["default"], __assign({ intent: 'muted', flat: true, title: 'No items found' }, { children: "No data in this collection, try changing your search query or filters" }))) : ((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) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({}, item, { key: item.id || item.label.toString(), rounded: !stacked, maxContentHeight: maxItemHeight }))); }) }))) })));
 };
 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/Collection/item.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IReqoreDropdownItemProps } from '../Dropdown/item';
+import { IReqoreDropdownItem } from '../Dropdown/list';
 import { IReqorePanelBottomAction, IReqorePanelProps } from '../Panel';
 import { IReqoreTagProps } from '../Tag';
 export interface IReqoreCollectionItemProps extends Omit<IReqorePanelProps, 'children' | 'actions' | 'collapsible' | 'onCollapseChange' | 'isCollapsed' | 'unMountContentOnCollapse' | 'bottomActions'> {
@@ -9,7 +9,7 @@ export interface IReqoreCollectionItemProps extends Omit<IReqorePanelProps, 'chi
     expandedContent?: string | React.ReactNode;
     expandedActions?: IReqorePanelBottomAction[];
     image?: string;
-    actions?: IReqoreDropdownItemProps[];
+    actions?: IReqoreDropdownItem[];
     tags?: IReqoreTagProps[];
     maxContentHeight?: number;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAEL,wBAAwB,EACxB,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAElB,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,0BACf,SAAQ,IAAI,CACV,iBAAiB,EACf,UAAU,GACV,SAAS,GACT,aAAa,GACb,kBAAkB,GAClB,aAAa,GACb,0BAA0B,GAC1B,eAAe,CAClB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,KAwBvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,0IAa9B,0BAA0B,gBA8J5B,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAEL,wBAAwB,EACxB,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAElB,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,0BACf,SAAQ,IAAI,CACV,iBAAiB,EACf,UAAU,GACV,SAAS,GACT,aAAa,GACb,kBAAkB,GAClB,aAAa,GACb,0BAA0B,GAC1B,eAAe,CAClB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,KAwBvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,0IAa9B,0BAA0B,gBAiK5B,CAAC"}

package/dist/components/Collection/item.js

@@ -156,9 +156,12 @@ var ReqoreCollectionItem = function (_a) {
         };
         var actualContent = expandedContent && isSelected ? expandedContent : content;
         var actualActions = isSelected
-            ? __spreadArray(__spreadArray([], (actions || []), true), [{ icon: 'CloseLine', onClick: handleItemClick }], false) : (0, lodash_1.size)(actions)
-            ? [{ icon: 'More2Fill', actions: actions }]
-            : undefined;
+            ? __spreadArray(__spreadArray([], (actions || []), true), [
+                { icon: 'CloseLine', onClick: handleItemClick },
+            ], false)
+            : (0, lodash_1.size)(actions)
+                ? [{ icon: 'More2Fill', actions: actions }]
+                : undefined;
         return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [position && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: __assign({}, originalDimensions.current) }), (0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { zIndex: getAndIncreaseZIndex(), blur: 5, closable: true, onClick: handleItemClick })] })), (0, jsx_runtime_1.jsxs)(Panel_1.ReqorePanel, __assign({ flat: flat, headerSize: headerSize, ref: ref, minimal: minimal }, rest, { bottomActions: isSelected ? expandedActions : undefined, style: __assign(__assign(__assign(__assign({}, style), { position: position, zIndex: isSelected ? getAndIncreaseZIndex() : undefined }), dimensions), { transformOrigin: 'center' }), onClick: (expandable && !isSelected) || rest.onClick ? handleItemClick : undefined, actions: actualActions, className: "reqore-collection-item ".concat(rest.className || '') }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledCollectionItemContent, __assign({ theme: theme, opacity: rest.opacity, providedHeight: isSelected ? undefined : maxContentHeight, contentOverflows: !isSelected && (sizes === null || sizes === void 0 ? void 0 : sizes.height) > maxContentHeight }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: contentRef }, { children: actualContent })) })), (0, lodash_1.size)(tags) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 }), (0, jsx_runtime_1.jsx)(group_1["default"], __assign({ size: isSelected ? 'normal' : 'small' }, { children: (0, lodash_1.map)(tags, function (tagProps, index) { return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({}, tagProps), index)); }) }))] })) : null] }))] }));
     };
     return isSelected ? renderContent() : renderContent();

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

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

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

@@ -2,23 +2,24 @@ import React from 'react';
 import { IPopoverOptions } from '../../hooks/usePopover';
 import { IReqoreIconName } from '../../types/icons';
 import { IReqoreButtonProps } from '../Button';
-import { IReqoreDropdownItemProps } from './item';
-export interface IReqoreDropdownProps<T> extends IPopoverOptions {
-    items?: IReqoreDropdownItemProps[];
+import { IReqoreDropdownItem, TDropdownItemOnClick } from './list';
+export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
+    items?: IReqoreDropdownItem[];
     multiSelect?: boolean;
     buttonStyle?: React.CSSProperties;
     listStyle?: React.CSSProperties;
     component?: any;
-    componentProps?: T;
     filterable?: boolean;
     label?: any;
     children?: any;
-    width?: string;
+    listWidth?: string;
     icon?: IReqoreIconName;
     rightIcon?: IReqoreIconName;
     caretPosition?: 'left' | 'right';
     isDefaultOpen?: boolean;
+    onItemSelect?: TDropdownItemOnClick;
 }
-declare const ReqoreDropdown: <T extends unknown = IReqoreButtonProps>({ items, component, componentProps, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, ...rest }: IReqoreDropdownProps<T>) => JSX.Element;
-export default ReqoreDropdown;
+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, opaque, openOnMount, show, targetElement, useTargetWidth, listWidth, ...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,KAAK,MAAM,OAAO,CAAC;AAE1B,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,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,eAAe;IAC9D,KAAK,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnC,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,cAAc,CAAC,EAAE,CAAC,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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;CACzB;AAED,QAAA,MAAM,cAAc,sQAqDnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"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,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE,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,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;CACrC;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,MAAM,EACN,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,eAiD1B;;AAED,wBAA6D"}

package/dist/components/Dropdown/index.js

@@ -27,12 +27,19 @@ 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 __1 = require("../..");
 var Button_1 = __importDefault(require("../Button"));
 var list_1 = __importDefault(require("./list"));
-var ReqoreDropdown = function (_a) {
-    var items = _a.items, component = _a.component, componentProps = _a.componentProps, 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, rest = __rest(_a, ["items", "component", "componentProps", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen"]);
-    return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, rest, { component: component || Button_1["default"], componentProps: __assign(__assign(__assign({ icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle, disabled: !(0, lodash_1.size)(items) }, rest), (componentProps || {})), { className: "".concat((componentProps === null || componentProps === void 0 ? void 0 : componentProps.className) || '', " reqore-dropdown-control") }), noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: rest.useTargetWidth ? '100%' : rest.width, items: items, filterable: filterable })) : undefined, noArrow: true }, { children: children || label })));
-};
-exports["default"] = ReqoreDropdown;
+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, opaque = _a.opaque, openOnMount = _a.openOnMount, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, 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", "opaque", "openOnMount", "show", "targetElement", "useTargetWidth", "listWidth"]);
+    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, disabled: !(0, lodash_1.size)(items), 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, items: items, filterable: filterable, onItemSelect: onItemSelect })) : 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, opaque: opaque, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent }, { children: children || label })));
+}
+exports["default"] = (0, react_1.memo)(ReqoreDropdown);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAE9B,2BAAsC;AAGtC,qDAA6D;AAE7D,gDAAwC;AAmBxC,IAAM,cAAc,GAAG,UAAyC,EAiBtC;IAhBxB,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,OAAO,aAAA,EACP,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,qBAAsB,EAAtB,aAAa,mBAAG,MAAM,KAAA,EACtB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,IAAI,cAhBuD,qMAiB/D,CADQ;IAEP,OAAO,CACL,uBAAC,iBAAa,eACR,IAAI,IACR,SAAS,EAAE,SAAS,IAAI,mBAAY,EACpC,cAAc,EACZ,6BACE,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACrE,SAAS,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAC3E,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,IAAA,aAAI,EAAC,KAAK,CAAC,IACnB,IAAI,GACH,CAAC,cAAc,IAAI,EAAE,CAAY,KACrC,SAAS,EAAE,UAAG,CAAC,cAAsB,aAAtB,cAAc,uBAAd,cAAc,CAAU,SAAS,KAAI,EAAE,6BAA0B,GAC5E,EAER,SAAS,QACT,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,WAAW,EAAE,aAAa,EAC1B,OAAO,EACL,IAAA,aAAI,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACZ,uBAAC,iBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAChD,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CAAC,CAAC,SAAS,EAEf,OAAO,sBAEN,QAAQ,IAAI,KAAK,IACJ,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAA6C;AAC7C,2BAAsC;AAGtC,qDAA6D;AAC7D,gDAAuF;AAmBvF,SAAS,cAAc,CAAyC,EA+BrC;IA9BzB,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,OAAO,aAAA,EACP,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,qBAAsB,EAAtB,aAAa,mBAAG,MAAM,KAAA,EACtB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,YAAY,kBAAA,EACZ,mBAAmB,yBAAA,EACnB,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,SAAS,eAAA,EACN,IAAI,cA9BuD,8XA+B/D,CADQ;IAEP,IAAM,cAAc,GAAG,IAAA,eAAO,EAC5B;QACE,OAAA,CAAC,sBACI,IAAI,KACP,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACrE,SAAS,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAC3E,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,IAAA,aAAI,EAAC,KAAK,CAAC,EACtB,SAAS,EAAE,UAAG,CAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,SAAS,KAAI,EAAE,6BAA0B,GACjE,CAAA;IAPP,CAOO,EACT,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,IAAI,CAAC,CAC3D,CAAC;IAEF,IAAM,cAAc,GAAG,IAAA,eAAO,EAAC;QAC7B,OAAO,IAAA,aAAI,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uBAAC,iBAAa,aACZ,mBAAmB,EAAE,mBAAmB,EACxC,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,IAAI,mBAAY,EACpC,cAAc,EAAE,cAAc,EAC9B,SAAS,QACT,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,WAAW,EAAE,aAAa,EAC1B,OAAO,EAAE,cAAc,gBAEtB,QAAQ,IAAI,KAAK,IACJ,CACjB,CAAC;AACJ,CAAC;AAED,qBAAe,IAAA,YAAI,EAAC,cAAc,CAA0B,CAAC"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { IReqoreMenuDividerProps } from '../Menu/divider';
-import { IReqoreMenuItemProps } from '../Menu/item';
-export interface IReqoreDropdownItemProps extends IReqoreMenuItemProps {
+import { IReqoreDropdownItem } from './list';
+export interface IReqoreDropdownItemProps extends Omit<IReqoreDropdownItem, 'value' | 'onClick'> {
 }
 export declare const ReqoreDropdownItem: ({ children, ...rest }: IReqoreDropdownItemProps) => JSX.Element;
 export interface IReqoreDropdownDividerProps extends IReqoreMenuDividerProps {

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;CAAG;AAEzE,eAAO,MAAM,kBAAkB,0BAG5B,wBAAwB,gBAI1B,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;CAAG;AAE/E,eAAO,MAAM,qBAAqB,UAAW,2BAA2B,gBAEvE,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC;CAAG;AAEnG,eAAO,MAAM,kBAAkB,0BAA2B,wBAAwB,gBAIjF,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;CAAG;AAE/E,eAAO,MAAM,qBAAqB,UAAW,2BAA2B,gBAEvE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA0D;AAMnD,IAAM,kBAAkB,GAAG,UAAC,EAGR;IAFzB,IAAA,QAAQ,cAAA,EACL,IAAI,cAF0B,YAGlC,CADQ;IACuB,OAAA,CAC9B,uBAAC,kBAAc,eAAK,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,gBACzE,QAAQ,IACM,CAClB,CAAA;CAAA,CAAC;AAPW,QAAA,kBAAkB,sBAO7B;AAIK,IAAM,qBAAqB,GAAG,UAAC,KAAkC,IAAK,OAAA,CAC3E,uBAAC,qBAAiB,eAAK,KAAK,EAAI,CACjC,EAF4E,CAE5E,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA0D;AAMnD,IAAM,kBAAkB,GAAG,UAAC,EAA+C;IAA7C,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAAiC,OAAA,CACrF,uBAAC,kBAAc,eAAK,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,gBACzE,QAAQ,IACM,CAClB,CAAA;CAAA,CAAC;AAJW,QAAA,kBAAkB,sBAI7B;AAIK,IAAM,qBAAqB,GAAG,UAAC,KAAkC,IAAK,OAAA,CAC3E,uBAAC,qBAAiB,eAAK,KAAK,EAAI,CACjC,EAF4E,CAE5E,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}

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

@@ -1,14 +1,21 @@
 import React from 'react';
 import { IReqoreComponent } from '../../types/global';
 import { IReqoreMenuItemProps } from '../Menu/item';
+export declare type TDropdownItemOnClick = (item: IReqoreDropdownItem) => void;
+export interface IReqoreDropdownItem extends Omit<IReqoreMenuItemProps, 'onClick'> {
+    value: any;
+    label?: string;
+    onClick?: TDropdownItemOnClick;
+}
 export interface IReqoreDropdownListProps extends IReqoreComponent {
-    items?: IReqoreMenuItemProps[];
+    items?: IReqoreDropdownItem[];
     multiSelect?: boolean;
     listStyle?: React.CSSProperties;
     width?: string;
     height?: string;
     filterable?: boolean;
+    onItemSelect?: TDropdownItemOnClick;
 }
-declare const ReqoreDropdownList: ({ items, multiSelect, listStyle, _popoverId, filterable, width, height, }: IReqoreDropdownListProps) => JSX.Element;
+declare const ReqoreDropdownList: React.MemoExoticComponent<({ items, multiSelect, listStyle, _popoverId, filterable, width, height, onItemSelect, }: 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,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,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;CACtB;AAED,QAAA,MAAM,kBAAkB,8EAQrB,wBAAwB,gBAqD1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"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;AAGtD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,oBAAY,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAChF,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,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;CACrC;AAED,QAAA,MAAM,kBAAkB,sHAUnB,wBAAwB,iBAqE5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Dropdown/list.js

@@ -20,8 +20,8 @@ var Input_1 = __importDefault(require("../Input"));
 var Menu_1 = __importDefault(require("../Menu"));
 var item_1 = __importDefault(require("../Menu/item"));
 var Spacer_1 = require("../Spacer");
-var ReqoreDropdownList = function (_a) {
-    var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height;
+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;
     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];
     (0, react_1.useEffect)(function () {
@@ -32,7 +32,7 @@ var ReqoreDropdownList = function (_a) {
             return _items;
         }
         return _items.filter(function (item) {
-            var text = item.label || item.children;
+            var text = item.label || item.value || item.children;
             if (!text) {
                 return false;
             }
@@ -42,7 +42,15 @@ var ReqoreDropdownList = function (_a) {
     var handleQueryChange = function (event) {
         setQuery(event.target.value);
     };
-    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.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', autoFocus: true, onClearClick: function () { return setQuery(''); } }), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 })] })), filteredItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { rightIcon: item.selected ? 'CheckLine' : undefined }), index)); })] })));
-};
+    var handleItemClick = function (item) {
+        if (item.onClick) {
+            item.onClick(item);
+        }
+        if (onItemSelect) {
+            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.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 })] })), filteredItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(item); }, rightIcon: item.selected ? 'CheckLine' : undefined }), index)); })] })));
+});
 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":";;;;;;;;;;;;;;;;;AAAA,+BAA4D;AAE5D,mDAAmC;AACnC,iDAAiC;AACjC,sDAAoE;AACpE,oCAAyC;AAWzC,IAAM,kBAAkB,GAAG,UAAC,EAQD;QAPzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA;IAEA,IAAA,KAAqB,IAAA,gBAAQ,EAAyB,KAAK,CAAC,EAA3D,MAAM,QAAA,EAAE,QAAQ,QAA2C,CAAC;IAC7D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAA2B,IAAA,eAAO,EAAC;QACpD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAEzC,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAU,aACT,cAAc,EAAE,CAAC,WAAW,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,IAAI,OAAO,iBAE3B,UAAU,IAAI,CACb,6DACE,uBAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,QAAQ,EACpB,SAAS,QACT,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,GAChC,EACF,uBAAC,qBAAY,IAAC,MAAM,EAAE,EAAE,GAAI,IAC3B,CACJ,EACA,aAAa,CAAC,GAAG,CAAC,UAAC,IAA0B,EAAE,KAAa,IAAK,OAAA,CAChE,uBAAC,iBAAc,eAAiB,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAAnE,KAAK,CAAkE,CAC7F,EAFiE,CAEjE,CAAC,KACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAElE,mDAAmC;AACnC,iDAAiC;AACjC,sDAAoE;AACpE,oCAAyC;AAmBzC,IAAM,kBAAkB,GAAG,IAAA,YAAI,EAC7B,UAAC,EAS0B;QARzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAY,kBAAA;IAEN,IAAA,KAAqB,IAAA,gBAAQ,EAAwB,KAAK,CAAC,EAA1D,MAAM,QAAA,EAAE,QAAQ,QAA0C,CAAC;IAC5D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAA0B,IAAA,eAAO,EAAC;QACnD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAEvD,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,IAAyB;QAChD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAU,aACT,cAAc,EAAE,CAAC,WAAW,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,IAAI,OAAO,iBAE3B,UAAU,IAAI,CACb,6DACE,uBAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,GAChC,EACF,uBAAC,qBAAY,IAAC,MAAM,EAAE,EAAE,GAAI,IAC3B,CACJ,EACA,aAAa,CAAC,GAAG,CAAC,UAAC,IAAyB,EAAE,KAAa,IAAK,OAAA,CAC/D,uBAAC,iBAAc,eAET,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAC/B,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACpC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAJ7C,KAAK,CAKV,CACH,EARgE,CAQhE,CAAC,KACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}