@likec4/diagram 1.28.0 → 1.29.0

package/dist/context/DiagramFeatures.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { shallowEqual } from 'fast-equals';
-import { useContext, createContext, useState, useEffect } from 'react';
+import { r as reactExports } from '../_virtual/index.js';
 import { mapToObj, pick, map } from 'remeda';
 
 const FeatureNames = [
@@ -31,7 +31,7 @@ const AllDisabled = mapToObj(
   FeatureNames,
   (name) => [`enable${name}`, false]
 );
-const DiagramFeaturesContext = createContext(AllDisabled);
+const DiagramFeaturesContext = reactExports.createContext(AllDisabled);
 const validate = (features) => {
   let {
     enableReadOnly,
@@ -68,9 +68,9 @@ function DiagramFeatures({
   features,
   overrides
 }) {
-  const outerScope = useContext(DiagramFeaturesContext);
-  const [scope, setScope] = useState(outerScope);
-  useEffect(
+  const outerScope = reactExports.useContext(DiagramFeaturesContext);
+  const [scope, setScope] = reactExports.useState(outerScope);
+  reactExports.useEffect(
     () => {
       setScope((current) => {
         const next = validate({
@@ -99,10 +99,10 @@ DiagramFeatures.Overlays = ({ children }) => {
   );
 };
 function useEnabledFeature(...names) {
-  return pick(useContext(DiagramFeaturesContext), map(names, (name) => `enable${name}`));
+  return pick(reactExports.useContext(DiagramFeaturesContext), map(names, (name) => `enable${name}`));
 }
 function useEnabledFeatures() {
-  return useContext(DiagramFeaturesContext);
+  return reactExports.useContext(DiagramFeaturesContext);
 }
 function IfEnabled({
   feature,

package/dist/context/EnsureMantine.js

@@ -1,9 +1,9 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { MantineContext } from '@mantine/core';
-import { useContext } from 'react';
+import { r as reactExports } from '../_virtual/index.js';
 
 function EnsureMantine({ children }) {
-  const mantineCtx = useContext(MantineContext);
+  const mantineCtx = reactExports.useContext(MantineContext);
   if (!mantineCtx) {
     throw new Error("LikeC4Diagram must be a child of MantineProvider");
   }

package/dist/context/FramerMotionConfig.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMantineStyleNonce } from '@mantine/core';
-import { LazyMotion, domMax, MotionConfig } from 'framer-motion';
-import 'react';
+import { LazyMotion, domMax, MotionConfig } from 'motion/react';
+import '../_virtual/index.js';
 
 const FramerMotionConfig = ({
   reducedMotion = "user",

package/dist/context/IconRenderer.js

@@ -1,14 +1,14 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { IconCylinder, IconRectangularPrism, IconReorder, IconUser, IconDeviceMobile, IconBrowser } from '@tabler/icons-react';
 import clsx from 'clsx';
-import { useContext, createContext } from 'react';
+import { r as reactExports } from '../_virtual/index.js';
 
-const IconRendererContext = createContext(null);
+const IconRendererContext = reactExports.createContext(null);
 function IconRendererProvider({
   value,
   children
 }) {
-  const outerScope = useContext(IconRendererContext);
+  const outerScope = reactExports.useContext(IconRendererContext);
   if (outerScope) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
@@ -18,7 +18,7 @@ function IconRenderer({
   element,
   className
 }) {
-  const RenderIcon = useContext(IconRendererContext);
+  const RenderIcon = reactExports.useContext(IconRendererContext);
   if (!element || !element.icon || element.icon === "none") {
     return null;
   }

package/dist/context/ReduceGraphics.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createSafeContext, createOptionalContext } from '@mantine/core';
 import { useStore } from '@nanostores/react';
 import { atom } from 'nanostores';
-import { useRef } from 'react';
+import { r as reactExports } from '../_virtual/index.js';
 
 const [ReduceGraphicsModeCtx, useReducedGraphics] = createOptionalContext();
 function useIsReducedGraphics() {
@@ -16,7 +16,7 @@ const [PanningAtomSafeCtx, usePanningAtom] = createSafeContext(
   "PanningAtomSafeCtx is not provided"
 );
 function ReduceGraphicsContext({ reduceGraphics, children }) {
-  const $isPanningRef = useRef(null);
+  const $isPanningRef = reactExports.useRef(null);
   if (!$isPanningRef.current) {
     $isPanningRef.current = atom(reduceGraphics);
   }

package/dist/context/RootContainer.js

@@ -1,18 +1,18 @@
 import { jsx } from 'react/jsx-runtime';
 import { cx } from '@likec4/styles/css';
 import { Box } from '@likec4/styles/jsx';
-import { useRef, useEffect, createContext, createRef, useContext } from 'react';
+import { r as reactExports } from '../_virtual/index.js';
 import { usePanningAtom } from './ReduceGraphics.js';
 
-const RootContainerContext = createContext(createRef());
+const RootContainerContext = reactExports.createContext(reactExports.createRef());
 function RootContainer({
   className,
   reduceGraphics = false,
   children
 }) {
-  const ref = useRef(null);
+  const ref = reactExports.useRef(null);
   const $isPanning = usePanningAtom();
-  useEffect(() => {
+  reactExports.useEffect(() => {
     return $isPanning.listen((isPanning) => {
       if (isPanning) {
         ref.current?.setAttribute("data-likec4-diagram-panning", "true");
@@ -25,10 +25,6 @@ function RootContainer({
     Box,
     {
       className: cx("likec4-root", className),
-      css: {
-        // '--likec4-background-color': 'mantine.colors.body',
-        // '--colors-likec4-background': 'var(--mantine-color-body)',
-      },
       ref,
       ...reduceGraphics && {
         ["data-likec4-reduced-graphics"]: true
@@ -38,7 +34,7 @@ function RootContainer({
   );
 }
 function useRootContainer() {
-  return useContext(RootContainerContext).current;
+  return reactExports.useContext(RootContainerContext).current;
 }
 
 export { RootContainer, useRootContainer };

package/dist/hooks/safeContext.d.ts

@@ -1,7 +1,4 @@
 import { DiagramActorRef } from '../state/types';
-import { Context } from 'react';
-/**
- * To improve experience with HMR, we use `createSafeContext` as a boundary for hoooks
- */
-export declare const DiagramActorSafeContext: Context<DiagramActorRef>;
+import { Provider } from 'react';
+export declare const DiagramActorContextProvider: Provider<DiagramActorRef>;
 export declare const useDiagramActorRef: () => DiagramActorRef;

package/dist/hooks/safeContext.js

@@ -1,13 +1,14 @@
-import { createContext, useContext } from 'react';
+import { r as reactExports } from '../_virtual/index.js';
 
-const DiagramActorSafeContext = createContext(null);
+const DiagramActorSafeContext = reactExports.createContext(null);
 DiagramActorSafeContext.displayName = "DiagramActorSafeContext";
+const DiagramActorContextProvider = DiagramActorSafeContext.Provider;
 const useDiagramActorRef = () => {
-  const ctx = useContext(DiagramActorSafeContext);
+  const ctx = reactExports.useContext(DiagramActorSafeContext);
   if (ctx === null) {
     throw new Error("DiagramActorRef is not provided");
   }
   return ctx;
 };
 
-export { DiagramActorSafeContext, useDiagramActorRef };
+export { DiagramActorContextProvider, useDiagramActorRef };

package/dist/hooks/useCurrentViewId.js

@@ -2,7 +2,7 @@ import { useSelector } from '@xstate/react';
 import '@likec4/core';
 import '@mantine/hooks';
 import 'fast-equals';
-import 'react';
+import '../_virtual/index.js';
 import { useDiagramActorRef } from './safeContext.js';
 
 const selectViewId = (s) => s.context.view.id;