@appigram/react-yandex-metrika 2.7.6 → 2.8.0

package/.eslintrc

@@ -1,5 +1,9 @@
 {
-    "parser": "babel-eslint",
+    "parser": "@babel/eslint-parser",
+    "parserOptions": {
+        "ecmaVersion": 11,
+       "requireConfigFile": false
+    },
     "rules": {
         "curly": [2],
         "keyword-spacing": [2, {"before": true, "after": true}],
@@ -36,8 +40,5 @@
     },
     "env": {
         "node": true
-    },
-    "settings": {
-        "ecmascript6": true
     }
 }

package/index.d.ts

@@ -1,14 +1,14 @@
-import {Component} from 'react';
+import {FunctionComponent} from 'react';
 
 interface YMInitializerProps {
     accounts: number[];
     containerElement?: string;
     options?: {[name: string]: any};
-    version?: '1' | '2';
+    version?: '1' | '2' | '3';
     attrs?: Record<string, string | number>;
 }
 
-export class YMInitializer extends Component<YMInitializerProps> {}
+export const YMInitializer: FunctionComponent<YMInitializerProps>
 
 declare const ym: (methodName: string, ...args: any[]) => void;
 

package/lib/component.js

@@ -1,17 +1,15 @@
 /* eslint-env browser */
 'use strict';
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.YMInitializer = void 0;
+exports.YMInitializer = YMInitializer;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _init = _interopRequireDefault(require("./init"));
 
 var _constants = require("./constants");
