@atlaskit/link-datasource 3.19.2 → 3.20.0

package/dist/cjs/ui/issue-like-table/drag-column-preview-old.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragColumnPreviewOld = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _colors = require("@atlaskit/theme/colors");
+var _typography = require("@atlaskit/theme/typography");
+var _styled2 = require("./styled");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var maxWidth = '200px';
+var firstLastChildOverride = "\n  &:first-of-type, &:last-of-type {\n    padding-left: ".concat("var(--ds-space-100, 8px)", ";\n    padding-right: ", "var(--ds-space-100, 8px)", ";\n  }\n");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var TablePreviewHeading = (0, _styled.default)(_styled2.TableHeading)({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  background: "var(--ds-background-disabled, #091E4224)",
+  maxWidth: maxWidth
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+firstLastChildOverride);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var TablePreviewCell = _styled.default.td({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  maxWidth: maxWidth,
+  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
+  boxSizing: 'border-box',
+  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+  height: '30px'
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+firstLastChildOverride);
+var tableStyles = (0, _react2.css)({
+  background: "var(--ds-surface, #FFF)",
+  borderCollapse: 'separate',
+  borderSpacing: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  font: "var(--ds-font-body, ".concat(_typography.fontFallback.body.medium, ")"),
+  maxWidth: maxWidth
+});
+var DragColumnPreviewOld = exports.DragColumnPreviewOld = function DragColumnPreviewOld(_ref) {
+  var title = _ref.title,
+    rows = _ref.rows;
+  return (0, _react2.jsx)("table", {
+    css: tableStyles
+  }, (0, _react2.jsx)("thead", null, (0, _react2.jsx)("tr", null, (0, _react2.jsx)(TablePreviewHeading, null, title))), (0, _react2.jsx)("tbody", null, rows.map(function (data, i) {
+    return (0, _react2.jsx)("tr", {
+      key: i
+    }, (0, _react2.jsx)(TablePreviewCell, null, data));
+  }), (0, _react2.jsx)("tr", null, (0, _react2.jsx)(TablePreviewCell, null, "..."))));
+};

package/dist/cjs/ui/issue-like-table/drag-column-preview.compiled.css

@@ -0,0 +1,51 @@
+
+._19itidpf, .ProseMirror .pm-table-wrapper>table thead ._aks5idpf, .pm-table-wrapper>table thead ._1u3bidpf{border:0}.ProseMirror .pm-table-wrapper>table thead.has-column-picker ._1hkzidpf:nth-last-of-type(2), .pm-table-wrapper>table thead.has-column-picker ._1r3pidpf:nth-last-of-type(2), thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
+._1ls2idpf:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._ocbzidpf:last-of-type, .pm-table-wrapper>table thead ._3tfiidpf:last-of-type{border-right:0}
+._1s7zl0fh, .ProseMirror .pm-table-wrapper>table thead ._1o9ml0fh, .pm-table-wrapper>table thead ._1oupl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
+._n7zl1on0, .ProseMirror .pm-table-wrapper>table thead ._1fqk1on0, .pm-table-wrapper>table thead ._1vvv1on0{border-bottom:2px solid var(--ds-border,#dfe1e6)}
+._n7zll0fh{border-bottom:.5px solid var(--ds-border,#dfe1e6)}
+._11681tcg [data-testid=datasource-header-content--container]{line-height:24px}
+._11j11b66 [data-testid=datasource-header-content--container]{padding-right:var(--ds-space-050,4px)}
+._12pn15vq [data-testid=datasource-header-content--container]{overflow-x:hidden}
+._18m915vq{overflow-y:hidden}
+._198v15vq [data-testid=datasource-header-content--container]{overflow-y:hidden}
+._19bv1b66, .ProseMirror .pm-table-wrapper>table thead ._9iya1b66, .pm-table-wrapper>table thead ._15hu1b66{padding-left:var(--ds-space-050,4px)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1bto1l2s{text-overflow:ellipsis}
+._1djhu2gc:first-of-type, ._1o59u2gc:last-of-type{padding-right:var(--ds-space-100,8px)}
+._1eqz4jg8 [data-testid=datasource-header-content--container]{white-space:normal}
+._1lhc1b66:first-of-type, .ProseMirror .pm-table-wrapper>table thead ._n2z81b66:first-of-type, .pm-table-wrapper>table thead ._3ixo1b66:first-of-type{padding-left:var(--ds-space-050,4px)}
+._1lhcu2gc:first-of-type, ._u128u2gc:last-of-type{padding-left:var(--ds-space-100,8px)}
+._1nd0cs5v [data-testid=datasource-header-content--container]{-webkit-line-clamp:2}
+._1reo15vq{overflow-x:hidden}
+._1t0u1e54 [data-testid=datasource-header-content--container]{-webkit-box-orient:vertical}
+._1xanv77o [data-testid=datasource-header-content--container]{padding-bottom:var(--ds-space-025,2px)}
+._4t3i1ul9{height:30px}
+._4t3iqagn, .ProseMirror .pm-table-wrapper>table thead ._qccgqagn, .pm-table-wrapper>table thead ._xo89qagn{height:calc(50px + var(--ds-space-025, 2px)*4)}
+._8lvj1b66 [data-testid=datasource-header-content--container]{padding-left:var(--ds-space-050,4px)}
+._95ex1hna [data-testid=datasource-header-content--container]{word-wrap:break-word}
+._ab8av77o [data-testid=datasource-header-content--container]{padding-top:var(--ds-space-025,2px)}
+._bfhk98cj{background-color:var(--ds-background-disabled,#091e4224)}
+._bfhkchd4, .ProseMirror .pm-table-wrapper>table thead ._i7olchd4, .pm-table-wrapper>table thead ._1oe6chd4{background-color:var(--ds-elevation-surface-current,#fff)}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._btyzidpf{border-spacing:0}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._ca0qv77o, .ProseMirror .pm-table-wrapper>table thead ._7cz2v77o, .pm-table-wrapper>table thead ._pcwyv77o{padding-top:var(--ds-space-025,2px)}
+._iscccj1k [data-testid=datasource-header-content--container]{display:-webkit-box}
+._kqswh2mm, .ProseMirror .pm-table-wrapper>table thead ._rc4eh2mm, .pm-table-wrapper>table thead ._q46wh2mm{position:relative}
+._lura1osq [data-testid=datasource-header-content--container]{width:100%}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._n3tdv77o, .ProseMirror .pm-table-wrapper>table thead ._6dd7v77o, .pm-table-wrapper>table thead ._191qv77o{padding-bottom:var(--ds-space-025,2px)}
+._o5721q9c{white-space:nowrap}
+._p12fuuw1{max-width:200px}
+._s7n4yfq0, .ProseMirror .pm-table-wrapper>table thead ._ntwryfq0, .pm-table-wrapper>table thead ._3eneyfq0{vertical-align:bottom}
+._u5f31b66, .ProseMirror .pm-table-wrapper>table thead ._1pmc1b66, .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._u6rd4rgb font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._v2gl1m4d font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._vchhusvi, .ProseMirror .pm-table-wrapper>table thead ._1wwnusvi, .pm-table-wrapper>table thead ._1gbausvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._vwz41tcg, .ProseMirror .pm-table-wrapper>table thead ._s99e1tcg, .pm-table-wrapper>table thead ._3mvc1tcg{line-height:24px}
+._x3fx1ryd font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._yq5h18uv{border-collapse:initial}
+._zzcc92k5 font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}

package/dist/cjs/ui/issue-like-table/drag-column-preview.js

@@ -1,67 +1,90 @@
+/* drag-column-preview.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DragColumnPreview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+require("./drag-column-preview.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
-var _styled2 = require("./styled");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _dragColumnPreviewOld = require("./drag-column-preview-old");
+var _excluded = ["as", "style"],
+  _excluded2 = ["as", "style"],
+  _excluded3 = ["as", "style"];
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+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; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
+var TableHeading = (0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "th" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_19itidpf _aks5idpf _1u3bidpf _1s7zl0fh _1o9ml0fh _1oupl0fh _n7zl1on0 _1fqk1on0 _1vvv1on0 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
+  }));
+});
 
-var maxWidth = '200px';
-var firstLastChildOverride = "\n  &:first-of-type, &:last-of-type {\n    padding-left: ".concat("var(--ds-space-100, 8px)", ";\n    padding-right: ", "var(--ds-space-100, 8px)", ";\n  }\n");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var TablePreviewHeading = (0, _styled.default)(_styled2.TableHeading)({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  background: "var(--ds-background-disabled, #091E4224)",
-  maxWidth: maxWidth
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-firstLastChildOverride);
+if (process.env.NODE_ENV !== 'production') {
+  TableHeading.displayName = 'TableHeading';
+}
+var TablePreviewHeading = (0, _react.forwardRef)(function (_ref2, __cmplr) {
+  var _ref2$as = _ref2.as,
+    C = _ref2$as === void 0 ? TableHeading : _ref2$as,
+    __cmpls = _ref2.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c _bfhk98cj _p12fuuw1 _1lhcu2gc _u128u2gc _1djhu2gc _1o59u2gc", __cmplp.className])
+  }));
+});
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var TablePreviewCell = _styled.default.td({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  maxWidth: maxWidth,
-  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
-  boxSizing: 'border-box',
-  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
-  height: '30px'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-firstLastChildOverride);
-var tableStyles = (0, _react2.css)({
-  background: "var(--ds-surface, #FFF)",
-  borderCollapse: 'separate',
-  borderSpacing: 0,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-body, ".concat(_typography.fontFallback.body.medium, ")"),
-  maxWidth: maxWidth
+if (process.env.NODE_ENV !== 'production') {
+  TablePreviewHeading.displayName = 'TablePreviewHeading';
+}
+var TablePreviewCell = (0, _react.forwardRef)(function (_ref3, __cmplr) {
+  var _ref3$as = _ref3.as,
+    C = _ref3$as === void 0 ? "td" : _ref3$as,
+    __cmpls = _ref3.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _n7zll0fh _1bto1l2s _o5721q9c _p12fuuw1 _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _vchhusvi _4t3i1ul9 _1lhcu2gc _u128u2gc _1djhu2gc _1o59u2gc", __cmplp.className])
+  }));
 });
-var DragColumnPreview = exports.DragColumnPreview = function DragColumnPreview(_ref) {
-  var title = _ref.title,
-    rows = _ref.rows;
-  return (0, _react2.jsx)("table", {
-    css: tableStyles
-  }, (0, _react2.jsx)("thead", null, (0, _react2.jsx)("tr", null, (0, _react2.jsx)(TablePreviewHeading, null, title))), (0, _react2.jsx)("tbody", null, rows.map(function (data, i) {
-    return (0, _react2.jsx)("tr", {
+if (process.env.NODE_ENV !== 'production') {
+  TablePreviewCell.displayName = 'TablePreviewCell';
+}
+var tableStyles = null;
+var DragColumnPreviewNew = function DragColumnPreviewNew(_ref4) {
+  var title = _ref4.title,
+    rows = _ref4.rows;
+  return /*#__PURE__*/_react.default.createElement("table", {
+    className: (0, _runtime.ax)(["_bfhkvuon _yq5h18uv _btyzidpf _p12fuuw1 _zzcc92k5 _x3fx1ryd _u6rd4rgb _v2gl1m4d"])
+  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(TablePreviewHeading, null, title))), /*#__PURE__*/_react.default.createElement("tbody", null, rows.map(function (data, i) {
+    return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
-    }, (0, _react2.jsx)(TablePreviewCell, null, data));
-  }), (0, _react2.jsx)("tr", null, (0, _react2.jsx)(TablePreviewCell, null, "..."))));
+    }, /*#__PURE__*/_react.default.createElement(TablePreviewCell, null, data));
+  }), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(TablePreviewCell, null, "..."))));
+};
+var DragColumnPreview = exports.DragColumnPreview = function DragColumnPreview(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(DragColumnPreviewNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_dragColumnPreviewOld.DragColumnPreviewOld, props);
+  }
 };

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

