playbook_ui_docs 14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5121 → 14.9.0.pre.alpha.PLAY1660reactdropzone5020

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 (20) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -1
  3. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -21
  4. data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +0 -50
  5. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
  6. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +3 -1
  7. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +4 -1
  8. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
  9. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +5 -25
  10. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb +1 -17
  11. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +0 -15
  12. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md +1 -2
  13. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +48 -30
  14. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
  15. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -9
  16. data/dist/playbook-doc.js +1 -1
  17. metadata +2 -5
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb +0 -36
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md +0 -1
  20. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +0 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 12e27d59036e8eb1735f4fa38bcfeb96dbef6e92e7753f687ae6aeaf2f25bcb9
4
- data.tar.gz: d92cfbe10535c51c8ee492d4bb7235b8456e1b9ec30b57a19c327c693bd1a76d
3
+ metadata.gz: f8dfa6a2937faac121b415ba8e11a3fd0c886d847e9874aec71b29fb45eb613b
4
+ data.tar.gz: 6eb043a98853b3d746307c5b6c5704290961338ec052c62d19ef19c28c5dab55
5
5
  SHA512:
6
- metadata.gz: de38f3bbc6bfff7cf4c8480ec56387cf90a989d43ae54a454d8d34647db8ef6ab3529d6be068d803d6ad00d5800546f5d3084fa62dd315dee161d5b532d26f72
7
- data.tar.gz: 01a492e82af9851c3d8c1b4fc7dafceeefde49a353737867bfbb780c1d901001bb48b80f52bc901275d703de3e2bf6f8a8dd0bd38bd7882a7a408712d4a6b2bb
6
+ metadata.gz: e8e47e088ea84ac466dbf6f594b1a89037559fa8e13380bfa9aaaf6212443c324db7510e775eca56ef1ef087e2c2c0e2e87aa44c234f8fbbe244f5a6603dd536
7
+ data.tar.gz: 21fc7199e655b0ab040f8dde00109009c2518c189c59b1645781b635fc7f2334f69a7b5bb187f87d96c565c36dd08bd62129501cb8737f9acb4b3ab00504b414
data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml CHANGED
@@ -2,7 +2,6 @@ examples:
2
2
  rails:
3
3
  - advanced_table_beta: Default (Required Props)
4
4
  - advanced_table_beta_subrow_headers: SubRow Headers
5
- - advanced_table_collapsible_trail_rails: Collapsible Trail
6
5
  - advanced_table_beta_sort: Enable Sorting
7
6
  - advanced_table_custom_cell_rails: Custom Components for Cells
8
7
 
data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb CHANGED
@@ -67,24 +67,4 @@
67
67
  <%= pb_rails("card/card_body", props: { padding: "md", }) do %>
68
68
  Body
69
69
  <% end %>
70
- <% end %>
71
-
72
- <%= pb_rails("title", props: { text: "Status Colors", tag: "h4", size: 4, margin_bottom: "sm" }) %>
73
-
74
- <%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
75
- <%= pb_rails("card/card_header", props: { padding: "sm", header_color: "success" }) do %>
76
- <%= pb_rails("body", props: { text: "Success", dark: true }) %>
77
- <% end %>
78
- <%= pb_rails("card/card_body", props: { padding: "md" }) do %>
79
- Body
80
- <% end %>
81
- <% end %>
82
-
83
- <%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
84
- <%= pb_rails("card/card_header", props: { padding: "sm", header_color: "error" }) do %>
85
- <%= pb_rails("body", props: { text: "Error", dark: true }) %>
86
- <% end %>
87
- <%= pb_rails("card/card_body", props: { padding: "md" }) do %>
88
- Body
89
- <% end %>
90
- <% end %>
70
+ <% end %>
data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx CHANGED
@@ -181,56 +181,6 @@ const CardHeader = (props) => {
181
181
  />
182
182
  </Card.Body>
183
183
  </Card>
184
-
185
- <Title
186
- {...props}
187
- marginBottom='sm'
188
- size={4}
189
- tag="h4"
190
- text="Status Colors"
191
- />
192
-
193
- <Card
194
- {...props}
195
- marginBottom='sm'
196
- padding="none"
197
- >
198
- <Card.Header
199
- headerColor="success"
200
- >
201
- <Body
202
- dark
203
- text="Success"
204
- />
205
- </Card.Header>
206
- <Card.Body>
207
- <Body
208
- {...props}
209
- text="Body"
210
- />
211
- </Card.Body>
212
- </Card>
213
-
214
- <Card
215
- {...props}
216
- marginBottom='sm'
217
- padding="none"
218
- >
219
- <Card.Header
220
- headerColor="error"
221
- >
222
- <Body
223
- dark
224
- text="Error"
225
- />
226
- </Card.Header>
227
- <Card.Body>
228
- <Body
229
- {...props}
230
- text="Body"
231
- />
232
- </Card.Body>
233
- </Card>
234
184
  </>
235
185
  )
