reflex-components-gridjs 0.9.0a1__py3-none-any.whl

reflex_components_gridjs/__init__.py

@@ -0,0 +1,5 @@
+"""Grid components."""
+
+from .datatable import DataTable
+
+data_table = DataTable.create

reflex_components_gridjs/datatable.py

@@ -0,0 +1,128 @@
+"""Table components."""
+
+from __future__ import annotations
+
+from collections.abc import Sequence
+from typing import Any
+
+from reflex_base.components.component import NoSSRComponent, field
+from reflex_base.components.tags import Tag
+from reflex_base.utils import types
+from reflex_base.utils.imports import ImportDict
+from reflex_base.utils.serializers import serialize
+from reflex_base.vars.base import LiteralVar, Var, is_computed_var
+
+
+class Gridjs(NoSSRComponent):
+    """A component that wraps a nivo bar component."""
+
+    library = "gridjs-react@6.1.1"
+
+    lib_dependencies: list[str] = ["gridjs@6.2.0"]
+
+
+class DataTable(Gridjs):
+    """A data table component."""
+
+    tag = "Grid"
+
+    alias = "DataTableGrid"
+
+    data: Any = field(
+        doc="The data to display. Either a list of lists or a pandas dataframe."
+    )
+
+    columns: Var[Sequence] = field(
+        doc="The list of columns to display. Required if data is a list and should not be provided if the data field is a dataframe"
+    )
+
+    search: Var[bool] = field(doc="Enable a search bar.")
+
+    sort: Var[bool] = field(doc="Enable sorting on columns.")
+
+    resizable: Var[bool] = field(doc="Enable resizable columns.")
+
+    pagination: Var[bool | dict] = field(doc="Enable pagination.")
+
+    @classmethod
+    def create(cls, *children, **props):
+        """Create a datatable component.
+
+        Args:
+            *children: The children of the component.
+            **props: The props to pass to the component.
+
+        Returns:
+            The datatable component.
+
+        Raises:
+            ValueError: If a pandas dataframe is passed in and columns are also provided.
+        """
+        data = props.get("data")
+        columns = props.get("columns")
+
+        # The annotation should be provided if data is a computed var. We need this to know how to
+        # render pandas dataframes.
+        if is_computed_var(data) and data._var_type == Any:
+            msg = "Annotation of the computed var assigned to the data field should be provided."
+            raise ValueError(msg)
+
+        if (
+            columns is not None
+            and is_computed_var(columns)
+            and columns._var_type == Any
+        ):
+            msg = "Annotation of the computed var assigned to the column field should be provided."
+            raise ValueError(msg)
+
+        # If data is a pandas dataframe and columns are provided throw an error.
+        if (
+            types.is_dataframe(type(data))
+            or (isinstance(data, Var) and types.is_dataframe(data._var_type))
+        ) and columns is not None:
+            msg = "Cannot pass in both a pandas dataframe and columns to the data_table component."
+            raise ValueError(msg)
+
+        # If data is a list and columns are not provided, throw an error
+        if (
+            (isinstance(data, Var) and types.typehint_issubclass(data._var_type, list))
+            or isinstance(data, list)
+        ) and columns is None:
+            msg = "column field should be specified when the data field is a list type"
+            raise ValueError(msg)
+
+        # Create the component.
+        return super().create(
+            *children,
+            **props,
+        )
+
+    def add_imports(self) -> ImportDict:
+        """Add the imports for the datatable component.
+
+        Returns:
+            The import dict for the component.
+        """
+        return {"": "gridjs/dist/theme/mermaid.css"}
+
+    def _render(self) -> Tag:
+        if isinstance(self.data, Var) and types.is_dataframe(self.data._var_type):
+            self.columns = self.data._replace(
+                _js_expr=f"{self.data._js_expr}.columns",
+                _var_type=list[Any],
+            )
+            self.data = self.data._replace(
+                _js_expr=f"{self.data._js_expr}.data",
+                _var_type=list[list[Any]],
+            )
+        if types.is_dataframe(type(self.data)):
+            # If given a pandas df break up the data and columns
+            data = serialize(self.data)
+            if not isinstance(data, dict):
+                msg = "Serialized dataframe should be a dict."
+                raise ValueError(msg)
+            self.columns = LiteralVar.create(data["columns"])
+            self.data = LiteralVar.create(data["data"])
+
+        # Render the table.
+        return super()._render()

reflex_components_gridjs/datatable.pyi

