playbook_ui 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2023 → 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2034
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.
- 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
|