@infinite-table/infinite-react 5.0.0-canary.2 → 5.0.0-canary.4
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 +291 -61
- package/index.d.ts +25 -2
- package/index.dev.js +216 -21
- package/index.dev.mjs +211 -21
- package/index.js +216 -21
- package/index.mjs +211 -21
- package/package.json +2 -2
package/index.mjs
CHANGED
|
@@ -1323,7 +1323,7 @@ function buildSubscriptionCallback(withRaf = false) {
|
|
|
1323
1323
|
}
|
|
1324
1324
|
|
|
1325
1325
|
// src/components/InfiniteTable/vars.css.ts
|
|
1326
|
-
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)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, 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)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, 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)", separatorColor: "var(--infinite-menu-separator-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)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", 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)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-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)" } } };
|
|
1326
|
+
var ThemeVars = { color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-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)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, 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)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", 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)", separatorColor: "var(--infinite-menu-separator-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)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", 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)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-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)" } } };
|
|
1327
1327
|
var columnHeaderHeightName = "column-header-height";
|
|
1328
1328
|
|
|
1329
1329
|
// src/components/HeadlessTable/ReactHeadlessTableRenderer.tsx
|
|
@@ -1364,7 +1364,7 @@ function stripVar(cssVariableWithVarString) {
|
|
|
1364
1364
|
}
|
|
1365
1365
|
|
|
1366
1366
|
// src/components/InfiniteTable/internalVars.css.ts
|
|
1367
|
-
var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__16hkbkc0)", y: "var(--y__16hkbkc1)", activeCellRowOffset: "var(--
|
|
1367
|
+
var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__16hkbkc0)", y: "var(--y__16hkbkc1)", currentFlashingBackground: "var(--currentFlashingBackground__16hkbkc2)", currentFlashingDuration: "var(--currentFlashingDuration__16hkbkc3)", activeCellRowOffset: "var(--activeCellRowOffset__16hkbkc4)", activeCellRowOffsetX: "var(--activeCellRowOffsetX__16hkbkc5)", activeCellRowHeight: "var(--activeCellRowHeight__16hkbkc6)", activeCellOffsetX: "var(--activeCellOffsetX__16hkbkc7)", activeCellOffsetY: "var(--activeCellOffsetY__16hkbkc8)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__16hkbkc9)", scrollLeftForActiveRowWhenHorizontalLayout: "var(--scrollLeftForActiveRowWhenHorizontalLayout__16hkbkca)", activeCellColWidth: "var(--activeCellColWidth__16hkbkcb)", activeCellColOffset: "var(--activeCellColOffset__16hkbkcc)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__16hkbkcd)", columnWidthAtIndex: "var(--columnWidthAtIndex__16hkbkce)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__16hkbkcf)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__16hkbkcg)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__16hkbkch)", pinnedStartWidth: "var(--pinnedStartWidth__16hkbkci)", pinnedEndWidth: "var(--pinnedEndWidth__16hkbkcj)", pinnedEndOffset: "var(--pinnedEndOffset__16hkbkck)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__16hkbkcl)", baseZIndexForCells: "var(--baseZIndexForCells__16hkbkcm)", bodyWidth: "var(--bodyWidth__16hkbkcn)", bodyHeight: "var(--bodyHeight__16hkbkco)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__16hkbkcp)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__16hkbkcq)", scrollLeft: "var(--scrollLeft__16hkbkcr)", scrollTop: "var(--scrollTop__16hkbkcs)" };
|
|
1368
1368
|
|
|
1369
1369
|
// src/utils/selectParent.ts
|
|
1370
1370
|
function selectParent(el, selector2) {
|
|
@@ -4360,10 +4360,6 @@ var useRerender = () => {
|
|
|
4360
4360
|
];
|
|
4361
4361
|
};
|
|
4362
4362
|
|
|
4363
|
-
// src/components/InfiniteTable/components/ActiveCellIndicator.css.ts
|
|
4364
|
-
var ActiveCellIndicatorCls = { visible: "ActiveCellIndicator_ActiveCellIndicatorCls_visible__nxbq1c2 ActiveCellIndicator_ActiveCellIndicator__nxbq1c1 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2", hidden: "ActiveCellIndicator_ActiveCellIndicatorCls_hidden__nxbq1c3 ActiveCellIndicator_ActiveCellIndicator__nxbq1c1 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2" };
|
|
4365
|
-
var ActiveIndicatorWrapperCls = "ActiveCellIndicator_ActiveIndicatorWrapperCls__nxbq1c0 utilities_pointerEvents_none__16lm1iwl utilities_position_sticky__16lm1iw4 utilities_left_0__16lm1iw1e utilities_top_0__16lm1iw1c utilities_height_0__16lm1iw18 utilities_zIndex_1000000__16lm1iwu";
|
|
4366
|
-
|
|
4367
4363
|
// ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
|
|
4368
4364
|
function toPrimitive(t, r) {
|
|
4369
4365
|
if ("object" != typeof t || !t)
|
|
@@ -4472,6 +4468,10 @@ var createRuntimeFn = (config) => {
|
|
|
4472
4468
|
return runtimeFn;
|
|
4473
4469
|
};
|
|
4474
4470
|
|
|
4471
|
+
// src/components/InfiniteTable/components/ActiveCellIndicator.css.ts
|
|
4472
|
+
var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "ActiveCellIndicator_ActiveCellIndicator__nxbq1c1 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2", variantClassNames: { visible: { true: "ActiveCellIndicator_ActiveCellIndicatorRecipe_visible_true__nxbq1c3", false: "ActiveCellIndicator_ActiveCellIndicatorRecipe_visible_false__nxbq1c4" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4473
|
+
var ActiveIndicatorWrapperCls = "ActiveCellIndicator_ActiveIndicatorWrapperCls__nxbq1c0 utilities_pointerEvents_none__16lm1iwl utilities_position_sticky__16lm1iw4 utilities_left_0__16lm1iw1e utilities_top_0__16lm1iw1c utilities_height_0__16lm1iw18 utilities_zIndex_1000000__16lm1iwu";
|
|
4474
|
+
|
|
4475
4475
|
// src/components/InfiniteTable/components/ActiveRowIndicator.css.ts
|
|
4476
4476
|
var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "ActiveRowIndicator_ActiveRowIndicator__j26lrx0 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1c utilities_left_0__16lm1iw1e", variantClassNames: { active: { true: "ActiveRowIndicator_ActiveRowIndicatorRecipe_active_true__j26lrx2", false: "ActiveRowIndicator_ActiveRowIndicatorRecipe_active_false__j26lrx3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4477
4477
|
|
|
@@ -4609,7 +4609,9 @@ var ActiveCellIndicatorFn = (props) => {
|
|
|
4609
4609
|
"div",
|
|
4610
4610
|
{
|
|
4611
4611
|
"data-name": "active-cell-indicator",
|
|
4612
|
-
className: `${baseCls2} ${
|
|
4612
|
+
className: `${baseCls2} ${ActiveCellIndicatorRecipe({
|
|
4613
|
+
visible: active
|
|
4614
|
+
})}`
|
|
4613
4615
|
}
|
|
4614
4616
|
)
|
|
4615
4617
|
)
|
|
@@ -5358,22 +5360,22 @@ import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect8, useState
|
|
|
5358
5360
|
|
|
5359
5361
|
// src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
|
|
5360
5362
|
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";
|
|
5361
|
-
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "
|
|
5363
|
+
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob124 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__12zfob125", true: "header_HeaderCellContentRecipe_filtered_true__12zfob126" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob127", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob128", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob129" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob12a", end: "header_HeaderCellContentRecipe_align_end__12zfob12b", center: "header_HeaderCellContentRecipe_align_center__12zfob12c" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5362
5364
|
var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw23 utilities_textOverflow_ellipsis__16lm1iw24 utilities_overflow_hidden__16lm1iw1x";
|
|
5363
|
-
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" }, rowDisabled: { false: "header_HeaderCellRecipe_rowDisabled_false__12zfob1w", true: "header_HeaderCellRecipe_rowDisabled_true__12zfob1x" }, firstRow: { false: "header_HeaderCellRecipe_firstRow_false__12zfob1y", true: "header_HeaderCellRecipe_firstRow_true__12zfob1z" }, groupRow: { false: "
|
|
5365
|
+
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" }, rowDisabled: { false: "header_HeaderCellRecipe_rowDisabled_false__12zfob1w", true: "header_HeaderCellRecipe_rowDisabled_true__12zfob1x" }, firstRow: { false: "header_HeaderCellRecipe_firstRow_false__12zfob1y", true: "header_HeaderCellRecipe_firstRow_true__12zfob1z" }, firstRowInHorizontalLayoutPage: { false: "header_HeaderCellRecipe_firstRowInHorizontalLayoutPage_false__12zfob110", true: "header_HeaderCellRecipe_firstRowInHorizontalLayoutPage_true__12zfob111" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob112", true: "header_HeaderCellRecipe_groupRow_true__12zfob113" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob114", true: "header_HeaderCellRecipe_groupCell_true__12zfob115" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob116", end: "header_HeaderCellRecipe_align_end__12zfob117", center: "header_HeaderCellRecipe_align_center__12zfob118" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob119", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob11a", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob11b" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob11c", even: "header_HeaderCellRecipe_zebra_even__12zfob11d", odd: "header_HeaderCellRecipe_zebra_odd__12zfob11e" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob11f", false: "header_HeaderCellRecipe_dragging_false__12zfob11g" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11h", false: "header_HeaderCellRecipe_first_false__12zfob11i" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11j", false: "header_HeaderCellRecipe_last_false__12zfob11k" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11l", false: "header_HeaderCellRecipe_groupByField_false__12zfob11m" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11n", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11o" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11p", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11q" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11r", end: "header_HeaderCellRecipe_pinned_end__12zfob11s", false: "header_HeaderCellRecipe_pinned_false__12zfob11t" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11u", false: "header_HeaderCellRecipe_filtered_false__12zfob11v" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11w"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11x"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11y"]] });
|
|
5364
5366
|
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"]] });
|
|
5365
|
-
var HeaderFilterEditorCls = "
|
|
5367
|
+
var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12m utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
|
|
5366
5368
|
var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
|
|
5367
|
-
var HeaderFilterOperatorCls = "
|
|
5368
|
-
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "
|
|
5369
|
-
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "
|
|
5370
|
-
var HeaderGroupCls = "
|
|
5371
|
-
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "
|
|
5369
|
+
var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12i utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
|
|
5370
|
+
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12j utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1c", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12k", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12l" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5371
|
+
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterRecipe__12zfob12f utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_stretch__16lm1iw1r utilities_position_relative__16lm1iw1", variantClassNames: { active: { true: "header_HeaderFilterRecipe_active_true__12zfob12g", false: "header_HeaderFilterRecipe_active_false__12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5372
|
+
var HeaderGroupCls = "header_HeaderGroupCls__12zfob12e utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
|
|
5373
|
+
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11z 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__12zfob120" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob121", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob122" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob123"]] });
|
|
5372
5374
|
var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
|
|
5373
5375
|
var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
|
|
5374
5376
|
var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
|
|
5375
5377
|
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: [] });
|
|
5376
|
-
var HeaderWrapperCls = "
|
|
5378
|
+
var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob12d utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
|
|
5377
5379
|
|
|
5378
5380
|
// src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
|
|
5379
5381
|
var InfiniteTableIconClassName = "InfiniteTableIcon";
|
|
@@ -6805,7 +6807,7 @@ var defaultFilterTypes2 = getFilterTypes();
|
|
|
6805
6807
|
|
|
6806
6808
|
// src/components/InfiniteTable/hooks/useCellClassName.ts
|
|
6807
6809
|
function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
6808
|
-
var _a, _b;
|
|
6810
|
+
var _a, _b, _c;
|
|
6809
6811
|
const result = [...baseClasses];
|
|
6810
6812
|
const variantObject = {
|
|
6811
6813
|
filtered: column.computedFiltered,
|
|
@@ -6820,6 +6822,7 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
|
6820
6822
|
rowActive: extraFlags.rowActive,
|
|
6821
6823
|
dragging: extraFlags.dragging,
|
|
6822
6824
|
firstRow: (_b = extraFlags.firstRow) != null ? _b : false,
|
|
6825
|
+
firstRowInHorizontalLayoutPage: (_c = extraFlags.firstRowInHorizontalLayoutPage) != null ? _c : false,
|
|
6823
6826
|
rowDisabled: extraFlags.rowDisabled,
|
|
6824
6827
|
groupRow: extraFlags.groupRow,
|
|
6825
6828
|
groupCell: extraFlags.groupCell,
|
|
@@ -6853,6 +6856,11 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
|
6853
6856
|
if (extraFlags.firstRow) {
|
|
6854
6857
|
result.push(...baseClasses.map((c) => `${c}--first-row`));
|
|
6855
6858
|
}
|
|
6859
|
+
if (extraFlags.firstRowInHorizontalLayoutPage) {
|
|
6860
|
+
result.push(
|
|
6861
|
+
...baseClasses.map((c) => `${c}--first-row-in-horizontal-layout-page`)
|
|
6862
|
+
);
|
|
6863
|
+
}
|
|
6856
6864
|
if (extraFlags.rowDisabled) {
|
|
6857
6865
|
result.push(...baseClasses.map((c) => `${c}--disabled`));
|
|
6858
6866
|
}
|
|
@@ -8078,8 +8086,9 @@ function objectValuesExcept(obj, exceptList) {
|
|
|
8078
8086
|
|
|
8079
8087
|
// src/components/InfiniteTable/components/cell.css.ts
|
|
8080
8088
|
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";
|
|
8081
|
-
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
8082
|
-
var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "
|
|
8089
|
+
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2am", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2an", true: "cell_ColumnCellRecipe_dragging_true__1eexc2ao" }, cellSelected: { false: "cell_ColumnCellRecipe_cellSelected_false__1eexc2ap", true: "cell_ColumnCellRecipe_cellSelected_true__1eexc2aq" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2ar", end: "cell_ColumnCellRecipe_align_end__1eexc2as", center: "cell_ColumnCellRecipe_align_center__1eexc2at" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2au", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2av", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2aw" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2ax", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2ay" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2az", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2a10" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2a11", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2a12" }, rowDisabled: { false: "cell_ColumnCellRecipe_rowDisabled_false__1eexc2a13", true: "cell_ColumnCellRecipe_rowDisabled_true__1eexc2a14" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2a15", even: "cell_ColumnCellRecipe_zebra_even__1eexc2a16", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2a17" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2a18", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2a19", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2a1a" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2a1b", false: "cell_ColumnCellRecipe_first_false__1eexc2a1c" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2a1d", false: "cell_ColumnCellRecipe_last_false__1eexc2a1e" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2a1f", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2a1g" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2a1h", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a1i" }, firstRow: { true: "cell_ColumnCellRecipe_firstRow_true__1eexc2a1j", false: "cell_ColumnCellRecipe_firstRow_false__1eexc2a1k" }, firstRowInHorizontalLayoutPage: { true: "cell_ColumnCellRecipe_firstRowInHorizontalLayoutPage_true__1eexc2a1l", false: "cell_ColumnCellRecipe_firstRowInHorizontalLayoutPage_false__1eexc2a1m" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a1n", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a1o" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a1p", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a1q", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a1r" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a1s", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a1t" } }, defaultVariants: {}, compoundVariants: [[{ firstRowInHorizontalLayoutPage: true, firstRow: false }, "cell_ColumnCellRecipe_compound_0__1eexc2a1u"], [{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a1v"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a1w"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a1x"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_4__1eexc2a1y"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_5__1eexc2a1z"], [{ rowDisabled: true, zebra: "odd" }, "cell_ColumnCellRecipe_compound_6__1eexc2a20"]] });
|
|
8090
|
+
var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellSelectionIndicatorRecipe__1eexc2ad", variantClassNames: { right: { true: "cell_ColumnCellSelectionIndicatorRecipe_right_true__1eexc2ae", false: "cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2af" }, left: { true: "cell_ColumnCellSelectionIndicatorRecipe_left_true__1eexc2ag", false: "cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ah" }, top: { true: "cell_ColumnCellSelectionIndicatorRecipe_top_true__1eexc2ai", false: "cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2aj" }, bottom: { true: "cell_ColumnCellSelectionIndicatorRecipe_bottom_true__1eexc2ak", false: "cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2al" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8091
|
+
var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_FlashingColumnCellRecipe__1eexc2a9", variantClassNames: { direction: { up: "cell_FlashingColumnCellRecipe_direction_up__1eexc2aa", down: "cell_FlashingColumnCellRecipe_direction_down__1eexc2ab", neutral: "cell_FlashingColumnCellRecipe_direction_neutral__1eexc2ac" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8083
8092
|
var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a7";
|
|
8084
8093
|
|
|
8085
8094
|
// src/components/InfiniteTable/components/CheckBox.tsx
|
|
@@ -9034,6 +9043,7 @@ function InfiniteTableColumnCellFn(props) {
|
|
|
9034
9043
|
cellSelected,
|
|
9035
9044
|
rowSelected,
|
|
9036
9045
|
firstRow: rowInfo.indexInAll === 0,
|
|
9046
|
+
firstRowInHorizontalLayoutPage: rowIndexInHorizontalLayoutPage === 0,
|
|
9037
9047
|
groupRow: rowInfo.isGroupRow,
|
|
9038
9048
|
groupCell: rowInfo.isGroupRow ? !!column.groupByForColumn : false,
|
|
9039
9049
|
rowExpanded: rowInfo.isGroupRow ? !rowInfo.collapsed : false
|
|
@@ -9944,6 +9954,7 @@ function InfiniteTableHeaderCell(props) {
|
|
|
9944
9954
|
zebra: false,
|
|
9945
9955
|
rowActive: false,
|
|
9946
9956
|
firstRow: true,
|
|
9957
|
+
firstRowInHorizontalLayoutPage: true,
|
|
9947
9958
|
groupCell: false,
|
|
9948
9959
|
groupRow: false,
|
|
9949
9960
|
rowExpanded: false
|
|
@@ -18366,6 +18377,8 @@ function initSetupState2({
|
|
|
18366
18377
|
cellContextMenu: buildSubscriptionCallback(),
|
|
18367
18378
|
contextMenu: buildSubscriptionCallback(),
|
|
18368
18379
|
onFilterOperatorMenuClick: buildSubscriptionCallback(),
|
|
18380
|
+
flashingDurationCSSVarValue: null,
|
|
18381
|
+
onFlashingDurationCSSVarChange: buildSubscriptionCallback(),
|
|
18369
18382
|
onRowHeightCSSVarChange: buildSubscriptionCallback(),
|
|
18370
18383
|
onRowDetailHeightCSSVarChange: buildSubscriptionCallback(),
|
|
18371
18384
|
onColumnHeaderHeightCSSVarChange: buildSubscriptionCallback(),
|
|
@@ -18519,6 +18532,7 @@ var cleanupState = (state) => {
|
|
|
18519
18532
|
state.headerBrain.destroy();
|
|
18520
18533
|
state.renderer.destroy();
|
|
18521
18534
|
state.onRenderUpdater.destroy();
|
|
18535
|
+
state.onFlashingDurationCSSVarChange.destroy();
|
|
18522
18536
|
state.onRowHeightCSSVarChange.destroy();
|
|
18523
18537
|
state.onColumnHeaderHeightCSSVarChange.destroy();
|
|
18524
18538
|
state.onColumnMenuClick.destroy();
|
|
@@ -19475,6 +19489,14 @@ function useComputed() {
|
|
|
19475
19489
|
componentActions.rowHeight = rowHeight2;
|
|
19476
19490
|
}
|
|
19477
19491
|
});
|
|
19492
|
+
componentState.onFlashingDurationCSSVarChange.onChange(
|
|
19493
|
+
(flashingDuration) => {
|
|
19494
|
+
const num = flashingDuration ? flashingDuration * 1 : null;
|
|
19495
|
+
if (num != null && !isNaN(num)) {
|
|
19496
|
+
componentActions.flashingDurationCSSVarValue = num;
|
|
19497
|
+
}
|
|
19498
|
+
}
|
|
19499
|
+
);
|
|
19478
19500
|
componentState.onRowDetailHeightCSSVarChange.onChange((rowDetailHeight2) => {
|
|
19479
19501
|
if (rowDetailHeight2) {
|
|
19480
19502
|
componentActions.rowDetailHeight = rowDetailHeight2;
|
|
@@ -19799,7 +19821,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
19799
19821
|
}
|
|
19800
19822
|
let valid2 = isValidLicense(licenseKey, {
|
|
19801
19823
|
publishedAt: 1624970570587,
|
|
19802
|
-
version: "5.0.0-canary.
|
|
19824
|
+
version: "5.0.0-canary.4"
|
|
19803
19825
|
});
|
|
19804
19826
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
19805
19827
|
return true;
|
|
@@ -23712,6 +23734,7 @@ var InfiniteTableComponent = React68.memo(
|
|
|
23712
23734
|
domRef,
|
|
23713
23735
|
portalDOMRef,
|
|
23714
23736
|
onRowHeightCSSVarChange,
|
|
23737
|
+
onFlashingDurationCSSVarChange,
|
|
23715
23738
|
onRowDetailHeightCSSVarChange,
|
|
23716
23739
|
onColumnHeaderHeightCSSVarChange,
|
|
23717
23740
|
rowHeightCSSVar,
|
|
@@ -23802,18 +23825,29 @@ var InfiniteTableComponent = React68.memo(
|
|
|
23802
23825
|
), rowHeightCSSVar ? /* @__PURE__ */ React68.createElement(
|
|
23803
23826
|
CSSNumericVariableWatch,
|
|
23804
23827
|
{
|
|
23828
|
+
key: "row-height",
|
|
23805
23829
|
varName: rowHeightCSSVar,
|
|
23806
23830
|
onChange: onRowHeightCSSVarChange
|
|
23807
23831
|
}
|
|
23808
|
-
) : null,
|
|
23832
|
+
) : null, /* @__PURE__ */ React68.createElement(
|
|
23809
23833
|
CSSNumericVariableWatch,
|
|
23810
23834
|
{
|
|
23835
|
+
key: "flashing-duration",
|
|
23836
|
+
allowInts: true,
|
|
23837
|
+
varName: ThemeVars.components.Cell.flashingDuration,
|
|
23838
|
+
onChange: onFlashingDurationCSSVarChange
|
|
23839
|
+
}
|
|
23840
|
+
), rowDetailHeightCSSVar ? /* @__PURE__ */ React68.createElement(
|
|
23841
|
+
CSSNumericVariableWatch,
|
|
23842
|
+
{
|
|
23843
|
+
key: "row-detail-height",
|
|
23811
23844
|
varName: rowDetailHeightCSSVar,
|
|
23812
23845
|
onChange: onRowDetailHeightCSSVarChange
|
|
23813
23846
|
}
|
|
23814
23847
|
) : null, columnHeaderHeightCSSVar ? /* @__PURE__ */ React68.createElement(
|
|
23815
23848
|
CSSNumericVariableWatch,
|
|
23816
23849
|
{
|
|
23850
|
+
key: "column-header-height",
|
|
23817
23851
|
varName: columnHeaderHeightCSSVar,
|
|
23818
23852
|
onChange: onColumnHeaderHeightCSSVarChange
|
|
23819
23853
|
}
|
|
@@ -24311,6 +24345,157 @@ var _WeakFixedSizeSet = class {
|
|
|
24311
24345
|
var WeakFixedSizeSet = _WeakFixedSizeSet;
|
|
24312
24346
|
WeakFixedSizeSet.DEFAULT_SIZE = 10;
|
|
24313
24347
|
|
|
24348
|
+
// src/components/hooks/useEffectWhenSameDeps.ts
|
|
24349
|
+
import { useEffect as useEffect40, useRef as useRef31 } from "react";
|
|
24350
|
+
var isSameDeps = (deps, prevDeps) => {
|
|
24351
|
+
return deps.every((dep, index) => dep === prevDeps[index]);
|
|
24352
|
+
};
|
|
24353
|
+
var useEffectWhenSameDeps = (callback, deps) => {
|
|
24354
|
+
const depsRef = useRef31(deps);
|
|
24355
|
+
const sameDeps = isSameDeps(deps, depsRef.current);
|
|
24356
|
+
const isInitialRef = useRef31(true);
|
|
24357
|
+
depsRef.current = deps;
|
|
24358
|
+
const effectDepsRef = useRef31(["same"]);
|
|
24359
|
+
const effectDeps = sameDeps ? [Date.now()] : effectDepsRef.current;
|
|
24360
|
+
effectDepsRef.current = effectDeps;
|
|
24361
|
+
const callbackRef = useRef31(callback);
|
|
24362
|
+
callbackRef.current = callback;
|
|
24363
|
+
useEffect40(() => {
|
|
24364
|
+
if (isInitialRef.current) {
|
|
24365
|
+
isInitialRef.current = false;
|
|
24366
|
+
return;
|
|
24367
|
+
}
|
|
24368
|
+
return callbackRef.current();
|
|
24369
|
+
}, effectDeps);
|
|
24370
|
+
};
|
|
24371
|
+
|
|
24372
|
+
// src/components/hooks/useEffectWhen.ts
|
|
24373
|
+
import { useEffect as useEffect41, useRef as useRef32 } from "react";
|
|
24374
|
+
var isSameDeps2 = (deps, prevDeps, compare) => {
|
|
24375
|
+
return deps.every((dep, index) => {
|
|
24376
|
+
if (compare) {
|
|
24377
|
+
return compare(dep, prevDeps[index]);
|
|
24378
|
+
}
|
|
24379
|
+
return dep === prevDeps[index];
|
|
24380
|
+
});
|
|
24381
|
+
};
|
|
24382
|
+
var useEffectWhen = (callback, options) => {
|
|
24383
|
+
const { same: depsForSame, different: depsForDifferent, compare } = options;
|
|
24384
|
+
const sameDepsRef = useRef32(depsForSame);
|
|
24385
|
+
const differentDepsRef = useRef32(depsForDifferent);
|
|
24386
|
+
const sameRespected = isSameDeps2(depsForSame, sameDepsRef.current, compare);
|
|
24387
|
+
const differentRespected = !isSameDeps2(
|
|
24388
|
+
depsForDifferent,
|
|
24389
|
+
differentDepsRef.current,
|
|
24390
|
+
compare
|
|
24391
|
+
);
|
|
24392
|
+
const isInitialRef = useRef32(true);
|
|
24393
|
+
sameDepsRef.current = depsForSame;
|
|
24394
|
+
differentDepsRef.current = depsForDifferent;
|
|
24395
|
+
const effectDepsRef = useRef32(["same"]);
|
|
24396
|
+
const effectDeps = sameRespected && differentRespected ? [Date.now()] : effectDepsRef.current;
|
|
24397
|
+
effectDepsRef.current = effectDeps;
|
|
24398
|
+
const callbackRef = useRef32(callback);
|
|
24399
|
+
callbackRef.current = callback;
|
|
24400
|
+
if (sameRespected && differentRespected) {
|
|
24401
|
+
isInitialRef.current = false;
|
|
24402
|
+
}
|
|
24403
|
+
useEffect41(() => {
|
|
24404
|
+
if (isInitialRef.current) {
|
|
24405
|
+
return;
|
|
24406
|
+
}
|
|
24407
|
+
return callbackRef.current();
|
|
24408
|
+
}, effectDeps);
|
|
24409
|
+
};
|
|
24410
|
+
|
|
24411
|
+
// src/components/InfiniteTable/components/InfiniteTableRow/FlashingColumnCell.tsx
|
|
24412
|
+
import * as React69 from "react";
|
|
24413
|
+
var currentFlashingDurationVar = stripVar(
|
|
24414
|
+
InternalVars.currentFlashingDuration
|
|
24415
|
+
);
|
|
24416
|
+
var defaultRender = ({ children }) => {
|
|
24417
|
+
return /* @__PURE__ */ React69.createElement(React69.Fragment, null, children);
|
|
24418
|
+
};
|
|
24419
|
+
var DEFAULT_FLASH_DURATION = 1e3;
|
|
24420
|
+
var createFlashingColumnCellComponent = (options = {}) => {
|
|
24421
|
+
const {
|
|
24422
|
+
flashDuration: FLASH_DURATION,
|
|
24423
|
+
// fadeDuration,
|
|
24424
|
+
flashClassName,
|
|
24425
|
+
// fadeClassName,
|
|
24426
|
+
render = defaultRender
|
|
24427
|
+
} = options;
|
|
24428
|
+
const FlashingColumnCell2 = React69.forwardRef(
|
|
24429
|
+
(props, _ref) => {
|
|
24430
|
+
var _a;
|
|
24431
|
+
const cellContext = useInfiniteColumnCell();
|
|
24432
|
+
const {
|
|
24433
|
+
state: { flashingDurationCSSVarValue }
|
|
24434
|
+
} = useInfiniteTable();
|
|
24435
|
+
const duration = typeof flashingDurationCSSVarValue === "number" ? (_a = flashingDurationCSSVarValue != null ? flashingDurationCSSVarValue : FLASH_DURATION) != null ? _a : DEFAULT_FLASH_DURATION : FLASH_DURATION != null ? FLASH_DURATION : DEFAULT_FLASH_DURATION;
|
|
24436
|
+
const { domRef, value, column, rowInfo, htmlElementRef } = cellContext;
|
|
24437
|
+
const rowId = rowInfo.id;
|
|
24438
|
+
const columnId = column.id;
|
|
24439
|
+
const initialRef = React69.useRef(true);
|
|
24440
|
+
const oldValueRef = React69.useRef(value);
|
|
24441
|
+
const oldValue = initialRef.current ? null : oldValueRef.current;
|
|
24442
|
+
initialRef.current = false;
|
|
24443
|
+
const flashTimeoutIdRef = React69.useRef();
|
|
24444
|
+
const fadeTimeoutIdRef = React69.useRef();
|
|
24445
|
+
useEffectWhen(
|
|
24446
|
+
() => {
|
|
24447
|
+
if (value === oldValueRef.current) {
|
|
24448
|
+
return;
|
|
24449
|
+
}
|
|
24450
|
+
if (flashTimeoutIdRef.current) {
|
|
24451
|
+
clearTimeout(flashTimeoutIdRef.current);
|
|
24452
|
+
}
|
|
24453
|
+
if (fadeTimeoutIdRef.current) {
|
|
24454
|
+
clearTimeout(fadeTimeoutIdRef.current);
|
|
24455
|
+
}
|
|
24456
|
+
const el = htmlElementRef.current;
|
|
24457
|
+
oldValueRef.current = value;
|
|
24458
|
+
if (!el) {
|
|
24459
|
+
return;
|
|
24460
|
+
}
|
|
24461
|
+
const flashDirection = typeof value === "number" ? value > oldValue ? "up" : "down" : "neutral";
|
|
24462
|
+
const internalflashCls = FlashingColumnCellRecipe({
|
|
24463
|
+
direction: flashDirection
|
|
24464
|
+
}).split(" ");
|
|
24465
|
+
el.style.setProperty(currentFlashingDurationVar, `${duration}`);
|
|
24466
|
+
if (flashClassName) {
|
|
24467
|
+
el.classList.add(flashClassName);
|
|
24468
|
+
}
|
|
24469
|
+
el.classList.add(...internalflashCls);
|
|
24470
|
+
flashTimeoutIdRef.current = setTimeout(() => {
|
|
24471
|
+
flashTimeoutIdRef.current = void 0;
|
|
24472
|
+
if (flashClassName) {
|
|
24473
|
+
el.classList.remove(flashClassName);
|
|
24474
|
+
}
|
|
24475
|
+
el.classList.remove(...internalflashCls);
|
|
24476
|
+
el.style.removeProperty(currentFlashingDurationVar);
|
|
24477
|
+
}, duration);
|
|
24478
|
+
return () => {
|
|
24479
|
+
if (flashTimeoutIdRef.current) {
|
|
24480
|
+
clearTimeout(flashTimeoutIdRef.current);
|
|
24481
|
+
}
|
|
24482
|
+
if (fadeTimeoutIdRef.current) {
|
|
24483
|
+
clearTimeout(fadeTimeoutIdRef.current);
|
|
24484
|
+
}
|
|
24485
|
+
};
|
|
24486
|
+
},
|
|
24487
|
+
{
|
|
24488
|
+
same: [columnId, rowId],
|
|
24489
|
+
different: [value]
|
|
24490
|
+
}
|
|
24491
|
+
);
|
|
24492
|
+
return /* @__PURE__ */ React69.createElement("div", __spreadProps(__spreadValues({ ref: domRef }, props), { className: join(props.className) }), render({ children: props.children, oldValue }));
|
|
24493
|
+
}
|
|
24494
|
+
);
|
|
24495
|
+
return FlashingColumnCell2;
|
|
24496
|
+
};
|
|
24497
|
+
var FlashingColumnCell = createFlashingColumnCellComponent();
|
|
24498
|
+
|
|
24314
24499
|
// src/index.tsx
|
|
24315
24500
|
var components = {
|
|
24316
24501
|
CheckBox: InfiniteCheckBox,
|
|
@@ -24326,6 +24511,7 @@ export {
|
|
|
24326
24511
|
DataSourceActionType,
|
|
24327
24512
|
DeepMap,
|
|
24328
24513
|
FixedSizeSet,
|
|
24514
|
+
FlashingColumnCell,
|
|
24329
24515
|
GroupRowsState,
|
|
24330
24516
|
InfiniteTable,
|
|
24331
24517
|
InfiniteTableClassName,
|
|
@@ -24337,6 +24523,7 @@ export {
|
|
|
24337
24523
|
RowSelectionState,
|
|
24338
24524
|
WeakFixedSizeSet,
|
|
24339
24525
|
components,
|
|
24526
|
+
createFlashingColumnCellComponent,
|
|
24340
24527
|
debounce,
|
|
24341
24528
|
debug,
|
|
24342
24529
|
defaultFilterTypes2 as defaultFilterTypes,
|
|
@@ -24352,6 +24539,8 @@ export {
|
|
|
24352
24539
|
useManagedComponentState as useComponentState,
|
|
24353
24540
|
useDataSourceInternal,
|
|
24354
24541
|
useDataSourceState,
|
|
24542
|
+
useEffectWhen,
|
|
24543
|
+
useEffectWhenSameDeps,
|
|
24355
24544
|
useEffectWithChanges,
|
|
24356
24545
|
useEffectWithObject,
|
|
24357
24546
|
useGridScroll,
|
|
@@ -24363,6 +24552,7 @@ export {
|
|
|
24363
24552
|
useMasterRowInfo,
|
|
24364
24553
|
useOverlay,
|
|
24365
24554
|
useOverlayPortal,
|
|
24555
|
+
usePrevious,
|
|
24366
24556
|
useRowInfoReducers,
|
|
24367
24557
|
useVisibleColumnSizes
|
|
24368
24558
|
};
|
package/package.json
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"bugs": {
|
|
26
26
|
"url": "https://github.com/infinite-table/infinite-react/issues"
|
|
27
27
|
},
|
|
28
|
-
"version": "5.0.0-canary.
|
|
28
|
+
"version": "5.0.0-canary.4",
|
|
29
29
|
"main": "index.js",
|
|
30
30
|
"module": "index.mjs",
|
|
31
31
|
"typings": "index.d.ts",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
},
|
|
35
35
|
"license": "Commercial & Open Source",
|
|
36
36
|
"//": "will be updated at build time",
|
|
37
|
-
"publishedAt":
|
|
37
|
+
"publishedAt": 1727299420068
|
|
38
38
|
}
|