@atlaskit/smart-card 25.0.0 → 25.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 25.0.1
+
+### Patch Changes
+
+- [`c687cc0de52`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c687cc0de52) - Add lozenge action component (WIP)
+
 ## 25.0.0
 
 ### Patch Changes

package/dist/cjs/state/hooks/use-invoke/index.js

@@ -0,0 +1,37 @@
+"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 _react = require("react");
+var useInvoke = function useInvoke() {
+  return (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(action) {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return new Promise(function (resolve) {
+                resolve();
+              });
+            case 2:
+              return _context.abrupt("return", _context.sent);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), []);
+};
+var _default = useInvoke;
+exports.default = _default;

package/dist/cjs/state/hooks/use-invoke/types.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InvokeActionName = exports.InvokeActionError = void 0;
+var InvokeActionName;
+exports.InvokeActionName = InvokeActionName;
+(function (InvokeActionName) {
+  InvokeActionName["UpdateAction"] = "UpdateAction";
+})(InvokeActionName || (exports.InvokeActionName = InvokeActionName = {}));
+var InvokeActionError;
+exports.InvokeActionError = InvokeActionError;
+(function (InvokeActionError) {
+  InvokeActionError["NoData"] = "NoData";
+  InvokeActionError["Unknown"] = "Unknown";
+})(InvokeActionError || (exports.InvokeActionError = InvokeActionError = {}));

package/dist/cjs/version.json

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

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/error-boundary/index.js

@@ -0,0 +1,28 @@
+"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;
+var _react = _interopRequireWildcard(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+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; }
+var withErrorBoundary = function withErrorBoundary(Component) {
+  return function (props) {
+    var fallback = (0, _react.useMemo)(function () {
+      return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+        appearance: props === null || props === void 0 ? void 0 : props.appearance,
+        testId: "".concat(props === null || props === void 0 ? void 0 : props.testId, "-fallback")
+      }, props === null || props === void 0 ? void 0 : props.text);
+    }, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
+    return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+      fallback: fallback
+    }, /*#__PURE__*/_react.default.createElement(Component, props));
+  };
+};
+var _default = withErrorBoundary;
+exports.default = _default;

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

