@atlaskit/link-datasource 3.22.7 → 4.0.0

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

@@ -1,368 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import ReactDOM from 'react-dom';
-import { FormattedMessage } from 'react-intl-next';
-import invariant from 'tiny-invariant';
-import Button from '@atlaskit/button/new';
-import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
-import ChevronDown from '@atlaskit/icon/utility/migration/chevron-down';
-import ChevronUp from '@atlaskit/icon/utility/migration/chevron-up';
-import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
-import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
-import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
-import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
-import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
-import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
-import { useDatasourceAnalyticsEvents } from '../../analytics';
-import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
-import { issueLikeTableMessages } from './messages';
-import { TableHeading } from './styled';
-import { getColumnMinWidth, getWidthCss } from './utils';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const DropdownParent = styled.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)"
-  }
-});
-const dropTargetStyles = css({
-  position: 'absolute',
-  top: 0,
-  left: 0,
-  width: '100%'
-});
-const noPointerEventsStyles = css({
-  pointerEvents: 'none'
-});
-const resizerStyles = 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
-  }
-});
-const resizingStyles = 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
-  }
-});
-const idleState = {
-  type: 'idle'
-};
-const draggingState = {
-  type: 'dragging'
-};
-export const DraggableTableHeadingOld = ({
-  children,
-  id,
-  index,
-  tableId,
-  dndPreviewHeight,
-  dragPreview,
-  width,
-  onWidthChange,
-  isWrapped,
-  onIsWrappedChange
-}) => {
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  const mainHeaderCellRef = useRef(null);
-  const columnResizeHandleRef = useRef(null);
-  const [state, setState] = useState(idleState);
-  const [isDraggingAnyColumn, setIsDraggingAnyColumn] = useState(false);
-  const [closestEdge, setClosestEdge] = useState(null);
-  const dropTargetRef = 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
-   */
-  const resizeIsEnabled = !!onWidthChange && !!width;
-  useEffect(() => {
-    const cell = mainHeaderCellRef.current;
-    invariant(cell);
-    return combine(draggable({
-      element: cell,
-      getInitialData() {
-        return {
-          type: 'table-header',
-          id,
-          index,
-          tableId
-        };
-      },
-      onGenerateDragPreview({
-        nativeSetDragImage
-      }) {
-        setCustomNativeDragPreview({
-          getOffset: pointerOutsideOfPreview({
-            x: '18px',
-            y: '18px'
-          }),
-          render: ({
-            container
-          }) => {
-            // Cause a `react` re-render to create your portal synchronously
-            setState({
-              type: 'preview',
-              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 () => setState(draggingState);
-          },
-          nativeSetDragImage
-        });
-      },
-      onDragStart() {
-        setState(draggingState);
-      },
-      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
-  useEffect(() => {
-    const dropTarget = dropTargetRef.current;
-    invariant(dropTarget);
-    return dropTargetForElements({
-      element: dropTarget,
-      getIsSticky() {
-        return true;
-      },
-      getData({
-        input,
-        element
-      }) {
-        const data = {
-          id,
-          index
-        };
-        return attachClosestEdge(data, {
-          input,
-          element,
-          allowedEdges: ['left', 'right']
-        });
-      },
-      canDrop(args) {
-        return args.source.data.type === 'table-header' && args.source.data.tableId === tableId;
-      },
-      onDrag(args) {
-        if (args.source.data.id !== id) {
-          setClosestEdge(extractClosestEdge(args.self.data));
-        }
-      },
-      onDragLeave() {
-        setClosestEdge(null);
-      },
-      onDrop() {
-        setClosestEdge(null);
-      }
-    });
-  }, [id, index, tableId]);
-
-  // During dragging anywhere we want to remove `pointerEvents: 'none'` from all the drop targets
-  useEffect(() => {
-    return monitorForElements({
-      canMonitor({
-        source
-      }) {
-        return source.data.type === 'table-header' && source.data.tableId === tableId;
-      },
-      onDragStart() {
-        /**
-         * Should cause a synchronous re-render.
-         */
-        setIsDraggingAnyColumn(true);
-      },
-      onDrop() {
-        setIsDraggingAnyColumn(false);
-      }
-    });
-  }, [tableId]);
-
-  // Handling column resizing
-  useEffect(() => {
-    if (!resizeIsEnabled) {
-      return;
-    }
-    const resizeHandle = columnResizeHandleRef.current;
-    invariant(resizeHandle);
-    const mainHeaderCell = mainHeaderCellRef.current;
-    invariant(mainHeaderCell);
-    return draggable({
-      element: resizeHandle,
-      getInitialData() {
-        // metadata related to currently dragging item (can be read by drop events etc)
-        return {
-          type: 'column-resize',
-          id,
-          index,
-          tableId
-        };
-      },
-      // Is called when dragging started
-      onGenerateDragPreview({
-        nativeSetDragImage
-      }) {
-        // We don't show any preview, since column separator (handle) is moving with the cursor
-        disableNativeDragPreview({
-          nativeSetDragImage
-        });
-        // Block drag operations outside `@atlaskit/pragmatic-drag-and-drop`
-        preventUnhandled.start();
-        setState({
-          type: 'resizing',
-          initialWidth: width
-        });
-      },
-      onDrag({
-        location
-      }) {
-        const relativeDistanceX = location.current.input.clientX - location.initial.input.clientX;
-        invariant(state.type === 'resizing');
-        const {
-          initialWidth
-        } = state;
-
-        // Set the width of our header being resized
-        let proposedWidth = initialWidth + relativeDistanceX;
-        if (proposedWidth < getColumnMinWidth(id)) {
-          proposedWidth = getColumnMinWidth(id);
-        }
-
-        // We update width css directly live
-        mainHeaderCell.style.setProperty('width', `${proposedWidth}px`);
-      },
-      onDrop() {
-        preventUnhandled.stop();
-        setState(idleState);
-        if (onWidthChange) {
-          let cssWidth = +mainHeaderCell.style.getPropertyValue('width').slice(0, -2);
-          onWidthChange(cssWidth);
-        }
-      }
-    });
-  }, [id, index, onWidthChange, resizeIsEnabled, state, tableId, width]);
-  const [buttonHovered, setButtonHovered] = useState(false);
-  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
-  // 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.
-  const isWideEnoughToHaveChevron = !width || width > 76;
-  const shouldShowTriggerIcon = (buttonHovered || isDropdownOpen) && isWideEnoughToHaveChevron;
-  const triggerIcon = useMemo(() => shouldShowTriggerIcon ? isDropdownOpen ? ChevronUp : ChevronDown : isWideEnoughToHaveChevron ? GlyphPlaceholder : undefined, [shouldShowTriggerIcon, isDropdownOpen, isWideEnoughToHaveChevron]);
-  const getTriggerButton = useCallback(({
-    triggerRef,
-    ...props
-  }) => {
-    return jsx(Button, _extends({}, props, {
-      testId: `${id}-column-dropdown`,
-      shouldFitContainer: true,
-      iconAfter: triggerIcon,
-      ref: triggerRef,
-      appearance: "subtle",
-      spacing: "compact",
-      onMouseEnter: () => setButtonHovered(true),
-      onMouseLeave: () => setButtonHovered(false)
-    }), children);
-  }, [children, id, triggerIcon]);
-  const onDropdownOpenChange = useCallback(({
-    isOpen
-  }) => setIsDropdownOpen(isOpen), []);
-  const toggleWrap = useCallback(() => {
-    if (!onIsWrappedChange) {
-      return;
-    }
-    const nextIsWrap = !(isWrapped || false);
-    if (nextIsWrap) {
-      fireEvent('ui.button.clicked.wrap', {});
-    } else {
-      fireEvent('ui.button.clicked.unwrap', {});
-    }
-    onIsWrappedChange(nextIsWrap);
-  }, [fireEvent, isWrapped, onIsWrappedChange]);
-  return jsx(TableHeading, {
-    ref: mainHeaderCellRef,
-    "data-testid": `${id}-column-heading`,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      cursor: 'grab',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ...getWidthCss({
-        shouldUseWidth: resizeIsEnabled,
-        width
-      })
-    }
-  }, resizeIsEnabled ? jsx("div", {
-    ref: columnResizeHandleRef,
-    css: [resizerStyles, state.type === 'resizing' && resizingStyles],
-    style: {
-      height: `${dndPreviewHeight}px`
-    },
-    "data-testid": "column-resize-handle"
-  }) : null, onIsWrappedChange ? jsx(DropdownParent, null, jsx(DropdownMenu, {
-    trigger: getTriggerButton,
-    onOpenChange: onDropdownOpenChange,
-    placement: 'bottom'
-  }, jsx(DropdownItem, {
-    elemBefore: isWrapped ? jsx(UnwrapTextIcon, null) : jsx(WrapTextIcon, null),
-    testId: `${id}-column-dropdown-item-toggle-wrapping`,
-    onClick: toggleWrap
-  }, isWrapped ? jsx(FormattedMessage, issueLikeTableMessages.unwrapText) : jsx(FormattedMessage, issueLikeTableMessages.wrapText)))) : children, jsx("div", {
-    ref: dropTargetRef,
-    css: [dropTargetStyles, isDraggingAnyColumn ? null : noPointerEventsStyles],
-    style: {
-      height: `${dndPreviewHeight}px`
-    },
-    "data-testid": 'column-drop-target'
-  }, closestEdge && jsx(DropIndicator, {
-    edge: closestEdge
-  })), state.type === 'preview' ? /*#__PURE__*/ReactDOM.createPortal(dragPreview, state.container) : null);
-};

package/dist/es2019/ui/issue-like-table/empty-state/empty-state-old.js

@@ -1,151 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { Skeleton } from '@atlaskit/linking-common';
-import { N40 } from '@atlaskit/theme/colors';
-import { ScrollableContainerHeight, TableHeading } from '../styled';
-const SkeletonComponent = ({
-  width,
-  itemName
-}) => jsx(Skeleton, {
-  borderRadius: "var(--ds-border-radius-100, 8px)",
-  testId: `${itemName}-empty-state-skeleton`,
-  height: 14,
-  width: width
-});
-const tableBodyStyles = css({
-  borderBottom: 0
-});
-const tableStyles = css({
-  background: "var(--ds-elevation-surface-current, #FFF)"
-});
-const padding = `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`;
-const cellStyles = css({
-  padding,
-  borderRight: `0.5px solid ${`var(--ds-border, ${N40})`}`,
-  borderBottom: `0.5px solid ${`var(--ds-border, ${N40})`}`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&:first-child': {
-    paddingLeft: `${"var(--ds-space-100, 8px)"}`
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&:last-child': {
-    borderRight: 0,
-    paddingRight: `${"var(--ds-space-100, 8px)"}`
-  }
-});
-const baseColumns = [{
-  key: 'type',
-  width: 35
-}, {
-  key: 'issue',
-  width: 50
-}, {
-  key: 'summary',
-  width: 100
-}, {
-  key: 'assignee',
-  width: 70
-}, {
-  key: 'priority',
-  width: 60
-}, {
-  key: 'status',
-  width: 60
-}, {
-  key: 'resolution',
-  width: 55
-}, {
-  key: 'created',
-  width: 50
-}, {
-  key: 'due',
-  width: 50
-}];
-const longColumnWidths = [141, 208, 186, 212, 212, 151, 212, 182, 180, 163, 172, 211, 145, 190];
-const shortColumnWidths = [75, 54, 66, 73, 52, 73, 55, 80, 67, 76, 58, 65, 56, 76];
-const renderItem = ({
-  key,
-  width
-}, {
-  longWidth,
-  shortWidth
-}) => {
-  switch (key) {
-    case 'status':
-      return jsx(SkeletonComponent, {
-        width: shortWidth,
-        itemName: key
-      });
-    case 'summary':
-      return jsx(SkeletonComponent, {
-        width: longWidth,
-        itemName: key
-      });
-    default:
-      return jsx(SkeletonComponent, {
-        width: width,
-        itemName: key
-      });
-  }
-};
-export default (({
-  isCompact,
-  testId
-}) => {
-  const columnsToRender = isCompact ? baseColumns.slice(0, 6) : baseColumns;
-  // if it is compact (non-modal), there is room for 14 rows
-  // if it is modal (not compact), there is only room for 10 rows
-  const rowsNumber = isCompact ? 14 : 10;
-  const rows = new Array(rowsNumber).fill(null).map((_, index) => ({
-    id: index,
-    longWidth: longColumnWidths[index],
-    shortWidth: shortColumnWidths[index]
-  }));
-  return jsx("div", {
-    style: {
-      // the IssueLikeDataTableView wraps the table in a container with the styling below while modal doesn't
-      // this maxHeight comes from scrollableContainerHeight
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      maxHeight: ScrollableContainerHeight,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      padding: "var(--ds-space-0, 0px)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      boxSizing: 'border-box'
-    }
-  }, jsx("table", {
-    css: tableStyles,
-    "data-testid": testId
-  }, jsx("thead", {
-    style: {
-      borderBottom: 0
-    }
-  }, jsx("tr", null, columnsToRender.map(({
-    key,
-    width
-  }) =>
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  jsx(TableHeading, {
-    key: key,
-    style: {
-      width,
-      padding
-    }
-  }, jsx(Skeleton, {
-    appearance: "darkGray",
-    borderRadius: 8,
-    testId: "empty-state-skeleton",
-    height: 12,
-    width: width
-  }))))), jsx("tbody", {
-    css: tableBodyStyles
-  }, rows.map(row => jsx("tr", {
-    key: row.id
-  }, columnsToRender.map(column => jsx("td", {
-    css: cellStyles,
-    key: column.key
-  }, renderItem(column, row))))))));
-});

package/dist/es2019/ui/issue-like-table/empty-state/icon-type-old.js

@@ -1,55 +0,0 @@
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import Bug16Icon from '@atlaskit/icon-object/glyph/bug/16';
-import Commit16Icon from '@atlaskit/icon-object/glyph/commit/16';
-import Epic16Icon from '@atlaskit/icon-object/glyph/epic/16';
-import Issue16Icon from '@atlaskit/icon-object/glyph/issue/16';
-import Story16Icon from '@atlaskit/icon-object/glyph/story/16';
-import Task16Icon from '@atlaskit/icon-object/glyph/task/16';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const IconWrapper = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'left'
-});
-export default (({
-  type
-}) => {
-  const TypeIcon = () => {
-    switch (type) {
-      case 'issue':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Issue16Icon, {
-          label: 'issue'
-        });
-      case 'commit':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Commit16Icon, {
-          label: 'commit'
-        });
-      case 'story':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Story16Icon, {
-          label: 'story'
-        });
-      case 'epic':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Epic16Icon, {
-          label: 'epic'
-        });
-      case 'bug':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Bug16Icon, {
-          label: 'bug'
-        });
-      case 'task':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Task16Icon, {
-          label: 'task'
-        });
-    }
-  };
-  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(TypeIcon, null));
-});

