@qoretechnologies/reqore 0.19.12 → 0.20.1

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: "[BUG] "
+labels: bug
+assignees: Foxhoundn
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: "[ENHANCEMENT] "
+labels: enhancement
+assignees: Foxhoundn
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

package/.github/ISSUE_TEMPLATE/new-component.md

@@ -0,0 +1,20 @@
+---
+name: New component
+about: New component suggestion
+title: "[NEW COMPONENT]"
+labels: enhancement
+assignees: Foxhoundn
+
+---
+
+**Component name**
+What should the component be named? Use self-describing name
+
+**Component purpose**
+Describe thoroughly the purpose of the suggested / proposed component.
+
+**Component reference**
+Is there another library already using this kind of the component?
+
+**Screenshot / Draft of the component**
+Add visual representation of the component if there is any

package/.github/ISSUE_TEMPLATE/visual-bug-report.md

@@ -0,0 +1,38 @@
+---
+name: Visual bug report
+about: Create a report to help us improve
+title: "[VISUAL BUG]"
+labels: bug
+assignees: Foxhoundn
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

package/.github/workflows/tests.yml

@@ -21,7 +21,7 @@ jobs:
       # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
       - uses: actions/checkout@v2
         with:
-            fetch-depth: 0
+          fetch-depth: 0
       - uses: actions/setup-node@v1
         with:
           node-version: 14.16.0
@@ -34,12 +34,12 @@ jobs:
           yarn cache clean
           rm -rf node_modules
           yarn install
-      - name: Build test
-        id: build_test
-        run: yarn build:test
       - name: Running tests
         id: tests
         run: yarn test:ci
+      - name: Build test
+        id: build_test
+        run: yarn build:test
       - name: Publish to Chromatic
         id: chromatic_publish
         uses: chromaui/action@v1

package/.gitpod.yml

@@ -1,3 +1,8 @@
 tasks:
-  - init: "yarn install"
-  - command: "yarn storybook"
+  - init: 'yarn install'
+  - command: 'yarn storybook'
+ports:
+  - port: 6007
+    visibility: public
+    name: Storybook
+    onOpen: open-browser

package/.vscode/settings.json

@@ -1,5 +1,23 @@
 {
-  "editor.cursorBlinking": "phase",
-  "editor.cursorStyle": "underline",
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "docwriter.hotkey.mac": "⌥ + .",
+  "workbench.colorCustomizations": {
+    "activityBar.activeBackground": "#721288",
+    "activityBar.background": "#721288",
+    "activityBar.foreground": "#e7e7e7",
+    "activityBar.inactiveForeground": "#e7e7e799",
+    "activityBarBadge.background": "#000000",
+    "activityBarBadge.foreground": "#e7e7e7",
+    "commandCenter.border": "#e7e7e799",
+    "sash.hoverBorder": "#721288",
+    "statusBar.background": "#4c0c5b",
+    "statusBar.foreground": "#e7e7e7",
+    "statusBarItem.hoverBackground": "#721288",
+    "statusBarItem.remoteBackground": "#4c0c5b",
+    "statusBarItem.remoteForeground": "#e7e7e7",
+    "titleBar.activeBackground": "#4c0c5b",
+    "titleBar.activeForeground": "#e7e7e7",
+    "titleBar.inactiveBackground": "#4c0c5b99",
+    "titleBar.inactiveForeground": "#e7e7e799"
+  },
+  "peacock.remoteColor": "#4c0c5b"
 }

package/__tests__/drawer.test.tsx

