@longline/aqua-ui 1.0.281 → 1.0.282
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.
|
@@ -102,13 +102,6 @@ var ListViewBase = function (props) {
|
|
|
102
102
|
// Is the input data an array? If not, abort.
|
|
103
103
|
if (!Array.isArray(data))
|
|
104
104
|
return;
|
|
105
|
-
/*
|
|
106
|
-
const newData = data.map(d => {
|
|
107
|
-
if(item === true) return { ...d, checked: true };
|
|
108
|
-
if(item === false) return { ...d, checked: false };
|
|
109
|
-
return { ...d, checked: item === d ? !d.checked : !!d.checked };
|
|
110
|
-
});
|
|
111
|
-
setData(newData);*/
|
|
112
105
|
props.onCheck(data, item);
|
|
113
106
|
};
|
|
114
107
|
var handleColumns = function () {
|
|
@@ -38,13 +38,17 @@ import { Anchor } from '../../../containers/Anchor';
|
|
|
38
38
|
var HEADER_HEIGHT = 48;
|
|
39
39
|
var TableBase = function (_a) {
|
|
40
40
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
41
|
+
var wrapperRef = React.useRef(null);
|
|
41
42
|
var innerRef = React.useRef(null);
|
|
42
43
|
var auxRef = React.useRef(null);
|
|
43
44
|
var activeColumns = props.columns.filter(function (c) { return c.active; });
|
|
44
45
|
var _b = React.useState(null), activeRef = _b[0], setActiveRef = _b[1];
|
|
45
46
|
var _c = React.useState(0), time = _c[0], setTime = _c[1];
|
|
46
47
|
var _d = React.useState(false), showingNoData = _d[0], setShowingNoData = _d[1];
|
|
47
|
-
|
|
48
|
+
// Popper latches on to activeRef. In a virtual list, activeRef can be null,
|
|
49
|
+
// when the active item is out of view. In the case, popper latches on
|
|
50
|
+
// to the list itself (wrapperRef.current).
|
|
51
|
+
var _e = usePopper(activeRef !== null && activeRef !== void 0 ? activeRef : wrapperRef.current, auxRef.current, {
|
|
48
52
|
placement: 'right-start',
|
|
49
53
|
modifiers: [
|
|
50
54
|
{
|
|
@@ -114,7 +118,7 @@ var TableBase = function (_a) {
|
|
|
114
118
|
React.createElement(ColumnsManager, { columns: props.columns, onChange: props.onChangeColumns, onClose: props.onCloseColumns, onReset: props.onResetColumns })),
|
|
115
119
|
showingNoData && React.createElement(NoData, { dark: props.dark, component: props.noData }),
|
|
116
120
|
React.createElement(AuxHolder, __assign({ ref: auxRef, style: __assign({ visibility: (props.active && props.aux && Array.isArray(props.data) && props.data.includes(props.active)) ? 'visible' : 'hidden' }, styles.popper) }, attributes.popper), (props.active && props.aux && Array.isArray(props.data) && props.data.includes(props.active)) && React.cloneElement(props.aux, { value: props.active })),
|
|
117
|
-
React.createElement("div", { className: className },
|
|
121
|
+
React.createElement("div", { className: className, ref: wrapperRef },
|
|
118
122
|
props.noheader != true && React.createElement(Header, __assign({}, props, { columns: activeColumns, onOpenColumns: props.onOpenColumns })),
|
|
119
123
|
React.createElement(OverlayScrollbarsComponent, { ref: innerRef, defer: true, options: {
|
|
120
124
|
scrollbars: { theme: 'os-theme-light', autoHide: 'leave' }
|