@likec4/diagram 1.30.0 → 1.32.0

package/dist/base/types.js

@@ -1,54 +0,0 @@
-import { hasSubObject } from 'remeda';
-
-var Base;
-((Base2) => {
-  const _setDimmed = (v, dimmed) => (v.data.dimmed ?? false) === dimmed ? v : {
-    ...v,
-    data: {
-      ...v.data,
-      dimmed
-    }
-  };
-  function setDimmed(arg1, arg2) {
-    if (arg2 !== void 0) {
-      return _setDimmed(arg1, arg2);
-    }
-    return (v) => _setDimmed(v, arg1);
-  }
-  Base2.setDimmed = setDimmed;
-  const _setHovered = (v, hovered) => (v.data.hovered ?? false) === hovered ? v : {
-    ...v,
-    data: {
-      ...v.data,
-      hovered
-    }
-  };
-  function setHovered(arg1, arg2) {
-    if (arg2 !== void 0) {
-      return _setHovered(arg1, arg2);
-    }
-    return (v) => _setHovered(v, arg1);
-  }
-  Base2.setHovered = setHovered;
-  function _setData(value, state) {
-    if (hasSubObject(value.data, state)) {
-      return value;
-    }
-    return {
-      ...value,
-      data: {
-        ...value.data,
-        ...state
-      }
-    };
-  }
-  function setData(arg1, arg2) {
-    if (arg2 !== void 0) {
-      return _setData(arg1, arg2);
-    }
-    return (edge) => _setData(edge, arg1);
-  }
-  Base2.setData = setData;
-})(Base || (Base = {}));
-
-export { Base };

package/dist/base/xyflowMachine.d.ts

