@fluentui/react-charting 5.12.23 → 5.12.24

package/lib-amd/components/TreeChart/TreeChart.js

@@ -1,7 +0,0 @@
-define(["require", "exports", "@fluentui/react/lib/Utilities", "./TreeChart.base", "./TreeChart.styles"], function (require, exports, Utilities_1, TreeChart_base_1, TreeChart_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TreeChart = void 0;
-    exports.TreeChart = Utilities_1.styled(TreeChart_base_1.TreeChartBase, TreeChart_styles_1.getStyles);
-});
-//# sourceMappingURL=TreeChart.js.map

package/lib-amd/components/TreeChart/TreeChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeChart.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.tsx"],"names":[],"mappings":";;;;IAMa,QAAA,SAAS,GAAwC,kBAAM,CAClE,8BAAa,EACb,4BAAS,CACV,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ITreeStyles, ITreeProps, ITreeStyleProps } from './TreeChart.types';\nimport { TreeChartBase } from './TreeChart.base';\nimport { getStyles } from './TreeChart.styles';\n\nexport const TreeChart: React.FunctionComponent<ITreeProps> = styled<ITreeProps, ITreeStyleProps, ITreeStyles>(\n  TreeChartBase,\n  getStyles,\n);\n"]}

package/lib-amd/components/TreeChart/TreeChart.styles.d.ts

@@ -1,2 +0,0 @@
-import { ITreeStyleProps, ITreeStyles } from './TreeChart.types';
-export declare const getStyles: (props: ITreeStyleProps) => ITreeStyles;

package/lib-amd/components/TreeChart/TreeChart.styles.js

@@ -1,33 +0,0 @@
-define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getStyles = void 0;
-    var getStyles = function (props) {
-        return {
-            root: [
-                props.theme.spacing,
-                'ms-TreeChart',
-                props.className,
-                {
-                    overflow: 'scroll',
-                },
-            ],
-            link: {
-                fill: 'none',
-                stroke: '#A1A1A1',
-                strokeWidth: '2px',
-            },
-            rectNode: {
-                strokeWidth: '2px',
-                fill: 'white',
-                padding: '10px',
-                rx: '2px',
-            },
-            rectText: tslib_1.__assign({ fill: 'black' }, props.theme.fonts.large),
-            rectSubText: tslib_1.__assign({ fill: '#484644' }, props.theme.fonts.medium),
-            rectMetricText: tslib_1.__assign({ fill: '#000000' }, props.theme.fonts.xLarge),
-        };
-    };
-    exports.getStyles = getStyles;
-});
-//# sourceMappingURL=TreeChart.styles.js.map

package/lib-amd/components/TreeChart/TreeChart.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeChart.styles.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.styles.ts"],"names":[],"mappings":";;;;IAEO,IAAM,SAAS,GAAG,UAAC,KAAsB;QAC9C,OAAO;YACL,IAAI,EAAE;gBACJ,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB,cAAc;gBACd,KAAK,CAAC,SAAS;gBACf;oBACE,QAAQ,EAAE,QAAQ;iBACnB;aACF;YACD,IAAI,EAAE;gBACJ,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,SAAS;gBACjB,WAAW,EAAE,KAAK;aACnB;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,KAAK;gBAClB,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,MAAM;gBACf,EAAE,EAAE,KAAK;aACV;YACD,QAAQ,qBACN,IAAI,EAAE,OAAO,IACV,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,KAAK,CAC5B;YACD,WAAW,qBACT,IAAI,EAAE,SAAS,IACZ,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,MAAM,CAC7B;YACD,cAAc,qBACZ,IAAI,EAAE,SAAS,IACZ,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,MAAM,CAC7B;SACF,CAAC;IACJ,CAAC,CAAC;IAlCW,QAAA,SAAS,aAkCpB","sourcesContent":["import { ITreeStyleProps, ITreeStyles } from './TreeChart.types';\n\nexport const getStyles = (props: ITreeStyleProps): ITreeStyles => {\n  return {\n    root: [\n      props.theme.spacing,\n      'ms-TreeChart',\n      props.className,\n      {\n        overflow: 'scroll',\n      },\n    ],\n    link: {\n      fill: 'none',\n      stroke: '#A1A1A1',\n      strokeWidth: '2px',\n    },\n    rectNode: {\n      strokeWidth: '2px',\n      fill: 'white',\n      padding: '10px',\n      rx: '2px',\n    },\n    rectText: {\n      fill: 'black',\n      ...props.theme!.fonts.large,\n    },\n    rectSubText: {\n      fill: '#484644',\n      ...props.theme!.fonts.medium,\n    },\n    rectMetricText: {\n      fill: '#000000',\n      ...props.theme!.fonts.xLarge,\n    },\n  };\n};\n"]}

