@deephaven/iris-grid 0.55.1-beta.1 → 0.55.1-beta.11
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.
- package/dist/FilterInputField.css +2 -2
- package/dist/FilterInputField.css.map +1 -1
- package/dist/IrisGrid.d.ts +2 -1
- package/dist/IrisGrid.d.ts.map +1 -1
- package/dist/IrisGrid.js +34 -32
- package/dist/IrisGrid.js.map +1 -1
- package/dist/IrisGridThemeProvider.d.ts +9 -0
- package/dist/IrisGridThemeProvider.d.ts.map +1 -0
- package/dist/IrisGridThemeProvider.js +24 -0
- package/dist/IrisGridThemeProvider.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/mousehandlers/IrisGridContextMenuHandler.d.ts +1 -0
- package/dist/mousehandlers/IrisGridContextMenuHandler.d.ts.map +1 -1
- package/dist/mousehandlers/IrisGridContextMenuHandler.js +12 -0
- package/dist/mousehandlers/IrisGridContextMenuHandler.js.map +1 -1
- package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.d.ts +32 -2
- package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.d.ts.map +1 -1
- package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.js +179 -38
- package/dist/sidebar/visibility-ordering-builder/VisibilityOrderingBuilder.js.map +1 -1
- package/package.json +15 -15
package/dist/IrisGrid.js
CHANGED
|
@@ -50,6 +50,7 @@ import ConditionalFormatEditor from "./sidebar/conditional-formatting/Conditiona
|
|
|
50
50
|
import IrisGridCellOverflowModal from "./IrisGridCellOverflowModal.js";
|
|
51
51
|
import GotoRow from "./GotoRow.js";
|
|
52
52
|
import AggregationOperation from "./sidebar/aggregations/AggregationOperation.js";
|
|
53
|
+
import { IrisGridThemeContext } from "./IrisGridThemeProvider.js";
|
|
53
54
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
54
55
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
55
56
|
var log = Log.module('IrisGrid');
|
|
@@ -298,13 +299,13 @@ export class IrisGrid extends Component {
|
|
|
298
299
|
_defineProperty(this, "getCachedFilter", memoize((customFilters, quickFilters, advancedFilters, partitionFilters, searchFilter) => [...(customFilters !== null && customFilters !== void 0 ? customFilters : []), ...(partitionFilters !== null && partitionFilters !== void 0 ? partitionFilters : []), ...IrisGridUtils.getFiltersFromFilterMap(quickFilters), ...IrisGridUtils.getFiltersFromFilterMap(advancedFilters), ...(searchFilter !== undefined ? [searchFilter] : [])], {
|
|
299
300
|
max: 1
|
|
300
301
|
}));
|
|
301
|
-
_defineProperty(this, "getCachedTheme", memoize((theme, isEditable, floatingRowCount) => {
|
|
302
|
-
var _theme$rowFooterWidth;
|
|
302
|
+
_defineProperty(this, "getCachedTheme", memoize((contextTheme, theme, isEditable, floatingRowCount) => {
|
|
303
|
+
var _ref4, _theme$rowFooterWidth;
|
|
303
304
|
var defaultTheme = createDefaultIrisGridTheme();
|
|
304
305
|
|
|
305
306
|
// We only show the row footers when we have floating rows for aggregations
|
|
306
|
-
var rowFooterWidth = floatingRowCount > 0 ? (_theme$rowFooterWidth = theme === null || theme === void 0 ? void 0 : theme.rowFooterWidth) !== null && _theme$rowFooterWidth !== void 0 ? _theme$rowFooterWidth : defaultTheme.rowFooterWidth : 0;
|
|
307
|
-
return _objectSpread(_objectSpread(_objectSpread({}, defaultTheme), theme), {}, {
|
|
307
|
+
var rowFooterWidth = floatingRowCount > 0 ? (_ref4 = (_theme$rowFooterWidth = theme === null || theme === void 0 ? void 0 : theme.rowFooterWidth) !== null && _theme$rowFooterWidth !== void 0 ? _theme$rowFooterWidth : contextTheme === null || contextTheme === void 0 ? void 0 : contextTheme.rowFooterWidth) !== null && _ref4 !== void 0 ? _ref4 : defaultTheme.rowFooterWidth : 0;
|
|
308
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultTheme), contextTheme), theme), {}, {
|
|
308
309
|
autoSelectRow: !isEditable,
|
|
309
310
|
rowFooterWidth
|
|
310
311
|
});
|
|
@@ -858,12 +859,12 @@ export class IrisGrid extends Component {
|
|
|
858
859
|
return rowIndex != null ? modelRows.get(rowIndex) : null;
|
|
859
860
|
}
|
|
860
861
|
getTheme() {
|
|
861
|
-
var
|
|
862
|
+
var _ref5;
|
|
862
863
|
var {
|
|
863
864
|
model,
|
|
864
865
|
theme
|
|
865
866
|
} = this.props;
|
|
866
|
-
return this.getCachedTheme(theme, (
|
|
867
|
+
return this.getCachedTheme(this.context, theme, (_ref5 = isEditableGridModel(model) && model.isEditable) !== null && _ref5 !== void 0 ? _ref5 : false, model.floatingTopRowCount + model.floatingBottomRowCount);
|
|
867
868
|
}
|
|
868
869
|
getVisibleColumn(modelIndex) {
|
|
869
870
|
var {
|
|
@@ -898,17 +899,17 @@ export class IrisGrid extends Component {
|
|
|
898
899
|
var newAdvancedFilters = replaceExisting ? new Map() : new Map(advancedFilters);
|
|
899
900
|
var newQuickFilters = replaceExisting ? new Map() : new Map(quickFilters);
|
|
900
901
|
var isChanged = replaceExisting && advancedFilters.size > 0;
|
|
901
|
-
inputFilters.forEach(
|
|
902
|
+
inputFilters.forEach(_ref6 => {
|
|
902
903
|
var {
|
|
903
904
|
name,
|
|
904
905
|
type,
|
|
905
906
|
value
|
|
906
|
-
} =
|
|
907
|
-
var modelIndex = model.columns.findIndex(
|
|
907
|
+
} = _ref6;
|
|
908
|
+
var modelIndex = model.columns.findIndex(_ref7 => {
|
|
908
909
|
var {
|
|
909
910
|
name: columnName,
|
|
910
911
|
type: columnType
|
|
911
|
-
} =
|
|
912
|
+
} = _ref7;
|
|
912
913
|
return columnName === name && columnType === type;
|
|
913
914
|
});
|
|
914
915
|
if (modelIndex >= 0) {
|
|
@@ -968,10 +969,10 @@ export class IrisGrid extends Component {
|
|
|
968
969
|
setAdvancedFilter(modelIndex, filter, options) {
|
|
969
970
|
log.debug('Setting advanced filter', modelIndex, filter);
|
|
970
971
|
this.startLoading('Filtering...', true);
|
|
971
|
-
this.setState(
|
|
972
|
+
this.setState(_ref8 => {
|
|
972
973
|
var {
|
|
973
974
|
advancedFilters
|
|
974
|
-
} =
|
|
975
|
+
} = _ref8;
|
|
975
976
|
var newAdvancedFilters = new Map(advancedFilters);
|
|
976
977
|
if (filter == null) {
|
|
977
978
|
newAdvancedFilters.delete(modelIndex);
|
|
@@ -996,10 +997,10 @@ export class IrisGrid extends Component {
|
|
|
996
997
|
setQuickFilter(modelIndex, filter, text) {
|
|
997
998
|
log.debug('Setting quick filter', modelIndex, filter, text);
|
|
998
999
|
this.startLoading('Filtering...', true);
|
|
999
|
-
this.setState(
|
|
1000
|
+
this.setState(_ref9 => {
|
|
1000
1001
|
var {
|
|
1001
1002
|
quickFilters
|
|
1002
|
-
} =
|
|
1003
|
+
} = _ref9;
|
|
1003
1004
|
var newQuickFilters = new Map(quickFilters);
|
|
1004
1005
|
newQuickFilters.set(modelIndex, {
|
|
1005
1006
|
filter,
|
|
@@ -1028,11 +1029,11 @@ export class IrisGrid extends Component {
|
|
|
1028
1029
|
var {
|
|
1029
1030
|
model
|
|
1030
1031
|
} = this.props;
|
|
1031
|
-
filterMap.forEach((
|
|
1032
|
+
filterMap.forEach((_ref10, columnName) => {
|
|
1032
1033
|
var {
|
|
1033
1034
|
columnType,
|
|
1034
1035
|
filterList
|
|
1035
|
-
} =
|
|
1036
|
+
} = _ref10;
|
|
1036
1037
|
var column = model.columns.find(c => c.name === columnName && c.type === columnType);
|
|
1037
1038
|
if (column == null) {
|
|
1038
1039
|
return;
|
|
@@ -1052,11 +1053,11 @@ export class IrisGrid extends Component {
|
|
|
1052
1053
|
}
|
|
1053
1054
|
removeColumnFilter(modelColumn) {
|
|
1054
1055
|
this.startLoading('Filtering...', true);
|
|
1055
|
-
this.setState(
|
|
1056
|
+
this.setState(_ref11 => {
|
|
1056
1057
|
var {
|
|
1057
1058
|
advancedFilters,
|
|
1058
1059
|
quickFilters
|
|
1059
|
-
} =
|
|
1060
|
+
} = _ref11;
|
|
1060
1061
|
var newAdvancedFilters = advancedFilters ? new Map(advancedFilters) : new Map();
|
|
1061
1062
|
var newQuickFilters = quickFilters ? new Map(quickFilters) : new Map();
|
|
1062
1063
|
newQuickFilters.delete(modelColumn);
|
|
@@ -1069,10 +1070,10 @@ export class IrisGrid extends Component {
|
|
|
1069
1070
|
}
|
|
1070
1071
|
removeQuickFilter(modelColumn) {
|
|
1071
1072
|
this.startLoading('Clearing Filter...', true);
|
|
1072
|
-
this.setState(
|
|
1073
|
+
this.setState(_ref12 => {
|
|
1073
1074
|
var {
|
|
1074
1075
|
quickFilters
|
|
1075
|
-
} =
|
|
1076
|
+
} = _ref12;
|
|
1076
1077
|
var newQuickFilters = new Map(quickFilters);
|
|
1077
1078
|
newQuickFilters.delete(modelColumn);
|
|
1078
1079
|
return {
|
|
@@ -1159,11 +1160,11 @@ export class IrisGrid extends Component {
|
|
|
1159
1160
|
advancedFilters: newAdvancedFilters
|
|
1160
1161
|
});
|
|
1161
1162
|
}
|
|
1162
|
-
setFilters(
|
|
1163
|
+
setFilters(_ref13) {
|
|
1163
1164
|
var {
|
|
1164
1165
|
quickFilters,
|
|
1165
1166
|
advancedFilters
|
|
1166
|
-
} =
|
|
1167
|
+
} = _ref13;
|
|
1167
1168
|
this.setState({
|
|
1168
1169
|
quickFilters,
|
|
1169
1170
|
advancedFilters
|
|
@@ -2091,11 +2092,11 @@ export class IrisGrid extends Component {
|
|
|
2091
2092
|
}
|
|
2092
2093
|
handleFilterBarChange(value) {
|
|
2093
2094
|
this.startLoading('Filtering...', true);
|
|
2094
|
-
this.setState(
|
|
2095
|
+
this.setState(_ref14 => {
|
|
2095
2096
|
var {
|
|
2096
2097
|
focusedFilterBarColumn,
|
|
2097
2098
|
quickFilters
|
|
2098
|
-
} =
|
|
2099
|
+
} = _ref14;
|
|
2099
2100
|
var newQuickFilters = new Map(quickFilters);
|
|
2100
2101
|
if (focusedFilterBarColumn != null) {
|
|
2101
2102
|
var modelIndex = this.getModelColumn(focusedFilterBarColumn);
|
|
@@ -2165,10 +2166,10 @@ export class IrisGrid extends Component {
|
|
|
2165
2166
|
});
|
|
2166
2167
|
}
|
|
2167
2168
|
handleMenuBack() {
|
|
2168
|
-
this.setState(
|
|
2169
|
+
this.setState(_ref15 => {
|
|
2169
2170
|
var {
|
|
2170
2171
|
openOptions
|
|
2171
|
-
} =
|
|
2172
|
+
} = _ref15;
|
|
2172
2173
|
var newOptions = [...openOptions];
|
|
2173
2174
|
newOptions.pop();
|
|
2174
2175
|
return {
|
|
@@ -2177,10 +2178,10 @@ export class IrisGrid extends Component {
|
|
|
2177
2178
|
});
|
|
2178
2179
|
}
|
|
2179
2180
|
handleMenuSelect(option) {
|
|
2180
|
-
this.setState(
|
|
2181
|
+
this.setState(_ref16 => {
|
|
2181
2182
|
var {
|
|
2182
2183
|
openOptions
|
|
2183
|
-
} =
|
|
2184
|
+
} = _ref16;
|
|
2184
2185
|
return {
|
|
2185
2186
|
openOptions: [...openOptions, option]
|
|
2186
2187
|
};
|
|
@@ -2494,10 +2495,10 @@ export class IrisGrid extends Component {
|
|
|
2494
2495
|
handleAggregationChange(aggregation) {
|
|
2495
2496
|
log.debug('handleAggregationChange', aggregation);
|
|
2496
2497
|
this.startLoading("Aggregating ".concat(aggregation.operation, "..."));
|
|
2497
|
-
this.setState(
|
|
2498
|
+
this.setState(_ref17 => {
|
|
2498
2499
|
var {
|
|
2499
2500
|
aggregationSettings
|
|
2500
|
-
} =
|
|
2501
|
+
} = _ref17;
|
|
2501
2502
|
return {
|
|
2502
2503
|
selectedAggregation: aggregation,
|
|
2503
2504
|
aggregationSettings: _objectSpread(_objectSpread({}, aggregationSettings), {}, {
|
|
@@ -2596,10 +2597,10 @@ export class IrisGrid extends Component {
|
|
|
2596
2597
|
*/
|
|
2597
2598
|
removeEmptyAggregations() {
|
|
2598
2599
|
log.debug('removeEmptyAggregations');
|
|
2599
|
-
this.setState(
|
|
2600
|
+
this.setState(_ref18 => {
|
|
2600
2601
|
var {
|
|
2601
2602
|
aggregationSettings
|
|
2602
|
-
} =
|
|
2603
|
+
} = _ref18;
|
|
2603
2604
|
var {
|
|
2604
2605
|
aggregations
|
|
2605
2606
|
} = aggregationSettings;
|
|
@@ -3667,6 +3668,7 @@ export class IrisGrid extends Component {
|
|
|
3667
3668
|
});
|
|
3668
3669
|
}
|
|
3669
3670
|
}
|
|
3671
|
+
_defineProperty(IrisGrid, "contextType", IrisGridThemeContext);
|
|
3670
3672
|
_defineProperty(IrisGrid, "minDebounce", 150);
|
|
3671
3673
|
_defineProperty(IrisGrid, "maxDebounce", 500);
|
|
3672
3674
|
_defineProperty(IrisGrid, "loadingSpinnerDelay", 800);
|