ar-design 0.4.19 → 0.4.21
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.
|
@@ -54,12 +54,6 @@
|
|
|
54
54
|
column-gap: 0.5rem;
|
|
55
55
|
margin-left: auto;
|
|
56
56
|
}
|
|
57
|
-
|
|
58
|
-
> div {
|
|
59
|
-
&:last-child {
|
|
60
|
-
margin-left: auto;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
57
|
}
|
|
64
58
|
|
|
65
59
|
> .footer {
|
|
@@ -156,6 +150,8 @@
|
|
|
156
150
|
width: 100%;
|
|
157
151
|
|
|
158
152
|
> span {
|
|
153
|
+
position: sticky;
|
|
154
|
+
left: 0.5rem;
|
|
159
155
|
display: flex;
|
|
160
156
|
align-items: center;
|
|
161
157
|
gap: 0.5rem;
|
|
@@ -377,6 +373,11 @@
|
|
|
377
373
|
border-radius: var(--border-radius-pill);
|
|
378
374
|
}
|
|
379
375
|
}
|
|
376
|
+
|
|
377
|
+
> span {
|
|
378
|
+
position: sticky;
|
|
379
|
+
left: 0.5rem;
|
|
380
|
+
}
|
|
380
381
|
}
|
|
381
382
|
|
|
382
383
|
> .subitem-open-button-wrapper {
|
|
@@ -26,9 +26,9 @@ const MemoizedTHeadCell = function ({ refs, states, columns, config, }) {
|
|
|
26
26
|
}) },
|
|
27
27
|
React.createElement("div", null,
|
|
28
28
|
React.createElement("span", { style: { fontWeight: 500 } },
|
|
29
|
-
React.createElement("span", null,
|
|
29
|
+
(_direction === "asc" || _direction === "desc") && (React.createElement("span", null,
|
|
30
30
|
_direction === "asc" && React.createElement(ARIcon, { icon: "ArrowUp" }),
|
|
31
|
-
_direction === "desc" && React.createElement(ARIcon, { icon: "ArrowDown" })),
|
|
31
|
+
_direction === "desc" && React.createElement(ARIcon, { icon: "ArrowDown" }))),
|
|
32
32
|
c.title),
|
|
33
33
|
config.isProperties && isProperties && (React.createElement("span", { ref: (element) => (refs.propertiesButton.current[cIndex] = element), className: "properties-field", onClick: (event) => {
|
|
34
34
|
event.stopPropagation();
|
|
@@ -91,7 +91,7 @@ function TBody({ data, columns, methods, states, config }) {
|
|
|
91
91
|
return (React.createElement("div", { key: `last-before-${i}`, style: { left: `${i + 0.65}rem` }, className: "last-before" }));
|
|
92
92
|
}),
|
|
93
93
|
React.createElement("div", { className: "before" }))),
|
|
94
|
-
React.isValidElement(render) ? (render) : column.editable && methods.onEditable ? (React.createElement(Editable, { c: column, item: item, trackByValue: methods.trackBy?.(item) ?? "", onEditable: methods.onEditable, validation: config.validation })) : (render),
|
|
94
|
+
React.isValidElement(render) ? (render) : column.editable && methods.onEditable ? (React.createElement(Editable, { c: column, item: item, trackByValue: methods.trackBy?.(item) ?? "", onEditable: methods.onEditable, validation: config.validation })) : (React.createElement("span", null, render)),
|
|
95
95
|
config.isTreeView && cIndex === 0 && (React.createElement("div", { className: "after" },
|
|
96
96
|
React.createElement("div", { className: "circle" }))))));
|
|
97
97
|
};
|
|
@@ -5,6 +5,6 @@ const Header = ({ title, description, actions }) => {
|
|
|
5
5
|
React.createElement("div", { className: "title" },
|
|
6
6
|
React.createElement("h4", null, title),
|
|
7
7
|
description && React.createElement("h5", null, description)),
|
|
8
|
-
|
|
8
|
+
actions && React.createElement(ActionButtons, { actions: actions })));
|
|
9
9
|
};
|
|
10
10
|
export default memo(Header);
|