@deephaven/dashboard 0.23.1-beta.8 → 0.24.0

package/dist/DashboardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,0BAA0B,CAAC;AAKlC,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAarD,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IAGX,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,QAAQ,EACR,cAA+C,EAC/C,MAAM,EACN,YAAoC,EACpC,cAAiC,EACjC,mBAAsC,EACtC,OAAwB,EACxB,SAA4B,GAC7B,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAkOpC;yBA5Oe,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AAyP/B,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,0BAA0B,CAAC;AAKlC,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAarD,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IAGX,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,QAAQ,EACR,cAA+C,EAC/C,MAAM,EACN,YAAoC,EACpC,cAAiC,EACjC,mBAAsC,EACtC,OAAwB,EACxB,SAA4B,GAC7B,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA4OpC;yBAtPe,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AAmQ/B,eAAe,eAAe,CAAC"}

package/dist/DashboardLayout.js

@@ -112,12 +112,16 @@ export function DashboardLayout(_ref) {
       onLayoutChange(dehydratedLayoutConfig);
     }
   }, [dehydrateComponent, isDashboardInitialized, isItemDragging, lastConfig, layout, onLayoutChange, onLayoutInitialized]);
-  var handleLayoutItemPickedUp = useCallback(() => {
+  var handleLayoutItemPickedUp = useCallback(component => {
+    var componentId = LayoutUtils.getIdFromContainer(component);
+    layout.eventHub.emit(PanelEvent.DRAGGING, componentId);
     setIsItemDragging(true);
-  }, []);
-  var handleLayoutItemDropped = useCallback(() => {
+  }, [layout.eventHub]);
+  var handleLayoutItemDropped = useCallback(component => {
+    var componentId = LayoutUtils.getIdFromContainer(component);
+    layout.eventHub.emit(PanelEvent.DROPPED, componentId);
     setIsItemDragging(false);
-  }, []);
+  }, [layout.eventHub]);
   var handleComponentCreated = useCallback(item => {
     log.debug2('handleComponentCreated', item);
     if (item == null || item.config == null || item.config.component == null || item.element == null) {

package/dist/DashboardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","Provider","useDispatch","useSelector","useStore","PanelManager","PanelErrorBoundary","LayoutUtils","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","FALLBACK_CALLBACK","props","DashboardLayout","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","isDashboardInitialized","setIsDashboardInitialized","hydrateMap","Map","dehydrateMap","store","registerComponent","name","componentType","componentHydrate","componentDehydrate","debug2","renderComponent","ref","CType","glContainer","glEventHub","wrappedComponent","forwardRef","cleanup","set","hydrateComponent","get","dehydrateComponent","config","panelManager","openedMap","handleLayoutStateChanged","glConfig","toConfig","contentConfig","content","dehydratedLayoutConfig","dehydrateLayoutConfig","hasChanged","isEqual","debug","root","contentItems","length","handleLayoutItemPickedUp","handleLayoutItemDropped","handleComponentCreated","item","component","element","cssComponent","replace","toLowerCase","cssClass","addClass","eventHub","TITLE_CHANGED","previousLayoutConfig","loadNewConfig","hydrateLayoutConfig","remove","i","addChild","Children","map","child","cloneElement","propTypes","string","isRequired","node","shape","Layout","arrayOf","func"],"sources":["../src/DashboardLayout.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  Container,\n  EventEmitter,\n  ItemConfigType,\n  ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport { RootState } from '@deephaven/redux';\nimport { Provider, useDispatch, useSelector, useStore } from 'react-redux';\nimport PanelManager, { ClosedPanels } from './PanelManager';\nimport PanelErrorBoundary from './PanelErrorBoundary';\nimport LayoutUtils from './layout/LayoutUtils';\nimport {\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  PanelComponentType,\n  PanelDehydrateFunction,\n  PanelHydrateFunction,\n} from './DashboardPlugin';\n\nexport type DashboardLayoutConfig = ItemConfigType[];\n\nconst log = Log.module('DashboardLayout');\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nconst DEFAULT_LAYOUT_CONFIG: DashboardLayoutConfig = [];\n\nconst DEFAULT_CALLBACK = () => undefined;\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) => 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\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}: 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 [isDashboardInitialized, setIsDashboardInitialized] = useState(false);\n\n  const hydrateMap = useMemo(() => new Map(), []);\n  const dehydrateMap = useMemo(() => new Map(), []);\n  const store = useStore();\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 renderComponent(\n        props: { glContainer: Container; glEventHub: EventEmitter },\n        ref: unknown\n      ) {\n        // Cast it to an `any` type so we can pass the ref in correctly.\n        // ComponentType doesn't seem to work right, ReactNode is also incorrect\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const CType = componentType as any;\n\n        // Props supplied by GoldenLayout\n        // eslint-disable-next-line react/prop-types\n        const { glContainer, glEventHub } = props;\n        return (\n          <Provider store={store}>\n            <PanelErrorBoundary\n              glContainer={glContainer}\n              glEventHub={glEventHub}\n            >\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <CType {...props} ref={ref} />\n            </PanelErrorBoundary>\n          </Provider>\n        );\n      }\n\n      const wrappedComponent = React.forwardRef(renderComponent);\n      const cleanup = layout.registerComponent(name, wrappedComponent);\n      hydrateMap.set(name, componentHydrate);\n      dehydrateMap.set(name, componentDehydrate);\n      return cleanup;\n    },\n    [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, store]\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  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    if (!isDashboardInitialized) {\n      onLayoutInitialized();\n      setIsDashboardInitialized(true);\n    }\n\n    const glConfig = layout.toConfig();\n    const contentConfig = glConfig.content;\n    const dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(\n      contentConfig,\n      dehydrateComponent\n    );\n    const hasChanged =\n      lastConfig == null ||\n      !LayoutUtils.isEqual(lastConfig, dehydratedLayoutConfig);\n\n    log.debug(\n      'handleLayoutStateChanged',\n      hasChanged,\n      contentConfig,\n      dehydratedLayoutConfig\n    );\n\n    if (hasChanged) {\n      setIsDashboardEmpty(layout.root.contentItems.length === 0);\n\n      setLastConfig(dehydratedLayoutConfig);\n\n      onLayoutChange(dehydratedLayoutConfig);\n    }\n  }, [\n    dehydrateComponent,\n    isDashboardInitialized,\n    isItemDragging,\n    lastConfig,\n    layout,\n    onLayoutChange,\n    onLayoutInitialized,\n  ]);\n\n  const handleLayoutItemPickedUp = useCallback(() => {\n    setIsItemDragging(true);\n  }, []);\n\n  const handleLayoutItemDropped = useCallback(() => {\n    setIsItemDragging(false);\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  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\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  return (\n    <>\n      {isDashboardEmpty && emptyDashboard}\n      {React.Children.map(children, child =>\n        child != null\n          ? React.cloneElement(child as ReactElement, {\n              id,\n              layout,\n              panelManager,\n              registerComponent,\n            })\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":";AAAA,OAAOA,KAAK,IAEVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,QAAQ,QACH,OAAO;AACd,OAAOC,SAAS,MAAM,YAAY;AAQlC,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,WAAW,QAAQ,wBAAwB;AAEpD,SAASC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,aAAa;AAAC,OACpEC,YAAY;AAAA,OACZC,kBAAkB;AAAA,OAClBC,WAAW;AAAA,SAEhBC,SAAS,IAAIC,gBAAgB,EAC7BC,OAAO,IAAIC,cAAc;AAAA,OAEpBC,UAAU;AAAA,SACRC,WAAW,EAAEC,WAAW;AAAA,SACxBC,gBAAgB,EAAEC,mBAAmB;AAS9C,IAAMC,GAAG,GAAGlB,GAAG,CAACmB,MAAM,CAAC,iBAAiB,CAAC;AAEzC,IAAMC,YAAY,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,CAAC;AAEtC,IAAMC,qBAA4C,GAAG,EAAE;AAEvD,IAAMC,gBAAgB,GAAG,MAAMC,SAAS;;AAExC;AACA,IAAMC,iBAAiB,GAAIC,KAAc,IAAKA,KAAK;AAqBnD;AACA;AACA;AACA,OAAO,SAASC,eAAe,OAUO;EAAA;EAAA,IAVN;IAC9BC,EAAE;IACFC,QAAQ;IACRC,cAAc,gBAAG,uDAA8B;IAC/CC,MAAM;IACNC,YAAY,GAAGV,qBAAqB;IACpCW,cAAc,GAAGV,gBAAgB;IACjCW,mBAAmB,GAAGX,gBAAgB;IACtCb,OAAO,GAAGC,cAAc;IACxBH,SAAS,GAAGC;EACQ,CAAC;EACrB,IAAM0B,QAAQ,GAAGjC,WAAW,EAAE;EAC9B,IAAMkC,IAAI,mBACRjC,WAAW,CAAYkC,KAAK,IAAItB,gBAAgB,CAACsB,KAAK,EAAET,EAAE,CAAC,CAAC,uDAC5DT,YAAY;EAEd,IAAM,CAACmB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG1C,QAAQ,CAAC,KAAK,CAAC;EAC/D,IAAM,CAAC2C,cAAc,EAAEC,iBAAiB,CAAC,GAAG5C,QAAQ,CAAC,KAAK,CAAC;EAC3D,IAAM,CAAC6C,UAAU,EAAEC,aAAa,CAAC,GAAG9C,QAAQ,EAAyB;EACrE,IAAM,CAAC+C,mBAAmB,CAAC,GAAG/C,QAAQ,YACnCuC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAoBS,MAAM,6CAAI,EAAE,CACtC;EACD,IAAM,CAACC,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGlD,QAAQ,CAAC,KAAK,CAAC;EAE3E,IAAMmD,UAAU,GAAGpD,OAAO,CAAC,MAAM,IAAIqD,GAAG,EAAE,EAAE,EAAE,CAAC;EAC/C,IAAMC,YAAY,GAAGtD,OAAO,CAAC,MAAM,IAAIqD,GAAG,EAAE,EAAE,EAAE,CAAC;EACjD,IAAME,KAAK,GAAG/C,QAAQ,EAAE;EACxB,IAAMgD,iBAAiB,GAAG1D,WAAW,CACnC,UACE2D,IAAY,EACZC,aAAiC,EAG9B;IAAA,IAFHC,gBAAgB,uEAAG7C,OAAO;IAAA,IAC1B8C,kBAAkB,uEAAGhD,SAAS;IAE9BS,GAAG,CAACwC,MAAM,CACR,mBAAmB,EACnBJ,IAAI,EACJC,aAAa,EACbC,gBAAgB,EAChBC,kBAAkB,CACnB;IAED,SAASE,eAAe,CACtBhC,KAA2D,EAC3DiC,GAAY,EACZ;MACA;MACA;MACA;MACA,IAAMC,KAAK,GAAGN,aAAoB;;MAElC;MACA;MACA,IAAM;QAAEO,WAAW;QAAEC;MAAW,CAAC,GAAGpC,KAAK;MACzC,oBACE,oBAAC,QAAQ;QAAC,KAAK,EAAEyB;MAAM,gBACrB,oBAAC,kBAAkB;QACjB,WAAW,EAAEU,WAAY;QACzB,UAAU,EAAEC;MAAW,gBAGvB,oBAAC,KAAK,eAAKpC,KAAK;QAAE,GAAG,EAAEiC;MAAI,GAAG,CACX,CACZ;IAEf;IAEA,IAAMI,gBAAgB,gBAAGtE,KAAK,CAACuE,UAAU,CAACN,eAAe,CAAC;IAC1D,IAAMO,OAAO,GAAGlC,MAAM,CAACqB,iBAAiB,CAACC,IAAI,EAAEU,gBAAgB,CAAC;IAChEf,UAAU,CAACkB,GAAG,CAACb,IAAI,EAAEE,gBAAgB,CAAC;IACtCL,YAAY,CAACgB,GAAG,CAACb,IAAI,EAAEG,kBAAkB,CAAC;IAC1C,OAAOS,OAAO;EAChB,CAAC,EACD,CAACvD,OAAO,EAAEF,SAAS,EAAEwC,UAAU,EAAEE,YAAY,EAAEnB,MAAM,EAAEoB,KAAK,CAAC,CAC9D;EACD,IAAMgB,gBAAgB,GAAGzE,WAAW,CAClC,CAAC2D,IAAI,EAAE3B,KAAK;IAAA;IAAA,OAAK,oBAACsB,UAAU,CAACoB,GAAG,CAACf,IAAI,CAAC,6DAAI5B,iBAAiB,EAAEC,KAAK,EAAEE,EAAE,CAAC;EAAA,GACvE,CAACoB,UAAU,EAAEpB,EAAE,CAAC,CACjB;EACD,IAAMyC,kBAAkB,GAAG3E,WAAW,CACpC,CAAC2D,IAAI,EAAEiB,MAAM;IAAA;IAAA,OAAK,sBAACpB,YAAY,CAACkB,GAAG,CAACf,IAAI,CAAC,iEAAI5B,iBAAiB,EAAE6C,MAAM,EAAE1C,EAAE,CAAC;EAAA,GAC3E,CAACsB,YAAY,EAAEtB,EAAE,CAAC,CACnB;EACD,IAAM2C,YAAY,GAAG3E,OAAO,CAC1B,MACE,IAAIS,YAAY,CACd0B,MAAM,EACNoC,gBAAgB,EAChBE,kBAAkB,EAClB,IAAIpB,GAAG,EAAE,EACTL,mBAAmB,EACnB,SAA2B;IAAA,IAA1B;MAAEC,MAAM;MAAE2B;IAAU,CAAC;IACpBrC,QAAQ,CAACnB,mBAAmB,CAACY,EAAE,EAAE;MAAEiB,MAAM;MAAE2B;IAAU,CAAC,CAAC,CAAC;EAC1D,CAAC,CACF,EACH,CACEH,kBAAkB,EAClBlC,QAAQ,EACRgC,gBAAgB,EAChBvC,EAAE,EACFgB,mBAAmB,EACnBb,MAAM,CACP,CACF;EAED,IAAM0C,wBAAwB,GAAG/E,WAAW,CAAC,MAAM;IACjD;IACA;IACA,IAAI8C,cAAc,EAAE;IAEpB,IAAI,CAACM,sBAAsB,EAAE;MAC3BZ,mBAAmB,EAAE;MACrBa,yBAAyB,CAAC,IAAI,CAAC;IACjC;IAEA,IAAM2B,QAAQ,GAAG3C,MAAM,CAAC4C,QAAQ,EAAE;IAClC,IAAMC,aAAa,GAAGF,QAAQ,CAACG,OAAO;IACtC,IAAMC,sBAAsB,GAAGvE,WAAW,CAACwE,qBAAqB,CAC9DH,aAAa,EACbP,kBAAkB,CACnB;IACD,IAAMW,UAAU,GACdtC,UAAU,IAAI,IAAI,IAClB,CAACnC,WAAW,CAAC0E,OAAO,CAACvC,UAAU,EAAEoC,sBAAsB,CAAC;IAE1D7D,GAAG,CAACiE,KAAK,CACP,0BAA0B,EAC1BF,UAAU,EACVJ,aAAa,EACbE,sBAAsB,CACvB;IAED,IAAIE,UAAU,EAAE;MACdzC,mBAAmB,CAACR,MAAM,CAACoD,IAAI,CAACC,YAAY,CAACC,MAAM,KAAK,CAAC,CAAC;MAE1D1C,aAAa,CAACmC,sBAAsB,CAAC;MAErC7C,cAAc,CAAC6C,sBAAsB,CAAC;IACxC;EACF,CAAC,EAAE,CACDT,kBAAkB,EAClBvB,sBAAsB,EACtBN,cAAc,EACdE,UAAU,EACVX,MAAM,EACNE,cAAc,EACdC,mBAAmB,CACpB,CAAC;EAEF,IAAMoD,wBAAwB,GAAG5F,WAAW,CAAC,MAAM;IACjD+C,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM8C,uBAAuB,GAAG7F,WAAW,CAAC,MAAM;IAChD+C,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM+C,sBAAsB,GAAG9F,WAAW,CAAC+F,IAAI,IAAI;IACjDxE,GAAG,CAACwC,MAAM,CAAC,wBAAwB,EAAEgC,IAAI,CAAC;IAE1C,IACEA,IAAI,IAAI,IAAI,IACZA,IAAI,CAACnB,MAAM,IAAI,IAAI,IACnBmB,IAAI,CAACnB,MAAM,CAACoB,SAAS,IAAI,IAAI,IAC7BD,IAAI,CAACE,OAAO,IAAI,IAAI,EACpB;MACA;IACF;IAEA,IAAMC,YAAY,GAAGH,IAAI,CAACnB,MAAM,CAACoB,SAAS,CACvCG,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CACnCC,WAAW,EAAE;IAChB,IAAMC,QAAQ,aAAMH,YAAY,eAAY;IAC5CH,IAAI,CAACE,OAAO,CAACK,QAAQ,CAACD,QAAQ,CAAC;EACjC,CAAC,EAAE,EAAE,CAAC;EAENjF,WAAW,CAACiB,MAAM,EAAE,cAAc,EAAE0C,wBAAwB,CAAC;EAC7D3D,WAAW,CAACiB,MAAM,EAAE,cAAc,EAAEuD,wBAAwB,CAAC;EAC7DxE,WAAW,CAACiB,MAAM,EAAE,aAAa,EAAEwD,uBAAuB,CAAC;EAC3DzE,WAAW,CAACiB,MAAM,EAAE,kBAAkB,EAAEyD,sBAAsB,CAAC;EAC/D1E,WAAW,CACTiB,MAAM,CAACkE,QAAQ,EACfrF,UAAU,CAACsF,aAAa,EACxBzB,wBAAwB,CACzB;EAED,IAAM0B,oBAAoB,GAAGnG,WAAW,CAACgC,YAAY,CAAC;EACtDrC,SAAS,CACP,SAASyG,aAAa,GAAG;IACvB,IACED,oBAAoB,KAAKnE,YAAY,IACrCA,YAAY,KAAKU,UAAU,EAC3B;MACAzB,GAAG,CAACiE,KAAK,CAAC,+BAA+B,CAAC;MAC1C,IAAML,OAAO,GAAGtE,WAAW,CAAC8F,mBAAmB,CAC7CrE,YAAY,EACZmC,gBAAgB,CACjB;MACD;MACA,OAAOpC,MAAM,CAACoD,IAAI,CAACC,YAAY,CAACC,MAAM,GAAG,CAAC,EAAE;QAC1CtD,MAAM,CAACoD,IAAI,CAACC,YAAY,CAAC,CAAC,CAAC,CAACkB,MAAM,EAAE;MACtC;;MAEA;MACA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG1B,OAAO,CAACQ,MAAM,EAAEkB,CAAC,IAAI,CAAC,EAAE;QAC1CxE,MAAM,CAACoD,IAAI,CAACqB,QAAQ,CAAC3B,OAAO,CAAC0B,CAAC,CAAC,CAAC;MAClC;MAEAhE,mBAAmB,CAACR,MAAM,CAACoD,IAAI,CAACC,YAAY,CAACC,MAAM,KAAK,CAAC,CAAC;IAC5D;EACF,CAAC,EACD,CACElB,gBAAgB,EAChBpC,MAAM,EACNC,YAAY,EACZU,UAAU,EACV6B,YAAY,EACZ4B,oBAAoB,CACrB,CACF;EAED,oBACE,0CACG7D,gBAAgB,IAAIR,cAAc,EAClCrC,KAAK,CAACgH,QAAQ,CAACC,GAAG,CAAC7E,QAAQ,EAAE8E,KAAK,IACjCA,KAAK,IAAI,IAAI,gBACTlH,KAAK,CAACmH,YAAY,CAACD,KAAK,EAAkB;IACxC/E,EAAE;IACFG,MAAM;IACNwC,YAAY;IACZnB;EACF,CAAC,CAAC,GACF,IAAI,CACT,CACA;AAEP;AAEAzB,eAAe,CAACkF,SAAS,GAAG;EAC1BjF,EAAE,EAAE9B,SAAS,CAACgH,MAAM,CAACC,UAAU;EAC/BlF,QAAQ,EAAE/B,SAAS,CAACkH,IAAI;EACxB5E,IAAI,EAAEtC,SAAS,CAACmH,KAAK,CAAC,CAAC,CAAC,CAAC;EACzBnF,cAAc,EAAEhC,SAAS,CAACkH,IAAI;EAC9BjF,MAAM,EAAElB,WAAW,CAACqG,MAAM,CAACH,UAAU;EACrC/E,YAAY,EAAElC,SAAS,CAACqH,OAAO,CAACrH,SAAS,CAACmH,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EACpDhF,cAAc,EAAEnC,SAAS,CAACsH,IAAI;EAC9BlF,mBAAmB,EAAEpC,SAAS,CAACsH;AACjC,CAAC;AAED,eAAezF,eAAe"}
+{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","Provider","useDispatch","useSelector","useStore","PanelManager","PanelErrorBoundary","LayoutUtils","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","FALLBACK_CALLBACK","props","DashboardLayout","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","isDashboardInitialized","setIsDashboardInitialized","hydrateMap","Map","dehydrateMap","store","registerComponent","name","componentType","componentHydrate","componentDehydrate","debug2","renderComponent","ref","CType","glContainer","glEventHub","wrappedComponent","forwardRef","cleanup","set","hydrateComponent","get","dehydrateComponent","config","panelManager","openedMap","handleLayoutStateChanged","glConfig","toConfig","contentConfig","content","dehydratedLayoutConfig","dehydrateLayoutConfig","hasChanged","isEqual","debug","root","contentItems","length","handleLayoutItemPickedUp","component","componentId","getIdFromContainer","eventHub","emit","DRAGGING","handleLayoutItemDropped","DROPPED","handleComponentCreated","item","element","cssComponent","replace","toLowerCase","cssClass","addClass","TITLE_CHANGED","previousLayoutConfig","loadNewConfig","hydrateLayoutConfig","remove","i","addChild","Children","map","child","cloneElement","propTypes","string","isRequired","node","shape","Layout","arrayOf","func"],"sources":["../src/DashboardLayout.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  Container,\n  EventEmitter,\n  ItemConfigType,\n  ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport { RootState } from '@deephaven/redux';\nimport { Provider, useDispatch, useSelector, useStore } from 'react-redux';\nimport PanelManager, { ClosedPanels } from './PanelManager';\nimport PanelErrorBoundary from './PanelErrorBoundary';\nimport LayoutUtils from './layout/LayoutUtils';\nimport {\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  PanelComponentType,\n  PanelDehydrateFunction,\n  PanelHydrateFunction,\n} from './DashboardPlugin';\n\nexport type DashboardLayoutConfig = ItemConfigType[];\n\nconst log = Log.module('DashboardLayout');\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nconst DEFAULT_LAYOUT_CONFIG: DashboardLayoutConfig = [];\n\nconst DEFAULT_CALLBACK = () => undefined;\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) => 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\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}: 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 [isDashboardInitialized, setIsDashboardInitialized] = useState(false);\n\n  const hydrateMap = useMemo(() => new Map(), []);\n  const dehydrateMap = useMemo(() => new Map(), []);\n  const store = useStore();\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 renderComponent(\n        props: { glContainer: Container; glEventHub: EventEmitter },\n        ref: unknown\n      ) {\n        // Cast it to an `any` type so we can pass the ref in correctly.\n        // ComponentType doesn't seem to work right, ReactNode is also incorrect\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const CType = componentType as any;\n\n        // Props supplied by GoldenLayout\n        // eslint-disable-next-line react/prop-types\n        const { glContainer, glEventHub } = props;\n        return (\n          <Provider store={store}>\n            <PanelErrorBoundary\n              glContainer={glContainer}\n              glEventHub={glEventHub}\n            >\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <CType {...props} ref={ref} />\n            </PanelErrorBoundary>\n          </Provider>\n        );\n      }\n\n      const wrappedComponent = React.forwardRef(renderComponent);\n      const cleanup = layout.registerComponent(name, wrappedComponent);\n      hydrateMap.set(name, componentHydrate);\n      dehydrateMap.set(name, componentDehydrate);\n      return cleanup;\n    },\n    [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, store]\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  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    if (!isDashboardInitialized) {\n      onLayoutInitialized();\n      setIsDashboardInitialized(true);\n    }\n\n    const glConfig = layout.toConfig();\n    const contentConfig = glConfig.content;\n    const dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(\n      contentConfig,\n      dehydrateComponent\n    );\n    const hasChanged =\n      lastConfig == null ||\n      !LayoutUtils.isEqual(lastConfig, dehydratedLayoutConfig);\n\n    log.debug(\n      'handleLayoutStateChanged',\n      hasChanged,\n      contentConfig,\n      dehydratedLayoutConfig\n    );\n\n    if (hasChanged) {\n      setIsDashboardEmpty(layout.root.contentItems.length === 0);\n\n      setLastConfig(dehydratedLayoutConfig);\n\n      onLayoutChange(dehydratedLayoutConfig);\n    }\n  }, [\n    dehydrateComponent,\n    isDashboardInitialized,\n    isItemDragging,\n    lastConfig,\n    layout,\n    onLayoutChange,\n    onLayoutInitialized,\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  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\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  return (\n    <>\n      {isDashboardEmpty && emptyDashboard}\n      {React.Children.map(children, child =>\n        child != null\n          ? React.cloneElement(child as ReactElement, {\n              id,\n              layout,\n              panelManager,\n              registerComponent,\n            })\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/PanelEvent.d.ts

@@ -12,6 +12,8 @@ declare const _default: Readonly<{
     CLOSED: "PanelEvent.CLOSED";
     OPEN: "PanelEvent.OPEN";
     CLOSE: "PanelEvent.CLOSE";
+    DRAGGING: "PanelEvent.DRAGGING";
+    DROPPED: "PanelEvent.DROPPED";
 }>;
 export default _default;
 //# sourceMappingURL=PanelEvent.d.ts.map

package/dist/PanelEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelEvent.d.ts","sourceRoot":"","sources":["../src/PanelEvent.ts"],"names":[],"mappings":"AAAA;;GAEG;;;;;;;;;;;;;AACH,wBAgCG"}
+{"version":3,"file":"PanelEvent.d.ts","sourceRoot":"","sources":["../src/PanelEvent.ts"],"names":[],"mappings":"AAAA;;GAEG;;;;;;;;;;;;;;;AACH,wBAsCG"}

package/dist/PanelEvent.js

@@ -23,6 +23,10 @@ export default Object.freeze({
   // Multiple plugins could open panels for the same event if desired.
   OPEN: 'PanelEvent.OPEN',
   // Event to close a panel that's currently open
-  CLOSE: 'PanelEvent.CLOSE'
+  CLOSE: 'PanelEvent.CLOSE',
+  // Panel is being dragged
+  DRAGGING: 'PanelEvent.DRAGGING',
+  // Panel is dropped
+  DROPPED: 'PanelEvent.DROPPED'
 });
 //# sourceMappingURL=PanelEvent.js.map

package/dist/PanelEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelEvent.js","names":["Object","freeze","FOCUS","MOUNT","UNMOUNT","TITLE_CHANGED","REOPEN","DELETE","CLONED","CLOSED","OPEN","CLOSE"],"sources":["../src/PanelEvent.ts"],"sourcesContent":["/**\n * Events emitted by panels and to control panels\n */\nexport default Object.freeze({\n  // Panel has received focus\n  FOCUS: 'PanelEvent.FOCUS',\n\n  // Panel has been mounted\n  MOUNT: 'PanelEvent.MOUNT',\n\n  // Panel has been unmounted\n  UNMOUNT: 'PanelEvent.UNMOUNT',\n\n  // The title of the panel has changed\n  TITLE_CHANGED: 'PanelEvent.TITLE_CHANGED',\n\n  // Panel was re-opened from a dehydrated state\n  REOPEN: 'PanelEvent.REOPEN',\n\n  // Panel was deleted\n  DELETE: 'PanelEvent.DELETE',\n\n  // Panel was cloned/copied\n  CLONED: 'PanelEvent.CLONED',\n\n  // Panel was closed\n  CLOSED: 'PanelEvent.CLOSED',\n\n  // Event to open a new panel\n  // Plugins will need to register to open based on this event.\n  // Multiple plugins could open panels for the same event if desired.\n  OPEN: 'PanelEvent.OPEN',\n\n  // Event to close a panel that's currently open\n  CLOSE: 'PanelEvent.CLOSE',\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,eAAeA,MAAM,CAACC,MAAM,CAAC;EAC3B;EACAC,KAAK,EAAE,kBAAkB;EAEzB;EACAC,KAAK,EAAE,kBAAkB;EAEzB;EACAC,OAAO,EAAE,oBAAoB;EAE7B;EACAC,aAAa,EAAE,0BAA0B;EAEzC;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACA;EACA;EACAC,IAAI,EAAE,iBAAiB;EAEvB;EACAC,KAAK,EAAE;AACT,CAAC,CAAC"}
+{"version":3,"file":"PanelEvent.js","names":["Object","freeze","FOCUS","MOUNT","UNMOUNT","TITLE_CHANGED","REOPEN","DELETE","CLONED","CLOSED","OPEN","CLOSE","DRAGGING","DROPPED"],"sources":["../src/PanelEvent.ts"],"sourcesContent":["/**\n * Events emitted by panels and to control panels\n */\nexport default Object.freeze({\n  // Panel has received focus\n  FOCUS: 'PanelEvent.FOCUS',\n\n  // Panel has been mounted\n  MOUNT: 'PanelEvent.MOUNT',\n\n  // Panel has been unmounted\n  UNMOUNT: 'PanelEvent.UNMOUNT',\n\n  // The title of the panel has changed\n  TITLE_CHANGED: 'PanelEvent.TITLE_CHANGED',\n\n  // Panel was re-opened from a dehydrated state\n  REOPEN: 'PanelEvent.REOPEN',\n\n  // Panel was deleted\n  DELETE: 'PanelEvent.DELETE',\n\n  // Panel was cloned/copied\n  CLONED: 'PanelEvent.CLONED',\n\n  // Panel was closed\n  CLOSED: 'PanelEvent.CLOSED',\n\n  // Event to open a new panel\n  // Plugins will need to register to open based on this event.\n  // Multiple plugins could open panels for the same event if desired.\n  OPEN: 'PanelEvent.OPEN',\n\n  // Event to close a panel that's currently open\n  CLOSE: 'PanelEvent.CLOSE',\n\n  // Panel is being dragged\n  DRAGGING: 'PanelEvent.DRAGGING',\n\n  // Panel is dropped\n  DROPPED: 'PanelEvent.DROPPED',\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,eAAeA,MAAM,CAACC,MAAM,CAAC;EAC3B;EACAC,KAAK,EAAE,kBAAkB;EAEzB;EACAC,KAAK,EAAE,kBAAkB;EAEzB;EACAC,OAAO,EAAE,oBAAoB;EAE7B;EACAC,aAAa,EAAE,0BAA0B;EAEzC;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACA;EACA;EACAC,IAAI,EAAE,iBAAiB;EAEvB;EACAC,KAAK,EAAE,kBAAkB;EAEzB;EACAC,QAAQ,EAAE,qBAAqB;EAE/B;EACAC,OAAO,EAAE;AACX,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/dashboard",
-  "version": "0.23.1-beta.8+40bedaa",
+  "version": "0.24.0",
   "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.23.1-beta.8+40bedaa",
-    "@deephaven/golden-layout": "^0.23.1-beta.8+40bedaa",
-    "@deephaven/log": "^0.23.1-beta.8+40bedaa",
-    "@deephaven/react-hooks": "^0.23.1-beta.8+40bedaa",
-    "@deephaven/redux": "^0.23.1-beta.8+40bedaa",
-    "@deephaven/utils": "^0.23.1-beta.8+40bedaa",
+    "@deephaven/components": "^0.24.0",
+    "@deephaven/golden-layout": "^0.24.0",
+    "@deephaven/log": "^0.24.0",
+    "@deephaven/react-hooks": "^0.24.0",
+    "@deephaven/redux": "^0.24.0",
+    "@deephaven/utils": "^0.24.0",
     "deep-equal": "^2.0.5",
     "lodash.ismatch": "^4.1.1",
     "lodash.throttle": "^4.1.1",
@@ -40,8 +40,8 @@
     "react-redux": "^7.2.4"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.23.1-beta.8+40bedaa",
-    "@deephaven/tsconfig": "^0.23.1-beta.8+40bedaa",
+    "@deephaven/mocks": "^0.24.0",
+    "@deephaven/tsconfig": "^0.24.0",
     "@types/lodash.ismatch": "^4.4.0"
   },
   "files": [
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "40bedaa3d81ab47a2b626466395194595c531bbc"
+  "gitHead": "dcde3072e63dd6580b8018643b8a78366ecace08"
 }