datastake-daf 0.6.317 → 0.6.318

package/dist/components/index.js

@@ -49370,10 +49370,10 @@ function Modal(_ref) {
 
 const Container$1 = dt.div`
 	height: ${props => props.height || '300px'};
-	width: ${props => props.isPdf ? '1000px' : 'calc(100% - 48px)'}; 
+	width: ${props => props.isPdf ? props.width ? props.width : '1000px' : 'calc(100% - 48px)'}; 
 `;
 
-const _excluded$7 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isStack", "isGroup", "isPercentage", "seriesField", "formattedYAxis", "formattedXAxis", "color", "height", "t", "isPdf", "extraLegendConfig"];
+const _excluded$7 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isStack", "isGroup", "isPercentage", "seriesField", "formattedYAxis", "formattedXAxis", "color", "height", "t", "isPdf", "extraLegendConfig", "width"];
 const {
   useToken: useToken$e
 } = antd.theme;
@@ -49459,7 +49459,8 @@ function BarChart(_ref) {
       height,
       t = s => s,
       isPdf = false,
-      extraLegendConfig = {}
+      extraLegendConfig = {},
+      width
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$7);
   const containerRef = React__default["default"].useRef(null);
@@ -49527,13 +49528,15 @@ function BarChart(_ref) {
       className: "flex justify-content-center",
       children: /*#__PURE__*/jsxRuntime.jsx(Container$1, {
         ref: containerRef,
-        height: height
+        height: height,
+        isPdf: isPdf,
+        width: width
       })
     })
   });
 }
 
-const _excluded$6 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isSmooth", "seriesField", "isArea", "formattedYAxis", "formattedXAxis", "color", "isPercentage", "height", "autoHideXLabel", "t", "isPdf", "extraLegendConfig"];
+const _excluded$6 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isSmooth", "seriesField", "isArea", "formattedYAxis", "formattedXAxis", "color", "isPercentage", "height", "autoHideXLabel", "t", "isPdf", "extraLegendConfig", "width"];
 const {
   useToken: useToken$d
 } = antd.theme;
@@ -49617,7 +49620,8 @@ function LineChart(_ref) {
       autoHideXLabel = true,
       t = s => s,
       isPdf = false,
-      extraLegendConfig = {}
+      extraLegendConfig = {},
+      width
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$6);
   const containerRef = React__default["default"].useRef(null);
@@ -49697,13 +49701,15 @@ function LineChart(_ref) {
       className: "flex justify-content-center",
       children: /*#__PURE__*/jsxRuntime.jsx(Container$1, {
         ref: containerRef,
-        height: height
+        height: height,
+        isPdf: isPdf,
+        width: width
       })
     })
   });
 }
 
-const _excluded$5 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isStack", "isGroup", "seriesField", "isPercentage", "showBackground", "formattedYAxis", "formattedXAxis", "color", "height", "groupField", "t", "isPdf", "extraLegendConfig", "shouldSeperateLegendName"];
+const _excluded$5 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isStack", "isGroup", "seriesField", "isPercentage", "showBackground", "formattedYAxis", "formattedXAxis", "color", "height", "groupField", "t", "isPdf", "extraLegendConfig", "shouldSeperateLegendName", "width"];
 const {
   useToken: useToken$c
 } = antd.theme;
@@ -49791,7 +49797,8 @@ function ColumnChart(_ref) {
       t = s => s,
       isPdf = false,
       extraLegendConfig = {},
-      shouldSeperateLegendName = false
+      shouldSeperateLegendName = false,
+      width
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$5);
   const containerRef = React__default["default"].useRef(null);
@@ -49870,7 +49877,8 @@ function ColumnChart(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(Container$1, {
         ref: containerRef,
         height: height,
-        isPdf: isPdf
+        isPdf: isPdf,
+        width: width
       })
     })
   });
@@ -50173,7 +50181,8 @@ function DonutPie(_ref) {
         ref: containerRef,
         style: {
           height
-        }
+        },
+        isPdf: isPdf
       })
     })
   });
@@ -50572,7 +50581,7 @@ function StackChart(_ref) {
   }));
 }
 
-const _excluded$3 = ["data", "xFieldKey", "yFieldKey", "seriesField", "renderTooltipContent", "tooltipConfig", "animated", "color", "formattedYAxis", "formattedXAxis", "fillOpacity", "height", "t", "isPdf", "extraLegendConfig"];
+const _excluded$3 = ["data", "xFieldKey", "yFieldKey", "seriesField", "renderTooltipContent", "tooltipConfig", "animated", "color", "formattedYAxis", "formattedXAxis", "fillOpacity", "height", "t", "isPdf", "extraLegendConfig", "width"];
 const {
   useToken: useToken$8
 } = antd.theme;