@@ -0,0 +1,138 @@
+"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;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("@emotion/react");
+var _react2 = require("react");
+var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+var _lozengeActionItem = _interopRequireDefault(require("./lozenge-action-item"));
+var _lozengeActionTrigger = _interopRequireDefault(require("./lozenge-action-trigger"));
+var _lozengeActionError = _interopRequireDefault(require("./lozenge-action-error"));
+var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
+var _useInvoke = _interopRequireDefault(require("../../../../../state/hooks/use-invoke"));
+var _types = require("../../../../../state/hooks/use-invoke/types");
+var _styled = require("./styled");
+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; }
+/** @jsx jsx */
+
+var LozengeAction = function LozengeAction(_ref) {
+  var action = _ref.action,
+    appearance = _ref.appearance,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-lozenge-action' : _ref$testId,
+    text = _ref.text;
+  var _useState = (0, _react2.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isLoaded = _useState2[0],
+    setIsLoaded = _useState2[1];
+  var _useState3 = (0, _react2.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = (0, _react2.useState)(),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    items = _useState6[0],
+    setItems = _useState6[1];
+  var _useState7 = (0, _react2.useState)(),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    errorCode = _useState8[0],
+    setErrorCode = _useState8[1];
+  var invoke = (0, _useInvoke.default)();
+  var onOpenChange = (0, _react2.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(args) {
+      var lozengeItems;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!(args.isOpen && !isLoaded && action)) {
+                _context.next = 20;
+                break;
+              }
+              _context.prev = 1;
+              setIsLoading(true);
+              _context.next = 5;
+              return invoke(action);
+            case 5:
+              _context.t0 = _context.sent;
+              if (_context.t0) {
+                _context.next = 8;
+                break;
+              }
+              _context.t0 = [];
+            case 8:
+              lozengeItems = _context.t0;
+              setItems(lozengeItems);
+              setIsLoaded(true);
+              if (lozengeItems.length === 0) {
+                setErrorCode(_types.InvokeActionError.NoData);
+              }
+              _context.next = 17;
+              break;
+            case 14:
+              _context.prev = 14;
+              _context.t1 = _context["catch"](1);
+              // TODO: EDM-5746 and EDM-5782
+              setErrorCode(_types.InvokeActionError.Unknown);
+            case 17:
+              _context.prev = 17;
+              setIsLoading(false);
+              return _context.finish(17);
+            case 20:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 14, 17, 20]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [action, invoke, isLoaded]);
+  var trigger = (0, _react2.useCallback)(function (props) {
+    return (0, _react.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
+      appearance: appearance,
+      testId: testId,
+      text: text
+    }));
+  }, [appearance, testId, text]);
+  var dropdownItemGroup = (0, _react2.useMemo)(function () {
+    if (items && items.length > 0) {
+      return (0, _react.jsx)("span", {
+        css: _styled.dropdownItemGroupStyles
+      }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, items.map(function (_ref3, idx) {
+        var appearance = _ref3.appearance,
+          text = _ref3.text;
+        return (0, _react.jsx)(_lozengeActionItem.default, {
+          appearance: appearance,
+          key: idx,
+          testId: "".concat(testId, "-item-").concat(idx),
+          text: text
+        });
+      })));
+    }
+    if (errorCode) {
+      return (0, _react.jsx)(_lozengeActionError.default, {
+        errorCode: errorCode,
+        testId: testId
+      });
+    }
+  }, [errorCode, items, testId]);
+  return (0, _react.jsx)(_dropdownMenu.default, {
+    isLoading: isLoading,
+    onOpenChange: onOpenChange,
+    testId: testId,
+    trigger: trigger
+  }, dropdownItemGroup);
+};
+var _default = (0, _errorBoundary.default)(LozengeAction);
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -0,0 +1,24 @@
+"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 _dropdownMenu = require("@atlaskit/dropdown-menu");
+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; }
+var LozengeActionError = function LozengeActionError(_ref) {
+  var errorCode = _ref.errorCode,
+    testId = _ref.testId;
+  // TODO: EDM-5746 and EDM-5782
+  var content = (0, _react.useMemo)(function () {
+    return errorCode;
+  }, [errorCode]);
+  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+    testId: "".concat(testId, "-error")
+  }, content));
+};
+var _default = LozengeActionError;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.js

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

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/index.js

