playbook_ui 14.17.0.pre.alpha.PLAY1967bracketlayoutphase27240 → 14.17.0.pre.alpha.PLAY1967bracketlayoutphase27244

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 (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_layout/_layout.scss +3 -1
  3. data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.jsx +14 -14
  4. data/app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx +6 -3
  5. data/app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx +6 -1
  6. data/dist/chunks/{_weekday_stacked-CQqRUTO3.js → _weekday_stacked-CHQAKYTa.js} +1 -1
  7. data/dist/chunks/vendor.js +1 -1
  8. data/dist/playbook-doc.js +1 -1
  9. data/dist/playbook.css +1 -1
  10. data/lib/playbook/version.rb +1 -1
  11. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: cfba70a073b0d33aacdfbea9a358801e6db55becf21f92a4d349bb09c93c8f01
4
- data.tar.gz: 56d5e22414e5b0f7f5d4f7d0c0ac959011769c77c9c80825d0640a93f998128c
3
+ metadata.gz: 920da5818325a824d55eb4d6b91dc75f4fe4f8994265a92a1e660df7e2081456
4
+ data.tar.gz: b8378998b1aa55c7b7477276bf07cbce25e86fb8bcb69e1b79400b0ad4237118
5
5
  SHA512:
6
- metadata.gz: 1167069b006efc96683510cab2ffec8b5428c7e608feb864bc85d17a530dcdf8d41e7d9d6bf618bd58fc4746b948bd477af372082fad188da6464d62f771c91f
7
- data.tar.gz: d08485abd673a09f6c0d410b4617aaf65abc44d6bf8780af2e3d0121285bdebb8770ef434c092cb7d43dfc100bd1a6fdbf54128776e813246e9a9b61bb8b3677
6
+ metadata.gz: f2da26fcf4102d726e24e7b72b107d9703baa91133e38ea76022feb961ae0d10a0b16c7df8631bc83494cdd7dfaa0dc256b1fb19eb801c08368428b7d5c4948e
7
+ data.tar.gz: 7b730b852a4e767544d72b2e570581e3c4fee1b83dc1725ab716eb602a5bdd400a93be542021b2c30ebee1341b5ab74a74005b52388d28c09957495e39cc9983
data/app/pb_kits/playbook/pb_layout/_layout.scss CHANGED
@@ -228,7 +228,9 @@ $bracket-border-width: 4px;
228
228
 
229
229
  .layout_participant,
230
230
  .layout_participant_winner,
231
- .layout_participant_self {
231
+ .layout_participant_self,
232
+ .layout_participant_winner_self,
233
+ .layout_participant_winner_self_last {
232
234
  height: 60px;
233
235
  }
234
236
 
data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.jsx CHANGED
@@ -6,85 +6,85 @@ import SectionSeparator from '../../pb_section_separator/_section_separator'
6
6
 
7
7
  const teamData = {
8
8
  eagles: {
9
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/8/8e/Philadelphia_Eagles_logo.svg/1920px-Philadelphia_Eagles_logo.svg.png",
9
+ avatar:"https://images.unsplash.com/photo-1628703117067-fb7c9c20946e?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8ZWFnbGVzfGVufDB8fDB8fHww",
10
10
  name:"Eagles",
11
11
  rank:"#1 NFC East",
12
12
  territory:"PHI",
13
13
  },
14
14
  packers: {
15
- avatar:"https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Green_Bay_Packers_logo.svg/1920px-Green_Bay_Packers_logo.svg.png",
15
+ avatar:"https://images.unsplash.com/photo-1486297678162-eb2a19b0a32d?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
16
16
  name:"Packers",
17
17
  rank:"#3 NFC North",
18
18
  territory:"GB",
19
19
  },
20
20
  vikings: {
21
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/4/48/Minnesota_Vikings_logo.svg/1024px-Minnesota_Vikings_logo.svg.png",
21
+ avatar:"https://images.unsplash.com/photo-1525540796810-55f9fbc5592f?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTV8fHZpa2luZ3xlbnwwfHwwfHx8MA%3D%3D",
22
22
  name:"Vikings",
23
23
  rank:"#2 NFC North",
24
24
  territory:"MIN",
25
25
  },
26
26
  rams: {
27
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/8/8a/Los_Angeles_Rams_logo.svg/1920px-Los_Angeles_Rams_logo.svg.png",
27
+ avatar:"https://images.unsplash.com/photo-1490739043913-239b6cdf4084?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
28
28
  name:"Rams",
29
29
  rank:"#1 NFC West",
30
30
  territory:"LAR",
31
31
  },
32
32
  lions: {
33
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/7/71/Detroit_Lions_logo.svg/1920px-Detroit_Lions_logo.svg.png",
33
+ avatar:"https://images.unsplash.com/photo-1614027164847-1b28cfe1df60?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
34
34
  name:"Lions",
35
35
  rank:"#1 NFC North",
36
36
  territory:"DET",
37
37
  },
38
38
  commanders: {
39
- avatar:"https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Washington_Commanders_logo.svg/2560px-Washington_Commanders_logo.svg.png",
39
+ avatar:"https://images.unsplash.com/photo-1501466044931-62695aada8e9?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
40
40
  name:"Commanders",
41
41
  rank:"#2 NFC East",
42
42
  territory:"WAS",
43
43
  },
44
44
  buccaneers: {
45
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/a/a2/Tampa_Bay_Buccaneers_logo.svg/1920px-Tampa_Bay_Buccaneers_logo.svg.png",
45
+ avatar:"https://images.unsplash.com/photo-1584116843008-46d529f04145?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
46
46
  name:"Buccaneers",
47
47
  rank:"#1 NFC South",
48
48
  territory:"TB",
49
49
  },
50
50
  chiefs: {
51
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/e/e1/Kansas_City_Chiefs_logo.svg/2560px-Kansas_City_Chiefs_logo.svg.png",
51
+ avatar:"https://plus.unsplash.com/premium_photo-1697729864667-57f5f29e946b?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8a2Fuc2FzJTIwY2l0eXxlbnwwfHwwfHx8MA%3D%3D",
52
52
  name:"Chiefs",
53
53
  rank:"#1 AFC West",
54
54
  territory:"KC",
55
55
  },
56
56
  chargers: {
57
- avatar:"https://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Los_Angeles_Chargers_logo.svg/2560px-Los_Angeles_Chargers_logo.svg.png",
57
+ avatar:"https://images.unsplash.com/photo-1529310399831-ed472b81d589?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
58
58
  name:"Chargers",
59
59
  rank:"#2 AFC West",
60
60
  territory:"LAC",
61
61
  },
62
62
  texans: {
63
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/2/28/Houston_Texans_logo.svg/1280px-Houston_Texans_logo.svg.png",
63
+ avatar:"https://images.unsplash.com/photo-1545345540-ea5d968030af?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
64
64
  name:"Texans",
65
65
  rank:"#1 AFC South",
66
66
  territory:"HOU",
67
67
  },
68
68
  broncos: {
69
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/4/44/Denver_Broncos_logo.svg/2560px-Denver_Broncos_logo.svg.png",
69
+ avatar:"https://images.unsplash.com/photo-1553284965-83fd3e82fa5a?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
70
70
  name:"Broncos",
71
71
  rank:"#3 AFC West",
72
72
  territory:"DEN",
73
73
  },
74
74
  bills: {
75
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/7/77/Buffalo_Bills_logo.svg/1920px-Buffalo_Bills_logo.svg.png",
75
+ avatar:"https://images.unsplash.com/photo-1575414914265-ebc9aa2637f4?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
76
76
  name:"Bills",
77
77
  rank:"#1 AFC East",
78
78
  territory:"BUF",
79
79
  },
80
80
  steelers: {
81
- avatar:"https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Pittsburgh_Steelers_logo.svg/1280px-Pittsburgh_Steelers_logo.svg.png",
81
+ avatar:"https://plus.unsplash.com/premium_photo-1697730155764-cc8ca8f78cbe?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8cGl0dHNidXJnaHxlbnwwfHwwfHx8MA%3D%3D",
82
82
  name:"Steelers",
83
83
  rank:"#2 AFC North",
84
84
  territory:"PIT",
85
85
  },
86
86
  ravens: {
87
- avatar:"https://upload.wikimedia.org/wikipedia/en/thumb/1/16/Baltimore_Ravens_logo.svg/2560px-Baltimore_Ravens_logo.svg.png",
87
+ avatar:"https://images.unsplash.com/photo-1433888376991-1297486ba3f5?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cmF2ZW58ZW58MHx8MHx8fDA%3D",
88
88
  name:"Ravens",
89
89
  rank:"#1 AFC North",
90
90
  territory:"BAL",
data/app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx CHANGED
@@ -41,11 +41,14 @@ const Game = (props: LayoutGameProps) => {
41
41
  if (numberOfChildren === 2) {
42
42
  const [firstChildWithoutProps, secondChildWithoutProps] = React.Children.toArray(children)
43
43
 
44
- const firstChild = React.cloneElement(firstChildWithoutProps, { hasLastWinnerAndSelf })
45
- const secondChild = React.cloneElement(secondChildWithoutProps, { hasLastWinnerAndSelf })
44
+ const firstChild = React.isValidElement(firstChildWithoutProps) ? React.cloneElement(firstChildWithoutProps, { hasLastWinnerAndSelf }) : firstChildWithoutProps
45
+ const secondChild = React.isValidElement(secondChildWithoutProps) ? React.cloneElement(secondChildWithoutProps, { hasLastWinnerAndSelf }) : secondChildWithoutProps
46
46
 
47
47
  if (React.isValidElement(firstChild) && React.isValidElement(secondChild)) {
48
- if ('winner' in firstChild.props || 'winner' in secondChild.props) {
48
+ if (
49
+ firstChild?.props && typeof firstChild.props === 'object' && 'winner' in firstChild.props ||
50
+ secondChild?.props && typeof secondChild.props === 'object' && 'winner' in secondChild.props
51
+ ) {
49
52
  hasWinner = true
50
53
  }
51
54
  return (
data/app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx CHANGED
@@ -43,7 +43,12 @@ export const Participant = (props: LayoutParticipantProps) => {
43
43
  />
44
44
  <Body flexGrow={1}>
45
45
  <Flex justify="between">
46
- <Body color={winner && !isLastWinnerAndSelf ? "success" : "default"}>{winner ? <strong>{name}{self ? ' (You)' : ''}</strong> : name + (self && !isLastWinnerAndSelf ? ' (You)' : '')}</Body>
46
+ <Body
47
+ color={winner && !isLastWinnerAndSelf ? "success" : "default"}
48
+ truncate={1}
49
+ >
50
+ {winner ? <strong>{name}{self ? ' (You)' : ''}</strong> : name + (self && !isLastWinnerAndSelf ? ' (You)' : '')}
51
+ </Body>
47
52
  <Body
48
53
  color={winner && !isLastWinnerAndSelf ? "success" : "light"}
49
54
  display="flex"