@atlaskit/link-datasource 2.5.10 → 2.5.12

package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _issueLikeTable = require("../../../issue-like-table");
+var _datasourceContext = require("../datasource-context");
+var Table = function Table(props) {
+  var _useDatasourceContext = (0, _datasourceContext.useDatasourceContext)(),
+    columnCustomSizes = _useDatasourceContext.columnCustomSizes,
+    onColumnResize = _useDatasourceContext.onColumnResize,
+    wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys,
+    onWrappedColumnChange = _useDatasourceContext.onWrappedColumnChange,
+    visibleColumnKeys = _useDatasourceContext.visibleColumnKeys,
+    onVisibleColumnKeysChange = _useDatasourceContext.onVisibleColumnKeysChange,
+    _useDatasourceContext2 = _useDatasourceContext.tableState,
+    status = _useDatasourceContext2.status,
+    onNextPage = _useDatasourceContext2.onNextPage,
+    responseItems = _useDatasourceContext2.responseItems,
+    hasNextPage = _useDatasourceContext2.hasNextPage,
+    columns = _useDatasourceContext2.columns,
+    defaultVisibleColumnKeys = _useDatasourceContext2.defaultVisibleColumnKeys,
+    loadDatasourceDetails = _useDatasourceContext2.loadDatasourceDetails,
+    _useDatasourceContext3 = _useDatasourceContext2.extensionKey,
+    extensionKey = _useDatasourceContext3 === void 0 ? null : _useDatasourceContext3;
+  return /*#__PURE__*/_react.default.createElement(_issueLikeTable.IssueLikeDataTableView, (0, _extends2.default)({}, props, {
+    status: status,
+    columns: columns,
+    items: responseItems,
+    hasNextPage: hasNextPage,
+    visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
+    onNextPage: onNextPage,
+    onLoadDatasourceDetails: loadDatasourceDetails,
+    onVisibleColumnKeysChange: onVisibleColumnKeysChange,
+    extensionKey: extensionKey,
+    columnCustomSizes: columnCustomSizes,
+    onColumnResize: onColumnResize,
+    wrappedColumnKeys: wrappedColumnKeys,
+    onWrappedColumnChange: (0, _platformFeatureFlags.fg)('platform.linking-platform.datasource-word_wrap') ? onWrappedColumnChange : undefined
+  }));
+};
+var _default = exports.default = Table;

package/dist/cjs/ui/common/modal/datasources-table-in-modal-preview/use-column-visibility/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColumnVisibility = void 0;
+var _react = require("react");
+var _userInteractions = require("../../../../../contexts/user-interactions");
+var _utils = require("../../../../issue-like-table/utils");
+var useColumnVisibility = exports.useColumnVisibility = function useColumnVisibility(_ref) {
+  var visibleColumnKeys = _ref.visibleColumnKeys,
+    setVisibleColumnKeys = _ref.setVisibleColumnKeys,
+    defaultVisibleColumnKeys = _ref.defaultVisibleColumnKeys,
+    initialVisibleColumnKeys = _ref.initialVisibleColumnKeys;
+  var userInteractions = (0, _userInteractions.useUserInteractions)();
+  var visibleColumnCount = (0, _react.useRef)((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
+  (0, _react.useEffect)(function () {
+    var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
+    visibleColumnCount.current = newVisibleColumnKeys.length;
+    setVisibleColumnKeys(newVisibleColumnKeys);
+  }, [initialVisibleColumnKeys, setVisibleColumnKeys, defaultVisibleColumnKeys]);
+  var onVisibleColumnKeysChange = (0, _react.useCallback)(function () {
+    var newVisibleColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var columnAction = (0, _utils.getColumnAction)(visibleColumnKeys || [], newVisibleColumnKeys);
+    userInteractions.add(columnAction);
+    visibleColumnCount.current = newVisibleColumnKeys.length;
+    setVisibleColumnKeys(newVisibleColumnKeys);
+  }, [visibleColumnKeys, setVisibleColumnKeys, userInteractions]);
+  return {
+    onVisibleColumnKeysChange: onVisibleColumnKeysChange,
+    visibleColumnCount: visibleColumnCount
+  };
+};

package/dist/cjs/ui/common/modal/insert-button/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InsertButton = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _analytics = require("../../../../analytics");
+var _types = require("../../../../analytics/types");
+var _adf = require("../../../../common/utils/adf");
+var _userInteractions = require("../../../../contexts/user-interactions");
+var _datasourceContext = require("../datasource-context");
+var _useViewModeContext2 = require("../mode-switcher/useViewModeContext");
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var InsertButton = exports.InsertButton = function InsertButton(_ref) {
+  var testId = _ref.testId,
+    url = _ref.url,
+    getAnalyticsPayload = _ref.getAnalyticsPayload,
+    children = _ref.children;
+  var _useDatasourceContext = (0, _datasourceContext.useDatasourceContext)(),
+    datasourceId = _useDatasourceContext.datasourceId,
+    parameters = _useDatasourceContext.parameters,
+    _useDatasourceContext2 = _useDatasourceContext.tableState,
+    status = _useDatasourceContext2.status,
+    totalCount = _useDatasourceContext2.totalCount,
+    isValidParameters = _useDatasourceContext.isValidParameters,
+    visibleColumnCount = _useDatasourceContext.visibleColumnCount,
+    visibleColumnKeys = _useDatasourceContext.visibleColumnKeys,
+    columnCustomSizes = _useDatasourceContext.columnCustomSizes,
+    wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys,
+    onInsert = _useDatasourceContext.onInsert;
+  var userInteractions = (0, _userInteractions.useUserInteractions)();
+  var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
+    currentViewMode = _useViewModeContext.currentViewMode;
+  var isInsertDisabled = !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
+  var onInsertPressed = (0, _react.useCallback)(function (e, analyticsEvent) {
+    var _insertButtonClickedE;
+    if (!parameters || !isValidParameters(parameters) || !url) {
+      return;
+    }
+    var insertButtonClickedEvent = analyticsEvent.update({
+      actionSubjectId: 'insert',
+      attributes: _objectSpread(_objectSpread({}, getAnalyticsPayload()), {}, {
+        totalItemCount: totalCount || 0,
+        displayedColumnCount: visibleColumnCount.current,
+        display: currentViewMode === 'inline' ? _types.DatasourceDisplay.DATASOURCE_INLINE : _types.DatasourceDisplay.DATASOURCE_TABLE,
+        searchMethod: _types.DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
+        actions: userInteractions.get()
+      }),
+      eventType: 'ui'
+    });
+    var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
+    insertButtonClickedEvent.fire(_analytics.EVENT_CHANNEL);
+    if (currentViewMode === 'inline') {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url: url
+        }
+      }, consumerEvent);
+    } else {
+      onInsert((0, _adf.buildDatasourceAdf)({
+        id: datasourceId,
+        parameters: parameters,
+        views: [{
+          type: 'table',
+          properties: {
+            columns: (visibleColumnKeys || []).map(function (key) {
+              var width = columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key];
+              var isWrapped = wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(key);
+              return _objectSpread(_objectSpread({
+                key: key
+              }, width ? {
+                width: width
+              } : {}), isWrapped ? {
+                isWrapped: isWrapped
+              } : {});
+            })
+          }
+        }]
+      }, url), consumerEvent);
+    }
+  }, [isValidParameters, parameters, url, getAnalyticsPayload, totalCount, visibleColumnCount, currentViewMode, userInteractions, onInsert, datasourceId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
+  return (0, _react2.jsx)(_standardButton.default, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: isInsertDisabled,
+    testId: testId
+  }, children);
+};

