Fix test callbacks

Author: Farkites

demos/editor/callbacks.py

@@ -76,7 +76,7 @@ def assign_callbacks():
         State({"type": "div-pie-slice", "index": MATCH}, "id"),
     )
     def hide_div_pie_slice(current_slice_selected, div_id):
-        if current_slice_selected != div_id:
+        if current_slice_selected != div_id["index"]:
             return {"display": "none"}
         else:
             return {"display": "block"}
@@ -87,7 +87,7 @@ def hide_div_pie_slice(current_slice_selected, div_id):
         State({"type": "div-arrow-position", "index": MATCH}, "id"),
     )
     def hide_div_arrow_position(current_pos_selected, div_id):
-        if current_pos_selected != div_id:
+        if current_pos_selected != div_id["index"]:
             return {"display": "none"}
         else:
             return {"display": "block"}
@@ -98,7 +98,7 @@ def hide_div_arrow_position(current_pos_selected, div_id):
         State({"type": "div-label", "index": MATCH}, "id"),
     )
     def hide_div_label_element(current_element_selected, div_id):
-        if current_element_selected != div_id:
+        if current_element_selected != div_id["index"]:
             return {"display": "none"}
         else:
             return {"display": "block"}
@@ -109,7 +109,7 @@ def hide_div_label_element(current_element_selected, div_id):
         State({"type": "div-text-wrapping", "index": MATCH}, "id"),
     )
     def hide_div_text_wrapping(current_element_selected, div_id):
-        if current_element_selected != div_id:
+        if current_element_selected != div_id["index"]:
             return {"display": "none"}
         else:
             return {"display": "block"}
@@ -120,7 +120,7 @@ def hide_div_text_wrapping(current_element_selected, div_id):
         State({"type": "div-text-margins", "index": MATCH}, "id"),
     )
     def hide_div_text_margins(current_element_selected, div_id):
-        if current_element_selected != div_id:
+        if current_element_selected != div_id["index"]:
             return {"display": "none"}
         else:
             return {"display": "block"}

demos/editor/layout.py

@@ -353,11 +353,11 @@
                     options=[
                         {
                             "label": f"Slice #{n}",
-                            "value": {"type": "div-pie-slice", "index": n},
+                            "value": n,
                         }
                         for n in range(1, 17)
                     ],
-                    value={"type": "div-pie-slice", "index": 1},
+                    value=1,
                     clearable=False,
                 ),
                 drc.NamedInput(
@@ -486,11 +486,11 @@
                     options=[
                         {
                             "label": pos.capitalize(),
-                            "value": {"type": "div-arrow-position", "index": pos},
+                            "value": pos,
                         }
                         for pos in ["source", "mid-source", "target", "mid-target"]
                     ],
-                    value={"type": "div-arrow-position", "index": "source"},
+                    value="source",
                     clearable=False,
                 ),
                 *[
@@ -658,12 +658,12 @@
                     options=[
                         {
                             "label": element.capitalize(),
-                            "value": {"type": "div-label", "index": element},
+                            "value": element,
                         }
                         for element in LABEL_ELEMENT_TYPES
                     ],
                     clearable=False,
-                    value={"type": "div-label", "index": "node"},
+                    value="node",
                 ),
                 *[
                     html.Div(
@@ -742,16 +742,16 @@
                     options=[
                         {
                             "label": element.capitalize(),
-                            "value": f"div-text-wrapping-{element}",
+                            "value": element,
                         }
                         for element in LABEL_ELEMENT_TYPES
                     ],
                     clearable=False,
-                    value="div-text-wrapping-node",
+                    value="node",
                 ),
                 *[
                     html.Div(
-                        id=f"div-text-wrapping-{element}",
+                        id={"type": "div-text-wrapping", "index": element},
                         children=[
                             drc.NamedRadioItems(
                                 name=f"{element.capitalize()} Text Wrap",
@@ -813,12 +813,12 @@
                     options=[
                         {
                             "label": element.capitalize(),
-                            "value": {"type": "div-text-margins", "index": element},
+                            "value": element,
                         }
                         for element in LABEL_ELEMENT_TYPES_ALL
                     ],
                     clearable=False,
-                    value={"type": "div-text-margins", "index": "node"},
+                    value="node",
                 ),
                 *[
                     html.Div(