@likec4/diagram 1.57.0 → 1.59.0

package/dist/adhoc-editor/state/utils.js

@@ -1,25 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { filter, isNonNullish, map, pipe } from "remeda";
-import { difference as difference$1, toSet } from "@likec4/core/utils";
-//#region src/adhoc-editor/state/utils.ts
-/**
-* Derives the state of elements in the view based on the active rules.
-*
-* Categorizes elements into:
-* - Explicitly included: Elements that are both in the view and have an enabled include rule
-* - Implicitly included: Elements in the view without an explicit include rule
-* - Excluded: Elements with an enabled exclude rule that are not in the view
-*/
-function deriveElementStates({ rules, view }) {
-	const includedInView = new Set(view ? view.nodes.map((node) => node.modelRef ?? null).filter(isNonNullish) : []);
-	const explicits = pipe(rules, filter((r) => r.type === "include" && r.enabled), map((r) => r.expr.ref.model), toSet());
-	const excluded = pipe(rules, filter((r) => r.type === "exclude" && r.enabled), map((r) => r.expr.ref.model), toSet());
-	return {
-		disabled: pipe(rules, filter((r) => !r.enabled), map((r) => r.expr.ref.model), toSet()),
-		includedExplicit: explicits,
-		includedImplicit: difference$1(includedInView, explicits),
-		excluded: difference$1(excluded, includedInView)
-	};
-}
-//#endregion
-export { deriveElementStates };

package/dist/adhoc-editor/useElementsTree.d.ts

@@ -1,18 +0,0 @@
-import { LikeC4Model } from '@likec4/core/model';
-import { ElementShape, Fqn } from '@likec4/core/types';
-import { TreeCollection } from '@zag-js/collection';
-import { ElementStates } from './state/utils';
-import * as tree from '@zag-js/tree-view';
-export interface TreeNodeData {
-    id: Fqn;
-    title: string;
-    icon?: string | undefined;
-    shape: ElementShape;
-    children: TreeNodeData[];
-    state: 'include-explicit' | 'include-implicit' | 'exclude' | 'disabled' | 'not-present';
-}
-export interface ElementsTreeProps extends tree.Props<TreeNodeData> {
-}
-export declare function createTreeCollection(model: LikeC4Model, states?: ElementStates): TreeCollection<TreeNodeData>;
-export type TreeApi = tree.Api<any, TreeNodeData>;
-export declare function useElementsTree(): TreeApi;

package/dist/adhoc-editor/useElementsTree.js

@@ -1,98 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useId } from "../hooks/useId.js";
-import { selectEditorPanelState, useEditorPanelState, useOnEditorPanelEvent } from "./state/panel.js";
-import { useDeferredValue, useEffect, useMemo, useState } from "react";
-import { difference, hasAtLeast, sort } from "remeda";
-import { compareNaturalHierarchically, toArray } from "@likec4/core/utils";
-import { normalizeProps, useMachine } from "@zag-js/react";
-import * as tree from "@zag-js/tree-view";
-//#region src/adhoc-editor/useElementsTree.ts
-function getElementState(id, states) {
-	if (!states) return "not-present";
-	if (states.disabled.has(id)) return "disabled";
-	if (states.includedExplicit.has(id)) return "include-explicit";
-	if (states.includedImplicit.has(id)) return "include-implicit";
-	if (states.excluded.has(id)) return "exclude";
-	return "not-present";
-}
-function mapToTreeNodes(elements, states) {
-	return toArray(elements).map((el) => ({
-		id: el.id,
-		title: el.title,
-		shape: el.shape,
-		icon: el.icon ?? void 0,
-		children: mapToTreeNodes(el.children(), states),
-		state: getElementState(el.id, states)
-	}));
-}
-function createTreeCollection(model, states) {
-	return tree.collection({
-		rootNode: {
-			id: "@ROOT",
-			title: "",
-			shape: "rectangle",
-			icon: void 0,
-			children: mapToTreeNodes(model.roots(), states),
-			state: "not-present"
-		},
-		nodeToValue(node) {
-			return node.id;
-		},
-		nodeToString(node) {
-			return node.title;
-		},
-		nodeToChildren(node) {
-			return node.children;
-		},
-		isNodeDisabled() {
-			return false;
-		}
-	});
-}
-var select = selectEditorPanelState((s) => ({
-	searchInput: s.searchInput.length > 2 ? s.searchInput.toLowerCase() : "",
-	collection: s.collection
-}), (a, b) => a?.searchInput === b.searchInput && a?.collection.isEqual(b.collection));
-function useElementsTree() {
-	const { searchInput, collection } = useEditorPanelState(select);
-	const lowerCaseInput = useDeferredValue(searchInput);
-	const filteredCollection = useMemo(() => {
-		if (!lowerCaseInput) return collection;
-		return collection.filter((c) => c.title.toLowerCase().includes(lowerCaseInput));
-	}, [collection, lowerCaseInput]);
-	const [expandedValue, setExpandedValue] = useState([]);
-	useEffect(() => {
-		if (filteredCollection === collection) return;
-		setExpandedValue((current) => {
-			const newBranches = difference(filteredCollection.getBranchValues(), current);
-			if (hasAtLeast(newBranches, 1)) return sort([...current, ...newBranches], compareNaturalHierarchically());
-			return current;
-		});
-	}, [filteredCollection]);
-	const service = useMachine(tree.machine, {
-		id: useId(),
-		collection: filteredCollection,
-		defaultCheckedValue: [],
-		defaultSelectedValue: [],
-		expandedValue,
-		onExpandedChange({ expandedValue }) {
-			setExpandedValue(expandedValue);
-		},
-		onFocusChange(details) {
-			console.log("Focus change", details);
-		},
-		onSelectionChange(details) {
-			console.log("Selection change", details);
-		}
-	});
-	service.context.get("focusedValue")?.slice;
-	const api = tree.connect(service, normalizeProps);
-	api.select;
-	useOnEditorPanelEvent("inputKeyDown", () => {
-		const first = api.collection.getFirstNode()?.id;
-		if (first) api.focus(first);
-	});
-	return api;
-}
-//#endregion
-export { createTreeCollection, useElementsTree };