236
186
  }
data/app/pb_kits/playbook/pb_card/docs/_card_header.md CHANGED
@@ -1 +1 @@
1
- Card headers pass category, product, status and background colors only. List of all category, product, status and background colors can be viewed <a href="https://playbook.powerapp.cloud/visual_guidelines/colors" target="_blank">here</a>.
1
+ Card headers pass category, product, and background colors only. List of all category, product, and background colors can be viewed <a href="https://playbook.powerapp.cloud/visual_guidelines/colors" target="_blank">here</a>.
data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx CHANGED
@@ -28,7 +28,9 @@ const FileUploadAccept = (props) => {
28
28
  {...props}
29
29
  />
30
30
  <FileUpload
31
- accept={['image/svg+xml']}
31
+ accept={{
32
+ "image/svg+xml": [".svg", ".xml"],
33
+ }}
32
34
  onFilesAccepted={handleOnFilesAccepted}
33
35
  {...props}
34
36
  />
data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx CHANGED
@@ -25,7 +25,10 @@ const FileUploadCustomDescription = (props) => {
25
25
  {...props}
26
26
  />
27
27
  <FileUpload
28
- accept={['application/pdf','application/vnd.openxmlformats-officedocument.spreadsheetml.sheet']}
28
+ accept={{
29
+ "application/pdf": [".pdf"],
30
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"],
31
+ }}
29
32
  acceptedFilesDescription="Adobe (.pdf) and Microsoft (.xslx)"
30
33
  onFilesAccepted={handleOnFilesAccepted}
31
34
  {...props}
data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx CHANGED
@@ -18,7 +18,7 @@ const AcceptedFilesList = ({ files }) => (
18
18
  const RejectedFilesList = ({ files }) => (
19
19
  <List>
20
20
  {files.map((file) => (
21
- <ListItem key={file.name}><Body color="error">{`${file.name} (file too large)`}</Body></ListItem>
21
+ <ListItem key={file.file.name}><Body color="error">{`${file.file.name} (file too large)`}</Body></ListItem>
22
22
  ))}
23
23
  </List>
24
24
  )
data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx CHANGED
@@ -17,60 +17,47 @@ const GaugeComplex = (props) => (
17
17
  gap="sm"
18
18
  padding="xl"
19
19
  wrap
20
- {...props}
21
20
  >
22
21
  <FlexItem
23
22
  flex={1}
24
23
  grow
25
- {...props}
26
24
  >
27
25
  <Card
28
26
  maxWidth="xs"
29
27
  padding="md"
30
- {...props}
31
28
  >
32
29
  <Title
33
30
  paddingBottom="sm"
34
31
  size={4}
35
32
  text="Abandoned Calls"
36
- {...props}
37
33
  />
38
- <Flex
39
- align="stretch"
40
- {...props}
41
- >
34
+ <Flex align="stretch">
42
35
  <Flex
43
36
  marginRight="sm"
44
37
  orientation="column"
45
- {...props}
46
38
  >
47
39
  <Body
48
40
  color="light"
49
41
  paddingBottom="sm"
50
42
  text="Total Abandoned"
51
- {...props}
52
43
  />
53
44
  <Flex
54
45
  align="baseline"
55
46
  paddingBottom="xs"
56
- {...props}
57
47
  >
58
48
  <Title
59
49
  size={1}
60
50
  text="39"
61
- {...props}
62
51
  />
63
52
  <Title
64
53
  color="light"
65
54
  size={3}
66
55
  text="calls"
67
- {...props}
68
56
  />
69
57
  </Flex>
70
58
  <Caption
71
59
  size="xs"
72
60
  text="of 390"
73
- {...props}
74
61
  />
75
62
  </Flex>
76
63
 
@@ -78,29 +65,22 @@ const GaugeComplex = (props) => (
78
65
  alignSelf="stretch"
79
66
  marginRight="sm"
80
67
  orientation="vertical"
81
- {...props}
82
68
  />
83
69
 
84
70
  <Flex
85
71
  orientation="column"
86
72
  wrap
87
- {...props}
88
73
  >
89
74
  <Body
90
75
  color="light"
91
76
  text="% Abandoned"
92
- {...props}
93
- />
94
- <Flex
95
- wrap
96
- {...props}
97
- >
77
+ />
78
+ <Flex wrap>
98
79
  <FlexItem
99
80
  fixedSize="150px"
100
81
  overflow="hidden"
101
82
  shrink
102
- {...props}
103
- >
83
+ >
104
84
  <Gauge
105
85
  chartData={data}
106
86
  disableAnimation
@@ -110,7 +90,7 @@ const GaugeComplex = (props) => (
110
90
  {...props}
111
91
  />
112
92
  </FlexItem>
113
- </Flex>
93
+ </Flex>
114
94
  </Flex>
115
95
  </Flex>
116
96
  </Card>
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb CHANGED
@@ -24,20 +24,4 @@
24
24
  state: "PA",
25
25
  zipcode: "19382",
26
26
  territory: "PHL",
27
- }) %>
28
-
29
- <br>
30
- <br>
31
-
32
- <%= pb_rails("home_address_street", props: {
33
- address: "70 Prospect Ave",
34
- address_cont: "Apt M18",
35
- city: "West Chester",
36
- emphasis: "none",
37
- home_id: 8250263,
38
- home_url: "https://powerhrg.com/",
39
- house_style: "Colonial",
40
- state: "PA",
41
- zipcode: "19382",
42
- territory: "PHL",
43
- }) %>
27
+ }) %>
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx CHANGED
@@ -32,21 +32,6 @@ const HomeAddressStreetEmphasis = (props) => {
32
32
  zipcode="19382"
33
33
  {...props}
34
34
  />
35
- <br />
36
- <br />
37
- <HomeAddressStreet
38
- address="70 Prospect Ave"
39
- addressCont="Apt M18"
40
- city="West Chester"
41
- emphasis="none"
42
- homeId="8250263"
43
- homeUrl="https://powerhrg.com/"
44
- houseStyle="Colonial"
45
- state="PA"
46
- territory="PHL"
47
- zipcode="19382"
48
- {...props}
49
- />
50
35
  </div>
51
36
  )
52
37
  }
data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md CHANGED
@@ -1,3 +1,2 @@
1
1
  Emphasis on street happens by default. (no prop needed)
2
- Emphasis on "city" makes the city emphasized, rather than the street.
3
- Adding "none" to emphasis prop will provide no emphasis.
2
+ Emphasis on "city" makes the city emphasized, rather than the street.
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb CHANGED
@@ -25,16 +25,16 @@
25
25
  <td id="3">Value 3</td>
26
26
  <td>Value 4</td>
27
27
  <td>Value 5</td>
28
- <td>Value 6</td>
29
- <td>Value 7</td>
30
- <td>Value 8</td>
31
- <td>Value 9</td>
32
- <td>Value 10</td>
33
- <td>Value 11</td>
34
- <td>Value 12</td>
35
- <td>Value 13</td>
36
- <td>Value 14</td>
37
- <td>Value 15</td>
28
+ <td>Column 6</td>
29
+ <td>Column 7</td>
30
+ <td>Column 8</td>
31
+ <td>Column 9</td>
32
+ <td>Column 10</td>
33
+ <td>Column 11</td>
34
+ <td>Column 12</td>
35
+ <td>Column 13</td>
36
+ <td>Column 14</td>
37
+ <td>Column 15</td>
38
38
 
39
39
  </tr>
40
40
  <tr>
@@ -43,16 +43,16 @@
43
43
  <td id="3">Value 3</td>
44
44
  <td>Value 4</td>
45
45
  <td>Value 5</td>
46
- <td>Value 6</td>
47
- <td>Value 7</td>
48
- <td>Value 8</td>
49
- <td>Value 9</td>
50
- <td>Value 10</td>
51
- <td>Value 11</td>
52
- <td>Value 12</td>
53
- <td>Value 13</td>
54
- <td>Value 14</td>
55
- <td>Value 15</td>
46
+ <td>Column 6</td>
47
+ <td>Column 7</td>
48
+ <td>Column 8</td>
49
+ <td>Column 9</td>
50
+ <td>Column 10</td>
51
+ <td>Column 11</td>
52
+ <td>Column 12</td>
53
+ <td>Column 13</td>
54
+ <td>Column 14</td>
55
+ <td>Column 15</td>
56
56
 
57
57
  </tr>
58
58
  <tr>
@@ -61,16 +61,34 @@
61
61
  <td id="3">Value 3</td>
62
62
  <td>Value 4</td>
63
63
  <td>Value 5</td>
64
- <td>Value 6</td>
65
- <td>Value 7</td>
66
- <td>Value 8</td>
67
- <td>Value 9</td>
68
- <td>Value 10</td>
69
- <td>Value 11</td>
70
- <td>Value 12</td>
71
- <td>Value 13</td>
72
- <td>Value 14</td>
73
- <td>Value 15</td>
64
+ <td>Column 6</td>
65
+ <td>Column 7</td>
66
+ <td>Column 8</td>
67
+ <td>Column 9</td>
68
+ <td>Column 10</td>
69
+ <td>Column 11</td>
70
+ <td>Column 12</td>
71
+ <td>Column 13</td>
72
+ <td>Column 14</td>
73
+ <td>Column 15</td>
74
+
75
+ </tr>
76
+ <tr>
77
+ <td id="1">Value 1</td>
78
+ <td id="2">Value 2</td>
79
+ <td id="3">Value 3</td>
80
+ <td>Value 4</td>
81
+ <td>Value 5</td>
82
+ <td>Column 6</td>
83
+ <td>Column 7</td>
84
+ <td>Column 8</td>
85
+ <td>Column 9</td>
86
+ <td>Column 10</td>
87
+ <td>Column 11</td>
88
+ <td>Column 12</td>
89
+ <td>Column 13</td>
90
+ <td>Column 14</td>
91
+ <td>Column 15</td>
74
92
 
75
93
  </tr>
76
94
  </tbody>
data/app/pb_kits/playbook/pb_table/docs/example.yml CHANGED
@@ -4,7 +4,6 @@ examples:
4
4
  - table_md: Medium
5
5
  - table_lg: Large
6
6
  - table_sticky: Sticky Header
7
- - table_sticky_left_columns: Sticky Left Column
8
7
  - table_header: Table Header
9
8
  - table_alignment_row_rails: Row Alignment
10
9
  - table_alignment_column_rails: Cell Alignment
@@ -34,7 +33,6 @@ examples:
34
33
  - table_md: Medium
35
34
  - table_lg: Large
36
35
  - table_sticky: Sticky Header
37
- - table_sticky_left_columns: Sticky Left Column
38
36
  - table_alignment_row: Row Alignment
39
37
  - table_alignment_column: Cell Alignment
40
38
  - table_alignment_shift_row: Row Shift
data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx CHANGED
@@ -55,18 +55,11 @@ const TypeaheadWithHighlight = (props) => {
55
55
  marginRight="sm"
56
56
  name={name}
57
57
  size="sm"
58
- {...props}
59
58
  />
60
59
  </FlexItem>
61
60
  <FlexItem>
62
- <Title
63
- size={4}
64
- {...props}
65
- >
66
- <span dangerouslySetInnerHTML={{ __html: highlighted(name) }} /></Title>
67
- <Body color="light"
68
- {...props}
69
- >
61
+ <Title size={4}><span dangerouslySetInnerHTML={{ __html: highlighted(name) }} /></Title>
62
+ <Body color="light">
70
63
  <span dangerouslySetInnerHTML={{ __html: highlighted(title) }} />{" • "}
71
64
  {territory}
72
65
  </Body>