@atlaskit/editor-core 174.0.0 → 175.0.0

package/dist/esm/plugins/list/transforms.js

@@ -49,10 +49,32 @@ export function liftFollowingList(from, to, rootListDepth, tr) {
       }
     }
   });
+  return tr;
+}
+export function liftNodeSelectionList(selection, tr) {
+  var from = selection.from;
+  var listItem = tr.doc.type.schema.nodes.listItem;
+  var mappedPosition = tr.mapping.map(from);
+  var nodeAtPos = tr.doc.nodeAt(mappedPosition);
+  var start = tr.doc.resolve(mappedPosition);
+
+  if ((start === null || start === void 0 ? void 0 : start.parent.type) !== listItem) {
+    return tr;
+  }
+
+  var end = tr.doc.resolve(mappedPosition + ((nodeAtPos === null || nodeAtPos === void 0 ? void 0 : nodeAtPos.nodeSize) || 1));
+  var range = start.blockRange(end);
+
+  if (range) {
+    var _liftTarget = getListLiftTarget(start);
+
+    tr.lift(range, _liftTarget);
+  }
+
   return tr;
 } // The function will list paragraphs in selection out to level 1 below root list.
 
-export function liftSelectionList(selection, tr) {
+export function liftTextSelectionList(selection, tr) {
   var from = selection.from,
       to = selection.to;
   var paragraph = tr.doc.type.schema.nodes.paragraph;
@@ -242,8 +264,15 @@ export var splitIntoParagraphs = function splitIntoParagraphs(_ref) {
       hardBreak = _schema$nodes3.hardBreak,
       paragraph = _schema$nodes3.paragraph;
   fragment.forEach(function (node, i) {
-    // ED-14725 Fixed the issue that it make duplicated line
+    var isNodeValidContentForParagraph = schema.nodes.paragraph.validContent(Fragment.from(node));
+
+    if (!isNodeValidContentForParagraph) {
+      paragraphs.push(node);
+      return;
+    } // ED-14725 Fixed the issue that it make duplicated line
     // when pasting <br /> from google docs.
+
+
     if (i === 0 && node.type === hardBreak) {
       paragraphs.push(paragraph.createChecked(undefined, curChildren, _toConsumableArray(blockMarks)));
       lastNode = node;

package/dist/esm/plugins/list/utils/selection.js

@@ -13,7 +13,14 @@ export var isPosInsideList = function isPosInsideList($pos) {
 export var isWrappingPossible = function isWrappingPossible(nodeType, selection) {
   var $from = selection.$from,
       $to = selection.$to;
-  var range = $from.blockRange($to);
+  var range;
+
+  if (selection instanceof GapCursorSelection && $from.nodeAfter) {
+    var nodeSize = $from.nodeAfter.nodeSize || 1;
+    range = $from.blockRange($from.doc.resolve($from.pos + nodeSize));
+  } else {
+    range = $from.blockRange($to);
+  }
 
   if (!range) {
     return false;

package/dist/esm/plugins/media/nodeviews/mediaGroup.js

@@ -83,6 +83,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "setMediaItems", function (props) {
       var node = props.node;
+      var oldMediaNodes = _this.mediaNodes;
       _this.mediaNodes = [];
       node.forEach(function (item, childOffset) {
         _this.mediaPluginState.mediaGroupNodes[item.attrs.id] = {
@@ -94,6 +95,8 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
 
         _this.mediaNodes.push(item);
       });
+
+      _this.mediaPluginState.handleMediaGroupUpdate(oldMediaNodes, _this.mediaNodes);
     });
 
     _defineProperty(_assertThisInitialized(_this), "getIdentifier", function (item) {
@@ -252,6 +255,11 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
         };
       }());
     }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.mediaPluginState.handleMediaGroupUpdate(this.mediaNodes, []);
+    }
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(props) {

package/dist/esm/plugins/media/pm-plugins/main.js

@@ -38,6 +38,7 @@ import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { isInListItem } from '../../../utils';
 import { CAPTION_PLACEHOLDER_ID } from '../ui/CaptionPlaceholder';
 import { RawIntlProvider } from 'react-intl-next';
+import { MediaTaskManager } from './mediaTaskManager';
 export { stateKey } from './plugin-key';
 
 var createDropPlaceholder = function createDropPlaceholder(intl, allowDropLine) {
@@ -84,14 +85,16 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
 
     _defineProperty(this, "mediaGroupNodes", {});
 
-    _defineProperty(this, "pendingTask", Promise.resolve(null));
-
     _defineProperty(this, "destroyed", false);
 
     _defineProperty(this, "removeOnCloseListener", function () {});
 
     _defineProperty(this, "onPopupToggleCallback", function () {});
 
+    _defineProperty(this, "nodeCount", new Map());
+
+    _defineProperty(this, "taskManager", new MediaTaskManager());
+
     _defineProperty(this, "pickers", []);
 
     _defineProperty(this, "pickerPromises", []);
@@ -304,17 +307,16 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
       };
 
       if (!isEndState(mediaStateWithContext)) {
-        // Chain the previous promise with a new one for this media item
-        _this.addPendingTask(new Promise(function (resolve) {
+        var uploadingPromise = new Promise(function (resolve) {
           onMediaStateChanged(function (newState) {
             // When media item reaches its final state, remove listener and resolve
             if (isEndState(newState)) {
               resolve(newState);
             }
           });
-        }));
+        });
 
-        _this.pendingTask.then(function () {
+        _this.taskManager.addPendingTask(uploadingPromise, mediaStateWithContext.id).then(function () {
           _this.updateAndDispatch({
             allUploadsFinished: true
           });
@@ -329,14 +331,8 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
       }
     });
 
-    _defineProperty(this, "addPendingTask", function (promise) {
-      var currentPendingTask = _this.pendingTask;
-
-      var pendingPromise = function pendingPromise() {
-        return currentPendingTask;
-      };
-
-      _this.pendingTask = promise.then(pendingPromise, pendingPromise);
+    _defineProperty(this, "addPendingTask", function (task) {
+      _this.taskManager.addPendingTask(task);
     });
 
     _defineProperty(this, "splitMediaGroup", function () {
@@ -363,45 +359,47 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
       _this.onPopupToggleCallback = onPopupToggleCallback;
     });
 
-    _defineProperty(this, "waitForPendingTasks", function (timeout, lastTask) {
-      if (lastTask && _this.pendingTask === lastTask) {
-        return lastTask;
+    _defineProperty(this, "waitForPendingTasks", this.taskManager.waitForPendingTasks);
+
+    _defineProperty(this, "handleMediaNodeRemoval", function (node, getPos) {
+      var getNode = node;
+
+      if (!getNode) {
+        getNode = _this.view.state.doc.nodeAt(getPos());
       }
 
-      var chainedPromise = _this.pendingTask.then(function () {
-        return (// Call ourselves to make sure that no new pending tasks have been
-          // added before the current promise has resolved.
-          _this.waitForPendingTasks(undefined, _this.pendingTask)
-        );
-      });
+      removeMediaNode(_this.view, getNode, getPos);
+    });
+
+    _defineProperty(this, "trackMediaNodeAddition", function (node) {
+      var _this$nodeCount$get;
+
+      var id = node.attrs.id;
+      var count = (_this$nodeCount$get = _this.nodeCount.get(id)) !== null && _this$nodeCount$get !== void 0 ? _this$nodeCount$get : 0;
 
-      if (!timeout) {
-        return chainedPromise;
+      if (count === 0) {
+        _this.taskManager.resumePendingTask(id);
       }
 
-      var rejectTimeout;
-      var timeoutPromise = new Promise(function (_resolve, reject) {
-        rejectTimeout = window.setTimeout(function () {
-          return reject(new Error("Media operations did not finish in ".concat(timeout, " ms")));
-        }, timeout);
-      });
-      return Promise.race([timeoutPromise, chainedPromise.then(function (value) {
-        clearTimeout(rejectTimeout);
-        return value;
-      })]);
+      _this.nodeCount.set(id, count + 1);
     });
 
-    _defineProperty(this, "handleMediaNodeRemoval", function (node, getPos) {
-      var getNode = node;
+    _defineProperty(this, "trackMediaNodeRemoval", function (node) {
+      var _this$nodeCount$get2;
 
-      if (!getNode) {
-        getNode = _this.view.state.doc.nodeAt(getPos());
+      var id = node.attrs.id;
+      var count = (_this$nodeCount$get2 = _this.nodeCount.get(id)) !== null && _this$nodeCount$get2 !== void 0 ? _this$nodeCount$get2 : 0;
+
+      if (count === 1) {
+        _this.taskManager.cancelPendingTask(id);
       }
 
-      removeMediaNode(_this.view, getNode, getPos);
+      _this.nodeCount.set(id, count - 1);
     });
 
     _defineProperty(this, "handleMediaNodeMount", function (node, getPos) {
+      _this.trackMediaNodeAddition(node);
+
       _this.mediaNodes.unshift({
         node: node,
         getPos: getPos
@@ -409,12 +407,33 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     });
 
     _defineProperty(this, "handleMediaNodeUnmount", function (oldNode) {
+      _this.trackMediaNodeRemoval(oldNode);
+
       _this.mediaNodes = _this.mediaNodes.filter(function (_ref4) {
         var node = _ref4.node;
         return oldNode !== node;
       });
     });
 
+    _defineProperty(this, "handleMediaGroupUpdate", function (oldNodes, newNodes) {
+      var addedNodes = newNodes.filter(function (node) {
+        return oldNodes.every(function (oldNode) {
+          return oldNode.attrs.id !== node.attrs.id;
+        });
+      });
+      var removedNodes = oldNodes.filter(function (node) {
+        return newNodes.every(function (newNode) {
+          return newNode.attrs.id !== node.attrs.id;
+        });
+      });
+      addedNodes.forEach(function (node) {
+        _this.trackMediaNodeAddition(node);
+      });
+      removedNodes.forEach(function (oldNode) {
+        _this.trackMediaNodeRemoval(oldNode);
+      });
+    });
+
     _defineProperty(this, "findMediaNode", function (id) {
       return helpers.findMediaSingleNode(_this, id);
     });

package/dist/esm/plugins/media/pm-plugins/mediaTaskManager.js

@@ -0,0 +1,117 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export var MediaTaskManager = /*#__PURE__*/_createClass(function MediaTaskManager() {
+  var _this = this;
+
+  _classCallCheck(this, MediaTaskManager);
+
+  _defineProperty(this, "pendingTask", Promise.resolve(null));
+
+  _defineProperty(this, "taskMap", new Map());
+
+  _defineProperty(this, "cancelPendingTask", function (id) {
+    var task = _this.taskMap.get(id);
+
+    if (task && !task.cancelController.signal.aborted) {
+      task.cancelController.abort();
+    }
+  });
+
+  _defineProperty(this, "waitForPendingTasks", /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(timeout, lastTask) {
+      var chainedPromise, rejectTimeout, timeoutPromise;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!(lastTask && _this.pendingTask === lastTask)) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return", lastTask);
+
+            case 2:
+              chainedPromise = _this.pendingTask.then(function () {
+                return (// Call ourselves to make sure that no new pending tasks have been
+                  // added before the current promise has resolved.
+                  _this.waitForPendingTasks(undefined, _this.pendingTask)
+                );
+              });
+
+              if (timeout) {
+                _context.next = 5;
+                break;
+              }
+
+              return _context.abrupt("return", chainedPromise);
+
+            case 5:
+              timeoutPromise = new Promise(function (_resolve, reject) {
+                rejectTimeout = window.setTimeout(function () {
+                  return reject(new Error("Media operations did not finish in ".concat(timeout, " ms")));
+                }, timeout);
+              });
+              return _context.abrupt("return", Promise.race([timeoutPromise, chainedPromise.then(function (value) {
+                clearTimeout(rejectTimeout);
+                return value;
+              })]));
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+
+  _defineProperty(this, "resumePendingTask", function (id) {
+    var mediaTask = _this.taskMap.get(id);
+
+    if (mediaTask && mediaTask.cancelController.signal.aborted) {
+      _this.addPendingTask(mediaTask.task, id);
+    }
+  });
+
+  _defineProperty(this, "addPendingTask", function (task, id) {
+    var currentTask = task;
+
+    if (id) {
+      var cancelController = new AbortController();
+      var signal = cancelController.signal;
+
+      _this.taskMap.set(id, {
+        task: task,
+        cancelController: cancelController
+      });
+
+      currentTask = new Promise(function (resolve) {
+        task.then(resolve, resolve).finally(function () {
+          _this.taskMap.delete(id);
+        });
+
+        signal.onabort = function () {
+          resolve(null);
+        };
+      });
+    } // Chain the previous promise with a new one for this media item
+
+
+    var currentPendingTask = _this.pendingTask;
+
+    var pendingPromise = function pendingPromise() {
+      return currentPendingTask;
+    };
+
+    _this.pendingTask = currentTask.then(pendingPromise, pendingPromise);
+    return _this.pendingTask;
+  });
+});

package/dist/esm/plugins/media/toolbar/index.js

@@ -28,7 +28,6 @@ import { FilePreviewItem } from './filePreviewItem';
 import { downloadMedia, removeMediaGroupNode } from './utils';
 import { changeInlineToMediaCard, changeMediaCardToInline, removeInlineCard } from './commands';
 import { MediaInlineNodeSelector, MediaSingleNodeSelector } from '../nodeviews/styles';
-import { getCopyButtonConfig, showCopyButton } from '../../copy-button/toolbar';
 
 var remove = function remove(state, dispatch) {
   if (dispatch) {
@@ -96,9 +95,16 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
     title: intl.formatMessage(messages.download)
   }, {
     type: 'separator'
-  }].concat(_toConsumableArray(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaGroup), {
-    type: 'separator'
-  }] : []), [{
+  }, {
+    type: 'copy-button',
+    items: [{
+      state: state,
+      formatMessage: intl.formatMessage,
+      nodeType: mediaGroup
+    }, {
+      type: 'separator'
+    }]
+  }, {
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
@@ -110,7 +116,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
     title: intl.formatMessage(commonMessages.remove),
     onClick: handleRemoveMediaGroup,
     testId: 'media-toolbar-remove-button'
-  }]);
+  }];
   return items;
 };
 
@@ -162,9 +168,16 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
     title: intl.formatMessage(messages.download)
   }, {
     type: 'separator'
-  }].concat(_toConsumableArray(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaInline), {
-    type: 'separator'
-  }] : []), [{
+  }, {
+    type: 'copy-button',
+    items: [{
+      state: state,
+      formatMessage: intl.formatMessage,
+      nodeType: mediaInline
+    }, {
+      type: 'separator'
+    }]
+  }, {
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
@@ -176,7 +189,7 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
     title: intl.formatMessage(commonMessages.remove),
     onClick: removeInlineCard,
     testId: 'media-toolbar-remove-button'
-  }]);
+  }];
   return items;
 };
 
@@ -262,9 +275,16 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     onClick: remove,
     testId: 'media-toolbar-remove-button'
   };
-  var items = [].concat(_toConsumableArray(toolbarButtons), _toConsumableArray(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaSingle), {
-    type: 'separator'
-  }] : []), [removeButton]);
+  var items = [].concat(_toConsumableArray(toolbarButtons), [{
+    type: 'copy-button',
+    items: [{
+      state: state,
+      formatMessage: intl.formatMessage,
+      nodeType: mediaSingle
+    }, {
+      type: 'separator'
+    }]
+  }, removeButton]);
   return items;
 };
 
@@ -354,6 +374,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
   }
 
   return _objectSpread(_objectSpread({}, baseToolbar), {}, {
-    items: items
+    items: items,
+    scrollable: true
   });
 };

package/dist/esm/plugins/media/ui/ResizableMediaSingle/index.js

@@ -24,7 +24,6 @@ import { wrapperStyle } from './styled';
 import Resizer from '../../../../ui/Resizer';
 import { snapTo, handleSides, imageAlignmentMap } from '../../../../ui/Resizer/utils';
 import { calcMediaPxWidth } from '../../utils/media-single';
-import { getPluginState } from '../../../table/pm-plugins/table-resizing/plugin-factory';
 import { calculateSnapPoints } from '../../../../utils/rich-media-utils';
 
 var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
@@ -376,7 +375,6 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
           containerWidth = _this$props4.containerWidth,
           fullWidthMode = _this$props4.fullWidthMode,
           selected = _this$props4.selected,
-          state = _this$props4.view.state,
           children = _this$props4.children;
       var initialWidth = this.calcPxWidth(); // width with padding
 
@@ -426,10 +424,6 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
         snapPoints: calculateSnapPoints(snapPointsProps),
         scaleFactor: !this.wrappedLayout && !this.insideInlineLike ? 2 : 1,
         highlights: this.highlights,
-        handleResizeStart: function handleResizeStart() {
-          var columResizingPluginState = getPluginState(state);
-          return columResizingPluginState ? !columResizingPluginState.dragging : true;
-        },
         nodeType: "media",
         dispatchAnalyticsEvent: this.props.dispatchAnalyticsEvent // when cursor is located below a media with caption,
         // press “Up“ key will result cursor focus on an invalid position, (on the resize handler)

package/dist/esm/plugins/media/utils/media-single.js

@@ -100,8 +100,8 @@ export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaSta
 
   var state = view.state,
       dispatch = view.dispatch;
-  var grandParentType = (_state$selection$$fro = state.selection.$from.node(-1)) === null || _state$selection$$fro === void 0 ? void 0 : _state$selection$$fro.type;
-  var parentType = state.selection.$from.parent.type;
+  var grandParentNodeType = (_state$selection$$fro = state.selection.$from.node(-1)) === null || _state$selection$$fro === void 0 ? void 0 : _state$selection$$fro.type;
+  var parentNodeType = state.selection.$from.parent.type;
   var node = createMediaSingleNode(state.schema, collection, alignLeftOnInsert)(mediaState);
   var fileExtension;
 
@@ -112,7 +112,11 @@ export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaSta
   // and the parent node is a paragraph
 
 
-  if (shouldSplitSelectedNodeOnNodeInsertion(parentType, grandParentType, node)) {
+  if (shouldSplitSelectedNodeOnNodeInsertion({
+    parentNodeType: parentNodeType,
+    grandParentNodeType: grandParentNodeType,
+    content: node
+  })) {
     insertNodesWithOptionalParagraph([node], {
       fileExtension: fileExtension,
       inputMethod: inputMethod

package/dist/esm/plugins/mentions/analytics.js

@@ -11,6 +11,7 @@ import { isTeamType } from './utils';
 var componentName = 'mention';
 export var buildAnalyticsPayload = function buildAnalyticsPayload(actionSubject, action, eventType, sessionId) {
   var otherAttributes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var tags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
   return {
     action: action,
     actionSubject: actionSubject,
@@ -20,7 +21,8 @@ export var buildAnalyticsPayload = function buildAnalyticsPayload(actionSubject,
       packageVersion: packageVersion,
       componentName: componentName,
       sessionId: sessionId
-    }, otherAttributes)
+    }, otherAttributes),
+    tags: tags
   };
 };
 var emptyQueryResponse = {
@@ -94,7 +96,7 @@ export var buildTypeAheadInviteExposurePayload = function buildTypeAheadInviteEx
     objectId: objectId,
     childObjectId: childObjectId,
     userRole: userRole
-  });
+  }, ['measurement', 'hasCustomAttributes']);
 };
 export var buildTypeAheadInviteItemClickedPayload = function buildTypeAheadInviteItemClickedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, query, contextIdentifierProvider, userRole) {
   var _extractAttributesFro2 = extractAttributesFromQuery(query),

package/dist/esm/plugins/panel/toolbar.js

@@ -24,7 +24,6 @@ import { DEFAULT_BORDER_COLOR } from '../../ui/ColorPalette/Palettes';
 import { PanelType } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../analytics';
 import { messages } from './message';
-import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar';
 export var panelIconMap = (_panelIconMap = {}, _defineProperty(_panelIconMap, PanelType.INFO, {
   shortName: ':info:',
   id: 'atlassian-info'
@@ -243,10 +242,17 @@ export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeTy
     }
   }
 
-  if (state && showCopyButton(state)) {
+  if (state) {
     items.push({
-      type: 'separator'
-    }, getCopyButtonConfig(state, formatMessage, panelNodeType));
+      type: 'copy-button',
+      items: [{
+        type: 'separator'
+      }, {
+        state: state,
+        formatMessage: formatMessage,
+        nodeType: panelNodeType
+      }]
+    });
   }
 
   items.push({
@@ -296,7 +302,8 @@ export var getToolbarConfig = function getToolbarConfig(state, intl) {
       title: 'Panel floating controls',
       getDomRef: getDomRef,
       nodeType: nodeType,
-      items: items
+      items: items,
+      scrollable: true
     };
   }
 

package/dist/esm/plugins/panel/utils.js

@@ -18,8 +18,8 @@ export var panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
       panelIconId = attrs.panelIconId,
       panelIconText = attrs.panelIconText;
   var isCustomPanel = panelType === PanelType.CUSTOM && allowCustomPanel;
-  var style = panelColor && isCustomPanel ? "background-color: ".concat(panelColor) : '';
   var hasIcon = !isCustomPanel || !!panelIcon || !!panelIconId;
+  var style = ["".concat(panelColor && isCustomPanel ? "background-color: ".concat(panelColor, ";") : ''), "".concat(hasIcon ? '' : 'padding: 12px;')].join('');
   var panelAttrs = {
     class: PanelSharedCssClassName.prefix,
     'data-panel-type': panelType || PanelType.INFO,