@atlaskit/link-datasource 3.21.5 → 3.22.1

package/dist/esm/ui/table-footer/powered-by-jsm-assets/index.js

@@ -3,6 +3,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { JiraServiceManagementIcon } from '@atlaskit/logo';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 var styles = {
@@ -11,6 +12,7 @@ var styles = {
 };
 export var PoweredByJSMAssets = function PoweredByJSMAssets(props) {
   var ASSETS_LINK = '/jira/servicedesk/assets';
+  var ASSETS_APP_LINK = '/jira/assets';
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   return /*#__PURE__*/React.createElement(Box, {
@@ -24,7 +26,7 @@ export var PoweredByJSMAssets = function PoweredByJSMAssets(props) {
         extensionKey: 'jsm-cmdb-gateway'
       });
     },
-    href: ASSETS_LINK,
+    href: fg('assets_as_an_app_v2') ? ASSETS_APP_LINK : ASSETS_LINK,
     rel: "noreferrer",
     target: "_blank",
     style: {
@@ -33,7 +35,7 @@ export var PoweredByJSMAssets = function PoweredByJSMAssets(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       alignItems: 'center'
     }
-  }, /*#__PURE__*/React.createElement(JiraServiceManagementIcon, {
+  }, fg('assets_as_an_app_v2') ? /*#__PURE__*/React.createElement(AssetsIcon, null) : /*#__PURE__*/React.createElement(JiraServiceManagementIcon, {
     size: "xsmall",
     appearance: "brand",
     label: props.text
@@ -45,4 +47,57 @@ export var PoweredByJSMAssets = function PoweredByJSMAssets(props) {
       fontSize: 'small'
     }
   }, props.text)));
+};
+
+// TODO: JDW-5554 use the AssetsIcon from @atlaskit/temp-nav-app-icons once it becomes a public package
+var AssetsIcon = function AssetsIcon() {
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    React.createElement("span", {
+      style: {
+        display: 'flex'
+      },
+      role: "img",
+      "aria-label": "Assets icon"
+    }, /*#__PURE__*/React.createElement("svg", {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M0 6C0 2.68629 2.68629 0 6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6Z",
+      fill: "#1868DB"
+    }), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#clip0_2912_2)"
+    }, /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8.50003 11.5354C10.0832 11.338 11.338 10.0832 11.5355 8.5H13.75V6.75H11.3081C10.7889 5.46732 9.53138 4.5625 8.06253 4.5625C6.12953 4.5625 4.56253 6.1295 4.56253 8.0625C4.56253 9.53135 5.46735 10.7889 6.75003 11.3081L6.75003 13.75H8.50003V11.5354ZM8.06253 9.375C8.7874 9.375 9.37503 8.78737 9.37503 8.0625C9.37503 7.33763 8.7874 6.75 8.06253 6.75C7.33766 6.75 6.75003 7.33763 6.75003 8.0625C6.75003 8.78737 7.33766 9.375 8.06253 9.375Z",
+      fill: "white"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M19 7.625C19 8.83312 18.0207 9.8125 16.8125 9.8125C15.6044 9.8125 14.625 8.83312 14.625 7.625C14.625 6.41688 15.6044 5.4375 16.8125 5.4375C18.0207 5.4375 19 6.41688 19 7.625Z",
+      fill: "white"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M7.62503 19C8.83315 19 9.81253 18.0206 9.81253 16.8125C9.81253 15.6044 8.83315 14.625 7.62503 14.625C6.41691 14.625 5.43753 15.6044 5.43753 16.8125C5.43753 18.0206 6.41691 19 7.62503 19Z",
+      fill: "white"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M16.8125 19C18.0207 19 19 18.0206 19 16.8125C19 15.6044 18.0207 14.625 16.8125 14.625C15.6044 14.625 14.625 15.6044 14.625 16.8125C14.625 18.0206 15.6044 19 16.8125 19Z",
+      fill: "white"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M13.75 15.9375H10.6875V17.6875H13.75V15.9375Z",
+      fill: "white"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M15.9375 10.6875V13.75H17.6875V10.6875H15.9375Z",
+      fill: "white"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "clip0_2912_2"
+    }, /*#__PURE__*/React.createElement("rect", {
+      width: "21",
+      height: "21",
+      fill: "white",
+      transform: "translate(1.5 1.5)"
+    })))))
+  );
 };

package/dist/esm/ui/table-footer/table-footer-old.js

@@ -12,6 +12,7 @@ import styled from '@emotion/styled';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import RefreshIcon from '@atlaskit/icon/core/migration/refresh';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives';
 import { N0, N40 } from '@atlaskit/theme/colors';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../assets-modal';
