@siemens/ix-react 2.1.0-beta.0 → 2.1.0-beta.2

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 (8) hide show
  1. package/dist/index.esm.js +229 -181
  2. package/dist/index.js +57 -4
  3. package/dist/types/components.d.ts +5 -0
  4. package/dist/types/delegate.d.ts +6 -0
  5. package/dist/types/index.d.ts +1 -0
  6. package/dist/types/internal-components.d.ts +1 -0
  7. package/dist/types/react-component-lib/utils/attachProps.d.ts +4 -0
  8. package/package.json +3 -3
package/dist/index.esm.js CHANGED
@@ -1,96 +1,102 @@
1
1
  import React, { createElement, useState, useRef, useEffect, useLayoutEffect, useImperativeHandle, useCallback } from 'react';
2
2
  import ReactDOM from 'react-dom';
3
3
  import { defineCustomElement } from '@siemens/ix/components/ix-action-card.js';
4
- import { defineCustomElement as defineCustomElement$1 } from '@siemens/ix/components/ix-application-header.js';
5
- import { defineCustomElement as defineCustomElement$2 } from '@siemens/ix/components/ix-avatar.js';
6
- import { defineCustomElement as defineCustomElement$3 } from '@siemens/ix/components/ix-basic-navigation.js';
7
- import { defineCustomElement as defineCustomElement$4 } from '@siemens/ix/components/ix-blind.js';
8
- import { defineCustomElement as defineCustomElement$5 } from '@siemens/ix/components/ix-breadcrumb.js';
9
- import { defineCustomElement as defineCustomElement$6 } from '@siemens/ix/components/ix-breadcrumb-item.js';
10
- import { defineCustomElement as defineCustomElement$7 } from '@siemens/ix/components/ix-button.js';
11
- import { defineCustomElement as defineCustomElement$8 } from '@siemens/ix/components/ix-card.js';
12
- import { defineCustomElement as defineCustomElement$9 } from '@siemens/ix/components/ix-card-accordion.js';
13
- import { defineCustomElement as defineCustomElement$a } from '@siemens/ix/components/ix-card-content.js';
14
- import { defineCustomElement as defineCustomElement$b } from '@siemens/ix/components/ix-card-list.js';
15
- import { defineCustomElement as defineCustomElement$c } from '@siemens/ix/components/ix-card-title.js';
16
- import { defineCustomElement as defineCustomElement$d } from '@siemens/ix/components/ix-category-filter.js';
17
- import { defineCustomElement as defineCustomElement$e } from '@siemens/ix/components/ix-chip.js';
18
- import { defineCustomElement as defineCustomElement$f } from '@siemens/ix/components/ix-col.js';
19
- import { defineCustomElement as defineCustomElement$g } from '@siemens/ix/components/ix-content-header.js';
20
- import { defineCustomElement as defineCustomElement$h } from '@siemens/ix/components/ix-date-picker.js';
21
- import { defineCustomElement as defineCustomElement$i } from '@siemens/ix/components/ix-datetime-picker.js';
22
- import { defineCustomElement as defineCustomElement$j } from '@siemens/ix/components/ix-divider.js';
23
- import { defineCustomElement as defineCustomElement$k } from '@siemens/ix/components/ix-drawer.js';
24
- import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/components/ix-dropdown.js';
25
- import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-dropdown-button.js';
26
- import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-dropdown-header.js';
27
- import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-dropdown-item.js';
28
- import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
29
- import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-empty-state.js';
30
- import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-event-list.js';
31
- import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-event-list-item.js';
32
- import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-expanding-search.js';
33
- import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-filter-chip.js';
34
- import { defineCustomElement as defineCustomElement$v } from '@siemens/ix/components/ix-flip-tile.js';
35
- import { defineCustomElement as defineCustomElement$w } from '@siemens/ix/components/ix-flip-tile-content.js';
36
- import { defineCustomElement as defineCustomElement$x } from '@siemens/ix/components/ix-form-field.js';
37
- import { defineCustomElement as defineCustomElement$y } from '@siemens/ix/components/ix-group.js';
38
- import { defineCustomElement as defineCustomElement$z } from '@siemens/ix/components/ix-group-context-menu.js';
39
- import { defineCustomElement as defineCustomElement$A } from '@siemens/ix/components/ix-group-item.js';
40
- import { defineCustomElement as defineCustomElement$B } from '@siemens/ix/components/ix-icon-button.js';
41
- import { defineCustomElement as defineCustomElement$C } from '@siemens/ix/components/ix-icon-toggle-button.js';
42
- import { defineCustomElement as defineCustomElement$D } from '@siemens/ix/components/ix-input-group.js';
43
- import { defineCustomElement as defineCustomElement$E } from '@siemens/ix/components/ix-key-value.js';
44
- import { defineCustomElement as defineCustomElement$F } from '@siemens/ix/components/ix-key-value-list.js';
45
- import { defineCustomElement as defineCustomElement$G } from '@siemens/ix/components/ix-kpi.js';
46
- import { defineCustomElement as defineCustomElement$H } from '@siemens/ix/components/ix-layout-grid.js';
47
- import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/components/ix-link-button.js';
48
- import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-map-navigation.js';
49
- import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-map-navigation-overlay.js';
50
- import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-menu.js';
51
- import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-menu-about.js';
52
- import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-menu-about-item.js';
53
- import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-menu-about-news.js';
54
- import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-menu-avatar.js';
55
- import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-menu-avatar-item.js';
56
- import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-menu-category.js';
57
- import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-menu-item.js';
58
- import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-menu-settings.js';
59
- import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu-settings-item.js';
60
- import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-message-bar.js';
61
- import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-modal.js';
62
- import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-modal-content.js';
63
- import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-modal-example.js';
64
- import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-modal-footer.js';
65
- import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-modal-header.js';
66
- import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-pagination.js';
67
- import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-pill.js';
68
- import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-push-card.js';
69
- import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-row.js';
70
- import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-select.js';
71
- import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-select-item.js';
72
- import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-slider.js';
73
- import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-spinner.js';
74
- import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-split-button.js';
75
- import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-split-button-item.js';
76
- import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-tab-item.js';
77
- import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-tabs.js';
78
- import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-tile.js';
79
- import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-time-picker.js';
80
- import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-toast.js';
81
- import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-toast-container.js';
82
- import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-toggle.js';
83
- import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-toggle-button.js';
84
- import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-tooltip.js';
85
- import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-typography.js';
86
- import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-upload.js';
87
- import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-validation-tooltip.js';
88
- import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-workflow-step.js';
89
- import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-workflow-steps.js';
4
+ import { defineCustomElement as defineCustomElement$1 } from '@siemens/ix/components/ix-application.js';
5
+ import { defineCustomElement as defineCustomElement$2 } from '@siemens/ix/components/ix-application-header.js';
6
+ import { defineCustomElement as defineCustomElement$3 } from '@siemens/ix/components/ix-avatar.js';
7
+ import { defineCustomElement as defineCustomElement$4 } from '@siemens/ix/components/ix-basic-navigation.js';
8
+ import { defineCustomElement as defineCustomElement$5 } from '@siemens/ix/components/ix-blind.js';
9
+ import { defineCustomElement as defineCustomElement$6 } from '@siemens/ix/components/ix-breadcrumb.js';
10
+ import { defineCustomElement as defineCustomElement$7 } from '@siemens/ix/components/ix-breadcrumb-item.js';
11
+ import { defineCustomElement as defineCustomElement$8 } from '@siemens/ix/components/ix-button.js';
12
+ import { defineCustomElement as defineCustomElement$9 } from '@siemens/ix/components/ix-card.js';
13
+ import { defineCustomElement as defineCustomElement$a } from '@siemens/ix/components/ix-card-accordion.js';
14
+ import { defineCustomElement as defineCustomElement$b } from '@siemens/ix/components/ix-card-content.js';
15
+ import { defineCustomElement as defineCustomElement$c } from '@siemens/ix/components/ix-card-list.js';
16
+ import { defineCustomElement as defineCustomElement$d } from '@siemens/ix/components/ix-card-title.js';
17
+ import { defineCustomElement as defineCustomElement$e } from '@siemens/ix/components/ix-category-filter.js';
18
+ import { defineCustomElement as defineCustomElement$f } from '@siemens/ix/components/ix-chip.js';
19
+ import { defineCustomElement as defineCustomElement$g } from '@siemens/ix/components/ix-col.js';
20
+ import { defineCustomElement as defineCustomElement$h } from '@siemens/ix/components/ix-content.js';
21
+ import { defineCustomElement as defineCustomElement$i } from '@siemens/ix/components/ix-content-header.js';
22
+ import { defineCustomElement as defineCustomElement$j } from '@siemens/ix/components/ix-date-dropdown.js';
23
+ import { defineCustomElement as defineCustomElement$k } from '@siemens/ix/components/ix-date-picker.js';
24
+ import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/components/ix-datetime-picker.js';
25
+ import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-divider.js';
26
+ import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-drawer.js';
27
+ import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-dropdown.js';
28
+ import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-dropdown-button.js';
29
+ import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-dropdown-header.js';
30
+ import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-dropdown-item.js';
31
+ import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
32
+ import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-empty-state.js';
33
+ import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-event-list.js';
34
+ import { defineCustomElement as defineCustomElement$v } from '@siemens/ix/components/ix-event-list-item.js';
35
+ import { defineCustomElement as defineCustomElement$w } from '@siemens/ix/components/ix-expanding-search.js';
36
+ import { defineCustomElement as defineCustomElement$x } from '@siemens/ix/components/ix-filter-chip.js';
37
+ import { defineCustomElement as defineCustomElement$y } from '@siemens/ix/components/ix-flip-tile.js';
38
+ import { defineCustomElement as defineCustomElement$z } from '@siemens/ix/components/ix-flip-tile-content.js';
39
+ import { defineCustomElement as defineCustomElement$A } from '@siemens/ix/components/ix-form-field.js';
40
+ import { defineCustomElement as defineCustomElement$B } from '@siemens/ix/components/ix-group.js';
41
+ import { defineCustomElement as defineCustomElement$C } from '@siemens/ix/components/ix-group-context-menu.js';
42
+ import { defineCustomElement as defineCustomElement$D } from '@siemens/ix/components/ix-group-item.js';
43
+ import { defineCustomElement as defineCustomElement$E } from '@siemens/ix/components/ix-icon-button.js';
44
+ import { defineCustomElement as defineCustomElement$F } from '@siemens/ix/components/ix-icon-toggle-button.js';
45
+ import { defineCustomElement as defineCustomElement$G } from '@siemens/ix/components/ix-input-group.js';
46
+ import { defineCustomElement as defineCustomElement$H } from '@siemens/ix/components/ix-key-value.js';
47
+ import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/components/ix-key-value-list.js';
48
+ import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-kpi.js';
49
+ import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-layout-grid.js';
50
+ import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-link-button.js';
51
+ import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-map-navigation.js';
52
+ import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-map-navigation-overlay.js';
53
+ import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-menu.js';
54
+ import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-menu-about.js';
55
+ import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-menu-about-item.js';
56
+ import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-menu-about-news.js';
57
+ import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-menu-avatar.js';
58
+ import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-menu-avatar-item.js';
59
+ import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu-category.js';
60
+ import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-menu-item.js';
61
+ import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-menu-settings.js';
62
+ import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-menu-settings-item.js';
63
+ import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-message-bar.js';
64
+ import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-modal.js';
65
+ import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-modal-content.js';
66
+ import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-modal-example.js';
67
+ import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-modal-footer.js';
68
+ import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-modal-header.js';
69
+ import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-pagination.js';
70
+ import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-pane.js';
71
+ import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-pane-layout.js';
72
+ import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-pill.js';
73
+ import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-push-card.js';
74
+ import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-row.js';
75
+ import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-select.js';
76
+ import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-select-item.js';
77
+ import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-slider.js';
78
+ import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-spinner.js';
79
+ import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-split-button.js';
80
+ import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-split-button-item.js';
81
+ import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-tab-item.js';
82
+ import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-tabs.js';
83
+ import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-tile.js';
84
+ import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-time-picker.js';
85
+ import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-toast.js';
86
+ import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-toast-container.js';
87
+ import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-toggle.js';
88
+ import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-toggle-button.js';
89
+ import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-tooltip.js';
90
+ import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix/components/ix-typography.js';
91
+ import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-upload.js';
92
+ import { defineCustomElement as defineCustomElement$1p } from '@siemens/ix/components/ix-validation-tooltip.js';
93
+ import { defineCustomElement as defineCustomElement$1q } from '@siemens/ix/components/ix-workflow-step.js';
94
+ import { defineCustomElement as defineCustomElement$1r } from '@siemens/ix/components/ix-workflow-steps.js';
90
95
  import { registerFrameworkDelegate, showModal as showModal$1, toast } from '@siemens/ix';
