@deephaven/dashboard 0.40.4-beta.0 → 0.40.4

package/dist/DashboardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAEV,cAAc,EAEf,MAAM,0BAA0B,CAAC;AAKlC,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EAErB,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;IAEjC,wCAAwC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;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,EAE5B,YAAoE,GACrE,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAmPpC;yBA/Pe,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AA4Q/B,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAEV,cAAc,EAEf,MAAM,0BAA0B,CAAC;AAKlC,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EAErB,MAAM,mBAAmB,CAAC;AAG3B,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;IAEjC,wCAAwC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;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,EAC5B,YAAoC,GACrC,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAmPpC;yBA9Pe,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AA2Q/B,eAAe,eAAe,CAAC"}

package/dist/DashboardLayout.js

@@ -11,6 +11,7 @@ import { dehydrate as dehydrateDefault, hydrate as hydrateDefault } from "./Dash
 import PanelEvent from "./PanelEvent.js";
 import { GLPropTypes, useListener } from "./layout/index.js";
 import { getDashboardData, updateDashboardData } from "./redux/index.js";
+import DashboardPanelWrapper from "./DashboardPanelWrapper.js";
 var log = Log.module('DashboardLayout');
 var EMPTY_OBJECT = Object.freeze({});
 var DEFAULT_LAYOUT_CONFIG = [];
@@ -33,13 +34,7 @@ export function DashboardLayout(_ref) {
     onLayoutInitialized = DEFAULT_CALLBACK,
     hydrate = hydrateDefault,
     dehydrate = dehydrateDefault,
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    panelWrapper = _ref2 => {
-      var {
-        children: panelChildren
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, panelChildren);
-    }
+    panelWrapper = DashboardPanelWrapper
   } = _ref;
   var dispatch = useDispatch();
   var data = (_useSelector = useSelector(state => getDashboardData(state, id))) !== null && _useSelector !== void 0 ? _useSelector : EMPTY_OBJECT;
@@ -90,11 +85,11 @@ export function DashboardLayout(_ref) {
     var _dehydrateMap$get;
     return ((_dehydrateMap$get = dehydrateMap.get(name)) !== null && _dehydrateMap$get !== void 0 ? _dehydrateMap$get : FALLBACK_CALLBACK)(config, id);
   }, [dehydrateMap, id]);
