@deephaven/dashboard 0.109.1-beta.9 → 1.0.1-beta.0

package/dist/DashboardLayout.js

@@ -17,7 +17,7 @@ import PanelEvent from "./PanelEvent.js";
 import { GLPropTypes, useListener } from "./layout/index.js";
 import { getDashboardData, updateDashboardData } from "./redux/index.js";
 import DashboardPanelWrapper from "./DashboardPanelWrapper.js";
-import { DhIdContext } from "./useDhId.js";
+import { PanelIdContext } from "./usePanelId.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -83,7 +83,7 @@ export function DashboardLayout(_ref) {
       return /*#__PURE__*/_jsx(PanelErrorBoundary, {
         glContainer: glContainer,
         glEventHub: glEventHub,
-        children: /*#__PURE__*/_jsx(DhIdContext.Provider, {
+        children: /*#__PURE__*/_jsx(PanelIdContext.Provider, {
           value: panelId,
           children: /*#__PURE__*/_jsx(PanelWrapperType, _objectSpread(_objectSpread({}, props), {}, {
             children: hasRef ?

package/dist/DashboardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","useThrottledCallback","ErrorBoundary","useDispatch","useSelector","PanelManager","PanelErrorBoundary","LayoutUtils","canHaveRef","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","DashboardPanelWrapper","DhIdContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","STATE_CHANGE_THROTTLE_MS","FALLBACK_CALLBACK","props","DashboardLayout","_ref","_useSelector","_closed","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","panelWrapper","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","layoutChildren","setLayoutChildren","getReactChildren","hydrateMap","Map","dehydrateMap","registerComponent","name","componentType","_componentType$displa","componentHydrate","arguments","length","componentDehydrate","debug2","wrappedComponent","ref","CType","PanelWrapperType","hasRef","glContainer","glEventHub","panelId","getIdFromContainer","Provider","value","_objectSpread","displayName","concat","cleanup","forwardRef","set","hydrateComponent","_hydrateMap$get","get","dehydrateComponent","config","_dehydrateMap$get","panelManager","_ref2","openedMap","throttledProcessDehydratedLayoutConfig","dehydratedLayoutConfig","hasChanged","isEqual","debug","root","contentItems","flushOnUnmount","flush","handleLayoutStateChanged","glConfig","toConfig","contentConfig","content","dehydrateLayoutConfig","handleLayoutItemPickedUp","component","componentId","eventHub","emit","DRAGGING","handleLayoutItemDropped","DROPPED","handleComponentCreated","item","element","cssComponent","replace","toLowerCase","cssClass","addClass","handleReactChildrenChange","TITLE_CHANGED","previousLayoutConfig","loadNewConfig","hydrateLayoutConfig","remove","i","addChild","Children","map","child","fallback","cloneElement","propTypes","string","isRequired","node","shape","Layout","arrayOf","func"],"sources":["../src/DashboardLayout.tsx"],"sourcesContent":["import React, {\n  type ComponentType,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport type GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  Container,\n  ItemConfig,\n  ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport { usePrevious, useThrottledCallback } from '@deephaven/react-hooks';\nimport { ErrorBoundary } from '@deephaven/components';\nimport { type RootState } from '@deephaven/redux';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PanelManager, { type ClosedPanels } from './PanelManager';\nimport PanelErrorBoundary from './PanelErrorBoundary';\nimport LayoutUtils from './layout/LayoutUtils';\nimport {\n  canHaveRef,\n  dehydrate as dehydrateDefault,\n  hydrate as hydrateDefault,\n} from './DashboardUtils';\nimport PanelEvent from './PanelEvent';\nimport { GLPropTypes, useListener } from './layout';\nimport { getDashboardData, updateDashboardData } from './redux';\nimport {\n  type PanelComponentType,\n  type PanelDehydrateFunction,\n  type PanelHydrateFunction,\n  type PanelProps,\n} from './DashboardPlugin';\nimport DashboardPanelWrapper from './DashboardPanelWrapper';\nimport { DhIdContext } from './useDhId';\n\nexport type DashboardLayoutConfig = ItemConfig[];\n\nconst log = Log.module('DashboardLayout');\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nconst DEFAULT_LAYOUT_CONFIG: DashboardLayoutConfig = [];\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nconst STATE_CHANGE_THROTTLE_MS = 1000;\n\n// If a component isn't registered, just pass through the props so they are saved if a plugin is loaded later\nconst FALLBACK_CALLBACK = (props: unknown): unknown => props;\n\ntype DashboardData = {\n  closed?: ClosedPanels;\n};\n\ninterface DashboardLayoutProps {\n  id: string;\n\n  // Default hydrate/dehydration functions\n  hydrate?: PanelHydrateFunction;\n  dehydrate?: PanelDehydrateFunction;\n  layout: GoldenLayout;\n  layoutConfig?: DashboardLayoutConfig;\n  onLayoutChange?: (dehydratedLayout: DashboardLayoutConfig) => void;\n  onLayoutInitialized?: () => void;\n  data?: DashboardData;\n  children?: React.ReactNode | React.ReactNode[];\n  emptyDashboard?: React.ReactNode;\n\n  /** Component to wrap each panel with */\n  panelWrapper?: ComponentType;\n}\n\n/**\n * DashboardLayout component. Handles hydrating, dehydrating components, listening for dragging panels.\n */\nexport function DashboardLayout({\n  id,\n  children,\n  emptyDashboard = <div>Dashboard is empty.</div>,\n  layout,\n  layoutConfig = DEFAULT_LAYOUT_CONFIG,\n  onLayoutChange = DEFAULT_CALLBACK,\n  onLayoutInitialized = DEFAULT_CALLBACK,\n  hydrate = hydrateDefault,\n  dehydrate = dehydrateDefault,\n  panelWrapper = DashboardPanelWrapper,\n}: DashboardLayoutProps): JSX.Element {\n  const dispatch = useDispatch();\n  const data =\n    useSelector<RootState>(state => getDashboardData(state, id)) ??\n    EMPTY_OBJECT;\n\n  const [isDashboardEmpty, setIsDashboardEmpty] = useState(false);\n  const [isItemDragging, setIsItemDragging] = useState(false);\n  const [lastConfig, setLastConfig] = useState<DashboardLayoutConfig>();\n  const [initialClosedPanels] = useState<ReactComponentConfig[] | undefined>(\n    (data as DashboardData)?.closed ?? []\n  );\n  const [layoutChildren, setLayoutChildren] = useState(\n    layout.getReactChildren()\n  );\n\n  const hydrateMap = useMemo(() => new Map(), []);\n  const dehydrateMap = useMemo(() => new Map(), []);\n  const registerComponent = useCallback(\n    (\n      name: string,\n      componentType: PanelComponentType,\n      componentHydrate = hydrate,\n      componentDehydrate = dehydrate\n    ) => {\n      log.debug2(\n        'registerComponent',\n        name,\n        componentType,\n        componentHydrate,\n        componentDehydrate\n      );\n\n      function wrappedComponent(\n        props: PanelProps,\n        ref: React.Ref<unknown>\n      ): JSX.Element {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const CType = componentType as any;\n        const PanelWrapperType = panelWrapper;\n\n        /**\n         * The ref is used to detect changes to class component state so we\n         * can track changes to panelState. We should opt for more explicit\n         * state changes in the future and in functional components.\n         */\n        const hasRef = canHaveRef(CType);\n\n        // Props supplied by GoldenLayout\n        const { glContainer, glEventHub } = props;\n        const panelId = LayoutUtils.getIdFromContainer(glContainer);\n        return (\n          <PanelErrorBoundary glContainer={glContainer} glEventHub={glEventHub}>\n            <DhIdContext.Provider value={panelId as string | null}>\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <PanelWrapperType {...props}>\n                {hasRef ? (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <CType {...props} ref={ref} />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <CType {...props} />\n                )}\n              </PanelWrapperType>\n            </DhIdContext.Provider>\n          </PanelErrorBoundary>\n        );\n      }\n\n      wrappedComponent.displayName = `DashboardWrapper(${\n        componentType.displayName ?? name\n      })`;\n\n      const cleanup = layout.registerComponent(\n        name,\n        React.forwardRef(wrappedComponent)\n      );\n      hydrateMap.set(name, componentHydrate);\n      dehydrateMap.set(name, componentDehydrate);\n      return cleanup;\n    },\n    [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, panelWrapper]\n  );\n  const hydrateComponent = useCallback(\n    (name, props) => (hydrateMap.get(name) ?? FALLBACK_CALLBACK)(props, id),\n    [hydrateMap, id]\n  );\n  const dehydrateComponent = useCallback(\n    (name, config) => (dehydrateMap.get(name) ?? FALLBACK_CALLBACK)(config, id),\n    [dehydrateMap, id]\n  );\n  const panelManager = useMemo(\n    () =>\n      new PanelManager(\n        layout,\n        hydrateComponent,\n        dehydrateComponent,\n        new Map(),\n        initialClosedPanels,\n        ({ closed, openedMap }) => {\n          dispatch(updateDashboardData(id, { closed, openedMap }));\n        }\n      ),\n    [\n      dehydrateComponent,\n      dispatch,\n      hydrateComponent,\n      id,\n      initialClosedPanels,\n      layout,\n    ]\n  );\n\n  // Throttle the calls so that we don't flood comparing these layouts\n  const throttledProcessDehydratedLayoutConfig = useThrottledCallback(\n    (dehydratedLayoutConfig: DashboardLayoutConfig) => {\n      const hasChanged =\n        lastConfig == null ||\n        !LayoutUtils.isEqual(lastConfig, dehydratedLayoutConfig);\n\n      log.debug('handleLayoutStateChanged', hasChanged, dehydratedLayoutConfig);\n\n      if (hasChanged) {\n        setIsDashboardEmpty(layout.root.contentItems.length === 0);\n\n        setLastConfig(dehydratedLayoutConfig);\n\n        onLayoutChange(dehydratedLayoutConfig);\n\n        setLayoutChildren(layout.getReactChildren());\n      }\n    },\n    STATE_CHANGE_THROTTLE_MS,\n    { flushOnUnmount: true }\n  );\n\n  useEffect(\n    () => () => throttledProcessDehydratedLayoutConfig.flush(),\n    [throttledProcessDehydratedLayoutConfig]\n  );\n\n  const handleLayoutStateChanged = useCallback(() => {\n    // we don't want to emit stateChanges that happen during item drags or else\n    // we risk the last saved state being one without that panel in the layout entirely\n    if (isItemDragging) return;\n\n    const glConfig = layout.toConfig();\n    const contentConfig = glConfig.content;\n    const dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(\n      contentConfig,\n      dehydrateComponent\n    );\n    throttledProcessDehydratedLayoutConfig(dehydratedLayoutConfig);\n  }, [\n    dehydrateComponent,\n    isItemDragging,\n    layout,\n    throttledProcessDehydratedLayoutConfig,\n  ]);\n\n  const handleLayoutItemPickedUp = useCallback(\n    (component: Container) => {\n      const componentId = LayoutUtils.getIdFromContainer(component);\n      layout.eventHub.emit(PanelEvent.DRAGGING, componentId);\n      setIsItemDragging(true);\n    },\n    [layout.eventHub]\n  );\n\n  const handleLayoutItemDropped = useCallback(\n    (component: Container) => {\n      const componentId = LayoutUtils.getIdFromContainer(component);\n      layout.eventHub.emit(PanelEvent.DROPPED, componentId);\n      setIsItemDragging(false);\n    },\n    [layout.eventHub]\n  );\n\n  const handleComponentCreated = useCallback(item => {\n    log.debug2('handleComponentCreated', item);\n\n    if (\n      item == null ||\n      item.config == null ||\n      item.config.component == null ||\n      item.element == null\n    ) {\n      return;\n    }\n\n    const cssComponent = item.config.component\n      .replace(/([a-z])([A-Z])/g, '$1-$2')\n      .toLowerCase();\n    const cssClass = `${cssComponent}-component`;\n    item.element.addClass(cssClass);\n  }, []);\n\n  const handleReactChildrenChange = useCallback(() => {\n    setLayoutChildren(layout.getReactChildren());\n  }, [layout]);\n\n  useListener(layout, 'stateChanged', handleLayoutStateChanged);\n  useListener(layout, 'itemPickedUp', handleLayoutItemPickedUp);\n  useListener(layout, 'itemDropped', handleLayoutItemDropped);\n  useListener(layout, 'componentCreated', handleComponentCreated);\n  useListener(\n    layout.eventHub,\n    PanelEvent.TITLE_CHANGED,\n    handleLayoutStateChanged\n  );\n  useListener(layout, 'reactChildrenChanged', handleReactChildrenChange);\n\n  const previousLayoutConfig = usePrevious(layoutConfig);\n  useEffect(\n    function loadNewConfig() {\n      if (\n        previousLayoutConfig !== layoutConfig &&\n        layoutConfig !== lastConfig\n      ) {\n        log.debug('Setting new layout content...');\n        const content = LayoutUtils.hydrateLayoutConfig(\n          layoutConfig,\n          hydrateComponent\n        );\n        // Remove the old layout before add the new one\n        while (layout.root.contentItems.length > 0) {\n          layout.root.contentItems[0].remove();\n        }\n\n        // Add the new content. It is usally just one item from the root\n        for (let i = 0; i < content.length; i += 1) {\n          layout.root.addChild(content[i]);\n        }\n\n        setIsDashboardEmpty(layout.root.contentItems.length === 0);\n      }\n    },\n    [\n      hydrateComponent,\n      layout,\n      layoutConfig,\n      lastConfig,\n      panelManager,\n      previousLayoutConfig,\n    ]\n  );\n\n  // This should be the last hook called in this component\n  // Ensures it runs after any other effects on mount\n  // Fire only once after the layout is mounted\n  // This should ensure DashboardPlugins have been mounted\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => onLayoutInitialized(), []);\n\n  return (\n    <>\n      {isDashboardEmpty && emptyDashboard}\n      {layoutChildren}\n      {React.Children.map(children, child =>\n        child != null ? (\n          // Have fallback be an empty array so that we don't show the error message over entire app\n          // Look into using toast message in the future\n          <ErrorBoundary fallback={[]}>\n            {React.cloneElement(child as ReactElement, {\n              id,\n              layout,\n              panelManager,\n              registerComponent,\n            })}\n          </ErrorBoundary>\n        ) : null\n      )}\n    </>\n  );\n}\n\nDashboardLayout.propTypes = {\n  id: PropTypes.string.isRequired,\n  children: PropTypes.node,\n  data: PropTypes.shape({}),\n  emptyDashboard: PropTypes.node,\n  layout: GLPropTypes.Layout.isRequired,\n  layoutConfig: PropTypes.arrayOf(PropTypes.shape({})),\n  onLayoutChange: PropTypes.func,\n  onLayoutInitialized: PropTypes.func,\n};\n\nexport default DashboardLayout;\n"],"mappings":"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"}
+{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","useThrottledCallback","ErrorBoundary","useDispatch","useSelector","PanelManager","PanelErrorBoundary","LayoutUtils","canHaveRef","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","DashboardPanelWrapper","PanelIdContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","STATE_CHANGE_THROTTLE_MS","FALLBACK_CALLBACK","props","DashboardLayout","_ref","_useSelector","_closed","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","panelWrapper","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","layoutChildren","setLayoutChildren","getReactChildren","hydrateMap","Map","dehydrateMap","registerComponent","name","componentType","_componentType$displa","componentHydrate","arguments","length","componentDehydrate","debug2","wrappedComponent","ref","CType","PanelWrapperType","hasRef","glContainer","glEventHub","panelId","getIdFromContainer","Provider","value","_objectSpread","displayName","concat","cleanup","forwardRef","set","hydrateComponent","_hydrateMap$get","get","dehydrateComponent","config","_dehydrateMap$get","panelManager","_ref2","openedMap","throttledProcessDehydratedLayoutConfig","dehydratedLayoutConfig","hasChanged","isEqual","debug","root","contentItems","flushOnUnmount","flush","handleLayoutStateChanged","glConfig","toConfig","contentConfig","content","dehydrateLayoutConfig","handleLayoutItemPickedUp","component","componentId","eventHub","emit","DRAGGING","handleLayoutItemDropped","DROPPED","handleComponentCreated","item","element","cssComponent","replace","toLowerCase","cssClass","addClass","handleReactChildrenChange","TITLE_CHANGED","previousLayoutConfig","loadNewConfig","hydrateLayoutConfig","remove","i","addChild","Children","map","child","fallback","cloneElement","propTypes","string","isRequired","node","shape","Layout","arrayOf","func"],"sources":["../src/DashboardLayout.tsx"],"sourcesContent":["import React, {\n  type ComponentType,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport type GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  Container,\n  ItemConfig,\n  ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport { usePrevious, useThrottledCallback } from '@deephaven/react-hooks';\nimport { ErrorBoundary } from '@deephaven/components';\nimport { type RootState } from '@deephaven/redux';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PanelManager, { type ClosedPanels } from './PanelManager';\nimport PanelErrorBoundary from './PanelErrorBoundary';\nimport LayoutUtils from './layout/LayoutUtils';\nimport {\n  canHaveRef,\n  dehydrate as dehydrateDefault,\n  hydrate as hydrateDefault,\n} from './DashboardUtils';\nimport PanelEvent from './PanelEvent';\nimport { GLPropTypes, useListener } from './layout';\nimport { getDashboardData, updateDashboardData } from './redux';\nimport {\n  type PanelComponentType,\n  type PanelDehydrateFunction,\n  type PanelHydrateFunction,\n  type PanelProps,\n} from './DashboardPlugin';\nimport DashboardPanelWrapper from './DashboardPanelWrapper';\nimport { PanelIdContext } from './usePanelId';\n\nexport type DashboardLayoutConfig = ItemConfig[];\n\nconst log = Log.module('DashboardLayout');\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nconst DEFAULT_LAYOUT_CONFIG: DashboardLayoutConfig = [];\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nconst STATE_CHANGE_THROTTLE_MS = 1000;\n\n// If a component isn't registered, just pass through the props so they are saved if a plugin is loaded later\nconst FALLBACK_CALLBACK = (props: unknown): unknown => props;\n\ntype DashboardData = {\n  closed?: ClosedPanels;\n};\n\ninterface DashboardLayoutProps {\n  id: string;\n\n  // Default hydrate/dehydration functions\n  hydrate?: PanelHydrateFunction;\n  dehydrate?: PanelDehydrateFunction;\n  layout: GoldenLayout;\n  layoutConfig?: DashboardLayoutConfig;\n  onLayoutChange?: (dehydratedLayout: DashboardLayoutConfig) => void;\n  onLayoutInitialized?: () => void;\n  data?: DashboardData;\n  children?: React.ReactNode | React.ReactNode[];\n  emptyDashboard?: React.ReactNode;\n\n  /** Component to wrap each panel with */\n  panelWrapper?: ComponentType;\n}\n\n/**\n * DashboardLayout component. Handles hydrating, dehydrating components, listening for dragging panels.\n */\nexport function DashboardLayout({\n  id,\n  children,\n  emptyDashboard = <div>Dashboard is empty.</div>,\n  layout,\n  layoutConfig = DEFAULT_LAYOUT_CONFIG,\n  onLayoutChange = DEFAULT_CALLBACK,\n  onLayoutInitialized = DEFAULT_CALLBACK,\n  hydrate = hydrateDefault,\n  dehydrate = dehydrateDefault,\n  panelWrapper = DashboardPanelWrapper,\n}: DashboardLayoutProps): JSX.Element {\n  const dispatch = useDispatch();\n  const data =\n    useSelector<RootState>(state => getDashboardData(state, id)) ??\n    EMPTY_OBJECT;\n\n  const [isDashboardEmpty, setIsDashboardEmpty] = useState(false);\n  const [isItemDragging, setIsItemDragging] = useState(false);\n  const [lastConfig, setLastConfig] = useState<DashboardLayoutConfig>();\n  const [initialClosedPanels] = useState<ReactComponentConfig[] | undefined>(\n    (data as DashboardData)?.closed ?? []\n  );\n  const [layoutChildren, setLayoutChildren] = useState(\n    layout.getReactChildren()\n  );\n\n  const hydrateMap = useMemo(() => new Map(), []);\n  const dehydrateMap = useMemo(() => new Map(), []);\n  const registerComponent = useCallback(\n    (\n      name: string,\n      componentType: PanelComponentType,\n      componentHydrate = hydrate,\n      componentDehydrate = dehydrate\n    ) => {\n      log.debug2(\n        'registerComponent',\n        name,\n        componentType,\n        componentHydrate,\n        componentDehydrate\n      );\n\n      function wrappedComponent(\n        props: PanelProps,\n        ref: React.Ref<unknown>\n      ): JSX.Element {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const CType = componentType as any;\n        const PanelWrapperType = panelWrapper;\n\n        /**\n         * The ref is used to detect changes to class component state so we\n         * can track changes to panelState. We should opt for more explicit\n         * state changes in the future and in functional components.\n         */\n        const hasRef = canHaveRef(CType);\n\n        // Props supplied by GoldenLayout\n        const { glContainer, glEventHub } = props;\n        const panelId = LayoutUtils.getIdFromContainer(glContainer);\n        return (\n          <PanelErrorBoundary glContainer={glContainer} glEventHub={glEventHub}>\n            <PanelIdContext.Provider value={panelId as string | null}>\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <PanelWrapperType {...props}>\n                {hasRef ? (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <CType {...props} ref={ref} />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <CType {...props} />\n                )}\n              </PanelWrapperType>\n            </PanelIdContext.Provider>\n          </PanelErrorBoundary>\n        );\n      }\n\n      wrappedComponent.displayName = `DashboardWrapper(${\n        componentType.displayName ?? name\n      })`;\n\n      const cleanup = layout.registerComponent(\n        name,\n        React.forwardRef(wrappedComponent)\n      );\n      hydrateMap.set(name, componentHydrate);\n      dehydrateMap.set(name, componentDehydrate);\n      return cleanup;\n    },\n    [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, panelWrapper]\n  );\n  const hydrateComponent = useCallback(\n    (name, props) => (hydrateMap.get(name) ?? FALLBACK_CALLBACK)(props, id),\n    [hydrateMap, id]\n  );\n  const dehydrateComponent = useCallback(\n    (name, config) => (dehydrateMap.get(name) ?? FALLBACK_CALLBACK)(config, id),\n    [dehydrateMap, id]\n  );\n  const panelManager = useMemo(\n    () =>\n      new PanelManager(\n        layout,\n        hydrateComponent,\n        dehydrateComponent,\n        new Map(),\n        initialClosedPanels,\n        ({ closed, openedMap }) => {\n          dispatch(updateDashboardData(id, { closed, openedMap }));\n        }\n      ),\n    [\n      dehydrateComponent,\n      dispatch,\n      hydrateComponent,\n      id,\n      initialClosedPanels,\n      layout,\n    ]\n  );\n\n  // Throttle the calls so that we don't flood comparing these layouts\n  const throttledProcessDehydratedLayoutConfig = useThrottledCallback(\n    (dehydratedLayoutConfig: DashboardLayoutConfig) => {\n      const hasChanged =\n        lastConfig == null ||\n        !LayoutUtils.isEqual(lastConfig, dehydratedLayoutConfig);\n\n      log.debug('handleLayoutStateChanged', hasChanged, dehydratedLayoutConfig);\n\n      if (hasChanged) {\n        setIsDashboardEmpty(layout.root.contentItems.length === 0);\n\n        setLastConfig(dehydratedLayoutConfig);\n\n        onLayoutChange(dehydratedLayoutConfig);\n\n        setLayoutChildren(layout.getReactChildren());\n      }\n    },\n    STATE_CHANGE_THROTTLE_MS,\n    { flushOnUnmount: true }\n  );\n\n  useEffect(\n    () => () => throttledProcessDehydratedLayoutConfig.flush(),\n    [throttledProcessDehydratedLayoutConfig]\n  );\n\n  const handleLayoutStateChanged = useCallback(() => {\n    // we don't want to emit stateChanges that happen during item drags or else\n    // we risk the last saved state being one without that panel in the layout entirely\n    if (isItemDragging) return;\n\n    const glConfig = layout.toConfig();\n    const contentConfig = glConfig.content;\n    const dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(\n      contentConfig,\n      dehydrateComponent\n    );\n    throttledProcessDehydratedLayoutConfig(dehydratedLayoutConfig);\n  }, [\n    dehydrateComponent,\n    isItemDragging,\n    layout,\n    throttledProcessDehydratedLayoutConfig,\n  ]);\n\n  const handleLayoutItemPickedUp = useCallback(\n    (component: Container) => {\n      const componentId = LayoutUtils.getIdFromContainer(component);\n      layout.eventHub.emit(PanelEvent.DRAGGING, componentId);\n      setIsItemDragging(true);\n    },\n    [layout.eventHub]\n  );\n\n  const handleLayoutItemDropped = useCallback(\n    (component: Container) => {\n      const componentId = LayoutUtils.getIdFromContainer(component);\n      layout.eventHub.emit(PanelEvent.DROPPED, componentId);\n      setIsItemDragging(false);\n    },\n    [layout.eventHub]\n  );\n\n  const handleComponentCreated = useCallback(item => {\n    log.debug2('handleComponentCreated', item);\n\n    if (\n      item == null ||\n      item.config == null ||\n      item.config.component == null ||\n      item.element == null\n    ) {\n      return;\n    }\n\n    const cssComponent = item.config.component\n      .replace(/([a-z])([A-Z])/g, '$1-$2')\n      .toLowerCase();\n    const cssClass = `${cssComponent}-component`;\n    item.element.addClass(cssClass);\n  }, []);\n\n  const handleReactChildrenChange = useCallback(() => {\n    setLayoutChildren(layout.getReactChildren());\n  }, [layout]);\n\n  useListener(layout, 'stateChanged', handleLayoutStateChanged);\n  useListener(layout, 'itemPickedUp', handleLayoutItemPickedUp);\n  useListener(layout, 'itemDropped', handleLayoutItemDropped);\n  useListener(layout, 'componentCreated', handleComponentCreated);\n  useListener(\n    layout.eventHub,\n    PanelEvent.TITLE_CHANGED,\n    handleLayoutStateChanged\n  );\n  useListener(layout, 'reactChildrenChanged', handleReactChildrenChange);\n\n  const previousLayoutConfig = usePrevious(layoutConfig);\n  useEffect(\n    function loadNewConfig() {\n      if (\n        previousLayoutConfig !== layoutConfig &&\n        layoutConfig !== lastConfig\n      ) {\n        log.debug('Setting new layout content...');\n        const content = LayoutUtils.hydrateLayoutConfig(\n          layoutConfig,\n          hydrateComponent\n        );\n        // Remove the old layout before add the new one\n        while (layout.root.contentItems.length > 0) {\n          layout.root.contentItems[0].remove();\n        }\n\n        // Add the new content. It is usally just one item from the root\n        for (let i = 0; i < content.length; i += 1) {\n          layout.root.addChild(content[i]);\n        }\n\n        setIsDashboardEmpty(layout.root.contentItems.length === 0);\n      }\n    },\n    [\n      hydrateComponent,\n      layout,\n      layoutConfig,\n      lastConfig,\n      panelManager,\n      previousLayoutConfig,\n    ]\n  );\n\n  // This should be the last hook called in this component\n  // Ensures it runs after any other effects on mount\n  // Fire only once after the layout is mounted\n  // This should ensure DashboardPlugins have been mounted\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => onLayoutInitialized(), []);\n\n  return (\n    <>\n      {isDashboardEmpty && emptyDashboard}\n      {layoutChildren}\n      {React.Children.map(children, child =>\n        child != null ? (\n          // Have fallback be an empty array so that we don't show the error message over entire app\n          // Look into using toast message in the future\n          <ErrorBoundary fallback={[]}>\n            {React.cloneElement(child as ReactElement, {\n              id,\n              layout,\n              panelManager,\n              registerComponent,\n            })}\n          </ErrorBoundary>\n        ) : null\n      )}\n    </>\n  );\n}\n\nDashboardLayout.propTypes = {\n  id: PropTypes.string.isRequired,\n  children: PropTypes.node,\n  data: PropTypes.shape({}),\n  emptyDashboard: PropTypes.node,\n  layout: GLPropTypes.Layout.isRequired,\n  layoutConfig: PropTypes.arrayOf(PropTypes.shape({})),\n  onLayoutChange: PropTypes.func,\n  onLayoutInitialized: PropTypes.func,\n};\n\nexport default DashboardLayout;\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -18,4 +18,5 @@ export { default as PanelManager } from './PanelManager';
 export { default as TabEvent } from './TabEvent';
 export * from './useDashboardId';
 export * from './useDhId';
+export * from './usePanelId';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAe,SAAS,CAAC;AAEzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,OAAO,EACL,KAAK,cAAc,EACnB,OAAO,IAAI,SAAS,EAEpB,OAAO,IAAI,KAAK,GACjB,MAAM,aAAa,CAAC;AACrB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAe,SAAS,CAAC;AAEzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,OAAO,EACL,KAAK,cAAc,EACnB,OAAO,IAAI,SAAS,EAEpB,OAAO,IAAI,KAAK,GACjB,MAAM,aAAa,CAAC;AACrB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -20,4 +20,5 @@ export { default as PanelManager } from "./PanelManager.js";
 export { default as TabEvent } from "./TabEvent.js";
 export * from "./useDashboardId.js";
 export * from "./useDhId.js";
+export * from "./usePanelId.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Dashboard","default","DashboardUtils","BasePanel","Panel","PanelErrorBoundary","PanelManager","TabEvent"],"sources":["../src/index.ts"],"sourcesContent":["import Dashboard from './Dashboard';\n\nexport default Dashboard;\n\nexport * from './Dashboard';\nexport * from './DashboardConstants';\nexport * from './DashboardEvents';\nexport * from './DashboardPlugin';\nexport * from './DashboardLayout';\nexport * from './DashboardUtils';\nexport { default as DashboardUtils } from './DashboardUtils';\nexport * from './LazyDashboard';\nexport * from './layout';\nexport * from './redux';\nexport {\n  type BasePanelProps,\n  default as BasePanel,\n  // Alias for BasePanel\n  default as Panel,\n} from './BasePanel';\nexport * from './PanelManager';\nexport * from './PanelEvent';\nexport { default as PanelErrorBoundary } from './PanelErrorBoundary';\nexport { default as PanelManager } from './PanelManager';\nexport { default as TabEvent } from './TabEvent';\nexport * from './useDashboardId';\nexport * from './useDhId';\n"],"mappings":"OAAOA,SAAS;AAEhB,eAAeA,SAAS;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAQhBC,OAAO,IAAIC,cAAc;AAAA;AAAA;AAAA;AAAA,SAMhCD,OAAO,IAAIE,SAAS;AACpB;AACAF,OAAO,IAAIG,KAAK;AAAA;AAAA;AAAA,SAITH,OAAO,IAAII,kBAAkB;AAAA,SAC7BJ,OAAO,IAAIK,YAAY;AAAA,SACvBL,OAAO,IAAIM,QAAQ;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["Dashboard","default","DashboardUtils","BasePanel","Panel","PanelErrorBoundary","PanelManager","TabEvent"],"sources":["../src/index.ts"],"sourcesContent":["import Dashboard from './Dashboard';\n\nexport default Dashboard;\n\nexport * from './Dashboard';\nexport * from './DashboardConstants';\nexport * from './DashboardEvents';\nexport * from './DashboardPlugin';\nexport * from './DashboardLayout';\nexport * from './DashboardUtils';\nexport { default as DashboardUtils } from './DashboardUtils';\nexport * from './LazyDashboard';\nexport * from './layout';\nexport * from './redux';\nexport {\n  type BasePanelProps,\n  default as BasePanel,\n  // Alias for BasePanel\n  default as Panel,\n} from './BasePanel';\nexport * from './PanelManager';\nexport * from './PanelEvent';\nexport { default as PanelErrorBoundary } from './PanelErrorBoundary';\nexport { default as PanelManager } from './PanelManager';\nexport { default as TabEvent } from './TabEvent';\nexport * from './useDashboardId';\nexport * from './useDhId';\nexport * from './usePanelId';\n"],"mappings":"OAAOA,SAAS;AAEhB,eAAeA,SAAS;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAQhBC,OAAO,IAAIC,cAAc;AAAA;AAAA;AAAA;AAAA,SAMhCD,OAAO,IAAIE,SAAS;AACpB;AACAF,OAAO,IAAIG,KAAK;AAAA;AAAA;AAAA,SAITH,OAAO,IAAII,kBAAkB;AAAA,SAC7BJ,OAAO,IAAIK,YAAY;AAAA,SACvBL,OAAO,IAAIM,QAAQ;AAAA;AAAA;AAAA"}

package/dist/useDhId.d.ts

@@ -1,12 +1,11 @@
 export declare const DH_ID_PROP = "__dhId";
-export declare const DhIdContext: import("react").Context<string | null>;
 /**
  * Gets the Deephaven ID of a component.
  * This is used to identify the component within a dashboard.
  * Usually this is just a panel ID, but in some contexts such as dh.ui,
  * it may be an ID for a component within a panel.
  *
- * Looks for a __dhId prop on the component, and if not found, looks in the DhIdContext.
+ * Looks for a __dhId prop on the component, and if not found, looks in the PanelIdContext.
  * @param props The props of the component using this hook
  * @returns The Deephaven ID of the component or null if not found.
  */

package/dist/useDhId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDhId.d.ts","sourceRoot":"","sources":["../src/useDhId.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,WAAW,CAAC;AAEnC,eAAO,MAAM,WAAW,wCAAqC,CAAC;AAE9D;;;;;;;;;GASG;AACH,wBAAgB,OAAO,IAAI,MAAM,GAAG,IAAI,CAwBvC"}
+{"version":3,"file":"useDhId.d.ts","sourceRoot":"","sources":["../src/useDhId.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,WAAW,CAAC;AAEnC;;;;;;;;;GASG;AACH,wBAAgB,OAAO,IAAI,MAAM,GAAG,IAAI,CAwBvC"}

package/dist/useDhId.js

@@ -1,9 +1,8 @@
-import { createContext, useContext } from 'react';
 import Log from '@deephaven/log';
 import { useFiber } from "./useFiber.js";
+import { usePanelId } from "./usePanelId.js";
 var log = Log.module('useDhId');
 export var DH_ID_PROP = '__dhId';
-export var DhIdContext = /*#__PURE__*/createContext(null);
 
 /**
  * Gets the Deephaven ID of a component.
@@ -11,7 +10,7 @@ export var DhIdContext = /*#__PURE__*/createContext(null);
  * Usually this is just a panel ID, but in some contexts such as dh.ui,
  * it may be an ID for a component within a panel.
  *
- * Looks for a __dhId prop on the component, and if not found, looks in the DhIdContext.
+ * Looks for a __dhId prop on the component, and if not found, looks in the PanelIdContext.
  * @param props The props of the component using this hook
  * @returns The Deephaven ID of the component or null if not found.
  */
@@ -20,17 +19,17 @@ export function useDhId() {
   // pendingProps are the props passed to the fiber node
   var props = (_ref = (_useFiber = useFiber()) === null || _useFiber === void 0 ? void 0 : _useFiber.pendingProps) !== null && _ref !== void 0 ? _ref : {};
   var dhIdProp = props[DH_ID_PROP];
-  var dhId = useContext(DhIdContext);
+  var panelId = usePanelId();
   if (dhIdProp != null) {
     if (typeof dhIdProp !== 'string') {
       throw new Error("useDhId expected prop ".concat(DH_ID_PROP, " to be a string, but got ").concat(typeof dhIdProp));
     }
     return dhIdProp;
   }
-  if (dhId == null) {
-    log.warn("useDhId must be used within a DhIdContext provider if there is no ".concat(DH_ID_PROP, " prop. Defaulting to null."));
+  if (panelId == null) {
+    log.warn("useDhId must be used within a PanelIdContext provider if there is no ".concat(DH_ID_PROP, " prop. Defaulting to null."));
     return null;
   }
-  return dhId;
+  return panelId;
 }
 //# sourceMappingURL=useDhId.js.map

package/dist/useDhId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDhId.js","names":["createContext","useContext","Log","useFiber","log","module","DH_ID_PROP","DhIdContext","useDhId","_ref","_useFiber","props","pendingProps","dhIdProp","dhId","Error","concat","warn"],"sources":["../src/useDhId.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport Log from '@deephaven/log';\nimport { useFiber } from './useFiber';\n\nconst log = Log.module('useDhId');\n\nexport const DH_ID_PROP = '__dhId';\n\nexport const DhIdContext = createContext<string | null>(null);\n\n/**\n * Gets the Deephaven ID of a component.\n * This is used to identify the component within a dashboard.\n * Usually this is just a panel ID, but in some contexts such as dh.ui,\n * it may be an ID for a component within a panel.\n *\n * Looks for a __dhId prop on the component, and if not found, looks in the DhIdContext.\n * @param props The props of the component using this hook\n * @returns The Deephaven ID of the component or null if not found.\n */\nexport function useDhId(): string | null {\n  // pendingProps are the props passed to the fiber node\n  const props =\n    (useFiber()?.pendingProps as Record<string, unknown> | undefined) ?? {};\n  const dhIdProp = props[DH_ID_PROP];\n  const dhId = useContext(DhIdContext);\n\n  if (dhIdProp != null) {\n    if (typeof dhIdProp !== 'string') {\n      throw new Error(\n        `useDhId expected prop ${DH_ID_PROP} to be a string, but got ${typeof dhIdProp}`\n      );\n    }\n    return dhIdProp;\n  }\n\n  if (dhId == null) {\n    log.warn(\n      `useDhId must be used within a DhIdContext provider if there is no ${DH_ID_PROP} prop. Defaulting to null.`\n    );\n    return null;\n  }\n\n  return dhId;\n}\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjD,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SACxBC,QAAQ;AAEjB,IAAMC,GAAG,GAAGF,GAAG,CAACG,MAAM,CAAC,SAAS,CAAC;AAEjC,OAAO,IAAMC,UAAU,GAAG,QAAQ;AAElC,OAAO,IAAMC,WAAW,gBAAGP,aAAa,CAAgB,IAAI,CAAC;;AAE7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,OAAOA,CAAA,EAAkB;EAAA,IAAAC,IAAA,EAAAC,SAAA;EACvC;EACA,IAAMC,KAAK,IAAAF,IAAA,IAAAC,SAAA,GACRP,QAAQ,CAAC,CAAC,cAAAO,SAAA,uBAAVA,SAAA,CAAYE,YAAY,cAAAH,IAAA,cAAAA,IAAA,GAA4C,CAAC,CAAC;EACzE,IAAMI,QAAQ,GAAGF,KAAK,CAACL,UAAU,CAAC;EAClC,IAAMQ,IAAI,GAAGb,UAAU,CAACM,WAAW,CAAC;EAEpC,IAAIM,QAAQ,IAAI,IAAI,EAAE;IACpB,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;MAChC,MAAM,IAAIE,KAAK,0BAAAC,MAAA,CACYV,UAAU,+BAAAU,MAAA,CAA4B,OAAOH,QAAQ,CAChF,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAEA,IAAIC,IAAI,IAAI,IAAI,EAAE;IAChBV,GAAG,CAACa,IAAI,sEAAAD,MAAA,CAC+DV,UAAU,+BACjF,CAAC;IACD,OAAO,IAAI;EACb;EAEA,OAAOQ,IAAI;AACb"}
+{"version":3,"file":"useDhId.js","names":["Log","useFiber","usePanelId","log","module","DH_ID_PROP","useDhId","_ref","_useFiber","props","pendingProps","dhIdProp","panelId","Error","concat","warn"],"sources":["../src/useDhId.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { useFiber } from './useFiber';\nimport { usePanelId } from './usePanelId';\n\nconst log = Log.module('useDhId');\n\nexport const DH_ID_PROP = '__dhId';\n\n/**\n * Gets the Deephaven ID of a component.\n * This is used to identify the component within a dashboard.\n * Usually this is just a panel ID, but in some contexts such as dh.ui,\n * it may be an ID for a component within a panel.\n *\n * Looks for a __dhId prop on the component, and if not found, looks in the PanelIdContext.\n * @param props The props of the component using this hook\n * @returns The Deephaven ID of the component or null if not found.\n */\nexport function useDhId(): string | null {\n  // pendingProps are the props passed to the fiber node\n  const props =\n    (useFiber()?.pendingProps as Record<string, unknown> | undefined) ?? {};\n  const dhIdProp = props[DH_ID_PROP];\n  const panelId = usePanelId();\n\n  if (dhIdProp != null) {\n    if (typeof dhIdProp !== 'string') {\n      throw new Error(\n        `useDhId expected prop ${DH_ID_PROP} to be a string, but got ${typeof dhIdProp}`\n      );\n    }\n    return dhIdProp;\n  }\n\n  if (panelId == null) {\n    log.warn(\n      `useDhId must be used within a PanelIdContext provider if there is no ${DH_ID_PROP} prop. Defaulting to null.`\n    );\n    return null;\n  }\n\n  return panelId;\n}\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,gBAAgB;AAAC,SACxBC,QAAQ;AAAA,SACRC,UAAU;AAEnB,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,SAAS,CAAC;AAEjC,OAAO,IAAMC,UAAU,GAAG,QAAQ;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAA,EAAkB;EAAA,IAAAC,IAAA,EAAAC,SAAA;EACvC;EACA,IAAMC,KAAK,IAAAF,IAAA,IAAAC,SAAA,GACRP,QAAQ,CAAC,CAAC,cAAAO,SAAA,uBAAVA,SAAA,CAAYE,YAAY,cAAAH,IAAA,cAAAA,IAAA,GAA4C,CAAC,CAAC;EACzE,IAAMI,QAAQ,GAAGF,KAAK,CAACJ,UAAU,CAAC;EAClC,IAAMO,OAAO,GAAGV,UAAU,CAAC,CAAC;EAE5B,IAAIS,QAAQ,IAAI,IAAI,EAAE;IACpB,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;MAChC,MAAM,IAAIE,KAAK,0BAAAC,MAAA,CACYT,UAAU,+BAAAS,MAAA,CAA4B,OAAOH,QAAQ,CAChF,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAEA,IAAIC,OAAO,IAAI,IAAI,EAAE;IACnBT,GAAG,CAACY,IAAI,yEAAAD,MAAA,CACkET,UAAU,+BACpF,CAAC;IACD,OAAO,IAAI;EACb;EAEA,OAAOO,OAAO;AAChB"}

package/dist/usePanelId.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Context to provide the golden layout panel ID.
+ */
+export declare const PanelIdContext: import("react").Context<string | null>;
+/**
+ * Gets the current panel ID from the nearest context.
+ * @returns The current panel ID from the context, or null if not set or there is no context.
+ */
+export declare function usePanelId(): string | null;
+//# sourceMappingURL=usePanelId.d.ts.map

package/dist/usePanelId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelId.d.ts","sourceRoot":"","sources":["../src/usePanelId.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,cAAc,wCAAqC,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,UAAU,IAAI,MAAM,GAAG,IAAI,CAE1C"}

package/dist/usePanelId.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+/**
+ * Context to provide the golden layout panel ID.
+ */
+export var PanelIdContext = /*#__PURE__*/createContext(null);
+
+/**
+ * Gets the current panel ID from the nearest context.
+ * @returns The current panel ID from the context, or null if not set or there is no context.
+ */
+export function usePanelId() {
+  return useContext(PanelIdContext);
+}
+//# sourceMappingURL=usePanelId.js.map

package/dist/usePanelId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelId.js","names":["createContext","useContext","PanelIdContext","usePanelId"],"sources":["../src/usePanelId.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * Context to provide the golden layout panel ID.\n */\nexport const PanelIdContext = createContext<string | null>(null);\n\n/**\n * Gets the current panel ID from the nearest context.\n * @returns The current panel ID from the context, or null if not set or there is no context.\n */\nexport function usePanelId(): string | null {\n  return useContext(PanelIdContext);\n}\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAEjD;AACA;AACA;AACA,OAAO,IAAMC,cAAc,gBAAGF,aAAa,CAAgB,IAAI,CAAC;;AAEhE;AACA;AACA;AACA;AACA,OAAO,SAASG,UAAUA,CAAA,EAAkB;EAC1C,OAAOF,UAAU,CAACC,cAAc,CAAC;AACnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/dashboard",
-  "version": "0.109.1-beta.9+ce171b91",
+  "version": "1.0.1-beta.0+5edf3b38",
   "description": "Deephaven Dashboard",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -22,12 +22,12 @@
     "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^0.109.1-beta.9+ce171b91",
-    "@deephaven/golden-layout": "^0.109.1-beta.9+ce171b91",
-    "@deephaven/log": "^0.109.1-beta.9+ce171b91",
-    "@deephaven/react-hooks": "^0.109.1-beta.9+ce171b91",
-    "@deephaven/redux": "^0.109.1-beta.9+ce171b91",
-    "@deephaven/utils": "^0.109.1-beta.9+ce171b91",
+    "@deephaven/components": "^1.0.1-beta.0+5edf3b38",
+    "@deephaven/golden-layout": "^1.0.1-beta.0+5edf3b38",
+    "@deephaven/log": "^1.0.1-beta.0+5edf3b38",
+    "@deephaven/react-hooks": "^1.0.1-beta.0+5edf3b38",
+    "@deephaven/redux": "^1.0.1-beta.0+5edf3b38",
+    "@deephaven/utils": "^1.0.1-beta.0+5edf3b38",
     "classnames": "^2.3.1",
     "fast-deep-equal": "^3.1.3",
     "lodash.ismatch": "^4.1.1",
@@ -42,8 +42,8 @@
     "react-redux": "^7.2.4"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.109.1-beta.9+ce171b91",
-    "@deephaven/test-utils": "^0.109.1-beta.9+ce171b91",
+    "@deephaven/mocks": "^1.0.1-beta.0+5edf3b38",
+    "@deephaven/test-utils": "^1.0.1-beta.0+5edf3b38",
     "@types/lodash.ismatch": "^4.4.0",
     "@types/react-reconciler": "^0.32.0"
   },
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ce171b9146e5ba3ff169cd0a9f498921188ca9f6"
+  "gitHead": "5edf3b380e7573795df3afe764fe29cb126203f6"
 }