@darajs/components 0.4.8

package/dist/common/textarea/textarea.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react-hooks/exhaustive-deps */
+import _debounce from 'lodash/debounce';
+import { useEffect, useMemo, useState } from 'react';
+import { injectCss, useAction, useComponentStyles, useVariable } from '@darajs/core';
+import { Textarea as UITextarea } from '@darajs/ui-components';
+import { useFormContext } from '../context';
+const StyledTextarea = injectCss(UITextarea);
+/**
+ * A component that creates a textarea. The text is stored as a variable and updated as the user types in the
+ * given area. If autofocus is true, cursor begins in the textarea.
+ *
+ * @param {TextareaProps} props - the component props
+ */
+function Textarea(props) {
+    const formCtx = useFormContext(props);
+    const [style, css] = useComponentStyles(props);
+    const [value, setValue] = useVariable(formCtx.resolveInitialValue());
+    const [internalValue, setInternalValue] = useState(value);
+    const onInputAction = useAction(props.onchange);
+    const debouncedAction = useMemo(() => _debounce(onInputAction, 300), [onInputAction]);
+    const debouncedSetValue = useMemo(() => _debounce(setValue, 300), [setValue]);
+    const debouncedUpdateForm = useMemo(() => _debounce(formCtx.updateForm, 300), [formCtx.updateForm]);
+    function handleChange(val) {
+        // immediately update internal state
+        setInternalValue(val);
+        // debounce the update to the variable and the form to prevent multiple updates being fired at once
+        debouncedSetValue(val);
+        debouncedAction(val);
+        debouncedUpdateForm(val);
+    }
+    useEffect(() => {
+        // cancel in-progress debounced updates to make sure the variable value takes precedence
+        debouncedSetValue.cancel();
+        debouncedUpdateForm.cancel();
+        // Sync the internal value with the variable value when the variable value changes
+        setInternalValue(value);
+    }, [value]);
+    return (_jsx(StyledTextarea, { "$rawCss": css, autoFocus: props.autofocus, onChange: handleChange, resize: props.resize, style: style, value: internalValue }));
+}
+export default Textarea;
+//# sourceMappingURL=textarea.js.map

package/dist/common/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../js/common/textarea/textarea.tsx"],"names":[],"mappings":";AAAA,gDAAgD;AAChD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAa5C,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAE7C;;;;;GAKG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACtF,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9E,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpG,SAAS,YAAY,CAAC,GAAW;QAC7B,oCAAoC;QACpC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAEtB,mGAAmG;QACnG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACvB,eAAe,CAAC,GAAG,CAAC,CAAC;QACrB,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACX,wFAAwF;QACxF,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC3B,mBAAmB,CAAC,MAAM,EAAE,CAAC;QAE7B,kFAAkF;QAClF,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,KAAC,cAAc,eACF,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,GACtB,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/tooltip/tooltip.d.ts

@@ -0,0 +1,18 @@
+import { ComponentInstance, StyledComponentProps, Variable } from '@darajs/core';
+interface TooltipProps extends StyledComponentProps {
+    /** Content to render in the tooltip, can be any react renderable content */
+    content: string | Variable<any> | ComponentInstance;
+    /** Parameter to determine where to place the tooltip with respect to the children */
+    placement?: 'top' | 'bottom' | 'auto' | 'left' | 'right';
+    /** Parameter that controls the style of the tooltip */
+    styling: 'default' | 'error';
+}
+/**
+ * A component that wraps child components in the tooltip component. Content is displayed in the tooltip, with
+ * the styling specified and positioned relative to the child at the given placement.
+ *
+ * @param {TooltipProps} props - the component props
+ */
+declare function Tooltip(props: TooltipProps): JSX.Element;
+export default Tooltip;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/common/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../js/common/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EAEjB,oBAAoB,EACpB,QAAQ,EAIX,MAAM,cAAc,CAAC;AAKtB,UAAU,YAAa,SAAQ,oBAAoB;IAC/C,4EAA4E;IAC5E,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAC;IACpD,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACzD,uDAAuD;IACvD,OAAO,EAAE,SAAS,GAAG,OAAO,CAAC;CAChC;AAID;;;;;GAKG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAoBjD;AAED,eAAe,OAAO,CAAC"}