@@ -0,0 +1,31 @@
+"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;
+var _react = _interopRequireWildcard(require("react"));
+var _dropdownMenu = require("@atlaskit/dropdown-menu");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+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; }
+var LozengeActionItem = function LozengeActionItem(_ref) {
+  var appearance = _ref.appearance,
+    testId = _ref.testId,
+    text = _ref.text;
+  var onMouseEnter = (0, _react.useCallback)(function (e) {
+    var _e$currentTarget, _e$currentTarget$firs;
+    (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("span", {
+    onMouseEnter: onMouseEnter
+  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+    appearance: appearance
+  }, text)));
+};
+var _default = LozengeActionItem;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/types.js

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

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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 = require("@emotion/react");
+var _react2 = require("react");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _styled = require("../styled");
+var _excluded = ["appearance", "testId", "text", "triggerRef"];
+var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
+  var appearance = _ref.appearance,
+    testId = _ref.testId,
+    text = _ref.text,
+    triggerRef = _ref.triggerRef,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react2.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isBold = _useState2[0],
+    setIsBold = _useState2[1];
+  var onMouseEnter = (0, _react2.useCallback)(function () {
+    return setIsBold(true);
+  }, []);
+  var onMouseLeave = (0, _react2.useCallback)(function () {
+    return setIsBold(false);
+  }, []);
+  return (0, _react.jsx)("button", (0, _extends2.default)({
+    type: "button"
+  }, props, {
+    css: _styled.triggerButtonStyles,
+    "data-testid": "".concat(testId, "--trigger"),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: triggerRef
+  }), (0, _react.jsx)(_lozenge.default, {
+    appearance: appearance,
+    isBold: isBold
+  }, (0, _react.jsx)("span", {
+    css: _styled.triggerLozengeStyles
+  }, (0, _react.jsx)("span", null, text), (0, _react.jsx)(_chevronDown.default, {
+    label: "options",
+    size: "medium"
+  }))));
+};
+var _default = LozengeActionTrigger;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/type.js

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

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/styled.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.triggerLozengeStyles = exports.triggerButtonStyles = exports.dropdownItemGroupStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _templateObject, _templateObject2, _templateObject3;
+var triggerButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  all: unset;\n  background-color: transparent;\n  color: unset;\n  cursor: pointer;\n  font-family: unset;\n  font-size: unset;\n  font-style: unset;\n  font-weight: unset;\n  font-variant: unset;\n  line-height: 0;\n  padding: 0;\n  text-transform: unset;\n\n  border: 2px solid transparent;\n  margin: -2px;\n\n  &:focus-visible,\n  &:focus-within,\n  &[aria-expanded='true'] {\n    outline: none;\n    box-shadow: 0 0 0 2px ", ";\n    border-radius: 5px;\n  }\n"])), "var(--ds-border-focused, #388BFF)");
+exports.triggerButtonStyles = triggerButtonStyles;
+var triggerLozengeStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n\n  span[role='img'] {\n    margin: -4px -8px -4px -1px;\n  }\n"])));
+exports.triggerLozengeStyles = triggerLozengeStyles;
+var dropdownItemGroupStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  button {\n    padding: 6px 12px;\n    min-height: 28px;\n    width: 220px;\n\n    &:hover {\n      background-color: inherit;\n    }\n\n    &:focus,\n    &:focus-visible {\n      background-color: ", ";\n      box-sizing: border-box;\n      box-shadow: inset 2px 0 0 ", ";\n      outline: none;\n    }\n  }\n"])), "var(--ds-background-neutral-subtle-hovered, #091E420F)", "var(--ds-border-selected, #0C66E4)");
+exports.dropdownItemGroupStyles = dropdownItemGroupStyles;

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

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

package/dist/es2019/state/hooks/use-invoke/index.js

@@ -0,0 +1,10 @@
+import { useCallback } from 'react';
+const useInvoke = () => {
+  return useCallback(async action => {
+    // TODO: EDM-5746 and EDM-5782
+    return await new Promise(resolve => {
+      resolve();
+    });
+  }, []);
+};
+export default useInvoke;

package/dist/es2019/state/hooks/use-invoke/types.js

@@ -0,0 +1,9 @@
+export let InvokeActionName;
+(function (InvokeActionName) {
+  InvokeActionName["UpdateAction"] = "UpdateAction";
+})(InvokeActionName || (InvokeActionName = {}));
+export let InvokeActionError;
+(function (InvokeActionError) {
+  InvokeActionError["NoData"] = "NoData";
+  InvokeActionError["Unknown"] = "Unknown";
+})(InvokeActionError || (InvokeActionError = {}));

package/dist/es2019/version.json

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

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/error-boundary/index.js

@@ -0,0 +1,13 @@
+import React, { useMemo } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import Lozenge from '@atlaskit/lozenge';
+const withErrorBoundary = Component => props => {
+  const fallback = useMemo(() => /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: props === null || props === void 0 ? void 0 : props.appearance,
+    testId: `${props === null || props === void 0 ? void 0 : props.testId}-fallback`
+  }, props === null || props === void 0 ? void 0 : props.text), [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    fallback: fallback
+  }, /*#__PURE__*/React.createElement(Component, props));
+};
+export default withErrorBoundary;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/index.js

