@qoretechnologies/reqore 0.24.0 → 0.25.2

package/__tests__/collection.test.tsx

@@ -0,0 +1,72 @@
+import { fireEvent, render } from '@testing-library/react';
+import React from 'react';
+import { ReqoreCollection, ReqoreLayoutContent, ReqoreUIProvider } from '../src';
+import items from '../src/mock/collectionData';
+
+test('Renders basic <Collection /> properly', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreCollection items={items} />
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-collection').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-collection-item').length).toBe(8);
+});
+
+test('<Collection /> items can be filtered', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreCollection items={items} filterable />
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'actions' },
+  });
+
+  expect(document.querySelectorAll('.reqore-collection-item').length).toBe(2);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'asg' },
+  });
+
+  expect(document.querySelectorAll('.reqore-collection-item').length).toBe(0);
+  expect(document.querySelectorAll('.reqore-message').length).toBe(1);
+});
+
+test('<Collection /> shows no data message when empty', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreCollection items={[]} filterable />
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-message').length).toBe(1);
+});
+
+test('<Collection /> can be sorted', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreCollection items={items} sortable />
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  const firstItem = document.querySelector('.reqore-collection-item');
+  // Expect the title of the first item to be "Expandable item"
+  expect(firstItem?.querySelector('h3')?.textContent).toBe('Expandable item');
+
+  fireEvent.click(document.querySelectorAll('.reqore-button')[1]);
+
+  const firstNewItem = document.querySelector('.reqore-collection-item');
+
+  expect(firstNewItem?.querySelector('h3')?.textContent).toBe('This item is not flat');
+});

package/__tests__/panel.test.tsx