package/dist/common/tooltip/tooltip.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DynamicComponent, injectCss, useComponentStyles, useVariable, } from '@darajs/core';
+import { Tooltip as UITooltip } from '@darajs/ui-components';
+import Stack from '../stack/stack';
+const StyledTooltip = injectCss(UITooltip);
+/**
+ * A component that wraps child components in the tooltip component. Content is displayed in the tooltip, with
+ * the styling specified and positioned relative to the child at the given placement.
+ *
+ * @param {TooltipProps} props - the component props
+ */
+function Tooltip(props) {
+    const [styles, css] = useComponentStyles(props);
+    const [content] = useVariable(props.content);
+    return (_jsx(StyledTooltip, { "$rawCss": css, content: typeof content === 'string' ? content : (_jsx(DynamicComponent, { component: content }, `tooltip-${content.name}`)), placement: props.placement, style: styles, styling: props.styling, children: _jsx(Stack, Object.assign({}, props.children[0].props)) }));
+}
+export default Tooltip;
+//# sourceMappingURL=tooltip.js.map

package/dist/common/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../js/common/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEH,gBAAgB,EAGhB,SAAS,EACT,kBAAkB,EAClB,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAWnC,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;AAE3C;;;;;GAKG;AACH,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACH,KAAC,aAAa,eACD,GAAG,EACZ,OAAO,EACH,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACpC,KAAC,gBAAgB,IAAC,SAAS,EAAE,OAAO,IAAO,WAAY,OAA6B,CAAC,IAAI,EAAE,CAAI,CAClG,EAEL,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,KAAK,CAAC,OAAO,YAGtB,KAAC,KAAK,oBAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAI,GAC1B,CACnB,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/common/types.d.ts

