likec4 1.9.0 → 1.10.1

package/react/LikeC4Browser.css.d.ts

@@ -1,4 +0,0 @@
-export declare const modalContent: string;
-export declare const modalBody: string;
-export declare const cssDiagram: string;
-export declare const closeButton: string;

package/react/LikeC4Browser.d.ts

@@ -1,31 +0,0 @@
-import type { DiagramView, ElementIconRenderer } from './types';
-import type { WhereOperator } from './types-filter';
-export type LikeC4BrowserProps<ViewId extends string, Tag extends string, Kind extends string> = {
-    view: DiagramView<ViewId>;
-    /**
-     * By default determined by the user's system preferences.
-     */
-    colorScheme?: 'light' | 'dark';
-    /**
-     * LikeC4 views are using 'IBM Plex Sans' font.
-     * By default, component injects the CSS to document head.
-     * Set to false if you want to handle the font yourself.
-     *
-     * @default true
-     */
-    injectFontCss?: boolean | undefined;
-    /**
-     * Background pattern
-     * @default 'dots'
-     */
-    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
-    onNavigateTo: (to: ViewId) => void;
-    onClose: () => void;
-    /**
-     * Render custom icon for a node
-     * By default, if icon is http:// or https://, it will be rendered as an image
-     */
-    renderIcon?: ElementIconRenderer | undefined;
-    where?: WhereOperator<Tag, Kind> | undefined;
-};
-export declare function LikeC4Browser<ViewId extends string, Tag extends string, Kind extends string>({ colorScheme, view, injectFontCss, onNavigateTo, onClose, renderIcon, where, background }: LikeC4BrowserProps<ViewId, Tag, Kind>): import("react/jsx-runtime").JSX.Element;

package/react/LikeC4ViewElement.d.ts

@@ -1,56 +0,0 @@
-import { type HTMLAttributes } from 'react';
-import type { DiagramView, ElementIconRenderer } from './types';
-import type { WhereOperator } from './types-filter';
-export type LikeC4ViewElementProps<ViewId extends string, Tag extends string, Kind extends string> = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
-    view: DiagramView<ViewId>;
-    /**
-     * By default determined by the user's system preferences.
-     */
-    colorScheme?: 'light' | 'dark';
-    /**
-     * LikeC4 views are using 'IBM Plex Sans' font.
-     * By default, component injects the CSS to document head.
-     * Set to false if you want to handle the font yourself.
-     *
-     * @default true
-     */
-    injectFontCss?: boolean | undefined;
-    /**
-     * Background pattern
-     * @default 'transparent'
-     */
-    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
-    onNavigateTo?: ((to: ViewId) => void) | undefined;
-    /**
-     * Render custom icon for a node
-     * By default, if icon is http:// or https://, it will be rendered as an image
-     */
-    renderIcon?: ElementIconRenderer | undefined;
-    /**
-     * Display hovercards with element links
-     * @default true
-     */
-    showElementLinks?: boolean | undefined;
-    /**
-     * Display panel with diagram title / description
-     * @default false
-     */
-    showDiagramTitle?: boolean | undefined;
-    /**
-     * Show back/forward navigation buttons
-     * @default false
-     */
-    showNavigationButtons?: undefined | boolean;
-    /**
-     * Display notations of the view
-     * @default false
-     */
-    showNotations?: boolean | undefined;
-    /**
-     * If double click on a node should enable focus mode, i.e. highlight incoming/outgoing edges
-     * @default false
-     */
-    enableFocusMode?: boolean | undefined;
-    where?: WhereOperator<Tag, Kind> | undefined;
-};
-export declare function LikeC4ViewElement<ViewId extends string, Tag extends string, Kind extends string>({ onNavigateTo: _onNavigateTo, className, view, injectFontCss, colorScheme, background, renderIcon, showDiagramTitle, showElementLinks, showNavigationButtons, enableFocusMode, showNotations, where, ...props }: LikeC4ViewElementProps<ViewId, Tag, Kind>): import("react/jsx-runtime").JSX.Element;

package/react/ShadowRoot.d.ts

