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.
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.pre.alpha.play10221678
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-13 00:00:00.000000000 Z
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: 1.3.1
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.
@@ -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.