@@ -0,0 +1,26 @@
+import { Action, ComponentInstance, StyledComponentProps, Variable } from '@darajs/core';
+export interface ComponentItem {
+    component: ComponentInstance;
+    subtitle?: string;
+    title: string;
+}
+export declare enum BreakpointsTypes {
+    lg = "lg",
+    md = "md",
+    sm = "sm",
+    xl = "xl",
+    xs = "xs"
+}
+export type Breakpoints = Record<BreakpointsTypes, number>;
+/**
+ * Interactive Form Component props
+ */
+export interface FormComponentProps extends StyledComponentProps {
+    /** id representing key to updte in the form if component value changes. */
+    id?: string;
+    /** Action triggered when the component value has changed. */
+    onchange?: Action;
+    /** The value Variable to display and update */
+    value?: Variable<any>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/common/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../js/common/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEzF,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,gBAAgB;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACZ;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC5D,2EAA2E;IAC3E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CACzB"}

package/dist/common/types.js

@@ -0,0 +1,9 @@
+export var BreakpointsTypes;
+(function (BreakpointsTypes) {
+    BreakpointsTypes["lg"] = "lg";
+    BreakpointsTypes["md"] = "md";
+    BreakpointsTypes["sm"] = "sm";
+    BreakpointsTypes["xl"] = "xl";
+    BreakpointsTypes["xs"] = "xs";
+})(BreakpointsTypes || (BreakpointsTypes = {}));
+//# sourceMappingURL=types.js.map

package/dist/common/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../js/common/types.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAN,IAAY,gBAMX;AAND,WAAY,gBAAgB;IACxB,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;AACb,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,QAM3B"}

package/dist/graphs/causal-graph-viewer.d.ts

@@ -0,0 +1,55 @@
+import { Action, StyledComponentProps, Variable } from '@darajs/core';
+import { CausalGraph, EditorMode, GraphLegendDefinition, ZoomThresholds } from '@darajs/ui-causal-graph-editor';
+import { GraphLayoutDefinition } from './graph-layout';
+export interface CausalGraphViewerProps extends StyledComponentProps {
+    /** Optional additional legends to show */
+    additional_legends?: GraphLegendDefinition[];
+    /** Whether to allow node/edge selection even when editable = false */
+    allow_selection_when_not_editable?: boolean;
+    /** All available inputs; used to check which nodes are latent */
+    available_inputs?: string[];
+    /** The graph data to render */
+    causal_graph: Variable<CausalGraph> | CausalGraph;
+    /** Default legends dict for each editor mode available */
+    default_legends?: Record<EditorMode, GraphLegendDefinition[]>;
+    /** Flag for disabling edge addition */
+    disable_edge_add?: boolean;
+    /** Flag for disabling latent node addition */
+    disable_latent_node_add?: boolean;
+    /** Flag for disabling node removal */
+    disable_node_removal?: boolean;
+    /** Allow editing */
+    editable?: boolean;
+    /** Graph viewer mode */
+    editor_mode?: EditorMode;
+    /** Graph layout definition object */
+    graph_layout: GraphLayoutDefinition;
+    /** Array of node names that cannot be removed */
+    non_removable_nodes?: Array<string>;
+    /** Action def for clicking on an edge in the graph */
+    on_click_edge?: Action;
+    /** Action def for clicking on a node in the graph */
+    on_click_node?: Action;
+    /** Action def for any updates to the graph */
+    on_update?: Action;
+    /** Whether focusing the graph is required before mousewheel zooming is enabled */
+    require_focus_to_zoom?: boolean;
+    /** Optional boolean defining whether a node and an edge can be selected simultaneously */
+    simultaneous_edge_node_selection?: boolean;
+    /** Optional parameter to force a tooltip to use a particular font size */
+    tooltip_size?: number;
+    /** Whether to show verbose descriptions in the editor frame */
+    verbose_descriptions?: boolean;
+    /** Optional user-defined zoom thresholds to use instead of defaults */
+    zoom_thresholds?: ZoomThresholds;
+}
+/**
+ * A simple wrapper around the UICausalGraphViewer that calls into the Causalnet Extension to get the causal graph
+ * and display it
+ *
+ * @param props the component props
+ * @returns
+ */
+declare function CausalGraphViewer(props: CausalGraphViewerProps): JSX.Element;
+export default CausalGraphViewer;
+//# sourceMappingURL=causal-graph-viewer.d.ts.map

package/dist/graphs/causal-graph-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"causal-graph-viewer.d.ts","sourceRoot":"","sources":["../../js/graphs/causal-graph-viewer.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,MAAM,EAEN,oBAAoB,EACpB,QAAQ,EAKX,MAAM,cAAc,CAAC;AAEtB,OAAO,EACH,WAAW,EACX,UAAU,EACV,qBAAqB,EAErB,cAAc,EACjB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAyB,MAAM,gBAAgB,CAAC;AAG9E,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAChE,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,sEAAsE;IACtE,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,+BAA+B;IAC/B,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC;IAClD,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAC9D,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8CAA8C;IAC9C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sCAAsC;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,qCAAqC;IACrC,YAAY,EAAE,qBAAqB,CAAC;IACpC,iDAAiD;IACjD,mBAAmB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0FAA0F;IAC1F,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uEAAuE;IACvE,eAAe,CAAC,EAAE,cAAc,CAAC;CACpC;AAID;;;;;;GAMG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA4DrE;AAED,eAAe,iBAAiB,CAAC"}

package/dist/graphs/causal-graph-viewer.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Notifications, injectCss, useAction, useComponentStyles, useVariable, } from '@darajs/core';
+import { useTheme } from '@darajs/styled-components';
+import { CausalGraphViewer as UICausalGraphViewer, } from '@darajs/ui-causal-graph-editor';
+import { parseLayoutDefinition } from './graph-layout';
+import { transformLegendColor } from './utils';
+const StyledGraphViewer = injectCss(UICausalGraphViewer);
+/**
+ * A simple wrapper around the UICausalGraphViewer that calls into the Causalnet Extension to get the causal graph
+ * and display it
+ *
+ * @param props the component props
+ * @returns
+ */
+function CausalGraphViewer(props) {
+    const { pushNotification } = Notifications.useNotifications();
+    const [style, css] = useComponentStyles(props);
+    const theme = useTheme();
+    const [graphData, setCausalGraphVariable] = useVariable(props.causal_graph);
+    const onClickNode = useAction(props.on_click_node);
+    const onClickEdge = useAction(props.on_click_edge);
+    const onUpdate = useAction(props.on_update);
+    const graphLayout = useMemo(() => parseLayoutDefinition(props.graph_layout), [props.graph_layout]);
+    const formattedDefaultLegends = useMemo(() => {
+        return Object.fromEntries(Object.entries(props.default_legends).map(([editorMode, defaultLegends]) => {
+            return [editorMode, defaultLegends.map((legend) => transformLegendColor(theme, legend))];
+        }));
+    }, [props.default_legends, theme]);
+    const formattedAdditionalLegends = useMemo(() => {
+        var _a;
+        return (_a = props.additional_legends) === null || _a === void 0 ? void 0 : _a.map((legend) => transformLegendColor(theme, legend));
+    }, [props.additional_legends, theme]);
+    const onGraphUpdate = (value) => {
+        setCausalGraphVariable(value);
+        onUpdate(value);
+    };
+    if (!props.causal_graph) {
+        return null;
+    }
+    return (_jsx(StyledGraphViewer, { "$rawCss": css, additionalLegends: formattedAdditionalLegends, allowSelectionWhenNotEditable: props.allow_selection_when_not_editable, availableInputs: props.available_inputs, defaultLegends: formattedDefaultLegends, disableEdgeAdd: props.disable_edge_add, disableLatentNodeAdd: props.disable_latent_node_add, disableNodeRemoval: props.disable_node_removal, editable: props.editable, editorMode: props.editor_mode, graphData: graphData, graphLayout: graphLayout, nonRemovableNodes: props.non_removable_nodes, onClickEdge: onClickEdge, onClickNode: onClickNode, onNotify: pushNotification, onUpdate: onGraphUpdate, requireFocusToZoom: props.require_focus_to_zoom, simultaneousEdgeNodeSelection: props.simultaneous_edge_node_selection, style: style, tooltipSize: props.tooltip_size, verboseDescriptions: props.verbose_descriptions, zoomThresholds: props.zoom_thresholds }));
+}
+export default CausalGraphViewer;
+//# sourceMappingURL=causal-graph-viewer.js.map

