@siemens/ix-react 4.1.0 → 4.2.0

package/dist/index.js

@@ -2,8 +2,9 @@ export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, Ix
 export { IxApplicationContext } from './context/application-context.js';
 import './internal-components.js';
 export { IxIcon } from './ix-icon.js';
-export { closeModal, dismissModal, showModal } from './modal/index.js';
+export { closeModal, dismissModal, showModal, showModalLoading } from './modal/index.js';
 export { showToast } from './toast/toast.js';
 export { IxTree } from './tree/tree.js';
+export { showMessage } from './message/message.js';
 export { Modal } from './modal/modal.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/message/message.js

@@ -0,0 +1,21 @@
+import { showMessage as showMessage$1 } from '@siemens/ix';
+import { defineCustomElement } from '@siemens/ix/components/ix-modal.js';
+
+// call defineCustomElement once at module level
+defineCustomElement();
+function showMessage(config) {
+    return showMessage$1(config);
+}
+const createMessageVariant = (variant) => {
+    return (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+        return showMessage$1[variant](title, message, textOkay, textCancel, payloadOkay, payloadCancel);
+    };
+};
+showMessage.info = createMessageVariant('info');
+showMessage.warning = createMessageVariant('warning');
+showMessage.error = createMessageVariant('error');
+showMessage.success = createMessageVariant('success');
+showMessage.question = createMessageVariant('question');
+
+export { showMessage };
+//# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sources":["../../src/message/message.ts"],"sourcesContent":["import {\n  MessageConfig,\n  TypedEvent,\n  showMessage as _showMessage,\n} from '@siemens/ix';\nimport { defineCustomElement } from '@siemens/ix/components/ix-modal.js';\n\n// call defineCustomElement once at module level\ndefineCustomElement();\n\nexport function showMessage<T>(config: MessageConfig<T>): Promise<\n  TypedEvent<{\n    actionId: string;\n    payload: T;\n  }>\n> {\n  return _showMessage(config);\n}\n\nconst createMessageVariant = (\n  variant: 'info' | 'warning' | 'error' | 'success' | 'question'\n) => {\n  return (\n    title: string,\n    message: string,\n    textOkay: string,\n    textCancel?: string,\n    payloadOkay?: unknown,\n    payloadCancel?: unknown\n  ) => {\n    return _showMessage[variant](\n      title,\n      message,\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    );\n  };\n};\n\nshowMessage.info = createMessageVariant('info');\nshowMessage.warning = createMessageVariant('warning');\nshowMessage.error = createMessageVariant('error');\nshowMessage.success = createMessageVariant('success');\nshowMessage.question = createMessageVariant('question');\n"],"names":["_showMessage"],"mappings":";;;AAOA;AACA,mBAAmB,EAAE;AAEf,SAAU,WAAW,CAAI,MAAwB,EAAA;AAMrD,IAAA,OAAOA,aAAY,CAAC,MAAM,CAAC;AAC7B;AAEA,MAAM,oBAAoB,GAAG,CAC3B,OAA8D,KAC5D;AACF,IAAA,OAAO,CACL,KAAa,EACb,OAAe,EACf,QAAgB,EAChB,UAAmB,EACnB,WAAqB,EACrB,aAAuB,KACrB;AACF,QAAA,OAAOA,aAAY,CAAC,OAAO,CAAC,CAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,CACd;AACH,IAAA,CAAC;AACH,CAAC;AAED,WAAW,CAAC,IAAI,GAAG,oBAAoB,CAAC,MAAM,CAAC;AAC/C,WAAW,CAAC,OAAO,GAAG,oBAAoB,CAAC,SAAS,CAAC;AACrD,WAAW,CAAC,KAAK,GAAG,oBAAoB,CAAC,OAAO,CAAC;AACjD,WAAW,CAAC,OAAO,GAAG,oBAAoB,CAAC,SAAS,CAAC;AACrD,WAAW,CAAC,QAAQ,GAAG,oBAAoB,CAAC,UAAU,CAAC;;;;"}

package/dist/modal/index.js

@@ -1,4 +1,5 @@
-import { showModal as showModal$1, dismissModal as dismissModal$1, closeModal as closeModal$1 } from '@siemens/ix';
+import { showModal as showModal$1, showModalLoading as showModalLoading$1, dismissModal as dismissModal$1, closeModal as closeModal$1 } from '@siemens/ix';
+import { defineCustomElement } from '@siemens/ix/components/ix-modal.js';
 export { Modal } from './modal.js';
 
 /*
@@ -9,9 +10,14 @@ export { Modal } from './modal.js';
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+// call defineCustomElement once at module level
+defineCustomElement();
 async function showModal(config) {
     return showModal$1(config);
 }
+function showModalLoading(message) {
+    return showModalLoading$1(message);
+}
 function dismissModal(modalInstance) {
     if (modalInstance?.htmlElement) {
         dismissModal$1(modalInstance.htmlElement);
@@ -23,5 +29,5 @@ function closeModal(modalInstance, reason) {
     }
 }
 
-export { closeModal, dismissModal, showModal };
+export { closeModal, dismissModal, showModal, showModalLoading };
 //# 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  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;;;;"}
+{"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  showModalLoading as _showModalLoading,\n  dismissModal as _dismissModal,\n  closeModal as _closeModal,\n  ModalInstance as IxModalInstance,\n  ModalLoadingContext,\n} from '@siemens/ix';\nimport { defineCustomElement } from '@siemens/ix/components/ix-modal.js';\n\n// call defineCustomElement once at module level\ndefineCustomElement();\n\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 showModalLoading(message: string): ModalLoadingContext {\n  return _showModalLoading(message);\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","_showModalLoading","_dismissModal","_closeModal"],"mappings":";;;;AAAA;;;;;;;AAOG;AAaH;AACA,mBAAmB,EAAE;AAQd,eAAe,SAAS,CAC7B,MAAoD,EAAA;AAEpD,IAAA,OAAOA,WAAU,CAAC,MAAM,CAAC;AAC3B;AAEM,SAAU,gBAAgB,CAAC,OAAe,EAAA;AAC9C,IAAA,OAAOC,kBAAiB,CAAC,OAAO,CAAC;AACnC;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/types/index.d.ts

@@ -5,3 +5,4 @@ export * from './ix-icon';
 export * from './modal';
 export * from './toast';
 export * from './tree';
+export * from './message';

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

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

package/dist/types/message/message.d.ts

@@ -0,0 +1,27 @@
+import { MessageConfig, TypedEvent } from '@siemens/ix';
+export declare function showMessage<T>(config: MessageConfig<T>): Promise<TypedEvent<{
+    actionId: string;
+    payload: T;
+}>>;
+export declare namespace showMessage {
+    var info: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+    var warning: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+    var error: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+    var success: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+    var question: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+}

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

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

package/package.json

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