@infinite-table/infinite-react 3.2.10 → 3.3.0
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 +5 -12
- package/index.dev.js +95 -104
- package/index.dev.mjs +95 -104
- package/index.js +2 -2
- package/index.mjs +2 -2
- package/package.json +2 -2
package/index.dev.mjs
CHANGED
|
@@ -991,38 +991,6 @@ var useResizeObserver = (ref, callback, config = {
|
|
|
991
991
|
};
|
|
992
992
|
}, [ref.current, callback, config.earlyAttach]);
|
|
993
993
|
};
|
|
994
|
-
var ReactResizeObserver = (props) => {
|
|
995
|
-
const style2 = useMemo(
|
|
996
|
-
() => ({
|
|
997
|
-
position: "absolute",
|
|
998
|
-
top: 0,
|
|
999
|
-
left: 0,
|
|
1000
|
-
width: "100%",
|
|
1001
|
-
height: "100%",
|
|
1002
|
-
boxSizing: "border-box"
|
|
1003
|
-
}),
|
|
1004
|
-
[]
|
|
1005
|
-
);
|
|
1006
|
-
const { notifyOnMount, earlyAttach } = props;
|
|
1007
|
-
const firstTime = useRef(true);
|
|
1008
|
-
const ref = useRef(null);
|
|
1009
|
-
const onResize = useCallback(
|
|
1010
|
-
(size) => {
|
|
1011
|
-
if (firstTime.current && !notifyOnMount) {
|
|
1012
|
-
firstTime.current = false;
|
|
1013
|
-
return;
|
|
1014
|
-
}
|
|
1015
|
-
props.onResize(size);
|
|
1016
|
-
},
|
|
1017
|
-
[props.onResize]
|
|
1018
|
-
);
|
|
1019
|
-
useResizeObserver(ref, onResize, { earlyAttach: earlyAttach || false });
|
|
1020
|
-
return /* @__PURE__ */ React.createElement("div", { ref, style: style2 });
|
|
1021
|
-
};
|
|
1022
|
-
ReactResizeObserver.defaultProps = {
|
|
1023
|
-
notifyOnMount: true,
|
|
1024
|
-
earlyAttach: false
|
|
1025
|
-
};
|
|
1026
994
|
|
|
1027
995
|
// src/components/CSSNumericVariableWatch.tsx
|
|
1028
996
|
var error = err("CSSVariableWatch");
|
|
@@ -1365,10 +1333,8 @@ function stripVar(cssVariableWithVarString) {
|
|
|
1365
1333
|
return cssVariableWithVarString.slice(4, -1);
|
|
1366
1334
|
}
|
|
1367
1335
|
|
|
1368
|
-
// src/components/InfiniteTable/
|
|
1369
|
-
var InternalVars = { currentColumnTransformX: "var(--
|
|
1370
|
-
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)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", 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)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", 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)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, 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)" } } };
|
|
1371
|
-
var columnHeaderHeightName = "column-header-height";
|
|
1336
|
+
// src/components/InfiniteTable/internalVars.css.ts
|
|
1337
|
+
var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__16hkbkc0)", y: "var(--y__16hkbkc1)", activeCellRowOffset: "var(--activeCellRowOffset__16hkbkc2)", activeCellRowHeight: "var(--activeCellRowHeight__16hkbkc3)", activeCellOffsetX: "var(--activeCellOffsetX__16hkbkc4)", activeCellOffsetY: "var(--activeCellOffsetY__16hkbkc5)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__16hkbkc6)", activeCellColWidth: "var(--activeCellColWidth__16hkbkc7)", activeCellColOffset: "var(--activeCellColOffset__16hkbkc8)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__16hkbkc9)", columnWidthAtIndex: "var(--columnWidthAtIndex__16hkbkca)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__16hkbkcb)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__16hkbkcc)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__16hkbkcd)", pinnedStartWidth: "var(--pinnedStartWidth__16hkbkce)", pinnedEndWidth: "var(--pinnedEndWidth__16hkbkcf)", pinnedEndOffset: "var(--pinnedEndOffset__16hkbkcg)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__16hkbkch)", baseZIndexForCells: "var(--baseZIndexForCells__16hkbkci)", bodyWidth: "var(--bodyWidth__16hkbkcj)", bodyHeight: "var(--bodyHeight__16hkbkck)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__16hkbkcl)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__16hkbkcm)", scrollLeft: "var(--scrollLeft__16hkbkcn)", scrollTop: "var(--scrollTop__16hkbkco)" };
|
|
1372
1338
|
|
|
1373
1339
|
// src/utils/selectParent.ts
|
|
1374
1340
|
function selectParent(el, selector2) {
|
|
@@ -1411,6 +1377,10 @@ var internalProps = {
|
|
|
1411
1377
|
rootClassName: rootClassName2
|
|
1412
1378
|
};
|
|
1413
1379
|
|
|
1380
|
+
// src/components/InfiniteTable/vars.css.ts
|
|
1381
|
+
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)", border: "var(--infinite-header-cell-border)", 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)", borderRight: "var(--infinite-header-cell-border-right)", 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)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", 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)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", 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)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", 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)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, 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)" } } };
|
|
1382
|
+
var columnHeaderHeightName = "column-header-height";
|
|
1383
|
+
|
|
1414
1384
|
// src/components/InfiniteTable/utils/infiniteDOMUtils.ts
|
|
1415
1385
|
var InfiniteSelector = `.${internalProps.rootClassName}`;
|
|
1416
1386
|
function getParentInfiniteNode(node) {
|
|
@@ -4818,14 +4788,14 @@ var zIndex = { "1": "utilities_zIndex_1__16lm1iwo", "10": "utilities_zIndex_10__
|
|
|
4818
4788
|
|
|
4819
4789
|
// src/components/InfiniteTable/components/InfiniteTableBody/InfiniteTableBody.tsx
|
|
4820
4790
|
var InfiniteTableBody = React15.forwardRef(function InfiniteTableBody2(props, ref) {
|
|
4821
|
-
const { rootClassName:
|
|
4791
|
+
const { rootClassName: rootClassName12 } = useInternalProps();
|
|
4822
4792
|
return /* @__PURE__ */ React15.createElement(
|
|
4823
4793
|
"div",
|
|
4824
4794
|
__spreadProps(__spreadValues({
|
|
4825
4795
|
ref
|
|
4826
4796
|
}, props), {
|
|
4827
4797
|
className: join(
|
|
4828
|
-
`${
|
|
4798
|
+
`${rootClassName12}Body`,
|
|
4829
4799
|
position.relative,
|
|
4830
4800
|
flex["1"],
|
|
4831
4801
|
transformTranslateZero,
|
|
@@ -4839,14 +4809,14 @@ var InfiniteTableBody = React15.forwardRef(function InfiniteTableBody2(props, re
|
|
|
4839
4809
|
import * as React16 from "react";
|
|
4840
4810
|
var InfiniteTableFooter = React16.forwardRef(
|
|
4841
4811
|
function InfiniteTableFooter2(props, ref) {
|
|
4842
|
-
const { rootClassName:
|
|
4812
|
+
const { rootClassName: rootClassName12 } = useInternalProps();
|
|
4843
4813
|
return /* @__PURE__ */ React16.createElement(
|
|
4844
4814
|
"div",
|
|
4845
4815
|
__spreadProps(__spreadValues({
|
|
4846
4816
|
ref
|
|
4847
4817
|
}, props), {
|
|
4848
4818
|
className: join(
|
|
4849
|
-
`${
|
|
4819
|
+
`${rootClassName12}Footer`,
|
|
4850
4820
|
position.relative,
|
|
4851
4821
|
display.flex,
|
|
4852
4822
|
flexFlow.row,
|
|
@@ -5092,22 +5062,22 @@ var createRuntimeFn = (config) => {
|
|
|
5092
5062
|
|
|
5093
5063
|
// src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
|
|
5094
5064
|
var CellCls = "cell_CellCls__1eexc2a5 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_absolute__16lm1iw2 utilities_willChange_transform__16lm1iw22 utilities_whiteSpace_nowrap__16lm1iw23 utilities_userSelect_none__16lm1iw17";
|
|
5095
|
-
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "
|
|
5065
|
+
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob120 utilities_height_100%__16lm1iw19 utilities_width_100%__16lm1iw1b utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_justifyContent_start__16lm1iw1v", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob121", true: "header_HeaderCellContentRecipe_filtered_true__12zfob122" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob123", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob124", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob125" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob126", end: "header_HeaderCellContentRecipe_align_end__12zfob127", center: "header_HeaderCellContentRecipe_align_center__12zfob128" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5096
5066
|
var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw23 utilities_textOverflow_ellipsis__16lm1iw24 utilities_overflow_hidden__16lm1iw1x";
|
|
5097
|
-
var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1o utilities_display_block__16lm1iw12", 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: "
|
|
5067
|
+
var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1o utilities_display_block__16lm1iw12", 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" }, firstRow: { false: "header_HeaderCellRecipe_firstRow_false__12zfob1w", true: "header_HeaderCellRecipe_firstRow_true__12zfob1x" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob1y", true: "header_HeaderCellRecipe_groupRow_true__12zfob1z" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob110", true: "header_HeaderCellRecipe_groupCell_true__12zfob111" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob112", end: "header_HeaderCellRecipe_align_end__12zfob113", center: "header_HeaderCellRecipe_align_center__12zfob114" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob115", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob116", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob117" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob118", even: "header_HeaderCellRecipe_zebra_even__12zfob119", odd: "header_HeaderCellRecipe_zebra_odd__12zfob11a" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob11b", false: "header_HeaderCellRecipe_dragging_false__12zfob11c" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11d", false: "header_HeaderCellRecipe_first_false__12zfob11e" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11f", false: "header_HeaderCellRecipe_last_false__12zfob11g" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11h", false: "header_HeaderCellRecipe_groupByField_false__12zfob11i" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11j", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11k" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11l", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11m" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11n", end: "header_HeaderCellRecipe_pinned_end__12zfob11o", false: "header_HeaderCellRecipe_pinned_false__12zfob11p" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11q", false: "header_HeaderCellRecipe_filtered_false__12zfob11r" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11s"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11t"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11u"]] });
|
|
5098
5068
|
var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "header_HeaderClsRecipe__12zfob19 utilities_display_block__16lm1iw12 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"]] });
|
|
5099
|
-
var HeaderFilterEditorCls = "
|
|
5069
|
+
var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12i utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
|
|
5100
5070
|
var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
|
|
5101
|
-
var HeaderFilterOperatorCls = "
|
|
5102
|
-
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "
|
|
5103
|
-
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "
|
|
5104
|
-
var HeaderGroupCls = "
|
|
5105
|
-
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "
|
|
5071
|
+
var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12e utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
|
|
5072
|
+
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12f utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1c", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12g", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5073
|
+
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterRecipe__12zfob12b utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_stretch__16lm1iw1r utilities_position_relative__16lm1iw1", variantClassNames: { active: { true: "header_HeaderFilterRecipe_active_true__12zfob12c", false: "header_HeaderFilterRecipe_active_false__12zfob12d" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5074
|
+
var HeaderGroupCls = "header_HeaderGroupCls__12zfob12a utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
|
|
5075
|
+
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11v utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1m utilities_justifyContent_spaceAround__16lm1iw1u utilities_visibility_hidden__16lm1iw21", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob11w" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11x", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob11y" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob11z"]] });
|
|
5106
5076
|
var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
|
|
5107
5077
|
var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
|
|
5108
5078
|
var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
|
|
5109
5079
|
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: [] });
|
|
5110
|
-
var HeaderWrapperCls = "
|
|
5080
|
+
var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob129 utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
|
|
5111
5081
|
|
|
5112
5082
|
// src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
|
|
5113
5083
|
var InfiniteTableIconClassName = "InfiniteTableIcon";
|
|
@@ -6536,7 +6506,7 @@ var defaultFilterTypes2 = getFilterTypes();
|
|
|
6536
6506
|
|
|
6537
6507
|
// src/components/InfiniteTable/hooks/useCellClassName.ts
|
|
6538
6508
|
function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
6539
|
-
var _a;
|
|
6509
|
+
var _a, _b;
|
|
6540
6510
|
const result = [...baseClasses];
|
|
6541
6511
|
const variantObject = {
|
|
6542
6512
|
filtered: column.computedFiltered,
|
|
@@ -6550,6 +6520,7 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
|
6550
6520
|
rowSelected: (_a = extraFlags.rowSelected) != null ? _a : "null",
|
|
6551
6521
|
rowActive: extraFlags.rowActive,
|
|
6552
6522
|
dragging: extraFlags.dragging,
|
|
6523
|
+
firstRow: (_b = extraFlags.firstRow) != null ? _b : false,
|
|
6553
6524
|
groupRow: extraFlags.groupRow,
|
|
6554
6525
|
groupCell: extraFlags.groupCell,
|
|
6555
6526
|
verticalAlign: extraFlags.verticalAlign,
|
|
@@ -6579,6 +6550,9 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
|
6579
6550
|
if (extraFlags.cellSelected) {
|
|
6580
6551
|
result.push(...baseClasses.map((c) => `${c}--cell-selected`));
|
|
6581
6552
|
}
|
|
6553
|
+
if (extraFlags.firstRow) {
|
|
6554
|
+
result.push(...baseClasses.map((c) => `${c}--first-row`));
|
|
6555
|
+
}
|
|
6582
6556
|
if (extraFlags.groupRow) {
|
|
6583
6557
|
result.push(...baseClasses.map((c) => `${c}--group-row`));
|
|
6584
6558
|
result.push(
|
|
@@ -7284,6 +7258,10 @@ var useColumnPointerEvents = ({
|
|
|
7284
7258
|
state: { domRef: rootRef }
|
|
7285
7259
|
} = useInfiniteTable();
|
|
7286
7260
|
const defaultPointerDown = useCallback8((e) => {
|
|
7261
|
+
const computedCol = getComputed().computedVisibleColumnsMap.get(columnId);
|
|
7262
|
+
if (!computedCol || !computedCol.computedSortable) {
|
|
7263
|
+
return;
|
|
7264
|
+
}
|
|
7287
7265
|
const { multiSortBehavior } = getState();
|
|
7288
7266
|
api.toggleSortingForColumn(columnId, {
|
|
7289
7267
|
multiSortBehavior: multiSortBehavior === "replace" && (e.ctrlKey || e.metaKey) ? "append" : multiSortBehavior
|
|
@@ -7737,7 +7715,7 @@ function objectValuesExcept(obj, exceptList) {
|
|
|
7737
7715
|
|
|
7738
7716
|
// src/components/InfiniteTable/components/cell.css.ts
|
|
7739
7717
|
var ColumnCellCls = "cell_ColumnCellCls__1eexc2a6 cell_CellCls__1eexc2a5 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_absolute__16lm1iw2 utilities_willChange_transform__16lm1iw22 utilities_whiteSpace_nowrap__16lm1iw23 utilities_userSelect_none__16lm1iw17";
|
|
7740
|
-
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2ah", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2ai", true: "cell_ColumnCellRecipe_dragging_true__1eexc2aj" }, cellSelected: { false: "cell_ColumnCellRecipe_cellSelected_false__1eexc2ak", true: "cell_ColumnCellRecipe_cellSelected_true__1eexc2al" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2am", end: "cell_ColumnCellRecipe_align_end__1eexc2an", center: "cell_ColumnCellRecipe_align_center__1eexc2ao" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2ap", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2aq", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2ar" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2as", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2at" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2au", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2av" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2aw", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2ax" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2ay", even: "cell_ColumnCellRecipe_zebra_even__1eexc2az", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2a10" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2a11", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2a12", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2a13" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2a14", false: "cell_ColumnCellRecipe_first_false__1eexc2a15" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2a16", false: "cell_ColumnCellRecipe_last_false__1eexc2a17" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2a18", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2a19" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2a1a", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a1b" }, lastInCategory: { true: "
|
|
7718
|
+
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2ah", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2ai", true: "cell_ColumnCellRecipe_dragging_true__1eexc2aj" }, cellSelected: { false: "cell_ColumnCellRecipe_cellSelected_false__1eexc2ak", true: "cell_ColumnCellRecipe_cellSelected_true__1eexc2al" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2am", end: "cell_ColumnCellRecipe_align_end__1eexc2an", center: "cell_ColumnCellRecipe_align_center__1eexc2ao" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2ap", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2aq", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2ar" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2as", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2at" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2au", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2av" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2aw", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2ax" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2ay", even: "cell_ColumnCellRecipe_zebra_even__1eexc2az", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2a10" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2a11", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2a12", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2a13" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2a14", false: "cell_ColumnCellRecipe_first_false__1eexc2a15" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2a16", false: "cell_ColumnCellRecipe_last_false__1eexc2a17" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2a18", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2a19" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2a1a", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a1b" }, firstRow: { true: "cell_ColumnCellRecipe_firstRow_true__1eexc2a1c", false: "cell_ColumnCellRecipe_firstRow_false__1eexc2a1d" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a1e", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a1f" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a1g", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a1h", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a1i" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a1j", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a1k" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_0__1eexc2a1l"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a1m"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a1n"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a1o"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_4__1eexc2a1p"]] });
|
|
7741
7719
|
var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellSelectionIndicatorRecipe__1eexc2a8", variantClassNames: { right: { true: "cell_ColumnCellSelectionIndicatorRecipe_right_true__1eexc2a9", false: "cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2aa" }, left: { true: "cell_ColumnCellSelectionIndicatorRecipe_left_true__1eexc2ab", false: "cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ac" }, top: { true: "cell_ColumnCellSelectionIndicatorRecipe_top_true__1eexc2ad", false: "cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2ae" }, bottom: { true: "cell_ColumnCellSelectionIndicatorRecipe_bottom_true__1eexc2af", false: "cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2ag" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7742
7720
|
var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a7";
|
|
7743
7721
|
|
|
@@ -8664,6 +8642,7 @@ function InfiniteTableColumnCellFn(props) {
|
|
|
8664
8642
|
rowActive,
|
|
8665
8643
|
cellSelected,
|
|
8666
8644
|
rowSelected,
|
|
8645
|
+
firstRow: rowInfo.indexInAll === 0,
|
|
8667
8646
|
groupRow: rowInfo.isGroupRow,
|
|
8668
8647
|
groupCell: rowInfo.isGroupRow ? !!column.groupByForColumn : false,
|
|
8669
8648
|
rowExpanded: rowInfo.isGroupRow ? !rowInfo.collapsed : false
|
|
@@ -9183,6 +9162,9 @@ function useColumnResizeHandle(column) {
|
|
|
9183
9162
|
return resizeHandle;
|
|
9184
9163
|
}
|
|
9185
9164
|
|
|
9165
|
+
// src/components/InfiniteTable/components/InfiniteTableHeader/headerClassName.ts
|
|
9166
|
+
var InfiniteTableHeaderCellClassName = `${rootClassName2}HeaderCell`;
|
|
9167
|
+
|
|
9186
9168
|
// src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
|
|
9187
9169
|
var defaultRenderSelectionCheckBox2 = (params) => {
|
|
9188
9170
|
const { allRowsSelected, someRowsSelected, api } = params;
|
|
@@ -9205,8 +9187,6 @@ var defaultRenderSelectionCheckBox2 = (params) => {
|
|
|
9205
9187
|
);
|
|
9206
9188
|
};
|
|
9207
9189
|
var InfiniteTableHeaderCellContext = React43.createContext(null);
|
|
9208
|
-
var { rootClassName: rootClassName8 } = internalProps;
|
|
9209
|
-
var InfiniteTableHeaderCellClassName = `${rootClassName8}HeaderCell`;
|
|
9210
9190
|
var columnZIndexAtIndex5 = stripVar(InternalVars.columnZIndexAtIndex);
|
|
9211
9191
|
var spacer = /* @__PURE__ */ React43.createElement("div", { className: flex["1"] });
|
|
9212
9192
|
var InfiniteHeaderCellDataAttributes = keyMirror({
|
|
@@ -9539,6 +9519,7 @@ function InfiniteTableHeaderCell(props) {
|
|
|
9539
9519
|
cellSelected: false,
|
|
9540
9520
|
zebra: false,
|
|
9541
9521
|
rowActive: false,
|
|
9522
|
+
firstRow: true,
|
|
9542
9523
|
groupCell: false,
|
|
9543
9524
|
groupRow: false,
|
|
9544
9525
|
rowExpanded: false
|
|
@@ -9692,8 +9673,8 @@ import { useCallback as useCallback15 } from "react";
|
|
|
9692
9673
|
// src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/GroupResizeHandle.tsx
|
|
9693
9674
|
import { useRef as useRef17, useState as useState12 } from "react";
|
|
9694
9675
|
import * as React44 from "react";
|
|
9695
|
-
var { rootClassName:
|
|
9696
|
-
var InfiniteTableHeaderCellResizeHandleCls2 = `${
|
|
9676
|
+
var { rootClassName: rootClassName8 } = internalProps;
|
|
9677
|
+
var InfiniteTableHeaderCellResizeHandleCls2 = `${rootClassName8}HeaderCell_ResizeHandle`;
|
|
9697
9678
|
function GroupResizeHandleFn(props) {
|
|
9698
9679
|
const domRef = useRef17(null);
|
|
9699
9680
|
const [constrained, setConstrained] = useState12(false);
|
|
@@ -9907,8 +9888,8 @@ function InfiniteTableHeaderGroup(props) {
|
|
|
9907
9888
|
}
|
|
9908
9889
|
|
|
9909
9890
|
// src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeader.tsx
|
|
9910
|
-
var { rootClassName:
|
|
9911
|
-
var TableHeaderClassName = `${
|
|
9891
|
+
var { rootClassName: rootClassName9 } = internalProps;
|
|
9892
|
+
var TableHeaderClassName = `${rootClassName9}Header`;
|
|
9912
9893
|
function InfiniteTableHeaderFn(props) {
|
|
9913
9894
|
const {
|
|
9914
9895
|
bodyBrain,
|
|
@@ -10205,7 +10186,7 @@ var enforceStyle = (node, style2) => {
|
|
|
10205
10186
|
};
|
|
10206
10187
|
var InfiniteTableLicenseFooter = React49.forwardRef(
|
|
10207
10188
|
function InfiniteTableLicenseFooter2(props, ref) {
|
|
10208
|
-
const { rootClassName:
|
|
10189
|
+
const { rootClassName: rootClassName12 } = useInternalProps();
|
|
10209
10190
|
const domRef = React49.useRef(null);
|
|
10210
10191
|
const domCallback = React49.useCallback((node) => {
|
|
10211
10192
|
domRef.current = node;
|
|
@@ -10241,7 +10222,7 @@ var InfiniteTableLicenseFooter = React49.forwardRef(
|
|
|
10241
10222
|
ref: domCallback
|
|
10242
10223
|
}, props), {
|
|
10243
10224
|
className: join(
|
|
10244
|
-
`${
|
|
10225
|
+
`${rootClassName12}-Footer`,
|
|
10245
10226
|
FooterCls,
|
|
10246
10227
|
props.className
|
|
10247
10228
|
),
|
|
@@ -10272,8 +10253,8 @@ var LoadMaskOverlayCls = "LoadMask_LoadMaskOverlayCls__qy58ya3 utilities_positio
|
|
|
10272
10253
|
var LoadMaskTextCls = "LoadMask_LoadMaskTextCls__qy58ya4";
|
|
10273
10254
|
|
|
10274
10255
|
// src/components/InfiniteTable/components/LoadMask.tsx
|
|
10275
|
-
var { rootClassName:
|
|
10276
|
-
var baseCls3 = `${
|
|
10256
|
+
var { rootClassName: rootClassName10 } = internalProps;
|
|
10257
|
+
var baseCls3 = `${rootClassName10}-LoadMask`;
|
|
10277
10258
|
function LoadMaskFn(props) {
|
|
10278
10259
|
const { visible, children = "Loading" } = props;
|
|
10279
10260
|
return /* @__PURE__ */ React50.createElement(
|
|
@@ -16599,8 +16580,8 @@ function useRegisterDetail(props) {
|
|
|
16599
16580
|
}
|
|
16600
16581
|
|
|
16601
16582
|
// src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableDetailRow.tsx
|
|
16602
|
-
var { rootClassName:
|
|
16603
|
-
var InfiniteTableRowDetailsClassName = `${
|
|
16583
|
+
var { rootClassName: rootClassName11 } = internalProps;
|
|
16584
|
+
var InfiniteTableRowDetailsClassName = `${rootClassName11}RowDetail`;
|
|
16604
16585
|
function InfiniteTableDetailRowFn(props) {
|
|
16605
16586
|
const DataSourceMasterDetailContext = getDataSourceMasterDetailContext();
|
|
16606
16587
|
const {
|
|
@@ -18773,7 +18754,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
18773
18754
|
}
|
|
18774
18755
|
let valid2 = isValidLicense(licenseKey, {
|
|
18775
18756
|
publishedAt: 1624970570587,
|
|
18776
|
-
version: "3.
|
|
18757
|
+
version: "3.3.0"
|
|
18777
18758
|
});
|
|
18778
18759
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
18779
18760
|
return true;
|
|
@@ -20175,7 +20156,7 @@ function getIdForReactOnlyChild(children) {
|
|
|
20175
20156
|
function injectPortalContainerAndConstrainInMenuChild(children, portalContainer, constrainTo) {
|
|
20176
20157
|
if (React55.Children.count(children) === 1) {
|
|
20177
20158
|
const child = React55.Children.only(children);
|
|
20178
|
-
if (React55.isValidElement(child) && child.
|
|
20159
|
+
if (React55.isValidElement(child) && child.type[propToIdentifyMenu]) {
|
|
20179
20160
|
const newProps = {};
|
|
20180
20161
|
if (child.props.portalContainer === void 0) {
|
|
20181
20162
|
newProps.portalContainer = portalContainer;
|
|
@@ -20286,6 +20267,14 @@ import * as React57 from "react";
|
|
|
20286
20267
|
// src/components/Menu/childrenToRuntimeItems.tsx
|
|
20287
20268
|
import * as React56 from "react";
|
|
20288
20269
|
|
|
20270
|
+
// src/components/Menu/MenuItem.tsx
|
|
20271
|
+
function MenuItem(_props) {
|
|
20272
|
+
return null;
|
|
20273
|
+
}
|
|
20274
|
+
MenuItem.defaultProps = {
|
|
20275
|
+
__is_menu_item: true
|
|
20276
|
+
};
|
|
20277
|
+
|
|
20289
20278
|
// src/components/Menu/MenuCls.css.ts
|
|
20290
20279
|
var MenuCls = "MenuCls_MenuCls__db3arf0 utilities_boxSizingBorderBox__16lm1iw0 utilities_position_relative__16lm1iw1 utilities_display_inlineGrid__16lm1iw16 utilities_flexFlow_column__16lm1iw1m utilities_margin_none__16lm1iw8";
|
|
20291
20280
|
var MenuItemCls = createRuntimeFn({ defaultClassName: "MenuCls_MenuItemCls__db3arf2 utilities_display_flex__16lm1iwz utilities_alignItems_center__16lm1iw1q utilities_userSelect_none__16lm1iw17", variantClassNames: { disabled: { true: "MenuCls_MenuItemCls_disabled_true__db3arf3 utilities_cursor_default__16lm1iwj utilities_userSelect_none__16lm1iw17", false: "utilities_cursor_pointer__16lm1iwi" }, active: { true: "MenuCls_MenuItemCls_active_true__db3arf5", false: "MenuCls_MenuItemCls_active_false__db3arf6" }, pressed: { false: "MenuCls_MenuItemCls_pressed_false__db3arf7", true: "MenuCls_MenuItemCls_pressed_true__db3arf8" }, keyboardActive: { true: "MenuCls_MenuItemCls_keyboardActive_true__db3arf9", false: "MenuCls_MenuItemCls_keyboardActive_false__db3arfa" } }, defaultVariants: {}, compoundVariants: [[{ active: true, disabled: false }, "MenuCls_MenuItemCls_compound_0__db3arfb"], [{ pressed: true, active: true, disabled: false }, "MenuCls_MenuItemCls_compound_1__db3arfc"]] });
|
|
@@ -20333,18 +20322,20 @@ var toRuntimeItem = ({
|
|
|
20333
20322
|
};
|
|
20334
20323
|
function childrenToRuntimeItems(context, children) {
|
|
20335
20324
|
return React56.Children.map(children, (child) => {
|
|
20336
|
-
if (child
|
|
20337
|
-
|
|
20338
|
-
|
|
20339
|
-
itemProps.key
|
|
20340
|
-
|
|
20341
|
-
|
|
20342
|
-
itemProps.description
|
|
20343
|
-
|
|
20344
|
-
|
|
20345
|
-
itemProps.label
|
|
20325
|
+
if (child) {
|
|
20326
|
+
if (child.props.__is_menu_item || child.type === MenuItem) {
|
|
20327
|
+
const itemProps = __spreadValues({}, child.props);
|
|
20328
|
+
if (!itemProps.key) {
|
|
20329
|
+
itemProps.key = child.key;
|
|
20330
|
+
}
|
|
20331
|
+
if (!itemProps.description) {
|
|
20332
|
+
itemProps.description = child.props.children;
|
|
20333
|
+
}
|
|
20334
|
+
if (!itemProps.label) {
|
|
20335
|
+
itemProps.label = itemProps.children;
|
|
20336
|
+
}
|
|
20337
|
+
return toRuntimeItem(context, itemProps);
|
|
20346
20338
|
}
|
|
20347
|
-
return toRuntimeItem(context, itemProps);
|
|
20348
20339
|
}
|
|
20349
20340
|
return toRuntimeItem(context, child);
|
|
20350
20341
|
}) || [];
|
|
@@ -21203,12 +21194,6 @@ function RuntimeItemRenderer(props) {
|
|
|
21203
21194
|
}
|
|
21204
21195
|
return /* @__PURE__ */ React58.createElement("div", { className: MenuRowCls }, content);
|
|
21205
21196
|
}
|
|
21206
|
-
function MenuItem(_props) {
|
|
21207
|
-
return null;
|
|
21208
|
-
}
|
|
21209
|
-
MenuItem.defaultProps = {
|
|
21210
|
-
__is_menu_item: true
|
|
21211
|
-
};
|
|
21212
21197
|
|
|
21213
21198
|
// src/components/Menu/index.tsx
|
|
21214
21199
|
var MenuRoot = getComponentStateRoot({
|
|
@@ -21235,11 +21220,11 @@ function Menu(props) {
|
|
|
21235
21220
|
portalContainer,
|
|
21236
21221
|
items,
|
|
21237
21222
|
parentMenuId,
|
|
21238
|
-
addSubmenuColumnIfNeeded,
|
|
21239
|
-
bubbleActionsFromSubmenus,
|
|
21223
|
+
addSubmenuColumnIfNeeded = true,
|
|
21224
|
+
bubbleActionsFromSubmenus = true,
|
|
21240
21225
|
onShow,
|
|
21241
21226
|
onHide,
|
|
21242
|
-
wrapLabels,
|
|
21227
|
+
wrapLabels = false,
|
|
21243
21228
|
onAction,
|
|
21244
21229
|
constrainTo,
|
|
21245
21230
|
columns,
|
|
@@ -21268,23 +21253,21 @@ function Menu(props) {
|
|
|
21268
21253
|
//@ts-ignore
|
|
21269
21254
|
"__is_infinite_menu_component"
|
|
21270
21255
|
]);
|
|
21271
|
-
const menu = /* @__PURE__ */ React59.createElement(
|
|
21256
|
+
const menu = /* @__PURE__ */ React59.createElement(
|
|
21257
|
+
MenuRoot,
|
|
21258
|
+
__spreadValues({
|
|
21259
|
+
addSubmenuColumnIfNeeded,
|
|
21260
|
+
bubbleActionsFromSubmenus,
|
|
21261
|
+
wrapLabels
|
|
21262
|
+
}, props),
|
|
21263
|
+
/* @__PURE__ */ React59.createElement(MenuContextProvider, { domProps })
|
|
21264
|
+
);
|
|
21272
21265
|
if (false) {
|
|
21273
21266
|
return /* @__PURE__ */ React59.createElement(React59.StrictMode, null, menu);
|
|
21274
21267
|
}
|
|
21275
21268
|
return menu;
|
|
21276
21269
|
}
|
|
21277
|
-
|
|
21278
|
-
addSubmenuColumnIfNeeded: true,
|
|
21279
|
-
bubbleActionsFromSubmenus: true,
|
|
21280
|
-
wrapLabels: false,
|
|
21281
|
-
/**
|
|
21282
|
-
* this is here because we want a simple way for `showOverlay` (which is returned by useOverlay hook)
|
|
21283
|
-
* to inject the portal container into the menu
|
|
21284
|
-
*/
|
|
21285
|
-
[propToIdentifyMenu]: true
|
|
21286
|
-
};
|
|
21287
|
-
Menu.defaultProps = menuDefaultProps;
|
|
21270
|
+
Menu[propToIdentifyMenu] = true;
|
|
21288
21271
|
|
|
21289
21272
|
// src/components/InfiniteTable/utils/defaultGetColumnMenuItems.tsx
|
|
21290
21273
|
import * as React60 from "react";
|
|
@@ -22263,7 +22246,6 @@ var InfiniteTableComponent = React67.memo(
|
|
|
22263
22246
|
domRef,
|
|
22264
22247
|
scrollerDOMRef,
|
|
22265
22248
|
portalDOMRef,
|
|
22266
|
-
licenseKey,
|
|
22267
22249
|
loadingText,
|
|
22268
22250
|
rowDetailRenderer,
|
|
22269
22251
|
header,
|
|
@@ -22284,6 +22266,10 @@ var InfiniteTableComponent = React67.memo(
|
|
|
22284
22266
|
onRenderUpdater,
|
|
22285
22267
|
debugId
|
|
22286
22268
|
} = componentState;
|
|
22269
|
+
let { licenseKey } = componentState;
|
|
22270
|
+
if (!licenseKey && InfiniteTable.licenseKey) {
|
|
22271
|
+
licenseKey = InfiniteTable.licenseKey;
|
|
22272
|
+
}
|
|
22287
22273
|
useScrollToActiveRow(activeRowIndex, dataArray.length, api);
|
|
22288
22274
|
useScrollToActiveCell(activeCellIndex, dataArray.length, api);
|
|
22289
22275
|
const { onKeyDown: onKeyDown2 } = useDOMEventHandlers();
|
|
@@ -22502,19 +22488,24 @@ function InfiniteTableContextProvider() {
|
|
|
22502
22488
|
const TableContext2 = getInfiniteTableContext();
|
|
22503
22489
|
return /* @__PURE__ */ React67.createElement(TableContext2.Provider, { value: contextValue }, /* @__PURE__ */ React67.createElement(InfiniteTableComponent, null));
|
|
22504
22490
|
}
|
|
22505
|
-
|
|
22491
|
+
var DEFAULT_ROW_HEIGHT = 40;
|
|
22492
|
+
var DEFAULT_COLUMN_HEADER_HEIGHT = toCSSVarName(columnHeaderHeightName);
|
|
22493
|
+
var InfiniteTable = function(props) {
|
|
22506
22494
|
const table = (
|
|
22507
22495
|
//@ts-ignore
|
|
22508
|
-
/* @__PURE__ */ React67.createElement(
|
|
22496
|
+
/* @__PURE__ */ React67.createElement(
|
|
22497
|
+
InfiniteTableRoot,
|
|
22498
|
+
__spreadValues({
|
|
22499
|
+
rowHeight: DEFAULT_ROW_HEIGHT,
|
|
22500
|
+
columnHeaderHeight: DEFAULT_COLUMN_HEADER_HEIGHT
|
|
22501
|
+
}, props),
|
|
22502
|
+
/* @__PURE__ */ React67.createElement(InfiniteTableContextProvider, null)
|
|
22503
|
+
)
|
|
22509
22504
|
);
|
|
22510
22505
|
if (false) {
|
|
22511
22506
|
return /* @__PURE__ */ React67.createElement(React67.StrictMode, null, table);
|
|
22512
22507
|
}
|
|
22513
22508
|
return table;
|
|
22514
|
-
}
|
|
22515
|
-
InfiniteTable.defaultProps = {
|
|
22516
|
-
rowHeight: 40,
|
|
22517
|
-
columnHeaderHeight: toCSSVarName(columnHeaderHeightName)
|
|
22518
22509
|
};
|
|
22519
22510
|
|
|
22520
22511
|
// src/utils/FixedSizeSet.ts
|