@fluentui/react-charts 9.3.21 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

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

@@ -1,107 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ResponsiveContainer", {
-    enumerable: true,
-    get: function() {
-        return ResponsiveContainer;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _getWindow = require("../../utilities/getWindow");
-const _useResponsiveChildStylesstyles = require("./useResponsiveChildStyles.styles");
-const _react1 = require("@griffel/react");
-const ResponsiveContainer = (props)=>{
-    const containerRef = _react.useRef(null);
-    const onResizeRef = _react.useRef(undefined);
-    const childClasses = (0, _useResponsiveChildStylesstyles.useResponsiveChildStyles)();
-    const [size, setSize] = _react.useState({});
-    // eslint-disable-next-line react-hooks/refs
-    onResizeRef.current = props.onResize;
-    _react.useEffect(()=>{
-        const _window = (0, _getWindow.getWindow)(containerRef.current);
-        let animationFrameId;
-        let resizeObserver;
-        const resizeCallback = (entries)=>{
-            var _onResizeRef_current;
-            const { width: containerWidth, height: containerHeight } = entries[0].contentRect;
-            // 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(()=>{
-                // eslint-disable-next-line react-hooks/set-state-in-effect
-                setSize((prevSize)=>{
-                    const roundedWidth = Math.floor(containerWidth);
-                    const roundedHeight = Math.floor(containerHeight);
-                    if (prevSize.containerWidth === roundedWidth && prevSize.containerHeight === roundedHeight) {
-                        return prevSize;
-                    }
-                    return {
-                        containerWidth: roundedWidth,
-                        containerHeight: roundedHeight
-                    };
-                });
-            });
-            (_onResizeRef_current = onResizeRef.current) === null || _onResizeRef_current === void 0 ? void 0 : _onResizeRef_current.call(onResizeRef, containerWidth, containerHeight);
-        };
-        if (_window && _window.ResizeObserver) {
-            resizeObserver = new _window.ResizeObserver(resizeCallback);
-            if (containerRef.current) {
-                resizeObserver.observe(containerRef.current);
-            }
-        }
-        return ()=>{
-            if (animationFrameId) {
-                _window === null || _window === void 0 ? void 0 : _window.cancelAnimationFrame(animationFrameId);
-            }
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
-        };
-    }, []);
-    const chartContent = _react.useMemo(()=>{
-        let calculatedWidth = size.containerWidth;
-        let 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, (child)=>{
-            var _child_props_styles, _child_props_styles1, _child_props_styles2;
-            return /*#__PURE__*/ _react.cloneElement(child, {
-                width: calculatedWidth,
-                height: calculatedHeight,
-                // For SankeyChart
-                shouldResize: (calculatedWidth !== null && calculatedWidth !== void 0 ? calculatedWidth : 0) + (calculatedHeight !== null && calculatedHeight !== void 0 ? calculatedHeight : 0),
-                styles: {
-                    root: (0, _react1.mergeClasses)((_child_props_styles = child.props.styles) === null || _child_props_styles === void 0 ? void 0 : _child_props_styles.root, childClasses.root),
-                    chartWrapper: (0, _react1.mergeClasses)((_child_props_styles1 = child.props.styles) === null || _child_props_styles1 === void 0 ? void 0 : _child_props_styles1.chartWrapper, childClasses.chartWrapper),
-                    chart: (0, _react1.mergeClasses)((_child_props_styles2 = child.props.styles) === null || _child_props_styles2 === void 0 ? void 0 : _child_props_styles2.chart, childClasses.chart)
-                }
-            });
-        });
-    }, [
-        size,
-        props.aspect,
-        props.maxHeight,
-        props.children
-    ]);
-    var _props_width, _props_height;
-    return /*#__PURE__*/ _react.createElement("div", {
-        ref: containerRef,
-        style: {
-            width: (_props_width = props.width) !== null && _props_width !== void 0 ? _props_width : '100%',
-            height: (_props_height = props.height) !== null && _props_height !== void 0 ? _props_height : '100%',
-            minWidth: props.minWidth,
-            minHeight: props.minHeight,
-            maxHeight: props.maxHeight
-        }
-    }, chartContent);
-};
-ResponsiveContainer.displayName = 'ResponsiveContainer';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ResponsiveContainer/ResponsiveContainer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getWindow } from '../../utilities/getWindow';\nimport type { ResponsiveChildProps, ResponsiveContainerProps } from './ResponsiveContainer.types';\nimport { useResponsiveChildStyles } from './useResponsiveChildStyles.styles';\nimport { mergeClasses } from '@griffel/react';\n\n/**\n * Responsive Container component\n * {@docCategory ResponsiveContainer}\n */\nexport const ResponsiveContainer: React.FC<ResponsiveContainerProps> = props => {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const onResizeRef = React.useRef<ResponsiveContainerProps['onResize'] | undefined>(undefined);\n  const childClasses = useResponsiveChildStyles();\n\n  const [size, setSize] = React.useState<{ containerWidth?: number; containerHeight?: number }>({});\n\n  // eslint-disable-next-line react-hooks/refs\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        // eslint-disable-next-line react-hooks/set-state-in-effect\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<ResponsiveChildProps>(child, {\n        width: calculatedWidth,\n        height: calculatedHeight,\n        // For SankeyChart\n        shouldResize: (calculatedWidth ?? 0) + (calculatedHeight ?? 0),\n        styles: {\n          root: mergeClasses(child.props.styles?.root, childClasses.root),\n          chartWrapper: mergeClasses(child.props.styles?.chartWrapper, childClasses.chartWrapper),\n          chart: mergeClasses(child.props.styles?.chart, childClasses.chart),\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};\nResponsiveContainer.displayName = 'ResponsiveContainer';\n"],"names":["React","getWindow","useResponsiveChildStyles","mergeClasses","ResponsiveContainer","props","containerRef","useRef","onResizeRef","undefined","childClasses","size","setSize","useState","current","onResize","useEffect","_window","animationFrameId","resizeObserver","resizeCallback","entries","width","containerWidth","height","containerHeight","contentRect","requestAnimationFrame","prevSize","roundedWidth","Math","floor","roundedHeight","ResizeObserver","observe","cancelAnimationFrame","disconnect","chartContent","useMemo","calculatedWidth","calculatedHeight","aspect","maxHeight","Children","map","children","child","cloneElement","shouldResize","styles","root","chartWrapper","chart","div","ref","style","minWidth","minHeight","displayName"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/**
- * Responsive Container props
- * {@docCategory ResponsiveContainer}
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ResponsiveContainer/ResponsiveContainer.types.ts"],"sourcesContent":["import type * as React from 'react';\n\n/**\n * Responsive Child styles\n * {@docCategory ResponsiveContainer}\n */\nexport interface ResponsiveChildStyles {\n  root?: string;\n  chartWrapper?: string;\n  chart?: string;\n}\n\n/**\n * Responsive Child props\n * {@docCategory ResponsiveContainer}\n */\nexport interface ResponsiveChildProps {\n  width?: number;\n  height?: number;\n  shouldResize?: number;\n  styles?: ResponsiveChildStyles;\n}\n\n/**\n * Responsive Container props\n * {@docCategory ResponsiveContainer}\n */\nexport interface ResponsiveContainerProps {\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<ResponsiveChildProps>;\n}\n"],"names":[],"mappings":"AAuBA;;;CAGC,GACD,WAwCC"}

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./ResponsiveContainer"), exports);
-_export_star._(require("./ResponsiveContainer.types"), exports);
-_export_star._(require("./withResponsiveContainer"), exports);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ResponsiveContainer/index.ts"],"sourcesContent":["export * from './ResponsiveContainer';\nexport * from './ResponsiveContainer.types';\nexport * from './withResponsiveContainer';\n"],"names":[],"mappings":";;;;;uBAAc,wBAAwB;uBACxB,8BAA8B;uBAC9B,4BAA4B"}

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

@@ -1,50 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    responsiveChildClassNames: function() {
-        return responsiveChildClassNames;
-    },
-    useResponsiveChildStyles: function() {
-        return useResponsiveChildStyles;
-    }
-});
-const _react = require("@griffel/react");
-const responsiveChildClassNames = {
-    root: 'fui-charts-resp-child__root',
-    chartWrapper: 'fui-charts-resp-child__chartWrapper',
-    chart: 'fui-charts-resp-child__chart'
-};
-const useStyles = /*#__PURE__*/ (0, _react.__styles)({
-    root: {
-        a9b677: "fly5x3f",
-        Bqenvij: "f1l02sjl"
-    },
-    chartWrapper: {
-        a9b677: "fly5x3f"
-    },
-    chart: {
-        a9b677: "fly5x3f"
-    }
-}, {
-    d: [
-        ".fly5x3f{width:100%;}",
-        ".f1l02sjl{height:100%;}"
-    ]
-});
-const useResponsiveChildStyles = ()=>{
-    const baseStyles = useStyles();
-    return {
-        root: (0, _react.mergeClasses)(responsiveChildClassNames.root, baseStyles.root),
-        chartWrapper: (0, _react.mergeClasses)(responsiveChildClassNames.chartWrapper, baseStyles.chartWrapper),
-        chart: (0, _react.mergeClasses)(responsiveChildClassNames.chart, baseStyles.chart)
-    };
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["useResponsiveChildStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const responsiveChildClassNames = {\n    root: 'fui-charts-resp-child__root',\n    chartWrapper: 'fui-charts-resp-child__chartWrapper',\n    chart: 'fui-charts-resp-child__chart'\n};\nconst useStyles = makeStyles({\n    root: {\n        width: '100%',\n        height: '100%'\n    },\n    chartWrapper: {\n        width: '100%'\n    },\n    chart: {\n        // This overrides the pixel width of svg allowing it to resize properly within a flexbox or grid layout.\n        // Note: height is not set to 100% because that causes the charts to resize vertically in an infinite loop.\n        width: '100%'\n    }\n});\nexport const useResponsiveChildStyles = ()=>{\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(responsiveChildClassNames.root, baseStyles.root),\n        chartWrapper: mergeClasses(responsiveChildClassNames.chartWrapper, baseStyles.chartWrapper),\n        chart: mergeClasses(responsiveChildClassNames.chart, baseStyles.chart)\n    };\n};\n"],"names":["__styles","mergeClasses","responsiveChildClassNames","root","chartWrapper","chart","useStyles","a9b677","Bqenvij","d","useResponsiveChildStyles","baseStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,yBAAyB;;;IAmBzBQ,wBAAwB;;;;uBApBI,gBAAgB;AAClD,kCAAkC;IACrCP,IAAI,EAAE,6BAA6B;IACnCC,YAAY,EAAE,qCAAqC;IACnDC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAJ,YAAA,EAAA;QAAAG,MAAA,EAAA;IAAA;IAAAF,KAAA,EAAA;QAAAE,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAajB,CAAC;AACK,iCAAiCC,CAAA,KAAI;IACxC,MAAMC,UAAU,GAAGL,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHH,IAAI,MAAEF,mBAAY,EAACC,yBAAyB,CAACC,IAAI,EAAEQ,UAAU,CAACR,IAAI,CAAC;QACnEC,YAAY,MAAEH,mBAAY,EAACC,yBAAyB,CAACE,YAAY,EAAEO,UAAU,CAACP,YAAY,CAAC;QAC3FC,KAAK,MAAEJ,mBAAY,EAACC,yBAAyB,CAACG,KAAK,EAAEM,UAAU,CAACN,KAAK;IACzE,CAAC;AACL,CAAC"}

package/lib-commonjs/components/ResponsiveContainer/useResponsiveChildStyles.styles.raw.js

@@ -1,47 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    responsiveChildClassNames: function() {
-        return responsiveChildClassNames;
-    },
-    useResponsiveChildStyles: function() {
-        return useResponsiveChildStyles;
-    }
-});
-const _react = require("@griffel/react");
-const responsiveChildClassNames = {
-    root: 'fui-charts-resp-child__root',
-    chartWrapper: 'fui-charts-resp-child__chartWrapper',
-    chart: 'fui-charts-resp-child__chart'
-};
-const useStyles = (0, _react.makeStyles)({
-    root: {
-        width: '100%',
-        height: '100%'
-    },
-    chartWrapper: {
-        width: '100%'
-    },
-    chart: {
-        // This overrides the pixel width of svg allowing it to resize properly within a flexbox or grid layout.
-        // Note: height is not set to 100% because that causes the charts to resize vertically in an infinite loop.
-        width: '100%'
-    }
-});
-const useResponsiveChildStyles = ()=>{
-    const baseStyles = useStyles();
-    return {
-        root: (0, _react.mergeClasses)(responsiveChildClassNames.root, baseStyles.root),
-        chartWrapper: (0, _react.mergeClasses)(responsiveChildClassNames.chartWrapper, baseStyles.chartWrapper),
-        chart: (0, _react.mergeClasses)(responsiveChildClassNames.chart, baseStyles.chart)
-    };
-};

