@devexpress/dx-react-chart-bootstrap4 - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

dist/dx-react-chart-bootstrap4.d.ts

@@ -446,2 +446,12 @@ import * as React from 'react';
 
+export namespace Tooltip {
+  /** Describes properties passed to a component that renders the tooltip's arrow. */
+  export type ArrowProps = TooltipBase.ArrowProps;
+}
+
+export namespace Tooltip {
+  /** Describes properties passed to a component that renders the tooltip's sheet. */
+  export type SheetProps = TooltipBase.SheetProps;
+}
+
 export interface TooltipProps {
@@ -458,2 +468,6 @@ /** An item for which the tooltip is displayed initially. */
   contentComponent?: React.ComponentType<TooltipBase.ContentProps>;
+  /** A component that renders the tooltip arrow. */
+  arrowComponent?: React.ComponentType<TooltipBase.ArrowProps>;
+  /** A component that renders the tooltip sheet. */
+  sheetComponent?: React.ComponentType<TooltipBase.SheetProps>;
 }
@@ -467,2 +481,6 @@
   Content: React.ComponentType<TooltipBase.ContentProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  /** A component that renders the tooltip arrow. */
+  Arrow: React.ComponentType<TooltipBase.ArrowProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  /** A component that renders the tooltip sheet. */
+  Sheet: React.ComponentType<TooltipBase.SheetProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
 };
@@ -469,0 +487,0 @@

dist/dx-react-chart-bootstrap4.es.js

 /**
  * Bundle of @devexpress/dx-react-chart-bootstrap4
- * Generated: 2019-07-19
- * Version: 2.0.1
+ * Generated: 2019-08-01
+ * Version: 2.0.2
  * License: https://js.devexpress.com/Licensing
  */
 
-import { createElement, createRef, PureComponent } from 'react';
-import { node, bool, string, oneOfType, instanceOf, object, func, any, shape, number } from 'prop-types';
+import { createElement, forwardRef, createRef, PureComponent } from 'react';
+import { node, string, bool, oneOfType, instanceOf, object, func, any, shape, number } from 'prop-types';
 import { withComponents } from '@devexpress/dx-react-core';
@@ -311,2 +311,14 @@ import { withPatchedProps, Chart as Chart$1, Palette, Legend as Legend$1, Title as Title$1, ScatterSeries as ScatterSeries$1, Axis, ValueAxis as ValueAxis$1, ArgumentAxis as ArgumentAxis$1, Tooltip as Tooltip$1, ZoomAndPan as ZoomAndPan$1 } from '@devexpress/dx-react-chart';
 
+var DefaultArrowComponent = forwardRef(function (_ref, ref) {
+  var placement = _ref.placement,
+      restProps = _objectWithoutProperties(_ref, ["placement"]);
+
+  return createElement("div", _extends({
+    className: "arrow",
+    ref: ref
+  }, restProps));
+});
+DefaultArrowComponent.propTypes = {
+  placement: string.isRequired
+};
 var Popover =
@@ -408,11 +420,12 @@ /*#__PURE__*/
           renderInBody = _this$props4.renderInBody,
-          restProps = _objectWithoutProperties(_this$props4, ["children", "target", "renderInBody"]);
+          ArrowComponent = _this$props4.arrowComponent,
+          restProps = _objectWithoutProperties(_this$props4, ["children", "target", "renderInBody", "arrowComponent"]);
 
       return createElement(Popper, _extends({
         referenceElement: target
-      }, restProps), function (_ref) {
-        var ref = _ref.ref,
-            style = _ref.style,
-            arrowProps = _ref.arrowProps,
-            placement = _ref.placement;
+      }, restProps), function (_ref2) {
+        var ref = _ref2.ref,
+            style = _ref2.style,
+            arrowProps = _ref2.arrowProps,
+            placement = _ref2.placement;
         return createElement("div", {
@@ -425,7 +438,5 @@ className: "popover show bs-popover-".concat(placement),
           ref: _this3.contentRef
-        }, children), createElement("div", {
-          className: "arrow",
-          ref: arrowProps.ref,
-          style: arrowProps.style
-        }));
+        }, children), createElement(ArrowComponent, _extends({}, arrowProps, {
+          placement: restProps.placement
+        })));
       });
@@ -452,3 +463,4 @@ }
   target: oneOfType([instanceOf(typeof Element !== 'undefined' ? Element : Object), object]),
