datastake-daf 0.6.311 → 0.6.313

package/dist/components/index.js

@@ -16114,10 +16114,12 @@ function ImageWidget(_ref) {
       isPdf = false
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$p);
+  const expandable = isPdf ? false : props.expandable;
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     loading: loading,
     title: title,
-    className: "with-border-header"
+    className: "with-border-header",
+    expandable: expandable
   }, props), {}, {
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex gap-4",
@@ -49691,7 +49693,7 @@ function LineChart(_ref) {
   });
 }
 
-const _excluded$5 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isStack", "isGroup", "seriesField", "isPercentage", "showBackground", "formattedYAxis", "formattedXAxis", "color", "height", "groupField", "t", "isPdf", "extraLegendConfig"];
+const _excluded$5 = ["data", "xFieldKey", "yFieldKey", "renderTooltipContent", "tooltipConfig", "animated", "isStack", "isGroup", "seriesField", "isPercentage", "showBackground", "formattedYAxis", "formattedXAxis", "color", "height", "groupField", "t", "isPdf", "extraLegendConfig", "shouldSeperateLegendName"];
 const {
   useToken: useToken$c
 } = antd.theme;
@@ -49778,7 +49780,8 @@ function ColumnChart(_ref) {
       groupField,
       t = s => s,
       isPdf = false,
-      extraLegendConfig = {}
+      extraLegendConfig = {},
+      shouldSeperateLegendName = false
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$5);
   const containerRef = React__default["default"].useRef(null);
@@ -49823,7 +49826,10 @@ function ColumnChart(_ref) {
       }),
       legend: isPdf ? _objectSpread2({
         itemName: {
-          formatter: text => t(text)
+          formatter: text => {
+            const textToTranslate = shouldSeperateLegendName ? text.split("-")[1].toLowerCase() : text;
+            return t(textToTranslate);
+          }
         },
         position: 'bottom'
       }, extraLegendConfig) : hasLegendConfig || false

package/package.json

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

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

@@ -456,6 +456,7 @@ export const Pdf = {
 		renderTooltipContent: renderTooltipContent,
 		showBackground: true,
 		isPercentage: true,
+		shouldSeperateLegendName: true,
 	},
 	render: (args) => {
 		return <ColumnChart {...args} />;

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

@@ -89,6 +89,7 @@ export default function ColumnChart({
 	t = (s) => s,
 	isPdf = false,
 	extraLegendConfig = {},
+	shouldSeperateLegendName = false,
 	...rest
 }) {
 	const containerRef = React.useRef(null);
@@ -145,7 +146,10 @@ export default function ColumnChart({
 			legend: isPdf
 			? {
 				itemName: {
-				  formatter: (text) => t(text),
+				  formatter: (text) => {
+					const textToTranslate = shouldSeperateLegendName ? text.split("-")[1].toLowerCase() : text
+					return t(textToTranslate)
+				  },
 				},
 				position: 'bottom',
 				...extraLegendConfig,

package/src/@daf/core/components/Dashboard/Widget/WidgetImage/index.jsx

@@ -11,8 +11,9 @@ export default function ImageWidget({
 	isPdf = false,
 	...props
 }) {
+	const expandable = isPdf ? false : props.expandable
 	return (
-		<Widget loading={loading} title={title} className="with-border-header" {...props}>
+		<Widget loading={loading} title={title} className="with-border-header" expandable={expandable} {...props}>
 			<div className="flex gap-4">
 				{image ? (
 					<Image