@holoviz/panel 1.6.2 → 1.6.3-a.2

package/dist/lib/models/react_component.js

@@ -6,7 +6,7 @@ export class ReactComponentView extends ReactiveESMView {
     react_root;
     _force_update_callbacks = [];
     render_esm() {
-        if (this.model.compiled === null || this.render_module === null) {
+        if (this.model.compiled === null || this.model.render_module === null) {
             return;
         }
         if (this.model.usesMui) {
@@ -23,8 +23,8 @@ export class ReactComponentView extends ReactiveESMView {
             (this._lifecycle_handlers.get(lf) || []).splice(0);
         }
         this.model.disconnect_watchers(this);
-        this.render_module.then((mod) => {
-            this.react_root = mod.default.render();
+        this.model.render_module.then((mod) => {
+            this.react_root = mod.default.render(this.model.id);
         });
     }
     on_force_update(cb) {
@@ -39,16 +39,51 @@ export class ReactComponentView extends ReactiveESMView {
         super.remove();
         this._force_update_callbacks = [];
         if (this.react_root) {
-            this.react_root.unmount();
+            this.react_root.then((root) => root.unmount());
         }
     }
     render() {
         if (this.react_root) {
-            this.react_root.unmount();
+            this.react_root.then((root) => root.unmount());
         }
         this._force_update_callbacks = [];
         super.render();
     }
+    async update_children() {
+        const created_children = new Set(await this.build_child_views());
+        const all_views = this.child_views;
+        const new_views = new Map();
+        for (const child_view of this.child_views) {
+            if (!created_children.has(child_view)) {
+                continue;
+            }
+            const child = this._lookup_child(child_view);
+            if (!child) {
+                continue;
+            }
+            if (new_views.has(child)) {
+                new_views.get(child).push(child_view);
+            }
+            else {
+                new_views.set(child, [child_view]);
+            }
+        }
+        for (const view of this._child_rendered.keys()) {
+            if (!all_views.includes(view)) {
+                this._child_rendered.delete(view);
+                view.el.remove();
+            }
+        }
+        for (const child of this.model.children) {
+            const callbacks = this._child_callbacks.get(child) || [];
+            const new_children = new_views.get(child) || [];
+            for (const callback of callbacks) {
+                callback(new_children);
+            }
+        }
+        this._update_children();
+        this.invalidate_layout();
+    }
     after_rendered() {
         const handlers = (this._lifecycle_handlers.get("after_render") || []);
         for (const cb of handlers) {
@@ -61,13 +96,26 @@ export class ReactComponentView extends ReactiveESMView {
         }
         this._rendered = true;
     }
+}
+export class ReactComponent extends ReactiveESM {
+    static __name__ = "ReactComponent";
+    sucrase_transforms = ["typescript", "jsx"];
+    constructor(attrs) {
+        super(attrs);
+    }
+    get usesMui() {
+        if (this.importmap?.imports) {
+            return Object.keys(this.importmap?.imports).some(k => k.startsWith("@mui"));
+        }
+        return false;
+    }
     _render_code() {
-        let import_code;
-        const cache_key = (this.model.bundle === "url") ? this.model.esm : (this.model.bundle || `${this.model.class_name}-${this.model.esm.length}`);
-        if (this.model.bundle) {
-            import_code = `
-const ns = await view._module_cache.get("${cache_key}")
-const {React, createRoot} = ns.default`;
+        let [import_code, bundle_code] = ["", ""];
+        const cache_key = (this.bundle === "url") ? this.esm : (this.bundle || `${this.class_name}-${this.esm.length}`);
+        if (this.bundle) {
+            bundle_code = `
+  const ns = await view._module_cache.get("${cache_key}")
+  const {React, createRoot} = ns.default`;
         }
         else {
             import_code = `
@@ -76,11 +124,11 @@ import { createRoot } from "react-dom/client"`;
         }
         let init_code = "";
         let render_code = "";
-        if (this.model.usesMui) {
-            if (this.model.bundle) {
-                import_code = `
-const ns = await view._module_cache.get("${cache_key}")
-const {CacheProvider, React, createCache, createRoot} = ns.default`;
+        if (this.usesMui) {
+            if (this.bundle) {
+                bundle_code = `
+  const ns = await view._module_cache.get("${cache_key}")
+  const {CacheProvider, React, createCache, createRoot} = ns.default`;
             }
             else {
                 import_code = `
@@ -88,150 +136,163 @@ ${import_code}
 import createCache from "@emotion/cache"
 import { CacheProvider } from "@emotion/react"`;
             }
-            const css_key = this.model.id.replace("-", "").replace(/\d/g, (digit) => String.fromCharCode(digit.charCodeAt(0) + 49)).toLowerCase();
             init_code = `
-this.mui_cache = createCache({
-  key: 'css-${css_key}',
-  prepend: true,
-  container: view.style_cache,
-})`;
+  const css_key = id.replace("-", "").replace(/\d/g, (digit) => String.fromCharCode(digit.charCodeAt(0) + 49)).toLowerCase()
+  this.mui_cache = createCache({
+    key: 'css-'+css_key,
+    prepend: true,
+    container: view.style_cache,
+  })`;
             render_code = `
   if (rendered) {
     rendered = React.createElement(CacheProvider, {value: this.mui_cache}, rendered)
   }`;
         }
         return `
-const view = Bokeh.index.find_one_by_id('${this.model.id}')
-
 ${import_code}
 
-class Child extends React.PureComponent {
-
-  constructor(props) {
-    super(props)
-    this.render_callback = null
+async function render(id) {
+  const view = Bokeh.index.find_one_by_id(id)
+  if (view == null) {
+    return null
   }
 
-  get view() {
-    const child = this.props.parent.model.data[this.props.name]
-    const model = this.props.index == null ? child : child[this.props.index]
-    return this.props.parent.get_child_view(model)
-  }
+  ${bundle_code}
 
-  get element() {
-    const view = this.view
-    return view == null ? null : view.el
-  }
+  class Child extends React.PureComponent {
 
-  componentDidMount() {
-    this.props.parent.rerender_(this.view)
-    this.render_callback = (new_views) => {
-      const view = this.view
-      if (!view) {
-        return
-      } else if (new_views.includes(view)) {
-        if (this.props.id === undefined) { this.forceUpdate() }
-        this.props.parent.rerender_(view)
-      } else {
-        this.forceUpdate()
-        if (view.force_update) { view.force_update() }
+    constructor(props) {
+      super(props)
+      this.render_callback = null
+      this.containerRef = React.createRef()
+    }
+
+    updateElement() {
+      const childView = this.view
+      const el = childView?.el
+      if (el && this.containerRef.current && !this.containerRef.current.contains(el)) {
+        this.containerRef.current.innerHTML = ""
+        this.containerRef.current.appendChild(el)
       }
     }
-    this.props.parent.on_child_render(this.props.name, this.render_callback)
-    this.props.parent.notify_mount(this.props.name, this.view.model.id)
-  }
 
-  componentWillUnmount() {
-    if (this.render_callback) {
-      this.props.parent.remove_on_child_render(this.props.name, this.render_callback)
+    get view() {
+      const child = this.props.parent.model.data[this.props.name]
+      const model = this.props.id == null ? child : child.find(item => item.id === this.props.id)
+      return this.props.parent.get_child_view(model)
     }
-  }
 
-  render() {
-    return React.createElement('div', {
-      className: "child-wrapper",
-      ref: (ref) => {
-        if (ref != null && this.view != null) {
-          ref.appendChild(this.element)
+    get element() {
+      const view = this.view
+      return view == null ? null : view.el
+    }
+
+    componentDidMount() {
+      const view = this.view
+      if (view == null) { return }
+      this.updateElement()
+      this.props.parent.rerender_(view)
+      this.render_callback = (new_views) => {
+        const view = this.view
+        if (!view) {
+          return
+        }
+        this.updateElement()
+        if (new_views.includes(view)) {
+          this.props.parent.rerender_(view)
         }
       }
-    })
+      this.props.parent.on_child_render(this.props.name, this.render_callback)
+      this.props.parent.notify_mount(this.props.name, view.model.id)
+    }
+
+    componentWillUnmount() {
+      if (this.render_callback) {
+        this.props.parent.remove_on_child_render(this.props.name, this.render_callback)
+      }
+    }
+
+    componentDidUpdate() {
+      this.updateElement()
+    }
+
+    render() {
+      return React.createElement('div', {className: "child-wrapper", ref: this.containerRef})
+    }
   }
-}
 
-function react_getter(target, name) {
-  if (name === "useMount") {
-    return (callback) => React.useEffect(() => {
-      target.model_proxy.on('lifecycle:mounted', callback)
-      return () => target.model_proxy.off('lifecycle:mounted', callback)
-    }, [])
-  } if (name == "useState") {
-    return (prop) => {
-      const data_model = target.model.data
-      const propPath = prop.split(".")
-      let targetModel = data_model
-      let resolvedProp = null
+  function react_getter(target, name) {
+    if (name === "useMount") {
+      return (callback) => React.useEffect(() => {
+        target.model_proxy.on('lifecycle:mounted', callback)
+        return () => target.model_proxy.off('lifecycle:mounted', callback)
+      }, [])
+    } if (name == "useState") {
+      return (prop) => {
+        const data_model = target.model.data
+        const propPath = prop.split(".")
+        let targetModel = data_model
+        let resolvedProp = null
 
-      for (let i = 0; i < propPath.length - 1; i++) {
-        if (targetModel && targetModel.properties && propPath[i] in targetModel.properties) {
-          targetModel = targetModel[propPath[i]]
-        } else {
-          // Stop if any part of the path is missing
-          targetModel = null
-          break
+        for (let i = 0; i < propPath.length - 1; i++) {
+          if (targetModel && targetModel.properties && propPath[i] in targetModel.properties) {
+            targetModel = targetModel[propPath[i]]
+          } else {
+            // Stop if any part of the path is missing
+            targetModel = null
+            break
+          }
         }
-      }
-      if (targetModel && targetModel.attributes && propPath[propPath.length - 1] in targetModel.attributes) {
-        resolvedProp = propPath[propPath.length - 1]
-      }
-      if (resolvedProp && targetModel) {
-        const [value, setValue] = React.useState(targetModel.attributes[resolvedProp])
+        if (targetModel && targetModel.attributes && propPath[propPath.length - 1] in targetModel.attributes) {
+          resolvedProp = propPath[propPath.length - 1]
+        }
+        if (resolvedProp && targetModel) {
+          const [value, setValue] = React.useState(targetModel.attributes[resolvedProp])
 
-        react_proxy.on(prop, () => setValue(targetModel.attributes[resolvedProp]))
+          react_proxy.on(prop, () => setValue(targetModel.attributes[resolvedProp]))
 
-        React.useEffect(() => {
-            targetModel.setv({ [resolvedProp]: value })
-        }, [value])
+          React.useEffect(() => {
+              targetModel.setv({ [resolvedProp]: value })
+          }, [value])
 
-        return [value, setValue]
+          return [value, setValue]
+        }
+        throw ReferenceError("Could not resolve " + prop + " on " + target.model.class_name)
       }
-      throw ReferenceError("Could not resolve " + prop + " on " + target.model.class_name)
-    }
-  } else if (name === "get_child") {
-    return (child) => {
-      const data_model = target.model.data
-      const value = data_model.attributes[child]
-      if (Array.isArray(value)) {
-        const [children_state, set_children] = React.useState(value.map((model, i) =>
-          React.createElement(Child, { parent: target, name: child, key: child+i, index: i })
-        ))
-        React.useEffect(() => {
-          target.on_child_render(child, () => {
-            const current_models = data_model.attributes[child]
-            const previous_models = children_state.map(child => child.props.index)
-            if (current_models.length !== previous_models.length ||
-                current_models.some((model, i) => i !== previous_models[i])) {
-              set_children(current_models.map((model, i) => (
-                React.createElement(Child, { parent: target, name: child, key: child+i, index: i })
-              )))
-            }
-          })
-        }, [])
-        return children_state
-      } else {
-        return React.createElement(Child, {parent: target, name: child})
+    } else if (name === "get_child") {
+      return (child) => {
+        const data_model = target.model.data
+        const value = data_model.attributes[child]
+        if (Array.isArray(value)) {
+          const [children_state, set_children] = React.useState(value.map((model) =>
+            React.createElement(Child, { parent: target, name: child, key: model.id, id: model.id })
+          ))
+          React.useEffect(() => {
+            target.on_child_render(child, () => {
+              const current_models = data_model.attributes[child]
+              const previous_models = children_state.map(child => child.props.index)
+              if (current_models.some((model, i) => model.id !== previous_models[i])) {
+                set_children(current_models.map((model, i) => (
+                  React.createElement(Child, { parent: target, name: child, key: model.id, id: model.id })
+                )))
+              }
+            })
+          }, [])
+          return children_state
+        } else {
+          return React.createElement(Child, {parent: target, name: child})
+        }
       }
     }
+    return target.model_getter(target, name)
   }
-  return target.model_getter(target, name)
-}
 
-const react_proxy = new Proxy(view, {
-  get: react_getter,
-  set: view.model_setter
-})
+  const react_proxy = new Proxy(view, {
+    get: react_getter,
+    set: view.model_setter
+  })
 
-class ErrorBoundary extends React.Component {
+  class ErrorBoundary extends React.Component {
   constructor(props) {
     super(props)
     // initialize the error state
@@ -253,35 +314,34 @@ class ErrorBoundary extends React.Component {
     }
     return React.createElement('div', {className: "error-wrapper"}, this.props.children)
   }
-}
-
-class Component extends React.Component {
-
-  constructor(props) {
-    super(props)
-    ${init_code}
   }
 
-  componentDidMount() {
-    this.props.view.on_force_update(() => {
+  class Component extends React.Component {
+
+    constructor(props) {
+      super(props)
       ${init_code}
-      this.forceUpdate()
-    })
-    this.props.view._changing = false
-    this.props.view.after_rendered()
-  }
+    }
 
-  render() {
-    let rendered = React.createElement(this.props.view.render_fn, this.props)
-    if (this.props.view.model.dev) {
-       rendered = React.createElement(ErrorBoundary, {view}, rendered)
+    componentDidMount() {
+      this.props.view.on_force_update(() => {
+        ${init_code}
+        this.forceUpdate()
+      })
+      this.props.view._changing = false
+      this.props.view.after_rendered()
+    }
+
+    render() {
+      let rendered = React.createElement(this.props.view.render_fn, this.props)
+      if (this.props.view.model.dev) {
+        rendered = React.createElement(ErrorBoundary, {view}, rendered)
+      }
+      ${render_code}
+      return rendered
     }
-    ${render_code}
-    return rendered
   }
-}
 
-function render() {
   const props = {view, model: react_proxy, data: view.model.data, el: view.container}
   const rendered = React.createElement(Component, props)
   if (rendered) {
@@ -309,19 +369,6 @@ function render() {
 
 export default {render}`;
     }
-}
-export class ReactComponent extends ReactiveESM {
-    static __name__ = "ReactComponent";
-    sucrase_transforms = ["typescript", "jsx"];
-    constructor(attrs) {
-        super(attrs);
-    }
-    get usesMui() {
-        if (this.importmap?.imports) {
-            return Object.keys(this.importmap?.imports).some(k => k.startsWith("@mui"));
-        }
-        return false;
-    }
     compile() {
         const compiled = super.compile();
         if (this.bundle) {
@@ -335,6 +382,10 @@ import * as React from "react"
 
 ${compiled}`;
     }
+    get _render_cache_key() {
+        const cache_key = (this.bundle === "url") ? this.esm : (this.bundle || `${this.class_name}-${this.esm.length}`);
+        return `react-${this.usesMui}-${cache_key}`;
+    }
     static __module__ = "panel.models.esm";
     static {
         this.prototype.default_view = ReactComponentView;

package/dist/lib/models/react_component.js.map

@@ -1 +1 @@
-{"version":3,"file":"react_component.js","sourceRoot":"","sources":["../../../models/react_component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react_component.js","sourceRoot":"","sources":["../../../models/react_component.ts"],"names":[],"mappings":"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"}

package/dist/lib/models/reactive_esm.d.ts

@@ -23,7 +23,6 @@ export declare class ReactiveESMView extends HTMLBoxView {
     accessed_children: string[];
     compiled_module: any;
     model_proxy: any;
-    render_module: Promise<any> | null;
     _changing: boolean;
     _child_callbacks: Map<string, ((new_views: UIElementView[]) => void)[]>;
     _child_rendered: Map<UIElementView, boolean>;
@@ -34,7 +33,6 @@ export declare class ReactiveESMView extends HTMLBoxView {
     _stale_children: boolean;
     _mounted: Map<string, Set<string>>;
     initialize(): void;
-    init_module(): void;
     lazy_initialize(): Promise<void>;
     stylesheets(): StyleSheetLike[];
     connect_signals(): void;
@@ -47,7 +45,6 @@ export declare class ReactiveESMView extends HTMLBoxView {
     get child_models(): LayoutDOM[];
     render_error(error: SyntaxError): void;
     render(): void;
-    protected _render_code(): string;
     after_rendered(): void;
     render_esm(): void;
     render_children(): void;
@@ -80,6 +77,7 @@ export declare class ReactiveESM extends HTMLBox {
     compiled_module: Promise<any> | null;
     compile_error: Error | null;
     model_proxy: any;
+    render_module: Promise<any> | null;
     sucrase_transforms: Transform[];
     _destroyer: any | null;
     _esm_watchers: any;
@@ -92,6 +90,9 @@ export declare class ReactiveESM extends HTMLBox {
     protected _declare_importmap(): void;
     protected _run_initializer(initialize: (props: any) => any): void;
     destroy(): void;
+    init_module(): void;
+    protected _render_code(): string;
+    protected get _render_cache_key(): string;
     compile(): string | null;
     recompile(): Promise<void>;
     static __module__: string;