@atlaskit/link-datasource 3.22.6 → 4.0.0

package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit-old.js

@@ -1,275 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo, useState } from 'react';
-import { useIntl } from 'react-intl-next';
-import AKInlineEdit from '@atlaskit/inline-edit';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
-import { useSmartLinkReload } from '@atlaskit/smart-card/hooks';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { startUfoExperience } from '../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
-import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
-import { useDatasourceActions, useDatasourceItem } from '../../../state';
-import { editType } from '../edit-type';
-import { EmptyAvatar } from '../shared-components/avatar';
-import { getFieldLabelById } from '../utils';
-import { tableCellMessages } from './messages';
-export const InlineEditUFOExperience = 'inline-edit-rendered';
-const editContainerStyles = xcss({
-  marginBlockStart: 'space.negative.100'
-});
-/**
- * @returns String of the new field value, or ID of status transition / atlassian user ID / priority ID.
- * @throws Error if the value is not supplied.
- */
-export const newGetBackendUpdateValue = typedNewValue => {
-  if (typedNewValue.values.length === 0) {
-    throw new Error(`Datasource 2 way sync: Backend update value or value ID not supplied for type ${typedNewValue.type}`);
-  }
-  switch (typedNewValue.type) {
-    case 'string':
-      return typedNewValue.values[0];
-    case 'status':
-      const {
-        transitionId
-      } = typedNewValue.values[0];
-      if (transitionId === undefined || transitionId === '') {
-        throw new Error(`Datasource 2 way sync: Backend status transition ID not supplied for type transition`);
-      }
-      return transitionId;
-    case 'user':
-      const {
-        atlassianUserId
-      } = typedNewValue.values[0];
-      if (atlassianUserId === undefined || atlassianUserId === '') {
-        throw new Error(`Datasource 2 way sync: Backend atlasian user ID not supplied for type user`);
-      }
-      return atlassianUserId;
-    case 'icon':
-      const {
-        id
-      } = typedNewValue.values[0];
-      if (id === undefined || id === '') {
-        throw new Error(`Datasource 2 way sync: Backend update ID not supplied for type icon`);
-      }
-      return id;
-  }
-  throw new Error(`Datasource 2 way sync Backend update value not implemented for type ${typedNewValue.type}`);
-};
-const getBackendUpdateValue = typedNewValue => {
-  var _typedNewValue$values, _typedNewValue$values2, _typedNewValue$values3;
-  switch (typedNewValue.type) {
-    case 'string':
-      return typedNewValue.values[0] || '';
-    case 'status':
-      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.transitionId) || '';
-    case 'user':
-      return ((_typedNewValue$values2 = typedNewValue.values[0]) === null || _typedNewValue$values2 === void 0 ? void 0 : _typedNewValue$values2.atlassianUserId) || '';
-    case 'icon':
-      return ((_typedNewValue$values3 = typedNewValue.values[0]) === null || _typedNewValue$values3 === void 0 ? void 0 : _typedNewValue$values3.id) || '';
-  }
-  throw new Error(`Datasource 2 way sync Backend update value not implemented for type ${typedNewValue.type}`);
-};
-const getCurrentFieldLabel = typedNewValue => {
-  var _typedNewValue$values4, _typedNewValue$values5, _typedNewValue$values6;
-  switch (typedNewValue.type) {
-    case 'string':
-      return typedNewValue.values[0] || '';
-    case 'status':
-      return ((_typedNewValue$values4 = typedNewValue.values[0]) === null || _typedNewValue$values4 === void 0 ? void 0 : _typedNewValue$values4.text) || '';
-    case 'user':
-      return ((_typedNewValue$values5 = typedNewValue.values[0]) === null || _typedNewValue$values5 === void 0 ? void 0 : _typedNewValue$values5.displayName) || '';
-    case 'icon':
-      return ((_typedNewValue$values6 = typedNewValue.values[0]) === null || _typedNewValue$values6 === void 0 ? void 0 : _typedNewValue$values6.text) || '';
-    default:
-      return '';
-  }
-};
-const mapUpdatedItem = (existingItem, columnKey, newValue) => {
-  switch (newValue.type) {
-    case 'string':
-      return {
-        ...existingItem,
-        [columnKey]: {
-          data: newValue.values[0] || ''
-        }
-      };
-    case 'status':
-    case 'user':
-    case 'icon':
-      return newValue.values[0] ? {
-        ...existingItem,
-        [columnKey]: {
-          data: newValue.values[0]
-        }
-      } : existingItem;
-    default:
-  }
-  return null;
-};
-const isNewValue = (columnKey, newItem, existingData) => {
-  var _newItem$columnKey, _existingData$columnK;
-  return ((_newItem$columnKey = newItem[columnKey]) === null || _newItem$columnKey === void 0 ? void 0 : _newItem$columnKey.data) && (!((_existingData$columnK = existingData[columnKey]) !== null && _existingData$columnK !== void 0 && _existingData$columnK.data) || newItem[columnKey].data !== existingData[columnKey].data);
-};
-const useRefreshDatasourceItem = item => {
-  var _item$data, _item$data$key, _item$data$key$data;
-  const url = item === null || item === void 0 ? void 0 : (_item$data = item.data) === null || _item$data === void 0 ? void 0 : (_item$data$key = _item$data.key) === null || _item$data$key === void 0 ? void 0 : (_item$data$key$data = _item$data$key.data) === null || _item$data$key$data === void 0 ? void 0 : _item$data$key$data.url;
-
-  // passing empty string to the hook isn't ideal, but the alternatives are too much effort for this small fix.
-  const reloadSmartLinkAction = useSmartLinkReload({
-    url: url || ''
-  });
-  return useCallback(() => {
-    if (url) {
-      reloadSmartLinkAction();
-    }
-  }, [reloadSmartLinkAction, url]);
-};
-export const InlineEditOld = ({
-  ari,
-  execute,
-  executeFetch,
-  readView,
-  columnKey,
-  columnTitle,
-  datasourceTypeWithValues
-}) => {
-  const [isEditing, setIsEditing] = useState(false);
-  const [editValues, setEditValues] = useState(datasourceTypeWithValues);
-  const item = useDatasourceItem({
-    id: ari
-  });
-  const {
-    entityType,
-    integrationKey
-  } = item || {};
-  const {
-    showErrorFlag
-  } = useDatasourceTableFlag();
-  const {
-    onUpdateItem
-  } = useDatasourceActions();
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  const refreshDatasourceItem = useRefreshDatasourceItem(item);
-  const experienceId = useDatasourceExperienceId();
-  const onCommitUpdate = useCallback(newValue => {
-    if (!item) {
-      setIsEditing(false);
-      return;
-    }
-    const existingData = item.data;
-    const newItem = mapUpdatedItem(item.data, columnKey, newValue);
-    if (!newItem || !isNewValue(columnKey, newItem, existingData)) {
-      setIsEditing(false);
-      return;
-    }
-    onUpdateItem(ari, newItem);
-    fireEvent('ui.form.submitted.inlineEdit', {});
-    let updateValue;
-    if (fg('platform-datasources-inline-edit-id-checks')) {
-      try {
-        // TODO: Refactor types so that valid update values are guaranteed for
-        // all object types. Invalid options should be filtered out of options -
-        // this frontend error flag is a last resort.
-        updateValue = newGetBackendUpdateValue(newValue);
-      } catch {
-        // Show an error as the new value that was going to be sent to the
-        // backend is invalid (and would have failed anyway, silently to the user)
-        showErrorFlag({});
-        onUpdateItem(ari, existingData);
-        setIsEditing(false);
-        return;
-      }
-    }
-    execute(updateValue !== undefined && fg('platform-datasources-inline-edit-id-checks') ? updateValue :
-    // Old behaviour is preserved in non-FFed path: errors thrown by getBackendUpdateValue are caught by
-    // the error boundary, _not_ by the catch block & frontend flag here.
-    getBackendUpdateValue(newValue)).then(refreshDatasourceItem).catch(error => {
-      const status = error && typeof error === 'object' ? error.status : undefined;
-      showErrorFlag({
-        status
-      });
-      onUpdateItem(ari, existingData);
-    });
-    setIsEditing(false);
-  }, [item, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
-  const onEdit = useCallback(() => {
-    setIsEditing(true);
-    if (experienceId) {
-      startUfoExperience({
-        name: InlineEditUFOExperience
-      }, experienceId);
-    }
-    if (integrationKey && entityType) {
-      fireEvent('ui.inlineEdit.clicked.datasource', {
-        integrationKey,
-        entityType,
-        fieldKey: columnKey
-      });
-    }
-  }, [columnKey, entityType, experienceId, fireEvent, integrationKey]);
-  const onCancelEdit = useCallback(() => {
-    setIsEditing(false);
-    if (integrationKey && entityType) {
-      fireEvent('ui.inlineEdit.cancelled.datasource', {
-        integrationKey,
-        entityType,
-        fieldKey: columnKey
-      });
-    }
-  }, [columnKey, entityType, fireEvent, integrationKey]);
-  const {
-    formatMessage
-  } = useIntl();
-  const editButtonLabel = useMemo(() => {
-    return formatMessage(tableCellMessages.editButtonLabel, {
-      fieldName: columnTitle,
-      fieldValue: getCurrentFieldLabel(editValues)
-    });
-  }, [columnTitle, formatMessage, editValues]);
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: editContainerStyles
-  }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType({
-    defaultValue: datasourceTypeWithValues,
-    currentValue: editValues,
-    setEditValues,
-    executeFetch,
-    labelId: getFieldLabelById(columnKey)
-  }), {
-    hideActionButtons: true,
-    readView: editableRenderType({
-      defaultValue: datasourceTypeWithValues,
-      readView
-    }),
-    readViewFitContainerWidth: true,
-    isEditing: isEditing,
-    onEdit: onEdit,
-    onCancel: onCancelEdit,
-    onConfirm: () => onCommitUpdate(editValues),
-    editButtonLabel: editButtonLabel
-  })));
-};
-
-/**
- *
- * This function allows us to manipulate the readView on editable cells.
- * This way, for example, we can show a fallback Avatar on empty user cells.
- *
- */
-const editableRenderType = ({
-  defaultValue,
-  readView
-}) => {
-  return () => {
-    var _defaultValue$values;
-    switch (defaultValue.type) {
-      case 'user':
-        if (!((_defaultValue$values = defaultValue.values) !== null && _defaultValue$values !== void 0 && _defaultValue$values[0])) {
-          return /*#__PURE__*/React.createElement(EmptyAvatar, null);
-        }
-    }
-    return readView;
-  };
-};

