@forter/chart - npm Package Compare versions

Comparing version 5.28.3 to 5.28.4

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [5.28.4](https://github.com/forter/web-components/compare/@forter/chart@5.28.3...@forter/chart@5.28.4) (2022-12-21)
+
+**Note:** Version bump only for package @forter/chart
+
+
+
+
+
 ## [5.28.3](https://github.com/forter/web-components/compare/@forter/chart@5.28.2...@forter/chart@5.28.3) (2022-12-19)
@@ -8,0 +16,0 @@

chart-config-builders/tooltip-config-builder.js

@@ -218,3 +218,3 @@ import { html } from 'lit-element';
       ${tooltipAdditionalInsights.map(tooltipAdditionalInsight => html`
-        <span class="additional-insight main-insight">${tooltipAdditionalInsight}</span>`).join('')}        
+        <span class="additional-insight main-insight">${tooltipAdditionalInsight}</span>`).join('')}
       ${(otherBuckets || []).length > 0 ? renderOtherBuckets({
@@ -240,3 +240,5 @@ otherBuckets
 }) => {
-  return otherBuckets.map(bucket => {
+  return `
+    <div class="others-container">
+      ${otherBuckets.map(bucket => {
     const {
@@ -247,3 +249,5 @@ label,
     return `<span class="additional-insight main-insight">${label} ${formattedValue}</span>`;
-  }).join('');
+  }).join('')}
+    </div>
+  `;
 };
@@ -250,0 +254,0 @@

fc-chart.css.js

@@ -103,3 +103,3 @@ import { css } from 'lit-element';
 .additional-insight {
-  padding-left: 8px;
+  padding: 0 8px;
 }
@@ -124,2 +124,9 @@
 
+.others-container {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  margin-bottom: 5px;
+}
+
 .tooltip-position {
@@ -126,0 +133,0 @@ font: var(--fc-font-11px-400);

package.json

 {
   "name": "@forter/chart",
-  "version": "5.28.3",
+  "version": "5.28.4",
   "description": "chart from Forter Components",
@@ -61,3 +61,3 @@ "author": "Forter Developers",
   },
-  "gitHead": "5aa0cb8e6db0db5ff300e3bca21cd4ed4ade15fc"
+  "gitHead": "93ccab70589528ff0b02678a46a2d978f466bcc6"
 }

src/chart-config-builders/tooltip-config-builder.js

@@ -158,3 +158,3 @@ import { get, merge } from 'lodash-es';
       ${tooltipAdditionalInsights.map(tooltipAdditionalInsight => html`
-        <span class="additional-insight main-insight">${tooltipAdditionalInsight}</span>`).join('')}        
+        <span class="additional-insight main-insight">${tooltipAdditionalInsight}</span>`).join('')}
       ${(otherBuckets || []).length > 0 ? renderOtherBuckets({otherBuckets}) : ''}
@@ -176,6 +176,10 @@ ${!previewMode && !isMissingDrilldown ? renderDrillDown() : ''}
 const renderOtherBuckets = ({otherBuckets}) => {
-  return otherBuckets.map(bucket => {
-    const {label, formattedValue} = bucket;
-    return `<span class="additional-insight main-insight">${label} ${formattedValue}</span>`
-  }).join('');
+  return `
+    <div class="others-container">
+      ${otherBuckets.map(bucket => {
+        const {label, formattedValue} = bucket;
+        return `<span class="additional-insight main-insight">${label} ${formattedValue}</span>`
+      }).join('')}
+    </div>
+  `
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

316168

increased by0.18%

Lines of code

5205

increased by0.39%

No dependency changes