add back support for column options and dropdown_properties (plotly#89)

* add back support for column options and dropdown_properties

* fix lint

Author: Marc-Andre-Rivet

packages/dash-table/dash_table/bundle.js

@@ -642,6 +642,13 @@
           "computed": false
         }
       },
+      "dropdown_properties": {
+        "type": {
+          "name": "any"
+        },
+        "required": false,
+        "description": ""
+      },
       "column_conditional_styles": {
         "defaultValue": {
           "value": "[]",

packages/dash-table/dash_table/demo.js

@@ -168,7 +168,9 @@ export const propTypes = {
     sorting_treat_empty_string_as_none: PropTypes.bool,
 
     virtual_dataframe: PropTypes.arrayOf(PropTypes.object),
-    virtual_dataframe_indices: PropTypes.arrayOf(PropTypes.number)
+    virtual_dataframe_indices: PropTypes.arrayOf(PropTypes.number),
+
+    dropdown_properties: PropTypes.any,
 };
 
 Table.defaultProps = defaultProps;

packages/dash-table/dash_table/metadata.json

@@ -210,6 +210,7 @@ export default class CellFactory {
             column_conditional_styles,
             column_static_dropdown,
             column_static_style,
+            dropdown_properties, // legacy
             editable,
             id,
             is_focused,
@@ -236,6 +237,18 @@ export default class CellFactory {
             const cells = visibleColumns.map((column, visibleIndex) => {
                 visibleIndex += offset;
 
+                let legacyDropdown: any = (
+                    (
+                        dropdown_properties &&
+                        dropdown_properties[column.id] &&
+                        (
+                            dropdown_properties[column.id].length > realIdx ?
+                                dropdown_properties[column.id][realIdx] :
+                                null
+                        )
+                    ) || column || {}
+                ).options;
+
                 const index = columns.indexOf(column);
 
                 const classes = [`column-${index + offset}`];
@@ -244,7 +257,7 @@ export default class CellFactory {
                 let staticDropdown = column_static_dropdown.find((sd: any) => sd.id === column.id);
 
                 conditionalDropdowns = conditionalDropdowns && conditionalDropdowns.dropdowns;
-                staticDropdown = staticDropdown && staticDropdown.dropdown;
+                staticDropdown = legacyDropdown || (staticDropdown && staticDropdown.dropdown);
 
                 let conditionalStyles = column_conditional_styles.find((cs: any) => cs.id === column.id);
                 let staticStyle = column_static_style.find((ss: any) => ss.id === column.id);

packages/dash-table/src/dash-table/Table.js

@@ -491,7 +491,6 @@ export default class ControlledTable extends Component<ControlledTableProps> {
 
         const noOffsetActiveCell: [number, number] = [active_cell[0], active_cell[1] - columnIndexOffset];
 
-
         const result = TableClipboardHelper.fromClipboard(
             e,
             noOffsetActiveCell,

packages/dash-table/src/dash-table/components/CellFactory.tsx

@@ -19,6 +19,7 @@ export type Virtualization = 'fe' | 'be' | boolean;
 interface IColumn {
     id: string | number;
     editable?: boolean;
+    options?: { label: string | number, value: any }[]; // legacy
     [key: string]: any;
 }
 
@@ -48,6 +49,7 @@ interface IProps {
     column_static_dropdown?: any;
     column_static_style?: any;
     dataframe?: Dataframe;
+    dropdown_properties: any; // legacy
     editable?: boolean;
     filtering?: Filtering;
     filtering_settings?: string;
@@ -118,6 +120,7 @@ export interface ICellFactoryOptions {
     column_static_dropdown: any;
     column_static_style: any;
     dataframe: Dataframe;
+    dropdown_properties: any; // legacy
     editable: boolean;
     id: string;
     is_focused?: boolean;