@patternfly-java/charts 0.0.9 → 0.0.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly-java/charts",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Web Components wrapper around PatternFly React Charts",
   "homepage": "https://patternfly-java.github.io/",
   "repository": {
@@ -22,18 +22,18 @@
     "clean": "rimraf .parcel-cache dist"
   },
   "devDependencies": {
-    "parcel": "^2.16.3",
+    "parcel": "^2.16.4",
     "rimraf": "^6.1.2"
   },
   "dependencies": {
-    "lit": "^3.3.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "lit": "^3.3.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "hoist-non-react-statics": "^3.3.2",
-    "@patternfly/react-charts": "^8.4.0",
+    "@patternfly/react-charts": "^8.4.1",
     "@patternfly/react-styles": "^6.4.0",
     "@patternfly/react-tokens": "^6.4.0",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "tslib": "^2.8.1",
     "victory-area": "^37.3.6",
     "victory-axis": "^37.3.6",

package/src/charts.js

@@ -23,8 +23,10 @@ import './components/pfj-chart-bullet.js';
 import './components/pfj-chart-donut.js';
 import './components/pfj-chart-donut-utilization.js';
 import './components/pfj-chart-donut-threshold.js';
+import './components/pfj-chart-pie.js';
 
 export {ChartBulletWebComponent} from './components/pfj-chart-bullet.js';
 export {ChartDonutWebComponent} from './components/pfj-chart-donut.js';
 export {ChartDonutUtilizationWebComponent} from './components/pfj-chart-donut-utilization.js';
 export {ChartDonutThresholdWebComponent} from './components/pfj-chart-donut-threshold.js';
+export {ChartPieWebComponent} from './components/pfj-chart-pie.js';

package/src/components/pfj-chart-bullet.js

@@ -55,6 +55,9 @@ export class ChartBulletWebComponent extends ReactWrapperElement {
         } else if (this.getAttribute('comparative-warning-measure-legend-data')) {
             extraProps.comparativeWarningMeasureLegendData = parseAttrValue('comparative-warning-measure-legend-data', this.getAttribute('comparative-warning-measure-legend-data'));
         }
+        if (this._maxDomain !== undefined) {
+            extraProps.maxDomain = Number(this._maxDomain);
+        }
         if (this._primaryDotMeasureData && typeof this._primaryDotMeasureData !== 'string') {
             extraProps.primaryDotMeasureData = this._primaryDotMeasureData;
         } else if (this.getAttribute('primary-dot-measure-data')) {

package/src/components/pfj-chart-pie.js

@@ -0,0 +1,46 @@
+/*
+ *  Copyright 2023 Red Hat
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *      https://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import {parseAttrValue, ReactWrapperElement} from '../react-wrapper.js';
+import { ChartPie } from '@patternfly/react-charts/victory';
+
+export class ChartPieWebComponent extends ReactWrapperElement {
+
+    constructor() {
+        super();
+        this._colorScale = undefined;
+    }
+
+    getReactComponent() {
+        const extraProps = {};
+        if (this._colorScale && typeof this._colorScale !== 'string') {
+            extraProps.colorScale = this._colorScale;
+        } else if (this.getAttribute('color-scale')) {
+            extraProps.colorScale = parseAttrValue('color-scale', this.getAttribute('color-scale'));
+        }
+        return [ChartPie, extraProps];
+    }
+
+    get colorScale() {
+        return this._colorScale;
+    }
+
+    set colorScale(value) {
+        this._colorScale = value;
+        this._notifyChange();
+    }
+}
+
+customElements.define('pfj-chart-pie', ChartPieWebComponent);

package/src/react-wrapper.js

@@ -94,7 +94,6 @@ export class ReactWrapperElement extends LitElement {
         this._data = undefined; // any | any[]
         this._height = undefined; // number
         this._labels = undefined; // (data: any) => string
-        this._legendAllowWrap = undefined; // boolean
         this._legendData = undefined; // { name?: string; symbol?: { fill?: string; type?: string; }; }[]
         this._legendOrientation = undefined; // string
         this._legendPosition = undefined; // string
@@ -261,15 +260,6 @@ export class ReactWrapperElement extends LitElement {
         this._notifyChange();
     }
 
-    get legendAllowWrap() {
-        return this._legendAllowWrap;
-    }
-
-    set legendAllowWrap(value) {
-        this._legendAllowWrap = value;
-        this._notifyChange();
-    }
-
     get legendData() {
         return this._legendData;
     }
@@ -369,9 +359,6 @@ export class ReactWrapperElement extends LitElement {
         if (this._labels !== undefined) {
             commonProps.labels = this._labels;
         }
-        if (this._legendAllowWrap !== undefined) {
-            commonProps.legendAllowWrap = this._legendAllowWrap;
-        }
         if (this._legendData && typeof this._legendData !== 'string') {
             commonProps.legendData = this._legendData;
         } else if (this.getAttribute('legend-data')) {