@atlaskit/link-datasource 4.6.1 → 4.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 4.7.0
+
+### Minor Changes
+
+- [#144089](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144089)
+  [`fc6dee851ba2a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fc6dee851ba2a) -
+  [ux] Behind fg `platform-linking-visual-refresh-sllv` - Updates styles for modal footer
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.6.1
 
 ### Patch Changes

package/dist/cjs/ui/common/modal/search-count/index.js

@@ -9,6 +9,7 @@ exports.default = exports.AssetsItemCount = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
@@ -18,11 +19,14 @@ var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../../../table-footer/messages");
 var _messages2 = require("./messages");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var styles = {
   searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
 };
 var ItemCountWrapper = function ItemCountWrapper(_ref) {
   var url = _ref.url,
+    additionalStyles = _ref.styles,
     children = _ref.children,
     testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
@@ -35,10 +39,10 @@ var ItemCountWrapper = function ItemCountWrapper(_ref) {
     testId: "item-count-url"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
+    style: _objectSpread({
       color: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? "var(--ds-text-subtlest, #626F86)" : "var(--ds-text-accent-gray, ".concat(_colors.N800, ")"),
       textDecoration: !url ? 'none' : ''
-    }
+    }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') && additionalStyles)
   }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? children : /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "xxsmall"
   }, children)));
@@ -64,6 +68,7 @@ var AssetsItemCount = exports.AssetsItemCount = function AssetsItemCount(_ref2)
 var TableSearchCount = function TableSearchCount(_ref3) {
   var url = _ref3.url,
     searchCount = _ref3.searchCount,
+    additionalStyles = _ref3.styles,
     _ref3$testId = _ref3.testId,
     testId = _ref3$testId === void 0 ? 'datasource-table-total-results-count' : _ref3$testId,
     _ref3$prefixTextType = _ref3.prefixTextType,
@@ -72,7 +77,8 @@ var TableSearchCount = function TableSearchCount(_ref3) {
   var messageKey = isIssue && (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? 'issueCountTextIssueTermRefresh' : "".concat(prefixTextType, "CountText");
   return /*#__PURE__*/_react.default.createElement(ItemCountWrapper, {
     testId: testId,
-    url: url
+    url: url,
+    styles: additionalStyles
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages2.searchCountMessages[messageKey], {
     values: {
       searchCount: searchCount

package/dist/cjs/ui/confluence-search-modal/modal/index.js

@@ -362,7 +362,11 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     searchCount: totalCount,
     url: confluenceSearchUrl,
     prefixTextType: "result",
-    testId: "confluence-search-datasource-modal-total-results-count"
+    testId: "confluence-search-datasource-modal-total-results-count",
+    styles: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? {
+      color: "var(--ds-text, #172B4D)",
+      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+    } : undefined
   }), /*#__PURE__*/_react.default.createElement(_cancelButton.CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getButtonAnalyticsPayload,

package/dist/cjs/ui/jira-issues-modal/modal/index.js

@@ -414,7 +414,11 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     searchCount: totalCount,
     url: jqlUrl,
     prefixTextType: "issue",
-    testId: "jira-datasource-modal-total-issues-count"
+    testId: "jira-datasource-modal-total-issues-count",
+    styles: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? {
+      color: "var(--ds-text, #172B4D)",
+      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+    } : undefined
   }), /*#__PURE__*/_react.default.createElement(_cancelButton.CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getCancelButtonAnalyticsPayload,

package/dist/es2019/ui/common/modal/search-count/index.js

@@ -16,6 +16,7 @@ const styles = {
 };
 const ItemCountWrapper = ({
   url,
+  styles: additionalStyles,
   children,
   testId
 }) => /*#__PURE__*/React.createElement(Flex, {
@@ -30,7 +31,9 @@ const ItemCountWrapper = ({
   ,
   style: {
     color: fg('platform-linking-visual-refresh-sllv') ? "var(--ds-text-subtlest, #626F86)" : `var(--ds-text-accent-gray, ${N800})`,
-    textDecoration: !url ? 'none' : ''
+    textDecoration: !url ? 'none' : '',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ...(fg('platform-linking-visual-refresh-sllv') && additionalStyles)
   }
 }, fg('platform-linking-visual-refresh-sllv') ? children : /*#__PURE__*/React.createElement(Heading, {
   size: "xxsmall"
@@ -57,6 +60,7 @@ export const AssetsItemCount = ({
 const TableSearchCount = ({
   url,
   searchCount,
+  styles: additionalStyles,
   testId = 'datasource-table-total-results-count',
   prefixTextType = 'issue'
 }) => {
@@ -64,7 +68,8 @@ const TableSearchCount = ({
   const messageKey = isIssue && fg('confluence-issue-terminology-refresh') ? 'issueCountTextIssueTermRefresh' : `${prefixTextType}CountText`;
   return /*#__PURE__*/React.createElement(ItemCountWrapper, {
     testId: testId,
-    url: url
+    url: url,
+    styles: additionalStyles
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, searchCountMessages[messageKey], {
     values: {
       searchCount

package/dist/es2019/ui/confluence-search-modal/modal/index.js

@@ -343,7 +343,11 @@ export const PlainConfluenceSearchConfigModal = props => {
     searchCount: totalCount,
     url: confluenceSearchUrl,
     prefixTextType: "result",
-    testId: "confluence-search-datasource-modal-total-results-count"
+    testId: "confluence-search-datasource-modal-total-results-count",
+    styles: fg('platform-linking-visual-refresh-sllv') ? {
+      color: "var(--ds-text, #172B4D)",
+      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+    } : undefined
   }), /*#__PURE__*/React.createElement(CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getButtonAnalyticsPayload,

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -396,7 +396,11 @@ const PlainJiraIssuesConfigModal = props => {
     searchCount: totalCount,
     url: jqlUrl,
     prefixTextType: "issue",
-    testId: "jira-datasource-modal-total-issues-count"
+    testId: "jira-datasource-modal-total-issues-count",
+    styles: fg('platform-linking-visual-refresh-sllv') ? {
+      color: "var(--ds-text, #172B4D)",
+      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+    } : undefined
   }), /*#__PURE__*/React.createElement(CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getCancelButtonAnalyticsPayload,

package/dist/esm/ui/common/modal/search-count/index.js

@@ -1,7 +1,10 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+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 React from 'react';
 import { FormattedMessage, FormattedNumber } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
@@ -16,6 +19,7 @@ var styles = {
 };
 var ItemCountWrapper = function ItemCountWrapper(_ref) {
   var url = _ref.url,
+    additionalStyles = _ref.styles,
     children = _ref.children,
     testId = _ref.testId;
   return /*#__PURE__*/React.createElement(Flex, {
@@ -28,10 +32,10 @@ var ItemCountWrapper = function ItemCountWrapper(_ref) {
     testId: "item-count-url"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
+    style: _objectSpread({
       color: fg('platform-linking-visual-refresh-sllv') ? "var(--ds-text-subtlest, #626F86)" : "var(--ds-text-accent-gray, ".concat(N800, ")"),
       textDecoration: !url ? 'none' : ''
-    }
+    }, fg('platform-linking-visual-refresh-sllv') && additionalStyles)
   }, fg('platform-linking-visual-refresh-sllv') ? children : /*#__PURE__*/React.createElement(Heading, {
     size: "xxsmall"
   }, children)));
@@ -57,6 +61,7 @@ export var AssetsItemCount = function AssetsItemCount(_ref2) {
 var TableSearchCount = function TableSearchCount(_ref3) {
   var url = _ref3.url,
     searchCount = _ref3.searchCount,
+    additionalStyles = _ref3.styles,
     _ref3$testId = _ref3.testId,
     testId = _ref3$testId === void 0 ? 'datasource-table-total-results-count' : _ref3$testId,
     _ref3$prefixTextType = _ref3.prefixTextType,
@@ -65,7 +70,8 @@ var TableSearchCount = function TableSearchCount(_ref3) {
   var messageKey = isIssue && fg('confluence-issue-terminology-refresh') ? 'issueCountTextIssueTermRefresh' : "".concat(prefixTextType, "CountText");
   return /*#__PURE__*/React.createElement(ItemCountWrapper, {
     testId: testId,
-    url: url
+    url: url,
+    styles: additionalStyles
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, searchCountMessages[messageKey], {
     values: {
       searchCount: searchCount

package/dist/esm/ui/confluence-search-modal/modal/index.js

@@ -353,7 +353,11 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     searchCount: totalCount,
     url: confluenceSearchUrl,
     prefixTextType: "result",
-    testId: "confluence-search-datasource-modal-total-results-count"
+    testId: "confluence-search-datasource-modal-total-results-count",
+    styles: fg('platform-linking-visual-refresh-sllv') ? {
+      color: "var(--ds-text, #172B4D)",
+      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+    } : undefined
   }), /*#__PURE__*/React.createElement(CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getButtonAnalyticsPayload,

package/dist/esm/ui/jira-issues-modal/modal/index.js

@@ -406,7 +406,11 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     searchCount: totalCount,
     url: jqlUrl,
     prefixTextType: "issue",
-    testId: "jira-datasource-modal-total-issues-count"
+    testId: "jira-datasource-modal-total-issues-count",
+    styles: fg('platform-linking-visual-refresh-sllv') ? {
+      color: "var(--ds-text, #172B4D)",
+      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+    } : undefined
   }), /*#__PURE__*/React.createElement(CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getCancelButtonAnalyticsPayload,

package/dist/types/ui/common/modal/search-count/index.d.ts

@@ -4,7 +4,12 @@ interface TableSearchCountProps {
     prefixTextType: 'issue' | 'result' | 'item';
     searchCount: number;
     testId?: string;
+    /**
+     * This attribute is only consumed when the fg
+     * `platform-linking-visual-refresh-sllv` is enabled.
+     */
+    styles?: React.CSSProperties;
 }
 export declare const AssetsItemCount: ({ searchCount, url, testId, }: Pick<TableSearchCountProps, 'testId' | 'url' | 'searchCount'>) => React.JSX.Element;
-declare const TableSearchCount: ({ url, searchCount, testId, prefixTextType, }: TableSearchCountProps) => React.JSX.Element;
+declare const TableSearchCount: ({ url, searchCount, styles: additionalStyles, testId, prefixTextType, }: TableSearchCountProps) => React.JSX.Element;
 export default TableSearchCount;

package/dist/types-ts4.5/ui/common/modal/search-count/index.d.ts

@@ -4,7 +4,12 @@ interface TableSearchCountProps {
     prefixTextType: 'issue' | 'result' | 'item';
     searchCount: number;
     testId?: string;
+    /**
+     * This attribute is only consumed when the fg
+     * `platform-linking-visual-refresh-sllv` is enabled.
+     */
+    styles?: React.CSSProperties;
 }
 export declare const AssetsItemCount: ({ searchCount, url, testId, }: Pick<TableSearchCountProps, 'testId' | 'url' | 'searchCount'>) => React.JSX.Element;
-declare const TableSearchCount: ({ url, searchCount, testId, prefixTextType, }: TableSearchCountProps) => React.JSX.Element;
+declare const TableSearchCount: ({ url, searchCount, styles: additionalStyles, testId, prefixTextType, }: TableSearchCountProps) => React.JSX.Element;
 export default TableSearchCount;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "4.6.1",
+	"version": "4.7.0",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -78,7 +78,7 @@
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/react-select": "^2.4.0",
 		"@atlaskit/select": "^20.4.0",
-		"@atlaskit/smart-card": "^36.9.0",
+		"@atlaskit/smart-card": "^36.10.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tag": "^14.0.0",