@graphysdk/react-renderer 1.9.0-beta.1791459323341 → 1.9.0-beta.1791462722746

package/dist/editable.d.ts

@@ -5,7 +5,6 @@ import { CoordSystem } from '@graphysdk/viz-engine';
 import { DispatchOptions } from '@graphysdk/viz-engine';
 import { Edge } from '@graphysdk/viz-engine';
 import { EdgeSizes } from '@graphysdk/viz-engine';
-import { EditorPanel } from './editable/panel/editor-panel';
 import { EditTarget } from '@graphysdk/viz-engine';
 import { FormattedAxis } from '@graphysdk/viz-engine';
 import { FormattedHeadline } from '@graphysdk/viz-engine';
@@ -16,9 +15,6 @@ import { IntroStaggerOrder } from '@graphysdk/viz-engine';
 import { JSX } from 'react/jsx-runtime';
 import { LegendPosition } from '@graphysdk/viz-engine';
 import { LineType } from '@graphysdk/viz-engine';
-import { PANEL_ROOT_ATTRIBUTE } from './editable/panel/editor-panel';
-import { PanelRootProps } from './editable/panel/editor-panel';
-import { PanelRootProps as PanelRootProps_2 } from '../panel/editor-panel';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { Rect } from '@graphysdk/viz-engine';
@@ -626,7 +622,17 @@ declare type DotNotation<T> = T extends object ? {
  */
 export declare const EditableGraphRenderer: ({ slots, mode, ...rest }: GraphRendererProps) => JSX.Element;
 
-export { EditorPanel }
+/**
+ * The chart editing panel. A host composes it from the parts hung off this namespace rather than
+ * receiving a finished panel, so it can drop, reorder or interleave its own.
+ */
+export declare const EditorPanel: {
+    Root: ({ handle, children, controls, defaultExpandedSection, className }: PanelRootProps) => JSX.Element;
+    Controls: {
+        List: ({ children }: ListProps) => JSX.Element;
+        Grid: ({ children }: GridProps) => JSX.Element;
+    };
+};
 
 /** Props the renderer passes to the editor layer filling the `EditorSurface` slot. */
 declare interface EditorSurfaceSlotProps {
@@ -952,6 +958,11 @@ declare interface GraphSlots {
  */
 export declare const GraphTypeSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
 
+declare interface GridProps {
+    /** Controls, laid out two per row. */
+    children: ReactNode;
+}
+
 /**
  * Visibility switches per direction, since a chart often wants horizontal rules and no vertical ones.
  * Style and thickness stay shared: two directions styled apart read as two grids rather than one.
@@ -1080,6 +1091,10 @@ declare interface LegendSlotProps {
  */
 export declare const LineSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
 
+declare interface ListProps {
+    children: ReactNode;
+}
+
 declare type LocaleShape = {
     dir?: TextDirection;
 } & Dictionary<typeof EN_GB>;
@@ -1143,14 +1158,18 @@ export declare type OverridableSectionProps = Partial<Pick<SectionProps, 'title'
 
 declare type OverridePhrase<Phrases, Key extends string> = DeepValue<Phrases, Key> extends PhraseFn<infer P> ? PhraseFn<P> | string : string;
 
-export { PANEL_ROOT_ATTRIBUTE }
+/**
+ * Marks the panel root in the DOM. Hosts use it to scope their own styles; the react-renderer build
+ * uses it to prove panel markup never reaches the read-only entry.
+ */
+export declare const PANEL_ROOT_ATTRIBUTE = "data-graphy-editor-panel";
 
 declare interface PanelExpansion {
     expandSection: (title: string) => void;
     collapseAllSections: () => void;
 }
 
-declare interface PanelProps extends Omit<PanelRootProps_2, 'children'> {
+declare interface PanelProps extends Omit<PanelRootProps, 'children'> {
     /**
      * Replaces the sections entirely. A panel is a convenience over composing them by hand, so the
      * escape hatch is the composition it saves you writing rather than a set of flags on top of it.
@@ -1158,7 +1177,28 @@ declare interface PanelProps extends Omit<PanelRootProps_2, 'children'> {
     children?: ReactNode;
 }
 
-export { PanelRootProps }
+/** What every ready-made panel forwards, so a panel is a section list over the same root. */
+export declare interface PanelRootProps {
+    /**
+     * The graph this panel edits. Omit it to edit the `<GraphProvider>` the panel sits inside;
+     * retarget the panel by passing a different handle.
+     */
+    handle?: GraphHandle;
+    /**
+     * The sections to show, in order. Passing them rather than having the panel choose is what lets a
+     * host drop a section, reorder them, or slot one of its own between two of ours.
+     */
+    children: ReactNode;
+    /**
+     * Replacements for individual leaf controls, for this editor panel alone. Omitted members keep the ones
+     * above it, a `ControlRegistryProvider`'s or ours, so a host adopts its own design system one control at a
+     * time rather than all at once.
+     */
+    controls?: ControlRegistry;
+    /** Title of the section open on first render. Omit to start with all of them closed. */
+    defaultExpandedSection?: string;
+    className?: string;
+}
 
 declare type PhraseFn<P extends Record<string, unknown> = Record<string, unknown>> = (params: P) => string;
 

package/dist/editable.mjs

@@ -1,4 +1,4 @@
-import { $ as $r, $t as Wr, At as ee, Bt as Ur, C as yi, Ct as Si, D as Ci, E as xi, Et as ue, F as wi, G as $, H as Ti, I as A, J as Ai, Jt as ki, K as Li, Mt as Pi, N as Ii, O as Kr, P as Ei, Q as dn, S as Oi, T as Le, Tt as Mi, U as Ni, Ut as Ri, W as Z, X as U, Xt as qr, Y as Di, Yt as _i, Z as un, Zt as Fi, _ as Me, _t as zi, b as Xr, bn as Bi, c as jr, ct as Hi, d as Gi, dt as ie, en as Zr, et as hn, f as Vi, fn as Yr, g as Jr, gn as R, gt as $i, h as pn, i as Wi, it as Qr, jt as Ui, k as yt, kt as Xe, l as Ki, ln as qi, lt as _n, m as Xi, mn as q, n as le, nn as mn, nt as ji, o as Zi, on as Yi, ot as Ji, p as ea, pt as St, q as Fn, qt as Qi, r as K, rn as He, rt as ta, sn as el, st as tl, t as nl, tn as ce, tt as Ct, u as rl, ut as al, v as ol, vn as z, vt as P, wt as il, x as ll, xt as Ne, y as sl, yt as cl, z as dl, zt as ul } from "./history-chords-CDlWUzvz.js";
+import { $ as $r, $t as Wr, At as ee, Bt as Ur, C as yi, Ct as Si, D as Ci, E as xi, Et as ue, F as wi, G as $, H as Ti, I as A, J as Ai, Jt as ki, K as Li, Mt as Pi, N as Ii, O as Kr, P as Ei, Q as dn, S as Oi, T as Le, Tt as Mi, U as Ni, Ut as Ri, W as Z, X as U, Xt as qr, Y as Di, Yt as _i, Z as un, Zt as Fi, _ as Me, _t as zi, b as Xr, bn as Bi, c as jr, ct as Hi, d as Gi, dt as ie, en as Zr, et as hn, f as Vi, fn as Yr, g as Jr, gn as R, gt as $i, h as pn, i as Wi, it as Qr, jt as Ui, k as yt, kt as Xe, l as Ki, ln as qi, lt as _n, m as Xi, mn as q, n as le, nn as mn, nt as ji, o as Zi, on as Yi, ot as Ji, p as ea, pt as St, q as Fn, qt as Qi, r as K, rn as He, rt as ta, sn as el, st as tl, t as nl, tn as ce, tt as Ct, u as rl, ut as al, v as ol, vn as z, vt as P, wt as il, x as ll, xt as Ne, y as sl, yt as cl, z as dl, zt as ul } from "./history-chords-BC3MDlXg.js";
 import { ARROW_DEFAULTS as hl, ARROW_STICKER_DECLARATIONS as pl, ARROW_STROKE_WIDTHS_PX as Ft, AddAnnotationCommand as we, AddHighlightCommand as ml, BORDER_RADIUS_TOKENS as zn, COMBO_TYPES as Bn, CONSTANT_VARIABLES as gl, DASH_PRESETS as vl, DEFAULT_BAR_CORNER_RADIUS as fl, DEFAULT_GEOM_COLOR as bl, DEFAULT_POINT_SIZE_PX as yl, DEFAULT_STROKE_WIDTH_PX as Sl, DIFFERENCE_ARROW_DEFAULTS as na, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Hn, InternalError as Cl, MAX_BAR_WIDTH_FRACTION as xl, MIN_BAR_WIDTH_FRACTION as wl, MoveAnnotationCommand as Tl, RESTING_HOVER_STATE as gn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as Al, SHAPE_DEFAULTS as kl, SequenceCommand as Ll, SetAxisLabelCommand as Pl, SetAxisPositionCommand as Il, SetAxisTickModeCommand as El, SetAxisTicksVisibilityCommand as Ol, SetAxisVisibilityCommand as Ml, SetBarCornerRadiusCommand as Nl, SetBarWidthCommand as Rl, SetChartTypeCommand as ra, SetContentCaptionCommand as aa, SetContentSourceCommand as Dl, SetContentSubtitleCommand as oa, SetContentTitleCommand as ia, SetDataLabelsFormatCommand as la, SetDifferenceArrowStyleCommand as _l, SetGridLineStyleCommand as Fl, SetGridLineWidthCommand as zl, SetGridVisibilityCommand as Bl, SetHeadlineCompareWithCommand as Hl, SetHeadlinePositionCommand as Gl, SetHeadlineShowCommand as Gn, SetHeadlineSizeCommand as Vl, SetHighlightDimStyleCommand as $l, SetLayerYScaleTypeCommand as Wl, SetLegendAlignCommand as Ul, SetLegendDisplayCommand as Kl, SetLegendPlacementCommand as ql, SetLegendPositionCommand as Xl, SetLineCurveCommand as jl, SetLineMissingValuesCommand as Zl, SetLineWidthCommand as Vn, SetMappingCommand as Yl, SetNumberFormatAbbreviationCommand as Jl, SetNumberFormatDecimalsCommand as $n, SetObservationsColorCommand as Ql, SetPointSizeCommand as es, SetPolarInnerRadiusCommand as ts, SetPolarStartAngleCommand as ns, SetRuleLabelCommand as rs, SetRuleValueCommand as as, SetScaleDomainCommand as zt, SetScaleReverseCommand as os, SetScaleTransformCommand as is, SetStatLineCommand as ls, SetStyleRuleCommand as Ee, TEXT_ANNOTATION_DEFAULTS as ss, TEXT_ANNOTATION_FADE_ALPHA as cs, ToggleCategoryLabelsCommand as sa, ToggleContentVisibilityCommand as xt, ToggleDataLabelsCommand as ca, ToggleGoalLineCommand as ds, ToggleLineFillCommand as us, ToggleLinePointsCommand as hs, ToggleStackTotalsCommand as da, UpdateAnnotationCommand as he, alignUnitFractions as ps, areAnchorsEqual as ua, areEditTargetsEqual as ha, areEndpointsComparable as ms, buildEditMenuTriggerRegion as gs, buildLayerStyleAddress as vs, buildObservationPredicate as fs, buildObservationsTarget as wt, buildObservationsTargetAtValue as pa, canAnchorDirectLabels as bs, canBecomeCombo as ys, canBecomeHeatmap as Ss, clampAnnotationTranslation as Cs, combineKindStyleDeclarations as Wn, computeArrow as ma, createObservationAnchorBuilder as xs, createObservationAnchorParser as ws, createStyleResolver as Ts, createValueFormatter as ga, createXValueReader as As, filterLayersByGeoms as Ut, findAnnotation as ks, findAverageLineLayer as Ls, findAxisGuide as Ps, findCompanionLayers as va, findGoalLineLayer as Is, findHighlightsAtObservation as Es, findHostLayer as Os, findLayerByGeom as fa, findLayerById as ve, findObservationAttachment as Ms, findStyleRule as Ae, findTrendLineLayer as Ns, formatDifferenceLabel as Rs, getBoundingRect as Kt, getGroupVariables as Ds, getXBand as _s, getYBand as Fs, hasMainAxisBand as zs, hasMultipleGroups as Bs, inferDefaultDifferenceArrowEndpoints as Hs, inferDifferenceArrowEndpoints as Gs, isComboChartType as Ie, isCompanionLayer as ba, isObservationAttachmentKind as Vs, isPointWithinEditMenuTrigger as vn, isSafeUrl as $s, isZeroAnchoredAxis as Ws, measureObservationsBoxes as ya, projectAnchorToPanel as dt, readBroadestObservationsScope as Us, readChartType as Sa, readComboLineLayerId as Ks, readCompanionRowsAtScopeKey as qs, readConstantValue as Xs, readEditTargetKey as Tt, readGeomColor as js, readHighlightDimStyle as Zs, readMainAxis as Ys, readMappableAesthetics as Js, readMappedVariable as Qs, readObservationIndex as Ca, readObservationsColorRoute as ec, readPaletteChoices as tc, readPresentedObservationsColor as nc, readReachableLevels as rc, readRowScopeKey as ac, readRowsAtScopeKey as oc, readScopeXVariable as ic, readStyleCoord as Re, readStyleRulesBeneath as lc, readVariableName as At, resolveArrowAnnotationStyle as fn, resolveBarBandFraction as sc, resolveComparisonBasis as cc, resolveDifferenceArrowAnnotationStyle as dc, resolveEditOutlineStyle as uc, resolveObservationPoint as xa, resolveObservationsTarget as Un, stepDifferenceArrowEndpoint as hc, toDashPreset as qt, toPaintColor as ut, toPanelCursor as kt } from "@graphysdk/viz-engine";
 import { Fragment as pc, createContext as De, memo as wa, useCallback as ae, useContext as ye, useEffect as _, useId as ke, useLayoutEffect as Oe, useMemo as L, useRef as ne, useState as Q } from "react";
 import { Fragment as Y, jsx as r, jsxs as m } from "react/jsx-runtime";
@@ -7,6 +7,7 @@ import { useShallow as fe } from "zustand/react/shallow";
 import { assignInlineVars as Pe } from "@vanilla-extract/dynamic";
 import { createPortal as Ta } from "react-dom";
 import be from "clsx";
+import { clamp as Ve } from "lodash-es";
 import { autoUpdate as gc, flip as vc, offset as fc, shift as bc, useFloating as yc } from "@floating-ui/react-dom";
 import { Extension as Aa } from "@tiptap/core";
 import { Bold as Sc } from "@tiptap/extension-bold";
@@ -35,7 +36,6 @@ import { Switch as qn } from "@base-ui/react/switch";
 import { Input as Dc } from "@base-ui/react/input";
 import { Menu as G } from "@base-ui/react/menu";
 import { Toggle as _c } from "@base-ui/react/toggle";
-import Ve from "lodash-es/clamp";
 import { Menu as Te } from "@base-ui/react";
 import { Accordion as Ue } from "@base-ui/react/accordion";
 import { Separator as Fc } from "@base-ui/react/separator";

package/dist/{history-chords-CDlWUzvz.js → history-chords-BC3MDlXg.js}

@@ -9,7 +9,7 @@ import { assignInlineVars as _t } from "@vanilla-extract/dynamic";
 import { createStore as _r } from "zustand/vanilla";
 import { createPortal as Zo } from "react-dom";
 import bt, { clsx as Fe } from "clsx";
-import Ll from "lodash-es/merge";
+import { merge as Ll } from "lodash-es";
 import { IntlProvider as Tl } from "react-intl";
 import { flip as Er, offset as Pr, shift as Rr, useFloating as $o } from "@floating-ui/react-dom";
 import { getContrast as Ml } from "color2k";
@@ -22,7 +22,7 @@ import './history-chords.css';var Gn = Object.defineProperty, Ol = (e, t) => {
     });
   return t || Gn(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1791459323341");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1791462722746");
 function Nl(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }