@qoretechnologies/reqore 0.30.6 → 0.30.8

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
+import { IReqoreIconName } from '../../types/icons';
 import { IReqoreColumnsProps } from '../Columns';
 import { IReqorePanelProps } from '../Panel';
 import { IReqoreCollectionItemProps } from './item';
-export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label' | 'headerSize'>, IReqoreColumnsProps {
+export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label' | 'headerSize' | 'badge' | 'icon' | 'flat' | 'minimal' | 'transparent' | 'fluid'>, IReqoreColumnsProps {
     items?: IReqoreCollectionItemProps[];
     stacked?: boolean;
     rounded?: boolean;
@@ -11,7 +12,11 @@ export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' |
     maxItemHeight?: number;
     filterable?: boolean;
     sortable?: boolean;
+    showAs?: 'list' | 'grid';
+    showSelectedFirst?: boolean;
+    selectedIcon?: IReqoreIconName;
+    emptyMessage?: string;
 }
 export declare const StyledCollectionWrapper: any;
-export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, height, maxItemHeight, filterable, sortable, headerSize, ...rest }: IReqoreCollectionProps) => JSX.Element;
+export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, height, maxItemHeight, filterable, sortable, showSelectedFirst, headerSize, showAs, selectedIcon, flat, minimal, transparent, emptyMessage, ...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,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,gBAwIxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAGhE,OAAO,EAAsB,iBAAiB,EAAoC,MAAM,UAAU,CAAC;AAEnG,OAAO,EAAE,0BAA0B,EAAwB,MAAM,QAAQ,CAAC;AAE1E,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,CACV,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;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,uBAAuB,KAWnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uMAmB1B,sBAAsB,gBAiJxB,CAAC"}

package/dist/components/Collection/index.js

@@ -66,8 +66,8 @@ var react_1 = require("react");
 var jsx_runtime_1 = require("react/jsx-runtime");
 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 theme_1 = require("../../constants/theme");
 var Columns_1 = require("../Columns");
 var Input_1 = __importDefault(require("../Input"));
 var Message_1 = __importDefault(require("../Message"));
