Issue 206 - Filter copy/paste

CHANGELOG.md

@@ -8,6 +8,9 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - [#618](https://github.com/plotly/dash-table/issues/618) Fix a bug with keyboard navigation not
 working correctly in certain circumstances when the table contains `readonly` columns.
 
+- [#206](https://github.com/plotly/dash-table/issues/206) Fix a bug with copy/paste to and from
+column filters not working.
+
 ## [4.4.0] - 2019-10-08
 ### Added
 [#546](https://github.com/plotly/dash-table/issues/546)

src/core/components/IsolatedInput/index.tsx

@@ -4,6 +4,8 @@ import { KEY_CODES } from 'dash-table/utils/unicode';
 type Submit = (value: string | undefined) => void;
 
 interface IProps {
+    onCopy?: (e: any) => void;
+    onPaste?: (e: any) => void;
     placeholder?: string;
     updateOnBlur?: boolean;
     updateOnSubmit?: boolean;
@@ -84,6 +86,8 @@ export default class IsolatedInput extends PureComponent<IProps, IState> {
 
     render() {
         const {
+            onCopy,
+            onPaste,
             placeholder,
             updateOnBlur,
             updateOnSubmit
@@ -100,6 +104,8 @@ export default class IsolatedInput extends PureComponent<IProps, IState> {
             type='text'
             value={this.state.value || ''}
             onChange={this.handleChange}
+            onCopy={onCopy}
+            onPaste={onPaste}
             placeholder={placeholder}
             {...props}
         />);

src/dash-table/components/Filter/Column.tsx

@@ -3,6 +3,7 @@ import React, { CSSProperties, PureComponent } from 'react';
 import IsolatedInput from 'core/components/IsolatedInput';
 
 import { ColumnId } from 'dash-table/components/Table/props';
+import TableClipboardHelper from 'dash-table/utils/TableClipboardHelper';
 
 type SetFilter = (ev: any) => void;
 
@@ -51,6 +52,13 @@ export default class ColumnFilter extends PureComponent<IColumnFilterProps, ISta
             style={style}
         >
             <IsolatedInput
+                onCopy={(e: any) => {
+                    e.stopPropagation();
+                    TableClipboardHelper.clearClipboard();
+                }}
+                onPaste={(e: any) => {
+                    e.stopPropagation();
+                }}
                 value={value}
                 placeholder={`filter data...`}
                 stopPropagation={true}

src/dash-table/utils/TableClipboardHelper.ts

@@ -42,6 +42,11 @@ export default class TableClipboardHelper {
         Clipboard.set(e, value);
     }
 
+    public static clearClipboard() {
+        TableClipboardHelper.lastLocalCopy = [];
+        TableClipboardHelper.localCopyWithoutHeaders = [];
+    }
+
     public static fromClipboard(
         ev: ClipboardEvent,
         activeCell: ICellCoordinates,