@@ -1,212 +0,0 @@
-import { BBox } from '@likec4/core';
-import { ReactFlowInstance, Viewport } from '@xyflow/react';
-import { ActorRefFrom, StateMachine, NonReducibleUnknown, EventObject, MetaObject, ActorRefFromLogic, AnyActorLogic, ConditionalRequired, InputFrom, RequiredLogicInput, IsNotNever, ActorRef, MachineSnapshot, AnyActorRef, StateValue, AnyEventObject, ActionArgs } from 'xstate';
-import { Base } from './types';
-export interface TodoItem {
-    id: string;
-    title: string;
-    completed: boolean;
-}
-export type TodosFilter = 'all' | 'active' | 'completed';
-export declare const xyflowMachine: StateMachine<{
-    xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-    fitViewPadding: number;
-}, {
-    type: "fitBounds";
-    bounds: BBox;
-    duration?: number;
-} | {
-    type: "fitView";
-    duration?: number;
-} | {
-    type: "setCenter";
-    center: {
-        x: number;
-        y: number;
-    };
-    duration?: number;
-} | {
-    type: "setViewport";
-    viewport: Viewport;
-    duration?: number;
-}, {}, never, never, never, never, {}, string, {
-    xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-    fitViewPadding?: number;
-}, NonReducibleUnknown, EventObject, MetaObject, {
-    readonly id: "xyflow";
-    readonly context: ({ input }: {
-        spawn: {
-            <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-            <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                id?: never;
-                systemId?: string;
-                input?: InputFrom<TLogic>;
-                syncSnapshot?: boolean;
-            } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-        };
-        input: {
-            xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-            fitViewPadding?: number;
-        };
-        self: ActorRef<MachineSnapshot<{
-            xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-            fitViewPadding: number;
-        }, {
-            type: "fitBounds";
-            bounds: BBox;
-            duration?: number;
-        } | {
-            type: "fitView";
-            duration?: number;
-        } | {
-            type: "setCenter";
-            center: {
-                x: number;
-                y: number;
-            };
-            duration?: number;
-        } | {
-            type: "setViewport";
-            viewport: Viewport;
-            duration?: number;
-        }, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, {
-            type: "fitBounds";
-            bounds: BBox;
-            duration?: number;
-        } | {
-            type: "fitView";
-            duration?: number;
-        } | {
-            type: "setCenter";
-            center: {
-                x: number;
-                y: number;
-            };
-            duration?: number;
-        } | {
-            type: "setViewport";
-            viewport: Viewport;
-            duration?: number;
-        }, AnyEventObject>;
-    }) => {
-        xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-        fitViewPadding: number;
-    };
-    readonly on: {
-        readonly fitBounds: {
-            readonly actions: ({ context, event }: ActionArgs<{
-                xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-                fitViewPadding: number;
-            }, {
-                type: "fitBounds";
-                bounds: BBox;
-                duration?: number;
-            }, {
-                type: "fitBounds";
-                bounds: BBox;
-                duration?: number;
-            } | {
-                type: "fitView";
-                duration?: number;
-            } | {
-                type: "setCenter";
-                center: {
-                    x: number;
-                    y: number;
-                };
-                duration?: number;
-            } | {
-                type: "setViewport";
-                viewport: Viewport;
-                duration?: number;
-            }>) => void;
-        };
-        readonly fitView: {
-            readonly actions: ({ context, event }: ActionArgs<{
-                xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-                fitViewPadding: number;
-            }, {
-                type: "fitView";
-                duration?: number;
-            }, {
-                type: "fitBounds";
-                bounds: BBox;
-                duration?: number;
-            } | {
-                type: "fitView";
-                duration?: number;
-            } | {
-                type: "setCenter";
-                center: {
-                    x: number;
-                    y: number;
-                };
-                duration?: number;
-            } | {
-                type: "setViewport";
-                viewport: Viewport;
-                duration?: number;
-            }>) => void;
-        };
-        readonly setCenter: {
-            readonly actions: ({ context, event }: ActionArgs<{
-                xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-                fitViewPadding: number;
-            }, {
-                type: "setCenter";
-                center: {
-                    x: number;
-                    y: number;
-                };
-                duration?: number;
-            }, {
-                type: "fitBounds";
-                bounds: BBox;
-                duration?: number;
-            } | {
-                type: "fitView";
-                duration?: number;
-            } | {
-                type: "setCenter";
-                center: {
-                    x: number;
-                    y: number;
-                };
-                duration?: number;
-            } | {
-                type: "setViewport";
-                viewport: Viewport;
-                duration?: number;
-            }>) => void;
-        };
-        readonly setViewport: {
-            readonly actions: ({ context, event }: ActionArgs<{
-                xyflow: ReactFlowInstance<Base.Node, Base.Edge>;
-                fitViewPadding: number;
-            }, {
-                type: "setViewport";
-                viewport: Viewport;
-                duration?: number;
-            }, {
-                type: "fitBounds";
-                bounds: BBox;
-                duration?: number;
-            } | {
-                type: "fitView";
-                duration?: number;
-            } | {
-                type: "setCenter";
-                center: {
-                    x: number;
-                    y: number;
-                };
-                duration?: number;
-            } | {
-                type: "setViewport";
-                viewport: Viewport;
-                duration?: number;
-            }>) => void;
-        };
-    };
-}>;
-export type XYFlowActorRef = ActorRefFrom<typeof xyflowMachine>;

package/dist/likec4diagram/custom/nodes/nodeTypes.d.ts

@@ -1,8 +0,0 @@
-import { NodeProps } from '../../../base';
-import { Types } from '../../types';
-import { NamedExoticComponent } from 'react';
-export declare const ElementNode: NamedExoticComponent<NodeProps<Types.ElementNodeData>>;
-export declare const DeploymentNode: NamedExoticComponent<NodeProps<Types.DeploymentElementNodeData>>;
-export declare const CompoundElementNode: NamedExoticComponent<NodeProps<Types.CompoundElementNodeData>>;
-export declare const CompoundDeploymentNode: NamedExoticComponent<NodeProps<Types.CompoundDeploymentNodeData>>;
-export declare const ViewGroupNode: NamedExoticComponent<NodeProps<Types.ViewGroupNodeData>>;

package/dist/likec4diagram/custom/nodes/nodeTypes.js

