@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.
- package/README.md +4 -0
- package/lib/components/Pagination/Pagination.d.ts +14 -14
- package/lib/components/Pagination/Pagination.js +12 -12
- package/lib/components/badgeCounter/BadgeCounter.d.ts +8 -8
- package/lib/components/badgeCounter/BadgeCounter.js +4 -4
- package/lib/components/card/cardHeader/CardHeader.d.ts +4 -4
- package/lib/components/card/cardHeader/CardHeader.js +14 -14
- package/lib/components/card/cardWrapper/CardWrapper.d.ts +2 -2
- package/lib/components/card/cardWrapper/CardWrapper.js +6 -6
- package/lib/components/card/detailsCard/DetailsCard.d.ts +14 -14
- package/lib/components/card/detailsCard/DetailsCard.js +11 -11
- package/lib/components/card/downloadCard/DownloadCard.d.ts +11 -11
- package/lib/components/card/downloadCard/DownloadCard.js +9 -9
- package/lib/components/card/horizontalImageCard/HorizontalImageCard.d.ts +13 -13
- package/lib/components/card/horizontalImageCard/HorizontalImageCard.js +10 -10
- package/lib/components/card/imageAndDetailsCard/ImageAndDetailsCard.d.ts +14 -14
- package/lib/components/card/imageAndDetailsCard/ImageAndDetailsCard.js +10 -10
- package/lib/components/card/index.d.ts +8 -8
- package/lib/components/card/index.js +8 -8
- package/lib/components/card/infoCard/InfoCard.d.ts +8 -8
- package/lib/components/card/infoCard/InfoCard.js +6 -6
- package/lib/components/codeBlock/CodeBlock.d.ts +6 -6
- package/lib/components/codeBlock/CodeBlock.js +3 -3
- package/lib/components/container/Container.d.ts +6 -6
- package/lib/components/container/Container.js +4 -4
- package/lib/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.d.ts +17 -17
- package/lib/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.js +20 -20
- package/lib/components/displaySwitch/DisplaySwitch.d.ts +18 -18
- package/lib/components/displaySwitch/DisplaySwitch.js +13 -13
- package/lib/components/formFields/checkbox/checkbox.d.ts +9 -9
- package/lib/components/formFields/checkbox/checkbox.js +3 -3
- package/lib/components/formFields/createKeyValue/CreateKeyValue.d.ts +23 -23
- package/lib/components/formFields/createKeyValue/CreateKeyValue.js +40 -40
- package/lib/components/formFields/date/Date.d.ts +12 -12
- package/lib/components/formFields/date/Date.js +10 -10
- package/lib/components/formFields/errorMessage/ErrorMessage.d.ts +5 -5
- package/lib/components/formFields/errorMessage/ErrorMessage.js +3 -3
- package/lib/components/formFields/index.d.ts +7 -7
- package/lib/components/formFields/index.js +7 -7
- package/lib/components/formFields/input.d.ts +22 -22
- package/lib/components/formFields/input.js +12 -12
- package/lib/components/formFields/select/select.d.ts +24 -24
- package/lib/components/formFields/select/select.js +74 -74
- package/lib/components/formFields/textarea.d.ts +10 -10
- package/lib/components/formFields/textarea.js +4 -4
- package/lib/components/formFields/types.d.ts +6 -6
- package/lib/components/formFields/types.js +1 -1
- package/lib/components/horizontalOverflowWrapper/HorizontalOverflowWrapper.d.ts +10 -10
- package/lib/components/horizontalOverflowWrapper/HorizontalOverflowWrapper.js +36 -36
- package/lib/components/imageDivider/ImageDivider.d.ts +7 -7
- package/lib/components/imageDivider/ImageDivider.js +6 -6
- package/lib/components/jumbotron/Jumbotron.d.ts +23 -23
- package/lib/components/jumbotron/Jumbotron.js +34 -34
- package/lib/components/logo/Logo.d.ts +8 -8
- package/lib/components/logo/Logo.js +9 -9
- package/lib/components/metaIcon/MetaIcon.d.ts +7 -7
- package/lib/components/metaIcon/MetaIcon.js +3 -3
- package/lib/components/notificationPopUp/NotificationPopUp.d.ts +27 -26
- package/lib/components/notificationPopUp/NotificationPopUp.js +34 -32
- package/lib/components/privateRoute/PrivateRoute.d.ts +6 -6
- package/lib/components/privateRoute/PrivateRoute.js +15 -15
- package/lib/components/quoteWrapper/QuoteWrapper.d.ts +7 -7
- package/lib/components/quoteWrapper/QuoteWrapper.js +5 -5
- package/lib/components/tabs/Tabs.d.ts +5 -5
- package/lib/components/tabs/Tabs.js +49 -49
- package/lib/components/tag/Tag.d.ts +10 -10
- package/lib/components/tag/Tag.js +6 -6
- package/lib/components/toolTip/ToolTip.d.ts +14 -14
- package/lib/components/toolTip/ToolTip.js +14 -14
- package/lib/components/topNav/index.d.ts +3 -3
- package/lib/components/topNav/index.js +3 -3
- package/lib/components/topNav/primaryTopNav/PrimaryTopNav.d.ts +39 -39
- package/lib/components/topNav/primaryTopNav/PrimaryTopNav.js +23 -23
- package/lib/components/topNav/secondaryTopNav/SecondaryTopNav.d.ts +12 -12
- package/lib/components/topNav/secondaryTopNav/SecondaryTopNav.js +7 -7
- package/lib/index.d.ts +29 -29
- package/lib/index.js +22 -22
- package/package.json +17 -17
- package/src/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.css +222 -222
- package/src/components/formFields/checkbox/Checkbox.module.css +209 -3
- package/src/components/formFields/checkbox/checkbox.tsx +3 -2
- package/src/components/formFields/createKeyValue/CreateKeyValue.tsx +2 -2
- package/src/components/formFields/input.tsx +14 -14
- package/src/components/formFields/select/select.tsx +6 -6
- package/src/components/formFields/textarea.tsx +3 -2
- package/src/components/notificationPopUp/NotificationPopUp.tsx +11 -4
- package/tsconfig.json +6 -3
- package/lib/components/Pagination/Pagination.module.css +0 -158
- package/lib/components/badgeCounter/BadgeCounter.module.css +0 -27
- package/lib/components/card/cardHeader/CardHeader.module.css +0 -36
- package/lib/components/card/cardWrapper/CardWrapper.module.css +0 -47
- package/lib/components/card/detailsCard/DetailsCard.module.css +0 -56
- package/lib/components/card/downloadCard/DownloadCard.module.css +0 -27
- package/lib/components/card/horizontalImageCard/HorizontalImageCard.module.css +0 -38
- package/lib/components/card/imageAndDetailsCard/ImageAndDetailsCard.module.css +0 -68
- package/lib/components/card/infoCard/InfoCard.module.css +0 -26
- package/lib/components/card/richContentCard/RichContentCard.d.ts +0 -19
- package/lib/components/card/richContentCard/RichContentCard.js +0 -15
- package/lib/components/card/richContentCard/RichContentCard.module.css +0 -103
- package/lib/components/codeBlock/CodeBlock.module.css +0 -6
- package/lib/components/container/Container.module.css +0 -12
- package/lib/components/denhaag-wrappers/breadcrumbs/Breadcrumbs.css +0 -222
- package/lib/components/denhaag-wrappers/pagination/Pagination.css +0 -120
- package/lib/components/denhaag-wrappers/pagination/Pagination.d.ts +0 -9
- package/lib/components/denhaag-wrappers/pagination/Pagination.js +0 -15
- package/lib/components/displaySwitch/DisplaySwitch.module.css +0 -3
- package/lib/components/editableTableRow/EditableTableRow.d.ts +0 -14
- package/lib/components/editableTableRow/EditableTableRow.js +0 -31
- package/lib/components/editableTableRow/EditableTableRow.module.css +0 -25
- package/lib/components/formFields/checkbox/Checkbox.module.css +0 -7
- package/lib/components/formFields/createKeyValue/CreateKeyValue.module.css +0 -65
- package/lib/components/formFields/date/Date.module.css +0 -12
- package/lib/components/formFields/errorMessage/ErrorMessage.module.css +0 -9
- package/lib/components/formFields/radio.d.ts +0 -9
- package/lib/components/formFields/radio.js +0 -3
- package/lib/components/formFields/select/select.module.css +0 -58
- package/lib/components/horizontalOverflowWrapper/HorizontalOverflowWrapper.module.css +0 -41
- package/lib/components/htmlParser/ParsedHTML.d.ts +0 -10
- package/lib/components/htmlParser/ParsedHTML.js +0 -17
- package/lib/components/htmlParser/ParsedHTML.module.css +0 -7
- package/lib/components/htmlParser/parser/alert/getAlert.d.ts +0 -1
- package/lib/components/htmlParser/parser/alert/getAlert.js +0 -18
- package/lib/components/htmlParser/parser/alert/getAlert.module.css +0 -28
- package/lib/components/htmlParser/parser/anchor/getAnchor.d.ts +0 -2
- package/lib/components/htmlParser/parser/anchor/getAnchor.js +0 -74
- package/lib/components/htmlParser/parser/code/getCode.d.ts +0 -1
- package/lib/components/htmlParser/parser/code/getCode.js +0 -11
- package/lib/components/htmlParser/parser/getBlockquote/getBlockquote.d.ts +0 -1
- package/lib/components/htmlParser/parser/getBlockquote/getBlockquote.js +0 -6
- package/lib/components/htmlParser/parser/header/getHeader.d.ts +0 -1
- package/lib/components/htmlParser/parser/header/getHeader.js +0 -15
- package/lib/components/htmlParser/parser/image/getImage.d.ts +0 -1
- package/lib/components/htmlParser/parser/image/getImage.js +0 -28
- package/lib/components/htmlParser/parser/list/getList.d.ts +0 -1
- package/lib/components/htmlParser/parser/list/getList.js +0 -12
- package/lib/components/htmlParser/parser/list/getList.module.css +0 -3
- package/lib/components/htmlParser/parser/listItem/getListItem.d.ts +0 -1
- package/lib/components/htmlParser/parser/listItem/getListItem.js +0 -12
- package/lib/components/htmlParser/parser/paragraph/getParagraph.d.ts +0 -1
- package/lib/components/htmlParser/parser/paragraph/getParagraph.js +0 -6
- package/lib/components/htmlParser/parser/svg/getSvg.d.ts +0 -1
- package/lib/components/htmlParser/parser/svg/getSvg.js +0 -8
- package/lib/components/htmlParser/parser/table/getTable.d.ts +0 -1
- package/lib/components/htmlParser/parser/table/getTable.js +0 -7
- package/lib/components/htmlParser/parser/table/getTable.module.css +0 -3
- package/lib/components/htmlParser/parser/tableBody/getTableBody.d.ts +0 -1
- package/lib/components/htmlParser/parser/tableBody/getTableBody.js +0 -7
- package/lib/components/htmlParser/parser/tableBody/getTableBody.module.css +0 -3
- package/lib/components/htmlParser/parser/tableCell/getTableCell.d.ts +0 -1
- package/lib/components/htmlParser/parser/tableCell/getTableCell.js +0 -7
- package/lib/components/htmlParser/parser/tableCell/getTableCell.module.css +0 -3
- package/lib/components/htmlParser/parser/tableHeader/getTableHeader.d.ts +0 -1
- package/lib/components/htmlParser/parser/tableHeader/getTableHeader.js +0 -7
- package/lib/components/htmlParser/parser/tableHeader/getTableHeader.module.css +0 -28
- package/lib/components/htmlParser/parser/tableHeaderCell/getTableHeaderCell.d.ts +0 -1
- package/lib/components/htmlParser/parser/tableHeaderCell/getTableHeaderCell.js +0 -6
- package/lib/components/htmlParser/parser/tableRow/getTableRow.d.ts +0 -1
- package/lib/components/htmlParser/parser/tableRow/getTableRow.js +0 -7
- package/lib/components/htmlParser/parser/tableRow/getTableRow.module.css +0 -29
- package/lib/components/htmlParser/parser/useHtmlParser.d.ts +0 -5
- package/lib/components/htmlParser/parser/useHtmlParser.js +0 -78
- package/lib/components/htmlParser/useGitHubDirectories.d.ts +0 -10
- package/lib/components/htmlParser/useGitHubDirectories.js +0 -31
- package/lib/components/imageDivider/imageDivider.module.css +0 -5
- package/lib/components/jumbotron/Jumbotron.module.css +0 -88
- package/lib/components/logo/Logo.module.css +0 -31
- package/lib/components/metaIcon/MetaIcon.module.css +0 -29
- package/lib/components/notificationPopUp/NotificationPopUp.module.css +0 -70
- package/lib/components/quoteWrapper/QuoteWrapper.module.css +0 -12
- package/lib/components/statusSteps/StatusSteps.d.ts +0 -13
- package/lib/components/statusSteps/StatusSteps.js +0 -5
- package/lib/components/tableWrapper/TableWrapper.d.ts +0 -4
- package/lib/components/tableWrapper/TableWrapper.js +0 -30
- package/lib/components/tableWrapper/TableWrapper.module.css +0 -67
- package/lib/components/tabs/Tabs.module.css +0 -247
- package/lib/components/tag/Tag.module.css +0 -44
- package/lib/components/toolTip/ToolTip.module.css +0 -35
- package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css +0 -235
- package/lib/components/topNav/secondaryTopNav/SecondaryTopNav.module.css +0 -80
- package/lib/custom.d copy.d.ts +0 -5
- 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,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,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 +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,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 +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 +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 +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 +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
|
-
};
|