package/dist/graphs/causal-graph-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"causal-graph-viewer.js","sourceRoot":"","sources":["../../js/graphs/causal-graph-viewer.tsx"],"names":[],"mappings":"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"}

package/dist/graphs/graph-layout.d.ts

@@ -0,0 +1,65 @@
+import { GraphLayout, GroupingLayoutBuilder, MarketingLayout, PlanarLayout, TieredGraphLayoutBuilder } from '@darajs/ui-causal-graph-editor';
+type GraphLayoutType = 'marketing' | 'planar' | 'spring' | 'circular' | 'fcose' | 'force_atlas' | 'custom';
+interface DefinitionWithTiers extends TieredGraphLayoutBuilder {
+    tier_separation?: number;
+}
+interface BaseGraphLayoutDefinition {
+    layout_type: GraphLayoutType;
+    node_font_size?: number;
+    node_size?: number;
+}
+interface CircularLayoutDefinition extends BaseGraphLayoutDefinition {
+    layout_type: 'circular';
+}
+interface CustomLayoutDefinition extends BaseGraphLayoutDefinition {
+    layout_type: 'custom';
+}
+interface FcoseLayoutDefinition extends BaseGraphLayoutDefinition, DefinitionWithTiers, GroupingLayoutBuilder {
+    edge_elasticity?: number;
+    edge_length?: number;
+    energy?: number;
+    gravity?: number;
+    gravity_range?: number;
+    high_quality?: boolean;
+    iterations?: number;
+    layout_type: 'fcose';
+    node_repulsion?: number;
+    node_separation?: number;
+}
+interface ForceAtlasLayoutDefinition extends BaseGraphLayoutDefinition {
+    barnes_hut_optimize?: boolean;
+    edge_weight_influence?: number;
+    gravity?: number;
+    iterations?: number;
+    layout_type: 'force_atlas';
+    lin_log_mode?: boolean;
+    outbound_attraction_distribution?: boolean;
+    scaling_ratio?: number;
+    strong_gravity_mode?: boolean;
+}
+interface MarketingLayoutDefinition extends BaseGraphLayoutDefinition, DefinitionWithTiers {
+    layout_type: 'marketing';
+    target_location?: MarketingLayout['targetLocation'];
+}
+interface PlanarLayoutDefinition extends BaseGraphLayoutDefinition, TieredGraphLayoutBuilder {
+    layering_algorithm?: PlanarLayout['layeringAlgorithm'];
+    layout_type: 'planar';
+    orientation?: PlanarLayout['orientation'];
+}
+interface SpringLayoutDefinition extends BaseGraphLayoutDefinition, DefinitionWithTiers, GroupingLayoutBuilder {
+    collision_force?: number;
+    gravity?: number;
+    layout_type: 'spring';
+    link_force?: number;
+    warmup_ticks: number;
+    group_repel_strength?: number;
+}
+export type GraphLayoutDefinition = CircularLayoutDefinition | CustomLayoutDefinition | FcoseLayoutDefinition | ForceAtlasLayoutDefinition | MarketingLayoutDefinition | PlanarLayoutDefinition | SpringLayoutDefinition;
+/**
+ * Parse a backend graph layout definition into a graph layout understood by the UI component
+ *
+ * @param definition backend layout definition
+ */
+export declare function parseLayoutDefinition(definition: GraphLayoutDefinition): GraphLayout;
+export {};
+//# sourceMappingURL=graph-layout.d.ts.map

