@aarhus-university/au-lib-react-components 10.6.0 → 10.9.0

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.
Files changed (97) hide show
  1. package/.eslintrc.js +34 -34
  2. package/.storybook/main.js +20 -7
  3. package/.storybook/preview.js +10 -10
  4. package/README.md +19 -19
  5. package/__tests__/jest/AUButtonComponent.test.tsx +165 -163
  6. package/__tests__/jest/AUErrorComponent.test.tsx +142 -0
  7. package/__tests__/jest/AUModalComponent.test.tsx +186 -0
  8. package/__tests__/jest/AUNotificationComponent.test.tsx +115 -0
  9. package/__tests__/jest/AUSpinnerComponent.test.tsx +57 -57
  10. package/__tests__/jest/AUToolbarComponent.test.tsx +46 -0
  11. package/__tests__/jest/helpers.test.ts +15 -15
  12. package/__tests__/jest/setupTests.ts +2 -2
  13. package/babel.config.js +8 -8
  14. package/build/umd/universe.js.map +1 -1
  15. package/package.json +108 -107
  16. package/src/components/AUAlertComponent.tsx +70 -70
  17. package/src/components/AUAutoSuggestComponent.js +158 -158
  18. package/src/components/AUButtonComponent.tsx +83 -77
  19. package/src/components/AUCalendarComponent.tsx +493 -493
  20. package/src/components/AUContentToggleComponent.tsx +33 -33
  21. package/src/components/AUDatepickerComponent.tsx +117 -117
  22. package/src/components/AUErrorComponent.tsx +78 -0
  23. package/src/components/AUMobilePrefixComponent.tsx +15 -15
  24. package/src/components/AUModalComponent.tsx +64 -80
  25. package/src/components/AUNotificationComponent.tsx +42 -0
  26. package/src/components/AUReceiptComponent.tsx +33 -33
  27. package/src/components/AUSpinnerComponent.tsx +33 -33
  28. package/src/components/AUSubNavComponent.tsx +48 -48
  29. package/src/components/AUSubmitButtonContainerComponent.tsx +31 -31
  30. package/src/components/AUTabbedContentComponent.tsx +145 -145
  31. package/src/components/AUTableComponent.tsx +24 -24
  32. package/src/components/AUToastComponent.tsx +103 -103
  33. package/src/components/AUToolbarComponent.tsx +52 -45
  34. package/src/components/profile/AUProfileActions.js +128 -128
  35. package/src/components/profile/AUProfileAvatarComponent.js +83 -83
  36. package/src/components/profile/AUProfileAvatarV2Component.js +91 -91
  37. package/src/components/profile/AUProfileAvatarV3Component.tsx +42 -42
  38. package/src/components/profile/AUProfileContainerComponent.js +283 -283
  39. package/src/components/profile/AUProfileHooks.js +30 -30
  40. package/src/components/profile/AUProfileItemComponent.js +54 -54
  41. package/src/components/profile/AUProfileLanguageComponent.js +131 -131
  42. package/src/components/profile/AUProfileLoginComponent.tsx +26 -26
  43. package/src/components/profile/AUProfileMailComponent.js +307 -307
  44. package/src/components/profile/AUProfileMobileComponent.js +164 -164
  45. package/src/components/profile/AUProfileNameComponent.js +253 -253
  46. package/src/components/profile/AUProfileNextOfKinComponent.js +216 -216
  47. package/src/components/profile/AUProfileReducer.js +230 -230
  48. package/src/components/profile/AUProfileWidgetComponent.js +95 -95
  49. package/src/components/profile/AUProfileWidgetV2Component.js +116 -116
  50. package/src/components/profile/AUProfileWidgetV3Component.tsx +122 -122
  51. package/src/components/wrapping/AUEmbedComponent.js +47 -47
  52. package/src/layout-2016/components/alphabox/AlphaBoxComponent.js +143 -143
  53. package/src/layout-2016/components/alphabox/AlphaBoxContentComponent.js +136 -136
  54. package/src/layout-2016/components/common/AUCollapsibleComponent.js +152 -152
  55. package/src/layout-2016/components/common/AUSpinnerComponent.js +103 -103
  56. package/src/layout-2016/components/databox/DataBoxAlphabetComponent.js +144 -144
  57. package/src/layout-2016/components/databox/DataBoxAssociationComponent.js +122 -122
  58. package/src/layout-2016/components/databox/DataBoxButtonComponent.js +157 -157
  59. package/src/layout-2016/components/databox/DataBoxComponent.js +297 -297
  60. package/src/layout-2016/components/databox/DataBoxGroupingComponent.js +64 -64
  61. package/src/layout-2016/components/databox/DataBoxSearchResultComponent.js +36 -36
  62. package/src/layout-2016/components/databox/DataBoxStackedAssociationComponent.js +54 -54
  63. package/src/layout-2016/components/databox/DataBoxSuggestionComponent.js +39 -39
  64. package/src/layout-2016/components/diagramme/AUDiagrammeComponent.js +309 -309
  65. package/src/layout-2016/components/flowbox/FlowBoxComponent.js +126 -126
  66. package/src/layout-2016/components/flowbox/FlowBoxPhoneComponent.js +104 -104
  67. package/src/layout-2016/components/profile/AUProfileAvatar2016Component.js +103 -103
  68. package/src/layout-2016/components/universe/StaffTopComponent.js +363 -363
  69. package/src/layout-2016/components/universe/StudentTopComponent.js +137 -137
  70. package/src/layout-2016/components/universe/UniverseContainerComponent.js +65 -65
  71. package/src/layout-2016/lib/all.js +3 -3
  72. package/src/layout-2016/lib/au-alphabox.js +100 -100
  73. package/src/layout-2016/lib/au-databox.js +400 -400
  74. package/src/layout-2016/lib/au-diagramme.js +85 -85
  75. package/src/layout-2016/lib/au-flowbox.js +93 -93
  76. package/src/layout-2016/lib/universe.js +9 -9
  77. package/src/lib/helpers.ts +194 -194
  78. package/src/lib/hooks.ts +37 -33
  79. package/src/lib/i18n.ts +600 -600
  80. package/src/lib/tracking.ts +69 -69
  81. package/src/lib/wrapping.ts +21 -21
  82. package/src/styles/_settings.scss +10 -10
  83. package/src/styles/alphabox.scss +222 -222
  84. package/src/styles/app.scss +7 -7
  85. package/src/styles/autosuggest.scss +57 -57
  86. package/src/styles/databox.scss +563 -563
  87. package/src/styles/diagramme.scss +119 -119
  88. package/src/styles/flowbox.scss +72 -72
  89. package/src/styles/maps.scss +395 -395
  90. package/stories/AUButtonComponent.stories.tsx +85 -85
  91. package/stories/AUErrorComponent.stories.tsx +117 -0
  92. package/stories/AUModalComponent.stories.tsx +92 -0
  93. package/stories/AUNotificationComponent.stories.tsx +116 -0
  94. package/stories/AUSpinnerComponent.stories.tsx +41 -41
  95. package/stories/AUToolbarComponent.stories.tsx +96 -0
  96. package/tsconfig.json +46 -46
  97. package/webpack.config.js +89 -89