@@ -50646,7 +50655,8 @@ const AreaChart = _ref => {
       height,
       t = s => s,
       isPdf = false,
-      extraLegendConfig = {}
+      extraLegendConfig = {},
+      width
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$3);
   const containerRef = React.useRef(null);
@@ -50718,7 +50728,9 @@ const AreaChart = _ref => {
       className: "flex justify-content-center",
       children: /*#__PURE__*/jsxRuntime.jsx(Container$1, {
         ref: containerRef,
-        height: height
+        height: height,
+        isPdf: isPdf,
+        width: width
       })
     })
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.317",
+	"version": "0.6.318",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/Charts/AreaChart/index.jsx

@@ -75,6 +75,7 @@ const AreaChart = ({
 	t = (s) => s,
 	isPdf = false,
 	extraLegendConfig = {},
+	width,
 	...rest
 }) => {
 	const containerRef = useRef(null);
@@ -168,7 +169,7 @@ const AreaChart = ({
 	return (
 		<div className="flex flex-1 flex-column justify-content-center">
 			<div className="flex justify-content-center">
-				<Container ref={containerRef} height={height}></Container>
+				<Container ref={containerRef} height={height} isPdf={isPdf} width={width}></Container>
 			</div>
 		</div>
 	);

package/src/@daf/core/components/Charts/BarChart/index.jsx

@@ -87,6 +87,7 @@ export default function BarChart({
 	t = (s) => s,
 	isPdf = false,
 	extraLegendConfig = {},
+	width,
 	...rest
 }) {
 	const containerRef = React.useRef(null);
@@ -181,7 +182,7 @@ export default function BarChart({
 	return (
 		<div className="flex flex-1 flex-column justify-content-center">
 			<div className="flex justify-content-center">
-				<Container ref={containerRef} height={height}></Container>
+				<Container ref={containerRef} height={height} isPdf={isPdf} width={width}></Container>
 			</div>
 		</div>
 	);

package/src/@daf/core/components/Charts/ColumnChart/index.jsx

@@ -90,6 +90,7 @@ export default function ColumnChart({
 	isPdf = false,
 	extraLegendConfig = {},
 	shouldSeperateLegendName = false,
+	width,
 	...rest
 }) {
 	const containerRef = React.useRef(null);
@@ -200,7 +201,7 @@ export default function ColumnChart({
 	return (
 		<div className="flex flex-1 flex-column justify-content-center">
 			<div className="flex justify-content-center">
-				<Container ref={containerRef} height={height} isPdf={isPdf}></Container>
+				<Container ref={containerRef} height={height} isPdf={isPdf} width={width}></Container>
 			</div>
 		</div>
 	);

package/src/@daf/core/components/Charts/DonutPie/index.js

@@ -166,7 +166,7 @@ export default function DonutPie({
 	return (
 		<div className="flex flex-1 flex-column justify-content-center">
 			<div className="flex justify-content-center">
-				<Container ref={containerRef} style={{ height }} />
+				<Container ref={containerRef} style={{ height }} isPdf={isPdf} />
 			</div>
 		</div>
 	);

package/src/@daf/core/components/Charts/LineChart/index.jsx

@@ -85,6 +85,7 @@ export default function LineChart({
 	t = (s) => s,
 	isPdf = false,
 	extraLegendConfig = {},
+	width,
 	...rest
 }) {
 	const containerRef = React.useRef(null);
@@ -195,7 +196,7 @@ export default function LineChart({
 	return (
 		<div className="flex flex-1 flex-column justify-content-center">
 			<div className="flex justify-content-center">
-				<Container ref={containerRef} height={height}></Container>
+				<Container ref={containerRef} height={height} isPdf={isPdf} width={width}></Container>
 			</div>
 		</div>
 	);

package/src/@daf/core/components/Charts/style.js

@@ -2,7 +2,7 @@ import styled from "styled-components";
 
 const Container = styled.div`
 	height: ${props => props.height || '300px'};
-	width: ${props => props.isPdf ? '1000px' : 'calc(100% - 48px)'}; 
+	width: ${props => props.isPdf ? (props.width ? props.width : '1000px') : 'calc(100% - 48px)'}; 
 `;
 
 export default Container;