@atlaskit/editor-plugin-card 0.9.0 → 0.9.2

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

@@ -13,17 +13,29 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _linkDatasource = require("@atlaskit/link-datasource");
 var _actions = require("../../pm-plugins/actions");
 var _doc = require("../../pm-plugins/doc");
+var _useFetchDatasourceInfo = require("../useFetchDatasourceInfo");
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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; }
-var DatasourceModal = function DatasourceModal(_ref) {
+var DatasourceModal = exports.DatasourceModal = function DatasourceModal(_ref) {
+  var _existingNode$attrs, _existingNode$attrs2;
   var view = _ref.view,
-    modalType = _ref.modalType;
+    modalType = _ref.modalType,
+    cardContext = _ref.cardContext;
   var dispatch = view.dispatch,
     state = view.state;
   var selection = state.selection;
   var existingNode = selection instanceof _state.NodeSelection ? selection.node : undefined;
+  var isRegularCardNode = !!(existingNode && !(existingNode !== null && existingNode !== void 0 && (_existingNode$attrs = existingNode.attrs) !== null && _existingNode$attrs !== void 0 && _existingNode$attrs.datasource));
+  var _useFetchDatasourceIn = (0, _useFetchDatasourceInfo.useFetchDatasourceInfo)({
+      isRegularCardNode: isRegularCardNode,
+      url: existingNode === null || existingNode === void 0 ? void 0 : existingNode.attrs.url,
+      cardContext: cardContext,
+      nodeParameters: existingNode === null || existingNode === void 0 || (_existingNode$attrs2 = existingNode.attrs) === null || _existingNode$attrs2 === void 0 || (_existingNode$attrs2 = _existingNode$attrs2.datasource) === null || _existingNode$attrs2 === void 0 ? void 0 : _existingNode$attrs2.parameters
+    }),
+    parameters = _useFetchDatasourceIn.parameters,
+    ready = _useFetchDatasourceIn.ready;
   var onClose = (0, _react.useCallback)(function () {
     dispatch((0, _actions.hideDatasourceModal)(state.tr));
   }, [dispatch, state.tr]);
@@ -44,23 +56,27 @@ var DatasourceModal = function DatasourceModal(_ref) {
     }
   }, [existingNode, state, view]);
   if (modalType === 'jira') {
-    var _existingNode$attrs, _tableView$properties;
-    var _ref2 = (existingNode === null || existingNode === void 0 ? void 0 : (_existingNode$attrs = existingNode.attrs) === null || _existingNode$attrs === void 0 ? void 0 : _existingNode$attrs.datasource) || {},
+    var _existingNode$attrs3, _tableView$properties;
+    if (!ready) {
+      return null;
+    }
+    var _ref2 = (existingNode === null || existingNode === void 0 || (_existingNode$attrs3 = existingNode.attrs) === null || _existingNode$attrs3 === void 0 ? void 0 : _existingNode$attrs3.datasource) || {},
       _ref2$id = _ref2.id,
       datasourceId = _ref2$id === void 0 ? _linkDatasource.JIRA_LIST_OF_LINKS_DATASOURCE_ID : _ref2$id,
-      parameters = _ref2.parameters,
       _ref2$views = _ref2.views,
       views = _ref2$views === void 0 ? [] : _ref2$views;
     var _ref3 = views,
       _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
       tableView = _ref4[0];
-    var visibleColumnKeys = tableView === null || tableView === void 0 ? void 0 : (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (column) {
+    var visibleColumnKeys = tableView === null || tableView === void 0 || (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (column) {
       return column.key;
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "jira-config-modal"
     }, /*#__PURE__*/_react.default.createElement(_linkDatasource.JiraIssuesConfigModal, {
       datasourceId: datasourceId,
+      viewMode: isRegularCardNode ? 'count' : 'issue' // Want non-datasource cards to open in count view since they are in issue count view
+      ,
       visibleColumnKeys: visibleColumnKeys,
       parameters: parameters,
       onCancel: onClose,
@@ -68,8 +84,8 @@ var DatasourceModal = function DatasourceModal(_ref) {
     }));
   }
   if (modalType === 'assets') {
-    var _existingNode$attrs2, _tableView$properties2;
-    var _ref5 = (existingNode === null || existingNode === void 0 ? void 0 : (_existingNode$attrs2 = existingNode.attrs) === null || _existingNode$attrs2 === void 0 ? void 0 : _existingNode$attrs2.datasource) || {},
+    var _existingNode$attrs4, _tableView$properties2;
+    var _ref5 = (existingNode === null || existingNode === void 0 || (_existingNode$attrs4 = existingNode.attrs) === null || _existingNode$attrs4 === void 0 ? void 0 : _existingNode$attrs4.datasource) || {},
       _ref5$id = _ref5.id,
       _datasourceId = _ref5$id === void 0 ? _linkDatasource.ASSETS_LIST_OF_LINKS_DATASOURCE_ID : _ref5$id,
       _parameters = _ref5.parameters,
@@ -78,7 +94,7 @@ var DatasourceModal = function DatasourceModal(_ref) {
     var _ref6 = _views,
       _ref7 = (0, _slicedToArray2.default)(_ref6, 1),
       _tableView = _ref7[0];
-    var _visibleColumnKeys = _tableView === null || _tableView === void 0 ? void 0 : (_tableView$properties2 = _tableView.properties) === null || _tableView$properties2 === void 0 ? void 0 : _tableView$properties2.columns.map(function (column) {
+    var _visibleColumnKeys = _tableView === null || _tableView === void 0 || (_tableView$properties2 = _tableView.properties) === null || _tableView$properties2 === void 0 ? void 0 : _tableView$properties2.columns.map(function (column) {
       return column.key;
     });
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -92,5 +108,4 @@ var DatasourceModal = function DatasourceModal(_ref) {
     }));
   }
   return null; // null for now until we have modal component that handles other datasources
-};
-exports.DatasourceModal = DatasourceModal;
+};

package/dist/cjs/ui/EditDatasourceButton.js

@@ -1,28 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.editDatasource = exports.EditDatasourceButton = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _actions = require("../pm-plugins/actions");
 var _CardContextProvider = require("./CardContextProvider");
+var _useFetchDatasourceInfo = require("./useFetchDatasourceInfo");
 /** @jsx jsx */
 
-var buttonStyles = (0, _react2.css)({
+var buttonStyles = (0, _react.css)({
   pointerEvents: 'auto'
 });
-var buttonWrapperStyles = (0, _react2.css)({
+var buttonWrapperStyles = (0, _react.css)({
   display: 'flex'
 });
+
+// Edit button in toolbar to open datasource modal. This button is shown for inline, block, and embed cards
+// if they can resolve into a datasource.
 var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardContext(_ref) {
   var cardContext = _ref.cardContext,
     intl = _ref.intl,
@@ -30,56 +29,19 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
     url = _ref.url,
     editorView = _ref.editorView,
     editorState = _ref.editorState;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    datasourceId = _useState2[0],
-    setDatasourceId = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var fetchDatasource = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _cardContext$connecti, _cardContext$connecti2, _datasources$, response, datasources;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.t0 = url && cardContext;
-              if (!_context.t0) {
-                _context.next = 6;
-                break;
-              }
-              _context.next = 5;
-              return cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$connecti = cardContext.connections) === null || _cardContext$connecti === void 0 ? void 0 : (_cardContext$connecti2 = _cardContext$connecti.client) === null || _cardContext$connecti2 === void 0 ? void 0 : _cardContext$connecti2.fetchData(url);
-            case 5:
-              _context.t0 = _context.sent;
-            case 6:
-              response = _context.t0;
-              datasources = response && response.datasources || [];
-              setDatasourceId(((_datasources$ = datasources[0]) === null || _datasources$ === void 0 ? void 0 : _datasources$.id) || null);
-              _context.next = 14;
-              break;
-            case 11:
-              _context.prev = 11;
-              _context.t1 = _context["catch"](0);
-              setDatasourceId(null);
-            case 14:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 11]]);
-      }));
-      return function fetchDatasource() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    void fetchDatasource();
-  }, [cardContext, url]);
+  var _useFetchDatasourceIn = (0, _useFetchDatasourceInfo.useFetchDatasourceInfo)({
+      isRegularCardNode: true,
+      url: url,
+      cardContext: cardContext
+    }),
+    datasourceId = _useFetchDatasourceIn.datasourceId;
   if (!datasourceId || !(0, _utils.canRenderDatasource)(datasourceId, false)) {
     return null;
   }
   if (url) {
     var _cardContext$store, _urlState$error;
-    var urlState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
-    if ((urlState === null || urlState === void 0 ? void 0 : (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
+    var urlState = cardContext === null || cardContext === void 0 || (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
+    if ((urlState === null || urlState === void 0 || (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
       return null;
     }
   }
@@ -89,28 +51,28 @@ var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardC
       editorView.focus();
     }
   };
-  return (0, _react2.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: buttonWrapperStyles
-  }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+  }, (0, _react.jsx)(_ui.FloatingToolbarButton, {
     css: buttonStyles,
     title: intl.formatMessage(_messages.cardMessages.datasourceTitle),
-    icon: (0, _react2.jsx)(_ui.SmallerEditIcon, null),
+    icon: (0, _react.jsx)(_ui.SmallerEditIcon, null),
     selected: false,
     onClick: function onClick() {
       return dispatchCommand(editDatasource(datasourceId, editorAnalyticsApi));
     },
     testId: 'card-edit-datasource-button'
-  }), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
+  }), (0, _react.jsx)(_ui.FloatingToolbarSeparator, null));
 };
