@patternfly-java/charts 0.0.10 → 0.0.12

package/README.md

@@ -12,6 +12,7 @@ The following web components are available:
 - `<pfj-chart-donut-threshold>` → [`ChartDonutThreshold`](https://www.patternfly.org/charts/donut-utilization-chart#donut-utilization-threshold-examples)
 - `<pfj-chart-donut-utilization>` → [`ChartDonutUtilization`](https://www.patternfly.org/charts/donut-utilization-chart#donut-utilization-examples)
 - `<pfj-chart-bullet>` → [`ChartBullet`](https://www.patternfly.org/charts/bullet-chart)
+- `<pfj-chart-pie>` → [`ChartPie`](https://www.patternfly.org/charts/pie-chart)
 
 ## Installation
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly-java/charts",
   "private": false,
-  "version": "0.0.10",
+  "version": "0.0.12",
   "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-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);