@fluentui/react-charts 0.0.0-nightly-20250728-0406.1 → 0.0.0-nightly-20250730-0406.1

package/lib/utilities/test-data.js

@@ -327,3 +327,239 @@ export const negativeChartPointsVBC = [
         yAxisCalloutData: '37%'
     }
 ];
+export const ganttData = [
+    {
+        x: {
+            start: new Date('2017-01-01'),
+            end: new Date('2017-02-02')
+        },
+        y: 'Job-1',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: [
+            '#0C5E0C',
+            '#107C10'
+        ]
+    },
+    {
+        x: {
+            start: new Date('2017-01-17'),
+            end: new Date('2017-02-17')
+        },
+        y: 'Job-2',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: [
+            '#0C5E0C',
+            '#107C10'
+        ]
+    },
+    {
+        x: {
+            start: new Date('2017-01-14'),
+            end: new Date('2017-03-14')
+        },
+        y: 'Job-4',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: [
+            '#0C5E0C',
+            '#107C10'
+        ]
+    },
+    {
+        x: {
+            start: new Date('2017-02-15'),
+            end: new Date('2017-03-15')
+        },
+        y: 'Job-1',
+        legend: 'Incomplete',
+        color: DataVizPalette.warning,
+        gradient: [
+            '#DE590B',
+            '#F7630C'
+        ]
+    },
+    {
+        x: {
+            start: new Date('2017-01-17'),
+            end: new Date('2017-02-17')
+        },
+        y: 'Job-2',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: [
+            '#B10E1C',
+            '#CC2635'
+        ]
+    },
+    {
+        x: {
+            start: new Date('2017-03-10'),
+            end: new Date('2017-03-20')
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: [
+            '#B10E1C',
+            '#CC2635'
+        ]
+    },
+    {
+        x: {
+            start: new Date('2017-04-01'),
+            end: new Date('2017-04-20')
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: [
+            '#B10E1C',
+            '#CC2635'
+        ]
+    },
+    {
+        x: {
+            start: new Date('2017-05-18'),
+            end: new Date(new Date('2017-06-18'))
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: [
+            '#B10E1C',
+            '#CC2635'
+        ]
+    }
+];
+export const ganttDataWithLongY = [
+    {
+        x: {
+            start: new Date('2024-05-01'),
+            end: new Date('2024-05-07')
+        },
+        y: 'Site Preparation',
+        legend: 'No',
+        color: '#637cefff'
+    },
+    {
+        x: {
+            start: new Date('2024-05-08'),
+            end: new Date('2024-05-21')
+        },
+        y: 'Foundation Work',
+        legend: 'No',
+        color: '#637cefff'
+    },
+    {
+        x: {
+            start: new Date('2024-05-22'),
+            end: new Date('2024-06-02')
+        },
+        y: 'Framing',
+        legend: 'No',
+        color: '#637cefff'
+    },
+    {
+        x: {
+            start: new Date('2024-06-03'),
+            end: new Date('2024-06-09')
+        },
+        y: 'Roof Installation',
+        legend: 'No',
+        color: '#637cefff'
+    },
+    {
+        x: {
+            start: new Date('2024-06-10'),
+            end: new Date('2024-06-23')
+        },
+        y: 'Plumbing/Electrical',
+        legend: 'No',
+        color: '#637cefff'
+    },
+    {
+        x: {
+            start: new Date('2024-07-08'),
+            end: new Date('2024-07-17')
+        },
+        y: 'Exterior Finishing',
+        legend: 'No',
+        color: '#637cefff'
+    },
+    {
+        x: {
+            start: new Date('2024-06-24'),
+            end: new Date('2024-07-07')
+        },
+        y: 'Interior Finishing',
+        legend: 'Yes (Phase 1)',
+        color: '#f7630cff'
+    },
+    {
+        x: {
+            start: new Date('2024-07-18'),
+            end: new Date('2024-07-24')
+        },
+        y: 'Final Inspections',
+        legend: 'Yes (Phase 2)',
+        color: '#57811bff'
+    }
+];
+export const ganttDataWithNumericY = [
+    {
+        x: {
+            start: new Date('2021-01-01'),
+            end: new Date('2022-01-10')
+        },
+        y: 1,
+        legend: 'HR',
+        color: '#637cefff'
+    },
+    {
+        x: {
+            start: new Date('2022-01-15'),
+            end: new Date('2022-01-20')
+        },
+        y: 2,
+        legend: 'Finance',
+        color: '#f7630cff'
+    },
+    {
+        x: {
+            start: new Date('2022-02-01'),
+            end: new Date('2022-02-08')
+        },
+        y: 3,
+        legend: 'IT',
+        color: '#57811bff'
+    },
+    {
+        x: {
+            start: new Date('2022-02-10'),
+            end: new Date('2022-02-20')
+        },
+        y: 4,
+        legend: 'Operations',
+        color: '#9373c0ff'
+    },
+    {
+        x: {
+            start: new Date('2022-03-01'),
+            end: new Date('2022-03-10')
+        },
+        y: 5,
+        legend: 'Customer Support',
+        color: '#ca5010ff'
+    },
+    {
+        x: {
+            start: new Date('2022-03-05'),
+            end: new Date('2022-03-15')
+        },
+        y: 6,
+        legend: 'Legal',
+        color: '#3a96ddff'
+    }
+];

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

@@ -1 +1 @@
-{"version":3,"sources":["test-data.ts"],"sourcesContent":["import {\n  ChartDataPoint,\n  ChartProps,\n  HorizontalBarChartWithAxisDataPoint,\n  VSChartDataPoint,\n  VerticalStackedChartProps,\n  VerticalBarChartDataPoint,\n  DataVizPalette,\n} from '../index';\n\nexport const chartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: 50000,\n    legend: 'Second',\n    color: 'blue',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nconst firstChartPointsVSBC: VSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 40,\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '40%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 5,\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '5%',\n  },\n];\n\nconst secondChartPointsVSBC: VSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 30,\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '30%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 20,\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n];\n\nexport const chartPointsVSBC: VerticalStackedChartProps[] = [\n  { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n  { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: VerticalStackedChartProps[] = [\n  {\n    chartData: firstChartPointsVSBC,\n    xAxisPoint: 0,\n    lineData: [{ y: 15, legend: 'Line1', color: 'yellow' }],\n  },\n  {\n    chartData: secondChartPointsVSBC,\n    xAxisPoint: 20,\n    lineData: [{ y: 30, legend: 'Line1', color: 'yellow' }],\n  },\n];\n\nexport const emptychartPointsVSBC: VerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Dogs',\n    color: 'blue',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: 'teal',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '88%',\n  },\n];\n\nexport const pointsDC: ChartDataPoint[] = [\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: ChartDataPoint[] = [\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: ChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: ChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: 'aqua',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Grapes',\n    color: 'blue',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: 'navy',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: 'teal',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '88%',\n  },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    y: 'String One',\n    x: 1000,\n    color: 'aqua',\n  },\n  {\n    y: 'String Two',\n    x: 5000,\n    color: 'blue',\n  },\n  {\n    y: 'String Three',\n    x: 3000,\n    color: 'navy',\n  },\n  {\n    y: 'String Four',\n    x: 2000,\n    color: 'blue',\n  },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 1000,\n    y: 1000,\n    color: 'aqua',\n  },\n  {\n    x: 2000,\n    y: 5000,\n    color: 'blue',\n  },\n  {\n    x: 3000,\n    y: 3000,\n    color: 'navy',\n  },\n  {\n    x: 4000,\n    y: 2000,\n    color: 'blue',\n  },\n];\n\nexport const allNegativeChartPointsVBC: VerticalBarChartDataPoint[] = [\n  {\n    x: 0,\n    y: -10000,\n    legend: 'First',\n    color: DataVizPalette.color1,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DataVizPalette.color2,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: -30000,\n    legend: 'Third',\n    color: DataVizPalette.color3,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nexport const negativeChartPointsVBC: VerticalBarChartDataPoint[] = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DataVizPalette.color1,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DataVizPalette.color2,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DataVizPalette.color3,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n"],"names":["DataVizPalette","chartPointsVBC","x","y","legend","color","xAxisCalloutData","yAxisCalloutData","firstChartPointsVSBC","data","secondChartPointsVSBC","chartPointsVSBC","chartData","xAxisPoint","chartPoints2VSBC","lineData","emptychartPointsVSBC","pointsHBCWA","pointsDC","pointsDCElevateMinimumsExample","chartPointsDC","chartTitle","chartPointsDCElevateMinimums","chartPointsHBCWA","chartPointsWithStringYAxisHBCWA","chartPointsWithAxisToolTipHBCWA","allNegativeChartPointsVBC","color1","color2","color3","negativeChartPointsVBC"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/utilities/test-data.ts"],"sourcesContent":["import {\n  ChartDataPoint,\n  ChartProps,\n  HorizontalBarChartWithAxisDataPoint,\n  VSChartDataPoint,\n  GanttChartDataPoint,\n  VerticalStackedChartProps,\n  VerticalBarChartDataPoint,\n  DataVizPalette,\n} from '../index';\n\nexport const chartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: 50000,\n    legend: 'Second',\n    color: 'blue',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nconst firstChartPointsVSBC: VSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 40,\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '40%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 5,\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '5%',\n  },\n];\n\nconst secondChartPointsVSBC: VSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 30,\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '30%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 20,\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n];\n\nexport const chartPointsVSBC: VerticalStackedChartProps[] = [\n  { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n  { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: VerticalStackedChartProps[] = [\n  {\n    chartData: firstChartPointsVSBC,\n    xAxisPoint: 0,\n    lineData: [{ y: 15, legend: 'Line1', color: 'yellow' }],\n  },\n  {\n    chartData: secondChartPointsVSBC,\n    xAxisPoint: 20,\n    lineData: [{ y: 30, legend: 'Line1', color: 'yellow' }],\n  },\n];\n\nexport const emptychartPointsVSBC: VerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Dogs',\n    color: 'blue',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: 'teal',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '88%',\n  },\n];\n\nexport const pointsDC: ChartDataPoint[] = [\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: ChartDataPoint[] = [\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: ChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: ChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: 'aqua',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Grapes',\n    color: 'blue',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: 'navy',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: 'teal',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '88%',\n  },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    y: 'String One',\n    x: 1000,\n    color: 'aqua',\n  },\n  {\n    y: 'String Two',\n    x: 5000,\n    color: 'blue',\n  },\n  {\n    y: 'String Three',\n    x: 3000,\n    color: 'navy',\n  },\n  {\n    y: 'String Four',\n    x: 2000,\n    color: 'blue',\n  },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 1000,\n    y: 1000,\n    color: 'aqua',\n  },\n  {\n    x: 2000,\n    y: 5000,\n    color: 'blue',\n  },\n  {\n    x: 3000,\n    y: 3000,\n    color: 'navy',\n  },\n  {\n    x: 4000,\n    y: 2000,\n    color: 'blue',\n  },\n];\n\nexport const allNegativeChartPointsVBC: VerticalBarChartDataPoint[] = [\n  {\n    x: 0,\n    y: -10000,\n    legend: 'First',\n    color: DataVizPalette.color1,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DataVizPalette.color2,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: -30000,\n    legend: 'Third',\n    color: DataVizPalette.color3,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nexport const negativeChartPointsVBC: VerticalBarChartDataPoint[] = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DataVizPalette.color1,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DataVizPalette.color2,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DataVizPalette.color3,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nexport const ganttData: GanttChartDataPoint[] = [\n  {\n    x: {\n      start: new Date('2017-01-01'),\n      end: new Date('2017-02-02'),\n    },\n    y: 'Job-1',\n    legend: 'Complete',\n    color: DataVizPalette.success,\n    gradient: ['#0C5E0C', '#107C10'],\n  },\n  {\n    x: {\n      start: new Date('2017-01-17'),\n      end: new Date('2017-02-17'),\n    },\n    y: 'Job-2',\n    legend: 'Complete',\n    color: DataVizPalette.success,\n    gradient: ['#0C5E0C', '#107C10'],\n  },\n  {\n    x: {\n      start: new Date('2017-01-14'),\n      end: new Date('2017-03-14'),\n    },\n    y: 'Job-4',\n    legend: 'Complete',\n    color: DataVizPalette.success,\n    gradient: ['#0C5E0C', '#107C10'],\n  },\n  {\n    x: {\n      start: new Date('2017-02-15'),\n      end: new Date('2017-03-15'),\n    },\n    y: 'Job-1',\n    legend: 'Incomplete',\n    color: DataVizPalette.warning,\n    gradient: ['#DE590B', '#F7630C'],\n  },\n  {\n    x: {\n      start: new Date('2017-01-17'),\n      end: new Date('2017-02-17'),\n    },\n    y: 'Job-2',\n    legend: 'Not Started',\n    color: DataVizPalette.error,\n    gradient: ['#B10E1C', '#CC2635'],\n  },\n  {\n    x: {\n      start: new Date('2017-03-10'),\n      end: new Date('2017-03-20'),\n    },\n    y: 'Job-3',\n    legend: 'Not Started',\n    color: DataVizPalette.error,\n    gradient: ['#B10E1C', '#CC2635'],\n  },\n  {\n    x: {\n      start: new Date('2017-04-01'),\n      end: new Date('2017-04-20'),\n    },\n    y: 'Job-3',\n    legend: 'Not Started',\n    color: DataVizPalette.error,\n    gradient: ['#B10E1C', '#CC2635'],\n  },\n  {\n    x: {\n      start: new Date('2017-05-18'),\n      end: new Date(new Date('2017-06-18')),\n    },\n    y: 'Job-3',\n    legend: 'Not Started',\n    color: DataVizPalette.error,\n    gradient: ['#B10E1C', '#CC2635'],\n  },\n];\n\nexport const ganttDataWithLongY: GanttChartDataPoint[] = [\n  {\n    x: {\n      start: new Date('2024-05-01'),\n      end: new Date('2024-05-07'),\n    },\n    y: 'Site Preparation',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-05-08'),\n      end: new Date('2024-05-21'),\n    },\n    y: 'Foundation Work',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-05-22'),\n      end: new Date('2024-06-02'),\n    },\n    y: 'Framing',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-06-03'),\n      end: new Date('2024-06-09'),\n    },\n    y: 'Roof Installation',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-06-10'),\n      end: new Date('2024-06-23'),\n    },\n    y: 'Plumbing/Electrical',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-07-08'),\n      end: new Date('2024-07-17'),\n    },\n    y: 'Exterior Finishing',\n    legend: 'No',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2024-06-24'),\n      end: new Date('2024-07-07'),\n    },\n    y: 'Interior Finishing',\n    legend: 'Yes (Phase 1)',\n    color: '#f7630cff',\n  },\n  {\n    x: {\n      start: new Date('2024-07-18'),\n      end: new Date('2024-07-24'),\n    },\n    y: 'Final Inspections',\n    legend: 'Yes (Phase 2)',\n    color: '#57811bff',\n  },\n];\n\nexport const ganttDataWithNumericY: GanttChartDataPoint[] = [\n  {\n    x: {\n      start: new Date('2021-01-01'),\n      end: new Date('2022-01-10'),\n    },\n    y: 1,\n    legend: 'HR',\n    color: '#637cefff',\n  },\n  {\n    x: {\n      start: new Date('2022-01-15'),\n      end: new Date('2022-01-20'),\n    },\n    y: 2,\n    legend: 'Finance',\n    color: '#f7630cff',\n  },\n  {\n    x: {\n      start: new Date('2022-02-01'),\n      end: new Date('2022-02-08'),\n    },\n    y: 3,\n    legend: 'IT',\n    color: '#57811bff',\n  },\n  {\n    x: {\n      start: new Date('2022-02-10'),\n      end: new Date('2022-02-20'),\n    },\n    y: 4,\n    legend: 'Operations',\n    color: '#9373c0ff',\n  },\n  {\n    x: {\n      start: new Date('2022-03-01'),\n      end: new Date('2022-03-10'),\n    },\n    y: 5,\n    legend: 'Customer Support',\n    color: '#ca5010ff',\n  },\n  {\n    x: {\n      start: new Date('2022-03-05'),\n      end: new Date('2022-03-15'),\n    },\n    y: 6,\n    legend: 'Legal',\n    color: '#3a96ddff',\n  },\n];\n"],"names":["DataVizPalette","chartPointsVBC","x","y","legend","color","xAxisCalloutData","yAxisCalloutData","firstChartPointsVSBC","data","secondChartPointsVSBC","chartPointsVSBC","chartData","xAxisPoint","chartPoints2VSBC","lineData","emptychartPointsVSBC","pointsHBCWA","pointsDC","pointsDCElevateMinimumsExample","chartPointsDC","chartTitle","chartPointsDCElevateMinimums","chartPointsHBCWA","chartPointsWithStringYAxisHBCWA","chartPointsWithAxisToolTipHBCWA","allNegativeChartPointsVBC","color1","color2","color3","negativeChartPointsVBC","ganttData","start","Date","end","success","gradient","warning","error","ganttDataWithLongY","ganttDataWithNumericY"],"mappings":"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"}