-var EditDatasourceButton = function EditDatasourceButton(_ref3) {
-  var intl = _ref3.intl,
-    editorAnalyticsApi = _ref3.editorAnalyticsApi,
-    url = _ref3.url,
-    editorView = _ref3.editorView,
-    editorState = _ref3.editorState;
-  return (0, _react2.jsx)(_CardContextProvider.CardContextProvider, null, function (_ref4) {
-    var cardContext = _ref4.cardContext;
-    return (0, _react2.jsx)(EditDatasourceButtonWithCardContext, {
+var EditDatasourceButton = exports.EditDatasourceButton = function EditDatasourceButton(_ref2) {
+  var intl = _ref2.intl,
+    editorAnalyticsApi = _ref2.editorAnalyticsApi,
+    url = _ref2.url,
+    editorView = _ref2.editorView,
+    editorState = _ref2.editorState;
+  return (0, _react.jsx)(_CardContextProvider.CardContextProvider, null, function (_ref3) {
+    var cardContext = _ref3.cardContext;
+    return (0, _react.jsx)(EditDatasourceButtonWithCardContext, {
       url: url,
       intl: intl,
       editorAnalyticsApi: editorAnalyticsApi,
@@ -120,8 +82,7 @@ var EditDatasourceButton = function EditDatasourceButton(_ref3) {
     });
   });
 };
-exports.EditDatasourceButton = EditDatasourceButton;
-var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi) {
+var editDatasource = exports.editDatasource = function editDatasource(datasourceId, editorAnalyticsApi) {
   return function (state, dispatch) {
     var datasourceType = (0, _utils.getDatasourceType)(datasourceId);
     if (dispatch && datasourceType) {
@@ -140,5 +101,4 @@ var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi) {
     }
     return false;
   };
-};
-exports.editDatasource = editDatasource;
+};

package/dist/cjs/ui/EditLinkToolbar.js

@@ -60,7 +60,7 @@ function HyperlinkAddToolbarWithState(_ref) {
 }
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
+var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(EditLinkToolbar, _React$Component);
   var _super = _createSuper(EditLinkToolbar);
   function EditLinkToolbar() {
@@ -119,9 +119,9 @@ var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
         },
         onEscapeCallback: function onEscapeCallback(state, dispatch) {
           var tr = state.tr;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
           (0, _actions.hideLinkToolbar)(tr);
-          forceFocusSelector === null || forceFocusSelector === void 0 ? void 0 : forceFocusSelector("[aria-label=\"".concat(_messages.linkToolbarMessages.editLink.defaultMessage, "\"]"))(tr);
+          forceFocusSelector === null || forceFocusSelector === void 0 || forceFocusSelector("[aria-label=\"".concat(_messages.linkToolbarMessages.editLink.defaultMessage, "\"]"))(tr);
           if (dispatch) {
             dispatch(tr);
             return true;
@@ -130,7 +130,7 @@ var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
         },
         onClickAwayCallback: function onClickAwayCallback(state, dispatch) {
           var tr = state.tr;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.hyperlink.actions.hideLinkToolbar(tr);
           if (dispatch) {
             dispatch(tr);
             return true;
@@ -142,8 +142,7 @@ var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
   }]);
   return EditLinkToolbar;
 }(_react.default.Component);
-exports.EditLinkToolbar = EditLinkToolbar;
-var editLink = function editLink(editorAnalyticsApi) {
+var editLink = exports.editLink = function editLink(editorAnalyticsApi) {
   return function (state, dispatch) {
     var type = 'hyperlink';
     if (state.selection instanceof _state.NodeSelection) {
@@ -152,15 +151,14 @@ var editLink = function editLink(editorAnalyticsApi) {
     if (dispatch) {
       var tr = state.tr;
       (0, _actions.showLinkToolbar)(tr);
-      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildEditLinkPayload)(type))(tr);
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildEditLinkPayload)(type))(tr);
       dispatch(tr);
       return true;
     }
     return false;
   };
 };
-exports.editLink = editLink;
-var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
+var buildEditLinkToolbar = exports.buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
   var providerFactory = _ref2.providerFactory,
     node = _ref2.node,
     linkPicker = _ref2.linkPicker,
@@ -186,7 +184,7 @@ var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
         text: displayInfo.title || '',
         node: node,
         featureFlags: featureFlags,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
         onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
           var urlChanged = newHref !== displayInfo.url;
           var titleChanged = newText !== displayInfo.title;
@@ -195,7 +193,7 @@ var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
           // (even if the url was also changed) - we don't want to lose the custom title.
           if (titleChanged) {
             var _pluginInjectionApi$a;
-            return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToLink)(newText, newHref, undefined, undefined, undefined, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions), {
+            return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToLink)(newText, newHref, undefined, undefined, undefined, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions), {
               action: _analytics.ACTION.UPDATED,
               inputMethod: inputMethod,
               sourceEvent: analytic
@@ -210,12 +208,10 @@ var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
     }
   };
 };
-exports.buildEditLinkToolbar = buildEditLinkToolbar;
-var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
+var editLinkToolbarConfig = exports.editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
   return showLinkingToolbar ? {
     height: lpLinkPicker ? _ui.LINKPICKER_HEIGHT_IN_PX : _ui.RECENT_SEARCH_HEIGHT_IN_PX,
     width: _ui.RECENT_SEARCH_WIDTH_IN_PX,
     forcePlacement: true
   } : {};
-};
-exports.editLinkToolbarConfig = editLinkToolbarConfig;
+};

