Merge pull request #973 from strapi/release/1.7.1

Author: joshuaellis

.github/actions/install-modules/action.yml

@@ -20,10 +20,7 @@ jobs:
           path: '**/node_modules'
           key: ${{ runner.os }}-${{ matrix.node }}-${{ hashFiles('**/yarn.lock') }}
 
-      - run: yarn install --frozen-lockfile
-
-      - name: Link locale packages and install their dependencies
-        run: yarn bootstrap
+      - run: yarn install
 
       - name: Build packages
         run: yarn build

.github/actions/install-modules/script.sh

@@ -23,10 +23,7 @@ jobs:
         with:
           path: '**/node_modules'
           key: ${{ runner.os }}-${{ matrix.node }}-${{ hashFiles('**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-
-      - name: Link locale packages and install their dependencies
-        run: yarn bootstrap
+      - run: yarn install
 
       - name: Build
         run: yarn build --ignore=@strapi/design-system-docs
@@ -47,11 +44,11 @@ jobs:
           path: '**/node_modules'
           key: ${{ runner.os }}-${{ matrix.node }}-${{ hashFiles('**/yarn.lock') }}
 
-      - run: yarn install --frozen-lockfile
-      - name: Link locale packages and install their dependencies
-        run: yarn bootstrap
+      - run: yarn install
+
       - name: Run lint
         run: yarn lint
+
       - name: Run prettier
         run: yarn prettier:check
   unit_tests:
@@ -69,10 +66,7 @@ jobs:
           path: '**/node_modules'
           key: ${{ runner.os }}-${{ matrix.node }}-${{ hashFiles('**/yarn.lock') }}
 
-      - run: yarn install --frozen-lockfile
-
-      - name: Link locale packages and install their dependencies
-        run: yarn bootstrap
+      - run: yarn install
 
       - name: Build
         run: yarn build --ignore=@strapi/design-system-docs
@@ -88,26 +82,23 @@ jobs:
         browser: [chromium, webkit, firefox]
     steps:
       - uses: actions/checkout@v3
+
       - uses: actions/setup-node@v3
         with:
           node-version: '18'
           cache: yarn
-      - uses: ./.github/actions/install-modules
-        with:
-          globalPackages: http-server
 
-      - name: Install Playwright
-        run: npx [email protected] install --with-deps
+      - run: yarn install
 
-      - name: Link locale packages and install their dependencies
-        run: yarn bootstrap
+      - name: Install Playwright
+        run: npx [email protected] install
 
       - name: Build
         run: yarn build
 
       - name: Start storybook
         working-directory: ./docs/storybook-static
-        run: http-server -p 6006 &
+        run: yarn add -D http-server && yarn http-server -p 6006 &
 
       - name: Run the tests
-        run: yarn test:e2e:ci -- -- --project=${{ matrix.browser }}
+        run: yarn test:e2e:ci -- --project=${{ matrix.browser }}

.github/workflows/bundle-size.yml

@@ -1,13 +1,128 @@
-.env
-.vscode
-node_modules
+############################
+# OS X
+############################
+
 .DS_Store
-yarn-debug.log*
-yarn-error.log*
+.AppleDouble
+.LSOverride
+Icon
+.Spotlight-V100
+.Trashes
+._*
+
+
+############################
+# Linux
+############################
+
+*~
+
+
+############################
+# Windows
+############################
+
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
+*.cab
+*.msi
+*.msm
+*.msp
+
+
+############################
+# Packages
+############################
+
+*.7z
+*.csv
+*.dat
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.seed
+*.so
+*.swo
+*.swp
+*.swn
+*.swm
+*.out
+*.pid
+
+
+############################
+# Logs and databases
+############################
+
+.tmp
+*.log
+*.sql
+!.github/workflows/db/**/*.sql
+*.sqlite
+
+
+############################
+# Misc.
+############################
+
+*#
 .idea
+nbproject
+.eslintcache
+
+
+############################
+# Node.js
+############################
+
+lib-cov
+lcov.info
+pids
+logs
+results
+build
+node_modules
+.node_history
+package-lock.json
+**/package-lock.json
+*.heapsnapshot
+
+
+############################
+# Builds
+############################
+
 dist
 storybook-static
-test-results
-playwright-report
-packages/strapi-icons/src
-coverage
+**/strapi-icons/src/*
+
+############################
+# Visual Studio Code
+############################
+
+.vscode/
+!.vscode/settings.json
+front-workspace.code-workspace
+.yarnrc
+
+############################
+# Yarn
+############################
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.github/workflows/tests.yml

@@ -0,0 +1,6 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+yarn nx affected --target=lint --uncommitted --parallel
+yarn nx affected --target=test:ts --uncommitted --parallel
+yarn nx affected --target=prettier:write --uncommitted --parallel

.gitignore

@@ -5,4 +5,5 @@ packages/strapi-icons/src
 # for now
 website
 
-storybook-static
+storybook-static
+.yarn

.husky/pre-commit

@@ -0,0 +1,11 @@
+defaultSemverRangePrefix: ''
+
+nodeLinker: node-modules
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: '@yarnpkg/plugin-interactive-tools'
+
+preferInteractive: true
+
+yarnPath: .yarn/releases/yarn-3.5.0.cjs

.prettierignore

@@ -40,7 +40,7 @@ The core team will review your pull request and will either merge it, request ch
 ### Setup end-to-end (e2e) tests
 
 1. Install Playwright `npx [email protected] install --with-deps`
-2. Install and link any cross-dependencies: `yarn bootstrap`
+2. Install dependencies: `yarn install`
 3. Run storybook `yarn storybook` and the e2e tests in parallel `yarn test:e2e`
 
 ## Development Workflow

.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs

@@ -13,20 +13,20 @@
     "@strapi/design-system": "^1.7.0-alpha.2",
     "@strapi/icons": "^1.7.0-alpha.2",
     "@strapi/ui-primitives": "^1.7.0-alpha.2",
-    "qs": "^6.11.0",
-    "react": "17",
+    "qs": "^6.11.1",
+    "react": "18.2.0",
     "react-copy-to-clipboard": "^5.1.0",
-    "react-dom": "17",
+    "react-dom": "18.2.0",
     "react-router-dom": "5.3.4",
     "storybook-dark-mode": "^2.1.1",
-    "styled-components": "^5.3.6"
+    "styled-components": "^5.3.10"
   },
   "devDependencies": {
-    "eslint-plugin-mdx": "^1.17.0"
+    "eslint-plugin-mdx": "^1.17.1"
   },
   "scripts": {
     "build": "build-storybook",
-    "clean": "rm -rf storybook-static node_modules",
+    "clean": "rimraf storybook-static node_modules",
     "develop": "start-storybook -p 6006",
     "lint": "eslint --ext .mdx ."
   }

.yarn/releases/yarn-3.5.0.cjs

@@ -1,29 +1,31 @@
 import { useState, useEffect } from 'react';
 import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
 
-import { Typography, DismissibleLayer } from '@strapi/design-system';
+import { Typography, DismissibleLayer, DismissibleLayerBranch } from '@strapi/design-system';
 
 <Meta title="Design System/Technical Components/DismissibleLayer" component={DismissibleLayer} />
 
 # DismissibleLayer
 
-`DismissibleLayer` is a internal utility component wrapping the logic for a layer that can dismissed. It's typically
+`DismissibleLayer` is a internal utility component re-exported from the `@radix-ui/dismissable-layer` package. It's typically
 used within a `Modal` or a `Popover` & in conjunction with `FocusTrap`.
 
 [View source](https://github.com/strapi/design-system/tree/main/packages/strapi-design-system/src/DismissibleLayer)
 
-## Imports
+## Usage
 
 ```js
 import { DismissibleLayer } from '@strapi/design-system';
 ```
 
-## Usage
+### Basic Usage
+
+Typically you'll want to provide a `onEscapeKeyDown` and `onPointerDownOutside` handler to dismiss the layer.
 
 <Canvas>
   <Story name="base">
     {() => {
-      const [isVisible, setIsVisible] = useState(false);
+      const [isVisible, setIsVisible] = useState(true);
       useEffect(() => {
         let timeout = null;
         if (!isVisible) {
@@ -44,4 +46,6 @@ import { DismissibleLayer } from '@strapi/design-system';
 
 ## Props
 
+### DismissibleLayer
+
 <ArgsTable of={DismissibleLayer} />