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

Sign up to get free protection for your applications and to get access to all the features.
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
@@ -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
 
@@ -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 %>
@@ -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
  }
@@ -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>.
@@ -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
  />
@@ -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}
@@ -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
  )
@@ -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>
@@ -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
+ }) %>
@@ -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
  }
@@ -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.
@@ -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>
@@ -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
@@ -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>