playbook_ui_docs 14.16.0.pre.alpha.play1958formgrouperrorborder7022 → 14.16.0.pre.alpha.play1959tablekitstripedlogicoverridesbackground6892

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.
Files changed (18) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  4. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +11 -0
  5. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.jsx +7 -0
  6. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +6 -6
  7. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx +6 -6
  8. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +6 -6
  9. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +8 -8
  10. data/app/pb_kits/playbook/pb_layout/docs/example.yml +0 -1
  11. data/app/pb_kits/playbook/pb_layout/docs/index.js +0 -1
  12. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +4 -4
  13. data/dist/playbook-doc.js +1 -1
  14. metadata +2 -6
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx +0 -90
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.md +0 -3
  17. data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.jsx +0 -190
  18. data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.md +0 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: '0596eb9663f4ac0a3f573eeead4280d60883be7ea1c0863f39f92b176b2d6539'
4
- data.tar.gz: 97bbaab243714c983e592d7c6752221ae82b3d534ac418addca146a246f9b911
3
+ metadata.gz: 6128d056268f6d055b63eb978ce4e4f85b34eed756c48b5c636174f495d3c226
4
+ data.tar.gz: b7e8c448f91406ae0b03d41ef1e672c72ae6852e402d70a9eafd5112dda702bf
5
5
  SHA512:
6
- metadata.gz: a7118c96686aaca5aa6d312317923c5c838176e1042ba185a28d7a9bb1b6ea24e5ec2e204522222e22dcedec41a14a5dbfbad57ea9da3cdff5f3510a021170c9
7
- data.tar.gz: '05845abdde492c55eed9ec7a4b64c5a15eddef7a4eca4c11b1493bc4e9e833c649864bab263c041a76c7ca7288611194a5c39c36ddccea367277e39ef6e3b4ca'
6
+ metadata.gz: f670c9f40a9a1f573d9ee1c8e5d859cda64c2ca6124c6fd408abdea72251a012cbdeaacfcea2fad7b27491b50e68a4cec14f3f45af5727b7b20632cfc8b1b062
7
+ data.tar.gz: ff95a7f90324acb07b24513ab89736ed0f84a2068b3b3bda39c9568fe1a129a1d551c51340466635fbb55501a305ce45035bee6ee319046828233cbc7ff75a96
data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml CHANGED
@@ -39,5 +39,4 @@ examples:
39
39
  - advanced_table_selectable_rows_no_subrows: Selectable Rows (No Subrows)
40
40
  - advanced_table_selectable_rows_actions: Selectable Rows (With Actions)
41
41
  - advanced_table_selectable_rows_header: Selectable Rows (No Actions Bar)
42
- - advanced_table_inline_editing: Inline Cell Editing
43
- - advanced_table_fullscreen: Fullscreen
42
+ - advanced_table_inline_editing: Inline Cell Editing
data/app/pb_kits/playbook/pb_advanced_table/docs/index.js CHANGED
@@ -21,5 +21,4 @@ export { default as AdvancedTableSelectableRowsHeader } from './_advanced_table_
21
21
  export { default as AdvancedTableSelectableRowsActions } from './_advanced_table_selectable_rows_actions.jsx'
22
22
  export { default as AdvancedTableTablePropsStickyHeader } from './_advanced_table_table_props_sticky_header.jsx'
23
23
  export { default as AdvancedTableColumnHeadersCustomCell } from './_advanced_table_column_headers_custom_cell.jsx'
24
- export { default as AdvancedTableInlineEditing } from './_advanced_table_inline_editing.jsx'
25
- export { default as AdvancedTableFullscreen } from './_advanced_table_fullscreen.jsx'
24
+ export { default as AdvancedTableInlineEditing } from './_advanced_table_inline_editing.jsx'
data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb CHANGED
@@ -4,3 +4,14 @@
4
4
  inline: true,
5
5
  picker_id: "date-picker-inline"
6
6
  }) %>
