@carbon/charts-react 0.48.0 → 0.48.4

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.48.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.48.3...v0.48.4) (2021-09-13)
+
+**Note:** Version bump only for package @carbon/charts-react
+
+
+
+
+
+## [0.48.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.48.2...v0.48.3) (2021-09-13)
+
+
+### Bug Fixes
+
+* **core:** diagram rendering issues in safari ([#1150](https://github.com/carbon-design-system/carbon-charts/issues/1150)) ([fc123dd](https://github.com/carbon-design-system/carbon-charts/commit/fc123dda01795fbd4703362dd2688c5ac1940728))
+
+
+
+
+
+## [0.48.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.48.1...v0.48.2) (2021-09-13)
+
+**Note:** Version bump only for package @carbon/charts-react
+
+
+
+
+
+## [0.48.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.48.0...v0.48.1) (2021-09-13)
+
+**Note:** Version bump only for package @carbon/charts-react
+
+
+
+
+
 # [0.48.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.47.0...v0.48.0) (2021-09-10)
 
 **Note:** Version bump only for package @carbon/charts-react

package/diagrams/CardNode/CardNode.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 declare const CardNode: {
-    ({ as, children, color, href, onMouseEnter, onMouseOver, onMouseOut, onMouseLeave, onMouseMove, onClick, stacked, }: any): JSX.Element;
+    ({ as, children, color, href, onMouseEnter, onMouseOver, onMouseOut, onMouseLeave, onMouseMove, onClick, position, stacked, }: any): JSX.Element;
     propTypes: {
         /** Provide a custom element to be rendered instead of the default */
         as: PropTypes.Requireable<PropTypes.ReactComponentLike>;

package/diagrams/CardNode/CardNode.js

@@ -13,7 +13,7 @@ var prefix = settings_1.default.prefix;
 var namespace = prefix + "--cc--card-node";
 var CardNode = function (_a) {
     var _b;
-    var _c = _a.as, as = _c === void 0 ? 'div' : _c, children = _a.children, color = _a.color, _d = _a.href, href = _d === void 0 ? null : _d, _e = _a.onMouseEnter, onMouseEnter = _e === void 0 ? null : _e, _f = _a.onMouseOver, onMouseOver = _f === void 0 ? null : _f, _g = _a.onMouseOut, onMouseOut = _g === void 0 ? null : _g, _h = _a.onMouseLeave, onMouseLeave = _h === void 0 ? null : _h, _j = _a.onMouseMove, onMouseMove = _j === void 0 ? null : _j, _k = _a.onClick, onClick = _k === void 0 ? null : _k, stacked = _a.stacked;
+    var _c = _a.as, as = _c === void 0 ? 'div' : _c, children = _a.children, color = _a.color, _d = _a.href, href = _d === void 0 ? null : _d, _e = _a.onMouseEnter, onMouseEnter = _e === void 0 ? null : _e, _f = _a.onMouseOver, onMouseOver = _f === void 0 ? null : _f, _g = _a.onMouseOut, onMouseOut = _g === void 0 ? null : _g, _h = _a.onMouseLeave, onMouseLeave = _h === void 0 ? null : _h, _j = _a.onMouseMove, onMouseMove = _j === void 0 ? null : _j, _k = _a.onClick, onClick = _k === void 0 ? null : _k, _l = _a.position, position = _l === void 0 ? 'static' : _l, stacked = _a.stacked;
     var Component = 'div';
     if (as !== 'div') {
         Component = as;
@@ -30,7 +30,7 @@ var CardNode = function (_a) {
         _b));
     return (
     // @ts-ignore
-    react_1.default.createElement(Component, { className: cardClasses, onClick: onClick, onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseLeave: onMouseLeave, onMouseMove: onMouseMove, style: { borderColor: color }, tabIndex: 0 }, children));
+    react_1.default.createElement(Component, { className: cardClasses, onClick: onClick, onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseLeave: onMouseLeave, onMouseMove: onMouseMove, style: { borderColor: color, position: position }, tabIndex: 0 }, children));
 };
 exports.default = CardNode;
 CardNode.propTypes = {

package/diagrams/ShapeNode/ShapeNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 declare const ShapeNode: {
-    ({ as, href, onClick, onMouseEnter, onMouseOver, onMouseOut, onMouseLeave, onMouseMove, renderIcon, size, stacked, shape, subtitle, title, }: any): JSX.Element;
+    ({ as, href, onClick, onMouseEnter, onMouseOver, onMouseOut, onMouseLeave, onMouseMove, position, bodyPosition, renderIcon, size, stacked, shape, subtitle, title, }: any): JSX.Element;
     propTypes: {
         /** Provide a custom element to be rendered instead of the default */
         as: PropTypes.Requireable<string>;

package/diagrams/ShapeNode/ShapeNode.js

@@ -12,7 +12,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var prefix = settings_1.default.prefix;
 var ShapeNode = function (_a) {
     var _b;
-    var _c = _a.as, as = _c === void 0 ? 'div' : _c, _d = _a.href, href = _d === void 0 ? null : _d, _e = _a.onClick, onClick = _e === void 0 ? null : _e, _f = _a.onMouseEnter, onMouseEnter = _f === void 0 ? null : _f, _g = _a.onMouseOver, onMouseOver = _g === void 0 ? null : _g, _h = _a.onMouseOut, onMouseOut = _h === void 0 ? null : _h, _j = _a.onMouseLeave, onMouseLeave = _j === void 0 ? null : _j, _k = _a.onMouseMove, onMouseMove = _k === void 0 ? null : _k, renderIcon = _a.renderIcon, _l = _a.size, size = _l === void 0 ? 48 : _l, stacked = _a.stacked, _m = _a.shape, shape = _m === void 0 ? 'circle' : _m, subtitle = _a.subtitle, title = _a.title;
+    var _c = _a.as, as = _c === void 0 ? 'div' : _c, _d = _a.href, href = _d === void 0 ? null : _d, _e = _a.onClick, onClick = _e === void 0 ? null : _e, _f = _a.onMouseEnter, onMouseEnter = _f === void 0 ? null : _f, _g = _a.onMouseOver, onMouseOver = _g === void 0 ? null : _g, _h = _a.onMouseOut, onMouseOut = _h === void 0 ? null : _h, _j = _a.onMouseLeave, onMouseLeave = _j === void 0 ? null : _j, _k = _a.onMouseMove, onMouseMove = _k === void 0 ? null : _k, _l = _a.position, position = _l === void 0 ? 'fixed' : _l, _m = _a.bodyPosition, bodyPosition = _m === void 0 ? 'absolute' : _m, renderIcon = _a.renderIcon, _o = _a.size, size = _o === void 0 ? 48 : _o, stacked = _a.stacked, _p = _a.shape, shape = _p === void 0 ? 'circle' : _p, subtitle = _a.subtitle, title = _a.title;
     var namespace = prefix + "--cc--shape-node";
     var Component = 'div';
     if (href) {
@@ -30,9 +30,9 @@ var ShapeNode = function (_a) {
     var subtitleElement = subtitle ? (react_1.default.createElement("div", { className: namespace + "__subtitle" }, subtitle)) : null;
     return (
     // @ts-ignore
-    react_1.default.createElement(Component, { className: circleClasses, onClick: onClick, onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseLeave: onMouseLeave, onMouseMove: onMouseMove, style: { height: size, width: size }, tabIndex: 0 },
+    react_1.default.createElement(Component, { className: circleClasses, onClick: onClick, onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseLeave: onMouseLeave, onMouseMove: onMouseMove, style: { height: size, width: size, position: position }, tabIndex: 0 },
         react_1.default.createElement("div", { className: namespace + "__icon" }, renderIcon),
-        react_1.default.createElement("div", { className: namespace + "__body" },
+        react_1.default.createElement("div", { className: namespace + "__body", style: { position: bodyPosition } },
             titleElement,
             subtitleElement)));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts-react",
-  "version": "0.48.0",
+  "version": "0.48.4",
   "description": "Carbon charting components for React",
   "main": "./bundle.js",
   "module": "./index.js",
@@ -49,7 +49,7 @@
   },
   "homepage": "https://github.com/carbon-design-system/carbon-charts#readme",
   "dependencies": {
-    "@carbon/charts": "^0.48.0",
+    "@carbon/charts": "^0.48.4",
     "@carbon/icons-react": "^10.32.0",
     "@carbon/telemetry": "0.0.0-alpha.6"
   },