-  toggle: func
+  toggle: func,
+  arrowComponent: oneOfType([func, object])
 } : void 0;
@@ -460,3 +472,4 @@ Popover.defaultProps = {
   placement: 'auto',
-  toggle: undefined
+  toggle: undefined,
+  arrowComponent: DefaultArrowComponent
 };
@@ -494,5 +507,3 @@
         modifiers: popperModifiers
-      }, restProps), createElement("div", {
-        className: "popover-body"
-      }, children));
+      }, restProps), children);
     }
@@ -506,3 +517,4 @@ }]);
   target: any.isRequired,
-  rotated: bool.isRequired
+  rotated: bool.isRequired,
+  arrowComponent: oneOfType([func, object]).isRequired
 } : void 0;
@@ -528,5 +540,40 @@
 
+var Arrow = forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      placement = _ref.placement,
+      restProps = _objectWithoutProperties(_ref, ["className", "placement"]);
+
+  return createElement("div", _extends({
+    className: classNames('arrow', className),
+    ref: ref
+  }, restProps));
+});
+Arrow.propTypes = {
+  placement: string.isRequired,
+  className: string
+};
+Arrow.defaultProps = {
+  className: undefined
+};
+
+var Sheet = function Sheet(_ref) {
+  var className = _ref.className,
+      restProps = _objectWithoutProperties(_ref, ["className"]);
+
+  return createElement("div", _extends({
+    className: classNames('popover-body', className)
+  }, restProps));
+};
+process.env.NODE_ENV !== "production" ? Sheet.propTypes = {
+  className: string
+} : void 0;
+Sheet.defaultProps = {
+  className: undefined
+};
+
 var Tooltip = withComponents({
   Overlay: Overlay,
-  Content: Content
+  Content: Content,
+  Arrow: Arrow,
+  Sheet: Sheet
 })(Tooltip$1);
@@ -533,0 +580,0 @@

dist/dx-react-chart-bootstrap4.umd.js

 /**
  * Bundle of @devexpress/dx-react-chart-bootstrap4
- * Generated: 2019-07-19
- * Version: 2.0.1
+ * Generated: 2019-08-01
+ * Version: 2.0.2
  * License: https://js.devexpress.com/Licensing
@@ -311,2 +311,14 @@ */
 
+  var DefaultArrowComponent = React.forwardRef(function (_ref, ref) {
+    var placement = _ref.placement,
+        restProps = _objectWithoutProperties(_ref, ["placement"]);
+
+    return React.createElement("div", _extends({
+      className: "arrow",
+      ref: ref
+    }, restProps));
+  });
+  DefaultArrowComponent.propTypes = {
+    placement: PropTypes.string.isRequired
+  };
   var Popover =
@@ -408,11 +420,12 @@ /*#__PURE__*/
             renderInBody = _this$props4.renderInBody,
-            restProps = _objectWithoutProperties(_this$props4, ["children", "target", "renderInBody"]);
+            ArrowComponent = _this$props4.arrowComponent,
+            restProps = _objectWithoutProperties(_this$props4, ["children", "target", "renderInBody", "arrowComponent"]);
 
         return React.createElement(reactPopper.Popper, _extends({
           referenceElement: target
-        }, restProps), function (_ref) {
-          var ref = _ref.ref,
-              style = _ref.style,
-              arrowProps = _ref.arrowProps,
-              placement = _ref.placement;
+        }, restProps), function (_ref2) {
+          var ref = _ref2.ref,
+              style = _ref2.style,
+              arrowProps = _ref2.arrowProps,
+              placement = _ref2.placement;
           return React.createElement("div", {
@@ -425,7 +438,5 @@ className: "popover show bs-popover-".concat(placement),
             ref: _this3.contentRef
-          }, children), React.createElement("div", {
-            className: "arrow",
-            ref: arrowProps.ref,
-            style: arrowProps.style
-          }));
+          }, children), React.createElement(ArrowComponent, _extends({}, arrowProps, {
+            placement: restProps.placement
+          })));
         });
@@ -452,3 +463,4 @@ }
     target: PropTypes.oneOfType([PropTypes.instanceOf(typeof Element !== 'undefined' ? Element : Object), PropTypes.object]),
-    toggle: PropTypes.func
+    toggle: PropTypes.func,
+    arrowComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   } : void 0;
@@ -460,3 +472,4 @@ Popover.defaultProps = {
     placement: 'auto',
-    toggle: undefined
+    toggle: undefined,
+    arrowComponent: DefaultArrowComponent
   };