@@ -46,18 +46,17 @@ test('Renders hidable <Drawer /> properly', () => {
   );
 
   expect(document.querySelectorAll('.reqore-drawer').length).toBe(0);
-  expect(document.querySelectorAll('.reqore-drawer-hide').length).toBe(1);
-  expect(document.querySelectorAll('.reqore-drawer-close').length).toBe(0);
+  expect(document.querySelectorAll('.reqore-drawer-hide-button').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-drawer-close-button').length).toBe(0);
 
-  fireEvent.click(document.querySelector('.reqore-drawer-hide'));
+  fireEvent.click(document.querySelector('.reqore-drawer-hide-button')!);
 
   expect(fn).toHaveBeenCalledWith(false);
   expect(document.querySelectorAll('.reqore-drawer').length).toBe(1);
 
-  fireEvent.click(document.querySelector('.reqore-drawer-hide'));
+  fireEvent.click(document.querySelector('.reqore-drawer-hide-button')!);
 
   expect(fn).toHaveBeenLastCalledWith(true);
-  expect(document.querySelectorAll('.reqore-drawer').length).toBe(0);
   expect(fn).toHaveBeenCalledTimes(2);
 });
 
@@ -77,9 +76,9 @@ test('Renders closable <Drawer /> properly', () => {
   );
 
   expect(document.querySelectorAll('.reqore-drawer').length).toBe(1);
-  expect(document.querySelectorAll('.reqore-drawer-close').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-drawer-close-button').length).toBe(1);
 
-  fireEvent.click(document.querySelector('.reqore-drawer-close'));
+  fireEvent.click(document.querySelector('.reqore-drawer-close-button')!);
 
   expect(fn).toHaveBeenCalled();
 });
@@ -100,10 +99,10 @@ test('Renders <Drawer /> with interactive backdrop', () => {
   );
 
   expect(document.querySelectorAll('.reqore-drawer').length).toBe(1);
-  expect(document.querySelectorAll('.reqore-drawer-close').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-drawer-close-button').length).toBe(1);
   expect(document.querySelectorAll('.reqore-drawer-backdrop').length).toBe(1);
 
-  fireEvent.click(document.querySelector('.reqore-drawer-backdrop'));
+  fireEvent.click(document.querySelector('.reqore-drawer-backdrop')!);
 
   expect(fn).toHaveBeenCalled();
 });

package/__tests__/dropdown.test.tsx

@@ -39,11 +39,9 @@ test('Renders <Dropdown /> properly', () => {
     );
   });
 
-  fireEvent.click(document.querySelector('.reqore-button'));
+  fireEvent.click(document.querySelector('.reqore-button')!);
 
-  expect(
-    document.querySelector('.reqore-button').getAttribute('disabled')
-  ).toBe(null);
+  expect(document.querySelector('.reqore-button')?.getAttribute('disabled')).toBe(null);
   expect(document.querySelectorAll('.reqore-button').length).toBe(1);
   expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
   expect(document.querySelectorAll('.reqore-menu-item').length).toBe(3);
@@ -62,11 +60,9 @@ test('Renders disabled <Dropdown /> when children are empty', () => {
     );
   });
 
-  fireEvent.click(document.querySelector('.reqore-button'));
+  fireEvent.click(document.querySelector('.reqore-button')!);
 
-  expect(
-    document.querySelector('.reqore-button').getAttribute('disabled')
-  ).toBe('');
+  expect(document.querySelector('.reqore-button')?.getAttribute('disabled')).toBe('');
 });
 
 test('Renders <Dropdown /> with custom component and custom handler', () => {
@@ -106,7 +102,53 @@ test('Renders <Dropdown /> with custom component and custom handler', () => {
     );
   });
 
-  fireEvent.focus(document.querySelector('.reqore-input'));
+  const component = document.querySelector('.reqore-input');
+
+  if (component) {
+    fireEvent.focus(component);
+  }
+
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-menu-item').length).toBe(3);
+});
+
+test('Renders <Dropdown /> is opened by default', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreLayoutContent>
+          <ReqoreContent>
+            <ReqoreDropdown
+              component={ReqoreInput}
+              handler='focus'
+              isDefaultOpen
+              useTargetWidth
+              componentProps={{
+                width: 500,
+                placeholder: 'Focus me to see some crazy stuff',
+              }}
+              items={[
+                {
+                  selected: true,
+                  label: 'Hello',
+                  icon: 'SunCloudyLine',
+                },
+                {
+                  label: 'How are ya',
+                  icon: 'BatteryChargeFill',
+                },
+                {
+                  disabled: true,
+                  label: 'i aM diSAblEd',
+                  icon: 'StopCircleLine',
+                },
+              ]}
+            />
+          </ReqoreContent>
+        </ReqoreLayoutContent>
+      </ReqoreUIProvider>
+    );
+  });
 
   expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
   expect(document.querySelectorAll('.reqore-menu-item').length).toBe(3);
