Skip to content

Commit e3bfc1b

Browse files
gh pages
1 parent 6fedaea commit e3bfc1b

File tree

17 files changed

+229
-21
lines changed

17 files changed

+229
-21
lines changed

.github/workflows/eslint.yml

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
# This workflow uses actions that are not certified by GitHub.
2+
# They are provided by a third-party and are governed by
3+
# separate terms of service, privacy policy, and support
4+
# documentation.
5+
# ESLint is a tool for identifying and reporting on patterns
6+
# found in ECMAScript/JavaScript code.
7+
# More details at https://github.com/eslint/eslint
8+
# and https://eslint.org
9+
10+
name: ESLint
11+
12+
on:
13+
push:
14+
branches: [ "main" ]
15+
pull_request:
16+
# The branches below must be a subset of the branches above
17+
branches: [ "main" ]
18+
19+
jobs:
20+
eslint:
21+
name: Run eslint scanning
22+
runs-on: ubuntu-latest
23+
permissions:
24+
contents: read
25+
security-events: write
26+
actions: read # only required for a private repository by github/codeql-action/upload-sarif to get the Action run status
27+
steps:
28+
- name: Checkout code
29+
uses: actions/checkout@v3
30+
31+
- name: Install dependencies
32+
run: npm install
33+
34+
- name: Run ESLint
35+
run: :lint:eslint:gh
36+
continue-on-error: true
37+
38+
- name: Upload analysis results to GitHub
39+
uses: github/codeql-action/upload-sarif@v2
40+
with:
41+
sarif_file: eslint-results.sarif
42+
wait-for-processing: true
Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,27 @@
1+
name: Build and Publish Storybook to GitHub Pages
2+
13
on:
4+
25
push:
36
branches:
4-
- main
7+
- 'main'
8+
9+
permissions:
10+
contents: read
11+
pages: write
12+
id-token: write
13+
514
jobs:
615
deploy:
716
runs-on: ubuntu-latest
817
steps:
9-
- uses: actions/checkout@v3
18+
- uses: actions/checkout@v3
1019
- uses: actions/setup-node@v3
1120
with:
12-
node-version: 20
13-
- name: Install dependencies
14-
run: npm install
15-
- name: Deploy storybook
16-
run: npm run deploy-storybook -- --ci
21+
node-version: '20.x'
22+
- uses: bitovi/github-actions-storybook-to-github-pages@v1.0.1
23+
with:
24+
path: storybook-static
25+
checkout: false
1726
env:
1827
GH_TOKEN: ${{ github.actor }}:${{ secrets.GITHUB_TOKEN }}

.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,4 +28,5 @@ yarn-debug.log*
2828
yarn-error.log*
2929

3030
*storybook.log
31-
test-report.xml
31+
test-report.xml
32+
eslint-results.sarif

