@aarhus-university/au-lib-react-components 11.0.0 → 11.1.1

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 (96) hide show
  1. package/.eslintrc.js +34 -34
  2. package/.storybook/main.js +20 -20
  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/AUErrorComponent.test.tsx +142 -142
  7. package/__tests__/jest/AUModalComponent.test.tsx +186 -186
  8. package/__tests__/jest/AUNotificationComponent.test.tsx +115 -115
  9. package/__tests__/jest/AUSpinnerComponent.test.tsx +57 -57
  10. package/__tests__/jest/AUToolbarComponent.test.tsx +46 -46
  11. package/__tests__/jest/context.test.ts +25 -25
  12. package/__tests__/jest/helpers.test.ts +15 -15
  13. package/__tests__/jest/setupTests.ts +2 -2
  14. package/babel.config.js +8 -8
  15. package/build/umd/all.css +2 -2
  16. package/build/umd/all.js +1 -1
  17. package/build/umd/alphabox.js +1 -1
  18. package/build/umd/databox.js +1 -1
  19. package/build/umd/diagramme.js +1 -1
  20. package/build/umd/flowbox.js +1 -1
  21. package/build/umd/universe.js +1 -1
  22. package/build-storybook.log +367 -367
  23. package/package.json +114 -114
  24. package/src/components/AUAlertComponent.tsx +70 -70
  25. package/src/components/AUAutoSuggestComponent.js +158 -158
  26. package/src/components/AUButtonComponent.tsx +84 -84
  27. package/src/components/AUCalendarComponent.tsx +493 -493
  28. package/src/components/AUContentToggleComponent.tsx +47 -49
  29. package/src/components/AUDatepickerComponent.tsx +121 -121
  30. package/src/components/AUErrorComponent.tsx +78 -78
  31. package/src/components/AUMobilePrefixComponent.tsx +15 -15
  32. package/src/components/AUModalComponent.tsx +68 -64
  33. package/src/components/AUNotificationComponent.tsx +43 -43
  34. package/src/components/AUReceiptComponent.tsx +33 -33
  35. package/src/components/AUSpinnerComponent.tsx +33 -33
  36. package/src/components/AUStepComponent.tsx +41 -0
  37. package/src/components/AUSubNavComponent.tsx +48 -48
  38. package/src/components/AUSubmitButtonContainerComponent.tsx +29 -29
  39. package/src/components/AUTabbedContentComponent.tsx +145 -145
  40. package/src/components/AUTableComponent.tsx +24 -24
  41. package/src/components/AUToastComponent.tsx +104 -104
  42. package/src/components/AUToolbarComponent.tsx +101 -101
  43. package/src/components/AUTruncatorComponent.tsx +129 -129
  44. package/src/components/wrapping/AUEmbedComponent.js +47 -47
  45. package/src/layout-2016/components/alphabox/AlphaBoxComponent.js +143 -143
  46. package/src/layout-2016/components/alphabox/AlphaBoxContentComponent.js +136 -136
  47. package/src/layout-2016/components/common/AUCollapsibleComponent.js +152 -152
  48. package/src/layout-2016/components/common/AUSpinnerComponent.js +103 -103
  49. package/src/layout-2016/components/databox/DataBoxAlphabetComponent.js +144 -144
  50. package/src/layout-2016/components/databox/DataBoxAssociationComponent.js +122 -122
  51. package/src/layout-2016/components/databox/DataBoxButtonComponent.js +157 -157
  52. package/src/layout-2016/components/databox/DataBoxComponent.js +297 -297
  53. package/src/layout-2016/components/databox/DataBoxGroupingComponent.js +64 -64
  54. package/src/layout-2016/components/databox/DataBoxSearchResultComponent.js +36 -36
  55. package/src/layout-2016/components/databox/DataBoxStackedAssociationComponent.js +54 -54
  56. package/src/layout-2016/components/databox/DataBoxSuggestionComponent.js +39 -39
  57. package/src/layout-2016/components/diagramme/AUDiagrammeComponent.js +309 -309
  58. package/src/layout-2016/components/flowbox/FlowBoxComponent.js +126 -126
  59. package/src/layout-2016/components/flowbox/FlowBoxPhoneComponent.js +104 -104
  60. package/src/layout-2016/components/profile/AUProfileAvatar2016Component.js +103 -103
  61. package/src/layout-2016/components/universe/StaffTopComponent.js +363 -363
  62. package/src/layout-2016/components/universe/StudentTopComponent.js +137 -137
  63. package/src/layout-2016/components/universe/UniverseContainerComponent.js +65 -65
  64. package/src/layout-2016/lib/all.js +3 -3
  65. package/src/layout-2016/lib/au-alphabox.js +100 -100
  66. package/src/layout-2016/lib/au-databox.js +400 -400
  67. package/src/layout-2016/lib/au-diagramme.js +85 -85
  68. package/src/layout-2016/lib/au-flowbox.js +93 -93
  69. package/src/layout-2016/lib/universe.js +9 -9
  70. package/src/lib/context.tsx +43 -43
  71. package/src/lib/dates.ts +50 -50
  72. package/src/lib/helpers.ts +208 -208
  73. package/src/lib/hooks.ts +63 -63
  74. package/src/lib/i18n.ts +600 -600
  75. package/src/lib/portals.ts +37 -37
  76. package/src/lib/tracking.ts +69 -69
  77. package/src/lib/wrapping.ts +21 -21
  78. package/src/styles/_settings.scss +10 -10
  79. package/src/styles/alphabox.scss +222 -222
  80. package/src/styles/app.scss +7 -7
  81. package/src/styles/autosuggest.scss +57 -57
  82. package/src/styles/databox.scss +563 -563
  83. package/src/styles/diagramme.scss +119 -119
  84. package/src/styles/flowbox.scss +72 -72
  85. package/src/styles/maps.scss +395 -395
  86. package/stories/AUButtonComponent.stories.tsx +127 -127
  87. package/stories/AUContentToggleComponent.stories.tsx +63 -63
  88. package/stories/AUErrorComponent.stories.tsx +98 -98
  89. package/stories/AUModalComponent.stories.tsx +83 -83
  90. package/stories/AUNotificationComponent.stories.tsx +116 -116
  91. package/stories/AUSpinnerComponent.stories.tsx +41 -41
  92. package/stories/AUStepComponent.stories.tsx +40 -0
  93. package/stories/AUToolbarComponent.stories.tsx +326 -218
  94. package/stories/lib/helpers.tsx +128 -128
  95. package/tsconfig.json +46 -46
  96. package/webpack.config.js +89 -89
