@fluentui/react-charting 5.23.56 → 5.23.57

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

@@ -0,0 +1,86 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react"], function (require, exports, tslib_1, React, react_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ResponsiveContainer = void 0;
+    /**
+     * 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-amd/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-amd/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-amd/components/ResponsiveContainer/ResponsiveContainer.types.js

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

package/lib-amd/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-amd/components/ResponsiveContainer/index.d.ts

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

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

@@ -0,0 +1,8 @@
+define(["require", "exports", "tslib", "./ResponsiveContainer", "./ResponsiveContainer.types", "./withResponsiveContainer"], function (require, exports, tslib_1, ResponsiveContainer_1, ResponsiveContainer_types_1, withResponsiveContainer_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(ResponsiveContainer_1, exports);
+    tslib_1.__exportStar(ResponsiveContainer_types_1, exports);
+    tslib_1.__exportStar(withResponsiveContainer_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/ResponsiveContainer/index.ts"],"names":[],"mappings":";;;IAAA,qDAAsC;IACtC,2DAA4C;IAC5C,yDAA0C","sourcesContent":["export * from './ResponsiveContainer';\nexport * from './ResponsiveContainer.types';\nexport * from './withResponsiveContainer';\n"]}

package/lib-amd/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-amd/components/ResponsiveContainer/withResponsiveContainer.js

@@ -0,0 +1,19 @@
+define(["require", "exports", "tslib", "react", "./ResponsiveContainer"], function (require, exports, tslib_1, React, ResponsiveContainer_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.withResponsiveContainer = void 0;
+    /**
+     * 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-amd/components/ResponsiveContainer/withResponsiveContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withResponsiveContainer.js","sourceRoot":"../src/","sources":["components/ResponsiveContainer/withResponsiveContainer.tsx"],"names":[],"mappings":";;;;IAKA;;;OAGG;IACH,SAAgB,uBAAuB,CACrC,gBAA6C;QAE7C,IAAM,gCAAgC,GAAqB,UAAC,EAS3D;YARC,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;YAEZ,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;gBAElB,oBAAC,gBAAgB,uBAAM,SAAiB,EAAI,CACxB,CACvB,CAAC;QACJ,CAAC,CAAC;QAEF,OAAO,gCAAgC,CAAC;IAC1C,CAAC;IA7BD,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-amd/components/SankeyChart/SankeyChart.base.js

@@ -467,12 +467,13 @@ define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react
             _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,
@@ -538,7 +539,7 @@ define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react
             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;