@atlaskit/smart-card 23.3.1 → 23.4.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/smart-card
 
+## 23.4.0
+
+### Minor Changes
+
+- [`a86403e5e0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a86403e5e0e) - [ux] This PR adds more actions for use in Flexible UI Smart Links. These are PreviewAction, ViewAction and DownloadAction, and correspond to their Block card counterparts.
+
+  These, unlike the existing actions, will only render when the data for them is available. Therefore, the onClick for these actions are optional.
+
+  Usage:
+
+  ```TSX
+  const actions = [
+    {
+      name: ActionName.PreviewAction,
+      onClick: () => console.log('Preview action!'), // will run in addition to normal Preview Action
+      ...options,
+    },
+    {
+      name: ActionName.ViewAction,
+      onClick: () => console.log('View action!'), // will run in addition to normal View Action
+      ...options,
+    },
+    {
+      name: ActionName.DownloadAction,
+      onClick: () => console.log('Download action!'), // will run in addition to normal Download Action
+      ...options,
+    },
+  ]
+
+  <Card>
+    <TitleBlock actions={actions}>
+  </Card>
+  ```
+
 ## 23.3.1
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -167,6 +167,9 @@ exports.ActionName = ActionName;
 (function (ActionName) {
   ActionName["DeleteAction"] = "DeleteAction";
   ActionName["EditAction"] = "EditAction";
+  ActionName["PreviewAction"] = "PreviewAction";
+  ActionName["ViewAction"] = "ViewAction";
+  ActionName["DownloadAction"] = "DownloadAction";
   ActionName["CustomAction"] = "CustomAction";
 })(ActionName || (exports.ActionName = ActionName = {}));
 

package/dist/cjs/extractors/common/actions/extractActions.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractActions = extractActions;
+exports.getActionsFromJsonLd = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -92,6 +93,8 @@ var getActionsFromJsonLd = function getActionsFromJsonLd(jsonLd) {
   return actions;
 };
 
+exports.getActionsFromJsonLd = getActionsFromJsonLd;
+
 function extractActions(jsonLd, handler) {
   var actions = getActionsFromJsonLd(jsonLd);
   var clientActions = actions.filter(isClientAction);

package/dist/cjs/extractors/flexible/actions/extract-download-action.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractDownloadAction = void 0;
+
+var _extractActions = require("../../common/actions/extractActions");
+
+var _detail = require("../../common/detail");
+
+var extractDownloadAction = function extractDownloadAction(data) {
+  var downloadActionExists = (0, _extractActions.getActionsFromJsonLd)(data).find(function (action) {
+    return action['@type'] === 'DownloadAction';
+  });
+
+  if (downloadActionExists) {
+    return {
+      downloadUrl: (0, _detail.extractDownloadUrl)(data)
+    };
+  }
+
+  return undefined;
+};
+
+exports.extractDownloadAction = extractDownloadAction;

package/dist/cjs/extractors/flexible/actions/extract-preview-action.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractPreviewAction = void 0;
+
+var _detail = require("../../common/detail");
+
+var _linkingCommon = require("@atlaskit/linking-common");
+
+var _extractors = require("@atlaskit/linking-common/extractors");
+
+var _icon = require("../icon");
+
+var extractPreviewAction = function extractPreviewAction(response) {
+  var _extractPreviewData;
+
+  var data = response.data;
+  var src = (_extractPreviewData = (0, _linkingCommon.extractPreview)(data, 'web')) === null || _extractPreviewData === void 0 ? void 0 : _extractPreviewData.src;
+
+  if (src) {
+    var _extractProvider;
+
+    return {
+      downloadUrl: (0, _detail.extractDownloadUrl)(data),
+      providerName: (_extractProvider = (0, _extractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
+      src: src,
+      title: (0, _extractors.extractTitle)(data),
+      linkIcon: (0, _icon.extractLinkIcon)(response),
+      url: (0, _extractors.extractLink)(data)
+    };
+  }
+};
+
+exports.extractPreviewAction = extractPreviewAction;

package/dist/cjs/extractors/flexible/actions/extract-view-action.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractViewAction = void 0;
+
+var _extractors = require("@atlaskit/linking-common/extractors");
+
+var _extractActions = require("../../common/actions/extractActions");
+
+var extractViewAction = function extractViewAction(data) {
+  var viewActionExists = (0, _extractActions.getActionsFromJsonLd)(data).find(function (action) {
+    return action['@type'] === 'ViewAction';
+  });
+
+  if (viewActionExists) {
+    return {
+      viewUrl: (0, _extractors.extractLink)(data)
+    };
+  }
+
+  return undefined;
+};
+
+exports.extractViewAction = extractViewAction;

package/dist/cjs/extractors/flexible/index.js

@@ -27,6 +27,12 @@ var _extractPreview = _interopRequireDefault(require("./extract-preview"));
 
 var _latestCommit = require("./latest-commit");
 
+var _extractPreviewAction = require("./actions/extract-preview-action");
+
+var _extractDownloadAction = require("./actions/extract-download-action");
+
+var _extractViewAction = require("./actions/extract-view-action");
+
 var extractFlexibleUiContext = function extractFlexibleUiContext(response, renderers) {
   if (!response) {
     return undefined;
@@ -45,6 +51,9 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
     createdBy: (0, _utils.extractCreatedBy)(data),
     createdOn: (0, _extractors.extractDateCreated)(data),
     dueOn: (0, _utils.extractDueOn)(data),
+    previewAction: (0, _extractPreviewAction.extractPreviewAction)(response),
+    viewAction: (0, _extractViewAction.extractViewAction)(data),
+    downloadAction: (0, _extractDownloadAction.extractDownloadAction)(data),
     latestCommit: (0, _latestCommit.extractLatestCommit)(data),
     linkIcon: (0, _icon.extractLinkIcon)(response, renderers),
     modifiedBy: (0, _utils.extractModifiedBy)(data),

package/dist/cjs/state/flexible-ui-context/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFlexibleUiContext = exports.FlexibleUiContext = void 0;
+exports.useFlexibleUiContext = exports.useFlexibleUiAnalyticsContext = exports.FlexibleUiContext = exports.FlexibleUiAnalyticsContext = void 0;
 
 var _react = require("react");
 
@@ -17,5 +17,18 @@ exports.FlexibleUiContext = FlexibleUiContext;
 var useFlexibleUiContext = function useFlexibleUiContext() {
   return (0, _react.useContext)(FlexibleUiContext);
 };
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ */
+
+
+exports.useFlexibleUiContext = useFlexibleUiContext;
+var FlexibleUiAnalyticsContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.FlexibleUiAnalyticsContext = FlexibleUiAnalyticsContext;
+
+var useFlexibleUiAnalyticsContext = function useFlexibleUiAnalyticsContext() {
+  return (0, _react.useContext)(FlexibleUiAnalyticsContext);
+};
 
-exports.useFlexibleUiContext = useFlexibleUiContext;
+exports.useFlexibleUiAnalyticsContext = useFlexibleUiAnalyticsContext;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.3.1",
+	"version": "23.4.0",
 	"sideEffects": false
 }

package/dist/cjs/view/FlexibleCard/components/actions/action/download-action/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("../index"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var DownloadAction = function DownloadAction(props) {
+  var appearance = props.appearance,
+      asDropDownItem = props.asDropDownItem,
+      downloadUrl = props.downloadUrl,
+      _onClick = props.onClick,
+      testId = props.testId,
+      url = props.url;
+
+  if (downloadUrl && url) {
+    var action = _objectSpread(_objectSpread({}, props), {}, {
+      onClick: function onClick() {
+        downloadFunction({
+          url: downloadUrl
+        });
+
+        if (_onClick) {
+          _onClick();
+        }
+      }
+    });
+
+    return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, action, {
+      appearance: appearance,
+      asDropDownItem: asDropDownItem,
+      testId: testId
+    }));
+  } else {
+    return null;
+  }
+};
+
+function downloadFunction(_x) {
+  return _downloadFunction.apply(this, arguments);
+}
+
+function _downloadFunction() {
+  _downloadFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var url, isIE11, isSafari, iframeName, link, iframe;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            url = _ref.url;
+
+            if (url) {
+              _context.next = 3;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 3:
+            isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
+            isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+            iframeName = 'media-download-iframe';
+            link = document.createElement('a');
+            iframe = document.getElementById(iframeName);
+
+            if (!iframe) {
+              iframe = document.createElement('iframe');
+              iframe.style.display = 'none';
+              iframe.id = iframeName;
+              iframe.name = iframeName;
+              document.body.appendChild(iframe);
+            }
+
+            link.href = url;
+            link.download = url;
+            link.target = isIE11 || isSafari ? '_blank' : iframeName;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _downloadFunction.apply(this, arguments);
+}
+
+var _default = DownloadAction;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/actions/action/download-action/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/actions/action/preview-action/index.js

@@ -0,0 +1,167 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.previewFunction = previewFunction;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("../index"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+
+var _state = require("../../../../../../state");
+
+var _icon = _interopRequireDefault(require("../../../elements/icon"));
+
+var _excluded = ["popupMountPointId"];
+
+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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var PreviewAction = function PreviewAction(props) {
+  var appearance = props.appearance,
+      asDropDownItem = props.asDropDownItem,
+      testId = props.testId,
+      _onClick = props.onClick,
+      linkIcon = props.linkIcon,
+      src = props.src,
+      url = props.url,
+      title = props.title,
+      providerName = props.providerName,
+      downloadUrl = props.downloadUrl;
+  var defaultAnalytics = (0, _state.useSmartLinkAnalytics)(url, function () {});
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)() || defaultAnalytics;
+  var EmbedIcon = {
+    icon: /*#__PURE__*/_react.default.createElement(_icon.default, linkIcon),
+    isFlexibleUi: true
+  };
+
+  if (src && url) {
+    var embedModal = function embedModal() {
+      return previewFunction({
+        popupMountPointId: 'twp-editor-preview-iframe',
+        showModal: true,
+        iframeName: 'twp-editor-preview-iframe',
+        onClose: function onClose() {},
+        download: downloadUrl,
+        icon: EmbedIcon,
+        providerName: providerName || 'Preview',
+        src: src,
+        title: title,
+        url: url,
+        analytics: analytics,
+        origin: 'smartLinkCard'
+      });
+    };
+
+    var action = _objectSpread(_objectSpread({}, props), {}, {
+      onClick: function onClick() {
+        embedModal();
+
+        if (_onClick) {
+          _onClick();
+        }
+      }
+    });
+
+    return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, action, {
+      appearance: appearance,
+      asDropDownItem: asDropDownItem,
+      testId: testId
+    }));
+  } else {
+    return null;
+  }
+};
+/*
+  Explanatory note:
+  Actions don't have access to the react tree of whatever is rendered them
+  (and this concept is fraught inside editor anyway) so we want to ensure
+  it is mounting to a new unique place. This function manages that, including
+  creating an element if it doesn't exist, as well as tidying up the react tree
+  (but not the element) upon closing the modal.
+
+  This may strike you as really uncomfortable as you read it, so I wanted to note
+  that a) this was discussed and agreed upon, and b) it's definitely odd, and if
+  you find an elegant solution around this, you should definitely feel free to
+  refactor it.
+*/
+
+
+function previewFunction(_x) {
+  return _previewFunction.apply(this, arguments);
+}
+
+function _previewFunction() {
+  _previewFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var popupMountPointId, rest, popupMountPoint, Modal;
+    return _regenerator.default.wrap(function _callee$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            popupMountPointId = _ref.popupMountPointId, rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+            popupMountPoint = document.getElementById(popupMountPointId);
+
+            if (!popupMountPoint) {
+              popupMountPoint = document.createElement('div');
+              popupMountPoint.id = popupMountPointId;
+              popupMountPoint.setAttribute('data-testid', 'preview-modal');
+              document.body.appendChild(popupMountPoint);
+            }
+
+            _context2.next = 5;
+            return Promise.resolve().then(function () {
+              return _interopRequireWildcard(require('../../../../../EmbedModal'));
+            });
+
+          case 5:
+            Modal = _context2.sent;
+
+            _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+              locale: "en"
+            }, /*#__PURE__*/_react.default.createElement(Modal.default, (0, _extends2.default)({}, rest, {
+              onClose: function onClose(_context) {
+                if (popupMountPoint) {
+                  _reactDom.default.unmountComponentAtNode(popupMountPoint);
+                }
+              }
+            }))), popupMountPoint);
+
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _previewFunction.apply(this, arguments);
+}
+
+var _default = PreviewAction;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/actions/action/preview-action/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/actions/action/view-action/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.viewFunction = viewFunction;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("../index"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ViewAction = function ViewAction(props) {
+  var appearance = props.appearance,
+      asDropDownItem = props.asDropDownItem,
+      testId = props.testId,
+      _onClick = props.onClick,
+      viewUrl = props.viewUrl,
+      url = props.url;
+
+  if (viewUrl && url) {
+    var action = _objectSpread(_objectSpread({}, props), {}, {
+      onClick: function onClick() {
+        viewFunction({
+          url: viewUrl
+        });
+
+        if (_onClick) {
+          _onClick();
+        }
+      }
+    });
+
+    return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, action, {
+      appearance: appearance,
+      asDropDownItem: asDropDownItem,
+      testId: testId
+    }));
+  } else {
+    return null;
+  }
+};
+
+function viewFunction(_x) {
+  return _viewFunction.apply(this, arguments);
+}
+
+function _viewFunction() {
+  _viewFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var url;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            url = _ref.url;
+
+            if (url) {
+              _context.next = 3;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 3:
+            window.open(url, '_blank', 'noopener=yes');
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _viewFunction.apply(this, arguments);
+}
+
+var _default = ViewAction;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/actions/action/view-action/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/actions/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EditAction = exports.DeleteAction = exports.CustomAction = void 0;
+exports.ViewAction = exports.PreviewAction = exports.EditAction = exports.DownloadAction = exports.DeleteAction = exports.CustomAction = void 0;
 
 var _constants = require("../../../../constants");
 
@@ -27,12 +27,36 @@ var DeleteAction = (0, _utils.createUIAction)(_constants.ActionName.DeleteAction
 
 exports.DeleteAction = DeleteAction;
 var EditAction = (0, _utils.createUIAction)(_constants.ActionName.EditAction);
+/**
+ * Creates a PreviewAction component. Accepts default PreviewActionProps, and defaults
+ * to the text 'Preview' inside the button.
+ * @see Action
+ */
+
+exports.EditAction = EditAction;
+var PreviewAction = (0, _utils.createDataAction)(_constants.ActionName.PreviewAction);
+/**
+ * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
+ * to the text 'View' inside the button.
+ * @see Action
+ */
+
+exports.PreviewAction = PreviewAction;
+var ViewAction = (0, _utils.createDataAction)(_constants.ActionName.ViewAction);
+/**
+ * Creates a DownloadAction component. Accepts default DownloadActionProps, and defaults
+ * to the text 'Download' inside the button.
+ * @see Action
+ */
+
+exports.ViewAction = ViewAction;
+var DownloadAction = (0, _utils.createDataAction)(_constants.ActionName.DownloadAction);
 /**
  * Creates a CustomAction component. Accepts default ActionProps. Required to provide
  * your own icon or text.
  * @see Action
  */
 
-exports.EditAction = EditAction;
+exports.DownloadAction = DownloadAction;
 var CustomAction = (0, _utils.createUIAction)(_constants.ActionName.CustomAction);
 exports.CustomAction = CustomAction;