@conduction/components 2.2.25 → 2.2.27

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 (181) hide show
  1. package/README.md +4 -0
  2. package/lib/components/Pagination/Pagination.d.ts +14 -14
  3. package/lib/components/Pagination/Pagination.js +12 -12
  4. package/lib/components/badgeCounter/BadgeCounter.d.ts +8 -8
  5. package/lib/components/badgeCounter/BadgeCounter.js +4 -4
  6. package/lib/components/card/cardHeader/CardHeader.d.ts +4 -4
  7. package/lib/components/card/cardHeader/CardHeader.js +14 -14
  8. package/lib/components/card/cardWrapper/CardWrapper.d.ts +2 -2
  9. package/lib/components/card/cardWrapper/CardWrapper.js +6 -6
  10. package/lib/components/card/detailsCard/DetailsCard.d.ts +14 -14
  11. package/lib/components/card/detailsCard/DetailsCard.js +11 -11
  12. package/lib/components/card/downloadCard/DownloadCard.d.ts +11 -11
  13. package/lib/components/card/downloadCard/DownloadCard.js +9 -9
  14. package/lib/components/card/horizontalImageCard/HorizontalImageCard.d.ts +13 -13
  15. package/lib/components/card/horizontalImageCard/HorizontalImageCard.js +10 -10
  16. package/lib/components/card/imageAndDetailsCard/ImageAndDetailsCard.d.ts +14 -14
  17. package/lib/components/card/imageAndDetailsCard/ImageAndDetailsCard.js +10 -10
  18. package/lib/components/card/index.d.ts +8 -8
  19. package/lib/components/card/index.js +8 -8
  20. package/lib/components/card/infoCard/InfoCard.d.ts +8 -8
  21. package/lib/components/card/infoCard/InfoCard.js +6 -6
  22. package/lib/components/codeBlock/CodeBlock.d.ts +6 -6
  23. package/lib/components/codeBlock/CodeBlock.js +3 -3
  24. package/lib/components/container/Container.d.ts +6 -6
  25. package/lib/components/container/Container.js +4 -4
  26. package/lib/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.d.ts +17 -17
  27. package/lib/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.js +20 -20
  28. package/lib/components/displaySwitch/DisplaySwitch.d.ts +18 -18
  29. package/lib/components/displaySwitch/DisplaySwitch.js +13 -13
  30. package/lib/components/formFields/checkbox/checkbox.d.ts +9 -9
  31. package/lib/components/formFields/checkbox/checkbox.js +3 -3
  32. package/lib/components/formFields/createKeyValue/CreateKeyValue.d.ts +23 -23
  33. package/lib/components/formFields/createKeyValue/CreateKeyValue.js +40 -40
  34. package/lib/components/formFields/date/Date.d.ts +12 -12
  35. package/lib/components/formFields/date/Date.js +10 -10
  36. package/lib/components/formFields/errorMessage/ErrorMessage.d.ts +5 -5
  37. package/lib/components/formFields/errorMessage/ErrorMessage.js +3 -3
  38. package/lib/components/formFields/index.d.ts +7 -7
  39. package/lib/components/formFields/index.js +7 -7
  40. package/lib/components/formFields/input.d.ts +22 -22
  41. package/lib/components/formFields/input.js +12 -12
  42. package/lib/components/formFields/select/select.d.ts +24 -24
  43. package/lib/components/formFields/select/select.js +74 -74
  44. package/lib/components/formFields/textarea.d.ts +10 -10
  45. package/lib/components/formFields/textarea.js +4 -4
  46. package/lib/components/formFields/types.d.ts +6 -6
  47. package/lib/components/formFields/types.js +1 -1
  48. package/lib/components/horizontalOverflowWrapper/HorizontalOverflowWrapper.d.ts +10 -10
  49. package/lib/components/horizontalOverflowWrapper/HorizontalOverflowWrapper.js +36 -36
  50. package/lib/components/imageDivider/ImageDivider.d.ts +7 -7
  51. package/lib/components/imageDivider/ImageDivider.js +6 -6
  52. package/lib/components/jumbotron/Jumbotron.d.ts +23 -23
  53. package/lib/components/jumbotron/Jumbotron.js +34 -34
  54. package/lib/components/logo/Logo.d.ts +8 -8
  55. package/lib/components/logo/Logo.js +9 -9
  56. package/lib/components/metaIcon/MetaIcon.d.ts +7 -7
  57. package/lib/components/metaIcon/MetaIcon.js +3 -3
  58. package/lib/components/notificationPopUp/NotificationPopUp.d.ts +27 -26
  59. package/lib/components/notificationPopUp/NotificationPopUp.js +34 -32
  60. package/lib/components/privateRoute/PrivateRoute.d.ts +6 -6
  61. package/lib/components/privateRoute/PrivateRoute.js +15 -15
  62. package/lib/components/quoteWrapper/QuoteWrapper.d.ts +7 -7
  63. package/lib/components/quoteWrapper/QuoteWrapper.js +5 -5
  64. package/lib/components/tabs/Tabs.d.ts +5 -5
  65. package/lib/components/tabs/Tabs.js +49 -49
  66. package/lib/components/tag/Tag.d.ts +10 -10
  67. package/lib/components/tag/Tag.js +6 -6
  68. package/lib/components/toolTip/ToolTip.d.ts +14 -14
  69. package/lib/components/toolTip/ToolTip.js +14 -14
  70. package/lib/components/topNav/index.d.ts +3 -3
  71. package/lib/components/topNav/index.js +3 -3
  72. package/lib/components/topNav/primaryTopNav/PrimaryTopNav.d.ts +39 -39
  73. package/lib/components/topNav/primaryTopNav/PrimaryTopNav.js +23 -23
  74. package/lib/components/topNav/secondaryTopNav/SecondaryTopNav.d.ts +12 -12
  75. package/lib/components/topNav/secondaryTopNav/SecondaryTopNav.js +7 -7
  76. package/lib/index.d.ts +29 -29
  77. package/lib/index.js +22 -22
  78. package/package.json +17 -17
  79. package/src/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.css +222 -222
  80. package/src/components/formFields/checkbox/Checkbox.module.css +209 -3
  81. package/src/components/formFields/checkbox/checkbox.tsx +3 -2
  82. package/src/components/formFields/createKeyValue/CreateKeyValue.tsx +2 -2
  83. package/src/components/formFields/input.tsx +14 -14
  84. package/src/components/formFields/select/select.tsx +6 -6
  85. package/src/components/formFields/textarea.tsx +3 -2
  86. package/src/components/notificationPopUp/NotificationPopUp.tsx +11 -4
  87. package/tsconfig.json +6 -3
  88. package/lib/components/Pagination/Pagination.module.css +0 -158
  89. package/lib/components/badgeCounter/BadgeCounter.module.css +0 -27
  90. package/lib/components/card/cardHeader/CardHeader.module.css +0 -36
  91. package/lib/components/card/cardWrapper/CardWrapper.module.css +0 -47
  92. package/lib/components/card/detailsCard/DetailsCard.module.css +0 -56
  93. package/lib/components/card/downloadCard/DownloadCard.module.css +0 -27
  94. package/lib/components/card/horizontalImageCard/HorizontalImageCard.module.css +0 -38
  95. package/lib/components/card/imageAndDetailsCard/ImageAndDetailsCard.module.css +0 -68
  96. package/lib/components/card/infoCard/InfoCard.module.css +0 -26
  97. package/lib/components/card/richContentCard/RichContentCard.d.ts +0 -19
  98. package/lib/components/card/richContentCard/RichContentCard.js +0 -15
  99. package/lib/components/card/richContentCard/RichContentCard.module.css +0 -103
  100. package/lib/components/codeBlock/CodeBlock.module.css +0 -6
  101. package/lib/components/container/Container.module.css +0 -12
  102. package/lib/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.css +0 -222
  103. package/lib/components/denhaag-wrappers/pagination/Pagination.css +0 -120
  104. package/lib/components/denhaag-wrappers/pagination/Pagination.d.ts +0 -9
  105. package/lib/components/denhaag-wrappers/pagination/Pagination.js +0 -15
  106. package/lib/components/displaySwitch/DisplaySwitch.module.css +0 -3
  107. package/lib/components/editableTableRow/EditableTableRow.d.ts +0 -14
  108. package/lib/components/editableTableRow/EditableTableRow.js +0 -31
  109. package/lib/components/editableTableRow/EditableTableRow.module.css +0 -25
  110. package/lib/components/formFields/checkbox/Checkbox.module.css +0 -7
  111. package/lib/components/formFields/createKeyValue/CreateKeyValue.module.css +0 -65
  112. package/lib/components/formFields/date/Date.module.css +0 -12
  113. package/lib/components/formFields/errorMessage/ErrorMessage.module.css +0 -9
  114. package/lib/components/formFields/radio.d.ts +0 -9
  115. package/lib/components/formFields/radio.js +0 -3
  116. package/lib/components/formFields/select/select.module.css +0 -58
  117. package/lib/components/horizontalOverflowWrapper/HorizontalOverflowWrapper.module.css +0 -41
  118. package/lib/components/htmlParser/ParsedHTML.d.ts +0 -10
  119. package/lib/components/htmlParser/ParsedHTML.js +0 -17
  120. package/lib/components/htmlParser/ParsedHTML.module.css +0 -7
  121. package/lib/components/htmlParser/parser/alert/getAlert.d.ts +0 -1
  122. package/lib/components/htmlParser/parser/alert/getAlert.js +0 -18
  123. package/lib/components/htmlParser/parser/alert/getAlert.module.css +0 -28
  124. package/lib/components/htmlParser/parser/anchor/getAnchor.d.ts +0 -2
  125. package/lib/components/htmlParser/parser/anchor/getAnchor.js +0 -74
  126. package/lib/components/htmlParser/parser/code/getCode.d.ts +0 -1
  127. package/lib/components/htmlParser/parser/code/getCode.js +0 -11
  128. package/lib/components/htmlParser/parser/getBlockquote/getBlockquote.d.ts +0 -1
  129. package/lib/components/htmlParser/parser/getBlockquote/getBlockquote.js +0 -6
  130. package/lib/components/htmlParser/parser/header/getHeader.d.ts +0 -1
  131. package/lib/components/htmlParser/parser/header/getHeader.js +0 -15
  132. package/lib/components/htmlParser/parser/image/getImage.d.ts +0 -1
  133. package/lib/components/htmlParser/parser/image/getImage.js +0 -28
  134. package/lib/components/htmlParser/parser/list/getList.d.ts +0 -1
  135. package/lib/components/htmlParser/parser/list/getList.js +0 -12
  136. package/lib/components/htmlParser/parser/list/getList.module.css +0 -3
  137. package/lib/components/htmlParser/parser/listItem/getListItem.d.ts +0 -1
  138. package/lib/components/htmlParser/parser/listItem/getListItem.js +0 -12
  139. package/lib/components/htmlParser/parser/paragraph/getParagraph.d.ts +0 -1
  140. package/lib/components/htmlParser/parser/paragraph/getParagraph.js +0 -6
  141. package/lib/components/htmlParser/parser/svg/getSvg.d.ts +0 -1
  142. package/lib/components/htmlParser/parser/svg/getSvg.js +0 -8
  143. package/lib/components/htmlParser/parser/table/getTable.d.ts +0 -1
  144. package/lib/components/htmlParser/parser/table/getTable.js +0 -7
  145. package/lib/components/htmlParser/parser/table/getTable.module.css +0 -3
  146. package/lib/components/htmlParser/parser/tableBody/getTableBody.d.ts +0 -1
  147. package/lib/components/htmlParser/parser/tableBody/getTableBody.js +0 -7
  148. package/lib/components/htmlParser/parser/tableBody/getTableBody.module.css +0 -3
  149. package/lib/components/htmlParser/parser/tableCell/getTableCell.d.ts +0 -1
  150. package/lib/components/htmlParser/parser/tableCell/getTableCell.js +0 -7
  151. package/lib/components/htmlParser/parser/tableCell/getTableCell.module.css +0 -3
  152. package/lib/components/htmlParser/parser/tableHeader/getTableHeader.d.ts +0 -1
  153. package/lib/components/htmlParser/parser/tableHeader/getTableHeader.js +0 -7
  154. package/lib/components/htmlParser/parser/tableHeader/getTableHeader.module.css +0 -28
  155. package/lib/components/htmlParser/parser/tableHeaderCell/getTableHeaderCell.d.ts +0 -1
  156. package/lib/components/htmlParser/parser/tableHeaderCell/getTableHeaderCell.js +0 -6
  157. package/lib/components/htmlParser/parser/tableRow/getTableRow.d.ts +0 -1
  158. package/lib/components/htmlParser/parser/tableRow/getTableRow.js +0 -7
  159. package/lib/components/htmlParser/parser/tableRow/getTableRow.module.css +0 -29
  160. package/lib/components/htmlParser/parser/useHtmlParser.d.ts +0 -5
  161. package/lib/components/htmlParser/parser/useHtmlParser.js +0 -78
  162. package/lib/components/htmlParser/useGitHubDirectories.d.ts +0 -10
  163. package/lib/components/htmlParser/useGitHubDirectories.js +0 -31
  164. package/lib/components/imageDivider/imageDivider.module.css +0 -5
  165. package/lib/components/jumbotron/Jumbotron.module.css +0 -88
  166. package/lib/components/logo/Logo.module.css +0 -31
  167. package/lib/components/metaIcon/MetaIcon.module.css +0 -29
  168. package/lib/components/notificationPopUp/NotificationPopUp.module.css +0 -70
  169. package/lib/components/quoteWrapper/QuoteWrapper.module.css +0 -12
  170. package/lib/components/statusSteps/StatusSteps.d.ts +0 -13
  171. package/lib/components/statusSteps/StatusSteps.js +0 -5
  172. package/lib/components/tableWrapper/TableWrapper.d.ts +0 -4
  173. package/lib/components/tableWrapper/TableWrapper.js +0 -30
  174. package/lib/components/tableWrapper/TableWrapper.module.css +0 -67
  175. package/lib/components/tabs/Tabs.module.css +0 -247
  176. package/lib/components/tag/Tag.module.css +0 -44
  177. package/lib/components/toolTip/ToolTip.module.css +0 -35
  178. package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css +0 -235
  179. package/lib/components/topNav/secondaryTopNav/SecondaryTopNav.module.css +0 -80
  180. package/lib/custom.d copy.d.ts +0 -5
  181. package/lib/custom.d copy.js +0 -1
