@siemens/ix-react 3.0.0-alpha.0 → 3.0.0-alpha.1

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

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxToastContainer as IxToastContainerElement } from "@siemens/ix/components/ix-toast-container.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxToastContainerEvents = NonNullable<unknown>;
+declare const IxToastContainer: StencilReactComponent<IxToastContainerElement, IxToastContainerEvents>;
+export default IxToastContainer;

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

@@ -0,0 +1,11 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxToggle as IxToggleElement } from "@siemens/ix/components/ix-toggle.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxToggleEvents = {
+    onCheckedChange: EventName<CustomEvent<boolean>>;
+};
+declare const IxToggle: StencilReactComponent<IxToggleElement, IxToggleEvents>;
+export default IxToggle;

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

@@ -0,0 +1,11 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxToggleButton as IxToggleButtonElement } from "@siemens/ix/components/ix-toggle-button.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxToggleButtonEvents = {
+    onPressedChange: EventName<CustomEvent<boolean>>;
+};
+declare const IxToggleButton: StencilReactComponent<IxToggleButtonElement, IxToggleButtonEvents>;
+export default IxToggleButton;

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

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxTooltip as IxTooltipElement } from "@siemens/ix/components/ix-tooltip.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxTooltipEvents = NonNullable<unknown>;
+declare const IxTooltip: StencilReactComponent<IxTooltipElement, IxTooltipEvents>;
+export default IxTooltip;

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

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxTypography as IxTypographyElement } from "@siemens/ix/components/ix-typography.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxTypographyEvents = NonNullable<unknown>;
+declare const IxTypography: StencilReactComponent<IxTypographyElement, IxTypographyEvents>;
+export default IxTypography;

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

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type IxUploadCustomEvent } from "@siemens/ix";
+import { IxUpload as IxUploadElement } from "@siemens/ix/components/ix-upload.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxUploadEvents = {
+    onFilesChanged: EventName<IxUploadCustomEvent<Array<File>>>;
+};
+declare const IxUpload: StencilReactComponent<IxUploadElement, IxUploadEvents>;
+export default IxUpload;

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

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxValidationTooltip as IxValidationTooltipElement } from "@siemens/ix/components/ix-validation-tooltip.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxValidationTooltipEvents = NonNullable<unknown>;
+declare const IxValidationTooltip: StencilReactComponent<IxValidationTooltipElement, IxValidationTooltipEvents>;
+export default IxValidationTooltip;

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

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxWorkflowStep as IxWorkflowStepElement } from "@siemens/ix/components/ix-workflow-step.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxWorkflowStepEvents = NonNullable<unknown>;
+declare const IxWorkflowStep: StencilReactComponent<IxWorkflowStepElement, IxWorkflowStepEvents>;
+export default IxWorkflowStep;

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

@@ -0,0 +1,11 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { IxWorkflowSteps as IxWorkflowStepsElement } from "@siemens/ix/components/ix-workflow-steps.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxWorkflowStepsEvents = {
+    onStepSelected: EventName<CustomEvent<number>>;
+};
+declare const IxWorkflowSteps: StencilReactComponent<IxWorkflowStepsElement, IxWorkflowStepsEvents>;
+export default IxWorkflowSteps;

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