package/lib/utilities/utilities.js

@@ -1,5 +1,5 @@
 import { axisRight as d3AxisRight, axisBottom as d3AxisBottom, axisLeft as d3AxisLeft } from 'd3-axis';
-import { max as d3Max, min as d3Min, ticks as d3Ticks, nice as d3nice } from 'd3-array';
+import { max as d3Max, min as d3Min, ticks as d3Ticks, nice as d3nice, sum as d3Sum, mean as d3Mean, median as d3Median } from 'd3-array';
 import { scaleLinear as d3ScaleLinear, scaleBand as d3ScaleBand, scaleUtc as d3ScaleUtc, scaleTime as d3ScaleTime } from 'd3-scale';
 import { select as d3Select, selectAll as d3SelectAll } from 'd3-selection';
 import { format as d3Format } from 'd3-format';
@@ -10,8 +10,7 @@ import { formatPrefix as d3FormatPrefix } from 'd3-format';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 import { formatDateToLocaleString, formatToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';
 export const MIN_DOMAIN_MARGIN = 8;
-export var ChartTypes;
-(function(ChartTypes) {
+export var ChartTypes = /*#__PURE__*/ function(ChartTypes) {
     ChartTypes[ChartTypes["AreaChart"] = 0] = "AreaChart";
     ChartTypes[ChartTypes["LineChart"] = 1] = "LineChart";
     ChartTypes[ChartTypes["VerticalBarChart"] = 2] = "VerticalBarChart";
@@ -20,19 +19,21 @@ export var ChartTypes;
     ChartTypes[ChartTypes["HeatMapChart"] = 5] = "HeatMapChart";
     ChartTypes[ChartTypes["HorizontalBarChartWithAxis"] = 6] = "HorizontalBarChartWithAxis";
     ChartTypes[ChartTypes["ScatterChart"] = 7] = "ScatterChart";
-})(ChartTypes || (ChartTypes = {}));
-export var XAxisTypes;
-(function(XAxisTypes) {
+    ChartTypes[ChartTypes["GanttChart"] = 8] = "GanttChart";
+    return ChartTypes;
+}({});
+export var XAxisTypes = /*#__PURE__*/ function(XAxisTypes) {
     XAxisTypes[XAxisTypes["NumericAxis"] = 0] = "NumericAxis";
     XAxisTypes[XAxisTypes["DateAxis"] = 1] = "DateAxis";
     XAxisTypes[XAxisTypes["StringAxis"] = 2] = "StringAxis";
-})(XAxisTypes || (XAxisTypes = {}));
-export var YAxisType;
-(function(YAxisType) {
+    return XAxisTypes;
+}({});
+export var YAxisType = /*#__PURE__*/ function(YAxisType) {
     YAxisType[YAxisType["NumericAxis"] = 0] = "NumericAxis";
     YAxisType[YAxisType["DateAxis"] = 1] = "DateAxis";
     YAxisType[YAxisType["StringAxis"] = 2] = "StringAxis";
-})(YAxisType || (YAxisType = {}));
+    return YAxisType;
+}({});
 function yAxisTickFormatterInternal(value, limitWidth = false) {
     // Use SI format prefix with 2 decimal places without insignificant trailing zeros
     let formatter = d3FormatPrefix('.2~', value);
@@ -85,7 +86,10 @@ function yAxisTickFormatterInternal(value, limitWidth = false) {
         tickCount = Math.min(Math.max(1, Math.floor(Math.abs(end - start) / longestLabelWidth)), 10);
     }
     const xAxis = d3AxisBottom(xAxisScale).tickSize(xAxistickSize).tickPadding(tickPadding).ticks(tickCount).tickFormat(tickFormat);
-    if (chartType === 6) {
+    if ([
+        6,
+        8
+    ].includes(chartType)) {
         xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
     }
     if (tickParams.tickValues) {
@@ -239,7 +243,7 @@ function yAxisTickFormatterInternal(value, limitWidth = false) {
     const formatter = timeFormat(MULTI_LEVEL_DATE_TIME_FORMATS[startLevel][endLevel]);
     return formatter;
 }
-function getDateFormatLevel(date, useUTC) {
+export function getDateFormatLevel(date, useUTC) {
     const timeSecond = useUTC ? d3UtcSecond : d3TimeSecond;
     const timeMinute = useUTC ? d3UtcMinute : d3TimeMinute;
     const timeHour = useUTC ? d3UtcHour : d3TimeHour;
@@ -290,7 +294,7 @@ function getDateFormatLevel(date, useUTC) {
  * @export
  * @param {IXAxisParams} xAxisParams
  * @param {ITickParams} tickParams
- */ export function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC) {
+ */ export function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC, chartType) {
     const { domainNRangeValues, xAxisElement, tickPadding = 6, xAxistickSize = 6, xAxisCount } = xAxisParams;
     const isUtcSet = useUTC === true || useUTC === 'utc';
     const xAxisScale = isUtcSet ? d3ScaleUtc() : d3ScaleTime();
@@ -337,6 +341,11 @@ function getDateFormatLevel(date, useUTC) {
     const maxPossibleTickCount = Math.min(Math.max(1, Math.floor(Math.abs(end - start) / longestLabelWidth)), 10);
     tickCount = Math.min(maxPossibleTickCount, xAxisCount !== null && xAxisCount !== void 0 ? xAxisCount : tickCount);
     const xAxis = d3AxisBottom(xAxisScale).tickSize(xAxistickSize).tickPadding(tickPadding).ticks(tickCount).tickFormat(tickFormat);
+    if ([
+        8
+    ].includes(chartType)) {
+        xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
+    }
     tickParams.tickValues ? xAxis.tickValues(tickParams.tickValues) : '';
     if (xAxisElement) {
         d3Select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
@@ -1182,7 +1191,7 @@ export function tooltipOfAxislabels(axistooltipProps) {
     };
 }
 /**
- * Fins the min and max values of the vertical bar chart y axis data point.
+ * Finds the min and max values of the vertical bar chart y axis data point.
  * @export
  * @param {VerticalBarChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
@@ -1204,9 +1213,9 @@ export function tooltipOfAxislabels(axistooltipProps) {
     };
 }
 /**
- * Fins the min and max values of the vertical bar chart y axis data point.
+ * Finds the min and max values of the horizontal bar chart y axis data point.
  * @export
- * @param {VerticalBarChartDataPoint[]} points
+ * @param {HorizontalBarChartWithAxisDataPoint[]|GanttChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
  */ export function findHBCWANumericMinMaxOfY(points, yAxisType) {
     if (yAxisType !== undefined && yAxisType === 0) {
@@ -1248,8 +1257,10 @@ export function tooltipOfAxislabels(axistooltipProps) {
         }
     }
 };
-export var Points;
-(function(Points) {
+/**
+ * we need to make sure that if we add any property to this, then
+ * we need to also add that in  pointTypes below and vise-versa
+ */ export var Points = /*#__PURE__*/ function(Points) {
     Points[Points["circle"] = 0] = "circle";
     Points[Points["square"] = 1] = "square";
     Points[Points["triangle"] = 2] = "triangle";
@@ -1258,11 +1269,12 @@ export var Points;
     Points[Points["hexagon"] = 5] = "hexagon";
     Points[Points["pentagon"] = 6] = "pentagon";
     Points[Points["octagon"] = 7] = "octagon";
-})(Points || (Points = {}));
-export var CustomPoints;
-(function(CustomPoints) {
+    return Points;
+}({});
+export var CustomPoints = /*#__PURE__*/ function(CustomPoints) {
     CustomPoints[CustomPoints["dottedLine"] = 0] = "dottedLine";
-})(CustomPoints || (CustomPoints = {}));
+    return CustomPoints;
+}({});
 /**
  * we need to make sure that if we add any property to this, then
  * we need to also add that in enum Point and vise-versa
@@ -1369,14 +1381,14 @@ export function formatScientificLimitWidth(value) {
 }
 const DEFAULT_BAR_WIDTH = 16;
 const MIN_BAR_WIDTH = 1;
-export const getBarWidth = (barWidthProp, maxBarWidthProp, adjustedValue = DEFAULT_BAR_WIDTH)=>{
+export const getBarWidth = (barWidthProp, maxBarWidthProp, adjustedValue = DEFAULT_BAR_WIDTH, modeProp)=>{
     let barWidth;
-    if (typeof barWidthProp === 'number') {
+    if (barWidthProp === 'auto' || modeProp === 'histogram') {
+        barWidth = adjustedValue;
+    } else if (typeof barWidthProp === 'number') {
         barWidth = barWidthProp;
-    } else if (barWidthProp === 'default' || typeof barWidthProp === 'undefined') {
-        barWidth = Math.min(adjustedValue, DEFAULT_BAR_WIDTH);
     } else {
-        barWidth = adjustedValue;
+        barWidth = Math.min(adjustedValue, DEFAULT_BAR_WIDTH);
     }
     if (typeof maxBarWidthProp === 'number') {
         barWidth = Math.min(barWidth, maxBarWidthProp);
@@ -1481,3 +1493,59 @@ export const truncateString = (str, maxLength, ellipsis = '...')=>{
     }
     return str.slice(0, maxLength) + ellipsis;
 };
+const categoryOrderRegex = /(category|total|sum|min|max|mean|median) (ascending|descending)/;
+/**
+ * @see {@link https://github.com/plotly/plotly.js/blob/master/src/plots/plots.js#L3041}
+ */ export const sortAxisCategories = (categoryToValues, categoryOrder)=>{
+    if (Array.isArray(categoryOrder)) {
+        const result = [];
+        const seen = new Set();
+        // Add elements from categoryOrder array that are in categoryToValues, in the array's order
+        categoryOrder.forEach((category)=>{
+            if (categoryToValues[category] && !seen.has(category)) {
+                result.push(category);
+                seen.add(category);
+            }
+        });
+        // Append any keys from categoryToValues not already in result
+        Object.keys(categoryToValues).forEach((category)=>{
+            if (!seen.has(category)) {
+                result.push(category);
+            }
+        });
+        return result;
+    }
+    const match = categoryOrder === null || categoryOrder === void 0 ? void 0 : categoryOrder.match(categoryOrderRegex);
+    if (match) {
+        const aggregator = match[1];
+        const order = match[2];
+        if (aggregator === 'category') {
+            const result = Object.keys(categoryToValues).sort();
+            return order === 'descending' ? result.reverse() : result;
+        }
+        const aggFn = {
+            min: d3Min,
+            max: d3Max,
+            sum: d3Sum,
+            total: d3Sum,
+            mean: d3Mean,
+            median: d3Median
+        };
+        const sortAscending = (a, b)=>{
+            return a[1] - b[1];
+        };
+        const sortDescending = (a, b)=>{
+            return b[1] - a[1];
+        };
+        const categoriesAggregatedValue = [];
+        Object.keys(categoryToValues).forEach((category)=>{
+            categoriesAggregatedValue.push([
+                category,
+                aggFn[aggregator](categoryToValues[category]) || 0
+            ]);
+        });
+        categoriesAggregatedValue.sort(order === 'descending' ? sortDescending : sortAscending);
+        return categoriesAggregatedValue.map(([category])=>category);
+    }
+    return Object.keys(categoryToValues);
+};