@qoretechnologies/reqore 0.44.0 → 0.45.0

package/.github/ISSUE_TEMPLATE/feature_request.md

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

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

@@ -1,38 +0,0 @@
----
-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/beta_release.yml

@@ -1,100 +0,0 @@
-# This is a basic workflow to help you get started with Actions
-
-name: Beta release
-
-# Controls when the action will run. Triggers the workflow on push or pull request
-# events but only for the develop branch
-on:
-  push:
-    branches:
-      - develop
-
-# A workflow run is made up of one or more jobs that can run sequentially or in parallel
-jobs:
-  Publish-and-release:
-    # The type of runner that the job will run on
-    runs-on: ubuntu-latest
-
-    # Steps represent a sequence of tasks that will be executed as part of the job
-    steps:
-      - name: Get current time
-        uses: josStorer/get-current-time@v2.0.2
-        id: current_time
-        with:
-          format: YYYYMMDD-HH
-          utcOffset: '+01:00'
-      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
-      # Checkout the repo
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-          ref: ${{ github.event.pull_request.head.sha }}
-      # Get commit message
-      - name: Print head git commit message
-        id: get_head_commit_message
-        run: echo "::set-output name=HEAD_COMMIT_MESSAGE::$(git show -s --format=%s)"
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 16
-      - name: Save release version to outputs
-        id: save_release_version
-        run: echo ::set-output name=version::$(node -pe "require('./package.json').version")
-      - name: Preparing environment
-        id: setup_environment
-        run: npm install -g yarn
-      - name: Installing modules
-        id: install_modules
-        run: |
-          yarn cache clean
-          rm -rf node_modules
-          yarn install
-      - name: Running tests
-        id: tests
-        run: yarn test:ci
-      - name: Build
-        id: build
-        run: yarn build
-      - name: Publish to NPM
-        id: npm_publish
-        uses: JS-DevTools/npm-publish@v1
-        with:
-          token: ${{ secrets.NPM_TOKEN }}
-          tag: beta
-          access: public
-      - name: Publish to Chromatic
-        id: chromatic_publish
-        uses: chromaui/action@v1
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-      - name: Create a release
-        id: release
-        uses: actions/create-release@v1
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        with:
-          tag_name: v${{ steps.save_release_version.outputs.version }}
-          release_name: v${{ steps.save_release_version.outputs.version }}
-          body: v${{ steps.save_release_version.outputs.version }}
-          draft: false
-          prerelease: false
-      # Notify discord if success
-      - name: Discord notification
-        env:
-          DISCORD_WEBHOOK: ${{secrets.DISCORD_WEBHOOK}}
-          DISCORD_EMBEDS: '[{"author": {"icon_url": "https://avatars.githubusercontent.com/${{ github.actor }}", "name": "${{ github.actor }}", "url": "https://github.com/${{github.actor}}"}, "url": "https://github.com/${{github.repository}}/commit/${{github.sha}}", "fields": [{ "name": "Commit Message", "value": "${{ steps.get_head_commit_message.outputs.HEAD_COMMIT_MESSAGE }}"},{"name": "Repository","value": "[${{github.event.repository.name}}](${{github.event.repository.clone_url}})","inline": true},{"name": "Branch","value": "[${{github.ref_name}}](https://github.com/${{github.repository}}/pull/${{github.ref_name}})","inline": true},{ "name": "Event", "value": "${{github.event_name}}", "inline": true },{"name": "Author","value": "[${{github.actor}}](https://github.com/${{github.actor}})","inline": true},{ "name": "Job", "value": "${{github.job}}", "inline": true },{ "name": "Version", "value": "v${{ steps.save_release_version.outputs.version }}", "inline": true},{"name": "","value": "🤖 [Github Action](https://github.com/${{ github.repository}}/actions/runs/${{ github.run_id}}) 📙 [Documentation](${{ steps.chromatic_publish.outputs.storybookUrl }}) 🎨 [Chromatic Tests](${{ steps.chromatic_publish.outputs.buildUrl }})"}],"color": 65280,"footer": { "text": "Published at ${{steps.current_time.outputs.readableTime}}" }}]'
-          DISCORD_AVATAR: 'https://github.com/qoretechnologies/reqore/blob/ae8ce24b7f0984340bf4e6835025d203d1741b3a/public/q-symbol-small.png?raw=true'
-        uses: Ilshidur/action-discord@0.3.2
-        with:
-          args: ':white_check_mark: ReQore beta v${{ steps.save_release_version.outputs.version }} successfuly released & published.'
-        if: success()
-      # Notify discord if failure
-      - name: Discord notification
-        env:
-          DISCORD_WEBHOOK: ${{secrets.DISCORD_WEBHOOK}}
-          DISCORD_EMBEDS: '[{"author": {"icon_url": "https://avatars.githubusercontent.com/${{ github.actor }}", "name": "${{ github.actor }}", "url": "https://github.com/${{github.actor}}"}, "url": "https://github.com/${{github.repository}}/commit/${{github.sha}}", "fields": [{ "name": "Commit Message", "value": "${{ steps.get_head_commit_message.outputs.HEAD_COMMIT_MESSAGE }}"},{"name": "Repository","value": "[${{github.event.repository.name}}](${{github.event.repository.clone_url}})","inline": true},{"name": "Branch","value": "[${{github.ref_name}}](https://github.com/${{github.repository}}/pull/${{github.ref_name}})","inline": true},{ "name": "Event", "value": "${{github.event_name}}", "inline": true },{"name": "Author","value": "[${{github.actor}}](https://github.com/${{github.actor}})","inline": true},{ "name": "Job", "value": "${{github.job}}", "inline": true },{ "name": "Version", "value": "v${{ steps.save_release_version.outputs.version }}", "inline": true},{"name": "","value": "🤖 [Github Action](https://github.com/${{ github.repository}}/actions/runs/${{ github.run_id}})"}],"color": 16711680,"footer": { "text": "Triggered at ${{steps.current_time.outputs.readableTime}}" }}]'
-          DISCORD_AVATAR: 'https://github.com/qoretechnologies/reqore/blob/ae8ce24b7f0984340bf4e6835025d203d1741b3a/public/q-symbol-small.png?raw=true'
-        uses: Ilshidur/action-discord@0.3.2
-        with:
-          args: ':exclamation: ReQore beta v${{ steps.save_release_version.outputs.version }} release failed! Click the GitHub Action link below to find out why.'
-        if: failure()