91
96
  import ReactDOMClient from 'react-dom/client';
92
- import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix-icons/dist/components/ix-icon';
93
- import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-tree.js';
97
+ import { defineCustomElement as defineCustomElement$1s } from '@siemens/ix/components/ix-application-switch-modal.js';
98
+ import { defineCustomElement as defineCustomElement$1t } from '@siemens/ix-icons/dist/components/ix-icon';
99
+ import { defineCustomElement as defineCustomElement$1u } from '@siemens/ix/components/ix-tree.js';
94
100
 
95
101
  /******************************************************************************
96
102
  Copyright (c) Microsoft Corporation.
@@ -184,6 +190,16 @@ const getClassName = (classList, newProps, oldProps) => {
184
190
  incomingPropClasses.forEach((s) => finalClassNames.push(s));
185
191
  return finalClassNames.join(' ');
186
192
  };
193
+ /**
194
+ * Transforms a React event name to a browser event name.
195
+ */
196
+ const transformReactEventName = (eventNameSuffix) => {
197
+ switch (eventNameSuffix) {
198
+ case 'doubleclick':
199
+ return 'dblclick';
200
+ }
201
+ return eventNameSuffix;
202
+ };
187
203
  /**
188
204
  * Checks if an event is supported in the current execution environment.
189
205
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
@@ -193,7 +209,7 @@ const isCoveredByReact = (eventNameSuffix) => {
193
209
  return true;
194
210
  }
195
211
  else {
196
- const eventName = 'on' + eventNameSuffix;
212
+ const eventName = 'on' + transformReactEventName(eventNameSuffix);
197
213
  let isSupported = eventName in document;
198
214
  if (!isSupported) {
199
215
  const element = document.createElement('div');
@@ -311,92 +327,97 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
311
327
 
312
328
  /* eslint-disable */
