@atlaskit/editor-common 72.1.2 → 72.2.1

package/dist/cjs/ui/Mention/index.js

@@ -1,60 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _providerFactory = require("../../provider-factory");
-
 var _mentionWithProviders = _interopRequireDefault(require("./mention-with-providers"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 var Mention = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Mention, _PureComponent);
-
   var _super = _createSuper(Mention);
-
   function Mention(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Mention);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderWithProvider", function (providers) {
       var _this$props = _this.props,
-          accessLevel = _this$props.accessLevel,
-          eventHandlers = _this$props.eventHandlers,
-          id = _this$props.id,
-          text = _this$props.text;
+        accessLevel = _this$props.accessLevel,
+        eventHandlers = _this$props.eventHandlers,
+        id = _this$props.id,
+        text = _this$props.text;
       var mentionProvider = providers.mentionProvider,
-          profilecardProvider = providers.profilecardProvider;
+        profilecardProvider = providers.profilecardProvider;
       return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.default, {
         id: id,
         text: text,
@@ -67,7 +47,6 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
     _this.providerFactory = props.providers || new _providerFactory.ProviderFactory();
     return _this;
   }
-
   (0, _createClass2.default)(Mention, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -89,5 +68,4 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Mention;
 }(_react.PureComponent);
-
 exports.default = Mention;

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -1,35 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = MentionWithProfileCard;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mention = require("@atlaskit/mention");
-
 var _user = _interopRequireDefault(require("@atlaskit/profilecard/user"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 MentionWithProfileCard(_ref) {
   var id = _ref.id,
-      text = _ref.text,
-      accessLevel = _ref.accessLevel,
-      mentionProvider = _ref.mentionProvider,
-      profilecardProvider = _ref.profilecardProvider,
-      onClick = _ref.onClick,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave;
+    text = _ref.text,
+    accessLevel = _ref.accessLevel,
+    mentionProvider = _ref.mentionProvider,
+    profilecardProvider = _ref.profilecardProvider,
+    onClick = _ref.onClick,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
   var cloudId = profilecardProvider.cloudId,
-      resourceClient = profilecardProvider.resourceClient;
+    resourceClient = profilecardProvider.resourceClient;
   var actions = (0, _react.useMemo)(function () {
     return profilecardProvider.getActions(id, text, accessLevel);
   }, [accessLevel, id, profilecardProvider, text]);

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -1,69 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _element = require("@atlaskit/mention/element");
-
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
-
 var noop = function noop() {};
-
 var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(MentionWithProviders, _PureComponent);
-
   var _super = _createSuper(MentionWithProviders);
-
   function MentionWithProviders() {
     var _this;
-
     (0, _classCallCheck2.default)(this, MentionWithProviders);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       profilecardProvider: null
     });
     return _this;
   }
-
   (0, _createClass2.default)(MentionWithProviders, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -80,7 +54,6 @@ var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
     key: "updateProfilecardProvider",
     value: function updateProfilecardProvider(props) {
       var _this2 = this;
-
       // We are not using async/await here to avoid having an intermediate Promise
       // introduced by the transpiler.
       // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
@@ -105,11 +78,11 @@ var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          accessLevel = _this$props.accessLevel,
-          eventHandlers = _this$props.eventHandlers,
-          id = _this$props.id,
-          mentionProvider = _this$props.mentionProvider,
-          text = _this$props.text;
+        accessLevel = _this$props.accessLevel,
+        eventHandlers = _this$props.eventHandlers,
+        id = _this$props.id,
+        mentionProvider = _this$props.mentionProvider,
+        text = _this$props.text;
       var profilecardProvider = this.state.profilecardProvider;
       var actionHandlers = {};
       ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
@@ -127,5 +100,4 @@ var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
   }]);
   return MentionWithProviders;
 }(_react.PureComponent);
-
 exports.default = MentionWithProviders;

package/dist/cjs/ui/Messages/index.js

@@ -1,46 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ValidMessage = exports.HelperMessage = exports.ErrorMessage = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
-
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _typography = require("@atlaskit/theme/typography");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var errorColor = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-danger, ".concat(_colors.R400, ")"));
 var validColor = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-success, ".concat(_colors.G400, ")"));
-
 var messageStyle = function messageStyle(props) {
   return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", " font-weight: normal;\n  color: ", ";\n  margin-top: ", "px;\n  display: flex;\n  justify-content: baseline;\n"])), (0, _typography.h200)(props), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), (0, _constants.gridSize)() / 2);
 };
-
 var iconWrapperStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-right: 4px;\n"])));
-
 var HelperMessage = function HelperMessage(_ref) {
   var children = _ref.children;
   return (0, _react.jsx)("div", {
     css: messageStyle
   }, children);
 };
-
 exports.HelperMessage = HelperMessage;
