admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Addresses issue #1906 (#2074)

Browse Source 
* refactored Storybook UI

* refactored Storybook UI

* removed extra cards from the doc, added card for ui components

* added hover behavior to doc page & made it look selected

* separate storybook docs and tests

* separating storybook tests and docs
This commit is contained in:
Nimra Ahmed
2023-10-17 01:06:07 +05:00
committed by GitHub
parent d64f167b3b
commit a6542719df
5 changed files with 27 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/src/css/custom.css
View File

@ -158,6 +158,15 @@ li.coming-soon a::after {
color: var(--level-1-color); color: var(--level-1-color);
} }
.theme-doc-sidebar-item-category-level-1 > .menu__link:hover{
color:inherit
}
.menu__list-item--level1 > .menu__link--active > .icon-and-text{
color: black;
}
.menu__list-item--level1 > .menu__link--active, .menu__list-item--level1 > .menu__link--active,
.menu__list-item--level1 > .menu__link:hover { .menu__list-item--level1 > .menu__link:hover {
background: inherit; background: inherit;

8
front/.storybook/main.js
View File

@ -1,7 +1,7 @@
const path = require('path'); const path = require('path');
computeStoriesGlob = () => { computeStoriesGlob = () => {
if (process.env.STORYBOOK_STORIES_FOLDER === 'pages') { if (process.env.STORYBOOK_SCOPE === 'pages') {
return [ return [
'../src/pages/**/*.stories.@(js|jsx|ts|tsx)', '../src/pages/**/*.stories.@(js|jsx|ts|tsx)',
'../src/__stories__/*.stories.@(js|jsx|ts|tsx)', '../src/__stories__/*.stories.@(js|jsx|ts|tsx)',
@ -10,10 +10,14 @@ computeStoriesGlob = () => {
] ]
} }
if (process.env.STORYBOOK_STORIES_FOLDER === 'modules') { if (process.env.STORYBOOK_SCOPE === 'modules') {
return ['../src/modules/**/*.stories.@(js|jsx|ts|tsx)', '../src/modules/**/*.docs.mdx'] return ['../src/modules/**/*.stories.@(js|jsx|ts|tsx)', '../src/modules/**/*.docs.mdx']
} }
if (process.env.STORYBOOK_SCOPE === 'ui-docs') {
return ['../src/modules/ui/**/*.docs.mdx'];
}
return ['../src/**/*.stories.@(js|jsx|ts|tsx)', '../src/**/*.docs.mdx'] return ['../src/**/*.stories.@(js|jsx|ts|tsx)', '../src/**/*.docs.mdx']
}; };

2
front/.storybook/test-runner-jest.js
View File

@ -9,5 +9,5 @@ module.exports = {
/** Add your own overrides below /** Add your own overrides below
* @see https://jestjs.io/docs/configuration * @see https://jestjs.io/docs/configuration
*/ */
testTimeout: process.env.STORYBOOK_STORIES_FOLDER === 'pages' ? 60000 : 15000, testTimeout: process.env.STORYBOOK_SCOPE=== 'pages' ? 60000 : 15000,
}; };

4
front/nyc.config.js
View File

@ -26,7 +26,9 @@ const pagesCoverage = {
] ]
}; };
const storybookStoriesFolders = process.env.STORYBOOK_STORIES_FOLDER;
const storybookStoriesFolders = process.env.STORYBOOK_SCOPE;
module.exports = storybookStoriesFolders === 'pages' ? module.exports = storybookStoriesFolders === 'pages' ?
pagesCoverage : storybookStoriesFolders === 'modules' ? modulesCoverage pagesCoverage : storybookStoriesFolders === 'modules' ? modulesCoverage

14
front/package.json
View File

@ -76,12 +76,14 @@
"storybook:test-slow": "test-storybook --maxWorkers=3", "storybook:test-slow": "test-storybook --maxWorkers=3",
"storybook:build": "storybook build -s public", "storybook:build": "storybook build -s public",
"storybook:coverage": "test-storybook --coverage --maxWorkers=3 && npx nyc report --reporter=lcov -t coverage/storybook --report-dir coverage/storybook --check-coverage", "storybook:coverage": "test-storybook --coverage --maxWorkers=3 && npx nyc report --reporter=lcov -t coverage/storybook --report-dir coverage/storybook --check-coverage",
"storybook:modules:dev": "STORYBOOK_STORIES_FOLDER=modules yarn storybook:dev", "storybook:modules:dev": "STORYBOOK_SCOPE=modules yarn storybook:dev",
"storybook:pages:dev": "STORYBOOK_STORIES_FOLDER=pages yarn storybook:dev", "storybook:pages:dev": "STORYBOOK_SCOPE=pages yarn storybook:dev",
"storybook:modules:build": "STORYBOOK_STORIES_FOLDER=modules yarn storybook:build", "storybook:docs:dev": "STORYBOOK_SCOPE=ui-docs yarn storybook:dev",
"storybook:pages:build": "STORYBOOK_STORIES_FOLDER=pages yarn storybook:build", "storybook:modules:build": "STORYBOOK_SCOPE=modules yarn storybook:build",
"storybook:modules:coverage": "STORYBOOK_STORIES_FOLDER=modules yarn storybook:coverage", "storybook:pages:build": "STORYBOOK_SCOPE=pages yarn storybook:build",
"storybook:pages:coverage": "STORYBOOK_STORIES_FOLDER=pages yarn storybook:coverage", "storybook:docs:build": "STORYBOOK_SCOPE=ui-docs yarn storybook:build",
"storybook:modules:coverage": "STORYBOOK_SCOPE=modules yarn storybook:coverage",
"storybook:pages:coverage": "STORYBOOK_SCOPE=pages yarn storybook:coverage",
"graphql:data:generate": "dotenv cross-var graphql-codegen -- --config codegen.js", "graphql:data:generate": "dotenv cross-var graphql-codegen -- --config codegen.js",
"graphql:metadata:generate": "dotenv cross-var graphql-codegen -- --config codegen-metadata.js", "graphql:metadata:generate": "dotenv cross-var graphql-codegen -- --config codegen-metadata.js",
"chromatic": "dotenv cross-var npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN", "chromatic": "dotenv cross-var npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",