feat: Create UI to Display Partitioned Tables

packages/code-studio/src/styleguide/MockIrisGridTreeModel.ts

@@ -222,6 +222,22 @@ class MockIrisGridTreeModel
     // Ignore for mock
   }
 
+  get partition(): never[] {
+    return [];
+  }
+
+  set partition(partition: never[]) {
+    // Ignore for mock
+  }
+
+  get partitionColumns(): never[] {
+    return [];
+  }
+
+  set partitionColumns(partitionColumns: never[]) {
+    // Ignore for mock
+  }
+
   set formatter(formatter: Formatter) {
     // Ignore for mock
   }

packages/components/src/Option.tsx

@@ -1,23 +1,13 @@
-import React from 'react';
+import React, { OptionHTMLAttributes } from 'react';
 
-export type OptionProps = {
+export type OptionProps = OptionHTMLAttributes<HTMLOptionElement> & {
   children: React.ReactNode;
-  disabled?: boolean;
-  value: string;
   'data-testid'?: string;
 };
 
-function Option({
-  children,
-  disabled,
-  value,
-  'data-testid': dataTestId,
-}: OptionProps): JSX.Element {
-  return (
-    <option value={value} disabled={disabled} data-testid={dataTestId}>
-      {children}
-    </option>
-  );
+function Option({ children, ...props }: OptionProps): JSX.Element {
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  return <option {...props}>{children}</option>;
 }
 
 export default Option;

packages/console/src/common/ConsoleUtils.ts

@@ -56,7 +56,8 @@ class ConsoleUtils {
     return (
       type === dh.VariableType.TABLE ||
       type === dh.VariableType.TREETABLE ||
-      type === dh.VariableType.HIERARCHICALTABLE
+      type === dh.VariableType.HIERARCHICALTABLE ||
+      type === dh.VariableType.PARTITIONEDTABLE
     );
   }
 

packages/console/src/common/ObjectIcon.tsx

@@ -14,6 +14,7 @@ function ObjectIcon({ type }: ObjectIconProps): JSX.Element {
     case dh.VariableType.TABLEMAP:
     case dh.VariableType.TREETABLE:
     case dh.VariableType.HIERARCHICALTABLE:
+    case dh.VariableType.PARTITIONEDTABLE:
       return <FontAwesomeIcon icon={dhTable} />;
     case dh.VariableType.FIGURE:
       return <FontAwesomeIcon icon={vsGraph} />;

packages/dashboard-core-plugins/src/GridPluginConfig.ts

@@ -9,7 +9,12 @@ const GridPluginConfig: WidgetPlugin = {
   type: PluginType.WIDGET_PLUGIN,
   component: GridWidgetPlugin,
   panelComponent: GridPanelPlugin,
-  supportedTypes: ['Table', 'TreeTable', 'HierarchicalTable'],
+  supportedTypes: [
+    'Table',
+    'TreeTable',
+    'HierarchicalTable',
+    'PartitionedTable',
+  ],
   icon: dhTable,
 };
 

packages/dashboard-core-plugins/src/panels/IrisGridPanel.tsx

@@ -43,6 +43,7 @@ import {
   ColumnHeaderGroup,
   IrisGridContextMenuData,
   IrisGridTableModel,
+  PartitionConfig,
 } from '@deephaven/iris-grid';
 import {
   AdvancedFilterOptions,
@@ -126,9 +127,7 @@ export interface PanelState {
 type LoadedPanelState = PanelState & {
   irisGridPanelState: PanelState['irisGridPanelState'] & {
     partitions?: (string | null)[];
-    partitionColumns?: ColumnName[];
     partition?: string | null;
-    partitionColumn?: ColumnName | null;
   };
 };
 
@@ -190,7 +189,7 @@ interface IrisGridPanelState {
   movedRows: readonly MoveOperation[];
   isSelectingPartition: boolean;
   partitions: (string | null)[];
-  partitionColumns: Column[];
+  partitionConfig?: PartitionConfig;
   rollupConfig?: UIRollupConfig;
   showSearchBar: boolean;
   searchValue: string;
@@ -296,7 +295,6 @@ export class IrisGridPanel extends PureComponent<
       movedRows: [],
       isSelectingPartition: false,
       partitions: [],
-      partitionColumns: [],
       rollupConfig: undefined,
       showSearchBar: false,
       searchValue: '',
@@ -466,13 +464,11 @@ export class IrisGridPanel extends PureComponent<
       model: IrisGridModel,
       isSelectingPartition: boolean,
       partitions: (string | null)[],
-      partitionColumns: Column[],
       advancedSettings: Map<AdvancedSettingsType, boolean>
     ) =>
       IrisGridUtils.dehydrateIrisGridPanelState(model, {
         isSelectingPartition,
         partitions,
-        partitionColumns,
         advancedSettings,
       })
   );
@@ -499,7 +495,8 @@ export class IrisGridPanel extends PureComponent<
       pendingDataMap: PendingDataMap<UIRow>,
       frozenColumns: readonly ColumnName[],
       conditionalFormats: readonly SidebarFormattingRule[],
-      columnHeaderGroups: readonly ColumnHeaderGroup[]
+      columnHeaderGroups: readonly ColumnHeaderGroup[],
+      partitionConfig: PartitionConfig | undefined
     ) => {
       assertNotNull(this.irisGridUtils);
       return this.irisGridUtils.dehydrateIrisGridState(model, {
@@ -525,6 +522,7 @@ export class IrisGridPanel extends PureComponent<
         frozenColumns,
         conditionalFormats,
         columnHeaderGroups,
+        partitionConfig,
       });
     }
   );
@@ -1035,12 +1033,8 @@ export class IrisGridPanel extends PureComponent<
             }[]
           );
       }