package/dist/es2019/ui/issue-like-table/table-cell-content/table-cell-content-old.js

@@ -1,183 +0,0 @@
-import React from 'react';
-import { useIntl } from 'react-intl-next';
-import { Box, xcss } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-import { useDatasourceItem } from '../../../state';
-import { useExecuteAtomicAction } from '../../../state/actions';
-import { isEditTypeSelectable, isEditTypeSupported } from '../edit-type';
-import { stringifyType } from '../render-type';
-import { TruncateTextTag } from '../truncate-text-tag';
-import { InlineEdit } from './inline-edit';
-const readViewStyles = xcss({
-  textOverflow: 'ellipsis',
-  overflow: 'hidden',
-  width: '100%',
-  // Compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
-  minHeight: 'calc(40px - 2px * 2)',
-  alignContent: 'center'
-});
-const TooltipWrapper = ({
-  columnKey,
-  datasourceTypeWithValues: {
-    type,
-    values
-  },
-  wrappedColumnKeys,
-  children
-}) => {
-  const intl = useIntl();
-  const stringifiedContent = values.map(value => stringifyType({
-    type,
-    value
-  }, intl.formatMessage, intl.formatDate)).filter(value => value !== '').join(', ');
-  if (stringifiedContent && !(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(columnKey))) {
-    return /*#__PURE__*/React.createElement(Tooltip
-    // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-    , {
-      tag: TruncateTextTag,
-      content: stringifiedContent,
-      testId: "issues-table-cell-tooltip"
-    }, children);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-export const ReadOnlyCell = ({
-  id,
-  columnType,
-  wrappedColumnKeys = [],
-  renderItem,
-  columnKey
-}) => {
-  var _useDatasourceItem, _rowData$columnKey;
-  const rowData = (_useDatasourceItem = useDatasourceItem({
-    id
-  })) === null || _useDatasourceItem === void 0 ? void 0 : _useDatasourceItem.data;
-  if (!rowData || !columnKey || !rowData[columnKey]) {
-    return null;
-  }
-
-  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-  const value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
-  const values = Array.isArray(value) ? value : [value];
-  const datasourceTypeWithValues = {
-    type: columnType,
-    values
-  };
-  return /*#__PURE__*/React.createElement(TooltipWrapper, {
-    columnKey: columnKey,
-    datasourceTypeWithValues: datasourceTypeWithValues,
-    wrappedColumnKeys: wrappedColumnKeys
-  }, renderItem(datasourceTypeWithValues));
-};
-const InlineEditableCell = ({
-  ari,
-  values,
-  columnKey,
-  columnTitle,
-  renderItem,
-  integrationKey,
-  wrappedColumnKeys
-}) => {
-  // Callbacks are returned only when the ari is editable and the action schemas exist in the store
-  const {
-    execute,
-    executeFetch
-  } = useExecuteAtomicAction({
-    ari,
-    fieldKey: columnKey,
-    integrationKey
-  });
-
-  // A field is editable when `execute` is returned from the store
-  const isEditable = !!execute;
-  const readView = /*#__PURE__*/React.createElement(TooltipWrapper, {
-    columnKey: columnKey,
-    datasourceTypeWithValues: values,
-    wrappedColumnKeys: wrappedColumnKeys
-  }, /*#__PURE__*/React.createElement(Box, {
-    testId: "inline-edit-read-view",
-    paddingInline: isEditable ? 'space.075' : 'space.100',
-    paddingBlock: "space.050",
-    xcss: readViewStyles
-  }, renderItem(values)));
-  if (!isEditable) {
-    return readView;
-  }
-
-  // if the field requires to fetch options to execute, then is editable only if `executeFetch` is defined
-  // `executeFetch` is returned only when ff:`enable_datasource_supporting_actions` is enabled
-  if (isEditTypeSelectable(values.type) && !executeFetch) {
-    return readView;
-  }
-  return /*#__PURE__*/React.createElement(InlineEdit, {
-    ari: ari,
-    execute: execute,
-    executeFetch: executeFetch,
-    readView: readView,
-    columnKey: columnKey,
-    columnTitle: columnTitle,
-    datasourceTypeWithValues: values
-  });
-};
-const toDatasourceTypeWithValues = ({
-  rowData,
-  columnKey,
-  columnType
-}) => {
-  var _rowData$columnKey2;
-  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-  const value = (_rowData$columnKey2 = rowData[columnKey]) === null || _rowData$columnKey2 === void 0 ? void 0 : _rowData$columnKey2.data;
-  const values = !value ? [] : Array.isArray(value) ? value : [value];
-  return {
-    type: columnType,
-    values
-  };
-};
-export const TableCellContentOld = ({
-  id,
-  columnKey,
-  columnTitle,
-  columnType,
-  renderItem,
-  wrappedColumnKeys
-}) => {
-  const item = useDatasourceItem({
-    id
-  });
-  if (item) {
-    const {
-      integrationKey,
-      ari,
-      data: rowData
-    } = item;
-    const isEditType = !!ari && !!integrationKey && isEditTypeSupported(columnType);
-    if (isEditType) {
-      return /*#__PURE__*/React.createElement(InlineEditableCell, {
-        ari: ari,
-        columnKey: columnKey,
-        columnTitle: columnTitle,
-        renderItem: renderItem,
-        integrationKey: integrationKey,
-        values: toDatasourceTypeWithValues({
-          rowData,
-          columnKey,
-          columnType
-        }),
-        wrappedColumnKeys: wrappedColumnKeys
-      });
-    }
-  }
-  return /*#__PURE__*/React.createElement(Box, {
-    testId: "inline-edit-read-view",
-    paddingInline: "space.100",
-    paddingBlock: "space.050",
-    xcss: readViewStyles
-  }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
-    id: id,
-    columnKey: columnKey,
-    columnTitle: columnTitle,
-    columnType: columnType,
-    wrappedColumnKeys: wrappedColumnKeys,
-    renderItem: renderItem
-  }));
-};

