playbook_ui_docs 13.13.0.pre.alpha.play10221678 → 13.13.0
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_date_picker/docs/_date_picker_quick_pick_react.jsx +2 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +0 -2
- data/dist/playbook-doc.js +7 -7
- metadata +7 -13
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.html.erb +0 -29
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx +0 -34
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.md +0 -7
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb +0 -28
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx +0 -34
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md +0 -1
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui_docs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.13.0
|
4
|
+
version: 13.13.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-12-
|
12
|
+
date: 2023-12-08 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: playbook_ui
|
@@ -412,12 +412,6 @@ files:
|
|
412
412
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md
|
413
413
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
|
414
414
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx
|
415
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.html.erb
|
416
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
|
417
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.md
|
418
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb
|
419
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx
|
420
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md
|
421
415
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.html.erb
|
422
416
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md
|
423
417
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.html.erb
|
@@ -1690,7 +1684,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
1690
1684
|
licenses:
|
1691
1685
|
- ISC
|
1692
1686
|
metadata: {}
|
1693
|
-
post_install_message:
|
1687
|
+
post_install_message:
|
1694
1688
|
rdoc_options: []
|
1695
1689
|
require_paths:
|
1696
1690
|
- lib
|
@@ -1701,12 +1695,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
1701
1695
|
version: '0'
|
1702
1696
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
1703
1697
|
requirements:
|
1704
|
-
- - "
|
1698
|
+
- - ">="
|
1705
1699
|
- !ruby/object:Gem::Version
|
1706
|
-
version:
|
1700
|
+
version: '0'
|
1707
1701
|
requirements: []
|
1708
1702
|
rubygems_version: 3.3.7
|
1709
|
-
signing_key:
|
1703
|
+
signing_key:
|
1710
1704
|
specification_version: 4
|
1711
1705
|
summary: Playbook Design System Docs
|
1712
1706
|
test_files: []
|
@@ -1,29 +0,0 @@
|
|
1
|
-
<%= pb_rails("date_picker", props: {
|
2
|
-
allow_input: true,
|
3
|
-
custom_quick_pick_dates: {
|
4
|
-
dates: [
|
5
|
-
# Allow Playbook to handle the logic...
|
6
|
-
{
|
7
|
-
label: "Last 15 months",
|
8
|
-
value: {
|
9
|
-
timePeriod: "months",
|
10
|
-
amount: 15,
|
11
|
-
},
|
12
|
-
},
|
13
|
-
# Or, be explicit with an exact date range for more control...
|
14
|
-
{
|
15
|
-
label: "First Week of June 2022",
|
16
|
-
value: ["06/01/2022", "06/07/2022"],
|
17
|
-
},
|
18
|
-
],
|
19
|
-
},
|
20
|
-
end_date_id: "quick-pick-end-date",
|
21
|
-
end_date_name: "quick-pick-end-date",
|
22
|
-
mode: "range",
|
23
|
-
picker_id: "date-picker-quick-pick-custom",
|
24
|
-
placeholder: "mm/dd/yyyy to mm/dd/yyyy",
|
25
|
-
selection_type: "quickpick",
|
26
|
-
start_date_id: "quick-pick-start-date",
|
27
|
-
start_date_name: "quick-pick-start-date"
|
28
|
-
}) %>
|
29
|
-
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import DatePicker from "../_date_picker"
|
3
|
-
|
4
|
-
const DatePickerQuickPickCustom = (props) => (
|
5
|
-
<>
|
6
|
-
<DatePicker
|
7
|
-
allowInput
|
8
|
-
customQuickPickDates={{
|
9
|
-
dates: [
|
10
|
-
// Allow Playbook to handle the logic...
|
11
|
-
{
|
12
|
-
label: "Last 15 months",
|
13
|
-
value: {
|
14
|
-
timePeriod: "months",
|
15
|
-
amount: 15,
|
16
|
-
},
|
17
|
-
},
|
18
|
-
// Or, be explicit with an exact date range for more control...
|
19
|
-
{
|
20
|
-
label: "First Week of June 2022",
|
21
|
-
value: ["06/01/2022", "06/07/2022"],
|
22
|
-
},
|
23
|
-
],
|
24
|
-
}}
|
25
|
-
mode='range'
|
26
|
-
pickerId='date-picker-quick-pick-custom-override'
|
27
|
-
placeholder='mm/dd/yyyy to mm/dd/yyyy'
|
28
|
-
selectionType='quickpick'
|
29
|
-
{...props}
|
30
|
-
/>
|
31
|
-
</>
|
32
|
-
)
|
33
|
-
|
34
|
-
export default DatePickerQuickPickCustom
|
@@ -1,7 +0,0 @@
|
|
1
|
-
The customQuickPickDates/custom_quick_pick_dates prop allows for the user/dev to define their own quick pick dates.
|
2
|
-
The prop accepts an object with two key/value pairs: dates & override (separate doc example below).
|
3
|
-
|
4
|
-
The dates property accepts an array of objects. Each object in the array has label and value properties. The label is what will be displayed in the UI of the dropdown menu. The value property is just the date that is going to be passed to the datepicker. The value property can be an array of two strings that represent a range, allowing for the dev to be extremely specific. Additionally, the dates array allows for a clean, simple API under that automatically converts dates in a common vernacular.
|
5
|
-
|
6
|
-
The timePeriod property accepts "days", "weeks", "months", "quarters" or "years", representing past time periods.
|
7
|
-
The amount property accepts any number.
|
data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
<%= pb_rails("date_picker", props: {
|
2
|
-
allow_input: true,
|
3
|
-
custom_quick_pick_dates: {
|
4
|
-
override: false,
|
5
|
-
dates: [
|
6
|
-
{
|
7
|
-
label: "Last 15 months",
|
8
|
-
value: {
|
9
|
-
timePeriod: "months",
|
10
|
-
amount: 15,
|
11
|
-
},
|
12
|
-
},
|
13
|
-
{
|
14
|
-
label: "First Week of June 2022",
|
15
|
-
value: ["06/01/2022", "06/07/2022"],
|
16
|
-
},
|
17
|
-
],
|
18
|
-
},
|
19
|
-
end_date_id: "quick-pick-end-date",
|
20
|
-
end_date_name: "quick-pick-end-date",
|
21
|
-
mode: "range",
|
22
|
-
picker_id: "date-picker-quick-pick-override",
|
23
|
-
placeholder: "mm/dd/yyyy to mm/dd/yyyy",
|
24
|
-
selection_type: "quickpick",
|
25
|
-
start_date_id: "quick-pick-start-date",
|
26
|
-
start_date_name: "quick-pick-start-date"
|
27
|
-
}) %>
|
28
|
-
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import DatePicker from "../_date_picker"
|
3
|
-
|
4
|
-
const DatePickerQuickPickCustomOverride = (props) => (
|
5
|
-
<>
|
6
|
-
<DatePicker
|
7
|
-
allowInput
|
8
|
-
customQuickPickDates={{
|
9
|
-
override: false,
|
10
|
-
dates: [
|
11
|
-
{
|
12
|
-
label: "Last 15 months",
|
13
|
-
value: {
|
14
|
-
timePeriod: "months",
|
15
|
-
amount: 15,
|
16
|
-
},
|
17
|
-
},
|
18
|
-
{
|
19
|
-
label: "First Week of June 2022",
|
20
|
-
value: ["06/01/2022", "06/07/2022"],
|
21
|
-
},
|
22
|
-
],
|
23
|
-
}}
|
24
|
-
marginTop='lg'
|
25
|
-
mode='range'
|
26
|
-
pickerId='date-picker-quick-pick-custom'
|
27
|
-
placeholder='mm/dd/yyyy to mm/dd/yyyy'
|
28
|
-
selectionType='quickpick'
|
29
|
-
{...props}
|
30
|
-
/>
|
31
|
-
</>
|
32
|
-
)
|
33
|
-
|
34
|
-
export default DatePickerQuickPickCustomOverride
|
@@ -1 +0,0 @@
|
|
1
|
-
The customQuickPickDates/custom_quick_pick_dates prop allows for an override boolean. The override allows for the user to completely override the quick pick dates that ship with the component. Default of `override` is set to true. If you would like to simply append your dates to the default quick pick dates, set this prop to false explicitly.
|