@deephaven/dashboard 0.11.8-beta.0 → 0.11.10-alpha.7
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/Dashboard.d.ts.map +1 -1
- package/dist/Dashboard.js +2 -2
- package/dist/Dashboard.js.map +1 -1
- package/dist/DashboardLayout.d.ts.map +1 -1
- package/dist/DashboardLayout.js +1 -1
- package/dist/DashboardLayout.js.map +1 -1
- package/dist/layout/hooks.d.ts.map +1 -1
- package/dist/layout/hooks.js +1 -1
- package/dist/layout/hooks.js.map +1 -1
- package/package.json +11 -11
package/dist/Dashboard.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,YAAY,EAAE,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,wBAAwB,CAAC;AAIhC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAQ1B,oBAAY,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,SAAS,4KAYnB,cAAc,KAAG,
|
|
1
|
+
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,YAAY,EAAE,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,wBAAwB,CAAC;AAIhC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAQ1B,oBAAY,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,SAAS,4KAYnB,cAAc,KAAG,WAwFnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/dist/Dashboard.js
CHANGED
|
@@ -34,7 +34,7 @@ export var Dashboard = _ref => {
|
|
|
34
34
|
var layoutElement = useRef(null);
|
|
35
35
|
var [isInitialized, setIsInitialized] = useState(false);
|
|
36
36
|
var [layout, setLayout] = useState();
|
|
37
|
-
useEffect(()
|
|
37
|
+
useEffect(function initDashboard() {
|
|
38
38
|
if (!layoutElement.current) {
|
|
39
39
|
setLayout(undefined);
|
|
40
40
|
return;
|
|
@@ -70,7 +70,7 @@ export var Dashboard = _ref => {
|
|
|
70
70
|
layout === null || layout === void 0 ? void 0 : layout.updateSize();
|
|
71
71
|
}
|
|
72
72
|
}, RESIZE_THROTTLE), [layout]);
|
|
73
|
-
useEffect(()
|
|
73
|
+
useEffect(function initResizeEventListner() {
|
|
74
74
|
window.addEventListener('resize', handleResize);
|
|
75
75
|
return () => {
|
|
76
76
|
window.removeEventListener('resize', handleResize);
|
package/dist/Dashboard.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Dashboard.tsx"],"names":["React","useEffect","useMemo","useRef","useState","throttle","GoldenLayout","LayoutUtils","PanelPlaceholder","DashboardLayout","RESIZE_THROTTLE","DEFAULT_CALLBACK","undefined","EMPTY_OBJECT","Object","freeze","Dashboard","id","children","emptyDashboard","layoutConfig","layoutSettings","onLayoutConfigChange","onGoldenLayoutChange","onLayoutInitialized","fallbackComponent","hydrate","dehydrate","layoutElement","isInitialized","setIsInitialized","layout","setLayout","current","config","makeDefaultLayout","assign","settings","content","newLayout","onInit","off","on","setFallbackComponent","init","destroy","handleResize","isInitialised","updateSize","window","addEventListener","removeEventListener"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAGEC,SAHF,EAIEC,OAJF,EAKEC,MALF,EAMEC,QANF,QAOO,OAPP;AAQA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,YAAP,MAA6C,0BAA7C;;OAEOC,W;OACAC,gB;OACAC,e;;AAOP,IAAMC,eAAe,GAAG,GAAxB;;AAEA,IAAMC,gBAAgB,GAAG,MAAMC,SAA/B;;AAEA,IAAMC,YAAY,GAAGC,MAAM,CAACC,MAAP,CAAc,EAAd,CAArB;AAgBA,OAAO,IAAMC,SAAS,GAAG,QAYU;AAAA,MAZT;AACxBC,IAAAA,EAAE,GAAG,SADmB;AAExBC,IAAAA,QAFwB;AAGxBC,IAAAA,cAHwB;AAIxBC,IAAAA,YAJwB;AAKxBC,IAAAA,cAAc,GAAGR,YALO;AAMxBS,IAAAA,oBAAoB,GAAGX,gBANC;AAOxBY,IAAAA,oBAAoB,GAAGZ,gBAPC;AAQxBa,IAAAA,mBAAmB,GAAGb,gBARE;AASxBc,IAAAA,iBAAiB,GAAGjB,gBATI;AAUxBkB,IAAAA,OAVwB;AAWxBC,IAAAA;AAXwB,GAYS;AACjC,MAAMC,aAAa,GAAGzB,MAAM,CAAiB,IAAjB,CAA5B;AACA,MAAM,CAAC0B,aAAD,EAAgBC,gBAAhB,IAAoC1B,QAAQ,CAAC,KAAD,CAAlD;AACA,MAAM,CAAC2B,MAAD,EAASC,SAAT,IAAsB5B,QAAQ,EAApC;AAEAH,EAAAA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../src/Dashboard.tsx"],"names":["React","useEffect","useMemo","useRef","useState","throttle","GoldenLayout","LayoutUtils","PanelPlaceholder","DashboardLayout","RESIZE_THROTTLE","DEFAULT_CALLBACK","undefined","EMPTY_OBJECT","Object","freeze","Dashboard","id","children","emptyDashboard","layoutConfig","layoutSettings","onLayoutConfigChange","onGoldenLayoutChange","onLayoutInitialized","fallbackComponent","hydrate","dehydrate","layoutElement","isInitialized","setIsInitialized","layout","setLayout","initDashboard","current","config","makeDefaultLayout","assign","settings","content","newLayout","onInit","off","on","setFallbackComponent","init","destroy","handleResize","isInitialised","updateSize","initResizeEventListner","window","addEventListener","removeEventListener"],"mappings":"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","sourcesContent":["import React, {\n ForwardRefExoticComponent,\n RefAttributes,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport throttle from 'lodash.throttle';\nimport GoldenLayout, { ItemConfigType } from '@deephaven/golden-layout';\nimport './layout/golden-layout';\nimport LayoutUtils from './layout/LayoutUtils';\nimport PanelPlaceholder from './PanelPlaceholder';\nimport DashboardLayout from './DashboardLayout';\nimport {\n PanelDehydrateFunction,\n PanelHydrateFunction,\n} from './DashboardPlugin';\nimport './Dashboard.scss';\n\nconst RESIZE_THROTTLE = 100;\n\nconst DEFAULT_CALLBACK = () => undefined;\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nexport type DashboardProps = {\n id?: string;\n children?: React.ReactNode | React.ReactNode[];\n emptyDashboard?: React.ReactNode;\n layoutConfig?: ItemConfigType[];\n layoutSettings?: Record<string, unknown>;\n onLayoutConfigChange?: () => void;\n onGoldenLayoutChange?: (goldenLayout: GoldenLayout) => void;\n onLayoutInitialized?: () => void;\n fallbackComponent?: ForwardRefExoticComponent<RefAttributes<unknown>>;\n hydrate?: PanelHydrateFunction;\n dehydrate?: PanelDehydrateFunction;\n};\n\nexport const Dashboard = ({\n id = 'default',\n children,\n emptyDashboard,\n layoutConfig,\n layoutSettings = EMPTY_OBJECT,\n onLayoutConfigChange = DEFAULT_CALLBACK,\n onGoldenLayoutChange = DEFAULT_CALLBACK,\n onLayoutInitialized = DEFAULT_CALLBACK,\n fallbackComponent = PanelPlaceholder,\n hydrate,\n dehydrate,\n}: DashboardProps): JSX.Element => {\n const layoutElement = useRef<HTMLDivElement>(null);\n const [isInitialized, setIsInitialized] = useState(false);\n const [layout, setLayout] = useState<GoldenLayout>();\n\n useEffect(\n function initDashboard() {\n if (!layoutElement.current) {\n setLayout(undefined);\n return;\n }\n const config: GoldenLayout.Config = {\n ...LayoutUtils.makeDefaultLayout(),\n };\n Object.assign(config.settings, layoutSettings);\n // Load our content later after plugins have registered\n config.content = [];\n\n const newLayout = new GoldenLayout(config, layoutElement.current);\n\n const onInit = () => {\n newLayout.off('initialised', onInit);\n setIsInitialized(true);\n };\n newLayout.on('initialised', onInit);\n\n if (fallbackComponent) {\n newLayout.setFallbackComponent(fallbackComponent);\n }\n\n newLayout.init();\n\n setLayout(newLayout);\n\n onGoldenLayoutChange(newLayout);\n\n return () => {\n newLayout.destroy();\n };\n },\n [\n layoutSettings,\n fallbackComponent,\n onGoldenLayoutChange,\n setIsInitialized,\n setLayout,\n ]\n );\n\n const handleResize = useMemo(\n () =>\n throttle(() => {\n if (layout?.isInitialised) {\n layout?.updateSize();\n }\n }, RESIZE_THROTTLE),\n [layout]\n );\n\n useEffect(\n function initResizeEventListner() {\n window.addEventListener('resize', handleResize);\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n },\n [handleResize]\n );\n\n return (\n <div className=\"dashboard-container w-100 h-100\">\n <div className=\"w-100 h-100\" ref={layoutElement} />\n {isInitialized && layout && (\n <DashboardLayout\n emptyDashboard={emptyDashboard}\n id={id}\n layout={layout}\n layoutConfig={layoutConfig}\n onLayoutChange={onLayoutConfigChange}\n onLayoutInitialized={onLayoutInitialized}\n hydrate={hydrate}\n dehydrate={dehydrate}\n >\n {children}\n </DashboardLayout>\n )}\n </div>\n );\n};\n\nexport default Dashboard;\n"],"file":"Dashboard.js"}
|
|
@@ -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,EAAE,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAIxE,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAarD,aAAK,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,eAAO,MAAM,eAAe;uHAUzB,oBAAoB,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;
|
|
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,EAAE,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAIxE,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAarD,aAAK,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,eAAO,MAAM,eAAe;uHAUzB,oBAAoB,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;CA0NpC,CAAC;AAaF,eAAe,eAAe,CAAC"}
|
package/dist/DashboardLayout.js
CHANGED
|
@@ -145,7 +145,7 @@ export var DashboardLayout = _ref => {
|
|
|
145
145
|
useListener(layout, 'componentCreated', handleComponentCreated);
|
|
146
146
|
useListener(layout.eventHub, PanelEvent.TITLE_CHANGED, handleLayoutStateChanged);
|
|
147
147
|
var previousLayoutConfig = usePrevious(layoutConfig);
|
|
148
|
-
useEffect(()
|
|
148
|
+
useEffect(function loadNewConfig() {
|
|
149
149
|
if (previousLayoutConfig !== layoutConfig && layoutConfig !== lastConfig) {
|
|
150
150
|
log.debug('Setting new layout content...');
|
|
151
151
|
var content = LayoutUtils.hydrateLayoutConfig(layoutConfig, hydrateComponent); // Remove the old layout before add the new one
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/DashboardLayout.tsx"],"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","hydrateLayoutConfig","remove","i","addChild","Children","map","child","cloneElement","propTypes","string","isRequired","node","shape","Layout","arrayOf","func"],"mappings":"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","sourcesContent":["import React, {\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport GoldenLayout, { ItemConfigType } from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport { usePrevious } from '@deephaven/react-hooks';\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 const 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(state => getDashboardData(state, id)) ?? 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(data?.closed ?? []);\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: unknown; glEventHub: unknown },\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 (!item || !item.config || !item.config.component || !item.element) {\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 if (previousLayoutConfig !== layoutConfig && layoutConfig !== lastConfig) {\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 hydrateComponent,\n layout,\n layoutConfig,\n lastConfig,\n panelManager,\n previousLayoutConfig,\n ]);\n\n return (\n <>\n {isDashboardEmpty && emptyDashboard}\n {React.Children.map(children, child =>\n child\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"],"file":"DashboardLayout.js"}
|
|
1
|
+
{"version":3,"sources":["../src/DashboardLayout.tsx"],"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"],"mappings":"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","sourcesContent":["import React, {\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport GoldenLayout, { ItemConfigType } from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport { usePrevious } from '@deephaven/react-hooks';\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 const 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(state => getDashboardData(state, id)) ?? 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(data?.closed ?? []);\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: unknown; glEventHub: unknown },\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 (!item || !item.config || !item.config.component || !item.element) {\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\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"],"file":"DashboardLayout.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/layout/hooks.ts"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,eAAO,MAAM,WAAW,iBACR,yBAAyB,aAC5B,MAAM,YAEP,QAAQ,KACjB,
|
|
1
|
+
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/layout/hooks.ts"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,eAAO,MAAM,WAAW,iBACR,yBAAyB,aAC5B,MAAM,YAEP,QAAQ,KACjB,IAUA,CAAC;;;;AAEJ,wBAA+B"}
|
package/dist/layout/hooks.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
|
-
export var useListener = (eventEmitter, eventName, callback) => useEffect(()
|
|
2
|
+
export var useListener = (eventEmitter, eventName, callback) => useEffect(function initEventEmitter() {
|
|
3
3
|
eventEmitter.on(eventName, callback);
|
|
4
4
|
return () => {
|
|
5
5
|
eventEmitter.off(eventName, callback);
|
package/dist/layout/hooks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/layout/hooks.ts"],"names":["useEffect","useListener","eventEmitter","eventName","callback","on","off"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAGA,OAAO,IAAMC,WAAW,GAAG,CACzBC,YADyB,EAEzBC,SAFyB,EAIzBC,QAJyB,KAMzBJ,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../src/layout/hooks.ts"],"names":["useEffect","useListener","eventEmitter","eventName","callback","initEventEmitter","on","off"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAGA,OAAO,IAAMC,WAAW,GAAG,CACzBC,YADyB,EAEzBC,SAFyB,EAIzBC,QAJyB,KAMzBJ,SAAS,CACP,SAASK,gBAAT,GAA4B;AAC1BH,EAAAA,YAAY,CAACI,EAAb,CAAgBH,SAAhB,EAA2BC,QAA3B;AAEA,SAAO,MAAM;AACXF,IAAAA,YAAY,CAACK,GAAb,CAAiBJ,SAAjB,EAA4BC,QAA5B;AACD,GAFD;AAGD,CAPM,EAQP,CAACF,YAAD,EAAeC,SAAf,EAA0BC,QAA1B,CARO,CANJ;AAiBP,eAAe;AAAEH,EAAAA;AAAF,CAAf","sourcesContent":["import { useEffect } from 'react';\nimport GoldenLayout from '@deephaven/golden-layout';\n\nexport const useListener = (\n eventEmitter: GoldenLayout.EventEmitter,\n eventName: string,\n // eslint-disable-next-line @typescript-eslint/ban-types\n callback: Function\n): void =>\n useEffect(\n function initEventEmitter() {\n eventEmitter.on(eventName, callback);\n\n return () => {\n eventEmitter.off(eventName, callback);\n };\n },\n [eventEmitter, eventName, callback]\n );\n\nexport default { useListener };\n"],"file":"hooks.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deephaven/dashboard",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.10-alpha.7+17f5a1c",
|
|
4
4
|
"description": "Deephaven Dashboard",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"start": "cross-env NODE_ENV=development npm run watch"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@deephaven/golden-layout": "^0.11.
|
|
34
|
-
"@deephaven/react-hooks": "^0.11.
|
|
33
|
+
"@deephaven/golden-layout": "^0.11.10-alpha.7+17f5a1c",
|
|
34
|
+
"@deephaven/react-hooks": "^0.11.10-alpha.7+17f5a1c",
|
|
35
35
|
"deep-equal": "^2.0.5",
|
|
36
36
|
"jquery": "^3.6.0",
|
|
37
37
|
"lodash.ismatch": "^4.1.1",
|
|
@@ -40,18 +40,18 @@
|
|
|
40
40
|
"shortid": "^2.2.16"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@deephaven/components": "
|
|
44
|
-
"@deephaven/log": "
|
|
45
|
-
"@deephaven/redux": "
|
|
43
|
+
"@deephaven/components": "file:../components",
|
|
44
|
+
"@deephaven/log": "file:../log",
|
|
45
|
+
"@deephaven/redux": "file:../redux",
|
|
46
46
|
"react": "^17.0.0",
|
|
47
47
|
"react-dom": "^17.0.0",
|
|
48
48
|
"react-redux": "^7.2.4"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@deephaven/log": "^0.11.
|
|
52
|
-
"@deephaven/mocks": "^0.11.
|
|
53
|
-
"@deephaven/redux": "^0.11.
|
|
54
|
-
"@deephaven/tsconfig": "^0.11.
|
|
51
|
+
"@deephaven/log": "^0.11.10-alpha.7+17f5a1c",
|
|
52
|
+
"@deephaven/mocks": "^0.11.10-alpha.7+17f5a1c",
|
|
53
|
+
"@deephaven/redux": "^0.11.10-alpha.7+17f5a1c",
|
|
54
|
+
"@deephaven/tsconfig": "^0.11.10-alpha.7+17f5a1c"
|
|
55
55
|
},
|
|
56
56
|
"files": [
|
|
57
57
|
"dist"
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"publishConfig": {
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "17f5a1ca6877549e2beba00e749552a75735c3c5"
|
|
63
63
|
}
|