@atlaskit/editor-plugin-table 0.2.6 → 1.0.1

package/src/__tests__/unit/pm-plugins/sticky-headers/tableRow.tsx

@@ -54,9 +54,10 @@ describe('TableRowNodeView', () => {
     return createEditor({
       doc,
       preset: new Preset<LightEditorPlugin>()
-        .add([tablePlugin])
+        .add(tablePlugin)
         .add([featureFlagsPlugin, featureFlags]),
       pluginKey,
+      attachTo: document.body,
     });
   };
   let editorView: EditorView;
@@ -81,7 +82,7 @@ describe('TableRowNodeView', () => {
       const editorWithTableSticky = (doc: DocBuilder) =>
         createEditor({
           doc,
-          preset: new Preset<LightEditorPlugin>().add([tablePlugin]),
+          preset: new Preset<LightEditorPlugin>().add(tablePlugin),
           pluginKey,
         });
       const editorData = editorWithTableSticky(
@@ -349,44 +350,42 @@ describe('TableRowNodeView', () => {
       tableRowNodeView.dom = tableRowDom;
     });
 
+    afterEach(() => {
+      jest.clearAllMocks();
+    });
+
     function getTableElements(tableRowDom: HTMLTableRowElement) {
       const tableWrapper = tableRowDom.closest(
         `.${TableCssClassName.NODEVIEW_WRAPPER}`,
       );
       const tableElement = tableRowDom.closest('table');
       const tableParent = tableElement?.parentElement;
-
       const scrollContainer = tableWrapper?.parentElement;
       return { tableWrapper, tableElement, tableParent, scrollContainer };
     }
-
     function mockScrollPositions(tableRowDom: HTMLTableRowElement) {
       const { tableWrapper, tableParent, scrollContainer } =
         getTableElements(tableRowDom);
       (findOverflowScrollParent as unknown as jest.SpyInstance).mockReturnValue(
         scrollContainer,
       );
-
       jest
         .spyOn(scrollContainer as HTMLElement, 'getBoundingClientRect')
         .mockImplementationOnce(() => ({
           ...baseBoundingRect,
           top: -50,
         }));
-
       jest
         .spyOn(tableParent as HTMLElement, 'getBoundingClientRect')
         .mockImplementationOnce(() => ({
           ...baseBoundingRect,
         }));
-
       jest
         .spyOn(tableWrapper as HTMLElement, 'getBoundingClientRect')
         .mockImplementationOnce(() => ({
           ...baseBoundingRect,
           top: -100,
         }));
-
       return scrollContainer;
     }
 
@@ -580,4 +579,87 @@ describe('TableRowNodeView', () => {
       expect(sentinelBottom.dataset.isObserved).toBeUndefined();
     });
   });
+
+  describe('makeRowHeaderNotSticky', () => {
+    let makeRowHeaderNotStickySpy: jest.SpyInstance;
+    let tableRef: HTMLElement;
+    beforeEach(() => {
+      const editorData = editor(
+        doc(table()(tr(thEmpty, thEmpty), tr(tdEmpty, tdEmpty))),
+        true, // toggle to enable optimization
+      );
+      editorView = editorData.editorView;
+      eventDispatcher = editorData.eventDispatcher;
+      tableRowNode = editorView.state.doc.firstChild!.firstChild!;
+      tableRowDom = editorView.dom.getElementsByTagName('tr')[0];
+
+      tableRowNodeView = new TableRowNodeView(
+        tableRowNode,
+        editorView,
+        jest.fn(),
+        eventDispatcher,
+        fakeGetEditorFeatureFlags,
+      );
+      tableRowNodeView.dom = tableRowDom;
+
+      // Initialize with sticky off
+      tableRowNodeView.isSticky = false;
+      tableRowNodeView.top = 0;
+      tableRowNodeView.padding = 0;
+
+      makeRowHeaderNotStickySpy = jest.spyOn(
+        tableRowNodeView as any,
+        'makeRowHeaderNotSticky',
+      );
+      tableRef = document.querySelector(
+        '.ProseMirror table',
+      ) as HTMLTableElement;
+    });
+
+    afterEach(() => {
+      jest.clearAllMocks();
+    });
+
+    it('should not be called if table is not selected', () => {
+      eventDispatcher.emit((pluginKey as any).key, {
+        isHeaderRowEnabled: false,
+        tableRef: null,
+      });
+      expect(makeRowHeaderNotStickySpy).not.toHaveBeenCalled();
+    });
+
+    it('should not be called if header row is enabled', () => {
+      eventDispatcher.emit((pluginKey as any).key, {
+        isHeaderRowEnabled: true,
+        tableRef,
+      });
+      expect(makeRowHeaderNotStickySpy).not.toHaveBeenCalled();
+    });
+
+    it('should be called if header row is disabled and table is selected', () => {
+      eventDispatcher.emit((pluginKey as any).key, {
+        isHeaderRowEnabled: false,
+        tableRef,
+      });
+      expect(makeRowHeaderNotStickySpy).toHaveBeenCalled();
+    });
+
+    it('should cause isSticky state to be set to false when called', () => {
+      // Begin test with stickyheaders state on
+      tableRowNodeView.isSticky = true;
+      tableRowNodeView.top = 1;
+      tableRowNodeView.padding = 1;
+
+      tableRowNodeView.makeRowHeaderNotSticky(tableRef);
+
+      expect(updateStickyState).toHaveBeenCalledWith(
+        expect.objectContaining({
+          sticky: false,
+        }),
+      );
+      expect(tableRowNodeView.isSticky).toBe(false);
+      expect(tableRowNodeView.top).toBe(0);
+      expect(tableRowNodeView.padding).toBe(0);
+    });
+  });
 });

