Persona, ComboBox controls, Dropdown new props

Author: FeodorFitsner

examples/combobox.py

@@ -0,0 +1,37 @@
+import pglet
+from pglet import ComboBox, combobox
+
+page = pglet.page("combobox-test")
+page.horizontal_align = "stretch"
+page.add(
+    ComboBox(
+        label="Your favorite color",
+        value="c",
+        options=[
+            combobox.Option("RGB", item_type="header"),
+            combobox.Option("red"),
+            combobox.Option("green"),
+            combobox.Option("blue"),
+            combobox.Option("div1", item_type="divider"),
+            combobox.Option("CMYK", item_type="header"),
+            combobox.Option("c", "Cyan"),
+            combobox.Option("m", "Magenta"),
+            combobox.Option("y", "Yellow"),
+            combobox.Option("k", "Black"),
+        ],
+    ),
+    ComboBox(
+        label="Your favorite car makers",
+        multi_select=True,
+        value="BMW, Volkswagen",
+        width="50%",
+        options=[
+            combobox.Option("Select all", item_type="select_all"),
+            combobox.Option("div1", item_type="divider"),
+            combobox.Option("BMW"),
+            combobox.Option("Toyota"),
+            combobox.Option("Volkswagen"),
+            combobox.Option("Mercedes-Benz"),
+        ],
+    ),
+)

examples/persona.py

@@ -0,0 +1,16 @@
+import pglet
+from pglet import Persona
+
+page = pglet.page("persona-test")
+page.add(Persona("Jack Reacher", secondary_text="Designed", size=8))
+page.add(Persona("John Smith", secondary_text="Student", size=24))
+page.add(Persona("Marry Poppins", size=32, presence="busy", hide_details=True))
+page.add(
+    Persona(
+        "Feodor",
+        size=32,
+        image_url="https://avatars.githubusercontent.com/u/5041459?s=88&v=4",
+        presence="online",
+    )
+)
+page.add(Persona("Alice", size=72, secondary_text="Wonderer"))

pglet/__init__.py

@@ -3,6 +3,7 @@
 from pglet.callout import Callout
 from pglet.checkbox import Checkbox
 from pglet.choicegroup import ChoiceGroup
+from pglet.combobox import ComboBox
 from pglet.control import Control
 from pglet.datepicker import DatePicker
 from pglet.dialog import Dialog
@@ -18,8 +19,11 @@
 from pglet.nav import Nav
 from pglet.page import Page
 from pglet.panel import Panel
+from pglet.persona import Persona
+from pglet.pglet import *
 from pglet.piechart import PieChart
 from pglet.progress import Progress
+from pglet.reconnecting_websocket import *
 from pglet.searchbox import SearchBox
 from pglet.slider import Slider
 from pglet.spinbutton import SpinButton
@@ -31,5 +35,3 @@
 from pglet.toggle import Toggle
 from pglet.toolbar import Toolbar
 from pglet.verticalbarchart import VerticalBarChart
-from pglet.pglet import *
-from pglet.reconnecting_websocket import *

pglet/combobox.py