package/dist/es2019/ui/issue-like-table/empty-state/type-old.js

@@ -1,60 +0,0 @@
-/**
- * TODO - I believe this file is not used (I could not find any reference to it in the codebase)
- * If not used we should remove it
- * Delete when cleaning bandicoots-update-sllv-icons
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import Bug16Icon from '@atlaskit/icon-object/glyph/bug/16';
-import Commit16Icon from '@atlaskit/icon-object/glyph/commit/16';
-import Epic16Icon from '@atlaskit/icon-object/glyph/epic/16';
-import Issue16Icon from '@atlaskit/icon-object/glyph/issue/16';
-import Story16Icon from '@atlaskit/icon-object/glyph/story/16';
-import Task16Icon from '@atlaskit/icon-object/glyph/task/16';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const IconWrapper = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'left'
-});
-export default (({
-  type
-}) => {
-  const TypeIcon = () => {
-    switch (type) {
-      case 'issue':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Issue16Icon, {
-          label: 'issue'
-        });
-      case 'commit':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Commit16Icon, {
-          label: 'commit'
-        });
-      case 'story':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Story16Icon, {
-          label: 'story'
-        });
-      case 'epic':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Epic16Icon, {
-          label: 'epic'
-        });
-      case 'bug':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Bug16Icon, {
-          label: 'bug'
-        });
-      case 'task':
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19548
-        return /*#__PURE__*/React.createElement(Task16Icon, {
-          label: 'task'
-        });
-    }
-  };
-  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(TypeIcon, null));
-});