panel.rs

use bevy::prelude::*;
use kayak_ui::prelude::*;
use kayak_ui::widgets::NinePatchBundle;

use crate::parent_widget;
use crate::theme::tokens::THEME_NINEPATCH_PANEL_DEFAULT;
use crate::theme::ThemeProvider;
use crate::{px, value};

#[derive(Default, Copy, Clone, Eq, PartialEq)]
pub enum PanelVariant {
	#[default]
	Regular,
	Simple,
}

#[derive(Component, Default, Clone, PartialEq)]
pub struct PanelProps {
	pub background: Option<String>,
	pub inner_layout: StyleProp<LayoutType>,
}

impl Widget for PanelProps {}

parent_widget!(PanelProps => PanelWidget);

pub fn render_panel_widget(
	In((widget_context, entity)): In<(KayakWidgetContext, Entity)>,
	mut commands: Commands,
	mut query: Query<(&PanelProps, &KChildren, &mut ComputedStyles, &KStyle)>,
	theme_provider: ThemeProvider,
) -> bool {
	if let Ok((props, children, mut computed, style)) = query.get_mut(entity) {
		let parent_id = Some(entity);
		let patch = theme_provider
			.get_patch(
				props
					.background
					.clone()
					.unwrap_or_else(|| String::from(THEME_NINEPATCH_PANEL_DEFAULT)),
			)
			.unwrap();

		*computed = KStyle {
			render_command: value(RenderCommand::NinePatch {
				handle: patch.handle.clone_weak(),
				border: patch.border,
			}),
			min_height: px(patch.border.bottom + patch.border.top + 8.0),
			min_width: px(patch.border.left + patch.border.right + 8.0),
			..Default::default()
		}
		.with_style(style)
		.with_style(KStyle {
			padding: value(Edge::new(
				Units::Pixels(patch.border.top),
				Units::Pixels(patch.border.right),
				Units::Pixels(patch.border.bottom),
				Units::Pixels(patch.border.left),
			)),
			..Default::default()
		})
		.into();

		let inner_style = match &style.padding {
			StyleProp::Unset => KStyle {
				layout_type: props.inner_layout.clone(),
				..Default::default()
			},
			pad => KStyle {
				layout_type: props.inner_layout.clone(),
				padding: pad.clone(),
				..Default::default()
			},
		};

		children.process(&widget_context, Some(entity));

		// rsx! {
		// 	<NinePatchBundle
		// 		nine_patch={patch.clone()}
		// 		styles={inner_style}
		// 		children={children.clone()}
		// 	/>
		// };
	}
	true
}