@@ -0,0 +1,105 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+export { default as IxActionCard } from "./IxActionCard";
+export { default as IxApplication } from "./IxApplication";
+export { default as IxApplicationHeader } from "./IxApplicationHeader";
+export { default as IxAvatar } from "./IxAvatar";
+export { default as IxBasicNavigation } from "./IxBasicNavigation";
+export { default as IxBlind } from "./IxBlind";
+export { default as IxBreadcrumb } from "./IxBreadcrumb";
+export { default as IxBreadcrumbItem } from "./IxBreadcrumbItem";
+export { default as IxButton } from "./IxButton";
+export { default as IxCard } from "./IxCard";
+export { default as IxCardAccordion } from "./IxCardAccordion";
+export { default as IxCardContent } from "./IxCardContent";
+export { default as IxCardList } from "./IxCardList";
+export { default as IxCardTitle } from "./IxCardTitle";
+export { default as IxCategoryFilter } from "./IxCategoryFilter";
+export { default as IxCheckbox } from "./IxCheckbox";
+export { default as IxCheckboxGroup } from "./IxCheckboxGroup";
+export { default as IxChip } from "./IxChip";
+export { default as IxCol } from "./IxCol";
+export { default as IxContent } from "./IxContent";
+export { default as IxContentHeader } from "./IxContentHeader";
+export { default as IxCustomField } from "./IxCustomField";
+export { default as IxDateDropdown } from "./IxDateDropdown";
+export { default as IxDateInput } from "./IxDateInput";
+export { default as IxDatePicker } from "./IxDatePicker";
+export { default as IxDatetimePicker } from "./IxDatetimePicker";
+export { default as IxDivider } from "./IxDivider";
+export { default as IxDrawer } from "./IxDrawer";
+export { default as IxDropdown } from "./IxDropdown";
+export { default as IxDropdownButton } from "./IxDropdownButton";
+export { default as IxDropdownHeader } from "./IxDropdownHeader";
+export { default as IxDropdownItem } from "./IxDropdownItem";
+export { default as IxDropdownQuickActions } from "./IxDropdownQuickActions";
+export { default as IxEmptyState } from "./IxEmptyState";
+export { default as IxEventList } from "./IxEventList";
+export { default as IxEventListItem } from "./IxEventListItem";
+export { default as IxExpandingSearch } from "./IxExpandingSearch";
+export { default as IxFieldLabel } from "./IxFieldLabel";
+export { default as IxFilterChip } from "./IxFilterChip";
+export { default as IxFlipTile } from "./IxFlipTile";
+export { default as IxFlipTileContent } from "./IxFlipTileContent";
+export { default as IxGroup } from "./IxGroup";
+export { default as IxGroupContextMenu } from "./IxGroupContextMenu";
+export { default as IxGroupItem } from "./IxGroupItem";
+export { default as IxHelperText } from "./IxHelperText";
+export { default as IxIconButton } from "./IxIconButton";
+export { default as IxIconToggleButton } from "./IxIconToggleButton";
+export { default as IxInput } from "./IxInput";
+export { default as IxInputGroup } from "./IxInputGroup";
+export { default as IxKeyValue } from "./IxKeyValue";
+export { default as IxKeyValueList } from "./IxKeyValueList";
+export { default as IxKpi } from "./IxKpi";
+export { default as IxLayoutAuto } from "./IxLayoutAuto";
+export { default as IxLayoutGrid } from "./IxLayoutGrid";
+export { default as IxLinkButton } from "./IxLinkButton";
+export { default as IxMapNavigation } from "./IxMapNavigation";
+export { default as IxMapNavigationOverlay } from "./IxMapNavigationOverlay";
+export { default as IxMenu } from "./IxMenu";
+export { default as IxMenuAbout } from "./IxMenuAbout";
+export { default as IxMenuAboutItem } from "./IxMenuAboutItem";
+export { default as IxMenuAboutNews } from "./IxMenuAboutNews";
+export { default as IxMenuAvatar } from "./IxMenuAvatar";
+export { default as IxMenuAvatarItem } from "./IxMenuAvatarItem";
+export { default as IxMenuCategory } from "./IxMenuCategory";
+export { default as IxMenuItem } from "./IxMenuItem";
+export { default as IxMenuSettings } from "./IxMenuSettings";
+export { default as IxMenuSettingsItem } from "./IxMenuSettingsItem";
+export { default as IxMessageBar } from "./IxMessageBar";
+export { default as IxModal } from "./IxModal";
+export { default as IxModalContent } from "./IxModalContent";
+export { default as IxModalFooter } from "./IxModalFooter";
+export { default as IxModalHeader } from "./IxModalHeader";
+export { default as IxNumberInput } from "./IxNumberInput";
+export { default as IxPagination } from "./IxPagination";
+export { default as IxPane } from "./IxPane";
+export { default as IxPaneLayout } from "./IxPaneLayout";
+export { default as IxPill } from "./IxPill";
+export { default as IxPushCard } from "./IxPushCard";
+export { default as IxRadio } from "./IxRadio";
+export { default as IxRadioGroup } from "./IxRadioGroup";
+export { default as IxRow } from "./IxRow";
+export { default as IxSelect } from "./IxSelect";
+export { default as IxSelectItem } from "./IxSelectItem";
+export { default as IxSlider } from "./IxSlider";
+export { default as IxSpinner } from "./IxSpinner";
+export { default as IxSplitButton } from "./IxSplitButton";
+export { default as IxTabItem } from "./IxTabItem";
+export { default as IxTabs } from "./IxTabs";
+export { default as IxTextarea } from "./IxTextarea";
+export { default as IxTile } from "./IxTile";
+export { default as IxTimePicker } from "./IxTimePicker";
+export { default as IxToast } from "./IxToast";
+export { default as IxToastContainer } from "./IxToastContainer";
+export { default as IxToggle } from "./IxToggle";
+export { default as IxToggleButton } from "./IxToggleButton";
+export { default as IxTooltip } from "./IxTooltip";
+export { default as IxTypography } from "./IxTypography";
+export { default as IxUpload } from "./IxUpload";
+export { default as IxValidationTooltip } from "./IxValidationTooltip";
+export { default as IxWorkflowStep } from "./IxWorkflowStep";
+export { default as IxWorkflowSteps } from "./IxWorkflowSteps";

