@siemens/ix-react 0.0.0-pr-2155-20250924075220 → 0.0.0-pr-2166-20251001083917

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 (10) hide show
  1. package/dist/components.js +106 -124
  2. package/dist/components.js.map +1 -1
  3. package/dist/components.server.js +45 -73
  4. package/dist/components.server.js.map +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/tree/tree.js.map +1 -1
  7. package/dist/types/components.d.ts +1 -7
  8. package/dist/types/components.server.d.ts +1 -7
  9. package/dist/types/tree/tree.d.ts +2 -2
  10. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- 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';
1
+ 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, 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, IxWorkflowStep, IxWorkflowSteps } from './components.js';
2
2
  export { IxApplicationContext } from './context/application-context.js';
3
3
  import './internal-components.js';
4
4
  export { IxIcon } from './ix-icon.js';
package/dist/tree/tree.js.map CHANGED
@@ -1 +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;;"}
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' | '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 CHANGED
@@ -50,7 +50,6 @@ import { IxGroup as IxGroupElement } from "@siemens/ix/components/ix-group.js";
50
50
  import { IxHelperText as IxHelperTextElement } from "@siemens/ix/components/ix-helper-text.js";
51
51
  import { IxIconButton as IxIconButtonElement } from "@siemens/ix/components/ix-icon-button.js";
52
52
  import { IxIconToggleButton as IxIconToggleButtonElement } from "@siemens/ix/components/ix-icon-toggle-button.js";
53
- import { IxInputGroup as IxInputGroupElement } from "@siemens/ix/components/ix-input-group.js";
54
53
  import { IxInput as IxInputElement } from "@siemens/ix/components/ix-input.js";
55
54
  import { IxKeyValueList as IxKeyValueListElement } from "@siemens/ix/components/ix-key-value-list.js";
56
55
  import { IxKeyValue as IxKeyValueElement } from "@siemens/ix/components/ix-key-value.js";
@@ -103,7 +102,6 @@ import { IxToggle as IxToggleElement } from "@siemens/ix/components/ix-toggle.js
103
102
  import { IxTooltip as IxTooltipElement } from "@siemens/ix/components/ix-tooltip.js";
104
103
  import { IxTypography as IxTypographyElement } from "@siemens/ix/components/ix-typography.js";
105
104
  import { IxUpload as IxUploadElement } from "@siemens/ix/components/ix-upload.js";
106
- import { IxValidationTooltip as IxValidationTooltipElement } from "@siemens/ix/components/ix-validation-tooltip.js";
107
105
  import { IxWorkflowStep as IxWorkflowStepElement } from "@siemens/ix/components/ix-workflow-step.js";
108
106
  import { IxWorkflowSteps as IxWorkflowStepsElement } from "@siemens/ix/components/ix-workflow-steps.js";
109
107
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
@@ -252,7 +250,7 @@ export declare const IxFlipTileContent: StencilReactComponent<IxFlipTileContentE
252
250
  export type IxGroupEvents = {
253
251
  onSelectGroup: EventName<CustomEvent<boolean>>;
254
252
  onSelectItem: EventName<CustomEvent<number>>;
255
- onCollapsedChanged: EventName<CustomEvent<boolean>>;
253
+ onExpandedChanged: EventName<CustomEvent<boolean>>;
256
254
  };
257
255
  export declare const IxGroup: StencilReactComponent<IxGroupElement, IxGroupEvents>;
258
256
  export type IxGroupContextMenuEvents = NonNullable<unknown>;
@@ -275,8 +273,6 @@ export type IxInputEvents = {
275
273
  onIxBlur: EventName<CustomEvent<void>>;
276
274
  };
277
275
  export declare const IxInput: StencilReactComponent<IxInputElement, IxInputEvents>;
278
- export type IxInputGroupEvents = NonNullable<unknown>;
279
- export declare const IxInputGroup: StencilReactComponent<IxInputGroupElement, IxInputGroupEvents>;
280
276
  export type IxKeyValueEvents = NonNullable<unknown>;
