@qoretechnologies/reqore 0.31.1 → 0.32.0

package/__tests__/textarea.test.tsx

@@ -1,14 +1,11 @@
-import { fireEvent, render } from "@testing-library/react";
-import { noop } from "lodash";
-import React from "react";
-import {
-  ReqoreContent,
-  ReqoreLayoutContent,
-  ReqoreTextarea,
-  ReqoreUIProvider,
-} from "../src";
+import '@testing-library/jest-dom/extend-expect';
+import { fireEvent, render } from '@testing-library/react';
+import { noop } from 'lodash';
+import React from 'react';
+import { mockAllIsIntersecting } from 'react-intersection-observer/test-utils';
+import { ReqoreContent, ReqoreLayoutContent, ReqoreTextarea, ReqoreUIProvider } from '../src';
 
-test("Renders <TextArea /> properly", () => {
+test('Renders <TextArea /> properly', () => {
   render(
     <ReqoreUIProvider>
       <ReqoreLayoutContent>
@@ -19,37 +16,32 @@ test("Renders <TextArea /> properly", () => {
     </ReqoreUIProvider>
   );
 
-  expect(document.querySelectorAll(".reqore-textarea").length).toBe(1);
+  expect(document.querySelectorAll('.reqore-textarea').length).toBe(1);
   // No clear button
-  expect(document.querySelectorAll(".reqore-clear-input-button").length).toBe(
-    0
-  );
+  expect(document.querySelectorAll('.reqore-clear-input-button').length).toBe(0);
 });
 
-test("Renders <TextArea /> with clear button properly", () => {
+test('Renders <TextArea /> with clear button properly', () => {
   const fn = jest.fn();
 
   render(
     <ReqoreUIProvider>
       <ReqoreLayoutContent>
         <ReqoreContent>
-          <ReqoreTextarea minimal onChange={noop} onClearClick={fn} />
+          <ReqoreTextarea minimal onChange={noop} onClearClick={fn} value='test' />
         </ReqoreContent>
       </ReqoreLayoutContent>
     </ReqoreUIProvider>
   );
 
-  // No clear button
-  expect(document.querySelectorAll(".reqore-clear-input-button").length).toBe(
-    1
-  );
+  expect(document.querySelectorAll('.reqore-clear-input-button').length).toBe(1);
 
-  fireEvent.click(document.querySelector(".reqore-clear-input-button"));
+  fireEvent.click(document.querySelector('.reqore-clear-input-button')!);
 
   expect(fn).toHaveBeenCalled();
 });
 
-test("Disabled <TextArea /> cannot be cleared", () => {
+test('Disabled <TextArea /> cannot be cleared', () => {
   const fn = jest.fn();
 
   render(
@@ -63,7 +55,396 @@ test("Disabled <TextArea /> cannot be cleared", () => {
   );
 
   // No clear button
-  expect(document.querySelectorAll(".reqore-clear-input-button").length).toBe(
-    0
+  expect(document.querySelectorAll('.reqore-clear-input-button').length).toBe(0);
+});
+
+test('Readonly <Textarea /> cannot be cleared', () => {
+  const fn = jest.fn();
+
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea minimal onChange={noop} onClearClick={fn} readOnly />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  // No clear button
+  expect(document.querySelectorAll('.reqore-clear-input-button').length).toBe(0);
+});
+
+test('<Textarea /> gets automatically focused', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'auto' }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('Readonly <Textarea /> does not get automatically focused', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'auto' }} readOnly />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+});
+
+test('Disabled <Textarea /> does not get automatically focused', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'auto' }} disabled />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+});
+
+test("<Textarea /> gets automatically focused if it's out of viewport", () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <div style={{ height: '100vh' }} />
+          <ReqoreTextarea focusRules={{ type: 'auto' }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test("<Textarea /> does not get automatically focused if it's out of viewport", () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <div style={{ height: '100vh' }} />
+          <ReqoreTextarea focusRules={{ type: 'auto', viewportOnly: true }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  mockAllIsIntersecting(false);
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+});
+
+test('<Textarea /> gets automatically focused if its inside of viewport', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'auto', viewportOnly: true }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  mockAllIsIntersecting(true);
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('<Textarea /> gets focused after any letter is pressed', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 'letters' }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 'a',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('<Textarea /> gets focused after any letter is pressed 2', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 'letters' }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: '2',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 'L',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('<Textarea /> gets focused after any digit is pressed', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 'numbers' }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: '1',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('<Textarea /> gets focused after any digit is pressed 2', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 'numbers' }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 'u',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: '0',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('<Textarea /> gets focused after any digit or letter is pressed', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: ['numbers', 'letters'] }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 'm',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('<Textarea /> gets focused after any digit or letter is pressed 2', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: ['numbers', 'letters'] }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: '5',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('<Textarea /> gets focused after a specified shortcut is pressed', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 's' }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
   );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 'u',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: '0',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 's',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test("<Textarea /> does not get focused after a specified shortcut is pressed if it's not in Viewport, get's focused when in viewport", () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 's', viewportOnly: true }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  mockAllIsIntersecting(false);
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 's',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  mockAllIsIntersecting(true);
+
+  fireEvent.keyDown(document, {
+    key: 's',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
+});
+
+test('<Textarea /> does not get focused when typing in another input', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 's' }} />
+          <ReqoreTextarea focusRules={{ type: 'auto' }} />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+  expect(document.querySelectorAll('.reqore-textarea')[1]).toHaveFocus();
+
+  fireEvent.keyDown(document.querySelectorAll('.reqore-textarea')[1], {
+    key: 's',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+  expect(document.querySelectorAll('.reqore-textarea')[1]).toHaveFocus();
+});
+
+test('Readonly <Textarea /> does not get focused when shortcut is pressed', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 'letters' }} readOnly />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 'q',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+});
+
+test('Disabled <Textarea /> does not get focused when shortcut is pressed', () => {
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea focusRules={{ type: 'keypress', shortcut: 'numbers' }} readOnly />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: '8',
+  });
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+});
+
+test('<Textarea /> is cleared when focused', () => {
+  const fn = jest.fn();
+
+  render(
+    <ReqoreUIProvider>
+      <ReqoreLayoutContent>
+        <ReqoreContent>
+          <ReqoreTextarea
+            focusRules={{ type: 'keypress', shortcut: 'letters', clearOnFocus: true }}
+            value='this is a test'
+            onChange={fn}
+          />
+        </ReqoreContent>
+      </ReqoreLayoutContent>
+    </ReqoreUIProvider>
+  );
+
+  expect(document.querySelectorAll('.reqore-textarea')[0]).not.toHaveFocus();
+
+  fireEvent.keyDown(document, {
+    key: 'h',
+  });
+
+  expect(fn).toHaveBeenNthCalledWith(1, { target: { value: '' } });
+  expect(document.querySelectorAll('.reqore-textarea')[0]).toHaveFocus();
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAezE,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,aAAa,EAIb,kBAAkB,EAClB,eAAe,EAChB,MAAM,WAAW,CAAC;AAGnB,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;AAE7D,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC7C,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,iBAAiB,CAAC,EAAE,aAAa,CAAC;CACnC;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAUD,eAAO,MAAM,yBAAyB,KAOrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAkB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAgBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAalC,CAAC;AAEF,eAAO,MAAM,YAAY,KA8IxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAgB/B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,oCAAgB,uBAAuB,iBA0C7D,CAAC;AAEH,QAAA,MAAM,YAAY,yHA6JjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAezE,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,aAAa,EAIb,kBAAkB,EAClB,eAAe,EAChB,MAAM,WAAW,CAAC;AAGnB,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;AAE7D,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC7C,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,iBAAiB,CAAC,EAAE,aAAa,CAAC;CACnC;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAUD,eAAO,MAAM,yBAAyB,KAOrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAkB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAgBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAalC,CAAC;AAEF,eAAO,MAAM,YAAY,KA8IxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAgB/B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,oCAAgB,uBAAuB,iBA0C7D,CAAC;AAEH,QAAA,MAAM,YAAY,yHA8JjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Button/index.js

@@ -224,7 +224,7 @@ var ReqoreButton = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref)
         : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
     return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { effect: intent
             ? undefined
-            : __assign({ interactive: !readOnly && !rest.disabled }, fixedEffect), as: 'button', theme: theme, ref: targetRef, fluid: fluid, fixed: fixed, maxWidth: maxWidth, minimal: minimal, size: size, color: customColor, animate: animations.buttons, flat: _flat, active: active, readOnly: readOnly, wrap: wrap, description: description, className: "".concat(className || '', " reqore-control reqore-button") }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledButtonContent, __assign({ size: size, wrap: wrap, description: description, flat: _flat }, { children: [icon ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: size, color: leftIconColor || iconColor, style: textAlign !== 'left' ? { marginRight: 'auto' } : undefined }), children || badge || rightIcon ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] })) : null] })) : children ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreHorizontalSpacer, { width: 1, style: textAlign !== 'left' ? { marginRight: 'auto' } : undefined })) : null, children && ((0, jsx_runtime_1.jsxs)(exports.StyledAnimatedTextWrapper, __assign({ textAlign: textAlign, style: textAlign === 'center' ? { margin: 'auto' } : undefined }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, __assign({ wrap: wrap, effect: labelEffect }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, __assign({ wrap: wrap, effect: labelEffect }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, __assign({ wrap: wrap, effect: labelEffect }, { children: children })), (badge || badge === 0) && wrap ? ((0, jsx_runtime_1.jsx)(exports.ButtonBadge, { content: badge, size: size, color: color, wrap: true })) : null] }))), (badge || badge === 0) && !wrap ? ((0, jsx_runtime_1.jsx)(exports.ButtonBadge, { content: badge, size: size, color: color })) : null, !rightIcon ? (children ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreHorizontalSpacer, { width: 1, style: textAlign !== 'right' ? { marginLeft: 'auto' } : undefined })) : null) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children || badge ? (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] }) : null, (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: size, style: textAlign !== 'right' ? { marginLeft: 'auto' } : undefined, color: rightIconColor || iconColor })] }))] })), description && ((0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ className: 'reqore-button-description', effect: __assign({ textSize: (0, utils_1.getOneLessSize)(size), weight: 'light', color: "".concat(color, "90"), textAlign: textAlign }, descriptionEffect) }, { children: description })))] })));
+            : __assign({ interactive: !readOnly && !rest.disabled }, fixedEffect), tabindex: rest.disabled ? -1 : 0, as: 'button', theme: theme, ref: targetRef, fluid: fluid, fixed: fixed, maxWidth: maxWidth, minimal: minimal, size: size, color: customColor, animate: animations.buttons, flat: _flat, active: active, readOnly: readOnly, wrap: wrap, description: description, className: "".concat(className || '', " reqore-control reqore-button") }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledButtonContent, __assign({ size: size, wrap: wrap, description: description, flat: _flat }, { children: [icon ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: size, color: leftIconColor || iconColor, style: textAlign !== 'left' ? { marginRight: 'auto' } : undefined }), children || badge || rightIcon ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] })) : null] })) : children ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreHorizontalSpacer, { width: 1, style: textAlign !== 'left' ? { marginRight: 'auto' } : undefined })) : null, children && ((0, jsx_runtime_1.jsxs)(exports.StyledAnimatedTextWrapper, __assign({ textAlign: textAlign, style: textAlign === 'center' ? { margin: 'auto' } : undefined }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, __assign({ wrap: wrap, effect: labelEffect }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, __assign({ wrap: wrap, effect: labelEffect }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, __assign({ wrap: wrap, effect: labelEffect }, { children: children })), (badge || badge === 0) && wrap ? ((0, jsx_runtime_1.jsx)(exports.ButtonBadge, { content: badge, size: size, color: color, wrap: true })) : null] }))), (badge || badge === 0) && !wrap ? ((0, jsx_runtime_1.jsx)(exports.ButtonBadge, { content: badge, size: size, color: color })) : null, !rightIcon ? (children ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreHorizontalSpacer, { width: 1, style: textAlign !== 'right' ? { marginLeft: 'auto' } : undefined })) : null) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children || badge ? (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] }) : null, (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: size, style: textAlign !== 'right' ? { marginLeft: 'auto' } : undefined, color: rightIconColor || iconColor })] }))] })), description && ((0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ className: 'reqore-button-description', effect: __assign({ textSize: (0, utils_1.getOneLessSize)(size), weight: 'light', color: "".concat(color, "90"), textAlign: textAlign }, descriptionEffect) }, { children: description })))] })));
 }));
 exports["default"] = ReqoreButton;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAAyE;AACzE,qEAAgD;AAChD,+CAO+B;AAE/B,8EAAwD;AACxD,+CAA+F;AAC/F,6CAAuE;AACvE,+DAA8D;AAC9D,+DAA8D;AAC9D,iDAAsD;AACtD,qDAAoD;AACpD,uCAMsB;AAUtB,oCAOmB;AACnB,iDAAiC;AACjC,oCAAiE;AACjE,+CAAoD;AACpD,uDAA0C;AAsC1C,IAAM,kBAAkB,GAAG,UAAC,KAAmB,EAAE,KAAuB;IACtE,IAAI,KAAK,EAAE;QACT,OAAO,KAAK,CAAC;KACd;IAED,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAG,8BAAM,CAAC,IAAI,sMAAA,8DAGpC,EAA4B,4DAG3B,EAA8C,KAC9D,KAJe,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS;AAAT,CAAS,EAG3B,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,IAAA,wBAAgB,EAAC,SAAS,CAAC;AAA3B,CAA2B,EAC7D;AAEW,QAAA,mBAAmB,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,iNAAA,wIAOvD,EAUK,IACR,KAXG,UAAC,EAAQ;QAAN,IAAI,UAAA;IACP,OAAA,CAAC,IAAI;QACH,CAAC,KAAC,uBAAG,yMAAA,qIAKF,KACH,CAAC,KAAC,uBAAG,mHAAA,+CAEF,IAAA;AATL,CASK,EACP;AAEW,QAAA,qBAAqB,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,uKAAA,8FAKzD,EAUK,IACR,KAXG,UAAC,EAAQ;QAAN,IAAI,UAAA;IACP,OAAA,CAAC,IAAI;QACH,CAAC,KAAC,uBAAG,yMAAA,qIAKF,KACH,CAAC,KAAC,uBAAG,mHAAA,+CAEF,IAAA;AATL,CASK,EACP;AAEW,QAAA,sBAAsB,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,sJAAA,2EAK1D,EAOK,IACR,KARG,UAAC,EAAQ;QAAN,IAAI,UAAA;IACP,OAAA,CAAC,IAAI;QACH,CAAC,KAAC,uBAAG,gHAAA,4CAEF,KACH,CAAC,KAAC,uBAAG,mHAAA,+CAEF,IAAA;AANL,CAMK,EACP;AAEW,QAAA,YAAY,GAAG,IAAA,8BAAM,EAAC,qBAAY,CAAC,stBAAoB,4LASxD,EACyE,kBACtE,EAAqC,oBACrC,EAAkC,uBAEjC,EAA8B,oBAC/B,EAA8B,oBAC9B,EAAkF,OAC7F,EAKQ,cAEF,EAA0E,mBACpE,EAA4E,wBAEzE,EAAoC,6BAEjC,EAMnB,gBAEQ,EAKgD,SAEvD,EAAiB,QAEjB,EAkDa,QAEb,EAyBD,0BAGG,EAAe,gGASD,EAC8D,gEAI5D,EAAyC,YAE9D,KArIW,UAAC,EAAsB;QAApB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC7B,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAa,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC;AAAjF,CAAiF,EACtE,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,yBAAiB,CAAC,IAAI,CAAC;AAAvB,CAAuB,EACrC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC;AAApB,CAAoB,EAEjC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC/B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC9B,UAAC,EAA0B;QAAxB,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,QAAQ,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAAlD,CAAkD,EAC7F,UAAC,EAAqB;QAAnB,IAAI,UAAA,EAAE,WAAW,iBAAA;IACpB,OAAA,CAAC,IAAI,IAAI,CAAC,WAAW;QACnB,CAAC,KAAC,uBAAG,iHAAA,0BACa,EAA8B,eAC7C,KADe,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;QAAhB,CAAgB,EAEhD,CAAC,CAAC,IAAI;AAJR,CAIQ,EAEF,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;AAApD,CAAoD,EACpE,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAtD,CAAsD,EAEzE,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,wBAAgB,CAAC,IAAI,CAAC;AAAtB,CAAsB,EAEjC,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IACnC,IAAI,OAAO,EAAE;QACX,OAAO,aAAa,CAAC;KACtB;IAED,OAAO,KAAK,CAAC;AACf,CAAC,EAEQ,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAC/B,OAAA,KAAK;QACH,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;YACzE,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,EAAE,IAAI,CAAC;QACrC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAJvD,CAIuD,EAEvD,0BAAiB,EAEjB,UAAC,EAA6B;QAA3B,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA;IAC5B,OAAA,CAAC,QAAQ,IAAI,CAAC,MAAM;QAClB,CAAC,KAAC,uBAAG,4fAAA,8CAEG,EAAgB,sQAYI,EAGyC,0BACpD,EAKN,iCACa,EAC4D,qBAE1E,EAaD,wCAGN,KAzCK,yBAAgB,EAYI,UAAC,EAA6C;gBAA3C,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;YAC1C,OAAA,OAAO;gBACL,CAAC,CAAC,IAAA,eAAI,EAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC;gBACpE,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC;QAF3D,CAE2D,EACpD,UAAC,EAAyB;gBAAvB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;YAC/B,OAAA,IAAA,yBAAgB,EACd,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EACzE,SAAS,EACT,SAAS,CACV;QAJD,CAIC,EACa,UAAC,EAAsB;gBAApB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;YACnC,OAAA,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC;QAA1E,CAA0E,EAE1E,OAAO,QACT,uBAAG,wZAAA,oBACC,EAAmB,6JAMnB,EAAqB,6JAKxB,KAXG,2BAAmB,EAMnB,6BAAqB,CAKxB,EAIT,CAAC,CAAC,QAAQ;QACV,CAAC,KAAC,uBAAG,mGAAA,cACC,EAAe,aAClB,KADG,wBAAe,EAErB,CAAC,CAAC,SAAS;AAjDb,CAiDa,EAEb,UAAC,EAAkD;QAAhD,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IAC7B,IAAI,MAAM,EAAE;QACV,WAAO,uBAAG,kTAAA,wDAEY,EAAsD,oBACjE,EAIR,2BACe,EAE4C,uFAK1C,EAE4C,0BAG5D,EAAe,UAClB,KAnBqB,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,EACjE,IAAA,yBAAgB,EACvB,EAAE,IAAI,EAAE,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,EAAE,EAChE,SAAS,EACT,SAAS,CACV,EACe,IAAI;YAClB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAK1C,IAAI;YAClB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAG5D,wBAAe,EACjB;KACH;AACH,CAAC,EAGG,wBAAe,EASD,UAAC,EAAyB;QAAvB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IACtC,OAAA,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC;AAA5E,CAA4E,EAI5D,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,yBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC;AAA3B,CAA2B,EAE7D;AAEW,QAAA,mBAAmB,GAAG,8BAAM,CAAC,GAAG,yOAAA,4FAK9B,EAAkC,iDAGpC,EAAiE,aAE1E,EAKQ,IACX,KAXc,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC;AAApB,CAAoB,EAGpC,UAAC,EAAc;QAAZ,IAAI,UAAA,EAAE,IAAI,UAAA;IAAO,OAAA,yBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAA7C,CAA6C,EAE1E,UAAC,EAAqB;QAAnB,IAAI,UAAA,EAAE,WAAW,iBAAA;IACpB,OAAA,CAAC,IAAI,IAAI,CAAC,WAAW;QACnB,CAAC,KAAC,uBAAG,iHAAA,0BACa,EAA8B,eAC7C,KADe,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;QAAhB,CAAgB,EAEhD,CAAC,CAAC,IAAI;AAJR,CAIQ,EACV;AAQW,QAAA,WAAW,GAAG,IAAA,YAAI,EAAC,UAAC,KAA8B;IAC7D,IAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,UAAC,EAAwE;;YAAtE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,GAAG,SAAA;QAAkD,OAAA,CAC5E,uBAAC,gBAAS,aAER,IAAI,EAAE,IAAA,sBAAc,EAAC,IAAI,CAAC,EAC1B,OAAO,QACP,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,CAAC,CAAA,MAAC,OAA2B,aAA3B,OAAO,uBAAP,OAAO,CAAsB,MAAM,0CAAE,QAAQ,CAAA,IACpD,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,KAAK,QAAQ;YAC7D,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;YACpB,CAAC,CAAC,OAAO,CAAC,GARP,GAAG,CASR,CACH,CAAA;KAAA,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,2BAA2B;IAC3B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QAChC,OAAO,CACL,6DACE,uBAAC,qBAAY,IACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,yBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,EAC7D,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,yBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GACnE,EACF,uBAAC,kBAAc,cACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,SAAS,uBAAM,KAAK,KAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IAAG,EAAnD,CAAmD,CAAC,GAC1E,IAChB,CACJ,CAAC;KACH;IAED,OAAO,CACL,6DACE,uBAAC,qBAAY,IACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,yBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,EAC7D,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,yBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GACnE,EACD,SAAS,uBAAM,KAAK,KAAE,GAAG,EAAE,CAAC,IAAG,IAC/B,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,YAAY,GAAG,IAAA,YAAI,EACvB,IAAA,kBAAU,EACR,UACE,EA2BqB,EACrB,GAAG;IA3BD,IAAA,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,SAAS,eAAA,EACN,IAAI,cA1BT,4SA2BC,CADQ;IAID,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IACnC,IAAA,UAAU,GAAK,IAAA,kBAAU,EAAC,0BAAa,CAAC,WAA9B,CAA+B;IACjD,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1D,IAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAE9D,gEAAgE;IAChE,IAAA,uBAAU,EAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvC,kDAAkD;IAClD,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5E,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC;IAC9C,IAAM,KAAK,GAAoB,WAAW;QACxC,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;YACzE,CAAC,CAAC,IAAA,6BAAoB,EAAC,WAAW,EAAE,IAAI,CAAC;QAC3C,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IAExD,OAAO,CACL,wBAAC,oBAAY,eACP,IAAI,IACR,MAAM,EACJ,MAAM;YACJ,CAAC,CAAC,SAAS;YACX,CAAC,YACG,WAAW,EAAE,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IACrC,WAAW,CACf,EAEP,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChC,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,kCAA+B,iBAE5D,wBAAC,2BAAmB,aAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,iBAC/E,IAAI,CAAC,CAAC,CAAC,CACN,6DACE,uBAAC,iBAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,IAAI,SAAS,EACjC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,GACjE,EACD,QAAQ,IAAI,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CAChC,uBAAC,qBAAY,IAAC,KAAK,EAAE,yBAAiB,CAAC,IAAI,CAAC,GAAI,CACjD,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,uBAAC,+BAAsB,IACrB,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,GACjE,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IAAI,CACX,wBAAC,iCAAyB,aACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,iBAE9D,uBAAC,2BAAmB,aAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,gBACjD,QAAQ,IACW,EACtB,uBAAC,6BAAqB,aAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,gBACnD,QAAQ,IACa,EACxB,uBAAC,8BAAsB,aAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,gBACpD,QAAQ,IACc,EACxB,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAChC,uBAAC,mBAAW,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,SAAG,CAC/D,CAAC,CAAC,CAAC,IAAI,KACkB,CAC7B,EACA,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,uBAAC,mBAAW,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAC1D,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,SAAS,CAAC,CAAC,CAAC,CACZ,QAAQ,CAAC,CAAC,CAAC,CACT,uBAAC,+BAAsB,IACrB,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,GACjE,CACH,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,CACF,6DACG,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,uBAAC,qBAAY,IAAC,KAAK,EAAE,yBAAiB,CAAC,IAAI,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5E,uBAAC,iBAAU,IACT,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,EACjE,KAAK,EAAE,cAAc,IAAI,SAAS,GAClC,IACD,CACJ,KACmB,EAErB,WAAW,IAAI,CACd,uBAAC,yBAAgB,aACf,SAAS,EAAC,2BAA2B,EACrC,MAAM,aACJ,QAAQ,EAAE,IAAA,sBAAc,EAAC,IAAI,CAAC,EAC9B,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,UAAG,KAAK,OAAI,EACnB,SAAS,WAAA,IACN,iBAAiB,iBAGrB,WAAW,IACK,CACpB,KACY,CAChB,CAAC;AACJ,CAAC,CACF,CACF,CAAC;AAEF,qBAAe,YAAY,CAAC"}

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