@@ -82,11 +82,39 @@ 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, _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 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, showSelectedFirst = _a.showSelectedFirst, _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, _h = _a.emptyMessage, emptyMessage = _h === void 0 ? 'No data in this collection, try changing your search query or filters' : _h, rest = __rest(_a, ["items", "columnsGap", "stacked", "rounded", "fill", "height", "maxItemHeight", "filterable", "sortable", "showSelectedFirst", "headerSize", "showAs", "selectedIcon", "flat", "minimal", "transparent", "emptyMessage"]);
+    var _j = (0, react_2.useState)(showAs), _showAs = _j[0], setShowAs = _j[1];
+    var _k = (0, react_2.useState)('asc'), sort = _k[0], setSort = _k[1];
+    var _l = (0, react_2.useState)(''), query = _l[0], setQuery = _l[1];
+    (0, react_use_1.useUpdateEffect)(function () {
+        setShowAs(showAs);
+    }, [showAs]);
+    var sortedItems = (0, react_2.useMemo)(function () {
+        if (!sortable) {
+            return items;
+        }
+        if (showSelectedFirst) {
+            // Filter out the selected items
+            var selectedItems = items.filter(function (item) { return item.selected; });
+            // Filter out the unselected items
+            var unselectedItems = items.filter(function (item) { return !item.selected; });
+            // Sort the selected items
+            var sortedSelectedItems = (0, helpers_1.sortTableData)(selectedItems, {
+                by: 'label',
+                direction: sort
+            });
+            // Sort the unselected items
+            var sortedUnselectedItems = (0, helpers_1.sortTableData)(unselectedItems, {
+                by: 'label',
+                direction: sort
+            });
+            return __spreadArray(__spreadArray([], sortedSelectedItems, true), sortedUnselectedItems, true);
+        }
+        return (0, helpers_1.sortTableData)(items, {
+            by: 'label',
+            direction: sort
+        });
+    }, [items, sort]);
     var filteredItems = (0, react_2.useMemo)(function () {
         if (!filterable || query === '') {
             return sortedItems;
@@ -105,7 +133,26 @@ var ReqoreCollection = function (_a) {
     };
     var finalItems = filteredItems;
     var finalActions = (0, react_2.useMemo)(function () {
-        var actions = [];
+        var actions = rest.actions ? __spreadArray([], rest.actions, true) : [];
+        var toolbarGroup = {
+            responsive: false,
+            group: [
+                {
+                    icon: _showAs === 'grid' ? 'ListOrdered' : 'GridLine',
+                    onClick: function () { return setShowAs(_showAs === 'grid' ? 'list' : 'grid'); },
+                    tooltip: _showAs === 'grid' ? 'Show as list' : 'Show as grid',
+                    disabled: !(0, lodash_1.size)(finalItems)
+                },
+            ]
+        };
+        if (sortable) {
+            toolbarGroup.group.push({
+                icon: sort === 'desc' ? 'SortDesc' : 'SortAsc',
+                onClick: function () { return setSort(sort === 'desc' ? 'asc' : 'desc'); },
+                tooltip: sort === 'desc' ? 'Sort ascending' : 'Sort descending',
+                disabled: !(0, lodash_1.size)(finalItems)
+            });
+        }
         if (filterable) {
             actions = __spreadArray(__spreadArray([], actions, true), [
                 {
@@ -121,52 +168,9 @@ var ReqoreCollection = function (_a) {
                 },
             ], false);
         }
-        if (sortable) {
-            actions = __spreadArray(__spreadArray([], actions, true), [
-                [
-                    {
-                        icon: 'SortAsc',
-                        intent: sort === 'asc' ? theme_1.ReqoreIntents.INFO : undefined,
-                        onClick: function () { return setSort('asc'); },
-                        active: sort === 'asc',
-                        tooltip: 'Sort ascending',
-                        disabled: !(0, lodash_1.size)(finalItems)
-                    },
-                    {
-                        icon: 'SortDesc',
-                        intent: sort === 'desc' ? theme_1.ReqoreIntents.INFO : undefined,
-                        onClick: function () { return setSort('desc'); },
-                        active: sort === 'desc',
-                        tooltip: 'Sort descending',
-                        disabled: !(0, lodash_1.size)(finalItems)
-                    },
-                ],
-            ], false);
-        }
-        return __spreadArray(__spreadArray(__spreadArray([], actions, true), [
-            [
-                {
-                    icon: 'GridLine',
-                    onClick: function () { return setShowAs('grid'); },
-                    intent: showAs === 'grid' ? theme_1.ReqoreIntents.INFO : undefined,
-                    active: showAs === 'grid',
-                    tooltip: 'Show as grid',
-                    disabled: !(0, lodash_1.size)(finalItems)
-                },
-                {
-                    icon: 'ListOrdered',
-                    onClick: function () { return setShowAs('list'); },
-                    intent: showAs === 'list' ? theme_1.ReqoreIntents.INFO : undefined,
-                    active: showAs === 'list',
-                    tooltip: 'Show as list',
-                    disabled: !(0, lodash_1.size)(finalItems)
-                },
-            ]
-        ], false), (rest.actions || []), true);
-    }, [filterable, handleQueryChange, query, rest.actions, showAs, sort, sortable, finalItems]);
-    return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { headerSize: headerSize, style: {
-            height: height !== null && height !== void 0 ? height : undefined
-        }, 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 }))); }) }))) })));
+        return __spreadArray(__spreadArray([], actions, true), [toolbarGroup], false);
+    }, [filterable, handleQueryChange, query, rest.actions, _showAs, sort, sortable, finalItems]);
+    return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { headerSize: headerSize, style: __assign(__assign({}, rest.style), { height: height !== null && height !== void 0 ? height : undefined }), fill: fill, padded: true, transparent: transparent, minimal: minimal, flat: flat, 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: 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) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({}, item, { icon: item.icon || (item.selected ? selectedIcon : undefined), 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,18 +1,18 @@
 /// <reference types="react" />
-import { IReqoreDropdownItem } from '../Dropdown/list';
-import { IReqorePanelBottomAction, IReqorePanelProps } from '../Panel';
+import { IReqorePanelAction, IReqorePanelBottomAction, IReqorePanelProps } from '../Panel';
 import { IReqoreTagProps } from '../Tag';
 export interface IReqoreCollectionItemProps extends Omit<IReqorePanelProps, 'children' | 'actions' | 'collapsible' | 'onCollapseChange' | 'isCollapsed' | 'unMountContentOnCollapse' | 'bottomActions'> {
-    subHeader?: string;
+    selected?: boolean;
     content?: string | React.ReactNode;
     expandable?: boolean;
     expandedContent?: string | React.ReactNode;
     expandedActions?: IReqorePanelBottomAction[];
     image?: string;
-    actions?: IReqoreDropdownItem[];
+    actions?: IReqorePanelAction[];
     tags?: IReqoreTagProps[];
     maxContentHeight?: number;
+    showContentFade?: boolean;
 }
 export declare const StyledCollectionItemContent: any;
-export declare const ReqoreCollectionItem: ({ flat, minimal, headerSize, style, content, actions, tags, expandable, expandedContent, expandedActions, maxContentHeight, ...rest }: IReqoreCollectionItemProps) => JSX.Element;
+export declare const ReqoreCollectionItem: ({ flat, minimal, style, content, actions, tags, expandable, expandedContent, expandedActions, maxContentHeight, showContentFade, ...rest }: IReqoreCollectionItemProps) => JSX.Element;
 //# sourceMappingURL=item.d.ts.map

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,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"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":";AASA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAGlB,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,QAAQ,CAAC,EAAE,OAAO,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,kBAAkB,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,KAyBvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,+IAa9B,0BAA0B,gBAmL5B,CAAC"}

package/dist/components/Collection/item.js

@@ -73,18 +73,22 @@ var colors_1 = require("../../helpers/colors");
 var useTheme_1 = require("../../hooks/useTheme");
 var Drawer_1 = require("../Drawer");
 var Panel_1 = require("../Panel");
+var Paragraph_1 = require("../Paragraph");
 var Spacer_1 = require("../Spacer");
 var Tag_1 = __importDefault(require("../Tag"));
 var group_1 = __importDefault(require("../Tag/group"));
-exports.StyledCollectionItemContent = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n  transition: 0.3s ease-in-out;\n\n  ", "\n"], ["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n  transition: 0.3s ease-in-out;\n\n  ", "\n"])), function (_a) {
+exports.StyledCollectionItemContent = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-height: ", ";\n  overflow: ", ";\n  position: relative;\n  transition: 0.3s ease-in-out;\n  flex: 1;\n\n  ", "\n"], ["\n  max-height: ", ";\n  overflow: ", ";\n  position: relative;\n  transition: 0.3s ease-in-out;\n  flex: 1;\n\n  ", "\n"])), function (_a) {
     var providedHeight = _a.providedHeight;
     return (providedHeight ? "".concat(providedHeight, "px") : 'auto');
+}, function (_a) {
+    var isSelected = _a.isSelected;
+    return (isSelected ? 'auto' : 'hidden');
 }, function (_a) {
     var contentOverflows = _a.contentOverflows, theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
     return contentOverflows && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 100px;\n        transition: 0.3s ease-in-out;\n        background: linear-gradient(\n          to top,\n          ", " 0%,\n          transparent 100%\n        );\n      }\n    "], ["\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 100px;\n        transition: 0.3s ease-in-out;\n        background: linear-gradient(\n          to top,\n          ", " 0%,\n          transparent 100%\n        );\n      }\n    "])), (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity));
 });
 var ReqoreCollectionItem = function (_a) {
-    var _b = _a.flat, flat = _b === void 0 ? true : _b, _c = _a.minimal, minimal = _c === void 0 ? true : _c, _d = _a.headerSize, headerSize = _d === void 0 ? 3 : _d, style = _a.style, content = _a.content, actions = _a.actions, tags = _a.tags, expandable = _a.expandable, expandedContent = _a.expandedContent, expandedActions = _a.expandedActions, maxContentHeight = _a.maxContentHeight, rest = __rest(_a, ["flat", "minimal", "headerSize", "style", "content", "actions", "tags", "expandable", "expandedContent", "expandedActions", "maxContentHeight"]);
+    var _b = _a.flat, flat = _b === void 0 ? true : _b, _c = _a.minimal, minimal = _c === void 0 ? true : _c, style = _a.style, content = _a.content, actions = _a.actions, tags = _a.tags, expandable = _a.expandable, expandedContent = _a.expandedContent, expandedActions = _a.expandedActions, maxContentHeight = _a.maxContentHeight, _d = _a.showContentFade, showContentFade = _d === void 0 ? true : _d, rest = __rest(_a, ["flat", "minimal", "style", "content", "actions", "tags", "expandable", "expandedContent", "expandedActions", "maxContentHeight", "showContentFade"]);
     var _e = (0, react_1.useState)(false), isSelected = _e[0], setIsSelected = _e[1];
     var getAndIncreaseZIndex = (0, react_1.useContext)(ReqoreContext_1["default"]).getAndIncreaseZIndex;
     var ref = (0, react_1.useRef)(null);
@@ -160,9 +164,16 @@ var ReqoreCollectionItem = function (_a) {
                 { icon: 'CloseLine', onClick: handleItemClick },
             ], false)
             : (0, lodash_1.size)(actions)
