@bigmath-ui-library/core 2.0.5 → 2.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bigmath-ui-library/core",
-	"version": "2.0.5",
+	"version": "2.0.6",
 	"description": "",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
@@ -30,6 +30,7 @@
 		"postcss": "^8.5.10",
 		"react-hook-form": "^7.73.1",
 		"react-leaflet": "^5.0.0",
+		"reselect": "^4.1.8",
 		"storybook-addon-pseudo-states": "4.0.2",
 		"styled-components": "5.3.11"
 	},

package/rollup.config.js

@@ -22,6 +22,11 @@ const external = [
   /^@emotion\//,
   'styled-components',
   /^@types\//,
+  'async_hooks',
+  'util', 
+  'crypto',
+  'stream',
+  'reselect',
 ];
 
 export default [

package/src/components/BMMaps/BMMapMarker.tsx

@@ -2,10 +2,27 @@ import React, { FC, useCallback, useState } from "react";
 import { Marker, Tooltip } from "react-leaflet";
 import { styled } from "@mui/material";
 import { DivIcon, LatLngExpression } from "leaflet";
-import ReactDOMServer from 'react-dom/server';
+import * as ReactDOM from "react-dom";
 import { useGetMapIcons } from "./MapIcons";
 import { MarkerType } from "./markerTypes";
 
+// React 17 API still works at runtime, TypeScript types just don't expose it for React 19
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const renderElement = (ReactDOM as any).render;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const unmountElement = (ReactDOM as any).unmountComponentAtNode;
+
+/**
+ * Browser-compatible replacement for ReactDOMServer.renderToStaticMarkup
+ */
+function renderToStaticMarkup(element: React.ReactElement): string {
+  const container = document.createElement("div");
+  renderElement(element, container);
+  const html = container.innerHTML;
+  unmountElement(container);
+  return html;
+}
+
 interface BMMapMarkerProps {
     icon?: React.ReactElement | null;
     iconHover?: React.ReactElement | null;
@@ -29,7 +46,7 @@ export const BMMapMarker: FC<BMMapMarkerProps> = ({ position, icon, iconHover, t
     const getIcon = useCallback((icon, hovered = false) => {
         if (icon === null) return undefined;
         return new DivIcon({
-            html: ReactDOMServer.renderToStaticMarkup(icon),
+            html: renderToStaticMarkup(icon),
             iconSize: hovered ? [iconSize[0] + 10, iconSize[1] + 10] : iconSize,
             className: `svg-icon region-selected-marker ${className}`
         });