@siemens/ix-react 1.2.0-beta.0 → 1.2.1

package/dist/index.esm.js

@@ -247,6 +247,7 @@ const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip');
 const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile');
 const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content');
 const IxGroup = /*@__PURE__*/ createReactComponent('ix-group');
+const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu');
 const IxGroupDropdownItem = /*@__PURE__*/ createReactComponent('ix-group-dropdown-item');
 const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item');
 const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon');
@@ -288,26 +289,33 @@ const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps');
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const Modal = React.forwardRef((props, ref) => {
-    const modalRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        close: (result) => {
-            const modalElement = modalRef.current;
-            if (!modalElement) {
-                console.error('Modal cannot find modal reference');
-                return;
-            }
-            closeModal(modalElement, result);
-        },
-        dismiss: (result) => {
-            const modalElement = modalRef.current;
-            if (!modalElement) {
-                console.error('Modal cannot find modal reference');
-                return;
-            }
-            dismissModal(modalElement, result);
-        },
-    }));
-    return React.createElement("div", { ref: modalRef }, props.children);
+    const wrapperRef = useRef(null);
+    useImperativeHandle(ref, () => {
+        let htmlElement = null;
+        if (wrapperRef.current) {
+            htmlElement = wrapperRef.current.closest('ix-modal');
+        }
+        return {
+            close: (result) => {
+                const modalElement = wrapperRef.current;
+                if (!modalElement) {
+                    console.error('Modal cannot find modal reference');
+                    return;
+                }
+                closeModal(modalElement, result);
+            },
+            dismiss: (result) => {
+                const modalElement = wrapperRef.current;
+                if (!modalElement) {
+                    console.error('Modal cannot find modal reference');
+                    return;
+                }
+                dismissModal(modalElement, result);
+            },
+            modalElement: htmlElement,
+        };
+    });
+    return React.createElement("div", { ref: wrapperRef }, props.children);
 });
 
 /*
@@ -318,6 +326,7 @@ const Modal = React.forwardRef((props, ref) => {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 async function showModal(config) {
     if (typeof config.content === 'string') {
         return modal(config);
@@ -393,4 +402,4 @@ const IxTree = (props) => {
         } })));
 };
 
-export { IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDateTimeCard, IxDatetimePicker, IxDrawer, IxDropdown, IxDropdownItem, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTree, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };
+export { IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDateTimeCard, IxDatetimePicker, IxDrawer, IxDropdown, IxDropdownItem, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTree, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };

package/dist/index.js

@@ -256,6 +256,7 @@ const IxFilterChip = /*@__PURE__*/ createReactComponent('ix-filter-chip');
 const IxFlipTile = /*@__PURE__*/ createReactComponent('ix-flip-tile');
 const IxFlipTileContent = /*@__PURE__*/ createReactComponent('ix-flip-tile-content');
 const IxGroup = /*@__PURE__*/ createReactComponent('ix-group');
+const IxGroupContextMenu = /*@__PURE__*/ createReactComponent('ix-group-context-menu');
 const IxGroupDropdownItem = /*@__PURE__*/ createReactComponent('ix-group-dropdown-item');
 const IxGroupItem = /*@__PURE__*/ createReactComponent('ix-group-item');
 const IxIcon = /*@__PURE__*/ createReactComponent('ix-icon');