package/src/__tests__/unit/transforms/delete-columns.ts

@@ -41,7 +41,7 @@ describe('table plugin -> transforms -> delete columns', () => {
   });
 
   const createEditor = createProsemirrorEditorFactory();
-  const preset = new Preset<LightEditorPlugin>().add([tablePlugin]);
+  const preset = new Preset<LightEditorPlugin>().add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>
     createEditor<TablePluginState, PluginKey>({

package/src/__tests__/unit/transforms/delete-rows.ts

@@ -41,7 +41,7 @@ describe('table plugin -> transforms -> delete rows', () => {
     uuid.setStatic(false);
   });
   const createEditor = createProsemirrorEditorFactory();
-  const preset = new Preset<LightEditorPlugin>().add([tablePlugin]);
+  const preset = new Preset<LightEditorPlugin>().add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>
     createEditor<TablePluginState, PluginKey>({

package/src/__tests__/unit/utils/collapse.ts

@@ -23,9 +23,9 @@ describe('collapse', () => {
   const createEditor = createProsemirrorEditorFactory();
 
   const editor = (doc: DocBuilder, expandInPlugins?: boolean) => {
-    const preset = new Preset<LightEditorPlugin>().add([tablePlugin]);
+    const preset = new Preset<LightEditorPlugin>().add(tablePlugin);
 
-    const finalPreset = expandInPlugins ? preset.add([expandPlugin]) : preset;
+    const finalPreset = expandInPlugins ? preset.add(expandPlugin) : preset;
 
     return createEditor({ doc, preset: finalPreset });
   };

package/src/__tests__/visual-regression/__image_snapshots__/cell-options-menu-ts-table-cell-options-menu-delete-row-menu-item-should-remove-the-table-row-on-click-1-snap.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5cd747accdc40bfc52f004ff689a3df00173ee2f27d15c68f3a76172c11050fd
-size 13990
+oid sha256:185a432916fe30487eec362617c510dd132f2a37a56bfceeca674da4c6512dc9
+size 13986

package/src/plugins/table/commands/index.ts

@@ -38,3 +38,4 @@ export {
 } from './misc';
 export { sortByColumn } from './sort';
 export { goToNextCell } from './go-to-next-cell';
+export { removeDescendantNodes } from './referentiality';

package/src/plugins/table/commands/referentiality.ts

@@ -0,0 +1,14 @@
+import { createCommand } from '../pm-plugins/plugin-factory';
+import { Node as PMNode } from 'prosemirror-model';
+import { removeConnectedNodes } from '@atlaskit/editor-common/utils';
+
+export const removeDescendantNodes = (sourceNode: PMNode) =>
+  createCommand(
+    {
+      type: 'UPDATE_STATE',
+      data: { element: undefined },
+    },
+    (tr, state) => {
+      return sourceNode ? removeConnectedNodes(state, sourceNode) : tr;
+    },
+  );

package/src/plugins/table/event-handlers.ts

@@ -78,6 +78,11 @@ const isFocusingModal = (event: Event) =>
   event.relatedTarget instanceof HTMLElement &&
   event.relatedTarget.closest('[role="dialog"]');
 
+const isFocusingFloatingToolbar = (event: Event) =>
+  event instanceof FocusEvent &&
+  event.relatedTarget instanceof HTMLElement &&
+  event.relatedTarget.closest('[role="toolbar"]');
+
 export const handleBlur = (view: EditorView, event: Event): boolean => {
   const { state, dispatch } = view;
   // IE version check for ED-4665
@@ -85,7 +90,8 @@ export const handleBlur = (view: EditorView, event: Event): boolean => {
   if (
     browser.ie_version !== 11 &&
     !isFocusingCalendar(event) &&
-    !isFocusingModal(event)
+    !isFocusingModal(event) &&
+    !isFocusingFloatingToolbar(event)
   ) {
     setEditorFocus(false)(state, dispatch);
   }

package/src/plugins/table/index.tsx

@@ -59,6 +59,7 @@ import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import type {
   GetEditorContainerWidth,
   GetEditorFeatureFlags,
+  NextEditorPlugin,
 } from '@atlaskit/editor-common/types';
 import { EditorState, Transaction } from 'prosemirror-state';
 
@@ -76,7 +77,11 @@ interface TablePluginOptions {
 
 const defaultGetEditorFeatureFlags = () => ({});
 
-const tablesPlugin = (options?: TablePluginOptions): EditorPlugin => {
+const tablesPlugin: NextEditorPlugin<
+  'table',
+  never,
+  TablePluginOptions | undefined
+> = (options?: TablePluginOptions) => {
   const editorViewRef: Record<'current', EditorView | null> = { current: null };
   const defaultGetEditorContainerWidth: GetEditorContainerWidth = () => {
     if (!editorViewRef.current) {

package/src/plugins/table/nodeviews/table.tsx

@@ -209,7 +209,22 @@ export default class TableView extends ReactNodeView<Props> {
     return super.viewShouldUpdate(nextNode);
   }
 
-  ignoreMutation() {
+  ignoreMutation(
+    mutation: MutationRecord | { type: 'selection'; target: Element },
+  ) {
+    const {
+      type,
+      target: { nodeName, firstChild },
+    } = mutation;
+
+    if (
+      type === 'selection' &&
+      nodeName?.toUpperCase() === 'DIV' &&
+      firstChild?.nodeName.toUpperCase() === 'TABLE'
+    ) {
+      return false;
+    }
+
     return true;
   }
 

package/src/plugins/table/nodeviews/tableCell.tsx

@@ -99,7 +99,9 @@ export default class TableCellNodeView implements NodeView {
 
   update(node: Node) {
     const didUpdate = this.updateNodeView(node);
-    this.node = node;
+    if (didUpdate) {
+      this.node = node;
+    }
     return didUpdate;
   }
 

package/src/plugins/table/pm-plugins/decorations/plugin.ts

@@ -60,6 +60,7 @@ export const createPlugin = () => {
         }
 
         if (tr.docChanged || tr.selectionSet) {
+          pluginState = pluginState.map(tr.mapping, tr.doc);
           return handleDocOrSelectionChanged(tr, pluginState, oldState);
         }
 

package/src/plugins/table/pm-plugins/decorations/utils/column-controls.ts

@@ -83,5 +83,5 @@ export const buildColumnControlsDecorations: DecorationTransformer = ({
     removeControlsHoverDecoration,
     maybeUpdateColumnSelectedDecoration,
     maybeUpdateColumnControlsDecoration,
-  ])({ decorationSet: DecorationSet.empty, tr });
+  ])({ decorationSet, tr });
 };

package/src/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.ts

@@ -97,7 +97,6 @@ export class TableRowNodeView implements NodeView {
   focused = false;
   topPosEditorElement = 0;
   isSticky: boolean;
-  isTableInit: boolean;
   lastTimePainted: number;
 
   private intersectionObserver?: IntersectionObserver;
@@ -134,7 +133,6 @@ export class TableRowNodeView implements NodeView {
     this.lastTimePainted = 0;
     this.isHeaderRow = supportedHeaderRow(node);
     this.isSticky = false;
-    this.isTableInit = false;
 
     if (this.isHeaderRow) {
       this.dom.setAttribute('data-header-row', 'true');
@@ -486,14 +484,6 @@ export class TableRowNodeView implements NodeView {
       return;
     }
 
-    // make it non-sticky initially to avoid making it look separated
-    if (!this.isTableInit) {
-      if (this.tree) {
-        this.makeRowHeaderNotSticky(this.tree.table);
-        this.isTableInit = true;
-      }
-    }
-
     // when header rows are toggled off - mark sentinels as unobserved
     if (!state.isHeaderRowEnabled) {
       [this.sentinels.top, this.sentinels.bottom].forEach((el) => {
@@ -504,6 +494,11 @@ export class TableRowNodeView implements NodeView {
     }
 
     const isCurrentTableSelected = tableRef === tree.table;
+
+    // If current table selected and header row is toggled off, turn off sticky header
+    if (isCurrentTableSelected && !state.isHeaderRowEnabled && this.tree) {
+      this.makeRowHeaderNotSticky(this.tree.table);
+    }
     if (isCurrentTableSelected !== this.focused) {
       focusChanged = true;
     }
@@ -598,6 +593,13 @@ export class TableRowNodeView implements NodeView {
 
     const { table } = tree;
 
+    // ED-16035 Make sure sticky header is only applied to first row
+    const tbody = this.dom.parentElement;
+    const isFirstHeader = tbody?.firstChild?.isEqualNode(this.dom);
+    if (!isFirstHeader) {
+      return;
+    }
+
     const currentTableTop = this.getCurrentTableTop(tree);
     const domTop =
       currentTableTop > 0

package/src/plugins/table/toolbar.tsx

@@ -7,6 +7,7 @@ import commonMessages from '@atlaskit/editor-common/messages';
 import type {
   Command,
   CommandDispatch,
+  ConfirmDialogOptions,
   DropdownOptionT,
   FloatingToolbarDropdown,
   FloatingToolbarHandler,
@@ -21,6 +22,7 @@ import {
   hoverTable,
   hoverColumns,
   hoverRows,
+  removeDescendantNodes,
 } from './commands';
 import {
   deleteTableWithAnalytics,
@@ -54,7 +56,12 @@ import {
   getSelectedColumnIndexes,
   getSelectedRowIndexes,
 } from './utils';
-import { isReferencedSource } from './utils/referentiality';
+import {
+  isReferencedSource,
+  getChildrenInfo,
+  getNodeName,
+} from '@atlaskit/editor-common/utils';
+
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import {
   findCellRectClosestToPos,
@@ -72,6 +79,7 @@ import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import { Rect } from '@atlaskit/editor-tables/table-map';
 import { findParentDomRefOfType } from 'prosemirror-utils';
 import { EditorView } from 'prosemirror-view';
+import { Node as PMNode } from 'prosemirror-model';
 import { closestElement } from '@atlaskit/editor-common/utils';
 import {
   addColumnAfter,
@@ -157,6 +165,7 @@ export const getToolbarMenuConfig = (
   return {
     id: 'editor.table.tableOptions',
     type: 'dropdown',
+    testId: 'table_options',
     title: formatMessage(messages.tableOptions),
     hidden: options.every((option) => option.hidden),
     options,
@@ -239,17 +248,9 @@ export const getToolbarCellOptionsConfig = (
         }
         return true;
       },
-      onMouseOver: (state: EditorState, dispatch?: CommandDispatch) => {
-        const selectionRect = getClosestSelectionRect(state);
-        if (selectionRect) {
-          hoverColumns(getSelectedColumnIndexes(selectionRect), true)(
-            state,
-            dispatch,
-          );
-          return true;
-        }
-        return false;
-      },
+      onFocus: highlightColumnsHandler,
+      onBlur: clearHoverSelection(),
+      onMouseOver: highlightColumnsHandler,
       onMouseLeave: clearHoverSelection(),
       selected: false,
       disabled: false,
@@ -270,17 +271,9 @@ export const getToolbarCellOptionsConfig = (
         }
         return true;
       },
-      onMouseOver: (state: EditorState, dispatch?: CommandDispatch) => {
-        const selectionRect = getClosestSelectionRect(state);
-        if (selectionRect) {
-          hoverRows(getSelectedRowIndexes(selectionRect), true)(
-            state,
-            dispatch,
-          );
-          return true;
-        }
-        return false;
-      },
+      onFocus: highlightRowsHandler,
+      onBlur: clearHoverSelection(),
+      onMouseOver: highlightRowsHandler,
       onMouseLeave: clearHoverSelection(),
       selected: false,
       disabled: false,
@@ -396,6 +389,7 @@ export const getToolbarCellOptionsConfig = (
 
   return {
     id: 'editor.table.cellOptions',
+    testId: 'cell_options',
     type: 'dropdown',
     title: formatMessage(tableMessages.cellOptions),
     options,
@@ -456,17 +450,28 @@ export const getToolbarConfig =
 
       // Check if we need to show confirm dialog for delete button
       let confirmDialog;
-      const localId: string | undefined = tableObject.node.attrs.localId;
 
-      if (localId && isReferencedSource(state, localId)) {
-        confirmDialog = {
+      if (isReferencedSource(state, tableObject.node)) {
+        confirmDialog = (): ConfirmDialogOptions => ({
+          title: intl.formatMessage(tableMessages.deleteElementTitle),
           okButtonLabel: intl.formatMessage(
             tableMessages.confirmDeleteLinkedModalOKButton,
           ),
           message: intl.formatMessage(
             tableMessages.confirmDeleteLinkedModalMessage,
+            { nodeName: getNodeName(state, tableObject.node) },
+          ),
+          messagePrefix: intl.formatMessage(
+            tableMessages.confirmDeleteLinkedModalMessagePrefix,
           ),
-        };
+          isReferentialityDialog: true,
+          getChildrenInfo: () => getChildrenInfo(state, tableObject.node),
+          checkboxLabel: intl.formatMessage(
+            tableMessages.confirmModalCheckboxLabel,
+          ),
+          onConfirm: (isChecked = false) =>
+            clickWithCheckboxHandler(isChecked, tableObject.node),
+        });
       }
 
       const getDomRef = (editorView: EditorView) => {
@@ -516,6 +521,8 @@ export const getToolbarConfig =
                 nodeType,
                 onMouseEnter: hoverTable(false, true),
                 onMouseLeave: clearHoverSelection(),
+                onFocus: hoverTable(false, true),
+                onBlur: clearHoverSelection(),
               },
               { type: 'separator' },
             ],
@@ -528,8 +535,11 @@ export const getToolbarConfig =
             onClick: deleteTableWithAnalytics(editorAnalyticsAPI),
             disabled: !!resizeState && !!resizeState.dragging,
             onMouseEnter: hoverTable(true),
+            onFocus: hoverTable(true),
+            onBlur: clearHoverSelection(),
             onMouseLeave: clearHoverSelection(),
             title: intl.formatMessage(commonMessages.remove),
+            focusEditoronEnter: true,
             confirmDialog,
           },
         ],
@@ -604,7 +614,7 @@ const getColorPicker = (
 
   return [
     {
-      id: 'editor.panel.colorPicker',
+      id: 'editor.table.colorPicker',
       title: formatMessage(ContextualMenuMessages.cellBackground),
       type: 'select',
       selectType: 'color',
@@ -620,3 +630,49 @@ const getColorPicker = (
     separator(menu.hidden),
   ];
 };
+
+const clickWithCheckboxHandler =
+  (
+    isChecked: boolean,
+    node?: PMNode,
+    editorAnalyticsAPI?: EditorAnalyticsAPI | undefined | null,
+  ): Command =>
+  (state, dispatch) => {
+    if (!node) {
+      return false;
+    }
+
+    if (!isChecked) {
+      return deleteTableWithAnalytics(editorAnalyticsAPI)(state, dispatch);
+    } else {
+      removeDescendantNodes(node)(state, dispatch);
+    }
+    return true;
+  };
+
+const highlightRowsHandler = (
+  state: EditorState,
+  dispatch?: CommandDispatch,
+) => {
+  const selectionRect = getClosestSelectionRect(state);
+  if (selectionRect) {
+    hoverRows(getSelectedRowIndexes(selectionRect), true)(state, dispatch);
+    return true;
+  }
+  return false;
+};
+
+const highlightColumnsHandler = (
+  state: EditorState,
+  dispatch?: CommandDispatch,
+) => {
+  const selectionRect = getClosestSelectionRect(state);
+  if (selectionRect) {
+    hoverColumns(getSelectedColumnIndexes(selectionRect), true)(
+      state,
+      dispatch,
+    );
+    return true;
+  }
+  return false;
+};

package/src/plugins/table/ui/common-styles.ts

@@ -4,6 +4,7 @@ import {
   tableMarginTop,
   tableSharedStyle,
 } from '@atlaskit/editor-common/styles';
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
 import { fontSize } from '@atlaskit/theme/constants';
 import { N40A, B300, N300, N20A, N0, R500 } from '@atlaskit/theme/colors';
 import {
@@ -112,8 +113,18 @@ const sentinelStyles = `.${ClassName.TABLE_CONTAINER} {
   }
 }`;
 
+// previous styles to add spacing to numbered lists with
+// large item markers (e.g. 101, 102, ...) when nested inside tables
+const listLargeNumericMarkersOldStyles = `
+  .ProseMirror .pm-table-cell-content-wrap ol[data-child-count='100+'] {
+    padding-left: revert;
+  }
+`;
+
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4139
-export const tableStyles = (props: ThemeProps) => css`
+export const tableStyles = (
+  props: ThemeProps & { featureFlags?: FeatureFlags },
+) => css`
   .${ClassName.LAYOUT_BUTTON} button {
     background: ${token('color.background.neutral', N20A)};
     color: ${token('color.icon', N300)};
@@ -713,9 +724,14 @@ export const tableStyles = (props: ThemeProps) => css`
     cursor: col-resize;
   }
 
-  .ProseMirror .pm-table-cell-content-wrap ol[data-child-count='100+'] {
-    padding-left: revert;
-  }
+  /* 
+  ED-15882: When custom start numbers is enabled for lists, we have
+  styles that handle this generally (in editor-common) so we can
+  throw away the older table-specific styles here.
+  */
+  ${props?.featureFlags?.restartNumberedLists
+    ? ``
+    : listLargeNumericMarkersOldStyles}
 `;
 
 export const tableFullPageEditorStyles = css`

package/src/plugins/table/ui/messages.ts

@@ -29,15 +29,30 @@ export default defineMessages({
 
   confirmDeleteLinkedModalOKButton: {
     id: 'fabric.editor.tables.confirmDeleteLinkedModalOKButton',
-    defaultMessage: 'Remove table and data',
+    defaultMessage: 'Delete',
     description:
       'Action button label for confirm modal when deleting a table linked to an extension.',
   },
   confirmDeleteLinkedModalMessage: {
     id: 'fabric.editor.tables.confirmDeleteLinkedModalMessage',
-    defaultMessage:
-      'Removing this table will break all the charts connected to it.',
+    defaultMessage: 'Deleting {nodeName} will break anything connected to it.',
     description:
       'Message for confirm modal when deleting a table linked to an extension.',
   },
+  confirmDeleteLinkedModalMessagePrefix: {
+    id: 'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix',
+    defaultMessage: 'Deleting',
+    description: 'prefix for confirmation dialog text',
+  },
+  confirmModalCheckboxLabel: {
+    id: 'fabric.editor.floatingToolbar.confirmModalCheckboxLabel',
+    defaultMessage: 'Also delete connected elements',
+    description: 'checkbox label text',
+  },
+  deleteElementTitle: {
+    id: 'fabric.editor.extension.deleteElementTitle',
+    defaultMessage: 'Delete element',
+    description:
+      'Title text for confirm modal when deleting an extension linked to a data consumer.',
+  },
 });