phlex_ui 0.1.6 → 0.1.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/phlex_ui/accordion/builder.rb +1 -1
- data/lib/phlex_ui/accordion/content.rb +2 -2
- data/lib/phlex_ui/accordion/default_content.rb +2 -2
- data/lib/phlex_ui/accordion/default_trigger.rb +1 -1
- data/lib/phlex_ui/accordion/icon.rb +1 -1
- data/lib/phlex_ui/accordion/item.rb +2 -2
- data/lib/phlex_ui/accordion/trigger.rb +2 -2
- data/lib/phlex_ui/accordion.rb +2 -2
- data/lib/phlex_ui/alert/description.rb +2 -2
- data/lib/phlex_ui/alert/title.rb +2 -2
- data/lib/phlex_ui/alert.rb +2 -2
- data/lib/phlex_ui/alert_dialog/action.rb +2 -2
- data/lib/phlex_ui/alert_dialog/cancel.rb +2 -2
- data/lib/phlex_ui/alert_dialog/content.rb +3 -3
- data/lib/phlex_ui/alert_dialog/description.rb +2 -2
- data/lib/phlex_ui/alert_dialog/footer.rb +2 -2
- data/lib/phlex_ui/alert_dialog/header.rb +2 -2
- data/lib/phlex_ui/alert_dialog/title.rb +2 -2
- data/lib/phlex_ui/alert_dialog/trigger.rb +2 -2
- data/lib/phlex_ui/alert_dialog.rb +3 -3
- data/lib/phlex_ui/aspect_ratio.rb +1 -1
- data/lib/phlex_ui/avatar/builder.rb +1 -1
- data/lib/phlex_ui/avatar/fallback.rb +2 -2
- data/lib/phlex_ui/avatar/image.rb +1 -1
- data/lib/phlex_ui/avatar.rb +2 -2
- data/lib/phlex_ui/badge.rb +2 -2
- data/lib/phlex_ui/button.rb +2 -2
- data/lib/phlex_ui/calendar/body.rb +13 -13
- data/lib/phlex_ui/calendar/days.rb +92 -92
- data/lib/phlex_ui/calendar/header.rb +11 -11
- data/lib/phlex_ui/calendar/next.rb +36 -36
- data/lib/phlex_ui/calendar/prev.rb +36 -36
- data/lib/phlex_ui/calendar/title.rb +20 -20
- data/lib/phlex_ui/calendar/weekdays.rb +23 -23
- data/lib/phlex_ui/calendar.rb +31 -31
- data/lib/phlex_ui/card/content.rb +2 -2
- data/lib/phlex_ui/card/description.rb +2 -2
- data/lib/phlex_ui/card/footer.rb +2 -2
- data/lib/phlex_ui/card/header.rb +2 -2
- data/lib/phlex_ui/card/title.rb +2 -2
- data/lib/phlex_ui/card.rb +2 -2
- data/lib/phlex_ui/chart.rb +2 -2
- data/lib/phlex_ui/checkbox.rb +1 -1
- data/lib/phlex_ui/clipboard/popover.rb +1 -1
- data/lib/phlex_ui/clipboard/source.rb +2 -2
- data/lib/phlex_ui/clipboard/trigger.rb +2 -2
- data/lib/phlex_ui/clipboard.rb +1 -1
- data/lib/phlex_ui/codeblock.rb +1 -1
- data/lib/phlex_ui/collapsible/content.rb +2 -2
- data/lib/phlex_ui/collapsible/trigger.rb +2 -2
- data/lib/phlex_ui/collapsible.rb +2 -2
- data/lib/phlex_ui/command/dialog.rb +11 -11
- data/lib/phlex_ui/command/dialog_content.rb +40 -40
- data/lib/phlex_ui/command/dialog_trigger.rb +21 -21
- data/lib/phlex_ui/command/empty.rb +13 -13
- data/lib/phlex_ui/command/group.rb +32 -32
- data/lib/phlex_ui/command/input.rb +47 -47
- data/lib/phlex_ui/command/item.rb +24 -24
- data/lib/phlex_ui/command/list.rb +11 -11
- data/lib/phlex_ui/command.rb +11 -11
- data/lib/phlex_ui/context_menu/content.rb +1 -1
- data/lib/phlex_ui/context_menu/item.rb +1 -1
- data/lib/phlex_ui/context_menu/label.rb +2 -2
- data/lib/phlex_ui/context_menu/separator.rb +1 -1
- data/lib/phlex_ui/context_menu/trigger.rb +2 -2
- data/lib/phlex_ui/context_menu.rb +2 -2
- data/lib/phlex_ui/dialog/content.rb +1 -1
- data/lib/phlex_ui/dialog/description.rb +2 -2
- data/lib/phlex_ui/dialog/footer.rb +2 -2
- data/lib/phlex_ui/dialog/header.rb +2 -2
- data/lib/phlex_ui/dialog/middle.rb +2 -2
- data/lib/phlex_ui/dialog/title.rb +2 -2
- data/lib/phlex_ui/dialog/trigger.rb +2 -2
- data/lib/phlex_ui/dialog.rb +2 -2
- data/lib/phlex_ui/dropdown_menu/content.rb +1 -1
- data/lib/phlex_ui/dropdown_menu/item.rb +2 -2
- data/lib/phlex_ui/dropdown_menu/label.rb +2 -2
- data/lib/phlex_ui/dropdown_menu/separator.rb +1 -1
- data/lib/phlex_ui/dropdown_menu/trigger.rb +2 -2
- data/lib/phlex_ui/dropdown_menu.rb +2 -2
- data/lib/phlex_ui/form/builder.rb +3 -3
- data/lib/phlex_ui/form/item.rb +2 -2
- data/lib/phlex_ui/form/spacer.rb +2 -2
- data/lib/phlex_ui/form.rb +2 -2
- data/lib/phlex_ui/hint.rb +2 -2
- data/lib/phlex_ui/hover_card/content.rb +1 -1
- data/lib/phlex_ui/hover_card/trigger.rb +2 -2
- data/lib/phlex_ui/hover_card.rb +2 -2
- data/lib/phlex_ui/input.rb +1 -1
- data/lib/phlex_ui/input_error.rb +2 -2
- data/lib/phlex_ui/label.rb +2 -2
- data/lib/phlex_ui/link.rb +2 -2
- data/lib/phlex_ui/pagination/content.rb +17 -0
- data/lib/phlex_ui/pagination/ellipsis.rb +42 -0
- data/lib/phlex_ui/pagination/item.rb +28 -0
- data/lib/phlex_ui/pagination.rb +19 -0
- data/lib/phlex_ui/popover/content.rb +1 -1
- data/lib/phlex_ui/popover/trigger.rb +2 -2
- data/lib/phlex_ui/popover.rb +2 -2
- data/lib/phlex_ui/select/builder.rb +1 -1
- data/lib/phlex_ui/select/content.rb +2 -2
- data/lib/phlex_ui/select/group.rb +2 -2
- data/lib/phlex_ui/select/input.rb +1 -1
- data/lib/phlex_ui/select/item.rb +1 -1
- data/lib/phlex_ui/select/label.rb +2 -2
- data/lib/phlex_ui/select/trigger.rb +1 -1
- data/lib/phlex_ui/select/value.rb +1 -1
- data/lib/phlex_ui/select.rb +2 -2
- data/lib/phlex_ui/sheet/content.rb +65 -65
- data/lib/phlex_ui/sheet/description.rb +11 -11
- data/lib/phlex_ui/sheet/footer.rb +11 -11
- data/lib/phlex_ui/sheet/header.rb +11 -11
- data/lib/phlex_ui/sheet/middle.rb +11 -11
- data/lib/phlex_ui/sheet/title.rb +11 -11
- data/lib/phlex_ui/sheet/trigger.rb +11 -11
- data/lib/phlex_ui/sheet.rb +11 -11
- data/lib/phlex_ui/shortcut_key.rb +2 -2
- data/lib/phlex_ui/table/body.rb +2 -2
- data/lib/phlex_ui/table/builder.rb +1 -1
- data/lib/phlex_ui/table/caption.rb +2 -2
- data/lib/phlex_ui/table/cell.rb +2 -2
- data/lib/phlex_ui/table/footer.rb +2 -2
- data/lib/phlex_ui/table/head.rb +2 -2
- data/lib/phlex_ui/table/header.rb +2 -2
- data/lib/phlex_ui/table/row.rb +2 -2
- data/lib/phlex_ui/table.rb +1 -1
- data/lib/phlex_ui/tabs/content.rb +2 -2
- data/lib/phlex_ui/tabs/list.rb +2 -2
- data/lib/phlex_ui/tabs/trigger.rb +2 -2
- data/lib/phlex_ui/tabs.rb +2 -2
- data/lib/phlex_ui/theme_toggle.rb +6 -6
- data/lib/phlex_ui/tooltip/content.rb +1 -1
- data/lib/phlex_ui/tooltip/trigger.rb +2 -2
- data/lib/phlex_ui/tooltip.rb +2 -2
- data/lib/phlex_ui/typography/blockquote.rb +2 -2
- data/lib/phlex_ui/typography/h1.rb +2 -2
- data/lib/phlex_ui/typography/h2.rb +2 -2
- data/lib/phlex_ui/typography/h3.rb +2 -2
- data/lib/phlex_ui/typography/h4.rb +2 -2
- data/lib/phlex_ui/typography/inline_code.rb +2 -2
- data/lib/phlex_ui/typography/inline_link.rb +2 -2
- data/lib/phlex_ui/typography/large.rb +2 -2
- data/lib/phlex_ui/typography/lead.rb +2 -2
- data/lib/phlex_ui/typography/list.rb +5 -5
- data/lib/phlex_ui/typography/list_item.rb +2 -2
- data/lib/phlex_ui/typography/muted.rb +2 -2
- data/lib/phlex_ui/typography/p.rb +2 -2
- data/lib/phlex_ui/typography/small.rb +2 -2
- data/lib/phlex_ui.rb +4 -0
- metadata +23 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: acd9ea55a5ee9d75f5be4b6807571e6fa11dd3ae6d9a7de0bd95c792935e990e
|
4
|
+
data.tar.gz: d93efc2a587b2517b5673d5a9f2e63ee52f02fc8327937053a7061259e9d2abd
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6b35f6747e733af02a88b5f76a838219575d2453790d0ee50f51d00f5d48f9cc5973aac10ad2e382b7a0bf80b2746887e5d3ae576d08baa50c278c4f583ebb87
|
7
|
+
data.tar.gz: ea5f9dbfb64337e55ecb56a1fbf1438a60a94e6ce89904b87e05769f401f9e07053d495bd0a5bc0b4c889083d6678fcdeefe3508e9033697849831f4b8a93df9
|
data/lib/phlex_ui/accordion.rb
CHANGED
data/lib/phlex_ui/alert/title.rb
CHANGED
data/lib/phlex_ui/alert.rb
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
module PhlexUI
|
4
4
|
class AlertDialog::Content < Base
|
5
|
-
def
|
5
|
+
def view_template(&block)
|
6
6
|
template_tag(**attrs) do
|
7
7
|
div(data: {controller: "dismissable"}) do
|
8
8
|
background
|
@@ -22,13 +22,13 @@ module PhlexUI
|
|
22
22
|
)
|
23
23
|
end
|
24
24
|
|
25
|
-
def container(&
|
25
|
+
def container(&)
|
26
26
|
div(
|
27
27
|
role: "alertdialog",
|
28
28
|
data_state: "open",
|
29
29
|
class: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
|
30
30
|
style: "pointer-events:auto",
|
31
|
-
&
|
31
|
+
&
|
32
32
|
)
|
33
33
|
end
|
34
34
|
|
@@ -7,8 +7,8 @@ module PhlexUI
|
|
7
7
|
super(**attrs)
|
8
8
|
end
|
9
9
|
|
10
|
-
def
|
11
|
-
div(**attrs, &
|
10
|
+
def view_template(&)
|
11
|
+
div(**attrs, &)
|
12
12
|
end
|
13
13
|
|
14
14
|
private
|
@@ -17,7 +17,7 @@ module PhlexUI
|
|
17
17
|
{
|
18
18
|
data: {
|
19
19
|
controller: "alert-dialog",
|
20
|
-
alert_dialog_open_value: @open
|
20
|
+
alert_dialog_open_value: @open.to_s
|
21
21
|
},
|
22
22
|
class: "inline-block"
|
23
23
|
}
|
data/lib/phlex_ui/avatar.rb
CHANGED
data/lib/phlex_ui/badge.rb
CHANGED
data/lib/phlex_ui/button.rb
CHANGED
@@ -1,19 +1,19 @@
|
|
1
1
|
# frozen_string_literal: true
|
2
2
|
|
3
3
|
module PhlexUI
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
4
|
+
class Calendar::Body < Base
|
5
|
+
def view_template
|
6
|
+
table(**attrs)
|
7
|
+
end
|
8
8
|
|
9
|
-
|
9
|
+
private
|
10
10
|
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
end
|
11
|
+
def default_attrs
|
12
|
+
{
|
13
|
+
data: {
|
14
|
+
calendar_target: "calendar"
|
15
|
+
}
|
16
|
+
}
|
18
17
|
end
|
19
|
-
end
|
18
|
+
end
|
19
|
+
end
|
@@ -1,104 +1,104 @@
|
|
1
1
|
# frozen_string_literal: true
|
2
2
|
|
3
3
|
module PhlexUI
|
4
|
-
|
5
|
-
|
4
|
+
class Calendar::Days < Base
|
5
|
+
BASE_CLASS = "inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-8 w-8 p-0 font-normal aria-selected:opacity-100"
|
6
6
|
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
7
|
+
def view_template
|
8
|
+
render_selected_date_template
|
9
|
+
render_today_date_template
|
10
|
+
render_current_month_date_template
|
11
|
+
render_other_month_date_template
|
12
|
+
end
|
13
13
|
|
14
|
-
|
14
|
+
private
|
15
15
|
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
16
|
+
def render_selected_date_template
|
17
|
+
date_template("selectedDateTemplate") do
|
18
|
+
button(
|
19
|
+
data_day: "{{day}}",
|
20
|
+
data_action: " click->calendar#selectDay",
|
21
|
+
name: "day",
|
22
|
+
class:
|
23
|
+
tokens(
|
24
|
+
BASE_CLASS,
|
25
|
+
"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground"
|
26
|
+
),
|
27
|
+
role: "gridcell",
|
28
|
+
tabindex: "0",
|
29
|
+
type: "button",
|
30
|
+
aria_selected: "true"
|
31
|
+
) { "{{dayDate}}" }
|
32
|
+
end
|
33
|
+
end
|
34
34
|
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
35
|
+
def render_today_date_template
|
36
|
+
date_template("todayDateTemplate") do
|
37
|
+
button(
|
38
|
+
data_day: "{{day}}",
|
39
|
+
data_action: " click->calendar#selectDay",
|
40
|
+
name: "day",
|
41
|
+
class:
|
42
|
+
tokens(
|
43
|
+
BASE_CLASS,
|
44
|
+
"bg-accent text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
45
|
+
),
|
46
|
+
role: "gridcell",
|
47
|
+
tabindex: "-1",
|
48
|
+
type: "button"
|
49
|
+
) { "{{dayDate}}" }
|
50
|
+
end
|
51
|
+
end
|
52
52
|
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
53
|
+
def render_current_month_date_template
|
54
|
+
date_template("currentMonthDateTemplate") do
|
55
|
+
button(
|
56
|
+
data_day: "{{day}}",
|
57
|
+
data_action: " click->calendar#selectDay",
|
58
|
+
name: "day",
|
59
|
+
class:
|
60
|
+
tokens(
|
61
|
+
BASE_CLASS,
|
62
|
+
"bg-background text-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
63
|
+
),
|
64
|
+
role: "gridcell",
|
65
|
+
tabindex: "-1",
|
66
|
+
type: "button"
|
67
|
+
) { "{{dayDate}}" }
|
68
|
+
end
|
69
|
+
end
|
70
70
|
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
71
|
+
def render_other_month_date_template
|
72
|
+
date_template("otherMonthDateTemplate") do
|
73
|
+
button(
|
74
|
+
data_day: "{{day}}",
|
75
|
+
data_action: " click->calendar#selectDay",
|
76
|
+
name: "day",
|
77
|
+
class:
|
78
|
+
tokens(
|
79
|
+
BASE_CLASS,
|
80
|
+
"bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
81
|
+
),
|
82
|
+
role: "gridcell",
|
83
|
+
tabindex: "-1",
|
84
|
+
type: "button"
|
85
|
+
) { "{{dayDate}}" }
|
86
|
+
end
|
87
|
+
end
|
88
88
|
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
89
|
+
def date_template(target, &block)
|
90
|
+
template_tag(data: {calendar_target: target}) do
|
91
|
+
td(
|
92
|
+
class:
|
93
|
+
"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected])]:rounded-md",
|
94
|
+
role: "presentation",
|
95
|
+
&block
|
96
|
+
)
|
97
|
+
end
|
98
|
+
end
|
99
99
|
|
100
|
-
|
101
|
-
|
102
|
-
end
|
100
|
+
def default_attrs
|
101
|
+
{}
|
103
102
|
end
|
104
|
-
end
|
103
|
+
end
|
104
|
+
end
|
@@ -1,17 +1,17 @@
|
|
1
1
|
# frozen_string_literal: true
|
2
2
|
|
3
3
|
module PhlexUI
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
4
|
+
class Calendar::Header < Base
|
5
|
+
def view_template(&)
|
6
|
+
div(**attrs, &)
|
7
|
+
end
|
8
8
|
|
9
|
-
|
9
|
+
private
|
10
10
|
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
end
|
11
|
+
def default_attrs
|
12
|
+
{
|
13
|
+
class: "flex justify-center pt-1 relative items-center"
|
14
|
+
}
|
16
15
|
end
|
17
|
-
end
|
16
|
+
end
|
17
|
+
end
|