package/lib-commonjs/components/ResponsiveContainer/useResponsiveChildStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ResponsiveContainer/useResponsiveChildStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { ResponsiveChildStyles } from './ResponsiveContainer.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const responsiveChildClassNames: SlotClassNames<ResponsiveChildStyles> = {\n  root: 'fui-charts-resp-child__root',\n  chartWrapper: 'fui-charts-resp-child__chartWrapper',\n  chart: 'fui-charts-resp-child__chart',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    width: '100%',\n    height: '100%',\n  },\n  chartWrapper: {\n    width: '100%',\n  },\n  chart: {\n    // This overrides the pixel width of svg allowing it to resize properly within a flexbox or grid layout.\n    // Note: height is not set to 100% because that causes the charts to resize vertically in an infinite loop.\n    width: '100%',\n  },\n});\n\nexport const useResponsiveChildStyles = (): ResponsiveChildStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(responsiveChildClassNames.root, baseStyles.root),\n    chartWrapper: mergeClasses(responsiveChildClassNames.chartWrapper, baseStyles.chartWrapper),\n    chart: mergeClasses(responsiveChildClassNames.chart, baseStyles.chart),\n  };\n};\n"],"names":["makeStyles","mergeClasses","responsiveChildClassNames","root","chartWrapper","chart","useStyles","width","height","useResponsiveChildStyles","baseStyles"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,yBAAAA;;;4BAqBAO;eAAAA;;;uBAzB4B,iBAAiB;AAInD,kCAAyE;IAC9EN,MAAM;IACNC,cAAc;IACdC,OAAO;AACT,EAAE;AAEF,MAAMC,gBAAYN,iBAAAA,EAAW;IAC3BG,MAAM;QACJI,OAAO;QACPC,QAAQ;IACV;IACAJ,cAAc;QACZG,OAAO;IACT;IACAF,OAAO;QACL,wGAAwG;QACxG,2GAA2G;QAC3GE,OAAO;IACT;AACF;AAEO,iCAAiC;IACtC,MAAMG,aAAaJ;IAEnB,OAAO;QACLH,UAAMF,mBAAAA,EAAaC,0BAA0BC,IAAI,EAAEO,WAAWP,IAAI;QAClEC,kBAAcH,mBAAAA,EAAaC,0BAA0BE,YAAY,EAAEM,WAAWN,YAAY;QAC1FC,WAAOJ,mBAAAA,EAAaC,0BAA0BG,KAAK,EAAEK,WAAWL,KAAK;IACvE;AACF,EAAE"}

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