7
+
8
+ <%= javascript_tag do %>
9
+ window.addEventListener("DOMContentLoaded", (event) => {
10
+ const fpInline = document.querySelector("#date-picker-inline")._flatpickr
11
+ <!-- Display the angle-down icon when a date has been selected -->
12
+ const showAngleDownHandler = () => {
13
+ document.querySelector('.inline-date-picker').classList.add('show-angle-down-icon')
14
+ }
15
+ fpInline.config.onChange.push(showAngleDownHandler)
16
+ })
17
+ <% end %>
data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.jsx CHANGED
@@ -3,12 +3,19 @@ import React from 'react'
3
3
  import DatePicker from '../_date_picker'
4
4
 
5
5
  const DatePickerInline = (props) => {
6
+ const showAngleDownHandler = (dateSelected) => {
7
+ if (dateSelected) {
8
+ document.querySelector('.inline-date-picker').classList.add('show-angle-down-icon')
9
+ }
10
+ }
11
+
6
12
  return (
7
13
  <div>
8
14
  <DatePicker
9
15
  className="inline-date-picker"
10
16
  hideIcon
11
17
  inLine
18
+ onChange={showAngleDownHandler}
12
19
  pickerId="date-picker-inline"
13
20
  {...props}
14
21
  />
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx CHANGED
@@ -12,7 +12,7 @@ const DropdownWithAutocomplete = (props) => {
12
12
  label: "Jasper Furniss",
13
13
  value: "Jasper Furniss",
14
14
  territory: "PHL",
15
- title: "Lead UX Engineer",
15
+ title: "Senior UX Engineer",
16
16
  id: "jasper-furniss",
17
17
  status: "Offline"
18
18
  },
@@ -25,18 +25,18 @@ const DropdownWithAutocomplete = (props) => {
25
25
  status: "Away"
26
26
  },
27
27
  {
28
- label: "Carlos Lima",
29
- value: "Carlos Lima",
28
+ label: "Jason Cypret",
29
+ value: "Jason Cypret",
30
30
  territory: "PHL",
31
- title: "Nitro Developer",
32
- id: "carlos-lima",
31
+ title: "VP of User Experience",
32
+ id: "jason-cypret",
33
33
  status: "Online"
34
34
  },
35
35
  {
36
36
  label: "Courtney Long",
37
37
  value: "Courtney Long",
38
38
  territory: "PHL",
39
- title: "Lead UX Designer",
39
+ title: "UX Design Mentor",
40
40
  id: "courtney-long",
41
41
  status: "Online"
42
42
  }
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx CHANGED
@@ -15,7 +15,7 @@ const DropdownWithAutocompleteAndCustomDisplay = (props) => {
15
15
  label: "Jasper Furniss",
16
16
  value: "Jasper Furniss",
17
17
  territory: "PHL",
18
- title: "Lead UX Engineer",
18
+ title: "Senior UX Engineer",
19
19
  id: "jasper-furniss",
20
20
  status: "Offline"
21
21
  },
@@ -28,18 +28,18 @@ const DropdownWithAutocompleteAndCustomDisplay = (props) => {
28
28
  status: "Away"
29
29
  },
30
30
  {
31
- label: "Carlos Lima",
32
- value: "Carlos Lima",
31
+ label: "Jason Cypret",
32
+ value: "Jason Cypret",
33
33
  territory: "PHL",
34
- title: "Nitro Developer",
35
- id: "carlos-lima",
34
+ title: "VP of User Experience",
35
+ id: "jason-cypret",
36
36
  status: "Online"
37
37
  },
38
38
  {
39
39
  label: "Courtney Long",
40
40
  value: "Courtney Long",
41
41
  territory: "PHL",
42
- title: "Lead UX Designer",
42
+ title: "UX Design Mentor",
43
43
  id: "courtney-long",
44
44
  status: "Online"
45
45
  }
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx CHANGED
@@ -15,7 +15,7 @@ const DropdownWithCustomDisplay = (props) => {
15
15
  label: "Jasper Furniss",
16
16
  value: "Jasper Furniss",
17
17
  territory: "PHL",
18
- title: "Lead UX Engineer",
18
+ title: "Senior UX Engineer",
19
19
  id: "jasper-furniss",
20
20
  status: "Offline"
21
21
  },
@@ -28,18 +28,18 @@ const DropdownWithCustomDisplay = (props) => {
28
28
  status: "Away"
29
29
  },
30
30
  {
31
- label: "Carlos Lima",
32
- value: "Carlos Lima",
31
+ label: "Jason Cypret",
32
+ value: "Jason Cypret",
33
33
  territory: "PHL",
34
- title: "Nitro Developer",
35
- id: "carlos-lima",
34
+ title: "VP of User Experience",
35
+ id: "jason-cypret",
36
36
  status: "Online"
37
37
  },
38
38
  {
39
39
  label: "Courtney Long",
40
40
  value: "Courtney Long",
41
41
  territory: "PHL",
42
- title: "Lead UX Designer",
42
+ title: "UX Design Mentor",
43
43
  id: "courtney-long",
44
44
  status: "Online"
45
45
  }
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb CHANGED
@@ -1,10 +1,10 @@
1
1
  <%
2
- options = [
2
+ options = [
3
3
  {
4
4
  label: "Jasper Furniss",
5
5
  value: "Jasper Furniss",
6
6
  territory: "PHL",
7
- title: "Lead UX Engineer",
7
+ title: "Senior UX Engineer",
8
8
  id: "jasper-furniss",
9
9
  status: "Offline"
10
10
  },
@@ -17,22 +17,22 @@
17
17
  status: "Away"
18
18
  },
19
19
  {
20
- label: "Carlos Lima",
21
- value: "Carlos Lima",
20
+ label: "Jason Cypret",
21
+ value: "Jason Cypret",
22
22
  territory: "PHL",
23
- title: "Nitro Developer",
24
- id: "carlos-lima",
23
+ title: "VP of User Experience",
24
+ id: "jason-cypret",
25
25
  status: "Online"
26
26
  },
27
27
  {
28
28
  label: "Courtney Long",
29
29
  value: "Courtney Long",
30
30
  territory: "PHL",
31
- title: "Lead UX Designer",
31
+ title: "UX Design Mentor",
32
32
  id: "courtney-long",
33
33
  status: "Online"
34
34
  }
35
- ];
35
+ ]
36
36
 
37
37
  %>
38
38
 
data/app/pb_kits/playbook/pb_layout/docs/example.yml CHANGED
@@ -18,5 +18,4 @@ examples:
18
18
  - layout_kanban: Kanban Layout
19
19
  - layout_content: Content Layout
20
20
  - layout_masonry: Masonry Layout
21
- - layout_bracket: Bracket Layout
22
21
 
data/app/pb_kits/playbook/pb_layout/docs/index.js CHANGED
@@ -7,5 +7,4 @@ export { default as LayoutKanbanResponsive } from './_layout_kanban_responsive.j
7
7
  export { default as LayoutCollectionDetail } from './_layout_collection_detail.jsx'
8
8
  export { default as LayoutContent } from './_layout_content.jsx'
9
9
  export { default as LayoutMasonry } from './_layout_masonry.jsx'
10
- export { default as LayoutBracket } from './_layout_bracket.jsx'
11
10
 
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx CHANGED
@@ -18,18 +18,18 @@ const USERS = [
18
18
  territory: "PHL",
19
19
  },
20
20
  {
21
- name: "Carlos Lima",
22
- title: "Nitro Developer",
21
+ name: "Jason Cypret",
22
+ title: "Vice President of User Experience",
23
23
  territory: "PHL",
24
24
  },
25
25
  {
26
26
  name: "Stephen Marshall",
27
- title: "Senior Nitro Developer",
27
+ title: "Senior User Experience Engineer",
28
28
  territory: "PHL",
29
29
  },
30
30
  {
31
31
  name: "Jasper Furniss",
32
- title: "Lead User Experience Engineer",
32
+ title: "Senior User Experience Engineer",
33
33
  territory: "PHL",
34
34
  },
35
35
  ];