@atlaskit/smart-card 27.0.0 → 27.2.0

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/mocks.js

@@ -5,64 +5,66 @@ import { UserInputType } from './types';
 var mockScope = {
   resources: []
 };
-export var mockRules = [{
-  id: 0,
-  name: 'Test rule 0 (no inputs)',
-  ruleScope: mockScope,
-  userInputs: []
-}, {
-  id: 1,
-  name: 'Test rule 1 (has inputs)',
-  ruleScope: mockScope,
-  userInputs: [{
-    defaultValue: '',
-    displayName: 'Test user input',
-    inputType: UserInputType.TEXT,
-    required: false,
-    variableName: 'testUserInput'
-  }]
-}, {
-  id: 2,
-  name: 'Test rule 2 (has multiple inputs)',
-  ruleScope: mockScope,
-  userInputs: [{
-    defaultValue: '',
-    displayName: 'Text user input',
-    inputType: UserInputType.TEXT,
-    required: false,
-    variableName: 'textUserInput'
-  }, {
-    defaultValue: '',
-    displayName: 'Number user input',
-    inputType: UserInputType.NUMBER,
-    required: false,
-    variableName: 'numberUserInput'
+export var mockRules = {
+  data: [{
+    id: 0,
+    name: 'Test rule 0 (no inputs)',
+    ruleScope: mockScope,
+    userInputs: []
   }, {
-    defaultValue: true,
-    displayName: 'Boolean user input',
-    inputType: UserInputType.BOOLEAN,
-    required: false,
-    variableName: 'booleanUserInput'
+    id: 1,
+    name: 'Test rule 1 (has inputs)',
+    ruleScope: mockScope,
+    userInputs: [{
+      defaultValue: '',
+      displayName: 'Test user input',
+      inputType: UserInputType.TEXT,
+      required: false,
+      variableName: 'testUserInput'
+    }]
   }, {
-    defaultValue: [''],
-    displayName: 'Dropdown user input',
-    inputType: UserInputType.DROPDOWN,
-    required: false,
-    variableName: 'dropdownUserInput'
-  }, {
-    defaultValue: '',
-    displayName: 'Paragraph user input',
-    inputType: UserInputType.PARAGRAPH,
-    required: false,
-    variableName: 'paragraphUserInput'
+    id: 2,
+    name: 'Test rule 2 (has multiple inputs)',
+    ruleScope: mockScope,
+    userInputs: [{
+      defaultValue: '',
+      displayName: 'Text user input',
+      inputType: UserInputType.TEXT,
+      required: false,
+      variableName: 'textUserInput'
+    }, {
+      defaultValue: '',
+      displayName: 'Number user input',
+      inputType: UserInputType.NUMBER,
+      required: false,
+      variableName: 'numberUserInput'
+    }, {
+      defaultValue: true,
+      displayName: 'Boolean user input',
+      inputType: UserInputType.BOOLEAN,
+      required: false,
+      variableName: 'booleanUserInput'
+    }, {
+      defaultValue: [''],
+      displayName: 'Dropdown user input',
+      inputType: UserInputType.DROPDOWN,
+      required: false,
+      variableName: 'dropdownUserInput'
+    }, {
+      defaultValue: '',
+      displayName: 'Paragraph user input',
+      inputType: UserInputType.PARAGRAPH,
+      required: false,
+      variableName: 'paragraphUserInput'
+    }]
   }]
-}];
-export var mockTransformedRules = [_objectSpread(_objectSpread({}, mockRules[0]), {}, {
-  userInputPrompts: mockRules[0].userInputs
-}), _objectSpread(_objectSpread({}, mockRules[1]), {}, {
-  userInputPrompts: mockRules[1].userInputs
-}), _objectSpread(_objectSpread({}, mockRules[2]), {}, {
-  userInputPrompts: mockRules[2].userInputs
+};
+export var mockTransformedRules = [_objectSpread(_objectSpread({}, mockRules.data[0]), {}, {
+  userInputPrompts: mockRules.data[0].userInputs
+}), _objectSpread(_objectSpread({}, mockRules.data[1]), {}, {
+  userInputPrompts: mockRules.data[1].userInputs
+}), _objectSpread(_objectSpread({}, mockRules.data[2]), {}, {
+  userInputPrompts: mockRules.data[2].userInputs
 })];
 export var mockInvocationResponse = {
   'TEST-1': 'SUCCESS'

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/utils/api.js

@@ -3,8 +3,6 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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) { _defineProperty(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; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getAutomationStack } from './stack-resolver';
-
 /**
  * This function will extract the cloud ID and product from a product level Site ARI.
  * ARIs can be found at the following link: {@link https://developer.atlassian.com/platform/atlassian-resource-identifier/resource-owners/registry/#ari-registry}
@@ -47,46 +45,40 @@ export var extractCloudIdAndProductFromSite = function extractCloudIdAndProductF
  *
  */
 export var getSearchUrl = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(env, site) {
-    var _extractCloudIdAndPro, product, cloudId, automationStack;
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(site) {
+    var _extractCloudIdAndPro, product, cloudId;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _extractCloudIdAndPro = extractCloudIdAndProductFromSite(site), product = _extractCloudIdAndPro.product, cloudId = _extractCloudIdAndPro.cloudId;
-          _context.next = 3;
-          return getAutomationStack(env, cloudId);
-        case 3:
-          automationStack = _context.sent;
-          return _context.abrupt("return", "/gateway/api/automation/internal-api/".concat(product, "/").concat(cloudId, "/").concat(automationStack, "/rest/v1/rules/manual/search"));
-        case 5:
+          _extractCloudIdAndPro = extractCloudIdAndProductFromSite(site), product = _extractCloudIdAndPro.product, cloudId = _extractCloudIdAndPro.cloudId; // TODO in the unified API, GET requests as according to Atlassian API standards will destructure the whole query into
+          // query parameters as part of the URL. For now, this is considered a POST request instead and thus the query is used
+          // later on as the request body.
+          return _context.abrupt("return", "/gateway/api/automation/public/".concat(product, "/").concat(cloudId, "/rest/v1/rule/manual/search"));
+        case 2:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function getSearchUrl(_x, _x2) {
+  return function getSearchUrl(_x) {
     return _ref.apply(this, arguments);
   };
 }();
 export var getInvocationUrl = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(env, site, ruleId) {
-    var _extractCloudIdAndPro2, product, cloudId, automationStack;
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(site, ruleId) {
+    var _extractCloudIdAndPro2, product, cloudId;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _extractCloudIdAndPro2 = extractCloudIdAndProductFromSite(site), product = _extractCloudIdAndPro2.product, cloudId = _extractCloudIdAndPro2.cloudId;
-          _context2.next = 3;
-          return getAutomationStack(env, cloudId);
-        case 3:
-          automationStack = _context2.sent;
-          return _context2.abrupt("return", "/gateway/api/automation/internal-api/".concat(product, "/").concat(cloudId, "/").concat(automationStack, "/rest/v1/rules/manual/invocation/").concat(ruleId));
-        case 5:
+          return _context2.abrupt("return", "/gateway/api/automation/public/".concat(product, "/").concat(cloudId, "/rest/v1/rule/manual/").concat(ruleId, "/invocation"));
+        case 2:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   }));
-  return function getInvocationUrl(_x3, _x4, _x5) {
+  return function getInvocationUrl(_x2, _x3) {
     return _ref2.apply(this, arguments);
   };
 }();
@@ -94,30 +86,27 @@ var DEFAULT_HEADER = {
   'Content-Type': 'application/json'
 };
 var _performRequest = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url, method) {
-    var options,
-      response,
-      _args3 = arguments;
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url, method, options) {
+    var response;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          options = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : {
+          _context3.next = 2;
+          return fetch(url, _objectSpread(_objectSpread({
             headers: DEFAULT_HEADER
-          };
-          _context3.next = 3;
-          return fetch(url, _objectSpread(_objectSpread({}, options), {}, {
+          }, options), {}, {
             method: method
           }));
-        case 3:
+        case 2:
           response = _context3.sent;
           return _context3.abrupt("return", response.json());
-        case 5:
+        case 4:
         case "end":
           return _context3.stop();
       }
     }, _callee3);
   }));
-  return function _performRequest(_x6, _x7) {
+  return function _performRequest(_x4, _x5, _x6) {
     return _ref3.apply(this, arguments);
   };
 }();
@@ -133,7 +122,7 @@ export var performGetRequest = /*#__PURE__*/function () {
       }
     }, _callee4);
   }));