@@ -0,0 +1,75 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { useCallback, useMemo, useState } from 'react';
+import DropdownMenu, { DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import LozengeActionItem from './lozenge-action-item';
+import LozengeActionTrigger from './lozenge-action-trigger';
+import LozengeActionError from './lozenge-action-error';
+import withErrorBoundary from './error-boundary';
+import useInvoke from '../../../../../state/hooks/use-invoke';
+import { InvokeActionError } from '../../../../../state/hooks/use-invoke/types';
+import { dropdownItemGroupStyles } from './styled';
+const LozengeAction = ({
+  action,
+  appearance,
+  testId = 'smart-element-lozenge-action',
+  text
+}) => {
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [items, setItems] = useState();
+  const [errorCode, setErrorCode] = useState();
+  const invoke = useInvoke();
+  const onOpenChange = useCallback(async args => {
+    if (args.isOpen && !isLoaded && action) {
+      try {
+        setIsLoading(true);
+        const lozengeItems = (await invoke(action)) || [];
+        setItems(lozengeItems);
+        setIsLoaded(true);
+        if (lozengeItems.length === 0) {
+          setErrorCode(InvokeActionError.NoData);
+        }
+      } catch (err) {
+        // TODO: EDM-5746 and EDM-5782
+        setErrorCode(InvokeActionError.Unknown);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+  }, [action, invoke, isLoaded]);
+  const trigger = useCallback(props => jsx(LozengeActionTrigger, _extends({}, props, {
+    appearance: appearance,
+    testId: testId,
+    text: text
+  })), [appearance, testId, text]);
+  const dropdownItemGroup = useMemo(() => {
+    if (items && items.length > 0) {
+      return jsx("span", {
+        css: dropdownItemGroupStyles
+      }, jsx(DropdownItemGroup, null, items.map(({
+        appearance,
+        text
+      }, idx) => jsx(LozengeActionItem, {
+        appearance: appearance,
+        key: idx,
+        testId: `${testId}-item-${idx}`,
+        text: text
+      }))));
+    }
+    if (errorCode) {
+      return jsx(LozengeActionError, {
+        errorCode: errorCode,
+        testId: testId
+      });
+    }
+  }, [errorCode, items, testId]);
+  return jsx(DropdownMenu, {
+    isLoading: isLoading,
+    onOpenChange: onOpenChange,
+    testId: testId,
+    trigger: trigger
+  }, dropdownItemGroup);
+};
+export default withErrorBoundary(LozengeAction);

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -0,0 +1,13 @@
+import React, { useMemo } from 'react';
+import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+const LozengeActionError = ({
+  errorCode,
+  testId
+}) => {
+  // TODO: EDM-5746 and EDM-5782
+  const content = useMemo(() => errorCode, [errorCode]);
+  return /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
+    testId: `${testId}-error`
+  }, content));
+};
+export default LozengeActionError;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/index.js

@@ -0,0 +1,21 @@
+import React, { useCallback } from 'react';
+import { DropdownItem } from '@atlaskit/dropdown-menu';
+import Lozenge from '@atlaskit/lozenge';
+const LozengeActionItem = ({
+  appearance,
+  testId,
+  text
+}) => {
+  const onMouseEnter = useCallback(e => {
+    var _e$currentTarget, _e$currentTarget$firs;
+    (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
+  }, []);
+  return /*#__PURE__*/React.createElement("span", {
+    onMouseEnter: onMouseEnter
+  }, /*#__PURE__*/React.createElement(DropdownItem, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: appearance
+  }, text)));
+};
+export default LozengeActionItem;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/index.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { useCallback, useState } from 'react';
+import Lozenge from '@atlaskit/lozenge';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
+const LozengeActionTrigger = ({
+  appearance,
+  testId,
+  text,
+  triggerRef,
+  ...props
+}) => {
+  const [isBold, setIsBold] = useState(false);
+  const onMouseEnter = useCallback(() => setIsBold(true), []);
+  const onMouseLeave = useCallback(() => setIsBold(false), []);
+  return jsx("button", _extends({
+    type: "button"
+  }, props, {
+    css: triggerButtonStyles,
+    "data-testid": `${testId}--trigger`,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: triggerRef
+  }), jsx(Lozenge, {
+    appearance: appearance,
+    isBold: isBold
+  }, jsx("span", {
+    css: triggerLozengeStyles
+  }, jsx("span", null, text), jsx(ChevronDownIcon, {
+    label: "options",
+    size: "medium"
+  }))));
+};
+export default LozengeActionTrigger;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/type.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/styled.js