package/dist/es2019/ui/issue-like-table/truncate-text-tag/truncate-text-tag-old.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { forwardRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css, jsx } from '@emotion/react';
-const truncateTextStyles = css({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-});
-export const TruncateTextTagOld = /*#__PURE__*/forwardRef((props, ref) => {
-  return jsx("span", _extends({
-    css: truncateTextStyles
-  }, props, {
-    ref: ref
-  }), props.children);
-});

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/ui-old.js

@@ -1,38 +0,0 @@
-import React, { useMemo } from 'react';
-import { Flex, xcss } from '@atlaskit/primitives';
-import { extractValuesFromNonComplexJQL } from '../utils/extractValuesFromNonComplexJQL';
-import AsyncPopupSelect from './async-popup-select';
-export const availableBasicFilterTypes = ['project', 'type', 'status', 'assignee'];
-const basicFilterContainerStyles = xcss({
-  paddingLeft: 'space.100'
-});
-const BasicFilterContainer = ({
-  jql,
-  site,
-  onChange,
-  selections,
-  isJQLHydrating
-}) => {
-  const extractedFilterValues = useMemo(() => isJQLHydrating ? extractValuesFromNonComplexJQL(jql) : {}, [isJQLHydrating, jql]);
-  const {
-    cloudId
-  } = site || {};
-  return /*#__PURE__*/React.createElement(Flex, {
-    xcss: basicFilterContainerStyles,
-    gap: "space.100",
-    testId: "jlol-basic-filter-container"
-  }, availableBasicFilterTypes.map(filter => {
-    var _extractedFilterValue;
-    const shouldShowHydrationLoader = isJQLHydrating && ((_extractedFilterValue = extractedFilterValues[filter]) === null || _extractedFilterValue === void 0 ? void 0 : _extractedFilterValue.length) > 0;
-    return /*#__PURE__*/React.createElement(AsyncPopupSelect, {
-      site: site,
-      filterType: filter,
-      key: filter,
-      selection: selections[filter] || [],
-      isJQLHydrating: shouldShowHydrationLoader,
-      isDisabled: !cloudId,
-      onSelectionChange: onChange
-    });
-  }));
-};
-export default BasicFilterContainer;