playbook_ui_docs 13.18.0.pre.alpha.PLAY12062203 → 13.18.0.pre.alpha.dependabotnpmandyarnpowerhomeplaybookicons001alpha52174

Sign up to get free protection for your applications and to get access to all the features.
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 13.18.0.pre.alpha.PLAY12062203
4
+ version: 13.18.0.pre.alpha.dependabotnpmandyarnpowerhomeplaybookicons001alpha52174
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: 2024-02-20 00:00:00.000000000 Z
12
+ date: 2024-02-19 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -591,8 +591,6 @@ files:
591
591
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
592
592
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
593
593
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.md
594
- - app/pb_kits/playbook/pb_filter/docs/_filter_max_height.html.erb
595
- - app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx
596
594
  - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb
597
595
  - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx
598
596
  - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.md
@@ -1,42 +0,0 @@
1
- <%=
2
- pb_rails("filter", props: {
3
- max_height: "360px",
4
- id: "filter_max_height_rails",
5
- position: "top",
6
- filters: [
7
- { name: "name", value: "John Wick" },
8
- { name: "city", value: "San Francisco"}
9
- ],
10
- sort_menu: [
11
- { item: "Popularity", link: "?q[sorts]=managers_popularity+asc", active: true, direction: "desc" },
12
- { item: "Mananger's Title", link: "?q[sorts]=managers_title+asc", active: false },
13
- { item: "Manager's Name", link: "?q[sorts]=managers_name+asc", active: false },
14
- ],
15
- template: "default",
16
- results: 1,
17
- }) do
18
- %>
19
- <%
20
- example_collection = [
21
- OpenStruct.new(name: "USA", value: 1),
22
- OpenStruct.new(name: "Canada", value: 2),
23
- OpenStruct.new(name: "Brazil", value: 3),
24
- OpenStruct.new(name: "Philippines", value: 4),
25
- OpenStruct.new(name: "A galaxy far far away, like really far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far away...", value: 5)
26
- ]
27
- %>
28
- <%= pb_rails("form", props: { form_system_options: { scope: :example, method: :get } }) do |form| %>
29
- <%= form.text_field :example_text_field, props: { label: true } %>
30
- <%= form.text_field :example_text_field, props: { label: true } %>
31
- <%= form.text_field :example_text_field, props: { label: true } %>
32
- <%= form.text_field :example_text_field, props: { label: true } %>
33
- <%= form.text_field :example_text_field, props: { label: true } %>
34
- <%= form.text_field :example_text_field, props: { label: true } %>
35
- <%= form.collection_select :example_collection_select, example_collection, :value, :name, props: {max_width: "sm", label: true } %>
36
-
37
- <%= form.actions do |action| %>
38
- <%= action.submit props: { text: "Apply", data: { disable_with: "<i class='far fa-spinner fa-spin mr-3'></i>Searching...".html_safe },}%>
39
- <%= action.button props: { type: "reset", text: "Clear", variant: "secondary" } %>
40
- <% end %>
41
- <% end %>
42
- <% end %>
@@ -1,83 +0,0 @@
1
- import React from 'react'
2
- import { Button, Filter, Flex, Select, TextInput } from '../..'
3
-
4
- const FilterMaxHeight = (props) => {
5
- const options = [
6
- { value: 'USA' },
7
- { value: 'Canada' },
8
- { value: 'Brazil' },
9
- { value: 'Philippines' },
10
- { value: 'A galaxy far far away, like really far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far away...' },
11
- ]
12
- return (
13
- <Filter
14
- {...props}
15
- double
16
- filters={{
17
- 'Full Name': 'John Wick',
18
- 'City': 'San Francisco',
19
- }}
20
- maxHeight="360px"
21
- minWidth="360px"
22
- results={1}
23
- sortOptions={{
24
- popularity: 'Popularity',
25
- // eslint-disable-next-line
26
- manager_title: 'Manager\'s Title',
27
- // eslint-disable-next-line
28
- manager_name: 'Manager\'s Name',
29
- }}
30
- sortValue={[{ name: 'popularity', dir: 'desc' }]}
31
- >
32
- {({ closePopover }) => (
33
- <form>
34
- <Select
35
- blankSelection="Select One..."
36
- label="Territory"
37
- name="location"
38
- options={options}
39
- />
40
- <TextInput
41
- label="First Name"
42
- placeholder="Enter name"
43
- {...props}
44
- />
45
- <TextInput
46
- label="Middle Name"
47
- placeholder="Enter name"
48
- {...props}
49
- />
50
- <TextInput
51
- label="Last Name"
52
- placeholder="Enter name"
53
- {...props}
54
- />
55
- <TextInput
56
- label="Email"
57
- placeholder="Enter email"
58
- {...props}
59
- />
60
- <TextInput
61
- label="Address"
62
- placeholder="Enter address"
63
- {...props}
64
- />
65
- <Flex
66
- spacing="between"
67
- >
68
- <Button
69
- onClick={closePopover}
70
- text="Apply"
71
- />
72
- <Button
73
- text="Clear"
74
- variant="secondary"
75
- />
76
- </Flex>
77
- </form>
78
- )}
79
- </Filter>
80
- )
81
- }
82
-
83
- export default FilterMaxHeight