@fluentui/react-charting 5.23.14 → 5.23.16

package/lib/utilities/index.js

@@ -0,0 +1,6 @@
+export * from './ChartHoverCard/index';
+export * from './utilities';
+export * from './colors';
+export * from './gradients';
+export * from './vbc-utils';
+//# sourceMappingURL=index.js.map

package/lib/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\nexport * from './gradients';\nexport * from './vbc-utils';\n"]}

package/lib/utilities/locale-util.d.ts

@@ -0,0 +1,3 @@
+type LocaleStringDataProps = number | string | Date | undefined;
+export declare const convertToLocaleString: (data: LocaleStringDataProps, culture?: string) => LocaleStringDataProps;
+export {};

package/lib/utilities/locale-util.js

@@ -0,0 +1,18 @@
+export var convertToLocaleString = function (data, culture) {
+    if (!data) {
+        return data;
+    }
+    culture = culture || undefined;
+    if (typeof data === 'number') {
+        return data.toLocaleString(culture);
+    }
+    else if (typeof data === 'string' && !window.isNaN(Number(data))) {
+        var num = Number(data);
+        return num.toLocaleString(culture);
+    }
+    else if (data instanceof Date) {
+        return data.toLocaleDateString(culture);
+    }
+    return data;
+};
+//# sourceMappingURL=locale-util.js.map

package/lib/utilities/locale-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-util.js","sourceRoot":"../src/","sources":["utilities/locale-util.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,IAA2B,EAAE,OAAgB;IACjF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IACD,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;KACrC;SAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;QAClE,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;KACpC;SAAM,IAAI,IAAI,YAAY,IAAI,EAAE;QAC/B,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["type LocaleStringDataProps = number | string | Date | undefined;\nexport const convertToLocaleString = (data: LocaleStringDataProps, culture?: string): LocaleStringDataProps => {\n  if (!data) {\n    return data;\n  }\n  culture = culture || undefined;\n  if (typeof data === 'number') {\n    return data.toLocaleString(culture);\n  } else if (typeof data === 'string' && !window.isNaN(Number(data))) {\n    const num = Number(data);\n    return num.toLocaleString(culture);\n  } else if (data instanceof Date) {\n    return data.toLocaleDateString(culture);\n  }\n  return data;\n};\n"]}

package/lib/utilities/test-data.d.ts

@@ -0,0 +1,27 @@
+import { IChartDataPoint, IChartProps, IHorizontalBarChartWithAxisDataPoint, IVerticalStackedChartProps } from '../index';
+export declare const chartPointsVBC: {
+    x: number;
+    y: number;
+    legend: string;
+    color: string;
+    xAxisCalloutData: string;
+    yAxisCalloutData: string;
+}[];
+export declare const chartPointsVSBC: IVerticalStackedChartProps[];
+export declare const chartPoints2VSBC: IVerticalStackedChartProps[];
+export declare const emptychartPointsVSBC: IVerticalStackedChartProps[];
+export declare const pointsHBCWA: {
+    x: number;
+    y: number;
+    legend: string;
+    color: string;
+    xAxisCalloutData: string;
+    yAxisCalloutData: string;
+}[];
+export declare const pointsDC: IChartDataPoint[];
+export declare const pointsDCElevateMinimumsExample: IChartDataPoint[];
+export declare const chartPointsDC: IChartProps;
+export declare const chartPointsDCElevateMinimums: IChartProps;
+export declare const chartPointsHBCWA: IHorizontalBarChartWithAxisDataPoint[];
+export declare const chartPointsWithStringYAxisHBCWA: IHorizontalBarChartWithAxisDataPoint[];
+export declare const chartPointsWithAxisToolTipHBCWA: IHorizontalBarChartWithAxisDataPoint[];

package/lib/utilities/test-data.js

