@dso-toolkit/react 80.0.0 → 81.1.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/ozon-content/ozon-content.react-template.js +2 -2
- package/dist/components/ozon-content/ozon-content.stories.js +2 -2
- package/dist/components.js +11 -18
- package/dist/templates.js +0 -2
- package/dist/types/components/ozon-content/ozon-content.stories.d.ts +2 -2
- package/dist/types/components.d.ts +6 -13
- package/dist/types/templates.d.ts +1 -2
- package/package.json +3 -3
- package/dist/components/date-picker-legacy/date-picker-legacy.react-template.js +0 -21
- package/dist/components/date-picker-legacy/date-picker-legacy.stories.js +0 -31
- package/dist/types/components/date-picker-legacy/date-picker-legacy.react-template.d.ts +0 -6
- package/dist/types/components/date-picker-legacy/date-picker-legacy.stories.d.ts +0 -78
|
@@ -3,8 +3,8 @@ import { DsoOzonContent } from "../../components";
|
|
|
3
3
|
export const reactOzonContent = {
|
|
4
4
|
component: "ozonContent",
|
|
5
5
|
implementation: "react",
|
|
6
|
-
template: () => function ozonContentTemplate({ slotName, content, inline, mark, urlResolver,
|
|
6
|
+
template: () => function ozonContentTemplate({ slotName, content, inline, mark, urlResolver, begripResolver, dsoClick, dsoOzonContentMarkItemHighlight, }) {
|
|
7
7
|
const slotProp = slotName && { slot: slotName };
|
|
8
|
-
return (React.createElement(DsoOzonContent, { content: content, inline: inline, mark: mark, urlResolver: urlResolver,
|
|
8
|
+
return (React.createElement(DsoOzonContent, { content: content, inline: inline, mark: mark, urlResolver: urlResolver, begripResolver: begripResolver, onDsoClick: dsoClick, onDsoOzonContentMarkItemHighlight: dsoOzonContentMarkItemHighlight, ...slotProp }));
|
|
9
9
|
},
|
|
10
10
|
};
|
|
@@ -6,7 +6,7 @@ const meta = {
|
|
|
6
6
|
title: "Ozon Content",
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
9
|
-
const { Abbr, Al, ComplexeTableZonderColsepEnMetRowsep, ExtIoRef, ExtRef, Figuur, Inhoud, InhoudAlNoot, IntIoRef, IntRef, Lijst, RenvooiWeergave, Table, TableMetBron, TableMetNoot, TableMetThead, TableZonderColsepEnMetRowsep, Kop, KopMetRenvooi, } = ozonContentStories({
|
|
9
|
+
const { Abbr, Al, ComplexeTableZonderColsepEnMetRowsep, ExtIoRef, ExtRef, Figuur, Inhoud, InhoudAlNoot, IntIoRef, IntRef, IntRefBegrip, Lijst, RenvooiWeergave, Table, TableMetBron, TableMetNoot, TableMetThead, TableZonderColsepEnMetRowsep, Kop, KopMetRenvooi, } = ozonContentStories({
|
|
10
10
|
templateContainer,
|
|
11
11
|
storyTemplates: (templates) => {
|
|
12
12
|
const { ozonContentTemplate } = templates;
|
|
@@ -15,4 +15,4 @@ const { Abbr, Al, ComplexeTableZonderColsepEnMetRowsep, ExtIoRef, ExtRef, Figuur
|
|
|
15
15
|
};
|
|
16
16
|
},
|
|
17
17
|
});
|
|
18
|
-
export { Abbr, Al, ComplexeTableZonderColsepEnMetRowsep, ExtIoRef, ExtRef, Figuur, Inhoud, InhoudAlNoot, IntIoRef, IntRef, Kop, KopMetRenvooi, Lijst, RenvooiWeergave, Table, TableMetBron, TableMetNoot, TableMetThead, TableZonderColsepEnMetRowsep, };
|
|
18
|
+
export { Abbr, Al, ComplexeTableZonderColsepEnMetRowsep, ExtIoRef, ExtRef, Figuur, Inhoud, InhoudAlNoot, IntIoRef, IntRef, IntRefBegrip, Kop, KopMetRenvooi, Lijst, RenvooiWeergave, Table, TableMetBron, TableMetNoot, TableMetThead, TableZonderColsepEnMetRowsep, };
|
package/dist/components.js
CHANGED
|
@@ -18,7 +18,6 @@ import { DsoButtonGroup as DsoButtonGroupElement, defineCustomElement as defineD
|
|
|
18
18
|
import { DsoCardContainer as DsoCardContainerElement, defineCustomElement as defineDsoCardContainer } from "@dso-toolkit/core/dist/components/dso-card-container.js";
|
|
19
19
|
import { DsoCard as DsoCardElement, defineCustomElement as defineDsoCard } from "@dso-toolkit/core/dist/components/dso-card.js";
|
|
20
20
|
import { DsoContactInformation as DsoContactInformationElement, defineCustomElement as defineDsoContactInformation } from "@dso-toolkit/core/dist/components/dso-contact-information.js";
|
|
21
|
-
import { DsoDatePickerLegacy as DsoDatePickerLegacyElement, defineCustomElement as defineDsoDatePickerLegacy } from "@dso-toolkit/core/dist/components/dso-date-picker-legacy.js";
|
|
22
21
|
import { DsoDatePicker as DsoDatePickerElement, defineCustomElement as defineDsoDatePicker } from "@dso-toolkit/core/dist/components/dso-date-picker.js";
|
|
23
22
|
import { DsoDocumentCard as DsoDocumentCardElement, defineCustomElement as defineDsoDocumentCard } from "@dso-toolkit/core/dist/components/dso-document-card.js";
|
|
24
23
|
import { DsoDocumentComponent as DsoDocumentComponentElement, defineCustomElement as defineDsoDocumentComponent } from "@dso-toolkit/core/dist/components/dso-document-component.js";
|
|
@@ -43,6 +42,7 @@ import { DsoMapOverlays as DsoMapOverlaysElement, defineCustomElement as defineD
|
|
|
43
42
|
import { DsoMarkBar as DsoMarkBarElement, defineCustomElement as defineDsoMarkBar } from "@dso-toolkit/core/dist/components/dso-mark-bar.js";
|
|
44
43
|
import { DsoModal as DsoModalElement, defineCustomElement as defineDsoModal } from "@dso-toolkit/core/dist/components/dso-modal.js";
|
|
45
44
|
import { DsoOnboardingTip as DsoOnboardingTipElement, defineCustomElement as defineDsoOnboardingTip } from "@dso-toolkit/core/dist/components/dso-onboarding-tip.js";
|
|
45
|
+
import { DsoOzonContentToggletip as DsoOzonContentToggletipElement, defineCustomElement as defineDsoOzonContentToggletip } from "@dso-toolkit/core/dist/components/dso-ozon-content-toggletip.js";
|
|
46
46
|
import { DsoOzonContent as DsoOzonContentElement, defineCustomElement as defineDsoOzonContent } from "@dso-toolkit/core/dist/components/dso-ozon-content.js";
|
|
47
47
|
import { DsoPagination as DsoPaginationElement, defineCustomElement as defineDsoPagination } from "@dso-toolkit/core/dist/components/dso-pagination.js";
|
|
48
48
|
import { DsoPanel as DsoPanelElement, defineCustomElement as defineDsoPanel } from "@dso-toolkit/core/dist/components/dso-panel.js";
|
|
@@ -246,20 +246,6 @@ export const DsoDatePicker = /*@__PURE__*/ createComponent({
|
|
|
246
246
|
},
|
|
247
247
|
defineCustomElement: defineDsoDatePicker
|
|
248
248
|
});
|
|
249
|
-
export const DsoDatePickerLegacy = /*@__PURE__*/ createComponent({
|
|
250
|
-
tagName: 'dso-date-picker-legacy',
|
|
251
|
-
elementClass: DsoDatePickerLegacyElement,
|
|
252
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
253
|
-
react: React,
|
|
254
|
-
events: {
|
|
255
|
-
onDsoDateChange: 'dsoDateChange',
|
|
256
|
-
onDsoBlur: 'dsoBlur',
|
|
257
|
-
onDsoKeyUp: 'dsoKeyUp',
|
|
258
|
-
onDsoKeyDown: 'dsoKeyDown',
|
|
259
|
-
onDsoFocus: 'dsoFocus'
|
|
260
|
-
},
|
|
261
|
-
defineCustomElement: defineDsoDatePickerLegacy
|
|
262
|
-
});
|
|
263
249
|
export const DsoDocumentCard = /*@__PURE__*/ createComponent({
|
|
264
250
|
tagName: 'dso-document-card',
|
|
265
251
|
elementClass: DsoDocumentCardElement,
|
|
@@ -277,7 +263,7 @@ export const DsoDocumentComponent = /*@__PURE__*/ createComponent({
|
|
|
277
263
|
onDsoRecursiveToggle: 'dsoRecursiveToggle',
|
|
278
264
|
onDsoOpenToggle: 'dsoOpenToggle',
|
|
279
265
|
onDsoTableOfContentsClick: 'dsoTableOfContentsClick',
|
|
280
|
-
|
|
266
|
+
onDsoOzonContentClick: 'dsoOzonContentClick',
|
|
281
267
|
onDsoAnnotationToggle: 'dsoAnnotationToggle',
|
|
282
268
|
onDsoMarkItemHighlight: 'dsoMarkItemHighlight'
|
|
283
269
|
},
|
|
@@ -480,11 +466,18 @@ export const DsoOzonContent = /*@__PURE__*/ createComponent({
|
|
|
480
466
|
react: React,
|
|
481
467
|
events: {
|
|
482
468
|
onDsoClick: 'dsoClick',
|
|
483
|
-
onDsoAnchorClick: 'dsoAnchorClick',
|
|
484
469
|
onDsoOzonContentMarkItemHighlight: 'dsoOzonContentMarkItemHighlight'
|
|
485
470
|
},
|
|
486
471
|
defineCustomElement: defineDsoOzonContent
|
|
487
472
|
});
|
|
473
|
+
export const DsoOzonContentToggletip = /*@__PURE__*/ createComponent({
|
|
474
|
+
tagName: 'dso-ozon-content-toggletip',
|
|
475
|
+
elementClass: DsoOzonContentToggletipElement,
|
|
476
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
477
|
+
react: React,
|
|
478
|
+
events: {},
|
|
479
|
+
defineCustomElement: defineDsoOzonContentToggletip
|
|
480
|
+
});
|
|
488
481
|
export const DsoPagination = /*@__PURE__*/ createComponent({
|
|
489
482
|
tagName: 'dso-pagination',
|
|
490
483
|
elementClass: DsoPaginationElement,
|
|
@@ -674,7 +667,7 @@ export const DsotDocumentComponentDemo = /*@__PURE__*/ createComponent({
|
|
|
674
667
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
675
668
|
react: React,
|
|
676
669
|
events: {
|
|
677
|
-
|
|
670
|
+
onDsotOzonContentClick: 'dsotOzonContentClick',
|
|
678
671
|
onDsotTableOfContentsClick: 'dsotTableOfContentsClick'
|
|
679
672
|
},
|
|
680
673
|
defineCustomElement: defineDsotDocumentComponentDemo
|
package/dist/templates.js
CHANGED
|
@@ -10,7 +10,6 @@ import { reactCard } from "./components/card/card.react-template";
|
|
|
10
10
|
import { reactCardContainer } from "./components/card-container/card-container.react-template";
|
|
11
11
|
import { reactContactInformation } from "./components/contact-information/contact-information.react-template";
|
|
12
12
|
import { reactDatePicker } from "./components/date-picker/date-picker.react-template";
|
|
13
|
-
import { reactDatePickerLegacy } from "./components/date-picker-legacy/date-picker-legacy.react-template";
|
|
14
13
|
import { reactDropdownMenu } from "./components/dropdown-menu/dropdown-menu.react-template";
|
|
15
14
|
import { reactExpandable } from "./components/expandable/expandable.react-template";
|
|
16
15
|
import { reactHeader } from "./components/header/header.react-template";
|
|
@@ -47,7 +46,6 @@ templateContainer.add(reactCard);
|
|
|
47
46
|
templateContainer.add(reactCardContainer);
|
|
48
47
|
templateContainer.add(reactContactInformation);
|
|
49
48
|
templateContainer.add(reactDatePicker);
|
|
50
|
-
templateContainer.add(reactDatePickerLegacy);
|
|
51
49
|
templateContainer.add(reactDropdownMenu);
|
|
52
50
|
templateContainer.add(reactExpandable);
|
|
53
51
|
templateContainer.add(reactHeader);
|
|
@@ -2,5 +2,5 @@ import { Meta } from "@storybook/react-vite";
|
|
|
2
2
|
import { OzonContentArgs } from "dso-toolkit";
|
|
3
3
|
declare const meta: Meta<OzonContentArgs>;
|
|
4
4
|
export default meta;
|
|
5
|
-
declare const Abbr: import("dso-toolkit").OzonContentStory, Al: import("dso-toolkit").OzonContentStory, ComplexeTableZonderColsepEnMetRowsep: import("dso-toolkit").OzonContentStory, ExtIoRef: import("dso-toolkit").OzonContentStory, ExtRef: import("dso-toolkit").OzonContentStory, Figuur: import("dso-toolkit").OzonContentStory, Inhoud: import("dso-toolkit").OzonContentStory, InhoudAlNoot: import("dso-toolkit").OzonContentStory, IntIoRef: import("dso-toolkit").OzonContentStory, IntRef: import("dso-toolkit").OzonContentStory, Lijst: import("dso-toolkit").OzonContentStory, RenvooiWeergave: import("dso-toolkit").OzonContentStory, Table: import("dso-toolkit").OzonContentStory, TableMetBron: import("dso-toolkit").OzonContentStory, TableMetNoot: import("dso-toolkit").OzonContentStory, TableMetThead: import("dso-toolkit").OzonContentStory, TableZonderColsepEnMetRowsep: import("dso-toolkit").OzonContentStory, Kop: import("dso-toolkit").OzonContentStory, KopMetRenvooi: import("dso-toolkit").OzonContentStory;
|
|
6
|
-
export { Abbr, Al, ComplexeTableZonderColsepEnMetRowsep, ExtIoRef, ExtRef, Figuur, Inhoud, InhoudAlNoot, IntIoRef, IntRef, Kop, KopMetRenvooi, Lijst, RenvooiWeergave, Table, TableMetBron, TableMetNoot, TableMetThead, TableZonderColsepEnMetRowsep, };
|
|
5
|
+
declare const Abbr: import("dso-toolkit").OzonContentStory, Al: import("dso-toolkit").OzonContentStory, ComplexeTableZonderColsepEnMetRowsep: import("dso-toolkit").OzonContentStory, ExtIoRef: import("dso-toolkit").OzonContentStory, ExtRef: import("dso-toolkit").OzonContentStory, Figuur: import("dso-toolkit").OzonContentStory, Inhoud: import("dso-toolkit").OzonContentStory, InhoudAlNoot: import("dso-toolkit").OzonContentStory, IntIoRef: import("dso-toolkit").OzonContentStory, IntRef: import("dso-toolkit").OzonContentStory, IntRefBegrip: import("dso-toolkit").OzonContentStory, Lijst: import("dso-toolkit").OzonContentStory, RenvooiWeergave: import("dso-toolkit").OzonContentStory, Table: import("dso-toolkit").OzonContentStory, TableMetBron: import("dso-toolkit").OzonContentStory, TableMetNoot: import("dso-toolkit").OzonContentStory, TableMetThead: import("dso-toolkit").OzonContentStory, TableZonderColsepEnMetRowsep: import("dso-toolkit").OzonContentStory, Kop: import("dso-toolkit").OzonContentStory, KopMetRenvooi: import("dso-toolkit").OzonContentStory;
|
|
6
|
+
export { Abbr, Al, ComplexeTableZonderColsepEnMetRowsep, ExtIoRef, ExtRef, Figuur, Inhoud, InhoudAlNoot, IntIoRef, IntRef, IntRefBegrip, Kop, KopMetRenvooi, Lijst, RenvooiWeergave, Table, TableMetBron, TableMetNoot, TableMetThead, TableZonderColsepEnMetRowsep, };
|
|
@@ -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
|
|
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";
|
|
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";
|
|
@@ -22,7 +22,6 @@ import { DsoButtonGroup as DsoButtonGroupElement } from "@dso-toolkit/core/dist/
|
|
|
22
22
|
import { DsoCardContainer as DsoCardContainerElement } from "@dso-toolkit/core/dist/components/dso-card-container.js";
|
|
23
23
|
import { DsoCard as DsoCardElement } from "@dso-toolkit/core/dist/components/dso-card.js";
|
|
24
24
|
import { DsoContactInformation as DsoContactInformationElement } from "@dso-toolkit/core/dist/components/dso-contact-information.js";
|
|
25
|
-
import { DsoDatePickerLegacy as DsoDatePickerLegacyElement } from "@dso-toolkit/core/dist/components/dso-date-picker-legacy.js";
|
|
26
25
|
import { DsoDatePicker as DsoDatePickerElement } from "@dso-toolkit/core/dist/components/dso-date-picker.js";
|
|
27
26
|
import { DsoDocumentCard as DsoDocumentCardElement } from "@dso-toolkit/core/dist/components/dso-document-card.js";
|
|
28
27
|
import { DsoDocumentComponent as DsoDocumentComponentElement } from "@dso-toolkit/core/dist/components/dso-document-component.js";
|
|
@@ -47,6 +46,7 @@ import { DsoMapOverlays as DsoMapOverlaysElement } from "@dso-toolkit/core/dist/
|
|
|
47
46
|
import { DsoMarkBar as DsoMarkBarElement } from "@dso-toolkit/core/dist/components/dso-mark-bar.js";
|
|
48
47
|
import { DsoModal as DsoModalElement } from "@dso-toolkit/core/dist/components/dso-modal.js";
|
|
49
48
|
import { DsoOnboardingTip as DsoOnboardingTipElement } from "@dso-toolkit/core/dist/components/dso-onboarding-tip.js";
|
|
49
|
+
import { DsoOzonContentToggletip as DsoOzonContentToggletipElement } from "@dso-toolkit/core/dist/components/dso-ozon-content-toggletip.js";
|
|
50
50
|
import { DsoOzonContent as DsoOzonContentElement } from "@dso-toolkit/core/dist/components/dso-ozon-content.js";
|
|
51
51
|
import { DsoPagination as DsoPaginationElement } from "@dso-toolkit/core/dist/components/dso-pagination.js";
|
|
52
52
|
import { DsoPanel as DsoPanelElement } from "@dso-toolkit/core/dist/components/dso-panel.js";
|
|
@@ -143,14 +143,6 @@ export type DsoDatePickerEvents = {
|
|
|
143
143
|
onDsoFocus: EventName<DsoDatePickerCustomEvent<DatePickerFocusEvent>>;
|
|
144
144
|
};
|
|
145
145
|
export declare const DsoDatePicker: StencilReactComponent<DsoDatePickerElement, DsoDatePickerEvents>;
|
|
146
|
-
export type DsoDatePickerLegacyEvents = {
|
|
147
|
-
onDsoDateChange: EventName<DsoDatePickerLegacyCustomEvent<DsoDatePickerLegacyChangeEvent>>;
|
|
148
|
-
onDsoBlur: EventName<DsoDatePickerLegacyCustomEvent<DsoDatePickerLegacyFocusEvent>>;
|
|
149
|
-
onDsoKeyUp: EventName<DsoDatePickerLegacyCustomEvent<DsoDatePickerLegacyKeyboardEvent>>;
|
|
150
|
-
onDsoKeyDown: EventName<DsoDatePickerLegacyCustomEvent<DsoDatePickerLegacyKeyboardEvent>>;
|
|
151
|
-
onDsoFocus: EventName<DsoDatePickerLegacyCustomEvent<DsoDatePickerLegacyFocusEvent>>;
|
|
152
|
-
};
|
|
153
|
-
export declare const DsoDatePickerLegacy: StencilReactComponent<DsoDatePickerLegacyElement, DsoDatePickerLegacyEvents>;
|
|
154
146
|
export type DsoDocumentCardEvents = {
|
|
155
147
|
onDsoDocumentCardClick: EventName<DsoDocumentCardCustomEvent<DocumentCardClickEvent>>;
|
|
156
148
|
};
|
|
@@ -159,7 +151,7 @@ export type DsoDocumentComponentEvents = {
|
|
|
159
151
|
onDsoRecursiveToggle: EventName<DsoDocumentComponentCustomEvent<DocumentComponentRecursiveToggleEvent>>;
|
|
160
152
|
onDsoOpenToggle: EventName<DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>>;
|
|
161
153
|
onDsoTableOfContentsClick: EventName<DsoDocumentComponentCustomEvent<DocumentComponentTableOfContentsClickEvent>>;
|
|
162
|
-
|
|
154
|
+
onDsoOzonContentClick: EventName<DsoDocumentComponentCustomEvent<DocumentComponentOzonContentClickEvent>>;
|
|
163
155
|
onDsoAnnotationToggle: EventName<DsoDocumentComponentCustomEvent<DocumentComponentToggleAnnotationEvent>>;
|
|
164
156
|
onDsoMarkItemHighlight: EventName<DsoDocumentComponentCustomEvent<DocumentComponentMarkItemHighlightEvent>>;
|
|
165
157
|
};
|
|
@@ -252,10 +244,11 @@ export type DsoOnboardingTipEvents = {
|
|
|
252
244
|
export declare const DsoOnboardingTip: StencilReactComponent<DsoOnboardingTipElement, DsoOnboardingTipEvents>;
|
|
253
245
|
export type DsoOzonContentEvents = {
|
|
254
246
|
onDsoClick: EventName<DsoOzonContentCustomEvent<OzonContentClickEvent>>;
|
|
255
|
-
onDsoAnchorClick: EventName<DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>>;
|
|
256
247
|
onDsoOzonContentMarkItemHighlight: EventName<DsoOzonContentCustomEvent<OzonContentMarkItemHighlightEvent>>;
|
|
257
248
|
};
|
|
258
249
|
export declare const DsoOzonContent: StencilReactComponent<DsoOzonContentElement, DsoOzonContentEvents>;
|
|
250
|
+
export type DsoOzonContentToggletipEvents = NonNullable<unknown>;
|
|
251
|
+
export declare const DsoOzonContentToggletip: StencilReactComponent<DsoOzonContentToggletipElement, DsoOzonContentToggletipEvents>;
|
|
259
252
|
export type DsoPaginationEvents = {
|
|
260
253
|
onDsoSelectPage: EventName<DsoPaginationCustomEvent<PaginationSelectPageEvent>>;
|
|
261
254
|
};
|
|
@@ -334,7 +327,7 @@ export type DsoViewerGridEvents = {
|
|
|
334
327
|
};
|
|
335
328
|
export declare const DsoViewerGrid: StencilReactComponent<DsoViewerGridElement, DsoViewerGridEvents>;
|
|
336
329
|
export type DsotDocumentComponentDemoEvents = {
|
|
337
|
-
|
|
330
|
+
onDsotOzonContentClick: EventName<DsotDocumentComponentDemoCustomEvent<DocumentComponentOzonContentClickEvent>>;
|
|
338
331
|
onDsotTableOfContentsClick: EventName<DsotDocumentComponentDemoCustomEvent<DocumentComponentTableOfContentsClickEvent>>;
|
|
339
332
|
};
|
|
340
333
|
export declare const DsotDocumentComponentDemo: StencilReactComponent<DsotDocumentComponentDemoElement, DsotDocumentComponentDemoEvents>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Accordion, ActionList, Alert, AttachmentsCounter, Autosuggest, Badge, Banner, BaseComponentImplementation, Card, CardContainer, ComponentsToTemplates, ContactInformation, DatePicker,
|
|
1
|
+
import { Accordion, ActionList, Alert, AttachmentsCounter, Autosuggest, Badge, Banner, BaseComponentImplementation, Card, CardContainer, ComponentsToTemplates, ContactInformation, DatePicker, DropdownMenu, Expandable, Header, Heading, HighlightBox, Icon, ImageOverlay, Info, InfoButton, Label, ListButton, Modal, OzonContent, Pagination, ProgressBar, ProgressIndicator, ResponsiveElement, Scrollable, Selectable, SlideToggle, Table, Tabs, TemplateContainer, Toggletip, Tooltip, TreeView } from "dso-toolkit";
|
|
2
2
|
export interface Components {
|
|
3
3
|
accordion: Accordion<JSX.Element>;
|
|
4
4
|
actionList: ActionList<JSX.Element>;
|
|
@@ -11,7 +11,6 @@ export interface Components {
|
|
|
11
11
|
cardContainer: CardContainer<JSX.Element>;
|
|
12
12
|
contactInformation: ContactInformation<JSX.Element>;
|
|
13
13
|
datePicker: DatePicker;
|
|
14
|
-
datePickerLegacy: DatePickerLegacy;
|
|
15
14
|
dropdownMenu: DropdownMenu;
|
|
16
15
|
expandable: Expandable<JSX.Element>;
|
|
17
16
|
header: Header;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dso-toolkit/react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "81.1.0",
|
|
4
4
|
"description": "React specific wrapper for @dso-toolkit/core web components",
|
|
5
5
|
"homepage": "https://www.dso-toolkit.nl/",
|
|
6
6
|
"repository": {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"@types/lodash.startcase": "^4.4.9",
|
|
30
30
|
"@types/react": "^18.3.23",
|
|
31
31
|
"@types/react-dom": "^18.3.7",
|
|
32
|
-
"dso-toolkit": "^
|
|
32
|
+
"dso-toolkit": "^81.1.0",
|
|
33
33
|
"eslint": "^9.27.0",
|
|
34
34
|
"eslint-plugin-storybook": "9.0.18",
|
|
35
35
|
"http-proxy-middleware": "^3.0.5",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"wait-on": "^8.0.3"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@dso-toolkit/core": "
|
|
47
|
+
"@dso-toolkit/core": "81.1.0",
|
|
48
48
|
"react": "^18.3.0 || ^19.0.0",
|
|
49
49
|
"react-dom": "^18.3.0 || ^19.0.0"
|
|
50
50
|
},
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { DsoDatePickerLegacy } from "../../components";
|
|
3
|
-
export const reactDatePickerLegacy = {
|
|
4
|
-
component: "datePickerLegacy",
|
|
5
|
-
implementation: "react",
|
|
6
|
-
template: () => function datePickerLegacyTemplate({ id, dsoDateChange, value, min, max, disabled, invalid, autofocus, direction, describedBy, }) {
|
|
7
|
-
return (React.createElement(DsoDatePickerLegacy, { onDsoDateChange: (e) => dsoDateChange?.(e), identifier: id, direction: direction, value: value, min: min, max: max, dsoAutofocus: autofocus, disabled: disabled, invalid: invalid, describedBy: describedBy }));
|
|
8
|
-
},
|
|
9
|
-
};
|
|
10
|
-
export function datePickerLegacyWithLabelTemplate(datePickerLegacy, id, label) {
|
|
11
|
-
return (React.createElement(React.Fragment, null,
|
|
12
|
-
React.createElement("label", { htmlFor: id }, label),
|
|
13
|
-
datePickerLegacy));
|
|
14
|
-
}
|
|
15
|
-
export function datePickerLegacyShowByScriptingTemplate(datePickerLegacy, id) {
|
|
16
|
-
return (React.createElement(React.Fragment, null,
|
|
17
|
-
datePickerLegacy,
|
|
18
|
-
React.createElement("button", { type: "button", onClick: () => Array.from(document.querySelectorAll("dso-date-picker-legacy"))
|
|
19
|
-
.filter((e) => e.id === id)[0]
|
|
20
|
-
?.show() }, "Open")));
|
|
21
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import readme from "@dso-toolkit/core/src/components/date-picker/readme.md?raw";
|
|
2
|
-
import { datePickerLegacyMeta, datePickerLegacyStories, } from "dso-toolkit";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { templateContainer } from "../../templates";
|
|
5
|
-
import { datePickerLegacyShowByScriptingTemplate, datePickerLegacyWithLabelTemplate, } from "./date-picker-legacy.react-template";
|
|
6
|
-
const decorator = (story) => {
|
|
7
|
-
const s = story();
|
|
8
|
-
if (!React.isValidElement(s)) {
|
|
9
|
-
throw new Error("Expected a valid JSX element");
|
|
10
|
-
}
|
|
11
|
-
return (React.createElement(React.Fragment, null,
|
|
12
|
-
React.createElement("div", { style: { width: "175px" } }, s)));
|
|
13
|
-
};
|
|
14
|
-
const meta = {
|
|
15
|
-
...datePickerLegacyMeta({ readme }),
|
|
16
|
-
title: "Date Picker (Legacy)",
|
|
17
|
-
};
|
|
18
|
-
export default meta;
|
|
19
|
-
const { Default, MonthRange, WithLabel, WithValue, WithMinAndMax, NarrowInput, Disabled, Invalid, ShowByScripting } = datePickerLegacyStories({
|
|
20
|
-
templateContainer,
|
|
21
|
-
storyTemplates: (templates) => {
|
|
22
|
-
const { datePickerLegacyTemplate } = templates;
|
|
23
|
-
return {
|
|
24
|
-
datePickerLegacyTemplate,
|
|
25
|
-
datePickerLegacyWithLabelTemplate,
|
|
26
|
-
datePickerLegacyShowByScriptingTemplate,
|
|
27
|
-
};
|
|
28
|
-
},
|
|
29
|
-
decorator,
|
|
30
|
-
});
|
|
31
|
-
export { Default, Disabled, Invalid, MonthRange, NarrowInput, ShowByScripting, WithLabel, WithMinAndMax, WithValue };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { DatePickerLegacy } from "dso-toolkit";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { ComponentImplementation } from "../../templates";
|
|
4
|
-
export declare const reactDatePickerLegacy: ComponentImplementation<DatePickerLegacy>;
|
|
5
|
-
export declare function datePickerLegacyWithLabelTemplate(datePickerLegacy: JSX.Element, id: string, label: string): React.JSX.Element;
|
|
6
|
-
export declare function datePickerLegacyShowByScriptingTemplate(datePickerLegacy: JSX.Element, id: string): React.JSX.Element;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { type Meta } from "@storybook/react-vite";
|
|
2
|
-
import { DatePickerLegacyArgs } from "dso-toolkit";
|
|
3
|
-
declare const meta: Meta<DatePickerLegacyArgs>;
|
|
4
|
-
export default meta;
|
|
5
|
-
declare const Default: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
6
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
7
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
8
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
9
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
10
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
11
|
-
} & {
|
|
12
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
13
|
-
}, MonthRange: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
14
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
15
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
16
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
17
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
18
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
19
|
-
} & {
|
|
20
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
21
|
-
}, WithLabel: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
22
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
23
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
24
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
25
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
26
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
27
|
-
} & {
|
|
28
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
29
|
-
}, WithValue: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
30
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
31
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
32
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
33
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
34
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
35
|
-
} & {
|
|
36
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
37
|
-
}, WithMinAndMax: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
38
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
39
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
40
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
41
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
42
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
43
|
-
} & {
|
|
44
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
45
|
-
}, NarrowInput: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
46
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
47
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
48
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
49
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
50
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
51
|
-
} & {
|
|
52
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
53
|
-
}, Disabled: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
54
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
55
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
56
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
57
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
58
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
59
|
-
} & {
|
|
60
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
61
|
-
}, Invalid: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
62
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
63
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
64
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
65
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
66
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
67
|
-
} & {
|
|
68
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
69
|
-
}, ShowByScripting: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> & {
|
|
70
|
-
name?: import("storybook/internal/csf").StoryName;
|
|
71
|
-
storyName?: import("storybook/internal/csf").StoryName;
|
|
72
|
-
play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/types").Renderer, DatePickerLegacyArgs> | undefined;
|
|
73
|
-
globals?: import("storybook/internal/csf").Globals;
|
|
74
|
-
story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/types").Renderer, DatePickerLegacyArgs, Partial<DatePickerLegacyArgs>>, "story"> | undefined;
|
|
75
|
-
} & {
|
|
76
|
-
args?: Partial<DatePickerLegacyArgs> | undefined;
|
|
77
|
-
};
|
|
78
|
-
export { Default, Disabled, Invalid, MonthRange, NarrowInput, ShowByScripting, WithLabel, WithMinAndMax, WithValue };
|