313
329
  const IxActionCard = /*@__PURE__*/ createReactComponent('ix-action-card', undefined, undefined, defineCustomElement);
314
- const IxApplicationHeader = /*@__PURE__*/ createReactComponent('ix-application-header', undefined, undefined, defineCustomElement$1);
315
- const IxAvatar = /*@__PURE__*/ createReactComponent('ix-avatar', undefined, undefined, defineCustomElement$2);
316
- const IxBasicNavigation = /*@__PURE__*/ createReactComponent('ix-basic-navigation', undefined, undefined, defineCustomElement$3);
317
- const IxBlind = /*@__PURE__*/ createReactComponent('ix-blind', undefined, undefined, defineCustomElement$4);
318
- const IxBreadcrumb = /*@__PURE__*/ createReactComponent('ix-breadcrumb', undefined, undefined, defineCustomElement$5);
319
- const IxBreadcrumbItem = /*@__PURE__*/ createReactComponent('ix-breadcrumb-item', undefined, undefined, defineCustomElement$6);
320
- const IxButton = /*@__PURE__*/ createReactComponent('ix-button', undefined, undefined, defineCustomElement$7);
321
- const IxCard = /*@__PURE__*/ createReactComponent('ix-card', undefined, undefined, defineCustomElement$8);
322
- const IxCardAccordion = /*@__PURE__*/ createReactComponent('ix-card-accordion', undefined, undefined, defineCustomElement$9);
323
- const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content', undefined, undefined, defineCustomElement$a);
324
- const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list', undefined, undefined, defineCustomElement$b);
325
- const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefined, undefined, defineCustomElement$c);
326
- const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, defineCustomElement$d);
327
- const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, defineCustomElement$e);
328
- const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, defineCustomElement$f);
329
- const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, defineCustomElement$g);
330
- const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, defineCustomElement$h);
331
- const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, defineCustomElement$i);
332
- const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, defineCustomElement$j);
333
- const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer', undefined, undefined, defineCustomElement$k);
334
- const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown', undefined, undefined, defineCustomElement$l);
335
- const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button', undefined, undefined, defineCustomElement$m);
336
- const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header', undefined, undefined, defineCustomElement$n);
337
- const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item', undefined, undefined, defineCustomElement$o);
338
- const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions', undefined, undefined, defineCustomElement$p);
339
- const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefined, undefined, defineCustomElement$q);
340
- const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, defineCustomElement$r);
341
- const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, defineCustomElement$s);
342
- const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, defineCustomElement$t);
343
- const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, defineCustomElement$u);
344
- const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, defineCustomElement$v);
345
- const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, defineCustomElement$w);
346
- const IxFormField = /*@__PURE__*/ createReactComponent('ix-form-field', undefined, undefined, defineCustomElement$x);
347
- const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, defineCustomElement$y);
348
- const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, defineCustomElement$z);
349
- const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, defineCustomElement$A);
350
- const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, defineCustomElement$B);
351
- const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, defineCustomElement$C);
352
- const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, defineCustomElement$D);
353
- const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, defineCustomElement$E);
354
- const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, defineCustomElement$F);
355
- const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, defineCustomElement$G);
356
- const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, defineCustomElement$H);
357
- const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, defineCustomElement$I);
358
- const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, defineCustomElement$J);
359
- const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay', undefined, undefined, defineCustomElement$K);
360
- const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu', undefined, undefined, defineCustomElement$L);
361
- const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about', undefined, undefined, defineCustomElement$M);
362
- const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item', undefined, undefined, defineCustomElement$N);
363
- const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news', undefined, undefined, defineCustomElement$O);
364
- const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar', undefined, undefined, defineCustomElement$P);
365
- const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item', undefined, undefined, defineCustomElement$Q);
366
- const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category', undefined, undefined, defineCustomElement$R);
367
- const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item', undefined, undefined, defineCustomElement$S);
368
- const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings', undefined, undefined, defineCustomElement$T);
369
- const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item', undefined, undefined, defineCustomElement$U);
370
- const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar', undefined, undefined, defineCustomElement$V);
371
- const IxModal = /*@__PURE__*/ createReactComponent('ix-modal', undefined, undefined, defineCustomElement$W);
372
- const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', undefined, undefined, defineCustomElement$X);
373
- const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, defineCustomElement$Y);
374
- const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, defineCustomElement$Z);
375
- const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, defineCustomElement$_);
376
- const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, defineCustomElement$$);
377
- const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, defineCustomElement$10);
378
- const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, defineCustomElement$11);
379
- const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, defineCustomElement$12);
380
- const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, defineCustomElement$13);
381
- const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, defineCustomElement$14);
382
- const IxSlider = /*@__PURE__*/ createReactComponent('ix-slider', undefined, undefined, defineCustomElement$15);
383
- const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner', undefined, undefined, defineCustomElement$16);
384
- const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', undefined, undefined, defineCustomElement$17);
385
- const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, defineCustomElement$18);
386
- const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, defineCustomElement$19);
387
- const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, defineCustomElement$1a);
388
- const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, defineCustomElement$1b);
389
- const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, defineCustomElement$1c);
390
- const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, defineCustomElement$1d);
391
- const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container', undefined, undefined, defineCustomElement$1e);
392
- const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle', undefined, undefined, defineCustomElement$1f);
393
- const IxToggleButton = /*@__PURE__*/ createReactComponent('ix-toggle-button', undefined, undefined, defineCustomElement$1g);
394
- const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip', undefined, undefined, defineCustomElement$1h);
395
- const IxTypography = /*@__PURE__*/ createReactComponent('ix-typography', undefined, undefined, defineCustomElement$1i);
396
- const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload', undefined, undefined, defineCustomElement$1j);
397
- const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip', undefined, undefined, defineCustomElement$1k);
398
- const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step', undefined, undefined, defineCustomElement$1l);
399
- const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps', undefined, undefined, defineCustomElement$1m);
330
+ const IxApplication = /*@__PURE__*/ createReactComponent('ix-application', undefined, undefined, defineCustomElement$1);
331
+ const IxApplicationHeader = /*@__PURE__*/ createReactComponent('ix-application-header', undefined, undefined, defineCustomElement$2);
332
+ const IxAvatar = /*@__PURE__*/ createReactComponent('ix-avatar', undefined, undefined, defineCustomElement$3);
333
+ const IxBasicNavigation = /*@__PURE__*/ createReactComponent('ix-basic-navigation', undefined, undefined, defineCustomElement$4);
334
+ const IxBlind = /*@__PURE__*/ createReactComponent('ix-blind', undefined, undefined, defineCustomElement$5);
335
+ const IxBreadcrumb = /*@__PURE__*/ createReactComponent('ix-breadcrumb', undefined, undefined, defineCustomElement$6);
336
+ const IxBreadcrumbItem = /*@__PURE__*/ createReactComponent('ix-breadcrumb-item', undefined, undefined, defineCustomElement$7);
337
+ const IxButton = /*@__PURE__*/ createReactComponent('ix-button', undefined, undefined, defineCustomElement$8);
338
+ const IxCard = /*@__PURE__*/ createReactComponent('ix-card', undefined, undefined, defineCustomElement$9);
339
+ const IxCardAccordion = /*@__PURE__*/ createReactComponent('ix-card-accordion', undefined, undefined, defineCustomElement$a);
340
+ const IxCardContent = /*@__PURE__*/ createReactComponent('ix-card-content', undefined, undefined, defineCustomElement$b);
341
+ const IxCardList = /*@__PURE__*/ createReactComponent('ix-card-list', undefined, undefined, defineCustomElement$c);
342
+ const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefined, undefined, defineCustomElement$d);
343
+ const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, defineCustomElement$e);
344
+ const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, defineCustomElement$f);
345
+ const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, defineCustomElement$g);
346
+ const IxContent = /*@__PURE__*/ createReactComponent('ix-content', undefined, undefined, defineCustomElement$h);
347
+ const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, defineCustomElement$i);
348
+ const IxDateDropdown = /*@__PURE__*/ createReactComponent('ix-date-dropdown', undefined, undefined, defineCustomElement$j);
349
+ const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, defineCustomElement$k);
350
+ const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, defineCustomElement$l);
351
+ const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, defineCustomElement$m);
352
+ const IxDrawer = /*@__PURE__*/ createReactComponent('ix-drawer', undefined, undefined, defineCustomElement$n);
353
+ const IxDropdown = /*@__PURE__*/ createReactComponent('ix-dropdown', undefined, undefined, defineCustomElement$o);
354
+ const IxDropdownButton = /*@__PURE__*/ createReactComponent('ix-dropdown-button', undefined, undefined, defineCustomElement$p);
355
+ const IxDropdownHeader = /*@__PURE__*/ createReactComponent('ix-dropdown-header', undefined, undefined, defineCustomElement$q);
356
+ const IxDropdownItem = /*@__PURE__*/ createReactComponent('ix-dropdown-item', undefined, undefined, defineCustomElement$r);
357
+ const IxDropdownQuickActions = /*@__PURE__*/ createReactComponent('ix-dropdown-quick-actions', undefined, undefined, defineCustomElement$s);
358
+ const IxEmptyState = /*@__PURE__*/ createReactComponent('ix-empty-state', undefined, undefined, defineCustomElement$t);
359
+ const IxEventList = /*@__PURE__*/ createReactComponent('ix-event-list', undefined, undefined, defineCustomElement$u);
360
+ const IxEventListItem = /*@__PURE__*/ createReactComponent('ix-event-list-item', undefined, undefined, defineCustomElement$v);
361
+ const IxExpandingSearch = /*@__PURE__*/ createReactComponent('ix-expanding-search', undefined, undefined, defineCustomElement$w);
362
+ const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip', undefined, undefined, defineCustomElement$x);
363
+ const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile', undefined, undefined, defineCustomElement$y);
364
+ const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content', undefined, undefined, defineCustomElement$z);
365
+ const IxFormField = /*@__PURE__*/ createReactComponent('ix-form-field', undefined, undefined, defineCustomElement$A);
366
+ const IxGroup = /*@__PURE__*/ createReactComponent('ix-group', undefined, undefined, defineCustomElement$B);
367
+ const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu', undefined, undefined, defineCustomElement$C);
368
+ const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item', undefined, undefined, defineCustomElement$D);
369
+ const IxIconButton = /*@__PURE__*/ createReactComponent('ix-icon-button', undefined, undefined, defineCustomElement$E);
370
+ const IxIconToggleButton = /*@__PURE__*/ createReactComponent('ix-icon-toggle-button', undefined, undefined, defineCustomElement$F);
371
+ const IxInputGroup = /*@__PURE__*/ createReactComponent('ix-input-group', undefined, undefined, defineCustomElement$G);
372
+ const IxKeyValue = /*@__PURE__*/ createReactComponent('ix-key-value', undefined, undefined, defineCustomElement$H);
373
+ const IxKeyValueList = /*@__PURE__*/ createReactComponent('ix-key-value-list', undefined, undefined, defineCustomElement$I);
374
+ const IxKpi = /*@__PURE__*/ createReactComponent('ix-kpi', undefined, undefined, defineCustomElement$J);
375
+ const IxLayoutGrid = /*@__PURE__*/ createReactComponent('ix-layout-grid', undefined, undefined, defineCustomElement$K);
376
+ const IxLinkButton = /*@__PURE__*/ createReactComponent('ix-link-button', undefined, undefined, defineCustomElement$L);
377
+ const IxMapNavigation = /*@__PURE__*/ createReactComponent('ix-map-navigation', undefined, undefined, defineCustomElement$M);
378
+ const IxMapNavigationOverlay = /*@__PURE__*/ createReactComponent('ix-map-navigation-overlay', undefined, undefined, defineCustomElement$N);
379
+ const IxMenu = /*@__PURE__*/ createReactComponent('ix-menu', undefined, undefined, defineCustomElement$O);
380
+ const IxMenuAbout = /*@__PURE__*/ createReactComponent('ix-menu-about', undefined, undefined, defineCustomElement$P);
381
+ const IxMenuAboutItem = /*@__PURE__*/ createReactComponent('ix-menu-about-item', undefined, undefined, defineCustomElement$Q);
382
+ const IxMenuAboutNews = /*@__PURE__*/ createReactComponent('ix-menu-about-news', undefined, undefined, defineCustomElement$R);
383
+ const IxMenuAvatar = /*@__PURE__*/ createReactComponent('ix-menu-avatar', undefined, undefined, defineCustomElement$S);
384
+ const IxMenuAvatarItem = /*@__PURE__*/ createReactComponent('ix-menu-avatar-item', undefined, undefined, defineCustomElement$T);
385
+ const IxMenuCategory = /*@__PURE__*/ createReactComponent('ix-menu-category', undefined, undefined, defineCustomElement$U);
386
+ const IxMenuItem = /*@__PURE__*/ createReactComponent('ix-menu-item', undefined, undefined, defineCustomElement$V);
387
+ const IxMenuSettings = /*@__PURE__*/ createReactComponent('ix-menu-settings', undefined, undefined, defineCustomElement$W);
388
+ const IxMenuSettingsItem = /*@__PURE__*/ createReactComponent('ix-menu-settings-item', undefined, undefined, defineCustomElement$X);
389
+ const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar', undefined, undefined, defineCustomElement$Y);
390
+ const IxModal = /*@__PURE__*/ createReactComponent('ix-modal', undefined, undefined, defineCustomElement$Z);
391
+ const IxModalContent = /*@__PURE__*/ createReactComponent('ix-modal-content', undefined, undefined, defineCustomElement$_);
392
+ const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', undefined, undefined, defineCustomElement$$);
393
+ const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, defineCustomElement$10);
394
+ const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, defineCustomElement$11);
395
+ const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, defineCustomElement$12);
396
+ const IxPane = /*@__PURE__*/ createReactComponent('ix-pane', undefined, undefined, defineCustomElement$13);
397
+ const IxPaneLayout = /*@__PURE__*/ createReactComponent('ix-pane-layout', undefined, undefined, defineCustomElement$14);
398
+ const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, defineCustomElement$15);
399
+ const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, defineCustomElement$16);
400
+ const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, defineCustomElement$17);
401
+ const IxSelect = /*@__PURE__*/ createReactComponent('ix-select', undefined, undefined, defineCustomElement$18);
402
+ const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item', undefined, undefined, defineCustomElement$19);
403
+ const IxSlider = /*@__PURE__*/ createReactComponent('ix-slider', undefined, undefined, defineCustomElement$1a);
404
+ const IxSpinner = /*@__PURE__*/ createReactComponent('ix-spinner', undefined, undefined, defineCustomElement$1b);
405
+ const IxSplitButton = /*@__PURE__*/ createReactComponent('ix-split-button', undefined, undefined, defineCustomElement$1c);
406
+ const IxSplitButtonItem = /*@__PURE__*/ createReactComponent('ix-split-button-item', undefined, undefined, defineCustomElement$1d);
407
+ const IxTabItem = /*@__PURE__*/ createReactComponent('ix-tab-item', undefined, undefined, defineCustomElement$1e);
408
+ const IxTabs = /*@__PURE__*/ createReactComponent('ix-tabs', undefined, undefined, defineCustomElement$1f);
409
+ const IxTile = /*@__PURE__*/ createReactComponent('ix-tile', undefined, undefined, defineCustomElement$1g);
410
+ const IxTimePicker = /*@__PURE__*/ createReactComponent('ix-time-picker', undefined, undefined, defineCustomElement$1h);
411
+ const IxToast = /*@__PURE__*/ createReactComponent('ix-toast', undefined, undefined, defineCustomElement$1i);
412
+ const IxToastContainer = /*@__PURE__*/ createReactComponent('ix-toast-container', undefined, undefined, defineCustomElement$1j);
413
+ const IxToggle = /*@__PURE__*/ createReactComponent('ix-toggle', undefined, undefined, defineCustomElement$1k);
414
+ const IxToggleButton = /*@__PURE__*/ createReactComponent('ix-toggle-button', undefined, undefined, defineCustomElement$1l);
415
+ const IxTooltip = /*@__PURE__*/ createReactComponent('ix-tooltip', undefined, undefined, defineCustomElement$1m);
416
+ const IxTypography = /*@__PURE__*/ createReactComponent('ix-typography', undefined, undefined, defineCustomElement$1n);
417
+ const IxUpload = /*@__PURE__*/ createReactComponent('ix-upload', undefined, undefined, defineCustomElement$1o);
418
+ const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-tooltip', undefined, undefined, defineCustomElement$1p);
419
+ const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step', undefined, undefined, defineCustomElement$1q);
420
+ const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps', undefined, undefined, defineCustomElement$1r);
400
421
 