package/lib-amd/components/TreeChart/TreeChart.types.d.ts

@@ -1,185 +0,0 @@
-import { IStyle, ITheme } from '@fluentui/react/lib/Styling';
-import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
-export interface ITreeChartDataPoint {
-    /**
-     * Node main text
-     */
-    name: string;
-    /**
-     * Subtext value (optional)
-     */
-    subname?: string | undefined;
-    /**
-     * Metric text value (optional)
-     */
-    metric?: string | undefined;
-    /**
-     * Color of the rectangular box
-     */
-    fill: string;
-    /**
-     * Recursive datastructure for child node object
-     */
-    children?: Array<ITreeChartDataPoint>;
-}
-export declare enum NodesComposition {
-    /**
-     * NodeComposition enum val for long: number = 1
-     */
-    long = 1,
-    /**
-     * NodeComposition enum val for compact: number = 0
-     */
-    compact = 0
-}
-export declare enum TreeTraverse {
-    /**
-     * TreeTraverse enum val for preOrder: number = 1
-     */
-    preOrder = 1,
-    /**
-     * TreeTraverse enum val for levelOrder: number = 0
-     */
-    levelOrder = 0
-}
-export interface ITreeProps {
-    /**
-     * An object of chart data points for the Tree chart
-     */
-    treeData: ITreeChartDataPoint;
-    /**
-     * compostion for three layer chart, long: composition = 1; compact: composition = 0
-     */
-    composition?: NodesComposition.long | NodesComposition.compact | undefined;
-    /**
-     * Node Width Size for the Tree Layout
-     * * @default 75
-     */
-    layoutWidth?: number | undefined;
-    /**
-     * traversal order for tree chart, preOrder = 1, levelOrder = 0
-     */
-    treeTraversal?: TreeTraverse.preOrder | TreeTraverse.levelOrder;
-    /**
-     * Width of SVG tree chart
-     * * @default 1500
-     */
-    width?: number;
-    /**
-     * Height of SVG tree chart
-     * * @default 700
-     */
-    height?: number;
-    /**
-     * Margin for the SVG tree chart
-     */
-    marign?: {
-        left: number;
-        right: number;
-        top: number;
-        bottom: number;
-    };
-    /**
-     * Call to provide customized styling that will layer on top of the variant rules.
-     */
-    styles?: IStyleFunctionOrObject<ITreeStyleProps, ITreeStyles>;
-    /**
-     * Additional CSS class(es) to apply to the TreeChart.
-     */
-    className?: string;
-    /**
-     * Theme (provided through customization.)
-     */
-    theme?: ITheme;
-}
-export interface ITreeState {
-    /**
-     * Width of SVG tree chart
-     * * @default 1500
-     */
-    _width: number;
-    /**
-     * Height of SVG tree chart
-     * * @default 700
-     */
-    _height: number;
-    /**
-     * Layout Width of SVG tree chart
-     * * @default 75
-     */
-    _layoutWidth?: number;
-}
-export interface ITreeDataStructure {
-    /**
-     * Node id of each node
-     */
-    id: number;
-    /**
-     * Children node object
-     */
-    children: Array<ITreeDataStructure>;
-    /**
-     * Node main text
-     */
-    dataName: string;
-    /**
-     * Subtext value (optional)
-     */
-    subName?: string | undefined;
-    /**
-     * Metric text value (optional)
-     */
-    metricName?: string | undefined;
-    /**
-     * Color of the rectangular box
-     */
-    fill: string;
-    /**
-     * X-coordindate of node
-     */
-    x: number;
-    /**
-     * Y-coordindate of node
-     */
-    y: number;
-    /**
-     * Node id of each node's parent
-     */
-    parentID: number;
-}
-export interface ITreeStyleProps {
-    /**
-     * Theme (provided through customization.)
-     */
-    theme: ITheme;
-    /**
-     * Additional CSS class(es) to apply to the TreeChart.
-     */
-    className?: string;
-}
-export interface ITreeStyles {
-    /**
-     *  Style for the root element.
-     */
-    root: IStyle;
-    /**
-     *  Style for the Link/Path element.
-     */
-    link: IStyle;
-    /**
-     *  Style for rectangular Node
-     */
-    rectNode: IStyle;
-    /**
-     *  Style for the node main Text
-     */
-    rectText: IStyle;
-    /**
-     *  Style for the node sub Text
-     */
-    rectSubText: IStyle;
-    /**
-     *  Style for the node metric value Text
-     */
-    rectMetricText: IStyle;
-}