-                ? [{ icon: 'More2Fill', actions: actions, minimal: true, flat: true }]
+                ? 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 ((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, ref: ref, minimal: minimal }, rest, { bottomActions: isSelected ? expandedActions : undefined, style: __assign(__assign(__assign(__assign({}, style), { position: position, zIndex: isSelected ? getAndIncreaseZIndex() : undefined }), dimensions), { transformOrigin: 'center' }), contentStyle: __assign(__assign({}, rest.contentStyle), { display: 'flex', flexFlow: 'column', justifyContent: 'space-between' }), 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.transparent ? 0 : rest.opacity, providedHeight: isSelected ? undefined : maxContentHeight, isSelected: isSelected, contentOverflows: !rest.transparent &&
+                                !rest.contentEffect &&
+                                !isSelected &&
+                                (sizes === null || sizes === void 0 ? void 0 : sizes.height) > maxContentHeight &&
+                                showContentFade }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: contentRef }, { children: actualContent })) })), showContentFade &&
+                            (rest.contentEffect || rest.transparent) &&
+                            !isSelected &&
+                            (sizes === null || sizes === void 0 ? void 0 : sizes.height) > maxContentHeight ? ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { children: "..." })) : null, (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 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/Columns/column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/column.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,aAAa,EACnB,YAAY,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAClF;CAAG;AAEN,eAAO,MAAM,YAAY,KAiBxB,CAAC"}
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/column.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,aAAa,EACnB,YAAY,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAClF;CAAG;AAEN,eAAO,MAAM,YAAY,KAkBxB,CAAC"}

package/dist/components/Columns/column.js

@@ -31,7 +31,7 @@ exports.ReqoreColumn = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 exports.ReqoreColumn = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var _b = _a.alignItems, alignItems = _b === void 0 ? 'flex-start' : _b, justifyContent = _a.justifyContent, _c = _a.flex, flex = _c === void 0 ? '1 0 auto' : _c, _d = _a.flexFlow, flexFlow = _d === void 0 ? 'row' : _d, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    align-items: ", ";\n    justify-content: ", ";\n    flex-flow: ", ";\n    flex: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n  "], ["\n    display: flex;\n    align-items: ", ";\n    justify-content: ", ";\n    flex-flow: ", ";\n    flex: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n  "])), alignItems, justifyContent, flexFlow, flex, flexGrow, flexShrink);
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    align-items: ", ";\n    justify-content: ", ";\n    flex-flow: ", ";\n    flex: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n    overflow-x: hidden;\n  "], ["\n    display: flex;\n    align-items: ", ";\n    justify-content: ", ";\n    flex-flow: ", ";\n    flex: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n    overflow-x: hidden;\n  "])), alignItems, justifyContent, flexFlow, flex, flexGrow, flexShrink);
 });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=column.js.map