401
422
  /*
402
423
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -436,13 +457,21 @@ async function fallbackRemoveViewFromRootDom(view) {
436
457
  }
437
458
  }
438
459
  class ReactFrameworkDelegate {
460
+ constructor() {
461
+ this.isUsingReactPortal = false;
462
+ this.portalInitPromise = new Promise((resolve) => (this.resolvePortalInitPromise = resolve));
463
+ }
439
464
  async attachView(view) {
440
465
  const id = createViewInstance();
441
- if (!this.attachViewToPortal) {
466
+ if (!this.isUsingReactPortal) {
442
467
  return fallbackRootDom(id, view);
443
468
  }
444
- const refElement = await this.attachViewToPortal(id, view);
445
- return refElement;
469
+ await this.isPortalReady();
470
+ if (this.attachViewToPortal) {
471
+ const refElement = await this.attachViewToPortal(id, view);
472
+ return refElement;
473
+ }
474
+ console.error('Portal could not be initialized');
446
475
  }
447
476
  async removeView(view) {
448
477
  if (!this.removeViewFromPortal) {
@@ -452,6 +481,13 @@ class ReactFrameworkDelegate {
452
481
  const id = parent.getAttribute('data-portal-id');
453
482
  this.removeViewFromPortal(id);
454
483
  }
484
+ portalReady() {
485
+ var _a;
486
+ (_a = this.resolvePortalInitPromise) === null || _a === void 0 ? void 0 : _a.call(this);
487
+ }
488
+ async isPortalReady() {
489
+ return this.portalInitPromise;
490
+ }
455
491
  }
456
492
  const reactFrameworkDelegate = new ReactFrameworkDelegate();
457
493
  registerFrameworkDelegate(reactFrameworkDelegate);
@@ -494,6 +530,7 @@ const IxOverlay = (props) => {
494
530
  props.delegate.removeViewFromPortal = async (id) => {
495
531
  removeOverlay(id);
496
532
  };
533
+ props.delegate.portalReady();
497
534
  }, []);
498
535
  useLayoutEffect(() => {
499
536
  const portalRef = document.querySelector(`#${PORTAL_ID}`);
@@ -542,6 +579,7 @@ class IxApplicationContext extends React.Component {
542
579
  constructor(props) {
543
580
  super(props);
544
581
  this.delegate = reactFrameworkDelegate;
582
+ this.delegate.isUsingReactPortal = true;
545
583
  }
546
584
  render() {
547
585
  return (React.createElement(IxContext.Provider, { value: {
@@ -553,8 +591,18 @@ class IxApplicationContext extends React.Component {
553
591
  }
554
592
  }
555
593
 
594
+ /*
595
+ * SPDX-FileCopyrightText: 2023 Siemens AG
596
+ *
597
+ * SPDX-License-Identifier: MIT
598
+ *
599
+ * This source code is licensed under the MIT license found in the
600
+ * LICENSE file in the root directory of this source tree.
601
+ */
602
+ defineCustomElement$1s();
603
+
556
604
  // eslint-disable-next-line no-inline-comments
557
- const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon', undefined, undefined, defineCustomElement$1n);
605
+ const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon', undefined, undefined, defineCustomElement$1t);
558
606
 
559
607
  /*
560
608
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -618,7 +666,7 @@ async function showToast(config) {
618
666
 
619
667
  /* eslint-disable @typescript-eslint/no-explicit-any */
620
668
  // eslint-disable-next-line no-inline-comments
621
- const InternalIxTree = /*@__PURE__*/ createReactComponent('ix-tree', undefined, undefined, defineCustomElement$1o);
669
+ const InternalIxTree = /*@__PURE__*/ createReactComponent('ix-tree', undefined, undefined, defineCustomElement$1u);
622
670
  const IxTree = (props) => {
623
671
  const cachedRootNodes = useRef(new Map());
624
672
  const renderItem = useCallback((_, data, __, context, update) => {
@@ -650,4 +698,4 @@ const IxTree = (props) => {
650
698
  } })));
651
699
  };
652
700
 
653
- export { InternalIxTree, IxActionCard, IxApplicationContext, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxChip, IxCol, IxContentHeader, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxFormField, IxGroup, IxGroupContextMenu, IxGroupItem, IxIcon, IxIconButton, IxIconToggleButton, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutGrid, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalExample, IxModalFooter, IxModalHeader, IxPagination, IxPill, IxPushCard, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };
701
+ export { InternalIxTree, IxActionCard, IxApplication, IxApplicationContext, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxChip, IxCol, IxContent, IxContentHeader, IxDateDropdown, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxFormField, IxGroup, IxGroupContextMenu, IxGroupItem, IxIcon, IxIconButton, IxIconToggleButton, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutGrid, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalExample, IxModalFooter, IxModalHeader, IxPagination, IxPane, IxPaneLayout, IxPill, IxPushCard, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };
package/dist/index.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const React = require('react');
6
6
  const ReactDOM = require('react-dom');