@@ -0,0 +1,206 @@
+from typing import Literal, Optional
+
+from beartype import beartype
+
+from pglet.control import Control
+
+ITEM_TYPE = Literal[None, "normal", "divider", "header", "selectAll", "select_all"]
+
+
+class ComboBox(Control):
+    def __init__(
+        self,
+        label=None,
+        id=None,
+        value=None,
+        placeholder=None,
+        error_message=None,
+        on_change=None,
+        options=None,
+        width=None,
+        height=None,
+        padding=None,
+        margin=None,
+        visible=None,
+        disabled=None,
+        focused=None,
+        multi_select=None,
+        allow_free_form=None,
+        auto_complete=None,
+        data=None,
+    ):
+        Control.__init__(
+            self,
+            id=id,
+            width=width,
+            height=height,
+            padding=padding,
+            margin=margin,
+            visible=visible,
+            disabled=disabled,
+            data=data,
+        )
+        self.label = label
+        self.value = value
+        self.placeholder = placeholder
+        self.error_message = error_message
+        self.focused = focused
+        self.multi_select = multi_select
+        self.allow_free_form = allow_free_form
+        self.auto_complete = auto_complete
+        self.on_change = on_change
+        self.__options = []
+        if options != None:
+            for option in options:
+                self.__options.append(option)
+
+    def _get_control_name(self):
+        return "combobox"
+
+    # options
+    @property
+    def options(self):
+        return self.__options
+
+    @options.setter
+    def options(self, value):
+        self.__options = value
+
+    # on_change
+    @property
+    def on_change(self):
+        return self._get_event_handler("change")
+
+    @on_change.setter
+    def on_change(self, handler):
+        self._add_event_handler("change", handler)
+
+    # label
+    @property
+    def label(self):
+        return self._get_attr("label")
+
+    @label.setter
+    def label(self, value):
+        self._set_attr("label", value)
+
+    # value
+    @property
+    def value(self):
+        return self._get_attr("value")
+
+    @value.setter
+    def value(self, value):
+        self._set_attr("value", value)
+
+    # placeholder
+    @property
+    def placeholder(self):
+        return self._get_attr("placeholder")
+
+    @placeholder.setter
+    def placeholder(self, value):
+        self._set_attr("placeholder", value)
+
+    # error_message
+    @property
+    def error_message(self):
+        return self._get_attr("errorMessage")
+
+    @error_message.setter
+    def error_message(self, value):
+        self._set_attr("errorMessage", value)
+
+    def _get_children(self):
+        return self.__options
+
+    # focused
+    @property
+    def focused(self):
+        return self._get_attr("focused")
+
+    @focused.setter
+    @beartype
+    def focused(self, value: Optional[bool]):
+        self._set_attr("focused", value)
+
+    # multi_select
+    @property
+    def multi_select(self):
+        return self._get_attr("multiselect")
+
+    @multi_select.setter
+    @beartype
+    def multi_select(self, value: Optional[bool]):
+        self._set_attr("multiselect", value)
+
+    # allow_free_form
+    @property
+    def allow_free_form(self):
+        return self._get_attr("allowfreeform")
+
+    @allow_free_form.setter
+    @beartype
+    def allow_free_form(self, value: Optional[bool]):
+        self._set_attr("allowfreeform", value)
+
+    # auto_complete
+    @property
+    def auto_complete(self):
+        return self._get_attr("autocomplete")
+
+    @auto_complete.setter
+    @beartype
+    def auto_complete(self, value: Optional[bool]):
+        self._set_attr("autocomplete", value)
+
+
+class Option(Control):
+    def __init__(self, key=None, text=None, item_type: ITEM_TYPE = None, disabled=None):
+        Control.__init__(self)
+        assert key != None or text != None, "key or text must be specified"
+        self.key = key
+        self.text = text
+        self.item_type = item_type
+        self.disabled = disabled
+
+    def _get_control_name(self):
+        return "option"
+
+    # key
+    @property
+    def key(self):
+        return self._get_attr("key")
+
+    @key.setter
+    def key(self, value):
+        self._set_attr("key", value)
+
+    # text
+    @property
+    def text(self):
+        return self._get_attr("text")
+
+    @text.setter
+    def text(self, value):
+        self._set_attr("text", value)
+
+    # item_type
+    @property
+    def item_type(self):
+        return self._get_attr("itemtype")
+
+    @item_type.setter
+    @beartype
+    def item_type(self, value: ITEM_TYPE):
+        self._set_attr("itemtype", value)
+
+    # disabled
+    @property
+    def disabled(self):
+        return self._get_attr("disabled")
+
+    @disabled.setter
+    @beartype
+    def disabled(self, value: Optional[bool]):
+        self._set_attr("disabled", value)

pglet/dropdown.py

@@ -1,7 +1,11 @@
-from typing import Optional
+from typing import Literal, Optional
+
 from beartype import beartype
+
 from pglet.control import Control
 
+ITEM_TYPE = Literal[None, "normal", "divider", "header"]
+
 
 class Dropdown(Control):
     def __init__(
@@ -116,11 +120,13 @@ def focused(self, value: Optional[bool]):
 
 
 class Option(Control):
-    def __init__(self, key=None, text=None):
+    def __init__(self, key=None, text=None, item_type: ITEM_TYPE = None, disabled=None):
         Control.__init__(self)
         assert key != None or text != None, "key or text must be specified"
         self.key = key
         self.text = text
+        self.item_type = item_type
+        self.disabled = disabled
 
     def _get_control_name(self):
         return "option"
@@ -142,3 +148,23 @@ def text(self):
     @text.setter
     def text(self, value):
         self._set_attr("text", value)
+
+    # item_type
+    @property
+    def item_type(self):
+        return self._get_attr("itemtype")
+
+    @item_type.setter
+    @beartype
+    def item_type(self, value: ITEM_TYPE):
+        self._set_attr("itemtype", value)
+
+    # disabled
+    @property
+    def disabled(self):
+        return self._get_attr("disabled")
+
+    @disabled.setter
+    @beartype
+    def disabled(self, value: Optional[bool]):
+        self._set_attr("disabled", value)