semiotic 2.0.3 → 3.0.0-beta.1

package/dist/svg/graphAlgorithms.d.ts

@@ -0,0 +1,14 @@
+export declare function topologicalSort(nodesArray: any, edgesArray: any): false | any[];
+export declare const softStack: (edges: any, nodes: any, sourceAccessor: any, targetAccessor: any, nodeIDAccessor: any) => {
+    hierarchy: {
+        id: string;
+        children: any[];
+        childMap: Map<any, any>;
+    };
+    isHierarchical: boolean;
+    hasLogicalRoot: boolean;
+} | {
+    hierarchy: {};
+    isHierarchical: boolean;
+    hasLogicalRoot: boolean;
+};

package/dist/svg/hexbinLayout.d.ts

@@ -0,0 +1,7 @@
+import { SummaryLayoutType } from "../types/xyTypes";
+export declare function hexbinning({ preprocess, processedData, summaryType: baseSummaryType, data: baseData, finalXExtent: baseXExtent, finalYExtent: baseYExtent, size, xScaleType, yScaleType, margin, styleFn, classFn, renderFn, chartSize }: SummaryLayoutType): any[] | {
+    type: string;
+    processedData: boolean;
+    coordinates: any[];
+    binMax: any;
+};

package/dist/svg/lineDrawing.d.ts

@@ -1,12 +1,12 @@
 import { ProjectedLine, ProjectedPoint, RawLine, RawSummary } from "../types/generalTypes";
 import { AnnotationType } from "../types/annotationTypes";