7
7
  const ixActionCard_js = require('@siemens/ix/components/ix-action-card.js');
8
+ const ixApplication_js = require('@siemens/ix/components/ix-application.js');
8
9
  const ixApplicationHeader_js = require('@siemens/ix/components/ix-application-header.js');
9
10
  const ixAvatar_js = require('@siemens/ix/components/ix-avatar.js');
10
11
  const ixBasicNavigation_js = require('@siemens/ix/components/ix-basic-navigation.js');
@@ -20,7 +21,9 @@ const ixCardTitle_js = require('@siemens/ix/components/ix-card-title.js');
20
21
  const ixCategoryFilter_js = require('@siemens/ix/components/ix-category-filter.js');
21
22
  const ixChip_js = require('@siemens/ix/components/ix-chip.js');
22
23
  const ixCol_js = require('@siemens/ix/components/ix-col.js');
24
+ const ixContent_js = require('@siemens/ix/components/ix-content.js');
23
25
  const ixContentHeader_js = require('@siemens/ix/components/ix-content-header.js');
26
+ const ixDateDropdown_js = require('@siemens/ix/components/ix-date-dropdown.js');
24
27
  const ixDatePicker_js = require('@siemens/ix/components/ix-date-picker.js');
25
28
  const ixDatetimePicker_js = require('@siemens/ix/components/ix-datetime-picker.js');
26
29
  const ixDivider_js = require('@siemens/ix/components/ix-divider.js');
@@ -68,6 +71,8 @@ const ixModalExample_js = require('@siemens/ix/components/ix-modal-example.js');
68
71
  const ixModalFooter_js = require('@siemens/ix/components/ix-modal-footer.js');
69
72
  const ixModalHeader_js = require('@siemens/ix/components/ix-modal-header.js');
70
73
  const ixPagination_js = require('@siemens/ix/components/ix-pagination.js');
74
+ const ixPane_js = require('@siemens/ix/components/ix-pane.js');
75
+ const ixPaneLayout_js = require('@siemens/ix/components/ix-pane-layout.js');
71
76
  const ixPill_js = require('@siemens/ix/components/ix-pill.js');
72
77
  const ixPushCard_js = require('@siemens/ix/components/ix-push-card.js');
73
78
  const ixRow_js = require('@siemens/ix/components/ix-row.js');
@@ -93,6 +98,7 @@ const ixWorkflowStep_js = require('@siemens/ix/components/ix-workflow-step.js');
93
98
  const ixWorkflowSteps_js = require('@siemens/ix/components/ix-workflow-steps.js');
94
99
  const ix = require('@siemens/ix');
95
100
  const ReactDOMClient = require('react-dom/client');
101
+ const ixApplicationSwitchModal_js = require('@siemens/ix/components/ix-application-switch-modal.js');
96
102
  const ixIcon = require('@siemens/ix-icons/dist/components/ix-icon');
97
103
  const ixTree_js = require('@siemens/ix/components/ix-tree.js');
98
104
 
@@ -194,6 +200,16 @@ const getClassName = (classList, newProps, oldProps) => {
194
200
  incomingPropClasses.forEach((s) => finalClassNames.push(s));
195
201
  return finalClassNames.join(' ');
196
202
  };
203
+ /**
204
+ * Transforms a React event name to a browser event name.
205
+ */
206
+ const transformReactEventName = (eventNameSuffix) => {
207
+ switch (eventNameSuffix) {
208
+ case 'doubleclick':
209
+ return 'dblclick';
210
+ }
211
+ return eventNameSuffix;
212
+ };
197
213
  /**
198
214
  * Checks if an event is supported in the current execution environment.
199
215
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
@@ -203,7 +219,7 @@ const isCoveredByReact = (eventNameSuffix) => {
203
219
  return true;
204
220
  }
205
221
  else {
206
- const eventName = 'on' + eventNameSuffix;
222
+ const eventName = 'on' + transformReactEventName(eventNameSuffix);
207
223
  let isSupported = eventName in document;
208
224
  if (!isSupported) {
209
225
  const element = document.createElement('div');
@@ -321,6 +337,7 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
321
337
 
322
338
  /* eslint-disable */
323
339
  const IxActionCard = /*@__PURE__*/ createReactComponent('ix-action-card', undefined, undefined, ixActionCard_js.defineCustomElement);
340
+ const IxApplication = /*@__PURE__*/ createReactComponent('ix-application', undefined, undefined, ixApplication_js.defineCustomElement);
324
341
  const IxApplicationHeader = /*@__PURE__*/ createReactComponent('ix-application-header', undefined, undefined, ixApplicationHeader_js.defineCustomElement);
325
342
  const IxAvatar = /*@__PURE__*/ createReactComponent('ix-avatar', undefined, undefined, ixAvatar_js.defineCustomElement);
326
343
  const IxBasicNavigation = /*@__PURE__*/ createReactComponent('ix-basic-navigation', undefined, undefined, ixBasicNavigation_js.defineCustomElement);
