on_focus, on_blur events to all input controls

Author: FeodorFitsner

examples/combobox.py

@@ -1,3 +1,5 @@
+from cProfile import label
+
 import pglet
 from pglet import ComboBox, combobox
 
@@ -7,6 +9,9 @@
     ComboBox(
         label="Your favorite color",
         value="c",
+        on_focus=lambda e: print("on_focus!"),
+        on_blur=lambda e: print("on_blur!"),
+        on_change=lambda e: print("on_change!"),
         options=[
             combobox.Option("RGB", item_type="header"),
             combobox.Option("red"),
@@ -40,17 +45,20 @@
         multi_select=False,
         width="50%",
         allow_free_form=True,
+        on_focus=lambda e: print("on_focus!"),
+        on_blur=lambda e: print("on_blur!"),
         options=[
             combobox.Option("One"),
             combobox.Option("Two"),
             combobox.Option("Five"),
         ],
     ),
     ComboBox(
-        label="Allows free form with multi-select",
+        label="Allows free form with multi-select and error message",
         multi_select=True,
         width="50%",
         allow_free_form=True,
+        error_message="This field cannot be left blank!",
         options=[
             combobox.Option("Red"),
             combobox.Option("Green"),

pglet/button.py

@@ -1,5 +1,7 @@
 from typing import Optional
+
 from beartype import beartype
+
 from pglet.control import Control
 
 
@@ -22,6 +24,8 @@ def __init__(
         focused=None,
         data=None,
         on_click=None,
+        on_focus=None,
+        on_blur=None,
         menu_items=None,
         width=None,
         height=None,
@@ -56,6 +60,8 @@ def __init__(
         self.icon_color = icon_color
         self.focused = focused
         self.on_click = on_click
+        self.on_focus = on_focus
+        self.on_blur = on_blur
         self.__menu_items = []
         if menu_items != None:
             for item in menu_items:
@@ -209,6 +215,24 @@ def focused(self):
     def focused(self, value: Optional[bool]):
         self._set_attr("focused", value)
 
+    # on_focus
+    @property
+    def on_focus(self):
+        return self._get_event_handler("focus")
+
+    @on_focus.setter
+    def on_focus(self, handler):
+        self._add_event_handler("focus", handler)
+
+    # on_blur
+    @property
+    def on_blur(self):
+        return self._get_event_handler("blur")
+
+    @on_blur.setter
+    def on_blur(self, handler):
+        self._add_event_handler("blur", handler)
+
 
 class MenuItem(Control):
     def __init__(

pglet/choicegroup.py

@@ -1,5 +1,7 @@
 from typing import Optional
+
 from beartype import beartype
+
 from pglet.control import Control
 
 
@@ -17,6 +19,8 @@ def __init__(
         margin=None,
         focused=None,
         on_change=None,
+        on_focus=None,
+        on_blur=None,
         visible=None,
         disabled=None,
     ):
@@ -35,6 +39,8 @@ def __init__(
         self.label = label
         self.focused = focused
         self.on_change = on_change
+        self.on_focus = on_focus
+        self.on_blur = on_blur
         self.__options = []
         if options != None:
             for option in options:
@@ -92,6 +98,24 @@ def focused(self):
     def focused(self, value: Optional[bool]):
         self._set_attr("focused", value)
 
+    # on_focus
+    @property
+    def on_focus(self):
+        return self._get_event_handler("focus")
+
+    @on_focus.setter
+    def on_focus(self, handler):
+        self._add_event_handler("focus", handler)
+
+    # on_blur
+    @property
+    def on_blur(self):
+        return self._get_event_handler("blur")
+
+    @on_blur.setter
+    def on_blur(self, handler):
+        self._add_event_handler("blur", handler)
+
 
 class Option(Control):
     def __init__(self, key=None, text=None, icon=None, icon_color=None):

pglet/combobox.py

@@ -16,6 +16,8 @@ def __init__(
         placeholder=None,
         error_message=None,
         on_change=None,
+        on_focus=None,
+        on_blur=None,
         options=None,
         width=None,
         height=None,
@@ -49,6 +51,8 @@ def __init__(
         self.allow_free_form = allow_free_form
         self.auto_complete = auto_complete
         self.on_change = on_change
+        self.on_focus = on_focus
+        self.on_blur = on_blur
         self.__options = []
         if options != None:
             for option in options:
@@ -159,6 +163,24 @@ def auto_complete(self):
     def auto_complete(self, value: Optional[bool]):
         self._set_attr("autocomplete", value)
 
+    # on_focus
+    @property
+    def on_focus(self):
+        return self._get_event_handler("focus")
+
+    @on_focus.setter
+    def on_focus(self, handler):
+        self._add_event_handler("focus", handler)
+
+    # on_blur
+    @property
+    def on_blur(self):
+        return self._get_event_handler("blur")
+
+    @on_blur.setter
+    def on_blur(self, handler):
+        self._add_event_handler("blur", handler)
+
 
 class Option(Control):
     def __init__(self, key=None, text=None, item_type: ITEM_TYPE = None, disabled=None):

pglet/datepicker.py

@@ -1,5 +1,6 @@
 from datetime import date, datetime
 from typing import Optional
+
 from beartype import beartype
 
 from pglet.control import Control
@@ -18,6 +19,8 @@ def __init__(
         borderless=None,
         focused=None,
         on_change=None,
+        on_focus=None,
+        on_blur=None,
         width=None,
         visible=None,
         disabled=None,
@@ -32,6 +35,8 @@ def __init__(
         self.required = required
         self.focused = focused
         self.on_change = on_change
+        self.on_focus = on_focus
+        self.on_blur = on_blur
 
     def _get_control_name(self):
         return "datepicker"
@@ -129,3 +134,21 @@ def on_change(self):
     @on_change.setter
     def on_change(self, handler):
         self._add_event_handler("change", handler)
+
+    # on_focus
+    @property
+    def on_focus(self):
+        return self._get_event_handler("focus")
+
+    @on_focus.setter
+    def on_focus(self, handler):
+        self._add_event_handler("focus", handler)
+
+    # on_blur
+    @property
+    def on_blur(self):
+        return self._get_event_handler("blur")
+
+    @on_blur.setter
+    def on_blur(self, handler):
+        self._add_event_handler("blur", handler)

pglet/dropdown.py

@@ -16,6 +16,8 @@ def __init__(
         placeholder=None,
         error_message=None,
         on_change=None,
+        on_focus=None,
+        on_blur=None,
         options=None,
         width=None,
         height=None,
@@ -43,6 +45,8 @@ def __init__(
         self.error_message = error_message
         self.focused = focused
         self.on_change = on_change
+        self.on_focus = on_focus
+        self.on_blur = on_blur
         self.__options = []
         if options != None:
             for option in options:
@@ -118,6 +122,24 @@ def focused(self):
     def focused(self, value: Optional[bool]):
         self._set_attr("focused", value)
 
+    # on_focus
+    @property
+    def on_focus(self):
+        return self._get_event_handler("focus")
+
+    @on_focus.setter
+    def on_focus(self, handler):
+        self._add_event_handler("focus", handler)
+
+    # on_blur
+    @property
+    def on_blur(self):
+        return self._get_event_handler("blur")
+
+    @on_blur.setter
+    def on_blur(self, handler):
+        self._add_event_handler("blur", handler)
+
 
 class Option(Control):
     def __init__(self, key=None, text=None, item_type: ITEM_TYPE = None, disabled=None):

pglet/searchbox.py

@@ -1,5 +1,7 @@
 from typing import Optional
+
 from beartype import beartype
+
 from pglet.control import Control
 
 
@@ -16,6 +18,8 @@ def __init__(
         on_search=None,
         on_clear=None,
         on_change=None,
+        on_focus=None,
+        on_blur=None,
         width=None,
         height=None,
         padding=None,
@@ -46,6 +50,8 @@ def __init__(
         self.on_search = on_search
         self.on_clear = on_clear
         self.on_change = on_change
+        self.on_focus = on_focus
+        self.on_blur = on_blur
 
     def _get_control_name(self):
         return "searchbox"
@@ -136,3 +142,21 @@ def focused(self):
     @beartype
     def focused(self, value: Optional[bool]):
         self._set_attr("focused", value)
+
+    # on_focus
+    @property
+    def on_focus(self):
+        return self._get_event_handler("focus")
+
+    @on_focus.setter
+    def on_focus(self, handler):
+        self._add_event_handler("focus", handler)
+
+    # on_blur
+    @property
+    def on_blur(self):
+        return self._get_event_handler("blur")
+
+    @on_blur.setter
+    def on_blur(self, handler):
+        self._add_event_handler("blur", handler)

pglet/slider.py

@@ -1,5 +1,7 @@
 from typing import Optional, Union
+
 from beartype import beartype
+
 from pglet.control import Control
 
 
@@ -18,6 +20,8 @@ def __init__(
         focused=None,
         data=None,
         on_change=None,
+        on_focus=None,
+        on_blur=None,
         width=None,
         height=None,
         padding=None,
@@ -46,6 +50,8 @@ def __init__(
         self.vertical = vertical
         self.focused = focused
         self.on_change = on_change
+        self.on_focus = on_focus
+        self.on_blur = on_blur
 
     def _get_control_name(self):
         return "slider"
@@ -146,3 +152,21 @@ def focused(self):
     @beartype
     def focused(self, value: Optional[bool]):
         self._set_attr("focused", value)
+
+    # on_focus
+    @property
+    def on_focus(self):
+        return self._get_event_handler("focus")
+
+    @on_focus.setter
+    def on_focus(self, handler):
+        self._add_event_handler("focus", handler)
+
+    # on_blur
+    @property
+    def on_blur(self):
+        return self._get_event_handler("blur")
+
+    @on_blur.setter
+    def on_blur(self, handler):
+        self._add_event_handler("blur", handler)