@siemens/ix-react 1.1.1 → 1.2.0

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');
@@ -286,25 +287,35 @@ const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-to
 const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step');
 const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps');
 
-/*
- * SPDX-FileCopyrightText: 2022 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 const Modal = React.forwardRef((props, ref) => {
-    const modalRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        close: (result) => {
-            closeModal(modalRef.current, result);
-        },
-        dismiss: (result) => {
-            dismissModal(modalRef.current, 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);
 });
 
 /*
@@ -315,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);
@@ -356,14 +368,8 @@ async function showToast(config) {
     return toastInstance;
 }
 
-/*
- * SPDX-FileCopyrightText: 2022 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// eslint-disable-next-line no-inline-comments
 const InternalIxTree = /*@__PURE__*/ createReactComponent('ix-tree');
 const IxTree = (props) => {
     const cachedRootNodes = useRef(new Map());
@@ -396,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');
@@ -295,25 +296,35 @@ const IxValidationTooltip = /*@__PURE__*/ createReactComponent('ix-validation-to
 const IxWorkflowStep = /*@__PURE__*/ createReactComponent('ix-workflow-step');
 const IxWorkflowSteps = /*@__PURE__*/ createReactComponent('ix-workflow-steps');
 
-/*
- * SPDX-FileCopyrightText: 2022 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/* 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) => {
-            ix.closeModal(modalRef.current, result);
-        },
-        dismiss: (result) => {
-            ix.dismissModal(modalRef.current, 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);
 });
 
 /*
@@ -324,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);
@@ -365,14 +377,8 @@ async function showToast(config) {
     return toastInstance;
 }
 
-/*
- * SPDX-FileCopyrightText: 2022 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// eslint-disable-next-line no-inline-comments
 const InternalIxTree = /*@__PURE__*/ createReactComponent('ix-tree');
 const IxTree = (props) => {
     const cachedRootNodes = React.useRef(new Map());
@@ -429,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

@@ -1,11 +1,12 @@
 import React from 'react';
 export interface ModalRef {
-    close: (result: any) => void;
-    dismiss: (result?: any) => void;
+    close: <T = any>(result: T) => void;
+    dismiss: <T = any>(result?: T) => void;
+    modalElement: HTMLIxModalElement | null;
 }
 export declare const Modal: React.ForwardRefExoticComponent<{
-    onClose?: ((result: any) => void) | undefined;
-    onDismiss?: ((result?: any) => void) | undefined;
-} & {
-    children?: React.ReactNode;
+    onClose?: (<T = any>(result: T) => void) | undefined;
+    onDismiss?: (<T_1 = any>(result?: T_1 | undefined) => void) | undefined;
+    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.1.1",
+  "version": "1.2.0",
   "description": "Siemens iX for React",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -21,16 +21,21 @@
     "build": "npm run clean && npm run compile",
     "clean": "rimraf dist && rimraf dist-transpiled",
     "compile": "rollup -c",
-    "tsc": "tsc -p ."
+    "tsc": "tsc -p .",
+    "lint": "eslint src"
   },
   "author": "",
   "license": "MIT",
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.4.0",
-    "@siemens/ix": "~1.1.1",
+    "@siemens/ix": "~1.2.0",
     "@types/estree": "~0.0.51",
     "@types/react": "~18.0.15",
     "@types/react-dom": "~18.0.6",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
+    "@typescript-eslint/parser": "^5.45.0",
+    "eslint-config-ix": "*",
+    "eslint-plugin-react": "^7.31.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
@@ -46,7 +51,7 @@
     "react-dom": ">=17.0.2"
   },
   "dependencies": {
-    "@siemens/ix-icons": "~1.0.0",
-    "@siemens/ix": "~1.1.1"
+    "@siemens/ix": "~1.2.0",
+    "@siemens/ix-icons": "~1.0.0"
   }
 }