package/.github/workflows/tests.yml

@@ -1,84 +0,0 @@
-# This is a basic workflow to help you get started with Actions
-
-name: Tests
-
-# Controls when the action will run. Triggers the workflow on push or pull request
-# events but only for the develop branch
-on:
-  pull_request:
-    branches:
-      - develop
-      - main
-
-# A workflow run is made up of one or more jobs that can run sequentially or in parallel
-jobs:
-  Tests:
-    # The type of runner that the job will run on
-    runs-on: ubuntu-latest
-
-    # Steps represent a sequence of tasks that will be executed as part of the job
-    steps:
-      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
-      - name: Get current time
-        uses: josStorer/get-current-time@v2.0.2
-        id: current_time
-        with:
-          format: YYYYMMDD-HH
-          utcOffset: '+01:00'
-      # Checkout the repo
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-          ref: ${{ github.event.pull_request.head.sha }}
-      # Get commit message
-      - name: Print head git commit message
-        id: get_head_commit_message
-        run: echo "::set-output name=HEAD_COMMIT_MESSAGE::$(git show -s --format=%s)"
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 16
-      - name: Preparing environment
-        id: setup_environment
-        run: npm install -g yarn
-      - name: Installing modules
-        id: install_modules
-        run: |
-          yarn cache clean
-          rm -rf node_modules
-          yarn install
-      - name: Running tests
-        id: tests
-        run: yarn test:ci
-      - name: Build test
-        id: build_test
-        run: |
-           yarn build
-           rm -rf dist
-      - name: Publish to Chromatic
-        id: chromatic_publish
-        uses: chromaui/action@v1
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-          exitZeroOnChanges: true
-      - name: Save release version to outputs
-        id: save_release_version
-        run: echo ::set-output name=version::$(node -pe "require('./package.json').version")
-      - name: Discord notification
-        env:
-          DISCORD_WEBHOOK: ${{secrets.DISCORD_WEBHOOK}}
-          DISCORD_EMBEDS: '[{"author": {"icon_url": "https://avatars.githubusercontent.com/${{ github.actor }}", "name": "${{ github.actor }}", "url": "https://github.com/${{github.actor}}"}, "url": "https://github.com/${{github.repository}}/commit/${{github.sha}}", "fields": [{ "name": "Commit Message", "value": "${{ steps.get_head_commit_message.outputs.HEAD_COMMIT_MESSAGE }}"},{"name": "Repository","value": "[${{github.event.repository.name}}](${{github.event.repository.clone_url}})","inline": true},{"name": "Branch","value": "[${{github.ref_name}}](https://github.com/${{github.repository}}/pull/${{github.ref_name}})","inline": true},{ "name": "Event", "value": "${{github.event_name}}", "inline": true },{"name": "Author","value": "[${{github.actor}}](https://github.com/${{github.actor}})","inline": true},{ "name": "Job", "value": "${{github.job}}", "inline": true },{ "name": "Version", "value": "v${{ steps.save_release_version.outputs.version }}", "inline": true},{"name": "","value": "🤖 [Github Action](https://github.com/${{ github.repository}}/actions/runs/${{ github.run_id}}) 📙 [Documentation](${{ steps.chromatic_publish.outputs.storybookUrl }}) 🎨 [Chromatic Tests](${{ steps.chromatic_publish.outputs.buildUrl }})"}],"color": 65280,"footer": { "text": "Published at ${{steps.current_time.outputs.readableTime}}" }}]'
-          DISCORD_AVATAR: 'https://github.com/qoretechnologies/reqore/blob/ae8ce24b7f0984340bf4e6835025d203d1741b3a/public/q-symbol-small.png?raw=true'
-        uses: Ilshidur/action-discord@0.3.2
-        with:
-          args: ':white_check_mark: Tests action run #${{ github.run_number }} for [PR](${{ github.event.pull_request.html_url }}) triggered by ${{ github.triggering_actor }} succeeded. Check the links below for potentional Storybook and Chromatic updates.'
-        if: success()
-      - name: Discord notification
-        env:
-          DISCORD_WEBHOOK: ${{secrets.DISCORD_WEBHOOK}}
-          DISCORD_EMBEDS: '[{"author": {"icon_url": "https://avatars.githubusercontent.com/${{ github.actor }}", "name": "${{ github.actor }}", "url": "https://github.com/${{github.actor}}"}, "url": "https://github.com/${{github.repository}}/commit/${{github.sha}}", "fields": [{ "name": "Commit Message", "value": "${{ steps.get_head_commit_message.outputs.HEAD_COMMIT_MESSAGE }}"},{"name": "Repository","value": "[${{github.event.repository.name}}](${{github.event.repository.clone_url}})","inline": true},{"name": "Branch","value": "[${{github.ref_name}}](https://github.com/${{github.repository}}/pull/${{github.ref_name}})","inline": true},{ "name": "Event", "value": "${{github.event_name}}", "inline": true },{"name": "Author","value": "[${{github.actor}}](https://github.com/${{github.actor}})","inline": true},{ "name": "Job", "value": "${{github.job}}", "inline": true },{ "name": "Version", "value": "v${{ steps.save_release_version.outputs.version }}", "inline": true},{"name": "","value": "🤖 [Github Action](https://github.com/${{ github.repository}}/actions/runs/${{ github.run_id}})"}],"color": 16711680,"footer": { "text": "Triggered at ${{steps.current_time.outputs.readableTime}}" }}]'
-          DISCORD_AVATAR: 'https://github.com/qoretechnologies/reqore/blob/ae8ce24b7f0984340bf4e6835025d203d1741b3a/public/q-symbol-small.png?raw=true'
-        uses: Ilshidur/action-discord@0.3.2
-        with:
-          args: ':exclamation: Tests action run #${{ github.run_number }} for [PR](${{ github.event.pull_request.html_url }}) triggered by ${{ github.triggering_actor }} failed! Click the GitHub action link below to find out why.'
-        if: failure()

