baldur 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/Gemfile +3 -0
- data/LICENSE +21 -0
- data/README.md +318 -0
- data/TODO.md +6 -0
- data/app/assets/javascripts/baldur/controllers/accordion_controller.js +148 -0
- data/app/assets/javascripts/baldur/controllers/alert_controller.js +209 -0
- data/app/assets/javascripts/baldur/controllers/date_field_controller.js +558 -0
- data/app/assets/javascripts/baldur/controllers/details_menu_controller.js +30 -0
- data/app/assets/javascripts/baldur/controllers/form_submit_controller.js +7 -0
- data/app/assets/javascripts/baldur/controllers/marketing_pricing_controller.js +47 -0
- data/app/assets/javascripts/baldur/controllers/marketing_tabs_controller.js +118 -0
- data/app/assets/javascripts/baldur/controllers/menu_select_controller.js +401 -0
- data/app/assets/javascripts/baldur/controllers/mobile_sidebar_controller.js +13 -0
- data/app/assets/javascripts/baldur/controllers/modal_controller.js +149 -0
- data/app/assets/javascripts/baldur/controllers/panel_right_controller.js +1 -0
- data/app/assets/javascripts/baldur/controllers/panel_secondary_controller.js +129 -0
- data/app/assets/javascripts/baldur/controllers/segmented_tabs_controller.js +38 -0
- data/app/assets/javascripts/baldur/controllers/sidebar_controller.js +77 -0
- data/app/assets/javascripts/baldur/controllers/smooth_scroll_controller.js +29 -0
- data/app/assets/javascripts/baldur/controllers/snackbar_controller.js +158 -0
- data/app/assets/javascripts/baldur/controllers/table_disclosure_controller.js +46 -0
- data/app/assets/javascripts/baldur/controllers/theme_controller.js +90 -0
- data/app/assets/javascripts/baldur/controllers/tooltip_controller.js +136 -0
- data/app/assets/javascripts/baldur/lib/animation-helpers.js +56 -0
- data/app/assets/javascripts/baldur/lib/dom-helpers.js +80 -0
- data/app/assets/javascripts/baldur/lib/field-validation-helpers.js +36 -0
- data/app/assets/javascripts/baldur/lib/focus-management.js +89 -0
- data/app/assets/javascripts/baldur/lib/formatting-helpers.js +100 -0
- data/app/assets/javascripts/baldur/lib/lucide.js +20 -0
- data/app/assets/javascripts/baldur/lib/snackbar.js +50 -0
- data/app/assets/javascripts/baldur/lib/storage-helpers.js +50 -0
- data/app/assets/stylesheets/baldur/application/components/alert.css +226 -0
- data/app/assets/stylesheets/baldur/application/components/app_bar.css +41 -0
- data/app/assets/stylesheets/baldur/application/components/button.css +173 -0
- data/app/assets/stylesheets/baldur/application/components/card.css +63 -0
- data/app/assets/stylesheets/baldur/application/components/chart.css +40 -0
- data/app/assets/stylesheets/baldur/application/components/chip.css +51 -0
- data/app/assets/stylesheets/baldur/application/components/dialog.css +81 -0
- data/app/assets/stylesheets/baldur/application/components/forms.css +624 -0
- data/app/assets/stylesheets/baldur/application/components/layout.css +2 -0
- data/app/assets/stylesheets/baldur/application/components/list.css +15 -0
- data/app/assets/stylesheets/baldur/application/components/menu.css +300 -0
- data/app/assets/stylesheets/baldur/application/components/panel-right.css +1 -0
- data/app/assets/stylesheets/baldur/application/components/panel-secondary.css +71 -0
- data/app/assets/stylesheets/baldur/application/components/progress.css +84 -0
- data/app/assets/stylesheets/baldur/application/components/segmented-buttons.css +117 -0
- data/app/assets/stylesheets/baldur/application/components/settings-nav.css +84 -0
- data/app/assets/stylesheets/baldur/application/components/sidebar.css +123 -0
- data/app/assets/stylesheets/baldur/application/components/snackbar.css +179 -0
- data/app/assets/stylesheets/baldur/application/components/stepper.css +124 -0
- data/app/assets/stylesheets/baldur/application/components/switch.css +105 -0
- data/app/assets/stylesheets/baldur/application/components/table.css +331 -0
- data/app/assets/stylesheets/baldur/application/components/timeline.css +184 -0
- data/app/assets/stylesheets/baldur/application/components/utilities.css +180 -0
- data/app/assets/stylesheets/baldur/application/global.css +125 -0
- data/app/assets/stylesheets/baldur/application/marketing/layout.css +36 -0
- data/app/assets/stylesheets/baldur/application/motion.css +125 -0
- data/app/assets/stylesheets/baldur/application/theme.css +329 -0
- data/app/assets/stylesheets/baldur/theme/dark.css +90 -0
- data/app/assets/stylesheets/baldur/theme/light.css +82 -0
- data/app/assets/stylesheets/baldur.css +27 -0
- data/app/assets/stylesheets/baldur_panel_right.css +1 -0
- data/app/assets/stylesheets/baldur_panel_secondary.css +1 -0
- data/app/assets/tailwind/baldur/engine.css +5 -0
- data/app/helpers/baldur/compatibility/ui_aliases.rb +7 -0
- data/app/helpers/baldur/marketing_helper.rb +121 -0
- data/app/helpers/baldur/optional/auth_page_helper.rb +17 -0
- data/app/helpers/baldur/optional/google_auth_helper.rb +16 -0
- data/app/helpers/baldur/optional/panel_right_helper.rb +7 -0
- data/app/helpers/baldur/optional/panel_secondary_helper.rb +26 -0
- data/app/helpers/baldur/render_helper.rb +13 -0
- data/app/helpers/baldur/ui_helper.rb +217 -0
- data/app/helpers/baldur/ui_helper_feedback.rb +93 -0
- data/app/helpers/baldur/ui_helper_forms.rb +230 -0
- data/app/helpers/baldur/ui_helper_unavailable.rb +98 -0
- data/app/views/baldur/components/_accordion.html.erb +30 -0
- data/app/views/baldur/components/_action_row.html.erb +6 -0
- data/app/views/baldur/components/_alert.html.erb +61 -0
- data/app/views/baldur/components/_badge.html.erb +25 -0
- data/app/views/baldur/components/_button.html.erb +81 -0
- data/app/views/baldur/components/_card.html.erb +40 -0
- data/app/views/baldur/components/_chart_card.html.erb +42 -0
- data/app/views/baldur/components/_checkbox.html.erb +27 -0
- data/app/views/baldur/components/_date_field.html.erb +43 -0
- data/app/views/baldur/components/_google_sign_in_button.html.erb +1 -0
- data/app/views/baldur/components/_kebab_menu.html.erb +36 -0
- data/app/views/baldur/components/_kpi.html.erb +45 -0
- data/app/views/baldur/components/_menu_select.html.erb +78 -0
- data/app/views/baldur/components/_modal.html.erb +54 -0
- data/app/views/baldur/components/_pagination.html.erb +61 -0
- data/app/views/baldur/components/_segmented_buttons.html.erb +51 -0
- data/app/views/baldur/components/_settings_nav.html.erb +41 -0
- data/app/views/baldur/components/_snackbar.html.erb +42 -0
- data/app/views/baldur/components/_snackbar_stack.html.erb +13 -0
- data/app/views/baldur/components/_stepper.html.erb +39 -0
- data/app/views/baldur/components/_table.html.erb +117 -0
- data/app/views/baldur/components/_table_card.html.erb +86 -0
- data/app/views/baldur/components/_table_footer.html.erb +68 -0
- data/app/views/baldur/components/_text_field.html.erb +33 -0
- data/app/views/baldur/components/_tooltip.html.erb +73 -0
- data/app/views/baldur/marketing/_cta_banner.html.erb +20 -0
- data/app/views/baldur/marketing/_faq_section.html.erb +37 -0
- data/app/views/baldur/marketing/_features_section.html.erb +67 -0
- data/app/views/baldur/marketing/_footer.html.erb +38 -0
- data/app/views/baldur/marketing/_hero_section.html.erb +259 -0
- data/app/views/baldur/marketing/_pricing_tables.html.erb +99 -0
- data/app/views/baldur/marketing/_testimonials_section.html.erb +80 -0
- data/app/views/baldur/marketing/_top_nav.html.erb +28 -0
- data/app/views/baldur/optional/_auth_page.html.erb +21 -0
- data/app/views/baldur/optional/_google_sign_in_button.html.erb +19 -0
- data/app/views/baldur/optional/_panel_right.html.erb +1 -0
- data/app/views/baldur/optional/_panel_secondary.html.erb +34 -0
- data/baldur.gemspec +30 -0
- data/config/importmap.rb +2 -0
- data/lib/baldur/configuration.rb +24 -0
- data/lib/baldur/engine.rb +10 -0
- data/lib/baldur/version.rb +3 -0
- data/lib/baldur.rb +17 -0
- data/lib/generators/baldur/install/install_generator.rb +113 -0
- data/lib/generators/baldur/install/templates/baldur_initializer.rb +19 -0
- data/lib/generators/baldur/install/templates/fonts.css +14 -0
- data/lib/generators/baldur/install/templates/theme.css +27 -0
- data/lib/generators/baldur/install/templates/ui_helper.rb +4 -0
- data/lib/generators/baldur/install_google_auth/install_google_auth_generator.rb +15 -0
- data/lib/generators/baldur/install_panel_right/install_panel_right_generator.rb +9 -0
- data/lib/generators/baldur/install_panel_secondary/install_panel_secondary_generator.rb +21 -0
- data/script/verify_host_install +111 -0
- data/test/gemspec_test.rb +11 -0
- data/test/install_generator_test.rb +35 -0
- data/test/install_panel_secondary_generator_test.rb +21 -0
- data/test/marketing_helper_test.rb +38 -0
- data/test/run_all.rb +3 -0
- data/test/test_helper.rb +9 -0
- data/test/tmp/install_generator/app/assets/stylesheets/fonts.css +14 -0
- data/test/tmp/install_generator/app/assets/stylesheets/theme.css +27 -0
- data/test/tmp/install_generator/app/assets/tailwind/application.css +4 -0
- data/test/tmp/install_generator/app/helpers/ui_helper.rb +4 -0
- data/test/tmp/install_generator/app/javascript/controllers/accordion_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/date_field_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/details_menu_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/form_submit_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/marketing_pricing_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/marketing_tabs_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/menu_select_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/modal_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/segmented_tabs_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/sidebar_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/smooth_scroll_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/snackbar_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/theme_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/controllers/tooltip_controller.js +1 -0
- data/test/tmp/install_generator/app/javascript/lib/animation-helpers.js +1 -0
- data/test/tmp/install_generator/app/javascript/lib/dom-helpers.js +1 -0
- data/test/tmp/install_generator/app/javascript/lib/field-validation-helpers.js +1 -0
- data/test/tmp/install_generator/app/javascript/lib/focus-management.js +1 -0
- data/test/tmp/install_generator/app/javascript/lib/formatting-helpers.js +1 -0
- data/test/tmp/install_generator/app/javascript/lib/snackbar.js +1 -0
- data/test/tmp/install_generator/app/javascript/lib/storage-helpers.js +1 -0
- data/test/tmp/install_generator/config/initializers/baldur.rb +19 -0
- data/test/tmp/install_panel_secondary_generator/app/assets/tailwind/application.css +2 -0
- data/test/tmp/install_panel_secondary_generator/app/helpers/panel_secondary_helper.rb +3 -0
- data/test/tmp/install_panel_secondary_generator/app/javascript/controllers/panel_secondary_controller.js +1 -0
- metadata +259 -0
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
:root,
|
|
2
|
+
.light {
|
|
3
|
+
--color-background: var(--color-neutral-50);
|
|
4
|
+
--color-on-background: var(--color-secondary-900);
|
|
5
|
+
--color-surface: var(--color-neutral-100);
|
|
6
|
+
--color-on-surface: var(--color-secondary-900);
|
|
7
|
+
--color-surface-variant: var(--color-neutral-200);
|
|
8
|
+
--color-on-surface-variant: var(--color-secondary-700);
|
|
9
|
+
|
|
10
|
+
--color-surface-lowest: var(--color-neutral-400);
|
|
11
|
+
--color-surface-low: var(--color-neutral-300);
|
|
12
|
+
--color-surface-medium: var(--color-neutral-200);
|
|
13
|
+
--color-surface-high: var(--color-neutral-100);
|
|
14
|
+
--color-surface-highest: var(--color-neutral-50);
|
|
15
|
+
|
|
16
|
+
--color-primary: var(--color-primary-500);
|
|
17
|
+
--color-secondary: var(--color-secondary-700);
|
|
18
|
+
--color-tertiary: var(--color-accent-500);
|
|
19
|
+
--color-accent: var(--color-accent-500);
|
|
20
|
+
|
|
21
|
+
--color-on-primary: var(--color-neutral-50);
|
|
22
|
+
--color-primary-container: var(--color-primary-100);
|
|
23
|
+
--color-on-primary-container: var(--color-secondary-900);
|
|
24
|
+
|
|
25
|
+
--color-on-secondary: var(--color-neutral-50);
|
|
26
|
+
--color-secondary-container: var(--color-secondary-100);
|
|
27
|
+
--color-on-secondary-container: var(--color-secondary-900);
|
|
28
|
+
|
|
29
|
+
--color-on-tertiary: var(--color-neutral-50);
|
|
30
|
+
--color-tertiary-container: var(--color-accent-100);
|
|
31
|
+
--color-on-tertiary-container: var(--color-secondary-900);
|
|
32
|
+
|
|
33
|
+
--color-on-accent: var(--color-neutral-50);
|
|
34
|
+
--color-accent-container: var(--color-accent-100);
|
|
35
|
+
--color-on-accent-container: var(--color-secondary-900);
|
|
36
|
+
|
|
37
|
+
--color-success: var(--_success-base);
|
|
38
|
+
--color-warning: var(--_warning-base);
|
|
39
|
+
--color-info: var(--_info-base);
|
|
40
|
+
--color-error: var(--_error-base);
|
|
41
|
+
|
|
42
|
+
--color-success-container: color-mix(in oklch, var(--color-success) 8%, white 92%);
|
|
43
|
+
--color-warning-container: oklch(from var(--color-warning) 0.97 calc(c * 0.2) h);
|
|
44
|
+
--color-info-container: oklch(from var(--color-info) 0.97 calc(c * 0.16) h);
|
|
45
|
+
--color-error-container: color-mix(in oklch, var(--color-error) 10%, var(--color-surface) 90%);
|
|
46
|
+
|
|
47
|
+
--color-on-success: var(--color-neutral-950);
|
|
48
|
+
--color-on-warning: var(--color-neutral-950);
|
|
49
|
+
--color-on-info: var(--color-neutral-950);
|
|
50
|
+
--color-on-error: var(--color-neutral-50);
|
|
51
|
+
|
|
52
|
+
--color-on-success-container: oklch(from var(--color-success) 0.36 c h);
|
|
53
|
+
--color-on-warning-container: oklch(from var(--color-warning) 0.32 c h);
|
|
54
|
+
--color-on-info-container: oklch(from var(--color-info) 0.32 c h);
|
|
55
|
+
--color-on-error-container: oklch(from var(--color-error) 0.32 c h);
|
|
56
|
+
|
|
57
|
+
--color-success-outline: oklch(from var(--color-success) calc(l - 0.08) calc(c * 1.4) h);
|
|
58
|
+
--color-warning-outline: color-mix(in oklch, var(--color-warning) 90%, var(--color-outline-variant));
|
|
59
|
+
--color-info-outline: color-mix(in oklch, var(--color-info) 90%, var(--color-outline-variant));
|
|
60
|
+
--color-error-outline: color-mix(in oklch, var(--color-error) 90%, var(--color-outline-variant));
|
|
61
|
+
|
|
62
|
+
--color-text: var(--color-secondary-700);
|
|
63
|
+
--color-text-soft: var(--color-secondary-600);
|
|
64
|
+
--color-text-muted: var(--color-secondary-400);
|
|
65
|
+
--color-icon: var(--color-secondary-700);
|
|
66
|
+
|
|
67
|
+
--color-outline: var(--color-neutral-400);
|
|
68
|
+
--color-outline-variant: var(--color-neutral-300);
|
|
69
|
+
--color-border-subtle: var(--color-neutral-200);
|
|
70
|
+
--color-border-strong: var(--color-neutral-400);
|
|
71
|
+
--color-ring-focus: var(--color-primary-400);
|
|
72
|
+
|
|
73
|
+
--color-inverse-surface: var(--color-neutral-900);
|
|
74
|
+
--color-inverse-on-surface: var(--color-neutral-50);
|
|
75
|
+
--color-inverse-primary: var(--color-primary-300);
|
|
76
|
+
|
|
77
|
+
--color-shadow: oklch(0 0 0);
|
|
78
|
+
--color-scrim: oklch(0 0 0);
|
|
79
|
+
|
|
80
|
+
--segmented-selected-bg: var(--color-primary-container);
|
|
81
|
+
--segmented-selected-fg: var(--color-on-primary-container);
|
|
82
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
@import "./baldur/application/theme.css";
|
|
2
|
+
@import "./baldur/theme/light.css";
|
|
3
|
+
@import "./baldur/theme/dark.css";
|
|
4
|
+
@import "./baldur/application/global.css";
|
|
5
|
+
@import "./baldur/application/motion.css";
|
|
6
|
+
@import "./baldur/application/components/utilities.css";
|
|
7
|
+
@import "./baldur/application/marketing/layout.css";
|
|
8
|
+
@import "./baldur/application/components/app_bar.css";
|
|
9
|
+
@import "./baldur/application/components/alert.css";
|
|
10
|
+
@import "./baldur/application/components/button.css";
|
|
11
|
+
@import "./baldur/application/components/card.css";
|
|
12
|
+
@import "./baldur/application/components/chart.css";
|
|
13
|
+
@import "./baldur/application/components/chip.css";
|
|
14
|
+
@import "./baldur/application/components/dialog.css";
|
|
15
|
+
@import "./baldur/application/components/forms.css";
|
|
16
|
+
@import "./baldur/application/components/layout.css";
|
|
17
|
+
@import "./baldur/application/components/menu.css";
|
|
18
|
+
@import "./baldur/application/components/list.css";
|
|
19
|
+
@import "./baldur/application/components/progress.css";
|
|
20
|
+
@import "./baldur/application/components/segmented-buttons.css";
|
|
21
|
+
@import "./baldur/application/components/settings-nav.css";
|
|
22
|
+
@import "./baldur/application/components/sidebar.css";
|
|
23
|
+
@import "./baldur/application/components/snackbar.css";
|
|
24
|
+
@import "./baldur/application/components/stepper.css";
|
|
25
|
+
@import "./baldur/application/components/switch.css";
|
|
26
|
+
@import "./baldur/application/components/table.css";
|
|
27
|
+
@import "./baldur/application/components/timeline.css";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "./baldur_panel_secondary.css";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "./baldur/application/components/panel-secondary.css";
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
module Baldur
|
|
2
|
+
module MarketingHelper
|
|
3
|
+
include Baldur::RenderHelper
|
|
4
|
+
|
|
5
|
+
def ui_marketing_top_nav(links:, primary_action:, theme_toggle: nil, classes: nil, brand: {})
|
|
6
|
+
baldur_render "baldur/marketing/top_nav",
|
|
7
|
+
links: Array(links),
|
|
8
|
+
primary_action: primary_action,
|
|
9
|
+
theme_toggle: theme_toggle,
|
|
10
|
+
classes: classes,
|
|
11
|
+
brand: ui_marketing_resolve_brand(brand)
|
|
12
|
+
end
|
|
13
|
+
|
|
14
|
+
def ui_marketing_hero_section(variant:, headline:, body:, primary_action:, centerpiece_image:, id: "hero", secondary_action: nil, supporting_action: nil, callouts: [], orbit_sources: [], classes: nil)
|
|
15
|
+
baldur_render "baldur/marketing/hero_section",
|
|
16
|
+
variant: variant,
|
|
17
|
+
headline: headline,
|
|
18
|
+
body: body,
|
|
19
|
+
primary_action: primary_action,
|
|
20
|
+
secondary_action: secondary_action,
|
|
21
|
+
supporting_action: supporting_action,
|
|
22
|
+
callouts: Array(callouts),
|
|
23
|
+
orbit_sources: Array(orbit_sources),
|
|
24
|
+
centerpiece_image: centerpiece_image,
|
|
25
|
+
id: id,
|
|
26
|
+
classes: classes
|
|
27
|
+
end
|
|
28
|
+
|
|
29
|
+
def ui_marketing_features_section(title:, tabs:, id: "use-cases", description: nil, cta: nil, question_label: "Answers to questions like:", classes: nil)
|
|
30
|
+
baldur_render "baldur/marketing/features_section",
|
|
31
|
+
title: title,
|
|
32
|
+
description: description,
|
|
33
|
+
tabs: Array(tabs),
|
|
34
|
+
cta: cta,
|
|
35
|
+
question_label: question_label,
|
|
36
|
+
id: id,
|
|
37
|
+
classes: classes
|
|
38
|
+
end
|
|
39
|
+
|
|
40
|
+
def ui_marketing_testimonials_section(variant:, title:, items:, id: "proof", classes: nil)
|
|
41
|
+
baldur_render "baldur/marketing/testimonials_section",
|
|
42
|
+
variant: variant,
|
|
43
|
+
title: title,
|
|
44
|
+
items: Array(items),
|
|
45
|
+
id: id,
|
|
46
|
+
classes: classes
|
|
47
|
+
end
|
|
48
|
+
|
|
49
|
+
def ui_marketing_faq_section(title:, items:, id: "faq", description: nil, classes: nil, container_class: nil)
|
|
50
|
+
baldur_render "baldur/marketing/faq_section",
|
|
51
|
+
title: title,
|
|
52
|
+
description: description,
|
|
53
|
+
items: Array(items),
|
|
54
|
+
id: id,
|
|
55
|
+
classes: classes,
|
|
56
|
+
container_class: container_class
|
|
57
|
+
end
|
|
58
|
+
|
|
59
|
+
def ui_marketing_cta_banner(banner:, classes: nil)
|
|
60
|
+
baldur_render "baldur/marketing/cta_banner", banner: banner, classes: classes
|
|
61
|
+
end
|
|
62
|
+
|
|
63
|
+
def ui_marketing_pricing_tables(headline:, subheadline:, billing_options:, plans:, shared_capabilities:, eyebrow: "Pricing", fair_use_link: nil, classes: nil)
|
|
64
|
+
baldur_render "baldur/marketing/pricing_tables",
|
|
65
|
+
headline: headline,
|
|
66
|
+
subheadline: subheadline,
|
|
67
|
+
billing_options: Array(billing_options),
|
|
68
|
+
plans: Array(plans),
|
|
69
|
+
shared_capabilities: shared_capabilities,
|
|
70
|
+
eyebrow: eyebrow,
|
|
71
|
+
fair_use_link: fair_use_link,
|
|
72
|
+
classes: classes
|
|
73
|
+
end
|
|
74
|
+
|
|
75
|
+
def ui_marketing_footer(columns:, description:, copyright: nil, classes: nil, brand: {})
|
|
76
|
+
baldur_render "baldur/marketing/footer",
|
|
77
|
+
columns: Array(columns),
|
|
78
|
+
description: description,
|
|
79
|
+
copyright: copyright,
|
|
80
|
+
classes: classes,
|
|
81
|
+
brand: ui_marketing_resolve_brand(brand)
|
|
82
|
+
end
|
|
83
|
+
|
|
84
|
+
def ui_marketing_render_content(content)
|
|
85
|
+
if content.respond_to?(:call)
|
|
86
|
+
capture(&content)
|
|
87
|
+
else
|
|
88
|
+
content
|
|
89
|
+
end
|
|
90
|
+
end
|
|
91
|
+
|
|
92
|
+
def ui_marketing_action_string(*actions)
|
|
93
|
+
actions.flatten.compact.map(&:to_s).map(&:strip).reject(&:blank?).uniq.join(" ")
|
|
94
|
+
end
|
|
95
|
+
|
|
96
|
+
def ui_marketing_resolve_brand(overrides = {})
|
|
97
|
+
configured_brand = ui_marketing_configured_brand
|
|
98
|
+
override_brand = overrides.to_h.symbolize_keys
|
|
99
|
+
resolved_brand = configured_brand.merge(override_brand)
|
|
100
|
+
resolved_name = resolved_brand[:name].presence || "Brand"
|
|
101
|
+
|
|
102
|
+
resolved_brand[:name] = resolved_name
|
|
103
|
+
resolved_brand[:wordmark] = resolved_brand[:wordmark].presence || resolved_name
|
|
104
|
+
resolved_brand[:logo_src] = resolved_brand[:logo_src].presence || "/icon.png"
|
|
105
|
+
resolved_brand[:logo_alt] = resolved_brand[:logo_alt].presence || "#{resolved_name} logo"
|
|
106
|
+
resolved_brand
|
|
107
|
+
end
|
|
108
|
+
|
|
109
|
+
def ui_marketing_configured_brand
|
|
110
|
+
config = Baldur.config
|
|
111
|
+
brand = if config.respond_to?(:marketing_brand)
|
|
112
|
+
config.public_send(:marketing_brand)
|
|
113
|
+
elsif config.instance_variable_defined?(:@marketing_brand)
|
|
114
|
+
config.instance_variable_get(:@marketing_brand)
|
|
115
|
+
end
|
|
116
|
+
|
|
117
|
+
resolved_brand = brand.respond_to?(:to_h) ? brand.to_h.symbolize_keys : {}
|
|
118
|
+
resolved_brand
|
|
119
|
+
end
|
|
120
|
+
end
|
|
121
|
+
end
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
module Baldur
|
|
2
|
+
module Optional
|
|
3
|
+
module AuthPageHelper
|
|
4
|
+
include Baldur::RenderHelper
|
|
5
|
+
|
|
6
|
+
def ui_auth_page(title:, description:, brand_path: nil, shell_class: nil, card_class: nil, &block)
|
|
7
|
+
baldur_render "baldur/optional/auth_page",
|
|
8
|
+
title: title,
|
|
9
|
+
description: description,
|
|
10
|
+
brand_path: brand_path,
|
|
11
|
+
shell_class: shell_class,
|
|
12
|
+
card_class: card_class,
|
|
13
|
+
body: block_given? ? capture(&block) : nil
|
|
14
|
+
end
|
|
15
|
+
end
|
|
16
|
+
end
|
|
17
|
+
end
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
module Baldur
|
|
2
|
+
module Optional
|
|
3
|
+
module GoogleAuthHelper
|
|
4
|
+
include Baldur::RenderHelper
|
|
5
|
+
|
|
6
|
+
def google_sign_in_button(label: "Sign in with Google", href: nil, block: false, **options)
|
|
7
|
+
baldur_render "baldur/optional/google_sign_in_button",
|
|
8
|
+
**{
|
|
9
|
+
label: label,
|
|
10
|
+
href: href || Baldur.config.default_google_sign_in_path,
|
|
11
|
+
block: block
|
|
12
|
+
}.merge(options)
|
|
13
|
+
end
|
|
14
|
+
end
|
|
15
|
+
end
|
|
16
|
+
end
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
module Baldur
|
|
2
|
+
module Optional
|
|
3
|
+
module PanelSecondaryHelper
|
|
4
|
+
include Baldur::RenderHelper
|
|
5
|
+
|
|
6
|
+
def ui_panel_secondary(id:, title:, trigger_label:, trigger_icon: "message-square", panel_class: nil, trigger_class: nil, shell_class: nil, shell_data: nil, panel_data: nil, trigger_data: nil, &block)
|
|
7
|
+
baldur_render "baldur/optional/panel_secondary",
|
|
8
|
+
id: id,
|
|
9
|
+
title: title,
|
|
10
|
+
trigger_label: trigger_label,
|
|
11
|
+
trigger_icon: trigger_icon,
|
|
12
|
+
panel_class: panel_class,
|
|
13
|
+
trigger_class: trigger_class,
|
|
14
|
+
shell_class: shell_class,
|
|
15
|
+
shell_data: shell_data,
|
|
16
|
+
panel_data: panel_data,
|
|
17
|
+
trigger_data: trigger_data,
|
|
18
|
+
body: block_given? ? capture(&block) : nil
|
|
19
|
+
end
|
|
20
|
+
|
|
21
|
+
def ui_panel_right(**options, &block)
|
|
22
|
+
ui_panel_secondary(**options, &block)
|
|
23
|
+
end
|
|
24
|
+
end
|
|
25
|
+
end
|
|
26
|
+
end
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
module Baldur
|
|
2
|
+
module RenderHelper
|
|
3
|
+
private
|
|
4
|
+
|
|
5
|
+
def baldur_render(template, **locals)
|
|
6
|
+
if respond_to?(:lookup_context) && lookup_context.view_paths.to_a.any?
|
|
7
|
+
render partial: template, locals: locals
|
|
8
|
+
else
|
|
9
|
+
ApplicationController.render(partial: template, locals: locals)
|
|
10
|
+
end
|
|
11
|
+
end
|
|
12
|
+
end
|
|
13
|
+
end
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
require "securerandom"
|
|
2
|
+
|
|
3
|
+
module Baldur
|
|
4
|
+
module UiHelper
|
|
5
|
+
include Baldur::RenderHelper
|
|
6
|
+
include Baldur::UiHelperFeedback
|
|
7
|
+
include Baldur::UiHelperUnavailable
|
|
8
|
+
include Baldur::UiHelperForms
|
|
9
|
+
|
|
10
|
+
def ui_icon(name, class_name: nil)
|
|
11
|
+
normalized_name = name.to_s.tr("_", "-")
|
|
12
|
+
svg_options = LucideRails.default_options.merge("class" => class_name, "aria-hidden" => "true")
|
|
13
|
+
|
|
14
|
+
content_tag(:svg, LucideRails::IconProvider.icon(normalized_name).html_safe, svg_options)
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
def ui_button(**options)
|
|
18
|
+
baldur_render "baldur/components/button", **options
|
|
19
|
+
end
|
|
20
|
+
|
|
21
|
+
def ui_action_row(primary_button:, secondary_button: nil, extra_buttons: [], classes: nil)
|
|
22
|
+
buttons = []
|
|
23
|
+
buttons << secondary_button if secondary_button.present?
|
|
24
|
+
buttons.concat(Array(extra_buttons).compact)
|
|
25
|
+
buttons << primary_button if primary_button.present?
|
|
26
|
+
|
|
27
|
+
baldur_render "baldur/components/action_row", buttons: buttons, class: classes
|
|
28
|
+
end
|
|
29
|
+
|
|
30
|
+
def ui_card(title:, description: nil, badge: nil, icon: nil, actions: nil, variant: :default, classes: nil, body_class: nil, body: nil, &block)
|
|
31
|
+
body_content = body
|
|
32
|
+
body_content = capture(&block) if block_given?
|
|
33
|
+
baldur_render "baldur/components/card",
|
|
34
|
+
title: title,
|
|
35
|
+
description: description,
|
|
36
|
+
badge: badge,
|
|
37
|
+
icon: icon,
|
|
38
|
+
actions: actions,
|
|
39
|
+
variant: variant,
|
|
40
|
+
class: classes,
|
|
41
|
+
body_class: body_class,
|
|
42
|
+
body: body_content
|
|
43
|
+
end
|
|
44
|
+
|
|
45
|
+
def ui_table(columns:, rows:, empty_state: "No records yet", **options)
|
|
46
|
+
card_options = options.slice(:title, :title_meta, :description, :actions, :controls, :controls_position, :footer, :classes)
|
|
47
|
+
table_options = options.except(:title, :title_meta, :description, :actions, :controls, :controls_position, :footer, :classes)
|
|
48
|
+
table_markup = baldur_render "baldur/components/table",
|
|
49
|
+
**{
|
|
50
|
+
columns: columns,
|
|
51
|
+
rows: rows,
|
|
52
|
+
empty_state: empty_state
|
|
53
|
+
}.merge(table_options)
|
|
54
|
+
return table_markup if card_options.values.all?(&:blank?)
|
|
55
|
+
|
|
56
|
+
ui_table_card(**card_options, body: table_markup)
|
|
57
|
+
end
|
|
58
|
+
|
|
59
|
+
def ui_table_card(title: nil, title_meta: nil, description: nil, actions: nil, controls: nil, controls_position: :row, footer: nil, classes: nil, body: nil, &block)
|
|
60
|
+
body_content = body
|
|
61
|
+
body_content = capture(&block) if block_given?
|
|
62
|
+
baldur_render "baldur/components/table_card",
|
|
63
|
+
title: title,
|
|
64
|
+
title_meta: title_meta,
|
|
65
|
+
description: description,
|
|
66
|
+
actions: actions,
|
|
67
|
+
controls: controls,
|
|
68
|
+
controls_position: controls_position,
|
|
69
|
+
footer: footer,
|
|
70
|
+
class: classes,
|
|
71
|
+
body: body_content
|
|
72
|
+
end
|
|
73
|
+
|
|
74
|
+
def ui_chart_card(title: nil, description: nil, actions: nil, footer: nil, classes: nil, body: nil, &block)
|
|
75
|
+
body_content = body
|
|
76
|
+
body_content = capture(&block) if block_given?
|
|
77
|
+
baldur_render "baldur/components/chart_card",
|
|
78
|
+
title: title,
|
|
79
|
+
description: description,
|
|
80
|
+
actions: actions,
|
|
81
|
+
footer: footer,
|
|
82
|
+
class: classes,
|
|
83
|
+
body: body_content
|
|
84
|
+
end
|
|
85
|
+
|
|
86
|
+
def ui_table_footer(current_page:, total_pages:, path_builder:, total_count: nil, per_page: nil, rows_per_page_param: nil, rows_per_page_options: [], rows_per_page_selected: nil)
|
|
87
|
+
baldur_render "baldur/components/table_footer",
|
|
88
|
+
current_page: current_page.to_i,
|
|
89
|
+
total_pages: total_pages.to_i,
|
|
90
|
+
total_count: total_count,
|
|
91
|
+
per_page: per_page,
|
|
92
|
+
rows_per_page_param: rows_per_page_param,
|
|
93
|
+
rows_per_page_options: Array(rows_per_page_options),
|
|
94
|
+
rows_per_page_selected: rows_per_page_selected,
|
|
95
|
+
path_builder: path_builder
|
|
96
|
+
end
|
|
97
|
+
|
|
98
|
+
def ui_table_truncated_text(text, class_name: "block truncate", title: nil)
|
|
99
|
+
value = text.to_s.strip
|
|
100
|
+
return "—" if value.blank?
|
|
101
|
+
|
|
102
|
+
content_tag(:span, value, class: class_name, title: (title.presence || value))
|
|
103
|
+
end
|
|
104
|
+
|
|
105
|
+
def ui_expandable_table_list(items)
|
|
106
|
+
values = Array(items).compact.map(&:to_s).map(&:strip).reject(&:blank?)
|
|
107
|
+
return "—" if values.empty?
|
|
108
|
+
|
|
109
|
+
summary = values.join(", ")
|
|
110
|
+
return ui_table_truncated_text(summary) if values.size <= 2
|
|
111
|
+
|
|
112
|
+
content_tag(:div, class: "table-disclosure", data: { controller: "table-disclosure" }) do
|
|
113
|
+
safe_join(
|
|
114
|
+
[
|
|
115
|
+
content_tag(
|
|
116
|
+
:button,
|
|
117
|
+
type: "button",
|
|
118
|
+
class: "table-disclosure__trigger",
|
|
119
|
+
aria: { expanded: "false" },
|
|
120
|
+
data: {
|
|
121
|
+
action: "click->table-disclosure#toggle",
|
|
122
|
+
table_disclosure_target: "trigger"
|
|
123
|
+
}
|
|
124
|
+
) do
|
|
125
|
+
safe_join(
|
|
126
|
+
[
|
|
127
|
+
content_tag(:span, "#{values.size} items", class: "table-disclosure__summary", title: summary),
|
|
128
|
+
content_tag(:span, "Expand", class: "table-disclosure__toggle table-disclosure__toggle--collapsed"),
|
|
129
|
+
content_tag(:span, "Collapse", class: "table-disclosure__toggle table-disclosure__toggle--expanded")
|
|
130
|
+
]
|
|
131
|
+
)
|
|
132
|
+
end,
|
|
133
|
+
content_tag(:div, class: "table-disclosure__content", data: { table_disclosure_target: "content" }) do
|
|
134
|
+
safe_join(values.map { |value| content_tag(:div, value, class: "table-disclosure__content-item") })
|
|
135
|
+
end
|
|
136
|
+
]
|
|
137
|
+
)
|
|
138
|
+
end
|
|
139
|
+
end
|
|
140
|
+
|
|
141
|
+
def ui_pagination(current_page:, total_pages:, path_builder:, total_count: nil, per_page: nil, window: 2, rows_per_page_param: nil, rows_per_page_options: [], rows_per_page_selected: nil)
|
|
142
|
+
baldur_render "baldur/components/pagination",
|
|
143
|
+
current_page: current_page.to_i,
|
|
144
|
+
total_pages: total_pages.to_i,
|
|
145
|
+
total_count: total_count,
|
|
146
|
+
per_page: per_page,
|
|
147
|
+
rows_per_page_param: rows_per_page_param,
|
|
148
|
+
rows_per_page_options: Array(rows_per_page_options),
|
|
149
|
+
rows_per_page_selected: rows_per_page_selected,
|
|
150
|
+
path_builder: path_builder,
|
|
151
|
+
pages: ui_pagination_pages(current_page: current_page.to_i, total_pages: total_pages.to_i, window: window.to_i)
|
|
152
|
+
end
|
|
153
|
+
|
|
154
|
+
def ui_modal(id:, title:, description: nil, submit_label: "Continue", close_label: "Cancel", **options, &block)
|
|
155
|
+
body = block_given? ? capture(&block) : nil
|
|
156
|
+
baldur_render "baldur/components/modal",
|
|
157
|
+
**{
|
|
158
|
+
id: id,
|
|
159
|
+
title: title,
|
|
160
|
+
description: description,
|
|
161
|
+
submit_label: submit_label,
|
|
162
|
+
close_label: close_label,
|
|
163
|
+
body: body
|
|
164
|
+
}.merge(options)
|
|
165
|
+
end
|
|
166
|
+
|
|
167
|
+
def ui_badge(text:, variant: :default, size: :sm, html_options: {})
|
|
168
|
+
baldur_render "baldur/components/badge", text: text, variant: variant, size: size, html_options: html_options
|
|
169
|
+
end
|
|
170
|
+
|
|
171
|
+
def ui_kpi(id: nil, label:, value:, caption: nil, trend: nil, variant: :default, caption_icon: nil, action: nil)
|
|
172
|
+
baldur_render "baldur/components/kpi",
|
|
173
|
+
id: id,
|
|
174
|
+
label: label,
|
|
175
|
+
value: value,
|
|
176
|
+
caption: caption,
|
|
177
|
+
trend: trend,
|
|
178
|
+
variant: variant,
|
|
179
|
+
caption_icon: caption_icon,
|
|
180
|
+
action: action
|
|
181
|
+
end
|
|
182
|
+
|
|
183
|
+
def ui_segmented_buttons(items:, aria_label: "Tabs", classes: nil)
|
|
184
|
+
baldur_render "baldur/components/segmented_buttons", items: items, aria_label: aria_label, classes: classes
|
|
185
|
+
end
|
|
186
|
+
|
|
187
|
+
def ui_tooltip(text:, content:, show_icon: true, icon: "circle-help", variant: :link, wrapper_class: nil, trigger_class: nil, bubble_class: nil, inline: false)
|
|
188
|
+
baldur_render "baldur/components/tooltip",
|
|
189
|
+
text: text,
|
|
190
|
+
content: content,
|
|
191
|
+
show_icon: show_icon,
|
|
192
|
+
icon: icon,
|
|
193
|
+
variant: variant,
|
|
194
|
+
wrapper_class: wrapper_class,
|
|
195
|
+
trigger_class: trigger_class,
|
|
196
|
+
bubble_class: bubble_class,
|
|
197
|
+
inline: inline
|
|
198
|
+
end
|
|
199
|
+
|
|
200
|
+
def ui_pagination_pages(current_page:, total_pages:, window:)
|
|
201
|
+
return [] if total_pages <= 1
|
|
202
|
+
|
|
203
|
+
raw_pages = [ 1 ]
|
|
204
|
+
raw_pages.concat(((current_page - window)..(current_page + window)).to_a)
|
|
205
|
+
raw_pages << total_pages
|
|
206
|
+
normalized = raw_pages.select { |page| page.between?(1, total_pages) }.uniq.sort
|
|
207
|
+
|
|
208
|
+
pages = []
|
|
209
|
+
normalized.each_with_index do |page, index|
|
|
210
|
+
pages << page
|
|
211
|
+
next_page = normalized[index + 1]
|
|
212
|
+
pages << :gap if next_page && next_page - page > 1
|
|
213
|
+
end
|
|
214
|
+
pages
|
|
215
|
+
end
|
|
216
|
+
end
|
|
217
|
+
end
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
module Baldur
|
|
2
|
+
module UiHelperFeedback
|
|
3
|
+
def ui_alert(body: nil, variant: :notice, title: nil, icon: nil, actions: nil, collapsible: false, collapse_key: nil, collapsed_summary_action_label: "More", class_name: nil, &block)
|
|
4
|
+
content = body
|
|
5
|
+
content = capture(&block) if block_given?
|
|
6
|
+
storage_key = collapsible ? ui_alert_storage_key(collapse_key) : nil
|
|
7
|
+
|
|
8
|
+
baldur_render "baldur/components/alert",
|
|
9
|
+
variant: variant,
|
|
10
|
+
title: title,
|
|
11
|
+
icon: icon,
|
|
12
|
+
body: content,
|
|
13
|
+
actions: actions,
|
|
14
|
+
collapsible: collapsible,
|
|
15
|
+
collapse_storage_key: storage_key,
|
|
16
|
+
collapsed: collapsible && ui_alert_collapsed?(storage_key),
|
|
17
|
+
collapsed_summary_action_label: collapsed_summary_action_label,
|
|
18
|
+
class_name: class_name
|
|
19
|
+
end
|
|
20
|
+
|
|
21
|
+
def ui_snackbar_stack(snackbars: [])
|
|
22
|
+
baldur_render "baldur/components/snackbar_stack", snackbars: normalize_snackbars(snackbars)
|
|
23
|
+
end
|
|
24
|
+
|
|
25
|
+
def ui_checkbox_tag(name, label: nil, description: nil, value: "1", checked: false, required: false, disabled: false, id: nil, data: nil, aria: nil, form: nil, wrapper_class: nil, input_class: nil, &block)
|
|
26
|
+
body = block_given? ? capture(&block) : nil
|
|
27
|
+
baldur_render "baldur/components/checkbox",
|
|
28
|
+
name: name,
|
|
29
|
+
label: label,
|
|
30
|
+
description: description,
|
|
31
|
+
value: value,
|
|
32
|
+
checked: checked,
|
|
33
|
+
required: required,
|
|
34
|
+
disabled: disabled,
|
|
35
|
+
id: id,
|
|
36
|
+
data: data,
|
|
37
|
+
aria: aria,
|
|
38
|
+
form: form,
|
|
39
|
+
wrapper_class: wrapper_class,
|
|
40
|
+
input_class: input_class,
|
|
41
|
+
body: body
|
|
42
|
+
end
|
|
43
|
+
|
|
44
|
+
private
|
|
45
|
+
|
|
46
|
+
def normalize_snackbars(snackbars)
|
|
47
|
+
Array(snackbars).filter_map do |snackbar|
|
|
48
|
+
payload = normalize_snackbar_payload(snackbar)
|
|
49
|
+
next if payload[:message].blank?
|
|
50
|
+
|
|
51
|
+
payload
|
|
52
|
+
end
|
|
53
|
+
end
|
|
54
|
+
|
|
55
|
+
def normalize_snackbar_payload(snackbar)
|
|
56
|
+
payload = if snackbar.respond_to?(:with_indifferent_access)
|
|
57
|
+
snackbar.with_indifferent_access
|
|
58
|
+
elsif snackbar.respond_to?(:to_h)
|
|
59
|
+
snackbar.to_h.with_indifferent_access
|
|
60
|
+
else
|
|
61
|
+
{ message: snackbar }.with_indifferent_access
|
|
62
|
+
end
|
|
63
|
+
|
|
64
|
+
{
|
|
65
|
+
variant: (payload[:variant].presence || :notice).to_sym,
|
|
66
|
+
title: payload[:title].presence,
|
|
67
|
+
icon: payload[:icon].presence,
|
|
68
|
+
dismiss_label: payload[:dismiss_label].presence,
|
|
69
|
+
message: normalize_snackbar_message(payload[:message])
|
|
70
|
+
}
|
|
71
|
+
end
|
|
72
|
+
|
|
73
|
+
def normalize_snackbar_message(message)
|
|
74
|
+
values = Array(message).flatten.compact.map(&:to_s).map(&:strip).reject(&:blank?)
|
|
75
|
+
values.to_sentence
|
|
76
|
+
end
|
|
77
|
+
|
|
78
|
+
def ui_alert_storage_key(collapse_key)
|
|
79
|
+
normalized_key = collapse_key.to_s.parameterize
|
|
80
|
+
return nil if normalized_key.blank?
|
|
81
|
+
|
|
82
|
+
"baldur-alert-#{normalized_key}"
|
|
83
|
+
end
|
|
84
|
+
|
|
85
|
+
def ui_alert_collapsed?(storage_key)
|
|
86
|
+
return false if storage_key.blank?
|
|
87
|
+
|
|
88
|
+
cookies[storage_key] == "true"
|
|
89
|
+
rescue NoMethodError
|
|
90
|
+
false
|
|
91
|
+
end
|
|
92
|
+
end
|
|
93
|
+
end
|