@fluentui/react-charting 5.23.56 → 5.23.58

package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponsiveContainer = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var react_1 = require("@fluentui/react");
+/**
+ * Responsive Container component
+ * {@docCategory ResponsiveContainer}
+ */
+var ResponsiveContainer = function (props) {
+    var _a, _b;
+    var containerRef = React.useRef(null);
+    var onResizeRef = React.useRef();
+    var _c = React.useState({}), size = _c[0], setSize = _c[1];
+    onResizeRef.current = props.onResize;
+    React.useEffect(function () {
+        var _window = (0, react_1.getWindow)(containerRef.current);
+        var animationFrameId;
+        var resizeObserver;
+        var resizeCallback = function (entries) {
+            var _a;
+            var _b = entries[0].contentRect, containerWidth = _b.width, containerHeight = _b.height;
+            // rAF is an alternative to the throttle function. For more info, see:
+            // https://css-tricks.com/debouncing-throttling-explained-examples/#aa-requestanimationframe-raf
+            animationFrameId = _window === null || _window === void 0 ? void 0 : _window.requestAnimationFrame(function () {
+                setSize(function (prevSize) {
+                    var roundedWidth = Math.floor(containerWidth);
+                    var roundedHeight = Math.floor(containerHeight);
+                    if (prevSize.containerWidth === roundedWidth && prevSize.containerHeight === roundedHeight) {
+                        return prevSize;
+                    }
+                    return { containerWidth: roundedWidth, containerHeight: roundedHeight };
+                });
+            });
+            (_a = onResizeRef.current) === null || _a === void 0 ? void 0 : _a.call(onResizeRef, containerWidth, containerHeight);
+        };
+        if (_window && _window.ResizeObserver) {
+            resizeObserver = new _window.ResizeObserver(resizeCallback);
+            if (containerRef.current) {
+                resizeObserver.observe(containerRef.current);
+            }
+        }
+        return function () {
+            if (animationFrameId) {
+                _window === null || _window === void 0 ? void 0 : _window.cancelAnimationFrame(animationFrameId);
+            }
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+        };
+    }, []);
+    var chartContent = React.useMemo(function () {
+        var calculatedWidth = size.containerWidth;
+        var calculatedHeight = size.containerHeight;
+        if (typeof props.aspect === 'number' && props.aspect > 0) {
+            if (calculatedWidth) {
+                calculatedHeight = calculatedWidth / props.aspect;
+            }
+            else if (calculatedHeight) {
+                calculatedWidth = calculatedHeight * props.aspect;
+            }
+            if (typeof props.maxHeight === 'number' && calculatedHeight && calculatedHeight > props.maxHeight) {
+                calculatedHeight = props.maxHeight;
+            }
+        }
+        return React.Children.map(props.children, function (child) {
+            var _a;
+            return React.cloneElement(child, {
+                width: calculatedWidth,
+                height: calculatedHeight,
+                shouldResize: (calculatedWidth !== null && calculatedWidth !== void 0 ? calculatedWidth : 0) + (calculatedHeight !== null && calculatedHeight !== void 0 ? calculatedHeight : 0),
+                styles: tslib_1.__assign(tslib_1.__assign({}, child.props.styles), { root: tslib_1.__assign(tslib_1.__assign({}, (_a = child.props.styles) === null || _a === void 0 ? void 0 : _a.root), { 
+                        // Ensure the child element fills the parent container
+                        // https://stackoverflow.com/questions/8468066/child-inside-parent-with-min-height-100-not-inheriting-height
+                        width: calculatedWidth, height: calculatedHeight }) }),
+            });
+        });
+    }, [size, props.aspect, props.maxHeight, props.children]);
+    return (React.createElement("div", { ref: containerRef, style: {
+            width: (_a = props.width) !== null && _a !== void 0 ? _a : '100%',
+            height: (_b = props.height) !== null && _b !== void 0 ? _b : '100%',
+            minWidth: props.minWidth,
+            minHeight: props.minHeight,
+            maxHeight: props.maxHeight,
+        } }, chartContent));
+};
+exports.ResponsiveContainer = ResponsiveContainer;
+//# sourceMappingURL=ResponsiveContainer.js.map

