@omniumretail/component-library 1.0.74 → 1.0.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/main.js +16 -16
- package/.storybook/preview-head.html +20 -20
- package/.storybook/preview.js +27 -27
- package/NPMPUBLISH.md +29 -29
- package/README.md +54 -54
- package/bitbucket-pipelines.yml +94 -94
- package/dist/bundle.js +247 -291
- package/dist/types/components/AnalyticsBar/AnalyticsBar.stories.d.ts +5 -5
- package/dist/types/components/AnalyticsBar/helpers/codeMutation.d.ts +4 -4
- package/dist/types/components/AnalyticsBar/index.d.ts +2 -2
- package/dist/types/components/AnalyticsBar/interfaces/analyticsBar.d.ts +12 -12
- package/dist/types/components/Button/Button.stories.d.ts +6 -6
- package/dist/types/components/Button/index.d.ts +7 -7
- package/dist/types/components/Category/Category.stories.d.ts +4 -4
- package/dist/types/components/Category/CategoryContent/index.d.ts +7 -7
- package/dist/types/components/Category/CategorySidebar/index.d.ts +26 -26
- package/dist/types/components/Category/index.d.ts +7 -7
- package/dist/types/components/CategoryReadOnly/CategoryReadOnly.stories.d.ts +4 -4
- package/dist/types/components/CategoryReadOnly/evaluationOptions.d.ts +10 -10
- package/dist/types/components/CategoryReadOnly/index.d.ts +9 -9
- package/dist/types/components/CategoryResponse/CategoryResponse.stories.d.ts +4 -4
- package/dist/types/components/CategoryResponse/evaluationOptions.d.ts +10 -10
- package/dist/types/components/CategoryResponse/index.d.ts +9 -9
- package/dist/types/components/DatePicker/DatePicker.stories.d.ts +5 -5
- package/dist/types/components/DatePicker/index.d.ts +8 -8
- package/dist/types/components/DatePickerTag/DatePickerTag.stories.d.ts +5 -5
- package/dist/types/components/DatePickerTag/index.d.ts +6 -6
- package/dist/types/components/Footer/Footer.stories.d.ts +5 -5
- package/dist/types/components/Footer/index.d.ts +4 -4
- package/dist/types/components/Input/Input.stories.d.ts +5 -5
- package/dist/types/components/Input/index.d.ts +10 -10
- package/dist/types/components/InputCountryCode/index.d.ts +10 -10
- package/dist/types/components/InputCountryCode/inputCountryCode.stories.d.ts +5 -5
- package/dist/types/components/Label/Label.stories.d.ts +6 -6
- package/dist/types/components/Label/index.d.ts +7 -7
- package/dist/types/components/Link/Link.stories.d.ts +7 -7
- package/dist/types/components/Link/index.d.ts +7 -7
- package/dist/types/components/Menu/Menu.stories.d.ts +5 -5
- package/dist/types/components/Menu/helpers/codeMutation.d.ts +4 -4
- package/dist/types/components/Menu/index.d.ts +3 -2
- package/dist/types/components/ModalConfirmation/ModalConfirmation.stories.d.ts +5 -5
- package/dist/types/components/ModalConfirmation/ModalStatusList.d.ts +5 -5
- package/dist/types/components/ModalConfirmation/index.d.ts +9 -9
- package/dist/types/components/ModalWithTable/ModalWithTable.stories.d.ts +5 -5
- package/dist/types/components/ModalWithTable/index.d.ts +13 -13
- package/dist/types/components/Navigation/Navigation.stories.d.ts +5 -5
- package/dist/types/components/Navigation/index.d.ts +10 -10
- package/dist/types/components/Notification/Notification.stories.d.ts +5 -5
- package/dist/types/components/Notification/index.d.ts +9 -9
- package/dist/types/components/Questions/Questions.stories.d.ts +4 -4
- package/dist/types/components/Questions/SingleQuestion/index.d.ts +1 -1
- package/dist/types/components/Questions/index.d.ts +5 -5
- package/dist/types/components/Radio/Radio.stories.d.ts +5 -5
- package/dist/types/components/Radio/index.d.ts +10 -10
- package/dist/types/components/Select/Select.stories.d.ts +6 -6
- package/dist/types/components/Select/index.d.ts +5 -5
- package/dist/types/components/Separator/Separator.stories.d.ts +6 -6
- package/dist/types/components/Separator/index.d.ts +11 -11
- package/dist/types/components/Sidebar/Sidebar.stories.d.ts +6 -6
- package/dist/types/components/Sidebar/index.d.ts +15 -15
- package/dist/types/components/Switch/Switch.stories.d.ts +5 -5
- package/dist/types/components/Switch/index.d.ts +2 -2
- package/dist/types/components/Table/Table.stories.d.ts +9 -9
- package/dist/types/components/Table/index.d.ts +37 -37
- package/dist/types/components/Tag/Tag.stories.d.ts +5 -5
- package/dist/types/components/Tag/index.d.ts +8 -8
- package/dist/types/components/Upload/Upload.stories.d.ts +4 -4
- package/dist/types/components/Upload/index.d.ts +8 -8
- package/dist/types/components/UserInfo/UserInfo.stories.d.ts +4 -4
- package/dist/types/components/UserInfo/index.d.ts +8 -8
- package/dist/types/components/index.d.ts +25 -25
- package/dist/types/constants/i18n.d.ts +1 -1
- package/dist/types/constants/translationHelper.d.ts +2 -2
- package/dist/types/index.d.ts +2 -2
- package/package.json +198 -198
- package/src/assets/scss/_global.scss +89 -89
- package/src/assets/scss/index.scss +2 -2
- package/src/components/AnalyticsBar/AnalyticsBar.stories.tsx +236 -236
- package/src/components/AnalyticsBar/helpers/codeMutation.tsx +19 -19
- package/src/components/AnalyticsBar/index.tsx +76 -76
- package/src/components/AnalyticsBar/interfaces/analyticsBar.tsx +13 -13
- package/src/components/AnalyticsBar/styles.module.scss +108 -108
- package/src/components/Button/Button.stories.tsx +26 -26
- package/src/components/Button/index.tsx +24 -24
- package/src/components/Button/styles.module.scss +65 -65
- package/src/components/Category/Category.stories.tsx +88 -88
- package/src/components/Category/CategoryContent/index.tsx +188 -188
- package/src/components/Category/CategoryContent/styles.module.scss +51 -51
- package/src/components/Category/CategorySidebar/index.tsx +268 -268
- package/src/components/Category/CategorySidebar/styles.module.scss +28 -28
- package/src/components/Category/index.tsx +76 -76
- package/src/components/Category/styles.module.scss +13 -13
- package/src/components/CategoryReadOnly/CategoryReadOnly.stories.tsx +270 -270
- package/src/components/CategoryReadOnly/evaluationOptions.tsx +81 -81
- package/src/components/CategoryReadOnly/index.tsx +254 -254
- package/src/components/CategoryReadOnly/styles.module.scss +184 -184
- package/src/components/CategoryResponse/CategoryResponse.stories.tsx +251 -251
- package/src/components/CategoryResponse/evaluationOptions.tsx +81 -81
- package/src/components/CategoryResponse/index.tsx +277 -277
- package/src/components/CategoryResponse/styles.module.scss +180 -180
- package/src/components/DatePicker/DatePicker.stories.tsx +16 -16
- package/src/components/DatePicker/index.tsx +38 -38
- package/src/components/DatePicker/styles.module.scss +3 -3
- package/src/components/DatePickerTag/DatePickerTag.stories.tsx +19 -19
- package/src/components/DatePickerTag/index.tsx +89 -89
- package/src/components/DatePickerTag/styles.module.scss +31 -31
- package/src/components/Footer/Footer.stories.tsx +14 -14
- package/src/components/Footer/index.tsx +38 -38
- package/src/components/Footer/styles.module.scss +38 -38
- package/src/components/Input/Input.stories.tsx +13 -13
- package/src/components/Input/index.tsx +31 -31
- package/src/components/Input/styles.module.scss +8 -8
- package/src/components/InputCountryCode/index.tsx +75 -75
- package/src/components/InputCountryCode/inputCountryCode.stories.tsx +55 -55
- package/src/components/InputCountryCode/styles.module.scss +3 -3
- package/src/components/Label/Label.stories.tsx +21 -21
- package/src/components/Label/index.tsx +19 -19
- package/src/components/Label/styles.module.scss +16 -16
- package/src/components/Link/Link.stories.tsx +30 -30
- package/src/components/Link/index.tsx +21 -21
- package/src/components/Link/styles.module.scss +24 -24
- package/src/components/Menu/Menu.stories.tsx +178 -178
- package/src/components/Menu/helpers/codeMutation.tsx +19 -19
- package/src/components/Menu/index.tsx +23 -23
- package/src/components/ModalConfirmation/ModalConfirmation.stories.tsx +40 -40
- package/src/components/ModalConfirmation/ModalStatusList.tsx +5 -5
- package/src/components/ModalConfirmation/index.tsx +70 -70
- package/src/components/ModalConfirmation/styles.module.scss +62 -62
- package/src/components/ModalWithTable/ModalWithTable.stories.tsx +96 -96
- package/src/components/ModalWithTable/index.tsx +232 -232
- package/src/components/ModalWithTable/styles.module.scss +77 -77
- package/src/components/Navigation/Navigation.stories.tsx +17 -17
- package/src/components/Navigation/index.tsx +33 -33
- package/src/components/Navigation/styles.module.scss +59 -59
- package/src/components/Notification/Notification.stories.tsx +29 -29
- package/src/components/Notification/index.tsx +21 -21
- package/src/components/Questions/Questions.stories.tsx +37 -37
- package/src/components/Questions/SingleQuestion/index.tsx +84 -84
- package/src/components/Questions/SingleQuestion/styles.module.scss +81 -81
- package/src/components/Questions/index.tsx +78 -78
- package/src/components/Radio/Radio.stories.tsx +43 -43
- package/src/components/Radio/index.tsx +26 -26
- package/src/components/Radio/styles.module.scss +23 -23
- package/src/components/Select/Select.stories.tsx +39 -39
- package/src/components/Select/index.tsx +27 -27
- package/src/components/Select/styles.module.scss +13 -13
- package/src/components/Separator/Separator.stories.tsx +22 -22
- package/src/components/Separator/index.tsx +27 -27
- package/src/components/Separator/styles.module.scss +25 -25
- package/src/components/Sidebar/Sidebar.stories.tsx +85 -85
- package/src/components/Sidebar/index.tsx +103 -103
- package/src/components/Sidebar/styles.module.scss +85 -85
- package/src/components/Switch/Switch.stories.tsx +14 -14
- package/src/components/Switch/index.tsx +8 -8
- package/src/components/Switch/styles.module.scss +7 -7
- package/src/components/Table/Table.stories.tsx +222 -222
- package/src/components/Table/index.tsx +279 -275
- package/src/components/Table/styles.module.scss +75 -75
- package/src/components/Tag/Tag.stories.tsx +22 -22
- package/src/components/Tag/index.tsx +189 -189
- package/src/components/Tag/styles.module.scss +60 -60
- package/src/components/Upload/Upload.stories.tsx +45 -45
- package/src/components/Upload/index.tsx +91 -91
- package/src/components/UserInfo/UserInfo.stories.tsx +37 -37
- package/src/components/UserInfo/index.tsx +62 -62
- package/src/components/UserInfo/styles.module.scss +29 -29
- package/src/components/index.tsx +25 -25
- package/src/constants/i18n.ts +25 -25
- package/src/constants/translationHelper.ts +7 -7
- package/src/index.ts +2 -2
- package/src/locales/en.json +86 -86
- package/src/locales/es.json +86 -86
- package/src/locales/pt.json +86 -86
- package/src/types/Global.d.ts +4 -4
- package/tsconfig.json +29 -29
- package/webpack.config.js +51 -51
package/.storybook/main.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
"stories": [
|
|
3
|
-
"../src/**/*.stories.mdx",
|
|
4
|
-
"../src/**/*.stories.@(js|jsx|ts|tsx)"
|
|
5
|
-
],
|
|
6
|
-
"addons": [
|
|
7
|
-
"@storybook/addon-links",
|
|
8
|
-
"@storybook/addon-essentials",
|
|
9
|
-
"@storybook/addon-interactions",
|
|
10
|
-
"@storybook/preset-create-react-app",
|
|
11
|
-
],
|
|
12
|
-
"framework": "@storybook/react",
|
|
13
|
-
"core": {
|
|
14
|
-
"builder": "@storybook/builder-webpack5"
|
|
15
|
-
}
|
|
16
|
-
}
|
|
1
|
+
module.exports = {
|
|
2
|
+
"stories": [
|
|
3
|
+
"../src/**/*.stories.mdx",
|
|
4
|
+
"../src/**/*.stories.@(js|jsx|ts|tsx)"
|
|
5
|
+
],
|
|
6
|
+
"addons": [
|
|
7
|
+
"@storybook/addon-links",
|
|
8
|
+
"@storybook/addon-essentials",
|
|
9
|
+
"@storybook/addon-interactions",
|
|
10
|
+
"@storybook/preset-create-react-app",
|
|
11
|
+
],
|
|
12
|
+
"framework": "@storybook/react",
|
|
13
|
+
"core": {
|
|
14
|
+
"builder": "@storybook/builder-webpack5"
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
<!-- preview-head.html: Overrides content of preview IFRAME HTML page's <head> tag, affecting rendered component(s) below Canvas and Docs tabs. -->
|
|
2
|
-
<!-- Link tag that points to Roboto font resolves to src/assets/fonts/ folder based on start command defined with '-s src/assets' parameter in package.json. -->
|
|
3
|
-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap">
|
|
4
|
-
<style>
|
|
5
|
-
@font-face {
|
|
6
|
-
font-family: 'Silka';
|
|
7
|
-
font-weight: normal;
|
|
8
|
-
src: url(../src/assets/fonts/Silka-Regular.woff2);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
@font-face {
|
|
12
|
-
font-family: 'Silka';
|
|
13
|
-
font-weight: Bold;
|
|
14
|
-
src: url(../src/assets/fonts/Silka-Bold.woff2);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
body {
|
|
18
|
-
font-family: 'Silka', sans-serif;
|
|
19
|
-
}
|
|
20
|
-
</style>
|
|
1
|
+
<!-- preview-head.html: Overrides content of preview IFRAME HTML page's <head> tag, affecting rendered component(s) below Canvas and Docs tabs. -->
|
|
2
|
+
<!-- Link tag that points to Roboto font resolves to src/assets/fonts/ folder based on start command defined with '-s src/assets' parameter in package.json. -->
|
|
3
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap">
|
|
4
|
+
<style>
|
|
5
|
+
@font-face {
|
|
6
|
+
font-family: 'Silka';
|
|
7
|
+
font-weight: normal;
|
|
8
|
+
src: url(../src/assets/fonts/Silka-Regular.woff2);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@font-face {
|
|
12
|
+
font-family: 'Silka';
|
|
13
|
+
font-weight: Bold;
|
|
14
|
+
src: url(../src/assets/fonts/Silka-Bold.woff2);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
body {
|
|
18
|
+
font-family: 'Silka', sans-serif;
|
|
19
|
+
}
|
|
20
|
+
</style>
|
package/.storybook/preview.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import '../src/assets/scss/index.scss';
|
|
2
|
-
import { mergei18n } from '../src/constants/i18n.ts';
|
|
3
|
-
|
|
4
|
-
mergei18n({
|
|
5
|
-
en: {
|
|
6
|
-
translation: {
|
|
7
|
-
"application": {
|
|
8
|
-
"buttonText": "Go"
|
|
9
|
-
},
|
|
10
|
-
"navigation": {
|
|
11
|
-
"home": "Home",
|
|
12
|
-
"logout": "Logout"
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
export const parameters = {
|
|
19
|
-
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
20
|
-
controls: {
|
|
21
|
-
matchers: {
|
|
22
|
-
color: /(background|color)$/i,
|
|
23
|
-
date: /Date$/,
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
layout: 'fullscreen',
|
|
27
|
-
}
|
|
1
|
+
import '../src/assets/scss/index.scss';
|
|
2
|
+
import { mergei18n } from '../src/constants/i18n.ts';
|
|
3
|
+
|
|
4
|
+
mergei18n({
|
|
5
|
+
en: {
|
|
6
|
+
translation: {
|
|
7
|
+
"application": {
|
|
8
|
+
"buttonText": "Go"
|
|
9
|
+
},
|
|
10
|
+
"navigation": {
|
|
11
|
+
"home": "Home",
|
|
12
|
+
"logout": "Logout"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
export const parameters = {
|
|
19
|
+
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
20
|
+
controls: {
|
|
21
|
+
matchers: {
|
|
22
|
+
color: /(background|color)$/i,
|
|
23
|
+
date: /Date$/,
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
layout: 'fullscreen',
|
|
27
|
+
}
|
package/NPMPUBLISH.md
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
## How to Publish a Package on npm
|
|
2
|
-
|
|
3
|
-
Follow these steps to publish your package on npm:
|
|
4
|
-
|
|
5
|
-
1. **Set up your package**
|
|
6
|
-
|
|
7
|
-
Navigate to your project directory in the terminal. If you don't have a `package.json` file, create one by running `npm init` and fill out the prompts. If you want to skip the prompts and use the default configuration, run `npm init -y`.
|
|
8
|
-
|
|
9
|
-
2. **Create your package**
|
|
10
|
-
|
|
11
|
-
Write your package code and make sure it works as expected. Update the `main` entry in your `package.json` file to point to your package entry point (like `index.js`).
|
|
12
|
-
|
|
13
|
-
3. **Login to npm**
|
|
14
|
-
|
|
15
|
-
If you're not logged into npm, login via the terminal using `npm login`. If you don't have an account, sign up on the npm website. You'll be prompted to enter your username, password, and email.
|
|
16
|
-
|
|
17
|
-
4. **Version your package**
|
|
18
|
-
|
|
19
|
-
Decide your package version. npm uses semantic versioning, or `semver`. If you're publishing for the first time, it's likely already at version `1.0.0` or whatever you set during `npm init`. If you're updating, update the version number in `package.json` or use `npm version <update_type>`, replacing `<update_type>` with `patch`, `minor`, or `major` as appropriate.
|
|
20
|
-
|
|
21
|
-
5. **Publish your package**
|
|
22
|
-
|
|
23
|
-
Publish your package using `npm publish`. Your package will then be publicly available on npm.
|
|
24
|
-
|
|
25
|
-
6. **Verify your package**
|
|
26
|
-
|
|
27
|
-
Check that your package is available by going to `https://www.npmjs.com/package/<your-package-name>`, replacing `<your-package-name>` with the name of your package.
|
|
28
|
-
|
|
29
|
-
Remember, to publish updates, update the version number in your `package.json` file or use the `npm version` command, then run `npm publish` again.
|
|
1
|
+
## How to Publish a Package on npm
|
|
2
|
+
|
|
3
|
+
Follow these steps to publish your package on npm:
|
|
4
|
+
|
|
5
|
+
1. **Set up your package**
|
|
6
|
+
|
|
7
|
+
Navigate to your project directory in the terminal. If you don't have a `package.json` file, create one by running `npm init` and fill out the prompts. If you want to skip the prompts and use the default configuration, run `npm init -y`.
|
|
8
|
+
|
|
9
|
+
2. **Create your package**
|
|
10
|
+
|
|
11
|
+
Write your package code and make sure it works as expected. Update the `main` entry in your `package.json` file to point to your package entry point (like `index.js`).
|
|
12
|
+
|
|
13
|
+
3. **Login to npm**
|
|
14
|
+
|
|
15
|
+
If you're not logged into npm, login via the terminal using `npm login`. If you don't have an account, sign up on the npm website. You'll be prompted to enter your username, password, and email.
|
|
16
|
+
|
|
17
|
+
4. **Version your package**
|
|
18
|
+
|
|
19
|
+
Decide your package version. npm uses semantic versioning, or `semver`. If you're publishing for the first time, it's likely already at version `1.0.0` or whatever you set during `npm init`. If you're updating, update the version number in `package.json` or use `npm version <update_type>`, replacing `<update_type>` with `patch`, `minor`, or `major` as appropriate.
|
|
20
|
+
|
|
21
|
+
5. **Publish your package**
|
|
22
|
+
|
|
23
|
+
Publish your package using `npm publish`. Your package will then be publicly available on npm.
|
|
24
|
+
|
|
25
|
+
6. **Verify your package**
|
|
26
|
+
|
|
27
|
+
Check that your package is available by going to `https://www.npmjs.com/package/<your-package-name>`, replacing `<your-package-name>` with the name of your package.
|
|
28
|
+
|
|
29
|
+
Remember, to publish updates, update the version number in your `package.json` file or use the `npm version` command, then run `npm publish` again.
|
package/README.md
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
# Release Note
|
|
2
|
-
Release 06 February
|
|
3
|
-
|
|
4
|
-
New + Improved:
|
|
5
|
-
Add the default components for the Omnium applications.
|
|
6
|
-
|
|
7
|
-
# Getting Started with Create React App
|
|
8
|
-
|
|
9
|
-
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
|
|
10
|
-
|
|
11
|
-
## Available Scripts
|
|
12
|
-
|
|
13
|
-
In the project directory, you can run:
|
|
14
|
-
|
|
15
|
-
### `yarn start`
|
|
16
|
-
|
|
17
|
-
Runs the app in the development mode.\
|
|
18
|
-
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
|
|
19
|
-
|
|
20
|
-
The page will reload if you make edits.\
|
|
21
|
-
You will also see any lint errors in the console.
|
|
22
|
-
|
|
23
|
-
### `yarn test`
|
|
24
|
-
|
|
25
|
-
Launches the test runner in the interactive watch mode.\
|
|
26
|
-
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
|
|
27
|
-
|
|
28
|
-
### `yarn build`
|
|
29
|
-
|
|
30
|
-
Builds the app for production to the `build` folder.\
|
|
31
|
-
It correctly bundles React in production mode and optimizes the build for the best performance.
|
|
32
|
-
|
|
33
|
-
The build is minified and the filenames include the hashes.\
|
|
34
|
-
Your app is ready to be deployed!
|
|
35
|
-
|
|
36
|
-
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
|
|
37
|
-
|
|
38
|
-
### `yarn eject`
|
|
39
|
-
|
|
40
|
-
**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
|
|
41
|
-
|
|
42
|
-
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
|
|
43
|
-
|
|
44
|
-
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
|
|
45
|
-
|
|
46
|
-
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
|
|
47
|
-
|
|
48
|
-
## Learn More
|
|
49
|
-
|
|
50
|
-
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
|
|
51
|
-
|
|
52
|
-
To learn React, check out the [React documentation](https://reactjs.org/).
|
|
53
|
-
|
|
54
|
-
|
|
1
|
+
# Release Note
|
|
2
|
+
Release 06 February
|
|
3
|
+
|
|
4
|
+
New + Improved:
|
|
5
|
+
Add the default components for the Omnium applications.
|
|
6
|
+
|
|
7
|
+
# Getting Started with Create React App
|
|
8
|
+
|
|
9
|
+
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
|
|
10
|
+
|
|
11
|
+
## Available Scripts
|
|
12
|
+
|
|
13
|
+
In the project directory, you can run:
|
|
14
|
+
|
|
15
|
+
### `yarn start`
|
|
16
|
+
|
|
17
|
+
Runs the app in the development mode.\
|
|
18
|
+
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
|
|
19
|
+
|
|
20
|
+
The page will reload if you make edits.\
|
|
21
|
+
You will also see any lint errors in the console.
|
|
22
|
+
|
|
23
|
+
### `yarn test`
|
|
24
|
+
|
|
25
|
+
Launches the test runner in the interactive watch mode.\
|
|
26
|
+
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
|
|
27
|
+
|
|
28
|
+
### `yarn build`
|
|
29
|
+
|
|
30
|
+
Builds the app for production to the `build` folder.\
|
|
31
|
+
It correctly bundles React in production mode and optimizes the build for the best performance.
|
|
32
|
+
|
|
33
|
+
The build is minified and the filenames include the hashes.\
|
|
34
|
+
Your app is ready to be deployed!
|
|
35
|
+
|
|
36
|
+
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
|
|
37
|
+
|
|
38
|
+
### `yarn eject`
|
|
39
|
+
|
|
40
|
+
**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
|
|
41
|
+
|
|
42
|
+
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
|
|
43
|
+
|
|
44
|
+
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
|
|
45
|
+
|
|
46
|
+
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
|
|
47
|
+
|
|
48
|
+
## Learn More
|
|
49
|
+
|
|
50
|
+
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
|
|
51
|
+
|
|
52
|
+
To learn React, check out the [React documentation](https://reactjs.org/).
|
|
53
|
+
|
|
54
|
+
|
package/bitbucket-pipelines.yml
CHANGED
|
@@ -1,95 +1,95 @@
|
|
|
1
|
-
pipelines:
|
|
2
|
-
pull-requests:
|
|
3
|
-
'**':
|
|
4
|
-
- step:
|
|
5
|
-
name: Build and Test
|
|
6
|
-
image: atlassian/default-image:3
|
|
7
|
-
caches:
|
|
8
|
-
- node
|
|
9
|
-
script:
|
|
10
|
-
- npm install
|
|
11
|
-
# - npm test
|
|
12
|
-
branches:
|
|
13
|
-
master:
|
|
14
|
-
- step:
|
|
15
|
-
name: Updating S3 Bucket (Dev)
|
|
16
|
-
image:
|
|
17
|
-
name: 170530511278.dkr.ecr.eu-west-1.amazonaws.com/nodejs-awscli:1.0
|
|
18
|
-
aws:
|
|
19
|
-
access-key: $AWS_ACCESS_KEY_ID_PROD
|
|
20
|
-
secret-key: $AWS_SECRET_ACCESS_KEY_PROD
|
|
21
|
-
script:
|
|
22
|
-
- export AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID_DEV}
|
|
23
|
-
- export AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY_DEV}
|
|
24
|
-
- export REACT_APP_API_ENDPOINT=$API_ENDPOINT_DEV
|
|
25
|
-
- export REACT_APP_API_ENDPOINT_PATH=$API_ENDPOINT_PATH_DEV
|
|
26
|
-
- export REACT_APP_TOKEN=$TOKEN_DEV
|
|
27
|
-
- sed -i "s/changeToBucketName/$WEBSITE_BUCKET_DEV/g" package.json
|
|
28
|
-
- yarn install
|
|
29
|
-
- yarn build-storybook
|
|
30
|
-
- yarn deploy
|
|
31
|
-
release/*:
|
|
32
|
-
- step:
|
|
33
|
-
name: Build and Test
|
|
34
|
-
image: atlassian/default-image:3
|
|
35
|
-
caches:
|
|
36
|
-
- node
|
|
37
|
-
script:
|
|
38
|
-
- npm install
|
|
39
|
-
# - npm test
|
|
40
|
-
- step:
|
|
41
|
-
name: Updating S3 Bucket (Release)
|
|
42
|
-
image:
|
|
43
|
-
name: 170530511278.dkr.ecr.eu-west-1.amazonaws.com/nodejs-awscli:1.0
|
|
44
|
-
aws:
|
|
45
|
-
access-key: $AWS_ACCESS_KEY_ID_PROD
|
|
46
|
-
secret-key: $AWS_SECRET_ACCESS_KEY_PROD
|
|
47
|
-
script:
|
|
48
|
-
- export AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID_RELEASE}
|
|
49
|
-
- export AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY_RELEASE}
|
|
50
|
-
- export REACT_APP_API_ENDPOINT=$API_ENDPOINT_RELEASE
|
|
51
|
-
- export REACT_APP_API_ENDPOINT_PATH=$API_ENDPOINT_PATH_RELEASE
|
|
52
|
-
- export REACT_APP_TOKEN=$TOKEN_RELEASE
|
|
53
|
-
- sed -i "s/changeToBucketName/$WEBSITE_BUCKET_RELEASE/g" package.json
|
|
54
|
-
- yarn install
|
|
55
|
-
- yarn build
|
|
56
|
-
- yarn deploy
|
|
57
|
-
- step:
|
|
58
|
-
name: Updating S3 Bucket (Platform)
|
|
59
|
-
trigger: manual
|
|
60
|
-
image:
|
|
61
|
-
name: 170530511278.dkr.ecr.eu-west-1.amazonaws.com/nodejs-awscli:1.0
|
|
62
|
-
aws:
|
|
63
|
-
access-key: $AWS_ACCESS_KEY_ID_PROD
|
|
64
|
-
secret-key: $AWS_SECRET_ACCESS_KEY_PROD
|
|
65
|
-
script:
|
|
66
|
-
- export AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID_PLATFORM}
|
|
67
|
-
- export AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY_PLATFORM}
|
|
68
|
-
- export REACT_APP_API_ENDPOINT=$API_ENDPOINT_PLATFORM
|
|
69
|
-
- export REACT_APP_API_ENDPOINT_PATH=$API_ENDPOINT_PATH_PLATFORM
|
|
70
|
-
- export REACT_APP_TOKEN=$TOKEN_PLATFORM
|
|
71
|
-
- sed -i "s/changeToBucketName/$WEBSITE_BUCKET_PLATFORM/g" package.json
|
|
72
|
-
- yarn install
|
|
73
|
-
- unset CI
|
|
74
|
-
- yarn build
|
|
75
|
-
- yarn deploy
|
|
76
|
-
custom:
|
|
77
|
-
Deploy to platform:
|
|
78
|
-
- step:
|
|
79
|
-
name: Updating S3 Bucket (Platform)
|
|
80
|
-
image:
|
|
81
|
-
name: 170530511278.dkr.ecr.eu-west-1.amazonaws.com/nodejs-awscli:1.0
|
|
82
|
-
aws:
|
|
83
|
-
access-key: $AWS_ACCESS_KEY_ID_PROD
|
|
84
|
-
secret-key: $AWS_SECRET_ACCESS_KEY_PROD
|
|
85
|
-
script:
|
|
86
|
-
- export AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID_PLATFORM}
|
|
87
|
-
- export AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY_PLATFORM}
|
|
88
|
-
- export REACT_APP_API_ENDPOINT=$API_ENDPOINT_PLATFORM
|
|
89
|
-
- export REACT_APP_API_ENDPOINT_PATH=$API_ENDPOINT_PATH_PLATFORM
|
|
90
|
-
- export REACT_APP_TOKEN=$TOKEN_PLATFORM
|
|
91
|
-
- sed -i "s/changeToBucketName/$WEBSITE_BUCKET_PLATFORM/g" package.json
|
|
92
|
-
- yarn install
|
|
93
|
-
- unset CI
|
|
94
|
-
- yarn build
|
|
1
|
+
pipelines:
|
|
2
|
+
pull-requests:
|
|
3
|
+
'**':
|
|
4
|
+
- step:
|
|
5
|
+
name: Build and Test
|
|
6
|
+
image: atlassian/default-image:3
|
|
7
|
+
caches:
|
|
8
|
+
- node
|
|
9
|
+
script:
|
|
10
|
+
- npm install
|
|
11
|
+
# - npm test
|
|
12
|
+
branches:
|
|
13
|
+
master:
|
|
14
|
+
- step:
|
|
15
|
+
name: Updating S3 Bucket (Dev)
|
|
16
|
+
image:
|
|
17
|
+
name: 170530511278.dkr.ecr.eu-west-1.amazonaws.com/nodejs-awscli:1.0
|
|
18
|
+
aws:
|
|
19
|
+
access-key: $AWS_ACCESS_KEY_ID_PROD
|
|
20
|
+
secret-key: $AWS_SECRET_ACCESS_KEY_PROD
|
|
21
|
+
script:
|
|
22
|
+
- export AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID_DEV}
|
|
23
|
+
- export AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY_DEV}
|
|
24
|
+
- export REACT_APP_API_ENDPOINT=$API_ENDPOINT_DEV
|
|
25
|
+
- export REACT_APP_API_ENDPOINT_PATH=$API_ENDPOINT_PATH_DEV
|
|
26
|
+
- export REACT_APP_TOKEN=$TOKEN_DEV
|
|
27
|
+
- sed -i "s/changeToBucketName/$WEBSITE_BUCKET_DEV/g" package.json
|
|
28
|
+
- yarn install
|
|
29
|
+
- yarn build-storybook
|
|
30
|
+
- yarn deploy
|
|
31
|
+
release/*:
|
|
32
|
+
- step:
|
|
33
|
+
name: Build and Test
|
|
34
|
+
image: atlassian/default-image:3
|
|
35
|
+
caches:
|
|
36
|
+
- node
|
|
37
|
+
script:
|
|
38
|
+
- npm install
|
|
39
|
+
# - npm test
|
|
40
|
+
- step:
|
|
41
|
+
name: Updating S3 Bucket (Release)
|
|
42
|
+
image:
|
|
43
|
+
name: 170530511278.dkr.ecr.eu-west-1.amazonaws.com/nodejs-awscli:1.0
|
|
44
|
+
aws:
|
|
45
|
+
access-key: $AWS_ACCESS_KEY_ID_PROD
|
|
46
|
+
secret-key: $AWS_SECRET_ACCESS_KEY_PROD
|
|
47
|
+
script:
|
|
48
|
+
- export AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID_RELEASE}
|
|
49
|
+
- export AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY_RELEASE}
|
|
50
|
+
- export REACT_APP_API_ENDPOINT=$API_ENDPOINT_RELEASE
|
|
51
|
+
- export REACT_APP_API_ENDPOINT_PATH=$API_ENDPOINT_PATH_RELEASE
|
|
52
|
+
- export REACT_APP_TOKEN=$TOKEN_RELEASE
|
|
53
|
+
- sed -i "s/changeToBucketName/$WEBSITE_BUCKET_RELEASE/g" package.json
|
|
54
|
+
- yarn install
|
|
55
|
+
- yarn build
|
|
56
|
+
- yarn deploy
|
|
57
|
+
- step:
|
|
58
|
+
name: Updating S3 Bucket (Platform)
|
|
59
|
+
trigger: manual
|
|
60
|
+
image:
|
|
61
|
+
name: 170530511278.dkr.ecr.eu-west-1.amazonaws.com/nodejs-awscli:1.0
|
|
62
|
+
aws:
|
|
63
|
+
access-key: $AWS_ACCESS_KEY_ID_PROD
|
|
64
|
+
secret-key: $AWS_SECRET_ACCESS_KEY_PROD
|
|
65
|
+
script:
|
|
66
|
+
- export AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID_PLATFORM}
|
|
67
|
+
- export AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY_PLATFORM}
|
|
68
|
+
- export REACT_APP_API_ENDPOINT=$API_ENDPOINT_PLATFORM
|
|
69
|
+
- export REACT_APP_API_ENDPOINT_PATH=$API_ENDPOINT_PATH_PLATFORM
|
|
70
|
+
- export REACT_APP_TOKEN=$TOKEN_PLATFORM
|
|
71
|
+
- sed -i "s/changeToBucketName/$WEBSITE_BUCKET_PLATFORM/g" package.json
|
|
72
|
+
- yarn install
|
|
73
|
+
- unset CI
|
|
74
|
+
- yarn build
|
|
75
|
+
- yarn deploy
|
|
76
|
+
custom:
|
|
77
|
+
Deploy to platform:
|
|
78
|
+
- step:
|
|
79
|
+
name: Updating S3 Bucket (Platform)
|
|
80
|
+
image:
|
|
81
|
+
name: 170530511278.dkr.ecr.eu-west-1.amazonaws.com/nodejs-awscli:1.0
|
|
82
|
+
aws:
|
|
83
|
+
access-key: $AWS_ACCESS_KEY_ID_PROD
|
|
84
|
+
secret-key: $AWS_SECRET_ACCESS_KEY_PROD
|
|
85
|
+
script:
|
|
86
|
+
- export AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID_PLATFORM}
|
|
87
|
+
- export AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY_PLATFORM}
|
|
88
|
+
- export REACT_APP_API_ENDPOINT=$API_ENDPOINT_PLATFORM
|
|
89
|
+
- export REACT_APP_API_ENDPOINT_PATH=$API_ENDPOINT_PATH_PLATFORM
|
|
90
|
+
- export REACT_APP_TOKEN=$TOKEN_PLATFORM
|
|
91
|
+
- sed -i "s/changeToBucketName/$WEBSITE_BUCKET_PLATFORM/g" package.json
|
|
92
|
+
- yarn install
|
|
93
|
+
- unset CI
|
|
94
|
+
- yarn build
|
|
95
95
|
- yarn deploy
|