@@ -1,6 +1,6 @@
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
-import { ReqoreLayoutContent, ReqorePanel, ReqoreUIProvider } from '../src';
+import { ReqoreInput, ReqoreLayoutContent, ReqorePanel, ReqoreUIProvider } from '../src';
 
 test('Renders basic <Panel /> properly', () => {
   render(
@@ -34,7 +34,7 @@ test('Renders basic <Panel /> with title properly', () => {
 
   expect(document.querySelectorAll('.reqore-panel').length).toBe(1);
   expect(document.querySelectorAll('.reqore-panel-title').length).toBe(1);
-  expect(document.querySelectorAll('span').length).toBe(2);
+  expect(document.querySelectorAll('span').length).toBe(1);
   expect(document.querySelectorAll('.reqore-panel-content').length).toBe(1);
 });
 
@@ -95,3 +95,36 @@ test('Renders closable <Panel /> properly', () => {
 
   expect(fn).toHaveBeenCalled();
 });
+
+test('Renders <Panel /> with actions', () => {
+  const fn = jest.fn();
+
+  render(
+    <div style={{ width: '1000px' }}>
+      <ReqoreUIProvider>
+        <ReqoreLayoutContent>
+          <ReqorePanel
+            label='Test'
+            onClose={fn}
+            actions={[
+              { label: 'Test' },
+              { actions: [{ label: 'Deep' }] },
+              { customContent: () => <ReqoreInput /> },
+            ]}
+            bottomActions={[
+              { label: 'Test', position: 'left' },
+              { actions: [{ label: 'Deep' }], position: 'right' },
+            ]}
+          >
+            {' '}
+            Panel{' '}
+          </ReqorePanel>
+        </ReqoreLayoutContent>
+      </ReqoreUIProvider>
+    </div>
+  );
+
+  expect(document.querySelectorAll('.reqore-button').length).toBe(5);
+  expect(document.querySelectorAll('.reqore-dropdown-control').length).toBe(2);
+  expect(document.querySelectorAll('.reqore-input').length).toBe(1);
+});

package/__tests__/tag.test.tsx

@@ -1,4 +1,4 @@
-import { fireEvent, render } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import { noop } from 'lodash';
 import React from 'react';
 import {
@@ -16,12 +16,7 @@ test('Renders <Tag /> properly', () => {
       <ReqoreLayoutContent>
         <ReqoreContent>
           <ReqoreControlGroup minimal>
-            <ReqoreTag
-              icon='24HoursLine'
-              rightIcon='4KLine'
-              onClick={noop}
-              onRemoveClick={noop}
-            />
+            <ReqoreTag icon='24HoursLine' rightIcon='4KLine' onClick={noop} onRemoveClick={noop} />
             <ReqoreTag
               icon='24HoursLine'
               rightIcon='4KLine'
@@ -144,3 +139,22 @@ test('Fires onClick and onRemoveClick <Tag /> events', () => {
   expect(clickFn).toHaveBeenCalledTimes(1);
   expect(removeClickFn).toHaveBeenCalledTimes(1);
 });
+
+test('Renders <Tag /> with the label key', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreControlGroup minimal>
+            <ReqoreTagGroup>
+              <ReqoreTag icon='24HoursLine' rightIcon='4KLine' label='Label' labelKey='label key' />
+            </ReqoreTagGroup>
+          </ReqoreControlGroup>
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  // Get the label key by text from screen
+  expect(screen.getByText('label key')).toBeTruthy();
+});

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+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 {
+    items?: IReqoreCollectionItemProps[];
+    stacked?: boolean;
+    rounded?: boolean;
+    height?: string;
+    fill?: boolean;
+    maxItemHeight?: number;
+    filterable?: boolean;
+    sortable?: boolean;
+}
+export declare const StyledCollectionWrapper: any;
+export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, height, maxItemHeight, filterable, sortable, ...rest }: IReqoreCollectionProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Collection/index.js

@@ -0,0 +1,165 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ReqoreCollection = exports.StyledCollectionWrapper = void 0;
+var react_1 = require("react");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
+var react_2 = require("react");
+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"));
+var Panel_1 = require("../Panel");
+var helpers_1 = require("../Table/helpers");
+var item_1 = require("./item");
+exports.StyledCollectionWrapper = (0, styled_components_1["default"])(Columns_1.StyledColumns)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n\n  ", "\n\n  overflow: hidden;\n  position: relative;\n"], ["\n  height: ", ";\n\n  ", "\n\n  overflow: hidden;\n  position: relative;\n"])), function (_a) {
+    var height = _a.height;
+    return (height ? "".concat(height, "px") : 'auto');
+}, function (_a) {
+    var rounded = _a.rounded, stacked = _a.stacked;
+    return (!rounded || stacked) && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border-radius: ", ";\n    "], ["\n      border-radius: ", ";\n    "])), stacked && rounded ? '10px' : undefined);
+});
+var ReqoreCollection = function (_a) {
+    var items = _a.items, _b = _a.columnsGap, columnsGap = _b === void 0 ? '10px' : _b, stacked = _a.stacked, _c = _a.rounded, rounded = _c === void 0 ? true : _c, fill = _a.fill, 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 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 === '') {
+            return sortedItems;
+        }
+        return sortedItems.filter(function (item) {
+            var _a, _b;
+            var text = "".concat(item.label).concat((_a = item.content) === null || _a === void 0 ? void 0 : _a.toString()).concat((_b = item.expandedContent) === null || _b === void 0 ? void 0 : _b.toString());
+            if (!text) {
+                return false;
+            }
+            return text.toString().toLowerCase().indexOf(query.toLowerCase()) !== -1;
+        });
+    }, [items, query, sortedItems]);
+    var handleQueryChange = function (event) {
+        setQuery(event.target.value);
+    };
+    var finalItems = filteredItems;
+    var finalActions = (0, react_2.useMemo)(function () {
+        var actions = [];
+        if (filterable) {
+            actions = __spreadArray(__spreadArray([], actions, true), [
+                {
+                    customContent: function () { return ((0, jsx_runtime_1.jsx)(Input_1["default"], { placeholder: "Filter ".concat((0, lodash_1.size)(items), " items"), onClearClick: function () { return setQuery(''); }, onChange: handleQueryChange, value: query, icon: 'Search2Line', minimal: false })); }
+                },
+            ], 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, { 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 }))); }) }))) })));
+};
+exports.ReqoreCollection = ReqoreCollection;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { IReqoreDropdownItemProps } from '../Dropdown/item';
+import { IReqorePanelBottomAction, IReqorePanelProps } from '../Panel';
+import { IReqoreTagProps } from '../Tag';
+export interface IReqoreCollectionItemProps extends Omit<IReqorePanelProps, 'children' | 'actions' | 'collapsible' | 'onCollapseChange' | 'isCollapsed' | 'unMountContentOnCollapse' | 'bottomActions'> {
+    subHeader?: string;
+    content?: string | React.ReactNode;
+    expandable?: boolean;
+    expandedContent?: string | React.ReactNode;
+    expandedActions?: IReqorePanelBottomAction[];
+    image?: string;
+    actions?: IReqoreDropdownItemProps[];
+    tags?: IReqoreTagProps[];
+    maxContentHeight?: number;
+}
+export declare const StyledCollectionItemContent: any;
+export declare const ReqoreCollectionItem: ({ flat, minimal, style, content, actions, tags, expandable, expandedContent, expandedActions, maxContentHeight, ...rest }: IReqoreCollectionItemProps) => JSX.Element;
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +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,8HAY9B,0BAA0B,gBA8J5B,CAAC"}