@@ -0,0 +1,110 @@
+"""Stub file for reflex_components_gridjs/datatable.py"""
+
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+from collections.abc import Mapping, Sequence
+from typing import Any
+
+from reflex_base.components.component import NoSSRComponent
+from reflex_base.event import EventType, PointerEventInfo
+from reflex_base.utils.imports import ImportDict
+from reflex_base.vars.base import Var
+from reflex_components_core.core.breakpoints import Breakpoints
+
+class Gridjs(NoSSRComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Var | Any] | None = None,
+        on_blur: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_focus: EventType[()] | None = None,
+        on_mount: EventType[()] | None = None,
+        on_mouse_down: EventType[()] | None = None,
+        on_mouse_enter: EventType[()] | None = None,
+        on_mouse_leave: EventType[()] | None = None,
+        on_mouse_move: EventType[()] | None = None,
+        on_mouse_out: EventType[()] | None = None,
+        on_mouse_over: EventType[()] | None = None,
+        on_mouse_up: EventType[()] | None = None,
+        on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
+        on_unmount: EventType[()] | None = None,
+        **props,
+    ) -> Gridjs:
+        """Create the component.
+
+        Args:
+        *children: The children of the component.
+        **props: The props of the component.
+
+        Returns:
+        The component.
+        """
+
+class DataTable(Gridjs):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        data: Any | None = None,
+        columns: Sequence | Var[Sequence] | None = None,
+        search: Var[bool] | bool | None = None,
+        sort: Var[bool] | bool | None = None,
+        resizable: Var[bool] | bool | None = None,
+        pagination: Var[bool | dict] | bool | dict | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Var | Any] | None = None,
+        on_blur: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_focus: EventType[()] | None = None,
+        on_mount: EventType[()] | None = None,
+        on_mouse_down: EventType[()] | None = None,
+        on_mouse_enter: EventType[()] | None = None,
+        on_mouse_leave: EventType[()] | None = None,
+        on_mouse_move: EventType[()] | None = None,
+        on_mouse_out: EventType[()] | None = None,
+        on_mouse_over: EventType[()] | None = None,
+        on_mouse_up: EventType[()] | None = None,
+        on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
+        on_unmount: EventType[()] | None = None,
+        **props,
+    ) -> DataTable:
+        """Create a datatable component.
+
+        Args:
+        *children: The children of the component.
+        **props: The props to pass to the component.
+
+        Returns:
+        The datatable component.
+
+        Raises:
+        ValueError: If a pandas dataframe is passed in and columns are also provided.
+        """
+
+    def add_imports(self) -> ImportDict: ...

reflex_components_gridjs-0.9.0a1.dist-info/METADATA

@@ -0,0 +1,12 @@
+Metadata-Version: 2.4
+Name: reflex-components-gridjs
+Version: 0.9.0a1
+Summary: Reflex gridjs components.
+Author-email: Khaleel Al-Adhami <khaleel@reflex.dev>
+Maintainer-email: Khaleel Al-Adhami <khaleel@reflex.dev>
+Requires-Python: >=3.10
+Description-Content-Type: text/markdown
+
+# reflex-components-gridjs
+
+Reflex gridjs components.

reflex_components_gridjs-0.9.0a1.dist-info/RECORD

@@ -0,0 +1,6 @@
+reflex_components_gridjs/__init__.py,sha256=xJwDm1AZ70L5-t9LLqZwGUtDpijbf1KuMYDT-j8g3pM,88
+reflex_components_gridjs/datatable.py,sha256=nknZkPuR5ZFN8IdxohTFXtcWNJum73jJPkzEzhAK1cQ,4337
+reflex_components_gridjs/datatable.pyi,sha256=1Lj_S0n6x5km7tuQF1anGpnB_MfFGU1P-O_dV7Wpz-U,4176
+reflex_components_gridjs-0.9.0a1.dist-info/METADATA,sha256=8wsjT900j1PGeGDun0ZJK3ngyaTaPR3Z3Gn36_X4sVY,334
+reflex_components_gridjs-0.9.0a1.dist-info/WHEEL,sha256=QccIxa26bgl1E6uMy58deGWi-0aeIkkangHcxk2kWfw,87
+reflex_components_gridjs-0.9.0a1.dist-info/RECORD,,

reflex_components_gridjs-0.9.0a1.dist-info/WHEEL

@@ -0,0 +1,4 @@
+Wheel-Version: 1.0
+Generator: hatchling 1.29.0
+Root-Is-Purelib: true
+Tag: py3-none-any