@dso-toolkit/react 83.0.0 → 84.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 (5) hide show
  1. package/dist/components/autosuggest/autosuggest.react-template.js +2 -2
  2. package/dist/components/autosuggest/autosuggest.stories.js +1 -2
  3. package/dist/components.js +22 -0
  4. package/dist/types/components.d.ts +13 -1
  5. package/package.json +4 -4
package/dist/components/autosuggest/autosuggest.react-template.js CHANGED
@@ -3,7 +3,7 @@ import { DsoAutosuggest } from "../../components";
3
3
  export const reactAutosuggest = {
4
4
  component: "autosuggest",
5
5
  implementation: "react",
6
- template: () => function autosuggestTemplate({ children, dsoChange, dsoSearch, dsoSelect, loading, suggestOnFocus, suggestions, loadingDelayed, loadingLabel, notFoundLabel, mark, }) {
7
- return (React.createElement(DsoAutosuggest, { suggestions: suggestions, onDsoSelect: dsoSelect, onDsoChange: dsoChange, onDsoSearch: dsoSearch, suggestOnFocus: suggestOnFocus, loading: loading, loadingLabel: loadingLabel, loadingDelayed: loadingDelayed, notFoundLabel: notFoundLabel, mark: mark }, children));
6
+ template: () => function autosuggestTemplate({ children, dsoChange, dsoSearch, dsoSelect, loading, suggestions, loadingDelayed, loadingLabel, notFoundLabel, mark, }) {
7
+ return (React.createElement(DsoAutosuggest, { suggestions: suggestions, onDsoSelect: dsoSelect, onDsoChange: dsoChange, onDsoSearch: dsoSearch, loading: loading, loadingLabel: loadingLabel, loadingDelayed: loadingDelayed, notFoundLabel: notFoundLabel, mark: mark }, children));
8
8
  },
9
9
  };
package/dist/components/autosuggest/autosuggest.stories.js CHANGED
@@ -32,7 +32,6 @@ const { Example, Minimal3Characters, InSearchbar, WithProvidedMarkFunction, Sugg
32
32
  suggestions: this.props.fetchSuggestions(e.detail),
33
33
  }));
34
34
  },
35
- suggestOnFocus: this.props.suggestOnFocus,
36
35
  loading: this.props.loading,
37
36
  loadingLabel: this.props.loadingLabel,
38
37
  loadingDelayed: this.props.loadingDelayed,
@@ -43,7 +42,7 @@ const { Example, Minimal3Characters, InSearchbar, WithProvidedMarkFunction, Sugg
43
42
  }
44
43
  }
45
44
  return {
46
- autosuggestDemoTemplate: (fetchSuggestions, dsoSelect, dsoChange, dsoSearch, suggestOnFocus, loading, loadingLabel, loadingDelay, notFoundLabel) => (React.createElement(AutosuggestDemoTemplate, { fetchSuggestions: fetchSuggestions, dsoChange: dsoChange, dsoSelect: dsoSelect, dsoSearch: dsoSearch, suggestOnFocus: suggestOnFocus, loading: loading, loadingLabel: loadingLabel, loadingDelayed: loadingDelay, notFoundLabel: notFoundLabel })),
45
+ autosuggestDemoTemplate: (fetchSuggestions, dsoSelect, dsoChange, dsoSearch, loading, loadingLabel, loadingDelay, notFoundLabel) => (React.createElement(AutosuggestDemoTemplate, { fetchSuggestions: fetchSuggestions, dsoChange: dsoChange, dsoSelect: dsoSelect, dsoSearch: dsoSearch, loading: loading, loadingLabel: loadingLabel, loadingDelayed: loadingDelay, notFoundLabel: notFoundLabel })),
47
46
  autosuggestInSearchBarTemplate: () => React.createElement("p", null, "Zie Web Component in Core."),
48
47
  };
49
48
  },
package/dist/components.js CHANGED
@@ -38,6 +38,8 @@ import { DsoListButton as DsoListButtonElement, defineCustomElement as defineDso
38
38
  import { DsoLogo as DsoLogoElement, defineCustomElement as defineDsoLogo } from "@dso-toolkit/core/dist/components/dso-logo.js";
39
39
  import { DsoMapBaseLayers as DsoMapBaseLayersElement, defineCustomElement as defineDsoMapBaseLayers } from "@dso-toolkit/core/dist/components/dso-map-base-layers.js";
40
40
  import { DsoMapControls as DsoMapControlsElement, defineCustomElement as defineDsoMapControls } from "@dso-toolkit/core/dist/components/dso-map-controls.js";
41
+ import { DsoMapLayerObject as DsoMapLayerObjectElement, defineCustomElement as defineDsoMapLayerObject } from "@dso-toolkit/core/dist/components/dso-map-layer-object.js";
42
+ import { DsoMapLayer as DsoMapLayerElement, defineCustomElement as defineDsoMapLayer } from "@dso-toolkit/core/dist/components/dso-map-layer.js";
41
43
  import { DsoMapOverlays as DsoMapOverlaysElement, defineCustomElement as defineDsoMapOverlays } from "@dso-toolkit/core/dist/components/dso-map-overlays.js";
42
44
  import { DsoMarkBar as DsoMarkBarElement, defineCustomElement as defineDsoMarkBar } from "@dso-toolkit/core/dist/components/dso-mark-bar.js";
43
45
  import { DsoModal as DsoModalElement, defineCustomElement as defineDsoModal } from "@dso-toolkit/core/dist/components/dso-modal.js";
@@ -421,6 +423,26 @@ export const DsoMapControls = /*@__PURE__*/ createComponent({
421
423
  },
422
424
  defineCustomElement: defineDsoMapControls
423
425
  });
