playbook_ui 4.0.1 → 4.1.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 124b780708521b0e6a52e1579c0b9b77f08eba4e2ab69ffaf662fe48d2921f04
4
- data.tar.gz: 606e82f8d846ea284aef6a59afb4c59ac79fc7403ac907f5290ec1c263ec52c9
3
+ metadata.gz: 1470db9077b7df5d5a60e541fd40746b22775eda44cb1101aea48c9424f346bf
4
+ data.tar.gz: ecd5db19dbaa6f9d61ba2eb610497f0493af5bf8a0a85012c7b957ee36e7d397
5
5
  SHA512:
6
- metadata.gz: 1e4055fedb2b599307caad79e47001fc8c8cd8e4519b83d50292131c38ccc91da73f48def47d3af8347b2825480384bf9a2846c58230c994a956a5b68da3d541
7
- data.tar.gz: 206b7fd62d2114c7702b7c12de6c7b31f98c5ed4d5740322d8c5e552b13808343436cdb938b07d89089bd271442ba5050db4e9d69e3bf81b6ce232ada381999c
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] > [data-pb-typeahead-kit-results] > li {
35
- &:focus-within {
36
- background: $bg_light;
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
- > button {
40
- background: none;
41
- color: inherit;
42
- border: none;
43
- padding: 0;
44
- font: inherit;
45
- cursor: pointer;
46
- outline: inherit;
47
- width: 100%;
48
- height: 100%;
49
- text-align: left;
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
  }
@@ -1,4 +1,4 @@
1
- <%= pb_rails("typeahead", props: { data: { typeahead_example: true } }) %>
1
+ <%= pb_rails("typeahead", props: { label: "user", name: :foo, data: { typeahead_example: true } }) %>
2
2
 
3
3
  <br><br><br>
4
4
 
@@ -6,6 +6,7 @@ module Playbook
6
6
  include Playbook::Props
7
7
 
8
8
  prop :label
9
+ prop :name
9
10
  prop :placeholder
10
11
  prop :search_term_minimum_length, default: 3
11
12
  prop :search_debounce_timeout, default: 250
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "4.0.1"
4
+ VERSION = "4.1.0"
5
5
  end
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.1
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-28 00:00:00.000000000 Z
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