@@ -1,37 +1,37 @@
1
- /* eslint-disable import/prefer-default-export */
2
- const impersonationLabels = {
3
- IMPERSONATION_SELECT_OPTION_CPR: { da: 'CPR-nr.', en: 'CPR no.' },
4
- IMPERSONATION_SELECT_OPTION_EMAIL: { da: 'E-mail', en: 'Email' },
5
- IMPERSONATION_SELECT_OPTION_AUID: { da: 'AU-id', en: 'AU ID' },
6
- };
7
-
8
- declare global {
9
- interface Window {
10
- IMPERSONATE_AUID: string,
11
- IMPERSONATE_VALUE: string;
12
- IMPERSONATE_TYPE: string;
13
- authenticated: boolean,
14
- }
15
- }
16
-
17
- const portals: (lang: string) => AU.IPortalContext[] = (lang: string) => [
18
- {
19
- name: 'mitstudie',
20
- impersonationSetup: {
21
- auid: window.IMPERSONATE_AUID,
22
- value: window.IMPERSONATE_VALUE,
23
- type: window.IMPERSONATE_TYPE,
24
- },
25
- impersonationOptions: [
26
- {
27
- value: 'auid',
28
- label: impersonationLabels.IMPERSONATION_SELECT_OPTION_AUID[lang],
29
- },
30
- ],
31
- },
32
- ];
33
-
34
- export const getPortalByName = (
35
- lang: string,
36
- name: string,
37
- ): AU.IPortalContext | null => portals(lang).find((portal) => portal.name === name) ?? null;
1
+ /* eslint-disable import/prefer-default-export */
2
+ const impersonationLabels = {
3
+ IMPERSONATION_SELECT_OPTION_CPR: { da: 'CPR-nr.', en: 'CPR no.' },
4
+ IMPERSONATION_SELECT_OPTION_EMAIL: { da: 'E-mail', en: 'Email' },
5
+ IMPERSONATION_SELECT_OPTION_AUID: { da: 'AU-id', en: 'AU ID' },
6
+ };
7
+
8
+ declare global {
9
+ interface Window {
10
+ IMPERSONATE_AUID: string,
11
+ IMPERSONATE_VALUE: string;
12
+ IMPERSONATE_TYPE: string;
13
+ authenticated: boolean,
14
+ }
15
+ }
16
+
17
+ const portals: (lang: string) => AU.IPortalContext[] = (lang: string) => [
18
+ {
19
+ name: 'mitstudie',
20
+ impersonationSetup: {
21
+ auid: window.IMPERSONATE_AUID,
22
+ value: window.IMPERSONATE_VALUE,
23
+ type: window.IMPERSONATE_TYPE,
24
+ },
25
+ impersonationOptions: [
26
+ {
27
+ value: 'auid',
28
+ label: impersonationLabels.IMPERSONATION_SELECT_OPTION_AUID[lang],
29
+ },
30
+ ],
31
+ },
32
+ ];
33
+
34
+ export const getPortalByName = (
35
+ lang: string,
36
+ name: string,
37
+ ): AU.IPortalContext | null => portals(lang).find((portal) => portal.name === name) ?? null;
@@ -1,69 +1,69 @@
1
- /* eslint-disable func-names */
2
- /* eslint-env browser */
3
- /* eslint-disable no-sequences */
4
- /* eslint-disable prefer-destructuring */
5
- /* eslint-disable no-param-reassign */
6
- /* eslint-disable prefer-rest-params */
7
- /* eslint-disable no-unused-expressions */
8
- /* eslint-disable dot-notation */
9
- /* eslint-disable wrap-iife */
10
- /*
11
- * Title: TRACKING
12
- * Description: Google Analytics tracking
13
- */
14
-
15
- class AUTracking {
16
- trackers: ITrackers[] = [
17
- {
18
- account: 'UA-2142081-1',
19
- name: 'default',
20
- },
21
- {
22
- account: 'UA-113308028-1',
23
- name: 'search',
24
- },
25
- ];
26
-
27
- constructor(trackers = []) {
28
- trackers.forEach((tracker) => this.trackers.push(tracker));
29
- this.init();
30
-
31
- this.trackSingle = this.trackSingle.bind(this);
32
- }
33
-
34
- init() {
35
- const gaNewElem: any = {};
36
- const gaElems: any = {};
37
- const currdate: any = new Date();
38
-
39
- ((i, s, o, g, r, a, m): void => {
40
- i['GoogleAnalyticsObject'] = r;
41
- i[r] = i[r] || function () {
42
- (i[r].q = i[r].q || []).push(arguments);
43
- }, i[r].l = 1 * currdate;
44
- a = s.createElement(o),
45
- m = s.getElementsByTagName(o)[0];
46
- a.async = 1;
47
- a.src = g;
48
- m.parentNode.insertBefore(a, m);
49
- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga', gaNewElem, gaElems);
50
-
51
- this.trackers.forEach((tracker) => {
52
- window.ga('create', tracker.account, 'auto', tracker.name);
53
- window.ga(`${tracker.name}.require`, 'displayfeatures');
54
- window.ga(`${tracker.name}.require`, 'linkid', 'linkid.js');
55
- window.ga(`${tracker.name}.require`, 'GTM-MGFPHKR');
56
- window.ga(`${tracker.name}.set`, 'anonymizeIp', true);
57
-
58
- window.ga(`${tracker.name}.send`, 'pageview');
59
- });
60
- }
61
-
62
- trackSingle(trackerLink: string): void {
63
- if (typeof window.ga !== 'undefined') {
64
- this.trackers.forEach((tracker) => window.ga(`${tracker.name}.send`, 'pageview', trackerLink));
65
- }
66
- }
67
- }
68
-
69
- export default AUTracking;
1
+ /* eslint-disable func-names */
2
+ /* eslint-env browser */
3
+ /* eslint-disable no-sequences */
4
+ /* eslint-disable prefer-destructuring */
5
+ /* eslint-disable no-param-reassign */
6
+ /* eslint-disable prefer-rest-params */
7
+ /* eslint-disable no-unused-expressions */
8
+ /* eslint-disable dot-notation */
9
+ /* eslint-disable wrap-iife */
10
+ /*
11
+ * Title: TRACKING
12
+ * Description: Google Analytics tracking
13
+ */
14
+
15
+ class AUTracking {
16
+ trackers: ITrackers[] = [
17
+ {
18
+ account: 'UA-2142081-1',
19
+ name: 'default',
20
+ },
21
+ {
22
+ account: 'UA-113308028-1',
23
+ name: 'search',
24
+ },
25
+ ];
26
+
27
+ constructor(trackers = []) {
28
+ trackers.forEach((tracker) => this.trackers.push(tracker));
29
+ this.init();
30
+
31
+ this.trackSingle = this.trackSingle.bind(this);
32
+ }
33
+
34
+ init() {
35
+ const gaNewElem: any = {};
36
+ const gaElems: any = {};
37
+ const currdate: any = new Date();
38
+
39
+ ((i, s, o, g, r, a, m): void => {
40
+ i['GoogleAnalyticsObject'] = r;
41
+ i[r] = i[r] || function () {
42
+ (i[r].q = i[r].q || []).push(arguments);
43
+ }, i[r].l = 1 * currdate;
44
+ a = s.createElement(o),
45
+ m = s.getElementsByTagName(o)[0];
46
+ a.async = 1;
47
+ a.src = g;
48
+ m.parentNode.insertBefore(a, m);
49
+ })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga', gaNewElem, gaElems);
50
+
51
+ this.trackers.forEach((tracker) => {
52
+ window.ga('create', tracker.account, 'auto', tracker.name);
53
+ window.ga(`${tracker.name}.require`, 'displayfeatures');
54
+ window.ga(`${tracker.name}.require`, 'linkid', 'linkid.js');
55
+ window.ga(`${tracker.name}.require`, 'GTM-MGFPHKR');
56
+ window.ga(`${tracker.name}.set`, 'anonymizeIp', true);
57
+
58
+ window.ga(`${tracker.name}.send`, 'pageview');
59
+ });
60
+ }
61
+
62
+ trackSingle(trackerLink: string): void {
63
+ if (typeof window.ga !== 'undefined') {
64
+ this.trackers.forEach((tracker) => window.ga(`${tracker.name}.send`, 'pageview', trackerLink));
65
+ }
66
+ }
67
+ }
68
+
69
+ export default AUTracking;
@@ -1,21 +1,21 @@
1
- /* eslint-env browser */
2
- const getSourceForFrame = (
3
- serviceUrl: string,
4
- path: string,
5
- referrer: string,
6
- callback: (data: any) => void,
7
- ) => {
8
- const getSource = async (): Promise<void> => {
9
- const url = `${serviceUrl}?path=${path}&referrer=${referrer}`;
10
- const response = await fetch(url, {
11
- credentials: 'include',
12
- });
13
-
14
- const json = await response.json();
15
- callback(json);
16
- };
17
-
18
- getSource();
19
- };
20
-
21
- export default getSourceForFrame;
1
+ /* eslint-env browser */
2
+ const getSourceForFrame = (
3
+ serviceUrl: string,
4
+ path: string,
5
+ referrer: string,
6
+ callback: (data: any) => void,
7
+ ) => {
8
+ const getSource = async (): Promise<void> => {
9
+ const url = `${serviceUrl}?path=${path}&referrer=${referrer}`;
10
+ const response = await fetch(url, {
11
+ credentials: 'include',
12
+ });
13
+
14
+ const json = await response.json();
15
+ callback(json);
16
+ };
17
+
18
+ getSource();
19
+ };
20
+
21
+ export default getSourceForFrame;
@@ -1,11 +1,11 @@
1
- $font-passata-regular: "AUPassataRegular";
2
- $font-passata-bold: "AUPassataBold";
3
- $gray-color:#e4e4e4;
4
- $gray-secondary-color:darken($gray-color, 50%);
5
- $alert-confirm-color: #8bad3f;
6
- $alert-cancel-color: #687989;
7
- $student-color:#8bad3f;
8
- $student-secondary-color:#2a4a0f;
9
- $staff-color: #379fcb;
10
- $staff-secondary-color:#003e5c;
1
+ $font-passata-regular: "AUPassataRegular";
2
+ $font-passata-bold: "AUPassataBold";
3
+ $gray-color:#e4e4e4;
4
+ $gray-secondary-color:darken($gray-color, 50%);
5
+ $alert-confirm-color: #8bad3f;
6
+ $alert-cancel-color: #687989;
7
+ $student-color:#8bad3f;
8
+ $student-secondary-color:#2a4a0f;
9
+ $staff-color: #379fcb;
10
+ $staff-secondary-color:#003e5c;
11
11
  $findicon: 'https://cdn.au.dk/2016/assets/img/databox/find.png';