feat: Add input filter support to UITable

Author: mattrunyon

plugins/ui/src/js/src/elements/UITable/UITable.tsx

@@ -17,6 +17,7 @@ import {
   useTheme,
   viewStyleProps,
 } from '@deephaven/components';
+import { useGlobalFilters } from '@deephaven/dashboard-core-plugins';
 import { useApi } from '@deephaven/jsapi-bootstrap';
 import { TableUtils } from '@deephaven/jsapi-utils';
 import type { dh as DhType } from '@deephaven/jsapi-types';
@@ -455,6 +456,8 @@ export function UITable({
     ]
   );
 
+  const inputFilters = useGlobalFilters(model?.columns ?? EMPTY_ARRAY);
+
   return model ? (
     <div
       // eslint-disable-next-line react/jsx-props-no-spreading
@@ -466,6 +469,7 @@ export function UITable({
         model={model}
         // eslint-disable-next-line react/jsx-props-no-spreading
         {...irisGridProps}
+        inputFilters={inputFilters}
       />
     </div>
   ) : null;

plugins/ui/src/js/src/layout/ReactPanel.tsx

@@ -4,6 +4,7 @@ import { nanoid } from 'nanoid';
 import {
   LayoutUtils,
   PanelEvent,
+  PanelIdContext,
   useLayoutManager,
   useListener,
 } from '@deephaven/dashboard';
@@ -204,45 +205,47 @@ function ReactPanel({
   return portal
     ? ReactDOM.createPortal(
         <ReactPanelContext.Provider value={panelId}>
-          <View
-            height="100%"
-            width="100%"
-            backgroundColor={backgroundColor}
-            padding={padding}
-            paddingTop={paddingTop}
-            paddingBottom={paddingBottom}
-            paddingStart={paddingStart}
-            paddingEnd={paddingEnd}
-            paddingX={paddingX}
-            paddingY={paddingY}
-            overflow={overflow}
-            UNSAFE_style={UNSAFE_style}
-            UNSAFE_className={
-              UNSAFE_className == null
-                ? 'dh-react-panel'
-                : `${UNSAFE_className} dh-react-panel`
-            }
-          >
-            <Flex
-              UNSAFE_className="dh-inner-react-panel"
-              wrap={wrap}
-              direction={direction}
-              justifyContent={justifyContent}
-              alignContent={alignContent}
-              alignItems={alignItems}
-              gap={gap}
-              rowGap={rowGap}
-              columnGap={columnGap}
+          <PanelIdContext.Provider value={panelId}>
+            <View
+              height="100%"
+              width="100%"
+              backgroundColor={backgroundColor}
+              padding={padding}
+              paddingTop={paddingTop}
+              paddingBottom={paddingBottom}
+              paddingStart={paddingStart}
+              paddingEnd={paddingEnd}
+              paddingX={paddingX}
+              paddingY={paddingY}
+              overflow={overflow}
+              UNSAFE_style={UNSAFE_style}
+              UNSAFE_className={
+                UNSAFE_className == null
+                  ? 'dh-react-panel'
+                  : `${UNSAFE_className} dh-react-panel`
+              }
             >
-              <ReactPanelErrorBoundary>
-                {/**
-                 * Don't render the children if there's an error with the widget. If there's an error with the widget, we can assume the children won't render properly,
-                 * but we still want the panels to appear so things don't disappear/jump around.
-                 */}
-                {renderedChildren ?? null}
-              </ReactPanelErrorBoundary>
-            </Flex>
-          </View>
+              <Flex
+                UNSAFE_className="dh-inner-react-panel"
+                wrap={wrap}
+                direction={direction}
+                justifyContent={justifyContent}
+                alignContent={alignContent}
+                alignItems={alignItems}
+                gap={gap}
+                rowGap={rowGap}
+                columnGap={columnGap}
+              >
+                <ReactPanelErrorBoundary>
+                  {/**
+                   * Don't render the children if there's an error with the widget. If there's an error with the widget, we can assume the children won't render properly,
+                   * but we still want the panels to appear so things don't disappear/jump around.
+                   */}
+                  {renderedChildren ?? null}
+                </ReactPanelErrorBoundary>
+              </Flex>
+            </View>
+          </PanelIdContext.Provider>
         </ReactPanelContext.Provider>,
         portal,
         contentKey

plugins/ui/src/js/vite.config.ts

@@ -21,6 +21,7 @@ export default defineConfig(({ mode }) => ({
         '@deephaven/components',
         '@deephaven/console',
         '@deephaven/dashboard',
+        '@deephaven/dashboard-core-plugins',
         '@deephaven/icons',
         '@deephaven/iris-grid',
         '@deephaven/jsapi-bootstrap',