@atlaskit/link-datasource 6.5.0 → 6.7.0

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

@@ -15,12 +15,15 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
+var _tableColumnsDistribute = _interopRequireDefault(require("@atlaskit/icon/core/table-columns-distribute"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _select = require("@atlaskit/select");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _filters = require("@atlaskit/react-select/filters");
+var _popupSelect = require("@atlaskit/select/popup-select");
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
 var _concatenatedMenuList = require("./concatenated-menu-list");
@@ -122,14 +125,14 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
       }
     }
   }, [allOptions, experienceId]);
-  return /*#__PURE__*/_react.default.createElement(_select.PopupSelect, {
+  return /*#__PURE__*/_react.default.createElement(_popupSelect.PopupSelect, {
     classNamePrefix: 'column-picker-popup',
     testId: 'column-picker-popup',
     components: {
       Option: _concatenatedMenuList.MenuItem,
       MenuList: _concatenatedMenuList.ConcatenatedMenuList
     },
-    filterOption: (0, _select.createFilter)({
+    filterOption: (0, _filters.createFilter)({
       ignoreAccents: false
     }),
     options: allOptions,
@@ -149,7 +152,18 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
     target: function target(_ref8) {
       var isOpen = _ref8.isOpen,
         triggerProps = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      if ((0, _fg.fg)('platform_lp_sllv_table_settings_menu')) {
+        return /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({}, triggerProps, {
+          appearance: "default",
+          icon: _tableColumnsDistribute.default,
+          isSelected: isOpen,
+          isTooltipDisabled: false,
+          label: intl.formatMessage(_messages.columnPickerMessages.tooltip),
+          spacing: "default",
+          testId: "column-picker-trigger-button"
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         content: intl.formatMessage(_messages.columnPickerMessages.tooltip)
       }, function (tooltipProps) {
         return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {

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

@@ -18,18 +18,20 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntl = require("react-intl");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
+var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
+var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
+var _attachClosestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/attach-closest-edge");
+var _extractClosestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge");
 var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
-var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
-var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview");
-var _pointerOutsideOfPreview = require("@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview");
-var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview");
-var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
+var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
+var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/disable-native-drag-preview");
+var _pointerOutsideOfPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/pointer-outside-of-preview");
+var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview");
+var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled");
 var _analytics = require("../../analytics");
 var _customIcons = require("./custom-icons");
 var _messages = require("./messages");
@@ -117,7 +119,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   (0, _react.useEffect)(function () {
     var cell = mainHeaderCellRef.current;
     (0, _tinyInvariant.default)(cell);
-    return (0, _combine.combine)((0, _adapter.draggable)({
+    return (0, _combine.combine)((0, _elementAdapter.draggable)({
       element: cell,
       getInitialData: function getInitialData() {
         return {
@@ -165,7 +167,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   (0, _react.useEffect)(function () {
     var dropTarget = dropTargetRef.current;
     (0, _tinyInvariant.default)(dropTarget);
-    return (0, _adapter.dropTargetForElements)({
+    return (0, _elementAdapter.dropTargetForElements)({
       element: dropTarget,
       getIsSticky: function getIsSticky() {
         return true;
@@ -177,7 +179,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
           id: id,
           index: index
         };
-        return (0, _closestEdge.attachClosestEdge)(data, {
+        return (0, _attachClosestEdge.attachClosestEdge)(data, {
           input: input,
           element: element,
           allowedEdges: ['left', 'right']
@@ -188,7 +190,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
       },
       onDrag: function onDrag(args) {
         if (args.source.data.id !== id) {
-          setClosestEdge((0, _closestEdge.extractClosestEdge)(args.self.data));
+          setClosestEdge((0, _extractClosestEdge.extractClosestEdge)(args.self.data));
         }
       },
       onDragLeave: function onDragLeave() {
@@ -202,7 +204,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
 
   // During dragging anywhere we want to remove `pointerEvents: 'none'` from all the drop targets
   (0, _react.useEffect)(function () {
-    return (0, _adapter.monitorForElements)({
+    return (0, _elementAdapter.monitorForElements)({
       canMonitor: function canMonitor(_ref7) {
         var source = _ref7.source;
         return source.data.type === 'table-header' && source.data.tableId === tableId;
@@ -228,7 +230,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     (0, _tinyInvariant.default)(resizeHandle);
     var mainHeaderCell = mainHeaderCellRef.current;
     (0, _tinyInvariant.default)(mainHeaderCell);
-    return (0, _adapter.draggable)({
+    return (0, _elementAdapter.draggable)({
       element: resizeHandle,
       getInitialData: function getInitialData() {
         // metadata related to currently dragging item (can be read by drop events etc)
@@ -296,7 +298,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   var getTriggerButton = (0, _react.useCallback)(function (_ref0) {
     var triggerRef = _ref0.triggerRef,
       props = (0, _objectWithoutProperties2.default)(_ref0, _excluded3);
-    return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, props, {
+    return /*#__PURE__*/React.createElement(_button.default, (0, _extends2.default)({}, props, {
       testId: "".concat(id, "-column-dropdown"),
       shouldFitContainer: true,
       iconAfter: TriggerIcon ? function (iconProps) {
@@ -352,7 +354,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     trigger: getTriggerButton,
     onOpenChange: onDropdownOpenChange,
     placement: 'bottom'
-  }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
+  }, /*#__PURE__*/React.createElement(_dropdownMenuItem.default, {
     elemBefore: isWrapped ? /*#__PURE__*/React.createElement(_customIcons.UnwrapTextIcon, null) : /*#__PURE__*/React.createElement(_customIcons.WrapTextIcon, null),
     testId: "".concat(id, "-column-dropdown-item-toggle-wrapping"),
     onClick: toggleWrap

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

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _layering = require("@atlaskit/layering/layering");
-var _select = _interopRequireDefault(require("@atlaskit/select"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
 var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
@@ -46,7 +46,7 @@ var IconEditType = function IconEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+  }, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
     menuPortalTarget: document.body,
     autoFocus: true,
     blurInputOnSelect: true,
@@ -70,7 +70,7 @@ var IconEditType = function IconEditType(props) {
       var source = _ref.source,
         label = _ref.label,
         text = _ref.text;
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         content: text !== null && text !== void 0 ? text : ''
       }, /*#__PURE__*/_react.default.createElement(_icon.SharedIconComponent, {
         iconUrl: source,

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

@@ -9,9 +9,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _layering = require("@atlaskit/layering/layering");
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _select = _interopRequireDefault(require("@atlaskit/select"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
 var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
@@ -46,7 +46,7 @@ var StatusEditType = function StatusEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+  }, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
     menuPortalTarget: document.body,
     autoFocus: true,
     options: options,
@@ -63,7 +63,7 @@ var StatusEditType = function StatusEditType(props) {
     labelId: labelId,
     formatOptionLabel: function formatOptionLabel(option) {
       var _option$style;
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         content: option.text
       }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
         testId: "inline-edit-status-option-".concat(option.text)

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

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _layering = require("@atlaskit/layering/layering");
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
 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); }
@@ -27,7 +27,7 @@ var TextEditType = function TextEditType(props) {
   }, [experienceId]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(_textField.default, (0, _extends2.default)({}, props, {
     autoFocus: true,
     isCompact: true,
     testId: "inline-edit-text",

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

@@ -11,10 +11,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _useDebounce = require("use-debounce");
-var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
+var _avatarItem = _interopRequireDefault(require("@atlaskit/avatar/avatar-item"));
 var _layering = require("@atlaskit/layering/layering");
-var _select = _interopRequireDefault(require("@atlaskit/select"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
 var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
@@ -76,7 +77,7 @@ var UserEditType = function UserEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+  }, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
     menuPortalTarget: document.body,
     autoFocus: true,
     defaultMenuIsOpen: true,
@@ -97,9 +98,9 @@ var UserEditType = function UserEditType(props) {
     },
     formatOptionLabel: function formatOptionLabel(option) {
       var _option$displayName;
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         content: (_option$displayName = option.displayName) !== null && _option$displayName !== void 0 ? _option$displayName : ''
-      }, /*#__PURE__*/_react.default.createElement(_avatar.AvatarItem, {
+      }, /*#__PURE__*/_react.default.createElement(_avatarItem.default, {
         avatar: /*#__PURE__*/_react.default.createElement(_avatar.default, {
           appearance: "circle",
           size: 'small',

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

@@ -51,6 +51,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirr
 .ProseMirror .pm-table-wrapper>table thead ._1pmc1b66{padding-right:var(--ds-space-050,4px)}
 .ProseMirror .pm-table-wrapper>table thead ._1pmsusvi:last-of-type{box-sizing:border-box}
 .ProseMirror .pm-table-wrapper>table thead ._1wwnusvi{box-sizing:border-box}
+.ProseMirror .pm-table-wrapper>table thead ._2k5114em:last-of-type{width:95px}
 .ProseMirror .pm-table-wrapper>table thead ._2k51ys9h:last-of-type{width:5pc}
 .ProseMirror .pm-table-wrapper>table thead ._6dd7v77o{padding-bottom:var(--ds-space-025,2px)}
 .ProseMirror .pm-table-wrapper>table thead ._7cz2v77o{padding-top:var(--ds-space-025,2px)}
@@ -118,6 +119,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirr
 ._kqsw1if8{position:sticky}
 ._kqswh2mm{position:relative}
 ._lura1osq [data-testid=datasource-header-content--container]{width:100%}
+._mgul14em:last-of-type{width:95px}
 ._mgulys9h:last-of-type{width:5pc}
 ._ml92nkob:last-of-type{vertical-align:middle}
 ._mrkbidpf{border-bottom-left-radius:0}
@@ -159,6 +161,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirr
 .pm-table-wrapper>table thead ._3mvc1tcg{line-height:24px}
 .pm-table-wrapper>table thead ._7okwusvi:last-of-type{box-sizing:border-box}
 .pm-table-wrapper>table thead ._7s0n1if8:last-of-type{position:sticky}
+.pm-table-wrapper>table thead ._efqo14em:last-of-type{width:95px}
 .pm-table-wrapper>table thead ._efqoys9h:last-of-type{width:5pc}
 .pm-table-wrapper>table thead ._gdprpxbi:last-of-type{padding-right:var(--ds-space-200,1pc)}
 .pm-table-wrapper>table thead ._mowjusic:last-of-type{text-align:right}