@dso-toolkit/react 90.0.0 → 90.2.0

package/dist/components/badge/badge.content.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export const children = (React.createElement("div", { className: "dso-rich-content" },
+    React.createElement("p", null, "Er zijn wijzigingsbesluiten genomen. Bekijk een besluit om de veranderingen te zien.")));

package/dist/components/badge/badge.react-template.js

@@ -1,9 +1,12 @@
-import * as React from "react";
+import React from "react";
 import { DsoBadge } from "../../components";
 export const reactBadge = {
     component: "badge",
     implementation: "react",
-    template: () => function badgeTemplate({ status, message }) {
-        return React.createElement(DsoBadge, { status: status }, message);
+    template: () => function badgeTemplate({ status, message, label, toggletipPlacement, children }) {
+        return (React.createElement(DsoBadge, { status: status, label: label, toggletipPlacement: toggletipPlacement },
+            message,
+            " ",
+            children && React.createElement("div", { slot: "toggletip" }, children)));
     },
 };

package/dist/components/badge/badge.stories.js

@@ -1,18 +1,20 @@
 import readme from "@dso-toolkit/react/src/components/badge/readme.md?raw";
 import { badgeMeta, badgeStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
+import { children } from "./badge.content";
 const meta = {
     ...badgeMeta({ readme }),
     title: "Badge",
 };
 export default meta;
-const { Primary, Success, Info, Warning, Error, Outline, Attention, Plain } = badgeStories({
+const { Primary, Success, Info, Warning, Error, Outline, Attention, Plain, WithToggletip } = badgeStories({
     templateContainer,
     storyTemplates: (templates) => {
         const { badgeTemplate } = templates;
         return {
             badgeTemplate,
+            children,
         };
     },
 });
-export { Attention, Error, Info, Outline, Plain, Primary, Success, Warning };
+export { Attention, Error, Info, Outline, Plain, Primary, Success, Warning, WithToggletip };

package/dist/components/info-button/info-button.content.js

@@ -1,8 +1,7 @@
 import * as React from "react";
 export const children = (React.createElement("div", { className: "dso-rich-content" },
-    React.createElement("h2", null, "Samenspel tussen wetgever en ontwikkelaars"),
+    React.createElement("h2", null, "Introductie DSO"),
     React.createElement("p", null,
-        "Het DSO wordt ontwikkeld door het programma",
-        " ",
-        React.createElement("a", { href: "https://aandeslagmetdeomgevingswet.nl/digitaal-stelsel/" }, "Aan de slag met de Omgevingswet"),
-        " in samenwerking met haar partners. De ontwikkeling vraagt een intensief samenspel tussen de wetgever en de ontwikkelpartners van het DSO. Enerzijds moeten wetgever en de ontwikkelpartners zorgen dat alles wat in de wet- en regelgeving wordt geregeld ook makkelijk toegankelijk is of kan worden. Anderzijds moeten zij zorgen dat alles wat digitaal wordt gerealiseerd, ook juridisch verankerd is of kan worden.")));
+        "Het ",
+        React.createElement("a", { href: "https://iplo.nl/digitaal-stelsel/" }, "Digitaal Stelsel Omgevingswet (DSO)"),
+        " ondersteunt de uitvoering van de Omgevingswet. Het bestaat uit lokale systemen van overheden en de onderdelen van de landelijke voorziening (DSO-LV), zoals het Omgevingsloket.")));

package/dist/components/toggletip/toggletip.content.js

@@ -1,8 +1,7 @@
 import * as React from "react";
 export const children = (React.createElement("div", { className: "dso-rich-content" },
-    React.createElement("h2", null, "Samenspel tussen wetgever en ontwikkelaars"),
+    React.createElement("h2", null, "Introductie DSO"),
     React.createElement("p", null,
-        "Het DSO wordt ontwikkeld door het programma",
-        " ",
-        React.createElement("a", { href: "https://aandeslagmetdeomgevingswet.nl/digitaal-stelsel/" }, "Aan de slag met de Omgevingswet"),
-        " in samenwerking met haar partners. De ontwikkeling vraagt een intensief samenspel tussen de wetgever en de ontwikkelpartners van het DSO. Enerzijds moeten wetgever en de ontwikkelpartners zorgen dat alles wat in de wet- en regelgeving wordt geregeld ook makkelijk toegankelijk is of kan worden. Anderzijds moeten zij zorgen dat alles wat digitaal wordt gerealiseerd, ook juridisch verankerd is of kan worden.")));
+        "Het ",
+        React.createElement("a", { href: "https://iplo.nl/digitaal-stelsel/" }, "Digitaal Stelsel Omgevingswet (DSO)"),
+        " ondersteunt de uitvoering van de Omgevingswet. Het bestaat uit lokale systemen van overheden en de onderdelen van de landelijke voorziening (DSO-LV), zoals het Omgevingsloket.")));

package/dist/components.js

@@ -43,6 +43,7 @@ import { DsoMapBaseLayers as DsoMapBaseLayersElement, defineCustomElement as def
 import { DsoMapControls as DsoMapControlsElement, defineCustomElement as defineDsoMapControls } from "@dso-toolkit/core/dist/components/dso-map-controls.js";
 import { DsoMapLayerObject as DsoMapLayerObjectElement, defineCustomElement as defineDsoMapLayerObject } from "@dso-toolkit/core/dist/components/dso-map-layer-object.js";
 import { DsoMapLayer as DsoMapLayerElement, defineCustomElement as defineDsoMapLayer } from "@dso-toolkit/core/dist/components/dso-map-layer.js";
+import { DsoMapMessage as DsoMapMessageElement, defineCustomElement as defineDsoMapMessage } from "@dso-toolkit/core/dist/components/dso-map-message.js";
 import { DsoMapOverlays as DsoMapOverlaysElement, defineCustomElement as defineDsoMapOverlays } from "@dso-toolkit/core/dist/components/dso-map-overlays.js";
 import { DsoMarkBar as DsoMarkBarElement, defineCustomElement as defineDsoMarkBar } from "@dso-toolkit/core/dist/components/dso-mark-bar.js";
 import { DsoModal as DsoModalElement, defineCustomElement as defineDsoModal } from "@dso-toolkit/core/dist/components/dso-modal.js";
@@ -475,6 +476,14 @@ export const DsoMapLayerObject = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDsoMapLayerObject
 });
