@siemens/ix-react 3.2.0 → 4.1.0

package/dist/index.js

@@ -1,8 +1,8 @@
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps } from './components.js';
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps } from './components.js';
 export { IxApplicationContext } from './context/application-context.js';
 import './internal-components.js';
 export { IxIcon } from './ix-icon.js';
-export { showModal } from './modal/index.js';
+export { closeModal, dismissModal, showModal } from './modal/index.js';
 export { showToast } from './toast/toast.js';
 export { IxTree } from './tree/tree.js';
 export { Modal } from './modal/modal.js';

package/dist/modal/index.js

@@ -1,4 +1,4 @@
-import { showModal as showModal$1 } from '@siemens/ix';
+import { showModal as showModal$1, dismissModal as dismissModal$1, closeModal as closeModal$1 } from '@siemens/ix';
 export { Modal } from './modal.js';
 
 /*
@@ -12,6 +12,16 @@ export { Modal } from './modal.js';
 async function showModal(config) {
     return showModal$1(config);
 }
+function dismissModal(modalInstance) {
+    if (modalInstance?.htmlElement) {
+        dismissModal$1(modalInstance.htmlElement);
+    }
+}
+function closeModal(modalInstance, reason) {
+    if (modalInstance?.htmlElement) {
+        closeModal$1(modalInstance.htmlElement, reason);
+    }
+}
 
-export { showModal };
+export { closeModal, dismissModal, showModal };
 //# sourceMappingURL=index.js.map

package/dist/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/modal/index.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  ModalConfig as IxModalConfig,\n  showModal as _showModal,\n} from '@siemens/ix';\nexport * from './modal';\n\nexport type ModalConfig = {\n  content: React.ReactNode | string;\n};\n\nexport async function showModal(\n  config: Omit<IxModalConfig, 'content'> & ModalConfig\n) {\n  return _showModal(config);\n}\n"],"names":["_showModal"],"mappings":";;;AAAA;;;;;;;AAOG;AAYI,eAAe,SAAS,CAC7B,MAAoD,EAAA;AAEpD,IAAA,OAAOA,WAAU,CAAC,MAAM,CAAC;AAC3B;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/modal/index.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  ModalConfig as IxModalConfig,\n  showModal as _showModal,\n  dismissModal as _dismissModal,\n  closeModal as _closeModal,\n  ModalInstance as IxModalInstance,\n} from '@siemens/ix';\nexport * from './modal';\n\nexport type ModalConfig = {\n  content: React.ReactNode | string;\n};\n\nexport async function showModal(\n  config: Omit<IxModalConfig, 'content'> & ModalConfig\n) {\n  return _showModal(config);\n}\n\nexport function dismissModal(modalInstance: IxModalInstance) {\n  if (modalInstance?.htmlElement) {\n    _dismissModal(modalInstance.htmlElement);\n  }\n}\n\nexport function closeModal<T = any>(\n  modalInstance: IxModalInstance,\n  reason?: T\n) {\n  if (modalInstance?.htmlElement) {\n    _closeModal(modalInstance.htmlElement, reason);\n  }\n}\n"],"names":["_showModal","_dismissModal","_closeModal"],"mappings":";;;AAAA;;;;;;;AAOG;AAeI,eAAe,SAAS,CAC7B,MAAoD,EAAA;AAEpD,IAAA,OAAOA,WAAU,CAAC,MAAM,CAAC;AAC3B;AAEM,SAAU,YAAY,CAAC,aAA8B,EAAA;AACzD,IAAA,IAAI,aAAa,EAAE,WAAW,EAAE;AAC9B,QAAAC,cAAa,CAAC,aAAa,CAAC,WAAW,CAAC;IAC1C;AACF;AAEM,SAAU,UAAU,CACxB,aAA8B,EAC9B,MAAU,EAAA;AAEV,IAAA,IAAI,aAAa,EAAE,WAAW,EAAE;AAC9B,QAAAC,YAAW,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC;IAChD;AACF;;;;"}

package/dist/tree/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sources":["../../src/tree/tree.tsx"],"sourcesContent":["'use client';\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Components,\n  type TreeContext,\n  UpdateCallback,\n  type IxTreeCustomEvent,\n} from '@siemens/ix';\nimport React, { useCallback, useRef } from 'react';\nimport ReactDOM, { Root } from 'react-dom/client';\nimport InternalIxTree from './internal-tree';\n\nexport type IxTreeProps = Omit<\n  Components.IxTree,\n  'renderItem' | 'markItemAsDirty' | 'refreshTree'\n> & {\n  renderItem?: (data: any) => React.ReactNode;\n  onContextChange?: (event: IxTreeCustomEvent<TreeContext>) => void;\n  onNodeToggled?: (\n    event: CustomEvent<{ id: string; isExpaned: boolean }>\n  ) => void;\n  onNodeClicked?: (event: CustomEvent<string>) => void;\n  onNodeRemoved?: (event: CustomEvent<any>) => void;\n};\n\nexport const IxTree = React.forwardRef(\n  (props: IxTreeProps, ref: React.ForwardedRef<Components.IxTree>) => {\n    const cachedRootNodes = useRef<Map<HTMLElement, Root>>(new Map());\n\n    const renderItem = useCallback(\n      (\n        _: number,\n        data: any,\n        __: any[],\n        context: TreeContext,\n        update: (callback: UpdateCallback) => void\n      ) => {\n        const treeItem = document.createElement('ix-tree-item');\n        const rootNode = ReactDOM.createRoot(treeItem);\n        treeItem.hasChildren = data.hasChildren;\n        treeItem.context = context[data.id];\n\n        if (props.renderItem) {\n          rootNode.render(props.renderItem(data.data));\n        }\n\n        update((itemData, newContext) => {\n          treeItem.context = newContext[itemData.id];\n          treeItem.hasChildren = itemData.hasChildren;\n\n          if (props.renderItem) {\n            rootNode.render(props.renderItem(itemData.data));\n          }\n        });\n\n        cachedRootNodes.current.set(treeItem, rootNode);\n        return treeItem;\n      },\n      []\n    );\n\n    return (\n      <InternalIxTree\n        //@ts-expect-error ref exposed by the StencilComponent type\n        ref={ref}\n        {...props}\n        renderItem={props.renderItem ? renderItem : undefined}\n        onNodeRemoved={(removed: CustomEvent<any[]>) => {\n          const { detail } = removed;\n\n          detail.forEach((removedItemElement) => {\n            if (cachedRootNodes.current.has(removedItemElement)) {\n              cachedRootNodes.current.get(removedItemElement)?.unmount();\n              cachedRootNodes.current.delete(removedItemElement);\n            }\n          });\n        }}\n      ></InternalIxTree>\n    );\n  }\n);\n\nexport default IxTree;\n"],"names":[],"mappings":";;;;;;AAiCO;;AAIH;;;AAUI;;AAGA;AACE;;AAGF;;AAEE;AAEA;AACE;;AAEJ;;AAGA;;;;;;;AAYE;AAEA;;;AAGI;;AAEJ;;AAIR;;"}
+{"version":3,"file":"tree.js","sources":["../../src/tree/tree.tsx"],"sourcesContent":["'use client';\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Components,\n  type TreeContext,\n  UpdateCallback,\n  type IxTreeCustomEvent,\n} from '@siemens/ix';\nimport React, { useCallback, useRef } from 'react';\nimport ReactDOM, { Root } from 'react-dom/client';\nimport InternalIxTree from './internal-tree';\n\nexport type IxTreeProps = Omit<\n  Components.IxTree,\n  'renderItem' | 'markItemsAsDirty' | 'refreshTree'\n> & {\n  renderItem?: (data: any) => React.ReactNode;\n  onContextChange?: (event: IxTreeCustomEvent<TreeContext>) => void;\n  onNodeToggled?: (\n    event: CustomEvent<{ id: string; isExpaned: boolean }>\n  ) => void;\n  onNodeClicked?: (event: CustomEvent<string>) => void;\n  onNodeRemoved?: (event: CustomEvent<any>) => void;\n};\n\nexport const IxTree = React.forwardRef(\n  (props: IxTreeProps, ref: React.ForwardedRef<Components.IxTree>) => {\n    const cachedRootNodes = useRef<Map<HTMLElement, Root>>(new Map());\n\n    const renderItem = useCallback(\n      (\n        _: number,\n        data: any,\n        __: any[],\n        context: TreeContext,\n        update: (callback: UpdateCallback) => void\n      ) => {\n        const treeItem = document.createElement('ix-tree-item');\n        const rootNode = ReactDOM.createRoot(treeItem);\n        treeItem.hasChildren = data.hasChildren;\n        treeItem.context = context[data.id];\n\n        if (props.renderItem) {\n          rootNode.render(props.renderItem(data.data));\n        }\n\n        update((itemData, newContext) => {\n          treeItem.context = newContext[itemData.id];\n          treeItem.hasChildren = itemData.hasChildren;\n\n          if (props.renderItem) {\n            rootNode.render(props.renderItem(itemData.data));\n          }\n        });\n\n        cachedRootNodes.current.set(treeItem, rootNode);\n        return treeItem;\n      },\n      []\n    );\n\n    return (\n      <InternalIxTree\n        //@ts-expect-error ref exposed by the StencilComponent type\n        ref={ref}\n        {...props}\n        renderItem={props.renderItem ? renderItem : undefined}\n        onNodeRemoved={(removed: CustomEvent<any[]>) => {\n          const { detail } = removed;\n\n          detail.forEach((removedItemElement) => {\n            if (cachedRootNodes.current.has(removedItemElement)) {\n              cachedRootNodes.current.get(removedItemElement)?.unmount();\n              cachedRootNodes.current.delete(removedItemElement);\n            }\n          });\n        }}\n      ></InternalIxTree>\n    );\n  }\n);\n\nexport default IxTree;\n"],"names":[],"mappings":";;;;;;AAiCO;;AAIH;;;AAUI;;AAGA;AACE;;AAGF;;AAEE;AAEA;AACE;;AAEJ;;AAGA;;;;;;;AAYE;AAEA;;;AAGI;;AAEJ;;AAIR;;"}

package/dist/types/components.d.ts

@@ -7,7 +7,6 @@ import { IxActionCard as IxActionCardElement } from "@siemens/ix/components/ix-a
 import { IxApplicationHeader as IxApplicationHeaderElement } from "@siemens/ix/components/ix-application-header.js";
 import { IxApplication as IxApplicationElement } from "@siemens/ix/components/ix-application.js";
 import { IxAvatar as IxAvatarElement } from "@siemens/ix/components/ix-avatar.js";
-import { IxBasicNavigation as IxBasicNavigationElement } from "@siemens/ix/components/ix-basic-navigation.js";
 import { IxBlind as IxBlindElement } from "@siemens/ix/components/ix-blind.js";
 import { IxBreadcrumbItem as IxBreadcrumbItemElement } from "@siemens/ix/components/ix-breadcrumb-item.js";
 import { IxBreadcrumb as IxBreadcrumbElement } from "@siemens/ix/components/ix-breadcrumb.js";
@@ -58,8 +57,6 @@ import { IxKpi as IxKpiElement } from "@siemens/ix/components/ix-kpi.js";
 import { IxLayoutAuto as IxLayoutAutoElement } from "@siemens/ix/components/ix-layout-auto.js";
 import { IxLayoutGrid as IxLayoutGridElement } from "@siemens/ix/components/ix-layout-grid.js";
 import { IxLinkButton as IxLinkButtonElement } from "@siemens/ix/components/ix-link-button.js";
-import { IxMapNavigationOverlay as IxMapNavigationOverlayElement } from "@siemens/ix/components/ix-map-navigation-overlay.js";
-import { IxMapNavigation as IxMapNavigationElement } from "@siemens/ix/components/ix-map-navigation.js";
 import { IxMenuAboutItem as IxMenuAboutItemElement } from "@siemens/ix/components/ix-menu-about-item.js";
 import { IxMenuAboutNews as IxMenuAboutNewsElement } from "@siemens/ix/components/ix-menu-about-news.js";
 import { IxMenuAbout as IxMenuAboutElement } from "@siemens/ix/components/ix-menu-about.js";
@@ -118,8 +115,6 @@ export type IxApplicationHeaderEvents = {
 export declare const IxApplicationHeader: StencilReactComponent<IxApplicationHeaderElement, IxApplicationHeaderEvents>;
 export type IxAvatarEvents = NonNullable<unknown>;
 export declare const IxAvatar: StencilReactComponent<IxAvatarElement, IxAvatarEvents>;
-export type IxBasicNavigationEvents = NonNullable<unknown>;
-export declare const IxBasicNavigation: StencilReactComponent<IxBasicNavigationElement, IxBasicNavigationEvents>;
 export type IxBlindEvents = {
     onCollapsedChange: EventName<CustomEvent<boolean>>;
 };
@@ -252,7 +247,7 @@ export declare const IxFlipTileContent: StencilReactComponent<IxFlipTileContentE
 export type IxGroupEvents = {
     onSelectGroup: EventName<CustomEvent<boolean>>;
     onSelectItem: EventName<CustomEvent<number>>;
-    onCollapsedChanged: EventName<CustomEvent<boolean>>;
+    onExpandedChanged: EventName<CustomEvent<boolean>>;
 };
 export declare const IxGroup: StencilReactComponent<IxGroupElement, IxGroupEvents>;
 export type IxGroupContextMenuEvents = NonNullable<unknown>;
@@ -289,15 +284,6 @@ export type IxLayoutGridEvents = NonNullable<unknown>;
 export declare const IxLayoutGrid: StencilReactComponent<IxLayoutGridElement, IxLayoutGridEvents>;
 export type IxLinkButtonEvents = NonNullable<unknown>;
 export declare const IxLinkButton: StencilReactComponent<IxLinkButtonElement, IxLinkButtonEvents>;
-export type IxMapNavigationEvents = {
-    onNavigationToggled: EventName<CustomEvent<boolean>>;
-    onContextMenuClick: EventName<CustomEvent<void>>;
-};
-export declare const IxMapNavigation: StencilReactComponent<IxMapNavigationElement, IxMapNavigationEvents>;
-export type IxMapNavigationOverlayEvents = {
-    onCloseClick: EventName<CustomEvent<any>>;
-};
-export declare const IxMapNavigationOverlay: StencilReactComponent<IxMapNavigationOverlayElement, IxMapNavigationOverlayEvents>;
 export type IxMenuEvents = {
     onExpandChange: EventName<CustomEvent<boolean>>;
     onMapExpandChange: EventName<CustomEvent<boolean>>;

package/dist/types/components.server.d.ts

@@ -7,7 +7,6 @@ import { IxActionCard as IxActionCardElement } from "@siemens/ix/components/ix-a
 import { IxApplicationHeader as IxApplicationHeaderElement } from "@siemens/ix/components/ix-application-header.js";
 import { IxApplication as IxApplicationElement } from "@siemens/ix/components/ix-application.js";
 import { IxAvatar as IxAvatarElement } from "@siemens/ix/components/ix-avatar.js";
-import { IxBasicNavigation as IxBasicNavigationElement } from "@siemens/ix/components/ix-basic-navigation.js";
 import { IxBlind as IxBlindElement } from "@siemens/ix/components/ix-blind.js";
 import { IxBreadcrumbItem as IxBreadcrumbItemElement } from "@siemens/ix/components/ix-breadcrumb-item.js";
 import { IxBreadcrumb as IxBreadcrumbElement } from "@siemens/ix/components/ix-breadcrumb.js";
@@ -58,8 +57,6 @@ import { IxKpi as IxKpiElement } from "@siemens/ix/components/ix-kpi.js";
 import { IxLayoutAuto as IxLayoutAutoElement } from "@siemens/ix/components/ix-layout-auto.js";
 import { IxLayoutGrid as IxLayoutGridElement } from "@siemens/ix/components/ix-layout-grid.js";
 import { IxLinkButton as IxLinkButtonElement } from "@siemens/ix/components/ix-link-button.js";
-import { IxMapNavigationOverlay as IxMapNavigationOverlayElement } from "@siemens/ix/components/ix-map-navigation-overlay.js";
-import { IxMapNavigation as IxMapNavigationElement } from "@siemens/ix/components/ix-map-navigation.js";
 import { IxMenuAboutItem as IxMenuAboutItemElement } from "@siemens/ix/components/ix-menu-about-item.js";
 import { IxMenuAboutNews as IxMenuAboutNewsElement } from "@siemens/ix/components/ix-menu-about-news.js";
 import { IxMenuAbout as IxMenuAboutElement } from "@siemens/ix/components/ix-menu-about.js";
@@ -120,8 +117,6 @@ export type IxApplicationHeaderEvents = {
 export declare const IxApplicationHeader: StencilReactComponent<IxApplicationHeaderElement, IxApplicationHeaderEvents>;
 export type IxAvatarEvents = NonNullable<unknown>;
 export declare const IxAvatar: StencilReactComponent<IxAvatarElement, IxAvatarEvents>;
-export type IxBasicNavigationEvents = NonNullable<unknown>;
-export declare const IxBasicNavigation: StencilReactComponent<IxBasicNavigationElement, IxBasicNavigationEvents>;
 export type IxBlindEvents = {
     onCollapsedChange: EventName<CustomEvent<boolean>>;
 };
@@ -254,7 +249,7 @@ export declare const IxFlipTileContent: StencilReactComponent<IxFlipTileContentE
 export type IxGroupEvents = {
     onSelectGroup: EventName<CustomEvent<boolean>>;
     onSelectItem: EventName<CustomEvent<number>>;
-    onCollapsedChanged: EventName<CustomEvent<boolean>>;
+    onExpandedChanged: EventName<CustomEvent<boolean>>;
 };
 export declare const IxGroup: StencilReactComponent<IxGroupElement, IxGroupEvents>;
 export type IxGroupContextMenuEvents = NonNullable<unknown>;
@@ -291,15 +286,6 @@ export type IxLayoutGridEvents = NonNullable<unknown>;
 export declare const IxLayoutGrid: StencilReactComponent<IxLayoutGridElement, IxLayoutGridEvents>;
 export type IxLinkButtonEvents = NonNullable<unknown>;
 export declare const IxLinkButton: StencilReactComponent<IxLinkButtonElement, IxLinkButtonEvents>;
-export type IxMapNavigationEvents = {
-    onNavigationToggled: EventName<CustomEvent<boolean>>;
-    onContextMenuClick: EventName<CustomEvent<void>>;
-};
-export declare const IxMapNavigation: StencilReactComponent<IxMapNavigationElement, IxMapNavigationEvents>;
-export type IxMapNavigationOverlayEvents = {
-    onCloseClick: EventName<CustomEvent<any>>;
-};
-export declare const IxMapNavigationOverlay: StencilReactComponent<IxMapNavigationOverlayElement, IxMapNavigationOverlayEvents>;
 export type IxMenuEvents = {
     onExpandChange: EventName<CustomEvent<boolean>>;
     onMapExpandChange: EventName<CustomEvent<boolean>>;

package/dist/types/modal/index.d.ts

@@ -1,6 +1,8 @@
-import { ModalConfig as IxModalConfig } from '@siemens/ix';
+import { ModalConfig as IxModalConfig, ModalInstance as IxModalInstance } from '@siemens/ix';
 export * from './modal';
 export type ModalConfig = {
     content: React.ReactNode | string;
 };
-export declare function showModal(config: Omit<IxModalConfig, 'content'> & ModalConfig): Promise<import("@siemens/ix").ModalInstance<any>>;
+export declare function showModal(config: Omit<IxModalConfig, 'content'> & ModalConfig): Promise<IxModalInstance<any>>;
+export declare function dismissModal(modalInstance: IxModalInstance): void;
+export declare function closeModal<T = any>(modalInstance: IxModalInstance, reason?: T): void;

package/dist/types/tree/tree.d.ts

@@ -1,6 +1,6 @@
 import { Components, type TreeContext, type IxTreeCustomEvent } from '@siemens/ix';
 import React from 'react';
-export type IxTreeProps = Omit<Components.IxTree, 'renderItem' | 'markItemAsDirty' | 'refreshTree'> & {
+export type IxTreeProps = Omit<Components.IxTree, 'renderItem' | 'markItemsAsDirty' | 'refreshTree'> & {
     renderItem?: (data: any) => React.ReactNode;
     onContextChange?: (event: IxTreeCustomEvent<TreeContext>) => void;
     onNodeToggled?: (event: CustomEvent<{
@@ -10,7 +10,7 @@ export type IxTreeProps = Omit<Components.IxTree, 'renderItem' | 'markItemAsDirt
     onNodeClicked?: (event: CustomEvent<string>) => void;
     onNodeRemoved?: (event: CustomEvent<any>) => void;
 };
-export declare const IxTree: React.ForwardRefExoticComponent<Omit<Components.IxTree, "renderItem" | "markItemAsDirty" | "refreshTree"> & {
+export declare const IxTree: React.ForwardRefExoticComponent<Omit<Components.IxTree, "renderItem" | "markItemsAsDirty" | "refreshTree"> & {
     renderItem?: (data: any) => React.ReactNode;
     onContextChange?: (event: IxTreeCustomEvent<TreeContext>) => void;
     onNodeToggled?: (event: CustomEvent<{

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/react"
   },
-  "version": "3.2.0",
+  "version": "4.1.0",
   "description": "Siemens iX for React",
   "files": [
     "LICENSE",
@@ -57,17 +57,17 @@
     "vite": "^7.0.4",
     "vitest": "^3.2.4",
     "vitest-browser-react": "^1.0.0",
-    "@siemens/ix": "3.2.0",
+    "@siemens/ix": "4.1.0",
     "eslint-config-ix": "1.0.0"
   },
   "peerDependencies": {
-    "@siemens/ix-icons": "^3.0.0",
+    "@siemens/ix-icons": "^3.2.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
-    "@siemens/ix": "~3.2.0",
-    "@stencil/react-output-target": "^1.1.0",
+    "@siemens/ix": "~4.1.0",
+    "@stencil/react-output-target": "^1.2.0",
     "tslib": "*"
   },
   "scripts": {