-  return function performGetRequest(_x8, _x9) {
+  return function performGetRequest(_x7, _x8) {
     return _ref4.apply(this, arguments);
   };
 }();
@@ -149,29 +138,7 @@ export var performPostRequest = /*#__PURE__*/function () {
       }
     }, _callee5);
   }));
-  return function performPostRequest(_x10, _x11) {
+  return function performPostRequest(_x9, _x10) {
     return _ref5.apply(this, arguments);
   };
-}();
-
-// TODO this will need to be expanded to resolve the correct product URL, too.
-// TODO for instance this will need to support Alerts UI URL resolution in the
-// TODO short term
-export var getBaseAutomationUrl = function getBaseAutomationUrl(_ref6) {
-  var projectKey = _ref6.projectKey,
-    projectType = _ref6.projectType,
-    isSimplified = _ref6.isSimplified;
-  /**
-   * Confusing mapping of urls here.
-   * Classic Projects - always under /automate
-   * Next Gen Projects - under /automation for all project types except JSD
-   */
-  switch (projectType) {
-    case 'service_desk':
-      return "/jira/servicedesk/projects/".concat(projectKey, "/settings/automate");
-    case 'business':
-      return "/jira/core/projects/".concat(projectKey, "/settings/").concat(isSimplified ? 'automation' : 'automate');
-    default:
-      return "/jira/software/".concat(isSimplified ? '' : 'c/', "projects/").concat(projectKey, "/settings/").concat(isSimplified ? 'automation' : 'automate');
-  }
-};
+}();

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/utils/index.js

