@infinite-table/infinite-react 3.0.8 → 3.0.10
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/index.css +1 -1
- package/index.d.ts +2 -0
- package/index.dev.js +348 -266
- package/index.dev.mjs +153 -71
- package/index.js +5 -5
- package/index.mjs +5 -5
- package/package.json +2 -2
package/index.dev.mjs
CHANGED
|
@@ -1358,7 +1358,7 @@ function stripVar(cssVariableWithVarString) {
|
|
|
1358
1358
|
|
|
1359
1359
|
// src/components/InfiniteTable/theme.css.ts
|
|
1360
1360
|
var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__1slvgu90)", currentColumnTransformY: "var(--currentColumnTransformY__1slvgu91)", activeCellRowOffset: "var(--activeCellRowOffset__1slvgu92)", activeCellRowHeight: "var(--activeCellRowHeight__1slvgu93)", activeCellOffsetX: "var(--activeCellOffsetX__1slvgu94)", activeCellOffsetY: "var(--activeCellOffsetY__1slvgu95)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__1slvgu96)", activeCellColWidth: "var(--activeCellColWidth__1slvgu97)", activeCellColOffset: "var(--activeCellColOffset__1slvgu98)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__1slvgu99)", columnWidthAtIndex: "var(--columnWidthAtIndex__1slvgu9a)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__1slvgu9b)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__1slvgu9c)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__1slvgu9d)", pinnedStartWidth: "var(--pinnedStartWidth__1slvgu9e)", pinnedEndWidth: "var(--pinnedEndWidth__1slvgu9f)", pinnedEndOffset: "var(--pinnedEndOffset__1slvgu9g)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__1slvgu9h)", baseZIndexForCells: "var(--baseZIndexForCells__1slvgu9i)", bodyWidth: "var(--bodyWidth__1slvgu9j)", bodyHeight: "var(--bodyHeight__1slvgu9k)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__1slvgu9l)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__1slvgu9m)", scrollLeft: "var(--scrollLeft__1slvgu9n)", scrollTop: "var(--scrollTop__1slvgu9o)" };
|
|
1361
|
-
var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
|
|
1361
|
+
var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
|
|
1362
1362
|
var columnHeaderHeightName = "column-header-height";
|
|
1363
1363
|
|
|
1364
1364
|
// src/utils/selectParent.ts
|
|
@@ -4937,7 +4937,7 @@ var InfiniteTableFooter = React15.forwardRef(
|
|
|
4937
4937
|
|
|
4938
4938
|
// src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
|
|
4939
4939
|
import * as React42 from "react";
|
|
4940
|
-
import { useCallback as useCallback14, useContext as
|
|
4940
|
+
import { useCallback as useCallback14, useContext as useContext7, useEffect as useEffect15, useRef as useRef16 } from "react";
|
|
4941
4941
|
import { createPortal } from "react-dom";
|
|
4942
4942
|
|
|
4943
4943
|
// src/utils/keyMirror.ts
|
|
@@ -5048,12 +5048,37 @@ var useInfiniteTable = () => {
|
|
|
5048
5048
|
return useContext3(TableContext2);
|
|
5049
5049
|
};
|
|
5050
5050
|
|
|
5051
|
+
// src/components/InfiniteTable/hooks/useInfiniteTableState.ts
|
|
5052
|
+
import { useContext as useContext4 } from "react";
|
|
5053
|
+
var useInfiniteTableState = () => {
|
|
5054
|
+
const TableContext2 = getInfiniteTableContext();
|
|
5055
|
+
const { state } = useContext4(TableContext2);
|
|
5056
|
+
return state;
|
|
5057
|
+
};
|
|
5058
|
+
|
|
5051
5059
|
// src/components/InfiniteTable/components/icons/FilterIcon.tsx
|
|
5052
5060
|
import * as React26 from "react";
|
|
5053
5061
|
import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect8, useState as useState5 } from "react";
|
|
5054
5062
|
|
|
5055
|
-
// ../node_modules/@vanilla-extract/recipes/
|
|
5063
|
+
// ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-f8e161c6.esm.js
|
|
5064
|
+
function _toPrimitive(input, hint) {
|
|
5065
|
+
if (typeof input !== "object" || input === null)
|
|
5066
|
+
return input;
|
|
5067
|
+
var prim = input[Symbol.toPrimitive];
|
|
5068
|
+
if (prim !== void 0) {
|
|
5069
|
+
var res = prim.call(input, hint || "default");
|
|
5070
|
+
if (typeof res !== "object")
|
|
5071
|
+
return res;
|
|
5072
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
5073
|
+
}
|
|
5074
|
+
return (hint === "string" ? String : Number)(input);
|
|
5075
|
+
}
|
|
5076
|
+
function _toPropertyKey(arg) {
|
|
5077
|
+
var key = _toPrimitive(arg, "string");
|
|
5078
|
+
return typeof key === "symbol" ? key : String(key);
|
|
5079
|
+
}
|
|
5056
5080
|
function _defineProperty(obj, key, value) {
|
|
5081
|
+
key = _toPropertyKey(key);
|
|
5057
5082
|
if (key in obj) {
|
|
5058
5083
|
Object.defineProperty(obj, key, {
|
|
5059
5084
|
value,
|
|
@@ -5087,6 +5112,13 @@ function _objectSpread2(target) {
|
|
|
5087
5112
|
}
|
|
5088
5113
|
return target;
|
|
5089
5114
|
}
|
|
5115
|
+
function mapValues(input, fn) {
|
|
5116
|
+
var result = {};
|
|
5117
|
+
for (var _key in input) {
|
|
5118
|
+
result[_key] = fn(input[_key], _key);
|
|
5119
|
+
}
|
|
5120
|
+
return result;
|
|
5121
|
+
}
|
|
5090
5122
|
var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
|
|
5091
5123
|
for (var key of Object.keys(compoundCheck)) {
|
|
5092
5124
|
var _selections$key;
|
|
@@ -5096,52 +5128,64 @@ var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
|
|
|
5096
5128
|
}
|
|
5097
5129
|
return true;
|
|
5098
5130
|
};
|
|
5099
|
-
var createRuntimeFn = (config) =>
|
|
5100
|
-
var
|
|
5101
|
-
|
|
5102
|
-
|
|
5103
|
-
var
|
|
5104
|
-
|
|
5105
|
-
|
|
5106
|
-
|
|
5107
|
-
|
|
5108
|
-
|
|
5109
|
-
|
|
5110
|
-
|
|
5111
|
-
|
|
5112
|
-
|
|
5113
|
-
|
|
5114
|
-
|
|
5115
|
-
|
|
5131
|
+
var createRuntimeFn = (config) => {
|
|
5132
|
+
var runtimeFn = (options) => {
|
|
5133
|
+
var className = config.defaultClassName;
|
|
5134
|
+
var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
|
|
5135
|
+
for (var variantName in selections) {
|
|
5136
|
+
var _selections$variantNa;
|
|
5137
|
+
var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
|
|
5138
|
+
if (variantSelection != null) {
|
|
5139
|
+
var selection = variantSelection;
|
|
5140
|
+
if (typeof selection === "boolean") {
|
|
5141
|
+
selection = selection === true ? "true" : "false";
|
|
5142
|
+
}
|
|
5143
|
+
var selectionClassName = (
|
|
5144
|
+
// @ts-expect-error
|
|
5145
|
+
config.variantClassNames[variantName][selection]
|
|
5146
|
+
);
|
|
5147
|
+
if (selectionClassName) {
|
|
5148
|
+
className += " " + selectionClassName;
|
|
5149
|
+
}
|
|
5116
5150
|
}
|
|
5117
5151
|
}
|
|
5118
|
-
|
|
5119
|
-
|
|
5120
|
-
|
|
5121
|
-
|
|
5152
|
+
for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
|
|
5153
|
+
if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
|
|
5154
|
+
className += " " + compoundClassName;
|
|
5155
|
+
}
|
|
5122
5156
|
}
|
|
5123
|
-
|
|
5124
|
-
|
|
5157
|
+
return className;
|
|
5158
|
+
};
|
|
5159
|
+
runtimeFn.variants = () => Object.keys(config.variantClassNames);
|
|
5160
|
+
runtimeFn.classNames = {
|
|
5161
|
+
get base() {
|
|
5162
|
+
return config.defaultClassName.split(" ")[0];
|
|
5163
|
+
},
|
|
5164
|
+
get variants() {
|
|
5165
|
+
return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
|
|
5166
|
+
}
|
|
5167
|
+
};
|
|
5168
|
+
return runtimeFn;
|
|
5125
5169
|
};
|
|
5126
5170
|
|
|
5127
5171
|
// src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
|
|
5128
5172
|
var CellCls = "cell_CellCls__1eexc2a5 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_absolute__16lm1iw2 utilities_willChange_transform__16lm1iw21 utilities_whiteSpace_nowrap__16lm1iw22 utilities_userSelect_none__16lm1iw16";
|
|
5129
|
-
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "
|
|
5130
|
-
var HeaderCellProxy = "
|
|
5131
|
-
var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
5132
|
-
var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "
|
|
5133
|
-
var
|
|
5134
|
-
var
|
|
5135
|
-
var
|
|
5136
|
-
var
|
|
5137
|
-
var
|
|
5138
|
-
var HeaderGroupCls = "
|
|
5139
|
-
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "
|
|
5140
|
-
var HeaderScrollbarPlaceholderCls = "
|
|
5173
|
+
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob11y utilities_height_100%__16lm1iw18 utilities_width_100%__16lm1iw1a utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_justifyContent_start__16lm1iw1u", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob11z", true: "header_HeaderCellContentRecipe_filtered_true__12zfob120" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob121", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob122", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob123" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob124", end: "header_HeaderCellContentRecipe_align_end__12zfob125", center: "header_HeaderCellContentRecipe_align_center__12zfob126" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5174
|
+
var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw22 utilities_textOverflow_ellipsis__16lm1iw23 utilities_overflow_hidden__16lm1iw1w";
|
|
5175
|
+
var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1o utilities_display_block__16lm1iw11", variantClassNames: { rowActive: { false: "header_HeaderCellRecipe_rowActive_false__12zfob1p", true: "header_HeaderCellRecipe_rowActive_true__12zfob1q" }, cellSelected: { false: "header_HeaderCellRecipe_cellSelected_false__12zfob1r", true: "header_HeaderCellRecipe_cellSelected_true__12zfob1s" }, rowSelected: { false: "header_HeaderCellRecipe_rowSelected_false__12zfob1t", true: "header_HeaderCellRecipe_rowSelected_true__12zfob1u", null: "header_HeaderCellRecipe_rowSelected_null__12zfob1v" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob1w", true: "header_HeaderCellRecipe_groupRow_true__12zfob1x" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob1y", true: "header_HeaderCellRecipe_groupCell_true__12zfob1z" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob110", end: "header_HeaderCellRecipe_align_end__12zfob111", center: "header_HeaderCellRecipe_align_center__12zfob112" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob113", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob114", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob115" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob116", even: "header_HeaderCellRecipe_zebra_even__12zfob117", odd: "header_HeaderCellRecipe_zebra_odd__12zfob118" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob119", false: "header_HeaderCellRecipe_dragging_false__12zfob11a" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11b", false: "header_HeaderCellRecipe_first_false__12zfob11c" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11d", false: "header_HeaderCellRecipe_last_false__12zfob11e" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11f", false: "header_HeaderCellRecipe_groupByField_false__12zfob11g" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11h", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11i" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11j", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11k" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11l", end: "header_HeaderCellRecipe_pinned_end__12zfob11m", false: "header_HeaderCellRecipe_pinned_false__12zfob11n" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11o", false: "header_HeaderCellRecipe_filtered_false__12zfob11p" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11q"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11r"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11s"]] });
|
|
5176
|
+
var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "header_HeaderClsRecipe__12zfob19 utilities_display_block__16lm1iw11 utilities_position_absolute__16lm1iw2", variantClassNames: { pinned: { start: "header_HeaderClsRecipe_pinned_start__12zfob1a", end: "header_HeaderClsRecipe_pinned_end__12zfob1b", false: "header_HeaderClsRecipe_pinned_false__12zfob1c" }, firstInCategory: { true: "header_HeaderClsRecipe_firstInCategory_true__12zfob1d", false: "header_HeaderClsRecipe_firstInCategory_false__12zfob1e" }, lastInCategory: { true: "header_HeaderClsRecipe_lastInCategory_true__12zfob1f", false: "header_HeaderClsRecipe_lastInCategory_false__12zfob1g" }, overflow: { true: "header_HeaderClsRecipe_overflow_true__12zfob1h", false: "header_HeaderClsRecipe_overflow_false__12zfob1i" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "header_HeaderClsRecipe_compound_0__12zfob1j"], [{ pinned: "start", firstInCategory: true }, "header_HeaderClsRecipe_compound_1__12zfob1k"], [{ overflow: true, pinned: "end" }, "header_HeaderClsRecipe_compound_2__12zfob1l"], [{ pinned: "end", lastInCategory: true }, "header_HeaderClsRecipe_compound_3__12zfob1m"]] });
|
|
5177
|
+
var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12g utilities_width_100%__16lm1iw1a utilities_height_100%__16lm1iw18";
|
|
5178
|
+
var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
|
|
5179
|
+
var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12c utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p utilities_position_relative__16lm1iw1";
|
|
5180
|
+
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12d utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1b", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12e", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12f" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5181
|
+
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterRecipe__12zfob129 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_stretch__16lm1iw1q utilities_position_relative__16lm1iw1", variantClassNames: { active: { true: "header_HeaderFilterRecipe_active_true__12zfob12a", false: "header_HeaderFilterRecipe_active_false__12zfob12b" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5182
|
+
var HeaderGroupCls = "header_HeaderGroupCls__12zfob128 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n utilities_alignItems_center__16lm1iw1p";
|
|
5183
|
+
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11t utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_column__16lm1iw1l utilities_justifyContent_spaceAround__16lm1iw1t utilities_visibility_hidden__16lm1iw20", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob11u" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11v", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob11w" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob11x"]] });
|
|
5184
|
+
var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
|
|
5141
5185
|
var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
|
|
5142
|
-
var HeaderSortIconIndexCls = "
|
|
5143
|
-
var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "", variantClassNames: { align: { start: "
|
|
5144
|
-
var HeaderWrapperCls = "
|
|
5186
|
+
var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
|
|
5187
|
+
var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "header__12zfob12", variantClassNames: { align: { start: "header_HeaderSortIconRecipe_align_start__12zfob13", center: "header_HeaderSortIconRecipe_align_center__12zfob14", end: "header_HeaderSortIconRecipe_align_end__12zfob15" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5188
|
+
var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob127 utilities_overflow_hidden__16lm1iw1w utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_row__16lm1iw1n";
|
|
5145
5189
|
|
|
5146
5190
|
// src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
|
|
5147
5191
|
var InfiniteTableIconClassName = "InfiniteTableIcon";
|
|
@@ -6158,7 +6202,7 @@ function getColumnApiForColumn(colOrColId, param) {
|
|
|
6158
6202
|
getState().onFilterOperatorMenuClick({ target, column });
|
|
6159
6203
|
},
|
|
6160
6204
|
hideFilterOperatorMenu() {
|
|
6161
|
-
|
|
6205
|
+
api.hideFilterOperatorMenu();
|
|
6162
6206
|
},
|
|
6163
6207
|
showContextMenu(target) {
|
|
6164
6208
|
getState().onColumnMenuClick({ target, column });
|
|
@@ -6259,16 +6303,33 @@ var InfiniteTableColumnHeaderFilterOperatorClassName = `${rootClassName2}HeaderC
|
|
|
6259
6303
|
var InfiniteTableColumnHeaderFilterContext = React27.createContext(null);
|
|
6260
6304
|
|
|
6261
6305
|
// src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableColumnHeaderFilter.tsx
|
|
6306
|
+
var InfiniteTableColumnHeaderFilterInputClassName = `${InfiniteTableColumnHeaderFilterClassName}__input`;
|
|
6262
6307
|
var stopPropagation = (e) => e.stopPropagation();
|
|
6263
6308
|
function InfiniteTableColumnHeaderFilter(props) {
|
|
6309
|
+
const { filterOperatorMenuVisibleForColumnId } = useInfiniteTableState();
|
|
6310
|
+
const { column } = useInfiniteHeaderCell();
|
|
6264
6311
|
const FilterEditor = props.filterEditor;
|
|
6265
6312
|
const FilterOperatorSwitch = props.filterOperatorSwitch;
|
|
6313
|
+
const [focused, setFocused] = useState6(false);
|
|
6314
|
+
const onFocus = React28.useCallback(() => {
|
|
6315
|
+
setFocused(true);
|
|
6316
|
+
}, []);
|
|
6317
|
+
const onBlur = React28.useCallback(() => {
|
|
6318
|
+
setFocused(false);
|
|
6319
|
+
}, []);
|
|
6320
|
+
const active = filterOperatorMenuVisibleForColumnId === column.id || focused;
|
|
6266
6321
|
return /* @__PURE__ */ React28.createElement(
|
|
6267
6322
|
"div",
|
|
6268
6323
|
{
|
|
6269
6324
|
onPointerUp: stopPropagation,
|
|
6270
6325
|
onPointerDown: stopPropagation,
|
|
6271
|
-
|
|
6326
|
+
onFocus,
|
|
6327
|
+
onBlur,
|
|
6328
|
+
className: `${InfiniteTableColumnHeaderFilterClassName} ${HeaderFilterRecipe(
|
|
6329
|
+
{
|
|
6330
|
+
active
|
|
6331
|
+
}
|
|
6332
|
+
)}`,
|
|
6272
6333
|
style: { height: props.columnHeaderHeight }
|
|
6273
6334
|
},
|
|
6274
6335
|
/* @__PURE__ */ React28.createElement(InfiniteTableColumnHeaderFilterContext.Provider, { value: props }, /* @__PURE__ */ React28.createElement(FilterOperatorSwitch, null), /* @__PURE__ */ React28.createElement(FilterEditor, null))
|
|
@@ -6290,7 +6351,11 @@ function InfiniteTableFilterOperatorSwitch() {
|
|
|
6290
6351
|
}
|
|
6291
6352
|
columnApi.toggleFilterOperatorMenu(event.target);
|
|
6292
6353
|
},
|
|
6293
|
-
className:
|
|
6354
|
+
className: join(
|
|
6355
|
+
InfiniteTableColumnHeaderFilterOperatorClassName,
|
|
6356
|
+
HeaderFilterOperatorCls,
|
|
6357
|
+
disabled ? `${InfiniteTableColumnHeaderFilterOperatorClassName}--disabled` : ""
|
|
6358
|
+
)
|
|
6294
6359
|
},
|
|
6295
6360
|
/* @__PURE__ */ React28.createElement(
|
|
6296
6361
|
Icon2,
|
|
@@ -6309,7 +6374,9 @@ function InfiniteTableColumnHeaderFilterEmpty() {
|
|
|
6309
6374
|
{
|
|
6310
6375
|
onPointerUp: stopPropagation,
|
|
6311
6376
|
onPointerDown: stopPropagation,
|
|
6312
|
-
className: `${InfiniteTableColumnHeaderFilterClassName} ${
|
|
6377
|
+
className: `${InfiniteTableColumnHeaderFilterClassName} ${HeaderFilterRecipe(
|
|
6378
|
+
{ active: false }
|
|
6379
|
+
)}`,
|
|
6313
6380
|
style: { height: "100%" }
|
|
6314
6381
|
}
|
|
6315
6382
|
);
|
|
@@ -6365,7 +6432,7 @@ function useInfiniteColumnFilterEditor() {
|
|
|
6365
6432
|
filtered: column.computedFiltered,
|
|
6366
6433
|
setValue: onInputChange,
|
|
6367
6434
|
ariaLabel: `Filter for ${columnLabel}`,
|
|
6368
|
-
className: HeaderFilterEditorCls
|
|
6435
|
+
className: `${HeaderFilterEditorCls} ${InfiniteTableColumnHeaderFilterInputClassName}`
|
|
6369
6436
|
};
|
|
6370
6437
|
}
|
|
6371
6438
|
|
|
@@ -6605,11 +6672,11 @@ import { useCallback as useCallback8, useState as useState7 } from "react";
|
|
|
6605
6672
|
// src/components/InfiniteTable/InfiniteCls.css.ts
|
|
6606
6673
|
var FooterCls = "utilities_position_relative__16lm1iw1";
|
|
6607
6674
|
var InfiniteCls = "InfiniteCls_InfiniteCls__1yeub2v0 utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwy utilities_flexFlow_column__16lm1iw1l utilities_boxSizingBorderBox__16lm1iw0";
|
|
6608
|
-
var InfiniteClsHasPinnedEnd = "
|
|
6609
|
-
var InfiniteClsHasPinnedStart = "
|
|
6610
|
-
var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "", variantClassNames: { focused: { true: "
|
|
6611
|
-
var InfiniteClsShiftingColumns = "
|
|
6612
|
-
var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "", variantClassNames: { pinned: { start: "
|
|
6675
|
+
var InfiniteClsHasPinnedEnd = "InfiniteCls_InfiniteClsHasPinnedEnd__1yeub2vq";
|
|
6676
|
+
var InfiniteClsHasPinnedStart = "InfiniteCls_InfiniteClsHasPinnedStart__1yeub2vp";
|
|
6677
|
+
var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "InfiniteCls__1yeub2v2", variantClassNames: { focused: { true: "InfiniteCls_InfiniteClsRecipe_focused_true__1yeub2v3", false: "InfiniteCls_InfiniteClsRecipe_focused_false__1yeub2v4" }, focusedWithin: { true: "InfiniteCls_InfiniteClsRecipe_focusedWithin_true__1yeub2v5", false: "InfiniteCls_InfiniteClsRecipe_focusedWithin_false__1yeub2v6" }, hasPinnedStart: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedStart_true__1yeub2v7", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedStart_false__1yeub2v8" }, hasPinnedEnd: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedEnd_true__1yeub2v9", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedEnd_false__1yeub2va" }, hasPinnedStartOverflow: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_true__1yeub2vb", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_false__1yeub2vc" }, hasPinnedEndOverflow: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedEndOverflow_true__1yeub2vd", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedEndOverflow_false__1yeub2ve" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "InfiniteCls_InfiniteClsRecipe_compound_0__1yeub2vf"]] });
|
|
6678
|
+
var InfiniteClsShiftingColumns = "InfiniteCls_shiftingcols__1yeub2vn";
|
|
6679
|
+
var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "InfiniteCls__1yeub2vj", variantClassNames: { pinned: { start: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_start__1yeub2vk", end: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_end__1yeub2vl", false: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_false__1yeub2vm" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6613
6680
|
|
|
6614
6681
|
// src/components/InfiniteTable/utils/rafFn.ts
|
|
6615
6682
|
var rafFn = (fn) => {
|
|
@@ -7445,7 +7512,7 @@ import * as React37 from "react";
|
|
|
7445
7512
|
|
|
7446
7513
|
// src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableColumnCell.tsx
|
|
7447
7514
|
import * as React36 from "react";
|
|
7448
|
-
import { useCallback as useCallback12, useContext as
|
|
7515
|
+
import { useCallback as useCallback12, useContext as useContext6, useMemo as useMemo4 } from "react";
|
|
7449
7516
|
|
|
7450
7517
|
// src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
|
|
7451
7518
|
import * as React32 from "react";
|
|
@@ -7464,7 +7531,7 @@ import { useState as useState8 } from "react";
|
|
|
7464
7531
|
|
|
7465
7532
|
// src/components/InfiniteTable/components/icons/ExpanderIcon.css.ts
|
|
7466
7533
|
var ExpanderIconCls = "utilities_fill_accentColor__16lm1iw7 utilities_flex_none__16lm1iwm utilities_cursor_pointer__16lm1iwh";
|
|
7467
|
-
var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "", variantClassNames: { expanded: { true: "utilities_transform_rotate90__16lm1iwf", false: "
|
|
7534
|
+
var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "ExpanderIcon__198z9781", variantClassNames: { expanded: { true: "utilities_transform_rotate90__16lm1iwf", false: "ExpanderIcon_ExpanderIconClsVariants_expanded_false__198z9783" }, direction: { end: "ExpanderIcon_ExpanderIconClsVariants_direction_end__198z9784", start: "ExpanderIcon_ExpanderIconClsVariants_direction_start__198z9785" } }, defaultVariants: {}, compoundVariants: [[{ expanded: false, direction: "end" }, "utilities_transform_rotate180__16lm1iwg"]] });
|
|
7468
7535
|
|
|
7469
7536
|
// src/components/InfiniteTable/components/icons/ExpanderIcon.tsx
|
|
7470
7537
|
function ExpanderIcon(props) {
|
|
@@ -7566,8 +7633,8 @@ var LoadingIcon = (props) => {
|
|
|
7566
7633
|
};
|
|
7567
7634
|
|
|
7568
7635
|
// src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts
|
|
7569
|
-
var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "", variantClassNames: { align: { start: "
|
|
7570
|
-
var RowClsRecipe = createRuntimeFn({ defaultClassName: "row_RowCls__7pupv00", variantClassNames: { zebra: { false: "
|
|
7636
|
+
var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "row__7pupv0c", variantClassNames: { align: { start: "row_GroupRowExpanderCls_align_start__7pupv0d", center: "row_GroupRowExpanderCls_align_center__7pupv0e", end: "row_GroupRowExpanderCls_align_end__7pupv0f" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7637
|
+
var RowClsRecipe = createRuntimeFn({ defaultClassName: "row__7pupv02 row_RowCls__7pupv00", variantClassNames: { zebra: { false: "row_RowClsRecipe_zebra_false__7pupv03", even: "row_RowClsRecipe_zebra_even__7pupv04", odd: "row_RowClsRecipe_zebra_odd__7pupv05" }, groupRow: { true: "row_RowClsRecipe_groupRow_true__7pupv06", false: "row_RowClsRecipe_groupRow_false__7pupv07" }, inlineGroupRow: { true: "row_RowClsRecipe_inlineGroupRow_true__7pupv08", false: "row_RowClsRecipe_inlineGroupRow_false__7pupv09" }, showHoverRows: { true: "row_RowClsRecipe_showHoverRows_true__7pupv0a", false: "row_RowClsRecipe_showHoverRows_false__7pupv0b" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7571
7638
|
var RowHoverCls = "row_RowHoverCls__7pupv01";
|
|
7572
7639
|
|
|
7573
7640
|
// src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
|
|
@@ -8605,7 +8672,7 @@ var InfiniteTableColumnCell = React36.memo(
|
|
|
8605
8672
|
InfiniteTableColumnCellFn
|
|
8606
8673
|
);
|
|
8607
8674
|
function useInfiniteColumnCell() {
|
|
8608
|
-
const result =
|
|
8675
|
+
const result = useContext6(
|
|
8609
8676
|
InfiniteTableColumnCellContext
|
|
8610
8677
|
);
|
|
8611
8678
|
return result;
|
|
@@ -8932,8 +8999,8 @@ function getColumnGroupResizer(colIndexes, config) {
|
|
|
8932
8999
|
|
|
8933
9000
|
// src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/ResizeHandle.css.ts
|
|
8934
9001
|
var ResizeHandleCls = "ResizeHandle_ResizeHandleCls__zneyzh0 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1b utilities_right_0__16lm1iw1i utilities_bottom_0__16lm1iw1g utilities_cursor_colResize__16lm1iwj utilities_overflow_hidden__16lm1iw1w";
|
|
8935
|
-
var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "
|
|
8936
|
-
var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "", variantClassNames: { computedPinned: { start: "
|
|
9002
|
+
var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "ResizeHandle_ResizeHandleDraggerClsRecipe__zneyzhc utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1b utilities_bottom_0__16lm1iw1g", variantClassNames: { constrained: { false: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_false__zneyzhd", true: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_true__zneyzhe" }, computedPinned: { start: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_start__zneyzhf", end: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_end__zneyzhg", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_false__zneyzhh" }, computedFirstInCategory: { true: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedFirstInCategory_true__zneyzhi", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedFirstInCategory_false__zneyzhj" }, computedLastInCategory: { true: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedLastInCategory_true__zneyzhk", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedLastInCategory_false__zneyzhl" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "start", computedLastInCategory: true }, "ResizeHandle_ResizeHandleDraggerClsRecipe_compound_0__zneyzhm"], [{ computedPinned: "end", computedFirstInCategory: true }, "ResizeHandle_ResizeHandleDraggerClsRecipe_compound_1__zneyzhn"]] });
|
|
9003
|
+
var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "ResizeHandle__zneyzh1", variantClassNames: { computedPinned: { start: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_start__zneyzh2", end: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_end__zneyzh3 utilities_left_0__16lm1iw1d utilities_right_auto__16lm1iw1k", false: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_false__zneyzh4" }, computedFirstInCategory: { true: "ResizeHandle_ResizeHandleRecipeCls_computedFirstInCategory_true__zneyzh5", false: "ResizeHandle_ResizeHandleRecipeCls_computedFirstInCategory_false__zneyzh6" }, computedLastInCategory: { true: "ResizeHandle_ResizeHandleRecipeCls_computedLastInCategory_true__zneyzh7", false: "ResizeHandle_ResizeHandleRecipeCls_computedLastInCategory_false__zneyzh8" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "end", computedLastInCategory: false, computedFirstInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_0__zneyzh9"], [{ computedPinned: false, computedFirstInCategory: false, computedLastInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_1__zneyzha"], [{ computedPinned: "start", computedFirstInCategory: false, computedLastInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_2__zneyzhb"]] });
|
|
8937
9004
|
|
|
8938
9005
|
// src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/index.tsx
|
|
8939
9006
|
var { rootClassName: rootClassName7 } = internalProps;
|
|
@@ -9478,7 +9545,7 @@ function InfiniteTableHeaderCell(props) {
|
|
|
9478
9545
|
), draggingProxy);
|
|
9479
9546
|
}
|
|
9480
9547
|
function useInfiniteHeaderCell() {
|
|
9481
|
-
const result =
|
|
9548
|
+
const result = useContext7(
|
|
9482
9549
|
InfiniteTableHeaderCellContext
|
|
9483
9550
|
);
|
|
9484
9551
|
return result;
|
|
@@ -14727,6 +14794,9 @@ function isSortInfoForColumn(sortInfo, col) {
|
|
|
14727
14794
|
}
|
|
14728
14795
|
var InfiniteTableApiImpl = class {
|
|
14729
14796
|
constructor(context) {
|
|
14797
|
+
this.hideFilterOperatorMenu = () => {
|
|
14798
|
+
this.actions.filterOperatorMenuVisibleForColumnId = null;
|
|
14799
|
+
};
|
|
14730
14800
|
this.getColumnOrder = () => {
|
|
14731
14801
|
return this.getComputed().computedColumnOrder;
|
|
14732
14802
|
};
|
|
@@ -15350,16 +15420,15 @@ var InfiniteTableApiImpl = class {
|
|
|
15350
15420
|
};
|
|
15351
15421
|
if (col.field || typeof col.groupByForColumn === "string") {
|
|
15352
15422
|
filterValueForColumn.field = col.field || col.groupByForColumn;
|
|
15353
|
-
} else {
|
|
15354
|
-
filterValueForColumn.id = col.id;
|
|
15355
15423
|
}
|
|
15356
15424
|
newFilterValueForColumn = filterValueForColumn;
|
|
15357
15425
|
}
|
|
15426
|
+
newFilterValueForColumn.id = col.id;
|
|
15358
15427
|
newFilterValueForColumn.filter.value = filterValue;
|
|
15359
15428
|
this.setFilterValueForColumn(columnId, newFilterValueForColumn);
|
|
15360
15429
|
}
|
|
15361
15430
|
setColumnFilterOperator(columnId, newOperator) {
|
|
15362
|
-
var _a
|
|
15431
|
+
var _a;
|
|
15363
15432
|
const col = this.getComputed().computedColumnsMap.get(columnId);
|
|
15364
15433
|
if (!col) {
|
|
15365
15434
|
return;
|
|
@@ -15367,29 +15436,34 @@ var InfiniteTableApiImpl = class {
|
|
|
15367
15436
|
const dataSourceState = this.getDataSourceState();
|
|
15368
15437
|
const { filterTypes } = dataSourceState;
|
|
15369
15438
|
const filterType = col.computedFilterType;
|
|
15370
|
-
const
|
|
15439
|
+
const filterTypeOperators = filterTypes[filterType].operators;
|
|
15440
|
+
const operator = (_a = filterTypeOperators.find(
|
|
15441
|
+
(op) => op.name === newOperator
|
|
15442
|
+
)) != null ? _a : filterTypeOperators.find(
|
|
15443
|
+
(op) => op.name === filterTypes[filterType].defaultOperator
|
|
15444
|
+
);
|
|
15445
|
+
const operatorName = operator.name;
|
|
15371
15446
|
let newFilterValueForColumn;
|
|
15372
15447
|
if (col.computedFilterValue) {
|
|
15373
15448
|
newFilterValueForColumn = __spreadProps(__spreadValues({}, col.computedFilterValue), {
|
|
15374
15449
|
filter: __spreadProps(__spreadValues({}, col.computedFilterValue.filter), {
|
|
15375
|
-
operator
|
|
15450
|
+
operator: operatorName
|
|
15376
15451
|
})
|
|
15377
15452
|
});
|
|
15378
15453
|
} else {
|
|
15379
15454
|
newFilterValueForColumn = {
|
|
15380
15455
|
filter: {
|
|
15381
|
-
operator,
|
|
15456
|
+
operator: operatorName,
|
|
15382
15457
|
type: filterType,
|
|
15383
|
-
value: [...filterTypes[filterType].emptyValues.values()][0]
|
|
15458
|
+
value: operator.defaultFilterValue !== void 0 ? operator.defaultFilterValue : [...filterTypes[filterType].emptyValues.values()][0]
|
|
15384
15459
|
},
|
|
15385
15460
|
valueGetter: col.valueGetter
|
|
15386
15461
|
};
|
|
15387
15462
|
if (col.field) {
|
|
15388
15463
|
newFilterValueForColumn.field = col.field;
|
|
15389
|
-
} else {
|
|
15390
|
-
newFilterValueForColumn.id = col.id;
|
|
15391
15464
|
}
|
|
15392
15465
|
}
|
|
15466
|
+
newFilterValueForColumn.id = col.id;
|
|
15393
15467
|
this.setFilterValueForColumn(columnId, newFilterValueForColumn);
|
|
15394
15468
|
}
|
|
15395
15469
|
setFilterValueForColumn(columnId, filterValue) {
|
|
@@ -17582,7 +17656,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
17582
17656
|
const valid = useMemo11(() => {
|
|
17583
17657
|
let valid2 = isValidLicense(licenseKey, {
|
|
17584
17658
|
publishedAt: 1624970570587,
|
|
17585
|
-
version: "3.0.
|
|
17659
|
+
version: "3.0.10"
|
|
17586
17660
|
});
|
|
17587
17661
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
17588
17662
|
return true;
|
|
@@ -19439,10 +19513,10 @@ var MenuTriangleContext = class {
|
|
|
19439
19513
|
};
|
|
19440
19514
|
|
|
19441
19515
|
// src/components/Menu/MenuContext.ts
|
|
19442
|
-
import { createContext as createContext6, useContext as
|
|
19516
|
+
import { createContext as createContext6, useContext as useContext8 } from "react";
|
|
19443
19517
|
var MenuContext = createContext6(null);
|
|
19444
19518
|
function useMenuContext() {
|
|
19445
|
-
const contextValue =
|
|
19519
|
+
const contextValue = useContext8(MenuContext);
|
|
19446
19520
|
return contextValue;
|
|
19447
19521
|
}
|
|
19448
19522
|
|
|
@@ -20554,6 +20628,14 @@ function getFilterOperatorMenuForColumn(columnId, context, onHideIntent) {
|
|
|
20554
20628
|
};
|
|
20555
20629
|
});
|
|
20556
20630
|
const firstItems = [
|
|
20631
|
+
{
|
|
20632
|
+
key: "close",
|
|
20633
|
+
label: "Close Menu",
|
|
20634
|
+
icon: null,
|
|
20635
|
+
onAction: () => {
|
|
20636
|
+
api.hideFilterOperatorMenu();
|
|
20637
|
+
}
|
|
20638
|
+
},
|
|
20557
20639
|
{
|
|
20558
20640
|
key: "clear",
|
|
20559
20641
|
label: "Clear",
|