@fluentui/react-charts 1.1.0 → 9.0.0

package/lib/utilities/colors.js

@@ -0,0 +1,249 @@
+export const DataVizPalette = {
+    color1: 'qualitative.1',
+    color2: 'qualitative.2',
+    color3: 'qualitative.3',
+    color4: 'qualitative.4',
+    color5: 'qualitative.5',
+    color6: 'qualitative.6',
+    color7: 'qualitative.7',
+    color8: 'qualitative.8',
+    color9: 'qualitative.9',
+    color10: 'qualitative.10',
+    color11: 'qualitative.11',
+    color12: 'qualitative.12',
+    color13: 'qualitative.13',
+    color14: 'qualitative.14',
+    color15: 'qualitative.15',
+    color16: 'qualitative.16',
+    color17: 'qualitative.17',
+    color18: 'qualitative.18',
+    color19: 'qualitative.19',
+    color20: 'qualitative.20',
+    color21: 'qualitative.21',
+    color22: 'qualitative.22',
+    color23: 'qualitative.23',
+    color24: 'qualitative.24',
+    color25: 'qualitative.25',
+    color26: 'qualitative.26',
+    color27: 'qualitative.27',
+    color28: 'qualitative.28',
+    color29: 'qualitative.29',
+    color30: 'qualitative.30',
+    color31: 'qualitative.31',
+    color32: 'qualitative.32',
+    color33: 'qualitative.33',
+    color34: 'qualitative.34',
+    color35: 'qualitative.35',
+    color36: 'qualitative.36',
+    color37: 'qualitative.37',
+    color38: 'qualitative.38',
+    color39: 'qualitative.39',
+    color40: 'qualitative.40',
+    info: 'semantic.info',
+    disabled: 'semantic.disabled',
+    highError: 'semantic.highError',
+    error: 'semantic.error',
+    warning: 'semantic.warning',
+    success: 'semantic.success',
+    highSuccess: 'semantic.highSuccess'
+};
+const QualitativePalette = {
+    '1': [
+        '#637cef'
+    ],
+    '2': [
+        '#e3008c'
+    ],
+    '3': [
+        '#2aa0a4'
+    ],
+    '4': [
+        '#9373c0'
+    ],
+    '5': [
+        '#13a10e'
+    ],
+    '6': [
+        '#3a96dd'
+    ],
+    '7': [
+        '#ca5010'
+    ],
+    '8': [
+        '#57811b'
+    ],
+    '9': [
+        '#b146c2'
+    ],
+    '10': [
+        '#ae8c00'
+    ],
+    '11': [
+        '#3c51b4',
+        '#93a4f4'
+    ],
+    '12': [
+        '#ad006a',
+        '#ee5fb7'
+    ],
+    '13': [
+        '#026467',
+        '#4cb4b7'
+    ],
+    '14': [
+        '#674c8c',
+        '#a083c9'
+    ],
+    '15': [
+        '#0e7a0b',
+        '#27ac22'
+    ],
+    '16': [
+        '#2c72a8',
+        '#4fa1e1'
+    ],
+    '17': [
+        '#9a3d0c',
+        '#d77440'
+    ],
+    '18': [
+        '#405f14',
+        '#73aa24'
+    ],
+    '19': [
+        '#863593',
+        '#c36bd1'
+    ],
+    '20': [
+        '#6d5700',
+        '#d0b232'
+    ],
+    '21': [
+        '#4f6bed'
+    ],
+    '22': [
+        '#ea38a6'
+    ],
+    '23': [
+        '#038387'
+    ],
+    '24': [
+        '#8764b8'
+    ],
+    '25': [
+        '#11910d'
+    ],
+    '26': [
+        '#3487c7'
+    ],
+    '27': [
+        '#d06228'
+    ],
+    '28': [
+        '#689920'
+    ],
+    '29': [
+        '#ba58c9'
+    ],
+    '30': [
+        '#937700',
+        '#c19c00'
+    ],
+    '31': [
+        '#2c3c85',
+        '#c8d1fa'
+    ],
+    '32': [
+        '#7f004e',
+        '#f7adda'
+    ],
+    '33': [
+        '#02494c',
+        '#9bd9db'
+    ],
+    '34': [
+        '#4c3867',
+        '#b29ad4'
+    ],
+    '35': [
+        '#0b5a08',
+        '#a7e3a5'
+    ],
+    '36': [
+        '#20547c',
+        '#83bdeb'
+    ],
+    '37': [
+        '#712d09',
+        '#df8e64'
+    ],
+    '38': [
+        '#23330b',
+        '#a4cc6c'
+    ],
+    '39': [
+        '#63276d',
+        '#cf87da'
+    ],
+    '40': [
+        '#3a2f00',
+        '#dac157'
+    ]
+};
+const SemanticPalette = {
+    info: [
+        '#015cda'
+    ],
+    disabled: [
+        '#dbdbdb',
+        '#4d4d4d'
+    ],
+    highError: [
+        '#6e0811',
+        '#cc2635'
+    ],
+    error: [
+        '#c50f1f',
+        '#dc626d'
+    ],
+    warning: [
+        '#f7630c',
+        '#f87528'
+    ],
+    success: [
+        '#107c10',
+        '#54b054'
+    ],
+    highSuccess: [
+        '#094509',
+        '#218c21'
+    ]
+};
+const Colors = {
+    qualitative: QualitativePalette,
+    semantic: SemanticPalette
+};
+const QUALITATIVE_COLORS = Object.values(QualitativePalette);
+const TOKENS = Object.values(DataVizPalette);
+const getThemeSpecificColor = (colors, isDarkTheme)=>{
+    if (colors.length === 0) {
+        return '';
+    }
+    const colorIdx = Number(isDarkTheme);
+    if (colorIdx < colors.length) {
+        return colors[colorIdx];
+    }
+    return colors[0];
+};
+export const getNextColor = (index, offset = 0, isDarkTheme = false)=>{
+    const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];
+    return getThemeSpecificColor(colors, isDarkTheme);
+};
+export const getColorFromToken = (token, isDarkTheme = false)=>{
+    if (TOKENS.indexOf(token) >= 0) {
+        const [paletteName, colorCode] = token.split('.');
+        const colors = Colors[paletteName][colorCode];
+        return getThemeSpecificColor(colors, isDarkTheme);
+    }
+    return token;
+};

