@fluentui/react-charting 5.12.24 → 5.12.27

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHoverCard.base.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.base.tsx"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,0BAAkB,EAAoD,CAAC;IAC7F;QAAwC,8CAAyC;QAAjF;;QAmCA,CAAC;QAjCQ,mCAAM,GAAb;YACQ,IAAA,KAAuF,IAAI,CAAC,KAAK,EAA/F,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA,EAAE,OAAO,aAAe,CAAC;YACxG,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,MAAM;gBACd,cAAc,EAAE,CAAC,CAAC,KAAK;aACxB,CAAC,CAAC;YACH,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB;gBACjD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,wBAAwB;oBACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe;wBAAG,MAAM;4BAAQ,CAG7D;gBACN,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB;oBACnD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,qBAAqB;wBACpD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,iBAAiB,IAAG,6BAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAO;wBAClG,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,IAAG,6BAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAO,CAC5F;oBACL,CAAC,CAAC,KAAK,IAAI,CACV,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;wBACpC;4BACE,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,IAAG,6BAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ;;4BAC9F,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,IAAG,6BAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ,CAC/F,CACC,CACP,CACG;gBACL,CAAC,CAAC,kBAAkB,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAG,kBAAkB,CAAO,CACpG,CACP,CAAC;QACJ,CAAC;QACH,yBAAC;IAAD,CAAC,AAnCD,CAAwC,KAAK,CAAC,SAAS,GAmCtD;IAnCY,gDAAkB","sourcesContent":["import * as React from 'react';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\nimport { classNamesFunction, IProcessedStyleSet } from '@fluentui/react';\nimport { convertToLocaleString } from '../index';\n\nconst getClassNames = classNamesFunction<IChartHoverCardStyleProps, IChartHoverCardStyles>();\nexport class ChartHoverCardBase extends React.Component<IChartHoverCardProps, {}> {\n  private _classNames: IProcessedStyleSet<IChartHoverCardStyles>;\n  public render(): React.ReactNode {\n    const { color, Legend, XValue, YValue, styles, theme, ratio, descriptionMessage, culture } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      color: color,\n      XValue: XValue,\n      isRatioPresent: !!ratio,\n    });\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div className={this._classNames.calloutDateTimeContainer}>\n          <div className={this._classNames.calloutContentX}>{XValue} </div>\n          {/*TO DO  if we add time for callout then will use this */}\n          {/* <div className={this._classNames.calloutContentX}>07:00am</div> */}\n        </div>\n        <div className={this._classNames.calloutInfoContainer}>\n          <div className={this._classNames.calloutBlockContainer}>\n            <div className={this._classNames.calloutlegendText}>{convertToLocaleString(Legend, culture)}</div>\n            <div className={this._classNames.calloutContentY}>{convertToLocaleString(YValue, culture)}</div>\n          </div>\n          {!!ratio && (\n            <div className={this._classNames.ratio}>\n              <>\n                <span className={this._classNames.numerator}>{convertToLocaleString(ratio[0], culture)}</span>/\n                <span className={this._classNames.denominator}>{convertToLocaleString(ratio[1], culture)}</span>\n              </>\n            </div>\n          )}\n        </div>\n        {!!descriptionMessage && <div className={this._classNames.descriptionMessage}>{descriptionMessage}</div>}\n      </div>\n    );\n  }\n}\n"]}

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IChartHoverCardProps } from './ChartHoverCard.types';
+export declare const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps>;

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "../../Utilities", "./ChartHoverCard.base", "./ChartHoverCard.styles"], function (require, exports, Utilities_1, ChartHoverCard_base_1, ChartHoverCard_styles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ChartHoverCard = void 0;
+    //  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.
+    exports.ChartHoverCard = Utilities_1.styled(ChartHoverCard_base_1.ChartHoverCardBase, ChartHoverCard_styles_1.getChartHoverCardStyles);
+});
+//# sourceMappingURL=ChartHoverCard.js.map

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHoverCard.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.tsx"],"names":[],"mappings":";;;;IAMA,iGAAiG;IACpF,QAAA,cAAc,GAAkD,kBAAM,CAIjF,wCAAkB,EAAE,+CAAuB,CAAC,CAAC","sourcesContent":["import { styled } from '../../Utilities';\nimport * as React from 'react';\nimport { ChartHoverCardBase } from './ChartHoverCard.base';\nimport { getChartHoverCardStyles } from './ChartHoverCard.styles';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\n\n//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.\nexport const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps> = styled<\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles\n>(ChartHoverCardBase, getChartHoverCardStyles);\n"]}

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.styles.d.ts

