@atlaskit/link-datasource 3.10.3 → 3.11.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/link-datasource
 
+## 3.11.0
+
+### Minor Changes
+
+- [#165662](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165662)
+  [`acebc9f752656`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/acebc9f752656) -
+  [ux] EDM-10114 Improve priority edit dropdown in datasources behind feature flag
+
+### Patch Changes
+
+- [#166125](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166125)
+  [`83c6d7ca56278`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/83c6d7ca56278) -
+  Typography uplift for Linking packages.
+- Updated dependencies
+
 ## 3.10.3
 
 ### Patch Changes

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -91,11 +91,10 @@ var SelectDateRangeButton = exports.SelectDateRangeButton = _styled.default.butt
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var DateRangeErrorMessage = exports.DateRangeErrorMessage = _styled.default.div({
   display: 'flex',
-  lineHeight: 1.3333,
   marginTop: "var(--ds-space-050, 2px)",
   gap: "var(--ds-space-025, 2px)",
   paddingInlineStart: "var(--ds-space-025, 2px)",
-  fontSize: '12px',
+  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)",
   color: "var(--ds-text-danger, ".concat(_colors.R400, ")"),
   alignItems: 'center'
 });

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

@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
-var PriorityEditType = function PriorityEditType(props) {
+var IconEditType = function IconEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,
     executeFetch = props.executeFetch;
@@ -35,7 +35,7 @@ var PriorityEditType = function PriorityEditType(props) {
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,
     getOptionValue: function getOptionValue(option) {
-      return option.label || '';
+      return option.text || '';
     },
     options: options,
     isLoading: isLoading,
@@ -131,4 +131,4 @@ var loadOptions = /*#__PURE__*/function () {
     return _ref2.apply(this, arguments);
   };
 }();
-var _default = exports.default = PriorityEditType;
+var _default = exports.default = IconEditType;

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

@@ -13,15 +13,14 @@ var labelStyles = (0, _primitives.xcss)({
   width: '100%'
 });
 /**
- * Renders a icon and label.
- * If the text is undefined, render the capitalised label.
+ * Renders a icon and text label.
+ * If the text is undefined, will not render the text label.
  */
 function SharedIconComponent(_ref) {
   var iconUrl = _ref.iconUrl,
     label = _ref.label,
     text = _ref.text,
     testId = _ref.testId;
-  var displayText = text === undefined || text === '' ? label ? label.charAt(0).toUpperCase() + label.slice(1) : undefined : text;
   return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
     gap: "space.100",
     alignItems: "center",
@@ -35,8 +34,8 @@ function SharedIconComponent(_ref) {
       minWidth: '24px',
       maxWidth: '24px'
     } // having just width: '24px' shrinks it when table width is reduced
-  })), displayText && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  })), text && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: labelStyles,
     testId: "".concat(testId, "-text")
-  }, displayText));
+  }, text));
 }

package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -29,12 +29,14 @@ var editContainerStyles = (0, _primitives.xcss)({
   marginBlockStart: 'space.negative.100'
 });
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
-  var _typedNewValue$values;
+  var _typedNewValue$values, _typedNewValue$values2;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
     case 'status':
       return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.transitionId) || '';
+    case 'icon':
+      return ((_typedNewValue$values2 = typedNewValue.values[0]) === null || _typedNewValue$values2 === void 0 ? void 0 : _typedNewValue$values2.id) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
@@ -45,6 +47,7 @@ var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue)
         data: newValue.values[0] || ''
       }));
     case 'status':
+    case 'icon':
       return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, (0, _defineProperty2.default)({}, columnKey, {
         data: newValue.values[0]
       })) : existingItem;

package/dist/cjs/ui/table-footer/index.js