@@ -0,0 +1,53 @@
+import { css } from '@emotion/react';
+export const triggerButtonStyles = css`
+  all: unset;
+  background-color: transparent;
+  color: unset;
+  cursor: pointer;
+  font-family: unset;
+  font-size: unset;
+  font-style: unset;
+  font-weight: unset;
+  font-variant: unset;
+  line-height: 0;
+  padding: 0;
+  text-transform: unset;
+
+  border: 2px solid transparent;
+  margin: -2px;
+
+  &:focus-visible,
+  &:focus-within,
+  &[aria-expanded='true'] {
+    outline: none;
+    box-shadow: 0 0 0 2px ${"var(--ds-border-focused, #388BFF)"};
+    border-radius: 5px;
+  }
+`;
+export const triggerLozengeStyles = css`
+  align-items: center;
+  display: flex;
+
+  span[role='img'] {
+    margin: -4px -8px -4px -1px;
+  }
+`;
+export const dropdownItemGroupStyles = css`
+  button {
+    padding: 6px 12px;
+    min-height: 28px;
+    width: 220px;
+
+    &:hover {
+      background-color: inherit;
+    }
+
+    &:focus,
+    &:focus-visible {
+      background-color: ${"var(--ds-background-neutral-subtle-hovered, #091E420F)"};
+      box-sizing: border-box;
+      box-shadow: inset 2px 0 0 ${"var(--ds-border-selected, #0C66E4)"};
+      outline: none;
+    }
+  }
+`;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/state/hooks/use-invoke/index.js

@@ -0,0 +1,29 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback } from 'react';
+var useInvoke = function useInvoke() {
+  return useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(action) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return new Promise(function (resolve) {
+                resolve();
+              });
+            case 2:
+              return _context.abrupt("return", _context.sent);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), []);
+};
+export default useInvoke;

package/dist/esm/state/hooks/use-invoke/types.js

@@ -0,0 +1,9 @@
+export var InvokeActionName;
+(function (InvokeActionName) {
+  InvokeActionName["UpdateAction"] = "UpdateAction";
+})(InvokeActionName || (InvokeActionName = {}));
+export var InvokeActionError;
+(function (InvokeActionError) {
+  InvokeActionError["NoData"] = "NoData";
+  InvokeActionError["Unknown"] = "Unknown";
+})(InvokeActionError || (InvokeActionError = {}));

package/dist/esm/version.json

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

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/error-boundary/index.js

@@ -0,0 +1,17 @@
+import React, { useMemo } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import Lozenge from '@atlaskit/lozenge';
+var withErrorBoundary = function withErrorBoundary(Component) {
+  return function (props) {
+    var fallback = useMemo(function () {
+      return /*#__PURE__*/React.createElement(Lozenge, {
+        appearance: props === null || props === void 0 ? void 0 : props.appearance,
+        testId: "".concat(props === null || props === void 0 ? void 0 : props.testId, "-fallback")
+      }, props === null || props === void 0 ? void 0 : props.text);
+    }, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
+      fallback: fallback
+    }, /*#__PURE__*/React.createElement(Component, props));
+  };
+};
+export default withErrorBoundary;

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/index.js