package.json

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,16 @@
2121
"build:stable:watch": "node ./scripts/build stable --watch",
2222
"build:copy-files": "node ./scripts/copy-files.js",
2323
"lint": "npm-run-all :lint:eslint :lint:prettier",
24-
":lint:eslint": "eslint --ext .js,.jsx,.ts,.tsx -c .eslintrc.js --max-warnings 0 --fix --format=pretty ./src",
24+
":lint:eslint": "eslint --ext .js,.jsx,.ts,.tsx -c .eslintrc.js --max-warnings 0 ./src",
25+
":lint:eslint:gh": "eslint --ext .js,.jsx,.ts,.tsx -c .eslintrc.js --max-warnings 0 --format @microsoft/eslint-formatter-sarif --output-file eslint-results.sarif ./src",
2526
":lint:prettier": "prettier ./src --check",
2627
"prebuild": "rimraf build",
2728
"icons:create": "npx @svgr/cli --config-file ./config/.svgrrc.js -d ./src/components/Atomic/Icon/components ./src/components/Atomic/Icon/assets",
2829
":generate:theme:build": "node ./scripts/build.theme.js",
2930
":generate:theme:clean": "rimraf ./build/lib",
3031
":generate:theme": "npm-run-all :generate:theme:build :generate:theme:clean",
3132
"storybook": "storybook dev -p 6006",
32-
"build-storybook": "storybook build",
33-
"deploy-storybook": "storybook-to-ghpages --dry-run"
33+
"build-storybook": "storybook build"
3434
},
3535
"dependencies": {
3636
"@babel/core": "^7.23.3",
@@ -50,6 +50,7 @@
5050
"@floating-ui/react-dom-interactions": "^0.13.3",
5151
"@lezer/highlight": "^1.2.0",
5252
"@mdx-js/react": "^2.3.0",
53+
"@microsoft/eslint-formatter-sarif": "^3.1.0",
5354
"@opentelemetry/api": "^1.7.0",
5455
"@opentelemetry/context-zone": "^1.18.1",
5556
"@opentelemetry/core": "^1.18.1",

src/components/Atomic/TreeTable/TreeTable.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { Props, defaultProps } from './TreeTable.types'
99
import { compareIgnoreCase } from '../TableNew/Utils'
1010
import { convertSize, IconTableArrowDown, IconTableArrowUp } from '../Icon'
1111
import ConditionalWrapper from '../ConditionalWrapper'
12-
import { ReactComponent as IconSubLine } from './assets/sub-line.svg'
12+
import IconSubLine from './assets/IconSubLine'
1313

1414
const defaultPropGetter = () => ({})
1515

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import { FC } from 'react'
2+
3+
const IconSubLine: FC<any> = () => {
4+
return (
5+
<svg fill='none' height='29' viewBox='0 0 15 29' width='15' xmlns='http://www.w3.org/2000/svg'>
6+
<path
7+
clip-rule='evenodd'
8+
d='M0.5 0C0.776142 0 1 0.141128 1 0.315217V23.6413C1 26.2527 4.35786 28.3696 8.5 28.3696H14.5C14.7761 28.3696 15 28.5107 15 28.6848C15 28.8589 14.7761 29 14.5 29H8.5C3.80558 29 0 26.6008 0 23.6413V0.315217C0 0.141128 0.223858 0 0.5 0Z'
9+
fill='#D7D8DA'
10+
fill-rule='evenodd'
11+
/>
12+
</svg>
13+
)
14+
}
15+
16+
IconSubLine.displayName = 'IconSubLine'
17+
18+
export default IconSubLine

src/components/Templates/SignInForm/SignInForm.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,10 @@ import React, { FC } from 'react'
22
import { Props, defaultProps } from './SignInForm.types'
33
import * as styles from './SignInForm.styles'
44
import Button from '../../Atomic/Button'
5-
import { ReactComponent as IconApple } from './assets/icon-apple.svg'
6-
import { ReactComponent as IconGoogle } from './assets/icon-google.svg'
7-
import { ReactComponent as IconGithub } from './assets/icon-github.svg'
5+
6+
import IconApple from './assets/IconApple'
7+
import IconGoogle from './assets/IconGoogle'
8+
import IconGitHub from './assets/IconGitHub'
89

910
const SignInForm: FC<Props> = (props) => {
1011
const { action, autoComplete, className, id, inputs, actions, cta, socialProviders, method, terms, onSubmit } = { ...defaultProps, ...props }
@@ -16,7 +17,7 @@ const SignInForm: FC<Props> = (props) => {
1617
case 'google':
1718
return <IconGoogle />
1819
case 'github':
19-
return <IconGithub />
20+
return <IconGitHub />
2021
}
2122
}
2223

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { FC } from 'react'
2+
3+
const IconApple: FC<any> = () => {
4+
return (
5+
<svg fill='none' height='20' viewBox='0 0 18 20' width='18' xmlns='http://www.w3.org/2000/svg'>
6+
<path
7+
d='M16.6223 6.81868C16.5063 6.90869 14.4581 8.06281 14.4581 10.6291C14.4581 13.5974 17.0644 14.6475 17.1424 14.6735C17.1304 14.7375 16.7283 16.1116 15.7682 17.5118C14.9121 18.7439 14.0181 19.974 12.6579 19.974C11.2978 19.974 10.9477 19.1839 9.37759 19.1839C7.84743 19.1839 7.30338 20 6.05925 20C4.81513 20 3.94704 18.8599 2.94894 17.4597C1.79283 15.8156 0.858734 13.2613 0.858734 10.8371C0.858734 6.94869 3.38699 4.88649 5.87524 4.88649C7.19737 4.88649 8.29948 5.75458 9.12956 5.75458C9.91964 5.75458 11.1518 4.83448 12.6559 4.83448C13.226 4.83448 15.2742 4.88649 16.6223 6.81868ZM11.9418 3.18832C12.5639 2.45024 13.0039 1.42614 13.0039 0.40204C13.0039 0.260026 12.9919 0.116012 12.9659 0C11.9538 0.0380038 10.7497 0.674067 10.0237 1.51615C9.45359 2.16422 8.92154 3.18832 8.92154 4.22642C8.92154 4.38244 8.94754 4.53845 8.95954 4.58846C9.02355 4.60046 9.12756 4.61446 9.23157 4.61446C10.1397 4.61446 11.2818 4.0064 11.9418 3.18832Z'
8+
fill='#191A1A'
9+
/>
10+
</svg>
11+
)
12+
}
13+
14+
IconApple.displayName = 'IconApple'
15+
16+
export default IconApple
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { FC } from 'react'
2+
3+
const IconGitHub: FC<any> = () => {
4+
return (
5+
<svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
6+
<path
7+
d='M6.68952 15.5234C6.68952 15.6016 6.59677 15.6641 6.47984 15.6641C6.34677 15.6758 6.25403 15.6133 6.25403 15.5234C6.25403 15.4453 6.34677 15.3828 6.46371 15.3828C6.58468 15.3711 6.68952 15.4336 6.68952 15.5234ZM5.43548 15.3477C5.40726 15.4258 5.4879 15.5156 5.60887 15.5391C5.71371 15.5781 5.83468 15.5391 5.85887 15.4609C5.88306 15.3828 5.80645 15.293 5.68548 15.2578C5.58064 15.2305 5.46371 15.2695 5.43548 15.3477ZM7.21774 15.2813C7.10081 15.3086 7.02016 15.3828 7.03226 15.4727C7.04435 15.5508 7.14919 15.6016 7.27016 15.5742C7.3871 15.5469 7.46774 15.4727 7.45564 15.3945C7.44355 15.3203 7.33468 15.2695 7.21774 15.2813ZM9.87097 0.3125C4.27823 0.3125 0 4.42578 0 9.84375C0 14.1758 2.81452 17.8828 6.83468 19.1875C7.35081 19.2773 7.53226 18.9688 7.53226 18.7148C7.53226 18.4727 7.52016 17.1367 7.52016 16.3164C7.52016 16.3164 4.69758 16.9023 4.10484 15.1523C4.10484 15.1523 3.64516 14.0156 2.98387 13.7227C2.98387 13.7227 2.06048 13.1094 3.04839 13.1211C3.04839 13.1211 4.05242 13.1992 4.60484 14.1289C5.4879 15.6367 6.96774 15.2031 7.54435 14.9453C7.6371 14.3203 7.89919 13.8867 8.18952 13.6289C5.93548 13.3867 3.66129 13.0703 3.66129 9.3125C3.66129 8.23828 3.96774 7.69922 4.6129 7.01172C4.50806 6.75781 4.16532 5.71094 4.71774 4.35937C5.56048 4.10547 7.5 5.41406 7.5 5.41406C8.30645 5.19531 9.17339 5.08203 10.0323 5.08203C10.8911 5.08203 11.7581 5.19531 12.5645 5.41406C12.5645 5.41406 14.504 4.10156 15.3468 4.35937C15.8992 5.71484 15.5565 6.75781 15.4516 7.01172C16.0968 7.70313 16.4919 8.24219 16.4919 9.3125C16.4919 13.082 14.1169 13.3828 11.8629 13.6289C12.2339 13.9375 12.5484 14.5234 12.5484 15.4414C12.5484 16.7578 12.5363 18.3867 12.5363 18.707C12.5363 18.9609 12.7218 19.2695 13.2339 19.1797C17.2661 17.8828 20 14.1758 20 9.84375C20 4.42578 15.4637 0.3125 9.87097 0.3125ZM3.91935 13.7852C3.86694 13.8242 3.87903 13.9141 3.94758 13.9883C4.0121 14.0508 4.10484 14.0781 4.15726 14.0273C4.20968 13.9883 4.19758 13.8984 4.12903 13.8242C4.06452 13.7617 3.97177 13.7344 3.91935 13.7852ZM3.48387 13.4687C3.45565 13.5195 3.49597 13.582 3.57661 13.6211C3.64113 13.6602 3.72177 13.6484 3.75 13.5938C3.77823 13.543 3.7379 13.4805 3.65726 13.4414C3.57661 13.418 3.5121 13.4297 3.48387 13.4687ZM4.79032 14.8594C4.72581 14.9102 4.75 15.0273 4.84274 15.1016C4.93548 15.1914 5.05242 15.2031 5.10484 15.1406C5.15726 15.0898 5.13306 14.9727 5.05242 14.8984C4.96371 14.8086 4.84274 14.7969 4.79032 14.8594ZM4.33065 14.2852C4.26613 14.3242 4.26613 14.4258 4.33065 14.5156C4.39516 14.6055 4.50403 14.6445 4.55645 14.6055C4.62097 14.5547 4.62097 14.4531 4.55645 14.3633C4.5 14.2734 4.39516 14.2344 4.33065 14.2852Z'
8+
fill='#191A1A'
9+
/>
10+
</svg>
11+
)
12+
}
13+
14+
IconGitHub.displayName = 'IconGitHub'
15+
16+
export default IconGitHub
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { FC } from 'react'
2+
3+
const IconGoogle: FC<any> = () => {
4+
return (
5+
<svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
6+
<path
7+
d='M18.9321 8.33335H10.1818V12.0833H15.141C14.3488 14.5835 12.391 15.4169 10.1421 15.4169C9.27085 15.418 8.41222 15.2088 7.63904 14.8073C6.86586 14.4058 6.20094 13.8237 5.70069 13.1104C5.20044 12.3971 4.87963 11.5736 4.76547 10.7099C4.65131 9.84621 4.74718 8.9677 5.04493 8.14893C5.34268 7.33017 5.83354 6.5953 6.47585 6.00668C7.11816 5.41806 7.89298 4.99306 8.73456 4.76773C9.57615 4.5424 10.4597 4.5234 11.3102 4.71233C12.1607 4.90126 12.953 5.29255 13.6201 5.85301L16.3449 3.25579C15.2474 2.24556 13.9199 1.51842 12.4777 1.13747C11.0356 0.756523 9.52219 0.733277 8.06898 1.06975C6.61577 1.40622 5.26662 2.09224 4.13863 3.06829C3.01063 4.04433 2.13787 5.28089 1.59607 6.67068C1.05428 8.06046 0.859829 9.56146 1.02959 11.0434C1.19936 12.5254 1.72821 13.9435 2.57026 15.1748C3.4123 16.406 4.5421 17.4132 5.86159 18.1089C7.18109 18.8045 8.65042 19.1677 10.1421 19.1668C15.1967 19.1668 19.7671 15.8332 18.9321 8.33335Z'
8+
fill='#191A1A'
9+
/>
10+
</svg>
11+
)
12+
}
13+
14+
IconGoogle.displayName = 'IconGoogle'
15+
16+
export default IconGoogle

0 commit comments

Comments
 (0)