package/dist/cjs/ui/EditorAnalyticsContext.js

@@ -12,7 +12,7 @@ var _state = require("../pm-plugins/util/state");
 /**
  * Provides location attribute to child events
  */
-var EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
+var EditorAnalyticsContext = exports.EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
   var _getPluginState;
   var editorView = _ref.editorView,
     children = _ref.children;
@@ -28,5 +28,4 @@ var EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, children);
-};
-exports.EditorAnalyticsContext = EditorAnalyticsContext;
+};

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -20,8 +20,8 @@ function getDatasourceDisplay(datasourceAttrs) {
   return (_datasourceAttrs$data = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data === void 0 ? void 0 : _datasourceAttrs$data.type;
 }
 function getDisplayedColumnCount(datasourceAttrs) {
-  var _datasourceAttrs$data2, _datasourceAttrs$data3, _datasourceAttrs$data4, _datasourceAttrs$data5;
-  return (_datasourceAttrs$data2 = (_datasourceAttrs$data3 = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data3 === void 0 ? void 0 : (_datasourceAttrs$data4 = _datasourceAttrs$data3.properties) === null || _datasourceAttrs$data4 === void 0 ? void 0 : (_datasourceAttrs$data5 = _datasourceAttrs$data4.columns) === null || _datasourceAttrs$data5 === void 0 ? void 0 : _datasourceAttrs$data5.length) !== null && _datasourceAttrs$data2 !== void 0 ? _datasourceAttrs$data2 : 0;
+  var _datasourceAttrs$data2, _datasourceAttrs$data3;
+  return (_datasourceAttrs$data2 = (_datasourceAttrs$data3 = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data3 === void 0 || (_datasourceAttrs$data3 = _datasourceAttrs$data3.properties) === null || _datasourceAttrs$data3 === void 0 || (_datasourceAttrs$data3 = _datasourceAttrs$data3.columns) === null || _datasourceAttrs$data3 === void 0 ? void 0 : _datasourceAttrs$data3.length) !== null && _datasourceAttrs$data2 !== void 0 ? _datasourceAttrs$data2 : 0;
 }
 function getSearchMethod(creationMethod, metadata) {
   if (creationMethod === 'editor_paste' || creationMethod === 'editor_type') {
@@ -37,9 +37,9 @@ function getSearchMethod(creationMethod, metadata) {
 }
 function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
   var url = datasourceAttrs.url,
-    _datasourceAttrs$data6 = datasourceAttrs.datasource,
-    datasourceId = _datasourceAttrs$data6.id,
-    parameters = _datasourceAttrs$data6.parameters;
+    _datasourceAttrs$data4 = datasourceAttrs.datasource,
+    datasourceId = _datasourceAttrs$data4.id,
+    parameters = _datasourceAttrs$data4.parameters;
   var display = getDatasourceDisplay(datasourceAttrs);
   var inputMethod = '';
   var actions = [];
@@ -69,7 +69,7 @@ function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
  */
-var DatasourceEventsBinding = function DatasourceEventsBinding(_ref) {
+var DatasourceEventsBinding = exports.DatasourceEventsBinding = function DatasourceEventsBinding(_ref) {
   var cardPluginEvents = _ref.cardPluginEvents;
   var _useDatasourceLifecyc = (0, _linkAnalytics.useDatasourceLifecycleAnalytics)(),
     datasourceCreated = _useDatasourceLifecyc.datasourceCreated,
@@ -170,5 +170,4 @@ var DatasourceEventsBinding = function DatasourceEventsBinding(_ref) {
     };
   }, [eventHandlers, cardPluginEvents]);
   return null;
-};
-exports.DatasourceEventsBinding = DatasourceEventsBinding;
+};

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/LinkEvents.js

@@ -27,7 +27,7 @@ var displayCategoryFromDisplay = function displayCategoryFromDisplay(display) {
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
  */
-var LinkEventsBinding = function LinkEventsBinding(_ref) {
+var LinkEventsBinding = exports.LinkEventsBinding = function LinkEventsBinding(_ref) {
   var cardPluginEvents = _ref.cardPluginEvents;
   /**
    * These callbacks internally use window.requestIdleCallback/requestAnimationFrame
@@ -128,5 +128,4 @@ var LinkEventsBinding = function LinkEventsBinding(_ref) {
     };
   }, [linkEvents, cardPluginEvents]);
   return null;
-};
-exports.LinkEventsBinding = LinkEventsBinding;
+};

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/common.js

@@ -24,7 +24,7 @@ var withHistoryMethod = function withHistoryMethod(fn) {
     return fn(metadata);
   };
 };
-var getMethod = withHistoryMethod(function (_ref) {
+var getMethod = exports.getMethod = withHistoryMethod(function (_ref) {
   var inputMethod = _ref.inputMethod;
   switch (inputMethod) {
     case _analytics.INPUT_METHOD.CLIPBOARD:
@@ -42,8 +42,7 @@ var getMethod = withHistoryMethod(function (_ref) {
       return 'unknown';
   }
 });
-exports.getMethod = getMethod;
-var getUpdateType = withHistoryMethod(function (_ref2) {
+var getUpdateType = exports.getUpdateType = withHistoryMethod(function (_ref2) {
   var action = _ref2.action;
   switch (action) {
     case _analytics.ACTION.CHANGED_TYPE:
@@ -54,16 +53,13 @@ var getUpdateType = withHistoryMethod(function (_ref2) {
       return 'unknown';
   }
 });
-exports.getUpdateType = getUpdateType;
-var getDeleteType = withHistoryMethod(function (_ref3) {
+var getDeleteType = exports.getDeleteType = withHistoryMethod(function (_ref3) {
   var action = _ref3.action;
   if (action === _analytics.ACTION.UNLINK) {
     return 'unlink';
   }
   return 'delete';
 });
-exports.getDeleteType = getDeleteType;
-var getSourceEventFromMetadata = function getSourceEventFromMetadata(metadata) {
+var getSourceEventFromMetadata = exports.getSourceEventFromMetadata = function getSourceEventFromMetadata(metadata) {
   return metadata.sourceEvent instanceof _analyticsNext.UIAnalyticsEvent ? metadata.sourceEvent : null;
-};
-exports.getSourceEventFromMetadata = getSourceEventFromMetadata;
+};

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

@@ -19,7 +19,7 @@ var _LinkEvents = require("./LinkEvents");
 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; } }
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var EditorLinkingPlatformAnalytics = /*#__PURE__*/function (_React$PureComponent) {
+var EditorLinkingPlatformAnalytics = exports.EditorLinkingPlatformAnalytics = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(EditorLinkingPlatformAnalytics, _React$PureComponent);
   var _super = _createSuper(EditorLinkingPlatformAnalytics);
   function EditorLinkingPlatformAnalytics() {
@@ -48,7 +48,6 @@ var EditorLinkingPlatformAnalytics = /*#__PURE__*/function (_React$PureComponent
   }]);
   return EditorLinkingPlatformAnalytics;
 }(_react.default.PureComponent);
-exports.EditorLinkingPlatformAnalytics = EditorLinkingPlatformAnalytics;
 (0, _defineProperty2.default)(EditorLinkingPlatformAnalytics, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });

package/dist/cjs/ui/EditorSmartCardEvents.js

@@ -7,7 +7,7 @@ exports.EditorSmartCardEvents = void 0;
 var _react = require("react");
 var _smartCard = require("@atlaskit/smart-card");
 var _actions = require("../pm-plugins/actions");
-var EditorSmartCardEvents = function EditorSmartCardEvents(_ref) {
+var EditorSmartCardEvents = exports.EditorSmartCardEvents = function EditorSmartCardEvents(_ref) {
   var editorView = _ref.editorView;
   var events = (0, _smartCard.useSmartLinkEvents)();
   (0, _react.useEffect)(function () {
@@ -17,5 +17,4 @@ var EditorSmartCardEvents = function EditorSmartCardEvents(_ref) {
     editorView.dispatch((0, _actions.registerSmartCardEvents)(events)(editorView.state.tr));
   }, [events, editorView]);
   return null;
-};
-exports.EditorSmartCardEvents = EditorSmartCardEvents;
+};

package/dist/cjs/ui/HyperlinkToolbarAppearance.js

@@ -22,7 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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; } }
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
+var HyperlinkToolbarAppearance = exports.HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(HyperlinkToolbarAppearance, _Component);
   var _super = _createSuper(HyperlinkToolbarAppearance);
   function HyperlinkToolbarAppearance() {
@@ -170,5 +170,4 @@ var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
     }
   }]);
   return HyperlinkToolbarAppearance;