@@ -60,7 +60,7 @@ var SyncWrapper = _styled.default.div({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SyncTextWrapper = _styled.default.div({
   marginRight: "var(--ds-space-075, 6px)",
-  fontSize: '12px'
+  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)"
 });
 var TableFooter = exports.TableFooter = function TableFooter(_ref) {
   var datasourceId = _ref.datasourceId,

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -81,11 +81,10 @@ export const SelectDateRangeButton = styled.button({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DateRangeErrorMessage = styled.div({
   display: 'flex',
-  lineHeight: 1.3333,
   marginTop: "var(--ds-space-050, 2px)",
   gap: "var(--ds-space-025, 2px)",
   paddingInlineStart: "var(--ds-space-025, 2px)",
-  fontSize: '12px',
+  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)",
   color: `var(--ds-text-danger, ${R400})`,
   alignItems: 'center'
 });

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

@@ -9,7 +9,7 @@ import { SharedIconComponent } from '../../shared-components/icon';
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
-const PriorityEditType = props => {
+const IconEditType = props => {
   var _currentValue$values;
   const {
     currentValue,
@@ -24,7 +24,7 @@ const PriorityEditType = props => {
     autoFocus: true,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,
-    getOptionValue: option => option.label || '',
+    getOptionValue: option => option.text || '',
     options: options,
     isLoading: isLoading,
     defaultValue: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
@@ -91,4 +91,4 @@ const loadOptions = async (_currentValue, executeFetch) => {
   }
   return [];
 };
-export default PriorityEditType;
+export default IconEditType;

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import PriorityEditType from './icon';
+import IconEditType from './icon';
 import StatusEditType from './status';
 import TextEditType, { toTextValue } from './text';
 
@@ -31,7 +31,7 @@ export const editType = ({
         editView: ({
           value,
           ...fieldProps
-        }) => /*#__PURE__*/React.createElement(PriorityEditType, _extends({}, fieldProps, {
+        }) => /*#__PURE__*/React.createElement(IconEditType, _extends({}, fieldProps, {
           currentValue: currentValue,
           setEditValues: setEditValues,
           id: ACTIVE_INLINE_EDIT_ID,

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

@@ -6,8 +6,8 @@ const labelStyles = xcss({
   width: '100%'
 });
 /**
- * Renders a icon and label.
- * If the text is undefined, render the capitalised label.
+ * Renders a icon and text label.
+ * If the text is undefined, will not render the text label.
  */
 export function SharedIconComponent({
   iconUrl,
@@ -15,7 +15,6 @@ export function SharedIconComponent({
   text,
   testId
 }) {
-  const displayText = text === undefined || text === '' ? label ? label.charAt(0).toUpperCase() + label.slice(1) : undefined : text;
   return /*#__PURE__*/React.createElement(Flex, {
     gap: "space.100",
     alignItems: "center",
@@ -29,8 +28,8 @@ export function SharedIconComponent({
       minWidth: '24px',
       maxWidth: '24px'
     } // having just width: '24px' shrinks it when table width is reduced
-  })), displayText && /*#__PURE__*/React.createElement(Box, {
+  })), text && /*#__PURE__*/React.createElement(Box, {
     xcss: labelStyles,
     testId: `${testId}-text`
-  }, displayText));
+  }, text));
 }

package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -14,12 +14,14 @@ const editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 const getBackendUpdateValue = typedNewValue => {
-  var _typedNewValue$values;
+  var _typedNewValue$values, _typedNewValue$values2;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
     case 'status':
       return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.transitionId) || '';
+    case 'icon':
+      return ((_typedNewValue$values2 = typedNewValue.values[0]) === null || _typedNewValue$values2 === void 0 ? void 0 : _typedNewValue$values2.id) || '';
   }
   throw new Error(`Datasource 2 way sync Backend update value not implemented for type ${typedNewValue.type}`);
 };
@@ -33,6 +35,7 @@ const mapUpdatedItem = (existingItem, columnKey, newValue) => {
         }
       };
     case 'status':
+    case 'icon':
       return newValue.values[0] ? {
         ...existingItem,
         [columnKey]: {

package/dist/es2019/ui/table-footer/index.js

@@ -47,7 +47,7 @@ const SyncWrapper = styled.div({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const SyncTextWrapper = styled.div({
   marginRight: "var(--ds-space-075, 6px)",
-  fontSize: '12px'
+  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)"
 });
 export const TableFooter = ({
   datasourceId,

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -83,11 +83,10 @@ export var SelectDateRangeButton = styled.button({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var DateRangeErrorMessage = styled.div({
   display: 'flex',
-  lineHeight: 1.3333,
   marginTop: "var(--ds-space-050, 2px)",
   gap: "var(--ds-space-025, 2px)",
   paddingInlineStart: "var(--ds-space-025, 2px)",
-  fontSize: '12px',
+  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)",
   color: "var(--ds-text-danger, ".concat(R400, ")"),
   alignItems: 'center'
 });

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

@@ -12,7 +12,7 @@ import { SharedIconComponent } from '../../shared-components/icon';
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
-var PriorityEditType = function PriorityEditType(props) {
+var IconEditType = function IconEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,
     executeFetch = props.executeFetch;
@@ -25,7 +25,7 @@ var PriorityEditType = function PriorityEditType(props) {
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,
     getOptionValue: function getOptionValue(option) {
-      return option.label || '';
+      return option.text || '';
     },
     options: options,
     isLoading: isLoading,
@@ -121,4 +121,4 @@ var loadOptions = /*#__PURE__*/function () {
     return _ref2.apply(this, arguments);
   };
 }();
-export default PriorityEditType;
+export default IconEditType;

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

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["value"];
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import PriorityEditType from './icon';
+import IconEditType from './icon';
 import StatusEditType from './status';
 import TextEditType, { toTextValue } from './text';
 
@@ -35,7 +35,7 @@ export var editType = function editType(_ref) {
         editView: function editView(_ref3) {
           var value = _ref3.value,
             fieldProps = _objectWithoutProperties(_ref3, _excluded);
-          return /*#__PURE__*/React.createElement(PriorityEditType, _extends({}, fieldProps, {
+          return /*#__PURE__*/React.createElement(IconEditType, _extends({}, fieldProps, {
             currentValue: currentValue,
             setEditValues: setEditValues,
             id: ACTIVE_INLINE_EDIT_ID,

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

@@ -6,15 +6,14 @@ var labelStyles = xcss({
   width: '100%'
 });
 /**
- * Renders a icon and label.
- * If the text is undefined, render the capitalised label.
+ * Renders a icon and text label.
+ * If the text is undefined, will not render the text label.
  */
 export function SharedIconComponent(_ref) {
   var iconUrl = _ref.iconUrl,
     label = _ref.label,
     text = _ref.text,
     testId = _ref.testId;
-  var displayText = text === undefined || text === '' ? label ? label.charAt(0).toUpperCase() + label.slice(1) : undefined : text;
   return /*#__PURE__*/React.createElement(Flex, {
     gap: "space.100",
     alignItems: "center",
@@ -28,8 +27,8 @@ export function SharedIconComponent(_ref) {
       minWidth: '24px',
       maxWidth: '24px'
     } // having just width: '24px' shrinks it when table width is reduced
-  })), displayText && /*#__PURE__*/React.createElement(Box, {
+  })), text && /*#__PURE__*/React.createElement(Box, {
     xcss: labelStyles,
     testId: "".concat(testId, "-text")
-  }, displayText));
+  }, text));
 }

package/dist/esm/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -19,12 +19,14 @@ var editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
-  var _typedNewValue$values;
+  var _typedNewValue$values, _typedNewValue$values2;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
     case 'status':
       return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.transitionId) || '';
+    case 'icon':
+      return ((_typedNewValue$values2 = typedNewValue.values[0]) === null || _typedNewValue$values2 === void 0 ? void 0 : _typedNewValue$values2.id) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
@@ -35,6 +37,7 @@ var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue)
         data: newValue.values[0] || ''
       }));
     case 'status':
+    case 'icon':
       return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, _defineProperty({}, columnKey, {
         data: newValue.values[0]
       })) : existingItem;

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

@@ -48,7 +48,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)",
-  fontSize: '12px'
+  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)"
 });
 export var TableFooter = function TableFooter(_ref) {
   var datasourceId = _ref.datasourceId,

package/dist/types/ui/issue-like-table/edit-type/icon/index.d.ts

@@ -10,5 +10,5 @@ interface Props extends Omit<FieldProps<string>, 'value'> {
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
-declare const PriorityEditType: (props: Props) => JSX.Element;
-export default PriorityEditType;
+declare const IconEditType: (props: Props) => JSX.Element;
+export default IconEditType;

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

@@ -16,8 +16,8 @@ interface SharedIconComponentProps {
     testId: string;
 }
 /**
- * Renders a icon and label.
- * If the text is undefined, render the capitalised label.
+ * 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): JSX.Element;
 export {};

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

@@ -10,5 +10,5 @@ interface Props extends Omit<FieldProps<string>, 'value'> {
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
-declare const PriorityEditType: (props: Props) => JSX.Element;
-export default PriorityEditType;
+declare const IconEditType: (props: Props) => JSX.Element;
+export default IconEditType;

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

@@ -16,8 +16,8 @@ interface SharedIconComponentProps {
     testId: string;
 }
 /**
- * Renders a icon and label.
- * If the text is undefined, render the capitalised label.
+ * 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): JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.10.3",
+	"version": "3.11.0",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -79,7 +79,7 @@
 		"@atlaskit/tag": "^12.6.0",
 		"@atlaskit/textfield": "6.5.5",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tokens": "^2.3.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/width-detector": "^4.3.0",