-      const {
-        isSelectingPartition,
-        partitions,
-        partitionColumns,
-        advancedSettings,
-      } = IrisGridUtils.hydrateIrisGridPanelState(model, irisGridPanelState);
+      const { isSelectingPartition, partitions, advancedSettings } =
+        IrisGridUtils.hydrateIrisGridPanelState(model, irisGridPanelState);
       assertNotNull(this.irisGridUtils);
       const {
         advancedFilters,
@@ -1063,6 +1057,7 @@ export class IrisGridPanel extends PureComponent<
         frozenColumns,
         conditionalFormats,
         columnHeaderGroups,
+        partitionConfig,
       } = this.irisGridUtils.hydrateIrisGridState(model, {
         ...irisGridState,
         ...irisGridStateOverrides,
@@ -1084,7 +1079,6 @@ export class IrisGridPanel extends PureComponent<
         movedColumns,
         movedRows,
         partitions,
-        partitionColumns,
         quickFilters,
         reverseType,
         rollupConfig,
@@ -1102,6 +1096,7 @@ export class IrisGridPanel extends PureComponent<
         isStuckToBottom,
         isStuckToRight,
         columnHeaderGroups,
+        partitionConfig,
       });
     } catch (error) {
       log.error('loadPanelState failed to load panelState', panelState, error);
@@ -1117,7 +1112,6 @@ export class IrisGridPanel extends PureComponent<
       panelState: oldPanelState,
       isSelectingPartition,
       partitions,
-      partitionColumns,
       advancedSettings,
     } = this.state;
     const {
@@ -1140,6 +1134,7 @@ export class IrisGridPanel extends PureComponent<
       frozenColumns,
       conditionalFormats,
       columnHeaderGroups,
+      partitionConfig,
     } = irisGridState;
     assertNotNull(model);
     assertNotNull(metrics);
@@ -1153,7 +1148,6 @@ export class IrisGridPanel extends PureComponent<
         model,
         isSelectingPartition,
         partitions,
-        partitionColumns,
         advancedSettings
       ),
       this.getDehydratedIrisGridState(
@@ -1177,7 +1171,8 @@ export class IrisGridPanel extends PureComponent<
         pendingDataMap,
         frozenColumns,
         conditionalFormats,
-        columnHeaderGroups
+        columnHeaderGroups,
+        partitionConfig
       ),
       this.getDehydratedGridState(
         model,
@@ -1241,7 +1236,7 @@ export class IrisGridPanel extends PureComponent<
       movedColumns,
       movedRows,
       partitions,
-      partitionColumns,
+      partitionConfig,
       quickFilters,
       reverseType,
       rollupConfig,
@@ -1323,7 +1318,7 @@ export class IrisGridPanel extends PureComponent<
             movedColumns={movedColumns}
             movedRows={movedRows}
             partitions={partitions}
-            partitionColumns={partitionColumns}
+            partitionConfig={partitionConfig}
             quickFilters={quickFilters}
             reverseType={reverseType}
             rollupConfig={rollupConfig}

packages/embed-grid/src/App.tsx

@@ -23,6 +23,7 @@ const SUPPORTED_TYPES: string[] = [
   dh.VariableType.TREETABLE,
   dh.VariableType.HIERARCHICALTABLE,
   dh.VariableType.PANDAS,
+  dh.VariableType.PARTITIONEDTABLE,
 ];
 
 export type Command = 'filter' | 'sort';

packages/grid/src/DataBarGridModel.ts

@@ -1,7 +1,6 @@
-import { GridThemeType } from '.';
 import { ModelIndex } from './GridMetrics';
 import GridModel from './GridModel';
-import { GridColor } from './GridTheme';
+import { GridColor, type GridTheme as GridThemeType } from './GridTheme';
 
 export type Marker = { value: number; color: string };
 export type AxisOption = 'proportional' | 'middle' | 'directional';

packages/iris-grid/package.json

@@ -36,6 +36,7 @@
     "@deephaven/filters": "file:../filters",
     "@deephaven/grid": "file:../grid",
     "@deephaven/icons": "file:../icons",
+    "@deephaven/jsapi-components": "file:../jsapi-components",
     "@deephaven/jsapi-types": "file:../jsapi-types",
     "@deephaven/jsapi-utils": "file:../jsapi-utils",
     "@deephaven/log": "file:../log",