playbook_ui 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2023 → 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2034
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/pb_advanced_table/Components/CollapsibleTrail.tsx +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +6 -3
- data/app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/Components/ToggleIconButton.tsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +2 -2
- data/lib/playbook/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e32f23fffa170bf6c5db5e7ac37c6834dec1c75fbecc8e55de9538729d17b830
|
|
4
|
+
data.tar.gz: b4f1deb56f2a97f265a98cc42bd5e2ab16bb7e64235127b91df17b560591f064
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 674b96a423b2f1c63dd816ee764735f7b59f13b2df3930bee4ff4afebca861e6dcba7dce4ab868d04c84ab5c8e720dcf21f807074f8bc76fce6a892b264309f5
|
|
7
|
+
data.tar.gz: 0ea00c622676362e9b3c3c6d3d7d29628fcd0e24420b1566c5bce7edfa4047f37c1cf3b2d0bf4a890335df628ce012921e74290b1aee7f37518ac68c6311494e
|
|
@@ -19,8 +19,8 @@ export const renderCollapsibleTrail = (currentDepth: number) => {
|
|
|
19
19
|
const lines = []
|
|
20
20
|
for (let i = 1; i <= currentDepth; i++) {
|
|
21
21
|
// Calculate leftOffset with additional 0.4rem for each depth level above 1
|
|
22
|
-
const additionalOffset = i > 1 ? (i - 1) * 0.
|
|
23
|
-
const leftOffset = i * 1.
|
|
22
|
+
const additionalOffset = i > 1 ? (i - 1) * 0.25 : 0
|
|
23
|
+
const leftOffset = i * 1.0 + additionalOffset
|
|
24
24
|
lines.push(<CollapsibleTrail key={i}
|
|
25
25
|
leftOffset={leftOffset}
|
|
26
26
|
/>
|
|
@@ -31,7 +31,7 @@ export const CustomCell = ({
|
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
return (
|
|
34
|
-
<div style={{ paddingLeft: `${row.depth *
|
|
34
|
+
<div style={{ paddingLeft: `${row.depth * 1.25}rem` }}>
|
|
35
35
|
<Flex alignItems="center"
|
|
36
36
|
columnGap="xs"
|
|
37
37
|
orientation="row"
|
|
@@ -42,11 +42,14 @@ export const CustomCell = ({
|
|
|
42
42
|
onClick={() => handleOnExpand(row)}
|
|
43
43
|
>
|
|
44
44
|
{row.getIsExpanded() ? (
|
|
45
|
-
<Icon
|
|
45
|
+
<Icon cursor="pointer"
|
|
46
|
+
icon="circle-play"
|
|
46
47
|
rotation={90}
|
|
47
48
|
/>
|
|
48
49
|
) : (
|
|
49
|
-
<Icon
|
|
50
|
+
<Icon cursor="pointer"
|
|
51
|
+
icon="circle-play"
|
|
52
|
+
/>
|
|
50
53
|
)}
|
|
51
54
|
</button>
|
|
52
55
|
) : null}
|
|
@@ -13,13 +13,13 @@ export const SortIconButton = ({ header, sortIcon }: SortIconButtonProps) => {
|
|
|
13
13
|
return (
|
|
14
14
|
<>
|
|
15
15
|
{header.column.getIsSorted() === "desc" ? (
|
|
16
|
-
<div className="
|
|
16
|
+
<div className="sort-button-icon"
|
|
17
17
|
key={displayIcon(sortIcon)[0]}
|
|
18
18
|
>
|
|
19
19
|
<Icon icon={displayIcon(sortIcon)[0]} />
|
|
20
20
|
</div>
|
|
21
21
|
) : (
|
|
22
|
-
<div className="
|
|
22
|
+
<div className="sort-button-icon"
|
|
23
23
|
key={displayIcon(sortIcon)[1]}
|
|
24
24
|
>
|
|
25
25
|
<Icon icon={displayIcon(sortIcon)[1]} />
|
|
@@ -14,7 +14,7 @@ export const ToggleIconButton = ({ row, onClick }: ToggleIconButtonProps) => {
|
|
|
14
14
|
const { toggleExpansionIcon } = useContext(AdvancedTableContext)
|
|
15
15
|
return (
|
|
16
16
|
<button
|
|
17
|
-
className="gray-icon
|
|
17
|
+
className="gray-icon toggle-all-icon"
|
|
18
18
|
key={displayIcon(toggleExpansionIcon)[0]}
|
|
19
19
|
onClick={() => onClick(row)}
|
|
20
20
|
>
|
|
@@ -46,12 +46,12 @@
|
|
|
46
46
|
@extend %primary-color-pseudo;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
.sort-button-icon {
|
|
50
50
|
@extend .button-icon;
|
|
51
51
|
padding: 2px;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.
|
|
54
|
+
.toggle-all-icon {
|
|
55
55
|
@extend .button-icon;
|
|
56
56
|
@extend %primary-color-pseudo;
|
|
57
57
|
padding: 2px 0;
|
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.16.0.pre.alpha.
|
|
4
|
+
version: 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2034
|
|
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-01-
|
|
12
|
+
date: 2024-01-30 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|