message: Cell: allow for removable and draggable to coexist
diff: @@ -169,30 +169,10 @@ export const Cell: FC<CellProps> = (props: CellProps) => {
  }
  }, [dragging]);
  - return (
  - <div
  - className={classNames(getClassName('Cell', platform), {
  - 'Cell--dragging': dragging,
  - 'Cell--removable': removable,
  - }, className)}
  - style={style}
  - ref={rootElRef}
  - >
  - {removable
  - ? (
  - <Removable removePlaceholder={removePlaceholder} onRemove={(e) => onRemove(e, rootElRef?.current)}>
  + const simpleCell = (
  <SimpleCell
  {...restProps}
  - disabled={true}
  - Component={Component}
  - before={before}
  - after={after}
  - />
  - </Removable>
  - ) : (
  - <SimpleCell
  - {...restProps}
  - disabled={draggable || disabled}
  + disabled={draggable || removable || disabled}
  Component={selectable ? 'label' : Component}
  before={
  <>
  @@ -229,7 +209,21 @@ export const Cell: FC<CellProps> = (props: CellProps) => {
  </>
  }
  />
  - )}
  + );
  +
  + return (
  + <div
  + className={classNames(getClassName('Cell', platform), {
  + 'Cell--dragging': dragging,
  + 'Cell--removable': removable,
  + }, className)}
  + style={style}
  + ref={rootElRef}
  + >
  + {removable
  + ? <Removable removePlaceholder={removePlaceholder} onRemove={(e) => onRemove(e, rootElRef?.current)}>{simpleCell}</Removable>
  + : simpleCell
  + }
  </div>
  );
  };
  