@aarhus-university/au-lib-react-components 12.6.2 → 12.6.3

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 (109) hide show
  1. package/.eslintrc.js +35 -35
  2. package/.storybook/main.js +34 -34
  3. package/.storybook/preview.js +17 -17
  4. package/README.md +19 -19
  5. package/__tests__/jest/AUButtonComponent.test.tsx +165 -165
  6. package/__tests__/jest/AUDynamicContentComponent.test.tsx +386 -386
  7. package/__tests__/jest/AUErrorComponent.test.tsx +142 -142
  8. package/__tests__/jest/AUModalComponent.test.tsx +186 -186
  9. package/__tests__/jest/AUNotificationComponent.test.tsx +115 -115
  10. package/__tests__/jest/AUSpinnerComponent.test.tsx +57 -57
  11. package/__tests__/jest/AUToolbarComponent.test.tsx +46 -46
  12. package/__tests__/jest/context.test.ts +25 -25
  13. package/__tests__/jest/helpers.test.ts +15 -15
  14. package/__tests__/jest/setupTests.ts +2 -2
  15. package/babel.config.js +8 -8
  16. package/build/umd/all.css +2 -2
  17. package/build/umd/all.js +1 -1
  18. package/build/umd/alphabox.js +1 -1
  19. package/build/umd/databox.js +1 -1
  20. package/build/umd/diagramme.js +1 -1
  21. package/build/umd/flowbox.js +1 -1
  22. package/build/umd/flowbox.js.map +1 -1
  23. package/build/umd/universe.js +1 -1
  24. package/build-storybook.log +386 -386
  25. package/esbuild.mjs +22 -22
  26. package/package.json +107 -107
  27. package/src/components/AUAlertComponent.tsx +128 -128
  28. package/src/components/AUAutoSuggestComponent.js +148 -148
  29. package/src/components/AUButtonComponent.tsx +99 -99
  30. package/src/components/AUCalendarComponent.tsx +497 -497
  31. package/src/components/AUCharacterCountComponent.tsx +56 -56
  32. package/src/components/AUComboBoxComponent.tsx +195 -195
  33. package/src/components/AUContentToggleComponent.tsx +50 -50
  34. package/src/components/AUDatepickerComponent.tsx +124 -124
  35. package/src/components/AUDialogModalComponent.tsx +124 -124
  36. package/src/components/AUDynamicContentComponent.tsx +137 -137
  37. package/src/components/AUEditorComponent.tsx +126 -126
  38. package/src/components/AUErrorComponent.tsx +73 -73
  39. package/src/components/AUMobilePrefixComponent.tsx +20 -20
  40. package/src/components/AUModalComponent.tsx +72 -72
  41. package/src/components/AUNotificationComponent.tsx +44 -44
  42. package/src/components/AUReceiptComponent.tsx +34 -34
  43. package/src/components/AUSpinnerComponent.tsx +40 -40
  44. package/src/components/AUStepComponent.tsx +75 -75
  45. package/src/components/AUSubNavComponent.tsx +57 -57
  46. package/src/components/AUSubmitButtonContainerComponent.tsx +38 -38
  47. package/src/components/AUTabbedContentComponent.tsx +154 -154
  48. package/src/components/AUTableComponent.tsx +29 -29
  49. package/src/components/AUToastComponent.tsx +104 -104
  50. package/src/components/AUToolbarComponent.tsx +108 -108
  51. package/src/components/AUTruncatorComponent.tsx +141 -141
  52. package/src/components/wrapping/AUEmbedComponent.js +47 -47
  53. package/src/layout-2016/components/alphabox/AlphaBoxComponent.js +142 -142
  54. package/src/layout-2016/components/alphabox/AlphaBoxContentComponent.js +136 -136
  55. package/src/layout-2016/components/common/AUCollapsibleComponent.js +152 -152
  56. package/src/layout-2016/components/common/AUSpinnerComponent.js +103 -103
  57. package/src/layout-2016/components/databox/DataBoxAlphabetComponent.js +144 -144
  58. package/src/layout-2016/components/databox/DataBoxAssociationComponent.js +122 -122
  59. package/src/layout-2016/components/databox/DataBoxButtonComponent.js +157 -157
  60. package/src/layout-2016/components/databox/DataBoxComponent.js +297 -297
  61. package/src/layout-2016/components/databox/DataBoxGroupingComponent.js +64 -64
  62. package/src/layout-2016/components/databox/DataBoxSearchResultComponent.js +36 -36
  63. package/src/layout-2016/components/databox/DataBoxStackedAssociationComponent.js +54 -54
  64. package/src/layout-2016/components/databox/DataBoxSuggestionComponent.js +39 -39
  65. package/src/layout-2016/components/diagramme/AUDiagrammeComponent.js +309 -309
  66. package/src/layout-2016/components/flowbox/FlowBoxComponent.js +126 -126
  67. package/src/layout-2016/components/flowbox/FlowBoxPhoneComponent.js +104 -104
  68. package/src/layout-2016/lib/all.js +3 -3
  69. package/src/layout-2016/lib/au-alphabox.js +99 -99
  70. package/src/layout-2016/lib/au-databox.js +399 -399
  71. package/src/layout-2016/lib/au-diagramme.js +85 -85
  72. package/src/layout-2016/lib/au-flowbox.js +116 -119
  73. package/src/lib/context.tsx +59 -59
  74. package/src/lib/dates.ts +52 -52
  75. package/src/lib/helpers.ts +208 -208
  76. package/src/lib/hooks.ts +157 -157
  77. package/src/lib/i18n.ts +600 -600
  78. package/src/lib/portals.tsx +150 -150
  79. package/src/lib/tinymce.ts +84 -84
  80. package/src/lib/wrapping.ts +21 -21
  81. package/src/styles/_settings.scss +10 -10
  82. package/src/styles/alphabox.scss +222 -222
  83. package/src/styles/app.scss +7 -7
  84. package/src/styles/autosuggest.scss +57 -57
  85. package/src/styles/databox.scss +563 -563
  86. package/src/styles/diagramme.scss +119 -119
  87. package/src/styles/flowbox.scss +72 -72
  88. package/src/styles/maps.scss +395 -395
  89. package/stories/AUAlertComponent.stories.tsx +133 -133
  90. package/stories/AUAutoSuggestComponent.stories.tsx +95 -95
  91. package/stories/AUButtonComponent.stories.tsx +139 -139
  92. package/stories/AUCharacterCountComponent.stories.tsx +121 -121
  93. package/stories/AUComboBoxComponent.stories.tsx +101 -101
  94. package/stories/AUContentToggleComponent.stories.tsx +87 -87
  95. package/stories/AUDialogModalComponent.stories.tsx +75 -75
  96. package/stories/AUDynamicContentComponent.stories.tsx +119 -119
  97. package/stories/AUEditorComponent.stories.tsx +66 -66
  98. package/stories/AUErrorComponent.stories.tsx +132 -132
  99. package/stories/AUModalComponent.stories.tsx +160 -160
  100. package/stories/AUNotificationComponent.stories.tsx +151 -151
  101. package/stories/AUSpinnerComponent.stories.tsx +44 -44
  102. package/stories/AUStepComponent.stories.tsx +91 -91
  103. package/stories/AUToolbarComponent.stories.tsx +389 -389
  104. package/stories/AUTruncatorComponent.stories.tsx +123 -123
  105. package/stories/lib/helpers.tsx +146 -146
  106. package/tsconfig.json +46 -46
  107. package/webpack.config.js +88 -88
  108. package/.claude/settings.local.json +0 -12
  109. package/.vscode/settings.json +0 -22