package/dist/graphs/graph-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-layout.d.ts","sourceRoot":"","sources":["../../js/graphs/graph-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,WAAW,EAEX,qBAAqB,EACrB,eAAe,EACf,YAAY,EAEZ,wBAAwB,EAC3B,MAAM,gCAAgC,CAAC;AAGxC,KAAK,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,CAAC;AAE3G,UAAU,mBAAoB,SAAQ,wBAAwB;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAKD,UAAU,yBAAyB;IAC/B,WAAW,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,wBAAyB,SAAQ,yBAAyB;IAChE,WAAW,EAAE,UAAU,CAAC;CAC3B;AAED,UAAU,sBAAuB,SAAQ,yBAAyB;IAC9D,WAAW,EAAE,QAAQ,CAAC;CACzB;AAED,UAAU,qBAAsB,SAAQ,yBAAyB,EAAE,mBAAmB,EAAE,qBAAqB;IACzG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,0BAA2B,SAAQ,yBAAyB;IAClE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,UAAU,yBAA0B,SAAQ,yBAAyB,EAAE,mBAAmB;IACtF,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;CACvD;AAED,UAAU,sBAAuB,SAAQ,yBAAyB,EAAE,wBAAwB;IACxF,kBAAkB,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;IACvD,WAAW,EAAE,QAAQ,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,sBAAuB,SAAQ,yBAAyB,EAAE,mBAAmB,EAAE,qBAAqB;IAC1G,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,MAAM,qBAAqB,GAC3B,wBAAwB,GACxB,sBAAsB,GACtB,qBAAqB,GACrB,0BAA0B,GAC1B,yBAAyB,GACzB,sBAAsB,GACtB,sBAAsB,CAAC;AAU7B;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,qBAAqB,GAAG,WAAW,CA0LpF"}

package/dist/graphs/graph-layout.js