@@ -22,85 +20,57 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var YMInitializer = /*#__PURE__*/function (_Component) {
-  _inherits(YMInitializer, _Component);
-
-  var _super = _createSuper(YMInitializer);
-
-  function YMInitializer() {
-    _classCallCheck(this, YMInitializer);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(YMInitializer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      (0, _init["default"])(this.props.accounts, this.props.options, this.props.version);
-      var el = document.createElement('script');
-      var attrs = this.props.attrs;
-      el.type = 'text/javascript';
-      el.async = true;
-      el.src = (0, _constants.scriptPath)(this.props.version);
-      Object.keys(attrs).map(function (i) {
-        if (el.__proto__.hasOwnProperty(i)) {
-          el.setAttribute(i, attrs[i]);
-        }
-      });
-      this.insertPoint.insertBefore(el, null);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-
-      var setInsertPoint = function setInsertPoint(element) {
-        _this.insertPoint = element;
-      };
-
-      return _react["default"].createElement(this.props.containerElement, {
-        ref: setInsertPoint
-      }, this.props.children);
-    }
-  }]);
-
-  return YMInitializer;
-}(_react.Component);
-
-exports.YMInitializer = YMInitializer;
-YMInitializer.displayName = 'YMInitializer';
-YMInitializer.propTypes = {
-  accounts: _propTypes["default"].arrayOf(_propTypes["default"].number).isRequired,
-  containerElement: _propTypes["default"].string,
-  options: _propTypes["default"].object,
-  attrs: _propTypes["default"].object,
-  version: _propTypes["default"].oneOf(['1', '2', '3'])
-};
-YMInitializer.defaultProps = {
-  containerElement: 'div',
-  options: {},
-  attrs: {},
-  version: '1'
-};
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb21wb25lbnQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTs7Ozs7Ozs7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFFTSxhOzs7Ozs7Ozs7Ozs7O1dBRUYsNkJBQW9CO0FBQ2hCLDRCQUFLLEtBQUssS0FBTCxDQUFXLFFBQWhCLEVBQTBCLEtBQUssS0FBTCxDQUFXLE9BQXJDLEVBQThDLEtBQUssS0FBTCxDQUFXLE9BQXpEO0FBQ0EsVUFBSSxFQUFFLEdBQUcsUUFBUSxDQUFDLGFBQVQsQ0FBdUIsUUFBdkIsQ0FBVDtBQUNBLFVBQUksS0FBSyxHQUFHLEtBQUssS0FBTCxDQUFXLEtBQXZCO0FBQ0EsTUFBQSxFQUFFLENBQUMsSUFBSCxHQUFVLGlCQUFWO0FBQ0EsTUFBQSxFQUFFLENBQUMsS0FBSCxHQUFXLElBQVg7QUFDQSxNQUFBLEVBQUUsQ0FBQyxHQUFILEdBQVMsMkJBQVcsS0FBSyxLQUFMLENBQVcsT0FBdEIsQ0FBVDtBQUNBLE1BQUEsTUFBTSxDQUFDLElBQVAsQ0FBWSxLQUFaLEVBQW1CLEdBQW5CLENBQXVCLFVBQUEsQ0FBQyxFQUFJO0FBQ3hCLFlBQUksRUFBRSxDQUFDLFNBQUgsQ0FBYSxjQUFiLENBQTRCLENBQTVCLENBQUosRUFBb0M7QUFDaEMsVUFBQSxFQUFFLENBQUMsWUFBSCxDQUFnQixDQUFoQixFQUFtQixLQUFLLENBQUMsQ0FBRCxDQUF4QjtBQUNIO0FBQ0osT0FKRDtBQUtBLFdBQUssV0FBTCxDQUFpQixZQUFqQixDQUE4QixFQUE5QixFQUFrQyxJQUFsQztBQUNIOzs7V0FFRCxrQkFBUztBQUFBOztBQUNMLFVBQUksY0FBYyxHQUFHLFNBQWpCLGNBQWlCLENBQUMsT0FBRCxFQUFhO0FBQzlCLFFBQUEsS0FBSSxDQUFDLFdBQUwsR0FBbUIsT0FBbkI7QUFDSCxPQUZEOztBQUdBLGFBQU8sa0JBQU0sYUFBTixDQUNILEtBQUssS0FBTCxDQUFXLGdCQURSLEVBRUg7QUFBQyxRQUFBLEdBQUcsRUFBRTtBQUFOLE9BRkcsRUFHSCxLQUFLLEtBQUwsQ0FBVyxRQUhSLENBQVA7QUFLSDs7OztFQTFCdUIsZ0I7OztBQThCNUIsYUFBYSxDQUFDLFdBQWQsR0FBNEIsZUFBNUI7QUFFQSxhQUFhLENBQUMsU0FBZCxHQUEwQjtBQUN0QixFQUFBLFFBQVEsRUFBRSxzQkFBVSxPQUFWLENBQWtCLHNCQUFVLE1BQTVCLEVBQW9DLFVBRHhCO0FBRXRCLEVBQUEsZ0JBQWdCLEVBQUUsc0JBQVUsTUFGTjtBQUd0QixFQUFBLE9BQU8sRUFBRSxzQkFBVSxNQUhHO0FBSXRCLEVBQUEsS0FBSyxFQUFFLHNCQUFVLE1BSks7QUFLdEIsRUFBQSxPQUFPLEVBQUUsc0JBQVUsS0FBVixDQUFnQixDQUFDLEdBQUQsRUFBTSxHQUFOLEVBQVcsR0FBWCxDQUFoQjtBQUxhLENBQTFCO0FBUUEsYUFBYSxDQUFDLFlBQWQsR0FBNkI7QUFDekIsRUFBQSxnQkFBZ0IsRUFBRSxLQURPO0FBRXpCLEVBQUEsT0FBTyxFQUFFLEVBRmdCO0FBR3pCLEVBQUEsS0FBSyxFQUFFLEVBSGtCO0FBSXpCLEVBQUEsT0FBTyxFQUFFO0FBSmdCLENBQTdCIiwiZmlsZSI6ImNvbXBvbmVudC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1lbnYgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnO1xuXG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBpbml0IGZyb20gJy4vaW5pdCc7XG5pbXBvcnQgeyBzY3JpcHRQYXRoIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG5jbGFzcyBZTUluaXRpYWxpemVyIGV4dGVuZHMgQ29tcG9uZW50IHtcblxuICAgIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgICAgICBpbml0KHRoaXMucHJvcHMuYWNjb3VudHMsIHRoaXMucHJvcHMub3B0aW9ucywgdGhpcy5wcm9wcy52ZXJzaW9uKTtcbiAgICAgICAgbGV0IGVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0Jyk7XG4gICAgICAgIGxldCBhdHRycyA9IHRoaXMucHJvcHMuYXR0cnM7XG4gICAgICAgIGVsLnR5cGUgPSAndGV4dC9qYXZhc2NyaXB0JztcbiAgICAgICAgZWwuYXN5bmMgPSB0cnVlO1xuICAgICAgICBlbC5zcmMgPSBzY3JpcHRQYXRoKHRoaXMucHJvcHMudmVyc2lvbik7XG4gICAgICAgIE9iamVjdC5rZXlzKGF0dHJzKS5tYXAoaSA9PiB7XG4gICAgICAgICAgICBpZiAoZWwuX19wcm90b19fLmhhc093blByb3BlcnR5KGkpKSB7XG4gICAgICAgICAgICAgICAgZWwuc2V0QXR0cmlidXRlKGksIGF0dHJzW2ldKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuaW5zZXJ0UG9pbnQuaW5zZXJ0QmVmb3JlKGVsLCBudWxsKTtcbiAgICB9XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGxldCBzZXRJbnNlcnRQb2ludCA9IChlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICB0aGlzLmluc2VydFBvaW50ID0gZWxlbWVudDtcbiAgICAgICAgfTtcbiAgICAgICAgcmV0dXJuIFJlYWN0LmNyZWF0ZUVsZW1lbnQoXG4gICAgICAgICAgICB0aGlzLnByb3BzLmNvbnRhaW5lckVsZW1lbnQsXG4gICAgICAgICAgICB7cmVmOiBzZXRJbnNlcnRQb2ludH0sXG4gICAgICAgICAgICB0aGlzLnByb3BzLmNoaWxkcmVuXG4gICAgICAgICk7XG4gICAgfVxuXG59XG5cbllNSW5pdGlhbGl6ZXIuZGlzcGxheU5hbWUgPSAnWU1Jbml0aWFsaXplcic7XG5cbllNSW5pdGlhbGl6ZXIucHJvcFR5cGVzID0ge1xuICAgIGFjY291bnRzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubnVtYmVyKS5pc1JlcXVpcmVkLFxuICAgIGNvbnRhaW5lckVsZW1lbnQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgb3B0aW9uczogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBhdHRyczogUHJvcFR5cGVzLm9iamVjdCxcbiAgICB2ZXJzaW9uOiBQcm9wVHlwZXMub25lT2YoWycxJywgJzInLCAnMyddKVxufTtcblxuWU1Jbml0aWFsaXplci5kZWZhdWx0UHJvcHMgPSB7XG4gICAgY29udGFpbmVyRWxlbWVudDogJ2RpdicsXG4gICAgb3B0aW9uczoge30sXG4gICAgYXR0cnM6IHt9LFxuICAgIHZlcnNpb246ICcxJ1xufTtcblxuZXhwb3J0IHsgWU1Jbml0aWFsaXplciB9O1xuIl19
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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 YMInitializer(_ref) {
+  var _ref$accounts = _ref.accounts,
+      accounts = _ref$accounts === void 0 ? [] : _ref$accounts,
+      _ref$containerElement = _ref.containerElement,
+      containerElement = _ref$containerElement === void 0 ? 'div' : _ref$containerElement,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? {} : _ref$options,
+      _ref$attrs = _ref.attrs,
+      attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+      _ref$version = _ref.version,
+      version = _ref$version === void 0 ? '1' : _ref$version,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      insertPoint = _useState2[0],
+      setInsertPoint = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    (0, _init["default"])(accounts, options, version);
+    var el = document.createElement('script');
+    el.type = 'text/javascript';
+    el.async = true;
+    el.src = (0, _constants.scriptPath)(version);
+    Object.keys(attrs).map(function (i) {
+      if (el.__proto__.hasOwnProperty(i)) {
+        el.setAttribute(i, attrs[i]);
+      }
+    });
+    insertPoint.insertBefore(el, null);
+  }, []);
+
+  var handleSetInsertPoint = function handleSetInsertPoint(element) {
+    setInsertPoint(element);
+  };
+
+  return _react["default"].createElement(containerElement, {
+    ref: handleSetInsertPoint
+  }, children);
+}
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwibmFtZXMiOlsiWU1Jbml0aWFsaXplciIsImFjY291bnRzIiwiY29udGFpbmVyRWxlbWVudCIsIm9wdGlvbnMiLCJhdHRycyIsInZlcnNpb24iLCJjaGlsZHJlbiIsImluc2VydFBvaW50Iiwic2V0SW5zZXJ0UG9pbnQiLCJlbCIsImRvY3VtZW50IiwiY3JlYXRlRWxlbWVudCIsInR5cGUiLCJhc3luYyIsInNyYyIsIk9iamVjdCIsImtleXMiLCJtYXAiLCJpIiwiX19wcm90b19fIiwiaGFzT3duUHJvcGVydHkiLCJzZXRBdHRyaWJ1dGUiLCJpbnNlcnRCZWZvcmUiLCJoYW5kbGVTZXRJbnNlcnRQb2ludCIsImVsZW1lbnQiLCJSZWFjdCIsInJlZiJdLCJzb3VyY2VzIjpbIi4uL3NyYy9jb21wb25lbnQuanMiXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWVudiBicm93c2VyICovXG4ndXNlIHN0cmljdCc7XG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGluaXQgZnJvbSAnLi9pbml0JztcbmltcG9ydCB7IHNjcmlwdFBhdGggfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbmZ1bmN0aW9uIFlNSW5pdGlhbGl6ZXIoe1xuICAgIGFjY291bnRzID0gW10sXG4gICAgY29udGFpbmVyRWxlbWVudCA9ICdkaXYnLFxuICAgIG9wdGlvbnMgPSB7fSxcbiAgICBhdHRycyA9IHt9LFxuICAgIHZlcnNpb24gPSAnMScsXG4gICAgY2hpbGRyZW5cbn0pIHtcbiAgICBjb25zdCBbaW5zZXJ0UG9pbnQsIHNldEluc2VydFBvaW50XSA9IHVzZVN0YXRlKCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpbml0KGFjY291bnRzLCBvcHRpb25zLCB2ZXJzaW9uKTtcbiAgICAgICAgbGV0IGVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0Jyk7XG4gICAgICAgIGVsLnR5cGUgPSAndGV4dC9qYXZhc2NyaXB0JztcbiAgICAgICAgZWwuYXN5bmMgPSB0cnVlO1xuICAgICAgICBlbC5zcmMgPSBzY3JpcHRQYXRoKHZlcnNpb24pO1xuICAgICAgICBPYmplY3Qua2V5cyhhdHRycykubWFwKGkgPT4ge1xuICAgICAgICAgICAgaWYgKGVsLl9fcHJvdG9fXy5oYXNPd25Qcm9wZXJ0eShpKSkge1xuICAgICAgICAgICAgICAgIGVsLnNldEF0dHJpYnV0ZShpLCBhdHRyc1tpXSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICBpbnNlcnRQb2ludC5pbnNlcnRCZWZvcmUoZWwsIG51bGwpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IGhhbmRsZVNldEluc2VydFBvaW50ID0gKGVsZW1lbnQpID0+IHtcbiAgICAgICAgc2V0SW5zZXJ0UG9pbnQoZWxlbWVudCk7XG4gICAgfTtcblxuICAgIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KFxuICAgICAgICBjb250YWluZXJFbGVtZW50LFxuICAgICAgICB7IHJlZjogaGFuZGxlU2V0SW5zZXJ0UG9pbnQgfSxcbiAgICAgICAgY2hpbGRyZW5cbiAgICApO1xufVxuXG5leHBvcnQgeyBZTUluaXRpYWxpemVyIH07XG4iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7Ozs7Ozs7OztBQUVBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLFNBQVNBLGFBQVQsT0FPRztFQUFBLHlCQU5DQyxRQU1EO0VBQUEsSUFOQ0EsUUFNRCw4QkFOWSxFQU1aO0VBQUEsaUNBTENDLGdCQUtEO0VBQUEsSUFMQ0EsZ0JBS0Qsc0NBTG9CLEtBS3BCO0VBQUEsd0JBSkNDLE9BSUQ7RUFBQSxJQUpDQSxPQUlELDZCQUpXLEVBSVg7RUFBQSxzQkFIQ0MsS0FHRDtFQUFBLElBSENBLEtBR0QsMkJBSFMsRUFHVDtFQUFBLHdCQUZDQyxPQUVEO0VBQUEsSUFGQ0EsT0FFRCw2QkFGVyxHQUVYO0VBQUEsSUFEQ0MsUUFDRCxRQURDQSxRQUNEOztFQUNDLGdCQUFzQyxzQkFBdEM7RUFBQTtFQUFBLElBQU9DLFdBQVA7RUFBQSxJQUFvQkMsY0FBcEI7O0VBRUEsc0JBQVUsWUFBTTtJQUNaLHNCQUFLUCxRQUFMLEVBQWVFLE9BQWYsRUFBd0JFLE9BQXhCO0lBQ0EsSUFBSUksRUFBRSxHQUFHQyxRQUFRLENBQUNDLGFBQVQsQ0FBdUIsUUFBdkIsQ0FBVDtJQUNBRixFQUFFLENBQUNHLElBQUgsR0FBVSxpQkFBVjtJQUNBSCxFQUFFLENBQUNJLEtBQUgsR0FBVyxJQUFYO0lBQ0FKLEVBQUUsQ0FBQ0ssR0FBSCxHQUFTLDJCQUFXVCxPQUFYLENBQVQ7SUFDQVUsTUFBTSxDQUFDQyxJQUFQLENBQVlaLEtBQVosRUFBbUJhLEdBQW5CLENBQXVCLFVBQUFDLENBQUMsRUFBSTtNQUN4QixJQUFJVCxFQUFFLENBQUNVLFNBQUgsQ0FBYUMsY0FBYixDQUE0QkYsQ0FBNUIsQ0FBSixFQUFvQztRQUNoQ1QsRUFBRSxDQUFDWSxZQUFILENBQWdCSCxDQUFoQixFQUFtQmQsS0FBSyxDQUFDYyxDQUFELENBQXhCO01BQ0g7SUFDSixDQUpEO0lBS0FYLFdBQVcsQ0FBQ2UsWUFBWixDQUF5QmIsRUFBekIsRUFBNkIsSUFBN0I7RUFDSCxDQVpELEVBWUcsRUFaSDs7RUFjQSxJQUFNYyxvQkFBb0IsR0FBRyxTQUF2QkEsb0JBQXVCLENBQUNDLE9BQUQsRUFBYTtJQUN0Q2hCLGNBQWMsQ0FBQ2dCLE9BQUQsQ0FBZDtFQUNILENBRkQ7O0VBSUEsT0FBT0Msa0JBQU1kLGFBQU4sQ0FDSFQsZ0JBREcsRUFFSDtJQUFFd0IsR0FBRyxFQUFFSDtFQUFQLENBRkcsRUFHSGpCLFFBSEcsQ0FBUDtBQUtIIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@appigram/react-yandex-metrika",
-    "version": "2.7.6",
+    "version": "2.8.0",
     "description": "Yandex Metrika(beta) component for React",
     "main": "./lib/index.js",
     "scripts": {
@@ -19,17 +19,15 @@
     "author": "Evgeny Sysmanov <appigram@gmail.com>",
     "license": "MIT",
     "devDependencies": {
-        "@babel/cli": "^7.16.0",
-        "@babel/core": "^7.16.5",
-        "@babel/preset-env": "^7.16.5",
-        "babel-eslint": "^10.1.0",
-        "eslint": "^8.4.1",
-        "eslint-plugin-react": "^7.27.1",
-        "prop-types": "^15.7.2",
-        "react": "^17.0.2"
+        "@babel/cli": "^7.17.10",
+        "@babel/core": "^7.17.10",
+        "@babel/eslint-parser": "^7.5.4",
+        "@babel/preset-env": "^7.17.10",
+        "eslint": "^8.14.0",
+        "eslint-plugin-react": "^7.29.4",
+        "react": "^18.1.0"
     },
     "peerDependencies": {
-        "prop-types": "*",
         "react": "*"
     }
 }