@@ -0,0 +1,126 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { useCallback, useMemo, useState } from 'react';
+import DropdownMenu, { DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import LozengeActionItem from './lozenge-action-item';
+import LozengeActionTrigger from './lozenge-action-trigger';
+import LozengeActionError from './lozenge-action-error';
+import withErrorBoundary from './error-boundary';
+import useInvoke from '../../../../../state/hooks/use-invoke';
+import { InvokeActionError } from '../../../../../state/hooks/use-invoke/types';
+import { dropdownItemGroupStyles } from './styled';
+var LozengeAction = function LozengeAction(_ref) {
+  var action = _ref.action,
+    appearance = _ref.appearance,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-lozenge-action' : _ref$testId,
+    text = _ref.text;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoaded = _useState2[0],
+    setIsLoaded = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    items = _useState6[0],
+    setItems = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    errorCode = _useState8[0],
+    setErrorCode = _useState8[1];
+  var invoke = useInvoke();
+  var onOpenChange = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(args) {
+      var lozengeItems;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!(args.isOpen && !isLoaded && action)) {
+                _context.next = 20;
+                break;
+              }
+              _context.prev = 1;
+              setIsLoading(true);
+              _context.next = 5;
+              return invoke(action);
+            case 5:
+              _context.t0 = _context.sent;
+              if (_context.t0) {
+                _context.next = 8;
+                break;
+              }
+              _context.t0 = [];
+            case 8:
+              lozengeItems = _context.t0;
+              setItems(lozengeItems);
+              setIsLoaded(true);
+              if (lozengeItems.length === 0) {
+                setErrorCode(InvokeActionError.NoData);
+              }
+              _context.next = 17;
+              break;
+            case 14:
+              _context.prev = 14;
+              _context.t1 = _context["catch"](1);
+              // TODO: EDM-5746 and EDM-5782
+              setErrorCode(InvokeActionError.Unknown);
+            case 17:
+              _context.prev = 17;
+              setIsLoading(false);
+              return _context.finish(17);
+            case 20:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 14, 17, 20]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [action, invoke, isLoaded]);
+  var trigger = useCallback(function (props) {
+    return jsx(LozengeActionTrigger, _extends({}, props, {
+      appearance: appearance,
+      testId: testId,
+      text: text
+    }));
+  }, [appearance, testId, text]);
+  var dropdownItemGroup = useMemo(function () {
+    if (items && items.length > 0) {
+      return jsx("span", {
+        css: dropdownItemGroupStyles
+      }, jsx(DropdownItemGroup, null, items.map(function (_ref3, idx) {
+        var appearance = _ref3.appearance,
+          text = _ref3.text;
+        return jsx(LozengeActionItem, {
+          appearance: appearance,
+          key: idx,
+          testId: "".concat(testId, "-item-").concat(idx),
+          text: text
+        });
+      })));
+    }
+    if (errorCode) {
+      return jsx(LozengeActionError, {
+        errorCode: errorCode,
+        testId: testId
+      });
+    }
+  }, [errorCode, items, testId]);
+  return jsx(DropdownMenu, {
+    isLoading: isLoading,
+    onOpenChange: onOpenChange,
+    testId: testId,
+    trigger: trigger
+  }, dropdownItemGroup);
+};
+export default withErrorBoundary(LozengeAction);

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -0,0 +1,14 @@
+import React, { useMemo } from 'react';
+import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+var LozengeActionError = function LozengeActionError(_ref) {
+  var errorCode = _ref.errorCode,
+    testId = _ref.testId;
+  // TODO: EDM-5746 and EDM-5782
+  var content = useMemo(function () {
+    return errorCode;
+  }, [errorCode]);
+  return /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
+    testId: "".concat(testId, "-error")
+  }, content));
+};
+export default LozengeActionError;

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/index.js