@@ -0,0 +1,152 @@
+import { CircularLayout, CustomLayout, FcoseLayout, ForceAtlasLayout, MarketingLayout, PlanarLayout, SpringLayout, } from '@darajs/ui-causal-graph-editor';
+function isDefinitionWithTiers(obj) {
+    return obj && typeof obj === 'object' && 'tiers' in obj;
+}
+function isDefinitionWithGroup(obj) {
+    return obj && typeof obj === 'object' && 'group' in obj;
+}
+/**
+ * Parse a backend graph layout definition into a graph layout understood by the UI component
+ *
+ * @param definition backend layout definition
+ */
+export function parseLayoutDefinition(definition) {
+    let builder;
+    switch (definition.layout_type) {
+        case 'circular': {
+            builder = CircularLayout.Builder;
+            break;
+        }
+        case 'custom': {
+            builder = CustomLayout.Builder;
+            break;
+        }
+        case 'fcose': {
+            builder = FcoseLayout.Builder;
+            if (definition.edge_elasticity) {
+                builder.edgeElasticity(definition.edge_elasticity);
+            }
+            if (definition.edge_length) {
+                builder.edgeLength(definition.edge_length);
+            }
+            if (definition.gravity) {
+                builder.gravity(definition.gravity);
+            }
+            if (definition.gravity_range) {
+                builder.gravityRange(definition.gravity_range);
+            }
+            if (definition.energy) {
+                builder.energy(definition.energy);
+            }
+            if (definition.high_quality) {
+                builder.highQuality(definition.high_quality);
+            }
+            if (definition.iterations) {
+                builder.iterations(definition.iterations);
+            }
+            if (definition.node_repulsion) {
+                builder.nodeRepulsion(definition.node_repulsion);
+            }
+            if (definition.node_separation) {
+                builder.nodeSeparation(definition.node_separation);
+            }
+            break;
+        }
+        case 'force_atlas': {
+            builder = ForceAtlasLayout.Builder;
+            if (definition.barnes_hut_optimize) {
+                builder.barnesHutOptimize(definition.barnes_hut_optimize);
+            }
+            if (definition.edge_weight_influence) {
+                builder.edgeWeightInfluence(definition.edge_weight_influence);
+            }
+            if (definition.gravity) {
+                builder.gravity(definition.gravity);
+            }
+            if (definition.iterations) {
+                builder.iterations(definition.iterations);
+            }
+            if (definition.lin_log_mode) {
+                builder.linLogMode(definition.lin_log_mode);
+            }
+            if (definition.outbound_attraction_distribution) {
+                builder.outboundAttractionDistribution(definition.outbound_attraction_distribution);
+            }
+            if (definition.scaling_ratio) {
+                builder.scalingRatio(definition.scaling_ratio);
+            }
+            if (definition.strong_gravity_mode) {
+                builder.strongGravityMode(definition.strong_gravity_mode);
+            }
+            break;
+        }
+        case 'marketing': {
+            builder = MarketingLayout.Builder;
+            if (definition.target_location) {
+                builder.targetLocation(definition.target_location);
+            }
+            break;
+        }
+        case 'planar': {
+            builder = PlanarLayout.Builder;
+            if (definition.orientation) {
+                builder.orientation(definition.orientation);
+            }
+            if (definition.tiers) {
+                builder.tiers(definition.tiers);
+            }
+            if (definition.layering_algorithm) {
+                builder.layeringAlgorithm(definition.layering_algorithm);
+            }
+            break;
+        }
+        case 'spring': {
+            builder = SpringLayout.Builder;
+            if (definition.collision_force) {
+                builder.collisionForce(definition.collision_force);
+            }
+            if (definition.gravity) {
+                builder.gravity(definition.gravity);
+            }
+            if (definition.link_force) {
+                builder.linkForce(definition.link_force);
+            }
+            if (definition.warmup_ticks) {
+                builder.warmupTicks(definition.warmup_ticks);
+            }
+            if (definition.group_repel_strength) {
+                builder.groupRepelStrength(definition.group_repel_strength);
+            }
+            break;
+        }
+        default: {
+            throw new Error(`Unrecognized layout type: ${String(definition.layout_type)}`);
+        }
+    }
+    if (isDefinitionWithTiers(definition)) {
+        const builderWithTiers = builder;
+        if (definition.tiers) {
+            builderWithTiers.tiers = definition.tiers;
+        }
+        if (definition.orientation) {
+            builderWithTiers.orientation = definition.orientation;
+        }
+        if (definition.tier_separation) {
+            builderWithTiers.tierSeparation(definition.tier_separation);
+        }
+    }
+    if (isDefinitionWithGroup(definition)) {
+        const builderWithGroup = builder;
+        if (definition.group) {
+            builderWithGroup.group = definition.group;
+        }
+    }
+    if (definition.node_size) {
+        builder.nodeSize(definition.node_size);
+    }
+    if (definition.node_font_size) {
+        builder.nodeFontSize(definition.node_font_size);
+    }
+    return builder.build();
+}
+//# sourceMappingURL=graph-layout.js.map