package/lib/utilities/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["colors.ts"],"sourcesContent":["export const DataVizPalette = {\n  color1: 'qualitative.1',\n  color2: 'qualitative.2',\n  color3: 'qualitative.3',\n  color4: 'qualitative.4',\n  color5: 'qualitative.5',\n  color6: 'qualitative.6',\n  color7: 'qualitative.7',\n  color8: 'qualitative.8',\n  color9: 'qualitative.9',\n  color10: 'qualitative.10',\n  color11: 'qualitative.11',\n  color12: 'qualitative.12',\n  color13: 'qualitative.13',\n  color14: 'qualitative.14',\n  color15: 'qualitative.15',\n  color16: 'qualitative.16',\n  color17: 'qualitative.17',\n  color18: 'qualitative.18',\n  color19: 'qualitative.19',\n  color20: 'qualitative.20',\n  color21: 'qualitative.21',\n  color22: 'qualitative.22',\n  color23: 'qualitative.23',\n  color24: 'qualitative.24',\n  color25: 'qualitative.25',\n  color26: 'qualitative.26',\n  color27: 'qualitative.27',\n  color28: 'qualitative.28',\n  color29: 'qualitative.29',\n  color30: 'qualitative.30',\n  color31: 'qualitative.31',\n  color32: 'qualitative.32',\n  color33: 'qualitative.33',\n  color34: 'qualitative.34',\n  color35: 'qualitative.35',\n  color36: 'qualitative.36',\n  color37: 'qualitative.37',\n  color38: 'qualitative.38',\n  color39: 'qualitative.39',\n  color40: 'qualitative.40',\n  info: 'semantic.info',\n  disabled: 'semantic.disabled',\n  highError: 'semantic.highError',\n  error: 'semantic.error',\n  warning: 'semantic.warning',\n  success: 'semantic.success',\n  highSuccess: 'semantic.highSuccess',\n};\n\n/**\n * Key: Color code.\n * Value:\n * Index 0 - Default color / Color for light theme,\n * Index 1 - Color for dark theme\n */\ntype Palette = { [key: string]: string[] };\n\nconst QualitativePalette: Palette = {\n  '1': ['#637cef'], // [cornflower.tint10],\n  '2': ['#e3008c'], // [hotPink.primary],\n  '3': ['#2aa0a4'], // [teal.tint20],\n  '4': ['#9373c0'], // [orchid.tint10],\n  '5': ['#13a10e'], // [lightGreen.primary],\n  '6': ['#3a96dd'], // [lightBlue.primary],\n  '7': ['#ca5010'], // [pumpkin.primary],\n  '8': ['#57811b'], // [lime.shade20],\n  '9': ['#b146c2'], // [lilac.primary],\n  '10': ['#ae8c00'], // [gold.shade10],\n  '11': ['#3c51b4', '#93a4f4'], // [cornflower.shade20, cornflower.tint30],\n  '12': ['#ad006a', '#ee5fb7'], // [hotPink.shade20, hotPink.tint30],\n  '13': ['#026467', '#4cb4b7'], // [teal.shade20, teal.tint30],\n  '14': ['#674c8c', '#a083c9'], // [orchid.shade20, orchid.tint20],\n  '15': ['#0e7a0b', '#27ac22'], // [lightGreen.shade20, lightGreen.tint10],\n  '16': ['#2c72a8', '#4fa1e1'], // [lightBlue.shade20, lightBlue.tint10],\n  '17': ['#9a3d0c', '#d77440'], // [pumpkin.shade20, pumpkin.tint20],\n  '18': ['#405f14', '#73aa24'], // [lime.shade30, lime.primary],\n  '19': ['#863593', '#c36bd1'], // [lilac.shade20, lilac.tint20],\n  '20': ['#6d5700', '#d0b232'], // [gold.shade30, gold.tint20],\n  '21': ['#4f6bed'], // [cornflower.primary],\n  '22': ['#ea38a6'], // [hotPink.tint20],\n  '23': ['#038387'], // [teal.primary],\n  '24': ['#8764b8'], // [orchid.primary],\n  '25': ['#11910d'], // [lightGreen.shade10],\n  '26': ['#3487c7'], // [lightBlue.shade10],\n  '27': ['#d06228'], // [pumpkin.tint10],\n  '28': ['#689920'], // [lime.shade10],\n  '29': ['#ba58c9'], // [lilac.tint10],\n  '30': ['#937700', '#c19c00'], // [gold.shade20, gold.primary],\n  '31': ['#2c3c85', '#c8d1fa'], // [cornflower.shade30, cornflower.tint40],\n  '32': ['#7f004e', '#f7adda'], // [hotPink.shade30, hotPink.tint40],\n  '33': ['#02494c', '#9bd9db'], // [teal.shade30, teal.tint40],\n  '34': ['#4c3867', '#b29ad4'], // [orchid.shade30, orchid.tint30],\n  '35': ['#0b5a08', '#a7e3a5'], // [lightGreen.shade30, lightGreen.tint40],\n  '36': ['#20547c', '#83bdeb'], // [lightBlue.shade30, lightBlue.tint30],\n  '37': ['#712d09', '#df8e64'], // [pumpkin.shade30, pumpkin.tint30],\n  '38': ['#23330b', '#a4cc6c'], // [lime.shade40, lime.tint30],\n  '39': ['#63276d', '#cf87da'], // [lilac.shade30, lilac.tint30],\n  '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],\n};\n\nconst SemanticPalette: Palette = {\n  info: ['#015cda'],\n  disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]\n  highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],\n  error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],\n  warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],\n  success: ['#107c10', '#54b054'], // [green.primary, green.tint30],\n  highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],\n};\n\nconst Colors: { [key: string]: Palette } = {\n  qualitative: QualitativePalette,\n  semantic: SemanticPalette,\n};\n\nconst QUALITATIVE_COLORS = Object.values(QualitativePalette);\nconst TOKENS = Object.values(DataVizPalette);\n\nconst getThemeSpecificColor = (colors: string[], isDarkTheme: boolean): string => {\n  if (colors.length === 0) {\n    return '';\n  }\n  const colorIdx = Number(isDarkTheme);\n  if (colorIdx < colors.length) {\n    return colors[colorIdx];\n  }\n  return colors[0];\n};\n\nexport const getNextColor = (index: number, offset: number = 0, isDarkTheme: boolean = false): string => {\n  const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];\n  return getThemeSpecificColor(colors, isDarkTheme);\n};\n\nexport const getColorFromToken = (token: string, isDarkTheme: boolean = false): string => {\n  if (TOKENS.indexOf(token) >= 0) {\n    const [paletteName, colorCode] = token.split('.');\n    const colors = Colors[paletteName][colorCode];\n    return getThemeSpecificColor(colors, isDarkTheme);\n  }\n  return token;\n};\n"],"names":["DataVizPalette","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color13","color14","color15","color16","color17","color18","color19","color20","color21","color22","color23","color24","color25","color26","color27","color28","color29","color30","color31","color32","color33","color34","color35","color36","color37","color38","color39","color40","info","disabled","highError","error","warning","success","highSuccess","QualitativePalette","SemanticPalette","Colors","qualitative","semantic","QUALITATIVE_COLORS","Object","values","TOKENS","getThemeSpecificColor","colors","isDarkTheme","length","colorIdx","Number","getNextColor","index","offset","getColorFromToken","token","indexOf","paletteName","colorCode","split"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/utilities/getWindow.js

@@ -0,0 +1,25 @@
+import { canUseDOM } from '@fluentui/react-utilities';
+let _window = undefined;
+// Note: Accessing "window" in IE11 is somewhat expensive, and calling "typeof window"
+// hits a memory leak, whereas aliasing it and calling "typeof _window" does not.
+// Caching the window value at the file scope lets us minimize the impact.
+try {
+    // eslint-disable-next-line no-restricted-globals
+    _window = window;
+} catch (e) {
+/* no-op */ }
+/**
+ * Helper to get the window object. The helper will make sure to use a cached variable
+ * of "window", to avoid overhead and memory leaks in IE11. Note that in popup scenarios the
+ * window object won't match the "global" window object, and for these scenarios, you should
+ * pass in an element hosted within the popup.
+ *
+ * @public
+ */ export function getWindow(rootElement) {
+    if (!canUseDOM() || typeof _window === 'undefined') {
+        return undefined;
+    } else {
+        const el = rootElement;
+        return el && el.ownerDocument && el.ownerDocument.defaultView ? el.ownerDocument.defaultView : _window;
+    }
+}

package/lib/utilities/getWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getWindow.ts"],"sourcesContent":["import { canUseDOM } from '@fluentui/react-utilities';\n\nlet _window: Window | undefined = undefined;\n\n// Note: Accessing \"window\" in IE11 is somewhat expensive, and calling \"typeof window\"\n// hits a memory leak, whereas aliasing it and calling \"typeof _window\" does not.\n// Caching the window value at the file scope lets us minimize the impact.\ntry {\n  // eslint-disable-next-line no-restricted-globals\n  _window = window;\n} catch (e) {\n  /* no-op */\n}\n\n/**\n * Helper to get the window object. The helper will make sure to use a cached variable\n * of \"window\", to avoid overhead and memory leaks in IE11. Note that in popup scenarios the\n * window object won't match the \"global\" window object, and for these scenarios, you should\n * pass in an element hosted within the popup.\n *\n * @public\n */\nexport function getWindow(rootElement?: Element | null): Window | undefined {\n  if (!canUseDOM() || typeof _window === 'undefined') {\n    return undefined;\n  } else {\n    const el = rootElement as Element;\n\n    return el && el.ownerDocument && el.ownerDocument.defaultView ? el.ownerDocument.defaultView : _window;\n  }\n}\n"],"names":["canUseDOM","_window","undefined","window","e","getWindow","rootElement","el","ownerDocument","defaultView"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,QAAQ,4BAA4B;AAEtD,IAAIC,UAA8BC;AAElC,sFAAsF;AACtF,iFAAiF;AACjF,0EAA0E;AAC1E,IAAI;IACF,iDAAiD;IACjDD,UAAUE;AACZ,EAAE,OAAOC,GAAG;AACV,SAAS,GACX;AAEA;;;;;;;CAOC,GACD,OAAO,SAASC,UAAUC,WAA4B;IACpD,IAAI,CAACN,eAAe,OAAOC,YAAY,aAAa;QAClD,OAAOC;IACT,OAAO;QACL,MAAMK,KAAKD;QAEX,OAAOC,MAAMA,GAAGC,aAAa,IAAID,GAAGC,aAAa,CAACC,WAAW,GAAGF,GAAGC,aAAa,CAACC,WAAW,GAAGR;IACjG;AACF"}

package/lib/utilities/index.js

@@ -0,0 +1,3 @@
+export * from './utilities';
+export * from './colors';
+export * from './vbc-utils';

package/lib/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './utilities';\nexport * from './colors';\nexport * from './vbc-utils';\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,cAAc"}

package/lib/utilities/locale-util.js

@@ -0,0 +1,15 @@
+export const convertToLocaleString = (data, culture)=>{
+    if (!data) {
+        return data;
+    }
+    culture = culture || undefined;
+    if (typeof data === 'number') {
+        return data.toLocaleString(culture);
+    } else if (typeof data === 'string' && !isNaN(Number(data))) {
+        const num = Number(data);
+        return num.toLocaleString(culture);
+    } else if (data instanceof Date) {
+        return data.toLocaleDateString(culture);
+    }
+    return data;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["locale-util.ts"],"sourcesContent":["type LocaleStringDataProps = number | string | Date | { [id: string]: number } | 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' && !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"],"names":["convertToLocaleString","data","culture","undefined","toLocaleString","isNaN","Number","num","Date","toLocaleDateString"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AACA,OAAO,MAAMA,wBAAwB,CAACC,MAA6BC;IACjE,IAAI,CAACD,MAAM;QACT,OAAOA;IACT;IACAC,UAAUA,WAAWC;IACrB,IAAI,OAAOF,SAAS,UAAU;QAC5B,OAAOA,KAAKG,cAAc,CAACF;IAC7B,OAAO,IAAI,OAAOD,SAAS,YAAY,CAACI,MAAMC,OAAOL,QAAQ;QAC3D,MAAMM,MAAMD,OAAOL;QACnB,OAAOM,IAAIH,cAAc,CAACF;IAC5B,OAAO,IAAID,gBAAgBO,MAAM;QAC/B,OAAOP,KAAKQ,kBAAkB,CAACP;IACjC;IACA,OAAOD;AACT,EAAE"}

package/lib/utilities/overflow-utils.js

@@ -0,0 +1,27 @@
+/**
+ * Detects whether an element's content has horizontal overflow
+ *
+ * @public
+ * @param element - Element to check for overflow
+ * @returns True if element's content overflows
+ */ export function hasHorizontalOverflow(element) {
+    return element.clientWidth < element.scrollWidth;
+}
+/**
+ * Detects whether an element's content has vertical overflow
+ *
+ * @public
+ * @param element - Element to check for overflow
+ * @returns True if element's content overflows
+ */ export function hasVerticalOverflow(element) {
+    return element.clientHeight < element.scrollHeight;
+}
+/**
+ * Detects whether an element's content has overflow in any direction
+ *
+ * @public
+ * @param element - Element to check for overflow
+ * @returns True if element's content overflows
+ */ export function hasOverflow(element) {
+    return hasHorizontalOverflow(element) || hasVerticalOverflow(element);
+}

package/lib/utilities/overflow-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["overflow-utils.ts"],"sourcesContent":["/**\n * Detects whether an element's content has horizontal overflow\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasHorizontalOverflow(element: HTMLElement): boolean {\n  return element.clientWidth < element.scrollWidth;\n}\n\n/**\n * Detects whether an element's content has vertical overflow\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasVerticalOverflow(element: HTMLElement): boolean {\n  return element.clientHeight < element.scrollHeight;\n}\n\n/**\n * Detects whether an element's content has overflow in any direction\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasOverflow(element: HTMLElement): boolean {\n  return hasHorizontalOverflow(element) || hasVerticalOverflow(element);\n}\n"],"names":["hasHorizontalOverflow","element","clientWidth","scrollWidth","hasVerticalOverflow","clientHeight","scrollHeight","hasOverflow"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;;CAMC,GACD,OAAO,SAASA,sBAAsBC,OAAoB;IACxD,OAAOA,QAAQC,WAAW,GAAGD,QAAQE,WAAW;AAClD;AAEA;;;;;;CAMC,GACD,OAAO,SAASC,oBAAoBH,OAAoB;IACtD,OAAOA,QAAQI,YAAY,GAAGJ,QAAQK,YAAY;AACpD;AAEA;;;;;;CAMC,GACD,OAAO,SAASC,YAAYN,OAAoB;IAC9C,OAAOD,sBAAsBC,YAAYG,oBAAoBH;AAC/D"}

package/lib/utilities/test-data.js

@@ -0,0 +1,276 @@
+export const chartPointsVBC = [
+    {
+        x: 0,
+        y: 10000,
+        legend: 'First',
+        color: 'aqua',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '10%'
+    },
+    {
+        x: 10000,
+        y: 50000,
+        legend: 'Second',
+        color: 'blue',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '20%'
+    },
+    {
+        x: 25000,
+        y: 30000,
+        legend: 'Third',
+        color: 'navy',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '37%'
+    }
+];
+const firstChartPointsVSBC = [
+    {
+        legend: 'Metadata1',
+        data: 40,
+        color: 'aqua',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '40%'
+    },
+    {
+        legend: 'Metadata2',
+        data: 5,
+        color: 'navy',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '5%'
+    }
+];
+const secondChartPointsVSBC = [
+    {
+        legend: 'Metadata1',
+        data: 30,
+        color: 'aqua',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '30%'
+    },
+    {
+        legend: 'Metadata2',
+        data: 20,
+        color: 'navy',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '20%'
+    }
+];
+export const chartPointsVSBC = [
+    {
+        chartData: firstChartPointsVSBC,
+        xAxisPoint: 0
+    },
+    {
+        chartData: secondChartPointsVSBC,
+        xAxisPoint: 20
+    }
+];
+export const chartPoints2VSBC = [
+    {
+        chartData: firstChartPointsVSBC,
+        xAxisPoint: 0,
+        lineData: [
+            {
+                y: 15,
+                legend: 'Line1',
+                color: 'yellow'
+            }
+        ]
+    },
+    {
+        chartData: secondChartPointsVSBC,
+        xAxisPoint: 20,
+        lineData: [
+            {
+                y: 30,
+                legend: 'Line1',
+                color: 'yellow'
+            }
+        ]
+    }
+];
+export const emptychartPointsVSBC = [
+    {
+        chartData: [],
+        xAxisPoint: 0
+    }
+];
+export const pointsHBCWA = [
+    {
+        x: 10000,
+        y: 5000,
+        legend: 'Oranges',
+        color: 'aqua',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '10%'
+    },
+    {
+        x: 20000,
+        y: 50000,
+        legend: 'Dogs',
+        color: 'blue',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '20%'
+    },
+    {
+        x: 25000,
+        y: 30000,
+        legend: 'Apples',
+        color: 'navy',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '37%'
+    },
+    {
+        x: 40000,
+        y: 13000,
+        legend: 'Bananas',
+        color: 'teal',
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '88%'
+    }
+];
+export const 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 const 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 const chartPointsDC = {
+    chartTitle: 'Donut chart example',
+    chartData: pointsDC
+};
+export const chartPointsDCElevateMinimums = {
+    chartTitle: 'Donut chart example',
+    chartData: pointsDC
+};
+export const chartPointsHBCWA = [
+    {
+        x: 10000,
+        y: 5000,
+        legend: 'Oranges',
+        color: 'aqua',
+        yAxisCalloutData: '2020/04/30',
+        xAxisCalloutData: '10%'
+    },
+    {
+        x: 20000,
+        y: 50000,
+        legend: 'Grapes',
+        color: 'blue',
+        yAxisCalloutData: '2020/04/30',
+        xAxisCalloutData: '20%'
+    },
+    {
+        x: 25000,
+        y: 30000,
+        legend: 'Apples',
+        color: 'navy',
+        yAxisCalloutData: '2020/04/30',
+        xAxisCalloutData: '37%'
+    },
+    {
+        x: 40000,
+        y: 13000,
+        legend: 'Bananas',
+        color: 'teal',
+        yAxisCalloutData: '2020/04/30',
+        xAxisCalloutData: '88%'
+    }
+];
+export const chartPointsWithStringYAxisHBCWA = [
+    {
+        y: 'String One',
+        x: 1000,
+        color: 'aqua'
+    },
+    {
+        y: 'String Two',
+        x: 5000,
+        color: 'blue'
+    },
+    {
+        y: 'String Three',
+        x: 3000,
+        color: 'navy'
+    },
+    {
+        y: 'String Four',
+        x: 2000,
+        color: 'blue'
+    }
+];
+export const chartPointsWithAxisToolTipHBCWA = [
+    {
+        x: 1000,
+        y: 1000,
+        color: 'aqua'
+    },
+    {
+        x: 2000,
+        y: 5000,
+        color: 'blue'
+    },
+    {
+        x: 3000,
+        y: 3000,
+        color: 'navy'
+    },
+    {
+        x: 4000,
+        y: 2000,
+        color: 'blue'
+    }
+];

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

@@ -0,0 +1 @@
+{"version":3,"sources":["test-data.ts"],"sourcesContent":["import {\n  ChartDataPoint,\n  ChartProps,\n  HorizontalBarChartWithAxisDataPoint,\n  VSChartDataPoint,\n  VerticalStackedChartProps,\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"],"names":["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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}