@@ -143,21 +185,21 @@ test('Renders filterable <Dropdown /> and filters items correctly', () => {
     );
   });
 
-  fireEvent.click(document.querySelector('.reqore-button'));
-  fireEvent.change(document.querySelector('.reqore-input'), {
+  fireEvent.click(document.querySelector('.reqore-button')!);
+  fireEvent.change(document.querySelector('.reqore-input')!, {
     target: { value: 'how' },
   });
 
   expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
   expect(document.querySelectorAll('.reqore-menu-item').length).toBe(1);
 
-  fireEvent.change(document.querySelector('.reqore-input'), {
+  fireEvent.change(document.querySelector('.reqore-input')!, {
     target: { value: '' },
   });
 
   expect(document.querySelectorAll('.reqore-menu-item').length).toBe(3);
 
-  fireEvent.change(document.querySelector('.reqore-input'), {
+  fireEvent.change(document.querySelector('.reqore-input')!, {
     target: { value: 'asfd' },
   });
 

package/__tests__/modal.test.tsx

@@ -24,7 +24,6 @@ test('Renders basic <Modal /> properly', () => {
   );
 
   expect(document.querySelectorAll('.reqore-modal').length).toBe(1);
-  expect(document.querySelectorAll('.reqore-modal-content').length).toBe(1);
 });
 
 test('Does not renders <Modal /> if its not open', () => {
@@ -41,7 +40,6 @@ test('Does not renders <Modal /> if its not open', () => {
   );
 
   expect(document.querySelectorAll('.reqore-modal').length).toBe(0);
-  expect(document.querySelectorAll('.reqore-modal-content').length).toBe(0);
 });
 
 test('Renders <Modal /> with custom dimensions', () => {
@@ -58,7 +56,6 @@ test('Renders <Modal /> with custom dimensions', () => {
   );
 
   expect(document.querySelectorAll('.reqore-modal').length).toBe(0);
-  expect(document.querySelectorAll('.reqore-modal-content').length).toBe(0);
 });
 
 const ConfirmButton = ({ confirmFn, cancelFn }) => {
@@ -118,22 +115,22 @@ test('Renders confirmation <Modal /> ', () => {
     );
   });
 
-  fireEvent.click(document.getElementById('custom-confirm'));
+  fireEvent.click(document.getElementById('custom-confirm')!);
   fireEvent.click(screen.getAllByText('Yep')[0]);
 
   expect(confirmFn).toHaveBeenCalled();
 
-  fireEvent.click(document.getElementById('confirm'));
+  fireEvent.click(document.getElementById('confirm')!);
   fireEvent.click(screen.getAllByText('Confirm')[0]);
 
   expect(confirmFn).toHaveBeenCalledTimes(2);
 
-  fireEvent.click(document.getElementById('custom-confirm'));
+  fireEvent.click(document.getElementById('custom-confirm')!);
   fireEvent.click(screen.getAllByText('Cancel')[0]);
 
   expect(cancelFn).toHaveBeenCalled();
 
-  fireEvent.click(document.getElementById('confirm'));
+  fireEvent.click(document.getElementById('confirm')!);
   fireEvent.click(screen.getAllByText('Cancel')[0]);
 
   expect(cancelFn).toHaveBeenCalledTimes(2);

package/__tests__/tabs.test.tsx

@@ -60,8 +60,8 @@ test('Renders shortened <Tabs /> properly', () => {
     );
   });
 
-  expect(document.querySelectorAll('.reqore-tabs-list-item').length).toBe(2);
-  expect(document.querySelectorAll('.reqore-tabs-list .reqore-popover-wrapper').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-tabs-list-item').length).toBe(3);
+  expect(document.querySelectorAll('.reqore-tabs-list-item-menu').length).toBe(1);
 });
 
 test('Default active tab can be specified', () => {
@@ -125,7 +125,7 @@ test('Changes tab and runs callback', () => {
 
   expect(screen.getByText('Tab 3 content')).toBeTruthy();
   expect(cb).toHaveBeenCalledWith('tab3');
-  expect(document.querySelectorAll('.reqore-tabs-list-item__active').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-tabs-list-item-active').length).toBe(1);
 });
 
 test('Does not change tab and run callback when disabled', () => {
@@ -160,7 +160,7 @@ test('Does not change tab and run callback when disabled', () => {
 
   expect(screen.getByText('Tab 1 content')).toBeTruthy();
   expect(cb).not.toHaveBeenCalled();
-  expect(document.querySelectorAll('.reqore-tabs-list-item__active').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-tabs-list-item-active').length).toBe(1);
 });
 
 test('Changes tab programatically and runs callback', () => {

package/dist/tests.json

@@ -0,0 +1 @@
+{ "numFailedTestSuites": 0, "numFailedTests": 0, "numPassedTestSuites": 23, "numPassedTests": 90, "numPendingTestSuites": 0, "numPendingTests": 0, "numRuntimeErrorTestSuites": 0, "numTodoTests": 0, "numTotalTestSuites": 23, "numTotalTests": 90, "openHandles": [], "snapshot": { "added": 0, "didUpdate": false, "failure": false, "filesAdded": 0, "filesRemoved": 0, "filesRemovedList": [], "filesUnmatched": 0, "filesUpdated": 0, "matched": 0, "total": 0, "unchecked": 0, "uncheckedKeysByFile": [], "unmatched": 0, "updated": 0 }, "startTime": 1662037163466, "success": true, "testResults": [{ "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders basic <Table /> properly", "location": null, "status": "passed", "title": "Renders basic <Table /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Table /> with grouped columns properly", "location": null, "status": "passed", "title": "Renders <Table /> with grouped columns properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Table /> with custom content", "location": null, "status": "passed", "title": "Renders <Table /> with custom content" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Table /> with predefined content", "location": null, "status": "passed", "title": "Renders <Table /> with predefined content" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Sorting on <Table /> works properly", "location": null, "status": "passed", "title": "Sorting on <Table /> works properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Rows on <Table /> can be selected", "location": null, "status": "passed", "title": "Rows on <Table /> can be selected" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Rows on <Table /> cannot be selected if _selectId is missing", "location": null, "status": "passed", "title": "Rows on <Table /> cannot be selected if _selectId is missing" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Rows on <Table /> are all selected/deselected when clicking on header", "location": null, "status": "passed", "title": "Rows on <Table /> are all selected/deselected when clicking on header" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Cells on <Table /> are interactive", "location": null, "status": "passed", "title": "Cells on <Table /> are interactive" }], "endTime": 1662037179055, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/table.test.tsx", "startTime": 1662037164070, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders full <Tabs /> properly", "location": null, "status": "passed", "title": "Renders full <Tabs /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders shortened <Tabs /> properly", "location": null, "status": "passed", "title": "Renders shortened <Tabs /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Default active tab can be specified", "location": null, "status": "passed", "title": "Default active tab can be specified" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Changes tab and runs callback", "location": null, "status": "passed", "title": "Changes tab and runs callback" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Does not change tab and run callback when disabled", "location": null, "status": "passed", "title": "Does not change tab and run callback when disabled" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Changes tab programatically and runs callback", "location": null, "status": "passed", "title": "Changes tab programatically and runs callback" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Closable tab can be closed if not disabled", "location": null, "status": "passed", "title": "Closable tab can be closed if not disabled" }], "endTime": 1662037180711, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/tabs.test.tsx", "startTime": 1662037179084, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders sidebar", "location": null, "status": "passed", "title": "Renders sidebar" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Sidebar can be collapsed", "location": null, "status": "passed", "title": "Sidebar can be collapsed" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Can open submenu manually", "location": null, "status": "passed", "title": "Can open submenu manually" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Submenu opens automatically if path matches", "location": null, "status": "passed", "title": "Submenu opens automatically if path matches" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Bookmarks can be added and removed", "location": null, "status": "passed", "title": "Bookmarks can be added and removed" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Bookmarks clicks are not propagated through", "location": null, "status": "passed", "title": "Bookmarks clicks are not propagated through" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders item as <p> element with onClick", "location": null, "status": "passed", "title": "Renders item as <p> element with onClick" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders floating sidebar with item as <p> element with onClick, closes on item click", "location": null, "status": "passed", "title": "Renders floating sidebar with item as <p> element with onClick, closes on item click" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders custom item at the top", "location": null, "status": "passed", "title": "Renders custom item at the top" }], "endTime": 1662037182276, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/sidebar.test.tsx", "startTime": 1662037180732, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Dropdown /> properly", "location": null, "status": "passed", "title": "Renders <Dropdown /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders disabled <Dropdown /> when children are empty", "location": null, "status": "passed", "title": "Renders disabled <Dropdown /> when children are empty" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Dropdown /> with custom component and custom handler", "location": null, "status": "passed", "title": "Renders <Dropdown /> with custom component and custom handler" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Dropdown /> is opened by default", "location": null, "status": "passed", "title": "Renders <Dropdown /> is opened by default" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders filterable <Dropdown /> and filters items correctly", "location": null, "status": "passed", "title": "Renders filterable <Dropdown /> and filters items correctly" }], "endTime": 1662037183986, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/dropdown.test.tsx", "startTime": 1662037182290, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Adds notifications and dismisses them automatically", "location": null, "status": "passed", "title": "Adds notifications and dismisses them automatically" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Adds a notification and updates it", "location": null, "status": "passed", "title": "Adds a notification and updates it" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Notification has a click event", "location": null, "status": "passed", "title": "Notification has a click event" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Notification has a close event", "location": null, "status": "passed", "title": "Notification has a close event" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Notification has a finish event", "location": null, "status": "passed", "title": "Notification has a finish event" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Maximum of 5 notifications is shown at once", "location": null, "status": "passed", "title": "Maximum of 5 notifications is shown at once" }], "endTime": 1662037185196, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/notifications.test.tsx", "startTime": 1662037184002, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Button /> properly", "location": null, "status": "passed", "title": "Renders <Button /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Button /> with size properly", "location": null, "status": "passed", "title": "Renders <Button /> with size properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Button /> with icon properly", "location": null, "status": "passed", "title": "Renders <Button /> with icon properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Button /> with intent properly", "location": null, "status": "passed", "title": "Renders <Button /> with intent properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Button /> with right icon properly", "location": null, "status": "passed", "title": "Renders <Button /> with right icon properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Button /> with icon and right icon properly", "location": null, "status": "passed", "title": "Renders <Button /> with icon and right icon properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Button /> with onClick function", "location": null, "status": "passed", "title": "Renders <Button /> with onClick function" }], "endTime": 1662037186363, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/button.test.tsx", "startTime": 1662037185220, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Tag /> properly", "location": null, "status": "passed", "title": "Renders <Tag /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Tag /> group properly", "location": null, "status": "passed", "title": "Renders <Tag /> group properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Tag /> without remove button if disabled", "location": null, "status": "passed", "title": "Renders <Tag /> without remove button if disabled" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Fires onClick and onRemoveClick <Tag /> events", "location": null, "status": "passed", "title": "Fires onClick and onRemoveClick <Tag /> events" }], "endTime": 1662037187257, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/tag.test.tsx", "startTime": 1662037186380, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders basic <Modal /> properly", "location": null, "status": "passed", "title": "Renders basic <Modal /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Does not renders <Modal /> if its not open", "location": null, "status": "passed", "title": "Does not renders <Modal /> if its not open" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Modal /> with custom dimensions", "location": null, "status": "passed", "title": "Renders <Modal /> with custom dimensions" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders confirmation <Modal /> ", "location": null, "status": "passed", "title": "Renders confirmation <Modal /> " }], "endTime": 1662037188338, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/modal.test.tsx", "startTime": 1662037187270, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Does not render <Drawer /> if not open", "location": null, "status": "passed", "title": "Does not render <Drawer /> if not open" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders opened <Drawer /> properly", "location": null, "status": "passed", "title": "Renders opened <Drawer /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders hidable <Drawer /> properly", "location": null, "status": "passed", "title": "Renders hidable <Drawer /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders closable <Drawer /> properly", "location": null, "status": "passed", "title": "Renders closable <Drawer /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Drawer /> with interactive backdrop", "location": null, "status": "passed", "title": "Renders <Drawer /> with interactive backdrop" }], "endTime": 1662037189294, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/drawer.test.tsx", "startTime": 1662037188349, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders basic <Panel /> properly", "location": null, "status": "passed", "title": "Renders basic <Panel /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders basic <Panel /> with title properly", "location": null, "status": "passed", "title": "Renders basic <Panel /> with title properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders basic <Panel /> that is collapsed by default and can be expanded", "location": null, "status": "passed", "title": "Renders basic <Panel /> that is collapsed by default and can be expanded" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders closable <Panel /> properly", "location": null, "status": "passed", "title": "Renders closable <Panel /> properly" }], "endTime": 1662037190028, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/panel.test.tsx", "startTime": 1662037189305, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders basic <Tree /> properly", "location": null, "status": "passed", "title": "Renders basic <Tree /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Shows types for <Tree /> properly", "location": null, "status": "passed", "title": "Shows types for <Tree /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Shows textarea for <Tree /> properly", "location": null, "status": "passed", "title": "Shows textarea for <Tree /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "<Tree /> items can be expanded and collapsed", "location": null, "status": "passed", "title": "<Tree /> items can be expanded and collapsed" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Tree /> with clickable items", "location": null, "status": "passed", "title": "Renders <Tree /> with clickable items" }], "endTime": 1662037191503, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/tree.test.tsx", "startTime": 1662037190048, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Shows popover on hover, hides on leave", "location": null, "status": "passed", "title": "Shows popover on hover, hides on leave" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Shows popover on click, hides only on click away", "location": null, "status": "passed", "title": "Shows popover on click, hides only on click away" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Shows custom content", "location": null, "status": "passed", "title": "Shows custom content" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Runs callback function", "location": null, "status": "passed", "title": "Runs callback function" }], "endTime": 1662037192256, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/popover.test.tsx", "startTime": 1662037191526, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Menu /> properly", "location": null, "status": "passed", "title": "Renders <Menu /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "<Menu /> item can be clicked", "location": null, "status": "passed", "title": "<Menu /> item can be clicked" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "<Menu /> item has right clickable button", "location": null, "status": "passed", "title": "<Menu /> item has right clickable button" }], "endTime": 1662037192883, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/menu.test.tsx", "startTime": 1662037192268, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Input /> properly", "location": null, "status": "passed", "title": "Renders <Input /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Input /> with clear button properly", "location": null, "status": "passed", "title": "Renders <Input /> with clear button properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Disabled <Input /> cannot be cleared", "location": null, "status": "passed", "title": "Disabled <Input /> cannot be cleared" }], "endTime": 1662037193782, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/input.test.tsx", "startTime": 1662037192905, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders full <Breadcrumbs /> properly", "location": null, "status": "passed", "title": "Renders full <Breadcrumbs /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders shortened <Breadcrumbs /> properly", "location": null, "status": "passed", "title": "Renders shortened <Breadcrumbs /> properly" }], "endTime": 1662037194436, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/breadcrumbs.test.tsx", "startTime": 1662037193793, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <TextArea /> properly", "location": null, "status": "passed", "title": "Renders <TextArea /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <TextArea /> with clear button properly", "location": null, "status": "passed", "title": "Renders <TextArea /> with clear button properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Disabled <TextArea /> cannot be cleared", "location": null, "status": "passed", "title": "Disabled <TextArea /> cannot be cleared" }], "endTime": 1662037195138, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/textarea.test.tsx", "startTime": 1662037194448, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Message /> properly", "location": null, "status": "passed", "title": "Renders <Message /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Runs onFinish on message after duration", "location": null, "status": "passed", "title": "Runs onFinish on message after duration" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Runs onClose when closed", "location": null, "status": "passed", "title": "Runs onClose when closed" }], "endTime": 1662037195841, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/messages.test.tsx", "startTime": 1662037195150, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Checkbox /> properly", "location": null, "status": "passed", "title": "Renders <Checkbox /> properly" }], "endTime": 1662037196432, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/radiogroup.test.tsx", "startTime": 1662037195862, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders Layout properly", "location": null, "status": "passed", "title": "Renders Layout properly" }], "endTime": 1662037197091, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/layout.test.tsx", "startTime": 1662037196454, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Icon /> properly", "location": null, "status": "passed", "title": "Renders <Icon /> properly" }, { "ancestorTitles": [], "failureMessages": [], "fullName": "Renders empty <Icon /> if icon does not exist", "location": null, "status": "passed", "title": "Renders empty <Icon /> if icon does not exist" }], "endTime": 1662037198552, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/icon.test.tsx", "startTime": 1662037197103, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders Navbar properly", "location": null, "status": "passed", "title": "Renders Navbar properly" }], "endTime": 1662037199213, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/navbar.test.tsx", "startTime": 1662037198569, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <Checkbox /> properly", "location": null, "status": "passed", "title": "Renders <Checkbox /> properly" }], "endTime": 1662037199899, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/checkbox.test.tsx", "startTime": 1662037199236, "status": "passed", "summary": "" }, { "assertionResults": [{ "ancestorTitles": [], "failureMessages": [], "fullName": "Renders <TimeAgo /> data properly", "location": null, "status": "passed", "title": "Renders <TimeAgo /> data properly" }], "endTime": 1662037200478, "message": "", "name": "/home/runner/work/reqore/reqore/__tests__/timeAgo.test.tsx", "startTime": 1662037199910, "status": "passed", "summary": "" }], "wasInterrupted": false }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.19.12",
-  "description": "ReQore is a UI library of components for Qorus connected apps",
+  "version": "0.20.1",
+  "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -10,7 +10,7 @@
     "test:ci": "./node_modules/.bin/jest --silent --json --outputFile=tests.json",
     "build": "./node_modules/typescript/bin/tsc",
     "build:test": "./node_modules/typescript/bin/tsc --noEmit",
