playbook_ui 14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 → 14.7.0.pre.alpha.dependabotnpmandyarnintltelinput24704448

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/docs/_card_light.md +1 -1
  3. data/app/pb_kits/playbook/pb_date/_date.scss +0 -3
  4. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +1 -1
  5. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -2
  6. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +0 -1
  7. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +1 -17
  8. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -6
  9. data/app/pb_kits/playbook/pb_drawer/_drawer.scss +175 -88
  10. data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +47 -79
  11. data/app/pb_kits/playbook/pb_drawer/drawer.test.jsx +16 -20
  12. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +1 -43
  13. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +2 -6
  14. data/app/pb_kits/playbook/pb_timeline/docs/example.yml +3 -5
  15. data/app/pb_kits/playbook/pb_timeline/docs/index.js +0 -2
  16. data/app/pb_kits/playbook/pb_timeline/timeline.rb +1 -11
  17. data/app/pb_kits/playbook/pb_timeline/timeline.test.js +4 -4
  18. data/app/pb_kits/playbook/utilities/_hover.scss +27 -40
  19. data/app/pb_kits/playbook/utilities/globalProps.ts +3 -5
  20. data/dist/chunks/_typeahead-CFuWkfWK.js +22 -0
  21. data/dist/chunks/_weekday_stacked-OvN7ix-I.js +45 -0
  22. data/dist/chunks/{lib-BC6ESsxG.js → lib-D-mTv-kp.js} +1 -1
  23. data/dist/chunks/{pb_form_validation-B_Z9rEbg.js → pb_form_validation-BkWGwJsl.js} +1 -1
  24. data/dist/chunks/vendor.js +1 -1
  25. data/dist/menu.yml +1 -1
  26. data/dist/playbook-doc.js +1 -1
  27. data/dist/playbook-rails-react-bindings.js +1 -1
  28. data/dist/playbook-rails.js +1 -1
  29. data/dist/playbook.css +1 -1
  30. data/lib/playbook/hover.rb +1 -1
  31. data/lib/playbook/version.rb +1 -1
  32. metadata +6 -25
  33. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.html.erb +0 -42
  34. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx +0 -44
  35. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.md +0 -1
  36. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.html.erb +0 -26
  37. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md +0 -7
  38. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb +0 -38
  39. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md +0 -0
  40. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb +0 -19
  41. data/app/pb_kits/playbook/pb_draggable/draggable.html.erb +0 -3
  42. data/app/pb_kits/playbook/pb_draggable/draggable.rb +0 -18
  43. data/app/pb_kits/playbook/pb_draggable/draggable_container.html.erb +0 -3
  44. data/app/pb_kits/playbook/pb_draggable/draggable_container.rb +0 -15
  45. data/app/pb_kits/playbook/pb_draggable/draggable_item.html.erb +0 -7
  46. data/app/pb_kits/playbook/pb_draggable/draggable_item.rb +0 -18
  47. data/app/pb_kits/playbook/pb_draggable/index.js +0 -125
  48. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.html.erb +0 -94
  49. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx +0 -180
  50. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md +0 -1
  51. data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js +0 -79
  52. data/dist/chunks/_typeahead-CEqbLlRy.js +0 -22
  53. data/dist/chunks/_weekday_stacked-BiF9GqI1.js +0 -45
