@swisspost/design-system-components-react 10.0.0-next.40 → 10.0.0-next.41
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/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/dist/index.server.js +2 -0
- package/dist/index.server.js.map +1 -0
- package/dist/stencil-generated/components.js +301 -0
- package/dist/stencil-generated/components.js.map +1 -0
- package/dist/stencil-generated/server/components.js +3 -0
- package/dist/stencil-generated/server/components.js.map +1 -0
- package/dist/stencil-generated/server/components.server.js +594 -0
- package/dist/stencil-generated/server/components.server.js.map +1 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.server.d.ts +1 -0
- package/dist/types/stencil-generated/components.d.ts +144 -0
- package/dist/types/stencil-generated/server/components.d.ts +1 -0
- package/dist/types/stencil-generated/server/components.server.d.ts +144 -0
- package/package.json +27 -14
- package/dist/components/index.js +0 -2
- package/dist/components/index.js.map +0 -1
- package/dist/components/stencil-generated/index.js +0 -40
- package/dist/components/stencil-generated/index.js.map +0 -1
- package/dist/components/stencil-generated/react-component-lib/createComponent.js +0 -69
- package/dist/components/stencil-generated/react-component-lib/createComponent.js.map +0 -1
- package/dist/components/stencil-generated/react-component-lib/createOverlayComponent.js +0 -97
- package/dist/components/stencil-generated/react-component-lib/createOverlayComponent.js.map +0 -1
- package/dist/components/stencil-generated/react-component-lib/index.js +0 -3
- package/dist/components/stencil-generated/react-component-lib/index.js.map +0 -1
- package/dist/components/stencil-generated/react-component-lib/interfaces.js +0 -2
- package/dist/components/stencil-generated/react-component-lib/interfaces.js.map +0 -1
- package/dist/components/stencil-generated/react-component-lib/utils/attachProps.js +0 -92
- package/dist/components/stencil-generated/react-component-lib/utils/attachProps.js.map +0 -1
- package/dist/components/stencil-generated/react-component-lib/utils/case.js +0 -7
- package/dist/components/stencil-generated/react-component-lib/utils/case.js.map +0 -1
- package/dist/components/stencil-generated/react-component-lib/utils/dev.js +0 -13
- package/dist/components/stencil-generated/react-component-lib/utils/dev.js.map +0 -1
- package/dist/components/stencil-generated/react-component-lib/utils/index.js +0 -31
- package/dist/components/stencil-generated/react-component-lib/utils/index.js.map +0 -1
- package/dist/types/components/index.d.ts +0 -1
- package/dist/types/components/stencil-generated/index.d.ts +0 -37
- package/dist/types/components/stencil-generated/react-component-lib/createComponent.d.ts +0 -10
- package/dist/types/components/stencil-generated/react-component-lib/createOverlayComponent.d.ts +0 -21
- package/dist/types/components/stencil-generated/react-component-lib/index.d.ts +0 -2
- package/dist/types/components/stencil-generated/react-component-lib/interfaces.d.ts +0 -29
- package/dist/types/components/stencil-generated/react-component-lib/utils/attachProps.d.ts +0 -9
- package/dist/types/components/stencil-generated/react-component-lib/utils/case.d.ts +0 -2
- package/dist/types/components/stencil-generated/react-component-lib/utils/dev.d.ts +0 -2
- package/dist/types/components/stencil-generated/react-component-lib/utils/index.d.ts +0 -10
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
2
|
+
import { PostAccordionItem as PostAccordionItemElement } from "@swisspost/design-system-components/dist/components/post-accordion-item.js";
|
|
3
|
+
import { PostAccordion as PostAccordionElement } from "@swisspost/design-system-components/dist/components/post-accordion.js";
|
|
4
|
+
import { PostAvatar as PostAvatarElement } from "@swisspost/design-system-components/dist/components/post-avatar.js";
|
|
5
|
+
import { PostBackToTop as PostBackToTopElement } from "@swisspost/design-system-components/dist/components/post-back-to-top.js";
|
|
6
|
+
import { PostBanner as PostBannerElement } from "@swisspost/design-system-components/dist/components/post-banner.js";
|
|
7
|
+
import { PostBreadcrumbItem as PostBreadcrumbItemElement } from "@swisspost/design-system-components/dist/components/post-breadcrumb-item.js";
|
|
8
|
+
import { PostBreadcrumbs as PostBreadcrumbsElement } from "@swisspost/design-system-components/dist/components/post-breadcrumbs.js";
|
|
9
|
+
import { PostCardControl as PostCardControlElement } from "@swisspost/design-system-components/dist/components/post-card-control.js";
|
|
10
|
+
import { PostClosebutton as PostClosebuttonElement } from "@swisspost/design-system-components/dist/components/post-closebutton.js";
|
|
11
|
+
import { PostCollapsibleTrigger as PostCollapsibleTriggerElement } from "@swisspost/design-system-components/dist/components/post-collapsible-trigger.js";
|
|
12
|
+
import { PostCollapsible as PostCollapsibleElement } from "@swisspost/design-system-components/dist/components/post-collapsible.js";
|
|
13
|
+
import { PostFooter as PostFooterElement } from "@swisspost/design-system-components/dist/components/post-footer.js";
|
|
14
|
+
import { PostHeader as PostHeaderElement } from "@swisspost/design-system-components/dist/components/post-header.js";
|
|
15
|
+
import { PostIcon as PostIconElement } from "@swisspost/design-system-components/dist/components/post-icon.js";
|
|
16
|
+
import { PostLanguageOption as PostLanguageOptionElement } from "@swisspost/design-system-components/dist/components/post-language-option.js";
|
|
17
|
+
import { PostLanguageSwitch as PostLanguageSwitchElement } from "@swisspost/design-system-components/dist/components/post-language-switch.js";
|
|
18
|
+
import { PostLinkarea as PostLinkareaElement } from "@swisspost/design-system-components/dist/components/post-linkarea.js";
|
|
19
|
+
import { PostListItem as PostListItemElement } from "@swisspost/design-system-components/dist/components/post-list-item.js";
|
|
20
|
+
import { PostList as PostListElement } from "@swisspost/design-system-components/dist/components/post-list.js";
|
|
21
|
+
import { PostLogo as PostLogoElement } from "@swisspost/design-system-components/dist/components/post-logo.js";
|
|
22
|
+
import { PostMainnavigation as PostMainnavigationElement } from "@swisspost/design-system-components/dist/components/post-mainnavigation.js";
|
|
23
|
+
import { PostMegadropdownTrigger as PostMegadropdownTriggerElement } from "@swisspost/design-system-components/dist/components/post-megadropdown-trigger.js";
|
|
24
|
+
import { PostMegadropdown as PostMegadropdownElement } from "@swisspost/design-system-components/dist/components/post-megadropdown.js";
|
|
25
|
+
import { PostMenuItem as PostMenuItemElement } from "@swisspost/design-system-components/dist/components/post-menu-item.js";
|
|
26
|
+
import { PostMenuTrigger as PostMenuTriggerElement } from "@swisspost/design-system-components/dist/components/post-menu-trigger.js";
|
|
27
|
+
import { PostMenu as PostMenuElement } from "@swisspost/design-system-components/dist/components/post-menu.js";
|
|
28
|
+
import { PostPopover as PostPopoverElement } from "@swisspost/design-system-components/dist/components/post-popover.js";
|
|
29
|
+
import { PostPopovercontainer as PostPopovercontainerElement } from "@swisspost/design-system-components/dist/components/post-popovercontainer.js";
|
|
30
|
+
import { PostRating as PostRatingElement } from "@swisspost/design-system-components/dist/components/post-rating.js";
|
|
31
|
+
import { PostTabHeader as PostTabHeaderElement } from "@swisspost/design-system-components/dist/components/post-tab-header.js";
|
|
32
|
+
import { PostTabPanel as PostTabPanelElement } from "@swisspost/design-system-components/dist/components/post-tab-panel.js";
|
|
33
|
+
import { PostTabs as PostTabsElement } from "@swisspost/design-system-components/dist/components/post-tabs.js";
|
|
34
|
+
import { PostTag as PostTagElement } from "@swisspost/design-system-components/dist/components/post-tag.js";
|
|
35
|
+
import { PostTogglebutton as PostTogglebuttonElement } from "@swisspost/design-system-components/dist/components/post-togglebutton.js";
|
|
36
|
+
import { PostTooltipTrigger as PostTooltipTriggerElement } from "@swisspost/design-system-components/dist/components/post-tooltip-trigger.js";
|
|
37
|
+
import { PostTooltip as PostTooltipElement } from "@swisspost/design-system-components/dist/components/post-tooltip.js";
|
|
38
|
+
type PostAccordionEvents = NonNullable<unknown>;
|
|
39
|
+
export declare const PostAccordion: StencilReactComponent<PostAccordionElement, PostAccordionEvents>;
|
|
40
|
+
type PostAccordionItemEvents = NonNullable<unknown>;
|
|
41
|
+
export declare const PostAccordionItem: StencilReactComponent<PostAccordionItemElement, PostAccordionItemEvents>;
|
|
42
|
+
type PostAvatarEvents = NonNullable<unknown>;
|
|
43
|
+
export declare const PostAvatar: StencilReactComponent<PostAvatarElement, PostAvatarEvents>;
|
|
44
|
+
type PostBackToTopEvents = NonNullable<unknown>;
|
|
45
|
+
export declare const PostBackToTop: StencilReactComponent<PostBackToTopElement, PostBackToTopEvents>;
|
|
46
|
+
type PostBannerEvents = {
|
|
47
|
+
onPostDismissed: EventName<CustomEvent<void>>;
|
|
48
|
+
};
|
|
49
|
+
export declare const PostBanner: StencilReactComponent<PostBannerElement, PostBannerEvents>;
|
|
50
|
+
type PostBreadcrumbItemEvents = NonNullable<unknown>;
|
|
51
|
+
export declare const PostBreadcrumbItem: StencilReactComponent<PostBreadcrumbItemElement, PostBreadcrumbItemEvents>;
|
|
52
|
+
type PostBreadcrumbsEvents = NonNullable<unknown>;
|
|
53
|
+
export declare const PostBreadcrumbs: StencilReactComponent<PostBreadcrumbsElement, PostBreadcrumbsEvents>;
|
|
54
|
+
type PostCardControlEvents = {
|
|
55
|
+
onPostInput: EventName<CustomEvent<{
|
|
56
|
+
state: boolean;
|
|
57
|
+
value: string;
|
|
58
|
+
}>>;
|
|
59
|
+
onPostChange: EventName<CustomEvent<{
|
|
60
|
+
state: boolean;
|
|
61
|
+
value: string;
|
|
62
|
+
}>>;
|
|
63
|
+
};
|
|
64
|
+
export declare const PostCardControl: StencilReactComponent<PostCardControlElement, PostCardControlEvents>;
|
|
65
|
+
type PostClosebuttonEvents = NonNullable<unknown>;
|
|
66
|
+
export declare const PostClosebutton: StencilReactComponent<PostClosebuttonElement, PostClosebuttonEvents>;
|
|
67
|
+
type PostCollapsibleEvents = {
|
|
68
|
+
onPostToggle: EventName<CustomEvent<boolean>>;
|
|
69
|
+
};
|
|
70
|
+
export declare const PostCollapsible: StencilReactComponent<PostCollapsibleElement, PostCollapsibleEvents>;
|
|
71
|
+
type PostCollapsibleTriggerEvents = NonNullable<unknown>;
|
|
72
|
+
export declare const PostCollapsibleTrigger: StencilReactComponent<PostCollapsibleTriggerElement, PostCollapsibleTriggerEvents>;
|
|
73
|
+
type PostFooterEvents = NonNullable<unknown>;
|
|
74
|
+
export declare const PostFooter: StencilReactComponent<PostFooterElement, PostFooterEvents>;
|
|
75
|
+
type PostHeaderEvents = NonNullable<unknown>;
|
|
76
|
+
export declare const PostHeader: StencilReactComponent<PostHeaderElement, PostHeaderEvents>;
|
|
77
|
+
type PostIconEvents = NonNullable<unknown>;
|
|
78
|
+
export declare const PostIcon: StencilReactComponent<PostIconElement, PostIconEvents>;
|
|
79
|
+
type PostLanguageOptionEvents = {
|
|
80
|
+
onPostChange: EventName<CustomEvent<string>>;
|
|
81
|
+
onPostLanguageOptionInitiallyActive: EventName<CustomEvent<string>>;
|
|
82
|
+
};
|
|
83
|
+
export declare const PostLanguageOption: StencilReactComponent<PostLanguageOptionElement, PostLanguageOptionEvents>;
|
|
84
|
+
type PostLanguageSwitchEvents = NonNullable<unknown>;
|
|
85
|
+
export declare const PostLanguageSwitch: StencilReactComponent<PostLanguageSwitchElement, PostLanguageSwitchEvents>;
|
|
86
|
+
type PostLinkareaEvents = NonNullable<unknown>;
|
|
87
|
+
export declare const PostLinkarea: StencilReactComponent<PostLinkareaElement, PostLinkareaEvents>;
|
|
88
|
+
type PostListEvents = NonNullable<unknown>;
|
|
89
|
+
export declare const PostList: StencilReactComponent<PostListElement, PostListEvents>;
|
|
90
|
+
type PostListItemEvents = NonNullable<unknown>;
|
|
91
|
+
export declare const PostListItem: StencilReactComponent<PostListItemElement, PostListItemEvents>;
|
|
92
|
+
type PostLogoEvents = NonNullable<unknown>;
|
|
93
|
+
export declare const PostLogo: StencilReactComponent<PostLogoElement, PostLogoEvents>;
|
|
94
|
+
type PostMainnavigationEvents = NonNullable<unknown>;
|
|
95
|
+
export declare const PostMainnavigation: StencilReactComponent<PostMainnavigationElement, PostMainnavigationEvents>;
|
|
96
|
+
type PostMegadropdownEvents = {
|
|
97
|
+
onPostToggleMegadropdown: EventName<CustomEvent<{
|
|
98
|
+
isVisible: boolean;
|
|
99
|
+
focusParent?: boolean;
|
|
100
|
+
}>>;
|
|
101
|
+
};
|
|
102
|
+
export declare const PostMegadropdown: StencilReactComponent<PostMegadropdownElement, PostMegadropdownEvents>;
|
|
103
|
+
type PostMegadropdownTriggerEvents = NonNullable<unknown>;
|
|
104
|
+
export declare const PostMegadropdownTrigger: StencilReactComponent<PostMegadropdownTriggerElement, PostMegadropdownTriggerEvents>;
|
|
105
|
+
type PostMenuEvents = {
|
|
106
|
+
onToggleMenu: EventName<CustomEvent<boolean>>;
|
|
107
|
+
};
|
|
108
|
+
export declare const PostMenu: StencilReactComponent<PostMenuElement, PostMenuEvents>;
|
|
109
|
+
type PostMenuItemEvents = NonNullable<unknown>;
|
|
110
|
+
export declare const PostMenuItem: StencilReactComponent<PostMenuItemElement, PostMenuItemEvents>;
|
|
111
|
+
type PostMenuTriggerEvents = NonNullable<unknown>;
|
|
112
|
+
export declare const PostMenuTrigger: StencilReactComponent<PostMenuTriggerElement, PostMenuTriggerEvents>;
|
|
113
|
+
type PostPopoverEvents = NonNullable<unknown>;
|
|
114
|
+
export declare const PostPopover: StencilReactComponent<PostPopoverElement, PostPopoverEvents>;
|
|
115
|
+
type PostPopovercontainerEvents = {
|
|
116
|
+
onPostToggle: EventName<CustomEvent<boolean>>;
|
|
117
|
+
};
|
|
118
|
+
export declare const PostPopovercontainer: StencilReactComponent<PostPopovercontainerElement, PostPopovercontainerEvents>;
|
|
119
|
+
type PostRatingEvents = {
|
|
120
|
+
onPostInput: EventName<CustomEvent<{
|
|
121
|
+
value: number;
|
|
122
|
+
}>>;
|
|
123
|
+
onPostChange: EventName<CustomEvent<{
|
|
124
|
+
value: number;
|
|
125
|
+
}>>;
|
|
126
|
+
};
|
|
127
|
+
export declare const PostRating: StencilReactComponent<PostRatingElement, PostRatingEvents>;
|
|
128
|
+
type PostTabHeaderEvents = NonNullable<unknown>;
|
|
129
|
+
export declare const PostTabHeader: StencilReactComponent<PostTabHeaderElement, PostTabHeaderEvents>;
|
|
130
|
+
type PostTabPanelEvents = NonNullable<unknown>;
|
|
131
|
+
export declare const PostTabPanel: StencilReactComponent<PostTabPanelElement, PostTabPanelEvents>;
|
|
132
|
+
type PostTabsEvents = {
|
|
133
|
+
onPostChange: EventName<CustomEvent<string>>;
|
|
134
|
+
};
|
|
135
|
+
export declare const PostTabs: StencilReactComponent<PostTabsElement, PostTabsEvents>;
|
|
136
|
+
type PostTagEvents = NonNullable<unknown>;
|
|
137
|
+
export declare const PostTag: StencilReactComponent<PostTagElement, PostTagEvents>;
|
|
138
|
+
type PostTogglebuttonEvents = NonNullable<unknown>;
|
|
139
|
+
export declare const PostTogglebutton: StencilReactComponent<PostTogglebuttonElement, PostTogglebuttonEvents>;
|
|
140
|
+
type PostTooltipEvents = NonNullable<unknown>;
|
|
141
|
+
export declare const PostTooltip: StencilReactComponent<PostTooltipElement, PostTooltipEvents>;
|
|
142
|
+
type PostTooltipTriggerEvents = NonNullable<unknown>;
|
|
143
|
+
export declare const PostTooltipTrigger: StencilReactComponent<PostTooltipTriggerElement, PostTooltipTriggerEvents>;
|
|
144
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PostAccordion, PostAccordionItem, PostAvatar, PostBackToTop, PostBanner, PostBreadcrumbItem, PostBreadcrumbs, PostCardControl, PostClosebutton, PostCollapsible, PostCollapsibleTrigger, PostFooter, PostHeader, PostIcon, PostLanguageOption, PostLanguageSwitch, PostLinkarea, PostList, PostListItem, PostLogo, PostMainnavigation, PostMegadropdown, PostMegadropdownTrigger, PostMenu, PostMenuItem, PostMenuTrigger, PostPopover, PostPopovercontainer, PostRating, PostTabHeader, PostTabPanel, PostTabs, PostTag, PostTogglebutton, PostTooltip, PostTooltipTrigger } from "./components.server";
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
2
|
+
import { PostAccordionItem as PostAccordionItemElement } from "@swisspost/design-system-components/dist/components/post-accordion-item.js";
|
|
3
|
+
import { PostAccordion as PostAccordionElement } from "@swisspost/design-system-components/dist/components/post-accordion.js";
|
|
4
|
+
import { PostAvatar as PostAvatarElement } from "@swisspost/design-system-components/dist/components/post-avatar.js";
|
|
5
|
+
import { PostBackToTop as PostBackToTopElement } from "@swisspost/design-system-components/dist/components/post-back-to-top.js";
|
|
6
|
+
import { PostBanner as PostBannerElement } from "@swisspost/design-system-components/dist/components/post-banner.js";
|
|
7
|
+
import { PostBreadcrumbItem as PostBreadcrumbItemElement } from "@swisspost/design-system-components/dist/components/post-breadcrumb-item.js";
|
|
8
|
+
import { PostBreadcrumbs as PostBreadcrumbsElement } from "@swisspost/design-system-components/dist/components/post-breadcrumbs.js";
|
|
9
|
+
import { PostCardControl as PostCardControlElement } from "@swisspost/design-system-components/dist/components/post-card-control.js";
|
|
10
|
+
import { PostClosebutton as PostClosebuttonElement } from "@swisspost/design-system-components/dist/components/post-closebutton.js";
|
|
11
|
+
import { PostCollapsibleTrigger as PostCollapsibleTriggerElement } from "@swisspost/design-system-components/dist/components/post-collapsible-trigger.js";
|
|
12
|
+
import { PostCollapsible as PostCollapsibleElement } from "@swisspost/design-system-components/dist/components/post-collapsible.js";
|
|
13
|
+
import { PostFooter as PostFooterElement } from "@swisspost/design-system-components/dist/components/post-footer.js";
|
|
14
|
+
import { PostHeader as PostHeaderElement } from "@swisspost/design-system-components/dist/components/post-header.js";
|
|
15
|
+
import { PostIcon as PostIconElement } from "@swisspost/design-system-components/dist/components/post-icon.js";
|
|
16
|
+
import { PostLanguageOption as PostLanguageOptionElement } from "@swisspost/design-system-components/dist/components/post-language-option.js";
|
|
17
|
+
import { PostLanguageSwitch as PostLanguageSwitchElement } from "@swisspost/design-system-components/dist/components/post-language-switch.js";
|
|
18
|
+
import { PostLinkarea as PostLinkareaElement } from "@swisspost/design-system-components/dist/components/post-linkarea.js";
|
|
19
|
+
import { PostListItem as PostListItemElement } from "@swisspost/design-system-components/dist/components/post-list-item.js";
|
|
20
|
+
import { PostList as PostListElement } from "@swisspost/design-system-components/dist/components/post-list.js";
|
|
21
|
+
import { PostLogo as PostLogoElement } from "@swisspost/design-system-components/dist/components/post-logo.js";
|
|
22
|
+
import { PostMainnavigation as PostMainnavigationElement } from "@swisspost/design-system-components/dist/components/post-mainnavigation.js";
|
|
23
|
+
import { PostMegadropdownTrigger as PostMegadropdownTriggerElement } from "@swisspost/design-system-components/dist/components/post-megadropdown-trigger.js";
|
|
24
|
+
import { PostMegadropdown as PostMegadropdownElement } from "@swisspost/design-system-components/dist/components/post-megadropdown.js";
|
|
25
|
+
import { PostMenuItem as PostMenuItemElement } from "@swisspost/design-system-components/dist/components/post-menu-item.js";
|
|
26
|
+
import { PostMenuTrigger as PostMenuTriggerElement } from "@swisspost/design-system-components/dist/components/post-menu-trigger.js";
|
|
27
|
+
import { PostMenu as PostMenuElement } from "@swisspost/design-system-components/dist/components/post-menu.js";
|
|
28
|
+
import { PostPopover as PostPopoverElement } from "@swisspost/design-system-components/dist/components/post-popover.js";
|
|
29
|
+
import { PostPopovercontainer as PostPopovercontainerElement } from "@swisspost/design-system-components/dist/components/post-popovercontainer.js";
|
|
30
|
+
import { PostRating as PostRatingElement } from "@swisspost/design-system-components/dist/components/post-rating.js";
|
|
31
|
+
import { PostTabHeader as PostTabHeaderElement } from "@swisspost/design-system-components/dist/components/post-tab-header.js";
|
|
32
|
+
import { PostTabPanel as PostTabPanelElement } from "@swisspost/design-system-components/dist/components/post-tab-panel.js";
|
|
33
|
+
import { PostTabs as PostTabsElement } from "@swisspost/design-system-components/dist/components/post-tabs.js";
|
|
34
|
+
import { PostTag as PostTagElement } from "@swisspost/design-system-components/dist/components/post-tag.js";
|
|
35
|
+
import { PostTogglebutton as PostTogglebuttonElement } from "@swisspost/design-system-components/dist/components/post-togglebutton.js";
|
|
36
|
+
import { PostTooltipTrigger as PostTooltipTriggerElement } from "@swisspost/design-system-components/dist/components/post-tooltip-trigger.js";
|
|
37
|
+
import { PostTooltip as PostTooltipElement } from "@swisspost/design-system-components/dist/components/post-tooltip.js";
|
|
38
|
+
type PostAccordionEvents = NonNullable<unknown>;
|
|
39
|
+
export declare const PostAccordion: StencilReactComponent<PostAccordionElement, PostAccordionEvents>;
|
|
40
|
+
type PostAccordionItemEvents = NonNullable<unknown>;
|
|
41
|
+
export declare const PostAccordionItem: StencilReactComponent<PostAccordionItemElement, PostAccordionItemEvents>;
|
|
42
|
+
type PostAvatarEvents = NonNullable<unknown>;
|
|
43
|
+
export declare const PostAvatar: StencilReactComponent<PostAvatarElement, PostAvatarEvents>;
|
|
44
|
+
type PostBackToTopEvents = NonNullable<unknown>;
|
|
45
|
+
export declare const PostBackToTop: StencilReactComponent<PostBackToTopElement, PostBackToTopEvents>;
|
|
46
|
+
type PostBannerEvents = {
|
|
47
|
+
onPostDismissed: EventName<CustomEvent<void>>;
|
|
48
|
+
};
|
|
49
|
+
export declare const PostBanner: StencilReactComponent<PostBannerElement, PostBannerEvents>;
|
|
50
|
+
type PostBreadcrumbItemEvents = NonNullable<unknown>;
|
|
51
|
+
export declare const PostBreadcrumbItem: StencilReactComponent<PostBreadcrumbItemElement, PostBreadcrumbItemEvents>;
|
|
52
|
+
type PostBreadcrumbsEvents = NonNullable<unknown>;
|
|
53
|
+
export declare const PostBreadcrumbs: StencilReactComponent<PostBreadcrumbsElement, PostBreadcrumbsEvents>;
|
|
54
|
+
type PostCardControlEvents = {
|
|
55
|
+
onPostInput: EventName<CustomEvent<{
|
|
56
|
+
state: boolean;
|
|
57
|
+
value: string;
|
|
58
|
+
}>>;
|
|
59
|
+
onPostChange: EventName<CustomEvent<{
|
|
60
|
+
state: boolean;
|
|
61
|
+
value: string;
|
|
62
|
+
}>>;
|
|
63
|
+
};
|
|
64
|
+
export declare const PostCardControl: StencilReactComponent<PostCardControlElement, PostCardControlEvents>;
|
|
65
|
+
type PostClosebuttonEvents = NonNullable<unknown>;
|
|
66
|
+
export declare const PostClosebutton: StencilReactComponent<PostClosebuttonElement, PostClosebuttonEvents>;
|
|
67
|
+
type PostCollapsibleEvents = {
|
|
68
|
+
onPostToggle: EventName<CustomEvent<boolean>>;
|
|
69
|
+
};
|
|
70
|
+
export declare const PostCollapsible: StencilReactComponent<PostCollapsibleElement, PostCollapsibleEvents>;
|
|
71
|
+
type PostCollapsibleTriggerEvents = NonNullable<unknown>;
|
|
72
|
+
export declare const PostCollapsibleTrigger: StencilReactComponent<PostCollapsibleTriggerElement, PostCollapsibleTriggerEvents>;
|
|
73
|
+
type PostFooterEvents = NonNullable<unknown>;
|
|
74
|
+
export declare const PostFooter: StencilReactComponent<PostFooterElement, PostFooterEvents>;
|
|
75
|
+
type PostHeaderEvents = NonNullable<unknown>;
|
|
76
|
+
export declare const PostHeader: StencilReactComponent<PostHeaderElement, PostHeaderEvents>;
|
|
77
|
+
type PostIconEvents = NonNullable<unknown>;
|
|
78
|
+
export declare const PostIcon: StencilReactComponent<PostIconElement, PostIconEvents>;
|
|
79
|
+
type PostLanguageOptionEvents = {
|
|
80
|
+
onPostChange: EventName<CustomEvent<string>>;
|
|
81
|
+
onPostLanguageOptionInitiallyActive: EventName<CustomEvent<string>>;
|
|
82
|
+
};
|
|
83
|
+
export declare const PostLanguageOption: StencilReactComponent<PostLanguageOptionElement, PostLanguageOptionEvents>;
|
|
84
|
+
type PostLanguageSwitchEvents = NonNullable<unknown>;
|
|
85
|
+
export declare const PostLanguageSwitch: StencilReactComponent<PostLanguageSwitchElement, PostLanguageSwitchEvents>;
|
|
86
|
+
type PostLinkareaEvents = NonNullable<unknown>;
|
|
87
|
+
export declare const PostLinkarea: StencilReactComponent<PostLinkareaElement, PostLinkareaEvents>;
|
|
88
|
+
type PostListEvents = NonNullable<unknown>;
|
|
89
|
+
export declare const PostList: StencilReactComponent<PostListElement, PostListEvents>;
|
|
90
|
+
type PostListItemEvents = NonNullable<unknown>;
|
|
91
|
+
export declare const PostListItem: StencilReactComponent<PostListItemElement, PostListItemEvents>;
|
|
92
|
+
type PostLogoEvents = NonNullable<unknown>;
|
|
93
|
+
export declare const PostLogo: StencilReactComponent<PostLogoElement, PostLogoEvents>;
|
|
94
|
+
type PostMainnavigationEvents = NonNullable<unknown>;
|
|
95
|
+
export declare const PostMainnavigation: StencilReactComponent<PostMainnavigationElement, PostMainnavigationEvents>;
|
|
96
|
+
type PostMegadropdownEvents = {
|
|
97
|
+
onPostToggleMegadropdown: EventName<CustomEvent<{
|
|
98
|
+
isVisible: boolean;
|
|
99
|
+
focusParent?: boolean;
|
|
100
|
+
}>>;
|
|
101
|
+
};
|
|
102
|
+
export declare const PostMegadropdown: StencilReactComponent<PostMegadropdownElement, PostMegadropdownEvents>;
|
|
103
|
+
type PostMegadropdownTriggerEvents = NonNullable<unknown>;
|
|
104
|
+
export declare const PostMegadropdownTrigger: StencilReactComponent<PostMegadropdownTriggerElement, PostMegadropdownTriggerEvents>;
|
|
105
|
+
type PostMenuEvents = {
|
|
106
|
+
onToggleMenu: EventName<CustomEvent<boolean>>;
|
|
107
|
+
};
|
|
108
|
+
export declare const PostMenu: StencilReactComponent<PostMenuElement, PostMenuEvents>;
|
|
109
|
+
type PostMenuItemEvents = NonNullable<unknown>;
|
|
110
|
+
export declare const PostMenuItem: StencilReactComponent<PostMenuItemElement, PostMenuItemEvents>;
|
|
111
|
+
type PostMenuTriggerEvents = NonNullable<unknown>;
|
|
112
|
+
export declare const PostMenuTrigger: StencilReactComponent<PostMenuTriggerElement, PostMenuTriggerEvents>;
|
|
113
|
+
type PostPopoverEvents = NonNullable<unknown>;
|
|
114
|
+
export declare const PostPopover: StencilReactComponent<PostPopoverElement, PostPopoverEvents>;
|
|
115
|
+
type PostPopovercontainerEvents = {
|
|
116
|
+
onPostToggle: EventName<CustomEvent<boolean>>;
|
|
117
|
+
};
|
|
118
|
+
export declare const PostPopovercontainer: StencilReactComponent<PostPopovercontainerElement, PostPopovercontainerEvents>;
|
|
119
|
+
type PostRatingEvents = {
|
|
120
|
+
onPostInput: EventName<CustomEvent<{
|
|
121
|
+
value: number;
|
|
122
|
+
}>>;
|
|
123
|
+
onPostChange: EventName<CustomEvent<{
|
|
124
|
+
value: number;
|
|
125
|
+
}>>;
|
|
126
|
+
};
|
|
127
|
+
export declare const PostRating: StencilReactComponent<PostRatingElement, PostRatingEvents>;
|
|
128
|
+
type PostTabHeaderEvents = NonNullable<unknown>;
|
|
129
|
+
export declare const PostTabHeader: StencilReactComponent<PostTabHeaderElement, PostTabHeaderEvents>;
|
|
130
|
+
type PostTabPanelEvents = NonNullable<unknown>;
|
|
131
|
+
export declare const PostTabPanel: StencilReactComponent<PostTabPanelElement, PostTabPanelEvents>;
|
|
132
|
+
type PostTabsEvents = {
|
|
133
|
+
onPostChange: EventName<CustomEvent<string>>;
|
|
134
|
+
};
|
|
135
|
+
export declare const PostTabs: StencilReactComponent<PostTabsElement, PostTabsEvents>;
|
|
136
|
+
type PostTagEvents = NonNullable<unknown>;
|
|
137
|
+
export declare const PostTag: StencilReactComponent<PostTagElement, PostTagEvents>;
|
|
138
|
+
type PostTogglebuttonEvents = NonNullable<unknown>;
|
|
139
|
+
export declare const PostTogglebutton: StencilReactComponent<PostTogglebuttonElement, PostTogglebuttonEvents>;
|
|
140
|
+
type PostTooltipEvents = NonNullable<unknown>;
|
|
141
|
+
export declare const PostTooltip: StencilReactComponent<PostTooltipElement, PostTooltipEvents>;
|
|
142
|
+
type PostTooltipTriggerEvents = NonNullable<unknown>;
|
|
143
|
+
export declare const PostTooltipTrigger: StencilReactComponent<PostTooltipTriggerElement, PostTooltipTriggerEvents>;
|
|
144
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@swisspost/design-system-components-react",
|
|
3
|
-
"version": "10.0.0-next.
|
|
3
|
+
"version": "10.0.0-next.41",
|
|
4
4
|
"description": "Design System React Components for easy integration with the React ecosystem",
|
|
5
5
|
"author": "Swiss Post <design-system@post.ch>",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -13,27 +13,44 @@
|
|
|
13
13
|
"bugs": {
|
|
14
14
|
"url": "https://github.com/swisspost/design-system/issues"
|
|
15
15
|
},
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
16
19
|
"publishConfig": {
|
|
17
20
|
"access": "public",
|
|
18
21
|
"linkDirectory": true
|
|
19
22
|
},
|
|
20
|
-
"
|
|
21
|
-
"dist"
|
|
22
|
-
],
|
|
23
|
+
"type": "module",
|
|
23
24
|
"main": "dist/index.js",
|
|
25
|
+
"module": "dist/index.js",
|
|
24
26
|
"types": "dist/types/index.d.ts",
|
|
27
|
+
"exports": {
|
|
28
|
+
"./post-components.css": "./dist/post-components.css",
|
|
29
|
+
".": {
|
|
30
|
+
"types": "./dist/types/index.d.ts",
|
|
31
|
+
"node": "./dist/index.server.js",
|
|
32
|
+
"import": "./dist/index.js",
|
|
33
|
+
"require": "./dist/index.js"
|
|
34
|
+
},
|
|
35
|
+
"./server": {
|
|
36
|
+
"types": "./dist/types/index.server.d.ts",
|
|
37
|
+
"import": "./dist/index.server.js",
|
|
38
|
+
"require": "./dist/index.server.js"
|
|
39
|
+
}
|
|
40
|
+
},
|
|
25
41
|
"dependencies": {
|
|
26
|
-
"@
|
|
42
|
+
"@stencil/react-output-target": "0.8.2",
|
|
43
|
+
"@stencil/ssr": "0.1.1",
|
|
44
|
+
"@swisspost/design-system-components": "10.0.0-next.41"
|
|
27
45
|
},
|
|
28
46
|
"devDependencies": {
|
|
29
47
|
"@eslint/js": "9.18.0",
|
|
30
|
-
"@stencil/react-output-target": "0.5.3",
|
|
31
48
|
"@types/node": "22.10.5",
|
|
32
|
-
"@types/react": "18.3.
|
|
33
|
-
"@types/react-dom": "18.3.
|
|
49
|
+
"@types/react": "18.3.23",
|
|
50
|
+
"@types/react-dom": "18.3.7",
|
|
34
51
|
"copyfiles": "2.4.1",
|
|
35
52
|
"eslint": "9.18.0",
|
|
36
|
-
"eslint-plugin-react": "7.37.
|
|
53
|
+
"eslint-plugin-react": "7.37.5",
|
|
37
54
|
"globals": "16.0.0",
|
|
38
55
|
"react": "18.3.1",
|
|
39
56
|
"react-dom": "18.3.1",
|
|
@@ -41,10 +58,6 @@
|
|
|
41
58
|
"typescript": "5.8.3",
|
|
42
59
|
"typescript-eslint": "8.20.0"
|
|
43
60
|
},
|
|
44
|
-
"peerDependencies": {
|
|
45
|
-
"react": "18.3.1",
|
|
46
|
-
"react-dom": "18.3.1"
|
|
47
|
-
},
|
|
48
61
|
"keywords": [
|
|
49
62
|
"components",
|
|
50
63
|
"react",
|
|
@@ -58,6 +71,6 @@
|
|
|
58
71
|
"clean": "rimraf dist",
|
|
59
72
|
"lint": "eslint",
|
|
60
73
|
"lint:fix": "eslint --fix",
|
|
61
|
-
"copy:styles:dist": "copyfiles -f src/
|
|
74
|
+
"copy:styles:dist": "copyfiles -f src/stencil-generated/post-components.css dist/"
|
|
62
75
|
}
|
|
63
76
|
}
|
package/dist/components/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { createReactComponent } from './react-component-lib';
|
|
2
|
-
import { defineCustomElements } from '@swisspost/design-system-components/loader';
|
|
3
|
-
defineCustomElements();
|
|
4
|
-
export const PostAccordion = createReactComponent('post-accordion');
|
|
5
|
-
export const PostAccordionItem = createReactComponent('post-accordion-item');
|
|
6
|
-
export const PostAvatar = createReactComponent('post-avatar');
|
|
7
|
-
export const PostBackToTop = createReactComponent('post-back-to-top');
|
|
8
|
-
export const PostBanner = createReactComponent('post-banner');
|
|
9
|
-
export const PostBreadcrumbItem = createReactComponent('post-breadcrumb-item');
|
|
10
|
-
export const PostBreadcrumbs = createReactComponent('post-breadcrumbs');
|
|
11
|
-
export const PostCardControl = createReactComponent('post-card-control');
|
|
12
|
-
export const PostClosebutton = createReactComponent('post-closebutton');
|
|
13
|
-
export const PostCollapsible = createReactComponent('post-collapsible');
|
|
14
|
-
export const PostCollapsibleTrigger = createReactComponent('post-collapsible-trigger');
|
|
15
|
-
export const PostFooter = createReactComponent('post-footer');
|
|
16
|
-
export const PostHeader = createReactComponent('post-header');
|
|
17
|
-
export const PostIcon = createReactComponent('post-icon');
|
|
18
|
-
export const PostLanguageOption = createReactComponent('post-language-option');
|
|
19
|
-
export const PostLanguageSwitch = createReactComponent('post-language-switch');
|
|
20
|
-
export const PostLinkarea = createReactComponent('post-linkarea');
|
|
21
|
-
export const PostList = createReactComponent('post-list');
|
|
22
|
-
export const PostListItem = createReactComponent('post-list-item');
|
|
23
|
-
export const PostLogo = createReactComponent('post-logo');
|
|
24
|
-
export const PostMainnavigation = createReactComponent('post-mainnavigation');
|
|
25
|
-
export const PostMegadropdown = createReactComponent('post-megadropdown');
|
|
26
|
-
export const PostMegadropdownTrigger = createReactComponent('post-megadropdown-trigger');
|
|
27
|
-
export const PostMenu = createReactComponent('post-menu');
|
|
28
|
-
export const PostMenuItem = createReactComponent('post-menu-item');
|
|
29
|
-
export const PostMenuTrigger = createReactComponent('post-menu-trigger');
|
|
30
|
-
export const PostPopover = createReactComponent('post-popover');
|
|
31
|
-
export const PostPopovercontainer = createReactComponent('post-popovercontainer');
|
|
32
|
-
export const PostRating = createReactComponent('post-rating');
|
|
33
|
-
export const PostTabHeader = createReactComponent('post-tab-header');
|
|
34
|
-
export const PostTabPanel = createReactComponent('post-tab-panel');
|
|
35
|
-
export const PostTabs = createReactComponent('post-tabs');
|
|
36
|
-
export const PostTag = createReactComponent('post-tag');
|
|
37
|
-
export const PostTogglebutton = createReactComponent('post-togglebutton');
|
|
38
|
-
export const PostTooltip = createReactComponent('post-tooltip');
|
|
39
|
-
export const PostTooltipTrigger = createReactComponent('post-tooltip-trigger');
|
|
40
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import React, { createElement } from 'react';
|
|
2
|
-
import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
|
|
3
|
-
export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
|
|
4
|
-
if (defineCustomElement !== undefined) {
|
|
5
|
-
defineCustomElement();
|
|
6
|
-
}
|
|
7
|
-
const displayName = dashToPascalCase(tagName);
|
|
8
|
-
const ReactComponent = class extends React.Component {
|
|
9
|
-
constructor(props) {
|
|
10
|
-
super(props);
|
|
11
|
-
Object.defineProperty(this, "componentEl", {
|
|
12
|
-
enumerable: true,
|
|
13
|
-
configurable: true,
|
|
14
|
-
writable: true,
|
|
15
|
-
value: void 0
|
|
16
|
-
});
|
|
17
|
-
Object.defineProperty(this, "setComponentElRef", {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
configurable: true,
|
|
20
|
-
writable: true,
|
|
21
|
-
value: (element) => {
|
|
22
|
-
this.componentEl = element;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
componentDidMount() {
|
|
27
|
-
this.componentDidUpdate(this.props);
|
|
28
|
-
}
|
|
29
|
-
componentDidUpdate(prevProps) {
|
|
30
|
-
attachProps(this.componentEl, this.props, prevProps);
|
|
31
|
-
}
|
|
32
|
-
render() {
|
|
33
|
-
const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
|
|
34
|
-
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
35
|
-
const value = cProps[name];
|
|
36
|
-
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
37
|
-
const eventName = name.substring(2).toLowerCase();
|
|
38
|
-
if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
|
|
39
|
-
acc[name] = value;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
const type = typeof value;
|
|
44
|
-
if (type === 'string' || type === 'boolean' || type === 'number') {
|
|
45
|
-
acc[camelToDashCase(name)] = value;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
return acc;
|
|
49
|
-
}, {});
|
|
50
|
-
if (manipulatePropsFunction) {
|
|
51
|
-
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
52
|
-
}
|
|
53
|
-
const newProps = {
|
|
54
|
-
...propsToPass,
|
|
55
|
-
ref: mergeRefs(forwardedRef, this.setComponentElRef),
|
|
56
|
-
style,
|
|
57
|
-
};
|
|
58
|
-
return createElement(tagName, newProps, children);
|
|
59
|
-
}
|
|
60
|
-
static get displayName() {
|
|
61
|
-
return displayName;
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
if (ReactComponentContext) {
|
|
65
|
-
ReactComponent.contextType = ReactComponentContext;
|
|
66
|
-
}
|
|
67
|
-
return createForwardRef(ReactComponent, displayName);
|
|
68
|
-
};
|
|
69
|
-
//# sourceMappingURL=createComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../../../src/components/stencil-generated/react-component-lib/createComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import ReactDOM from 'react-dom';
|
|
3
|
-
import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
|
|
4
|
-
export const createOverlayComponent = (tagName, controller, customElement) => {
|
|
5
|
-
defineCustomElement(tagName, customElement);
|
|
6
|
-
const displayName = dashToPascalCase(tagName);
|
|
7
|
-
const didDismissEventName = `on${displayName}DidDismiss`;
|
|
8
|
-
const didPresentEventName = `on${displayName}DidPresent`;
|
|
9
|
-
const willDismissEventName = `on${displayName}WillDismiss`;
|
|
10
|
-
const willPresentEventName = `on${displayName}WillPresent`;
|
|
11
|
-
let isDismissing = false;
|
|
12
|
-
class Overlay extends React.Component {
|
|
13
|
-
constructor(props) {
|
|
14
|
-
super(props);
|
|
15
|
-
Object.defineProperty(this, "overlay", {
|
|
16
|
-
enumerable: true,
|
|
17
|
-
configurable: true,
|
|
18
|
-
writable: true,
|
|
19
|
-
value: void 0
|
|
20
|
-
});
|
|
21
|
-
Object.defineProperty(this, "el", {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
configurable: true,
|
|
24
|
-
writable: true,
|
|
25
|
-
value: void 0
|
|
26
|
-
});
|
|
27
|
-
if (typeof document !== 'undefined') {
|
|
28
|
-
this.el = document.createElement('div');
|
|
29
|
-
}
|
|
30
|
-
this.handleDismiss = this.handleDismiss.bind(this);
|
|
31
|
-
}
|
|
32
|
-
static get displayName() {
|
|
33
|
-
return displayName;
|
|
34
|
-
}
|
|
35
|
-
componentDidMount() {
|
|
36
|
-
if (this.props.isOpen) {
|
|
37
|
-
this.present();
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
componentWillUnmount() {
|
|
41
|
-
if (this.overlay) {
|
|
42
|
-
this.overlay.dismiss();
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
handleDismiss(event) {
|
|
46
|
-
if (this.props.onDidDismiss) {
|
|
47
|
-
this.props.onDidDismiss(event);
|
|
48
|
-
}
|
|
49
|
-
setRef(this.props.forwardedRef, null);
|
|
50
|
-
}
|
|
51
|
-
shouldComponentUpdate(nextProps) {
|
|
52
|
-
if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
|
|
53
|
-
isDismissing = true;
|
|
54
|
-
}
|
|
55
|
-
return true;
|
|
56
|
-
}
|
|
57
|
-
async componentDidUpdate(prevProps) {
|
|
58
|
-
if (this.overlay) {
|
|
59
|
-
attachProps(this.overlay, this.props, prevProps);
|
|
60
|
-
}
|
|
61
|
-
if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
|
|
62
|
-
this.present(prevProps);
|
|
63
|
-
}
|
|
64
|
-
if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
|
|
65
|
-
await this.overlay.dismiss();
|
|
66
|
-
isDismissing = false;
|
|
67
|
-
this.forceUpdate();
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
async present(prevProps) {
|
|
71
|
-
const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;
|
|
72
|
-
const elementProps = {
|
|
73
|
-
...cProps,
|
|
74
|
-
ref: this.props.forwardedRef,
|
|
75
|
-
[didDismissEventName]: this.handleDismiss,
|
|
76
|
-
[didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e),
|
|
77
|
-
[willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e),
|
|
78
|
-
[willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e),
|
|
79
|
-
};
|
|
80
|
-
this.overlay = await controller.create({
|
|
81
|
-
...elementProps,
|
|
82
|
-
component: this.el,
|
|
83
|
-
componentProps: {},
|
|
84
|
-
});
|
|
85
|
-
setRef(this.props.forwardedRef, this.overlay);
|
|
86
|
-
attachProps(this.overlay, elementProps, prevProps);
|
|
87
|
-
await this.overlay.present();
|
|
88
|
-
}
|
|
89
|
-
render() {
|
|
90
|
-
return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
return React.forwardRef((props, ref) => {
|
|
94
|
-
return React.createElement(Overlay, { ...props, forwardedRef: ref });
|
|
95
|
-
});
|
|
96
|
-
};
|
|
97
|
-
//# sourceMappingURL=createOverlayComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["../../../../src/components/stencil-generated/react-component-lib/createOverlayComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/stencil-generated/react-component-lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/components/stencil-generated/react-component-lib/interfaces.ts"],"names":[],"mappings":""}
|