package/dist/cjs/ui/{jira-issues-modal → common/modal}/mode-switcher/index.js

@@ -4,12 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ModeSwitcher = void 0;
+exports.ModeSwitcher = exports.DatasourceViewModeDropDown = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _types = require("../../../../analytics/types");
+var _userInteractions = require("../../../../contexts/user-interactions");
+var _displayViewDropDown = require("../display-view-dropdown/display-view-drop-down");
+var _useViewModeContext2 = require("./useViewModeContext");
 /** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -112,4 +116,18 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
       }));
     });
   })) : null;
+};
+var DatasourceViewModeDropDown = exports.DatasourceViewModeDropDown = function DatasourceViewModeDropDown() {
+  var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
+    currentViewMode = _useViewModeContext.currentViewMode,
+    setCurrentViewMode = _useViewModeContext.setCurrentViewMode;
+  var userInteractions = (0, _userInteractions.useUserInteractions)();
+  var handleViewModeChange = function handleViewModeChange(selectedMode) {
+    userInteractions.add(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
+    setCurrentViewMode(selectedMode);
+  };
+  return (0, _react2.jsx)(_displayViewDropDown.DisplayViewDropDown, {
+    onViewModeChange: handleViewModeChange,
+    viewMode: currentViewMode
+  });
 };

package/dist/cjs/ui/common/modal/mode-switcher/useViewModeContext.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useViewModeContext = exports.DatasourceViewModeProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+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 && Object.prototype.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; }
+/** @jsx jsx */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var ViewModeContext = /*#__PURE__*/(0, _react.createContext)(null);
+var DatasourceViewModeProvider = exports.DatasourceViewModeProvider = function DatasourceViewModeProvider(_ref) {
+  var initialViewMode = _ref.viewMode,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(initialViewMode),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentViewMode = _useState2[0],
+    setCurrentViewMode = _useState2[1];
+  var value = (0, _react.useMemo)(function () {
+    return {
+      currentViewMode: currentViewMode,
+      setCurrentViewMode: setCurrentViewMode
+    };
+  }, [currentViewMode, setCurrentViewMode]);
+  return (0, _react2.jsx)(ViewModeContext.Provider, {
+    value: value
+  }, children);
+};
+var useViewModeContext = exports.useViewModeContext = function useViewModeContext() {
+  var value = (0, _react.useContext)(ViewModeContext);
+  if (!value) {
+    throw new Error('useViewModeContext must be called within DatasourceViewModeProvider');
+  }
+  return value;
+};

package/dist/cjs/ui/confluence-search-modal/modal/ModalOld.js

@@ -32,12 +32,12 @@ var _cancelButton = require("../../common/modal/cancel-button");
 var _contentContainer = require("../../common/modal/content-container");
 var _countViewSmartLink = require("../../common/modal/count-view-smart-link");
 var _datasourceModal = require("../../common/modal/datasource-modal");
+var _useColumnResize2 = require("../../common/modal/datasources-table-in-modal-preview/use-column-resize");
+var _useColumnWrapping2 = require("../../common/modal/datasources-table-in-modal-preview/use-column-wrapping");
 var _displayViewDropDown = require("../../common/modal/display-view-dropdown/display-view-drop-down");
 var _searchCount = _interopRequireDefault(require("../../common/modal/search-count"));
 var _siteSelector = require("../../common/modal/site-selector");
 var _issueLikeTable = require("../../issue-like-table");
-var _useColumnResize2 = require("../../issue-like-table/use-column-resize");
-var _useColumnWrapping2 = require("../../issue-like-table/use-column-wrapping");
 var _utils = require("../../issue-like-table/utils");
 var _confluenceSearchContainer = _interopRequireDefault(require("../confluence-search-container"));
 var _confluenceSearchInitialStateSvg = require("./confluence-search-initial-state-svg");