@aarhus-university/au-lib-react-components 11.1.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 (95) 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 -68
  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/AUSubNavComponent.tsx +48 -48
  37. package/src/components/AUSubmitButtonContainerComponent.tsx +29 -29
  38. package/src/components/AUTabbedContentComponent.tsx +145 -145
  39. package/src/components/AUTableComponent.tsx +24 -24
  40. package/src/components/AUToastComponent.tsx +104 -104
  41. package/src/components/AUToolbarComponent.tsx +101 -101
  42. package/src/components/AUTruncatorComponent.tsx +129 -129
  43. package/src/components/wrapping/AUEmbedComponent.js +47 -47
  44. package/src/layout-2016/components/alphabox/AlphaBoxComponent.js +143 -143
  45. package/src/layout-2016/components/alphabox/AlphaBoxContentComponent.js +136 -136
  46. package/src/layout-2016/components/common/AUCollapsibleComponent.js +152 -152
  47. package/src/layout-2016/components/common/AUSpinnerComponent.js +103 -103
  48. package/src/layout-2016/components/databox/DataBoxAlphabetComponent.js +144 -144
  49. package/src/layout-2016/components/databox/DataBoxAssociationComponent.js +122 -122
  50. package/src/layout-2016/components/databox/DataBoxButtonComponent.js +157 -157
  51. package/src/layout-2016/components/databox/DataBoxComponent.js +297 -297
  52. package/src/layout-2016/components/databox/DataBoxGroupingComponent.js +64 -64
  53. package/src/layout-2016/components/databox/DataBoxSearchResultComponent.js +36 -36
  54. package/src/layout-2016/components/databox/DataBoxStackedAssociationComponent.js +54 -54
  55. package/src/layout-2016/components/databox/DataBoxSuggestionComponent.js +39 -39
  56. package/src/layout-2016/components/diagramme/AUDiagrammeComponent.js +309 -309
  57. package/src/layout-2016/components/flowbox/FlowBoxComponent.js +126 -126
  58. package/src/layout-2016/components/flowbox/FlowBoxPhoneComponent.js +104 -104
  59. package/src/layout-2016/components/profile/AUProfileAvatar2016Component.js +103 -103
  60. package/src/layout-2016/components/universe/StaffTopComponent.js +363 -363
  61. package/src/layout-2016/components/universe/StudentTopComponent.js +137 -137
  62. package/src/layout-2016/components/universe/UniverseContainerComponent.js +65 -65
  63. package/src/layout-2016/lib/all.js +3 -3
  64. package/src/layout-2016/lib/au-alphabox.js +100 -100
  65. package/src/layout-2016/lib/au-databox.js +400 -400
  66. package/src/layout-2016/lib/au-diagramme.js +85 -85
  67. package/src/layout-2016/lib/au-flowbox.js +93 -93
  68. package/src/layout-2016/lib/universe.js +9 -9
  69. package/src/lib/context.tsx +43 -43
  70. package/src/lib/dates.ts +50 -50
  71. package/src/lib/helpers.ts +208 -208
  72. package/src/lib/hooks.ts +63 -63
  73. package/src/lib/i18n.ts +600 -600
  74. package/src/lib/portals.ts +37 -37
  75. package/src/lib/tracking.ts +69 -69
  76. package/src/lib/wrapping.ts +21 -21
  77. package/src/styles/_settings.scss +10 -10
  78. package/src/styles/alphabox.scss +222 -222
  79. package/src/styles/app.scss +7 -7
  80. package/src/styles/autosuggest.scss +57 -57
  81. package/src/styles/databox.scss +563 -563
  82. package/src/styles/diagramme.scss +119 -119
  83. package/src/styles/flowbox.scss +72 -72
  84. package/src/styles/maps.scss +395 -395
  85. package/stories/AUButtonComponent.stories.tsx +127 -127
  86. package/stories/AUContentToggleComponent.stories.tsx +63 -63
  87. package/stories/AUErrorComponent.stories.tsx +98 -98
  88. package/stories/AUModalComponent.stories.tsx +83 -83
  89. package/stories/AUNotificationComponent.stories.tsx +116 -116
  90. package/stories/AUSpinnerComponent.stories.tsx +41 -41
  91. package/stories/AUStepComponent.stories.tsx +40 -40
  92. package/stories/AUToolbarComponent.stories.tsx +326 -220
  93. package/stories/lib/helpers.tsx +128 -128
  94. package/tsconfig.json +46 -46
  95. 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';