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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_filter/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_filter/docs/index.js +0 -1
- data/dist/playbook-doc.js +2 -2
- metadata +2 -4
- data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.html.erb +0 -42
- data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx +0 -83
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.
|
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-
|
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
|