@atlaskit/link-datasource 3.22.7 → 4.0.0

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

@@ -1,184 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnPickerOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _board = _interopRequireDefault(require("@atlaskit/icon/core/migration/board"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
-var _primitives = require("@atlaskit/primitives");
-var _select = require("@atlaskit/select");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _ufoExperiences = require("../../../analytics/ufoExperiences");
-var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
-var _concatenatedMenuList = require("./concatenated-menu-list");
-var _messages = require("./messages");
-var _excluded = ["isOpen"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var chevronIconStyles = (0, _primitives.xcss)({
-  display: 'flex',
-  alignItems: 'center'
-});
-var ColumnPickerOld = exports.ColumnPickerOld = function ColumnPickerOld(_ref) {
-  var columns = _ref.columns,
-    selectedColumnKeys = _ref.selectedColumnKeys,
-    onSelectedColumnKeysChange = _ref.onSelectedColumnKeysChange,
-    onOpen = _ref.onOpen;
-  var intl = (0, _reactIntlNext.useIntl)();
-  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    allOptions = _useState2[0],
-    setAllOptions = _useState2[1];
-  var pickerRef = (0, _react.useRef)(null);
-  var mapColumnToOption = (0, _react.useCallback)(function (_ref2) {
-    var key = _ref2.key,
-      title = _ref2.title;
-    return {
-      label: title,
-      value: key
-    };
-  }, []);
-  var selectedOptions = columns.filter(function (_ref3) {
-    var key = _ref3.key;
-    return selectedColumnKeys.includes(key);
-  }).map(mapColumnToOption);
-  (0, _react.useEffect)(function () {
-    setAllOptions(columns.filter(function (_ref4) {
-      var title = _ref4.title;
-      return title;
-    }).map(mapColumnToOption));
-  }, [columns, mapColumnToOption]);
-  var handleChange = (0, _react.useCallback)(function (selectedOptions) {
-    var selectedValues = selectedOptions.map(function (_ref5) {
-      var value = _ref5.value;
-      return value;
-    });
-    selectedValues.sort(function (a, b) {
-      var indexB = columns.findIndex(function (_ref6) {
-        var key = _ref6.key;
-        return key === b;
-      });
-      var indexA = columns.findIndex(function (_ref7) {
-        var key = _ref7.key;
-        return key === a;
-      });
-      return indexA - indexB;
-    });
-    onSelectedColumnKeysChange(selectedValues);
-  }, [columns, onSelectedColumnKeysChange]);
-  var sortSelectedColumnsTop = (0, _react.useCallback)(function () {
-    if (!allOptions.length) {
-      return;
-    }
-    var nonSelectedOptions = allOptions.filter(function (option) {
-      return !selectedOptions.find(function (selectedOption) {
-        return selectedOption.value === option.value;
-      });
-    });
-    var sortedOptions = [].concat((0, _toConsumableArray2.default)(selectedOptions), (0, _toConsumableArray2.default)(nonSelectedOptions));
-    sortedOptions.length > 0 && setAllOptions(sortedOptions);
-  }, [allOptions, selectedOptions]);
-  var stopEscapePropagationWhenOpen = function stopEscapePropagationWhenOpen(e) {
-    if (e.key === 'Escape') {
-      e.stopPropagation();
-    }
-  };
-  var handleOpen = (0, _react.useCallback)(function () {
-    onOpen && onOpen();
-    void sortSelectedColumnsTop();
-  }, [onOpen, sortSelectedColumnsTop]);
-
-  // If only 1 option is selected, disable it since we don't want user to uncheck everything
-  var handleIsOptionDisabled = function handleIsOptionDisabled(option, selectValue) {
-    return selectValue.length === 1 && selectValue.some(function (selectedValue) {
-      return selectedValue.value === option.value;
-    });
-  };
-  (0, _react.useEffect)(function () {
-    if (allOptions.length) {
-      var _pickerRef$current;
-      // necessary to refocus the search input after the loading state
-      pickerRef === null || pickerRef === void 0 || (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 || (_pickerRef$current = _pickerRef$current.selectRef) === null || _pickerRef$current === void 0 || (_pickerRef$current = _pickerRef$current.select) === null || _pickerRef$current === void 0 || (_pickerRef$current = _pickerRef$current.inputRef) === null || _pickerRef$current === void 0 || _pickerRef$current.focus();
-    }
-  }, [allOptions]);
-  (0, _react.useEffect)(function () {
-    if (allOptions.length) {
-      if (experienceId) {
-        (0, _ufoExperiences.succeedUfoExperience)({
-          name: 'column-picker-rendered'
-        }, experienceId);
-      }
-    }
-  }, [allOptions, experienceId]);
-  return (0, _react2.jsx)(_select.PopupSelect, {
-    classNamePrefix: 'column-picker-popup',
-    testId: 'column-picker-popup',
-    components: {
-      Option: _select.CheckboxOption,
-      MenuList: _concatenatedMenuList.ConcatenatedMenuList
-    },
-    filterOption: (0, _select.createFilter)({
-      ignoreAccents: false
-    }),
-    options: allOptions,
-    value: selectedOptions
-    // @ts-ignore - https://product-fabric.atlassian.net/browse/DSP-21000
-    ,
-    onOpen: handleOpen,
-    closeMenuOnSelect: false,
-    hideSelectedOptions: false,
-    id: 'column-picker-popup',
-    isMulti: true,
-    ref: pickerRef,
-    isOptionDisabled: handleIsOptionDisabled,
-    placeholder: intl.formatMessage(_messages.columnPickerMessages.search),
-    onKeyDown: stopEscapePropagationWhenOpen,
-    label: "Search for fields",
-    onChange: handleChange,
-    isLoading: allOptions.length === 0,
-    target: function target(_ref8) {
-      var isOpen = _ref8.isOpen,
-        triggerProps = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
-      return (0, _react2.jsx)(_tooltip.default, {
-        content: intl.formatMessage(_messages.columnPickerMessages.tooltip)
-      }, function (tooltipProps) {
-        return (0, _react2.jsx)(_new.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
-          isSelected: isOpen,
-          spacing: "compact",
-          appearance: "subtle",
-          testId: "column-picker-trigger-button",
-          iconBefore: function iconBefore() {
-            return (0, _react2.jsx)(_primitives.Box, {
-              as: "span",
-              xcss: chevronIconStyles
-            }, (0, _react2.jsx)(_board.default, {
-              color: "currentColor",
-              label: "board",
-              LEGACY_size: "medium",
-              spacing: "spacious",
-              LEGACY_margin: "0 0 0 4px"
-            }), (0, _react2.jsx)(_chevronDown.default, {
-              color: "currentColor",
-              label: "down",
-              LEGACY_size: "medium"
-            }));
-          }
-        }), '');
-      });
-    }
-  });
-};

package/dist/cjs/ui/issue-like-table/column-picker/concatenated-menu-list-old.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SELECT_ITEMS_MAXIMUM_THRESHOLD = exports.ConcatenatedMenuListOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _select = require("@atlaskit/select");
-var _typography = require("@atlaskit/theme/typography");
-var _messages = require("./messages");
-var _excluded = ["children"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var SELECT_ITEMS_MAXIMUM_THRESHOLD = exports.SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
-var messageStyles = (0, _react.css)({
-  color: "var(--ds-text-subtle, #44546F)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-body-small, ".concat(_typography.fontFallback.body.small, ")"),
-  fontWeight: "var(--ds-font-weight-regular, 400)"
-});
-var ConcatenatedMenuListOld = exports.ConcatenatedMenuListOld = function ConcatenatedMenuListOld(_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var shouldUseDefaultMenuList = !children || !Array.isArray(children) || children.length <= SELECT_ITEMS_MAXIMUM_THRESHOLD;
-  if (shouldUseDefaultMenuList) {
-    return (0, _react.jsx)(_select.components.MenuList, props, children);
-  }
-  var optionStyle = {
-    padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-200, 16px)"),
-    height: 'auto'
-  };
-  var maximumLimitReachedMessage =
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  (0, _react.jsx)("div", {
-    css: messageStyles,
-    style: optionStyle
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({
-    tagName: 'div'
-  }, _messages.columnPickerMessages.maximumItemsShownLine1)), (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({
-    tagName: 'div'
-  }, _messages.columnPickerMessages.maximumItemsShownLine2)));
-  return (0, _react.jsx)(_select.components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
-};

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

@@ -1,67 +0,0 @@
-"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, "..."))));
-};