package/dist/graphs/graph-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-layout.js","sourceRoot":"","sources":["../../js/graphs/graph-layout.tsx"],"names":[],"mappings":"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"}

package/dist/graphs/index.d.ts

@@ -0,0 +1,8 @@
+import type { GraphLayoutDefinition } from './graph-layout';
+export { default as CausalGraphViewer } from './causal-graph-viewer';
+export { default as NodeHierarchyBuilder } from './node-hierarchy-builder';
+export { default as VisualEdgeEncoder } from './visual-edge-encoder';
+export { parseLayoutDefinition } from './graph-layout';
+export { transformLegendColor } from './utils';
+export type { GraphLayoutDefinition };
+//# sourceMappingURL=index.d.ts.map

package/dist/graphs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/graphs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/graphs/index.js

@@ -0,0 +1,6 @@
+export { default as CausalGraphViewer } from './causal-graph-viewer';
+export { default as NodeHierarchyBuilder } from './node-hierarchy-builder';
+export { default as VisualEdgeEncoder } from './visual-edge-encoder';
+export { parseLayoutDefinition } from './graph-layout';
+export { transformLegendColor } from './utils';
+//# sourceMappingURL=index.js.map

package/dist/graphs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/graphs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/dist/graphs/node-hierarchy-builder.d.ts

@@ -0,0 +1,24 @@
+import { Action, StyledComponentProps, Variable } from '@darajs/core';
+import { Node } from '@darajs/ui-causal-graph-editor';
+type NodeType = Node | string;
+interface NodeHierarchyBuilderProps extends StyledComponentProps {
+    /** Whether the component is in editable mode */
+    editable: boolean;
+    /** Optional font size of node text in pixels */
+    node_font_size?: number;
+    /** Optional diameter of nodes displayed in pixels */
+    node_size?: number;
+    /** List of nodes to display */
+    nodes: Variable<Array<NodeType[]>> | Array<NodeType[]>;
+    /** Optional action to call on all hierarchy changes */
+    on_update?: Action;
+    /** Optional flag whether to wrap the text inside nodes instead of using an ellipsis */
+    wrap_node_text?: boolean;
+}
+/**
+ * The NodeHierarchyBuilder component visually represents node hierarchy in layers, allowing the user
+ * to re-arrange the nodes inside layers, move them between layers and add/delete new layers.
+ */
+declare function NodeHierarchyBuilder(props: NodeHierarchyBuilderProps): JSX.Element;
+export default NodeHierarchyBuilder;
+//# sourceMappingURL=node-hierarchy-builder.d.ts.map

package/dist/graphs/node-hierarchy-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-hierarchy-builder.d.ts","sourceRoot":"","sources":["../../js/graphs/node-hierarchy-builder.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,MAAM,EACN,oBAAoB,EACpB,QAAQ,EAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,IAAI,EAAkD,MAAM,gCAAgC,CAAC;AAEtG,KAAK,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;AAE9B,UAAU,yBAA0B,SAAQ,oBAAoB;IAC5D,gDAAgD;IAChD,QAAQ,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvD,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAiD3E;AAED,eAAe,oBAAoB,CAAC"}