package/dist/components/Collection/item.js

@@ -0,0 +1,168 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ReqoreCollectionItem = exports.StyledCollectionItemContent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
+var polished_1 = require("polished");
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var styled_components_1 = __importStar(require("styled-components"));
+var ReqoreContext_1 = __importDefault(require("../../context/ReqoreContext"));
+var colors_1 = require("../../helpers/colors");
+var useTheme_1 = require("../../hooks/useTheme");
+var Drawer_1 = require("../Drawer");
+var Panel_1 = require("../Panel");
+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) {
+    var providedHeight = _a.providedHeight;
+    return (providedHeight ? "".concat(providedHeight, "px") : 'auto');
+}, 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, 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", "style", "content", "actions", "tags", "expandable", "expandedContent", "expandedActions", "maxContentHeight"]);
+    var _d = (0, react_1.useState)(false), isSelected = _d[0], setIsSelected = _d[1];
+    var getAndIncreaseZIndex = (0, react_1.useContext)(ReqoreContext_1["default"]).getAndIncreaseZIndex;
+    var ref = (0, react_1.useRef)(null);
+    var _e = (0, react_use_1.useMeasure)(), contentRef = _e[0], sizes = _e[1];
+    var originalDimensions = (0, react_1.useRef)(null);
+    var _f = (0, react_1.useState)(undefined), position = _f[0], setPosition = _f[1];
+    var theme = (0, useTheme_1.useReqoreTheme)('main', rest.customTheme, rest.intent);
+    var _g = (0, react_1.useState)({
+        minWidth: undefined,
+        minHeight: undefined,
+        maxWidth: undefined,
+        maxHeight: undefined,
+        width: undefined,
+        height: undefined,
+        left: undefined,
+        top: undefined,
+        transform: undefined
+    }), dimensions = _g[0], setDimensions = _g[1];
+    (0, react_1.useEffect)(function () {
+        if (isSelected) {
+            setPosition('fixed');
+        }
+    }, [isSelected]);
+    (0, react_use_1.useDebounce)(function () {
+        if (isSelected) {
+            setDimensions(__assign(__assign({}, dimensions), { width: undefined, height: undefined, left: '50%', minWidth: '500px', minHeight: '300px', maxWidth: '90vw', maxHeight: '90vh', top: '50%', transform: 'translateX(-50%) translateY(-50%)' }));
+        }
+    }, 100, [isSelected]);
+    (0, react_use_1.useDebounce)(function () {
+        if (!isSelected) {
+            setPosition(undefined);
+            setDimensions({
+                minHeight: undefined,
+                minWidth: undefined,
+                maxWidth: undefined,
+                maxHeight: undefined,
+                left: undefined,
+                top: undefined,
+                transform: 'translateX(0) translateY(0)'
+            });
+        }
+    }, 220, [isSelected]);
+    var renderContent = function () {
+        var handleItemClick = function (event) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            if (expandable) {
+                if (isSelected) {
+                    setDimensions(originalDimensions.current);
+                }
+                else {
+                    originalDimensions.current = {
+                        left: (_a = ref.current.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.left,
+                        top: (_b = ref.current.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.top,
+                        width: (_c = ref.current.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width,
+                        height: (_d = ref.current.getBoundingClientRect()) === null || _d === void 0 ? void 0 : _d.height,
+                        transform: 'translateX(0) translateY(0)'
+                    };
+                    setDimensions({
+                        left: (_e = ref.current.getBoundingClientRect()) === null || _e === void 0 ? void 0 : _e.left,
+                        top: (_f = ref.current.getBoundingClientRect()) === null || _f === void 0 ? void 0 : _f.top,
+                        width: (_g = ref.current.getBoundingClientRect()) === null || _g === void 0 ? void 0 : _g.width,
+                        height: (_h = ref.current.getBoundingClientRect()) === null || _h === void 0 ? void 0 : _h.height,
+                        transform: 'translateX(0) translateY(0)'
+                    });
+                }
+                setIsSelected(!isSelected);
+            }
+            (_j = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _j === void 0 ? void 0 : _j.call(rest, event);
+        };
+        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;
+        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({}, rest, { flat: flat, headerSize: 3, ref: ref, minimal: minimal, 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();
+};
+exports.ReqoreCollectionItem = ReqoreCollectionItem;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=item.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,KAazB,CAAC;AAEF,eAAO,MAAM,aAAa,qCAAsC,mBAAmB,gBAMlF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,KAczB,CAAC;AAEF,eAAO,MAAM,aAAa,qCAAsC,mBAAmB,gBAMlF,CAAC"}

package/dist/components/Columns/index.js

@@ -58,7 +58,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var styled_components_1 = __importStar(require("styled-components"));
 exports.StyledColumns = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  ", "\n"], ["\n  display: grid;\n  ", "\n"])), function (_a) {
     var _b = _a.minColumnWidth, minColumnWidth = _b === void 0 ? '300px' : _b, _c = _a.maxColumnWidth, maxColumnWidth = _c === void 0 ? '1fr' : _c, _d = _a.columns, columns = _d === void 0 ? 'auto-fit' : _d, columnsGap = _a.columnsGap, _e = _a.alignItems, alignItems = _e === void 0 ? 'normal' : _e;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    grid-template-columns: repeat(", ", minmax(", ", ", "));\n    grid-gap: ", ";\n    align-items: ", ";\n  "], ["\n    grid-template-columns: repeat(", ", minmax(", ", ", "));\n    grid-gap: ", ";\n    align-items: ", ";\n  "])), columns, minColumnWidth, maxColumnWidth, columnsGap, alignItems);
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    grid-template-columns: repeat(", ", minmax(", ", ", "));\n    grid-auto-rows: max-content;\n    grid-gap: ", ";\n    align-items: ", ";\n  "], ["\n    grid-template-columns: repeat(", ", minmax(", ", ", "));\n    grid-auto-rows: max-content;\n    grid-gap: ", ";\n    align-items: ", ";\n  "])), columns, minColumnWidth, maxColumnWidth, columnsGap, alignItems);
 });
 var ReqoreColumns = function (_a) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Columns/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,qEAAgD;AAiBnC,QAAA,aAAa,GAAG,8BAAM,CAAC,GAAG,iGAAgB,wBAEnD,EAUD,IACF,KAXG,UAAC,EAMc;QALf,sBAAwB,EAAxB,cAAc,mBAAG,OAAO,KAAA,EACxB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,UAAU,gBAAA,EACV,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IACD,WAAA,uBAAG,qLAAA,sCACS,EAAO,WAAY,EAAc,IAAK,EAAc,qBACxE,EAAU,sBACP,EAAU,OAC1B,KAHiC,OAAO,EAAY,cAAc,EAAK,cAAc,EACxE,UAAU,EACP,UAAU;AAHL,CAIrB,EACD;AAEK,IAAM,aAAa,GAAG,UAAC,EAAqD;IAAnD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAC1D,OAAO,CACL,uBAAC,qBAAa,eAAK,IAAI,IAAE,SAAS,EAAE,IAAA,uBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,gBACxE,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Columns/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,qEAAgD;AAiBnC,QAAA,aAAa,GAAG,8BAAM,CAAC,GAAG,iGAAgB,wBAEnD,EAWD,IACF,KAZG,UAAC,EAMc;QALf,sBAAwB,EAAxB,cAAc,mBAAG,OAAO,KAAA,EACxB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,UAAU,gBAAA,EACV,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IACD,WAAA,uBAAG,uNAAA,sCACS,EAAO,WAAY,EAAc,IAAK,EAAc,uDAExE,EAAU,sBACP,EAAU,OAC1B,KAJiC,OAAO,EAAY,cAAc,EAAK,cAAc,EAExE,UAAU,EACP,UAAU;AAJL,CAKrB,EACD;AAEK,IAAM,aAAa,GAAG,UAAC,EAAqD;IAAnD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAC1D,OAAO,CACL,uBAAC,qBAAa,eAAK,IAAI,IAAE,SAAS,EAAE,IAAA,uBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,gBACxE,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB"}

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,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KAgCpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,oEAQrB,wBAAwB,gBAkB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KAgCpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,oEAQrB,wBAAwB,gBAqB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/ControlGroup/index.js

@@ -76,11 +76,13 @@ exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateOb
 var ReqoreControlGroup = function (_a) {
     var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, fluid = _a.fluid, _c = _a.rounded, rounded = _c === void 0 ? true : _c, rest = __rest(_a, ["children", "className", "minimal", "size", "fluid", "rounded"]);
     return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreControlGroup, __assign({}, rest, { size: size, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
-            var _a;
+            var _a, _b, _c;
             return child
                 ? react_1["default"].cloneElement(child, {
-                    minimal: minimal || ((_a = child.props) === null || _a === void 0 ? void 0 : _a.minimal),
-                    size: size,
+                    minimal: ((_a = child.props) === null || _a === void 0 ? void 0 : _a.minimal) || ((_b = child.props) === null || _b === void 0 ? void 0 : _b.minimal) === false
+                        ? child.props.minimal
+                        : minimal,
+                    size: ((_c = child.props) === null || _c === void 0 ? void 0 : _c.size) || size,
                     fluid: fluid
                 })
                 : null;