@@ -1,28 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "withResponsiveContainer", {
-    enumerable: true,
-    get: function() {
-        return withResponsiveContainer;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _ResponsiveContainer = require("./ResponsiveContainer");
-function withResponsiveContainer(WrappedComponent) {
-    const ComponentWithResponsiveContainer = ({ aspect, width, height, minWidth, minHeight, maxHeight, onResize, ...restProps })=>{
-        return /*#__PURE__*/ _react.createElement(_ResponsiveContainer.ResponsiveContainer, {
-            aspect: aspect,
-            width: width,
-            height: height,
-            minWidth: minWidth,
-            minHeight: minHeight,
-            maxHeight: maxHeight,
-            onResize: onResize
-        }, /*#__PURE__*/ _react.createElement(WrappedComponent, restProps));
-    };
-    return ComponentWithResponsiveContainer;
-}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ResponsiveContainer/withResponsiveContainer.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\nimport { ResponsiveContainer } from './ResponsiveContainer';\nimport type { ResponsiveContainerProps } 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<ResponsiveContainerProps, 'children'>>(\n  WrappedComponent: React.ComponentType<TProps>,\n): React.FC<TProps> {\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"],"names":["React","ResponsiveContainer","withResponsiveContainer","WrappedComponent","ComponentWithResponsiveContainer","aspect","width","height","minWidth","minHeight","maxHeight","onResize","restProps"],"mappings":"AAAA;;;;;+BAWgBE;;;;;;;iEARO,QAAQ;qCACK,wBAAwB;AAOrD,iCACLC,gBAA6C;IAE7C,MAAMC,mCAAqD,CAAC,EAC1DC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACJ;QACC,OAAA,WAAA,GACE,OAAA,aAAA,CAACX,wCAAAA,EAAAA;YACCI,QAAQA;YACRC,OAAOA;YACPC,QAAQA;YACRC,UAAUA;YACVC,WAAWA;YACXC,WAAWA;YACXC,UAAUA;yBAEV,OAAA,aAAA,CAACR,kBAAsBS;IAG7B;IAEA,OAAOR;AACT"}