package/dist/graphs/node-hierarchy-builder.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { injectCss, useAction, useComponentStyles, useVariable, } from '@darajs/core';
+import { NodeHierarchyBuilder as UINodeHierarchyBuilder } from '@darajs/ui-causal-graph-editor';
+const StyledHierarchyBuilder = injectCss(UINodeHierarchyBuilder);
+/**
+ * The NodeHierarchyBuilder component visually represents node hierarchy in layers, allowing the user
+ * to re-arrange the nodes inside layers, move them between layers and add/delete new layers.
+ */
+function NodeHierarchyBuilder(props) {
+    const [style, css] = useComponentStyles(props);
+    const mounted = useRef(false);
+    const [nodes, setNodes] = useVariable(props.nodes);
+    const updateHandler = useAction(props.on_update);
+    if (mounted.current === false) {
+        /**
+         * On mount check the variable holds a list of lists.
+         * We don't want to coerce the type as that could change the type of the input variable which could be unexpected.
+         *
+         * The Python side does type checking if a raw value is used but it's not possible
+         * to check the value inside the variable - the type checking needs to happen here
+         *
+         * This is using a ref rather than useEffect as we need it to run before passing it to the UI component
+         * as this would cause a 'cryptic' error
+         */
+        if (!(Array.isArray(nodes) &&
+            nodes.every((layer) => Array.isArray(layer) &&
+                layer.every((node) => typeof node === 'string' || typeof node === 'object')))) {
+            throw new Error('NodeHierarchyBuilder expects "nodes" to be a list of lists of strings or Node objects');
+        }
+        mounted.current = true;
+    }
+    function onUpdate(newNodes) {
+        setNodes(newNodes);
+        updateHandler(newNodes);
+    }
+    return (_jsx(StyledHierarchyBuilder, { "$rawCss": css, nodeFontSize: props.node_font_size, nodeSize: props.node_size, nodes: nodes, onUpdate: onUpdate, style: style, viewOnly: !props.editable, wrapNodeText: props.wrap_node_text }));
+}
+export default NodeHierarchyBuilder;
+//# sourceMappingURL=node-hierarchy-builder.js.map

package/dist/graphs/node-hierarchy-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-hierarchy-builder.js","sourceRoot":"","sources":["../../js/graphs/node-hierarchy-builder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIH,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAQ,oBAAoB,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAmBtG,MAAM,sBAAsB,GAAG,SAAS,CAAC,sBAAsB,CAAC,CAAC;AAEjE;;;GAGG;AACH,SAAS,oBAAoB,CAAC,KAAgC;IAC1D,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEjD,IAAI,OAAO,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;QAC5B;;;;;;;;;WASG;QACH,IACI,CAAC,CACG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACpB,KAAK,CAAC,KAAK,CACP,CAAC,KAAK,EAAE,EAAE,CACN,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBACpB,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,CAClF,CACJ,EACH,CAAC;YACC,MAAM,IAAI,KAAK,CAAC,uFAAuF,CAAC,CAAC;QAC7G,CAAC;QACD,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,SAAS,QAAQ,CAAC,QAAoB;QAClC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,OAAO,CACH,KAAC,sBAAsB,eACV,GAAG,EACZ,YAAY,EAAE,KAAK,CAAC,cAAc,EAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,EACzB,YAAY,EAAE,KAAK,CAAC,cAAc,GACpC,CACL,CAAC;AACN,CAAC;AAED,eAAe,oBAAoB,CAAC"}

package/dist/graphs/utils.d.ts

@@ -0,0 +1,10 @@
+import { DefaultTheme } from '@darajs/styled-components';
+import { GraphLegendDefinition } from '@darajs/ui-causal-graph-editor';
+/**
+ * Tranform the color properties of a legend object to use the theme colors if necessary
+ *
+ * @param theme the currently active theme
+ * @param legend a legend object
+ */
+export declare function transformLegendColor(theme: DefaultTheme, legend: GraphLegendDefinition): GraphLegendDefinition;
+//# sourceMappingURL=utils.d.ts.map

package/dist/graphs/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../js/graphs/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAevE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,qBAAqB,GAAG,qBAAqB,CAkB9G"}