Merge pull request #10 from PJ-Snap/patch-1

Update organization_components.py

Author: TimChild

Taskfile.yml

@@ -57,7 +57,7 @@ tasks:
       - git diff --quiet --staged || (echo "There are staged changes. They must be committed first" && exit 1)
       - git diff --quiet || (echo "There are unstaged changes. They must be committed first." && exit 1)
 
-      - uv run hatch version | xargs -I {} git tag -a v{} -m "Release v{}"
+      - uvx hatch version | xargs -I {} git tag -a v{} -m "Release v{}"
       - git push --follow-tags
 
   pre-commit-all:

custom_components/reflex_clerk_api/__init__.py

@@ -1,4 +1,4 @@
-__version__ = "1.0.1"
+__version__ = "1.0.2"
 
 from .authentication_components import sign_in, sign_up
 from .clerk_provider import (

custom_components/reflex_clerk_api/organization_components.py

@@ -0,0 +1,133 @@
+from typing import Optional
+
+from reflex_clerk_api.base import ClerkBase
+
+
+class CreateOrganization(ClerkBase):
+    """
+    The CreateOrganization component provides a form for users to create new organizations.
+
+    This component renders Clerk's <CreateOrganization /> React component,
+    allowing users to set up new organizations with customizable appearance and routing.
+
+    Props:
+        appearance: Optional object to style your components. Will only affect Clerk components.
+        path: The path where the component is mounted when routing is set to 'path'.
+        routing: The routing strategy for your pages. Defaults to 'path' for frameworks
+                that handle routing, or 'hash' for other SDKs.
+        after_create_organization_url: The full URL or path to navigate to after creating an organization.
+        fallback: An optional element to be rendered while the component is mounting.
+    """
+
+    tag = "CreateOrganization"
+
+    # Optional props that CreateOrganization supports
+    appearance: Optional[str] = None
+    path: Optional[str] = None
+    routing: Optional[str] = None
+    after_create_organization_url: Optional[str] = None
+    fallback: Optional[str] = None
+
+
+class OrganizationProfile(ClerkBase):
+    """
+    The OrganizationProfile component allows users to manage their organization membership and security settings.
+
+    This component renders Clerk's <OrganizationProfile /> React component,
+    allowing users to manage organization information, members, billing, and security settings.
+
+    Props:
+        appearance: Optional object to style your components. Will only affect Clerk components.
+        path: The path where the component is mounted when routing is set to 'path'.
+        routing: The routing strategy for your pages. Defaults to 'path' for frameworks
+                that handle routing, or 'hash' for other SDKs.
+        after_leave_organization_url: The full URL or path to navigate to after leaving an organization.
+        custom_pages: An array of custom pages to add to the organization profile.
+        fallback: An optional element to be rendered while the component is mounting.
+    """
+
+    tag = "OrganizationProfile"
+
+    # Optional props that OrganizationProfile supports
+    appearance: Optional[str] = None
+    path: Optional[str] = None
+    routing: Optional[str] = None
+    after_leave_organization_url: Optional[str] = None
+    custom_pages: Optional[str] = None
+    fallback: Optional[str] = None
+
+
+class OrganizationSwitcher(ClerkBase):
+    """
+    The OrganizationSwitcher component displays the currently active organization and allows users to switch between organizations.
+
+    This component renders Clerk's <OrganizationSwitcher /> React component,
+    providing a dropdown interface for organization switching with customizable appearance.
+
+    Props:
+        appearance: Optional object to style your components. Will only affect Clerk components.
+        organization_profile_mode: Controls whether selecting the organization opens as a modal or navigates to a page.
+        organization_profile_url: The full URL or path leading to the organization management interface.
+        create_organization_mode: Controls whether selecting create organization opens as a modal or navigates to a page.
+        create_organization_url: The full URL or path leading to the create organization interface.
+        after_leave_organization_url: The full URL or path to navigate to after leaving an organization.
+        after_create_organization_url: The full URL or path to navigate to after creating an organization.
+        after_select_organization_url: The full URL or path to navigate to after selecting an organization.
+        default_open: Controls whether the OrganizationSwitcher should open by default during the first render.
+        hide_personal_account: Controls whether the personal account option is hidden in the switcher.
+        fallback: An optional element to be rendered while the component is mounting.
+    """
+
+    tag = "OrganizationSwitcher"
+
+    # Optional props that OrganizationSwitcher supports
+    appearance: Optional[str] = None
+    organization_profile_mode: Optional[str] = None
+    organization_profile_url: Optional[str] = None
+    create_organization_mode: Optional[str] = None
+    create_organization_url: Optional[str] = None
+    after_leave_organization_url: Optional[str] = None
+    after_create_organization_url: Optional[str] = None
+    after_select_organization_url: Optional[str] = None
+    default_open: Optional[str] = None
+    hide_personal_account: Optional[str] = None
+    fallback: Optional[str] = None
+
+
+class OrganizationList(ClerkBase):
+    """
+    The OrganizationList component displays a list of organizations that the user is a member of.
+
+    This component renders Clerk's <OrganizationList /> React component,
+    providing an interface to view and manage organization memberships.
+
+    Props:
+        appearance: Optional object to style your components. Will only affect Clerk components.
+        after_create_organization_url: The full URL or path to navigate to after creating an organization.
+        after_select_organization_url: The full URL or path to navigate to after selecting an organization.
+        after_select_personal_url: The full URL or path to navigate to after selecting the personal account.
+        create_organization_mode: Controls whether selecting create organization opens as a modal or navigates to a page.
+        create_organization_url: The full URL or path leading to the create organization interface.
+        hide_personal_account: Controls whether the personal account option is hidden in the list.
+        skip_invitation_screen: Controls whether to skip the invitation screen when creating an organization.
+        fallback: An optional element to be rendered while the component is mounting.
+    """
+
+    tag = "OrganizationList"
+
+    # Optional props that OrganizationList supports
+    appearance: Optional[str] = None
+    after_create_organization_url: Optional[str] = None
+    after_select_organization_url: Optional[str] = None
+    after_select_personal_url: Optional[str] = None
+    create_organization_mode: Optional[str] = None
+    create_organization_url: Optional[str] = None
+    hide_personal_account: Optional[str] = None
+    skip_invitation_screen: Optional[str] = None
+    fallback: Optional[str] = None
+
+
+create_organization = CreateOrganization.create
+organization_profile = OrganizationProfile.create
+organization_switcher = OrganizationSwitcher.create
+organization_list = OrganizationList.create

pyproject.toml

@@ -71,4 +71,5 @@ dev = [
     "ruff>=0.9.10",
     "semver>=3.0.4",
     "reflex==0.7.5",  # https://github.com/reflex-dev/reflex/issues/5114 -- Pinned until this is fixed
+    "hatchling>=1.27.0",
 ]