@atlaskit/link-datasource 4.11.11 → 4.11.13

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/link-datasource
 
+## 4.11.13
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.11.12
+
+### Patch Changes
+
+- [#170021](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/170021)
+  [`d47d7358771ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d47d7358771ff) -
+  [ux] Adds a property shouldShowCalenderButton on DatePicker behind fg
+  platform_linking_set_should_show_calender_button
+
 ## 4.11.11
 
 ### Patch Changes

package/dist/cjs/ui/assets-modal/search-container/object-schema-select/index.js

@@ -18,10 +18,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _debouncePromise = _interopRequireDefault(require("debounce-promise"));
 var _reactIntlNext = require("react-intl-next");
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _form = require("@atlaskit/form");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
 var _constants = require("@atlaskit/theme/constants");
 var _useObjectSchemas2 = require("../../../../hooks/useObjectSchemas");
@@ -29,8 +26,7 @@ var _types = require("../../../../types/assets/types");
 var _messages = require("./messages");
 var _utils = require("./utils");
 var _excluded = ["as", "style"],
-  _excluded2 = ["onChange", "onFocus"],
-  _excluded3 = ["isOpen"];
+  _excluded2 = ["onChange", "onFocus"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -122,34 +118,7 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
       _onChange = _ref4$fieldProps.onChange,
       onFocus = _ref4$fieldProps.onFocus,
       restFieldProps = (0, _objectWithoutProperties2.default)(_ref4$fieldProps, _excluded2);
-    return (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(_select.PopupSelect, (0, _extends2.default)({
-      autoFocus: true,
-      maxMenuWidth: 300,
-      minMenuWidth: 300,
-      isLoading: objectSchemasLoading,
-      options: mapObjectSchemasToOptions(initialObjectSchemas),
-      placeholder: formatMessage(_messages.objectSchemaSelectMessages.placeholder),
-      onChange: function onChange(newOption) {
-        return newOption && _onChange(newOption);
-      }
-    }, restFieldProps, {
-      label: formatMessage(_messages.objectSchemaSelectMessages.placeholder),
-      target: function target(_ref5) {
-        var _restFieldProps$value;
-        var isOpen = _ref5.isOpen,
-          triggerProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded3);
-        return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, triggerProps, {
-          isSelected: isOpen,
-          iconAfter: function iconAfter() {
-            return /*#__PURE__*/React.createElement(_chevronDown.default, {
-              label: "",
-              color: "currentColor",
-              size: "small"
-            });
-          }
-        }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(_messages.objectSchemaSelectMessages.placeholder));
-      }
-    })) : /*#__PURE__*/React.createElement(_select.AsyncSelect, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(_select.AsyncSelect, (0, _extends2.default)({
       autoFocus: true,
       classNamePrefix: classNamePrefix,
       isLoading: objectSchemasLoading,

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

@@ -17,6 +17,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _reactIntlNext = require("react-intl-next");
 var _datetimePicker = require("@atlaskit/datetime-picker");
 var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
@@ -203,6 +204,7 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(_ref6)
         }
       }, (0, _utils.getDropdownLabel)(option, formatMessage));
     }), isPickerOpen && isCustomSelected && /*#__PURE__*/_react.default.createElement(CustomDateWrapper, null, /*#__PURE__*/_react.default.createElement(DatePickersWrapper, null, /*#__PURE__*/_react.default.createElement(_datetimePicker.DatePicker, {
+      shouldShowCalendarButton: (0, _platformFeatureFlags.fg)('platform_linking_set_should_show_calender_button'),
       maxDate: todayDate,
       innerProps: {
         style: {
@@ -226,6 +228,7 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(_ref6)
         }
       }
     }), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.dateRangeMessages.dateRangeToLabel), /*#__PURE__*/_react.default.createElement(_datetimePicker.DatePicker, {
+      shouldShowCalendarButton: (0, _platformFeatureFlags.fg)('platform_linking_set_should_show_calender_button'),
       maxDate: todayDate,
       innerProps: {
         style: {

package/dist/cjs/ui/issue-like-table/draggable-table-heading.js

@@ -20,8 +20,8 @@ var _reactIntlNext = require("react-intl-next");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
+var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-up"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
 var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
@@ -292,7 +292,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   // We make assumption thus that there is enough width for chevron.
   var isWideEnoughToHaveChevron = !width || width > 76;
   var shouldShowTriggerIcon = (buttonHovered || isDropdownOpen) && isWideEnoughToHaveChevron;
-  var triggerIcon = (0, _react.useMemo)(function () {
+  var TriggerIcon = (0, _react.useMemo)(function () {
     return shouldShowTriggerIcon ? isDropdownOpen ? _chevronUp.default : _chevronDown.default : isWideEnoughToHaveChevron ? _customIcons.GlyphPlaceholder : undefined;
   }, [shouldShowTriggerIcon, isDropdownOpen, isWideEnoughToHaveChevron]);
   var getTriggerButton = (0, _react.useCallback)(function (_ref0) {
@@ -301,7 +301,11 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, props, {
       testId: "".concat(id, "-column-dropdown"),
       shouldFitContainer: true,
-      iconAfter: triggerIcon,
+      iconAfter: TriggerIcon ? function (iconProps) {
+        return /*#__PURE__*/React.createElement(TriggerIcon, (0, _extends2.default)({}, iconProps, {
+          size: "small"
+        }));
+      } : undefined,
       ref: triggerRef,
       appearance: "subtle",
       spacing: "compact",
@@ -312,7 +316,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
         return setButtonHovered(false);
       }
     }), children);
-  }, [children, id, triggerIcon]);
+  }, [children, id, TriggerIcon]);
   var onDropdownOpenChange = (0, _react.useCallback)(function (_ref1) {
     var isOpen = _ref1.isOpen;
     return setIsDropdownOpen(isOpen);

package/dist/es2019/ui/assets-modal/search-container/object-schema-select/index.js

@@ -6,11 +6,8 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/new';
 import { Field } from '@atlaskit/form';
-import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { AsyncSelect, PopupSelect } from '@atlaskit/select';
+import { AsyncSelect } from '@atlaskit/select';
 import { layers } from '@atlaskit/theme/constants';
 import { useObjectSchemas } from '../../../../hooks/useObjectSchemas';
 import { objectSchemaKey } from '../../../../types/assets/types';
@@ -87,31 +84,7 @@ export const AssetsObjectSchemaSelect = ({
       onFocus,
       ...restFieldProps
     }
-  }) => fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(PopupSelect, _extends({
-    autoFocus: true,
-    maxMenuWidth: 300,
-    minMenuWidth: 300,
-    isLoading: objectSchemasLoading,
-    options: mapObjectSchemasToOptions(initialObjectSchemas),
-    placeholder: formatMessage(objectSchemaSelectMessages.placeholder),
-    onChange: newOption => newOption && onChange(newOption)
-  }, restFieldProps, {
-    label: formatMessage(objectSchemaSelectMessages.placeholder),
-    target: ({
-      isOpen,
-      ...triggerProps
-    }) => {
-      var _restFieldProps$value;
-      return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
-        isSelected: isOpen,
-        iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
-          label: "",
-          color: "currentColor",
-          size: "small"
-        })
-      }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(objectSchemaSelectMessages.placeholder));
-    }
-  })) : /*#__PURE__*/React.createElement(AsyncSelect, _extends({
+  }) => /*#__PURE__*/React.createElement(AsyncSelect, _extends({
     autoFocus: true,
     classNamePrefix: classNamePrefix,
     isLoading: objectSchemasLoading,

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

@@ -7,6 +7,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { N0, N20, N30, R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
@@ -171,6 +172,7 @@ export const DateRangePicker = ({
       isSelected: selectedValue ? option === selectedValue : option === defaultOptionValue,
       onClick: () => handleClickFilterOption(option)
     }, getDropdownLabel(option, formatMessage))), isPickerOpen && isCustomSelected && /*#__PURE__*/React.createElement(CustomDateWrapper, null, /*#__PURE__*/React.createElement(DatePickersWrapper, null, /*#__PURE__*/React.createElement(DatePicker, {
+      shouldShowCalendarButton: fg('platform_linking_set_should_show_calender_button'),
       maxDate: todayDate,
       innerProps: {
         style: {
@@ -193,6 +195,7 @@ export const DateRangePicker = ({
         }
       }
     }), /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeToLabel), /*#__PURE__*/React.createElement(DatePicker, {
+      shouldShowCalendarButton: fg('platform_linking_set_should_show_calender_button'),
       maxDate: todayDate,
       innerProps: {
         style: {

package/dist/es2019/ui/issue-like-table/draggable-table-heading.js

@@ -12,8 +12,8 @@ import { FormattedMessage } from 'react-intl-next';
 import invariant from 'tiny-invariant';
 import Button from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
-import ChevronDown from '@atlaskit/icon/utility/migration/chevron-down';
-import ChevronUp from '@atlaskit/icon/utility/migration/chevron-up';
+import ChevronDown from '@atlaskit/icon/core/migration/chevron-down';
+import ChevronUp from '@atlaskit/icon/core/migration/chevron-up';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
@@ -271,7 +271,7 @@ export const DraggableTableHeading = ({
   // We make assumption thus that there is enough width for chevron.
   const isWideEnoughToHaveChevron = !width || width > 76;
   const shouldShowTriggerIcon = (buttonHovered || isDropdownOpen) && isWideEnoughToHaveChevron;
-  const triggerIcon = useMemo(() => shouldShowTriggerIcon ? isDropdownOpen ? ChevronUp : ChevronDown : isWideEnoughToHaveChevron ? GlyphPlaceholder : undefined, [shouldShowTriggerIcon, isDropdownOpen, isWideEnoughToHaveChevron]);
+  const TriggerIcon = useMemo(() => shouldShowTriggerIcon ? isDropdownOpen ? ChevronUp : ChevronDown : isWideEnoughToHaveChevron ? GlyphPlaceholder : undefined, [shouldShowTriggerIcon, isDropdownOpen, isWideEnoughToHaveChevron]);
   const getTriggerButton = useCallback(({
     triggerRef,
     ...props
@@ -279,14 +279,16 @@ export const DraggableTableHeading = ({
     return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
       testId: `${id}-column-dropdown`,
       shouldFitContainer: true,
-      iconAfter: triggerIcon,
+      iconAfter: TriggerIcon ? iconProps => /*#__PURE__*/React.createElement(TriggerIcon, _extends({}, iconProps, {
+        size: "small"
+      })) : undefined,
       ref: triggerRef,
       appearance: "subtle",
       spacing: "compact",
       onMouseEnter: () => setButtonHovered(true),
       onMouseLeave: () => setButtonHovered(false)
     }), children);
-  }, [children, id, triggerIcon]);
+  }, [children, id, TriggerIcon]);
   const onDropdownOpenChange = useCallback(({
     isOpen
   }) => setIsDropdownOpen(isOpen), []);

package/dist/esm/ui/assets-modal/search-container/object-schema-select/index.js

@@ -4,8 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "style"],
-  _excluded2 = ["onChange", "onFocus"],
-  _excluded3 = ["isOpen"];
+  _excluded2 = ["onChange", "onFocus"];
 import "./index.compiled.css";
 import { forwardRef } from 'react';
 import * as React from 'react';
@@ -15,11 +14,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/new';
 import { Field } from '@atlaskit/form';
-import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { AsyncSelect, PopupSelect } from '@atlaskit/select';
+import { AsyncSelect } from '@atlaskit/select';
 import { layers } from '@atlaskit/theme/constants';
 import { useObjectSchemas } from '../../../../hooks/useObjectSchemas';
 import { objectSchemaKey } from '../../../../types/assets/types';
@@ -114,34 +110,7 @@ export var AssetsObjectSchemaSelect = function AssetsObjectSchemaSelect(_ref2) {
       _onChange = _ref4$fieldProps.onChange,
       onFocus = _ref4$fieldProps.onFocus,
       restFieldProps = _objectWithoutProperties(_ref4$fieldProps, _excluded2);
-    return fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(PopupSelect, _extends({
-      autoFocus: true,
-      maxMenuWidth: 300,
-      minMenuWidth: 300,
-      isLoading: objectSchemasLoading,
-      options: mapObjectSchemasToOptions(initialObjectSchemas),
-      placeholder: formatMessage(objectSchemaSelectMessages.placeholder),
-      onChange: function onChange(newOption) {
-        return newOption && _onChange(newOption);
-      }
-    }, restFieldProps, {
-      label: formatMessage(objectSchemaSelectMessages.placeholder),
-      target: function target(_ref5) {
-        var _restFieldProps$value;
-        var isOpen = _ref5.isOpen,
-          triggerProps = _objectWithoutProperties(_ref5, _excluded3);
-        return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
-          isSelected: isOpen,
-          iconAfter: function iconAfter() {
-            return /*#__PURE__*/React.createElement(ChevronDownIcon, {
-              label: "",
-              color: "currentColor",
-              size: "small"
-            });
-          }
-        }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(objectSchemaSelectMessages.placeholder));
-      }
-    })) : /*#__PURE__*/React.createElement(AsyncSelect, _extends({
+    return /*#__PURE__*/React.createElement(AsyncSelect, _extends({
       autoFocus: true,
       classNamePrefix: classNamePrefix,
       isLoading: objectSchemasLoading,

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

@@ -17,6 +17,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { N0, N20, N30, R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
@@ -196,6 +197,7 @@ export var DateRangePicker = function DateRangePicker(_ref6) {
         }
       }, getDropdownLabel(option, formatMessage));
     }), isPickerOpen && isCustomSelected && /*#__PURE__*/React.createElement(CustomDateWrapper, null, /*#__PURE__*/React.createElement(DatePickersWrapper, null, /*#__PURE__*/React.createElement(DatePicker, {
+      shouldShowCalendarButton: fg('platform_linking_set_should_show_calender_button'),
       maxDate: todayDate,
       innerProps: {
         style: {
@@ -219,6 +221,7 @@ export var DateRangePicker = function DateRangePicker(_ref6) {
         }
       }
     }), /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeToLabel), /*#__PURE__*/React.createElement(DatePicker, {
+      shouldShowCalendarButton: fg('platform_linking_set_should_show_calender_button'),
       maxDate: todayDate,
       innerProps: {
         style: {

package/dist/esm/ui/issue-like-table/draggable-table-heading.js

@@ -20,8 +20,8 @@ import { FormattedMessage } from 'react-intl-next';
 import invariant from 'tiny-invariant';
 import Button from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
-import ChevronDown from '@atlaskit/icon/utility/migration/chevron-down';
-import ChevronUp from '@atlaskit/icon/utility/migration/chevron-up';
+import ChevronDown from '@atlaskit/icon/core/migration/chevron-down';
+import ChevronUp from '@atlaskit/icon/core/migration/chevron-up';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
@@ -286,7 +286,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref3) {
   // We make assumption thus that there is enough width for chevron.
   var isWideEnoughToHaveChevron = !width || width > 76;
   var shouldShowTriggerIcon = (buttonHovered || isDropdownOpen) && isWideEnoughToHaveChevron;
-  var triggerIcon = useMemo(function () {
+  var TriggerIcon = useMemo(function () {
     return shouldShowTriggerIcon ? isDropdownOpen ? ChevronUp : ChevronDown : isWideEnoughToHaveChevron ? GlyphPlaceholder : undefined;
   }, [shouldShowTriggerIcon, isDropdownOpen, isWideEnoughToHaveChevron]);
   var getTriggerButton = useCallback(function (_ref0) {
@@ -295,7 +295,11 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref3) {
     return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
       testId: "".concat(id, "-column-dropdown"),
       shouldFitContainer: true,
-      iconAfter: triggerIcon,
+      iconAfter: TriggerIcon ? function (iconProps) {
+        return /*#__PURE__*/React.createElement(TriggerIcon, _extends({}, iconProps, {
+          size: "small"
+        }));
+      } : undefined,
       ref: triggerRef,
       appearance: "subtle",
       spacing: "compact",
@@ -306,7 +310,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref3) {
         return setButtonHovered(false);
       }
     }), children);
-  }, [children, id, triggerIcon]);
+  }, [children, id, TriggerIcon]);
   var onDropdownOpenChange = useCallback(function (_ref1) {
     var isOpen = _ref1.isOpen;
     return setIsDropdownOpen(isOpen);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "4.11.11",
+	"version": "4.11.13",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -52,7 +52,7 @@
 		"@atlaskit/flag": "^17.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^26.4.0",
+		"@atlaskit/icon": "^27.0.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/inline-edit": "^15.2.0",
@@ -65,7 +65,7 @@
 		"@atlaskit/link-client-extension": "^5.0.0",
 		"@atlaskit/linking-common": "^9.0.0",
 		"@atlaskit/linking-types": "^12.0.0",
-		"@atlaskit/logo": "^19.0.0",
+		"@atlaskit/logo": "^19.1.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
@@ -78,14 +78,14 @@
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/react-select": "^2.7.0",
 		"@atlaskit/select": "^20.7.0",
-		"@atlaskit/smart-card": "^38.8.0",
+		"@atlaskit/smart-card": "^38.9.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tag": "^14.0.0",
 		"@atlaskit/temp-nav-app-icons": "^0.8.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.1.0",
+		"@atlaskit/tokens": "^5.2.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -200,6 +200,9 @@
 		},
 		"should-render-to-parent-should-be-true-linking-pla": {
 			"type": "boolean"
+		},
+		"platform_linking_set_should_show_calender_button": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/9c893299-a527-4457-9b46-f3bc4c828766"