data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx DELETED
@@ -1,180 +0,0 @@
1
- import React from 'react'
2
-
3
- import Timeline from '../_timeline'
4
- import Flex from "../../pb_flex/_flex"
5
- import FlexItem from "../../pb_flex/_flex_item"
6
- import Body from '../../pb_body/_body'
7
-
8
- const TimelineWithGap = (props) => (
9
- <div>
10
- <Flex justify="evenly">
11
- <FlexItem>
12
- <Timeline
13
- gap="xs"
14
- orientation="vertical"
15
- >
16
- <Timeline.Item
17
- icon="user"
18
- iconColor="royal"
19
- {...props}
20
- >
21
- <Body
22
- color="light"
23
- text="Conversation started"
24
- {...props}
25
- />
26
- </Timeline.Item>
27
- <Timeline.Item
28
- icon="check"
29
- iconColor="teal"
30
- lineStyle="dotted"
31
- {...props}
32
- >
33
- <Body
34
- color="light"
35
- text="Trip #12422"
36
- {...props}
37
- />
38
- </Timeline.Item>
39
- <Timeline.Item
40
- icon="credit-card"
41
- iconColor="red"
42
- {...props}
43
- >
44
- <Body
45
- color="light"
46
- text="Refund issue #12422"
47
- {...props}
48
- />
49
- </Timeline.Item>
50
- </Timeline>
51
- </FlexItem>
52
- <FlexItem>
53
- <Timeline
54
- gap="sm"
55
- orientation="vertical"
56
- >
57
- <Timeline.Item
58
- icon="user"
59
- iconColor="royal"
60
- {...props}
61
- >
62
- <Body
63
- color="light"
64
- text="Conversation started"
65
- {...props}
66
- />
67
- </Timeline.Item>
68
- <Timeline.Item
69
- icon="check"
70
- iconColor="teal"
71
- lineStyle="dotted"
72
- {...props}
73
- >
74
- <Body
75
- color="light"
76
- text="Trip #12422"
77
- {...props}
78
- />
79
- </Timeline.Item>
80
- <Timeline.Item
81
- icon="credit-card"
82
- iconColor="red"
83
- {...props}
84
- >
85
- <Body
86
- color="light"
87
- text="Refund issue #12422"
88
- {...props}
89
- />
90
- </Timeline.Item>
91
- </Timeline>
92
- </FlexItem>
93
- <FlexItem>
94
- <Timeline
95
- gap="md"
96
- orientation="vertical"
97
- >
98
- <Timeline.Item
99
- icon="user"
100
- iconColor="royal"
101
- {...props}
102
- >
103
- <Body
104
- color="light"
105
- text="Conversation started"
106
- {...props}
107
- />
108
- </Timeline.Item>
109
- <Timeline.Item
110
- icon="check"
111
- iconColor="teal"
112
- lineStyle="dotted"
113
- {...props}
114
- >
115
- <Body
116
- color="light"
117
- text="Trip #12422"
118
- {...props}
119
- />
120
- </Timeline.Item>
121
- <Timeline.Item
122
- icon="credit-card"
123
- iconColor="red"
124
- lineStyle="dotted"
125
- {...props}
126
- >
127
- <Body
128
- color="light"
129
- text="Refund issue #12422"
130
- {...props}
131
- />
132
- </Timeline.Item>
133
- </Timeline>
134
- </FlexItem>
135
- <FlexItem>
136
- <Timeline
137
- gap="lg"
138
- orientation="vertical"
139
- >
140
- <Timeline.Item
141
- icon="user"
142
- iconColor="royal"
143
- {...props}
144
- >
145
- <Body
146
- color="light"
147
- text="Conversation started"
148
- {...props}
149
- />
150
- </Timeline.Item>
151
- <Timeline.Item
152
- icon="check"
153
- iconColor="teal"
154
- lineStyle="dotted"
155
- {...props}
156
- >
157
- <Body
158
- color="light"
159
- text="Trip #12422"
160
- {...props}
161
- />
162
- </Timeline.Item>
163
- <Timeline.Item
164
- icon="credit-card"
165
- iconColor="red"
166
- {...props}
167
- >
168
- <Body
169
- color="light"
170
- text="Refund issue #12422"
171
- {...props}
172
- />
173
- </Timeline.Item>
174
- </Timeline>
175
- </FlexItem>
176
- </Flex>
177
- </div>
178
- )
179
-
180
- export default TimelineWithGap
data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md DELETED
@@ -1 +0,0 @@
1
- Use the optional `gap` prop to render the timeline kit with adjusted spacing between nodes. The `gap` prop will only work when utilized with a vertical timeline. Horizontal timelines will show no difference in spacing.
data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js DELETED
@@ -1,79 +0,0 @@
1
- import React from 'react';
2
- import { render, screen } from '../../test-utils';
3
- import Body from '../../../pb_body/_body';
4
-
5
- const testSubject = 'body';
6
-
7
- test('Hover Props: returns proper class name', () => {
8
- const testIdColor = `${testSubject}-hover-color-red`;
9
- render(
10
- <Body
11
- data={{ testid: testIdColor }}
12
- hover={{ color: 'red' }}
13
- text="Hi"
14
- />
15
- );
16
-
17
- let kit = screen.getByTestId(testIdColor);
18
- let expectedClassName = `hover_color-red`;
19
- expect(kit).toHaveClass(expectedClassName);
20
-
21
- const testIdBackground = `${testSubject}-hover-background-blue`;
22
- render(
23
- <Body
24
- data={{ testid: testIdBackground }}
25
- hover={{ background: 'blue' }}
26
- text="Hi"
27
- />
28
- );
29
-
30
- kit = screen.getByTestId(testIdBackground);
31
- expectedClassName = `hover_background-blue`;
32
- expect(kit).toHaveClass(expectedClassName);
33
-
34
- const testIdShadow = `${testSubject}-hover-shadow-deep`;
35
- render(
36
- <Body
37
- data={{ testid: testIdShadow }}
38
- hover={{ shadow: 'deep' }}
39
- text="Hi"
40
- />
41
- );
42
-
43
- kit = screen.getByTestId(testIdShadow);
44
- expectedClassName = `hover_shadow_deep`;
45
- expect(kit).toHaveClass(expectedClassName);
46
-
47
- const testIdScale = `${testSubject}-hover-scale`;
48
- render(
49
- <Body
50
- data={{ testid: testIdScale }}
51
- hover={{ scale: 'xl' }}
52
- text="Test"
53
- />
54
- );
55
-
56
- kit = screen.getByTestId(testIdScale);
57
- expectedClassName = `hover_scale_xl`;
58
- expect(kit).toHaveClass(expectedClassName);
59
-
60
- const testIdMultiple = `${testSubject}-hover-multiple`;
61
- render(
62
- <Body
63
- data={{ testid: testIdMultiple }}
64
- hover={{
65
- color: 'green',
66
- background: 'error',
67
- shadow: 'deeper',
68
- scale: 'xl',
69
- }}
70
- text="Hi"
71
- />
72
- );
73
-
74
- kit = screen.getByTestId(testIdMultiple);
75
- expect(kit).toHaveClass('hover_color-green');
76
- expect(kit).toHaveClass('hover_background-error');
77
- expect(kit).toHaveClass('hover_shadow_deeper');
78
- expect(kit).toHaveClass('hover_scale_xl');
79
- });