@atlaskit/renderer 105.1.0 → 105.1.2

package/dist/cjs/ui/Renderer/truncated-wrapper.js

@@ -1,72 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TruncatedWrapper = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _react2 = require("react");
-
 var _templateObject;
-
 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 fadeOutStyles = function fadeOutStyles(maxHeight, top, backgroundColor) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  overflow-y: hidden;\n  max-height: ", "px;\n  &::after {\n    content: '';\n    position: absolute;\n    top: ", "px;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-image: linear-gradient(\n      ", ",\n      ", "\n    );\n  }\n"])), maxHeight, top, "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0))", backgroundColor);
 };
-
 var FadeOut = function FadeOut(props) {
   var children = props.children,
-      backgroundColor = props.backgroundColor,
-      fadeHeight = props.fadeHeight,
-      height = props.height;
+    backgroundColor = props.backgroundColor,
+    fadeHeight = props.fadeHeight,
+    height = props.height;
   var top = height - fadeHeight;
   var styles = fadeOutStyles(height, top, backgroundColor);
   return (0, _react.jsx)("div", {
     css: styles
   }, children);
 };
-
 var TruncatedWrapper = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TruncatedWrapper, _Component);
-
   var _super = _createSuper(TruncatedWrapper);
-
   function TruncatedWrapper(props) {
     (0, _classCallCheck2.default)(this, TruncatedWrapper);
     return _super.call(this, props);
-  } // TODO: Quality ticket as elevation.surface will be issue when sits top of modal. https://product-fabric.atlassian.net/browse/DSP-4123
-
+  }
 
+  // TODO: Quality ticket as elevation.surface will be issue when sits top of modal. https://product-fabric.atlassian.net/browse/DSP-4123
   (0, _createClass2.default)(TruncatedWrapper, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          _this$props$height = _this$props.height,
-          height = _this$props$height === void 0 ? 95 : _this$props$height,
-          _this$props$fadeHeigh = _this$props.fadeHeight,
-          fadeHeight = _this$props$fadeHeigh === void 0 ? 24 : _this$props$fadeHeigh,
-          _this$props$backgroun = _this$props.backgroundColor,
-          backgroundColor = _this$props$backgroun === void 0 ? "var(--ds-surface, white)" : _this$props$backgroun,
-          children = _this$props.children;
+        _this$props$height = _this$props.height,
+        height = _this$props$height === void 0 ? 95 : _this$props$height,
+        _this$props$fadeHeigh = _this$props.fadeHeight,
+        fadeHeight = _this$props$fadeHeigh === void 0 ? 24 : _this$props$fadeHeigh,
+        _this$props$backgroun = _this$props.backgroundColor,
+        backgroundColor = _this$props$backgroun === void 0 ? "var(--ds-surface, white)" : _this$props$backgroun,
+        children = _this$props.children;
       return (0, _react.jsx)(FadeOut, {
         height: height,
         fadeHeight: fadeHeight,
@@ -76,5 +59,4 @@ var TruncatedWrapper = /*#__PURE__*/function (_Component) {
   }]);
   return TruncatedWrapper;
 }(_react2.Component);
-
 exports.TruncatedWrapper = TruncatedWrapper;