@@ -336,7 +353,9 @@ const IxCardTitle = /*@__PURE__*/ createReactComponent('ix-card-title', undefine
336
353
  const IxCategoryFilter = /*@__PURE__*/ createReactComponent('ix-category-filter', undefined, undefined, ixCategoryFilter_js.defineCustomElement);
337
354
  const IxChip = /*@__PURE__*/ createReactComponent('ix-chip', undefined, undefined, ixChip_js.defineCustomElement);
338
355
  const IxCol = /*@__PURE__*/ createReactComponent('ix-col', undefined, undefined, ixCol_js.defineCustomElement);
356
+ const IxContent = /*@__PURE__*/ createReactComponent('ix-content', undefined, undefined, ixContent_js.defineCustomElement);
339
357
  const IxContentHeader = /*@__PURE__*/ createReactComponent('ix-content-header', undefined, undefined, ixContentHeader_js.defineCustomElement);
358
+ const IxDateDropdown = /*@__PURE__*/ createReactComponent('ix-date-dropdown', undefined, undefined, ixDateDropdown_js.defineCustomElement);
340
359
  const IxDatePicker = /*@__PURE__*/ createReactComponent('ix-date-picker', undefined, undefined, ixDatePicker_js.defineCustomElement);
341
360
  const IxDatetimePicker = /*@__PURE__*/ createReactComponent('ix-datetime-picker', undefined, undefined, ixDatetimePicker_js.defineCustomElement);
342
361
  const IxDivider = /*@__PURE__*/ createReactComponent('ix-divider', undefined, undefined, ixDivider_js.defineCustomElement);
@@ -384,6 +403,8 @@ const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example', un
384
403
  const IxModalFooter = /*@__PURE__*/ createReactComponent('ix-modal-footer', undefined, undefined, ixModalFooter_js.defineCustomElement);
385
404
  const IxModalHeader = /*@__PURE__*/ createReactComponent('ix-modal-header', undefined, undefined, ixModalHeader_js.defineCustomElement);
386
405
  const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination', undefined, undefined, ixPagination_js.defineCustomElement);
406
+ const IxPane = /*@__PURE__*/ createReactComponent('ix-pane', undefined, undefined, ixPane_js.defineCustomElement);
407
+ const IxPaneLayout = /*@__PURE__*/ createReactComponent('ix-pane-layout', undefined, undefined, ixPaneLayout_js.defineCustomElement);
387
408
  const IxPill = /*@__PURE__*/ createReactComponent('ix-pill', undefined, undefined, ixPill_js.defineCustomElement);
388
409
  const IxPushCard = /*@__PURE__*/ createReactComponent('ix-push-card', undefined, undefined, ixPushCard_js.defineCustomElement);
389
410
  const IxRow = /*@__PURE__*/ createReactComponent('ix-row', undefined, undefined, ixRow_js.defineCustomElement);
@@ -446,13 +467,21 @@ async function fallbackRemoveViewFromRootDom(view) {
446
467
  }
447
468
  }