package/.gitpod.yml

@@ -1,11 +0,0 @@
-tasks:
-  - init: 'yarn install'
-  - command: |
-      yarn test:ci &
-      yarn storybook
-
-ports:
-  - port: 6007
-    visibility: public
-    name: Storybook
-    onOpen: open-browser

package/.jest-test-results.json

@@ -1 +0,0 @@
-{"numFailedTestSuites":0,"numFailedTests":0,"numPassedTestSuites":2,"numPassedTests":12,"numPendingTestSuites":0,"numPendingTests":0,"numRuntimeErrorTestSuites":0,"numTodoTests":0,"numTotalTestSuites":2,"numTotalTests":12,"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":1640860411341,"success":true,"testResults":[{"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":1640860416953,"message":"","name":"/workspace/reqore/__tests__/button.test.tsx","startTime":1640860412163,"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":1640860417371,"message":"","name":"/workspace/reqore/__tests__/drawer.test.tsx","startTime":1640860412108,"status":"passed","summary":""}],"wasInterrupted":false}

package/.prettierrc

@@ -1,7 +0,0 @@
-{
-  "trailingComma": "es5",
-  "printWidth": 100,
-  "semi": true,
-  "singleQuote": true,
-  "jsxSingleQuote": true
-}

package/__tests__/breadcrumbs.test.tsx

