victory-create-container 36.3.1 → 36.3.2

package/dist/victory-create-container.js

@@ -16200,11 +16200,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../victory-util/prop-types */ "../../victory-core/es/victory-util/prop-types.js");
-/* harmony import */ var _victory_portal_portal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../victory-portal/portal */ "../../victory-core/es/victory-portal/portal.js");
+/* harmony import */ var _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../victory-util/prop-types */ "../../victory-core/es/victory-util/prop-types.js");
+/* harmony import */ var _victory_portal_portal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../victory-portal/portal */ "../../victory-core/es/victory-portal/portal.js");
 /* harmony import */ var _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../victory-portal/portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
-/* harmony import */ var _victory_util_timer_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../victory-util/timer-context */ "../../victory-core/es/victory-util/timer-context.js");
+/* harmony import */ var _victory_util_timer_context__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../victory-util/timer-context */ "../../victory-core/es/victory-util/timer-context.js");
 /* harmony import */ var _victory_util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var _victory_util_user_props__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../victory-util/user-props */ "../../victory-core/es/victory-util/user-props.js");
 
 
 
@@ -16237,6 +16238,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 
 
+
 var VictoryContainer =
 /*#__PURE__*/
 function (_React$Component) {
@@ -16407,8 +16409,9 @@ function (_React$Component) {
           preserveAspectRatio = _props.preserveAspectRatio,
           role = _props.role;
       var style = responsive ? this.props.style : _victory_util_helpers__WEBPACK_IMPORTED_MODULE_8__.omit(this.props.style, ["height", "width"]);
+      var userProps = _victory_util_user_props__WEBPACK_IMPORTED_MODULE_9__.getSafeUserProps(this.props);
 
-      var svgProps = lodash_assign__WEBPACK_IMPORTED_MODULE_4___default()({
+      var svgProps = lodash_assign__WEBPACK_IMPORTED_MODULE_4___default()(_objectSpread({
         width: width,
         height: height,
         tabIndex: tabIndex,
@@ -16417,7 +16420,7 @@ function (_React$Component) {
         "aria-describedby": [desc && this.getIdForElement("desc"), this.props["aria-describedby"]].filter(Boolean).join(" ") || undefined,
         viewBox: responsive ? "0 0 ".concat(width, " ").concat(height) : undefined,
         preserveAspectRatio: responsive ? preserveAspectRatio : undefined
-      }, events);
+      }, userProps), events);
 
       return this.renderContainer(this.props, svgProps, style);
     }
@@ -16451,18 +16454,18 @@ Object.defineProperty(VictoryContainer, "propTypes", {
     containerRef: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),
     desc: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),
     events: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().object),
-    height: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_9__.nonNegative,
+    height: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_10__.nonNegative,
     name: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),
     origin: prop_types__WEBPACK_IMPORTED_MODULE_6___default().shape({
-      x: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_9__.nonNegative,
-      y: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_9__.nonNegative
+      x: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_10__.nonNegative,
+      y: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_10__.nonNegative
     }),
     ouiaId: prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_6___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string)]),
     ouiaSafe: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),
     ouiaType: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),
     polar: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),
     portalComponent: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().element),
-    portalZIndex: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_9__.integer,
+    portalZIndex: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_10__.integer,
     preserveAspectRatio: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),
     responsive: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool),
     role: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),
@@ -16470,7 +16473,7 @@ Object.defineProperty(VictoryContainer, "propTypes", {
     tabIndex: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().number),
     theme: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().object),
     title: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string),