-
 var ErrorMessage = function ErrorMessage(_ref2) {
   var children = _ref2.children;
   return (0, _react.jsx)("div", {
@@ -55,9 +40,7 @@ var ErrorMessage = function ErrorMessage(_ref2) {
     "aria-label": "error"
   })), children);
 };
-
 exports.ErrorMessage = ErrorMessage;
-
 var ValidMessage = function ValidMessage(_ref3) {
   var children = _ref3.children;
   return (0, _react.jsx)("div", {
@@ -71,5 +54,4 @@ var ValidMessage = function ValidMessage(_ref3) {
     label: "success"
   })), children);
 };
-
 exports.ValidMessage = ValidMessage;

package/dist/cjs/ui/OverflowShadow/index.js

@@ -1,58 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = overflowShadow;
 exports.shadowClassNames = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _shadowObserver = require("./shadowObserver");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 var shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
   LEFT_SHADOW: 'left-shadow'
 };
 exports.shadowClassNames = shadowClassNames;
-
 function overflowShadow(Component, options) {
   return /*#__PURE__*/function (_React$Component) {
     (0, _inherits2.default)(OverflowShadow, _React$Component);
-
     var _super = _createSuper(OverflowShadow);
-
     function OverflowShadow() {
       var _this;
-
       (0, _classCallCheck2.default)(this, OverflowShadow);
-
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "overflowContainerWidth", 0);
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
@@ -63,32 +43,25 @@ function overflowShadow(Component, options) {
         if (!_this.overflowContainer || event.target !== _this.overflowContainer || options.useShadowObserver) {
           return;
         }
-
         _this.updateShadows();
       });
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateShadows", function () {
         if (options.useShadowObserver) {
           return;
         }
-
         _this.setState(function (prevState) {
           if (!_this.overflowContainer) {
             return;
           }
-
           var diff = _this.calcOverflowDiff();
-
           var showRightShadow = diff > 0 && diff > _this.overflowContainer.scrollLeft;
-
           var showLeftShadow = _this.showLeftShadow(_this.overflowContainer);
-
           if (showLeftShadow !== prevState.showLeftShadow || showRightShadow !== _this.state.showRightShadow) {
             return {
               showLeftShadow: showLeftShadow,
               showRightShadow: showRightShadow
             };
           }
-
           return null;
         });
       });
@@ -99,7 +72,6 @@ function overflowShadow(Component, options) {
         if (!_this.overflowContainer) {
           return 0;
         }
-
         _this.diff = _this.calcScrollableWidth();
         return _this.diff - _this.overflowContainer.offsetWidth;
       });
@@ -107,56 +79,43 @@ function overflowShadow(Component, options) {
         if (!_this.scrollable && _this.overflowContainer) {
           return _this.overflowContainer.scrollWidth;
         }
-
         if (!_this.scrollable) {
           return 0;
         }
-
         var width = 0;
-
         for (var i = 0; i < _this.scrollable.length; i++) {
           var scrollableElement = _this.scrollable[i];
           width += scrollableElement.scrollWidth;
         }
-
         return width;
       });
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleContainer", function (container) {
         if (!container || _this.container) {
           return;
         }
-
         _this.container = container;
         _this.overflowContainer = container.querySelector(options.overflowSelector);
-
         if (!_this.overflowContainer) {
           _this.overflowContainer = container;
         }
-
         if (options.useShadowObserver) {
           _this.initShadowObserver();
-
           return;
         }
-
         _this.updateShadows();
-
         _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
       });
       return _this;
     }