@@ -0,0 +1,2 @@
+import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';
+export declare const getChartHoverCardStyles: (props: IChartHoverCardStyleProps) => IChartHoverCardStyles;

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.styles.js

@@ -0,0 +1,87 @@
+define(["require", "exports", "@fluentui/react/lib/Styling"], function (require, exports, Styling_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getChartHoverCardStyles = void 0;
+    var getChartHoverCardStyles = function (props) {
+        var color = props.color, XValue = props.XValue, theme = props.theme, _a = props.isRatioPresent, isRatioPresent = _a === void 0 ? false : _a;
+        return {
+            calloutContentRoot: [
+                {
+                    display: 'grid',
+                    overflow: 'hidden',
+                    padding: '11px 16px 10px 16px',
+                    backgroundColor: theme.semanticColors.bodyBackground,
+                    backgroundBlendMode: 'normal, luminosity',
+                },
+            ],
+            calloutDateTimeContainer: {
+                display: 'flex',
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+            },
+            calloutContentX: [
+                theme.fonts.small,
+                {
+                    lineHeight: '16px',
+                    opacity: '0.8',
+                    color: theme.semanticColors.bodySubtext,
+                },
+            ],
+            calloutBlockContainer: [
+                theme.fonts.xxLarge,
+                {
+                    marginTop: XValue ? '13px' : 'unset',
+                    paddingLeft: '8px',
+                    lineHeight: '22px',
+                    color: theme.semanticColors.bodyText,
+                    borderLeft: "4px solid " + color,
+                },
+            ],
+            calloutlegendText: [
+                theme.fonts.small,
+                {
+                    lineHeight: '16px',
+                    color: theme.semanticColors.bodyText,
+                },
+            ],
+            calloutContentY: [
+                theme.fonts.xxLarge,
+                {
+                    color: color ? color : theme.semanticColors.bodyText,
+                    fontWeight: 'bold',
+                    lineHeight: '36px',
+                },
+            ],
+            calloutInfoContainer: [
+                isRatioPresent && {
+                    display: 'flex',
+                    alignItems: 'flex-end',
+                },
+            ],
+            ratio: [
+                theme.fonts.small,
+                {
+                    marginLeft: '6px',
+                    color: theme.semanticColors.bodyText,
+                },
+            ],
+            numerator: {
+                fontWeight: Styling_1.FontWeights.bold,
+            },
+            denominator: {
+                fontWeight: Styling_1.FontWeights.semibold,
+            },
+            descriptionMessage: [
+                theme.fonts.small,
+                {
+                    color: theme.semanticColors.bodyText,
+                    marginTop: '10px',
+                    paddingTop: '10px',
+                    borderTop: "1px solid " + theme.semanticColors.menuDivider,
+                },
+            ],
+        };
+    };
+    exports.getChartHoverCardStyles = getChartHoverCardStyles;
+});
+//# sourceMappingURL=ChartHoverCard.styles.js.map

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":";;;;IAGO,IAAM,uBAAuB,GAAG,UAAC,KAAgC;QAC9D,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,MAAM,GAAoC,KAAK,OAAzC,EAAE,KAAK,GAA6B,KAAK,MAAlC,EAAE,KAA2B,KAAK,eAAV,EAAtB,cAAc,mBAAG,KAAK,KAAA,CAAW;QAC/D,OAAO;YACL,kBAAkB,EAAE;gBAClB;oBACE,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,qBAAqB;oBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;oBACpD,mBAAmB,EAAE,oBAAoB;iBAC1C;aACF;YACD,wBAAwB,EAAE;gBACxB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,eAAe;aAChC;YACD,eAAe,EAAE;gBACf,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,MAAM;oBAClB,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;iBACxC;aACF;YACD,qBAAqB,EAAE;gBACrB,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB;oBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,WAAW,EAAE,KAAK;oBAClB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,UAAU,EAAE,eAAa,KAAO;iBACjC;aACF;YACD,iBAAiB,EAAE;gBACjB,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;iBACrC;aACF;YACD,eAAe,EAAE;gBACf,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB;oBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpD,UAAU,EAAE,MAAM;oBAClB,UAAU,EAAE,MAAM;iBACnB;aACF;YACD,oBAAoB,EAAE;gBACpB,cAAc,IAAI;oBAChB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,UAAU;iBACvB;aACF;YACD,KAAK,EAAE;gBACL,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,KAAK;oBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;iBACrC;aACF;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,qBAAW,CAAC,IAAI;aAC7B;YACD,WAAW,EAAE;gBACX,UAAU,EAAE,qBAAW,CAAC,QAAQ;aACjC;YACD,kBAAkB,EAAE;gBAClB,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,SAAS,EAAE,MAAM;oBACjB,UAAU,EAAE,MAAM;oBAClB,SAAS,EAAE,eAAa,KAAK,CAAC,cAAc,CAAC,WAAa;iBAC3D;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IA/EW,QAAA,uBAAuB,2BA+ElC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights } from '@fluentui/react/lib/Styling';\n\nexport const getChartHoverCardStyles = (props: IChartHoverCardStyleProps): IChartHoverCardStyles => {\n  const { color, XValue, theme, isRatioPresent = false } = props;\n  return {\n    calloutContentRoot: [\n      {\n        display: 'grid',\n        overflow: 'hidden',\n        padding: '11px 16px 10px 16px',\n        backgroundColor: theme.semanticColors.bodyBackground,\n        backgroundBlendMode: 'normal, luminosity',\n      },\n    ],\n    calloutDateTimeContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    calloutContentX: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        opacity: '0.8',\n        color: theme.semanticColors.bodySubtext,\n      },\n    ],\n    calloutBlockContainer: [\n      theme.fonts.xxLarge,\n      {\n        marginTop: XValue ? '13px' : 'unset',\n        paddingLeft: '8px',\n        lineHeight: '22px',\n        color: theme.semanticColors.bodyText,\n        borderLeft: `4px solid ${color}`,\n      },\n    ],\n    calloutlegendText: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    calloutContentY: [\n      theme.fonts.xxLarge,\n      {\n        color: color ? color : theme.semanticColors.bodyText,\n        fontWeight: 'bold',\n        lineHeight: '36px',\n      },\n    ],\n    calloutInfoContainer: [\n      isRatioPresent && {\n        display: 'flex',\n        alignItems: 'flex-end',\n      },\n    ],\n    ratio: [\n      theme.fonts.small,\n      {\n        marginLeft: '6px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    numerator: {\n      fontWeight: FontWeights.bold,\n    },\n    denominator: {\n      fontWeight: FontWeights.semibold,\n    },\n    descriptionMessage: [\n      theme.fonts.small,\n      {\n        color: theme.semanticColors.bodyText,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n      },\n    ],\n  };\n};\n"]}

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.types.d.ts

@@ -0,0 +1,105 @@
+import { ITheme, IStyle, IStyleFunctionOrObject } from '@fluentui/react';
+export interface IChartHoverCardProps {
+    /**
+     * X  value for hover card
+     */
+    XValue?: string;
+    /**
+     * Y value for hover card
+     */
+    YValue?: string | number | Date;
+    /**
+     * Legend value  for hover card
+     */
+    Legend?: string | number | Date;
+    /**
+     * color for hover card
+     */
+    color?: string;
+    /**
+     * ratio to show
+     * first number is numerator
+     * and second number is denominator
+     */
+    ratio?: [number, number];
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * description message in the callout
+     */
+    descriptionMessage?: string;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IChartHoverCardStyleProps, IChartHoverCardStyles>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+}
+export interface IChartHoverCardStyles {
+    /**
+     * styles for callout root-content
+     */
+    calloutContentRoot?: IStyle;
+    /**
+     * styles for callout Date time container
+     */
+    calloutDateTimeContainer?: IStyle;
+    /**
+     * styles for callout Date time container
+     */
+    calloutInfoContainer?: IStyle;
+    /**
+     * styles for callout Date time container
+     */
+    calloutBlockContainer?: IStyle;
+    /**
+     * styles for callout y-content
+     */
+    calloutlegendText?: IStyle;
+    /**
+     * styles for callout x-content
+     */
+    calloutContentX?: IStyle;
+    /**
+     * styles for callout y-content
+     */
+    calloutContentY?: IStyle;
+    /**
+     * styles for denomination
+     */
+    ratio?: IStyle;
+    /**
+     * styles for numerator
+     */
+    numerator?: IStyle;
+    /**
+     * styles for denominator
+     */
+    denominator?: IStyle;
+    /**
+     * styles for the description
+     */
+    descriptionMessage?: IStyle;
+}
+export interface IChartHoverCardStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme;
+    /**
+     * color for hover card
+     */
+    color?: string;
+    /**
+     * X  value for hover card
+     */
+    XValue?: string;
+    /**
+     * indicate if denomination is present
+     */
+    isRatioPresent?: boolean;
+}

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=ChartHoverCard.types.js.map

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHoverCard.types.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle, IStyleFunctionOrObject } from '@fluentui/react';\nexport interface IChartHoverCardProps {\n  /**\n   * X  value for hover card\n   */\n  XValue?: string;\n\n  /**\n   * Y value for hover card\n   */\n  YValue?: string | number | Date;\n\n  /**\n   * Legend value  for hover card\n   */\n  Legend?: string | number | Date;\n\n  /**\n   * color for hover card\n   */\n  color?: string;\n  /**\n   * ratio to show\n   * first number is numerator\n   * and second number is denominator\n   */\n  ratio?: [number, number];\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n  /**\n   * description message in the callout\n   */\n  descriptionMessage?: string;\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IChartHoverCardStyleProps, IChartHoverCardStyles>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n}\n\nexport interface IChartHoverCardStyles {\n  /**\n   * styles for callout root-content\n   */\n  calloutContentRoot?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutDateTimeContainer?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutInfoContainer?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutBlockContainer?: IStyle;\n\n  /**\n   * styles for callout y-content\n   */\n  calloutlegendText?: IStyle;\n\n  /**\n   * styles for callout x-content\n   */\n  calloutContentX?: IStyle;\n  /**\n   * styles for callout y-content\n   */\n  calloutContentY?: IStyle;\n  /**\n   * styles for denomination\n   */\n  ratio?: IStyle;\n  /**\n   * styles for numerator\n   */\n  numerator?: IStyle;\n  /**\n   * styles for denominator\n   */\n  denominator?: IStyle;\n  /**\n   * styles for the description\n   */\n  descriptionMessage?: IStyle;\n}\n\nexport interface IChartHoverCardStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n\n  /**\n   * color for hover card\n   */\n  color?: string;\n\n  /**\n   * X  value for hover card\n   */\n  XValue?: string;\n\n  /**\n   * indicate if denomination is present\n   */\n  isRatioPresent?: boolean;\n}\n"]}

