@atlaskit/editor-common 93.5.3 → 93.6.0

package/dist/es2019/quick-insert/assets/four-column-layout.js

@@ -0,0 +1,152 @@
+import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
+export default function OneColumnLayoutIcon() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: "40",
+    height: "40",
+    viewBox: "0 0 40 40",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_5808_7157)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E42)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "6",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "10",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "29",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "33",
+    width: "16",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6.25",
+    y: "14.25",
+    width: "5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "13.75",
+    y: "14.25",
+    width: "5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "21.25",
+    y: "14.25",
+    width: "5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "28.75",
+    y: "14.25",
+    width: "5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_5808_7157"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }))));
+}

package/dist/es2019/quick-insert/assets/index.js

@@ -78,6 +78,26 @@ export const IconStatus = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(module => module.default),
   loading: () => null
 });
+export const IconOneColumnLayout = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout').then(module => module.default),
+  loading: () => null
+});
+export const IconTwoColumnLayout = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout').then(module => module.default),
+  loading: () => null
+});
+export const IconThreeColumnLayout = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout').then(module => module.default),
+  loading: () => null
+});
+export const IconFourColumnLayout = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout').then(module => module.default),
+  loading: () => null
+});
+export const IconFiveColumnLayout = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout').then(module => module.default),
+  loading: () => null
+});
 function importHeading(level) {
   switch (level) {
     case 1:

package/dist/es2019/quick-insert/assets/one-column-layout.js

@@ -0,0 +1,103 @@
+import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
+export default function OneColumnLayoutIcon() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40,
+    viewBox: "0 0 40 40",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_5808_9744)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E42)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "6",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: "#CCE0FF"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "10",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "29",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "33",
+    width: "16",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6.25",
+    y: "14.25",
+    width: "27.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_5808_9744"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }))));
+}

package/dist/es2019/quick-insert/assets/three-column-layout.js

@@ -0,0 +1,144 @@
+import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
+export default function ThreeColumnLayoutIcon() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: "40",
+    height: "40",
+    viewBox: "0 0 40 40",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_5808_6858)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E42)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "6",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "10",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "29",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "33",
+    width: "16",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#A5ADBA',
+      dark: '#738496'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6.25",
+    y: "14.25",
+    width: "7.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "16.25",
+    y: "14.25",
+    width: "7.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "26.25",
+    y: "14.25",
+    width: "7.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_5808_6858"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }))));
+}

package/dist/es2019/quick-insert/assets/two-column-layout.js

@@ -0,0 +1,122 @@
+import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
+export default function TwoColumnLayoutIcon() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: "40",
+    height: "40",
+    viewBox: "0 0 40 40",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_5808_8970)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E42)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "6",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#a5adba',
+      dark: '#8696A7'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "10",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#a5adba',
+      dark: '#8696A7'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "29",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#a5adba',
+      dark: '#8696A7'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "33",
+    width: "16",
+    height: "1",
+    rx: "0.5",
+    fill: iconThemed({
+      light: '#a5adba',
+      dark: '#8696A7'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6.25",
+    y: "14.25",
+    width: "12.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "21.25",
+    y: "14.25",
+    width: "12.5",
+    height: "11.5",
+    rx: "0.75",
+    fill: iconThemed({
+      light: '#DEEBFF',
+      dark: '#09326C'
+    }),
+    stroke: iconThemed({
+      light: '#4C9AFF',
+      dark: '#0C66E4'
+    }),
+    strokeWidth: "0.5"
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_5808_8970"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }))));
+}

package/dist/es2019/quick-insert/index.js

@@ -1,3 +1,3 @@
-export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconLoom } from './assets';
+export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconLoom, IconOneColumnLayout, IconTwoColumnLayout, IconThreeColumnLayout, IconFourColumnLayout, IconFiveColumnLayout } from './assets';
 export { memoProcessQuickInsertItems, find } from './utils';
 export { messages } from './messages';

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "93.5.3";
+const packageVersion = "93.6.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/messages/insert-block.js

@@ -165,6 +165,26 @@ export var toolbarInsertBlockMessages = defineMessages({
     defaultMessage: 'Layouts',
     description: 'Create a multi column section or layout'
   },
+  twoColumns: {
+    id: 'fabric.editor.twoColumns',
+    defaultMessage: '2 columns layout',
+    description: 'Create a section or layout with two columns'
+  },
+  threeColumns: {
+    id: 'fabric.editor.threeColumns',
+    defaultMessage: '3 columns layout',
+    description: 'Create a section or layout with three columns'
+  },
+  fourColumns: {
+    id: 'fabric.editor.fourColumns',
+    defaultMessage: '4 columns layout',
+    description: 'Create a section or layout with four columns'
+  },
+  fiveColumns: {
+    id: 'fabric.editor.fiveColumns',
+    defaultMessage: '5 columns layout',
+    description: 'Create a section or layout with five columns'
+  },
   columnsDescription: {
     id: 'fabric.editor.columns.description',
     defaultMessage: 'Structure your page using sections',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "93.5.3";
+var packageVersion = "93.6.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/provider-factory/provider-factory.js

@@ -51,6 +51,7 @@ var ProviderFactory = /*#__PURE__*/function () {
       if (provider) {
         handler(name, provider);
       }
+      return provider;
     }
   }, {
     key: "unsubscribe",

package/dist/esm/provider-factory/with-providers.js

@@ -9,7 +9,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/* eslint-disable @repo/internal/react/no-class-components */
 import { PureComponent } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var WithProviders = /*#__PURE__*/function (_PureComponent) {
   _inherits(WithProviders, _PureComponent);
   var _super = _createSuper(WithProviders);
@@ -17,6 +19,13 @@ export var WithProviders = /*#__PURE__*/function (_PureComponent) {
     var _this;
     _classCallCheck(this, WithProviders);
     _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "mounted", false);
+    _defineProperty(_assertThisInitialized(_this), "handleProviderIfMounted", function (name, provider) {
+      if (!_this.mounted) {
+        return;
+      }
+      _this.handleProvider(name, provider);
+    });
     _defineProperty(_assertThisInitialized(_this), "handleProvider", function (name, provider) {
       _this.setState(function (_ref) {
         var providers = _ref.providers;
@@ -25,9 +34,15 @@ export var WithProviders = /*#__PURE__*/function (_PureComponent) {
         };
       });
     });
+    _this.mounted = false;
     var _providers = {};
     _this.props.providers.forEach(function (name) {
-      _providers[name] = undefined;
+      if (fg('platform_editor_react18_phase2')) {
+        var providerPromise = props.providerFactory.subscribe(name, _this.handleProviderIfMounted);
+        _providers[name] = providerPromise;
+      } else {
+        _providers[name] = undefined;
+      }
     });
     _this.state = {
       providers: _providers
@@ -35,15 +50,22 @@ export var WithProviders = /*#__PURE__*/function (_PureComponent) {
     return _this;
   }
   _createClass(WithProviders, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.mounted = true;
+    }
+  }, {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var _this2 = this;
-      var _this$props = this.props,
-        providers = _this$props.providers,
-        providerFactory = _this$props.providerFactory;
-      providers.forEach(function (name) {
-        providerFactory.subscribe(name, _this2.handleProvider);
-      });
+      if (!fg('platform_editor_react18_phase2')) {
+        var _this$props = this.props,
+          providers = _this$props.providers,
+          providerFactory = _this$props.providerFactory;
+        providers.forEach(function (name) {
+          providerFactory.subscribe(name, _this2.handleProvider);
+        });
+      }
     }
   }, {
     key: "componentWillUnmount",