+export const DsoMapMessage = /*@__PURE__*/ createComponent({
+    tagName: 'dso-map-message',
+    elementClass: DsoMapMessageElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsoMapMessage
+});
 export const DsoMapOverlays = /*@__PURE__*/ createComponent({
     tagName: 'dso-map-overlays',
     elementClass: DsoMapOverlaysElement,

package/dist/types/components/badge/badge.content.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const children: React.JSX.Element;

package/dist/types/components/badge/badge.react-template.d.ts

@@ -1,3 +1,4 @@
 import { Badge } from "dso-toolkit";
+import { JSX } from "react";
 import { ComponentImplementation } from "../../templates";
-export declare const reactBadge: ComponentImplementation<Badge>;
+export declare const reactBadge: ComponentImplementation<Badge<JSX.Element>>;

package/dist/types/components/badge/badge.stories.d.ts

@@ -66,5 +66,13 @@ declare const Primary: import("storybook/internal/csf").BaseAnnotations<import("
     story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/csf").Renderer, BadgeArgs, Partial<BadgeArgs>>, "story"> | undefined;
 } & {
     args?: Partial<BadgeArgs> | undefined;
+}, WithToggletip: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/csf").Renderer, BadgeArgs> & {
+    name?: import("storybook/internal/csf").StoryName;
+    storyName?: import("storybook/internal/csf").StoryName;
+    play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/csf").Renderer, BadgeArgs> | undefined;
+    globals?: import("storybook/internal/csf").Globals | undefined;
+    story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/csf").Renderer, BadgeArgs, Partial<BadgeArgs>>, "story"> | undefined;
+} & {
+    args?: Partial<BadgeArgs> | undefined;
 };
-export { Attention, Error, Info, Outline, Plain, Primary, Success, Warning };
+export { Attention, Error, Info, Outline, Plain, Primary, Success, Warning, WithToggletip };

package/dist/types/components.d.ts

@@ -47,6 +47,7 @@ import { DsoMapBaseLayers as DsoMapBaseLayersElement } from "@dso-toolkit/core/d
 import { DsoMapControls as DsoMapControlsElement } from "@dso-toolkit/core/dist/components/dso-map-controls.js";
 import { DsoMapLayerObject as DsoMapLayerObjectElement } from "@dso-toolkit/core/dist/components/dso-map-layer-object.js";
 import { DsoMapLayer as DsoMapLayerElement } from "@dso-toolkit/core/dist/components/dso-map-layer.js";
+import { DsoMapMessage as DsoMapMessageElement } from "@dso-toolkit/core/dist/components/dso-map-message.js";
 import { DsoMapOverlays as DsoMapOverlaysElement } from "@dso-toolkit/core/dist/components/dso-map-overlays.js";
 import { DsoMarkBar as DsoMarkBarElement } from "@dso-toolkit/core/dist/components/dso-mark-bar.js";
 import { DsoModal as DsoModalElement } from "@dso-toolkit/core/dist/components/dso-modal.js";
@@ -250,6 +251,8 @@ export type DsoMapLayerObjectEvents = {
     onDsoMouseLeave: EventName<DsoMapLayerObjectCustomEvent<any>>;
 };
 export declare const DsoMapLayerObject: StencilReactComponent<DsoMapLayerObjectElement, DsoMapLayerObjectEvents>;
+export type DsoMapMessageEvents = NonNullable<unknown>;
+export declare const DsoMapMessage: StencilReactComponent<DsoMapMessageElement, DsoMapMessageEvents>;
 export type DsoMapOverlaysEvents = {
     onDsoToggleOverlay: EventName<DsoMapOverlaysCustomEvent<OverlayChangeEvent>>;
 };

package/dist/types/templates.d.ts

@@ -6,7 +6,7 @@ export interface Components {
     alert: Alert<JSX.Element>;
     attachmentsCounter: AttachmentsCounter;
     autosuggest: Autosuggest<JSX.Element>;
-    badge: Badge;
+    badge: Badge<JSX.Element>;
     banner: Banner<JSX.Element>;
     card: Card<JSX.Element>;
     cardContainer: CardContainer<JSX.Element>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dso-toolkit/react",
   "type": "module",
-  "version": "90.0.0",
+  "version": "90.2.0",
   "description": "React specific wrapper for @dso-toolkit/core web components",
   "homepage": "https://www.dso-toolkit.nl/",
   "repository": {
@@ -30,7 +30,7 @@
     "@types/lodash.startcase": "^4.4.9",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "dso-toolkit": "^90.0.0",
+    "dso-toolkit": "^90.2.0",
     "eslint": "^9.39.2",
     "eslint-plugin-storybook": "10.2.8",
     "http-proxy-middleware": "^3.0.5",
@@ -45,7 +45,7 @@
     "wait-on": "^9.0.4"
   },
   "peerDependencies": {
-    "@dso-toolkit/core": "90.0.0",
+    "@dso-toolkit/core": "90.2.0",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0"
   },