281
277
  export declare const IxKeyValue: StencilReactComponent<IxKeyValueElement, IxKeyValueEvents>;
282
278
  export type IxKeyValueListEvents = NonNullable<unknown>;
@@ -466,8 +462,6 @@ export type IxUploadEvents = {
466
462
  onFilesChanged: EventName<IxUploadCustomEvent<Array<File>>>;
467
463
  };
468
464
  export declare const IxUpload: StencilReactComponent<IxUploadElement, IxUploadEvents>;
469
- export type IxValidationTooltipEvents = NonNullable<unknown>;
470
- export declare const IxValidationTooltip: StencilReactComponent<IxValidationTooltipElement, IxValidationTooltipEvents>;
471
465
  export type IxWorkflowStepEvents = NonNullable<unknown>;
472
466
  export declare const IxWorkflowStep: StencilReactComponent<IxWorkflowStepElement, IxWorkflowStepEvents>;
473
467
  export type IxWorkflowStepsEvents = {
package/dist/types/components.server.d.ts CHANGED
@@ -50,7 +50,6 @@ import { IxGroup as IxGroupElement } from "@siemens/ix/components/ix-group.js";
50
50
  import { IxHelperText as IxHelperTextElement } from "@siemens/ix/components/ix-helper-text.js";
51
51
  import { IxIconButton as IxIconButtonElement } from "@siemens/ix/components/ix-icon-button.js";
52
52
  import { IxIconToggleButton as IxIconToggleButtonElement } from "@siemens/ix/components/ix-icon-toggle-button.js";
53
- import { IxInputGroup as IxInputGroupElement } from "@siemens/ix/components/ix-input-group.js";
54
53
  import { IxInput as IxInputElement } from "@siemens/ix/components/ix-input.js";
55
54
  import { IxKeyValueList as IxKeyValueListElement } from "@siemens/ix/components/ix-key-value-list.js";
56
55
  import { IxKeyValue as IxKeyValueElement } from "@siemens/ix/components/ix-key-value.js";
@@ -103,7 +102,6 @@ import { IxToggle as IxToggleElement } from "@siemens/ix/components/ix-toggle.js
103
102
  import { IxTooltip as IxTooltipElement } from "@siemens/ix/components/ix-tooltip.js";
104
103
  import { IxTypography as IxTypographyElement } from "@siemens/ix/components/ix-typography.js";
105
104
  import { IxUpload as IxUploadElement } from "@siemens/ix/components/ix-upload.js";
106
- import { IxValidationTooltip as IxValidationTooltipElement } from "@siemens/ix/components/ix-validation-tooltip.js";
107
105
  import { IxWorkflowStep as IxWorkflowStepElement } from "@siemens/ix/components/ix-workflow-step.js";
108
106
  import { IxWorkflowSteps as IxWorkflowStepsElement } from "@siemens/ix/components/ix-workflow-steps.js";
109
107
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
@@ -254,7 +252,7 @@ export declare const IxFlipTileContent: StencilReactComponent<IxFlipTileContentE
254
252
  export type IxGroupEvents = {
255
253
  onSelectGroup: EventName<CustomEvent<boolean>>;
256
254
  onSelectItem: EventName<CustomEvent<number>>;
257
- onCollapsedChanged: EventName<CustomEvent<boolean>>;
255
+ onExpandedChanged: EventName<CustomEvent<boolean>>;
258
256
  };
259
257
  export declare const IxGroup: StencilReactComponent<IxGroupElement, IxGroupEvents>;
260
258
  export type IxGroupContextMenuEvents = NonNullable<unknown>;
@@ -277,8 +275,6 @@ export type IxInputEvents = {
277
275
  onIxBlur: EventName<CustomEvent<void>>;
278
276
  };
279
277
  export declare const IxInput: StencilReactComponent<IxInputElement, IxInputEvents>;
280
- export type IxInputGroupEvents = NonNullable<unknown>;
281
- export declare const IxInputGroup: StencilReactComponent<IxInputGroupElement, IxInputGroupEvents>;
282
278
  export type IxKeyValueEvents = NonNullable<unknown>;
283
279
  export declare const IxKeyValue: StencilReactComponent<IxKeyValueElement, IxKeyValueEvents>;
284
280
  export type IxKeyValueListEvents = NonNullable<unknown>;
@@ -468,8 +464,6 @@ export type IxUploadEvents = {
468
464
  onFilesChanged: EventName<IxUploadCustomEvent<Array<File>>>;
469
465
  };
470
466
  export declare const IxUpload: StencilReactComponent<IxUploadElement, IxUploadEvents>;
471
- export type IxValidationTooltipEvents = NonNullable<unknown>;
472
- export declare const IxValidationTooltip: StencilReactComponent<IxValidationTooltipElement, IxValidationTooltipEvents>;
473
467
  export type IxWorkflowStepEvents = NonNullable<unknown>;
474
468
  export declare const IxWorkflowStep: StencilReactComponent<IxWorkflowStepElement, IxWorkflowStepEvents>;
475
469
  export type IxWorkflowStepsEvents = {
package/dist/types/tree/tree.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Components, type TreeContext, type IxTreeCustomEvent } from '@siemens/ix';
2
2
  import React from 'react';
3
- export type IxTreeProps = Omit<Components.IxTree, 'renderItem' | 'markItemAsDirty' | 'refreshTree'> & {
3
+ export type IxTreeProps = Omit<Components.IxTree, 'renderItem' | 'markItemsAsDirty' | 'refreshTree'> & {
4
4
  renderItem?: (data: any) => React.ReactNode;
5
5
  onContextChange?: (event: IxTreeCustomEvent<TreeContext>) => void;
6
6
  onNodeToggled?: (event: CustomEvent<{
@@ -10,7 +10,7 @@ export type IxTreeProps = Omit<Components.IxTree, 'renderItem' | 'markItemAsDirt
10
10
  onNodeClicked?: (event: CustomEvent<string>) => void;
11
11
  onNodeRemoved?: (event: CustomEvent<any>) => void;
12
12
  };
13
- export declare const IxTree: React.ForwardRefExoticComponent<Omit<Components.IxTree, "renderItem" | "markItemAsDirty" | "refreshTree"> & {
13
+ export declare const IxTree: React.ForwardRefExoticComponent<Omit<Components.IxTree, "renderItem" | "markItemsAsDirty" | "refreshTree"> & {
14
14
  renderItem?: (data: any) => React.ReactNode;
15
15
  onContextChange?: (event: IxTreeCustomEvent<TreeContext>) => void;
16
16
  onNodeToggled?: (event: CustomEvent<{
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": "0.0.0-pr-2155-20250924075220",
10
+ "version": "0.0.0-pr-2166-20251001083917",
11
11
  "description": "Siemens iX for React",
12
12
  "files": [
13
13
  "LICENSE",
@@ -57,7 +57,7 @@
57
57
  "vite": "^7.0.4",
58
58
  "vitest": "^3.2.4",
59
59
  "vitest-browser-react": "^1.0.0",
60
- "@siemens/ix": "0.0.0-pr-2155-20250924075220",
60
+ "@siemens/ix": "0.0.0-pr-2166-20251001083917",
61
61
  "eslint-config-ix": "1.0.0"
62
62
  },
63
63
  "peerDependencies": {
@@ -66,7 +66,7 @@
66
66
  "react-dom": "^18 || ^19"
67
67
  },
68
68
  "dependencies": {
69
- "@siemens/ix": "0.0.0-pr-2155-20250924075220",
69
+ "@siemens/ix": "0.0.0-pr-2166-20251001083917",
70
70
  "@stencil/react-output-target": "^1.2.0",
71
71
  "tslib": "*"
72
72
  },