@@ -1,92 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@likec4/core';
-import { useDiagram } from '../../../hooks/useDiagram.js';
-import { CompoundActions } from './CompoundActions.js';
-import { DeploymentElementActions, ElementActions } from './ElementActions.js';
-import { CompoundDeploymentToolbar, CompoundElementToolbar } from './toolbar/CompoundToolbar.js';
-import { DeploymentElementToolbar, ElementToolbar } from './toolbar/ElementToolbar.js';
-import { customNode } from '../../../base/primitives/customNode.js';
-import { CompoundNodeContainer } from '../../../base/primitives/compound/CompoundNodeContainer.js';
-import { CompoundTitle } from '../../../base/primitives/compound/CompoundTitle.js';
-import { IfNotEnabled, IfEnabled, useEnabledFeature } from '../../../context/DiagramFeatures.js';
-import { DefaultHandles } from '../../../base/primitives/NodeHandles.js';
-import { CompoundDetailsButton } from '../../../base/primitives/compound/CompoundDetailsButton.js';
-import { ElementNodeContainer } from '../../../base/primitives/element/ElementNodeContainer.js';
-import { ElementShape } from '../../../base/primitives/element/ElementShape.js';
-import { ElementTitle } from '../../../base/primitives/element/ElementTitle.js';
-import { ElementDetailsButton } from '../../../base/primitives/element/ElementDetailsButton.js';
-
-const ElementDetailsButtonWithHandler = ({ fqn, ...props }) => {
-  const { enableElementDetails } = useEnabledFeature("ElementDetails");
-  const diagram = useDiagram();
-  if (!enableElementDetails) return null;
-  return /* @__PURE__ */ jsx(
-    ElementDetailsButton,
-    {
-      ...props,
-      onClick: (e) => {
-        e.stopPropagation();
-        diagram.openElementDetails(fqn, props.id);
-      }
-    }
-  );
-};
-const ElementNode = customNode((props) => /* @__PURE__ */ jsxs(ElementNodeContainer, { nodeProps: props, children: [
-  /* @__PURE__ */ jsx(ElementShape, { ...props, isMultiple: props.data.isMultiple }),
-  /* @__PURE__ */ jsx(ElementTitle, { ...props }),
-  /* @__PURE__ */ jsx(ElementActions, { ...props }),
-  /* @__PURE__ */ jsx(
-    ElementDetailsButtonWithHandler,
-    {
-      fqn: props.data.modelFqn,
-      ...props
-    }
-  ),
-  /* @__PURE__ */ jsx(IfNotEnabled, { feature: "ReadOnly", children: /* @__PURE__ */ jsx(ElementToolbar, { ...props }) }),
-  /* @__PURE__ */ jsx(DefaultHandles, {})
-] }));
-const DeploymentNode = customNode((props) => /* @__PURE__ */ jsxs(ElementNodeContainer, { nodeProps: props, children: [
-  /* @__PURE__ */ jsx(ElementShape, { ...props, isMultiple: props.data.isMultiple }),
-  /* @__PURE__ */ jsx(ElementTitle, { ...props }),
-  /* @__PURE__ */ jsx(DeploymentElementActions, { ...props }),
-  !!props.data.modelFqn && /* @__PURE__ */ jsx(
-    ElementDetailsButtonWithHandler,
-    {
-      fqn: props.data.modelFqn,
-      ...props
-    }
-  ),
-  /* @__PURE__ */ jsx(IfNotEnabled, { feature: "ReadOnly", children: /* @__PURE__ */ jsx(DeploymentElementToolbar, { ...props }) }),
-  /* @__PURE__ */ jsx(DefaultHandles, {})
-] }));
-const CompoundElementNode = customNode((props) => {
-  const diagram = useDiagram();
-  return /* @__PURE__ */ jsxs(CompoundNodeContainer, { nodeProps: props, children: [
-    /* @__PURE__ */ jsx(CompoundTitle, { ...props }),
-    /* @__PURE__ */ jsx(CompoundActions, { ...props }),
-    /* @__PURE__ */ jsx(IfEnabled, { feature: "ElementDetails", children: /* @__PURE__ */ jsx(
-      CompoundDetailsButton,
-      {
-        ...props,
-        onClick: (e) => {
-          e.stopPropagation();
-          diagram.openElementDetails(props.data.modelFqn, props.id);
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx(IfNotEnabled, { feature: "ReadOnly", children: /* @__PURE__ */ jsx(CompoundElementToolbar, { ...props }) }),
-    /* @__PURE__ */ jsx(DefaultHandles, {})
-  ] });
-});
-const CompoundDeploymentNode = customNode((props) => /* @__PURE__ */ jsxs(CompoundNodeContainer, { nodeProps: props, children: [
-  /* @__PURE__ */ jsx(CompoundTitle, { ...props }),
-  /* @__PURE__ */ jsx(CompoundActions, { ...props }),
-  /* @__PURE__ */ jsx(IfNotEnabled, { feature: "ReadOnly", children: /* @__PURE__ */ jsx(CompoundDeploymentToolbar, { ...props }) }),
-  /* @__PURE__ */ jsx(DefaultHandles, {})
-] }));
-const ViewGroupNode = customNode((props) => /* @__PURE__ */ jsxs(CompoundNodeContainer, { nodeProps: props, children: [
-  /* @__PURE__ */ jsx(CompoundTitle, { ...props }),
-  /* @__PURE__ */ jsx(DefaultHandles, {})
-] }));
-
-export { CompoundDeploymentNode, CompoundElementNode, DeploymentNode, ElementNode, ViewGroupNode };

package/dist/likec4diagram/ui/search/ElementsColumn.d.ts

@@ -1 +0,0 @@
-export declare function ElementsColumn(): import("react/jsx-runtime").JSX.Element;

package/dist/likec4diagram/ui/search/LikeC4Search.css.js

@@ -1,87 +0,0 @@
-import { css } from '@likec4/styles/css';
-
-const backdrop = css({
-  position: "fixed",
-  zIndex: 900,
-  inset: "0px",
-  backgroundColor: "[rgb(34 34 34 / 0.95)]",
-  backdropFilter: "auto",
-  backdropBlur: "10px",
-  _light: {
-    backgroundColor: "[rgb(255 255 255 / 0.92 )]"
-  }
-});
-const root = css({
-  containerName: "likec4-search",
-  containerType: "size",
-  position: "fixed",
-  zIndex: 901,
-  top: 0,
-  left: 0,
-  width: "100%",
-  height: "100%",
-  maxHeight: "100vh",
-  overflow: "hidden",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "stretch",
-  gap: "md",
-  paddingTop: "32px",
-  paddingLeft: "16px",
-  paddingRight: "16px",
-  paddingBottom: 0
-});
-const input = css({
-  border: "transparent",
-  background: "transparent",
-  _focusWithin: {
-    background: `mantine.colors.gray[3]/55`,
-    _dark: {
-      background: `mantine.colors.dark[4]/55`
-    }
-  }
-});
-const pickviewBackdrop = css({
-  position: "absolute",
-  inset: 0,
-  width: "100%",
-  height: "100%",
-  backgroundColor: "[rgb(34 34 34 / 0.7)]",
-  zIndex: 902,
-  backdropFilter: "auto",
-  backdropBlur: "10px",
-  _light: {
-    backgroundColor: "[rgb(255 255 255 / 0.6)]"
-  }
-});
-const pickview = css({
-  position: "absolute",
-  top: "2rem",
-  left: "50%",
-  width: "100%",
-  maxWidth: "600px",
-  minWidth: "200px",
-  transform: "translateX(-50%)",
-  zIndex: 903
-});
-const pickviewGroup = css({
-  marginTop: "8px",
-  "& + &": {
-    marginTop: "32px"
-  }
-});
-const scrollArea = css({
-  height: [
-    "100%",
-    "100cqh"
-  ],
-  "& .mantine-ScrollArea-viewport": {
-    minHeight: "100%",
-    "& > div": {
-      minHeight: "100%",
-      height: "100%"
-    }
-  }
-});
-
-export { backdrop, input, pickview, pickviewBackdrop, pickviewGroup, root, scrollArea };

package/dist/likec4diagram/ui/search/LikeC4Search.d.ts

@@ -1,2 +0,0 @@
-import { MemoExoticComponent } from 'react';
-export declare const LikeC4Search: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;