@@ -0,0 +1,394 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DraggableTableHeadingOld = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+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 _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
+var _boxWithoutTerminal = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box-without-terminal");
+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 _analytics = require("../../analytics");
+var _customIcons = require("./custom-icons");
+var _messages = require("./messages");
+var _styled2 = require("./styled");
+var _utils = require("./utils");
+var _excluded = ["triggerRef"];
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+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; }
+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; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var DropdownParent = _styled.default.div({
+  display: 'flex',
+  alignItems: 'center',
+  whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& button': {
+    textAlign: 'left' /* By default button center in the middle without props to control it */,
+    height: 'auto' /* By default button is not happy with tall (up to lines in our case) content */,
+    paddingBlock: "var(--ds-space-0, 0px)",
+    paddingLeft: "var(--ds-space-0, 0px)" /* By default button's padding left and right is 8 + 4. We control that 8, so left with 4 that we need.  */,
+    paddingRight: "var(--ds-space-0, 0px)"
+  }
+});
+var dropTargetStyles = (0, _react2.css)({
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  width: '100%'
+});
+var noPointerEventsStyles = (0, _react2.css)({
+  pointerEvents: 'none'
+});
+var resizerStyles = (0, _react2.css)({
+  '--local-hitbox-width': "var(--ds-space-300, 24px)",
+  width: 'var(--local-hitbox-width)',
+  cursor: 'col-resize',
+  flexGrow: '0',
+  position: 'absolute',
+  zIndex: 1,
+  // we want this to sit on top of adjacent column headers
+  right: 'calc(-1 * calc(var(--local-hitbox-width) / 2))',
+  top: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  '::before': {
+    opacity: 0,
+    '--local-line-width': "var(--ds-border-width, 2px)",
+    content: '""',
+    position: 'absolute',
+    background: "var(--ds-border-brand, #0052CC)",
+    width: 'var(--local-line-width)',
+    inset: 0,
+    left: "calc(50% - calc(var(--local-line-width) / 2))",
+    transition: 'opacity 0.2s ease'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  ':hover::before': {
+    opacity: 1
+  }
+});
+var resizingStyles = (0, _react2.css)({
+  // turning off the resizing cursor as sometimes it can cause the cursor to flicker
+  // while resizing. The browser controls the cursor while dragging, but the browser
+  // can sometimes bug out.
+  cursor: 'unset',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  '::before': {
+    opacity: 1
+  }
+});
+var idleState = {
+  type: 'idle'
+};
+var draggingState = {
+  type: 'dragging'
+};
+var DraggableTableHeadingOld = exports.DraggableTableHeadingOld = function DraggableTableHeadingOld(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    index = _ref.index,
+    tableId = _ref.tableId,
+    dndPreviewHeight = _ref.dndPreviewHeight,
+    dragPreview = _ref.dragPreview,
+    width = _ref.width,
+    onWidthChange = _ref.onWidthChange,
+    isWrapped = _ref.isWrapped,
+    onIsWrappedChange = _ref.onIsWrappedChange;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var mainHeaderCellRef = (0, _react.useRef)(null);
+  var columnResizeHandleRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(idleState),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isDraggingAnyColumn = _useState4[0],
+    setIsDraggingAnyColumn = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    closestEdge = _useState6[0],
+    setClosestEdge = _useState6[1];
+  var dropTargetRef = (0, _react.useRef)(null);
+  /**
+   * When width is not set (or callback is not set) we assume not resizing is needed.
+   * In our case width won't be set for last cell when table container is bigger than sum of all columns
+   */
+  var resizeIsEnabled = !!onWidthChange && !!width;
+  (0, _react.useEffect)(function () {
+    var cell = mainHeaderCellRef.current;
+    (0, _tinyInvariant.default)(cell);
+    return (0, _combine.combine)((0, _adapter.draggable)({
+      element: cell,
+      getInitialData: function getInitialData() {
+        return {
+          type: 'table-header',
+          id: id,
+          index: index,
+          tableId: tableId
+        };
+      },
+      onGenerateDragPreview: function onGenerateDragPreview(_ref2) {
+        var nativeSetDragImage = _ref2.nativeSetDragImage;
+        (0, _setCustomNativeDragPreview.setCustomNativeDragPreview)({
+          getOffset: (0, _pointerOutsideOfPreview.pointerOutsideOfPreview)({
+            x: '18px',
+            y: '18px'
+          }),
+          render: function render(_ref3) {
+            var container = _ref3.container;
+            // Cause a `react` re-render to create your portal synchronously
+            setState({
+              type: 'preview',
+              container: container
+            });
+            // In our cleanup function: cause a `react` re-render to create remove your portal
+            // Note: you can also remove the portal in `onDragStart`,
+            // which is when the cleanup function is called
+            return function () {
+              return setState(draggingState);
+            };
+          },
+          nativeSetDragImage: nativeSetDragImage
+        });
+      },
+      onDragStart: function onDragStart() {
+        setState(draggingState);
+      },
+      onDrop: function onDrop() {
+        setState(idleState);
+      }
+    }));
+  }, [id, index, tableId]);
+
+  // Here we handle drop target, that in our case is absolutely positioned div that covers full width and height
+  // of this column (has height of whole table). It sits on top of everything, but has `pointerEvents: 'none'` by default
+  (0, _react.useEffect)(function () {
+    var dropTarget = dropTargetRef.current;
+    (0, _tinyInvariant.default)(dropTarget);
+    return (0, _adapter.dropTargetForElements)({
+      element: dropTarget,
+      getIsSticky: function getIsSticky() {
+        return true;
+      },
+      getData: function getData(_ref4) {
+        var input = _ref4.input,
+          element = _ref4.element;
+        var data = {
+          id: id,
+          index: index
+        };
+        return (0, _closestEdge.attachClosestEdge)(data, {
+          input: input,
+          element: element,
+          allowedEdges: ['left', 'right']
+        });
+      },
+      canDrop: function canDrop(args) {
+        return args.source.data.type === 'table-header' && args.source.data.tableId === tableId;
+      },
+      onDrag: function onDrag(args) {
+        if (args.source.data.id !== id) {
+          setClosestEdge((0, _closestEdge.extractClosestEdge)(args.self.data));
+        }
+      },
+      onDragLeave: function onDragLeave() {
+        setClosestEdge(null);
+      },
+      onDrop: function onDrop() {
+        setClosestEdge(null);
+      }
+    });
+  }, [id, index, tableId]);
+
+  // During dragging anywhere we want to remove `pointerEvents: 'none'` from all the drop targets
+  (0, _react.useEffect)(function () {
+    return (0, _adapter.monitorForElements)({
+      canMonitor: function canMonitor(_ref5) {
+        var source = _ref5.source;
+        return source.data.type === 'table-header' && source.data.tableId === tableId;
+      },
+      onDragStart: function onDragStart() {
+        /**
+         * Should cause a synchronous re-render.
+         */
+        setIsDraggingAnyColumn(true);
+      },
+      onDrop: function onDrop() {
+        setIsDraggingAnyColumn(false);
+      }
+    });
+  }, [tableId]);
+
+  // Handling column resizing
+  (0, _react.useEffect)(function () {
+    if (!resizeIsEnabled) {
+      return;
+    }
+    var resizeHandle = columnResizeHandleRef.current;
+    (0, _tinyInvariant.default)(resizeHandle);
+    var mainHeaderCell = mainHeaderCellRef.current;
+    (0, _tinyInvariant.default)(mainHeaderCell);
+    return (0, _adapter.draggable)({
+      element: resizeHandle,
+      getInitialData: function getInitialData() {
+        // metadata related to currently dragging item (can be read by drop events etc)
+        return {
+          type: 'column-resize',
+          id: id,
+          index: index,
+          tableId: tableId
+        };
+      },
+      // Is called when dragging started
+      onGenerateDragPreview: function onGenerateDragPreview(_ref6) {
+        var nativeSetDragImage = _ref6.nativeSetDragImage;
+        // We don't show any preview, since column separator (handle) is moving with the cursor
+        (0, _disableNativeDragPreview.disableNativeDragPreview)({
+          nativeSetDragImage: nativeSetDragImage
+        });
+        // Block drag operations outside `@atlaskit/pragmatic-drag-and-drop`
+        _preventUnhandled.preventUnhandled.start();
+        setState({
+          type: 'resizing',
+          initialWidth: width
+        });
+      },
+      onDrag: function onDrag(_ref7) {
+        var location = _ref7.location;
+        var relativeDistanceX = location.current.input.clientX - location.initial.input.clientX;
+        (0, _tinyInvariant.default)(state.type === 'resizing');
+        var initialWidth = state.initialWidth;
+
+        // Set the width of our header being resized
+        var proposedWidth = initialWidth + relativeDistanceX;
+        if (proposedWidth < (0, _utils.getColumnMinWidth)(id)) {
+          proposedWidth = (0, _utils.getColumnMinWidth)(id);
+        }
+
+        // We update width css directly live
+        mainHeaderCell.style.setProperty('width', "".concat(proposedWidth, "px"));
+      },
+      onDrop: function onDrop() {
+        _preventUnhandled.preventUnhandled.stop();
+        setState(idleState);
+        if (onWidthChange) {
+          var cssWidth = +mainHeaderCell.style.getPropertyValue('width').slice(0, -2);
+          onWidthChange(cssWidth);
+        }
+      }
+    });
+  }, [id, index, onWidthChange, resizeIsEnabled, state, tableId, width]);
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    buttonHovered = _useState8[0],
+    setButtonHovered = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    isDropdownOpen = _useState10[0],
+    setIsDropdownOpen = _useState10[1];
+  // Width is not set when it is a last cell in a wide table.
+  // 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 () {
+    return shouldShowTriggerIcon ? isDropdownOpen ? _chevronUp.default : _chevronDown.default : isWideEnoughToHaveChevron ? _customIcons.GlyphPlaceholder : undefined;
+  }, [shouldShowTriggerIcon, isDropdownOpen, isWideEnoughToHaveChevron]);
+  var getTriggerButton = (0, _react.useCallback)(function (_ref8) {
+    var triggerRef = _ref8.triggerRef,
+      props = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
+    return (0, _react2.jsx)(_new.default, (0, _extends2.default)({}, props, {
+      testId: "".concat(id, "-column-dropdown"),
+      shouldFitContainer: true,
+      iconAfter: triggerIcon,
+      ref: triggerRef,
+      appearance: "subtle",
+      spacing: "compact",
+      onMouseEnter: function onMouseEnter() {
+        return setButtonHovered(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setButtonHovered(false);
+      }
+    }), children);
+  }, [children, id, triggerIcon]);
+  var onDropdownOpenChange = (0, _react.useCallback)(function (_ref9) {
+    var isOpen = _ref9.isOpen;
+    return setIsDropdownOpen(isOpen);
+  }, []);
+  var toggleWrap = (0, _react.useCallback)(function () {
+    if (!onIsWrappedChange) {
+      return;
+    }
+    var nextIsWrap = !(isWrapped || false);
+    if (nextIsWrap) {
+      fireEvent('ui.button.clicked.wrap', {});
+    } else {
+      fireEvent('ui.button.clicked.unwrap', {});
+    }
+    onIsWrappedChange(nextIsWrap);
+  }, [fireEvent, isWrapped, onIsWrappedChange]);
+  return (0, _react2.jsx)(_styled2.TableHeading, {
+    ref: mainHeaderCellRef,
+    "data-testid": "".concat(id, "-column-heading"),
+    style: _objectSpread({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      cursor: 'grab'
+    }, (0, _utils.getWidthCss)({
+      shouldUseWidth: resizeIsEnabled,
+      width: width
+    }))
+  }, resizeIsEnabled ? (0, _react2.jsx)("div", {
+    ref: columnResizeHandleRef,
+    css: [resizerStyles, state.type === 'resizing' && resizingStyles],
+    style: {
+      height: "".concat(dndPreviewHeight, "px")
+    },
+    "data-testid": "column-resize-handle"
+  }) : null, onIsWrappedChange ? (0, _react2.jsx)(DropdownParent, null, (0, _react2.jsx)(_dropdownMenu.default, {
+    trigger: getTriggerButton,
+    onOpenChange: onDropdownOpenChange,
+    placement: 'bottom'
+  }, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
+    elemBefore: isWrapped ? (0, _react2.jsx)(_customIcons.UnwrapTextIcon, null) : (0, _react2.jsx)(_customIcons.WrapTextIcon, null),
+    testId: "".concat(id, "-column-dropdown-item-toggle-wrapping"),
+    onClick: toggleWrap
+  }, isWrapped ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.unwrapText) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.wrapText)))) : children, (0, _react2.jsx)("div", {
+    ref: dropTargetRef,
+    css: [dropTargetStyles, isDraggingAnyColumn ? null : noPointerEventsStyles],
+    style: {
+      height: "".concat(dndPreviewHeight, "px")
+    },
+    "data-testid": 'column-drop-target'
+  }, closestEdge && (0, _react2.jsx)(_boxWithoutTerminal.DropIndicator, {
+    edge: closestEdge
+  })), state.type === 'preview' ? /*#__PURE__*/_reactDom.default.createPortal(dragPreview, state.container) : null);
+};