package/dist/components/Columns/column.js.map

@@ -1 +1 @@
-{"version":3,"file":"column.js","sourceRoot":"","sources":["../../../src/components/Columns/column.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAQnC,QAAA,YAAY,GAAG,8BAAM,CAAC,GAAG,+EAAoB,MACtD,EAeD,IACF,KAhBG,UAAC,EAOkB;QANnB,kBAAyB,EAAzB,UAAU,mBAAG,YAAY,KAAA,EACzB,cAAc,oBAAA,EACd,YAAiB,EAAjB,IAAI,mBAAG,UAAU,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACR,UAAU,gBAAA;IACc,WAAA,uBAAG,uOAAA,yCAEZ,EAAU,0BACN,EAAc,oBACpB,EAAQ,eACb,EAAI,oBACC,EAAQ,sBACN,EAAU,OAC1B,KANgB,UAAU,EACN,cAAc,EACpB,QAAQ,EACb,IAAI,EACC,QAAQ,EACN,UAAU;AAPD,CAQzB,EACD"}
+{"version":3,"file":"column.js","sourceRoot":"","sources":["../../../src/components/Columns/column.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAQnC,QAAA,YAAY,GAAG,8BAAM,CAAC,GAAG,+EAAoB,MACtD,EAgBD,IACF,KAjBG,UAAC,EAOkB;QANnB,kBAAyB,EAAzB,UAAU,mBAAG,YAAY,KAAA,EACzB,cAAc,oBAAA,EACd,YAAiB,EAAjB,IAAI,mBAAG,UAAU,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACR,UAAU,gBAAA;IACc,WAAA,uBAAG,gQAAA,yCAEZ,EAAU,0BACN,EAAc,oBACpB,EAAQ,eACb,EAAI,oBACC,EAAQ,sBACN,EAAU,gCAE1B,KAPgB,UAAU,EACN,cAAc,EACpB,QAAQ,EACb,IAAI,EACC,QAAQ,EACN,UAAU;AAPD,CASzB,EACD"}

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

@@ -1,19 +1,36 @@
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
-import { IWithReqoreFlat, IWithReqoreMinimal, IWithReqoreSize } from '../../types/global';
-export interface IReqoreControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, IWithReqoreFlat, IWithReqoreSize, IWithReqoreMinimal {
+import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreMinimal, IWithReqoreSize } from '../../types/global';
+export interface IReqoreControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, IWithReqoreFlat, IWithReqoreSize, IWithReqoreMinimal, IReqoreIntent, IWithReqoreFluid, IWithReqoreCustomTheme {
     stack?: boolean;
     children: any;
-    fluid?: boolean;
+    fixed?: boolean;
     rounded?: boolean;
+    responsive?: boolean;
     gapSize?: TSizes;
     vertical?: boolean;
+    verticalAlign?: 'flex-start' | 'center' | 'flex-end';
+    horizontalAlign?: 'flex-start' | 'center' | 'flex-end';
+    wrap?: boolean;
+    isInsideStackGroup?: boolean;
+    isInsideVerticalGroup?: boolean;
+    isFirst?: boolean;
+    isLast?: boolean;
+    isLastInFirstGroup?: boolean;
+    isLastInLastGroup?: boolean;
+    isFirstInLastGroup?: boolean;
+    childrenCount?: number;
+    childId?: number;
+    isChild?: boolean;
+    isFirstGroup?: boolean;
+    isLastGroup?: boolean;
+    fill?: boolean;
 }
 export interface IReqoreControlGroupStyle extends IReqoreControlGroupProps {
     theme: IReqoreTheme;
 }
 export declare const StyledReqoreControlGroup: any;
-declare const ReqoreControlGroup: React.ForwardRefExoticComponent<IReqoreControlGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ReqoreControlGroup: React.MemoExoticComponent<({ children, className, minimal, size, gapSize, fluid, flat, fixed, fill, rounded, wrap, stack, isInsideStackGroup, isInsideVerticalGroup, isFirstInLastGroup, isLastInFirstGroup, isLastInLastGroup, intent, customTheme, isFirst, isLast, vertical, childrenCount, childId, isChild, isFirstGroup, isLastGroup, verticalAlign, horizontalAlign, responsive, ...rest }: IReqoreControlGroupProps) => JSX.Element>;
 export default ReqoreControlGroup;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAmC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1F,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KA6EpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,iGAuCvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAIvF,OAAO,EAAmC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,sBAAsB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;IACrD,eAAe,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KAwDpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,qYAiCnB,wBAAwB,iBAsV5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}