-declare type SummaryProjectionTypes = {
+type SummaryProjectionTypes = {
     data: Array<RawSummary>;
     summaryDataAccessor: Array<Function>;
     xAccessor: Array<Function>;
     yAccessor: Array<Function>;
 };
-declare type LineProjectionTypes = {
+type LineProjectionTypes = {
     data: Array<RawLine>;
     lineDataAccessor: Array<Function>;
     xProp: string;
@@ -18,13 +18,13 @@ declare type LineProjectionTypes = {
     xAccessor: Array<Function>;
     yAccessor: Array<Function>;
 };
-declare type DifferenceLineProps = {
+type DifferenceLineProps = {
     data: Array<ProjectedLine>;
     yProp: string;
     yPropTop: string;
     yPropBottom: string;
 };
-declare type StackedAreaTypes = {
+type StackedAreaTypes = {
     type: string;
     data: Array<ProjectedLine>;
     xProp: string;
@@ -34,7 +34,7 @@ declare type StackedAreaTypes = {
     yPropTop: string;
     yPropBottom: string;
 };
-declare type CumulativeLineTypes = {
+type CumulativeLineTypes = {
     type: string;
     data: Array<ProjectedLine>;
     yPropMiddle: string;
@@ -42,7 +42,7 @@ declare type CumulativeLineTypes = {
     yPropBottom: string;
     y1?: Function;
 };
-declare type LineChartTypes = {
+type LineChartTypes = {
     data: Array<ProjectedLine>;
     y1?: Function;
     x1?: Function;
@@ -53,7 +53,7 @@ declare type LineChartTypes = {
     xPropMiddle: string;
     xPropBottom: string;
 };
-declare type RelativeYTypes = {
+type RelativeYTypes = {
     point?: ProjectedPoint | AnnotationType;
     projectedYMiddle: string;
     projectedY: string;
@@ -61,7 +61,7 @@ declare type RelativeYTypes = {
     yScale: Function;
     showLinePoints?: boolean | string;
 };
-declare type RelativeXTypes = {
+type RelativeXTypes = {
     point?: ProjectedPoint | AnnotationType;
     projectedXMiddle: string;
     projectedX: string;

package/dist/svg/networkDrawing.d.ts

@@ -1,108 +1,8 @@
-import * as React from "react";
-export declare const radialCurveGenerator: (size: any) => ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const circleNodeGenerator: ({ d, i, styleFn, renderMode, key, className, transform, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    transform: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const matrixEdgeGenerator: (size: any, nodes: any) => ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const arcEdgeGenerator: (size: any) => ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const sankeyArrowGenerator: (props: any) => React.JSX.Element;
-export declare const chordEdgeGenerator: (size: any) => ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const dagreEdgeGenerator: (direction: any) => ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const sankeyNodeGenerator: ({ d, i, styleFn, renderMode, key, className, transform, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    transform: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const chordNodeGenerator: (size: any) => ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const matrixNodeGenerator: (size: any, nodes: any) => ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const radialRectNodeGenerator: (size: any, center: any, type: any) => ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const radialLabelGenerator: (node: any, nodei: any, nodeIDAccessor: any, size: any) => React.JSX.Element;
-export declare const hierarchicalRectNodeGenerator: ({ d, i, styleFn, renderMode, key, className, baseMarkProps }: {
-    d: any;
-    i: any;
-    styleFn: any;
-    renderMode: any;
-    key: any;
-    className: any;
-    baseMarkProps: any;
-}) => React.JSX.Element;
-export declare const drawNodes: ({ data, renderKeyFn, customMark, styleFn, classFn, renderMode, canvasDrawing, canvasRenderFn, baseMarkProps, networkSettings }: {
+export { circleNodeGenerator, sankeyNodeGenerator, chordNodeGenerator, matrixNodeGenerator, radialRectNodeGenerator, radialLabelGenerator, hierarchicalRectNodeGenerator } from "./nodeGenerators";
+export { matrixEdgeGenerator, arcEdgeGenerator, sankeyArrowGenerator, chordEdgeGenerator, dagreEdgeGenerator } from "./edgeGenerators";
+export { ribbonLink, areaLink, circularAreaLink } from "./sankeyLinks";
+export { topologicalSort, softStack } from "./graphAlgorithms";
+export declare const drawNodes: ({ data, renderKeyFn, customMark, styleFn, classFn, renderMode, canvasDrawing, canvasRenderFn, networkSettings }: {
     data: any;
     renderKeyFn: any;
     customMark: any;
@@ -111,24 +11,6 @@ export declare const drawNodes: ({ data, renderKeyFn, customMark, styleFn, class
     renderMode: any;
     canvasDrawing: any;
     canvasRenderFn: any;
-    baseMarkProps: any;
     networkSettings: any;
 }) => any[];
 export declare const drawEdges: (settings: any) => any[];
-export declare function topologicalSort(nodesArray: any, edgesArray: any): false | any[];
-export declare const ribbonLink: (d: any) => any;
-export declare const areaLink: (d: any) => string;
-export declare function circularAreaLink(link: any): any;
-export declare const softStack: (edges: any, nodes: any, sourceAccessor: any, targetAccessor: any, nodeIDAccessor: any) => {
-    hierarchy: {
-        id: string;
-        children: any[];
-        childMap: Map<any, any>;
-    };
-    isHierarchical: boolean;
-    hasLogicalRoot: boolean;
-} | {
-    hierarchy: {};
-    isHierarchical: boolean;
-    hasLogicalRoot: boolean;
-};

package/dist/svg/nodeGenerators.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+export declare const circleNodeGenerator: ({ d, i, styleFn, renderMode, key, className, transform }: {
+    d: any;
+    i: any;
+    styleFn: any;
+    renderMode: any;
+    key: any;
+    className: any;
+    transform: any;
+}) => React.JSX.Element;
+export declare const gridProps: (gridSize: any) => {
+    x: number;
+    y: number;
+    width: any;
+    height: any;
+};
+export declare const sankeyNodeGenerator: ({ d, i, styleFn, renderMode, key, className, transform }: {
+    d: any;
+    i: any;
+    styleFn: any;
+    renderMode: any;
+    key: any;
+    className: any;
+    transform: any;
+}) => React.JSX.Element;
+export declare const chordNodeGenerator: (size: any) => ({ d, i, styleFn, renderMode, key, className }: {
+    d: any;
+    i: any;
+    styleFn: any;
+    renderMode: any;
+    key: any;
+    className: any;
+}) => React.JSX.Element;
+export declare const matrixNodeGenerator: (size: any, nodes: any) => ({ d, i, styleFn, renderMode, key, className }: {
+    d: any;
+    i: any;
+    styleFn: any;
+    renderMode: any;
+    key: any;
+    className: any;
+}) => React.JSX.Element;
+export declare const radialRectNodeGenerator: (size: any, center: any, type: any) => ({ d, i, styleFn, renderMode, key, className }: {
+    d: any;
+    i: any;
+    styleFn: any;
+    renderMode: any;
+    key: any;
+    className: any;
+}) => React.JSX.Element;
+export declare const radialLabelGenerator: (node: any, nodei: any, nodeIDAccessor: any, size: any) => React.JSX.Element;
+export declare const hierarchicalRectNodeGenerator: ({ d, i, styleFn, renderMode, key, className }: {
+    d: any;
+    i: any;
+    styleFn: any;
+    renderMode: any;
+    key: any;
+    className: any;
+}) => React.JSX.Element;

package/dist/svg/pieceDrawing.d.ts

@@ -1,12 +1,11 @@
 export declare function pointOnArcAtAngle(center: any, angle: any, distance: any): any[];
-export declare const renderLaidOutPieces: ({ data, shouldRender, canvasRender, canvasDrawing, styleFn, classFn, baseMarkProps, renderKeyFn, ariaLabel, axis }: {
+export declare const renderLaidOutPieces: ({ data, shouldRender, canvasRender, canvasDrawing, styleFn, classFn, renderKeyFn, ariaLabel, axis }: {
     data: any;
     shouldRender: any;
     canvasRender: any;
     canvasDrawing: any;
     styleFn: any;
     classFn: any;
-    baseMarkProps: any;
     renderKeyFn: any;
     ariaLabel: any;
     axis: any;

package/dist/svg/pieceLayouts.d.ts

@@ -1,5 +1,4 @@
-export declare function pointOnArcAtAngle(center: any, angle: any, distance: any): any[];
-export declare function clusterBarLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, baseMarkProps, rScale }: {
+export declare function clusterBarLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, rScale }: {
     type: any;
     data: any;
     renderMode: any;
@@ -10,10 +9,9 @@ export declare function clusterBarLayout({ type, data, renderMode, eventListener
     adjustedSize: any;
     chartSize: any;
     margin: any;
-    baseMarkProps: any;
     rScale: any;
 }): any[];
-export declare function barLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, baseMarkProps, rScale }: {
+export declare function barLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, rScale }: {
     type: any;
     data: any;
     renderMode: any;
@@ -24,10 +22,9 @@ export declare function barLayout({ type, data, renderMode, eventListenersGenera
     adjustedSize: any;
     chartSize: any;
     margin: any;
-    baseMarkProps: any;
     rScale: any;
 }): any[];
-export declare function timelineLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, baseMarkProps, rScale }: {
+export declare function timelineLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, rScale }: {
     type: any;
     data: any;
     renderMode: any;
@@ -38,10 +35,9 @@ export declare function timelineLayout({ type, data, renderMode, eventListenersG
     adjustedSize: any;
     chartSize: any;
     margin: any;
-    baseMarkProps: any;
     rScale: any;
 }): any[];
-export declare function pointLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, baseMarkProps, rScale }: {
+export declare function pointLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, rScale }: {
     type: any;
     data: any;
     renderMode: any;
@@ -52,20 +48,6 @@ export declare function pointLayout({ type, data, renderMode, eventListenersGene
     adjustedSize: any;
     chartSize: any;
     margin: any;
-    baseMarkProps: any;
-    rScale: any;
-}): any[];
-export declare function swarmLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, baseMarkProps, rScale }: {
-    type: any;
-    data: any;
-    renderMode: any;
-    eventListenersGenerator: any;
-    styleFn: any;
-    projection: any;
-    classFn: any;
-    adjustedSize: any;
-    chartSize: any;
-    margin: any;
-    baseMarkProps: any;
     rScale: any;
 }): any[];
+export { swarmLayout } from "./swarmLayout";

package/dist/svg/sankeyLinks.d.ts

@@ -0,0 +1,3 @@
+export declare const ribbonLink: (d: any) => any;
+export declare const areaLink: (d: any) => string;
+export declare function circularAreaLink(link: any): any;

package/dist/svg/summaryAxis.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+/**
+ * Generates an Axis component for summary visualizations
+ * This function creates the actual Axis component with the provided props
+ */
+export declare function axisGenerator(axisProps: any, i: any, axisScale: any): React.JSX.Element;

package/dist/svg/summaryLayouts.d.ts

@@ -1,74 +1,53 @@
-/// <reference types="react" />
-import { GenericObject } from "../types/generalTypes";
-declare type BoxplotFnType = {
-    data: GenericObject[];
-    type: GenericObject;
+import { ProjectionTypes } from "../types/generalTypes";
+export { boxplotRenderFn } from "./boxplotRenderer";
+export { ckBinsRenderFn } from "./ckbinsRenderer";
+export { contourRenderFn } from "./contourRenderer";
+export { bucketizedRenderingFn } from "./bucketizedRenderer";
+type SummaryType = {
+    type: string;
+};
+type ORFrameSummaryRendererTypes = {
+    data: Array<object>;
+    type: SummaryType;
     renderMode: Function;
     eventListenersGenerator: Function;
     styleFn: Function;
     classFn: Function;
-    projection: "horizontal" | "vertical" | "radial";
-    adjustedSize: number[];
-    baseMarkProps: GenericObject;
-};
-export declare function ckBinsRenderFn(props: BoxplotFnType): {
-    marks: any;
-    xyPoints: any[];
-};
-export declare function boxplotRenderFn({ data, type, renderMode, eventListenersGenerator, styleFn, classFn, projection, adjustedSize, baseMarkProps }: BoxplotFnType): {
-    marks: any[];
-    xyPoints: any[];
-};
-export declare function contourRenderFn({ data, type, renderMode, eventListenersGenerator, styleFn, classFn, adjustedSize, baseMarkProps }: {
-    data: any;
-    type: any;
-    renderMode: any;
-    eventListenersGenerator: any;
-    styleFn: any;
-    classFn: any;
-    adjustedSize: any;
-    baseMarkProps: any;
-}): {
-    marks: any[];
-    xyPoints: any[];
-};
-export declare function bucketizedRenderingFn({ data, type, renderMode, eventListenersGenerator, styleFn, classFn, projection, adjustedSize, chartSize, baseMarkProps }: {
-    data: any;
-    type: any;
-    renderMode: any;
-    eventListenersGenerator: any;
-    styleFn: any;
-    classFn: any;
-    projection: any;
-    adjustedSize: any;
-    chartSize: any;
-    baseMarkProps: any;
-}): {
-    marks: any[];
-    xyPoints: any[];
-    thresholds: any[];
+    projection: ProjectionTypes;
+    adjustedSize: Array<number>;
+    chartSize: number;
+    margin: object;
+    axisCreator?: Function;
 };
-export declare const drawSummaries: ({ data, type, renderMode, eventListenersGenerator, styleFn, classFn, projection, adjustedSize, margin, baseMarkProps }: {
-    data: any;
-    type: any;
-    renderMode: any;
-    eventListenersGenerator: any;
-    styleFn: any;
-    classFn: any;
-    projection: any;
-    adjustedSize: any;
-    margin: any;
-    baseMarkProps: any;
+export declare function orFrameSummaryRenderer({ data, type, renderMode, eventListenersGenerator, styleFn, classFn, projection, adjustedSize, chartSize, margin, axisCreator }: ORFrameSummaryRendererTypes): any;
+/**
+ * Main drawing function for summary visualizations
+ */
+export declare const drawSummaries: ({ data, type, renderMode, eventListenersGenerator, styleFn, classFn, projection, adjustedSize, margin, axisCreator }: {
+    data: object;
+    type: {
+        type?: string | Function;
+    };
+    renderMode: Function;
+    eventListenersGenerator: Function;
+    styleFn: Function;
+    classFn: Function;
+    projection: ProjectionTypes;
+    adjustedSize: number[];
+    margin: object;
+    axisCreator?: Function;
 }) => any;
 interface summaryInstruction {
     Mark?: JSX.Element;
     containerProps?: object;
     elements: object[];
 }
+/**
+ * Converts summary instructions to rendered SVG elements
+ */
 export declare function summaryInstructionsToMarks(data: summaryInstruction[]): JSX.Element[];
 export declare const renderLaidOutSummaries: ({ data, canvasRender, canvasDrawing }: {
     data: any;
     canvasRender: any;
     canvasDrawing: any;
 }) => JSX.Element[];
-export {};

package/dist/svg/swarmLayout.d.ts

@@ -0,0 +1,13 @@
+export declare function swarmLayout({ type, data, renderMode, eventListenersGenerator, styleFn, projection, classFn, adjustedSize, chartSize, margin, rScale }: {
+    type: any;
+    data: any;
+    renderMode: any;
+    eventListenersGenerator: any;
+    styleFn: any;
+    projection: any;
+    classFn: any;
+    adjustedSize: any;
+    chartSize: any;
+    margin: any;
+    rScale: any;
+}): any[];

package/dist/types/annotationTypes.d.ts

@@ -1,8 +1,8 @@
-import { RawPoint, GenericObject, MarginType, AxisSummaryTypeSettings, OrdinalSummaryTypes } from "./generalTypes";
-import { NodeType } from "./networkTypes";
+import { RawPoint, MarginType, AxisSummaryTypeSettings, OrdinalSummaryTypes } from "./generalTypes";
+import { NodeType, EdgeType } from "./networkTypes";
 import { ScaleLinear } from "d3-scale";
-export declare type AnnotationType = {
-    type?: string | Function;
+export type AnnotationType = {
+    type?: string;
     column?: {
         name: string;
     };
@@ -16,9 +16,9 @@ export declare type AnnotationType = {
     coordinates?: object[];
     key?: string;
     percent?: number;
-    style?: GenericObject | ((arg?: GenericObject, index?: number) => GenericObject);
+    style?: Record<string, any> | ((arg?: Record<string, any>, index?: number) => Record<string, any>);
     ids?: string[];
-    edge?: any;
+    edge?: EdgeType;
     source?: NodeType;
     target?: NodeType;
     id?: string;
@@ -27,8 +27,8 @@ export declare type AnnotationType = {
     neighbors?: object[];
     isColumnAnnotation?: boolean;
 };
-export declare type CustomHoverType = boolean | Array<AnnotationType | Function> | object | Function | "all" | "edge" | "node" | "area";
-export declare type AnnotationTypes = "marginalia" | "bump" | false;
+export type CustomHoverType = boolean | Array<AnnotationType | Function> | object | Function | "all" | "edge" | "node" | "area";
+export type AnnotationTypes = "marginalia" | "bump" | false;
 interface AnnotationLayout {
     type: AnnotationTypes;
     orient?: "nearest" | "left" | "right" | "top" | "bottom" | Array<string>;
@@ -57,11 +57,7 @@ export interface AnnotationProps {
     noteData: {
         eventListeners?: object;
         events?: object;
-        onDragEnd?: Function;
-        onDragStart?: Function;
-        onDrag?: Function;
-        type: string | Function;
-        editMode?: boolean;
+        type: string;
         screenCoordinates?: Array<Array<number>>;
         coordinates?: boolean;
         noteHeight?: Function | number;
@@ -81,12 +77,12 @@ export interface AnnotationProps {
         label?: string;
     };
 }
-declare type GlyphProps = {
+type GlyphProps = {
     lineHeight: number;
     lineWidth: number;
     value: number;
 };
-declare type AxisPart = {
+type AxisPart = {
     value: number;
 };
 export interface AxisProps {
@@ -114,11 +110,10 @@ export interface AxisProps {
     ticks?: number;
     footer?: boolean;
     tickSize?: number;
-    tickLineGenerator?: ({ xy, orient, i, baseMarkProps, className }: {
+    tickLineGenerator?: ({ xy, orient, i, className }: {
         xy?: object;
         orient?: string;
         i?: number;
-        baseMarkProps?: object;
         className?: string;
     }) => SVGElement;
     baseline?: boolean | "under";
@@ -136,5 +131,5 @@ export interface AxisProps {
     marginalSummaryType?: AxisSummaryTypeSettings | OrdinalSummaryTypes;
     showOutboundTickLines?: boolean;
 }
-export declare type AxisGeneratingFunction = (args: object) => AxisProps;
+export type AxisGeneratingFunction = (args: object) => AxisProps;
 export {};

package/dist/types/canvasTypes.d.ts

@@ -1,4 +1,4 @@
-export declare type ContextType = {
+export type ContextType = {
     getContext: Function;
     width: number;
     height: number;