@atlaskit/smart-card 27.6.2 → 27.6.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 27.6.4
+
+### Patch Changes
+
+- [#112182](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112182)
+  [`474de215aa66e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/474de215aa66e) -
+  Moving fix for using select all shortcut inside a database or other embed card into the card
+  itself to fix selection issues with embed card.
+- Updated dependencies
+
+## 27.6.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.6.2
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.6.2"
+  packageVersion: "27.6.4"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -83,6 +83,11 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
       removeOverflow: isFixEmbedCardBlurEnabled,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
+      // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
+      // See: HOT-107830
+      ,
+      contentEditable: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.card.fix-embed-card-select-all') ? 'false' : 'inherit',
+      suppressContentEditableWarning: true
     }, children);
   };
   if (!isPlaceholder && href) {

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -119,7 +119,7 @@ csssize(16),
 function (_ref9) {
   var isPlaceholder = _ref9.isPlaceholder;
   if (isPlaceholder) {
-    return "\n// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766\n      background-color: ".concat("var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
+    return "\n\t\t\t".concat("\n      background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
   } else {
     return '';
   }
@@ -133,7 +133,7 @@ var TextWrapper = exports.TextWrapper = _styled.default.div(
 function (_ref10) {
   var isPlaceholder = _ref10.isPlaceholder;
   if (isPlaceholder) {
-    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
+    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n", "\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
   } else {
     return '';
   }

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

@@ -90,7 +90,7 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
         xcss: (0, _primitives.xcss)({
           paddingInline: padding

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -36,7 +36,10 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   }, [isOpen]);
   var ChevronComponent = isOpen ? _chevronUp.default : _chevronDown.default;
   var intl = (0, _reactIntlNext.useIntl)();
-  return resolvedResults.length > 0 ? /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  return resolvedResults.length > 0 ?
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  _react.default.createElement(_primitives.Stack, {
     testId: testId,
     xcss: (0, _primitives.xcss)({
       width: '100%'

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -28,7 +28,9 @@ var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
   return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
     space: "space.050",
     testId: "".concat(testId, "-items-wrapper"),
-    as: "ul",
+    as: "ul"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: (0, _primitives.xcss)({
       paddingLeft: 'space.0',
       marginTop: 'space.0'

package/dist/cjs/view/LinkUrl/index.js

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.6.2",
+  packageVersion: "27.6.4",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/RelatedLinksModal/components/related-links-list/index.js

@@ -21,7 +21,9 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
   return (0, _react.jsx)(_primitives.Stack, {
     testId: testId
   }, (0, _react.jsx)(_primitives.Box, {
-    paddingBlockStart: "space.050",
+    paddingBlockStart: "space.050"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: (0, _primitives.xcss)({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
       textTransform: 'uppercase'
@@ -33,7 +35,9 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
       url: url,
       testId: "".concat(testId, "-item-").concat(idx)
     }));
-  })), urls.length === 0 && (0, _react.jsx)(_primitives.Box, {
+  })), urls.length === 0 &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react.jsx)(_primitives.Box, {
     paddingBlock: "space.100",
     xcss: (0, _primitives.xcss)({
       font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.6.2"
+  packageVersion: "27.6.4"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js

@@ -62,6 +62,11 @@ export const ExpandedFrame = ({
     removeOverflow: isFixEmbedCardBlurEnabled,
     isInteractive: isInteractive(),
     frameStyle: frameStyle
+    // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
+    // See: HOT-107830
+    ,
+    contentEditable: getBooleanFF('platform.editor.card.fix-embed-card-select-all') ? 'false' : 'inherit',
+    suppressContentEditableWarning: true
   }, children);
   if (!isPlaceholder && href) {
     return /*#__PURE__*/React.createElement(LinkWrapper

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -184,7 +184,7 @@ csssize(16),
 }) => {
   if (isPlaceholder) {
     return `
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+			${/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766 */''}
       background-color: ${`var(--ds-skeleton, ${colors.N30})`};
     `;
   } else {
@@ -205,7 +205,7 @@ export const TextWrapper = styled.div(
         ${borderRadius}
         width: 125px;
         height: 12px;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+${/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766 */''}
         background-color: ${`var(--ds-skeleton, ${colors.N30})`};
       `;
   } else {

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/index.js

@@ -70,7 +70,7 @@ const ActionBlock = ({
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
         xcss: xcss({
           paddingInline: padding

package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -20,7 +20,10 @@ const RelatedUrlList = ({
   const chevronClickHandler = useCallback(() => setIsOpen(!isOpen), [isOpen]);
   const ChevronComponent = isOpen ? ChevronUpIcon : ChevronDownIcon;
   const intl = useIntl();
-  return resolvedResults.length > 0 ? /*#__PURE__*/React.createElement(Stack, {
+  return resolvedResults.length > 0 ?
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  React.createElement(Stack, {
     testId: testId,
     xcss: xcss({
       width: '100%'

package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -20,7 +20,9 @@ const ResolvedResultsStack = ({
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.050",
     testId: `${testId}-items-wrapper`,
-    as: "ul",
+    as: "ul"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: xcss({
       paddingLeft: 'space.0',
       marginTop: 'space.0'

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.6.2",
+  packageVersion: "27.6.4",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/RelatedLinksModal/components/related-links-list/index.js

@@ -14,7 +14,9 @@ const RelatedLinksList = ({
   return jsx(Stack, {
     testId: testId
   }, jsx(Box, {
-    paddingBlockStart: "space.050",
+    paddingBlockStart: "space.050"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: xcss({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
       textTransform: 'uppercase'
@@ -24,7 +26,9 @@ const RelatedLinksList = ({
   }, jsx(RelatedLinkItem, {
     url: url,
     testId: `${testId}-item-${idx}`
-  })))), urls.length === 0 && jsx(Box, {
+  })))), urls.length === 0 &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  jsx(Box, {
     paddingBlock: "space.100",
     xcss: xcss({
       font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.6.2"
+  packageVersion: "27.6.4"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -76,6 +76,11 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       removeOverflow: isFixEmbedCardBlurEnabled,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
+      // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
+      // See: HOT-107830
+      ,
+      contentEditable: getBooleanFF('platform.editor.card.fix-embed-card-select-all') ? 'false' : 'inherit',
+      suppressContentEditableWarning: true
     }, children);
   };
   if (!isPlaceholder && href) {

package/dist/esm/view/EmbedCard/components/styled.js

@@ -110,7 +110,7 @@ csssize(16),
 function (_ref9) {
   var isPlaceholder = _ref9.isPlaceholder;
   if (isPlaceholder) {
-    return "\n// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766\n      background-color: ".concat("var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
+    return "\n\t\t\t".concat("\n      background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
   } else {
     return '';
   }
@@ -124,7 +124,7 @@ export var TextWrapper = styled.div(
 function (_ref10) {
   var isPlaceholder = _ref10.isPlaceholder;
   if (isPlaceholder) {
-    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
+    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n", "\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
   } else {
     return '';
   }

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

@@ -79,7 +79,7 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
         xcss: xcss({
           paddingInline: padding

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -25,7 +25,10 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   }, [isOpen]);
   var ChevronComponent = isOpen ? ChevronUpIcon : ChevronDownIcon;
   var intl = useIntl();
-  return resolvedResults.length > 0 ? /*#__PURE__*/React.createElement(Stack, {
+  return resolvedResults.length > 0 ?
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  React.createElement(Stack, {
     testId: testId,
     xcss: xcss({
       width: '100%'

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -18,7 +18,9 @@ var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.050",
     testId: "".concat(testId, "-items-wrapper"),
-    as: "ul",
+    as: "ul"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: xcss({
       paddingLeft: 'space.0',
       marginTop: 'space.0'

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.6.2",
+  packageVersion: "27.6.4",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RelatedLinksModal/components/related-links-list/index.js

@@ -13,7 +13,9 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
   return jsx(Stack, {
     testId: testId
   }, jsx(Box, {
-    paddingBlockStart: "space.050",
+    paddingBlockStart: "space.050"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: xcss({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
       textTransform: 'uppercase'
@@ -25,7 +27,9 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
       url: url,
       testId: "".concat(testId, "-item-").concat(idx)
     }));
-  })), urls.length === 0 && jsx(Box, {
+  })), urls.length === 0 &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  jsx(Box, {
     paddingBlock: "space.100",
     xcss: xcss({
       font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "27.6.2",
+	"version": "27.6.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,9 +31,9 @@
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/avatar": "^21.10.0",
-		"@atlaskit/avatar-group": "^9.7.0",
+		"@atlaskit/avatar-group": "^9.8.0",
 		"@atlaskit/badge": "^16.2.0",
-		"@atlaskit/button": "^17.19.0",
+		"@atlaskit/button": "^17.23.0",
 		"@atlaskit/checkbox": "^13.5.0",
 		"@atlaskit/dropdown-menu": "^12.13.0",
 		"@atlaskit/form": "^10.4.0",
@@ -55,14 +55,14 @@
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^0.2.1",
 		"@atlaskit/popup": "^1.19.0",
-		"@atlaskit/primitives": "^7.4.0",
+		"@atlaskit/primitives": "^8.0.0",
 		"@atlaskit/section-message": "^6.5.0",
 		"@atlaskit/select": "^17.11.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/textarea": "^5.5.0",
 		"@atlaskit/textfield": "^6.4.0",
-		"@atlaskit/theme": "^12.10.0",
-		"@atlaskit/tokens": "^1.51.0",
+		"@atlaskit/theme": "^12.11.0",
+		"@atlaskit/tokens": "^1.52.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/ufo": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
@@ -187,6 +187,9 @@
 		},
 		"platform.linking-platform.smart-card.enable-view-related-urls-action": {
 			"type": "boolean"
+		},
+		"platform.editor.card.fix-embed-card-select-all": {
+			"type": "boolean"
 		}
 	}
 }