@@ -297,26 +298,33 @@ const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps');
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const Modal = React__default["default"].forwardRef((props, ref) => {
-    const modalRef = React.useRef(null);
-    React.useImperativeHandle(ref, () => ({
-        close: (result) => {
-            const modalElement = modalRef.current;
-            if (!modalElement) {
-                console.error('Modal cannot find modal reference');
-                return;
-            }
-            ix.closeModal(modalElement, result);
-        },
-        dismiss: (result) => {
-            const modalElement = modalRef.current;
-            if (!modalElement) {
-                console.error('Modal cannot find modal reference');
-                return;
-            }
-            ix.dismissModal(modalElement, result);
-        },
-    }));
-    return React__default["default"].createElement("div", { ref: modalRef }, props.children);
+    const wrapperRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => {
+        let htmlElement = null;
+        if (wrapperRef.current) {
+            htmlElement = wrapperRef.current.closest('ix-modal');
+        }
+        return {
+            close: (result) => {
+                const modalElement = wrapperRef.current;
+                if (!modalElement) {
+                    console.error('Modal cannot find modal reference');
+                    return;
+                }
+                ix.closeModal(modalElement, result);
+            },
+            dismiss: (result) => {
+                const modalElement = wrapperRef.current;
+                if (!modalElement) {
+                    console.error('Modal cannot find modal reference');
+                    return;
+                }
+                ix.dismissModal(modalElement, result);
+            },
+            modalElement: htmlElement,
+        };
+    });
+    return React__default["default"].createElement("div", { ref: wrapperRef }, props.children);
 });
 
 /*
@@ -327,6 +335,7 @@ const Modal = React__default["default"].forwardRef((props, ref) => {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 async function showModal(config) {
     if (typeof config.content === 'string') {
         return ix.modal(config);
@@ -426,6 +435,7 @@ exports.IxFilterChip = IxFilterChip;
 exports.IxFlipTile = IxFlipTile;
 exports.IxFlipTileContent = IxFlipTileContent;
 exports.IxGroup = IxGroup;
+exports.IxGroupContextMenu = IxGroupContextMenu;
 exports.IxGroupDropdownItem = IxGroupDropdownItem;
 exports.IxGroupItem = IxGroupItem;
 exports.IxIcon = IxIcon;

package/dist/types/components.d.ts

@@ -24,6 +24,7 @@ export declare const IxFilterChip: import("react").ForwardRefExoticComponent<JSX
 export declare const IxFlipTile: import("react").ForwardRefExoticComponent<JSX.IxFlipTile & Omit<import("react").HTMLAttributes<HTMLIxFlipTileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxFlipTileElement>>;
 export declare const IxFlipTileContent: import("react").ForwardRefExoticComponent<JSX.IxFlipTileContent & Omit<import("react").HTMLAttributes<HTMLIxFlipTileContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxFlipTileContentElement>>;
 export declare const IxGroup: import("react").ForwardRefExoticComponent<JSX.IxGroup & Omit<import("react").HTMLAttributes<HTMLIxGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxGroupElement>>;
+export declare const IxGroupContextMenu: import("react").ForwardRefExoticComponent<JSX.IxGroupContextMenu & Omit<import("react").HTMLAttributes<HTMLIxGroupContextMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxGroupContextMenuElement>>;
 export declare const IxGroupDropdownItem: import("react").ForwardRefExoticComponent<JSX.IxGroupDropdownItem & Omit<import("react").HTMLAttributes<HTMLIxGroupDropdownItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxGroupDropdownItemElement>>;
 export declare const IxGroupItem: import("react").ForwardRefExoticComponent<JSX.IxGroupItem & Omit<import("react").HTMLAttributes<HTMLIxGroupItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxGroupItemElement>>;
 export declare const IxIcon: import("react").ForwardRefExoticComponent<JSX.IxIcon & Omit<import("react").HTMLAttributes<HTMLIxIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxIconElement>>;

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

@@ -4,7 +4,4 @@ export * from './modal';
 export declare type ModalConfig = {
     content: React.ReactNode;
 };
-export declare function showModal(config: Omit<IxModalConfig, 'content'> & ModalConfig): Promise<{
-    onClose: import("@siemens/ix/dist/types/components/utils/typed-event").TypedEvent<any>;
-    onDismiss: import("@siemens/ix/dist/types/components/utils/typed-event").TypedEvent<any>;
-}>;
+export declare function showModal<TReason = any>(config: Omit<IxModalConfig, 'content'> & ModalConfig): Promise<import("@siemens/ix").ModalInstance<TReason>>;

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

@@ -2,10 +2,11 @@ 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<{
     onClose?: (<T = any>(result: T) => void) | undefined;
     onDismiss?: (<T_1 = any>(result?: T_1 | undefined) => void) | undefined;
-} & {
-    children?: React.ReactNode;
+    htmlElement?: HTMLElement | undefined;
+    children: React.ReactNode;
 } & React.RefAttributes<ModalRef>>;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/react"
   },
-  "version": "1.2.0-beta.0",
+  "version": "1.2.1",
   "description": "Siemens iX for React",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -28,7 +28,7 @@
   "license": "MIT",
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.4.0",
-    "@siemens/ix": "~1.2.0-beta.0",
+    "@siemens/ix": "~1.2.1",
     "@types/estree": "~0.0.51",
     "@types/react": "~18.0.15",
     "@types/react-dom": "~18.0.6",
@@ -51,7 +51,7 @@
     "react-dom": ">=17.0.2"
   },
   "dependencies": {
-    "@siemens/ix": "~1.2.0-beta.0",
+    "@siemens/ix": "~1.2.1",
     "@siemens/ix-icons": "~1.0.0"
   }
 }