-    "storybook": "start-storybook -p 6006 --no-dll",
+    "storybook": "start-storybook -p 6007 --no-dll",
     "build-storybook": "build-storybook"
   },
   "repository": {
@@ -34,13 +34,16 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@reactpreview/config": "^0.2.3",
-    "@storybook/addon-actions": "^6.4.9",
-    "@storybook/addon-essentials": "^6.4.9",
-    "@storybook/addon-jest": "^6.4.9",
-    "@storybook/addon-links": "^6.4.9",
-    "@storybook/addon-storysource": "^6.4.9",
-    "@storybook/react": "^6.4.9",
+    "@storybook/addon-actions": "^6.5.9",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-interactions": "^6.5.9",
+    "@storybook/addon-jest": "^6.5.9",
+    "@storybook/addon-links": "^6.5.9",
+    "@storybook/addon-storyshots": "^6.5.9",
+    "@storybook/addon-storysource": "^6.5.9",
+    "@storybook/jest": "^0.0.10",
+    "@storybook/react": "^6.5.9",
+    "@storybook/testing-library": "^0.0.13",
     "@testing-library/react": "^11.2.2",
     "@types/jest": "^26.0.19",
     "@types/lodash": "^4.14.166",
@@ -58,11 +61,11 @@
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "storybook-addon-outline": "^1.4.2",
-    "storybook-dark-mode": "^1.0.8",
+    "storybook-dark-mode": "^1.1.0",
     "styled-components": "^5.2.1",
     "ts-jest": "^26.4.4",
     "ts-node": "^9.1.1",
-    "typescript": "^4.4.1-rc",
+    "typescript": "^4.7.3",
     "viteshot": "^0.3.1"
   },
   "peerDependencies": {