package/lib-amd/components/TreeChart/TreeChart.types.js

@@ -1,28 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TreeTraverse = exports.NodesComposition = void 0;
-    var NodesComposition;
-    (function (NodesComposition) {
-        /**
-         * NodeComposition enum val for long: number = 1
-         */
-        NodesComposition[NodesComposition["long"] = 1] = "long";
-        /**
-         * NodeComposition enum val for compact: number = 0
-         */
-        NodesComposition[NodesComposition["compact"] = 0] = "compact";
-    })(NodesComposition = exports.NodesComposition || (exports.NodesComposition = {}));
-    var TreeTraverse;
-    (function (TreeTraverse) {
-        /**
-         * TreeTraverse enum val for preOrder: number = 1
-         */
-        TreeTraverse[TreeTraverse["preOrder"] = 1] = "preOrder";
-        /**
-         * TreeTraverse enum val for levelOrder: number = 0
-         */
-        TreeTraverse[TreeTraverse["levelOrder"] = 0] = "levelOrder";
-    })(TreeTraverse = exports.TreeTraverse || (exports.TreeTraverse = {}));
-});
-//# sourceMappingURL=TreeChart.types.js.map

package/lib-amd/components/TreeChart/TreeChart.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeChart.types.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.types.ts"],"names":[],"mappings":";;;;IA0BA,IAAY,gBASX;IATD,WAAY,gBAAgB;QAC1B;;WAEG;QACH,uDAAQ,CAAA;QACR;;WAEG;QACH,6DAAW,CAAA;IACb,CAAC,EATW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAS3B;IAED,IAAY,YASX;IATD,WAAY,YAAY;QACtB;;WAEG;QACH,uDAAY,CAAA;QACZ;;WAEG;QACH,2DAAc,CAAA;IAChB,CAAC,EATW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QASvB","sourcesContent":["import { IStyle, ITheme } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\n\nexport interface ITreeChartDataPoint {\n  /**\n   * Node main text\n   */\n  name: string;\n  /**\n   * Subtext value (optional)\n   */\n  subname?: string | undefined;\n  /**\n   * Metric text value (optional)\n   */\n  metric?: string | undefined;\n  /**\n   * Color of the rectangular box\n   */\n  fill: string;\n  /**\n   * Recursive datastructure for child node object\n   */\n  children?: Array<ITreeChartDataPoint>;\n}\n\nexport enum NodesComposition {\n  /**\n   * NodeComposition enum val for long: number = 1\n   */\n  long = 1,\n  /**\n   * NodeComposition enum val for compact: number = 0\n   */\n  compact = 0,\n}\n\nexport enum TreeTraverse {\n  /**\n   * TreeTraverse enum val for preOrder: number = 1\n   */\n  preOrder = 1,\n  /**\n   * TreeTraverse enum val for levelOrder: number = 0\n   */\n  levelOrder = 0,\n}\n\nexport interface ITreeProps {\n  /**\n   * An object of chart data points for the Tree chart\n   */\n  treeData: ITreeChartDataPoint;\n  /**\n   * compostion for three layer chart, long: composition = 1; compact: composition = 0\n   */\n  composition?: NodesComposition.long | NodesComposition.compact | undefined;\n  /**\n   * Node Width Size for the Tree Layout\n   * * @default 75\n   */\n  layoutWidth?: number | undefined;\n  /**\n   * traversal order for tree chart, preOrder = 1, levelOrder = 0\n   */\n  treeTraversal?: TreeTraverse.preOrder | TreeTraverse.levelOrder;\n  /**\n   * Width of SVG tree chart\n   * * @default 1500\n   */\n  width?: number;\n  /**\n   * Height of SVG tree chart\n   * * @default 700\n   */\n  height?: number;\n  /**\n   * Margin for the SVG tree chart\n   */\n  marign?: { left: number; right: number; top: number; bottom: number };\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ITreeStyleProps, ITreeStyles>;\n  /**\n   * Additional CSS class(es) to apply to the TreeChart.\n   */\n  className?: string;\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n}\nexport interface ITreeState {\n  /**\n   * Width of SVG tree chart\n   * * @default 1500\n   */\n  _width: number;\n  /**\n   * Height of SVG tree chart\n   * * @default 700\n   */\n  _height: number;\n  /**\n   * Layout Width of SVG tree chart\n   * * @default 75\n   */\n  _layoutWidth?: number;\n}\n\nexport interface ITreeDataStructure {\n  /**\n   * Node id of each node\n   */\n  id: number;\n  /**\n   * Children node object\n   */\n  children: Array<ITreeDataStructure>;\n  /**\n   * Node main text\n   */\n  dataName: string;\n  /**\n   * Subtext value (optional)\n   */\n  subName?: string | undefined;\n  /**\n   * Metric text value (optional)\n   */\n  metricName?: string | undefined;\n  /**\n   * Color of the rectangular box\n   */\n  fill: string;\n  /**\n   * X-coordindate of node\n   */\n  x: number;\n  /**\n   * Y-coordindate of node\n   */\n  y: number;\n  /**\n   * Node id of each node's parent\n   */\n  parentID: number;\n}\n\nexport interface ITreeStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n  /**\n   * Additional CSS class(es) to apply to the TreeChart.\n   */\n  className?: string;\n}\nexport interface ITreeStyles {\n  /**\n   *  Style for the root element.\n   */\n  root: IStyle;\n  /**\n   *  Style for the Link/Path element.\n   */\n  link: IStyle;\n  /**\n   *  Style for rectangular Node\n   */\n  rectNode: IStyle;\n  /**\n   *  Style for the node main Text\n   */\n  rectText: IStyle;\n  /**\n   *  Style for the node sub Text\n   */\n  rectSubText: IStyle;\n  /**\n   *  Style for the node metric value Text\n   */\n  rectMetricText: IStyle;\n}\n"]}

