@atlaskit/link-datasource 0.16.0 → 0.16.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/link-datasource
 
+## 0.16.1
+
+### Patch Changes
+
+- [`d9be88498a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9be88498a8) - Updated components to use the new `DatasourceType` value format
+- Updated dependencies
+
 ## 0.16.0
 
 ### Minor Changes

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

@@ -238,7 +238,7 @@ var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
   var tableRows = (0, _react.useMemo)(function () {
     return items.map(function (newRowData, rowIndex) {
       return {
-        key: "".concat(identityColumnKey && newRowData[identityColumnKey] || rowIndex),
+        key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].value || rowIndex),
         cells: visibleSortedColumns.map(function (_ref9) {
           var key = _ref9.key,
             type = _ref9.type;

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

@@ -1,14 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BOOLEAN_TYPE_TEST_ID = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _text = _interopRequireDefault(require("../text"));
 var _messages = require("./messages");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var BOOLEAN_TYPE_TEST_ID = 'link-datasource-render-type--boolean';
 exports.BOOLEAN_TYPE_TEST_ID = BOOLEAN_TYPE_TEST_ID;
 var BooleanRenderType = function BooleanRenderType(_ref) {
@@ -16,13 +19,19 @@ var BooleanRenderType = function BooleanRenderType(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? BOOLEAN_TYPE_TEST_ID : _ref$testId;
   var intl = (0, _reactIntlNext.useIntl)();
-  if (typeof value !== 'boolean') {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }
+  var booleanValue = value === null || value === void 0 ? void 0 : value.value;
   var TRUTHY_TEXT = intl.formatMessage(_messages.booleanTypeMessages.booleanTruthyValue);
   var FALSY_TEXT = intl.formatMessage(_messages.booleanTypeMessages.booleanFalsyValue);
+  var displayTextObject = (0, _react.useMemo)(function () {
+    return {
+      value: booleanValue ? TRUTHY_TEXT : FALSY_TEXT
+    };
+  }, [booleanValue, TRUTHY_TEXT, FALSY_TEXT]);
+  if (typeof booleanValue !== 'boolean') {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
   return /*#__PURE__*/_react.default.createElement(_text.default, {
-    text: value ? TRUTHY_TEXT : FALSY_TEXT,
+    text: displayTextObject,
     testId: testId
   });
 };

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

@@ -28,9 +28,10 @@ var DateTimeRenderType = function DateTimeRenderType(_ref) {
     testId = _ref$testId === void 0 ? DATETIME_TYPE_TEST_ID : _ref$testId,
     _ref$display = _ref.display,
     display = _ref$display === void 0 ? 'datetime' : _ref$display;
-  var date = new Date(value);
+  var dateString = value === null || value === void 0 ? void 0 : value.value;
+  var date = new Date(dateString);
   var intl = (0, _reactIntlNext.useIntl)();
-  if (!value || isNaN(date.getTime())) {
+  if (!dateString || isNaN(date.getTime())) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   var options = {

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

@@ -12,10 +12,11 @@ var NumberRenderType = function NumberRenderType(_ref) {
   var number = _ref.number,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? NUMBER_TYPE_TEST_ID : _ref$testId;
-  if (typeof number !== 'number') {
+  var numberValue = number === null || number === void 0 ? void 0 : number.value;
+  if (typeof numberValue !== 'number') {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  var formattedNumber = Number.isInteger(number) ? number : "".concat(number.toFixed(2));
+  var formattedNumber = Number.isInteger(numberValue) ? numberValue : "".concat(numberValue.toFixed(2));
   return /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": testId
   }, formattedNumber);

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

@@ -13,11 +13,12 @@ var TagRenderType = function TagRenderType(_ref) {
   var text = _ref.text,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TAG_TYPE_TEST_ID : _ref$testId;
-  if (!text) {
+  var tag = text === null || text === void 0 ? void 0 : text.value;
+  if (!tag) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   return /*#__PURE__*/_react.default.createElement(_tag.SimpleTag, {
-    text: text,
+    text: tag,
     testId: testId,
     appearance: 'default',
     color: 'standard'

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

@@ -12,12 +12,13 @@ var TextRenderType = function TextRenderType(_ref) {
   var text = _ref.text,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TEXT_TYPE_TEST_ID : _ref$testId;
-  if (!text) {
+  var textValue = text === null || text === void 0 ? void 0 : text.value;
+  if (!textValue) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   return /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": testId
-  }, text);
+  }, textValue);
 };
 var _default = TextRenderType;
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.16.0",
+	"version": "0.16.1",
 	"sideEffects": false
 }

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

@@ -210,7 +210,7 @@ export const IssueLikeDataTableView = ({
     }));
   }, [visibleColumnKeys, onVisibleColumnKeysChange, tableId]);
   const tableRows = useMemo(() => items.map((newRowData, rowIndex) => ({
-    key: `${identityColumnKey && newRowData[identityColumnKey] || rowIndex}`,
+    key: `${identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].value || rowIndex}`,
     cells: visibleSortedColumns.map(({
       key,
       type

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import TextRenderType from '../text';
 import { booleanTypeMessages } from './messages';
@@ -8,13 +8,17 @@ const BooleanRenderType = ({
   testId = BOOLEAN_TYPE_TEST_ID
 }) => {
   const intl = useIntl();
-  if (typeof value !== 'boolean') {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
+  const booleanValue = value === null || value === void 0 ? void 0 : value.value;
   const TRUTHY_TEXT = intl.formatMessage(booleanTypeMessages.booleanTruthyValue);
   const FALSY_TEXT = intl.formatMessage(booleanTypeMessages.booleanFalsyValue);
+  const displayTextObject = useMemo(() => ({
+    value: booleanValue ? TRUTHY_TEXT : FALSY_TEXT
+  }), [booleanValue, TRUTHY_TEXT, FALSY_TEXT]);
+  if (typeof booleanValue !== 'boolean') {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
   return /*#__PURE__*/React.createElement(TextRenderType, {
-    text: value ? TRUTHY_TEXT : FALSY_TEXT,
+    text: displayTextObject,
     testId: testId
   });
 };

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

@@ -16,9 +16,10 @@ const DateTimeRenderType = ({
   testId = DATETIME_TYPE_TEST_ID,
   display = 'datetime'
 }) => {
-  const date = new Date(value);
+  const dateString = value === null || value === void 0 ? void 0 : value.value;
+  const date = new Date(dateString);
   const intl = useIntl();
-  if (!value || isNaN(date.getTime())) {
+  if (!dateString || isNaN(date.getTime())) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   const options = {

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

@@ -4,10 +4,11 @@ const NumberRenderType = ({
   number,
   testId = NUMBER_TYPE_TEST_ID
 }) => {
-  if (typeof number !== 'number') {
+  const numberValue = number === null || number === void 0 ? void 0 : number.value;
+  if (typeof numberValue !== 'number') {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
-  const formattedNumber = Number.isInteger(number) ? number : `${number.toFixed(2)}`;
+  const formattedNumber = Number.isInteger(numberValue) ? numberValue : `${numberValue.toFixed(2)}`;
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": testId
   }, formattedNumber);

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

@@ -5,11 +5,12 @@ const TagRenderType = ({
   text,
   testId = TAG_TYPE_TEST_ID
 }) => {
-  if (!text) {
+  const tag = text === null || text === void 0 ? void 0 : text.value;
+  if (!tag) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement(Tag, {
-    text: text,
+    text: tag,
     testId: testId,
     appearance: 'default',
     color: 'standard'

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

@@ -4,11 +4,12 @@ const TextRenderType = ({
   text,
   testId = TEXT_TYPE_TEST_ID
 }) => {
-  if (!text) {
+  const textValue = text === null || text === void 0 ? void 0 : text.value;
+  if (!textValue) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": testId
-  }, text);
+  }, textValue);
 };
 export default TextRenderType;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.16.0",
+	"version": "0.16.1",
 	"sideEffects": false
 }

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

@@ -232,7 +232,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
   var tableRows = useMemo(function () {
     return items.map(function (newRowData, rowIndex) {
       return {
-        key: "".concat(identityColumnKey && newRowData[identityColumnKey] || rowIndex),
+        key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].value || rowIndex),
         cells: visibleSortedColumns.map(function (_ref9) {
           var key = _ref9.key,
             type = _ref9.type;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import TextRenderType from '../text';
 import { booleanTypeMessages } from './messages';
@@ -8,13 +8,19 @@ var BooleanRenderType = function BooleanRenderType(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? BOOLEAN_TYPE_TEST_ID : _ref$testId;
   var intl = useIntl();
-  if (typeof value !== 'boolean') {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
+  var booleanValue = value === null || value === void 0 ? void 0 : value.value;
   var TRUTHY_TEXT = intl.formatMessage(booleanTypeMessages.booleanTruthyValue);
   var FALSY_TEXT = intl.formatMessage(booleanTypeMessages.booleanFalsyValue);
+  var displayTextObject = useMemo(function () {
+    return {
+      value: booleanValue ? TRUTHY_TEXT : FALSY_TEXT
+    };
+  }, [booleanValue, TRUTHY_TEXT, FALSY_TEXT]);
+  if (typeof booleanValue !== 'boolean') {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
   return /*#__PURE__*/React.createElement(TextRenderType, {
-    text: value ? TRUTHY_TEXT : FALSY_TEXT,
+    text: displayTextObject,
     testId: testId
   });
 };

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

@@ -20,9 +20,10 @@ var DateTimeRenderType = function DateTimeRenderType(_ref) {
     testId = _ref$testId === void 0 ? DATETIME_TYPE_TEST_ID : _ref$testId,
     _ref$display = _ref.display,
     display = _ref$display === void 0 ? 'datetime' : _ref$display;
-  var date = new Date(value);
+  var dateString = value === null || value === void 0 ? void 0 : value.value;
+  var date = new Date(dateString);
   var intl = useIntl();
-  if (!value || isNaN(date.getTime())) {
+  if (!dateString || isNaN(date.getTime())) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   var options = {

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

@@ -4,10 +4,11 @@ var NumberRenderType = function NumberRenderType(_ref) {
   var number = _ref.number,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? NUMBER_TYPE_TEST_ID : _ref$testId;
-  if (typeof number !== 'number') {
+  var numberValue = number === null || number === void 0 ? void 0 : number.value;
+  if (typeof numberValue !== 'number') {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
-  var formattedNumber = Number.isInteger(number) ? number : "".concat(number.toFixed(2));
+  var formattedNumber = Number.isInteger(numberValue) ? numberValue : "".concat(numberValue.toFixed(2));
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": testId
   }, formattedNumber);

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

@@ -5,11 +5,12 @@ var TagRenderType = function TagRenderType(_ref) {
   var text = _ref.text,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TAG_TYPE_TEST_ID : _ref$testId;
-  if (!text) {
+  var tag = text === null || text === void 0 ? void 0 : text.value;
+  if (!tag) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement(Tag, {
-    text: text,
+    text: tag,
     testId: testId,
     appearance: 'default',
     color: 'standard'

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

@@ -4,11 +4,12 @@ var TextRenderType = function TextRenderType(_ref) {
   var text = _ref.text,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TEXT_TYPE_TEST_ID : _ref$testId;
-  if (!text) {
+  var textValue = text === null || text === void 0 ? void 0 : text.value;
+  if (!textValue) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": testId
-  }, text);
+  }, textValue);
 };
 export default TextRenderType;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.16.0",
+	"version": "0.16.1",
 	"sideEffects": false
 }

package/dist/types/ui/issue-like-table/render-type/boolean/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { BooleanType } from '@atlaskit/linking-types';
 interface BooleanProps {
     testId?: string;
-    value: boolean;
+    value: BooleanType['value'];
 }
 export declare const BOOLEAN_TYPE_TEST_ID = "link-datasource-render-type--boolean";
 declare const BooleanRenderType: ({ value, testId, }: BooleanProps) => JSX.Element;

package/dist/types/ui/issue-like-table/render-type/number/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { NumberType } from '@atlaskit/linking-types';
 interface NumberProps {
     testId?: string;
-    number: number;
+    number: NumberType['value'];
 }
 export declare const NUMBER_TYPE_TEST_ID = "link-datasource-render-type--number";
 declare const NumberRenderType: ({ number, testId, }: NumberProps) => JSX.Element;

package/dist/types/ui/issue-like-table/render-type/text/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { StringType } from '@atlaskit/linking-types';
 interface TextProps {
     testId?: string;
-    text: string;
+    text: StringType['value'];
 }
 export declare const TEXT_TYPE_TEST_ID = "link-datasource-render-type--text";
 declare const TextRenderType: ({ text, testId }: TextProps) => JSX.Element;

package/dist/types-ts4.5/ui/issue-like-table/render-type/boolean/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { BooleanType } from '@atlaskit/linking-types';
 interface BooleanProps {
     testId?: string;
-    value: boolean;
+    value: BooleanType['value'];
 }
 export declare const BOOLEAN_TYPE_TEST_ID = "link-datasource-render-type--boolean";
 declare const BooleanRenderType: ({ value, testId, }: BooleanProps) => JSX.Element;

package/dist/types-ts4.5/ui/issue-like-table/render-type/number/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { NumberType } from '@atlaskit/linking-types';
 interface NumberProps {
     testId?: string;
-    number: number;
+    number: NumberType['value'];
 }
 export declare const NUMBER_TYPE_TEST_ID = "link-datasource-render-type--number";
 declare const NumberRenderType: ({ number, testId, }: NumberProps) => JSX.Element;

package/dist/types-ts4.5/ui/issue-like-table/render-type/text/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { StringType } from '@atlaskit/linking-types';
 interface TextProps {
     testId?: string;
-    text: string;
+    text: StringType['value'];
 }
 export declare const TEXT_TYPE_TEST_ID = "link-datasource-render-type--text";
 declare const TextRenderType: ({ text, testId }: TextProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/image": "^1.1.0",
     "@atlaskit/link-client-extension": "^1.1.0",
     "@atlaskit/linking-common": "^2.12.0",
-    "@atlaskit/linking-types": "^1.6.0",
+    "@atlaskit/linking-types": "^2.0.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/modal-dialog": "^12.5.0",
     "@atlaskit/pragmatic-drag-and-drop": "^0.18.0",
@@ -66,7 +66,7 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/docs": "*",
     "@atlaskit/link-provider": "^1.6.0",
-    "@atlaskit/link-test-helpers": "^2.4.0",
+    "@atlaskit/link-test-helpers": "^3.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",