-  var panelManager = useMemo(() => new PanelManager(layout, hydrateComponent, dehydrateComponent, new Map(), initialClosedPanels, _ref3 => {
+  var panelManager = useMemo(() => new PanelManager(layout, hydrateComponent, dehydrateComponent, new Map(), initialClosedPanels, _ref2 => {
     var {
       closed,
       openedMap
-    } = _ref3;
+    } = _ref2;
     dispatch(updateDashboardData(id, {
       closed,
       openedMap

package/dist/DashboardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","useDispatch","useSelector","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","panelWrapper","panelChildren","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","isDashboardInitialized","setIsDashboardInitialized","layoutChildren","setLayoutChildren","getReactChildren","hydrateMap","Map","dehydrateMap","registerComponent","name","componentType","componentHydrate","componentDehydrate","debug2","renderComponent","ref","CType","PanelWrapperType","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","handleReactChildrenChange","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  ComponentType,\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  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 { useDispatch, useSelector } 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  PanelProps,\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  /** 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  // eslint-disable-next-line react/jsx-no-useless-fragment\n  panelWrapper = ({ children: panelChildren }) => <>{panelChildren}</>,\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  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 renderComponent(props: PanelProps, ref: unknown) {\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        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const PanelWrapperType = panelWrapper as any;\n\n        // Props supplied by GoldenLayout\n        // eslint-disable-next-line react/prop-types\n        const { glContainer, glEventHub } = props;\n        return (\n          <PanelErrorBoundary glContainer={glContainer} glEventHub={glEventHub}>\n            {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n            <PanelWrapperType {...props}>\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <CType {...props} ref={ref} />\n            </PanelWrapperType>\n          </PanelErrorBoundary>\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, 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  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      setLayoutChildren(layout.getReactChildren());\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  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  return (\n    <>\n      {isDashboardEmpty && emptyDashboard}\n      {layoutChildren}\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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"}
+{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","useDispatch","useSelector","PanelManager","PanelErrorBoundary","LayoutUtils","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","DashboardPanelWrapper","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","FALLBACK_CALLBACK","props","DashboardLayout","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","panelWrapper","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","isDashboardInitialized","setIsDashboardInitialized","layoutChildren","setLayoutChildren","getReactChildren","hydrateMap","Map","dehydrateMap","registerComponent","name","componentType","componentHydrate","componentDehydrate","debug2","renderComponent","ref","CType","PanelWrapperType","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","handleReactChildrenChange","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  ComponentType,\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  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 { useDispatch, useSelector } 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  PanelProps,\n} from './DashboardPlugin';\nimport DashboardPanelWrapper from './DashboardPanelWrapper';\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  /** 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 [isDashboardInitialized, setIsDashboardInitialized] = useState(false);\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 renderComponent(props: PanelProps, ref: unknown) {\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        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const PanelWrapperType = panelWrapper as any;\n\n        // Props supplied by GoldenLayout\n        // eslint-disable-next-line react/prop-types\n        const { glContainer, glEventHub } = props;\n        return (\n          <PanelErrorBoundary glContainer={glContainer} glEventHub={glEventHub}>\n            {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n            <PanelWrapperType {...props}>\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <CType {...props} ref={ref} />\n            </PanelWrapperType>\n          </PanelErrorBoundary>\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, 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  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      setLayoutChildren(layout.getReactChildren());\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  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  return (\n    <>\n      {isDashboardEmpty && emptyDashboard}\n      {layoutChildren}\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/DashboardPanelWrapper.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export declare function DashboardPanelWrapper({ children }: PropsWithChildren<object>): JSX.Element;
+export default DashboardPanelWrapper;
+//# sourceMappingURL=DashboardPanelWrapper.d.ts.map

package/dist/DashboardPanelWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPanelWrapper.d.ts","sourceRoot":"","sources":["../src/DashboardPanelWrapper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,MAAM,CAAC,eAG5E;AAED,eAAe,qBAAqB,CAAC"}

package/dist/DashboardPanelWrapper.js

@@ -0,0 +1,10 @@
+import React from 'react';
+export function DashboardPanelWrapper(_ref) {
+  var {
+    children
+  } = _ref;
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+}
+export default DashboardPanelWrapper;
+//# sourceMappingURL=DashboardPanelWrapper.js.map

package/dist/DashboardPanelWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPanelWrapper.js","names":["React","DashboardPanelWrapper","children"],"sources":["../src/DashboardPanelWrapper.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nexport function DashboardPanelWrapper({ children }: PropsWithChildren<object>) {\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>;\n}\n\nexport default DashboardPanelWrapper;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAEhD,OAAO,SAASC,qBAAqB,OAA0C;EAAA,IAAzC;IAAEC;EAAoC,CAAC;EAC3E;EACA,oBAAO,0CAAGA,QAAQ,CAAI;AACxB;AAEA,eAAeD,qBAAqB"}

package/dist/PanelPlaceholder.css

@@ -3,11 +3,13 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
-  padding: 1rem;
   min-height: 100%;
   max-height: 100%;
   text-align: center;
   overflow: hidden;
 }
+.panel-placeholder div {
+  padding: 1rem;
+}
 
 /*# sourceMappingURL=PanelPlaceholder.css.map */

package/dist/PanelPlaceholder.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/PanelPlaceholder.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;EACA,SCFS;EDGT;EACA;EACA;EACA","file":"PanelPlaceholder.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n.panel-placeholder {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: $spacer-3;\n  min-height: 100%;\n  max-height: 100%;\n  text-align: center;\n  overflow: hidden;\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/PanelPlaceholder.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE,SCTO","file":"PanelPlaceholder.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n.panel-placeholder {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 100%;\n  max-height: 100%;\n  text-align: center;\n  overflow: hidden;\n\n  // add padding on an inner wrapper so it is included in max height of parent\n  div {\n    padding: $spacer-3;\n  }\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/PanelPlaceholder.js

@@ -11,7 +11,7 @@ var PanelPlaceholder = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: "panel-placeholder"
-  }, "Component \"", component, "\" is not registered.");
+  }, /*#__PURE__*/React.createElement("div", null, "Component \"", component, "\" is not registered."));
 });
 PanelPlaceholder.displayName = 'PanelPlaceholder';
 export default PanelPlaceholder;

package/dist/PanelPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelPlaceholder.js","names":["React","LayoutUtils","PanelPlaceholder","forwardRef","props","ref","component","getComponentNameFromPanel","displayName"],"sources":["../src/PanelPlaceholder.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport './PanelPlaceholder.scss';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { PanelProps } from './DashboardPlugin';\n\n/**\n * Displays a placeholder for unregistered panel types.\n */\nconst PanelPlaceholder = React.forwardRef(\n  (props: PanelProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const component = LayoutUtils.getComponentNameFromPanel({ props });\n    return (\n      <div ref={ref} className=\"panel-placeholder\">\n        Component &quot;{component}&quot; is not registered.\n      </div>\n    );\n  }\n);\n\nPanelPlaceholder.displayName = 'PanelPlaceholder';\n\nexport default PanelPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAAC;AAAA,OAErCC,WAAW;AAGlB;AACA;AACA;AACA,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAACC,KAAiB,EAAEC,GAAiC,KAAK;EACxD,IAAMC,SAAS,GAAGL,WAAW,CAACM,yBAAyB,CAAC;IAAEH;EAAM,CAAC,CAAC;EAClE,oBACE;IAAK,GAAG,EAAEC,GAAI;IAAC,SAAS,EAAC;EAAmB,GAAC,cAC3B,EAACC,SAAS,EAAC,uBAC7B,CAAM;AAEV,CAAC,CACF;AAEDJ,gBAAgB,CAACM,WAAW,GAAG,kBAAkB;AAEjD,eAAeN,gBAAgB"}
+{"version":3,"file":"PanelPlaceholder.js","names":["React","LayoutUtils","PanelPlaceholder","forwardRef","props","ref","component","getComponentNameFromPanel","displayName"],"sources":["../src/PanelPlaceholder.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport './PanelPlaceholder.scss';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { PanelProps } from './DashboardPlugin';\n\n/**\n * Displays a placeholder for unregistered panel types.\n */\nconst PanelPlaceholder = React.forwardRef(\n  (props: PanelProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const component = LayoutUtils.getComponentNameFromPanel({ props });\n    return (\n      <div ref={ref} className=\"panel-placeholder\">\n        <div>Component &quot;{component}&quot; is not registered.</div>\n      </div>\n    );\n  }\n);\n\nPanelPlaceholder.displayName = 'PanelPlaceholder';\n\nexport default PanelPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAAC;AAAA,OAErCC,WAAW;AAGlB;AACA;AACA;AACA,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAACC,KAAiB,EAAEC,GAAiC,KAAK;EACxD,IAAMC,SAAS,GAAGL,WAAW,CAACM,yBAAyB,CAAC;IAAEH;EAAM,CAAC,CAAC;EAClE,oBACE;IAAK,GAAG,EAAEC,GAAI;IAAC,SAAS,EAAC;EAAmB,gBAC1C,iCAAK,cAAgB,EAACC,SAAS,EAAC,uBAAyB,CAAM,CAC3D;AAEV,CAAC,CACF;AAEDJ,gBAAgB,CAACM,WAAW,GAAG,kBAAkB;AAEjD,eAAeN,gBAAgB"}