@vizzly/dashboard 0.12.11 → 0.12.12

package/dist/charts/src/FunnelChart/FunnelChart.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { AxisTitles, BarStyleOverrides, ChartIdPrefix, Datum, DatumByKey, GoalLine, OnClickEvent, Props as VizzlyXYChartProps } from '../XYChart';
+import { ChartData, ChartProps, ColorFormatterByDatum } from '../types';
+import { ChartRef } from '../utils/chartRendering';
+import { ConditionalFormattingOption } from '../Legend/Legend';
+export interface FunnelChartProps extends ChartProps {
+    x: string;
+    keys: Array<string>;
+    colors: string[];
+    data: Array<ChartData>;
+    forceXAxisAsTime?: boolean;
+    showTotalOnTooltip?: boolean;
+    formatSeriesName: VizzlyXYChartProps['formatSeriesName'];
+    formatter: ColorFormatterByDatum;
+    uniqueId: string;
+    sparkline?: boolean;
+    conditionalFormattingPossibilities?: (dataKey: string) => Array<ConditionalFormattingOption>;
+    onClick?: (value: Datum | undefined, nearestDatums?: DatumByKey, event?: OnClickEvent) => void;
+    goalLine?: GoalLine[];
+    axisTitles?: AxisTitles;
+    styles?: BarStyleOverrides;
+    idPrefix: ChartIdPrefix;
+    enableHover?: boolean;
+}
+export declare const addChangeFromPreviousValuesToData: (data: ChartData[]) => {
+    data: {
+        [x: string]: any;
+    }[];
+    keys: string[];
+};
+export declare const FunnelChart: React.ForwardRefExoticComponent<FunnelChartProps & React.RefAttributes<ChartRef>>;

package/dist/charts/src/FunnelChart/FunnelChartTooltip.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+import { DatumByKey } from '../XYChart/types';
+import { ChartData } from '../types';
+declare type FunnelChartTooltipProps = {
+    heading: string;
+    datum: DatumByKey;
+    chartData: ChartData;
+    tooltipNearestDatum: DatumByKey;
+    formatValue: ((value: any) => any) | undefined;
+};
+export declare const FunnelChartTooltip: FunctionComponent<FunnelChartTooltipProps>;
+export {};

package/dist/charts/src/FunnelChart/IconNarrowRight.d.ts

@@ -0,0 +1,2 @@
+import { SVGAttributes } from 'react';
+export declare const IconNarrowRight: ({ fill, ...props }: SVGAttributes<SVGElement>) => JSX.Element;

package/dist/charts/src/FunnelChart/IconTrendingDown.d.ts

@@ -0,0 +1,2 @@
+import { SVGAttributes } from 'react';
+export declare const IconTrendingDown: ({ fill, ...props }: SVGAttributes<SVGElement>) => JSX.Element;

package/dist/charts/src/FunnelChart/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const positiveDiffModifier = "positiveDiffWithPreviousValueInSeries";
+export declare const previousColor = "#9AA4B250";

package/dist/charts/src/FunnelChart/index.d.ts

@@ -0,0 +1,6 @@
+export * from './FunnelChart';
+export * from './constants';
+export * from './utils';
+export { FunnelChartTooltip } from './FunnelChartTooltip';
+export { IconNarrowRight } from './IconNarrowRight';
+export { IconTrendingDown } from './IconTrendingDown';

package/dist/charts/src/FunnelChart/utils.d.ts

@@ -0,0 +1,23 @@
+import { DatumByKey } from '../XYChart/types';
+import { ChartData } from '../types';
+export declare const isPositiveModifierKey: (key: string) => boolean;
+export declare const getPercentage: ({ original, test }: {
+    original: number;
+    test: number;
+}) => number;
+export declare const round2DemicalPlacesAtMost: (value: number) => number;
+export declare const getPreviousDatumValueFromNearestDatum: ({ nearestDatum, chartData, }: {
+    nearestDatum: DatumByKey;
+    chartData: ChartData;
+}) => {
+    standardDatumValue: any;
+    positiveDiffValue: any;
+} | null;
+export declare const getPositiveDiffAndStandardValues: (datum: ChartData) => {
+    standardDatumValue: any;
+    positiveDiffValue: any;
+};
+export declare const getFirstStepDatumValue: (firstStepDatum: ChartData) => any;
+export declare const getStandardDatumKeyFromModifier: ({ positiveDiffDatumKey }: {
+    positiveDiffDatumKey: string;
+}) => string | null;

