@synerise/ds-core 1.11.4 → 1.12.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.12.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.11.4...@synerise/ds-core@1.12.0) (2026-05-22)
+
+### Features
+
+- **modal:** migration from antd ([3588b65](https://github.com/synerise/synerise-design/commit/3588b65fbe67838fed4ee5125090ad47d334e04b))
+
 ## [1.11.4](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.11.3...@synerise/ds-core@1.11.4) (2026-05-04)
 
 ### Bug Fixes

package/dist/js/DSProvider/DSProvider.js

@@ -9,6 +9,7 @@ import "../data-format/constants/dataFormatConfig.constants.js";
 import "../data-format/utils/timeZone.utils.js";
 import "../data-format/utils/dataFormat.utils.js";
 import "react-intl";
+import PortalRenderer from "../portal/PortalRenderer.js";
 import { Toaster } from "../toaster/Toaster.js";
 import { TOASTER_DEFAULTS } from "../toaster/constants.js";
 import "../toaster/contexts/ToasterContext.js";
@@ -29,6 +30,7 @@ const DSProvider = ({
 }) => {
   return /* @__PURE__ */ jsx(LocaleProvider, { locale, messages, timeZone, defaultLocale, onErrorIntl, children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(DataFormatConfigProvider, { dataFormatConfig, children: /* @__PURE__ */ jsxs(ToasterProvider, { toasterProps: toasterProps || TOASTER_DEFAULTS, children: [
     children,
+    /* @__PURE__ */ jsx(PortalRenderer, {}),
     toasterProps !== false && /* @__PURE__ */ jsx(Toaster, {})
   ] }) }) }) });
 };

package/dist/js/index.d.ts

@@ -1,5 +1,6 @@
 export { default as DSProvider, type DSProviderProps } from './DSProvider';
 export { default as mediaQuery } from './mediaQuery/mediaQuery';
+export { setPortalContent } from './portal/portalStore';
 export { theme, useTheme, defaultColorsOrder, themeVariables, type ThemePropsVars, type ThemeProps, type WithTheme, type DefaultColor, } from './DSProvider/ThemeProvider/theme';
 export * from './data-format';
 export * from './testing';

package/dist/js/index.js

@@ -1,5 +1,6 @@
 import { default as default2 } from "./DSProvider/DSProvider.js";
 import { default as default3 } from "./mediaQuery/mediaQuery.js";
+import { setPortalContent } from "./portal/portalStore.js";
 import { defaultColorsOrder, default as default4, themeVariables, useTheme } from "./DSProvider/ThemeProvider/theme.js";
 import { DataFormatConfigProvider } from "./data-format/providers/DataFormatConfigProvider.js";
 import { FormattedDate } from "./data-format/components/FormattedDate.js";
@@ -98,6 +99,7 @@ export {
   getDefaultDataTimeOptions,
   default3 as mediaQuery,
   default5 as renderWithProvider,
+  setPortalContent,
   sleep,
   default4 as theme,
   themeVariables,

package/dist/js/portal/PortalRenderer.d.ts

@@ -0,0 +1,2 @@
+declare const PortalRenderer: () => import('react').ReactPortal | null;
+export default PortalRenderer;

package/dist/js/portal/PortalRenderer.js

@@ -0,0 +1,29 @@
+import { useMemo, useSyncExternalStore, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { subscribePortal, getPortalSnapshot, setPortalOwner, clearPortalOwner } from "./portalStore.js";
+const PortalRenderer = () => {
+  const id = useMemo(() => /* @__PURE__ */ Symbol("portal-owner"), []);
+  const snapshot = useSyncExternalStore(subscribePortal, getPortalSnapshot);
+  useEffect(() => {
+    setPortalOwner(id);
+    return () => clearPortalOwner(id);
+  }, [id]);
+  useEffect(() => {
+    if (snapshot.owner === null) {
+      setPortalOwner(id);
+    }
+  }, [id, snapshot.owner]);
+  if (snapshot.owner !== id) {
+    return null;
+  }
+  if (!snapshot.content) {
+    return null;
+  }
+  if (typeof document === "undefined") {
+    return null;
+  }
+  return createPortal(snapshot.content, document.body);
+};
+export {
+  PortalRenderer as default
+};

package/dist/js/portal/portalStore.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type Listener = () => void;
+type Snapshot = {
+    content: ReactNode | null;
+    owner: symbol | null;
+};
+export declare const setPortalContent: (next: ReactNode | null) => void;
+export declare const setPortalOwner: (next: symbol) => void;
+export declare const clearPortalOwner: (id: symbol) => void;
+export declare const getPortalSnapshot: () => Snapshot;
+export declare const subscribePortal: (listener: Listener) => (() => void);
+export {};

package/dist/js/portal/portalStore.js

@@ -0,0 +1,44 @@
+let content = null;
+let owner = null;
+let snapshot = {
+  content,
+  owner
+};
+const listeners = /* @__PURE__ */ new Set();
+const emitIfChanged = () => {
+  const next = {
+    content,
+    owner
+  };
+  if (next.content === snapshot.content && next.owner === snapshot.owner) {
+    return;
+  }
+  snapshot = next;
+  listeners.forEach((listener) => listener());
+};
+const setPortalContent = (next) => {
+  content = next;
+  emitIfChanged();
+};
+const setPortalOwner = (next) => {
+  owner = next;
+  emitIfChanged();
+};
+const clearPortalOwner = (id) => {
+  if (owner === id) {
+    owner = null;
+    emitIfChanged();
+  }
+};
+const getPortalSnapshot = () => snapshot;
+const subscribePortal = (listener) => {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+};
+export {
+  clearPortalOwner,
+  getPortalSnapshot,
+  setPortalContent,
+  setPortalOwner,
+  subscribePortal
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-core",
-  "version": "1.11.4",
+  "version": "1.12.0",
   "description": "Core Components for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -64,5 +64,5 @@
     "hex-rgb": "^5.0.0",
     "less-vars-to-js": "^1.3.0"
   },
-  "gitHead": "c5eee882509cbeb4544cb45939620881b829d4d9"
+  "gitHead": "f257f56d8991010593efd5ea9915335e813671a6"
 }