From 9eac9a43e3fb7894dbbafb7c3651b530e3c14316 Mon Sep 17 00:00:00 2001 From: Yolijn Date: Thu, 19 Oct 2023 12:16:22 +0200 Subject: [PATCH 1/3] build: add utrecht webcomponents --- package-lock.json | 18 ++++++++++-------- package.json | 3 ++- 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3a0280eca2f..aa3ffa8000c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,7 +18,7 @@ "@docusaurus/theme-search-algolia": "^2.4.1", "@tabler/icons-react": "^2.21.0", "@utrecht/design-tokens": "1.0.0-alpha.578", - "@utrecht/web-component-library-react": "1.0.0-alpha.584", + "@utrecht/web-component-library-stencil": "1.0.0-alpha.598", "clsx": "1.2.1", "html-react-parser": "^4.0.0", "iframe-resizer-react": "1.1.0", @@ -41,6 +41,7 @@ "@types/node": "20.2.5", "@utrecht/component-library-css": "1.0.0-alpha.585", "@utrecht/component-library-react": "1.0.0-alpha.394", + "@utrecht/web-component-library-react": "1.0.0-alpha.598", "firacode": "6.2.0", "limax": "^4.1.0", "npm-check-updates": "16.10.12", @@ -5007,11 +5008,12 @@ "integrity": "sha512-lUySW3NPNmvGII3NaGO96E4DoDzSCezHlGqe2X61OLqcDQxEl/JpTSrE5SZbdc4Urn0Lo4LFPl7fq6Mn+Wb34g==" }, "node_modules/@utrecht/web-component-library-react": { - "version": "1.0.0-alpha.584", - "resolved": "https://registry.npmjs.org/@utrecht/web-component-library-react/-/web-component-library-react-1.0.0-alpha.584.tgz", - "integrity": "sha512-jPevU78kQH6PIZPpTUhfA8uD7Fc5fHkOC/RrRuZ7vjuxBNFZntRpuHSrqQyGQZRKyqS87XJcC57dPsahRi8EKA==", + "version": "1.0.0-alpha.598", + "resolved": "https://registry.npmjs.org/@utrecht/web-component-library-react/-/web-component-library-react-1.0.0-alpha.598.tgz", + "integrity": "sha512-zTcZOH2c+BHq4iy2UBFNPIC2gGi5/xD+9AYj8TKeou6T0/qLbjBbNjvmOGpPlvoH/eiTq19aeEQ55dxA6cc/8Q==", + "dev": true, "dependencies": { - "@utrecht/web-component-library-stencil": "1.0.0-alpha.584" + "@utrecht/web-component-library-stencil": "1.0.0-alpha.598" }, "peerDependencies": { "react": "16 - 18", @@ -5019,9 +5021,9 @@ } }, "node_modules/@utrecht/web-component-library-stencil": { - "version": "1.0.0-alpha.584", - "resolved": "https://registry.npmjs.org/@utrecht/web-component-library-stencil/-/web-component-library-stencil-1.0.0-alpha.584.tgz", - "integrity": "sha512-8XneQuCz/WLpSSY88a9WLRLpGUjHA513c5q43pW5dcmnWcJ0CkvbNATYp2i0rPdLgeF3rYsiHC0J2Ahbn2c4OA==", + "version": "1.0.0-alpha.598", + "resolved": "https://registry.npmjs.org/@utrecht/web-component-library-stencil/-/web-component-library-stencil-1.0.0-alpha.598.tgz", + "integrity": "sha512-o3lEmAgb8RdOGN/HELiUHbpscrv4macx546IS8hh5emZwO2PdNpV+R5a+IL59yF0ZPPyo2rFM0MVkVQfmkDuPA==", "dependencies": { "@stencil/core": "3.4.2" } diff --git a/package.json b/package.json index 06b34d304f9..16db10df706 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,7 @@ "@docusaurus/theme-search-algolia": "^2.4.1", "@tabler/icons-react": "^2.21.0", "@utrecht/design-tokens": "1.0.0-alpha.578", - "@utrecht/web-component-library-react": "1.0.0-alpha.584", + "@utrecht/web-component-library-stencil": "1.0.0-alpha.598", "clsx": "1.2.1", "html-react-parser": "^4.0.0", "iframe-resizer-react": "1.1.0", @@ -65,6 +65,7 @@ "@types/node": "20.2.5", "@utrecht/component-library-css": "1.0.0-alpha.585", "@utrecht/component-library-react": "1.0.0-alpha.394", + "@utrecht/web-component-library-react": "1.0.0-alpha.598", "firacode": "6.2.0", "limax": "^4.1.0", "npm-check-updates": "16.10.12", From 15062740644b1c39589066323c8ea9d0659a6e10 Mon Sep 17 00:00:00 2001 From: Yolijn Date: Thu, 19 Oct 2023 12:16:45 +0200 Subject: [PATCH 2/3] feat: voorbeeldpagina --- src/pages/wmebv/index.tsx | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/pages/wmebv/index.tsx diff --git a/src/pages/wmebv/index.tsx b/src/pages/wmebv/index.tsx new file mode 100644 index 00000000000..0113288a924 --- /dev/null +++ b/src/pages/wmebv/index.tsx @@ -0,0 +1,18 @@ +import Layout from '@theme/Layout'; +import { UtrechtHeading1, UtrechtPageContent } from '@utrecht/web-component-library-react'; +import clsx from 'clsx'; +import React from 'react'; + +const WmebvPage = () => { + return ( + + +
+ Voorbeeld +
+ + + ); +}; + +export default WmebvPage; From 50a7df521333298e93b66e458fcdf0888afca76e Mon Sep 17 00:00:00 2001 From: MeesoPost <100311542+MeesoPost@users.noreply.github.com> Date: Thu, 19 Oct 2023 17:56:36 +0200 Subject: [PATCH 3/3] feat: added some webcomponents to play around --- src/pages/wmebv/index.tsx | 37 +++++++++++++++++++++++++++++++++++-- 1 file changed, 35 insertions(+), 2 deletions(-) diff --git a/src/pages/wmebv/index.tsx b/src/pages/wmebv/index.tsx index 0113288a924..2c3556f38a2 100644 --- a/src/pages/wmebv/index.tsx +++ b/src/pages/wmebv/index.tsx @@ -1,5 +1,14 @@ import Layout from '@theme/Layout'; -import { UtrechtHeading1, UtrechtPageContent } from '@utrecht/web-component-library-react'; +import { + UtrechtFormFieldDescription, + UtrechtHeading1, + UtrechtHeading2, + UtrechtPageContent, + UtrechtParagraph, + UtrechtFormFieldTextarea, + UtrechtFormFieldTextbox, + UtrechtButton, +} from '@utrecht/web-component-library-react'; import clsx from 'clsx'; import React from 'react'; @@ -8,7 +17,31 @@ const WmebvPage = () => {
- Voorbeeld + Melding openbare ruimte + Vul alle velden in. als een veld optioneel is, staat dit erbij + Wat wilt u melden? + Kies een categorie die bij uw melding past + + + + Beschrijf hier wat er aan de hand is en eventueel wat er aan gedaan kan worden. + + + Bestand kiezen + (optioneel) + Op welke locatie heeft de melding betrekking? + + + + + Hoe kunnen we u bereiken voor meer informatie? + + Als u iets anoniem meld kunnen we u niet informeren over het verloop van de afhandeling voor deze melding. + + + + + Versturen