package/lib-amd/components/TreeChart/index.d.ts

@@ -1,2 +0,0 @@
-export * from './TreeChart';
-export * from './TreeChart.types';

package/lib-amd/components/TreeChart/index.js

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

package/lib-amd/components/TreeChart/index.js.map

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

package/lib-amd/components/VerticalBarChart/VerticalBarChart.base.d.ts

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { IAccessibilityProps, IBasestate, IVerticalBarChartProps, IVerticalBarChartDataPoint, IYValueHover } from '../../index';
-export interface IVerticalBarChartState extends IBasestate {
-    selectedLegendTitle: string;
-    dataPointCalloutProps?: IVerticalBarChartDataPoint;
-    /**
-     * data point of x, where rectangle is hovered or focused
-     */
-    activeXdataPoint: number | string | null;
-    YValueHover: IYValueHover[];
-    hoverXValue?: string | number | null;
-    callOutAccessibilityData?: IAccessibilityProps;
-}
-export declare class VerticalBarChartBase extends React.Component<IVerticalBarChartProps, IVerticalBarChartState> {
-    private _points;
-    private _barWidth;
-    private _colors;
-    private _classNames;
-    private _refArray;
-    private _calloutId;
-    private margins;
-    private _isRtl;
-    private _bars;
-    private _xAxisLabels;
-    private _yMax;
-    private _isHavingLine;
-    private _tooltipId;
-    private _xAxisType;
-    private _calloutAnchorPoint;
-    constructor(props: IVerticalBarChartProps);
-    render(): JSX.Element;
-    private _createLine;
-    private _checkForLine;
-    private _adjustProps;
-    private _getMargins;
-    private _renderContentForBothLineAndBars;
-    private _renderContentForOnlyBars;
-    private _renderCallout;
-    private _getCustomizedCallout;
-    private _getGraphData;
-    private _createColors;
-    private _refCallback;
-    private _getCalloutContentForLineAndBar;
-    private _onBarHover;
-    private _onBarLeave;
-    private _handleChartMouseLeave;
-    private _onBarFocus;
-    private _getScales;
-    private _createNumericBars;
-    private _createStringBars;
-    private _closeCallout;
-    private _onLegendClick;
-    private _onLegendHover;
-    private _onLegendLeave;
-    private _getLegendData;
-    private _getAxisData;
-}