@@ -4,7 +4,7 @@ import { IReqoreColumnsProps } from '../Columns';
 import { IReqoreInputProps } from '../Input';
 import { IReqorePanelAction, IReqorePanelProps } from '../Panel';
 import { IReqoreCollectionItemProps } from './item';
-export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label' | 'headerSize' | 'badge' | 'icon' | 'flat' | 'minimal' | 'transparent' | 'fluid'>, IReqoreColumnsProps {
+export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' | 'intent' | 'customTheme' | 'actions' | 'bottomActions' | 'label' | 'headerSize' | 'badge' | 'icon' | 'flat' | 'minimal' | 'transparent' | 'fluid' | 'responsiveActions' | 'padded'>, IReqoreColumnsProps {
     items?: IReqoreCollectionItemProps[];
     inputProps?: IReqoreInputProps;
     sortButtonProps?: IReqorePanelAction;
@@ -19,11 +19,14 @@ export interface IReqoreCollectionProps extends Pick<IReqorePanelProps, 'size' |
     showAs?: 'list' | 'grid';
     showSelectedFirst?: boolean;
     selectedIcon?: IReqoreIconName;
+    childrenBefore?: React.ReactNode;
+    childrenAfter?: React.ReactNode;
+    onQueryChange?: (query: string) => void;
     emptyMessage?: string;
     sortButtonTooltip?: (sort?: 'asc' | 'desc') => string;
     displayButtonTooltip?: (display?: 'list' | 'grid') => string;
     inputPlaceholder?: (items?: IReqoreCollectionItemProps[]) => string;
 }
 export declare const StyledCollectionWrapper: any;