@@ -1,2 +1 @@
-export { extractCloudIdAndProductFromSite, getSearchUrl, getInvocationUrl, performGetRequest, performPostRequest, getBaseAutomationUrl } from './api';
-export { getAutomationStackFromLocalStorage, getAutomationStack } from './stack-resolver';
+export { extractCloudIdAndProductFromSite, getSearchUrl, getInvocationUrl, performGetRequest, performPostRequest } from './api';

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/index.js

@@ -1,3 +1,2 @@
 export { searchManuallyTriggeredRules, invokeManuallyTriggeredRule } from './services';
-export { getBaseAutomationUrl } from './common/utils';
 export { useManualRules, ManualRulesContainer } from './main';

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/main.js

@@ -13,11 +13,10 @@ import UserInputForm from './manual-triggers-form/main';
 /**
  * React hook that implements the fetch and invoke actions for manual triggers.
  * Can be used standalone or in the HOC provided below.
- * @param env - The environment to retrieve rules from
  * @param site - The site to filter on. We map this to just a cloudId to resolve the manual rules API path
  * @param query - Query object containing filter props (container, object(s))
  */
-export var useManualRules = function useManualRules(env, site, query) {
+export var useManualRules = function useManualRules(site, query) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     initialised = _useState2[0],
@@ -45,7 +44,7 @@ export var useManualRules = function useManualRules(env, site, query) {
             setInitialised(false);
             _context.prev = 1;
             _context.next = 4;
-            return searchManuallyTriggeredRules(env, site, query);
+            return searchManuallyTriggeredRules(site, query);
           case 4:
             fetchedRules = _context.sent;
             setError(null);
@@ -89,11 +88,10 @@ export var useManualRules = function useManualRules(env, site, query) {
  * should not care about this, only how to trigger invocation and understand
  * the invocation lifecycle.
  *
- * @param props - environment, cloudId, projectId, children
+ * @param props - cloudId, projectId, children
  */
 export var ManualRulesContainer = function ManualRulesContainer(props) {
-  var env = props.env,
-    site = props.site,
+  var site = props.site,
     query = props.query,
     children = props.children,
     onInputsModalOpened = props.onInputsModalOpened,
@@ -103,7 +101,7 @@ export var ManualRulesContainer = function ManualRulesContainer(props) {
     onRuleInvocationFailure = props.onRuleInvocationFailure,
     onRuleInvocationLifecycleDone = props.onRuleInvocationLifecycleDone;
   // Initial data loading state
-  var _useManualRules = useManualRules(env, site, query),
+  var _useManualRules = useManualRules(site, query),
     _useManualRules2 = _slicedToArray(_useManualRules, 4),
     triggerFetch = _useManualRules2[0],
     initialised = _useManualRules2[1],
@@ -169,7 +167,7 @@ export var ManualRulesContainer = function ManualRulesContainer(props) {
               onRuleInvocationLifecycleStarted(ruleId, objects, userInputs);
             }
             _context2.next = 7;
-            return invokeManuallyTriggeredRule(env, site, ruleId, objects, userInputs);
+            return invokeManuallyTriggeredRule(site, ruleId, objects, userInputs);
           case 7:
             response = _context2.sent;
             _failedObjects = getFailedObjects(response);

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/services/index.js

@@ -7,18 +7,18 @@ import { getInvocationUrl, getSearchUrl, performPostRequest } from './../common/
 
 /**
  * Manual trigger rules API fetch. Fetches a list of manually triggered rules according to the context provided
- * in env, and query.
- * @param env - The environment to look up rules against
+ * in query.
+ * @param site - the site ARI to fetch the rules against
  * @param query - the workspace/container/objects to fetch rules against
  */
 export var searchManuallyTriggeredRules = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(env, site, query) {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(site, query) {
     var url, response;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.next = 2;
-          return getSearchUrl(env, site);
+          return getSearchUrl(site);
         case 2:
           url = _context.sent;
           _context.next = 5;
@@ -27,7 +27,7 @@ export var searchManuallyTriggeredRules = /*#__PURE__*/function () {
           });
         case 5:
           response = _context.sent;
-          return _context.abrupt("return", response.reduce(function (acc, _ref2) {
+          return _context.abrupt("return", response.data.reduce(function (acc, _ref2) {
             var id = _ref2.id,
               name = _ref2.name,
               ruleScope = _ref2.ruleScope,
@@ -45,27 +45,26 @@ export var searchManuallyTriggeredRules = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function searchManuallyTriggeredRules(_x, _x2, _x3) {
+  return function searchManuallyTriggeredRules(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();
 
 /**
  * Invoke a manually triggered rule via the API.
- * @param env - the environment to use when invoking the rule
  * @param cloudId - the site the rule belongs to
  * @param ruleId - the identifier of the rule you want to invoke
  * @param objects - the list of objects you wish to create an automation event for.
  * @param userInputs - the optional user inputs if this manual trigger requires them
  */
 export var invokeManuallyTriggeredRule = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(env, site, ruleId, objects, userInputs) {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(site, ruleId, objects, userInputs) {
     var url, bodyRaw;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.next = 2;
-          return getInvocationUrl(env, site, ruleId);
+          return getInvocationUrl(site, ruleId);
         case 2:
           url = _context2.sent;
           bodyRaw = {
@@ -83,7 +82,7 @@ export var invokeManuallyTriggeredRule = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-  return function invokeManuallyTriggeredRule(_x4, _x5, _x6, _x7, _x8) {
+  return function invokeManuallyTriggeredRule(_x3, _x4, _x5, _x6) {
     return _ref3.apply(this, arguments);
   };
 }();

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/main.js

@@ -7,8 +7,7 @@ import { AutomationModalBody } from './sub-components/body';
 import { AutomationModalFooter } from './sub-components/footer';
 import { AutomationModalHeader } from './sub-components/header';
 export var AutomationModal = function AutomationModal(_ref) {
-  var environment = _ref.environment,
-    baseAutomationUrl = _ref.baseAutomationUrl,
+  var baseAutomationUrl = _ref.baseAutomationUrl,
     siteAri = _ref.siteAri,
     objectAri = _ref.objectAri,
     canManageAutomation = _ref.canManageAutomation,
@@ -34,7 +33,6 @@ export var AutomationModal = function AutomationModal(_ref) {
     }).fire();
   }, [createAnalyticsEvent, analyticsSource]);
   return /*#__PURE__*/React.createElement(AutomationMenuContextContainer, {
-    environment: environment,
     baseAutomationUrl: baseAutomationUrl,
     objectAri: objectAri,
     siteAri: siteAri,

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/main.js

@@ -24,8 +24,7 @@ export var useAutomationMenu = function useAutomationMenu() {
   return context;
 };
 export var AutomationMenuContextContainer = function AutomationMenuContextContainer(_ref2) {
-  var environment = _ref2.environment,
-    baseAutomationUrl = _ref2.baseAutomationUrl,
+  var baseAutomationUrl = _ref2.baseAutomationUrl,
     analyticsSource = _ref2.analyticsSource,
     objectAri = _ref2.objectAri,
     siteAri = _ref2.siteAri,
@@ -37,7 +36,6 @@ export var AutomationMenuContextContainer = function AutomationMenuContextContai
     onRuleInvocationFailure = _ref2.onRuleInvocationFailure,
     onRuleInvocationLifecycleDone = _ref2.onRuleInvocationLifecycleDone;
   return /*#__PURE__*/React.createElement(ManualRulesContainer, {
-    env: environment,
     site: siteAri,
     query: {
       objects: [objectAri]

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

@@ -7,7 +7,6 @@ import Action from '../action';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
 var AutomationModal = /*#__PURE__*/lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_smart-card-automation-modal" */'./automation-manual-triggers/manual-triggers-modal');
 });
@@ -18,16 +17,13 @@ var handleAutomationActionClose = function handleAutomationActionClose(setIsModa
   setIsModalOpen(false);
 };
 var AutomationAction = function AutomationAction(props) {
-  var _ref, _context$actions;
+  var _context$actions;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isModalOpen = _useState2[0],
     setIsModalOpen = _useState2[1];
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var smartLinkContext = useSmartLinkContext();
-  var connections = smartLinkContext.connections;
-  var environment = (_ref = connections.client.envKey) !== null && _ref !== void 0 ? _ref : 'prod';
   var context = useFlexibleUiContext();
   var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.AutomationAction];
   if (!automationActionData) {
@@ -71,7 +67,6 @@ var AutomationAction = function AutomationAction(props) {
   React.createElement(Suspense, {
     fallback: false
   }, /*#__PURE__*/React.createElement(AutomationModal, {
-    environment: environment,
     baseAutomationUrl: baseAutomationUrl,
     objectAri: objectAri,
     siteAri: siteAri,

package/dist/esm/view/FlexibleCard/components/actions/follow-action/unfollow-icon/index.js

@@ -7,7 +7,9 @@ var UnfollowGlyph = function UnfollowGlyph(props) {
     height: "16",
     viewBox: "0 0 16 16",
     "data-testid": props['data-testid'],
-    "aria-label": props['aria-label'],
+    "aria-label": props['aria-label']
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: props.className,
     role: "presentation",
     xmlns: "http://www.w3.org/2000/svg"

package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js

@@ -123,7 +123,9 @@ var ActionGroup = function ActionGroup(_ref) {
     return null;
   }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum]);
   return renderableActionItems.length > 0 ? jsx("div", {
-    css: styles,
+    css: styles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "actions-button-group",
     "data-action-open": isOpen
   }, jsx(ButtonGroup, null, actionButtons, moreActionDropdown)) : null;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -62,6 +62,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     direction: SmartLinkDirection.Horizontal,
     align: SmartLinkAlignment.Right
   }, jsx("span", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: hasAction ? 'has-action' : '',
     css: getMessageStyles(size, hasAction),
     onClick: onClick,

package/dist/esm/view/FlexibleCard/components/common/motion-wrapper/index.js

@@ -30,13 +30,16 @@ export var MotionWrapper = function MotionWrapper(_ref) {
     style: {
       height: height,
       minHeight: minHeight,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       lineHeight: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       overflow: 'hidden',
       // a fit for purpose state variable to control when the 'visible' styles should be appled
       opacity: height > 0 ? 1 : 0,
       // we only want to transition opacity and height when the error message is initially shown
       // not if its to be shown on mount
       transitionProperty: showTransition ? transition : 'none',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       transitionDuration: '0.3s'
     },
     ref: ref

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

@@ -48,6 +48,7 @@ var LayeredLink = function LayeredLink(_ref) {
     url = _ref.url;
   var onMouseDown = useMouseDownEvent();
   return jsx("a", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "layered-link",
     css: styles,
     "data-testid": "".concat(testId, "-layered-link"),

package/dist/esm/view/FlexibleCard/components/elements/lozenge/index.js

@@ -36,7 +36,9 @@ var Lozenge = function Lozenge(_ref) {
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
   }) : jsx(AtlaskitLozenge, {
-    appearance: appearance,
+    appearance: appearance
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style,
     testId: "".concat(testId, "-lozenge")
   }, text);

package/dist/esm/view/HoverCard/components/ContentContainer.js

@@ -48,6 +48,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
     setShowPrism(status === 'loading');
   }, [status]);
   var container = jsx("div", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: hoverCardClassName,
     css: [HoverCardContainer, !isAIEnabled ? popupContainerStyles : undefined],
     "data-testid": testId
@@ -72,6 +73,7 @@ var ContentContainer = function ContentContainer(_ref2) {
     }, props), children);
   }
   return jsx("div", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: hoverCardClassName,
     css: HoverCardContainer,
     "data-testid": testId

package/dist/esm/view/InlineCard/Frame/index.js

@@ -42,7 +42,9 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     onClick: handleClick,
     onMouseDown: handleMouseDown,
     onKeyPress: handleKeyPress,
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     ref: ref,
     isHovered: isHovered

package/dist/esm/view/InlineCard/Icon.js

@@ -42,7 +42,9 @@ export var Shimmer = function Shimmer(_ref) {
     width: 14,
     height: 14,
     borderRadius: 2,
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: skeletonCustomStyles
   });
 };

package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js

@@ -67,7 +67,9 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       }
       return /*#__PURE__*/React.createElement(ImageLoader, {
         src: url,
-        loaded: /*#__PURE__*/React.createElement(Icon, {
+        loaded: /*#__PURE__*/React.createElement(Icon
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
           className: "smart-link-icon",
           src: url,
           "data-testid": "".concat(testId, "-image")
@@ -118,22 +120,30 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
         rightSide = _this$props2.rightSide,
         _this$props2$testId = _this$props2.testId,
         testId = _this$props2$testId === void 0 ? 'inline-card-icon-and-title' : _this$props2$testId;
-      var titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper, {
+      var titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      , {
         style: {
           color: titleTextColor
-        },
+        }
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: TitleWrapperClassName
       }, title));
-      return /*#__PURE__*/React.createElement(IconTitleWrapper, {
-        style: {
-          color: titleColor
-        },
-        "data-testid": testId
-      }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
-        href: link,
-        onClick: this.handleClick,
-        onKeyPress: this.handleKeyPress
-      }, titlePart) : titlePart, rightSide ? /*#__PURE__*/React.createElement(NoLinkAppearance, null, rightSide) : null);
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        React.createElement(IconTitleWrapper, {
+          style: {
+            color: titleColor
+          },
+          "data-testid": testId
+        }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
+          href: link,
+          onClick: this.handleClick,
+          onKeyPress: this.handleKeyPress
+        }, titlePart) : titlePart, rightSide ? /*#__PURE__*/React.createElement(NoLinkAppearance, null, rightSide) : null)
+      );
     }
   }]);
   return IconAndTitleLayout;