@fluentui/react-charts 0.0.0-nightly-20250423-0405.1 → 0.0.0-nightly-20250423-1415.1

package/lib-commonjs/components/LineChart/useLineChartStyles.styles.js

@@ -0,0 +1,96 @@
+"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, {
+    linechartClassNames: function() {
+        return linechartClassNames;
+    },
+    useLineChartStyles: function() {
+        return useLineChartStyles;
+    }
+});
+const _react = require("@griffel/react");
+const linechartClassNames = {
+    tooltip: 'fui-line__tooltip',
+    root: 'fui-line__root',
+    xAxis: 'fui-line__xAxis',
+    yAxis: 'fui-line__yAxis',
+    legendContainer: 'fui-line__legendContainer',
+    hover: 'fui-line__hover',
+    calloutContentRoot: 'fui-line__calloutContentRoot',
+    calloutContentX: 'fui-line__calloutContentX',
+    calloutContentY: 'fui-line__calloutContentY',
+    descriptionMessage: 'fui-line__descriptionMessage',
+    calloutDateTimeContainer: 'fui-line__calloutDateTimeContainer',
+    calloutInfoContainer: 'fui-line__calloutInfoContainer',
+    calloutBlockContainer: 'fui-line__calloutBlockContainer',
+    calloutlegendText: 'fui-line__calloutLegendText',
+    axisTitle: 'fui-line__axisTitle',
+    chartTitle: 'fui-line__chartTitle',
+    opacityChangeOnHover: 'fui-line__opacityChangeOnHover',
+    shapeStyles: 'fui-line__shapeStyles',
+    chartWrapper: 'fui-line__chartWrapper',
+    calloutBlockContainertoDrawShapefalse: '',
+    calloutBlockContainertoDrawShapetrue: ''
+};
+/**
+ * Base Styles
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    tooltip: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        z8tnut: "f17mpqex",
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ],
+        Byoj8tv: "fdvome7",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ],
+        qhf8xq: "f1euv43f",
+        fsow6f: "f17mccla",
+        Bhzewxz: "fr6rvge",
+        Bkfmm31: "f5q6cfr",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "fq9zq91",
+        Bkecrkj: "f1aehjj5"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f17mpqex{padding-top:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".fdvome7{padding-bottom:var(--spacingHorizontalS);}",
+        ".f1euv43f{position:absolute;}",
+        ".f17mccla{text-align:center;}",
+        ".fr6rvge{top:var(--spacingVerticalNone);}",
+        ".f5q6cfr{fill:var(--colorNeutralBackground1);}",
+        [
+            ".fq9zq91{border-radius:var(--borderRadiusSmall);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1aehjj5{pointer-events:none;}"
+    ]
+});
+const useLineChartStyles = (props)=>{
+    const baseStyles = useStyles();
+    return {
+        tooltip: (0, _react.mergeClasses)(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )
+    };
+}; //# sourceMappingURL=useLineChartStyles.styles.js.map

package/lib-commonjs/components/LineChart/useLineChartStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLineChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const linechartClassNames = {\n    tooltip: 'fui-line__tooltip',\n    root: 'fui-line__root',\n    xAxis: 'fui-line__xAxis',\n    yAxis: 'fui-line__yAxis',\n    legendContainer: 'fui-line__legendContainer',\n    hover: 'fui-line__hover',\n    calloutContentRoot: 'fui-line__calloutContentRoot',\n    calloutContentX: 'fui-line__calloutContentX',\n    calloutContentY: 'fui-line__calloutContentY',\n    descriptionMessage: 'fui-line__descriptionMessage',\n    calloutDateTimeContainer: 'fui-line__calloutDateTimeContainer',\n    calloutInfoContainer: 'fui-line__calloutInfoContainer',\n    calloutBlockContainer: 'fui-line__calloutBlockContainer',\n    calloutlegendText: 'fui-line__calloutLegendText',\n    axisTitle: 'fui-line__axisTitle',\n    chartTitle: 'fui-line__chartTitle',\n    opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n    shapeStyles: 'fui-line__shapeStyles',\n    chartWrapper: 'fui-line__chartWrapper',\n    calloutBlockContainertoDrawShapefalse: '',\n    calloutBlockContainertoDrawShapetrue: ''\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    tooltip: {\n        display: 'flex',\n        flexDirection: 'column',\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        position: 'absolute',\n        textAlign: 'center',\n        top: tokens.spacingVerticalNone,\n        fill: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none'\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useLineChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )\n    };\n};\n"],"names":["linechartClassNames","useLineChartStyles","tooltip","root","xAxis","yAxis","legendContainer","hover","calloutContentRoot","calloutContentX","calloutContentY","descriptionMessage","calloutDateTimeContainer","calloutInfoContainer","calloutBlockContainer","calloutlegendText","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","useStyles","__styles","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","Bkfmm31","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIiBA,mBAAmB;eAAnBA;;IAwCAC,kBAAkB;eAAlBA;;;uBA5CoC;AAI1C,MAAMD,sBAAsB;IACnCE,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,iBAAiB;IACjBC,iBAAiB;IACjBC,oBAAoB;IACpBC,0BAA0B;IAC1BC,sBAAsB;IACtBC,uBAAuB;IACvBC,mBAAmB;IACnBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,uCAAuC;IACvCC,sCAAsC;AAC1C;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAtB,SAAA;QAAAuB,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA;AAeX,MAAMzC,qBAAsB0C,CAAAA;IACnC,MAAMC,aAAarB;IACnB,OAAO;QACHrB,SAAS2C,IAAAA,mBAAY,EAAC7C,oBAAoBE,OAAO,EAAE0C,WAAW1C,OAAO,CAAC,uBAAA;IAC1E;AACJ"}

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

@@ -0,0 +1,76 @@
+"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 _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useResponsiveContainerStylesstyles = require("./useResponsiveContainerStyles.styles");
+const ResponsiveContainer = (props)=>{
+    const containerRef = _react.useRef(null);
+    const onResizeRef = _react.useRef();
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const classes = (0, _useResponsiveContainerStylesstyles.useResponsiveContainerStyles)(props);
+    const [size, setSize] = _react.useState({});
+    onResizeRef.current = props.onResize;
+    const _window = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;
+    _react.useEffect(()=>{
+        let animationFrameId;
+        // eslint-disable-next-line no-restricted-globals
+        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(()=>{
+                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 === null || _window === void 0 ? void 0 : _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();
+        };
+    }, [
+        _window
+    ]);
+    return /*#__PURE__*/ _react.createElement("div", {
+        ref: containerRef,
+        className: classes.root,
+        style: {
+            width: props.width,
+            height: props.height
+        }
+    }, _react.Children.map(props.children, (child)=>{
+        return /*#__PURE__*/ _react.cloneElement(child, {
+            width: size.containerWidth,
+            height: size.containerHeight
+        });
+    }));
+};
+ResponsiveContainer.displayName = 'ResponsiveContainer';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponsiveContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { ResponsiveContainerProps } from './ResponsiveContainer.types';\nimport { useResponsiveContainerStyles } from './useResponsiveContainerStyles.styles';\n\nexport const ResponsiveContainer: React.FC<ResponsiveContainerProps> = props => {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const onResizeRef = React.useRef<ResponsiveContainerProps['onResize']>();\n  const { targetDocument } = useFluent_unstable();\n  const classes = useResponsiveContainerStyles(props);\n\n  const [size, setSize] = React.useState<{ containerWidth?: number; containerHeight?: number }>({});\n\n  onResizeRef.current = props.onResize;\n  const _window = targetDocument?.defaultView;\n\n  React.useEffect(() => {\n    let animationFrameId: number | undefined;\n    // eslint-disable-next-line no-restricted-globals\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?.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  }, [_window]);\n\n  return (\n    <div ref={containerRef} className={classes.root} style={{ width: props.width, height: props.height }}>\n      {React.Children.map(props.children, child => {\n        return React.cloneElement(child, {\n          width: size.containerWidth,\n          height: size.containerHeight,\n        });\n      })}\n    </div>\n  );\n};\nResponsiveContainer.displayName = 'ResponsiveContainer';\n"],"names":["ResponsiveContainer","props","containerRef","React","useRef","onResizeRef","targetDocument","useFluent_unstable","classes","useResponsiveContainerStyles","size","setSize","useState","current","onResize","_window","defaultView","useEffect","animationFrameId","resizeObserver","resizeCallback","entries","width","containerWidth","height","containerHeight","contentRect","requestAnimationFrame","prevSize","roundedWidth","Math","floor","roundedHeight","ResizeObserver","observe","cancelAnimationFrame","disconnect","createElement","div","ref","className","root","style","Children","map","children","child","cloneElement","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;qCACY;oDAEU;AAEtC,MAAMA,sBAA0DC,CAAAA;IACrE,MAAMC,eAAeC,OAAMC,MAAM,CAAiB;IAClD,MAAMC,cAAcF,OAAMC,MAAM;IAChC,MAAM,EAAEE,cAAc,EAAE,GAAGC,IAAAA,uCAAAA;IAC3B,MAAMC,UAAUC,IAAAA,gEAAAA,EAA6BR;IAE7C,MAAM,CAACS,MAAMC,QAAQ,GAAGR,OAAMS,QAAQ,CAAwD,CAAC;IAE/FP,YAAYQ,OAAO,GAAGZ,MAAMa,QAAQ;IACpC,MAAMC,UAAUT,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBU,WAAW;IAE3Cb,OAAMc,SAAS,CAAC;QACd,IAAIC;QACJ,iDAAiD;QACjD,IAAIC;QAEJ,MAAMC,iBAAiB,CAACC;gBAetBhB;YAdA,MAAM,EAAEiB,OAAOC,cAAc,EAAEC,QAAQC,eAAe,EAAE,GAAGJ,OAAO,CAAC,EAAE,CAACK,WAAW;YACjF,sEAAsE;YACtE,gGAAgG;YAChGR,mBAAmBH,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASY,qBAAqB,CAAC;gBAChDhB,QAAQiB,CAAAA;oBACN,MAAMC,eAAeC,KAAKC,KAAK,CAACR;oBAChC,MAAMS,gBAAgBF,KAAKC,KAAK,CAACN;oBACjC,IAAIG,SAASL,cAAc,KAAKM,gBAAgBD,SAASH,eAAe,KAAKO,eAAe;wBAC1F,OAAOJ;oBACT;oBAEA,OAAO;wBAAEL,gBAAgBM;wBAAcJ,iBAAiBO;oBAAc;gBACxE;YACF;YACA3B,CAAAA,uBAAAA,YAAYQ,OAAO,AAAPA,MAAO,QAAnBR,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,IAAAA,CAAAA,aAAsBkB,gBAAgBE;QACxC;QAEA,IAAIV,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASkB,cAAc,EAAE;YAC3Bd,iBAAiB,IAAIJ,QAAQkB,cAAc,CAACb;YAC5C,IAAIlB,aAAaW,OAAO,EAAE;gBACxBM,eAAee,OAAO,CAAChC,aAAaW,OAAO;YAC7C;QACF;QAEA,OAAO;YACL,IAAIK,kBAAkB;gBACpBH,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASoB,oBAAoB,CAACjB;YAChC;YAEAC,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBiB,UAAU;QAC5B;IACF,GAAG;QAACrB;KAAQ;IAEZ,OAAA,WAAA,GACEZ,OAAAkC,aAAA,CAACC,OAAAA;QAAIC,KAAKrC;QAAcsC,WAAWhC,QAAQiC,IAAI;QAAEC,OAAO;YAAEpB,OAAOrB,MAAMqB,KAAK;YAAEE,QAAQvB,MAAMuB,MAAM;QAAC;OAChGrB,OAAMwC,QAAQ,CAACC,GAAG,CAAC3C,MAAM4C,QAAQ,EAAEC,CAAAA;QAClC,OAAA,WAAA,GAAO3C,OAAM4C,YAAY,CAACD,OAAO;YAC/BxB,OAAOZ,KAAKa,cAAc;YAC1BC,QAAQd,KAAKe,eAAe;QAC9B;IACF;AAGN;AACAzB,oBAAoBgD,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponsiveContainer.types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface ResponsiveContainerProps {\n  children: React.ReactElement;\n  onResize?: (width: number, height: number) => void;\n  width?: number | string;\n  height?: number | string;\n}\n\nexport interface ResponsiveContainerStyles {\n  root: string;\n}\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ResponsiveContainer';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

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

@@ -0,0 +1,47 @@
+"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, {
+    responsiveContainerClassNames: function() {
+        return responsiveContainerClassNames;
+    },
+    useResponsiveContainerStyles: function() {
+        return useResponsiveContainerStyles;
+    }
+});
+const _react = require("@griffel/react");
+const responsiveContainerClassNames = {
+    root: 'fui-charts-resp__root'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl",
+        Bvcz5cu: "fx80qsw",
+        Bjw6159: "f4wz6dc",
+        B5pe6w7: "f17klwcu",
+        p4uzdd: "ffmg4tr"
+    }
+}, {
+    d: [
+        ".fly5x3f{width:100%;}",
+        ".f1l02sjl{height:100%;}",
+        ".fx80qsw [class*=\"chartWrapper\"]{width:100%;}",
+        ".f4wz6dc [class*=\"chartWrapper\"]{height:100%;}",
+        ".f17klwcu svg{width:100%;}",
+        ".ffmg4tr svg{height:100%;}"
+    ]
+});
+const useResponsiveContainerStyles = (props)=>{
+    const baseStyles = useStyles();
+    return {
+        root: (0, _react.mergeClasses)(responsiveContainerClassNames.root, baseStyles.root)
+    };
+}; //# sourceMappingURL=useResponsiveContainerStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponsiveContainerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const responsiveContainerClassNames = {\n    root: 'fui-charts-resp__root'\n};\nconst useStyles = makeStyles({\n    root: {\n        width: '100%',\n        height: '100%',\n        '& [class*=\"chartWrapper\"]': {\n            width: '100%',\n            // To prevent chart height from collapsing while resizing\n            height: '100%'\n        },\n        '& svg': {\n            // This overrides the pixel width and height of svg allowing it to resize properly within flexbox\n            width: '100%',\n            height: '100%'\n        }\n    }\n});\nexport const useResponsiveContainerStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(responsiveContainerClassNames.root, baseStyles.root)\n    };\n};\n"],"names":["responsiveContainerClassNames","useResponsiveContainerStyles","root","useStyles","__styles","a9b677","Bqenvij","Bvcz5cu","Bjw6159","B5pe6w7","p4uzdd","d","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAmBAC,4BAA4B;eAA5BA;;;uBApB4B;AAClC,MAAMD,gCAAgC;IACzCE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAgBX,MAAMV,+BAAgCW,CAAAA;IACzC,MAAMC,aAAaV;IACnB,OAAO;QACHD,MAAMY,IAAAA,mBAAY,EAACd,8BAA8BE,IAAI,EAAEW,WAAWX,IAAI;IAC1E;AACJ"}