@fluentui/react-charting 5.16.22 → 5.16.23

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":";;;;IA8BA,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;\n  /**\n   * Bodytext value (optional)\n   */\n  bodytext?: string;\n  /**\n   * Metric text value (optional)\n   */\n  metric?: string;\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;\n  /**\n   * Node Width Size for the Tree Layout\n   * * @default 75\n   */\n  layoutWidth?: number;\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;\n  /**\n   * Bodytext value (optional)\n   */\n  bodyText?: string;\n  /**\n   * Metric text value (optional)\n   */\n  metricName?: string;\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 body Text\n   */\n  rectBodyText: 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,74 +0,0 @@
-import * as React from 'react';
-import { IAccessibilityProps, IBasestate, IVerticalBarChartProps, IVerticalBarChartDataPoint, IYValueHover } from '../../index';
-export interface IVerticalBarChartState extends IBasestate {
-    dataPointCalloutProps?: IVerticalBarChartDataPoint;
-    /**
-     * data point of x, where rectangle is hovered or focused
-     */
-    activeXdataPoint: number | string | null;
-    YValueHover: IYValueHover[];
-    hoverXValue?: string | number | null;
-    callOutAccessibilityData?: IAccessibilityProps;
-    calloutLegend: string;
-    emptyChart?: boolean;
-}
-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;
-    private _domainMargin;
-    constructor(props: IVerticalBarChartProps);
-    componentDidMount(): void;
-    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;
-    /**
-     * This function checks if the given legend is highlighted or not.
-     * A legend can be highlighted in 2 ways:
-     * 1. selection: if the user clicks on it
-     * 2. hovering: if there is no selected legend and the user hovers over it
-     */
-    private _legendHighlighted;
-    /**
-     * This function checks if none of the legends is selected or hovered.
-     */
-    private _noLegendHighlighted;
-    private _getAriaLabel;
-    private _renderBarLabel;
-    private _getDomainMargins;
-}