package/dist/cjs/ui/RendererActionsContext/WithRendererActions.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WithRendererActions = WithRendererActions;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("./index");
-
 function WithRendererActions(_ref) {
   var render = _ref.render;
   return /*#__PURE__*/_react.default.createElement(_index.RendererActionsContextConsumer, null, function (actions) {

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

@@ -1,30 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RendererActionsContext = RendererActionsContext;
 exports.RendererContext = exports.RendererActionsContextConsumer = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = _interopRequireDefault(require("../../actions/index"));
-
 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; }
-
 var RendererContext = /*#__PURE__*/_react.default.createContext(new _index.default());
-
 exports.RendererContext = RendererContext;
-
 function RendererActionsContext(_ref) {
   var children = _ref.children,
-      context = _ref.context;
+    context = _ref.context;
   var actions = (0, _react.useMemo)(function () {
     return new _index.default(true);
   }, []);
@@ -32,6 +23,5 @@ function RendererActionsContext(_ref) {
     value: context || actions
   }, _react.default.Children.only(children));
 }
-
 var RendererActionsContextConsumer = RendererContext.Consumer;
 exports.RendererActionsContextConsumer = RendererActionsContextConsumer;

package/dist/cjs/ui/SmartCardStorage.js

@@ -1,59 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withSmartCardStorage = exports.Provider = exports.Context = 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 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 Context = /*#__PURE__*/_react.default.createContext(new Map());
-
 exports.Context = Context;
-
 var Provider = function Provider(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(Context.Provider, {
     value: new Map()
   }, children);
 };
-
 exports.Provider = Provider;
-
 var withSmartCardStorage = function withSmartCardStorage(WrappedComponent) {
   return /*#__PURE__*/function (_React$Component) {
     (0, _inherits2.default)(_class, _React$Component);
-
     var _super = _createSuper(_class);
-
     function _class() {
       (0, _classCallCheck2.default)(this, _class);
       return _super.apply(this, arguments);
     }
-
     (0, _createClass2.default)(_class, [{
       key: "render",
       value: function render() {
         var _this = this;
-
         return /*#__PURE__*/_react.default.createElement(Context.Consumer, null, function (storage) {
           return /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({}, _this.props, {
             smartCardStorage: storage
@@ -64,5 +45,4 @@ var withSmartCardStorage = function withSmartCardStorage(WrappedComponent) {
     return _class;
   }(_react.default.Component);
 };
-
 exports.withSmartCardStorage = withSmartCardStorage;

package/dist/cjs/ui/SortingIcon.js

@@ -1,114 +1,86 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StatusClassNames = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _types = require("@atlaskit/editor-common/types");
-
 var _messages = require("../messages");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _consts = require("../consts");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var StatusClassNames;
 exports.StatusClassNames = StatusClassNames;
-
 (function (StatusClassNames) {
   StatusClassNames["ASC"] = "sorting-icon-svg__asc";
   StatusClassNames["DESC"] = "sorting-icon-svg__desc";
   StatusClassNames["NO_ORDER"] = "sorting-icon-svg__no_order";
   StatusClassNames["SORTING_NOT_ALLOWED"] = "sorting-icon-svg__not-allowed";
 })(StatusClassNames || (exports.StatusClassNames = StatusClassNames = {}));
-
 var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  display: flex;\n  height: 28px;\n  width: 28px;\n  margin: 6px;\n  right: 0;\n  top: 0;\n  border: 2px solid ", ";\n  border-radius: ", "px;\n  background-color: ", ";\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  &.", "__not-allowed {\n    cursor: not-allowed;\n  }\n"])), "var(--ds-border, #fff)", (0, _constants.gridSize)() / 2, "var(--ds-surface-overlay, ".concat(_colors.N20, ")"), "var(--ds-surface-overlay-hovered, ".concat(_colors.N30, ")"), "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", _consts.RendererCssClassName.SORTABLE_COLUMN_ICON);
-var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 8px;\n  height: 12px;\n  transition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n  transform-origin: 50% 50%;\n  display: flex;\n  justify-content: center;\n\n  &.", " {\n    transform: rotate(-180deg);\n  }\n\n  &.", "-inactive {\n    opacity: 0.7;\n  }\n"])), StatusClassNames.DESC, _consts.RendererCssClassName.SORTABLE_COLUMN_ICON); // The icon is created with CSS due to the following Firefox issue: https://product-fabric.atlassian.net/browse/ED-8001
+var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 8px;\n  height: 12px;\n  transition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n  transform-origin: 50% 50%;\n  display: flex;\n  justify-content: center;\n\n  &.", " {\n    transform: rotate(-180deg);\n  }\n\n  &.", "-inactive {\n    opacity: 0.7;\n  }\n"])), StatusClassNames.DESC, _consts.RendererCssClassName.SORTABLE_COLUMN_ICON);
+
+// The icon is created with CSS due to the following Firefox issue: https://product-fabric.atlassian.net/browse/ED-8001
 // The TL;DR is that svg's in tables mess up how HTML is copied in Firefox. Using a styled div instead solves the problem.
 // For this reason, svg's should be avoided in tables until this issue is fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1664350
-
 var iconStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 2px;\n  border-radius: 50px;\n  background: ", ";\n\n  &::before,\n  &::after {\n    background: ", ";\n    content: '';\n    height: 2px;\n    width: 6px;\n    position: absolute;\n    border-radius: 50px;\n  }\n\n  &::before {\n    transform: rotate(45deg) translate(3.4px, 8.5px);\n  }\n\n  &::after {\n    transform: rotate(-45deg) translate(-6.3px, 5.7px);\n  }\n"])), "var(--ds-icon, #42526E)", "var(--ds-icon, #42526E)");
-
 var getIconClassName = function getIconClassName(isSortingAllowed, sortOrdered) {
   var activated = sortOrdered !== _types.SortOrder.NO_ORDER;
   var activeStatusClass = "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON, "-").concat(activated ? 'active' : 'inactive');
-
   if (!isSortingAllowed) {
     return "".concat(StatusClassNames.SORTING_NOT_ALLOWED, " ").concat(activeStatusClass);
   }
-
   switch (sortOrdered) {
     case _types.SortOrder.ASC:
       return "".concat(StatusClassNames.ASC, " ").concat(activeStatusClass);
-
     case _types.SortOrder.DESC:
       return "".concat(StatusClassNames.DESC, " ").concat(activeStatusClass);
-
     default:
       return "".concat(StatusClassNames.NO_ORDER, " ").concat(activeStatusClass);
   }
 };
-
 var getTooltipTitle = function getTooltipTitle(intl, isSortingAllowed, sortOrdered) {
   var noOrderLabel = _messages.sortingIconMessages.noOrderLabel,
-      ascOrderLabel = _messages.sortingIconMessages.ascOrderLabel,
-      descOrderLabel = _messages.sortingIconMessages.descOrderLabel,
-      invalidLabel = _messages.sortingIconMessages.invalidLabel;
-
+    ascOrderLabel = _messages.sortingIconMessages.ascOrderLabel,
+    descOrderLabel = _messages.sortingIconMessages.descOrderLabel,
+    invalidLabel = _messages.sortingIconMessages.invalidLabel;
   if (!isSortingAllowed) {
     return intl.formatMessage(invalidLabel);
   }
-
   switch (sortOrdered) {
     case _types.SortOrder.NO_ORDER:
       return intl.formatMessage(noOrderLabel);
-
     case _types.SortOrder.ASC:
       return intl.formatMessage(ascOrderLabel);
-
     case _types.SortOrder.DESC:
       return intl.formatMessage(descOrderLabel);
   }
-
   return '';
 };
-
 var SortingIcon = function SortingIcon(_ref) {
   var isSortingAllowed = _ref.isSortingAllowed,
-      sortOrdered = _ref.sortOrdered,
-      intl = _ref.intl,
-      onClick = _ref.onClick,
-      onKeyDown = _ref.onKeyDown;
+    sortOrdered = _ref.sortOrdered,
+    intl = _ref.intl,
+    onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown;
   var buttonClassName = "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON).concat(isSortingAllowed ? '' : " ".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON, "__not-allowed"));
   var content = getTooltipTitle(intl, isSortingAllowed, sortOrdered);
-
   var handleClick = function handleClick() {
     if (isSortingAllowed) {
       onClick();
     }
   };
-
   var handleKeyDown = function handleKeyDown(event) {
     if (isSortingAllowed) {
       onKeyDown(event);
     }
   };
-
   return (0, _react.jsx)(_tooltip.default, {
     delay: 0,
     content: content,
@@ -129,7 +101,5 @@ var SortingIcon = function SortingIcon(_ref) {
     css: iconStyles
   }))));
 };
-
 var _default = (0, _reactIntlNext.injectIntl)(SortingIcon);
-
 exports.default = _default;

package/dist/cjs/ui/TaskItemsFormatContext/TaskItemsFormatContext.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,33 +8,23 @@ exports.TaskItemsFormatConsumer = TaskItemsFormatConsumer;
 exports.TaskItemsFormatContext = void 0;
 exports.TaskItemsFormatProvider = TaskItemsFormatProvider;
 exports.useTaskItemsFormatContext = useTaskItemsFormatContext;
-
 var _react = _interopRequireDefault(require("react"));
-
 var defaultValue = [undefined, function () {}];
-
 var TaskItemsFormatContext = /*#__PURE__*/_react.default.createContext(defaultValue);
-
 exports.TaskItemsFormatContext = TaskItemsFormatContext;
-
 var reducer = function reducer(_state, action) {
   return action;
 };
-
 function TaskItemsFormatProvider(_ref) {
   var children = _ref.children;
-
   var value = _react.default.useReducer(reducer, undefined);
-
   return /*#__PURE__*/_react.default.createElement(TaskItemsFormatContext.Provider, {
     value: value
   }, children);
 }
-
 function useTaskItemsFormatContext() {
   return _react.default.useContext(TaskItemsFormatContext);
 }
-
 function TaskItemsFormatConsumer(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/_react.default.createElement(TaskItemsFormatContext.Consumer, null, children);

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

@@ -21,5 +21,4 @@ Object.defineProperty(exports, "useTaskItemsFormatContext", {
     return _TaskItemsFormatContext.useTaskItemsFormatContext;
   }
 });
-
 var _TaskItemsFormatContext = require("./TaskItemsFormatContext");

package/dist/cjs/ui/active-header-id-provider.js

@@ -1,28 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActiveHeaderIdProvider = exports.ActiveHeaderIdConsumer = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 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; }
-
 var _React$createContext = /*#__PURE__*/_react.default.createContext(undefined),
-    Provider = _React$createContext.Provider,
-    Consumer = _React$createContext.Consumer;
-
+  Provider = _React$createContext.Provider,
+  Consumer = _React$createContext.Consumer;
 exports.ActiveHeaderIdProvider = Provider;
-
 /**
  * We need to expose this abstraction on top of the native Consumer in order to control when
  * The consumer will get notified when a match has happened. If we use the Consumer directly in
@@ -35,13 +26,11 @@ exports.ActiveHeaderIdProvider = Provider;
  */
 var ActiveHeaderIdConsumer = function ActiveHeaderIdConsumer(_ref) {
   var nestedHeaderIds = _ref.nestedHeaderIds,
-      onNestedHeaderIdMatch = _ref.onNestedHeaderIdMatch;
-
+    onNestedHeaderIdMatch = _ref.onNestedHeaderIdMatch;
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      activeHeaderId = _useState2[0],
-      setActiveHeaderId = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeHeaderId = _useState2[0],
+    setActiveHeaderId = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(Consumer, null, function (newActiveHeaderId) {
     if (!newActiveHeaderId || !nestedHeaderIds.includes(newActiveHeaderId)) {
       setActiveHeaderId(undefined);
@@ -49,9 +38,7 @@ var ActiveHeaderIdConsumer = function ActiveHeaderIdConsumer(_ref) {
       setActiveHeaderId(newActiveHeaderId);
       onNestedHeaderIdMatch();
     }
-
     return null;
   });
 };
-
 exports.ActiveHeaderIdConsumer = ActiveHeaderIdConsumer;

package/dist/cjs/ui/annotations/context.js

@@ -1,66 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProvidersContext = exports.InlineCommentsStateContext = exports.AnnotationsDraftContextWrapper = exports.AnnotationsDraftContext = 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"));
-
 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 AnnotationsDraftContext = /*#__PURE__*/(0, _react.createContext)(null);
 exports.AnnotationsDraftContext = AnnotationsDraftContext;
 var ProvidersContext = /*#__PURE__*/(0, _react.createContext)(null);
 exports.ProvidersContext = ProvidersContext;
 var InlineCommentsStateContext = /*#__PURE__*/(0, _react.createContext)({});
 exports.InlineCommentsStateContext = InlineCommentsStateContext;
-
 var AnnotationsDraftContextWrapper = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(AnnotationsDraftContextWrapper, _React$Component);
-
   var _super = _createSuper(AnnotationsDraftContextWrapper);
-
   function AnnotationsDraftContextWrapper() {
     var _this;
-
     (0, _classCallCheck2.default)(this, AnnotationsDraftContextWrapper);
-
     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", {
       position: null
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "applyAnnotationDraftAt", function (nextPosition) {
       var position = _this.state.position;
-
       if (!position) {
         _this.setState({
           position: nextPosition
@@ -74,7 +52,6 @@ var AnnotationsDraftContextWrapper = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(AnnotationsDraftContextWrapper, [{
     key: "render",
     value: function render() {
@@ -92,5 +69,4 @@ var AnnotationsDraftContextWrapper = /*#__PURE__*/function (_React$Component) {
   }]);
   return AnnotationsDraftContextWrapper;
 }(_react.default.Component);
-
 exports.AnnotationsDraftContextWrapper = AnnotationsDraftContextWrapper;