@dso-toolkit/react 84.0.0 → 85.0.0

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 (3) hide show
  1. package/dist/components.js +12 -0
  2. package/dist/types/components.d.ts +7 -1
  3. package/package.json +15 -15
package/dist/components.js CHANGED
@@ -34,6 +34,7 @@ import { DsoInfo as DsoInfoElement, defineCustomElement as defineDsoInfo } from
34
34
  import { DsoInputRange as DsoInputRangeElement, defineCustomElement as defineDsoInputRange } from "@dso-toolkit/core/dist/components/dso-input-range.js";
35
35
  import { DsoLabel as DsoLabelElement, defineCustomElement as defineDsoLabel } from "@dso-toolkit/core/dist/components/dso-label.js";
36
36
  import { DsoLegendItem as DsoLegendItemElement, defineCustomElement as defineDsoLegendItem } from "@dso-toolkit/core/dist/components/dso-legend-item.js";
37
+ import { DsoLegend as DsoLegendElement, defineCustomElement as defineDsoLegend } from "@dso-toolkit/core/dist/components/dso-legend.js";
37
38
  import { DsoListButton as DsoListButtonElement, defineCustomElement as defineDsoListButton } from "@dso-toolkit/core/dist/components/dso-list-button.js";
38
39
  import { DsoLogo as DsoLogoElement, defineCustomElement as defineDsoLogo } from "@dso-toolkit/core/dist/components/dso-logo.js";
39
40
  import { DsoMapBaseLayers as DsoMapBaseLayersElement, defineCustomElement as defineDsoMapBaseLayers } from "@dso-toolkit/core/dist/components/dso-map-base-layers.js";
@@ -369,6 +370,17 @@ export const DsoLabel = /*@__PURE__*/ createComponent({
369
370
  events: { onDsoRemoveClick: 'dsoRemoveClick' },
370
371
  defineCustomElement: defineDsoLabel
371
372
  });
