playbook_ui 13.26.0.pre.alpha.PBNTR291Dropdownrailsv22840 → 13.26.0.pre.alpha.jasoncypretpatch12816
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +10 -14
- data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +5 -9
- data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +2 -6
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +2 -6
- data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +1 -6
- data/app/pb_kits/playbook/pb_background/background.html.erb +2 -11
- data/app/pb_kits/playbook/pb_badge/badge.html.erb +1 -6
- data/app/pb_kits/playbook/pb_body/body.html.erb +1 -6
- data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb +1 -6
- data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb +2 -7
- data/app/pb_kits/playbook/pb_button/_button_mixins.scss +1 -0
- data/app/pb_kits/playbook/pb_button/button.html.erb +2 -3
- data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb +2 -7
- data/app/pb_kits/playbook/pb_caption/caption.html.erb +1 -6
- data/app/pb_kits/playbook/pb_card/card.html.erb +1 -7
- data/app/pb_kits/playbook/pb_card/card_body.html.erb +1 -6
- data/app/pb_kits/playbook/pb_card/card_header.html.erb +1 -6
- data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +1 -6
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -6
- data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +1 -6
- data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb +1 -6
- data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +1 -7
- data/app/pb_kits/playbook/pb_contact/contact.html.erb +1 -6
- data/app/pb_kits/playbook/pb_currency/currency.html.erb +1 -6
- data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb +1 -6
- data/app/pb_kits/playbook/pb_date/date.html.erb +1 -6
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +2 -6
- data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb +1 -5
- data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb +1 -5
- data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +1 -5
- data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +1 -6
- data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +1 -7
- data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb +1 -5
- data/app/pb_kits/playbook/pb_detail/detail.html.erb +1 -6
- data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -6
- data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb +2 -7
- data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb +1 -5
- data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +2 -6
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +2 -3
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +2 -4
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.md +3 -3
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +2 -9
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +2 -4
- data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +1 -6
- data/app/pb_kits/playbook/pb_filter/filter.html.erb +1 -5
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +1 -6
- data/app/pb_kits/playbook/pb_flex/flex.html.erb +1 -5
- data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +2 -6
- data/app/pb_kits/playbook/pb_form_group/form_group.html.erb +1 -6
- data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +1 -1
- data/app/pb_kits/playbook/pb_hashtag/hashtag.html.erb +1 -6
- data/app/pb_kits/playbook/pb_highlight/highlight.html.erb +1 -5
- data/app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb +1 -5
- data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +2 -7
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +1 -6
- data/app/pb_kits/playbook/pb_icon_value/icon_value.html.erb +1 -6
- data/app/pb_kits/playbook/pb_label_pill/label_pill.html.erb +1 -6
- data/app/pb_kits/playbook/pb_label_value/label_value.html.erb +1 -6
- data/app/pb_kits/playbook/pb_layout/body.html.erb +1 -5
- data/app/pb_kits/playbook/pb_layout/footer.html.erb +1 -5
- data/app/pb_kits/playbook/pb_layout/header.html.erb +1 -5
- data/app/pb_kits/playbook/pb_layout/item.html.erb +1 -5
- data/app/pb_kits/playbook/pb_layout/layout.html.erb +1 -5
- data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +1 -5
- data/app/pb_kits/playbook/pb_list/item.html.erb +2 -8
- data/app/pb_kits/playbook/pb_list/list.html.erb +2 -8
- data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +1 -6
- data/app/pb_kits/playbook/pb_message/message.html.erb +1 -6
- data/app/pb_kits/playbook/pb_message/message_mention.html.erb +1 -6
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +1 -6
- data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +1 -6
- data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +1 -6
- data/app/pb_kits/playbook/pb_nav/item.html.erb +3 -14
- data/app/pb_kits/playbook/pb_nav/nav.html.erb +1 -6
- data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +2 -6
- data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +1 -6
- data/app/pb_kits/playbook/pb_passphrase/passphrase.html.erb +1 -1
- data/app/pb_kits/playbook/pb_person/person.html.erb +7 -12
- data/app/pb_kits/playbook/pb_person_contact/person_contact.html.erb +1 -6
- data/app/pb_kits/playbook/pb_pill/pill.html.erb +1 -6
- data/app/pb_kits/playbook/pb_popover/popover.html.erb +1 -6
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +2 -6
- data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +3 -6
- data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +1 -5
- data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +1 -5
- data/app/pb_kits/playbook/pb_radio/radio.html.erb +2 -8
- data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +1 -6
- data/app/pb_kits/playbook/pb_select/select.html.erb +1 -5
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -5
- data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +1 -4
- data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +1 -5
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +1 -6
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +1 -6
- data/app/pb_kits/playbook/pb_source/source.html.erb +1 -5
- data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +1 -5
- data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +1 -5
- data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +1 -5
- data/app/pb_kits/playbook/pb_table/table.html.erb +2 -12
- data/app/pb_kits/playbook/pb_table/table_body.html.erb +6 -16
- data/app/pb_kits/playbook/pb_table/table_cell.html.erb +6 -16
- data/app/pb_kits/playbook/pb_table/table_head.html.erb +6 -16
- data/app/pb_kits/playbook/pb_table/table_header.html.erb +4 -13
- data/app/pb_kits/playbook/pb_table/table_row.html.erb +6 -16
- data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +1 -5
- data/app/pb_kits/playbook/pb_time/time.html.erb +1 -5
- data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.html.erb +1 -5
- data/app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb +1 -5
- data/app/pb_kits/playbook/pb_timeline/item.html.erb +3 -7
- data/app/pb_kits/playbook/pb_timeline/timeline.html.erb +1 -5
- data/app/pb_kits/playbook/pb_timestamp/timestamp.html.erb +1 -6
- data/app/pb_kits/playbook/pb_title/title.html.erb +1 -6
- data/app/pb_kits/playbook/pb_title_count/title_count.html.erb +1 -6
- data/app/pb_kits/playbook/pb_title_detail/title_detail.html.erb +1 -5
- data/app/pb_kits/playbook/pb_toggle/toggle.html.erb +1 -6
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +1 -1
- data/app/pb_kits/playbook/pb_tooltip/tooltip.html.erb +1 -5
- data/app/pb_kits/playbook/pb_user/user.html.erb +1 -6
- data/app/pb_kits/playbook/pb_user_badge/user_badge.html.erb +1 -6
- data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb +1 -6
- data/app/pb_kits/playbook/playbook-rails.js +0 -3
- data/dist/playbook-rails.js +6 -6
- data/lib/playbook/kit_base.rb +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +2 -19
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb +0 -10
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.html.erb +0 -17
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.html.erb +0 -60
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.html.erb +0 -45
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb +0 -17
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.html.erb +0 -47
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb +0 -10
- data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +0 -26
- data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +0 -20
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +0 -21
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +0 -19
- data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +0 -27
- data/app/pb_kits/playbook/pb_dropdown/dropdown_option.rb +0 -22
- data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +0 -43
- data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb +0 -30
- data/app/pb_kits/playbook/pb_dropdown/index.js +0 -153
- data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +0 -77
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 206335e803eec3ed3e5695e1b1c1167eba6954c8f1f83a03d253b5dc71c719cc
|
|
4
|
+
data.tar.gz: c76858f5d00007ed5ae8f7f093e0f5f82a1d6d31a05ba4892e542355a53c5690
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2a0d4609fb054f76bfdcaff7ef27b530df5707009286ad102b108150510149957c29a1b605031af96df83731953c31227402d4cbe2d321d022d1a5e96162b498
|
|
7
|
+
data.tar.gz: 175086caf5c12041d083abbd13fc929b9ee60b3267a578c3ea8dad0ad913facc9f23818472f6b1146d96119030244d9ca4fd2f58f801bc2534104f3d8d7dd423
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<%= pb_rails("advanced_table/table_body", props: {table_data: object.table_data, column_definitions: object.column_definitions}) %>
|
|
12
|
-
<% end %>
|
|
13
|
-
<% end %>
|
|
14
|
-
<% end %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
2
|
+
<%= pb_rails("table", props: { size: "sm", tag:"div", data_table: true, number_spacing:"tabular", responsive:"none" }) do %>
|
|
3
|
+
<% if content.present? %>
|
|
4
|
+
<% content.presence %>
|
|
5
|
+
<% else %>
|
|
6
|
+
<%= pb_rails("advanced_table/table_header", props: {column_definitions: object.column_definitions, enable_toggle_expansion: object.enable_toggle_expansion }) %>
|
|
7
|
+
<%= pb_rails("advanced_table/table_body", props: {table_data: object.table_data, column_definitions: object.column_definitions}) %>
|
|
8
|
+
<% end %>
|
|
9
|
+
<% end %>
|
|
10
|
+
<% end %>
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
<% object.table_data.each do |row| %>
|
|
7
|
-
<%= render_row_and_children(row, object.column_definitions) %>
|
|
8
|
-
<% end %>
|
|
9
|
-
<% end %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
2
|
+
<% object.table_data.each do |row| %>
|
|
3
|
+
<%= render_row_and_children(row, object.column_definitions) %>
|
|
4
|
+
<% end %>
|
|
5
|
+
<% end %>
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
aria: object.aria,
|
|
3
|
-
class: object.classname,
|
|
4
|
-
data: object.data,
|
|
5
|
-
id: object.id) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
6
2
|
<%= pb_rails("table/table_row", props: {tag:"div"}) do %>
|
|
7
3
|
<% object.column_definitions.each_with_index do |item, index| %>
|
|
8
4
|
<%= pb_rails("table/table_header", props: { tag:"div", id:item[:accessor], classname:object.th_classname}) do %>
|
|
@@ -17,4 +13,4 @@
|
|
|
17
13
|
<% end %>
|
|
18
14
|
<% end %>
|
|
19
15
|
<% end %>
|
|
20
|
-
<% end %>
|
|
16
|
+
<% end %>
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
aria: object.aria,
|
|
3
|
-
class: object.classname,
|
|
4
|
-
data: object.data,
|
|
5
|
-
id: object.id) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
6
2
|
<% object.column_definitions.each_with_index do |column, index| %>
|
|
7
3
|
<%= pb_rails("table/table_cell", props: { tag:"div", classname:object.td_classname}) do %>
|
|
8
4
|
<%= pb_rails("flex", props:{ align: "center", justify: index.zero? ? "start" : "end" }) do %>
|
|
@@ -35,4 +31,4 @@
|
|
|
35
31
|
<% end %>
|
|
36
32
|
<% end %>
|
|
37
33
|
<% end %>
|
|
38
|
-
<% end %>
|
|
34
|
+
<% end %>
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
aria: object.aria,
|
|
3
|
-
id: object.id,
|
|
4
|
-
data: object.data,
|
|
5
|
-
class: object.classname,
|
|
6
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
7
2
|
<% if object.tooltip_text.present? %>
|
|
8
3
|
<%= pb_rails("tooltip", props: {
|
|
9
4
|
trigger_element_id: object.tooltip_id,
|
|
@@ -1,23 +1,14 @@
|
|
|
1
1
|
<% if object.image_url.present? %>
|
|
2
|
-
<%=
|
|
3
|
-
aria: object.aria,
|
|
4
|
-
data: object.data,
|
|
5
|
-
id: object.id,
|
|
6
|
-
class: object.classname,
|
|
2
|
+
<%= pb_content_tag(object.tag,
|
|
7
3
|
style: "background-image: url('#{object.image_url}');
|
|
8
4
|
background-repeat: #{object.background_repeat};
|
|
9
5
|
background-size: #{object.background_size};
|
|
10
6
|
background-position: #{object.background_position};",
|
|
11
|
-
**combined_html_options
|
|
12
7
|
) do %>
|
|
13
8
|
<%= content.presence %>
|
|
14
9
|
<% end %>
|
|
15
10
|
<% else %>
|
|
16
|
-
<%=
|
|
17
|
-
aria: object.aria,
|
|
18
|
-
data: object.data,
|
|
19
|
-
id: object.id,
|
|
20
|
-
class: object.classname,
|
|
11
|
+
<%= pb_content_tag(object.tag,
|
|
21
12
|
style: object.custom_background_color
|
|
22
13
|
) do %>
|
|
23
14
|
<%= content.presence %>
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
id: object.id,
|
|
3
|
-
data: object.data,
|
|
4
|
-
class: object.classname,
|
|
5
|
-
aria: object.aria,
|
|
6
|
-
**combined_html_options) do%>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
7
2
|
<%= content_tag(object.link ? 'a' : 'span', class: 'bread_crumb_item', href: object.link) do %>
|
|
8
3
|
<%= content.presence %>
|
|
9
4
|
<% end %>
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
object.tag == "button" ? object.options : object.link_options
|
|
3
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag(object.tag,
|
|
2
|
+
object.tag == "button" ? object.options : object.link_options) do %>
|
|
4
3
|
<% if object.variant === "reaction" %>
|
|
5
4
|
<% if icon && object.valid_emoji(object.icon) %>
|
|
6
5
|
<%= pb_rails("flex", props:{ align: "center" }) do %>
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
id: object.id,
|
|
3
|
-
data: object.data,
|
|
4
|
-
class: object.classname,
|
|
5
|
-
**combined_html_options
|
|
6
|
-
) do %>
|
|
1
|
+
<%= pb_content_tag(:label) do %>
|
|
7
2
|
<%= content.presence || object.input %>
|
|
8
3
|
<% if object.indeterminate %>
|
|
9
4
|
<span class="pb_checkbox_indeterminate">
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
aria: object.aria,
|
|
3
|
-
id: object.id,
|
|
4
|
-
data: object.data,
|
|
5
|
-
class: object.classname,
|
|
6
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
7
2
|
<%= pb_rails("button", props: {type: object.type, link: object.link, new_window:object.new_window, variant: object.variant, disabled: object.disabled, dark: object.dark}) do %>
|
|
8
3
|
<%= pb_rails("icon", props: {icon: object.icon, fixed_width: true, dark: object.dark}) %>
|
|
9
4
|
<% end %>
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
id: object.id,
|
|
3
|
-
data: object.data,
|
|
4
|
-
class: object.classname,
|
|
5
|
-
aria: object.aria,
|
|
6
|
-
**combined_html_options) do %>
|
|
7
|
-
|
|
1
|
+
<%= pb_content_tag do %>
|
|
8
2
|
<%= pb_rails("flex", props: {vertical: "center", spacing: "between", cursor: "pointer"}) do %>
|
|
9
3
|
<%= pb_rails("flex/flex_item") do %>
|
|
10
4
|
<%= content.presence %>
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
aria: object.aria,
|
|
3
|
-
id: object.id,
|
|
4
|
-
data: object.data,
|
|
5
|
-
class: object.classname,
|
|
6
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
7
2
|
<%= pb_rails("caption", props: object.caption_props) %>
|
|
8
3
|
|
|
9
4
|
<div class=<%= "pb_currency_wrapper#{object.variant_class || object.emphasized_class}" %>>
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
aria: object.aria,
|
|
3
|
-
class: object.classname,
|
|
4
|
-
data: object.data,
|
|
5
|
-
id: object.id,
|
|
6
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
7
2
|
<% if object.stat_label.present? %>
|
|
8
3
|
<%= pb_rails("body", props: { color: "light", text: object.stat_label } ) %>
|
|
9
4
|
<% end %>
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
|
|
3
|
-
class: object.classname + object.error_class,
|
|
4
|
-
data: object.data,
|
|
5
|
-
id: object.id,
|
|
6
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag(:div,
|
|
2
|
+
class: object.classname + object.error_class) do %>
|
|
7
3
|
<div class="input_wrapper">
|
|
8
4
|
<% if content.present? %>
|
|
9
5
|
<%= content %>
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
id: object.id,
|
|
3
|
-
data: object.data,
|
|
4
|
-
class: object.classname,
|
|
5
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
6
2
|
<div class="pb_date_range_inline_wrapper">
|
|
7
3
|
<% if object.icon == true %>
|
|
8
4
|
<%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, color: object.icon_color, text: pb_rails("icon", props: { icon: "calendar-alt", fixed_width: true, size: object.size, classname: "pb_date_range_inline_icon" }) }) %>
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
id: object.id,
|
|
3
|
-
data: object.data,
|
|
4
|
-
class: object.classname,
|
|
5
|
-
aria: object.aria,
|
|
6
|
-
**combined_html_options) do %>
|
|
7
|
-
|
|
1
|
+
<%= pb_content_tag do %>
|
|
8
2
|
<%= pb_rails("flex", props: {classname: "flex-container", vertical: "stretch"}) do %>
|
|
9
3
|
<%= pb_rails("body", props: {classname: "flex-item"}) do %>
|
|
10
4
|
<%= pb_rails("date_stacked", props: { date: object.date_time_value, size: "sm", align: "right", bold: true, dark: object.dark }) %>
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
id: object.id,
|
|
3
|
-
data: object.data,
|
|
4
|
-
class: object.classname,
|
|
5
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
6
2
|
<%= pb_rails("title", props: { text: object.day_month, size: 4, dark: object.dark }) %>
|
|
7
3
|
<%= pb_rails("body", props: { text: object.year, size: 4, color: "light", dark: object.dark }) %>
|
|
8
4
|
<% end %>
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
<div class="pb_dialog_wrapper_rails <%= object.full_height_style %>" data-overlay-click= <%= object.overlay_close %> >
|
|
2
|
-
<%=
|
|
3
|
-
aria: object.aria,
|
|
4
|
-
data: object.data,
|
|
5
|
-
id: object.id,
|
|
6
|
-
class: object.classname,
|
|
7
|
-
**combined_html_options) do %>
|
|
2
|
+
<%= pb_content_tag(:dialog) do %>
|
|
8
3
|
<% if object.status === "" && object.title %>
|
|
9
4
|
<%= pb_rails("dialog/dialog_header", props: { title: object.title, id: object.id }) %>
|
|
10
5
|
<% end %>
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
id: object.id,
|
|
3
|
-
data: object.data,
|
|
4
|
-
aria: object.aria,
|
|
5
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
6
2
|
<% if object.confirm_button && object.cancel_button %>
|
|
7
3
|
<div class="dialog-pseudo-footer"></div>
|
|
8
4
|
<%= pb_rails("flex", props: { classname:object.classname, spacing:"between", padding_x:"sm", padding:"sm", padding_bottom:"sm" }) do %>
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
|
|
3
|
-
data: object.data,
|
|
4
|
-
class: object.sticky_header,
|
|
5
|
-
aria: object.aria,
|
|
6
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag(:div,
|
|
2
|
+
class: object.sticky_header) do %>
|
|
7
3
|
<%= pb_rails("flex", props: {classname:object.classname, spacing:"between", padding:"sm", align:"center"}) do %>
|
|
8
4
|
<%= content.presence || object.title %>
|
|
9
5
|
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
&:focus {
|
|
40
|
-
box-shadow: 0px 0px 0 1px $primary
|
|
40
|
+
box-shadow: 0px 0px 0 1px $primary;
|
|
41
41
|
outline: unset;
|
|
42
42
|
transition: box-shadow 0.15s ease-in-out;
|
|
43
43
|
}
|
|
@@ -77,9 +77,8 @@
|
|
|
77
77
|
}
|
|
78
78
|
&[class*="selected"] {
|
|
79
79
|
background-color: $primary;
|
|
80
|
-
color: $white;
|
|
81
80
|
[class^="pb_body"],
|
|
82
|
-
[class^="pb_title_kit"]
|
|
81
|
+
[class^="pb_title_kit"] {
|
|
83
82
|
color: $white !important;
|
|
84
83
|
}
|
|
85
84
|
&:hover {
|
|
@@ -114,10 +114,8 @@ const Dropdown = (props: DropdownProps) => {
|
|
|
114
114
|
setIsDropDownClosed(isClosed)
|
|
115
115
|
},[isClosed])
|
|
116
116
|
|
|
117
|
-
const filteredOptions = options?.filter((option: GenericObject) =>
|
|
118
|
-
|
|
119
|
-
return String(label).toLowerCase().includes(filterItem.toLowerCase());
|
|
120
|
-
}
|
|
117
|
+
const filteredOptions = options?.filter((option: GenericObject) =>
|
|
118
|
+
option.label.toLowerCase().includes(filterItem.toLowerCase())
|
|
121
119
|
);
|
|
122
120
|
|
|
123
121
|
// For keyboard accessibility: Set focus within dropdown to selected item if it exists
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
The dropdown comes with the following subcomponents that can be used to achieve various levels of customization:
|
|
2
2
|
|
|
3
|
-
`Dropdown. Trigger`
|
|
4
|
-
`Dropdown.Container
|
|
5
|
-
`Dropdown.Option`
|
|
3
|
+
`Dropdown. Trigger`
|
|
4
|
+
`Dropdown.Container`
|
|
5
|
+
`Dropdown.Option`
|
|
6
6
|
|
|
7
7
|
See the code snippet below for a visual on how to use the kit with subcomponents. Each subcomponent allows for GlobalProps in addition to any subcomponent specfic props.
|
|
@@ -1,13 +1,6 @@
|
|
|
1
1
|
examples:
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
- dropdown_subcomponent_structure: Subcomponent Structure
|
|
5
|
-
- dropdown_with_label: With Label
|
|
6
|
-
- dropdown_with_custom_options: Custom Options
|
|
7
|
-
- dropdown_with_custom_display: Custom Display
|
|
8
|
-
- dropdown_with_custom_trigger: Custom Trigger
|
|
9
|
-
- dropdown_with_custom_padding: Custom Padding for Dropdown Options
|
|
10
|
-
|
|
2
|
+
|
|
3
|
+
|
|
11
4
|
react:
|
|
12
5
|
- dropdown_default: Default
|
|
13
6
|
- dropdown_subcomponent_structure: Subcomponent Structure
|
|
@@ -50,10 +50,8 @@ const DropdownOption = (props: DropdownOptionProps) => {
|
|
|
50
50
|
selected,
|
|
51
51
|
} = useContext(DropdownContext);
|
|
52
52
|
|
|
53
|
-
const isItemMatchingFilter = (option: GenericObject) =>
|
|
54
|
-
|
|
55
|
-
return String(label).toLowerCase().includes(filterItem.toLowerCase());
|
|
56
|
-
}
|
|
53
|
+
const isItemMatchingFilter = (option: GenericObject) =>
|
|
54
|
+
option?.label.toLowerCase().includes(filterItem.toLowerCase());
|
|
57
55
|
|
|
58
56
|
if (!isItemMatchingFilter(option)) {
|
|
59
57
|
return null;
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
aria: object.aria,
|
|
3
|
-
class: object.classname,
|
|
4
|
-
data: object.data,
|
|
5
|
-
id: object.id,
|
|
6
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
7
2
|
<%= pb_rails("form_group", props: {cursor: "pointer", full_width: object.full_width}) do %>
|
|
8
3
|
<label for="upload-<%= object.id %>" class="pb_button_kit_secondary_inline_enabled"><%= "#{object.label}" %></label>
|
|
9
4
|
<%= pb_rails("text_input", props: {
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
id: object.id,
|
|
3
|
-
data: object.data,
|
|
4
|
-
class: object.classname,
|
|
5
|
-
**combined_html_options) do %>
|
|
1
|
+
<%= pb_content_tag do %>
|
|
6
2
|
<%= object.wrapper do %>
|
|
7
3
|
<%= pb_rails("flex", props: { orientation: "row", padding_right: "lg", vertical: "center" }) do %>
|
|
8
4
|
<% if (object.template != "sort_only") %>
|