canonrs-server 0.1.0

CanonRS server-side rendering support
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

//! @canon-level: strict
//! Tabs Boundary — Canon Rule #341 (zero-logic boundary)
//! CR-342 v4.0.0: interaction delegated to canonrs-interactions-nav

use leptos::prelude::*;
use super::tabs_ui::{Tabs, TabsList, TabsTrigger as TabsTriggerUi, TabsContent as TabsContentUi};
use canonrs_core::meta::{ActivityState, DisabledState};

#[component]
pub fn TabsRoot(
    children: Children,
    #[prop(into, default = String::new())] class: String,
    #[prop(into, default = String::new())] default_value: String,
) -> impl IntoView {
    view! { <Tabs class=class default_value=default_value>{children()}</Tabs> }
}

#[component]
pub fn TabsListBoundary(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! { <TabsList class=class>{children()}</TabsList> }
}

#[component]
pub fn TabsTrigger(
    children: Children,
    #[prop(into)] value: String,
    #[prop(default = ActivityState::Inactive)] active: ActivityState,
    #[prop(default = false)] disabled: bool,
) -> impl IntoView {
    let dis = if disabled { DisabledState::Disabled } else { DisabledState::Enabled };
    view! { <TabsTriggerUi value=value active=active disabled=dis>{children()}</TabsTriggerUi> }
}

#[component]
pub fn TabsContent(
    children: Children,
    #[prop(into)] value: String,
    #[prop(default = ActivityState::Inactive)] active: ActivityState,
) -> impl IntoView {
    view! { <TabsContentUi value=value active=active>{children()}</TabsContentUi> }
}