426
+ export const DsoMapLayer = /*@__PURE__*/ createComponent({
427
+ tagName: 'dso-map-layer',
428
+ elementClass: DsoMapLayerElement,
429
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
430
+ react: React,
431
+ events: { onDsoActiveChange: 'dsoActiveChange' },
432
+ defineCustomElement: defineDsoMapLayer
433
+ });
434
+ export const DsoMapLayerObject = /*@__PURE__*/ createComponent({
435
+ tagName: 'dso-map-layer-object',
436
+ elementClass: DsoMapLayerObjectElement,
437
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
438
+ react: React,
439
+ events: {
440
+ onDsoActiveChange: 'dsoActiveChange',
441
+ onDsoMouseEnter: 'dsoMouseEnter',
442
+ onDsoMouseLeave: 'dsoMouseLeave'
443
+ },
444
+ defineCustomElement: defineDsoMapLayerObject
445
+ });
424
446
  export const DsoMapOverlays = /*@__PURE__*/ createComponent({
425
447
  tagName: 'dso-map-overlays',
426
448
  elementClass: DsoMapOverlaysElement,
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 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 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 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";
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";
@@ -42,6 +42,8 @@ import { DsoListButton as DsoListButtonElement } from "@dso-toolkit/core/dist/co
42
42
  import { DsoLogo as DsoLogoElement } from "@dso-toolkit/core/dist/components/dso-logo.js";
43
43
  import { DsoMapBaseLayers as DsoMapBaseLayersElement } from "@dso-toolkit/core/dist/components/dso-map-base-layers.js";
44
44
  import { DsoMapControls as DsoMapControlsElement } from "@dso-toolkit/core/dist/components/dso-map-controls.js";
45
+ import { DsoMapLayerObject as DsoMapLayerObjectElement } from "@dso-toolkit/core/dist/components/dso-map-layer-object.js";
46
+ import { DsoMapLayer as DsoMapLayerElement } from "@dso-toolkit/core/dist/components/dso-map-layer.js";
45
47
  import { DsoMapOverlays as DsoMapOverlaysElement } from "@dso-toolkit/core/dist/components/dso-map-overlays.js";
46
48
  import { DsoMarkBar as DsoMarkBarElement } from "@dso-toolkit/core/dist/components/dso-mark-bar.js";
47
49
  import { DsoModal as DsoModalElement } from "@dso-toolkit/core/dist/components/dso-modal.js";
@@ -222,6 +224,16 @@ export type DsoMapControlsEvents = {
222
224
  onDsoToggle: EventName<DsoMapControlsCustomEvent<MapControlsToggleEvent>>;
223
225
  };
224
226
  export declare const DsoMapControls: StencilReactComponent<DsoMapControlsElement, DsoMapControlsEvents>;
227
+ export type DsoMapLayerEvents = {
228
+ onDsoActiveChange: EventName<DsoMapLayerCustomEvent<MapLayerActiveChangeEvent>>;
229
+ };
230
+ export declare const DsoMapLayer: StencilReactComponent<DsoMapLayerElement, DsoMapLayerEvents>;
231
+ export type DsoMapLayerObjectEvents = {
232
+ onDsoActiveChange: EventName<DsoMapLayerObjectCustomEvent<MapLayerObjectActiveChangeEvent>>;
233
+ onDsoMouseEnter: EventName<CustomEvent<any>>;
234
+ onDsoMouseLeave: EventName<CustomEvent<any>>;
235
+ };
236
+ export declare const DsoMapLayerObject: StencilReactComponent<DsoMapLayerObjectElement, DsoMapLayerObjectEvents>;
225
237
  export type DsoMapOverlaysEvents = {
226
238
  onDsoToggleOverlay: EventName<DsoMapOverlaysCustomEvent<OverlayChangeEvent>>;
227
239
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dso-toolkit/react",
3
3
  "type": "module",
4
- "version": "83.0.0",
4
+ "version": "84.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": {
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "devDependencies": {
24
24
  "@iframe-resizer/child": "^5.5.7",
25
- "@stencil/core": "4.36.1",
25
+ "@stencil/core": "4.39.0",
26
26
  "@storybook/addon-a11y": "10.0.8",
27
27
  "@storybook/addon-docs": "10.0.8",
28
28
  "@storybook/builder-vite": "10.0.8",
@@ -30,7 +30,7 @@
30
30
  "@types/lodash.startcase": "^4.4.9",
31
31
  "@types/react": "^19.2.6",
32
32
  "@types/react-dom": "^19.2.3",
33
- "dso-toolkit": "^83.0.0",
33
+ "dso-toolkit": "^84.0.0",
34
34
  "eslint": "^9.39.1",
35
35
  "eslint-plugin-storybook": "10.0.8",
36
36
  "http-proxy-middleware": "^3.0.5",
@@ -45,7 +45,7 @@
45
45
  "wait-on": "^9.0.3"
46
46
  },
47
47
  "peerDependencies": {
48
- "@dso-toolkit/core": "83.0.0",
48
+ "@dso-toolkit/core": "84.0.0",
49
49
  "react": "^18.3.0 || ^19.0.0",
50
50
  "react-dom": "^18.3.0 || ^19.0.0"
51
51
  },