@@ -494,5 +507,3 @@
           modifiers: popperModifiers
-        }, restProps), React.createElement("div", {
-          className: "popover-body"
-        }, children));
+        }, restProps), children);
       }
@@ -506,3 +517,4 @@ }]);
     target: PropTypes.any.isRequired,
-    rotated: PropTypes.bool.isRequired
+    rotated: PropTypes.bool.isRequired,
+    arrowComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired
   } : void 0;
@@ -528,5 +540,40 @@
 
+  var Arrow = React.forwardRef(function (_ref, ref) {
+    var className = _ref.className,
+        placement = _ref.placement,
+        restProps = _objectWithoutProperties(_ref, ["className", "placement"]);
+
+    return React.createElement("div", _extends({
+      className: classNames('arrow', className),
+      ref: ref
+    }, restProps));
+  });
+  Arrow.propTypes = {
+    placement: PropTypes.string.isRequired,
+    className: PropTypes.string
+  };
+  Arrow.defaultProps = {
+    className: undefined
+  };
+
+  var Sheet = function Sheet(_ref) {
+    var className = _ref.className,
+        restProps = _objectWithoutProperties(_ref, ["className"]);
+
+    return React.createElement("div", _extends({
+      className: classNames('popover-body', className)
+    }, restProps));
+  };
+  process.env.NODE_ENV !== "production" ? Sheet.propTypes = {
+    className: PropTypes.string
+  } : void 0;
+  Sheet.defaultProps = {
+    className: undefined
+  };
+
   var Tooltip = dxReactCore.withComponents({
     Overlay: Overlay,
-    Content: Content
+    Content: Content,
+    Arrow: Arrow,
+    Sheet: Sheet
   })(dxReactChart.Tooltip);
@@ -533,0 +580,0 @@

package.json

 {
   "name": "@devexpress/dx-react-chart-bootstrap4",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Bootstrap 4 templates for DevExtreme React Chart component",
@@ -53,6 +53,6 @@ "author": {
     "@babel/preset-react": "^7.0.0",
-    "@devexpress/dx-chart-core": "2.0.1",
-    "@devexpress/dx-react-chart": "2.0.1",
-    "@devexpress/dx-react-core": "2.0.1",
-    "@devexpress/dx-testing": "2.0.1",
+    "@devexpress/dx-chart-core": "2.0.2",
+    "@devexpress/dx-react-chart": "2.0.2",
+    "@devexpress/dx-react-core": "2.0.2",
+    "@devexpress/dx-testing": "2.0.2",
     "babel-core": "^7.0.0-bridge.0",
@@ -64,12 +64,12 @@ "babel-jest": "^24.8.0",
     "enzyme-adapter-react-16": "^1.14.0",
-    "eslint": "^6.0.1",
+    "eslint": "^6.1.0",
     "eslint-config-airbnb": "^17.1.1",
     "eslint-config-airbnb-base": "^13.2.0",
     "eslint-plugin-filenames": "^1.3.2",
-    "eslint-plugin-import": "^2.18.0",
-    "eslint-plugin-jest": "^22.10.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-jest": "^22.14.1",
     "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-react": "^7.14.2",
+    "eslint-plugin-react": "^7.14.3",
     "jest": "^24.8.0",
-    "react": "^16.8.3",
+    "react": "^16.8.6",
     "react-dom": "^16.8.6",
@@ -89,8 +89,8 @@ "react-test-renderer": "^16.8.6",
   "peerDependencies": {
-    "@devexpress/dx-chart-core": "2.0.1",
-    "@devexpress/dx-react-chart": "2.0.1",
-    "@devexpress/dx-react-core": "2.0.1",
+    "@devexpress/dx-chart-core": "2.0.2",
+    "@devexpress/dx-react-chart": "2.0.2",
+    "@devexpress/dx-react-core": "2.0.2",
     "react": ">=16.8.6"
   },
-  "gitHead": "7bb662371274270b29ed478ec6750649eb92c80d"
+  "gitHead": "781df644dad87a3308ced4a4bbb25e077d9cf094"
 }

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

119330

increased by8.33%

Lines of code

1531

increased by6.99%

Worsened metrics

Number of low supply chain risk alerts

10

increased by25%

No dependency changes