@@ -1,6 +0,0 @@
-import { type HTMLAttributes } from 'react';
-type ShadowRootProps = HTMLAttributes<HTMLDivElement> & {
-    injectFontCss?: boolean | undefined;
-};
-export declare function ShadowRoot({ children, injectFontCss, ...props }: ShadowRootProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/react/ShadowRootMantineProvider.d.ts

@@ -1,7 +0,0 @@
-import { type PropsWithChildren } from 'react';
-type ShadowRootMantineProps = PropsWithChildren<{
-    className?: string | undefined;
-    colorScheme?: 'light' | 'dark' | undefined;
-}>;
-export declare function ShadowRootMantineProvider({ children, className, colorScheme }: ShadowRootMantineProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/react/styles.css.d.ts

@@ -1,4 +0,0 @@
-export declare const shadowRoot: string;
-export declare const cssLikeC4View: string;
-export declare const cssInteractive: string;
-export declare const cssLikeC4Browser: string;

package/react/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const ShadowRootCssSelector: string;
-export declare function useCreateStyleSheet(injectFontCss: boolean): () => CSSStyleSheet;
-export type ColorScheme = 'light' | 'dark';
-export declare function useColorScheme(explicit?: ColorScheme): ColorScheme;

package/react/types-filter.d.ts

@@ -1,33 +0,0 @@
-type NonEmptyArray<T> = [T, ...T[]];
-type EqualOperator<V> = {
-    eq: V;
-    neq?: never;
-} | {
-    eq?: never;
-    neq: V;
-};
-type AllNever = {
-    not?: never;
-    and?: never;
-    or?: never;
-    tag?: never;
-    kind?: never;
-};
-type TagKindOperator<Tag, Kind> = Omit<AllNever, 'tag' | 'kind'> & ({
-    tag: EqualOperator<Tag>;
-    kind?: never;
-} | {
-    tag?: never;
-    kind: EqualOperator<Kind>;
-});
-type NotOperator<Tag, Kind> = Omit<AllNever, 'not'> & {
-    not: TagKindOperator<Tag, Kind> | AndOperator<Tag, Kind> | OrOperator<Tag, Kind>;
-};
-type AndOperator<Tag, Kind> = Omit<AllNever, 'and'> & {
-    and: NonEmptyArray<TagKindOperator<Tag, Kind> | OrOperator<Tag, Kind> | NotOperator<Tag, Kind>>;
-};
-type OrOperator<Tag, Kind> = Omit<AllNever, 'or'> & {
-    or: NonEmptyArray<TagKindOperator<Tag, Kind> | AndOperator<Tag, Kind> | NotOperator<Tag, Kind>>;
-};
-export type WhereOperator<Tag extends string, Kind extends string> = TagKindOperator<Tag, Kind> | NotOperator<Tag, Kind> | AndOperator<Tag, Kind> | OrOperator<Tag, Kind>;
-export {};

package/react/types.d.ts

@@ -1,76 +0,0 @@
-import type { DiagramView as OriginalDiagramView } from 'likec4';
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { WhereOperator } from './types-filter';
-export type DiagramView<ViewId extends string> = Omit<OriginalDiagramView, 'id'> & {
-    id: ViewId;
-};
-export type ElementIconRendererProps = {
-    node: {
-        id: string;
-        title: string;
-        icon?: string | undefined;
-    };
-};
-export type ElementIconRenderer = (props: ElementIconRendererProps) => ReactNode;
-export type LikeC4ViewBaseProps<ViewId extends string, Tag extends string, Kind extends string> = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
-    /**
-     * View to display.
-     */
-    viewId: ViewId;
-    /**
-     * Background pattern
-     * @default 'transparent'
-     */
-    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
-    /**
-     * Background pattern for the browser view.
-     * @default 'dots'
-     */
-    browserBackground?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
-    /**
-     * Click on the view opens a modal with browser.
-     *
-     * @default true
-     */
-    interactive?: boolean;
-    /**
-     * By default determined by the user's system preferences.
-     */
-    colorScheme?: 'light' | 'dark' | undefined;
-    /**
-     * LikeC4 views are using 'IBM Plex Sans' font.
-     * By default, component injects the CSS to document head.
-     * Set to false if you want to handle the font yourself.
-     *
-     * @default true
-     */
-    injectFontCss?: boolean | undefined;
-    /**
-     * Display hovercards with element links
-     * @default true
-     */
-    showElementLinks?: boolean | undefined;
-    /**
-     * Display panel with diagram title / description
-     * @default false
-     */
-    showDiagramTitle?: boolean | undefined;
-    /**
-     * Show back/forward navigation buttons
-     * @default false
-     */
-    showNavigationButtons?: undefined | boolean;
-    /**
-     * Display notations of the view
-     * @default false
-     */
-    showNotations?: boolean | undefined;
-    /**
-     * If double click on a node should enable focus mode, i.e. highlight incoming/outgoing edges
-     * Conflicts with `interactive`
-     *
-     * @default false
-     */
-    enableFocusMode?: boolean | undefined;
-    where?: WhereOperator<Tag, Kind> | undefined;
-};