Temp IDs for input filters

Author: mattrunyon

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

@@ -1,7 +1,8 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import Log from '@deephaven/log';
 import { isWidgetPlugin, usePlugins } from '@deephaven/plugin';
 import type { dh } from '@deephaven/jsapi-types';
+import { nanoid } from 'nanoid';
 
 const log = Log.module('@deephaven/js-plugin-ui/ObjectView');
 
@@ -10,6 +11,7 @@ function ObjectView(props: ObjectViewProps): JSX.Element {
   const { object } = props;
   log.info('Object is', object);
   const { type } = object;
+  const [__dhId] = useState(() => nanoid());
 
   const fetch = useCallback(async () => {
     // We re-export the object in case this object is used in multiple places or closed/opened multiple times
@@ -32,7 +34,7 @@ function ObjectView(props: ObjectViewProps): JSX.Element {
   if (plugin != null) {
     const Component = plugin.component;
     // eslint-disable-next-line react/jsx-props-no-spreading
-    return <Component {...props} fetch={fetch} />;
+    return <Component {...props} fetch={fetch} __dhId={__dhId} />;
   }
 
   log.warn('Unknown object type', object.type);

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

@@ -48,6 +48,7 @@ import UITableContextMenuHandler, {
 } from './UITableContextMenuHandler';
 import UITableModel, { makeUiTableModel } from './UITableModel';
 import { UITableLayoutHints } from './JsTableProxy';
+import { nanoid } from 'nanoid';
 
 const log = Log.module('@deephaven/js-plugin-ui/UITable');
 
@@ -147,7 +148,7 @@ function useUITableModel({
   return model;
 }
 
-export function UITable({
+export function UITableInner({
   format_: formatProp = EMPTY_ARRAY as unknown as FormattingRule[],
   onCellPress,
   onCellDoublePress,
@@ -550,4 +551,9 @@ export function UITable({
 
 UITable.displayName = 'TableElementView';
 
+export function UITable(props: UITableProps): JSX.Element {
+  const [__dhId] = useState(() => nanoid());
+  return <UITableInner {...props} __dhId={__dhId} />;
+}
+
 export default UITable;

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

@@ -10,7 +10,7 @@ import { nanoid } from 'nanoid';
 import {
   LayoutUtils,
   PanelEvent,
-  PanelIdContext,
+  DhIdContext,
   useLayoutManager,
   useListener,
 } from '@deephaven/dashboard';
@@ -219,7 +219,7 @@ function ReactPanel({
   return portal
     ? ReactDOM.createPortal(
         <ReactPanelContext.Provider value={panelId}>
-          <PanelIdContext.Provider value={panelId}>
+          <DhIdContext.Provider value={panelId}>
             <View
               height="100%"
               width="100%"
@@ -264,7 +264,7 @@ function ReactPanel({
                 </ReactPanelErrorBoundary>
               </Flex>
             </View>
-          </PanelIdContext.Provider>
+          </DhIdContext.Provider>
         </ReactPanelContext.Provider>,
         portal,
         contentKey