stimulus_plumbers 0.2.8 → 0.3.0
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 +4 -4
- data/CHANGELOG.md +52 -0
- data/README.md +8 -4
- data/app/assets/javascripts/stimulus-plumbers/stimulus-plumbers-controllers.es.js +450 -436
- data/app/assets/javascripts/stimulus-plumbers/stimulus-plumbers-controllers.umd.js +1 -1
- data/lib/stimulus_plumbers/components/action_list/item.rb +27 -0
- data/lib/stimulus_plumbers/components/action_list/section.rb +21 -0
- data/lib/stimulus_plumbers/components/action_list.rb +23 -0
- data/lib/stimulus_plumbers/components/avatar.rb +73 -0
- data/lib/stimulus_plumbers/components/button/group.rb +17 -0
- data/lib/stimulus_plumbers/components/button.rb +27 -0
- data/lib/stimulus_plumbers/components/calendar/month/turbo/days_of_month.rb +60 -41
- data/lib/stimulus_plumbers/components/calendar/month/turbo/days_of_week.rb +15 -12
- data/lib/stimulus_plumbers/components/calendar/month/turbo.rb +55 -0
- data/lib/stimulus_plumbers/components/calendar.rb +56 -0
- data/lib/stimulus_plumbers/components/card/section.rb +25 -0
- data/lib/stimulus_plumbers/components/card.rb +27 -0
- data/lib/stimulus_plumbers/components/combobox/autocomplete.rb +30 -34
- data/lib/stimulus_plumbers/components/combobox/date.rb +16 -18
- data/lib/stimulus_plumbers/components/combobox/dropdown.rb +13 -16
- data/lib/stimulus_plumbers/components/combobox/options/option.rb +34 -0
- data/lib/stimulus_plumbers/components/combobox/options/option_group.rb +29 -0
- data/lib/stimulus_plumbers/components/combobox/options.rb +59 -0
- data/lib/stimulus_plumbers/components/combobox/popover.rb +20 -0
- data/lib/stimulus_plumbers/components/combobox/time/drum.rb +37 -0
- data/lib/stimulus_plumbers/components/combobox/time.rb +32 -15
- data/lib/stimulus_plumbers/components/combobox/trigger.rb +38 -0
- data/lib/stimulus_plumbers/components/combobox.rb +59 -0
- data/lib/stimulus_plumbers/components/date_picker/navigation.rb +14 -22
- data/lib/stimulus_plumbers/components/date_picker/navigator.rb +1 -1
- data/lib/stimulus_plumbers/components/icon.rb +43 -0
- data/lib/stimulus_plumbers/components/popover/builder.rb +25 -0
- data/lib/stimulus_plumbers/components/popover.rb +31 -0
- data/lib/stimulus_plumbers/configuration.rb +3 -18
- data/lib/stimulus_plumbers/engine.rb +2 -2
- data/lib/stimulus_plumbers/form/builder.rb +8 -6
- data/lib/stimulus_plumbers/form/{field_component.rb → field.rb} +1 -1
- data/lib/stimulus_plumbers/form/fields/combobox.rb +7 -4
- data/lib/stimulus_plumbers/form/fields/error.rb +14 -0
- data/lib/stimulus_plumbers/form/fields/group.rb +14 -0
- data/lib/stimulus_plumbers/form/fields/hint.rb +14 -0
- data/lib/stimulus_plumbers/form/fields/label.rb +21 -0
- data/lib/stimulus_plumbers/form/fields/renderer.rb +20 -21
- data/lib/stimulus_plumbers/form/fields/search.rb +23 -9
- data/lib/stimulus_plumbers/form/fields/submit.rb +23 -0
- data/lib/stimulus_plumbers/helpers/action_list_helper.rb +2 -2
- data/lib/stimulus_plumbers/helpers/avatar_helper.rb +2 -2
- data/lib/stimulus_plumbers/helpers/button_helper.rb +2 -2
- data/lib/stimulus_plumbers/helpers/calendar_helper.rb +1 -1
- data/lib/stimulus_plumbers/helpers/calendar_turbo_helper.rb +1 -1
- data/lib/stimulus_plumbers/helpers/card_helper.rb +2 -2
- data/lib/stimulus_plumbers/helpers/combobox_helper.rb +5 -5
- data/lib/stimulus_plumbers/helpers/popover_helper.rb +2 -2
- data/lib/stimulus_plumbers/plumber/base.rb +20 -0
- data/lib/stimulus_plumbers/plumber/dispatcher/callable_inspector.rb +19 -0
- data/lib/stimulus_plumbers/plumber/dispatcher/instance_exec.rb +35 -0
- data/lib/stimulus_plumbers/plumber/dispatcher/klass_proxy.rb +34 -0
- data/lib/stimulus_plumbers/plumber/dispatcher/method_call.rb +36 -0
- data/lib/stimulus_plumbers/plumber/dispatcher.rb +28 -0
- data/lib/stimulus_plumbers/plumber/html_options.rb +52 -0
- data/lib/stimulus_plumbers/plumber/renderer.rb +89 -0
- data/lib/stimulus_plumbers/themes/base.rb +34 -20
- data/lib/stimulus_plumbers/themes/configuration.rb +38 -0
- data/lib/stimulus_plumbers/themes/schema/form/ranges.rb +14 -0
- data/lib/stimulus_plumbers/themes/schema/icon.rb +32 -0
- data/lib/stimulus_plumbers/themes/schema/ranges.rb +5 -5
- data/lib/stimulus_plumbers/themes/schema.rb +103 -0
- data/lib/stimulus_plumbers/version.rb +1 -1
- data/lib/stimulus_plumbers.rb +29 -19
- metadata +40 -34
- data/lib/stimulus_plumbers/components/action_list/renderer.rb +0 -47
- data/lib/stimulus_plumbers/components/avatar/renderer.rb +0 -74
- data/lib/stimulus_plumbers/components/button/renderer.rb +0 -33
- data/lib/stimulus_plumbers/components/calendar/month/turbo/renderer.rb +0 -57
- data/lib/stimulus_plumbers/components/calendar/renderer.rb +0 -35
- data/lib/stimulus_plumbers/components/card/renderer.rb +0 -41
- data/lib/stimulus_plumbers/components/combobox/option.rb +0 -27
- data/lib/stimulus_plumbers/components/combobox/option_group.rb +0 -52
- data/lib/stimulus_plumbers/components/combobox/renderer.rb +0 -78
- data/lib/stimulus_plumbers/components/icon/renderer.rb +0 -51
- data/lib/stimulus_plumbers/components/plumber/base.rb +0 -22
- data/lib/stimulus_plumbers/components/plumber/dispatcher.rb +0 -113
- data/lib/stimulus_plumbers/components/plumber/html_options.rb +0 -53
- data/lib/stimulus_plumbers/components/plumber/renderer.rb +0 -91
- data/lib/stimulus_plumbers/components/popover/renderer.rb +0 -46
- data/lib/stimulus_plumbers/components/time_picker/renderer.rb +0 -38
- data/lib/stimulus_plumbers/themes/base/action_list.rb +0 -14
- data/lib/stimulus_plumbers/themes/base/avatar.rb +0 -14
- data/lib/stimulus_plumbers/themes/base/button.rb +0 -18
- data/lib/stimulus_plumbers/themes/base/calendar.rb +0 -15
- data/lib/stimulus_plumbers/themes/base/card.rb +0 -12
- data/lib/stimulus_plumbers/themes/base/form.rb +0 -34
- data/lib/stimulus_plumbers/themes/base/layout.rb +0 -12
- data/lib/stimulus_plumbers/themes/tailwind/action_list.rb +0 -33
- data/lib/stimulus_plumbers/themes/tailwind/avatar.rb +0 -52
- data/lib/stimulus_plumbers/themes/tailwind/button.rb +0 -89
- data/lib/stimulus_plumbers/themes/tailwind/calendar.rb +0 -34
- data/lib/stimulus_plumbers/themes/tailwind/card.rb +0 -24
- data/lib/stimulus_plumbers/themes/tailwind/form.rb +0 -108
- data/lib/stimulus_plumbers/themes/tailwind/layout.rb +0 -25
- data/lib/stimulus_plumbers/themes/tailwind_theme.rb +0 -29
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Components
|
|
5
|
-
module Icon
|
|
6
|
-
class Renderer < Plumber::Base
|
|
7
|
-
ICONS = {
|
|
8
|
-
"arrow-left" => "M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18",
|
|
9
|
-
"arrow-right" => "M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3",
|
|
10
|
-
"arrow-up" => "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18",
|
|
11
|
-
"arrow-down" => "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3"
|
|
12
|
-
}.freeze
|
|
13
|
-
|
|
14
|
-
def icon(name:, **kwargs)
|
|
15
|
-
html_options = merge_html_options(
|
|
16
|
-
{ classes: theme.resolve(:icon).fetch(:classes, "") },
|
|
17
|
-
kwargs
|
|
18
|
-
)
|
|
19
|
-
|
|
20
|
-
if ICONS[name]
|
|
21
|
-
svg_icon(ICONS[name], html_options)
|
|
22
|
-
else
|
|
23
|
-
template.content_tag(:span, nil, **html_options)
|
|
24
|
-
end
|
|
25
|
-
end
|
|
26
|
-
|
|
27
|
-
private
|
|
28
|
-
|
|
29
|
-
def svg_icon(path, html_options)
|
|
30
|
-
template.content_tag(
|
|
31
|
-
:svg,
|
|
32
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
fill: "none",
|
|
34
|
-
viewBox: "0 0 24 24",
|
|
35
|
-
width: "24",
|
|
36
|
-
height: "24",
|
|
37
|
-
"stroke-width": "1.5",
|
|
38
|
-
stroke: "currentColor",
|
|
39
|
-
**html_options
|
|
40
|
-
) do
|
|
41
|
-
template.tag.path(
|
|
42
|
-
"stroke-linecap": "round",
|
|
43
|
-
"stroke-linejoin": "round",
|
|
44
|
-
d: path
|
|
45
|
-
)
|
|
46
|
-
end
|
|
47
|
-
end
|
|
48
|
-
end
|
|
49
|
-
end
|
|
50
|
-
end
|
|
51
|
-
end
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Components
|
|
5
|
-
module Plumber
|
|
6
|
-
class Base
|
|
7
|
-
include HtmlOptions
|
|
8
|
-
include Renderer
|
|
9
|
-
|
|
10
|
-
attr_reader :template
|
|
11
|
-
|
|
12
|
-
def initialize(template)
|
|
13
|
-
@template = template
|
|
14
|
-
end
|
|
15
|
-
|
|
16
|
-
def theme
|
|
17
|
-
StimulusPlumbers.config.theme
|
|
18
|
-
end
|
|
19
|
-
end
|
|
20
|
-
end
|
|
21
|
-
end
|
|
22
|
-
end
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
# :markup: markdown
|
|
4
|
-
|
|
5
|
-
module StimulusPlumbers
|
|
6
|
-
module Components
|
|
7
|
-
module Plumber
|
|
8
|
-
module Dispatcher
|
|
9
|
-
class MethodCall
|
|
10
|
-
attr_reader :method_name, :args, :kwargs
|
|
11
|
-
|
|
12
|
-
def initialize(method_name, *args, **kwargs)
|
|
13
|
-
@method_name = method_name
|
|
14
|
-
@args = args
|
|
15
|
-
@kwargs = kwargs
|
|
16
|
-
validate!
|
|
17
|
-
end
|
|
18
|
-
|
|
19
|
-
def call(target)
|
|
20
|
-
raise NotImplementedError, "#{method_name.inspect} not implemented" unless target.respond_to?(method_name, true)
|
|
21
|
-
|
|
22
|
-
method_call = target.method(method_name)
|
|
23
|
-
accepts_args = method_call.arity.negative? ? args : args.take(method_call.arity)
|
|
24
|
-
accepts_kwargs = method_call.parameters.any? { |type, _| %i[key keyreq keyrest].include?(type) }
|
|
25
|
-
accepts_kwargs ? method_call.call(*accepts_args, **kwargs) : method_call.call(*accepts_args)
|
|
26
|
-
end
|
|
27
|
-
|
|
28
|
-
private
|
|
29
|
-
|
|
30
|
-
def validate!
|
|
31
|
-
return if method_name.is_a?(String) || method_name.is_a?(Symbol)
|
|
32
|
-
|
|
33
|
-
raise ArgumentError, "invalid method name: #{method_name.inspect}"
|
|
34
|
-
end
|
|
35
|
-
end
|
|
36
|
-
|
|
37
|
-
class InstanceExec
|
|
38
|
-
attr_reader :block, :args, :kwargs
|
|
39
|
-
|
|
40
|
-
def initialize(block, *args, **kwargs)
|
|
41
|
-
@block = block
|
|
42
|
-
@args = args
|
|
43
|
-
@kwargs = kwargs
|
|
44
|
-
validate!
|
|
45
|
-
end
|
|
46
|
-
|
|
47
|
-
def call(target)
|
|
48
|
-
accepts_args = block.arity.negative? ? args : args.take(block.arity)
|
|
49
|
-
accepts_kwargs = block.parameters.any? { |type, _| %i[key keyreq keyrest].include?(type) }
|
|
50
|
-
if accepts_kwargs
|
|
51
|
-
target.instance_exec(
|
|
52
|
-
*accepts_args,
|
|
53
|
-
**kwargs,
|
|
54
|
-
&block
|
|
55
|
-
)
|
|
56
|
-
else
|
|
57
|
-
target.instance_exec(*accepts_args, &block)
|
|
58
|
-
end
|
|
59
|
-
end
|
|
60
|
-
|
|
61
|
-
private
|
|
62
|
-
|
|
63
|
-
def validate!
|
|
64
|
-
raise ArgumentError, "invalid block: #{block.inspect}" unless block.is_a?(Proc)
|
|
65
|
-
end
|
|
66
|
-
end
|
|
67
|
-
|
|
68
|
-
class KlassProxy
|
|
69
|
-
attr_reader :klass, :method_name, :args, :kwargs, :init_args, :init_kwargs
|
|
70
|
-
|
|
71
|
-
def initialize(klass, method_name, *args, init_args: [], init_kwargs: {}, **kwargs)
|
|
72
|
-
@klass = klass
|
|
73
|
-
@method_name = method_name
|
|
74
|
-
@args = args
|
|
75
|
-
@kwargs = kwargs
|
|
76
|
-
@init_args = init_args
|
|
77
|
-
@init_kwargs = init_kwargs
|
|
78
|
-
validate!
|
|
79
|
-
end
|
|
80
|
-
|
|
81
|
-
def call(_target)
|
|
82
|
-
klass.new(*init_args, **init_kwargs).public_send(method_name, *args, **kwargs)
|
|
83
|
-
end
|
|
84
|
-
|
|
85
|
-
private
|
|
86
|
-
|
|
87
|
-
def validate!
|
|
88
|
-
raise ArgumentError, "invalid class: #{klass.inspect}" unless klass.is_a?(Module)
|
|
89
|
-
return if method_name.is_a?(String) || method_name.is_a?(Symbol)
|
|
90
|
-
|
|
91
|
-
raise ArgumentError, "invalid method name: #{method_name.inspect}"
|
|
92
|
-
end
|
|
93
|
-
end
|
|
94
|
-
|
|
95
|
-
def self.build(callable, *args, method_name: nil, init_args: [], init_kwargs: {}, **kwargs)
|
|
96
|
-
case callable
|
|
97
|
-
when Symbol
|
|
98
|
-
MethodCall.new(callable, *args, **kwargs)
|
|
99
|
-
when Proc
|
|
100
|
-
InstanceExec.new(callable, *args, **kwargs)
|
|
101
|
-
when Module
|
|
102
|
-
KlassProxy.new(callable, method_name, *args, init_args: init_args, init_kwargs: init_kwargs, **kwargs)
|
|
103
|
-
when String
|
|
104
|
-
klass = callable.safe_constantize
|
|
105
|
-
raise ArgumentError, "could not resolve class from: #{callable.inspect}" unless klass
|
|
106
|
-
|
|
107
|
-
KlassProxy.new(klass, method_name, *args, init_args: init_args, init_kwargs: init_kwargs, **kwargs)
|
|
108
|
-
end
|
|
109
|
-
end
|
|
110
|
-
end
|
|
111
|
-
end
|
|
112
|
-
end
|
|
113
|
-
end
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
require "active_support/concern"
|
|
4
|
-
|
|
5
|
-
module StimulusPlumbers
|
|
6
|
-
module Components
|
|
7
|
-
module Plumber
|
|
8
|
-
module HtmlOptions
|
|
9
|
-
extend ActiveSupport::Concern
|
|
10
|
-
|
|
11
|
-
def merge_html_options(*hashes)
|
|
12
|
-
classes = hashes.flat_map { |h| [h[:class], h[:classes]] }
|
|
13
|
-
data_hashes = hashes.map { |h| h[:data] || {} }
|
|
14
|
-
rest = hashes.map { |h| h.except(:class, :classes, :data) }.reduce({}, :deep_merge)
|
|
15
|
-
|
|
16
|
-
class_value = merge_string_option(*classes).presence
|
|
17
|
-
merged_data = merge_data_options(*data_hashes)
|
|
18
|
-
|
|
19
|
-
result = class_value ? rest.merge(class: class_value) : rest
|
|
20
|
-
merged_data.present? ? result.merge(data: merged_data) : result
|
|
21
|
-
end
|
|
22
|
-
|
|
23
|
-
STIMULUS_SPACEJOIN_KEYS = %i[controller action].freeze
|
|
24
|
-
|
|
25
|
-
def merge_data_options(*hashes, spacejoin: STIMULUS_SPACEJOIN_KEYS)
|
|
26
|
-
hashes.reduce({}) do |acc, d|
|
|
27
|
-
acc.merge(d) do |key, old_val, new_val|
|
|
28
|
-
if spacejoin.include?(key.to_sym)
|
|
29
|
-
merge_string_option(old_val, new_val).presence || new_val
|
|
30
|
-
else
|
|
31
|
-
new_val
|
|
32
|
-
end
|
|
33
|
-
end
|
|
34
|
-
end
|
|
35
|
-
end
|
|
36
|
-
|
|
37
|
-
def merge_string_option(*parts, delimiter: " ")
|
|
38
|
-
tokens = parts.flat_map { |part| normalize_part(part, delimiter) }
|
|
39
|
-
tokens.compact.uniq.join(delimiter)
|
|
40
|
-
end
|
|
41
|
-
|
|
42
|
-
def normalize_part(value, delimiter)
|
|
43
|
-
case value
|
|
44
|
-
when String then value.present? ? value.split(delimiter) : []
|
|
45
|
-
when Hash then value.filter_map { |key, val| key if val }
|
|
46
|
-
when Array then [merge_string_option(*value).presence]
|
|
47
|
-
else []
|
|
48
|
-
end
|
|
49
|
-
end
|
|
50
|
-
end
|
|
51
|
-
end
|
|
52
|
-
end
|
|
53
|
-
end
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
require "active_support/concern"
|
|
4
|
-
|
|
5
|
-
module StimulusPlumbers
|
|
6
|
-
module Components
|
|
7
|
-
module Plumber
|
|
8
|
-
module Renderer
|
|
9
|
-
extend ActiveSupport::Concern
|
|
10
|
-
|
|
11
|
-
included do
|
|
12
|
-
class_attribute :renderers, instance_writer: false, default: {}
|
|
13
|
-
end
|
|
14
|
-
|
|
15
|
-
module ClassMethods
|
|
16
|
-
# rubocop:disable Metrics/CyclomaticComplexity, Metrics/PerceivedComplexity
|
|
17
|
-
def renders(method_name, with: nil, &block)
|
|
18
|
-
raise ArgumentError, "method_name must be Symbol" unless method_name.is_a?(Symbol)
|
|
19
|
-
raise ArgumentError, "provide either with: or a block" if !with.nil? && block_given?
|
|
20
|
-
|
|
21
|
-
with = block if block_given?
|
|
22
|
-
|
|
23
|
-
with_proc_or_symbol = with.is_a?(Proc) || with.is_a?(Symbol)
|
|
24
|
-
with_klazz = with.is_a?(Module) || with.is_a?(String)
|
|
25
|
-
raise ArgumentError, "with: must be a Symbol/Proc/Class" unless with_proc_or_symbol || with_klazz
|
|
26
|
-
|
|
27
|
-
self.renderers = renderers.merge(method_name => with)
|
|
28
|
-
ActiveSupport.version >= "7.2" ? generate_renderer_method(method_name) : eval_renderer_method(method_name)
|
|
29
|
-
end
|
|
30
|
-
# rubocop:enable Metrics/CyclomaticComplexity, Metrics/PerceivedComplexity
|
|
31
|
-
|
|
32
|
-
private
|
|
33
|
-
|
|
34
|
-
def generated_renderer_methods
|
|
35
|
-
@generated_renderer_methods ||= Module.new.tap { |mod| prepend mod }
|
|
36
|
-
end
|
|
37
|
-
|
|
38
|
-
def eval_renderer_method(method_name)
|
|
39
|
-
generated_renderer_methods.module_eval(<<-RUBY, __FILE__, __LINE__ + 1)
|
|
40
|
-
# def method_name(*args, **kwargs)
|
|
41
|
-
# renderer = renderers.fetch(:method_name, {})
|
|
42
|
-
#
|
|
43
|
-
# unless renderer.present?
|
|
44
|
-
# raise ArgumentError, "#method_name not found in renderer" unless defined?(super)
|
|
45
|
-
# super
|
|
46
|
-
# end
|
|
47
|
-
#
|
|
48
|
-
# dispatcher = StimulusPlumbers::Components::Plumber::Dispatcher.build(
|
|
49
|
-
# renderer, *args, method_name: :#{method_name}, init_args: [template], **kwargs
|
|
50
|
-
# )
|
|
51
|
-
# raise ArgumentError, "invalid renderer, got: \#{renderer.inspect}" unless dispatcher
|
|
52
|
-
#
|
|
53
|
-
# dispatcher.call(self)
|
|
54
|
-
# end
|
|
55
|
-
#{renderer_method_template(method_name)}
|
|
56
|
-
RUBY
|
|
57
|
-
end
|
|
58
|
-
|
|
59
|
-
def generate_renderer_method(method_name)
|
|
60
|
-
require "active_support/code_generator"
|
|
61
|
-
ActiveSupport::CodeGenerator.batch(generated_renderer_methods, __FILE__, __LINE__) do |owner|
|
|
62
|
-
owner.define_cached_method(method_name, namespace: :plumber_renderers) do |batch|
|
|
63
|
-
batch << renderer_method_template(method_name)
|
|
64
|
-
end
|
|
65
|
-
end
|
|
66
|
-
end
|
|
67
|
-
|
|
68
|
-
def renderer_method_template(method_name)
|
|
69
|
-
<<-RUBY
|
|
70
|
-
def #{method_name}(*args, **kwargs)
|
|
71
|
-
renderer = renderers.fetch(:#{method_name}, {})
|
|
72
|
-
|
|
73
|
-
unless renderer.present?
|
|
74
|
-
raise ArgumentError, "##{method_name} not found in renderer" unless defined?(super)
|
|
75
|
-
super
|
|
76
|
-
end
|
|
77
|
-
|
|
78
|
-
dispatcher = StimulusPlumbers::Components::Plumber::Dispatcher.build(
|
|
79
|
-
renderer, *args, method_name: :#{method_name}, init_args: [template], **kwargs
|
|
80
|
-
)
|
|
81
|
-
raise ArgumentError, "invalid renderer, got: \#{renderer.inspect}" unless dispatcher
|
|
82
|
-
|
|
83
|
-
dispatcher.call(self)
|
|
84
|
-
end
|
|
85
|
-
RUBY
|
|
86
|
-
end
|
|
87
|
-
end
|
|
88
|
-
end
|
|
89
|
-
end
|
|
90
|
-
end
|
|
91
|
-
end
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Components
|
|
5
|
-
module Popover
|
|
6
|
-
class Builder
|
|
7
|
-
attr_reader :activator_html, :content_html
|
|
8
|
-
|
|
9
|
-
def initialize(template)
|
|
10
|
-
@template = template
|
|
11
|
-
@activator_html = "".html_safe
|
|
12
|
-
@content_html = "".html_safe
|
|
13
|
-
end
|
|
14
|
-
|
|
15
|
-
def activator(&block)
|
|
16
|
-
@activator_html = @template.capture(&block)
|
|
17
|
-
end
|
|
18
|
-
|
|
19
|
-
def content(&block)
|
|
20
|
-
@content_html = @template.capture(&block)
|
|
21
|
-
end
|
|
22
|
-
end
|
|
23
|
-
|
|
24
|
-
class Renderer < Plumber::Base
|
|
25
|
-
def popover(interactive: true, **kwargs, &block)
|
|
26
|
-
html_options = merge_html_options(
|
|
27
|
-
{ classes: theme.resolve(:popover).fetch(:classes, "") },
|
|
28
|
-
kwargs
|
|
29
|
-
)
|
|
30
|
-
|
|
31
|
-
builder = Builder.new(template)
|
|
32
|
-
template.capture(builder, &block)
|
|
33
|
-
|
|
34
|
-
template.content_tag(:div, **html_options) do
|
|
35
|
-
wrapped_content = if interactive
|
|
36
|
-
template.content_tag(:template, builder.content_html)
|
|
37
|
-
else
|
|
38
|
-
builder.content_html
|
|
39
|
-
end
|
|
40
|
-
template.safe_join([builder.activator_html, wrapped_content])
|
|
41
|
-
end
|
|
42
|
-
end
|
|
43
|
-
end
|
|
44
|
-
end
|
|
45
|
-
end
|
|
46
|
-
end
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Components
|
|
5
|
-
module TimePicker
|
|
6
|
-
# Renders a single scrollable drum column (hour, minute, or period) as a listbox.
|
|
7
|
-
class Renderer < Plumber::Base
|
|
8
|
-
CONTROLLER = "combobox-time"
|
|
9
|
-
|
|
10
|
-
def render(items:, label:, target:, selected: nil)
|
|
11
|
-
template.content_tag(
|
|
12
|
-
:ul,
|
|
13
|
-
role: "listbox",
|
|
14
|
-
aria: { label: label },
|
|
15
|
-
data: {
|
|
16
|
-
"#{CONTROLLER}_target": target,
|
|
17
|
-
action: "click->#{CONTROLLER}#select keydown->#{CONTROLLER}#navigate"
|
|
18
|
-
}
|
|
19
|
-
) do
|
|
20
|
-
template.safe_join(items.map { |text, value| render_item(text, value, selected) })
|
|
21
|
-
end
|
|
22
|
-
end
|
|
23
|
-
|
|
24
|
-
private
|
|
25
|
-
|
|
26
|
-
def render_item(text, value, selected)
|
|
27
|
-
template.content_tag(
|
|
28
|
-
:li,
|
|
29
|
-
text,
|
|
30
|
-
role: "option",
|
|
31
|
-
aria: { selected: value.to_s == selected.to_s ? "true" : "false" },
|
|
32
|
-
data: { value: value }
|
|
33
|
-
)
|
|
34
|
-
end
|
|
35
|
-
end
|
|
36
|
-
end
|
|
37
|
-
end
|
|
38
|
-
end
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Themes
|
|
5
|
-
module ActionList
|
|
6
|
-
SCHEMA = {
|
|
7
|
-
action_list_item: {
|
|
8
|
-
active: { default: false, range: Schema::Ranges::BOOL_RANGE }
|
|
9
|
-
}.freeze,
|
|
10
|
-
action_list: {}.freeze
|
|
11
|
-
}.freeze
|
|
12
|
-
end
|
|
13
|
-
end
|
|
14
|
-
end
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Themes
|
|
5
|
-
module Avatar
|
|
6
|
-
SCHEMA = {
|
|
7
|
-
avatar: {
|
|
8
|
-
size: { default: :md, range: Schema::Ranges::SIZE_RANGE },
|
|
9
|
-
color: { default: nil, range: :avatar_color_range }
|
|
10
|
-
}.freeze
|
|
11
|
-
}.freeze
|
|
12
|
-
end
|
|
13
|
-
end
|
|
14
|
-
end
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Themes
|
|
5
|
-
module Button
|
|
6
|
-
SCHEMA = {
|
|
7
|
-
button: {
|
|
8
|
-
variant: { default: :primary, range: %i[primary secondary outline destructive ghost link].freeze },
|
|
9
|
-
size: { default: :md, range: Schema::Ranges::SIZE_RANGE }
|
|
10
|
-
}.freeze,
|
|
11
|
-
button_group: {
|
|
12
|
-
alignment: { default: :left, range: Schema::Ranges::ALIGN_RANGE },
|
|
13
|
-
direction: { default: :row, range: Schema::Ranges::DIR_RANGE }
|
|
14
|
-
}.freeze
|
|
15
|
-
}.freeze
|
|
16
|
-
end
|
|
17
|
-
end
|
|
18
|
-
end
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Themes
|
|
5
|
-
module Calendar
|
|
6
|
-
SCHEMA = {
|
|
7
|
-
calendar_day: {
|
|
8
|
-
today: { default: false, range: Schema::Ranges::BOOL_RANGE },
|
|
9
|
-
selected: { default: false, range: Schema::Ranges::BOOL_RANGE },
|
|
10
|
-
outside: { default: false, range: Schema::Ranges::BOOL_RANGE }
|
|
11
|
-
}.freeze
|
|
12
|
-
}.freeze
|
|
13
|
-
end
|
|
14
|
-
end
|
|
15
|
-
end
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Themes
|
|
5
|
-
module Form
|
|
6
|
-
SCHEMA = {
|
|
7
|
-
form_group: {
|
|
8
|
-
layout: { default: :stacked, range: Schema::Ranges::LAYOUT_RANGE },
|
|
9
|
-
error: { default: false, range: Schema::Ranges::BOOL_RANGE }
|
|
10
|
-
}.freeze,
|
|
11
|
-
form_label: {
|
|
12
|
-
required: { default: false, range: Schema::Ranges::BOOL_RANGE },
|
|
13
|
-
hidden: { default: false, range: Schema::Ranges::BOOL_RANGE }
|
|
14
|
-
}.freeze,
|
|
15
|
-
form_required_mark: {}.freeze,
|
|
16
|
-
form_details: {}.freeze,
|
|
17
|
-
form_error: {}.freeze,
|
|
18
|
-
form_input: { error: { default: false, range: Schema::Ranges::BOOL_RANGE } }.freeze,
|
|
19
|
-
form_textarea: { error: { default: false, range: Schema::Ranges::BOOL_RANGE } }.freeze,
|
|
20
|
-
form_file: { error: { default: false, range: Schema::Ranges::BOOL_RANGE } }.freeze,
|
|
21
|
-
form_select: { error: { default: false, range: Schema::Ranges::BOOL_RANGE } }.freeze,
|
|
22
|
-
form_checkbox: { error: { default: false, range: Schema::Ranges::BOOL_RANGE } }.freeze,
|
|
23
|
-
form_radio: { error: { default: false, range: Schema::Ranges::BOOL_RANGE } }.freeze,
|
|
24
|
-
form_input_group: { error: { default: false, range: Schema::Ranges::BOOL_RANGE } }.freeze,
|
|
25
|
-
form_combobox: { error: { default: false, range: Schema::Ranges::BOOL_RANGE } }.freeze,
|
|
26
|
-
form_input_reveal: {}.freeze,
|
|
27
|
-
form_button_reveal: {}.freeze,
|
|
28
|
-
form_submit: {
|
|
29
|
-
variant: { default: :default, range: %i[default button].freeze }
|
|
30
|
-
}.freeze
|
|
31
|
-
}.freeze
|
|
32
|
-
end
|
|
33
|
-
end
|
|
34
|
-
end
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Themes
|
|
5
|
-
module Tailwind
|
|
6
|
-
module ActionList
|
|
7
|
-
LIST_ITEM_ACTIVE = %w[bg-[--sp-color-primary]/10 text-[--sp-color-primary]].freeze
|
|
8
|
-
LIST_ITEM_BASE = %w[
|
|
9
|
-
flex items-center gap-[--sp-space-2] w-full
|
|
10
|
-
px-[--sp-space-2] py-[--sp-space-1]
|
|
11
|
-
rounded-[--sp-radius-sm] text-[--sp-text-sm]
|
|
12
|
-
cursor-pointer select-none outline-none
|
|
13
|
-
hover:bg-[--sp-color-muted] focus:bg-[--sp-color-muted] focus:text-[--sp-color-fg]
|
|
14
|
-
].freeze
|
|
15
|
-
|
|
16
|
-
private
|
|
17
|
-
|
|
18
|
-
def action_list_classes
|
|
19
|
-
{ classes: klasses("py-[--sp-space-1]") }
|
|
20
|
-
end
|
|
21
|
-
|
|
22
|
-
def action_list_item_classes(active: false)
|
|
23
|
-
{
|
|
24
|
-
classes: klasses(
|
|
25
|
-
*LIST_ITEM_BASE,
|
|
26
|
-
*(active ? LIST_ITEM_ACTIVE : [])
|
|
27
|
-
)
|
|
28
|
-
}
|
|
29
|
-
end
|
|
30
|
-
end
|
|
31
|
-
end
|
|
32
|
-
end
|
|
33
|
-
end
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module StimulusPlumbers
|
|
4
|
-
module Themes
|
|
5
|
-
module Tailwind
|
|
6
|
-
module Avatar
|
|
7
|
-
COLORS = {
|
|
8
|
-
amber: "text-white bg-amber-600",
|
|
9
|
-
lime: "text-white bg-lime-600",
|
|
10
|
-
sky: "text-white bg-sky-600",
|
|
11
|
-
cyan: "text-white bg-cyan-600",
|
|
12
|
-
teal: "text-white bg-teal-600",
|
|
13
|
-
emerald: "text-white bg-emerald-600",
|
|
14
|
-
indigo: "text-white bg-indigo-600",
|
|
15
|
-
fuchsia: "text-white bg-fuchsia-600",
|
|
16
|
-
rose: "text-white bg-rose-600",
|
|
17
|
-
pink: "text-white bg-pink-600",
|
|
18
|
-
violet: "text-white bg-violet-600",
|
|
19
|
-
blue: "text-white bg-blue-600"
|
|
20
|
-
}.freeze
|
|
21
|
-
|
|
22
|
-
SIZES = {
|
|
23
|
-
sm: "size-[--sp-icon-size]",
|
|
24
|
-
md: "size-[--sp-avatar-size]",
|
|
25
|
-
lg: "size-12"
|
|
26
|
-
}.freeze
|
|
27
|
-
|
|
28
|
-
BASE = %w[rounded-[--sp-radius-full] overflow-hidden inline-flex items-center justify-center].freeze
|
|
29
|
-
|
|
30
|
-
def avatar_colors
|
|
31
|
-
COLORS
|
|
32
|
-
end
|
|
33
|
-
|
|
34
|
-
def avatar_color_range
|
|
35
|
-
COLORS.values
|
|
36
|
-
end
|
|
37
|
-
|
|
38
|
-
private
|
|
39
|
-
|
|
40
|
-
def avatar_classes(size: :md, color: nil)
|
|
41
|
-
{
|
|
42
|
-
classes: klasses(
|
|
43
|
-
SIZES.fetch(size, SIZES[:md]),
|
|
44
|
-
COLORS.fetch(color, nil),
|
|
45
|
-
*BASE
|
|
46
|
-
)
|
|
47
|
-
}
|
|
48
|
-
end
|
|
49
|
-
end
|
|
50
|
-
end
|
|
51
|
-
end
|
|
52
|
-
end
|