playbook_ui_docs 13.18.0.pre.alpha.PLAY12062203 → 13.18.0.pre.alpha.dependabotnpmandyarnpowerhomeplaybookicons001alpha52174
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_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
|