@@ -1,25 +0,0 @@
1
- .th {
2
- width: 35%;
3
- }
4
-
5
- .cancel {
6
- color: var(--skeleton-color-grey-3) !important;
7
- }
8
-
9
- .editButtonsContainer {
10
- display: flex;
11
- margin-block-start: var(--skeleton-size-xs);
12
- }
13
-
14
- .editButtonsContainer > *:not(:last-child) {
15
- margin-inline-end: var(--skeleton-size-md);
16
- }
17
-
18
- .submit {
19
- all: unset;
20
- }
21
-
22
- .editButton {
23
- display: flex;
24
- justify-content: flex-end;
25
- }
@@ -1,7 +0,0 @@
1
- .container {
2
- user-select: none;
3
- }
4
-
5
- .container:hover {
6
- cursor: pointer;
7
- }
@@ -1,65 +0,0 @@
1
- :root {
2
- --conduction-create-key-value-table-row-border: 1px solid var(--skeleton-color-grey-1);
3
- --conduction-delete-button-background-color: var(--skeleton-color-red-3);
4
- --conduction-delete-button-background-hover-color: var(--skeleton-color-red-4);
5
- }
6
-
7
- .keyValue {
8
- width: 100%;
9
- display: flex;
10
- flex-direction: column;
11
- }
12
-
13
- .table {
14
- border-collapse: collapse;
15
- background-color: var(--utrecht-table-background-color);
16
- }
17
-
18
- .tableHeader > * {
19
- border-block-end: var(--utrecht-table-header-border-block-end-width) solid var(--utrecht-table-header-border-block-end-color);
20
- }
21
-
22
- .tableHeader {
23
- font-family: var(--utrecht-table-header-font-family);
24
- }
25
-
26
- .table td,
27
- .table th {
28
- text-align: left;
29
- padding-inline: 0;
30
- padding-block: var(--skeleton-size-md);
31
- }
32
-
33
- .buttonsContainer {
34
- display: flex;
35
- gap: var(--skeleton-size-xs);
36
- justify-content: flex-end;
37
- }
38
-
39
- .deleteButton {
40
- white-space: nowrap;
41
- background-color: var(--conduction-delete-button-background-color) !important;
42
- }
43
-
44
- .deleteButton:hover {
45
- white-space: nowrap;
46
- background-color: var(--conduction-delete-button-background-hover-color) !important;
47
- }
48
-
49
- .form {
50
- width: 100%;
51
- display: flex;
52
- }
53
-
54
- .form > *:not(:last-child) {
55
- margin-right: 10px;
56
- }
57
-
58
- .form > input {
59
- flex: 5;
60
- }
61
-
62
- .form > button {
63
- flex: 2;
64
- max-width: fit-content;
65
- }
@@ -1,12 +0,0 @@
1
- .container {
2
- display: flex;
3
- }
4
-
5
- .calendar {
6
- display: flex;
7
- }
8
-
9
- .calendar > div::before,
10
- .calendar > div::after {
11
- display: none;
12
- }
@@ -1,9 +0,0 @@
1
- :root {
2
- --conduction-error-message-color: var(--skeleton-color-red-3);
3
- --conduction-error-message-font-size: var(--skeleton-font-size-sm);
4
- }
5
-
6
- .message {
7
- color: var(--conduction-error-message-color);
8
- font-size: var(--conduction-error-message-font-size);
9
- }
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import { IReactHookFormProps } from "./types";
3
- interface IRadioProps {
4
- label: string;
5
- name: string;
6
- value: string;
7
- }
8
- export declare const InputRadio: ({ name, validation, register, label, value, }: IRadioProps & IReactHookFormProps) => JSX.Element;
9
- export {};
@@ -1,3 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { FormControlLabel } from "@gemeente-denhaag/formcontrollabel";
3
- export const InputRadio = ({ name, validation, register, label, value, }) => (_jsx(FormControlLabel, { input: _jsx("input", { type: "radio", ...{ value }, ...register(name, { ...validation }) }), ...{ label } }));
@@ -1,58 +0,0 @@
1
- :root {
2
- --conduction-input-select-padding-block-start: var(--skeleton-size-xs);
3
- --conduction-input-select-padding-block-end: var(--skeleton-size-xs);
4
- --conduction-input-select-border-radius: var(--skeleton-border-radius-md);
5
- --conduction-input-select-background-color: var(--skeleton-color-white);
6
- --conduction-input-select-border: 1px solid var(--skeleton-color-grey-3);
7
- --conduction-input-select-border-focus: 2px dashed var(--skeleton-color-grey-5);
8
- --conduction-input-select-invalid-border-color: var(
9
- --utrecht-textbox-invalid-border-color,
10
- var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color)))
11
- );
12
-
13
- --conduction-input-select-list-option-font-family: "Noto Sans", Arial, sans-serif;
14
- /* --conduction-input-select-list-option-background-color: unset; */
15
- /* --conduction-input-select-list-option-color: unset; */
16
- /* --conduction-input-select-list-option-selected--background-color: unset; */
17
- /* --conduction-input-select-list-option-selected-color: unset; */
18
- /* --conduction-input-select-list-option-focus-background-color: unset; */
19
- /* --conduction-input-select-list-option-focus-color: unset; */
20
-
21
- /* --conduction-input-select-list-option-hover-background-color: unset; */
22
- /* --conduction-input-select-list-option-hover-color: unset; */
23
- /* --conduction-input-select-list-option-font-family: unset; */
24
-
25
- --conduction-input-select-placeholder-font-family: "Noto Sans", Arial, sans-serif;
26
- --conduction-input-select-placeholder-color: #757575;
27
- }
28
-
29
- .select > div {
30
- background-color: var(--conduction-input-select-background-color);
31
- border: var(--conduction-input-select-border);
32
- border-radius: var(--conduction-input-select-border-radius);
33
- box-sizing: border-box;
34
- padding-block-start: var(--conduction-input-select-padding-block-start);
35
- padding-block-end: var(--conduction-input-select-padding-block-end);
36
- }
37
-
38
- .select.error > div {
39
- border-color: var(--conduction-input-select-invalid-border-color);
40
- }
41
-
42
- .select .select > div:focus-within {
43
- outline: none;
44
- box-shadow: none;
45
- }
46
-
47
- .select > div:focus-within::after {
48
- content: "";
49
- display: block;
50
- position: absolute;
51
- pointer-events: none;
52
- bottom: calc(var(--skeleton-size-2xs) * -1);
53
- left: calc(var(--skeleton-size-2xs) * -1);
54
- right: calc(var(--skeleton-size-2xs) * -1);
55
- top: calc(var(--skeleton-size-2xs) * -1);
56
- border: var(--conduction-input-select-border-focus);
57
- border-radius: var(--conduction-input-select-border-radius);
58
- }
@@ -1,41 +0,0 @@
1
- :root {
2
- --conduction-horizontal-overflow-wrapper-background-color: unset;
3
- --conduction-horizontal-overflow-wrapper-buttons-top: 12px;
4
-
5
- --conduction-horizontal-overflow-wrapper-margin-inline-start: 8px;
6
- --conduction-horizontal-overflow-wrapper-margin-inline-end: 8px;
7
- --conduction-horizontal-overflow-wrapper-margin-block-start: 8px;
8
- --conduction-horizontal-overflow-wrapper-margin-block-end: 8px;
9
- }
10
-
11
- .container {
12
- position: relative;
13
- background-color: var(--conduction-horizontal-overflow-wrapper-background-color);
14
- }
15
-
16
- .wrapper {
17
- overflow-x: scroll;
18
- }
19
-
20
- .scrollButton {
21
- position: sticky;
22
- top: var(--conduction-horizontal-overflow-wrapper-buttons-top);
23
-
24
- margin-inline-start: var(--conduction-horizontal-overflow-wrapper-margin-inline-start);
25
- margin-inline-end: var(--conduction-horizontal-overflow-wrapper-margin-inline-end);
26
- margin-block-start: var(--conduction-horizontal-overflow-wrapper-margin-block-start);
27
- margin-block-end: var(--conduction-horizontal-overflow-wrapper-margin-block-end);
28
- }
29
-
30
- .scrollButton.right {
31
- left: 100%;
32
- }
33
-
34
- /* Hide scrollbar */
35
- .wrapper::-webkit-scrollbar {
36
- display: none;
37
- }
38
- .wrapper {
39
- -ms-overflow-style: none;
40
- scrollbar-width: none;
41
- }
@@ -1,10 +0,0 @@
1
- import * as React from "react";
2
- import { UseQueryResult } from "react-query";
3
- interface ParsedHTMLProps {
4
- contentQuery: UseQueryResult<any, Error>;
5
- location: string;
6
- directories: string;
7
- layoutClassName?: string;
8
- }
9
- export declare const ParsedHTML: React.FC<ParsedHTMLProps>;
10
- export {};
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as styles from "./ParsedHTML.module.css";
3
- import Parser from "html-react-parser";
4
- import Skeleton from "react-loading-skeleton";
5
- import { Alert } from "@utrecht/component-library-react/dist/css-module";
6
- import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
7
- import { faWarning } from "@fortawesome/free-solid-svg-icons";
8
- import clsx from "clsx";
9
- import { useHtmlParser } from "./parser/useHtmlParser";
10
- export const ParsedHTML = ({ contentQuery, location, layoutClassName, directories }) => {
11
- const { options } = useHtmlParser(location, directories);
12
- if (contentQuery.isLoading)
13
- return (_jsx("div", { className: styles.container, children: _jsx(Skeleton, { height: "200px" }) }));
14
- if (contentQuery.isError)
15
- return (_jsx("div", { className: styles.container, children: _jsx(Alert, { icon: _jsx(FontAwesomeIcon, { icon: faWarning }), type: "error", children: "Oops, something went wrong retrieving the .md file from GitHub." }) }));
16
- return (_jsx("div", { className: clsx(styles.container, layoutClassName && layoutClassName), children: Parser(contentQuery.data, options) }));
17
- };
@@ -1,7 +0,0 @@
1
- .container {
2
- margin-block-start: var(--utrecht-space-block-3xl);
3
- }
4
-
5
- .container > div > article > *:not(:last-child) {
6
- margin-block-end: var(--utrecht-space-block-lg);
7
- }
@@ -1 +0,0 @@
1
- export declare const getAlert: (children: any, options: any, type: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,18 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as styles from "./getAlert.module.css";
3
- import { Alert } from "@utrecht/component-library-react/dist/css-module";
4
- import { domToReact } from "html-react-parser";
5
- export const getAlert = (children, options, type) => {
6
- switch (true) {
7
- case type.includes("note") || type.includes("info"):
8
- return (_jsx(Alert, { className: styles.info, type: "info", children: domToReact(children, options) }));
9
- case type.includes("error"):
10
- return (_jsx(Alert, { className: styles.error, type: "error", children: domToReact(children, options) }));
11
- case type.includes("warning"):
12
- return (_jsx(Alert, { className: styles.warning, type: "warning", children: domToReact(children, options) }));
13
- case type.includes("succes") || type.includes("ok"):
14
- return (_jsx(Alert, { className: styles.ok, type: "ok", children: domToReact(children, options) }));
15
- default:
16
- return _jsx(Alert, { type: "info", children: domToReact(children, options) });
17
- }
18
- };
@@ -1,28 +0,0 @@
1
- .info svg {
2
- fill: var(--utrecht-alert-icon-info-color);
3
- }
4
- .info p {
5
- color: var(--utrecht-alert-info-color);
6
- }
7
-
8
- .warning svg {
9
- fill: var(--utrecht-alert-icon-warning-color);
10
- }
11
- .warning p {
12
- color: var(--utrecht-alert-warning-color);
13
- }
14
-
15
- .error svg {
16
- fill: var(--utrecht-alert-icon-error-color);
17
- }
18
- .error p {
19
- color: var(--utrecht-alert-error-color);
20
- }
21
-
22
- .ok svg {
23
- fill: var(--utrecht-alert-icon-ok-color);
24
- }
25
- .ok p {
26
- color: var(--utrecht-alert-ok-color);
27
- }
28
-
@@ -1,2 +0,0 @@
1
- import { TGitHubDirectory } from "../../useGitHubDirectories";
2
- export declare const getAnchor: (props: any, children: any, options: any, directories: TGitHubDirectory[], location: string) => import("react/jsx-runtime").JSX.Element;
@@ -1,74 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import _ from "lodash";
3
- import { Link } from "@utrecht/component-library-react/dist/css-module";
4
- import { navigate } from "gatsby";
5
- import { domToReact } from "html-react-parser";
6
- export const getAnchor = (props, children, options, directories, location) => {
7
- const handleClick = (e) => {
8
- e.preventDefault();
9
- const targetFile = _.upperFirst(props.href.substring(props.href.lastIndexOf("/") + 1).replace(".md", ""));
10
- // No link
11
- if (!props.href) {
12
- navigate("#");
13
- return;
14
- }
15
- // Anchor Links
16
- if (props.className === "anchor" || Array.from(props.href)[0] === "#") {
17
- handleAnchorClick(props); // handles on-page scroll anchors
18
- return;
19
- }
20
- // Internal Links
21
- if (!props.href.includes("://")) {
22
- handleInternalLinks(props, targetFile, location, directories);
23
- return;
24
- }
25
- // External Links
26
- if (props.href.includes("://")) {
27
- open(props.href);
28
- return;
29
- }
30
- };
31
- const attributes = {
32
- ...props,
33
- onClick: handleClick,
34
- };
35
- return _jsx(Link, { ...attributes, children: domToReact(children, options) });
36
- };
37
- const handleInternalLinks = (props, targetFile, location, directories) => {
38
- // Internal Links: same directory
39
- if (!props.href.includes("/")) {
40
- const targetDirectory = _.upperFirst(location.split("/").reverse()[1]);
41
- navigate(`/pages/${targetDirectory}/${targetFile}`);
42
- return; // ensure no other flow is triggered
43
- }
44
- // Internal Links: homepage
45
- if (props.href.includes("/") && location === "/") {
46
- const directoryFound = directories.some((directory) => directory.location === props.href);
47
- if (directoryFound)
48
- navigate(`/pages/${targetFile}`);
49
- return; // ensure no other flow is triggered
50
- }
51
- // Internal Links: different directory
52
- if (props.href.includes("/")) {
53
- const targetDirectory = props.href.split("/").reverse()[1];
54
- const directoryFound = directories.some((directory) => directory.location.substring(directory.location.lastIndexOf("/") + 1) === targetDirectory);
55
- // Internal Link exists: redirect to page
56
- if (directoryFound) {
57
- navigate(`/pages/${_.upperFirst(targetDirectory)}/${targetFile}`);
58
- }
59
- // Internal Link does not exist: redirect to online GitHub environment (TODO)
60
- if (!directoryFound) {
61
- const hrefWithLeadingSlash = !props.href.startsWith("/") ? `/${props.href}` : props.href;
62
- open(`${process.env.GATSBY_GITHUB_REPOSITORY_URL}/blob/master${hrefWithLeadingSlash}`);
63
- }
64
- return; // ensure no other flow is triggered
65
- }
66
- };
67
- const handleAnchorClick = (props) => {
68
- const targetId = props.id ?? props.href.replace("#", "user-content-");
69
- const target = document.getElementById(targetId);
70
- const headerHeight = document.getElementById("header")?.clientHeight ?? 100;
71
- if (target) {
72
- window.scrollTo({ top: target.offsetTop - (headerHeight + 24), behavior: "smooth" }); // +24 simply adds some padding
73
- }
74
- };
@@ -1 +0,0 @@
1
- export declare const getCode: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Code, CodeBlock } from "@utrecht/component-library-react/dist/css-module";
3
- import { domToReact } from "html-react-parser";
4
- export const getCode = (name, props, children, options) => {
5
- switch (name) {
6
- case "code":
7
- return _jsx(Code, { ...props, children: domToReact(children, options) });
8
- case "pre":
9
- return _jsx(CodeBlock, { ...props, children: domToReact(children, options) });
10
- }
11
- };
@@ -1 +0,0 @@
1
- export declare const getBlockquote: (children: any, options: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Alert } from "@utrecht/component-library-react/dist/css-module";
3
- import { domToReact } from "html-react-parser";
4
- export const getBlockquote = (children, options) => {
5
- return _jsx(Alert, { children: domToReact(children, options) });
6
- };
@@ -1 +0,0 @@
1
- export declare const getHeader: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Heading1, Heading2, Heading3, Heading4 } from "@utrecht/component-library-react/dist/css-module";
3
- import { domToReact } from "html-react-parser";
4
- export const getHeader = (name, props, children, options) => {
5
- switch (name) {
6
- case "h1":
7
- return _jsx(Heading1, { ...props, children: domToReact(children, options) });
8
- case "h2":
9
- return _jsx(Heading2, { ...props, children: domToReact(children, options) });
10
- case "h3":
11
- return _jsx(Heading3, { ...props, children: domToReact(children, options) });
12
- case "h4":
13
- return _jsx(Heading4, { ...props, children: domToReact(children, options) });
14
- }
15
- };
@@ -1 +0,0 @@
1
- export declare const getImage: (props: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,28 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Image } from "@utrecht/component-library-react/dist/css-module";
3
- export const getImage = (props) => {
4
- let src = props.src;
5
- if (!props.src.includes("https://" || "http://")) {
6
- const sessionUrl = process.env.GATSBY_GITHUB_REPOSITORY_URL;
7
- const url = sessionUrl?.replace("https://github.com/", "");
8
- src = `https://raw.githubusercontent.com/${url}/master/docs/features/${props.src}`;
9
- }
10
- let alt = props.alt;
11
- if (!props.alt) {
12
- alt = props.title;
13
- }
14
- if (!props.alt && !props.title) {
15
- alt = props.src;
16
- }
17
- const attributes = {
18
- ...props,
19
- src,
20
- alt,
21
- href: "",
22
- onClick: (e) => {
23
- e.stopPropagation();
24
- open(src);
25
- },
26
- };
27
- return _jsx(Image, { ...attributes });
28
- };
@@ -1 +0,0 @@
1
- export declare const getList: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as styles from "./getList.module.css";
3
- import { OrderedList, UnorderedList } from "@utrecht/component-library-react/dist/css-module";
4
- import { domToReact } from "html-react-parser";
5
- export const getList = (name, props, children, options) => {
6
- switch (name) {
7
- case "ol":
8
- return (_jsx(OrderedList, { className: styles.list, ...props, children: domToReact(children, options) }));
9
- case "ul":
10
- return (_jsx(UnorderedList, { className: styles.list, ...props, children: domToReact(children, options) }));
11
- }
12
- };
@@ -1,3 +0,0 @@
1
- .list {
2
- width: 100% !important;
3
- }
@@ -1 +0,0 @@
1
- export declare const getListItem: (props: any, parent: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { OrderedListItem, UnorderedListItem } from "@utrecht/component-library-react/dist/css-module";
3
- import { domToReact } from "html-react-parser";
4
- export const getListItem = (props, parent, children, options) => {
5
- switch (parent.name) {
6
- case "ol":
7
- return _jsx(OrderedListItem, { ...props, children: domToReact(children, options) });
8
- case "ul":
9
- return _jsx(UnorderedListItem, { ...props, children: domToReact(children, options) });
10
- }
11
- return;
12
- };
@@ -1 +0,0 @@
1
- export declare const getParagraph: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Paragraph } from "@utrecht/component-library-react/dist/css-module";
3
- import { domToReact } from "html-react-parser";
4
- export const getParagraph = (props, children, options) => {
5
- return _jsx(Paragraph, { ...props, children: domToReact(children, options) });
6
- };
@@ -1 +0,0 @@
1
- export declare const getSvg: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
- import { domToReact } from "html-react-parser";
3
- export const getSvg = (props, children, options) => {
4
- if (props.className.includes("octicon octicon-link")) {
5
- return _jsx(_Fragment, {});
6
- }
7
- return _jsx("svg", { ...props, children: domToReact(children, options) });
8
- };
@@ -1 +0,0 @@
1
- export declare const getTable: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as styles from "./getTable.module.css";
3
- import { Table } from "@utrecht/component-library-react/dist/css-module";
4
- import { domToReact } from "html-react-parser";
5
- export const getTable = (props, children, options) => {
6
- return (_jsx(Table, { className: styles.table, ...props, children: domToReact(children, options) }));
7
- };
@@ -1,3 +0,0 @@
1
- .table {
2
- background-color: var(--utrecht-table-background-color) !important;
3
- }
@@ -1 +0,0 @@
1
- export declare const getTableBody: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as styles from "./getTableBody.module.css";
3
- import { TableBody } from "@utrecht/component-library-react/dist/css-module";
4
- import { domToReact } from "html-react-parser";
5
- export const getTableBody = (props, children, options) => {
6
- return (_jsx(TableBody, { className: styles.tableBody, ...props, children: domToReact(children, options) }));
7
- };
@@ -1,3 +0,0 @@
1
- .tableBody {
2
- border: var(--utrecht-table-body-border);
3
- }
@@ -1 +0,0 @@
1
- export declare const getTableCell: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as styles from "./getTableCell.module.css";
3
- import { TableCell } from "@utrecht/component-library-react/dist/css-module";
4
- import { domToReact } from "html-react-parser";
5
- export const getTableCell = (props, children, options) => {
6
- return (_jsx(TableCell, { className: styles.tableCell, ...props, children: domToReact(children, options) }));
7
- };
@@ -1,3 +0,0 @@
1
- .tableCell {
2
- vertical-align: middle !important;
3
- }
@@ -1 +0,0 @@
1
- export declare const getTableHeader: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as styles from "./getTableHeader.module.css";
3
- import { TableHeader } from "@utrecht/component-library-react/dist/css-module";
4
- import { domToReact } from "html-react-parser";
5
- export const getTableHeader = (props, children, options) => {
6
- return (_jsx(TableHeader, { className: styles.tableHeader, ...props, children: domToReact(children, options) }));
7
- };