package/lib-amd/utilities/ChartHoverCard/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ChartHoverCard';
+export * from './ChartHoverCard.styles';
+export * from './ChartHoverCard.types';

package/lib-amd/utilities/ChartHoverCard/index.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "tslib", "./ChartHoverCard", "./ChartHoverCard.styles", "./ChartHoverCard.types"], function (require, exports, tslib_1, ChartHoverCard_1, ChartHoverCard_styles_1, ChartHoverCard_types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(ChartHoverCard_1, exports);
+    tslib_1.__exportStar(ChartHoverCard_styles_1, exports);
+    tslib_1.__exportStar(ChartHoverCard_types_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/utilities/ChartHoverCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IACjC,uDAAwC;IACxC,sDAAuC","sourcesContent":["export * from './ChartHoverCard';\nexport * from './ChartHoverCard.styles';\nexport * from './ChartHoverCard.types';\n"]}

package/lib-amd/utilities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ChartHoverCard/index';
+export * from './utilities';

package/lib-amd/utilities/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./ChartHoverCard/index", "./utilities"], function (require, exports, tslib_1, index_1, utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(index_1, exports);
+    tslib_1.__exportStar(utilities_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":";;;IAAA,uCAAuC;IACvC,2CAA4B","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\n"]}

package/lib-amd/utilities/utilities.d.ts

@@ -0,0 +1,374 @@
+import { Axis as D3Axis } from 'd3-axis';
+import { IAccessibilityProps, IEventsAnnotationProps, ILineChartPoints, IDataPoint, IVerticalBarChartDataPoint } from '../index';
+export declare type NumericAxis = D3Axis<number | {
+    valueOf(): number;
+}>;
+export declare type StringAxis = D3Axis<string>;
+export declare enum ChartTypes {
+    AreaChart = 0,
+    LineChart = 1,
+    VerticalBarChart = 2,
+    VerticalStackedBarChart = 3,
+    GroupedVerticalBarChart = 4,
+    HeatMapChart = 5
+}
+export declare enum XAxisTypes {
+    NumericAxis = 0,
+    DateAxis = 1,
+    StringAxis = 2
+}
+export declare enum YAxisType {
+    NumericAxis = 0,
+    DateAxis = 1,
+    StringAxis = 2
+}
+export interface IWrapLabelProps {
+    node: SVGElement | null;
+    xAxis: NumericAxis | StringAxis;
+    noOfCharsToTruncate: number;
+    showXAxisLablesTooltip: boolean;
+}
+export interface IRotateLabelProps {
+    node: SVGElement | null;
+    xAxis: NumericAxis | StringAxis;
+}
+export interface IAxisData {
+    yAxisDomainValues: number[];
+}
+export interface IMargins {
+    /**
+     * left margin for the chart.
+     * @default 40
+     */
+    left?: number;
+    /**
+     * Right margin for the chart.
+     * @default 20
+     */
+    right?: number;
+    /**
+     * Top margin for the chart.
+     * @default 20
+     */
+    top?: number;
+    /**
+     * Bottom margin for the chart.
+     * @default 35
+     */
+    bottom?: number;
+}
+export interface IDomainNRange {
+    dStartValue: number | Date;
+    dEndValue: number | Date;
+    rStartValue: number;
+    rEndValue: number;
+}
+export interface IXAxisParams {
+    domainNRangeValues: IDomainNRange;
+    xAxisElement?: SVGElement | null;
+    xAxisCount?: number;
+    showRoundOffXTickValues?: boolean;
+    xAxistickSize?: number;
+    tickPadding?: number;
+    xAxisPadding?: number;
+}
+export interface ITickParams {
+    tickValues?: Date[] | number[];
+    tickFormat?: string;
+}
+export interface IYAxisParams {
+    yMinMaxValues?: {
+        startValue: number;
+        endValue: number;
+    };
+    maxOfYVal?: number;
+    margins: IMargins;
+    containerWidth: number;
+    containerHeight: number;
+    yAxisElement?: SVGElement | null;
+    yAxisTickFormat?: any;
+    yAxisTickCount: number;
+    yMaxValue?: number;
+    yMinValue?: number;
+    tickPadding?: number;
+    eventAnnotationProps?: IEventsAnnotationProps;
+    eventLabelHeight?: number;
+    yAxisPadding?: number;
+}
+/**
+ * Create Numeric X axis
+ * @export
+ * @param {IXAxisParams} xAxisParams
+ */
+export declare function createNumericXAxis(xAxisParams: IXAxisParams, culture?: string): import("d3-scale").ScaleLinear<number, number>;
+/**
+ * Creating Date x axis of the Chart
+ * @export
+ * @param {IXAxisParams} xAxisParams
+ * @param {ITickParams} tickParams
+ */
+export declare function createDateXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams): import("d3-scale").ScaleTime<number, number>;
+/**
+ * Create String X axis
+ * Currently using for only Vetical stacked bar chart and grouped vertical bar chart
+ * @export
+ * @param {IXAxisParams} xAxisParams
+ * @param {ITickParams} tickParams
+ * @param {string[]} dataset
+ * @returns
+ */
+export declare function createStringXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams, dataset: string[], culture?: string): import("d3-scale").ScaleBand<string>;
+/**
+ * This method used for creating data points for the y axis.
+ * @export
+ * @param {number} maxVal
+ * @param {number} minVal
+ * @param {number} splitInto
+ * @returns {number[]}
+ */
+export declare function prepareDatapoints(maxVal: number, minVal: number, splitInto: number): number[];
+/**
+ * Creating Numeric Y axis of the chart
+ * @export
+ * @param {IYAxisParams} yAxisParams
+ * @param {boolean} isRtl
+ */
+export declare function createYAxis(yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData): import("d3-scale").ScaleLinear<number, number>;
+/**
+ * Creating String Y axis of the chart
+ * @param yAxisParams
+ * @param dataPoints
+ * @param isRtl
+ */
+export declare const createStringYAxis: (yAxisParams: IYAxisParams, dataPoints: string[], isRtl: boolean) => import("d3-scale").ScaleBand<string>;
+export declare function calloutData(values: (ILineChartPoints & {
+    index?: number;
+})[]): {
+    x: string | number | Date;
+    values: {
+        legend: string;
+        y: number;
+    }[];
+}[];
+export declare function getUnique(arr: {
+    x: number | Date | string;
+    values: {
+        legend: string;
+        y: number;
+    }[];
+}[], comp: string | number): {
+    x: number | Date | string;
+    values: {
+        legend: string;
+        y: number;
+    }[];
+}[];
+/**
+ * This function takes two paramerter
+ * 1. an array of strings
+ * 2. a string value
+ * if the value is not present in the given array then it will return the new
+ * array by appending the value to the present arrray.
+ *
+ * if the value is already present in  the given array then it will return the new
+ * array by deleteing the value from the the array
+ * @param array
+ * @param value
+ */
+export declare function silceOrAppendToArray(array: string[], value: string): string[];
+/**
+ * This method used for wrapping of x axis labels (tick values).
+ * It breaks down given text value by space separated and calculates the total height needed to display all the words.
+ * That value = removal value. This value needs to be remove from total svg height, svg will shrink and
+ * total text will be displayed.
+ * @export
+ * @param {IWrapLabelProps} wrapLabelProps
+ * @returns
+ */
+export declare function createWrapOfXLabels(wrapLabelProps: IWrapLabelProps): number | undefined;
+/**
+ * This method displays a tooltip to the x axis lables(tick values)
+ * when prop 'showXAxisLablesTooltip' enables to the respected chart.
+ * On hover of the truncated word(at x axis labels tick), a tooltip will be appeared.
+ */
+export declare function tooltipOfXAxislabels(xAxistooltipProps: any): null | undefined;
+/**
+ * Find the axis type of line chart and area chart from given data
+ * @param points
+ */
+export declare function getXAxisType(points: ILineChartPoints[]): boolean;
+/**
+ * Calculates Domain and range values for Date X axis.
+ * This method calculates Area chart and line chart.
+ * @export
+ * @param {ILineChartPoints[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @param {Date[] | number[]} tickValues
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfDateForAreaChart(points: ILineChartPoints[], margins: IMargins, width: number, isRTL: boolean, tickValues?: Date[]): IDomainNRange;
+/**
+ * Calculates Domain and range values for Numeric X axis.
+ * This method calculates Area cart and line chart.
+ * @export
+ * @param {ILineChartPoints[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfNumericForAreaChart(points: ILineChartPoints[], margins: IMargins, width: number, isRTL: boolean): IDomainNRange;
+/**
+ * Calculates Range values of x Axis string axis
+ * For String axis, we need to give domain values (Not start and end array values)
+ * So sending 0 as domain values. Domain will be handled at creation of string axis
+ * For charts stacked bar chart, grouped vertical bar chart, HeatMapChart and Vertical bar chart
+ * @export
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfXStringAxis(margins: IMargins, width: number, isRTL: boolean): IDomainNRange;
+/**
+ * Calculate domain and range values to the Vertical stacked bar chart - For Numeric axis
+ * @export
+ * @param {IDataPoint[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @param {number} barWidth
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfVSBCNumeric(points: IDataPoint[], margins: IMargins, width: number, isRTL: boolean, barWidth: number): IDomainNRange;
+/**
+ * Calculate domain and range values to the Vertical bar chart - For Numeric axis
+ * @export
+ * @param {IDataPoint[]} points
+ * @param {IMargins} margins
+ * @param {number} containerWidth
+ * @param {boolean} isRTL
+ * @param {number} barWidth
+ * @returns {IDomainNRange}
+ */
+export declare function domainRageOfVerticalNumeric(points: IDataPoint[], margins: IMargins, containerWidth: number, isRTL: boolean, barWidth: number): IDomainNRange;
+/**
+ * For creating X axis, need to calculate x axis domain and range values from given points.
+ * This may vary based on chart type and type of x axis
+ * So, this method will define which method need to call based on chart type and axis type.
+ * @export
+ * @param {*} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {ChartTypes} chartType
+ * @param {boolean} isRTL
+ * @param {XAxisTypes} xAxisType
+ * @param {number} [barWidth]
+ * @returns {IDomainNRange}
+ */
+export declare function getDomainNRangeValues(points: any, margins: IMargins, width: number, chartType: ChartTypes, isRTL: boolean, xAxisType: XAxisTypes, barWidth: number, tickValues: Date[] | number[] | undefined): IDomainNRange;
+/**
+ * Calculating start and ending values of the Area chart and LineChart
+ * @export
+ * @param {ILineChartPoints[]} points
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function findNumericMinMaxOfY(points: ILineChartPoints[]): {
+    startValue: number;
+    endValue: number;
+};
+/**
+ * Find the minimum and maximum values of the vertical stacked bar chart y axis data point. Used for create y axis.
+ * @export
+ * @param {IDataPoint[]} dataset
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function findVSBCNumericMinMaxOfY(dataset: IDataPoint[]): {
+    startValue: number;
+    endValue: number;
+};
+/**
+ * Fins the min and max values of the vertical bar chart y axis data point.
+ * @export
+ * @param {IVerticalBarChartDataPoint[]} points
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function findVerticalNumericMinMaxOfY(points: IVerticalBarChartDataPoint[]): {
+    startValue: number;
+    endValue: number;
+};
+/**
+ * For creating Y axis, need to calculate y axis domain values from given points. This may vary based on chart type.
+ * So, this method will define which method need to call based on chart type to find out min and max values(For Domain).
+ * For grouped vertical bar chart, Calculating yMax value in the base file and sending as MaxOfYVal to cartesian.
+ * @export
+ * @param {*} points
+ * @param {ChartTypes} chartType
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function getMinMaxOfYAxis(points: any, chartType: ChartTypes): {
+    startValue: number;
+    endValue: number;
+};
+/**
+ * @param p string or number or Date
+ *
+ * This function takes the single data point of the x-aixs
+ * and decides what is the x-axis
+ */
+export declare const getTypeOfAxis: (p: string | number | Date, isXAsix: boolean) => XAxisTypes | YAxisType;
+/**
+ * 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 declare enum Points {
+    circle = 0,
+    square = 1,
+    triangle = 2,
+    diamond = 3,
+    pyramid = 4,
+    hexagon = 5,
+    pentagon = 6,
+    octagon = 7
+}
+export declare enum CustomPoints {
+    dottedLine = 0
+}
+export declare type PointTypes = {
+    [key in number]: {
+        /**
+         * For certian shapes like pentagon, hexagon and octagon.
+         * the width of the bouding box increase by the time of the
+         * length of the side, so when we want to render a pentagon
+         * having each side of length 7 units we need to decrease it's
+         * units by width ratio so that the bounding box width of the pentagon
+         * stays as 7
+         */
+        widthRatio: number;
+    };
+};
+/**
+ * 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
+ */
+export declare const pointTypes: PointTypes;
+/**
+ * @param accessibleData accessible data
+ * @param role string to define role of tag
+ * @param isDataFocusable boolean
+ * function returns the accessibility data object
+ */
+export declare const getAccessibleDataObject: (accessibleData?: IAccessibilityProps | undefined, role?: string, isDataFocusable?: boolean) => {
+    role: string;
+    'data-is-focusable': boolean;
+    'aria-label': string | undefined;
+    'aria-labelledby': string | undefined;
+    'aria-describedby': string | undefined;
+};
+declare type LocaleStringDataProps = number | string | Date | undefined;
+export declare const convertToLocaleString: (data: LocaleStringDataProps, culture?: string | undefined) => LocaleStringDataProps;
+export declare function rotateXAxisLabels(rotateLabelProps: IRotateLabelProps): number | undefined;
+export declare function wrapTextInsideDonut(selectorClass: string, maxWidth: number): void;
+export {};