-
     (0, _createClass2.default)(OverflowShadow, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         if (options.useShadowObserver) {
           return this.shadowObserver && this.shadowObserver.dispose();
         }
-
         if (this.overflowContainer) {
           this.overflowContainer.removeEventListener('scroll', this.handleScroll);
         }
-
         this.updateShadows();
       }
     }, {
@@ -170,25 +129,21 @@ function overflowShadow(Component, options) {
       key: "initShadowObserver",
       value: function initShadowObserver() {
         var _this2 = this;
-
         if (this.shadowObserver || !this.overflowContainer) {
           return;
         }
-
         this.shadowObserver = new _shadowObserver.ShadowObserver({
           scrollContainer: this.overflowContainer,
           onUpdateShadows: function onUpdateShadows(shadowStates) {
             _this2.setState(function (prevState) {
               var showLeftShadow = shadowStates.showLeftShadow,
-                  showRightShadow = shadowStates.showRightShadow;
-
+                showRightShadow = shadowStates.showRightShadow;
               if (showLeftShadow !== prevState.showLeftShadow || showRightShadow !== prevState.showRightShadow) {
                 return {
                   showLeftShadow: showLeftShadow,
                   showRightShadow: showRightShadow
                 };
               }
-
               return null;
             });
           }
@@ -198,8 +153,8 @@ function overflowShadow(Component, options) {
       key: "render",
       value: function render() {
         var _this$state = this.state,
-            showLeftShadow = _this$state.showLeftShadow,
-            showRightShadow = _this$state.showRightShadow;
+          showLeftShadow = _this$state.showLeftShadow,
+          showRightShadow = _this$state.showRightShadow;
         var classNames = [showRightShadow && shadowClassNames.RIGHT_SHADOW, showLeftShadow && shadowClassNames.LEFT_SHADOW, options.useShadowObserver && _shadowObserver.shadowObserverClassNames.SHADOW_CONTAINER].filter(Boolean).join(' ');
         return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
           handleRef: this.handleContainer,

package/dist/cjs/ui/OverflowShadow/shadowObserver.js

@@ -1,48 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shadowObserverClassNames = exports.ShadowObserver = exports.ShadowKeys = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _defineProperty3 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var ShadowKeys;
 exports.ShadowKeys = ShadowKeys;
-
 (function (ShadowKeys) {
   ShadowKeys["SHOW_LEFT_SHADOW"] = "showLeftShadow";
   ShadowKeys["SHOW_RIGHT_SHADOW"] = "showRightShadow";
 })(ShadowKeys || (exports.ShadowKeys = ShadowKeys = {}));
-
 var shadowObserverClassNames = {
   SENTINEL_LEFT: 'sentinel-left',
   SENTINEL_RIGHT: 'sentinel-right',
   SHADOW_CONTAINER: 'with-shadow-observer'
 };
 exports.shadowObserverClassNames = shadowObserverClassNames;
-
 var requestIdleCallback = function requestIdleCallback(fn) {
   return window.requestIdleCallback ? window.requestIdleCallback(fn) : window.requestAnimationFrame(fn);
 };
-
 var cancelIdleCallback = function cancelIdleCallback(id) {
   return window.cancelIdleCallback ? window.cancelIdleCallback(id) : window.cancelAnimationFrame(id);
 };
-
 var ShadowObserver = /*#__PURE__*/function () {
   function ShadowObserver(_ref) {
     var _defineProperty2,
-        _this = this;
-
+      _this = this;
     var scrollContainer = _ref.scrollContainer,
-        onUpdateShadows = _ref.onUpdateShadows;
+      onUpdateShadows = _ref.onUpdateShadows;
     (0, _classCallCheck2.default)(this, ShadowObserver);
     (0, _defineProperty3.default)(this, "sentinels", {});
     (0, _defineProperty3.default)(this, "shadowStates", (_defineProperty2 = {}, (0, _defineProperty3.default)(_defineProperty2, ShadowKeys.SHOW_LEFT_SHADOW, false), (0, _defineProperty3.default)(_defineProperty2, ShadowKeys.SHOW_RIGHT_SHADOW, false), _defineProperty2));
@@ -50,27 +39,18 @@ var ShadowObserver = /*#__PURE__*/function () {
       if (!_this.scrollContainer || _this.intersectionObserver) {
         return;
       }
-
       _this.sentinels.right = document.createElement('div');
-
       _this.sentinels.right.classList.add(shadowObserverClassNames.SENTINEL_RIGHT);
-
       _this.scrollContainer.appendChild(_this.sentinels.right);
-
       _this.sentinels.left = document.createElement('div');
-
       _this.sentinels.left.classList.add(shadowObserverClassNames.SENTINEL_LEFT);
-
       _this.scrollContainer.prepend(_this.sentinels.left);
-
       _this.intersectionObserver = new IntersectionObserver(function (entries, _) {
         entries.forEach(_this.onIntersect);
       }, {
         root: _this.scrollContainer
       });
-
       _this.intersectionObserver.observe(_this.sentinels.left);
-
       _this.intersectionObserver.observe(_this.sentinels.right);
     });
     (0, _defineProperty3.default)(this, "onIntersect", function (entry) {
@@ -78,11 +58,9 @@ var ShadowObserver = /*#__PURE__*/function () {
         if (entry.target.classList.contains(shadowObserverClassNames.SENTINEL_LEFT)) {
           _this.shadowStates[ShadowKeys.SHOW_LEFT_SHADOW] = !entry.isIntersecting;
         }
-
         if (entry.target.classList.contains(shadowObserverClassNames.SENTINEL_RIGHT)) {
           _this.shadowStates[ShadowKeys.SHOW_RIGHT_SHADOW] = !entry.isIntersecting;
         }
-
         _this.onUpdateShadows(_this.shadowStates);
       });
     });
@@ -90,7 +68,6 @@ var ShadowObserver = /*#__PURE__*/function () {
     this.onUpdateShadows = onUpdateShadows;
     this.init();
   }
-
   (0, _createClass2.default)(ShadowObserver, [{
     key: "dispose",
     value: function dispose() {
@@ -103,5 +80,4 @@ var ShadowObserver = /*#__PURE__*/function () {
   }]);
   return ShadowObserver;
 }();
-
 exports.ShadowObserver = ShadowObserver;