NRP-3193 Multiselect

.github/workflows/chromatic.yml

@@ -0,0 +1,47 @@
+name: Chromatic PR Preview
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  chromatic:
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+      contents: read
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "npm"
+
+      - run: npm ci
+
+      - name: Build Storybook
+        run: npm run build-storybook
+
+      - name: Run Chromatic
+        id: chromatic
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          storybookBuildDir: storybook-static
+          exitZeroOnChanges: true
+
+      - name: Post Storybook link as PR comment
+        uses: actions/github-script@v7
+        with:
+          script: |
+            github.rest.issues.createComment({
+              issue_number: context.issue.number,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              body: `📚 **Storybook Preview**: ${{ steps.chromatic.outputs.storybookUrl }}`
+            })

.github/workflows/ci.yml

@@ -0,0 +1,22 @@
+name: CI
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "npm"
+
+      - run: npm ci
+      - run: npm run lint
+      - run: npm test

.gitignore

@@ -1,7 +1,8 @@
-node_modules
+.mypy_cache
+.vscode
 build
 dist
+node_modules
 storybook.log
 storybook-static
-.mypy_cache
-.vscode
+debug-storybook.log

.storybook/main.ts

@@ -1,5 +1,8 @@
 const config = {
-  stories: ["../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  stories: [
+    "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
 
   addons: [
     "@storybook/addon-links",
@@ -20,10 +23,9 @@ const config = {
   typescript: {
     reactDocgen: "react-docgen-typescript"
   },
-   previewBody: (body: any) => `
+  previewBody: (body: any) => `
     ${body}
-    ${
-       `<script
+    ${`<script
         src="syncTheme.js"
         type="application/javascript"
       ></script>`