@atlaskit/editor-plugin-extension 4.1.2 → 5.0.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-extension
 
+## 5.0.1
+
+### Patch Changes
+
+- [#123010](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/123010)
+  [`de55801631775`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/de55801631775) -
+  [ux] Move copy/delete to overflow menu on editor floating toolbar
+- Updated dependencies
+
+## 5.0.0
+
+### Major Changes
+
+- [#122281](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122281)
+  [`8c84e6db9b94f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8c84e6db9b94f) -
+  EDF-2539 Integrated object sidebar api through context-panel plugin in extensions to show panel.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.1.2
 
 ### Patch Changes

package/dist/cjs/extensionPlugin.js

@@ -8,6 +8,7 @@ exports.extensionPlugin = void 0;
 var _adfSchema = require("@atlaskit/adf-schema");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("./editor-actions/actions");
 var _commands = require("./editor-commands/commands");
 var _extensionApi = require("./pm-plugins/extension-api");
@@ -20,6 +21,9 @@ var _bodiedExtension = require("./pm-plugins/toDOM-fixes/bodiedExtension");
 var _toolbar = require("./pm-plugins/toolbar");
 var _uniqueId = require("./pm-plugins/unique-id");
 var _contextPanel = require("./ui/context-panel");
+var _useConfigPanelPluginHook = require("./ui/useConfigPanelPluginHook");
+// Remove below line when cleaning up platform_editor_ai_object_sidebar_injection feature flag
+
 var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
   var _api$featureFlags, _api$analytics2, _api$analytics3, _api$contextPanel3, _api$decorations, _api$contextPanel4, _api$analytics4;
   var _ref$config = _ref.config,
@@ -58,7 +62,9 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
       }
       var pluginState = _pluginKey.pluginKey.getState(state);
       return {
-        showContextPanel: pluginState === null || pluginState === void 0 ? void 0 : pluginState.showContextPanel
+        showContextPanel: pluginState === null || pluginState === void 0 ? void 0 : pluginState.showContextPanel,
+        extensionProvider: pluginState === null || pluginState === void 0 ? void 0 : pluginState.extensionProvider,
+        processParametersAfter: pluginState === null || pluginState === void 0 ? void 0 : pluginState.processParametersAfter
       };
     },
     pmPlugins: function pmPlugins() {
@@ -174,12 +180,20 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
         breakoutEnabled: options.breakoutEnabled,
         hoverDecoration: _api === null || _api === void 0 || (_api$decorations = _api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions.hoverDecoration,
         applyChangeToContextPanel: _api === null || _api === void 0 || (_api$contextPanel4 = _api.contextPanel) === null || _api$contextPanel4 === void 0 ? void 0 : _api$contextPanel4.actions.applyChange,
-        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics4 = _api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions
+        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics4 = _api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions,
+        extensionApi: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? _api : undefined
       }),
-      contextPanel: (0, _contextPanel.getContextPanel)(function () {
+      contextPanel: !(0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') ? (0, _contextPanel.getContextPanel)(function () {
         var _editorViewRef$curren;
         return (_editorViewRef$curren = editorViewRef.current) !== null && _editorViewRef$curren !== void 0 ? _editorViewRef$curren : undefined;
-      })(_api, featureFlags)
-    }
+      })(_api, featureFlags) : undefined
+    },
+    usePluginHook: (0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') ? function (_ref6) {
+      var editorView = _ref6.editorView;
+      (0, _useConfigPanelPluginHook.useConfigPanelPluginHook)({
+        editorView: editorView,
+        api: _api
+      });
+    } : undefined
   };
 };

package/dist/cjs/pm-plugins/toolbar.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getToolbarConfig = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
 var _styles = require("@atlaskit/editor-common/styles");
@@ -13,6 +14,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _contentWidthNarrow = _interopRequireDefault(require("@atlaskit/icon/core/content-width-narrow"));
 var _contentWidthWide = _interopRequireDefault(require("@atlaskit/icon/core/content-width-wide"));
+var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
 var _expandHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/expand-horizontal"));
@@ -139,7 +141,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
       editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
     }
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
-      var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4, _hoverDecoration5, _hoverDecoration6, _hoverDecoration7, _hoverDecoration8;
+      var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
       var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled, editorAnalyticsAPI);
@@ -215,13 +217,13 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
             left: nextPos.left
           };
         },
-        items: [].concat((0, _toConsumableArray2.default)(editButtonArray), (0, _toConsumableArray2.default)(breakoutButtonArray), [{
+        items: [].concat((0, _toConsumableArray2.default)(editButtonArray), (0, _toConsumableArray2.default)(breakoutButtonArray), (0, _toConsumableArray2.default)((0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? [{
           type: 'separator',
           hidden: editButtonArray.length === 0 && breakoutButtonArray.length === 0
         }, {
           type: 'extensions-placeholder',
           separator: 'end'
-        }], (0, _toConsumableArray2.default)((0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? [{
+        }, {
           type: 'copy-button',
           items: [{
             state: state,
@@ -246,28 +248,27 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
           tabIndex: null,
           confirmDialog: confirmDialog
         }] : [{
-          id: 'editor.extension.delete',
-          type: 'button',
-          icon: _delete.default,
-          iconFallback: _remove.default,
-          appearance: 'danger',
-          onClick: (0, _commands.removeExtension)(editorAnalyticsAPI),
-          onMouseEnter: (_hoverDecoration5 = hoverDecoration) === null || _hoverDecoration5 === void 0 ? void 0 : _hoverDecoration5(nodeType, true),
-          onMouseLeave: (_hoverDecoration6 = hoverDecoration) === null || _hoverDecoration6 === void 0 ? void 0 : _hoverDecoration6(nodeType, false),
-          onFocus: (_hoverDecoration7 = hoverDecoration) === null || _hoverDecoration7 === void 0 ? void 0 : _hoverDecoration7(nodeType, true),
-          onBlur: (_hoverDecoration8 = hoverDecoration) === null || _hoverDecoration8 === void 0 ? void 0 : _hoverDecoration8(nodeType, false),
-          focusEditoronEnter: true,
-          title: formatMessage(_messages.default.remove),
-          tabIndex: null,
-          confirmDialog: confirmDialog
-        }, {
-          type: 'separator'
+          type: 'separator',
+          fullHeight: true
         }, {
-          type: 'copy-button',
-          items: [{
-            state: state,
-            formatMessage: intl.formatMessage,
-            nodeType: nodeType
+          type: 'overflow-dropdown',
+          options: [{
+            title: 'Copy',
+            onClick: function onClick() {
+              var _extensionApi$core, _extensionApi$floatin;
+              extensionApi === null || extensionApi === void 0 || (_extensionApi$core = extensionApi.core) === null || _extensionApi$core === void 0 || _extensionApi$core.actions.execute( // @ts-ignore
+              extensionApi === null || extensionApi === void 0 || (_extensionApi$floatin = extensionApi.floatingToolbar) === null || _extensionApi$floatin === void 0 ? void 0 : _extensionApi$floatin.commands.copyNode(nodeType));
+              return true;
+            },
+            icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
+              label: "Copy"
+            })
+          }, {
+            title: 'Delete',
+            onClick: (0, _commands.removeExtension)(editorAnalyticsAPI),
+            icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
+              label: "Delete"
+            })
           }]
         }])),
         scrollable: true

package/dist/cjs/ui/ConfigPanel/ConfigPanel.js

@@ -27,7 +27,9 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("./constants");
+var _DescriptionSummary = require("./DescriptionSummary");
 var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
 var _FormContent = _interopRequireDefault(require("./FormContent"));
 var _FormErrorBoundary = require("./FormErrorBoundary");
@@ -270,6 +272,10 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
     }());
     // memoized to prevent rerender on new parameters
     (0, _defineProperty2.default)(_this, "renderHeader", (0, _memoizeOne.default)(function (extensionManifest) {
+      // If below FG is true then Header will be rendered separately
+      if ((0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection')) {
+        return null;
+      }
       var _this$props2 = _this.props,
         onCancel = _this$props2.onCancel,
         showHeader = _this$props2.showHeader;
@@ -436,7 +442,9 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
               noValidate: true,
               onKeyDown: handleKeyDown,
               "data-testid": "extension-config-panel"
-            }), _this2.renderHeader(extensionManifest), /*#__PURE__*/_react.default.createElement(ConfigFormIntlWithBoundary, {
+            }), _this2.renderHeader(extensionManifest), (0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/_react.default.createElement(_DescriptionSummary.DescriptionSummary, {
+              extensionManifest: extensionManifest
+            }), /*#__PURE__*/_react.default.createElement(ConfigFormIntlWithBoundary, {
               api: api,
               canSave: false,
               errorMessage: errorMessage,

package/dist/cjs/ui/ConfigPanel/DescriptionSummary.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DescriptionSummary = DescriptionSummary;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _extensions = require("@atlaskit/editor-common/extensions");
+var _primitives = require("@atlaskit/primitives");
+var _HelpLink = require("./HelpLink");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var descriptionStyles = (0, _primitives.xcss)({
+  marginBottom: 'space.300'
+});
+var helpLinkStyles = (0, _primitives.xcss)({
+  paddingTop: 'space.150'
+});
+function DescriptionSummary(_ref) {
+  var extensionManifest = _ref.extensionManifest;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var description = extensionManifest.description,
+    documentationUrl = extensionManifest.documentationUrl;
+  // Use a temporary allowlist of top 3 macros to test out a new "Documentation" CTA ("Need help?")
+  // This will be removed when Top 5 Modernized Macros updates are rolled out
+  var modernizedMacrosList = ['children', 'recently-updated', 'excerpt'];
+  var enableHelpCTA = modernizedMacrosList.includes(extensionManifest.key);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (description || documentationUrl) && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: descriptionStyles
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p",
+    testId: "config-panel-header-description"
+  }, description && /*#__PURE__*/_react.default.createElement(_react.Fragment, null,
+  // Ignored via go/ees005
+  // eslint-disable-next-line require-unicode-regexp
+  description.replace(/([^.])$/, '$1.'), ' '), documentationUrl && (enableHelpCTA ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: helpLinkStyles
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p"
+  }, /*#__PURE__*/_react.default.createElement(_HelpLink.HelpLink, {
+    documentationUrl: documentationUrl,
+    label: formatMessage(_extensions.configPanelMessages.help)
+  }))) : /*#__PURE__*/_react.default.createElement(_HelpLink.HelpLink, {
+    documentationUrl: documentationUrl,
+    label: formatMessage(_extensions.configPanelMessages.documentation)
+  })))));
+}

package/dist/cjs/ui/ConfigPanel/Header/HeaderAfterIconElement.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _withExtensionManifest = require("../withExtensionManifest");
+var itemBodyStyles = (0, _primitives.xcss)({
+  display: 'flex',
+  flexDirection: 'row',
+  flexWrap: 'nowrap',
+  justifyContent: 'space-between',
+  margin: 'space.200',
+  flexGrow: 3
+});
+var itemTextStyles = (0, _primitives.xcss)({
+  maxWidth: '100%',
+  whiteSpace: 'initial'
+});
+var summaryStyles = (0, _primitives.xcss)({
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+  color: 'color.text.subtlest',
+  marginTop: 'space.050',
+  whiteSpace: 'nowrap',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis'
+});
+function HeaderAfterIconElement(_ref) {
+  var extensionManifest = _ref.extensionManifest;
+  var title = extensionManifest.title;
+  var summary = extensionManifest.summary;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: itemBodyStyles
+  }, summary ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: itemTextStyles
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "context-panel-title",
+    "data-testid": "context-panel-title"
+  }, title), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: summaryStyles
+  }, summary)) : /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    direction: "column",
+    alignItems: "center",
+    testId: "context-panel-title"
+  }, title));
+}
+var _default = exports.default = (0, _withExtensionManifest.withExtensionManifest)(HeaderAfterIconElement);

package/dist/cjs/ui/ConfigPanel/Header/HeaderIcon.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _withExtensionManifest = require("../withExtensionManifest");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var iconWidth = '40px';
+var itemIconStyles = (0, _primitives.xcss)({
+  width: iconWidth,
+  height: iconWidth,
+  overflow: 'hidden',
+  border: "1px solid ".concat("var(--ds-border, rgba(223, 225, 229, 0.5))"),
+  borderRadius: "var(--ds-border-radius, 3px)",
+  boxSizing: 'border-box',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
+function HeaderIcon(_ref) {
+  var extensionManifest = _ref.extensionManifest;
+  var icon = extensionManifest.icons['48'];
+  var title = extensionManifest.title;
+  var ResolvedIcon = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/(0, _react.lazy)(function () {
+      return icon().then(function (Cmp) {
+        if ('default' in Cmp) {
+          return Cmp;
+        }
+        return {
+          default: Cmp
+        };
+      });
+    });
+  }, [icon]);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: itemIconStyles
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(ResolvedIcon, {
+    label: title
+  })));
+}
+var _default = exports.default = (0, _withExtensionManifest.withExtensionManifest)(HeaderIcon);

package/dist/cjs/ui/ConfigPanel/Header.js

@@ -15,6 +15,7 @@ var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
+var _HelpLink = require("./HelpLink");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -152,22 +153,12 @@ var Header = function Header(_ref) {
     xcss: helpLinkStyles
   }, (0, _react2.jsx)(_primitives.Text, {
     as: "p"
-  }, (0, _react2.jsx)(HelpLink, {
+  }, (0, _react2.jsx)(_HelpLink.HelpLink, {
     documentationUrl: documentationUrl,
     label: intl.formatMessage(_extensions.configPanelMessages.help)
-  }))) : (0, _react2.jsx)(HelpLink, {
+  }))) : (0, _react2.jsx)(_HelpLink.HelpLink, {
     documentationUrl: documentationUrl,
     label: intl.formatMessage(_extensions.configPanelMessages.documentation)
   })))));
 };
-var HelpLink = function HelpLink(_ref2) {
-  var documentationUrl = _ref2.documentationUrl,
-    label = _ref2.label;
-  return (0, _react2.jsx)("a", {
-    target: "_blank",
-    rel: "noopener noreferrer",
-    href: documentationUrl,
-    "data-testid": "config-panel-header-documentation-link"
-  }, label);
-};
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(Header);

package/dist/cjs/ui/ConfigPanel/HelpLink.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HelpLink = void 0;
+var _react = _interopRequireDefault(require("react"));
+var HelpLink = exports.HelpLink = function HelpLink(_ref) {
+  var documentationUrl = _ref.documentationUrl,
+    label = _ref.label;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
+    _react.default.createElement("a", {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: documentationUrl,
+      "data-testid": "config-panel-header-documentation-link"
+    }, label)
+  );
+};

package/dist/cjs/ui/ConfigPanel/constants.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ALLOWED_PARAM_TYPES = exports.ALLOWED_LOGGED_MACRO_PARAMS = void 0;
+exports.CONFIG_PANEL_WIDTH = exports.CONFIG_PANEL_ID = exports.ALLOWED_PARAM_TYPES = exports.ALLOWED_LOGGED_MACRO_PARAMS = void 0;
 // Allowlist of { macroKey: parameterName[] } for analytics logging
 var ALLOWED_LOGGED_MACRO_PARAMS = exports.ALLOWED_LOGGED_MACRO_PARAMS = {
   children: ['all', 'first', 'depth', 'style', 'excerptType', 'sort', 'reverse'],
   'recently-updated': ['width', 'types', 'max', 'theme', 'showProfilePic', 'hideHeading'],
   excerpt: ['hidden']
 };
-var ALLOWED_PARAM_TYPES = exports.ALLOWED_PARAM_TYPES = ['enum', 'number', 'boolean'];
+var ALLOWED_PARAM_TYPES = exports.ALLOWED_PARAM_TYPES = ['enum', 'number', 'boolean'];
+var CONFIG_PANEL_WIDTH = exports.CONFIG_PANEL_WIDTH = 320;
+var CONFIG_PANEL_ID = exports.CONFIG_PANEL_ID = 'extensions-panel';

package/dist/cjs/ui/ConfigPanel/withExtensionManifest.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withExtensionManifest = withExtensionManifest;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _useStateFromPromise3 = require("./use-state-from-promise");
+var _excluded = ["extensionKey", "extensionProvider", "extensionType"];
+function withExtensionManifest(WrappedComponent) {
+  return function WithExtensionManifest(props) {
+    var extensionKey = props.extensionKey,
+      extensionProvider = props.extensionProvider,
+      extensionType = props.extensionType,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    var _useStateFromPromise = (0, _useStateFromPromise3.useStateFromPromise)(function () {
+        return extensionProvider.getExtension(extensionType, extensionKey);
+      }, [extensionProvider, extensionType, extensionKey]),
+      _useStateFromPromise2 = (0, _slicedToArray2.default)(_useStateFromPromise, 1),
+      extensionManifest = _useStateFromPromise2[0];
+    return extensionManifest ?
+    /*#__PURE__*/
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, react/jsx-props-no-spreading
+    _react.default.createElement(WrappedComponent, (0, _extends2.default)({
+      extensionManifest: extensionManifest
+    }, restProps)) : null;
+  };
+}