@@ -1,75 +0,0 @@
-import { act, fireEvent, render } from '@testing-library/react';
-import { ReqoreBreadcrumbs, ReqoreLayoutContent, ReqoreUIProvider } from '../src';
-
-test('Renders full <Breadcrumbs /> properly', () => {
-  render(
-    <div style={{ width: '1000px' }}>
-      <ReqoreUIProvider>
-        <ReqoreLayoutContent>
-          <ReqoreBreadcrumbs
-            items={[
-              { label: 'Page 1', icon: 'Home3Line' },
-              { label: 'Page 2', icon: 'Home3Line' },
-              { label: 'Page 3', icon: 'Home3Line' },
-              { label: 'Page 4', icon: 'Home3Line' },
-              { label: 'Page 5', icon: 'Home3Line' },
-            ]}
-          />
-        </ReqoreLayoutContent>
-      </ReqoreUIProvider>
-    </div>
-  );
-
-  expect(document.querySelectorAll('.reqore-breadcrumbs-wrapper').length).toBe(1);
-  expect(document.querySelectorAll('.reqore-breadcrumbs-item').length).toBe(5);
-});
-
-test('Renders shortened <Breadcrumbs /> properly', () => {
-  act(() => {
-    render(
-      <ReqoreUIProvider>
-        <ReqoreLayoutContent>
-          <ReqoreBreadcrumbs
-            _testWidth={300}
-            items={[
-              { label: 'Page 1', icon: 'Home3Line' },
-              { label: 'Page 2', icon: 'Home3Line' },
-              { label: 'Page 3', icon: 'Home3Line' },
-              { label: 'Page 4', icon: 'Home3Line' },
-              { label: 'Page 5', icon: 'Home3Line' },
-            ]}
-          />
-        </ReqoreLayoutContent>
-      </ReqoreUIProvider>
-    );
-  });
-
-  expect(document.querySelectorAll('.reqore-breadcrumbs-wrapper').length).toBe(1);
-  expect(document.querySelectorAll('.reqore-breadcrumbs-item').length).toBe(1);
-});
-
-test('Tooltip on <Breadcrumbs /> works', () => {
-  jest.useFakeTimers();
-
-  render(
-    <ReqoreUIProvider>
-      <ReqoreBreadcrumbs
-        items={[
-          { label: 'Page 1', icon: 'Home3Line' },
-          { label: 'Page 2', icon: 'Home3Line', tooltip: 'Tooltip' },
-          { label: 'Page 3', icon: 'Home3Line' },
-          { label: 'Page 4', icon: 'Home3Line' },
-          { label: 'Page 5', icon: 'Home3Line' },
-        ]}
-      />
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
-
-  fireEvent.mouseEnter(document.querySelectorAll('.reqore-breadcrumbs-item')[1]);
-
-  jest.advanceTimersByTime(1);
-
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
-});

package/__tests__/button.test.tsx

@@ -1,218 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react';
-import React from 'react';
-import { ReqoreButton, ReqoreContent, ReqoreLayoutContent, ReqoreUIProvider } from '../src';
-
-test('Renders <Button /> properly', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton minimal>Hello</ReqoreButton>
-          <ReqoreButton icon='4KFill'>Another</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-icon').length).toBe(1);
-  expect(document.querySelectorAll('.reqore-button').length).toBe(2);
-});
-
-test('Renders <Button /> using `label`', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton label='Button label' />
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(screen.getAllByText('Button label')).toBeTruthy();
-});
-
-test('Renders <Button /> with size properly', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton size='tiny'>Tiny</ReqoreButton>
-          <ReqoreButton size='small'>Small</ReqoreButton>
-          <ReqoreButton size='big'>Big</ReqoreButton>
-          <ReqoreButton size='huge'>Huge</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-button').length).toBe(4);
-});
-
-test('Renders <Button /> with icon properly', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton icon='4KFill'>4K</ReqoreButton>
-          <ReqoreButton icon='24HoursFill'>24</ReqoreButton>
-          <ReqoreButton icon='BallPenFill'>Pen</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-icon').length).toBe(3);
-  expect(document.querySelectorAll('.reqore-button').length).toBe(3);
-});
-
-test('Renders <Button /> with intent properly', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton intent='pending'>Pending</ReqoreButton>
-          <ReqoreButton intent='info'>Info</ReqoreButton>
-          <ReqoreButton intent='success'>Success</ReqoreButton>
-          <ReqoreButton intent='warning'>Warning</ReqoreButton>
-          <ReqoreButton intent='danger'>Danger</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-button').length).toBe(5);
-});
-
-test('Renders <Button /> with right icon properly', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton rightIcon='4KFill'>4K</ReqoreButton>
-          <ReqoreButton rightIcon='24HoursFill'>24</ReqoreButton>
-          <ReqoreButton rightIcon='BallPenFill'>Pen</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-button').length).toBe(3);
-});
-
-test('Renders <Button /> with icon and right icon properly', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton icon='4KFill' rightIcon='24HoursFill'>
-            4K
-          </ReqoreButton>
-          <ReqoreButton icon='24HoursFill' rightIcon='BallPenFill'>
-            24
-          </ReqoreButton>
-          <ReqoreButton icon='BallPenFill' rightIcon='4KFill'>
-            Pen
-          </ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-button').length).toBe(3);
-});
-
-// A test that tests the onClick function of the button using fireEvent
-test('Renders <Button /> with onClick function', () => {
-  const onClick = jest.fn();
-  const { getAllByText } = render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton onClick={onClick}>Click</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  fireEvent.click(getAllByText('Click')[0]);
-  expect(onClick).toHaveBeenCalledTimes(1);
-});
-
-// A test that tests the onClick function of the button using fireEvent
-test('Renders <Button /> with a 0 badge', () => {
-  const onClick = jest.fn();
-  const { getAllByText } = render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton badge={0}>Click</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-button-badge').length).toBe(1);
-});
-
-test('Renders <Button /> with a string badge', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton badge='test'>Click</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-button-badge').length).toBe(1);
-});
-
-test('Renders <Button /> with a Tag props badge', () => {
-  const onClick = jest.fn();
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton badge={{ label: 0 }}>Click</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-button-badge').length).toBe(1);
-});
-
-test('Renders <Button /> with multiple badges', () => {
-  const onClick = jest.fn();
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreButton badge={[0, 'test', { label: 0 }]}>Click</ReqoreButton>
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-button-badge').length).toBe(3);
-});
-
-test('Tooltip on <Button /> works', () => {
-  jest.useFakeTimers();
-
-  render(
-    <ReqoreUIProvider>
-      <ReqoreButton tooltip='test'>Click</ReqoreButton>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
-
-  fireEvent.mouseEnter(document.querySelectorAll('.reqore-button')[0]);
-
-  jest.advanceTimersByTime(1);
-
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
-});

package/__tests__/checkbox.test.tsx

@@ -1,45 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react';
-import React from 'react';
-import { ReqoreCheckbox, ReqoreContent, ReqoreLayoutContent, ReqoreUIProvider } from '../src';
-
-test('Renders <Checkbox /> properly', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreCheckbox />
-          <ReqoreCheckbox size='small' />
-          <ReqoreCheckbox size='big' />
-          <ReqoreCheckbox disabled />
-          <ReqoreCheckbox label='Right' labelDetail={<p className='label-detail'></p>} />
-          <ReqoreCheckbox label='Left' />
-          <ReqoreCheckbox label='Right' asSwitch />
-          <ReqoreCheckbox label='With Text' asSwitch onText='Yes' offText='No' />
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-checkbox').length).toBe(8);
-  expect(document.querySelectorAll('.label-detail').length).toBe(1);
-  expect(screen.getByText('Yes')).toBeTruthy();
-  expect(screen.getByText('No')).toBeTruthy();
-});
-
-test('Tooltip on <Checkbox /> works', () => {
-  jest.useFakeTimers();
-
-  render(
-    <ReqoreUIProvider>
-      <ReqoreCheckbox label='With Text' asSwitch onText='Yes' offText='No' tooltip='test' />
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
-
-  fireEvent.mouseEnter(document.querySelectorAll('.reqore-checkbox')[0]);
-
-  jest.advanceTimersByTime(1);
-
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
-});