use new target key

Author: rmorshea

docs/source/adding-interactivity/_examples/print_chat_message.py

@@ -22,7 +22,7 @@ async def handle_submit(event):
             html.select(
                 {
                     "value": recipient,
-                    "onChange": lambda event: set_recipient(event["value"]),
+                    "onChange": lambda event: set_recipient(event["target"]["value"]),
                 },
                 html.option({"value": "Alice"}, "Alice"),
                 html.option({"value": "Bob"}, "Bob"),
@@ -33,7 +33,7 @@ async def handle_submit(event):
                 "type": "text",
                 "placeholder": "Your message...",
                 "value": message,
-                "onChange": lambda event: set_message(event["value"]),
+                "onChange": lambda event: set_message(event["target"]["value"]),
             }
         ),
         html.button({"type": "submit"}, "Send"),

docs/source/adding-interactivity/_examples/send_message.py

@@ -25,7 +25,7 @@ def handle_submit(event):
             {
                 "placeholder": "Your message here...",
                 "value": message,
-                "onChange": lambda event: set_message(event["value"]),
+                "onChange": lambda event: set_message(event["target"]["value"]),
             }
         ),
         html.button({"type": "submit"}, "Send"),

docs/source/reference-material/_examples/matplotlib_plot.py

@@ -25,7 +25,7 @@ def ExpandableNumberInputs(values, set_values):
     for i in range(len(values)):
 
         def set_value_at_index(event, index=i):
-            new_value = float(event["value"] or 0)
+            new_value = float(event["target"]["value"] or 0)
             set_values(values[:index] + [new_value] + values[index + 1 :])
 
         inputs.append(poly_coef_input(i + 1, set_value_at_index))

docs/source/reference-material/_examples/todo.py

@@ -7,7 +7,7 @@ def Todo():
 
     async def add_new_task(event):
         if event["key"] == "Enter":
-            set_items(items + [event["value"]])
+            set_items(items + [event["target"]["value"]])
 
     tasks = []
 

src/idom/core/_event_proxy.py

@@ -7,7 +7,7 @@ def _wrap_in_warning_event_proxies(values: Sequence[Any]) -> Sequence[Any]:
 
 
 class _EventProxy(dict[Any, Any]):
-    def __getitem__(self, key: Any) -> Any:
+    def __getitem__(self, key: Any) -> Any:  # pragma: no cover
         try:
             return super().__getitem__(key)
         except KeyError:
@@ -16,8 +16,23 @@ def __getitem__(self, key: Any) -> Any:
                 warn(
                     f"The event key event[{key!r}] has been moved event['target'][{key!r}",
                     DeprecationWarning,
-                    stacklevel=1,
+                    stacklevel=2,
                 )
                 return target[key]
             else:
                 raise
+
+    def get(self, key: Any, default: Any = None) -> Any:  # pragma: no cover
+        try:
+            return super().__getitem__(key)
+        except KeyError:
+            target = self.get("target")
+            if isinstance(target, dict) and key in target:
+                warn(
+                    f"The event key event[{key!r}] has been moved event['target'][{key!r}",
+                    DeprecationWarning,
+                    stacklevel=2,
+                )
+                return target[key]
+            else:
+                return default

src/idom/widgets.py

@@ -49,7 +49,7 @@ def Input(
     value, set_value = idom.hooks.use_state(value)
 
     def on_change(event: Dict[str, Any]) -> None:
-        value = event["value"]
+        value = event["target"]["value"]
         set_value(value)
         if not value and ignore_empty:
             return

tests/test_core/test_hooks.py

@@ -238,8 +238,8 @@ def Input(message=None):
         message_ref.current = message
 
         async def on_change(event):
-            if event["value"] == "this is a test":
-                set_message(event["value"])
+            if event["target"]["value"] == "this is a test":
+                set_message(event["target"]["value"])
 
         if message is None:
             return idom.html.input({"id": "input", "onChange": on_change})
@@ -506,7 +506,6 @@ async def effect():
     with idom.Layout(ComponentWithAsyncEffect()) as layout:
         await layout.render()
 
-        cleanup_ran.wait()
         component_hook.latest.schedule_render()
 
         await layout.render()