@deephaven/dashboard-core-plugins 0.15.5-beta.3 → 0.15.5-beta.4

package/dist/panels/DropdownFilterPanel.d.ts

@@ -1,6 +1,53 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof DropdownFilterPanel, any>;
-export default _default;
-declare class DropdownFilterPanel extends React.Component<any, any, any> {
+import React, { Component, RefObject } from 'react';
+import { Column, Row, TableTemplate } from '@deephaven/jsapi-shim';
+import { DateTimeColumnFormatter, Formatter, FormattingRule } from '@deephaven/jsapi-utils';
+import { Pending } from '@deephaven/utils';
+import { Container, EventEmitter } from '@deephaven/golden-layout';
+import DropdownFilter, { DropdownFilterColumn } from '../controls/dropdown-filter/DropdownFilter';
+import './DropdownFilterPanel.scss';
+import { Link } from '../linker/LinkerUtils';
+import { ColumnSelectionValidator } from '../linker/ColumnSelectionValidator';
+interface PanelState {
+    name?: string;
+    type?: string;
+    value?: string;
+    isValueShown?: boolean;
+    timestamp?: number;
+}
+interface DropdownFilterPanelProps {
+    glContainer: Container;
+    glEventHub: EventEmitter;
+    panelState?: PanelState;
+    isLinkerActive: boolean;
+    columns: Column[];
+    columnSelectionValidator?: ColumnSelectionValidator;
+    disableLinking: boolean;
+    settings: {
+        formatter: FormattingRule[];
+    };
+    panelTableMap: Map<string | string[], TableTemplate>;
+    dashboardLinks: Link[];
+}
+interface DropdownFilterPanelState {
+    column?: DropdownFilterColumn;
+    formatter: Formatter;
+    valuesTable?: TableTemplate;
+    valuesColumn?: Column;
+    sourceSize: number;
+    value: string;
+    timestamp?: number;
+    values: unknown[];
+    isValueShown: boolean;
+    wasFlipped: boolean;
+    skipUpdate: boolean;
+    panelState?: PanelState;
+    isDisconnected: boolean;
+    isLoading: boolean;
+    isLoaded: boolean;
+    error: unknown | null;
+}
+declare class DropdownFilterPanel extends Component<DropdownFilterPanelProps, DropdownFilterPanelState> {
+    static displayName: string;
     static COMPONENT: string;
     static MAX_TABLE_SIZE: number;
     static DATETIME_FORMATTER: DateTimeColumnFormatter;
@@ -8,121 +55,78 @@ declare class DropdownFilterPanel extends React.Component<any, any, any> {
         name: string;
         type: null;
     }>;
-    constructor(props: any);
-    handleChange({ column, isValueShown, value }: {
-        column: any;
-        isValueShown: any;
-        value: any;
-    }): void;
-    handleClearAllFilters(): void;
-    handleDisconnect(): void;
-    handleReconnect(): void;
-    handleColumnSelected(): void;
-    handleSourceFilterChange(): void;
-    handleSourceSortChange(): void;
-    handleSourceSizeChange({ detail }: {
-        detail: any;
-    }): void;
-    handleSourceMouseEnter(): void;
-    handleSourceMouseLeave(): void;
-    handleValuesTableUpdate({ detail }: {
-        detail: any;
-    }): void;
-    dropdownFilterRef: React.RefObject<any>;
-    panelContainer: React.RefObject<any>;
+    constructor(props: DropdownFilterPanelProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DropdownFilterPanelProps, prevState: DropdownFilterPanelState): void;
+    componentWillUnmount(): void;
+    dropdownFilterRef: RefObject<DropdownFilter>;
+    panelContainer: RefObject<HTMLDivElement>;
     pending: Pending;
-    cleanup: any;
-    columnFormats: any;
-    getCachedValues: (this: any, rawValues: any, { type, name }: any, formatter: any) => any;
-    getCoordinateForColumn(): any[] | null;
-    getSettingsErrorMessage(): string | null;
-    getPanelErrorMessage(): string | null;
-    getCachedPanelLinks: (this: any, dashboardLinks: any, panel: any) => any;
+    cleanup?: () => void;
+    columnFormats?: FormattingRule[];
+    getCachedValues: (rawValues: unknown[], { type, name }: DropdownFilterColumn, formatter: Formatter) => (string | null)[];
+    getCoordinateForColumn(): [number, number] | null;
+    getSettingsErrorMessage(): string | undefined;
+    getPanelErrorMessage(): string | undefined;
+    getCachedPanelLinks: (this: any, dashboardLinks: Link[], panel: any) => Link[];
     getCachedSource: (this: any, links: any) => any;
     getCachedSourceTable: (this: any, panelTableMap: any, source: any) => any;
-    getCachedSourceColumn: (this: any, table: any, source: any) => any;
-    getSource(props?: Readonly<any> & Readonly<{
+    getCachedSourceColumn: (this: any, table: TableTemplate, source: any) => Column | null;
+    getSource(props?: Readonly<DropdownFilterPanelProps> & Readonly<{
         children?: React.ReactNode;
     }>): any;
-    getSourceTable(props?: Readonly<any> & Readonly<{
+    getSourceTable(props?: Readonly<DropdownFilterPanelProps> & Readonly<{
         children?: React.ReactNode;
     }>): any;
-    getValuesColumn(valuesTable: any): any;
-    startListeningToSource(sourceTable: any): void;
-    stopListeningToSource(sourceTable: any): void;
+    getValuesColumn(valuesTable: TableTemplate): Column | null;
+    startListeningToSource(sourceTable: TableTemplate): void;
+    stopListeningToSource(sourceTable: TableTemplate): void;
+    handleChange({ column, isValueShown, value, }: {
+        column: Partial<Column> | null;
+        isValueShown?: boolean | undefined;
+        value?: string | undefined;
+    }): void;
+    handleDisconnect(): void;
+    handleReconnect(): void;
+    handleSourceFilterChange(): void;
+    handleSourceSortChange(): void;
+    handleSourceSizeChange({ detail }: {
+        detail: number;
+    }): void;
+    handleColumnSelected(): void;
+    handleClearAllFilters(): void;
     /**
      * Set the filter value, card side, selected column
-     * @param {Object} state Filter state to set
-     * @param {boolean} sendUpdate Emit filters changed event if true
+     * @param state Filter state to set
+     * @param sendUpdate Emit filters changed event if true
      */
-    setPanelState(state: Object, sendUpdate?: boolean): void;
-    sendUpdate(name: any, type: any, value: any, timestamp: any): void;
+    setPanelState(state: {
+        name: string;
+        type: string;
+        value: string;
+        isValueShown: boolean;
+    }, sendUpdate?: boolean): void;
+    sendUpdate(name: string | null, type: string | undefined, value: string | undefined, timestamp?: number): void;
     updateValuesTable(): void;
     applySourceSorts(): void;
     applySourceFilters(): void;
-    updateViewportListener(valuesTable: any): void;
-    setViewport(valuesTable: any): void;
-    updateFormatterSettings(settings: any): void;
-}
-declare namespace DropdownFilterPanel {
-    namespace propTypes {
-        const glContainer: PropTypes.Validator<PropTypes.InferProps<{
-            on: PropTypes.Requireable<(...args: any[]) => any>;
-            off: PropTypes.Requireable<(...args: any[]) => any>;
-            isHidden: PropTypes.Requireable<boolean>;
-            tab: PropTypes.Requireable<PropTypes.InferProps<{
-                header: PropTypes.Requireable<PropTypes.InferProps<{
-                    tabs: PropTypes.Requireable<(PropTypes.InferProps<{
-                        contentItem: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-                    }> | null | undefined)[]>;
-                }>>;
-            }>>;
-            title: PropTypes.Requireable<string>;
-            setTitle: PropTypes.Requireable<(...args: any[]) => any>;
-            close: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        const glEventHub: PropTypes.Validator<PropTypes.InferProps<{
-            on: PropTypes.Requireable<(...args: any[]) => any>;
-            off: PropTypes.Requireable<(...args: any[]) => any>;
-            emit: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        const panelState: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<string>;
-            isValueShown: PropTypes.Requireable<boolean>;
-        }>>;
-        const isLinkerActive: PropTypes.Validator<boolean>;
-        const columns: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
-        const columnSelectionValidator: PropTypes.Requireable<(...args: any[]) => any>;
-        const disableLinking: PropTypes.Validator<boolean>;
-        const settings: PropTypes.Validator<PropTypes.InferProps<{
-            columnFormats: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-        }>>;
-        const panelTableMap: PropTypes.Validator<Map<unknown, unknown>>;
-        const dashboardLinks: PropTypes.Validator<(PropTypes.InferProps<{
-            start: PropTypes.Requireable<PropTypes.InferProps<{
-                panelId: PropTypes.Validator<string>;
-                columnName: PropTypes.Validator<string>;
-            }>>;
-            end: PropTypes.Requireable<PropTypes.InferProps<{
-                panelId: PropTypes.Validator<string>;
-                columnName: PropTypes.Validator<string>;
-            }>>;
-            id: PropTypes.Requireable<string>;
-            isReversed: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        const columnSelectionValidator_1: null;
-        export { columnSelectionValidator_1 as columnSelectionValidator };
-        const panelState_1: null;
-        export { panelState_1 as panelState };
-    }
-    const displayName: string;
+    updateViewportListener(valuesTable: TableTemplate): void;
+    setViewport(valuesTable: TableTemplate): void;
+    updateFormatterSettings(settings: {
+        formatter?: FormattingRule[] | undefined;
+    }): void;
+    handleValuesTableUpdate({ detail }: {
+        detail: {
+            rows: Row[];
+        };
+    }): void;
+    handleSourceMouseEnter(): void;
+    handleSourceMouseLeave(): void;
+    render(): JSX.Element;
 }
-import React from "react";
-import { Pending } from "@deephaven/utils";
-import { DateTimeColumnFormatter } from "packages/jsapi-utils/src/formatters/DateTimeColumnFormatter";
-import PropTypes from "prop-types";
+declare const _default: import("react-redux").ConnectedComponent<typeof DropdownFilterPanel, import("react-redux").Omit<React.ClassAttributes<DropdownFilterPanel> & DropdownFilterPanelProps, "columns" | "columnSelectionValidator" | "isLinkerActive" | "disableLinking" | "settings" | "panelTableMap" | "dashboardLinks"> & {
+    localDashboardId: string;
+    glContainer: Container;
+}>;
+export default _default;
 //# sourceMappingURL=DropdownFilterPanel.d.ts.map

package/dist/panels/DropdownFilterPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilterPanel.d.ts","sourceRoot":"","sources":["../../src/panels/DropdownFilterPanel.jsx"],"names":[],"mappings":";;AAmCA;IACE,yBAAyC;IAEzC,8BAA4B;IAG5B,mDAIG;IAEH;;;OAGG;IAEH,wBAiDC;IAsND;;;;aAsCC;IAoCD,8BAEC;IApCD,yBAMC;IAED,wBAEC;IAcD,6BAQC;IApBD,iCAEC;IAED,+BAEC;IAED;;aAEC;IA8KD,+BAMC;IAED,+BAMC;IA1BD;;aAUC;IA/dC,wCAA0C;IAC1C,qCAAuC;IACvC,iBAA4B;IAC5B,aAAmB;IAGnB,mBAA2C;IA2F7C,yFAUG;IAEH,uCAeC;IAED,yCAMC;IAED,sCAGC;IAED,yEAIG;IAEH,gDAWG;IAEH,0EAOG;IAEH,mEAWG;IAEH;;aAIC;IAED;;aAIC;IAED,uCAGC;IAED,+CAsBC;IAED,8CAsBC;IAgFD;;;;OAIG;IACH,qBAHW,MAAM,eACN,OAAO,QAajB;IAED,mEAmBC;IAED,0BA4CC;IAED,yBAWC;IAED,2BAWC;IAED,+CAkBC;IAED,oCAKC;IAED,6CAMC;CAiGF"}
+{"version":3,"file":"DropdownFilterPanel.d.ts","sourceRoot":"","sources":["../../src/panels/DropdownFilterPanel.tsx"],"names":[],"mappings":"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"}

package/dist/panels/DropdownFilterPanel.js

@@ -1,12 +1,11 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import debounce from 'lodash.debounce';
 import deepEqual from 'deep-equal';
 import memoize from 'memoize-one';
-import { GLPropTypes, LayoutUtils } from '@deephaven/dashboard';
+import { LayoutUtils } from '@deephaven/dashboard';
 import dh from '@deephaven/jsapi-shim';
 import { DateTimeColumnFormatter, Formatter, FormatterUtils, TableUtils } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
@@ -16,7 +15,6 @@ import DropdownFilter from "../controls/dropdown-filter/DropdownFilter.js";
 import { InputFilterEvent } from "../events/index.js";
 import { getColumnsForDashboard, getColumnSelectionValidatorForDashboard, getIsolatedLinkerPanelIdForDashboard, getLinksForDashboard, getTableMapForDashboard } from "../redux/index.js";
 import "./DropdownFilterPanel.css";
-import { UIPropTypes } from "../prop-types/index.js";
 import ToolType from "../linker/ToolType.js";
 import WidgetPanel from "./WidgetPanel.js";
 var log = Log.module('DropdownFilterPanel');
@@ -27,18 +25,28 @@ class DropdownFilterPanel extends Component {
   constructor(props) {
     super(props);
 
+    _defineProperty(this, "dropdownFilterRef", void 0);
+
+    _defineProperty(this, "panelContainer", void 0);
+
+    _defineProperty(this, "pending", void 0);
+
+    _defineProperty(this, "cleanup", void 0);
+
+    _defineProperty(this, "columnFormats", void 0);
+
     _defineProperty(this, "getCachedValues", memoize((rawValues, _ref, formatter) => {
       var {
         type,
         name
       } = _ref;
 
-      if (TableUtils.isDateType(type)) {
+      if (type && TableUtils.isDateType(type)) {
         return rawValues.map(value => DropdownFilterPanel.DATETIME_FORMATTER.format(value));
       }
 
       return rawValues.map(value => // Skip formatting for nulls so they don't get converted to ''
-      value != null ? formatter.getFormattedString(value, type, name) : null);
+      value != null && type != null ? formatter.getFormattedString(value, type, name) : null);
     }));
 
     _defineProperty(this, "getCachedPanelLinks", memoize((dashboardLinks, panel) => {
@@ -114,28 +122,27 @@ class DropdownFilterPanel extends Component {
     this.dropdownFilterRef = /*#__PURE__*/React.createRef();
     this.panelContainer = /*#__PURE__*/React.createRef();
     this.pending = new Pending();
-    this.cleanup = null;
     var {
       panelState,
       settings
     } = props;
-    this.columnFormats = settings.columnFormats;
+    this.columnFormats = FormatterUtils.getColumnFormats(settings);
     var {
       value: _value = '',
       isValueShown = false,
       name: _name,
       type: _type,
-      timestamp = null
+      timestamp
     } = panelState !== null && panelState !== void 0 ? panelState : {};
     var column = _name != null && _type != null ? {
       name: _name,
       type: _type
-    } : null;
+    } : undefined;
     this.state = {
       column,
       formatter: new Formatter(this.columnFormats),
-      valuesTable: null,
-      valuesColumn: null,
+      valuesTable: undefined,
+      valuesColumn: undefined,
       sourceSize: 0,
       value: _value,
       timestamp,
@@ -187,11 +194,11 @@ class DropdownFilterPanel extends Component {
     var prevSource = this.getSource(prevProps);
     var prevSourceTable = this.getSourceTable(prevProps);
 
-    if (settings !== prevProps.settings) {
+    if (settings !== prevProps.settings && settings !== undefined) {
       this.updateFormatterSettings(settings);
     }
 
-    if (valuesTable !== prevState.valuesTable && prevState.valuesTable !== null) {
+    if (valuesTable !== prevState.valuesTable && prevState.valuesTable != null) {
       log.debug('Table in state modified, closing the old table.');
       prevState.valuesTable.close();
     } // Checking source change in addition to table change
@@ -228,7 +235,7 @@ class DropdownFilterPanel extends Component {
       this.cleanup();
     }
 
-    if (valuesTable !== null) {
+    if (valuesTable != null) {
       valuesTable.close();
     }
   }
@@ -236,7 +243,7 @@ class DropdownFilterPanel extends Component {
   getCoordinateForColumn() {
     var _element$getBoundingC;
 
-    if (!this.panelContainer.current) {
+    if (this.panelContainer.current == null) {
       return null;
     }
 
@@ -261,14 +268,14 @@ class DropdownFilterPanel extends Component {
       return "Table too large, must have fewer than ".concat(DropdownFilterPanel.MAX_TABLE_SIZE, " options.");
     }
 
-    return null;
+    return undefined;
   }
 
   getPanelErrorMessage() {
     var {
       error
     } = this.state;
-    return error ? "".concat(error) : null;
+    return error ? "".concat(error) : undefined;
   }
 
   getSource() {
@@ -319,12 +326,14 @@ class DropdownFilterPanel extends Component {
       value
     } = _ref3;
     var {
-      name = null,
-      type = null
+      name = undefined,
+      type = undefined
     } = column !== null && column !== void 0 ? column : {};
     var sendUpdate = true;
     var timestamp = Date.now();
     this.setState(_ref4 => {
+      var _ref5, _timestamp;
+
       var {
         panelState,
         timestamp: prevTimestamp,
@@ -333,7 +342,7 @@ class DropdownFilterPanel extends Component {
       } = _ref4;
       // If the user had a value set, and they flip the card over and flip it back without changing any settings, ignore it
       var isFlip = panelState != null && isValueShown !== panelState.isValueShown && name === panelState.name && type === panelState.type && value === panelState.value;
-      sendUpdate = !skipUpdate && isValueShown && (!isFlip || !wasFlipped);
+      sendUpdate = (_ref5 = !skipUpdate && isValueShown && (!isFlip || !wasFlipped)) !== null && _ref5 !== void 0 ? _ref5 : false;
 
       if (!sendUpdate) {
         timestamp = prevTimestamp;
@@ -345,7 +354,7 @@ class DropdownFilterPanel extends Component {
           name,
           type,
           value,
-          timestamp
+          timestamp: (_timestamp = timestamp) !== null && _timestamp !== void 0 ? _timestamp : undefined
         },
         timestamp,
         wasFlipped: isFlip,
@@ -353,7 +362,7 @@ class DropdownFilterPanel extends Component {
       };
     }, () => {
       if (sendUpdate) {
-        this.sendUpdate(name, type, value, timestamp);
+        this.sendUpdate(name !== null && name !== void 0 ? name : null, type, value, timestamp);
       }
     });
   }
@@ -381,10 +390,10 @@ class DropdownFilterPanel extends Component {
     this.applySourceSorts();
   }
 
-  handleSourceSizeChange(_ref5) {
+  handleSourceSizeChange(_ref6) {
     var {
       detail
-    } = _ref5;
+    } = _ref6;
     this.setState({
       sourceSize: detail
     });
@@ -399,17 +408,19 @@ class DropdownFilterPanel extends Component {
   }
 
   handleClearAllFilters() {
-    this.dropdownFilterRef.current.clearFilter();
+    var _this$dropdownFilterR, _this$dropdownFilterR2;
+
+    (_this$dropdownFilterR = this.dropdownFilterRef) === null || _this$dropdownFilterR === void 0 ? void 0 : (_this$dropdownFilterR2 = _this$dropdownFilterR.current) === null || _this$dropdownFilterR2 === void 0 ? void 0 : _this$dropdownFilterR2.clearFilter();
   }
   /**
    * Set the filter value, card side, selected column
-   * @param {Object} state Filter state to set
-   * @param {boolean} sendUpdate Emit filters changed event if true
+   * @param state Filter state to set
+   * @param sendUpdate Emit filters changed event if true
    */
 
 
   setPanelState(state) {
-    var _this$dropdownFilterR;
+    var _this$dropdownFilterR3, _this$dropdownFilterR4;
 
     var sendUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
@@ -424,7 +435,7 @@ class DropdownFilterPanel extends Component {
     }); // Changing the inputFilter state via props doesn't quite work because of the delays on manual input changes
     // Setting the ref state directly triggers the onChange handler and updates the panelState
 
-    (_this$dropdownFilterR = this.dropdownFilterRef.current) === null || _this$dropdownFilterR === void 0 ? void 0 : _this$dropdownFilterR.setFilterState(state);
+    (_this$dropdownFilterR3 = this.dropdownFilterRef) === null || _this$dropdownFilterR3 === void 0 ? void 0 : (_this$dropdownFilterR4 = _this$dropdownFilterR3.current) === null || _this$dropdownFilterR4 === void 0 ? void 0 : _this$dropdownFilterR4.setFilterState(state);
   }
 
   sendUpdate(name, type, value, timestamp) {
@@ -457,7 +468,7 @@ class DropdownFilterPanel extends Component {
     log.debug('updateValuesTable', source, sourceTable);
     this.setState({
       values: [],
-      valuesTable: null,
+      valuesTable: undefined,
       error: null
     });
 
@@ -491,7 +502,7 @@ class DropdownFilterPanel extends Component {
         valuesTable
       });
     }).catch(error => {
-      if (PromiseUtils.isCancelled(error)) {
+      if (PromiseUtils.isCanceled(error)) {
         return;
       }
 
@@ -545,7 +556,7 @@ class DropdownFilterPanel extends Component {
     }
 
     if (valuesTable == null) {
-      this.cleanup = null;
+      this.cleanup = undefined;
       return;
     }
 
@@ -555,6 +566,12 @@ class DropdownFilterPanel extends Component {
 
   setViewport(valuesTable) {
     var valuesColumn = this.getValuesColumn(valuesTable);
+
+    if (!valuesColumn) {
+      log.error('values column is null');
+      return;
+    }
+
     valuesTable.setViewport(0, DropdownFilterPanel.MAX_TABLE_SIZE - 1, [valuesColumn]);
   }
 
@@ -569,16 +586,22 @@ class DropdownFilterPanel extends Component {
     }
   }
 
-  handleValuesTableUpdate(_ref6) {
+  handleValuesTableUpdate(_ref7) {
     var {
       detail
-    } = _ref6;
+    } = _ref7;
     var {
       rows
     } = detail;
     var {
       valuesTable
     } = this.state;
+
+    if (!valuesTable) {
+      log.error('valuesTable is null');
+      return;
+    }
+
     var valuesColumn = this.getValuesColumn(valuesTable);
 
     if (!valuesColumn) {
@@ -616,7 +639,7 @@ class DropdownFilterPanel extends Component {
       return;
     }
 
-    columnSelectionValidator(this, null);
+    columnSelectionValidator(this, undefined);
   }
 
   render() {
@@ -678,6 +701,8 @@ class DropdownFilterPanel extends Component {
 
 }
 
+_defineProperty(DropdownFilterPanel, "displayName", 'DropdownFilterPanel');
+
 _defineProperty(DropdownFilterPanel, "COMPONENT", 'DropdownFilterPanel');
 
 _defineProperty(DropdownFilterPanel, "MAX_TABLE_SIZE", 256);
@@ -693,33 +718,6 @@ _defineProperty(DropdownFilterPanel, "SOURCE_COLUMN", Object.freeze({
   type: null
 }));
 
-DropdownFilterPanel.propTypes = {
-  glContainer: GLPropTypes.Container.isRequired,
-  glEventHub: GLPropTypes.EventHub.isRequired,
-  panelState: PropTypes.shape({
-    name: PropTypes.string,
-    type: PropTypes.string,
-    value: PropTypes.string,
-    isValueShown: PropTypes.bool
-  }),
-  isLinkerActive: PropTypes.bool.isRequired,
-  columns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  columnSelectionValidator: PropTypes.func,
-  disableLinking: PropTypes.bool.isRequired,
-  settings: PropTypes.shape({
-    columnFormats: PropTypes.arrayOf(PropTypes.shape({}))
-  }).isRequired,
-  // eslint-disable-next-line react/no-unused-prop-types
-  panelTableMap: PropTypes.instanceOf(Map).isRequired,
-  // eslint-disable-next-line react/no-unused-prop-types
-  dashboardLinks: UIPropTypes.Links.isRequired
-};
-DropdownFilterPanel.defaultProps = {
-  columnSelectionValidator: null,
-  panelState: null
-};
-DropdownFilterPanel.displayName = 'DropdownFilterPanel';
-
 var mapStateToProps = (state, ownProps) => {
   var {
     localDashboardId