fix: updates as per PR 277 comments

Author: HarshitaDPoojary

zero_true/__init__.py

@@ -20,6 +20,6 @@
 from zt_backend.models.state.state import state
 from zt_backend.models.state.state import global_state
 from zt_backend.models.components.chat_ui import chat_ui
-from zt_backend.models.components.list import ListComponent, ListItem, ListGroup, ListItemTitle, ListItemSubtitle, ListSubheader
+from zt_backend.models.components.list import ListComponent, ListItem, ListItemTitle, ListItemSubtitle, ListSubheader
 
 

zt_backend/models/components/list.py

@@ -55,36 +55,6 @@ class ListItem(ZTComponent):
     )
 
 
-class ListGroup(ZTComponent):
-    """List Group is used to group multiple list items in one category"""
-
-    component: str = Field(
-        "v-list-group", description="Vue component name for List group"
-    )
-    title: str = Field("", description="Title of the List Group")
-    color: str = Field(None, description="Background color of the List Group")
-    density: str = Field(
-        "default",
-        enum=["default", "comfortable", "compact"],
-        description="Density of the component",
-    )
-    width: Union[int, str] = Field("100%", description="Width of the List")
-    height: Union[int, str] = Field("100%", description="Height of the List")
-    value: str = Field("", description="Expands / Collapse the list-group.")
-    disabled: bool = Field(False, description="removes ability to click List Item")
-    collapse_icon: str = Field(
-        "$collapse", description="Icon to display when the list item is expanded."
-    )
-    expand_icon: str = Field(
-        "$expand", description="Icon to display when the list item is collapsed."
-    )
-    childComponents: List[str] = Field(
-        [],
-        description="List of child component ids to be placed within the ListGroup. List Items come as child Components of the Group",
-    )
-    ##subgroup:bool= Field(False, description="subgroup for List Group")
-
-
 class ListItemTitle(ZTComponent):
     """List Item Title is used to specify the title of the Lsit Item. Use Text component to provide the title details and pass it to the child component of List Item."""
 
@@ -98,6 +68,7 @@ class ListItemTitle(ZTComponent):
     tag: str = Field("div", description="specify a custom tag used on root element")
 
 
+# TODO: debug opacity
 class ListItemSubtitle(ZTComponent):
     """List Item SubtitleTitle is used to specify the Subtitle of the List Item. Use Text component to provide the text details of the subtitle and pass it to the child component of List Item"""
 
@@ -112,6 +83,7 @@ class ListItemSubtitle(ZTComponent):
     tag: str = Field("div", description="specify a custom tag used on root element")
 
 
+# TODO: debug the title prop
 class ListSubheader(ZTComponent):
     """List SubHeader is used to specify the Sub Header of the List. Use Text component to provide the title details and pass it to the child component of List."""
 

zt_backend/models/generate_schema.py

@@ -20,7 +20,6 @@
 from .components.timer import Timer
 from .components.iframe import iFrame
 from .components.html import HTML
-from .components.list import ListComponent
 import json
 
 def generate_json(model, name):
@@ -63,5 +62,4 @@ def generate_schema():
     generate_json(Text,'text')
     generate_json(Timer,'timer')
     generate_json(iFrame,'iframe')
-    generate_json(HTML,'html')
-    generate_json(ListComponent,'list')
+    generate_json(HTML,'html')

zt_backend/models/notebook.py

@@ -18,7 +18,7 @@
 from zt_backend.models.components.autocomplete import Autocomplete
 from zt_backend.models.components.card import Card
 from zt_backend.models.components.timer import Timer
-from zt_backend.models.components.list import ListComponent, ListItem, ListGroup, ListItemTitle, ListItemSubtitle, ListSubheader
+from zt_backend.models.components.list import ListComponent, ListItem, ListItemTitle, ListItemSubtitle, ListSubheader
 
 def deserialize_component(data: Dict[str, Any]) -> ZTComponent:
     component_map = {
@@ -38,7 +38,6 @@ def deserialize_component(data: Dict[str, Any]) -> ZTComponent:
         "plotly-plot": PlotlyComponent,
         "v-list": ListComponent,
         "v-list-item": ListItem,
-        "v-list-group":ListGroup,
         "v-list-item-title":ListItemTitle,
         "v-list-item-subtitle":ListItemSubtitle,
         "v-list-subheader":ListSubheader

zt_frontend/src/components/ComponentWrapper.vue

@@ -50,7 +50,6 @@ import {
   VCard,
   VList,
   VListItem,
-  VListGroup,
   VListItemTitle,
   VListItemSubtitle,
   VListSubheader
@@ -78,7 +77,6 @@ export default {
     "plotly-plot": PlotlyPlot,
     "v-list":VList,
     "v-list-item": VListItem,
-    "v-list-group": VListGroup,
     "v-list-item-title": VListItemTitle,
     "v-list-item-subtitle": VListItemSubtitle,
     "v-list-subheader": VListSubheader
@@ -128,23 +126,6 @@ export default {
           ),
       };
     },
-    getEventBindings(component: any) {
-      if (component.component === "v-list") {
-        return {};
-      }
-
-      return {
-        [component.triggerEvent]: () =>
-          this.runCode(true, component.id, component.value),
-        keydown: ($event: any) =>
-          this.handleEnterPress(
-            $event,
-            component.id,
-            component.component,
-            component.value
-          ),
-      };
-    },
 
     handleEnterPress(e: any, id: string, component_type: any, value: any) {
       // Run code when Enter is pressed in a text, number or text are field