-}(_react.Component);
-exports.HyperlinkToolbarAppearance = HyperlinkToolbarAppearance;
+}(_react.Component);

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

@@ -28,7 +28,7 @@ var toolbarButtonWrapperStyles = (0, _react2.css)({
     color: "var(--ds-icon, white)".concat(" !important")
   }
 });
-var LayoutButton = function LayoutButton(_ref) {
+var LayoutButton = exports.LayoutButton = function LayoutButton(_ref) {
   var onLayoutChange = _ref.onLayoutChange,
     _ref$layout = _ref.layout,
     layout = _ref$layout === void 0 ? 'center' : _ref$layout,
@@ -70,7 +70,6 @@ var LayoutButton = function LayoutButton(_ref) {
     })
   }));
 };
-exports.LayoutButton = LayoutButton;
 var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
   var _node$attrs, _node$attrs2;
   var editorView = _ref2.editorView,
@@ -87,7 +86,7 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
   var _ref3 = cardState !== null && cardState !== void 0 ? cardState : {},
     datasourceTableRef = _ref3.datasourceTableRef,
     _ref3$layout = _ref3.layout,
-    layout = _ref3$layout === void 0 ? (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || 'center' : _ref3$layout;
+    layout = _ref3$layout === void 0 ? (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || 'center' : _ref3$layout;
   var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.datasource);
   var onLayoutChange = function onLayoutChange(layout) {
     if (pos === undefined) {
@@ -114,5 +113,4 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
     intl: intl
   });
 };