package/webpack.config.js CHANGED
@@ -1,88 +1,88 @@
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
- };
17
-
18
- module.exports = Object.entries(entries).map((entry) => ({
19
- mode: 'production',
20
- devtool: 'source-map',
21
- entry: {
22
- [entry[0]]: entry[1],
23
- },
24
- output: {
25
- path: path.resolve(__dirname, './build/umd'),
26
- filename: '[name].js',
27
- libraryTarget: 'umd', // https://webpack.js.org/configuration/output/#output-librarytarget
28
- },
29
- plugins: [
30
- new ESLintPlugin({
31
- fix: true,
32
- }),
33
- new MiniCssExtractPlugin({
34
- filename: 'all.css',
35
- chunkFilename: '[id].css',
36
- }),
37
- new ForkTsCheckerWebpackPlugin(),
38
- ],
39
- resolve: {
40
- extensions: ['.ts', '.tsx', '.js', '.jsx'],
41
- },
42
- module: {
43
- rules: [
44
- {
45
- test: /\.(ts|js)x?$/,
46
- include: path.resolve(__dirname, '.'),
47
- exclude: /(node_modules)/,
48
- use: {
49
- loader: 'babel-loader',
50
- },
51
- },
52
- {
53
- test: /\.(ts|js)x?$/,
54
- include: path.resolve(__dirname, './node_modules/@aarhus-university/au-designsystem-delphinus/source'),
55
- use: {
56
- loader: 'babel-loader',
57
- },
58
- },
59
- {
60
- test: /\.scss/,
61
- include: path.resolve(__dirname, './src/styles'),
62
- sideEffects: true,
63
- use: [
64
- MiniCssExtractPlugin.loader,
65
- { loader: 'css-loader' },
66
- { loader: 'sass-loader' },
67
- ],
68
- },
69
- ],
70
- },
71
- externals: {
72
- moment: 'moment',
73
- react: {
74
- root: 'React',
75
- commonjs2: 'react',
76
- commonjs: 'react',
77
- amd: 'react',
78
- umd: 'react',
79
- },
80
- 'react-dom': {
81
- root: 'ReactDOM',
82
- commonjs2: 'react-dom',
83
- commonjs: 'react-dom',
84
- amd: 'react-dom',
85
- umd: 'react-dom',
86
- },
87
- },
88
- }));
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
+ };
17
+
18
+ module.exports = Object.entries(entries).map((entry) => ({
19
+ mode: 'production',
20
+ devtool: 'source-map',
21
+ entry: {
22
+ [entry[0]]: entry[1],
23
+ },
24
+ output: {
25
+ path: path.resolve(__dirname, './build/umd'),
26
+ filename: '[name].js',
27
+ libraryTarget: 'umd', // https://webpack.js.org/configuration/output/#output-librarytarget
28
+ },
29
+ plugins: [
30
+ new ESLintPlugin({
31
+ fix: true,
32
+ }),
33
+ new MiniCssExtractPlugin({
34
+ filename: 'all.css',
35
+ chunkFilename: '[id].css',
36
+ }),
37
+ new ForkTsCheckerWebpackPlugin(),
38
+ ],
39
+ resolve: {
40
+ extensions: ['.ts', '.tsx', '.js', '.jsx'],
41
+ },
42
+ module: {
43
+ rules: [
44
+ {
45
+ test: /\.(ts|js)x?$/,
46
+ include: path.resolve(__dirname, '.'),
47
+ exclude: /(node_modules)/,
48
+ use: {
49
+ loader: 'babel-loader',
50
+ },
51
+ },
52
+ {
53
+ test: /\.(ts|js)x?$/,
54
+ include: path.resolve(__dirname, './node_modules/@aarhus-university/au-designsystem-delphinus/source'),
55
+ use: {
56
+ loader: 'babel-loader',
57
+ },
58
+ },
59
+ {
60
+ test: /\.scss/,
61
+ include: path.resolve(__dirname, './src/styles'),
62
+ sideEffects: true,
63
+ use: [
64
+ MiniCssExtractPlugin.loader,
65
+ { loader: 'css-loader' },
66
+ { loader: 'sass-loader' },
67
+ ],
68
+ },
69
+ ],
70
+ },
71
+ externals: {
72
+ moment: 'moment',
73
+ react: {
74
+ root: 'React',
75
+ commonjs2: 'react',
76
+ commonjs: 'react',
77
+ amd: 'react',
78
+ umd: 'react',
79
+ },
80
+ 'react-dom': {
81
+ root: 'ReactDOM',
82
+ commonjs2: 'react-dom',
83
+ commonjs: 'react-dom',
84
+ amd: 'react-dom',
85
+ umd: 'react-dom',
86
+ },
87
+ },
88
+ }));
@@ -1,12 +0,0 @@
1
- {
2
- "permissions": {
3
- "allow": [
4
- "Bash(git log:*)",
5
- "Bash(npm run build:*)",
6
- "Bash(sass:*)",
7
- "Bash(npx sass:*)",
8
- "Bash(npm test:*)",
9
- "WebFetch(domain:github.com)"
10
- ]
11
- }
12
- }
@@ -1,22 +0,0 @@
1
- {
2
- "workbench.colorCustomizations": {
3
- "activityBar.activeBackground": "#93e6fc",
4
- "activityBar.background": "#93e6fc",
5
- "activityBar.foreground": "#15202b",
6
- "activityBar.inactiveForeground": "#15202b99",
7
- "activityBarBadge.background": "#fa45d4",
8
- "activityBarBadge.foreground": "#15202b",
9
- "commandCenter.border": "#15202b99",
10
- "sash.hoverBorder": "#93e6fc",
11
- "statusBar.background": "#61dafb",
12
- "statusBar.foreground": "#15202b",
13
- "statusBarItem.hoverBackground": "#2fcefa",
14
- "statusBarItem.remoteBackground": "#61dafb",
15
- "statusBarItem.remoteForeground": "#15202b",
16
- "titleBar.activeBackground": "#61dafb",
17
- "titleBar.activeForeground": "#15202b",
18
- "titleBar.inactiveBackground": "#61dafb99",
19
- "titleBar.inactiveForeground": "#15202b99"
20
- },
21
- "peacock.remoteColor": "#61dafb"
22
- }