@@ -0,0 +1,210 @@
+import { DefaultPalette } from '@fluentui/react/lib/Styling';
+export var chartPointsVBC = [
+    {
+        x: 0,
+        y: 10000,
+        legend: 'First',
+        color: DefaultPalette.accent,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '10%',
+    },
+    {
+        x: 10000,
+        y: 50000,
+        legend: 'Second',
+        color: DefaultPalette.blueDark,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '20%',
+    },
+    {
+        x: 25000,
+        y: 30000,
+        legend: 'Third',
+        color: DefaultPalette.blueMid,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '37%',
+    },
+];
+var firstChartPointsVSBC = [
+    {
+        legend: 'Metadata1',
+        data: 40,
+        color: DefaultPalette.accent,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '40%',
+    },
+    {
+        legend: 'Metadata2',
+        data: 5,
+        color: DefaultPalette.blueMid,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '5%',
+    },
+];
+var secondChartPointsVSBC = [
+    {
+        legend: 'Metadata1',
+        data: 30,
+        color: DefaultPalette.accent,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '30%',
+    },
+    {
+        legend: 'Metadata2',
+        data: 20,
+        color: DefaultPalette.blueMid,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '20%',
+    },
+];
+export var chartPointsVSBC = [
+    { chartData: firstChartPointsVSBC, xAxisPoint: 0 },
+    { chartData: secondChartPointsVSBC, xAxisPoint: 20 },
+];
+export var chartPoints2VSBC = [
+    {
+        chartData: firstChartPointsVSBC,
+        xAxisPoint: 0,
+        lineData: [{ y: 15, legend: 'Line1', color: DefaultPalette.yellow }],
+    },
+    {
+        chartData: secondChartPointsVSBC,
+        xAxisPoint: 20,
+        lineData: [{ y: 30, legend: 'Line1', color: DefaultPalette.yellow }],
+    },
+];
+export var emptychartPointsVSBC = [{ chartData: [], xAxisPoint: 0 }];
+export var pointsHBCWA = [
+    {
+        x: 10000,
+        y: 5000,
+        legend: 'Oranges',
+        color: DefaultPalette.accent,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '10%',
+    },
+    {
+        x: 20000,
+        y: 50000,
+        legend: 'Dogs',
+        color: DefaultPalette.blueDark,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '20%',
+    },
+    {
+        x: 25000,
+        y: 30000,
+        legend: 'Apples',
+        color: DefaultPalette.blueMid,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '37%',
+    },
+    {
+        x: 40000,
+        y: 13000,
+        legend: 'Bananas',
+        color: DefaultPalette.blueLight,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '88%',
+    },
+];
+export var pointsDC = [
+    { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },
+    { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },
+    { legend: 'third', data: 45000, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+];
+export var pointsDCElevateMinimumsExample = [
+    { legend: 'first', data: 39000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },
+    { legend: 'second', data: 20, color: '#0078D4', xAxisCalloutData: '2020/04/20' },
+    { legend: 'third', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+    { legend: 'fourth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+    { legend: 'fifth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+    { legend: 'sixth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+];
+export var chartPointsDC = {
+    chartTitle: 'Donut chart example',
+    chartData: pointsDC,
+};
+export var chartPointsDCElevateMinimums = {
+    chartTitle: 'Donut chart example',
+    chartData: pointsDC,
+};
+export var chartPointsHBCWA = [
+    {
+        x: 10000,
+        y: 5000,
+        legend: 'Oranges',
+        color: DefaultPalette.accent,
+        yAxisCalloutData: '2020/04/30',
+        xAxisCalloutData: '10%',
+    },
+    {
+        x: 20000,
+        y: 50000,
+        legend: 'Grapes',
+        color: DefaultPalette.blueDark,
+        yAxisCalloutData: '2020/04/30',
+        xAxisCalloutData: '20%',
+    },
+    {
+        x: 25000,
+        y: 30000,
+        legend: 'Apples',
+        color: DefaultPalette.blueMid,
+        yAxisCalloutData: '2020/04/30',
+        xAxisCalloutData: '37%',
+    },
+    {
+        x: 40000,
+        y: 13000,
+        legend: 'Bananas',
+        color: DefaultPalette.blueLight,
+        yAxisCalloutData: '2020/04/30',
+        xAxisCalloutData: '88%',
+    },
+];
+export var chartPointsWithStringYAxisHBCWA = [
+    {
+        y: 'String One',
+        x: 1000,
+        color: DefaultPalette.accent,
+    },
+    {
+        y: 'String Two',
+        x: 5000,
+        color: DefaultPalette.blueDark,
+    },
+    {
+        y: 'String Three',
+        x: 3000,
+        color: DefaultPalette.blueMid,
+    },
+    {
+        y: 'String Four',
+        x: 2000,
+        color: DefaultPalette.blue,
+    },
+];
+export var chartPointsWithAxisToolTipHBCWA = [
+    {
+        x: 1000,
+        y: 1000,
+        color: DefaultPalette.accent,
+    },
+    {
+        x: 2000,
+        y: 5000,
+        color: DefaultPalette.blueDark,
+    },
+    {
+        x: 3000,
+        y: 3000,
+        color: DefaultPalette.blueMid,
+    },
+    {
+        x: 4000,
+        y: 2000,
+        color: DefaultPalette.blue,
+    },
+];
+//# sourceMappingURL=test-data.js.map

package/lib/utilities/test-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-data.js","sourceRoot":"../src/","sources":["utilities/test-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { DefaultPalette } from '@fluentui/react/lib/Styling';\nimport {\n  IChartDataPoint,\n  IChartProps,\n  IHorizontalBarChartWithAxisDataPoint,\n  IVSChartDataPoint,\n  IVerticalStackedChartProps,\n} from '../index';\n\nexport const chartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: 50000,\n    legend: 'Second',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nconst firstChartPointsVSBC: IVSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 40,\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '40%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 5,\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '5%',\n  },\n];\n\nconst secondChartPointsVSBC: IVSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 30,\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '30%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 20,\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n];\n\nexport const chartPointsVSBC: IVerticalStackedChartProps[] = [\n  { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n  { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: IVerticalStackedChartProps[] = [\n  {\n    chartData: firstChartPointsVSBC,\n    xAxisPoint: 0,\n    lineData: [{ y: 15, legend: 'Line1', color: DefaultPalette.yellow }],\n  },\n  {\n    chartData: secondChartPointsVSBC,\n    xAxisPoint: 20,\n    lineData: [{ y: 30, legend: 'Line1', color: DefaultPalette.yellow }],\n  },\n];\n\nexport const emptychartPointsVSBC: IVerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Dogs',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: DefaultPalette.blueLight,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '88%',\n  },\n];\n\nexport const pointsDC: IChartDataPoint[] = [\n  { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n  { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n  { legend: 'third', data: 45000, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const pointsDCElevateMinimumsExample: IChartDataPoint[] = [\n  { legend: 'first', data: 39000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n  { legend: 'second', data: 20, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n  { legend: 'third', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'fourth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'fifth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'sixth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const chartPointsDC: IChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: IChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: DefaultPalette.accent,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Grapes',\n    color: DefaultPalette.blueDark,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: DefaultPalette.blueMid,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: DefaultPalette.blueLight,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '88%',\n  },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    y: 'String One',\n    x: 1000,\n    color: DefaultPalette.accent,\n  },\n  {\n    y: 'String Two',\n    x: 5000,\n    color: DefaultPalette.blueDark,\n  },\n  {\n    y: 'String Three',\n    x: 3000,\n    color: DefaultPalette.blueMid,\n  },\n  {\n    y: 'String Four',\n    x: 2000,\n    color: DefaultPalette.blue,\n  },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 1000,\n    y: 1000,\n    color: DefaultPalette.accent,\n  },\n  {\n    x: 2000,\n    y: 5000,\n    color: DefaultPalette.blueDark,\n  },\n  {\n    x: 3000,\n    y: 3000,\n    color: DefaultPalette.blueMid,\n  },\n  {\n    x: 4000,\n    y: 2000,\n    color: DefaultPalette.blue,\n  },\n];\n"]}