playbook_ui 13.19.0.pre.alpha.PBNTR207tabledivsupport2261 → 13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/index.js +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +4 -4
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +28 -16
- data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb +5 -11
- data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +44 -18
- data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.md +4 -8
- data/app/pb_kits/playbook/pb_icon/icon.html.erb +6 -4
- data/app/pb_kits/playbook/pb_icon/icon.rb +27 -10
- data/app/pb_kits/playbook/pb_table/SubKits/_table_body.tsx +64 -0
- data/app/pb_kits/playbook/pb_table/SubKits/_table_cell.tsx +66 -0
- data/app/pb_kits/playbook/pb_table/SubKits/_table_head.tsx +64 -0
- data/app/pb_kits/playbook/pb_table/SubKits/_table_header.tsx +66 -0
- data/app/pb_kits/playbook/pb_table/SubKits/_table_row.tsx +74 -0
- data/app/pb_kits/playbook/pb_table/SubKits/index.tsx +5 -0
- data/app/pb_kits/playbook/pb_table/_table.tsx +13 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +24 -25
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb +34 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx +47 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +34 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx +48 -0
- data/app/pb_kits/playbook/pb_table/docs/example.yml +7 -2
- data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_table/styles/_striped.scss +2 -2
- data/app/pb_kits/playbook/pb_table/styles/_structure.scss +4 -2
- data/app/pb_kits/playbook/pb_table/table.test.js +142 -1
- data/app/pb_kits/playbook/pb_table/table_body.html.erb +17 -0
- data/app/pb_kits/playbook/pb_table/table_body.rb +15 -0
- data/app/pb_kits/playbook/pb_table/table_cell.html.erb +17 -0
- data/app/pb_kits/playbook/pb_table/table_cell.rb +17 -0
- data/app/pb_kits/playbook/pb_table/table_head.html.erb +17 -0
- data/app/pb_kits/playbook/pb_table/table_head.rb +15 -0
- data/app/pb_kits/playbook/pb_table/table_header.html.erb +49 -39
- data/app/pb_kits/playbook/pb_table/table_header.rb +8 -1
- data/app/pb_kits/playbook/pb_table/table_row.html.erb +17 -7
- data/app/pb_kits/playbook/pb_table/table_row.rb +8 -1
- data/dist/playbook-rails.js +6 -6
- data/lib/playbook/version.rb +1 -1
- metadata +18 -3
- data/app/pb_kits/playbook/pb_table/_table_row.tsx +0 -47
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.19.0.pre.alpha.
|
4
|
+
version: 13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2024-
|
12
|
+
date: 2024-03-07 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -2220,9 +2220,14 @@ files:
|
|
2220
2220
|
- app/pb_kits/playbook/pb_stat_value/stat_value.html.erb
|
2221
2221
|
- app/pb_kits/playbook/pb_stat_value/stat_value.rb
|
2222
2222
|
- app/pb_kits/playbook/pb_stat_value/stat_value.test.js
|
2223
|
+
- app/pb_kits/playbook/pb_table/SubKits/_table_body.tsx
|
2224
|
+
- app/pb_kits/playbook/pb_table/SubKits/_table_cell.tsx
|
2225
|
+
- app/pb_kits/playbook/pb_table/SubKits/_table_head.tsx
|
2226
|
+
- app/pb_kits/playbook/pb_table/SubKits/_table_header.tsx
|
2227
|
+
- app/pb_kits/playbook/pb_table/SubKits/_table_row.tsx
|
2228
|
+
- app/pb_kits/playbook/pb_table/SubKits/index.tsx
|
2223
2229
|
- app/pb_kits/playbook/pb_table/_table.scss
|
2224
2230
|
- app/pb_kits/playbook/pb_table/_table.tsx
|
2225
|
-
- app/pb_kits/playbook/pb_table/_table_row.tsx
|
2226
2231
|
- app/pb_kits/playbook/pb_table/docs/_description.md
|
2227
2232
|
- app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
|
2228
2233
|
- app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
|
@@ -2289,6 +2294,10 @@ files:
|
|
2289
2294
|
- app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
|
2290
2295
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
|
2291
2296
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
|
2297
|
+
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb
|
2298
|
+
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
|
2299
|
+
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
|
2300
|
+
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
|
2292
2301
|
- app/pb_kits/playbook/pb_table/docs/example.yml
|
2293
2302
|
- app/pb_kits/playbook/pb_table/docs/index.js
|
2294
2303
|
- app/pb_kits/playbook/pb_table/index.ts
|
@@ -2315,6 +2324,12 @@ files:
|
|
2315
2324
|
- app/pb_kits/playbook/pb_table/table.html.erb
|
2316
2325
|
- app/pb_kits/playbook/pb_table/table.rb
|
2317
2326
|
- app/pb_kits/playbook/pb_table/table.test.js
|
2327
|
+
- app/pb_kits/playbook/pb_table/table_body.html.erb
|
2328
|
+
- app/pb_kits/playbook/pb_table/table_body.rb
|
2329
|
+
- app/pb_kits/playbook/pb_table/table_cell.html.erb
|
2330
|
+
- app/pb_kits/playbook/pb_table/table_cell.rb
|
2331
|
+
- app/pb_kits/playbook/pb_table/table_head.html.erb
|
2332
|
+
- app/pb_kits/playbook/pb_table/table_head.rb
|
2318
2333
|
- app/pb_kits/playbook/pb_table/table_header.html.erb
|
2319
2334
|
- app/pb_kits/playbook/pb_table/table_header.rb
|
2320
2335
|
- app/pb_kits/playbook/pb_table/table_row.html.erb
|
@@ -1,47 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import classnames from 'classnames'
|
3
|
-
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
|
4
|
-
import { globalProps } from '../utilities/globalProps'
|
5
|
-
|
6
|
-
type TableRowPropTypes = {
|
7
|
-
aria?: { [key: string]: string },
|
8
|
-
children: React.ReactNode[] | React.ReactNode,
|
9
|
-
className: string,
|
10
|
-
data?: { [key: string]: string },
|
11
|
-
htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
|
12
|
-
id?: string,
|
13
|
-
sideHighlightColor: string,
|
14
|
-
}
|
15
|
-
|
16
|
-
const TableRow = (props: TableRowPropTypes) => {
|
17
|
-
const {
|
18
|
-
aria = {},
|
19
|
-
children,
|
20
|
-
className,
|
21
|
-
data = {},
|
22
|
-
htmlOptions = {},
|
23
|
-
id,
|
24
|
-
sideHighlightColor = 'windows',
|
25
|
-
} = props
|
26
|
-
|
27
|
-
const ariaProps = buildAriaProps(aria)
|
28
|
-
const dataProps = buildDataProps(data)
|
29
|
-
const htmlProps = buildHtmlProps(htmlOptions)
|
30
|
-
const sideHighlightClass =
|
31
|
-
sideHighlightColor != '' ? `side_highlight_${sideHighlightColor}` : null
|
32
|
-
const classes = classnames(buildCss('pb_table_row_kit', sideHighlightClass), globalProps(props), className)
|
33
|
-
|
34
|
-
return (
|
35
|
-
<tr
|
36
|
-
{...ariaProps}
|
37
|
-
{...dataProps}
|
38
|
-
{...htmlProps}
|
39
|
-
className={classes}
|
40
|
-
id={id}
|
41
|
-
>
|
42
|
-
{children}
|
43
|
-
</tr>
|
44
|
-
)
|
45
|
-
}
|
46
|
-
|
47
|
-
export default TableRow
|