feat(CommandPalette): new component (#716)

Co-authored-by: Copilot <[email protected]>

Author: tenphi

.changeset/curvy-planes-count.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": minor
+---
+
+Add HotKeys component to visualize hot keys combinations.

.changeset/shiny-mangos-double.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Improve ListBox implementation and add support for the empty state with customization via `emptyLabel` property.

.changeset/silent-needles-pump.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Add new chart icons and update the old ones.

.changeset/thin-pumas-cheer.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": minor
+---
+
+Add `hotkeys` property for menu items to specify hot keys to trigger the action.

.github/workflows/main.yml

@@ -93,51 +93,3 @@ jobs:
           exitOnceUploaded: true
           autoAcceptChanges: true
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-
-  deploy-docs:
-    name: 'Deploy Latest documentation'
-    needs: publish
-    if: needs.publish.outputs.published == 'true'
-    runs-on: ubuntu-latest
-    environment:
-      name: Docs Production
-      url: ${{ steps.publish_docs.outputs.NETLIFY_PREVIEW_URL }}
-    env:
-      NODE_OPTIONS: --max-old-space-size=4096
-      NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
-      NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 9.12.2
-
-      - uses: actions/cache@v3
-        name: Download storybook cache
-        with:
-          path: |
-            **/node_modules/.cache
-          key: ${{ runner.os }}-storybook-${{ github.run_id }}
-          restore-keys: |
-            ${{ runner.os }}-storybook
-
-      - uses: actions/setup-node@v3
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: Build Docs
-        run: pnpm build-docs --quiet
-
-      - name: Deploy docs to Netlify
-        uses: South-Paw/[email protected]
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          netlify-auth-token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          netlify-site-id: ${{ secrets.NETLIFY_SITE_ID }}
-          build-dir: ./storybook-docs

.github/workflows/pull-request.yml

@@ -170,68 +170,3 @@ jobs:
               repo: context.repo,
               prNumber: context.payload.pull_request.number
             })
-
-  deploy-docs:
-    name: 'Prepare Docs for the Review'
-    runs-on: ubuntu-latest
-    environment:
-      name: Docs staging
-      url: ${{ steps.publish_docs.outputs.preview-url }}
-    env:
-      NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
-      NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 9.12.2
-
-      - uses: actions/cache@v3
-        name: Download storybook cache
-        with:
-          path: |
-            **/node_modules/.cache
-          key: ${{ runner.os }}-storybook-${{ github.run_id }}
-          restore-keys: |
-            ${{ runner.os }}-storybook
-
-      - uses: actions/setup-node@v3
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: Build Docs
-        run: pnpm build-docs --quiet
-
-      - name: Deploy docs to Netlify
-        id: publish_docs
-        uses: South-Paw/[email protected]
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          netlify-auth-token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          netlify-site-id: ${{ secrets.NETLIFY_SITE_ID }}
-          draft: true
-          build-dir: ./storybook-docs
-          comment-on-commit: true
-
-      - name: Comment PR
-        uses: actions/github-script@v6
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          script: |
-            const setMessage = require('${{ github.workspace }}/scripts/ci/set-message.cjs')
-
-            await setMessage({
-              header: "## 🏗 Docs are successfully deployed!",
-              body: `
-                👀 Preview: ${{ steps.publish_docs.outputs.preview-url }}
-              `,
-              github,
-              repo: context.repo,
-              prNumber: context.payload.pull_request.number
-            })

.github/workflows/size-limit.yml

@@ -20,8 +20,6 @@ jobs:
     name: 'Measure size of the library'
     runs-on: ubuntu-latest
     env:
-      NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID_STATOSCOPE }}
-      NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
       REPORT_FOLDER: './size-limit-report'
       NODE_OPTIONS: --max-old-space-size=4096
     steps:
@@ -69,18 +67,6 @@ jobs:
         if: github.event.number
         run: npx statoscope generate -i ${{ env.REPORT_FOLDER }}/stats.json -r ./__compare/${{ env.REPORT_FOLDER }}/stats.json --output ${{ env.REPORT_FOLDER }}/report.html
 
-      - name: Deploy Report
-        id: deploy_report
-        if: github.event.number
-        uses: South-Paw/[email protected]
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          netlify-auth-token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          netlify-site-id: ${{ secrets.NETLIFY_SITE_ID }}
-          draft: true
-          build-dir: ${{ env.REPORT_FOLDER }}
-          comment-on-commit: false
-
       - name: Comment PR
         uses: actions/github-script@v6
         if: github.event.number

.gitignore

@@ -15,3 +15,5 @@ stats.html
 yarn-error.log
 coverage
 size-limit-report/stats.json
+docs-static
+

DOCUMENTATION_GUIDELINES.md

@@ -42,6 +42,8 @@ Brief description of what the component is and its primary purpose.
 
 <Story of={ComponentStories.Default} />
 
+---
+
 ### Properties
 
 <Controls of={componentStories.Default} />

jest.config.cjs

@@ -16,6 +16,9 @@ const config = {
       },
     ],
   },
+  transformIgnorePatterns: [
+    'node_modules/(?!(.pnpm/)?react-hotkeys-hook)',
+  ],
   setupFilesAfterEnv: ['./src/test/setup.ts'],
 };