@@ -48,7 +49,7 @@ var SyncWrapper = styled.div({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SyncTextWrapper = styled.div({
   marginRight: "var(--ds-space-075, 6px)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 export var TableFooterOld = function TableFooterOld(_ref) {
   var datasourceId = _ref.datasourceId,
@@ -82,7 +83,7 @@ export var TableFooterOld = function TableFooterOld(_ref) {
     prefixTextType: "item",
     testId: "item-count"
   })), datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? jsx(PoweredByJSMAssets, {
-    text: intl.formatMessage(footerMessages.powerByJSM)
+    text: intl.formatMessage(fg('assets_as_an_app_v2') ? footerMessages.poweredByAssets : footerMessages.powerByJSM)
   }) : null, jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
     "data-testid": "sync-text"
   }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {

package/dist/types/ui/issue-like-table/shared-components/icon/icon-old.d.ts

@@ -19,5 +19,5 @@ interface SharedIconComponentProps {
  * Renders a icon and text label.
  * If the text is undefined, will not render the text label.
  */
-export declare function SharedIconComponentOld({ iconUrl, label, text, testId }: SharedIconComponentProps): React.JSX.Element;
+export declare function SharedIconComponentOld({ iconUrl, label, text, testId, }: SharedIconComponentProps): React.JSX.Element;
 export {};

package/dist/types/ui/issue-like-table/shared-components/icon/index.d.ts

@@ -19,6 +19,6 @@ interface SharedIconComponentProps {
  * Renders a icon and text label.
  * If the text is undefined, will not render the text label.
  */
-export declare function SharedIconComponentNew({ iconUrl, label, text, testId }: SharedIconComponentProps): React.JSX.Element;
+export declare function SharedIconComponentNew({ iconUrl, label, text, testId, }: SharedIconComponentProps): React.JSX.Element;
 export declare function SharedIconComponent(props: SharedIconComponentProps): React.JSX.Element;
 export {};

package/dist/types/ui/table-footer/messages.d.ts

@@ -19,4 +19,9 @@ export declare const footerMessages: {
         description: string;
         defaultMessage: string;
     };
+    poweredByAssets: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

package/dist/types-ts4.5/ui/issue-like-table/shared-components/icon/icon-old.d.ts

@@ -19,5 +19,5 @@ interface SharedIconComponentProps {
  * Renders a icon and text label.
  * If the text is undefined, will not render the text label.
  */
-export declare function SharedIconComponentOld({ iconUrl, label, text, testId }: SharedIconComponentProps): React.JSX.Element;
+export declare function SharedIconComponentOld({ iconUrl, label, text, testId, }: SharedIconComponentProps): React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/issue-like-table/shared-components/icon/index.d.ts

@@ -19,6 +19,6 @@ interface SharedIconComponentProps {
  * Renders a icon and text label.
  * If the text is undefined, will not render the text label.
  */
-export declare function SharedIconComponentNew({ iconUrl, label, text, testId }: SharedIconComponentProps): React.JSX.Element;
+export declare function SharedIconComponentNew({ iconUrl, label, text, testId, }: SharedIconComponentProps): React.JSX.Element;
 export declare function SharedIconComponent(props: SharedIconComponentProps): React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/table-footer/messages.d.ts

@@ -19,4 +19,9 @@ export declare const footerMessages: {
         description: string;
         defaultMessage: string;
     };
+    poweredByAssets: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.21.5",
+	"version": "3.22.1",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,12 +37,12 @@
 		"ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.{svg,png}"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^47.2.1",
+		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/atlassian-context": "^0.2.0",
 		"@atlaskit/avatar": "^24.0.0",
 		"@atlaskit/avatar-group": "^12.0.0",
-		"@atlaskit/badge": "^18.0.0",
+		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^21.1.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/datetime-picker": "^16.0.0",
@@ -65,7 +65,7 @@
 		"@atlaskit/linking-common": "^8.0.0",
 		"@atlaskit/linking-types": "^9.6.0",
 		"@atlaskit/logo": "^16.0.0",
-		"@atlaskit/lozenge": "^12.0.0",
+		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/modal-dialog": "^13.0.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.5",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -77,13 +77,13 @@
 		"@atlaskit/primitives": "^14.1.0",
 		"@atlaskit/react-select": "^2.0.0",
 		"@atlaskit/select": "^20.0.0",
-		"@atlaskit/smart-card": "^35.1.0",
+		"@atlaskit/smart-card": "^35.2.0",
 		"@atlaskit/smart-user-picker": "8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tag": "^14.0.0",
-		"@atlaskit/textfield": "8.0.0",
-		"@atlaskit/theme": "^17.0.0",
-		"@atlaskit/tokens": "^4.2.0",
+		"@atlaskit/textfield": "8.0.1",
+		"@atlaskit/theme": "^18.0.0",
+		"@atlaskit/tokens": "^4.3.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -191,6 +191,9 @@
 		},
 		"platform-component-visual-refresh": {
 			"type": "boolean"
+		},
+		"assets_as_an_app_v2": {
+			"type": "boolean"
 		}
 	}
 }