@atlaskit/link-datasource 4.1.12 → 4.1.14

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/link-datasource
 
+## 4.1.14
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.1.13
+
+### Patch Changes
+
+- [#132709](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132709)
+  [`eb377d195f39d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb377d195f39d) -
+  [ux] Update link and icon render type for design refresh
+- Updated dependencies
+
 ## 4.1.12
 
 ### Patch Changes

package/dist/cjs/ui/issue-like-table/render-type/link/index.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LINK_TYPE_TEST_ID = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
 var _hoverCard = require("@atlaskit/smart-card/hover-card");
 var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
@@ -37,16 +39,17 @@ var LinkRenderType = function LinkRenderType(_ref) {
   var anchor = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react.default.createElement(_hoverCard.HoverCard, {
       url: url
-    }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
+    }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, (0, _extends2.default)({
       href: url
       // NOTE: This will no longer apply styles to `@atlaskit/link` when platform_editor_hyperlink_underline is enabled.
       // Wrap `@atlaskit/link` in a Text component to provide font styles to Link
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      style: _objectSpread({}, linkStyle),
+    }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? {} : {
+      style: _objectSpread({}, linkStyle)
+    }, {
       "data-testid": testId,
       target: "_blank"
-    }, text || url));
+    }), text || url));
   }, [linkStyle, url, text, testId]);
   var SmartCard = function SmartCard() {
     var handleClick = function handleClick(e) {

package/dist/cjs/ui/issue-like-table/shared-components/icon/index.compiled.css

@@ -1,4 +1,6 @@
 ._18m915vq{overflow-y:hidden}
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
-._1reo15vq{overflow-x:hidden}
+._1reo15vq{overflow-x:hidden}
+._1ul97vkz{min-width:1pc}
+._p12f7vkz{max-width:1pc}

package/dist/cjs/ui/issue-like-table/shared-components/icon/index.js

@@ -1,17 +1,21 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SharedIconComponent = SharedIconComponent;
 require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var styles = {
-  labelStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq"
+  labelStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq",
+  iconStyles: "_p12f7vkz _1ul97vkz"
 };
 /**
  * Renders a icon and text label.
@@ -23,20 +27,21 @@ function SharedIconComponent(_ref) {
     label = _ref$label === void 0 ? '' : _ref$label,
     text = _ref.text,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_compiled.Flex, {
     gap: "space.100",
     alignItems: "center",
     testId: testId
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement("img", {
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement("img", {
     src: iconUrl,
-    alt: label
+    alt: label,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
+    style: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? {} : {
       minWidth: '24px',
       maxWidth: '24px'
     } // having just width: '24px' shrinks it when table width is reduced
-  })), text && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    ,
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') && styles.iconStyles])
+  })), text && /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.labelStyles,
     testId: "".concat(testId, "-text")
   }, text));

package/dist/es2019/ui/issue-like-table/render-type/link/index.js

@@ -1,4 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Card } from '@atlaskit/smart-card';
 import { HoverCard } from '@atlaskit/smart-card/hover-card';
 import LinkUrl from '@atlaskit/smart-card/link-url';
@@ -23,18 +25,19 @@ const LinkRenderType = ({
   }, [style]);
   const anchor = useMemo(() => /*#__PURE__*/React.createElement(HoverCard, {
     url: url
-  }, /*#__PURE__*/React.createElement(LinkUrl, {
+  }, /*#__PURE__*/React.createElement(LinkUrl, _extends({
     href: url
     // NOTE: This will no longer apply styles to `@atlaskit/link` when platform_editor_hyperlink_underline is enabled.
     // Wrap `@atlaskit/link` in a Text component to provide font styles to Link
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
+  }, fg('platform-linking-visual-refresh-sllv') ? {} : {
     style: {
       ...linkStyle
-    },
+    }
+  }, {
     "data-testid": testId,
     target: "_blank"
-  }, text || url)), [linkStyle, url, text, testId]);
+  }), text || url)), [linkStyle, url, text, testId]);
   const SmartCard = () => {
     const handleClick = e => {
       e.preventDefault();

package/dist/es2019/ui/issue-like-table/shared-components/icon/index.compiled.css

@@ -1,4 +1,6 @@
 ._18m915vq{overflow-y:hidden}
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
-._1reo15vq{overflow-x:hidden}
+._1reo15vq{overflow-x:hidden}
+._1ul97vkz{min-width:1pc}
+._p12f7vkz{max-width:1pc}

package/dist/es2019/ui/issue-like-table/shared-components/icon/index.js

@@ -1,10 +1,12 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 const styles = {
-  labelStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq"
+  labelStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq",
+  iconStyles: "_p12f7vkz _1ul97vkz"
 };
 /**
  * Renders a icon and text label.
@@ -22,13 +24,14 @@ export function SharedIconComponent({
     testId: testId
   }, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("img", {
     src: iconUrl,
-    alt: label
+    alt: label,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
+    style: fg('platform-linking-visual-refresh-sllv') ? {} : {
       minWidth: '24px',
       maxWidth: '24px'
     } // having just width: '24px' shrinks it when table width is reduced
+    ,
+    className: ax([fg('platform-linking-visual-refresh-sllv') && styles.iconStyles])
   })), text && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.labelStyles,
     testId: `${testId}-text`

package/dist/esm/ui/issue-like-table/render-type/link/index.js

@@ -1,7 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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, { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Card } from '@atlaskit/smart-card';
 import { HoverCard } from '@atlaskit/smart-card/hover-card';
 import LinkUrl from '@atlaskit/smart-card/link-url';
@@ -27,16 +29,17 @@ var LinkRenderType = function LinkRenderType(_ref) {
   var anchor = useMemo(function () {
     return /*#__PURE__*/React.createElement(HoverCard, {
       url: url
-    }, /*#__PURE__*/React.createElement(LinkUrl, {
+    }, /*#__PURE__*/React.createElement(LinkUrl, _extends({
       href: url
       // NOTE: This will no longer apply styles to `@atlaskit/link` when platform_editor_hyperlink_underline is enabled.
       // Wrap `@atlaskit/link` in a Text component to provide font styles to Link
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      style: _objectSpread({}, linkStyle),
+    }, fg('platform-linking-visual-refresh-sllv') ? {} : {
+      style: _objectSpread({}, linkStyle)
+    }, {
       "data-testid": testId,
       target: "_blank"
-    }, text || url));
+    }), text || url));
   }, [linkStyle, url, text, testId]);
   var SmartCard = function SmartCard() {
     var handleClick = function handleClick(e) {

package/dist/esm/ui/issue-like-table/shared-components/icon/index.compiled.css

@@ -1,4 +1,6 @@
 ._18m915vq{overflow-y:hidden}
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
-._1reo15vq{overflow-x:hidden}
+._1reo15vq{overflow-x:hidden}
+._1ul97vkz{min-width:1pc}
+._p12f7vkz{max-width:1pc}

package/dist/esm/ui/issue-like-table/shared-components/icon/index.js

@@ -1,10 +1,12 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./index.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 var styles = {
-  labelStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq"
+  labelStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq",
+  iconStyles: "_p12f7vkz _1ul97vkz"
 };
 /**
  * Renders a icon and text label.
@@ -22,13 +24,14 @@ export function SharedIconComponent(_ref) {
     testId: testId
   }, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("img", {
     src: iconUrl,
-    alt: label
+    alt: label,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
+    style: fg('platform-linking-visual-refresh-sllv') ? {} : {
       minWidth: '24px',
       maxWidth: '24px'
     } // having just width: '24px' shrinks it when table width is reduced
+    ,
+    className: ax([fg('platform-linking-visual-refresh-sllv') && styles.iconStyles])
   })), text && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.labelStyles,
     testId: "".concat(testId, "-text")

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 interface SharedIconComponentProps {
     /**
      * URL or SVG for the priority icon
@@ -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 SharedIconComponent({ iconUrl, label, text, testId, }: SharedIconComponentProps): React.JSX.Element;
+export declare function SharedIconComponent({ iconUrl, label, text, testId, }: SharedIconComponentProps): JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 interface SharedIconComponentProps {
     /**
      * URL or SVG for the priority icon
@@ -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 SharedIconComponent({ iconUrl, label, text, testId, }: SharedIconComponentProps): React.JSX.Element;
+export declare function SharedIconComponent({ iconUrl, label, text, testId, }: SharedIconComponentProps): JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "4.1.12",
+	"version": "4.1.14",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -69,7 +69,7 @@
 		"@atlaskit/modal-dialog": "^14.1.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^3.0.0",
+		"@atlaskit/popup": "^4.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^2.0.0",
@@ -84,7 +84,7 @@
 		"@atlaskit/temp-nav-app-icons": "^0.7.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.6.0",
+		"@atlaskit/tokens": "^4.7.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/width-detector": "^5.0.0",