package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveContainer.js","sourceRoot":"../src/","sources":["components/ResponsiveContainer/ResponsiveContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getWindow } from '@fluentui/react';\nimport { IResponsiveChildProps, IResponsiveContainerProps } from './ResponsiveContainer.types';\n\n/**\n * Responsive Container component\n * {@docCategory ResponsiveContainer}\n */\nexport const ResponsiveContainer: React.FC<IResponsiveContainerProps> = props => {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const onResizeRef = React.useRef<IResponsiveContainerProps['onResize']>();\n\n  const [size, setSize] = React.useState<{ containerWidth?: number; containerHeight?: number }>({});\n\n  onResizeRef.current = props.onResize;\n\n  React.useEffect(() => {\n    const _window = getWindow(containerRef.current) as (Window & typeof globalThis) | undefined;\n    let animationFrameId: number | undefined;\n    let resizeObserver: ResizeObserver | undefined;\n\n    const resizeCallback = (entries: ResizeObserverEntry[]) => {\n      const { width: containerWidth, height: containerHeight } = entries[0].contentRect;\n      // rAF is an alternative to the throttle function. For more info, see:\n      // https://css-tricks.com/debouncing-throttling-explained-examples/#aa-requestanimationframe-raf\n      animationFrameId = _window?.requestAnimationFrame(() => {\n        setSize(prevSize => {\n          const roundedWidth = Math.floor(containerWidth);\n          const roundedHeight = Math.floor(containerHeight);\n          if (prevSize.containerWidth === roundedWidth && prevSize.containerHeight === roundedHeight) {\n            return prevSize;\n          }\n\n          return { containerWidth: roundedWidth, containerHeight: roundedHeight };\n        });\n      });\n      onResizeRef.current?.(containerWidth, containerHeight);\n    };\n\n    if (_window && _window.ResizeObserver) {\n      resizeObserver = new _window.ResizeObserver(resizeCallback);\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n    }\n\n    return () => {\n      if (animationFrameId) {\n        _window?.cancelAnimationFrame(animationFrameId);\n      }\n\n      resizeObserver?.disconnect();\n    };\n  }, []);\n\n  const chartContent = React.useMemo(() => {\n    let calculatedWidth = size.containerWidth;\n    let calculatedHeight = size.containerHeight;\n\n    if (typeof props.aspect === 'number' && props.aspect > 0) {\n      if (calculatedWidth) {\n        calculatedHeight = calculatedWidth / props.aspect;\n      } else if (calculatedHeight) {\n        calculatedWidth = calculatedHeight * props.aspect;\n      }\n\n      if (typeof props.maxHeight === 'number' && calculatedHeight && calculatedHeight > props.maxHeight) {\n        calculatedHeight = props.maxHeight;\n      }\n    }\n\n    return React.Children.map(props.children, child => {\n      return React.cloneElement<IResponsiveChildProps>(child, {\n        width: calculatedWidth,\n        height: calculatedHeight,\n        shouldResize: (calculatedWidth ?? 0) + (calculatedHeight ?? 0),\n        styles: {\n          // Keep components styles\n          ...child.props.styles,\n          root: {\n            ...child.props.styles?.root,\n            // Ensure the child element fills the parent container\n            // https://stackoverflow.com/questions/8468066/child-inside-parent-with-min-height-100-not-inheriting-height\n            width: calculatedWidth,\n            height: calculatedHeight,\n          },\n        },\n      });\n    });\n  }, [size, props.aspect, props.maxHeight, props.children]);\n\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: props.width ?? '100%',\n        height: props.height ?? '100%',\n        minWidth: props.minWidth,\n        minHeight: props.minHeight,\n        maxHeight: props.maxHeight,\n      }}\n    >\n      {chartContent}\n    </div>\n  );\n};\n"]}

package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.types.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { IStyle, IStyleFunctionOrObject } from '@fluentui/react';
+/**
+ * Responsive Child props
+ * {@docCategory ResponsiveContainer}
+ */
+export interface IResponsiveChildProps {
+    width?: number;
+    height?: number;
+    shouldResize?: number;
+    styles?: IStyleFunctionOrObject<{}, {
+        root: IStyle;
+    }>;
+}
+/**
+ * Responsive Container props
+ * {@docCategory ResponsiveContainer}
+ */
+export interface IResponsiveContainerProps {
+    /**
+     * Aspect ratio (width / height) of the container. If specified, the height will be calculated by width / aspect.
+     */
+    aspect?: number;
+    /**
+     * Width of the container
+     */
+    width?: number | string;
+    /**
+     * Height of the container
+     */
+    height?: number | string;
+    /**
+     * Minimum width of the container
+     */
+    minWidth?: number | string;
+    /**
+     * Minimum height of the container
+     */
+    minHeight?: number | string;
+    /**
+     * Maximum height of the container
+     */
+    maxHeight?: number;
+    /**
+     * Callback providing the updated chart width and height values when the container is resized
+     */
+    onResize?: (width: number, height: number) => void;
+    /**
+     * Child component to be rendered within the container
+     */
+    children: React.ReactElement<IResponsiveChildProps>;
+}

package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ResponsiveContainer.types.js.map

package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveContainer.types.js","sourceRoot":"../src/","sources":["components/ResponsiveContainer/ResponsiveContainer.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { IStyle, IStyleFunctionOrObject } from '@fluentui/react';\n\n/**\n * Responsive Child props\n * {@docCategory ResponsiveContainer}\n */\nexport interface IResponsiveChildProps {\n  width?: number;\n  height?: number;\n  shouldResize?: number;\n  styles?: IStyleFunctionOrObject<{}, { root: IStyle }>;\n}\n\n/**\n * Responsive Container props\n * {@docCategory ResponsiveContainer}\n */\nexport interface IResponsiveContainerProps {\n  /**\n   * Aspect ratio (width / height) of the container. If specified, the height will be calculated by width / aspect.\n   */\n  aspect?: number;\n\n  /**\n   * Width of the container\n   */\n  width?: number | string;\n\n  /**\n   * Height of the container\n   */\n  height?: number | string;\n\n  /**\n   * Minimum width of the container\n   */\n  minWidth?: number | string;\n\n  /**\n   * Minimum height of the container\n   */\n  minHeight?: number | string;\n\n  /**\n   * Maximum height of the container\n   */\n  maxHeight?: number;\n\n  /**\n   * Callback providing the updated chart width and height values when the container is resized\n   */\n  onResize?: (width: number, height: number) => void;\n\n  /**\n   * Child component to be rendered within the container\n   */\n  children: React.ReactElement<IResponsiveChildProps>;\n}\n"]}

package/lib-commonjs/components/ResponsiveContainer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ResponsiveContainer';
+export * from './ResponsiveContainer.types';
+export * from './withResponsiveContainer';

package/lib-commonjs/components/ResponsiveContainer/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ResponsiveContainer"), exports);
+tslib_1.__exportStar(require("./ResponsiveContainer.types"), exports);
+tslib_1.__exportStar(require("./withResponsiveContainer"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/ResponsiveContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/ResponsiveContainer/index.ts"],"names":[],"mappings":";;;AAAA,gEAAsC;AACtC,sEAA4C;AAC5C,oEAA0C","sourcesContent":["export * from './ResponsiveContainer';\nexport * from './ResponsiveContainer.types';\nexport * from './withResponsiveContainer';\n"]}

package/lib-commonjs/components/ResponsiveContainer/withResponsiveContainer.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IResponsiveContainerProps } from './ResponsiveContainer.types';
+/**
+ * An HOC to update wrapped component on container resize.
+ * {@docCategory ResponsiveContainer}
+ */
+export declare function withResponsiveContainer<TProps extends Omit<IResponsiveContainerProps, 'children'>>(WrappedComponent: React.ComponentType<TProps>): React.FC<TProps>;

package/lib-commonjs/components/ResponsiveContainer/withResponsiveContainer.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withResponsiveContainer = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var React = require("react");
+var ResponsiveContainer_1 = require("./ResponsiveContainer");
+/**
+ * An HOC to update wrapped component on container resize.
+ * {@docCategory ResponsiveContainer}
+ */
+function withResponsiveContainer(WrappedComponent) {
+    var ComponentWithResponsiveContainer = function (_a) {
+        var aspect = _a.aspect, width = _a.width, height = _a.height, minWidth = _a.minWidth, minHeight = _a.minHeight, maxHeight = _a.maxHeight, onResize = _a.onResize, restProps = tslib_1.__rest(_a, ["aspect", "width", "height", "minWidth", "minHeight", "maxHeight", "onResize"]);
+        return (React.createElement(ResponsiveContainer_1.ResponsiveContainer, { aspect: aspect, width: width, height: height, minWidth: minWidth, minHeight: minHeight, maxHeight: maxHeight, onResize: onResize },
+            React.createElement(WrappedComponent, tslib_1.__assign({}, restProps))));
+    };
+    return ComponentWithResponsiveContainer;
+}
+exports.withResponsiveContainer = withResponsiveContainer;
+//# sourceMappingURL=withResponsiveContainer.js.map

package/lib-commonjs/components/ResponsiveContainer/withResponsiveContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withResponsiveContainer.js","sourceRoot":"../src/","sources":["components/ResponsiveContainer/withResponsiveContainer.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,6BAA+B;AAC/B,6DAA4D;AAG5D;;;GAGG;AACH,SAAgB,uBAAuB,CACrC,gBAA6C;IAE7C,IAAM,gCAAgC,GAAqB,UAAC,EAS3D;QARC,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,SAAS,sBAR8C,+EAS3D,CADa;QAEZ,OAAO,CACL,oBAAC,yCAAmB,IAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;YAElB,oBAAC,gBAAgB,uBAAM,SAAiB,EAAI,CACxB,CACvB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,gCAAgC,CAAC;AAC1C,CAAC;AA7BD,0DA6BC","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\nimport { ResponsiveContainer } from './ResponsiveContainer';\nimport { IResponsiveContainerProps } from './ResponsiveContainer.types';\n\n/**\n * An HOC to update wrapped component on container resize.\n * {@docCategory ResponsiveContainer}\n */\nexport function withResponsiveContainer<TProps extends Omit<IResponsiveContainerProps, 'children'>>(\n  WrappedComponent: React.ComponentType<TProps>,\n) {\n  const ComponentWithResponsiveContainer: React.FC<TProps> = ({\n    aspect,\n    width,\n    height,\n    minWidth,\n    minHeight,\n    maxHeight,\n    onResize,\n    ...restProps\n  }) => {\n    return (\n      <ResponsiveContainer\n        aspect={aspect}\n        width={width}\n        height={height}\n        minWidth={minWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        onResize={onResize}\n      >\n        <WrappedComponent {...(restProps as any)} />\n      </ResponsiveContainer>\n    );\n  };\n\n  return ComponentWithResponsiveContainer;\n}\n"]}

package/lib-commonjs/components/SankeyChart/SankeyChart.base.js

@@ -476,12 +476,13 @@ var SankeyChartBase = /** @class */ (function (_super) {
         _this._labelTooltipId = (0, Utilities_1.getId)('tooltip');
         _this._margins = { top: 36, right: 48, bottom: 32, left: 48 };
         // We memo-ize creation so that we only create a new object when any of the fields change.
-        _this._computeClassNamesProps = (0, Utilities_1.memoizeFunction)(function (theme, pathColor, className, containerWidth, containerHeight) { return ({
+        _this._computeClassNamesProps = (0, Utilities_1.memoizeFunction)(function (theme, pathColor, className, containerWidth, containerHeight, enableReflow) { return ({
             theme: theme,
             width: containerWidth,
             height: containerHeight,
             pathColor: pathColor,
             className: className,
+            enableReflow: enableReflow,
         }); });
         // `getClassNames` is memoized underneath, so it only recomputes when the `styles` or `classNamesProps` change.
         // We memoize `classNamesProps` so that we only create new class names when absolutely necessary,
@@ -547,7 +548,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
         if (!this._isChartEmpty()) {
             var _a = this.props, theme = _a.theme, className = _a.className, styles = _a.styles, pathColor = _a.pathColor, colorsForNodes = _a.colorsForNodes, borderColorsForNodes = _a.borderColorsForNodes;
             var state = this.state;
-            var classNamesProps = this._computeClassNamesProps(theme, pathColor, className, state.containerWidth, state.containerHeight);
+            var classNamesProps = this._computeClassNamesProps(theme, pathColor, className, state.containerWidth, state.containerHeight, this.props.enableReflow);
             var classNames_1 = this._computeClassNames(styles, classNamesProps);
             // Compute the position of each node and link
             var _b = this._normalizeData(this.props.data.SankeyChartData, state.containerWidth, state.containerHeight, colorsForNodes, borderColorsForNodes), nodes_1 = _b.nodes, links_1 = _b.links, width = _b.width, height = _b.height;