package/dist/types/context/application-context.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from 'react';
+export type IxApplicationContextProps = PropsWithChildren;
+export declare class IxApplicationContext extends React.Component<IxApplicationContextProps> {
+    private delegate;
+    constructor(props: IxApplicationContextProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/types/context/context.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ReactFrameworkDelegate } from '../delegate';
+export declare const IxContext: React.Context<{
+    delegate: ReactFrameworkDelegate;
+} | null>;

package/dist/types/context.d.ts

@@ -0,0 +1 @@
+export * from './context/application-context';

package/dist/types/delegate.d.ts

@@ -0,0 +1,14 @@
+import { FrameworkDelegate } from '@siemens/ix';
+export declare class ReactFrameworkDelegate implements FrameworkDelegate {
+    attachViewToPortal?: (id: string, view: any) => Promise<Element>;
+    removeViewFromPortal?: (id: string) => void;
+    resolvePortalInitPromise: (() => void) | undefined;
+    portalInitPromise: Promise<void>;
+    isUsingReactPortal: boolean;
+    constructor();
+    attachView(view: any): Promise<any>;
+    removeView(view: any): Promise<void>;
+    portalReady(): void;
+    private isPortalReady;
+}
+export declare const reactFrameworkDelegate: ReactFrameworkDelegate;

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components/components';
+export * from './context';
+export * from './internal-components';
+export * from './ix-icon';
+export * from './modal';
+export * from './toast';
+export * from './tree';

package/dist/types/internal-components.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/ix-icon.d.ts

@@ -0,0 +1,3 @@
+import { IxIcon as IxIconElement } from '@siemens/ix-icons/components/ix-icon.js';
+import { StencilReactComponent } from '@stencil/react-output-target/runtime';
+export declare const IxIcon: StencilReactComponent<IxIconElement>;

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

@@ -0,0 +1,6 @@
+import { ModalConfig as IxModalConfig } 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>>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ModalRef {
+    close: <T = any>(result: T) => void;
+    dismiss: <T = any>(result?: T) => void;
+    modalElement: HTMLIxModalElement | null;
+}
+export declare const Modal: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<ModalRef>>;

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

@@ -0,0 +1,5 @@
+import { ReactFrameworkDelegate } from '../delegate';
+export declare const PORTAL_ID = "ix-portal";
+export declare const IxOverlay: (props: {
+    delegate: ReactFrameworkDelegate;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+export * from './toast';

package/dist/types/toast/toast.d.ts

@@ -0,0 +1,5 @@
+import { ToastConfig as IxToastConfig } from '@siemens/ix';
+export type ToastConfig = {
+    message: string | React.ReactNode;
+};
+export declare function showToast(config: Omit<IxToastConfig, 'message'> & ToastConfig): Promise<import("@siemens/ix").ShowToastResult>;

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

@@ -0,0 +1 @@
+export * from './tree';

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

@@ -0,0 +1,14 @@
+import { type IxTreeCustomEvent, type TreeContext } from '@siemens/ix';
+import { IxTree as IxTreeElement } from '@siemens/ix/components/ix-tree.js';
+import { type EventName, type StencilReactComponent } from '@stencil/react-output-target/runtime';
+type IxTreeEvents = {
+    onContextChange: EventName<IxTreeCustomEvent<TreeContext>>;
+    onNodeToggled: EventName<CustomEvent<{
+        id: string;
+        isExpaned: boolean;
+    }>>;
+    onNodeClicked: EventName<CustomEvent<string>>;
+    onNodeRemoved: EventName<CustomEvent<any>>;
+};
+declare const InternalIxTree: StencilReactComponent<IxTreeElement, IxTreeEvents>;
+export default InternalIxTree;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import InternalIxTree from './internal-tree';
+type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps;
+type IxTreeProps = ExtractProps<typeof InternalIxTree> & {
+    renderItem?: (data: any) => React.ReactNode;
+};
+export declare const IxTree: (props: IxTreeProps) => import("react/jsx-runtime").JSX.Element;
+export default IxTree;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/react"
   },
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "description": "Siemens iX for React",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
@@ -44,8 +44,8 @@
     "shadow-dom-testing-library": "^1.11.2",
     "typescript": "^5.6.3",
     "vitest": "^2.1.3",
-    "@siemens/ix": "3.0.0-alpha.0",
-    "eslint-config-ix": "1.0.0"
+    "eslint-config-ix": "1.0.0",
+    "@siemens/ix": "3.0.0-alpha.1"
   },
   "peerDependencies": {
     "@siemens/ix-icons": "3.0.0-alpha.0",
@@ -53,7 +53,7 @@
     "react-dom": ">=18.3.1"
   },
   "dependencies": {
-    "@siemens/ix": "~3.0.0-alpha.0",
+    "@siemens/ix": "~3.0.0-alpha.1",
     "@stencil/react-output-target": "^0.7.1",
     "tslib": "*"
   },