package/tsconfig.json CHANGED
@@ -1,47 +1,47 @@
1
- {
2
- "compilerOptions": {
3
- // Target latest version of ECMAScript.
4
- "target": "esnext",
5
- // path to output directory
6
- "outDir": "../wwwroot/js",
7
- // enable strict null checks as a best practice
8
- "strictNullChecks": true,
9
- // Search under node_modules for non-relative imports.
10
- "moduleResolution": "node",
11
- // Process & infer types from .js files.
12
- "allowJs": true,
13
- // Don't emit; allow Babel to transform files.
14
- "noEmit": true,
15
- // Enable strictest settings like strictNullChecks & noImplicitAny.
16
- "strict": true,
17
- // Import non-ES modules as default imports.
18
- "esModuleInterop": true,
19
- // use typescript to transpile jsx to js
20
- "jsx": "react",
21
- "baseUrl": "./src",
22
- "lib": [
23
- "es2015",
24
- "dom.iterable",
25
- "es2016.array.include",
26
- "es2017.object",
27
- "dom"
28
- ],
29
- "module": "es6",
30
- "removeComments": true,
31
- "alwaysStrict": true,
32
- "allowUnreachableCode": false,
33
- "noImplicitAny": false,
34
- "noImplicitThis": true,
35
- "noUnusedLocals": true,
36
- "noUnusedParameters": true,
37
- "noImplicitReturns": true,
38
- "noFallthroughCasesInSwitch": true,
39
- "forceConsistentCasingInFileNames": true,
40
- "importHelpers": true,
41
- "resolveJsonModule": true,
42
- "typeRoots": [
43
- "./node_modules/@types",
44
- "./node_modules/@aarhus-university/types"
45
- ]
46
- },
1
+ {
2
+ "compilerOptions": {
3
+ // Target latest version of ECMAScript.
4
+ "target": "esnext",
5
+ // path to output directory
6
+ "outDir": "../wwwroot/js",
7
+ // enable strict null checks as a best practice
8
+ "strictNullChecks": true,
9
+ // Search under node_modules for non-relative imports.
10
+ "moduleResolution": "node",
11
+ // Process & infer types from .js files.
12
+ "allowJs": true,
13
+ // Don't emit; allow Babel to transform files.
14
+ "noEmit": true,
15
+ // Enable strictest settings like strictNullChecks & noImplicitAny.
16
+ "strict": true,
17
+ // Import non-ES modules as default imports.
18
+ "esModuleInterop": true,
19
+ // use typescript to transpile jsx to js
20
+ "jsx": "react",
21
+ "baseUrl": "./src",
22
+ "lib": [
23
+ "es2015",
24
+ "dom.iterable",
25
+ "es2016.array.include",
26
+ "es2017.object",
27
+ "dom"
28
+ ],
29
+ "module": "es6",
30
+ "removeComments": true,
31
+ "alwaysStrict": true,
32
+ "allowUnreachableCode": false,
33
+ "noImplicitAny": false,
34
+ "noImplicitThis": true,
35
+ "noUnusedLocals": true,
36
+ "noUnusedParameters": true,
37
+ "noImplicitReturns": true,
38
+ "noFallthroughCasesInSwitch": true,
39
+ "forceConsistentCasingInFileNames": true,
40
+ "importHelpers": true,
41
+ "resolveJsonModule": true,
42
+ "typeRoots": [
43
+ "./node_modules/@types",
44
+ "./node_modules/@aarhus-university/types"
45
+ ]
46
+ },
47
47
  }
package/webpack.config.js CHANGED
@@ -1,89 +1,89 @@
1
- /* eslint-disable @typescript-eslint/no-var-requires */
2
- /* eslint-disable import/no-extraneous-dependencies */
3
- const ESLintPlugin = require('eslint-webpack-plugin');
4
- const MiniCssExtractPlugin = require('mini-css-extract-plugin');
5
- const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
6
- const path = require('path');
7
-
8
- // https://github.com/webpack/webpack/issues/4453
9
-
10
- const entries = {
11
- all: './src/layout-2016/lib/all',
12
- alphabox: './src/layout-2016/lib/au-alphabox',
13
- databox: './src/layout-2016/lib/au-databox',
14
- diagramme: './src/layout-2016/lib/au-diagramme',
15
- flowbox: './src/layout-2016/lib/au-flowbox',
16
- universe: './src/layout-2016/lib/universe',
17
- };
18
-
19
- module.exports = Object.entries(entries).map((entry) => ({
20
- mode: 'production',
21
- devtool: 'source-map',
22
- entry: {
23
- [entry[0]]: entry[1],
24
- },
25
- output: {
26
- path: path.resolve(__dirname, './build/umd'),
27
- filename: '[name].js',
28
- libraryTarget: 'umd', // https://webpack.js.org/configuration/output/#output-librarytarget
29
- },
30
- plugins: [
31
- new ESLintPlugin({
32
- fix: true,
33
- }),
34
- new MiniCssExtractPlugin({
35
- filename: 'all.css',
36
- chunkFilename: '[id].css',
37
- }),
38
- new ForkTsCheckerWebpackPlugin(),
39
- ],
40
- resolve: {
41
- extensions: ['.ts', '.tsx', '.js', '.jsx'],
42
- },
43
- module: {
44
- rules: [
45
- {
46
- test: /\.(ts|js)x?$/,
47
- include: path.resolve(__dirname, '.'),
48
- exclude: /(node_modules)/,
49
- use: {
50
- loader: 'babel-loader',
51
- },
52
- },
53
- {
54
- test: /\.(ts|js)x?$/,
55
- include: path.resolve(__dirname, './node_modules/@aarhus-university/au-designsystem-delphinus/source'),
56
- use: {
57
- loader: 'babel-loader',
58
- },
59
- },
60
- {
61
- test: /\.scss/,
62
- include: path.resolve(__dirname, './src/styles'),
63
- sideEffects: true,
64
- use: [
65
- MiniCssExtractPlugin.loader,
66
- { loader: 'css-loader' },
67
- { loader: 'sass-loader' },
68
- ],
69
- },
70
- ],
71
- },
72
- externals: {
73
- moment: 'moment',
74
- react: {
75
- root: 'React',
76
- commonjs2: 'react',
77
- commonjs: 'react',
78
- amd: 'react',
79
- umd: 'react',
80
- },
81
- 'react-dom': {
82
- root: 'ReactDOM',
83
- commonjs2: 'react-dom',
84
- commonjs: 'react-dom',
85
- amd: 'react-dom',
86
- umd: 'react-dom',
87
- },
88
- },
89
- }));
1
+ /* eslint-disable @typescript-eslint/no-var-requires */
2
+ /* eslint-disable import/no-extraneous-dependencies */
3
+ const ESLintPlugin = require('eslint-webpack-plugin');
4
+ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
5
+ const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
6
+ const path = require('path');
7
+
8
+ // https://github.com/webpack/webpack/issues/4453
9
+
10
+ const entries = {
11
+ all: './src/layout-2016/lib/all',
12
+ alphabox: './src/layout-2016/lib/au-alphabox',
13
+ databox: './src/layout-2016/lib/au-databox',
14
+ diagramme: './src/layout-2016/lib/au-diagramme',
15
+ flowbox: './src/layout-2016/lib/au-flowbox',
16
+ universe: './src/layout-2016/lib/universe',
17
+ };
18
+
19
+ module.exports = Object.entries(entries).map((entry) => ({
20
+ mode: 'production',
21
+ devtool: 'source-map',
22
+ entry: {
23
+ [entry[0]]: entry[1],
24
+ },
25
+ output: {
26
+ path: path.resolve(__dirname, './build/umd'),
27
+ filename: '[name].js',
28
+ libraryTarget: 'umd', // https://webpack.js.org/configuration/output/#output-librarytarget
29
+ },
30
+ plugins: [
31
+ new ESLintPlugin({
32
+ fix: true,
33
+ }),
34
+ new MiniCssExtractPlugin({
35
+ filename: 'all.css',
36
+ chunkFilename: '[id].css',
37
+ }),
38
+ new ForkTsCheckerWebpackPlugin(),
39
+ ],
40
+ resolve: {
41
+ extensions: ['.ts', '.tsx', '.js', '.jsx'],
42
+ },
43
+ module: {
44
+ rules: [
45
+ {
46
+ test: /\.(ts|js)x?$/,
47
+ include: path.resolve(__dirname, '.'),
48
+ exclude: /(node_modules)/,
49
+ use: {
50
+ loader: 'babel-loader',
51
+ },
52
+ },
53
+ {
54
+ test: /\.(ts|js)x?$/,
55
+ include: path.resolve(__dirname, './node_modules/@aarhus-university/au-designsystem-delphinus/source'),
56
+ use: {
57
+ loader: 'babel-loader',
58
+ },
59
+ },
60
+ {
61
+ test: /\.scss/,
62
+ include: path.resolve(__dirname, './src/styles'),
63
+ sideEffects: true,
64
+ use: [
65
+ MiniCssExtractPlugin.loader,
66
+ { loader: 'css-loader' },
67
+ { loader: 'sass-loader' },
68
+ ],
69
+ },
70
+ ],
71
+ },
72
+ externals: {
73
+ moment: 'moment',
74
+ react: {
75
+ root: 'React',
76
+ commonjs2: 'react',
77
+ commonjs: 'react',
78
+ amd: 'react',
79
+ umd: 'react',
80
+ },
81
+ 'react-dom': {
82
+ root: 'ReactDOM',
83
+ commonjs2: 'react-dom',
84
+ commonjs: 'react-dom',
85
+ amd: 'react-dom',
86
+ umd: 'react-dom',
87
+ },
88
+ },
89
+ }));