Skip to content

feat(react): add StepLabel, StepContent, Step and Stepper components #560

feat(react): add StepLabel, StepContent, Step and Stepper components

feat(react): add StepLabel, StepContent, Step and Stepper components #560

Workflow file for this run

# This workflow will build PRs submitted to the main branch.
name: πŸ‘·β€β™‚οΈ PR Builder
on:
pull_request:
branches: [ main ]
paths-ignore:
- "**/*.md"
- "LICENSE"
workflow_dispatch:
env:
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
jobs:
lint:
name: 🌳 ESLint (STATIC ANALYSIS)
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [ lts/* ]
steps:
- name: ⬇️ Checkout
id: checkout
uses: actions/checkout@v2.3.3
with:
fetch-depth: 0
- name: 🟒 Setup node
id: setup-node
uses: actions/setup-node@v2
with:
node-version: ${{ matrix.node-version }}
- name: 🐳 Set SHAs for Nx
id: set-shas
uses: nrwl/nx-set-shas@v3
with:
main-branch-name: "main"
- name: πŸ₯‘ Setup pnpm
id: setup-pnpm
uses: pnpm/action-setup@v2.1.0
with:
version: latest
run_install: false
- name: 🎈 Get pnpm store directory
id: get-pnpm-cache-dir
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- name: πŸ”† Cache pnpm modules
uses: actions/cache@v3
id: pnpm-cache
with:
path: ${{ steps.get-pnpm-cache-dir.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: 🧩 Install Dependencies
id: install-dependencies
run: pnpm install
- name: πŸ—οΈ Build Project
id: build
run: pnpm build
- name: 🌳 Lint ES Files
id: lint-with-eslint
run: pnpm nx affected --base=${{ env.NX_BASE }} --head=${{ env.NX_HEAD }} --target=lint:es --parallel=3
- name: πŸ’… Lint Styles
id: lint-with-stylelint
run: pnpm nx affected --base=${{ env.NX_BASE }} --head=${{ env.NX_HEAD }} --target=lint:styles --parallel=3
typecheck:
name: Κ¦ Typecheck (STATIC ANALYSIS)
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [ lts/* ]
steps:
- name: ⬇️ Checkout
id: checkout
uses: actions/checkout@v2.3.3
with:
fetch-depth: 0
- name: 🟒 Setup node
id: setup-node
uses: actions/setup-node@v2
with:
node-version: ${{ matrix.node-version }}
- name: 🐳 Set SHAs for Nx
id: set-shas
uses: nrwl/nx-set-shas@v3
with:
main-branch-name: "main"
- name: πŸ₯‘ Setup pnpm
uses: pnpm/action-setup@v2.1.0
with:
version: latest
run_install: false
- name: 🎈 Get pnpm store directory
id: get-pnpm-cache-dir
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- name: πŸ”† Cache pnpm modules
uses: actions/cache@v3
id: pnpm-cache
with:
path: ${{ steps.get-pnpm-cache-dir.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: 🧩 Install Dependencies
id: install-dependencies
run: pnpm install
- name: πŸ—οΈ Build Project
id: build
run: pnpm build
- name: β˜„οΈ Check Type Errors
run: pnpm nx affected --base=${{ env.NX_BASE }} --head=${{ env.NX_HEAD }} --target=typecheck --parallel=3
test:
name: πŸ‘Ύ Unit Tests
needs: [ lint, typecheck ]
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [ lts/* ]
steps:
- name: ⬇️ Checkout
id: checkout
uses: actions/checkout@v2.3.3
with:
fetch-depth: 0
- name: 🟒 Setup node
id: setup-node
uses: actions/setup-node@v2
with:
node-version: ${{ matrix.node-version }}
- name: πŸ₯‘ Setup pnpm
uses: pnpm/action-setup@v2.1.0
with:
version: latest
run_install: false
- name: 🎈 Get pnpm store directory
id: get-pnpm-cache-dir
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- name: πŸ”† Cache pnpm modules
uses: actions/cache@v3
id: pnpm-cache
with:
path: ${{ steps.get-pnpm-cache-dir.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: 🧩 Install Dependencies
id: install-dependencies
run: pnpm install
- name: πŸ—οΈ Build Project
id: build
run: pnpm build
- name: πŸƒ Run Unit Tests
id: run-tests
run: pnpm test
storybook:
name: πŸ’… Storybook
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [ lts/* ]
steps:
- name: ⬇️ Checkout
id: checkout
uses: actions/checkout@v2.3.3
- name: 🟒 Setup node
id: setup-node
uses: actions/setup-node@v2
with:
node-version: ${{ matrix.node-version }}
- name: πŸ₯‘ Setup pnpm
uses: pnpm/action-setup@v2.1.0
with:
version: latest
run_install: false
- name: 🎈 Get pnpm store directory
id: get-pnpm-cache-dir
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- name: πŸ”† Cache pnpm modules
uses: actions/cache@v3
id: pnpm-cache
with:
path: ${{ steps.get-pnpm-cache-dir.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: 🧩 Install Dependencies
id: install-dependencies
run: pnpm install
- name: πŸ—οΈ Build Project Project
id: build
run: pnpm build
- name: πŸ’… Build Storybook
id: build-storybook
working-directory: packages/react
run: pnpm build:storybook
build:
name: 🚧 Build
needs: [ lint, typecheck, test, storybook ]
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [ lts/* ]
steps:
- name: ⬇️ Checkout
id: checkout
uses: actions/checkout@v2.3.3
- name: 🟒 Setup node
id: setup-node
uses: actions/setup-node@v2
with:
node-version: ${{ matrix.node-version }}
- name: πŸ₯‘ Setup pnpm
uses: pnpm/action-setup@v2.1.0
with:
version: latest
run_install: false
- name: 🎈 Get pnpm store directory
id: get-pnpm-cache-dir
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- name: πŸ”† Cache pnpm modules
uses: actions/cache@v3
id: pnpm-cache
with:
path: ${{ steps.get-pnpm-cache-dir.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: 🧩 Install Dependencies
id: install-dependencies
run: pnpm install
- name: πŸ—οΈ Build Project
id: build
run: pnpm build