package/src/component.js

@@ -1,56 +1,43 @@
 /* eslint-env browser */
 'use strict';
 
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
 import init from './init';
 import { scriptPath } from './constants';
 
-class YMInitializer extends Component {
-
-    componentDidMount() {
-        init(this.props.accounts, this.props.options, this.props.version);
+function YMInitializer({
+    accounts = [],
+    containerElement = 'div',
+    options = {},
+    attrs = {},
+    version = '1',
+    children
+}) {
+    const [insertPoint, setInsertPoint] = useState();
+
+    useEffect(() => {
+        init(accounts, options, version);
         let el = document.createElement('script');
-        let attrs = this.props.attrs;
         el.type = 'text/javascript';
         el.async = true;
-        el.src = scriptPath(this.props.version);
+        el.src = scriptPath(version);
         Object.keys(attrs).map(i => {
             if (el.__proto__.hasOwnProperty(i)) {
                 el.setAttribute(i, attrs[i]);
             }
         });
-        this.insertPoint.insertBefore(el, null);
-    }
-
-    render() {
-        let setInsertPoint = (element) => {
-            this.insertPoint = element;
-        };
-        return React.createElement(
-            this.props.containerElement,
-            {ref: setInsertPoint},
-            this.props.children
-        );
-    }
-
+        insertPoint.insertBefore(el, null);
+    }, []);
+
+    const handleSetInsertPoint = (element) => {
+        setInsertPoint(element);
+    };
+
+    return React.createElement(
+        containerElement,
+        { ref: handleSetInsertPoint },
+        children
+    );
 }
 
-YMInitializer.displayName = 'YMInitializer';
-
-YMInitializer.propTypes = {
-    accounts: PropTypes.arrayOf(PropTypes.number).isRequired,
-    containerElement: PropTypes.string,
-    options: PropTypes.object,
-    attrs: PropTypes.object,
-    version: PropTypes.oneOf(['1', '2', '3'])
-};
-
-YMInitializer.defaultProps = {
-    containerElement: 'div',
-    options: {},
-    attrs: {},
-    version: '1'
-};
-
 export { YMInitializer };