-export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, height, maxItemHeight, filterable, sortable, showSelectedFirst, inputProps, sortButtonProps, displayButtonProps, headerSize, showAs, selectedIcon, flat, minimal, transparent, emptyMessage, sortButtonTooltip, displayButtonTooltip, inputPlaceholder, ...rest }: IReqoreCollectionProps) => JSX.Element;
+export declare const ReqoreCollection: ({ items, columnsGap, stacked, rounded, fill, maxItemHeight, filterable, sortable, showSelectedFirst, inputProps, sortButtonProps, displayButtonProps, headerSize, showAs, selectedIcon, flat, minimal, transparent, onQueryChange, childrenBefore, childrenAfter, emptyMessage, sortButtonTooltip, displayButtonTooltip, inputPlaceholder, ...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,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAChE,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,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,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,eAAe,CAAC;IAE/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,0BAA0B,EAAE,KAAK,MAAM,CAAC;CACrE;AAED,eAAO,MAAM,uBAAuB,KAWnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,mTA0B1B,sBAAsB,gBAsJxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAChE,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAoC,MAAM,UAAU,CAAC;AAGnG,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,GACP,mBAAmB,GACnB,QAAQ,CACX,EACD,mBAAmB;IACrB,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,eAAe,CAAC;IAE/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,0BAA0B,EAAE,KAAK,MAAM,CAAC;CACrE;AAED,eAAO,MAAM,uBAAuB,KAWnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,yVA2B1B,sBAAsB,gBAuKxB,CAAC"}

package/dist/components/Collection/index.js

@@ -68,27 +68,32 @@ 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 sizes_1 = require("../../constants/sizes");
 var Columns_1 = require("../Columns");
 var Input_1 = __importDefault(require("../Input"));
 var Message_1 = __importDefault(require("../Message"));
 var Panel_1 = require("../Panel");
+var Spacer_1 = require("../Spacer");
 var helpers_1 = require("../Table/helpers");
 var item_1 = require("./item");
-exports.StyledCollectionWrapper = (0, styled_components_1["default"])(Columns_1.StyledColumns)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n\n  ", "\n\n  overflow: hidden;\n  position: relative;\n"], ["\n  height: ", ";\n\n  ", "\n\n  overflow: hidden;\n  position: relative;\n"])), function (_a) {
+exports.StyledCollectionWrapper = (0, styled_components_1["default"])(Columns_1.StyledColumns)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n\n  ", "\n\n  overflow: auto;\n  position: relative;\n"], ["\n  height: ", ";\n\n  ", "\n\n  overflow: auto;\n  position: relative;\n"])), function (_a) {
     var height = _a.height;
-    return (height ? "".concat(height, "px") : 'auto');
+    return (height ? "".concat(height) : '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, showSelectedFirst = _a.showSelectedFirst, inputProps = _a.inputProps, sortButtonProps = _a.sortButtonProps, displayButtonProps = _a.displayButtonProps, _d = _a.headerSize, headerSize = _d === void 0 ? 2 : _d, _e = _a.showAs, showAs = _e === void 0 ? 'grid' : _e, selectedIcon = _a.selectedIcon, _f = _a.flat, flat = _f === void 0 ? true : _f, minimal = _a.minimal, _g = _a.transparent, transparent = _g === void 0 ? true : _g, _h = _a.emptyMessage, emptyMessage = _h === void 0 ? 'No data in this collection, try changing your search query or filters' : _h, _j = _a.sortButtonTooltip, sortButtonTooltip = _j === void 0 ? function (sort) { return (sort === 'desc' ? 'Sort ascending' : 'Sort descending'); } : _j, _k = _a.displayButtonTooltip, displayButtonTooltip = _k === void 0 ? function (display) { return (display === 'grid' ? 'Show as list' : 'Show as grid'); } : _k, _l = _a.inputPlaceholder, inputPlaceholder = _l === void 0 ? function (items) { return "Filter ".concat((0, lodash_1.size)(items), " items"); } : _l, rest = __rest(_a, ["items", "columnsGap", "stacked", "rounded", "fill", "height", "maxItemHeight", "filterable", "sortable", "showSelectedFirst", "inputProps", "sortButtonProps", "displayButtonProps", "headerSize", "showAs", "selectedIcon", "flat", "minimal", "transparent", "emptyMessage", "sortButtonTooltip", "displayButtonTooltip", "inputPlaceholder"]);
+    var items = _a.items, _b = _a.columnsGap, columnsGap = _b === void 0 ? '10px' : _b, stacked = _a.stacked, _c = _a.rounded, rounded = _c === void 0 ? true : _c, fill = _a.fill, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, sortable = _a.sortable, showSelectedFirst = _a.showSelectedFirst, inputProps = _a.inputProps, sortButtonProps = _a.sortButtonProps, displayButtonProps = _a.displayButtonProps, _d = _a.headerSize, headerSize = _d === void 0 ? 2 : _d, _e = _a.showAs, showAs = _e === void 0 ? 'grid' : _e, selectedIcon = _a.selectedIcon, _f = _a.flat, flat = _f === void 0 ? true : _f, minimal = _a.minimal, _g = _a.transparent, transparent = _g === void 0 ? true : _g, onQueryChange = _a.onQueryChange, childrenBefore = _a.childrenBefore, childrenAfter = _a.childrenAfter, _h = _a.emptyMessage, emptyMessage = _h === void 0 ? 'No data in this collection, try changing your search query or filters' : _h, _j = _a.sortButtonTooltip, sortButtonTooltip = _j === void 0 ? function (sort) { return (sort === 'desc' ? 'Sort ascending' : 'Sort descending'); } : _j, _k = _a.displayButtonTooltip, displayButtonTooltip = _k === void 0 ? function (display) { return (display === 'grid' ? 'Show as list' : 'Show as grid'); } : _k, _l = _a.inputPlaceholder, inputPlaceholder = _l === void 0 ? function (items) { return "Search in ".concat((0, lodash_1.size)(items), " items"); } : _l, rest = __rest(_a, ["items", "columnsGap", "stacked", "rounded", "fill", "maxItemHeight", "filterable", "sortable", "showSelectedFirst", "inputProps", "sortButtonProps", "displayButtonProps", "headerSize", "showAs", "selectedIcon", "flat", "minimal", "transparent", "onQueryChange", "childrenBefore", "childrenAfter", "emptyMessage", "sortButtonTooltip", "displayButtonTooltip", "inputPlaceholder"]);
     var _m = (0, react_2.useState)(showAs), _showAs = _m[0], setShowAs = _m[1];
     var _o = (0, react_2.useState)('asc'), sort = _o[0], setSort = _o[1];
     var _p = (0, react_2.useState)(''), query = _p[0], setQuery = _p[1];
     (0, react_use_1.useUpdateEffect)(function () {
         setShowAs(showAs);
     }, [showAs]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        onQueryChange === null || onQueryChange === void 0 ? void 0 : onQueryChange(query);
+    }, [query]);
     var sortedItems = (0, react_2.useMemo)(function () {
         if (!sortable) {
             return items;
@@ -147,13 +152,13 @@ var ReqoreCollection = function (_a) {
             actions = __spreadArray(__spreadArray([], actions, true), [
                 {
                     as: Input_1["default"],
-                    props: __assign({ placeholder: inputPlaceholder(finalItems), onClearClick: function () { return setQuery(''); }, onChange: handleQueryChange, value: query, icon: 'Search2Line', minimal: false }, inputProps)
+                    props: __assign({ key: 'search', fixed: false, placeholder: inputPlaceholder(finalItems), onClearClick: function () { return setQuery(''); }, onChange: handleQueryChange, value: query, icon: 'Search2Line', minimal: false }, inputProps)
                 },
             ], false);
         }
         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({ flat: true, icon: 'Search2Line' }, { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)(exports.StyledCollectionWrapper, __assign({ columns: _showAs === 'grid' ? 'auto-fit' : 1, columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked }, rest, { children: finalItems === null || finalItems === void 0 ? void 0 : finalItems.map(function (item, index) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({}, item, { icon: item.icon || (item.selected ? selectedIcon : undefined), key: index, rounded: !stacked, maxContentHeight: maxItemHeight }))); }) }))) })));
+    return ((0, jsx_runtime_1.jsxs)(Panel_1.ReqorePanel, __assign({}, rest, { headerSize: headerSize, style: __assign({}, rest.style), fill: fill, transparent: transparent, minimal: minimal, flat: flat, actions: finalActions, className: "reqore-collection ".concat(rest.className || '') }, { children: [childrenBefore ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [childrenBefore, (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE[rest.size || 'normal'] })] })) : null, !(0, lodash_1.size)(finalItems) ? ((0, jsx_runtime_1.jsx)(Message_1["default"], __assign({ flat: true, icon: 'Search2Line' }, { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)(exports.StyledCollectionWrapper, __assign({ columns: _showAs === 'grid' ? 'auto-fit' : 1, columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked }, rest, { children: finalItems === null || finalItems === void 0 ? void 0 : finalItems.map(function (item, index) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({ size: rest.size }, item, { icon: item.icon || (item.selected ? selectedIcon : undefined), key: index, rounded: !stacked, maxContentHeight: maxItemHeight }))); }) }))), childrenAfter ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE[rest.size || 'normal'] }), childrenAfter] })) : null] })));
 };
 exports.ReqoreCollection = ReqoreCollection;
 var templateObject_1, templateObject_2;