373
+ export const DsoLegend = /*@__PURE__*/ createComponent({
374
+ tagName: 'dso-legend',
375
+ elementClass: DsoLegendElement,
376
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
377
+ react: React,
378
+ events: {
379
+ onDsoContentSwitch: 'dsoContentSwitch',
380
+ onDsoClose: 'dsoClose'
381
+ },
382
+ defineCustomElement: defineDsoLegend
383
+ });
372
384
  export const DsoLegendItem = /*@__PURE__*/ createComponent({
373
385
  tagName: 'dso-legend-item',
374
386
  elementClass: DsoLegendItemElement,
package/dist/types/components.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type AccordionSectionActiveChangeEvent, type AccordionSectionAnimationEndEvent, type AccordionSectionAnimationStartEvent, type AccordionSectionToggleClickEvent, type AdvancedSelectChangeEvent, type AdvancedSelectRedirectEvent, type AlertCloseEvent, type AnnotationActiveChangeEvent, type AnnotationKaartClickEvent, type BaseLayerChangeEvent, type CardClickEvent, type DatePickerBlurEvent, type DatePickerChangeEvent, type DatePickerFocusEvent, type DatePickerKeyboardEvent, type DocumentCardClickEvent, type DocumentComponentMarkItemHighlightEvent, type DocumentComponentOpenToggleEvent, type DocumentComponentOzonContentClickEvent, type DocumentComponentRecursiveToggleEvent, type DocumentComponentTableOfContentsClickEvent, type DocumentComponentToggleAnnotationEvent, type DsoAccordionSectionCustomEvent, type DsoAdvancedSelectCustomEvent, type DsoAlertCustomEvent, type DsoAnnotationActiviteitCustomEvent, type DsoAnnotationGebiedsaanwijzingCustomEvent, type DsoAnnotationKaartCustomEvent, type DsoAnnotationLocatieCustomEvent, type DsoAnnotationOmgevingsnormwaardeCustomEvent, type DsoAutosuggestCustomEvent, type DsoCardCustomEvent, type DsoDatePickerCustomEvent, type DsoDocumentCardCustomEvent, type DsoDocumentComponentCustomEvent, type DsoExpandableCustomEvent, type DsoHeaderCustomEvent, type DsoHistoryItemCustomEvent, type DsoIconButtonCustomEvent, type DsoInfoButtonCustomEvent, type DsoInfoCustomEvent, type DsoInputRangeCustomEvent, type DsoLabelCustomEvent, type DsoLegendItemCustomEvent, type DsoListButtonCustomEvent, type DsoLogoCustomEvent, type DsoMapBaseLayersCustomEvent, type DsoMapControlsCustomEvent, type DsoMapLayerCustomEvent, type DsoMapLayerObjectCustomEvent, type DsoMapOverlaysCustomEvent, type DsoMarkBarCustomEvent, type DsoModalCustomEvent, type DsoOnboardingTipCustomEvent, type DsoOzonContentCustomEvent, type DsoPaginationCustomEvent, type DsoPanelCustomEvent, type DsoPlekinfoCardCustomEvent, type DsoRenvooiCustomEvent, type DsoResponsiveElementCustomEvent, type DsoScrollEndEvent, type DsoScrollableCustomEvent, type DsoSelectableCustomEvent, type DsoSkiplinkCustomEvent, type DsoSlideToggleCustomEvent, type DsoSurveyRatingCustomEvent, type DsoTabCustomEvent, type DsoTreeViewCustomEvent, type DsoViewerGridCustomEvent, type DsotDocumentComponentDemoCustomEvent, type ExpandableAnimationEndEvent, type ExpandableAnimationStartEvent, type HeaderEvent, type HistoryItemClickEvent, type IconButtonClickEvent, type InfoButtonToggleEvent, type InputRangeChangeEvent, type LegendItemActiveChangeEvent, type ListButtonChangeEvent, type ListButtonSelectedEvent, type LogoClickEvent, type LogoLabelClickEvent, type MapControlsToggleEvent, type MapLayerActiveChangeEvent, type MapLayerObjectActiveChangeEvent, type MarkBarClearEvent, type MarkBarInputEvent, type MarkBarPaginationEvent, type ModalCloseEvent, type OnboardingTipCloseEvent, type OverlayChangeEvent, type OzonContentClickEvent, type OzonContentMarkItemHighlightEvent, type PaginationSelectPageEvent, type PanelCloseEvent, type PlekinfoCardClickEvent, type RenvooiMarkItemHighlightEvent, type ResponsiveElementSize, type SelectableChangeEvent, type SkiplinkClickEvent, type SlideToggleActiveEvent, type Suggestion, type SurveyRatingCloseEvent, type SurveyRatingSubmitEvent, type TabsSwitchEvent, type TreeViewItem, type TreeViewPointerEvent, type ViewerGridActiveTabSwitchEvent, type ViewerGridChangeSizeAnimationEndEvent, type ViewerGridChangeSizeEvent, type ViewerGridCloseFilterPanelEvent, type ViewerGridCloseOverlayEvent, type ViewerGridMainToggleEvent } from "@dso-toolkit/core";
5
+ import { type AccordionSectionActiveChangeEvent, type AccordionSectionAnimationEndEvent, type AccordionSectionAnimationStartEvent, type AccordionSectionToggleClickEvent, type AdvancedSelectChangeEvent, type AdvancedSelectRedirectEvent, type AlertCloseEvent, type AnnotationActiveChangeEvent, type AnnotationKaartClickEvent, type BaseLayerChangeEvent, type CardClickEvent, type DatePickerBlurEvent, type DatePickerChangeEvent, type DatePickerFocusEvent, type DatePickerKeyboardEvent, type DocumentCardClickEvent, type DocumentComponentMarkItemHighlightEvent, type DocumentComponentOpenToggleEvent, type DocumentComponentOzonContentClickEvent, type DocumentComponentRecursiveToggleEvent, type DocumentComponentTableOfContentsClickEvent, type DocumentComponentToggleAnnotationEvent, type DsoAccordionSectionCustomEvent, type DsoAdvancedSelectCustomEvent, type DsoAlertCustomEvent, type DsoAnnotationActiviteitCustomEvent, type DsoAnnotationGebiedsaanwijzingCustomEvent, type DsoAnnotationKaartCustomEvent, type DsoAnnotationLocatieCustomEvent, type DsoAnnotationOmgevingsnormwaardeCustomEvent, type DsoAutosuggestCustomEvent, type DsoCardCustomEvent, type DsoDatePickerCustomEvent, type DsoDocumentCardCustomEvent, type DsoDocumentComponentCustomEvent, type DsoExpandableCustomEvent, type DsoHeaderCustomEvent, type DsoHistoryItemCustomEvent, type DsoIconButtonCustomEvent, type DsoInfoButtonCustomEvent, type DsoInfoCustomEvent, type DsoInputRangeCustomEvent, type DsoLabelCustomEvent, type DsoLegendCustomEvent, type DsoLegendItemCustomEvent, type DsoListButtonCustomEvent, type DsoLogoCustomEvent, type DsoMapBaseLayersCustomEvent, type DsoMapControlsCustomEvent, type DsoMapLayerCustomEvent, type DsoMapLayerObjectCustomEvent, type DsoMapOverlaysCustomEvent, type DsoMarkBarCustomEvent, type DsoModalCustomEvent, type DsoOnboardingTipCustomEvent, type DsoOzonContentCustomEvent, type DsoPaginationCustomEvent, type DsoPanelCustomEvent, type DsoPlekinfoCardCustomEvent, type DsoRenvooiCustomEvent, type DsoResponsiveElementCustomEvent, type DsoScrollEndEvent, type DsoScrollableCustomEvent, type DsoSelectableCustomEvent, type DsoSkiplinkCustomEvent, type DsoSlideToggleCustomEvent, type DsoSurveyRatingCustomEvent, type DsoTabCustomEvent, type DsoTreeViewCustomEvent, type DsoViewerGridCustomEvent, type DsotDocumentComponentDemoCustomEvent, type ExpandableAnimationEndEvent, type ExpandableAnimationStartEvent, type HeaderEvent, type HistoryItemClickEvent, type IconButtonClickEvent, type InfoButtonToggleEvent, type InputRangeChangeEvent, type LegendCloseEvent, type LegendContentSwitchEvent, type LegendItemActiveChangeEvent, type ListButtonChangeEvent, type ListButtonSelectedEvent, type LogoClickEvent, type LogoLabelClickEvent, type MapControlsToggleEvent, type MapLayerActiveChangeEvent, type MapLayerObjectActiveChangeEvent, type MarkBarClearEvent, type MarkBarInputEvent, type MarkBarPaginationEvent, type ModalCloseEvent, type OnboardingTipCloseEvent, type OverlayChangeEvent, type OzonContentClickEvent, type OzonContentMarkItemHighlightEvent, type PaginationSelectPageEvent, type PanelCloseEvent, type PlekinfoCardClickEvent, type RenvooiMarkItemHighlightEvent, type ResponsiveElementSize, type SelectableChangeEvent, type SkiplinkClickEvent, type SlideToggleActiveEvent, type Suggestion, type SurveyRatingCloseEvent, type SurveyRatingSubmitEvent, type TabsSwitchEvent, type TreeViewItem, type TreeViewPointerEvent, type ViewerGridActiveTabSwitchEvent, type ViewerGridChangeSizeAnimationEndEvent, type ViewerGridChangeSizeEvent, type ViewerGridCloseFilterPanelEvent, type ViewerGridCloseOverlayEvent, type ViewerGridMainToggleEvent } from "@dso-toolkit/core";
6
6
  import { DsoAccordionSection as DsoAccordionSectionElement } from "@dso-toolkit/core/dist/components/dso-accordion-section.js";
7
7
  import { DsoAccordion as DsoAccordionElement } from "@dso-toolkit/core/dist/components/dso-accordion.js";
8
8
  import { DsoActionListItem as DsoActionListItemElement } from "@dso-toolkit/core/dist/components/dso-action-list-item.js";
@@ -38,6 +38,7 @@ import { DsoInfo as DsoInfoElement } from "@dso-toolkit/core/dist/components/dso
38
38
  import { DsoInputRange as DsoInputRangeElement } from "@dso-toolkit/core/dist/components/dso-input-range.js";
39
39
  import { DsoLabel as DsoLabelElement } from "@dso-toolkit/core/dist/components/dso-label.js";
40
40
  import { DsoLegendItem as DsoLegendItemElement } from "@dso-toolkit/core/dist/components/dso-legend-item.js";
41
+ import { DsoLegend as DsoLegendElement } from "@dso-toolkit/core/dist/components/dso-legend.js";
41
42
  import { DsoListButton as DsoListButtonElement } from "@dso-toolkit/core/dist/components/dso-list-button.js";
42
43
  import { DsoLogo as DsoLogoElement } from "@dso-toolkit/core/dist/components/dso-logo.js";
43
44
  import { DsoMapBaseLayers as DsoMapBaseLayersElement } from "@dso-toolkit/core/dist/components/dso-map-base-layers.js";
@@ -198,6 +199,11 @@ export type DsoLabelEvents = {
198
199
  onDsoRemoveClick: EventName<DsoLabelCustomEvent<MouseEvent>>;
199
200
  };
200
201
  export declare const DsoLabel: StencilReactComponent<DsoLabelElement, DsoLabelEvents>;
202
+ export type DsoLegendEvents = {
203
+ onDsoContentSwitch: EventName<DsoLegendCustomEvent<LegendContentSwitchEvent>>;
204
+ onDsoClose: EventName<DsoLegendCustomEvent<LegendCloseEvent>>;
205
+ };
206
+ export declare const DsoLegend: StencilReactComponent<DsoLegendElement, DsoLegendEvents>;
201
207
  export type DsoLegendItemEvents = {
202
208
  onDsoActiveChange: EventName<DsoLegendItemCustomEvent<LegendItemActiveChangeEvent>>;
203
209
  onDsoMouseEnter: EventName<CustomEvent<any>>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dso-toolkit/react",
3
3
  "type": "module",
4
- "version": "84.0.0",
4
+ "version": "85.0.0",
5
5
  "description": "React specific wrapper for @dso-toolkit/core web components",
6
6
  "homepage": "https://www.dso-toolkit.nl/",
7
7
  "repository": {
@@ -23,29 +23,29 @@
23
23
  "devDependencies": {
24
24
  "@iframe-resizer/child": "^5.5.7",
25
25
  "@stencil/core": "4.39.0",
26
- "@storybook/addon-a11y": "10.0.8",
27
- "@storybook/addon-docs": "10.0.8",
28
- "@storybook/builder-vite": "10.0.8",
29
- "@storybook/react-vite": "10.0.8",
26
+ "@storybook/addon-a11y": "10.1.9",
27
+ "@storybook/addon-docs": "10.1.9",
28
+ "@storybook/builder-vite": "10.1.9",
29
+ "@storybook/react-vite": "10.1.9",
30
30
  "@types/lodash.startcase": "^4.4.9",
31
- "@types/react": "^19.2.6",
31
+ "@types/react": "^19.2.7",
32
32
  "@types/react-dom": "^19.2.3",
33
- "dso-toolkit": "^84.0.0",
34
- "eslint": "^9.39.1",
35
- "eslint-plugin-storybook": "10.0.8",
33
+ "dso-toolkit": "^85.0.0",
34
+ "eslint": "^9.39.2",
35
+ "eslint-plugin-storybook": "10.1.9",
36
36
  "http-proxy-middleware": "^3.0.5",
37
37
  "lodash.startcase": "^4.4.0",
38
- "react": "^19.2.0",
39
- "react-dom": "^19.2.0",
40
- "rimraf": "^6.1.0",
41
- "storybook": "10.0.8",
38
+ "react": "^19.2.3",
39
+ "react-dom": "^19.2.3",
40
+ "rimraf": "^6.1.2",
41
+ "storybook": "10.1.9",
42
42
  "tslib": "^2.8.1",
43
43
  "typescript": "~5.9.3",
44
- "vite": "^7.2.2",
44
+ "vite": "^7.3.0",
45
45
  "wait-on": "^9.0.3"
46
46
  },
47
47
  "peerDependencies": {
48
- "@dso-toolkit/core": "84.0.0",
48
+ "@dso-toolkit/core": "85.0.0",
49
49
  "react": "^18.3.0 || ^19.0.0",
50
50
  "react-dom": "^18.3.0 || ^19.0.0"
51
51
  },