package/dist/adhoc-editor/viewrules/ViewRulesPanel.d.ts

@@ -1,6 +0,0 @@
-import { AdhocRule } from '../state/actor.types';
-export declare function ViewRulesPanel({ rules, onToggle, onDelete, }: {
-    rules: AdhocRule[];
-    onToggle: (rule: AdhocRule) => void;
-    onDelete: (rule: AdhocRule) => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/shadowroot/styles.css.d.ts

@@ -1,12 +0,0 @@
-export declare function scopeStylesToShadowRoot(styles: string): string;
-export declare function appendFontToDocument(injectFontCss: boolean, styleNonce?: string | (() => string) | undefined): void;
-/**
- * Creates a CSS string with styles scoped to the shadow root
- */
-export declare function createShadowRootStyles(): string;
-/**
- * Creates a CSSStyleSheet with styles scoped to the shadow root
- */
-export declare function createShadowRootStylesheets(): [CSSStyleSheet];
-export type ColorScheme = 'light' | 'dark';
-export declare function useColorScheme(explicit?: ColorScheme): ColorScheme;

package/dist/shadowroot/styles.css.js

@@ -1,59 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
-import { useCallbackRef as useCallbackRef$1 } from "../hooks/useCallbackRef.js";
-import styles_font_default from "../styles-font2.js";
-import styles_default from "../styles2.js";
-import { useState } from "react";
-import { first, isFunction, isString } from "remeda";
-import { useColorScheme, useMutationObserverTarget } from "@mantine/hooks";
-//#region src/shadowroot/styles.css.ts
-function scopeStylesToShadowRoot(styles) {
-	return styles.replaceAll(/:where\(\s*:root\s*,\s*:host\s*\)/g, `:where(.likec4-shadow-root)`).replaceAll(":root", `.likec4-shadow-root`).replaceAll(/(^|[{},;]|\*\/)(\s*)body(?=\s*[{,])/g, "$1$2.likec4-shadow-root");
-}
-function appendFontToDocument(injectFontCss, styleNonce) {
-	if (injectFontCss && !document.querySelector(`style[data-likec4-font]`)) {
-		const style = document.createElement("style");
-		style.setAttribute("type", "text/css");
-		style.setAttribute("data-likec4-font", "");
-		let nonce;
-		if (isString(styleNonce)) nonce = styleNonce;
-		if (isFunction(styleNonce)) nonce = styleNonce();
-		if (nonce) style.setAttribute("nonce", nonce);
-		style.appendChild(document.createTextNode(scopeStylesToShadowRoot(styles_font_default)));
-		document.head.appendChild(style);
-	}
-}
-/**
-* Creates a CSS string with styles scoped to the shadow root
-*/
-function createShadowRootStyles() {
-	return scopeStylesToShadowRoot(styles_default);
-}
-/**
-* Creates a CSSStyleSheet with styles scoped to the shadow root
-*/
-function createShadowRootStylesheets() {
-	const css = new CSSStyleSheet();
-	css.replaceSync(createShadowRootStyles());
-	return [css];
-}
-var getComputedColorScheme = () => {
-	try {
-		const colorScheme = first((window.getComputedStyle(document.documentElement).colorScheme ?? "").split(" "));
-		if (colorScheme === "light" || colorScheme === "dark") return colorScheme;
-	} catch {}
-	return null;
-};
-var getDocumentElement = () => document.documentElement;
-function useColorScheme$1(explicit) {
-	const preferred = useColorScheme();
-	const [computed, setComputed] = useState(getComputedColorScheme);
-	useMutationObserverTarget(useCallbackRef$1(() => setComputed(getComputedColorScheme)), {
-		attributes: true,
-		childList: false,
-		subtree: false
-	}, getDocumentElement);
-	return explicit ?? computed ?? preferred;
-}
-__name(useColorScheme$1, "useColorScheme");
-//#endregion
-export { appendFontToDocument, createShadowRootStyles, createShadowRootStylesheets, useColorScheme$1 as useColorScheme };