@dso-toolkit/react 88.1.1 → 90.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.
- package/dist/components/accordion/accordion.content.js +5 -5
- package/dist/components/banner/banner.content.js +1 -1
- package/dist/components/icon/icon-overview.decorator.js +1 -1
- package/dist/components/icon/icon.stories.js +1 -1
- package/dist/components/table/table.react-template.js +1 -1
- package/dist/components.js +19 -0
- package/dist/types/components.d.ts +18 -7
- package/package.json +18 -18
|
@@ -105,12 +105,12 @@ export function nestedSections({ accordionTemplate }) {
|
|
|
105
105
|
export const addonsSections = [
|
|
106
106
|
{
|
|
107
107
|
...section1,
|
|
108
|
-
icon: "user-
|
|
108
|
+
icon: "user-outline",
|
|
109
109
|
},
|
|
110
110
|
{
|
|
111
111
|
...section1,
|
|
112
112
|
status: "error",
|
|
113
|
-
icon: "user-
|
|
113
|
+
icon: "user-outline",
|
|
114
114
|
open: true,
|
|
115
115
|
},
|
|
116
116
|
{
|
|
@@ -135,16 +135,16 @@ export const addonsSections = [
|
|
|
135
135
|
export const alignmentSections = [
|
|
136
136
|
{
|
|
137
137
|
...section1,
|
|
138
|
-
icon: "user-
|
|
138
|
+
icon: "user-outline",
|
|
139
139
|
open: true,
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
142
|
...section2,
|
|
143
|
-
icon: "user-
|
|
143
|
+
icon: "user-outline",
|
|
144
144
|
},
|
|
145
145
|
{
|
|
146
146
|
...section3,
|
|
147
|
-
icon: "user-
|
|
147
|
+
icon: "user-outline",
|
|
148
148
|
},
|
|
149
149
|
];
|
|
150
150
|
export const renvooiSections = [
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
const closeButton = ({ iconTemplate }) => {
|
|
3
3
|
return (React.createElement("button", { type: "button", className: "dso-tertiary", onClick: () => null },
|
|
4
4
|
React.createElement("span", { className: "sr-only" }, "Sluiten"),
|
|
5
|
-
iconTemplate({ icon: "
|
|
5
|
+
iconTemplate({ icon: "cross" })));
|
|
6
6
|
};
|
|
7
7
|
export const warningRichContent = (templates) => (React.createElement(React.Fragment, null,
|
|
8
8
|
React.createElement("div", { className: "dso-rich-content" },
|
|
@@ -6,7 +6,7 @@ export const decorator = (story, icons) => {
|
|
|
6
6
|
if (!React.isValidElement(s)) {
|
|
7
7
|
throw new Error("Expected a valid JSX element");
|
|
8
8
|
}
|
|
9
|
-
return (React.createElement("li",
|
|
9
|
+
return (React.createElement("li", { key: icon },
|
|
10
10
|
s,
|
|
11
11
|
React.createElement("br", null),
|
|
12
12
|
React.createElement("code", null, icon)));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { iconMeta, iconStories } from "dso-toolkit";
|
|
2
|
+
import icons from "dso-toolkit/storybook-assets/icons.json";
|
|
2
3
|
import { templateContainer } from "../../templates";
|
|
3
4
|
import { decorator } from "./icon-overview.decorator";
|
|
4
5
|
import readme from "./readme.md?raw";
|
|
5
|
-
const icons = import.meta.env?.VITE_ICONS?.split(",") || [];
|
|
6
6
|
const meta = {
|
|
7
7
|
...iconMeta({ readme }),
|
|
8
8
|
title: "Icon",
|
|
@@ -21,7 +21,7 @@ export const reactTable = {
|
|
|
21
21
|
React.createElement("tr", null, content.head.map((col, cellIndex) => "sortable" in col ? (React.createElement("th", { scope: "col", key: cellIndex, "aria-sort": col.sorting },
|
|
22
22
|
React.createElement("button", { type: "button", "aria-roledescription": getAriaRoledescription(col.sorting), className: clsx("dso-tertiary dso-sort", { "dso-sort-active": !!col.sorting }) },
|
|
23
23
|
React.createElement("span", null, col.label),
|
|
24
|
-
React.createElement(DsoIcon, { icon: col.sorting ? "sort-"
|
|
24
|
+
React.createElement(DsoIcon, { icon: col.sorting === "ascending" ? "sort-ascending" : "sort-descending" })))) : (React.createElement("th", { scope: "col", key: cellIndex }, col.label))))),
|
|
25
25
|
React.createElement("tbody", null, content.rows.map((row, index) => (React.createElement("tr", { key: index }, row.map((col, cellIndex) => index === 0 ? (typeof col === "string" ? (React.createElement("th", { key: cellIndex, scope: "row", dangerouslySetInnerHTML: { __html: col } })) : (React.createElement("th", { key: cellIndex, scope: "row" }, col))) : typeof col === "string" ? (React.createElement("td", { key: cellIndex, dangerouslySetInnerHTML: { __html: col } })) : (React.createElement("td", { key: cellIndex }, col))))))))));
|
|
26
26
|
},
|
|
27
27
|
};
|
package/dist/components.js
CHANGED
|
@@ -34,6 +34,7 @@ import { DsoInfoButton as DsoInfoButtonElement, defineCustomElement as defineDso
|
|
|
34
34
|
import { DsoInfo as DsoInfoElement, defineCustomElement as defineDsoInfo } from "@dso-toolkit/core/dist/components/dso-info.js";
|
|
35
35
|
import { DsoInputRange as DsoInputRangeElement, defineCustomElement as defineDsoInputRange } from "@dso-toolkit/core/dist/components/dso-input-range.js";
|
|
36
36
|
import { DsoLabel as DsoLabelElement, defineCustomElement as defineDsoLabel } from "@dso-toolkit/core/dist/components/dso-label.js";
|
|
37
|
+
import { DsoLegendGroup as DsoLegendGroupElement, defineCustomElement as defineDsoLegendGroup } from "@dso-toolkit/core/dist/components/dso-legend-group.js";
|
|
37
38
|
import { DsoLegendItem as DsoLegendItemElement, defineCustomElement as defineDsoLegendItem } from "@dso-toolkit/core/dist/components/dso-legend-item.js";
|
|
38
39
|
import { DsoLegend as DsoLegendElement, defineCustomElement as defineDsoLegend } from "@dso-toolkit/core/dist/components/dso-legend.js";
|
|
39
40
|
import { DsoListButton as DsoListButtonElement, defineCustomElement as defineDsoListButton } from "@dso-toolkit/core/dist/components/dso-list-button.js";
|
|
@@ -56,6 +57,7 @@ import { DsoProjectItem as DsoProjectItemElement, defineCustomElement as defineD
|
|
|
56
57
|
import { DsoRenvooi as DsoRenvooiElement, defineCustomElement as defineDsoRenvooi } from "@dso-toolkit/core/dist/components/dso-renvooi.js";
|
|
57
58
|
import { DsoResponsiveElement as DsoResponsiveElementElement, defineCustomElement as defineDsoResponsiveElement } from "@dso-toolkit/core/dist/components/dso-responsive-element.js";
|
|
58
59
|
import { DsoScrollable as DsoScrollableElement, defineCustomElement as defineDsoScrollable } from "@dso-toolkit/core/dist/components/dso-scrollable.js";
|
|
60
|
+
import { DsoSegmentedButton as DsoSegmentedButtonElement, defineCustomElement as defineDsoSegmentedButton } from "@dso-toolkit/core/dist/components/dso-segmented-button.js";
|
|
59
61
|
import { DsoSelectable as DsoSelectableElement, defineCustomElement as defineDsoSelectable } from "@dso-toolkit/core/dist/components/dso-selectable.js";
|
|
60
62
|
import { DsoSkiplink as DsoSkiplinkElement, defineCustomElement as defineDsoSkiplink } from "@dso-toolkit/core/dist/components/dso-skiplink.js";
|
|
61
63
|
import { DsoSlideToggle as DsoSlideToggleElement, defineCustomElement as defineDsoSlideToggle } from "@dso-toolkit/core/dist/components/dso-slide-toggle.js";
|
|
@@ -390,6 +392,14 @@ export const DsoLegend = /*@__PURE__*/ createComponent({
|
|
|
390
392
|
},
|
|
391
393
|
defineCustomElement: defineDsoLegend
|
|
392
394
|
});
|
|
395
|
+
export const DsoLegendGroup = /*@__PURE__*/ createComponent({
|
|
396
|
+
tagName: 'dso-legend-group',
|
|
397
|
+
elementClass: DsoLegendGroupElement,
|
|
398
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
399
|
+
react: React,
|
|
400
|
+
events: { onDsoLegendGroupModeChange: 'dsoLegendGroupModeChange' },
|
|
401
|
+
defineCustomElement: defineDsoLegendGroup
|
|
402
|
+
});
|
|
393
403
|
export const DsoLegendItem = /*@__PURE__*/ createComponent({
|
|
394
404
|
tagName: 'dso-legend-item',
|
|
395
405
|
elementClass: DsoLegendItemElement,
|
|
@@ -397,6 +407,7 @@ export const DsoLegendItem = /*@__PURE__*/ createComponent({
|
|
|
397
407
|
react: React,
|
|
398
408
|
events: {
|
|
399
409
|
onDsoActiveChange: 'dsoActiveChange',
|
|
410
|
+
onDsoDelete: 'dsoDelete',
|
|
400
411
|
onDsoMouseEnter: 'dsoMouseEnter',
|
|
401
412
|
onDsoMouseLeave: 'dsoMouseLeave'
|
|
402
413
|
},
|
|
@@ -584,6 +595,14 @@ export const DsoScrollable = /*@__PURE__*/ createComponent({
|
|
|
584
595
|
events: { onDsoScrollEnd: 'dsoScrollEnd' },
|
|
585
596
|
defineCustomElement: defineDsoScrollable
|
|
586
597
|
});
|
|
598
|
+
export const DsoSegmentedButton = /*@__PURE__*/ createComponent({
|
|
599
|
+
tagName: 'dso-segmented-button',
|
|
600
|
+
elementClass: DsoSegmentedButtonElement,
|
|
601
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
602
|
+
react: React,
|
|
603
|
+
events: { onDsoChange: 'dsoChange' },
|
|
604
|
+
defineCustomElement: defineDsoSegmentedButton
|
|
605
|
+
});
|
|
587
606
|
export const DsoSelectable = /*@__PURE__*/ createComponent({
|
|
588
607
|
tagName: 'dso-selectable',
|
|
589
608
|
elementClass: DsoSelectableElement,
|
|
@@ -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 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";
|
|
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 DsoLegendGroupCustomEvent, 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 DsoSegmentedButtonCustomEvent, 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 LegendGroupModeChangeEvent, type LegendItemActiveChangeEvent, type LegendItemDeleteEvent, 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 SegmentedButtonChangeEvent, 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 { DsoInfoButton as DsoInfoButtonElement } from "@dso-toolkit/core/dist/co
|
|
|
38
38
|
import { DsoInfo as DsoInfoElement } from "@dso-toolkit/core/dist/components/dso-info.js";
|
|
39
39
|
import { DsoInputRange as DsoInputRangeElement } from "@dso-toolkit/core/dist/components/dso-input-range.js";
|
|
40
40
|
import { DsoLabel as DsoLabelElement } from "@dso-toolkit/core/dist/components/dso-label.js";
|
|
41
|
+
import { DsoLegendGroup as DsoLegendGroupElement } from "@dso-toolkit/core/dist/components/dso-legend-group.js";
|
|
41
42
|
import { DsoLegendItem as DsoLegendItemElement } from "@dso-toolkit/core/dist/components/dso-legend-item.js";
|
|
42
43
|
import { DsoLegend as DsoLegendElement } from "@dso-toolkit/core/dist/components/dso-legend.js";
|
|
43
44
|
import { DsoListButton as DsoListButtonElement } from "@dso-toolkit/core/dist/components/dso-list-button.js";
|
|
@@ -60,6 +61,7 @@ import { DsoProjectItem as DsoProjectItemElement } from "@dso-toolkit/core/dist/
|
|
|
60
61
|
import { DsoRenvooi as DsoRenvooiElement } from "@dso-toolkit/core/dist/components/dso-renvooi.js";
|
|
61
62
|
import { DsoResponsiveElement as DsoResponsiveElementElement } from "@dso-toolkit/core/dist/components/dso-responsive-element.js";
|
|
62
63
|
import { DsoScrollable as DsoScrollableElement } from "@dso-toolkit/core/dist/components/dso-scrollable.js";
|
|
64
|
+
import { DsoSegmentedButton as DsoSegmentedButtonElement } from "@dso-toolkit/core/dist/components/dso-segmented-button.js";
|
|
63
65
|
import { DsoSelectable as DsoSelectableElement } from "@dso-toolkit/core/dist/components/dso-selectable.js";
|
|
64
66
|
import { DsoSkiplink as DsoSkiplinkElement } from "@dso-toolkit/core/dist/components/dso-skiplink.js";
|
|
65
67
|
import { DsoSlideToggle as DsoSlideToggleElement } from "@dso-toolkit/core/dist/components/dso-slide-toggle.js";
|
|
@@ -120,8 +122,8 @@ export type DsoAttachmentsCounterEvents = NonNullable<unknown>;
|
|
|
120
122
|
export declare const DsoAttachmentsCounter: StencilReactComponent<DsoAttachmentsCounterElement, DsoAttachmentsCounterEvents>;
|
|
121
123
|
export type DsoAutosuggestEvents = {
|
|
122
124
|
onDsoSelect: EventName<DsoAutosuggestCustomEvent<Suggestion>>;
|
|
123
|
-
onDsoChange: EventName<
|
|
124
|
-
onDsoSearch: EventName<
|
|
125
|
+
onDsoChange: EventName<DsoAutosuggestCustomEvent<string>>;
|
|
126
|
+
onDsoSearch: EventName<DsoAutosuggestCustomEvent<string>>;
|
|
125
127
|
};
|
|
126
128
|
export declare const DsoAutosuggest: StencilReactComponent<DsoAutosuggestElement, DsoAutosuggestEvents>;
|
|
127
129
|
export type DsoBadgeEvents = NonNullable<unknown>;
|
|
@@ -207,10 +209,15 @@ export type DsoLegendEvents = {
|
|
|
207
209
|
onDsoClose: EventName<DsoLegendCustomEvent<LegendCloseEvent>>;
|
|
208
210
|
};
|
|
209
211
|
export declare const DsoLegend: StencilReactComponent<DsoLegendElement, DsoLegendEvents>;
|
|
212
|
+
export type DsoLegendGroupEvents = {
|
|
213
|
+
onDsoLegendGroupModeChange: EventName<DsoLegendGroupCustomEvent<LegendGroupModeChangeEvent>>;
|
|
214
|
+
};
|
|
215
|
+
export declare const DsoLegendGroup: StencilReactComponent<DsoLegendGroupElement, DsoLegendGroupEvents>;
|
|
210
216
|
export type DsoLegendItemEvents = {
|
|
211
217
|
onDsoActiveChange: EventName<DsoLegendItemCustomEvent<LegendItemActiveChangeEvent>>;
|
|
212
|
-
|
|
213
|
-
|
|
218
|
+
onDsoDelete: EventName<DsoLegendItemCustomEvent<LegendItemDeleteEvent>>;
|
|
219
|
+
onDsoMouseEnter: EventName<DsoLegendItemCustomEvent<any>>;
|
|
220
|
+
onDsoMouseLeave: EventName<DsoLegendItemCustomEvent<any>>;
|
|
214
221
|
};
|
|
215
222
|
export declare const DsoLegendItem: StencilReactComponent<DsoLegendItemElement, DsoLegendItemEvents>;
|
|
216
223
|
export type DsoListButtonEvents = {
|
|
@@ -239,8 +246,8 @@ export type DsoMapLayerEvents = {
|
|
|
239
246
|
export declare const DsoMapLayer: StencilReactComponent<DsoMapLayerElement, DsoMapLayerEvents>;
|
|
240
247
|
export type DsoMapLayerObjectEvents = {
|
|
241
248
|
onDsoActiveChange: EventName<DsoMapLayerObjectCustomEvent<MapLayerObjectActiveChangeEvent>>;
|
|
242
|
-
onDsoMouseEnter: EventName<
|
|
243
|
-
onDsoMouseLeave: EventName<
|
|
249
|
+
onDsoMouseEnter: EventName<DsoMapLayerObjectCustomEvent<any>>;
|
|
250
|
+
onDsoMouseLeave: EventName<DsoMapLayerObjectCustomEvent<any>>;
|
|
244
251
|
};
|
|
245
252
|
export declare const DsoMapLayerObject: StencilReactComponent<DsoMapLayerObjectElement, DsoMapLayerObjectEvents>;
|
|
246
253
|
export type DsoMapOverlaysEvents = {
|
|
@@ -297,6 +304,10 @@ export type DsoScrollableEvents = {
|
|
|
297
304
|
onDsoScrollEnd: EventName<DsoScrollableCustomEvent<DsoScrollEndEvent>>;
|
|
298
305
|
};
|
|
299
306
|
export declare const DsoScrollable: StencilReactComponent<DsoScrollableElement, DsoScrollableEvents>;
|
|
307
|
+
export type DsoSegmentedButtonEvents = {
|
|
308
|
+
onDsoChange: EventName<DsoSegmentedButtonCustomEvent<SegmentedButtonChangeEvent>>;
|
|
309
|
+
};
|
|
310
|
+
export declare const DsoSegmentedButton: StencilReactComponent<DsoSegmentedButtonElement, DsoSegmentedButtonEvents>;
|
|
300
311
|
export type DsoSelectableEvents = {
|
|
301
312
|
onDsoChange: EventName<DsoSelectableCustomEvent<SelectableChangeEvent>>;
|
|
302
313
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dso-toolkit/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "90.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": {
|
|
@@ -18,34 +18,34 @@
|
|
|
18
18
|
"dist/"
|
|
19
19
|
],
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@stencil/react-output-target": "^1.
|
|
21
|
+
"@stencil/react-output-target": "^1.4.1"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@iframe-resizer/child": "^5.5.
|
|
25
|
-
"@stencil/core": "4.
|
|
26
|
-
"@storybook/addon-a11y": "10.
|
|
27
|
-
"@storybook/addon-docs": "10.
|
|
28
|
-
"@storybook/builder-vite": "10.
|
|
29
|
-
"@storybook/react-vite": "10.
|
|
24
|
+
"@iframe-resizer/child": "^5.5.9",
|
|
25
|
+
"@stencil/core": "4.43.0",
|
|
26
|
+
"@storybook/addon-a11y": "10.2.10",
|
|
27
|
+
"@storybook/addon-docs": "10.2.10",
|
|
28
|
+
"@storybook/builder-vite": "10.2.10",
|
|
29
|
+
"@storybook/react-vite": "10.2.10",
|
|
30
30
|
"@types/lodash.startcase": "^4.4.9",
|
|
31
|
-
"@types/react": "^19.2.
|
|
31
|
+
"@types/react": "^19.2.14",
|
|
32
32
|
"@types/react-dom": "^19.2.3",
|
|
33
|
-
"dso-toolkit": "^
|
|
33
|
+
"dso-toolkit": "^90.0.0",
|
|
34
34
|
"eslint": "^9.39.2",
|
|
35
|
-
"eslint-plugin-storybook": "10.
|
|
35
|
+
"eslint-plugin-storybook": "10.2.8",
|
|
36
36
|
"http-proxy-middleware": "^3.0.5",
|
|
37
37
|
"lodash.startcase": "^4.4.0",
|
|
38
|
-
"react": "^19.2.
|
|
39
|
-
"react-dom": "^19.2.
|
|
40
|
-
"rimraf": "^6.1.
|
|
41
|
-
"storybook": "10.
|
|
38
|
+
"react": "^19.2.4",
|
|
39
|
+
"react-dom": "^19.2.4",
|
|
40
|
+
"rimraf": "^6.1.3",
|
|
41
|
+
"storybook": "10.2.10",
|
|
42
42
|
"tslib": "^2.8.1",
|
|
43
43
|
"typescript": "~5.9.3",
|
|
44
|
-
"vite": "^7.3.
|
|
45
|
-
"wait-on": "^9.0.
|
|
44
|
+
"vite": "^7.3.1",
|
|
45
|
+
"wait-on": "^9.0.4"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
|
-
"@dso-toolkit/core": "
|
|
48
|
+
"@dso-toolkit/core": "90.0.0",
|
|
49
49
|
"react": "^18.3.0 || ^19.0.0",
|
|
50
50
|
"react-dom": "^18.3.0 || ^19.0.0"
|
|
51
51
|
},
|