playbook_ui 4.0.1 → 4.1.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/app/pb_kits/playbook/pb_form/form_builder.rb +1 -0
- data/app/pb_kits/playbook/pb_form/form_builder/typeahead_field.rb +14 -0
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb +1 -1
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +19 -19
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +1 -0
- data/lib/playbook/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1470db9077b7df5d5a60e541fd40746b22775eda44cb1101aea48c9424f346bf
|
|
4
|
+
data.tar.gz: ecd5db19dbaa6f9d61ba2eb610497f0493af5bf8a0a85012c7b957ee36e7d397
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4307ef6ff4471f9716284c3a154013a925ae2a609f8f88fa5c988d32cde13e263eb440edd57dbd3d1fad97a5b200b9091d60b43538fd12bdc1a28fb009ebc5db
|
|
7
|
+
data.tar.gz: 95a6bd4ca598883a570f7874376937957de200f301cabb93aa81e378b54e04d7701c1a0283730166375e5d2809832fb80648e1f82a215f1be4f99084bd8aab07
|
|
@@ -14,6 +14,7 @@ module Playbook
|
|
|
14
14
|
prepend(FormFieldBuilder.new(:password_field, kit_name: "text_input"))
|
|
15
15
|
prepend(FormFieldBuilder.new(:url_field, kit_name: "text_input"))
|
|
16
16
|
prepend(FormFieldBuilder.new(:text_area, kit_name: "textarea"))
|
|
17
|
+
prepend(TypeaheadField)
|
|
17
18
|
prepend(SelectField)
|
|
18
19
|
prepend(CollectionSelectField)
|
|
19
20
|
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module Playbook
|
|
4
|
+
module PbForm
|
|
5
|
+
module FormBuilder
|
|
6
|
+
module TypeaheadField
|
|
7
|
+
def typeahead(name, _options = {}, _html_options = {}, props: {})
|
|
8
|
+
props[:name] = name
|
|
9
|
+
@template.pb_rails("typeahead", props: props)
|
|
10
|
+
end
|
|
11
|
+
end
|
|
12
|
+
end
|
|
13
|
+
end
|
|
14
|
+
end
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
data: object.data,
|
|
4
4
|
class: object.classname) do %>
|
|
5
5
|
<div class="pb_typeahead_wrapper">
|
|
6
|
-
<%= pb_rails("text_input", props: { type: "search", label: object.label, placeholder: object.placeholder }) %>
|
|
6
|
+
<%= pb_rails("text_input", props: { type: "search", label: object.label, name: object.name, placeholder: object.placeholder }) %>
|
|
7
7
|
<%= pb_rails("list", props: { ordered: false, dark: false, borderless: false, xpadding: true, role: "status", aria: { live: "polite" }, data: { pb_typeahead_kit_results: true } }) do %>
|
|
8
8
|
<% end %>
|
|
9
9
|
</div>
|
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
position: relative;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.text_input_wrapper {
|
|
7
|
-
margin-bottom: 0;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
6
|
.pb_item_kit {
|
|
11
7
|
padding: ($space_xs + 2) 0;
|
|
12
8
|
|
|
@@ -31,22 +27,26 @@
|
|
|
31
27
|
display: none;
|
|
32
28
|
}
|
|
33
29
|
|
|
34
|
-
[class^=pb_list_kit]
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
30
|
+
[class^=pb_list_kit] {
|
|
31
|
+
margin-top: -$space-sm;
|
|
32
|
+
|
|
33
|
+
& > [data-pb-typeahead-kit-results] > li {
|
|
34
|
+
&:focus-within {
|
|
35
|
+
background: $bg_light;
|
|
36
|
+
}
|
|
38
37
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
38
|
+
> button {
|
|
39
|
+
background: none;
|
|
40
|
+
color: inherit;
|
|
41
|
+
border: none;
|
|
42
|
+
padding: 0;
|
|
43
|
+
font: inherit;
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
outline: inherit;
|
|
46
|
+
width: 100%;
|
|
47
|
+
height: 100%;
|
|
48
|
+
text-align: left;
|
|
49
|
+
}
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
}
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 4.0
|
|
4
|
+
version: 4.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2020-01-
|
|
12
|
+
date: 2020-01-29 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -719,6 +719,7 @@ files:
|
|
|
719
719
|
- app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
|
|
720
720
|
- app/pb_kits/playbook/pb_form/form_builder/select_field.rb
|
|
721
721
|
- app/pb_kits/playbook/pb_form/form_builder/simple_form_builder.rb
|
|
722
|
+
- app/pb_kits/playbook/pb_form/form_builder/typeahead_field.rb
|
|
722
723
|
- app/pb_kits/playbook/pb_form/pb_form_validation.js
|
|
723
724
|
- app/pb_kits/playbook/pb_hashtag/_hashtag.html.erb
|
|
724
725
|
- app/pb_kits/playbook/pb_hashtag/_hashtag.jsx
|