-var _default = (0, _reactIntlNext.injectIntl)(LayoutButtonWrapper);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(LayoutButtonWrapper);

package/dist/cjs/ui/LayoutButton/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDatasource = void 0;
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var getDatasource = function getDatasource(editorView) {
+var getDatasource = exports.getDatasource = function getDatasource(editorView) {
   var _findSelectedNodeOfTy;
   var _editorView$state = editorView.state,
     selection = _editorView$state.selection,
@@ -15,5 +15,4 @@ var getDatasource = function getDatasource(editorView) {
     node: undefined,
     pos: undefined
   };
-};
-exports.getDatasource = getDatasource;
+};

package/dist/cjs/ui/LinkToolbarAppearance.js

@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; } }
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
+var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(LinkToolbarAppearance, _React$Component);
   var _super = _createSuper(LinkToolbarAppearance);
   function LinkToolbarAppearance() {
@@ -56,8 +56,8 @@ var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
       };
       if (url) {
         var _cardContext$store, _urlState$error;
-        var urlState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
-        if ((urlState === null || urlState === void 0 ? void 0 : (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
+        var urlState = cardContext === null || cardContext === void 0 || (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
+        if ((urlState === null || urlState === void 0 || (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
           return null;
         }
       }
@@ -132,7 +132,6 @@ var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
   }]);
   return LinkToolbarAppearance;
 }(_react.default.Component);
-exports.LinkToolbarAppearance = LinkToolbarAppearance;
 (0, _defineProperty2.default)(LinkToolbarAppearance, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -25,7 +25,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; } } /** @jsx jsx */
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
+var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ResizableEmbedCard, _React$Component);
   var _super = _createSuper(ResizableEmbedCard);
   function ResizableEmbedCard() {
@@ -385,7 +385,6 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
   }]);
   return ResizableEmbedCard;
 }(_react.default.Component);
-exports.default = ResizableEmbedCard;
 (0, _defineProperty2.default)(ResizableEmbedCard, "defaultProps", {
   aspectRatio: _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT
 });

package/dist/cjs/ui/ToolbarViewedEvent.js

@@ -55,7 +55,7 @@ var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
 /**
  * Provides analytics context and card context
  */
-var ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
+var ToolbarViewedEvent = exports.ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
   var url = _ref2.url,
     display = _ref2.display,
     editorView = _ref2.editorView;
@@ -69,5 +69,4 @@ var ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
       cardContext: cardContext
     }) : null;
   }));
-};
-exports.ToolbarViewedEvent = ToolbarViewedEvent;
+};