@deephaven/dashboard 0.39.1-chart-refactor.13 → 0.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DashboardLayout.d.ts.map +1 -1
- package/dist/DashboardLayout.js +15 -22
- package/dist/DashboardLayout.js.map +1 -1
- package/dist/DashboardPlugin.d.ts +0 -2
- package/dist/DashboardPlugin.d.ts.map +1 -1
- package/dist/DashboardPlugin.js.map +1 -1
- package/dist/layout/GoldenLayout.css +1 -1
- package/dist/layout/GoldenLayout.css.map +1 -1
- package/dist/layout/GoldenLayout.module.css +1 -1
- package/dist/layout/GoldenLayout.module.css.map +1 -1
- package/package.json +11 -11
|
@@ -1 +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,EAEV,cAAc,EAEf,MAAM,0BAA0B,CAAC;
|
|
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,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;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,CA8OpC;yBAxPe,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AAqQ/B,eAAe,eAAe,CAAC"}
|
package/dist/DashboardLayout.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import { ApiContext, useApi } from '@deephaven/jsapi-bootstrap';
|
|
5
4
|
import Log from '@deephaven/log';
|
|
6
5
|
import { usePrevious } from '@deephaven/react-hooks';
|
|
7
|
-
import {
|
|
6
|
+
import { useDispatch, useSelector } from 'react-redux';
|
|
8
7
|
import PanelManager from "./PanelManager.js";
|
|
9
8
|
import PanelErrorBoundary from "./PanelErrorBoundary.js";
|
|
10
9
|
import LayoutUtils from "./layout/LayoutUtils.js";
|
|
@@ -35,7 +34,6 @@ export function DashboardLayout(_ref) {
|
|
|
35
34
|
hydrate = hydrateDefault,
|
|
36
35
|
dehydrate = dehydrateDefault
|
|
37
36
|
} = _ref;
|
|
38
|
-
var defaultDh = useApi();
|
|
39
37
|
var dispatch = useDispatch();
|
|
40
38
|
var data = (_useSelector = useSelector(state => getDashboardData(state, id))) !== null && _useSelector !== void 0 ? _useSelector : EMPTY_OBJECT;
|
|
41
39
|
var [isDashboardEmpty, setIsDashboardEmpty] = useState(false);
|
|
@@ -43,9 +41,9 @@ export function DashboardLayout(_ref) {
|
|
|
43
41
|
var [lastConfig, setLastConfig] = useState();
|
|
44
42
|
var [initialClosedPanels] = useState((_closed = data === null || data === void 0 ? void 0 : data.closed) !== null && _closed !== void 0 ? _closed : []);
|
|
45
43
|
var [isDashboardInitialized, setIsDashboardInitialized] = useState(false);
|
|
44
|
+
var [layoutChildren, setLayoutChildren] = useState(layout.getReactChildren());
|
|
46
45
|
var hydrateMap = useMemo(() => new Map(), []);
|
|
47
46
|
var dehydrateMap = useMemo(() => new Map(), []);
|
|
48
|
-
var store = useStore();
|
|
49
47
|
var registerComponent = useCallback(function (name, componentType) {
|
|
50
48
|
var componentHydrate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : hydrate;
|
|
51
49
|
var componentDehydrate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : dehydrate;
|
|
@@ -59,32 +57,22 @@ export function DashboardLayout(_ref) {
|
|
|
59
57
|
// Props supplied by GoldenLayout
|
|
60
58
|
// eslint-disable-next-line react/prop-types
|
|
61
59
|
var {
|
|
62
|
-
dh,
|
|
63
60
|
glContainer,
|
|
64
61
|
glEventHub
|
|
65
62
|
} = props;
|
|
66
|
-
return (
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}, /*#__PURE__*/React.createElement(Provider, {
|
|
73
|
-
store: store
|
|
74
|
-
}, /*#__PURE__*/React.createElement(PanelErrorBoundary, {
|
|
75
|
-
glContainer: glContainer,
|
|
76
|
-
glEventHub: glEventHub
|
|
77
|
-
}, /*#__PURE__*/React.createElement(CType, _extends({}, props, {
|
|
78
|
-
ref: ref
|
|
79
|
-
})))))
|
|
80
|
-
);
|
|
63
|
+
return /*#__PURE__*/React.createElement(PanelErrorBoundary, {
|
|
64
|
+
glContainer: glContainer,
|
|
65
|
+
glEventHub: glEventHub
|
|
66
|
+
}, /*#__PURE__*/React.createElement(CType, _extends({}, props, {
|
|
67
|
+
ref: ref
|
|
68
|
+
})));
|
|
81
69
|
}
|
|
82
70
|
var wrappedComponent = /*#__PURE__*/React.forwardRef(renderComponent);
|
|
83
71
|
var cleanup = layout.registerComponent(name, wrappedComponent);
|
|
84
72
|
hydrateMap.set(name, componentHydrate);
|
|
85
73
|
dehydrateMap.set(name, componentDehydrate);
|
|
86
74
|
return cleanup;
|
|
87
|
-
}, [
|
|
75
|
+
}, [hydrate, dehydrate, hydrateMap, dehydrateMap, layout]);
|
|
88
76
|
var hydrateComponent = useCallback((name, props) => {
|
|
89
77
|
var _hydrateMap$get;
|
|
90
78
|
return ((_hydrateMap$get = hydrateMap.get(name)) !== null && _hydrateMap$get !== void 0 ? _hydrateMap$get : FALLBACK_CALLBACK)(props, id);
|
|
@@ -120,6 +108,7 @@ export function DashboardLayout(_ref) {
|
|
|
120
108
|
setIsDashboardEmpty(layout.root.contentItems.length === 0);
|
|
121
109
|
setLastConfig(dehydratedLayoutConfig);
|
|
122
110
|
onLayoutChange(dehydratedLayoutConfig);
|
|
111
|
+
setLayoutChildren(layout.getReactChildren());
|
|
123
112
|
}
|
|
124
113
|
}, [dehydrateComponent, isDashboardInitialized, isItemDragging, lastConfig, layout, onLayoutChange, onLayoutInitialized]);
|
|
125
114
|
var handleLayoutItemPickedUp = useCallback(component => {
|
|
@@ -141,11 +130,15 @@ export function DashboardLayout(_ref) {
|
|
|
141
130
|
var cssClass = "".concat(cssComponent, "-component");
|
|
142
131
|
item.element.addClass(cssClass);
|
|
143
132
|
}, []);
|
|
133
|
+
var handleReactChildrenChange = useCallback(() => {
|
|
134
|
+
setLayoutChildren(layout.getReactChildren());
|
|
135
|
+
}, [layout]);
|
|
144
136
|
useListener(layout, 'stateChanged', handleLayoutStateChanged);
|
|
145
137
|
useListener(layout, 'itemPickedUp', handleLayoutItemPickedUp);
|
|
146
138
|
useListener(layout, 'itemDropped', handleLayoutItemDropped);
|
|
147
139
|
useListener(layout, 'componentCreated', handleComponentCreated);
|
|
148
140
|
useListener(layout.eventHub, PanelEvent.TITLE_CHANGED, handleLayoutStateChanged);
|
|
141
|
+
useListener(layout, 'reactChildrenChanged', handleReactChildrenChange);
|
|
149
142
|
var previousLayoutConfig = usePrevious(layoutConfig);
|
|
150
143
|
useEffect(function loadNewConfig() {
|
|
151
144
|
if (previousLayoutConfig !== layoutConfig && layoutConfig !== lastConfig) {
|
|
@@ -163,7 +156,7 @@ export function DashboardLayout(_ref) {
|
|
|
163
156
|
setIsDashboardEmpty(layout.root.contentItems.length === 0);
|
|
164
157
|
}
|
|
165
158
|
}, [hydrateComponent, layout, layoutConfig, lastConfig, panelManager, previousLayoutConfig]);
|
|
166
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, isDashboardEmpty && emptyDashboard, React.Children.map(children, child => child != null ? /*#__PURE__*/React.cloneElement(child, {
|
|
159
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, isDashboardEmpty && emptyDashboard, layoutChildren, React.Children.map(children, child => child != null ? /*#__PURE__*/React.cloneElement(child, {
|
|
167
160
|
id,
|
|
168
161
|
layout,
|
|
169
162
|
panelManager,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","ApiContext","useApi","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","defaultDh","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","dh","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 ItemConfigType,\n ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport { ApiContext, useApi } from '@deephaven/jsapi-bootstrap';\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 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\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 defaultDh = useApi();\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(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\n // Props supplied by GoldenLayout\n // eslint-disable-next-line react/prop-types\n const { dh, glContainer, glEventHub } = props;\n return (\n // Enterprise should be able to override the JSAPI\n // for each panel via the props\n <ApiContext.Provider value={dh ?? defaultDh}>\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 </ApiContext.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 [defaultDh, 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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"}
|
|
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","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","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 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\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 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\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 <CType {...props} ref={ref} />\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]\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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"}
|
|
@@ -2,7 +2,6 @@ import type { Component, ComponentType, ForwardRefExoticComponent, PropsWithoutR
|
|
|
2
2
|
import { ConnectedComponent } from 'react-redux';
|
|
3
3
|
import GoldenLayout from '@deephaven/golden-layout';
|
|
4
4
|
import type { ReactComponentConfig, EventEmitter, Container } from '@deephaven/golden-layout';
|
|
5
|
-
import type { dh as DhType } from '@deephaven/jsapi-types';
|
|
6
5
|
import PanelManager from './PanelManager';
|
|
7
6
|
/**
|
|
8
7
|
* Alias for the return type of React.forwardRef()
|
|
@@ -29,7 +28,6 @@ export type WrappedComponentType<P extends PanelProps, C extends ComponentType<P
|
|
|
29
28
|
export type PanelComponentType<P extends PanelProps = PanelProps, C extends ComponentType<P> = ComponentType<P>> = (ComponentType<P> | WrappedComponentType<P, C> | PanelFunctionComponentType<P, unknown>) & PanelStaticMetaData;
|
|
30
29
|
export declare function isWrappedComponent<P extends PanelProps, C extends ComponentType<P>>(type: PanelComponentType<P, C>): type is WrappedComponentType<P, C>;
|
|
31
30
|
export type PanelProps = {
|
|
32
|
-
dh?: DhType;
|
|
33
31
|
glContainer: Container;
|
|
34
32
|
glEventHub: EventEmitter;
|
|
35
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardPlugin.d.ts","sourceRoot":"","sources":["../src/DashboardPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,yBAAyB,EACzB,eAAe,EACf,aAAa,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EACV,oBAAoB,EACpB,YAAY,EACZ,SAAS,EACV,MAAM,0BAA0B,CAAC;AAClC,OAAO,
|
|
1
|
+
{"version":3,"file":"DashboardPlugin.d.ts","sourceRoot":"","sources":["../src/DashboardPlugin.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardPlugin.js","names":["GoldenLayout","PanelManager","isWrappedComponent","type","WrappedComponent","undefined","isDashboardPluginProps","props","id","layout","panelManager","registerComponent","assertIsDashboardPluginProps","Error"],"sources":["../src/DashboardPlugin.ts"],"sourcesContent":["import type {\n Component,\n ComponentType,\n ForwardRefExoticComponent,\n PropsWithoutRef,\n RefAttributes,\n} from 'react';\nimport { ConnectedComponent } from 'react-redux';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n ReactComponentConfig,\n EventEmitter,\n Container,\n} from '@deephaven/golden-layout';\nimport
|
|
1
|
+
{"version":3,"file":"DashboardPlugin.js","names":["GoldenLayout","PanelManager","isWrappedComponent","type","WrappedComponent","undefined","isDashboardPluginProps","props","id","layout","panelManager","registerComponent","assertIsDashboardPluginProps","Error"],"sources":["../src/DashboardPlugin.ts"],"sourcesContent":["import type {\n Component,\n ComponentType,\n ForwardRefExoticComponent,\n PropsWithoutRef,\n RefAttributes,\n} from 'react';\nimport { ConnectedComponent } from 'react-redux';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n ReactComponentConfig,\n EventEmitter,\n Container,\n} from '@deephaven/golden-layout';\nimport PanelManager from './PanelManager';\n\n/**\n * Alias for the return type of React.forwardRef()\n */\nexport type ForwardRefComponentType<P, R> = ForwardRefExoticComponent<\n PropsWithoutRef<P> & RefAttributes<R>\n>;\n\n/**\n * Panel components can provide static props that provide meta data about the\n * panel.\n */\nexport interface PanelStaticMetaData {\n /**\n * Should be set to the same name as the component type.\n * @deprecated Use `displayName` instead.\n */\n COMPONENT?: string;\n\n /** Title of the panel. */\n TITLE?: string;\n}\n\n/**\n * Panels defined as functional components have to use React.forwardRef.\n */\nexport type PanelFunctionComponentType<P, R> = ForwardRefComponentType<P, R> &\n PanelStaticMetaData;\n\nexport type WrappedComponentType<\n P extends PanelProps,\n C extends ComponentType<P>\n> = ConnectedComponent<C, P>;\n\nexport type PanelComponentType<\n P extends PanelProps = PanelProps,\n C extends ComponentType<P> = ComponentType<P>\n> = (\n | ComponentType<P>\n | WrappedComponentType<P, C>\n | PanelFunctionComponentType<P, unknown>\n) &\n PanelStaticMetaData;\n\nexport function isWrappedComponent<\n P extends PanelProps,\n C extends ComponentType<P>\n>(type: PanelComponentType<P, C>): type is WrappedComponentType<P, C> {\n return (type as WrappedComponentType<P, C>)?.WrappedComponent !== undefined;\n}\n\nexport type PanelProps = {\n glContainer: Container;\n glEventHub: EventEmitter;\n};\n\nexport type PanelComponent<T extends PanelProps = PanelProps> = Component<T>;\n\nexport type PanelConfig = ReactComponentConfig & {\n componentState?: Record<string, unknown> | null;\n};\n\nexport type DashboardConfig = {\n id: string;\n layout: GoldenLayout;\n panelManager: PanelManager;\n};\n\nexport interface DashboardPanelDefinition {\n name: string;\n definition: ComponentType;\n}\n\nexport type DeregisterComponentFunction = () => void;\n\nexport type PanelHydrateFunction<T = PanelProps> = (\n props: T,\n dashboardId: string\n) => PanelProps;\n\nexport type PanelDehydrateFunction = (\n config: PanelConfig,\n dashboardId: string\n) => PanelConfig | null;\n\nexport type DashboardPluginComponentProps = {\n id: string;\n layout: GoldenLayout;\n panelManager: PanelManager;\n registerComponent: <P extends PanelProps, C extends ComponentType<P>>(\n name: string,\n ComponentType: PanelComponentType<P, C>,\n hydrate?: PanelHydrateFunction<P>,\n dehydrate?: PanelDehydrateFunction\n ) => DeregisterComponentFunction;\n};\n\nexport interface DashboardPlugin {\n panels?: DashboardPanelDefinition[];\n\n /** Hydrate the provided panel and props. Return the same object if no changes made. */\n hydrateComponent?: (name: string, props: PanelProps) => PanelProps;\n\n /** Dehydrate a component. Return the same object if no changes made, or `null` if the component should not be saved */\n dehydrateComponent?: (\n name: string,\n config: PanelConfig\n ) => PanelConfig | null;\n\n /** Called when the dashboard is initialized and layout is ready. */\n initialize?: (config: DashboardConfig) => void;\n\n /** Called when the dashboard is unintialized and layout is about to be destroyed */\n deinitialize?: (config: DashboardConfig) => void;\n}\n\n/**\n * Takes a partial DashboardPluginComponentProps and verifies all the dashboard component fields are filled in.\n * @param props The props to check\n * @returns True if the props are valid DashboardPluginComponentProps, false otherwise\n */\nexport function isDashboardPluginProps(\n props: Partial<DashboardPluginComponentProps>\n): props is DashboardPluginComponentProps {\n return (\n typeof props.id === 'string' &&\n props.layout instanceof GoldenLayout &&\n props.panelManager instanceof PanelManager &&\n typeof props.registerComponent === 'function'\n );\n}\n\nexport function assertIsDashboardPluginProps(\n props: Partial<DashboardPluginComponentProps>\n): asserts props is DashboardPluginComponentProps {\n if (!isDashboardPluginProps(props)) {\n throw new Error(\n `Expected dashboard plugin props, but instead received ${props}`\n );\n }\n}\n"],"mappings":"AAQA,OAAOA,YAAY,MAAM,0BAA0B;AAAC,OAM7CC,YAAY;AAEnB;AACA;AACA;AAyCA,OAAO,SAASC,kBAAkB,CAGhCC,IAA8B,EAAsC;EACpE,OAAO,CAACA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAiCC,gBAAgB,MAAKC,SAAS;AAC7E;AAmEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsB,CACpCC,KAA6C,EACL;EACxC,OACE,OAAOA,KAAK,CAACC,EAAE,KAAK,QAAQ,IAC5BD,KAAK,CAACE,MAAM,YAAYT,YAAY,IACpCO,KAAK,CAACG,YAAY,YAAYT,YAAY,IAC1C,OAAOM,KAAK,CAACI,iBAAiB,KAAK,UAAU;AAEjD;AAEA,OAAO,SAASC,4BAA4B,CAC1CL,KAA6C,EACG;EAChD,IAAI,CAACD,sBAAsB,CAACC,KAAK,CAAC,EAAE;IAClC,MAAM,IAAIM,KAAK,iEAC4CN,KAAK,EAC/D;EACH;AACF"}
|