448
469
  class ReactFrameworkDelegate {
470
+ constructor() {
471
+ this.isUsingReactPortal = false;
472
+ this.portalInitPromise = new Promise((resolve) => (this.resolvePortalInitPromise = resolve));
473
+ }
449
474
  async attachView(view) {
450
475
  const id = createViewInstance();
451
- if (!this.attachViewToPortal) {
476
+ if (!this.isUsingReactPortal) {
452
477
  return fallbackRootDom(id, view);
453
478
  }
454
- const refElement = await this.attachViewToPortal(id, view);
455
- return refElement;
479
+ await this.isPortalReady();
480
+ if (this.attachViewToPortal) {
481
+ const refElement = await this.attachViewToPortal(id, view);
482
+ return refElement;
483
+ }
484
+ console.error('Portal could not be initialized');
456
485
  }
457
486
  async removeView(view) {
458
487
  if (!this.removeViewFromPortal) {
@@ -462,6 +491,13 @@ class ReactFrameworkDelegate {
462
491
  const id = parent.getAttribute('data-portal-id');
463
492
  this.removeViewFromPortal(id);
464
493
  }
494
+ portalReady() {
495
+ var _a;
496
+ (_a = this.resolvePortalInitPromise) === null || _a === void 0 ? void 0 : _a.call(this);
497
+ }
498
+ async isPortalReady() {
499
+ return this.portalInitPromise;
500
+ }
465
501
  }
466
502
  const reactFrameworkDelegate = new ReactFrameworkDelegate();
467
503
  ix.registerFrameworkDelegate(reactFrameworkDelegate);
@@ -504,6 +540,7 @@ const IxOverlay = (props) => {
504
540
  props.delegate.removeViewFromPortal = async (id) => {
505
541
  removeOverlay(id);
506
542
  };
543
+ props.delegate.portalReady();
507
544
  }, []);
508
545
  React.useLayoutEffect(() => {
509
546
  const portalRef = document.querySelector(`#${PORTAL_ID}`);
@@ -552,6 +589,7 @@ class IxApplicationContext extends React__default["default"].Component {
552
589
  constructor(props) {
553
590
  super(props);
554
591
  this.delegate = reactFrameworkDelegate;
592
+ this.delegate.isUsingReactPortal = true;
555
593
  }
556
594
  render() {
557
595
  return (React__default["default"].createElement(IxContext.Provider, { value: {
@@ -563,6 +601,16 @@ class IxApplicationContext extends React__default["default"].Component {
563
601
  }
564
602
  }
565
603
 
604
+ /*
605
+ * SPDX-FileCopyrightText: 2023 Siemens AG
606
+ *
607
+ * SPDX-License-Identifier: MIT
608
+ *
609
+ * This source code is licensed under the MIT license found in the
610
+ * LICENSE file in the root directory of this source tree.
611
+ */
612
+ ixApplicationSwitchModal_js.defineCustomElement();
613
+
566
614
  // eslint-disable-next-line no-inline-comments
567
615
  const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon', undefined, undefined, ixIcon.defineCustomElement);
568
616
 
@@ -662,6 +710,7 @@ const IxTree = (props) => {
662
710
 
663
711
  exports.InternalIxTree = InternalIxTree;
664
712
  exports.IxActionCard = IxActionCard;
713
+ exports.IxApplication = IxApplication;
665
714
  exports.IxApplicationContext = IxApplicationContext;
666
715
  exports.IxApplicationHeader = IxApplicationHeader;
667
716
  exports.IxAvatar = IxAvatar;
@@ -678,7 +727,9 @@ exports.IxCardTitle = IxCardTitle;
678
727
  exports.IxCategoryFilter = IxCategoryFilter;
679
728
  exports.IxChip = IxChip;
680
729
  exports.IxCol = IxCol;
730
+ exports.IxContent = IxContent;
681
731
  exports.IxContentHeader = IxContentHeader;
732
+ exports.IxDateDropdown = IxDateDropdown;
682
733
  exports.IxDatePicker = IxDatePicker;
683
734
  exports.IxDatetimePicker = IxDatetimePicker;
684
735
  exports.IxDivider = IxDivider;
@@ -727,6 +778,8 @@ exports.IxModalExample = IxModalExample;
727
778
  exports.IxModalFooter = IxModalFooter;
728
779
  exports.IxModalHeader = IxModalHeader;
729
780
  exports.IxPagination = IxPagination;
781
+ exports.IxPane = IxPane;
782
+ exports.IxPaneLayout = IxPaneLayout;
730
783
  exports.IxPill = IxPill;
731
784
  exports.IxPushCard = IxPushCard;
732
785
  exports.IxRow = IxRow;
package/dist/types/components.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import type { JSX } from '@siemens/ix/components';
3
3
  export declare const IxActionCard: import("react").ForwardRefExoticComponent<JSX.IxActionCard & Omit<import("react").HTMLAttributes<HTMLIxActionCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxActionCardElement>>;
4
+ export declare const IxApplication: import("react").ForwardRefExoticComponent<JSX.IxApplication & Omit<import("react").HTMLAttributes<HTMLIxApplicationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxApplicationElement>>;
4
5
  export declare const IxApplicationHeader: import("react").ForwardRefExoticComponent<JSX.IxApplicationHeader & Omit<import("react").HTMLAttributes<HTMLIxApplicationHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxApplicationHeaderElement>>;
5
6
  export declare const IxAvatar: import("react").ForwardRefExoticComponent<JSX.IxAvatar & Omit<import("react").HTMLAttributes<HTMLIxAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxAvatarElement>>;
6
7
  export declare const IxBasicNavigation: import("react").ForwardRefExoticComponent<JSX.IxBasicNavigation & Omit<import("react").HTMLAttributes<HTMLIxBasicNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxBasicNavigationElement>>;
@@ -16,7 +17,9 @@ export declare const IxCardTitle: import("react").ForwardRefExoticComponent<JSX.
16
17
  export declare const IxCategoryFilter: import("react").ForwardRefExoticComponent<JSX.IxCategoryFilter & Omit<import("react").HTMLAttributes<HTMLIxCategoryFilterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxCategoryFilterElement>>;
17
18
  export declare const IxChip: import("react").ForwardRefExoticComponent<JSX.IxChip & Omit<import("react").HTMLAttributes<HTMLIxChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxChipElement>>;
18
19
  export declare const IxCol: import("react").ForwardRefExoticComponent<JSX.IxCol & Omit<import("react").HTMLAttributes<HTMLIxColElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxColElement>>;
20
+ export declare const IxContent: import("react").ForwardRefExoticComponent<JSX.IxContent & Omit<import("react").HTMLAttributes<HTMLIxContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxContentElement>>;
19
21
  export declare const IxContentHeader: import("react").ForwardRefExoticComponent<JSX.IxContentHeader & Omit<import("react").HTMLAttributes<HTMLIxContentHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxContentHeaderElement>>;
22
+ export declare const IxDateDropdown: import("react").ForwardRefExoticComponent<JSX.IxDateDropdown & Omit<import("react").HTMLAttributes<HTMLIxDateDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDateDropdownElement>>;
20
23
  export declare const IxDatePicker: import("react").ForwardRefExoticComponent<JSX.IxDatePicker & Omit<import("react").HTMLAttributes<HTMLIxDatePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDatePickerElement>>;
21
24
  export declare const IxDatetimePicker: import("react").ForwardRefExoticComponent<JSX.IxDatetimePicker & Omit<import("react").HTMLAttributes<HTMLIxDatetimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDatetimePickerElement>>;
22
25
  export declare const IxDivider: import("react").ForwardRefExoticComponent<JSX.IxDivider & Omit<import("react").HTMLAttributes<HTMLIxDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxDividerElement>>;
@@ -64,6 +67,8 @@ export declare const IxModalExample: import("react").ForwardRefExoticComponent<J
64
67
  export declare const IxModalFooter: import("react").ForwardRefExoticComponent<JSX.IxModalFooter & Omit<import("react").HTMLAttributes<HTMLIxModalFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxModalFooterElement>>;
65
68
  export declare const IxModalHeader: import("react").ForwardRefExoticComponent<JSX.IxModalHeader & Omit<import("react").HTMLAttributes<HTMLIxModalHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxModalHeaderElement>>;
66
69
  export declare const IxPagination: import("react").ForwardRefExoticComponent<JSX.IxPagination & Omit<import("react").HTMLAttributes<HTMLIxPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPaginationElement>>;
70
+ export declare const IxPane: import("react").ForwardRefExoticComponent<JSX.IxPane & Omit<import("react").HTMLAttributes<HTMLIxPaneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPaneElement>>;
71
+ export declare const IxPaneLayout: import("react").ForwardRefExoticComponent<JSX.IxPaneLayout & Omit<import("react").HTMLAttributes<HTMLIxPaneLayoutElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPaneLayoutElement>>;
67
72
  export declare const IxPill: import("react").ForwardRefExoticComponent<JSX.IxPill & Omit<import("react").HTMLAttributes<HTMLIxPillElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPillElement>>;
68
73
  export declare const IxPushCard: import("react").ForwardRefExoticComponent<JSX.IxPushCard & Omit<import("react").HTMLAttributes<HTMLIxPushCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPushCardElement>>;
69
74
  export declare const IxRow: import("react").ForwardRefExoticComponent<JSX.IxRow & Omit<import("react").HTMLAttributes<HTMLIxRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxRowElement>>;
package/dist/types/delegate.d.ts CHANGED
@@ -2,7 +2,13 @@ import { FrameworkDelegate } from '@siemens/ix';
2
2
  export declare class ReactFrameworkDelegate implements FrameworkDelegate {
3
3
  attachViewToPortal?: (id: string, view: any) => Promise<Element>;
4
4
  removeViewFromPortal?: (id: string) => void;
5
+ resolvePortalInitPromise: (() => void) | undefined;
6
+ portalInitPromise: Promise<void>;
7
+ isUsingReactPortal: boolean;
8
+ constructor();
5
9
  attachView(view: any): Promise<any>;
6
10
  removeView(view: any): Promise<void>;
11
+ portalReady(): void;
12
+ private isPortalReady;
7
13
  }
8
14
  export declare const reactFrameworkDelegate: ReactFrameworkDelegate;
package/dist/types/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from './components';
2
2
  export * from './context';
3
+ export * from './internal-components';
3
4
  export * from './ix-icon';
4
5
  export * from './modal';
5
6
  export * from './toast';
package/dist/types/internal-components.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/types/react-component-lib/utils/attachProps.d.ts CHANGED
@@ -1,5 +1,9 @@
1
1
  export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
2
2
  export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
3
+ /**
4
+ * Transforms a React event name to a browser event name.
5
+ */
6
+ export declare const transformReactEventName: (eventNameSuffix: string) => string;
3
7
  /**
4
8
  * Checks if an event is supported in the current execution environment.
5
9
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/react"
9
9
  },
10
- "version": "2.1.0-beta.0",
10
+ "version": "2.1.0-beta.2",
11
11
  "description": "Siemens iX for React",
12
12
  "main": "dist/index.js",
13
13
  "module": "dist/index.esm.js",
@@ -28,7 +28,7 @@
28
28
  "license": "MIT",
29
29
  "devDependencies": {
30
30
  "@rollup/plugin-typescript": "^8.4.0",
31
- "@siemens/ix": "~2.1.0-beta.0",
31
+ "@siemens/ix": "~2.1.0-beta.2",
32
32
  "@types/estree": "~0.0.51",
33
33
  "@types/react": "~18.0.15",
34
34
  "@types/react-dom": "~18.0.6",
@@ -52,6 +52,6 @@
52
52
  "@siemens/ix-icons": "^2.0.0"
53
53
  },
54
54
  "dependencies": {
55
- "@siemens/ix": "~2.1.0-beta.0"
55
+ "@siemens/ix": "~2.1.0-beta.2"
56
56
  }
57
57
  }