package/dist/charts/src/Legend/Legend.d.ts

@@ -12,6 +12,7 @@ export declare type ConditionalFormattingOption = {
     conditionIsMet: (key: string) => boolean;
 };
 export declare const Legend: FunctionComponent<{
+    funnelChart?: boolean;
     keys?: Array<string>;
     colors?: Array<string>;
     typeIndex?: TypeIndex[];

package/dist/charts/src/RichText/RichText.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const RichTextMenu: () => null;
+export declare const RichTextDisplay: (props: {
+    onChange?: ((contentBlob: any) => void) | undefined;
+    content: object;
+    editable?: boolean | undefined;
+    parameters: object;
+}) => JSX.Element | null;

package/dist/charts/src/RichText/RichTextEditorContextProvider.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from 'react';
+export declare const extensions: never[];
+export declare const RichTextEditorContextProvider: (props: React.PropsWithChildren<{
+    content: any;
+    setContent?: ((content: any) => void) | undefined;
+}>) => JSX.Element;

package/dist/charts/src/RichText/index.d.ts

@@ -0,0 +1 @@
+export * from './RichText';

package/dist/charts/src/RichText/useRichTextEditorContextProvider.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { useEditor } from '@tiptap/react';
+export declare const useRichTextEditorContextProvider: () => {
+    editor: ReturnType<typeof useEditor>;
+};
+export declare const RichTextEditorContext: import("react").Context<{
+    editor: ReturnType<typeof useEditor>;
+}>;

package/dist/charts/src/XYChart/ChartTooltip.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import React, { FunctionComponent, ReactNode } from 'react';
 import { DatumByKey, Props } from './types';
 import { TypeIndex } from '../Legend/Legend';
 import { ChartType } from '../Legend/types';
@@ -21,12 +21,19 @@ export declare const TooltipWrapper: FunctionComponent<{
     sections: number;
 }>;
 export declare const TooltipRow: FunctionComponent<{
-    label?: string;
-    value: string;
+    bold?: boolean;
+    label?: React.ReactNode;
+    value: React.ReactNode;
     highlight?: boolean;
     icon?: {
         type: ChartType;
         color: string;
     };
 }>;
+export declare const TooltipRowContainer: FunctionComponent<{
+    datumKey: DatumByKey;
+    keyString: string;
+    chartProps: Props;
+    chartTooltipProps: ChartTooltipProps;
+}>;
 export {};

package/dist/charts/src/XYChart/ChartTooltip.styles.d.ts

@@ -35,6 +35,10 @@ export declare const chartTooltipStyles: (() => null) & {
         (variantOptions: Object): string;
         toString: any;
     };
+    tooltipRowContainerBold: {
+        (variantOptions: Object): string;
+        toString: any;
+    };
     totalLabel: {
         (variantOptions: Object): string;
         toString: any;

package/dist/charts/src/XYChart/types.d.ts

@@ -27,6 +27,7 @@ export interface Props extends ChartProps, FormatterProps {
         threshold?: Array<ThresholdType>;
     };
     bars?: {
+        funnelChart?: boolean;
         data: Array<ChartData>;
         keys: Array<string>;
         colors: Array<string>;

package/dist/charts/src/index.d.ts

@@ -1,7 +1,9 @@
-export * from "./BarChart";
-export * from "./LineChart";
-export * from "./AreaChart";
-export * from "./ComboChart";
-export * from "./ScatterChart";
-export * from "./PieChart";
-export * from "./MercatorMap";
+export * from './AreaChart';
+export * from './BarChart';
+export * from './ComboChart';
+export * from './FunnelChart';
+export * from './LineChart';
+export * from './MercatorMap';
+export * from './PieChart';
+export * from './RichText';
+export * from './ScatterChart';