-    width: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_9__.nonNegative
+    width: _victory_util_prop_types__WEBPACK_IMPORTED_MODULE_10__.nonNegative
   }
 });
 Object.defineProperty(VictoryContainer, "defaultProps", {
@@ -16479,7 +16482,7 @@ Object.defineProperty(VictoryContainer, "defaultProps", {
   writable: true,
   value: {
     className: "VictoryContainer",
-    portalComponent: react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_victory_portal_portal__WEBPACK_IMPORTED_MODULE_10__["default"], null),
+    portalComponent: react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_victory_portal_portal__WEBPACK_IMPORTED_MODULE_11__["default"], null),
     portalZIndex: 99,
     responsive: true,
     role: "img"
@@ -16489,7 +16492,7 @@ Object.defineProperty(VictoryContainer, "contextType", {
   configurable: true,
   enumerable: true,
   writable: true,
-  value: _victory_util_timer_context__WEBPACK_IMPORTED_MODULE_11__["default"]
+  value: _victory_util_timer_context__WEBPACK_IMPORTED_MODULE_12__["default"]
 });
 
 
@@ -22291,6 +22294,103 @@ function () {
 
 
 
+/***/ }),
+
+/***/ "../../victory-core/es/victory-util/user-props.js":
+/*!********************************************************!*\
+  !*** ../../victory-core/es/victory-util/user-props.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "getSafeUserProps": () => (/* binding */ getSafeUserProps)
+/* harmony export */ });
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/*
+  USER_PROPS_SAFELIST is to contain any string deemed safe for user props.
+  The startsWidth array will contain the start of any accepted user-prop that 
+  starts with these characters.
+  The exactMatch will contain a list of exact prop names that are accepted.
+*/
+var USER_PROPS_SAFELIST = {
+  startsWith: ["data-", "aria-"],
+  exactMatch: []
+};
+/**
+ * doesPropStartWith: Function that takes a prop's key and runs it against all
+ * options in the USER_PROPS_SAFELIST and checks to see if it starts with any
+ * of those options.
+ * @param {string} key: prop key to be tested against whitelist
+ * @returns {Boolean}: returns true if the key starts with an option or false if
+ * otherwise
+ */
+
+var doesPropStartWith = function (key) {
+  var startsWith = false;
+  USER_PROPS_SAFELIST.startsWith.forEach(function (starterString) {
+    var regex = new RegExp("\\b(".concat(starterString, ")(\\w|-)+"), "g");
+    if (regex.test(key)) startsWith = true;
+  });
+  return startsWith;
+};
+/**
+ * isExactMatch: checks to see if the given key matches any of the 'exactMatch'
+ * items in the whitelist
+ * @param {String} key: prop key to be tested against the whitelist-exact match
+ * array.
+ * @returns {Boolean}: return true if whitelist contains that key, otherwise
+ * returns false.
+ */
+
+
+var isExactMatch = function (key) {
+  return USER_PROPS_SAFELIST.exactMatch.includes(key);
+};
+/**
+ * testIfSafeProp: tests prop's key against both startsWith and exactMatch values
+ * @param {String} key: prop key to be tested against the whitelist
+ * @returns {Boolean}: returns true if found in whitelist, otherwise returns false
+ */
+
+
+var testIfSafeProp = function (key) {
+  if (doesPropStartWith(key) || isExactMatch(key)) return true;
+  return false;
+};
+/**
+ * getSafeUserProps - function that takes in a props object and removes any
+ * key-value entries that do not match filter strings in the USER_PROPS_SAFELIST
+ * object.
+ *
+ * @param {Object} props: props to be filtered against USER_PROPS_SAFELIST
+ * @returns {Object}: object containing remaining acceptable props
+ */
+
+
+var getSafeUserProps = function (props) {
+  var propsToFilter = _objectSpread({}, props);
+
+  return Object.fromEntries(Object.entries(propsToFilter).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 1),
+        key = _ref2[0];
+
+    return testIfSafeProp(key);
+  }));
+};
+
 /***/ }),
 
 /***/ "../../victory-core/es/victory-util/wrapper.js":
@@ -25633,16 +25733,14 @@ var RawZoomHelpers = {
       return new Date(val);
     }) : newDomain;
   },
-  // eslint-disable-next-line max-params
-  getDomainScale: function (domain, scale, axis, horizontal) {
+  getDomainScale: function (domain, scale, axis) {
     var axisDomain = Array.isArray(domain) ? domain : domain[axis];
 
     var _axisDomain = _slicedToArray(axisDomain, 2),
         from = _axisDomain[0],
         to = _axisDomain[1];
 
-    var otherAxis = axis === "x" ? "y" : "x";
-    var range = horizontal ? scale[otherAxis].range() : scale[axis].range();
+    var range = scale[axis].range();
     var plottableWidth = Math.abs(range[0] - range[1]);
     return plottableWidth / (to - from);
   },
@@ -25763,8 +25861,8 @@ var RawZoomHelpers = {
       var lastDomain = this.getLastDomain(targetProps, originalDomain);
       var deltaX = horizontal ? y - startY : startX - x;
       var deltaY = horizontal ? startX - x : y - startY;
-      var dx = deltaX / this.getDomainScale(lastDomain, scale, "x", horizontal);
-      var dy = deltaY / this.getDomainScale(lastDomain, scale, "y", horizontal);
+      var dx = deltaX / this.getDomainScale(lastDomain, scale, "x");
+      var dy = deltaY / this.getDomainScale(lastDomain, scale, "y");
       var currentDomain = {
         x: zoomDimension === "y" ? originalDomain.x : this.pan(lastDomain.x, originalDomain.x, dx),
         y: zoomDimension === "x" ? originalDomain.y : this.pan(lastDomain.y, originalDomain.y, dy)