@@ -0,0 +1,20 @@
+import React, { useCallback } from 'react';
+import { DropdownItem } from '@atlaskit/dropdown-menu';
+import Lozenge from '@atlaskit/lozenge';
+var LozengeActionItem = function LozengeActionItem(_ref) {
+  var appearance = _ref.appearance,
+    testId = _ref.testId,
+    text = _ref.text;
+  var onMouseEnter = useCallback(function (e) {
+    var _e$currentTarget, _e$currentTarget$firs;
+    (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
+  }, []);
+  return /*#__PURE__*/React.createElement("span", {
+    onMouseEnter: onMouseEnter
+  }, /*#__PURE__*/React.createElement(DropdownItem, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: appearance
+  }, text)));
+};
+export default LozengeActionItem;

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/index.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["appearance", "testId", "text", "triggerRef"];
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { useCallback, useState } from 'react';
+import Lozenge from '@atlaskit/lozenge';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
+var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
+  var appearance = _ref.appearance,
+    testId = _ref.testId,
+    text = _ref.text,
+    triggerRef = _ref.triggerRef,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isBold = _useState2[0],
+    setIsBold = _useState2[1];
+  var onMouseEnter = useCallback(function () {
+    return setIsBold(true);
+  }, []);
+  var onMouseLeave = useCallback(function () {
+    return setIsBold(false);
+  }, []);
+  return jsx("button", _extends({
+    type: "button"
+  }, props, {
+    css: triggerButtonStyles,
+    "data-testid": "".concat(testId, "--trigger"),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: triggerRef
+  }), jsx(Lozenge, {
+    appearance: appearance,
+    isBold: isBold
+  }, jsx("span", {
+    css: triggerLozengeStyles
+  }, jsx("span", null, text), jsx(ChevronDownIcon, {
+    label: "options",
+    size: "medium"
+  }))));
+};
+export default LozengeActionTrigger;

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/type.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/styled.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { css } from '@emotion/react';
+export var triggerButtonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  all: unset;\n  background-color: transparent;\n  color: unset;\n  cursor: pointer;\n  font-family: unset;\n  font-size: unset;\n  font-style: unset;\n  font-weight: unset;\n  font-variant: unset;\n  line-height: 0;\n  padding: 0;\n  text-transform: unset;\n\n  border: 2px solid transparent;\n  margin: -2px;\n\n  &:focus-visible,\n  &:focus-within,\n  &[aria-expanded='true'] {\n    outline: none;\n    box-shadow: 0 0 0 2px ", ";\n    border-radius: 5px;\n  }\n"])), "var(--ds-border-focused, #388BFF)");
+export var triggerLozengeStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n\n  span[role='img'] {\n    margin: -4px -8px -4px -1px;\n  }\n"])));
+export var dropdownItemGroupStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  button {\n    padding: 6px 12px;\n    min-height: 28px;\n    width: 220px;\n\n    &:hover {\n      background-color: inherit;\n    }\n\n    &:focus,\n    &:focus-visible {\n      background-color: ", ";\n      box-sizing: border-box;\n      box-shadow: inset 2px 0 0 ", ";\n      outline: none;\n    }\n  }\n"])), "var(--ds-background-neutral-subtle-hovered, #091E420F)", "var(--ds-border-selected, #0C66E4)");

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/state/hooks/use-invoke/index.d.ts

@@ -0,0 +1,3 @@
+import { InvokeAction } from './types';
+declare const useInvoke: () => <T>(action: InvokeAction) => Promise<void | T>;
+export default useInvoke;

package/dist/types/state/hooks/use-invoke/types.d.ts

@@ -0,0 +1,10 @@
+export declare enum InvokeActionName {
+    UpdateAction = "UpdateAction"
+}
+export declare enum InvokeActionError {
+    NoData = "NoData",
+    Unknown = "Unknown"
+}
+export declare type InvokeAction = {
+    name: InvokeActionName;
+};

package/dist/types/view/FlexibleCard/components/common/lozenge-action/error-boundary/index.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType, FC } from 'react';
+import type { LozengeActionProps } from '../types';
+declare const withErrorBoundary: (Component: ComponentType<LozengeActionProps>) => FC<LozengeActionProps>;
+export default withErrorBoundary;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { LozengeActionProps } from './types';
+declare const _default: FC<LozengeActionProps>;
+export default _default;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { LozengeActionErrorProps } from './types';
+declare const LozengeActionError: FC<LozengeActionErrorProps>;
+export default LozengeActionError;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.d.ts

@@ -0,0 +1,5 @@
+import type { InvokeActionError } from '../../../../../../state/hooks/use-invoke/types';
+export declare type LozengeActionErrorProps = {
+    errorCode: InvokeActionError;
+    testId?: string;
+};

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { LozengeActionItemProps } from './types';
+declare const LozengeActionItem: FC<LozengeActionItemProps>;
+export default LozengeActionItem;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/types.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeAppearance } from '@atlaskit/lozenge';
+export declare type LozengeActionItemProps = {
+    appearance?: ThemeAppearance;
+    testId?: string;
+    text: string;
+};

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import { LozengeActionTriggerProps } from './type';
+declare const LozengeActionTrigger: FC<LozengeActionTriggerProps>;
+export default LozengeActionTrigger;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -0,0 +1,7 @@
+import type { ThemeAppearance } from '@atlaskit/lozenge';
+import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
+export declare type LozengeActionTriggerProps = {
+    appearance?: ThemeAppearance;
+    testId?: string;
+    text: string;
+} & CustomTriggerProps<HTMLButtonElement>;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const triggerButtonStyles: import("@emotion/react").SerializedStyles;
+export declare const triggerLozengeStyles: import("@emotion/react").SerializedStyles;
+export declare const dropdownItemGroupStyles: import("@emotion/react").SerializedStyles;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/types.d.ts

@@ -0,0 +1,12 @@
+import type { ThemeAppearance } from '@atlaskit/lozenge';
+import type { InvokeAction } from '../../../../../state/hooks/use-invoke/types';
+export declare type LozengeItem = {
+    appearance?: ThemeAppearance;
+    text: string;
+};
+export declare type LozengeActionProps = {
+    action?: InvokeAction;
+    appearance?: ThemeAppearance;
+    testId?: string;
+    text: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "25.0.0",
+  "version": "25.0.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"