@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.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, KeyboardEvent, HTMLAttributes, ReactNode, EffectCallback } from 'react';
|
|
2
|
+
import React__default, { CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, KeyboardEvent, HTMLAttributes, ReactNode, EffectCallback, DependencyList } from 'react';
|
|
3
3
|
|
|
4
4
|
declare type ManagedComponentStateContextValue<T_STATE, T_ACTIONS> = {
|
|
5
5
|
getComponentState: () => T_STATE;
|
|
@@ -1535,6 +1535,8 @@ interface InfiniteTableSetupState<T> {
|
|
|
1535
1535
|
portalDOMRef: MutableRefObject<HTMLDivElement | null>;
|
|
1536
1536
|
focusDetectDOMRef: MutableRefObject<HTMLDivElement | null>;
|
|
1537
1537
|
activeCellIndicatorDOMRef: MutableRefObject<HTMLDivElement | null>;
|
|
1538
|
+
onFlashingDurationCSSVarChange: SubscriptionCallback<number>;
|
|
1539
|
+
flashingDurationCSSVarValue: number | null;
|
|
1538
1540
|
onRowHeightCSSVarChange: SubscriptionCallback<number>;
|
|
1539
1541
|
onRowDetailHeightCSSVarChange: SubscriptionCallback<number>;
|
|
1540
1542
|
onColumnMenuClick: SubscriptionCallback<{
|
|
@@ -5746,6 +5748,27 @@ declare class WeakFixedSizeSet<T extends object> {
|
|
|
5746
5748
|
add(el: T): this;
|
|
5747
5749
|
}
|
|
5748
5750
|
|
|
5751
|
+
declare const useEffectWhenSameDeps: (callback: EffectCallback, deps: DependencyList) => void;
|
|
5752
|
+
|
|
5753
|
+
declare const useEffectWhen: (callback: EffectCallback, options: {
|
|
5754
|
+
same: DependencyList;
|
|
5755
|
+
different: DependencyList;
|
|
5756
|
+
compare?: ((a: any, b: any) => boolean) | undefined;
|
|
5757
|
+
}) => void;
|
|
5758
|
+
|
|
5759
|
+
declare const usePrevious: <T>(value: T, initialValue?: T | undefined) => T;
|
|
5760
|
+
|
|
5761
|
+
declare type FlashingCellOptions = {
|
|
5762
|
+
flashDuration?: number;
|
|
5763
|
+
flashClassName?: string;
|
|
5764
|
+
render?: (props: {
|
|
5765
|
+
children: React$1.ReactNode;
|
|
5766
|
+
oldValue: any;
|
|
5767
|
+
}) => React$1.ReactNode;
|
|
5768
|
+
};
|
|
5769
|
+
declare const createFlashingColumnCellComponent: (options?: FlashingCellOptions) => React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
5770
|
+
declare const FlashingColumnCell: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
5771
|
+
|
|
5749
5772
|
declare const components: {
|
|
5750
5773
|
CheckBox: typeof InfiniteCheckBox;
|
|
5751
5774
|
LoadMask: (props: LoadMaskProps) => React$1.JSX.Element;
|
|
@@ -5754,4 +5777,4 @@ declare const components: {
|
|
|
5754
5777
|
NumberFilterEditor: typeof NumberFilterEditor;
|
|
5755
5778
|
};
|
|
5756
5779
|
|
|
5757
|
-
export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, ColumnTypeWithInherit, DataClient, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourceMasterDetailContextValue, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropShouldReloadData, DataSourcePropShouldReloadDataObject, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourcePropsWithChildren, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroupVisibility, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropKeyboardShorcut, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, InfiniteTable_HasGrouping_RowInfoGroup, InfiniteTable_HasGrouping_RowInfoNormal, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailCache, RowDetailState, RowDetailStateObject, RowDisabledState, RowDisabledStateObject, RowSelectionState, ScrollStopInfo, Scrollbars, ShowOverlayFn, TableRenderRange, WeakFixedSizeSet, components, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, queryKeyToCacheKey, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceState, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, useRowInfoReducers, useVisibleColumnSizes };
|
|
5780
|
+
export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, ColumnTypeWithInherit, DataClient, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourceMasterDetailContextValue, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropShouldReloadData, DataSourcePropShouldReloadDataObject, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourcePropsWithChildren, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, FlashingColumnCell, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroupVisibility, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropKeyboardShorcut, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, InfiniteTable_HasGrouping_RowInfoGroup, InfiniteTable_HasGrouping_RowInfoNormal, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailCache, RowDetailState, RowDetailStateObject, RowDisabledState, RowDisabledStateObject, RowSelectionState, ScrollStopInfo, Scrollbars, ShowOverlayFn, TableRenderRange, WeakFixedSizeSet, components, createFlashingColumnCellComponent, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, queryKeyToCacheKey, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceState, useEffectWhen, useEffectWhenSameDeps, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, usePrevious, useRowInfoReducers, useVisibleColumnSizes };
|
package/index.dev.js
CHANGED
|
@@ -132,6 +132,7 @@ __export(src_exports, {
|
|
|
132
132
|
DataSourceActionType: () => DataSourceActionType,
|
|
133
133
|
DeepMap: () => DeepMap,
|
|
134
134
|
FixedSizeSet: () => FixedSizeSet,
|
|
135
|
+
FlashingColumnCell: () => FlashingColumnCell,
|
|
135
136
|
GroupRowsState: () => GroupRowsState,
|
|
136
137
|
InfiniteTable: () => InfiniteTable,
|
|
137
138
|
InfiniteTableClassName: () => InfiniteTableClassName,
|
|
@@ -143,6 +144,7 @@ __export(src_exports, {
|
|
|
143
144
|
RowSelectionState: () => RowSelectionState,
|
|
144
145
|
WeakFixedSizeSet: () => WeakFixedSizeSet,
|
|
145
146
|
components: () => components,
|
|
147
|
+
createFlashingColumnCellComponent: () => createFlashingColumnCellComponent,
|
|
146
148
|
debounce: () => debounce,
|
|
147
149
|
debug: () => debug,
|
|
148
150
|
defaultFilterTypes: () => defaultFilterTypes2,
|
|
@@ -158,6 +160,8 @@ __export(src_exports, {
|
|
|
158
160
|
useComponentState: () => useManagedComponentState,
|
|
159
161
|
useDataSourceInternal: () => useDataSourceInternal,
|
|
160
162
|
useDataSourceState: () => useDataSourceState,
|
|
163
|
+
useEffectWhen: () => useEffectWhen,
|
|
164
|
+
useEffectWhenSameDeps: () => useEffectWhenSameDeps,
|
|
161
165
|
useEffectWithChanges: () => useEffectWithChanges,
|
|
162
166
|
useEffectWithObject: () => useEffectWithObject,
|
|
163
167
|
useGridScroll: () => useGridScroll,
|
|
@@ -169,6 +173,7 @@ __export(src_exports, {
|
|
|
169
173
|
useMasterRowInfo: () => useMasterRowInfo,
|
|
170
174
|
useOverlay: () => useOverlay,
|
|
171
175
|
useOverlayPortal: () => useOverlayPortal,
|
|
176
|
+
usePrevious: () => usePrevious,
|
|
172
177
|
useRowInfoReducers: () => useRowInfoReducers,
|
|
173
178
|
useVisibleColumnSizes: () => useVisibleColumnSizes
|
|
174
179
|
});
|
|
@@ -1369,7 +1374,7 @@ function buildSubscriptionCallback(withRaf = false) {
|
|
|
1369
1374
|
}
|
|
1370
1375
|
|
|
1371
1376
|
// src/components/InfiniteTable/vars.css.ts
|
|
1372
|
-
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)" } } };
|
|
1377
|
+
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)" } } };
|
|
1373
1378
|
var columnHeaderHeightName = "column-header-height";
|
|
1374
1379
|
|
|
1375
1380
|
// src/components/HeadlessTable/ReactHeadlessTableRenderer.tsx
|
|
@@ -1410,7 +1415,7 @@ function stripVar(cssVariableWithVarString) {
|
|
|
1410
1415
|
}
|
|
1411
1416
|
|
|
1412
1417
|
// src/components/InfiniteTable/internalVars.css.ts
|
|
1413
|
-
var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__16hkbkc0)", y: "var(--y__16hkbkc1)", activeCellRowOffset: "var(--
|
|
1418
|
+
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)" };
|
|
1414
1419
|
|
|
1415
1420
|
// src/utils/selectParent.ts
|
|
1416
1421
|
function selectParent(el, selector2) {
|
|
@@ -4406,10 +4411,6 @@ var useRerender = () => {
|
|
|
4406
4411
|
];
|
|
4407
4412
|
};
|
|
4408
4413
|
|
|
4409
|
-
// src/components/InfiniteTable/components/ActiveCellIndicator.css.ts
|
|
4410
|
-
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" };
|
|
4411
|
-
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";
|
|
4412
|
-
|
|
4413
4414
|
// ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
|
|
4414
4415
|
function toPrimitive(t, r) {
|
|
4415
4416
|
if ("object" != typeof t || !t)
|
|
@@ -4518,6 +4519,10 @@ var createRuntimeFn = (config) => {
|
|
|
4518
4519
|
return runtimeFn;
|
|
4519
4520
|
};
|
|
4520
4521
|
|
|
4522
|
+
// src/components/InfiniteTable/components/ActiveCellIndicator.css.ts
|
|
4523
|
+
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: [] });
|
|
4524
|
+
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";
|
|
4525
|
+
|
|
4521
4526
|
// src/components/InfiniteTable/components/ActiveRowIndicator.css.ts
|
|
4522
4527
|
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: [] });
|
|
4523
4528
|
|
|
@@ -4655,7 +4660,9 @@ var ActiveCellIndicatorFn = (props) => {
|
|
|
4655
4660
|
"div",
|
|
4656
4661
|
{
|
|
4657
4662
|
"data-name": "active-cell-indicator",
|
|
4658
|
-
className: `${baseCls2} ${
|
|
4663
|
+
className: `${baseCls2} ${ActiveCellIndicatorRecipe({
|
|
4664
|
+
visible: active
|
|
4665
|
+
})}`
|
|
4659
4666
|
}
|
|
4660
4667
|
)
|
|
4661
4668
|
)
|
|
@@ -5396,22 +5403,22 @@ var import_react18 = require("react");
|
|
|
5396
5403
|
|
|
5397
5404
|
// src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
|
|
5398
5405
|
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";
|
|
5399
|
-
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "
|
|
5406
|
+
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: [] });
|
|
5400
5407
|
var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw23 utilities_textOverflow_ellipsis__16lm1iw24 utilities_overflow_hidden__16lm1iw1x";
|
|
5401
|
-
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: "
|
|
5408
|
+
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"]] });
|
|
5402
5409
|
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"]] });
|
|
5403
|
-
var HeaderFilterEditorCls = "
|
|
5410
|
+
var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12m utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
|
|
5404
5411
|
var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
|
|
5405
|
-
var HeaderFilterOperatorCls = "
|
|
5406
|
-
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "
|
|
5407
|
-
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "
|
|
5408
|
-
var HeaderGroupCls = "
|
|
5409
|
-
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "
|
|
5412
|
+
var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12i utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
|
|
5413
|
+
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: [] });
|
|
5414
|
+
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: [] });
|
|
5415
|
+
var HeaderGroupCls = "header_HeaderGroupCls__12zfob12e utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
|
|
5416
|
+
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"]] });
|
|
5410
5417
|
var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
|
|
5411
5418
|
var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
|
|
5412
5419
|
var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
|
|
5413
5420
|
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: [] });
|
|
5414
|
-
var HeaderWrapperCls = "
|
|
5421
|
+
var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob12d utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
|
|
5415
5422
|
|
|
5416
5423
|
// src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
|
|
5417
5424
|
var InfiniteTableIconClassName = "InfiniteTableIcon";
|
|
@@ -6843,7 +6850,7 @@ var defaultFilterTypes2 = getFilterTypes();
|
|
|
6843
6850
|
|
|
6844
6851
|
// src/components/InfiniteTable/hooks/useCellClassName.ts
|
|
6845
6852
|
function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
6846
|
-
var _a, _b;
|
|
6853
|
+
var _a, _b, _c;
|
|
6847
6854
|
const result = [...baseClasses];
|
|
6848
6855
|
const variantObject = {
|
|
6849
6856
|
filtered: column.computedFiltered,
|
|
@@ -6858,6 +6865,7 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
|
6858
6865
|
rowActive: extraFlags.rowActive,
|
|
6859
6866
|
dragging: extraFlags.dragging,
|
|
6860
6867
|
firstRow: (_b = extraFlags.firstRow) != null ? _b : false,
|
|
6868
|
+
firstRowInHorizontalLayoutPage: (_c = extraFlags.firstRowInHorizontalLayoutPage) != null ? _c : false,
|
|
6861
6869
|
rowDisabled: extraFlags.rowDisabled,
|
|
6862
6870
|
groupRow: extraFlags.groupRow,
|
|
6863
6871
|
groupCell: extraFlags.groupCell,
|
|
@@ -6891,6 +6899,11 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
|
6891
6899
|
if (extraFlags.firstRow) {
|
|
6892
6900
|
result.push(...baseClasses.map((c) => `${c}--first-row`));
|
|
6893
6901
|
}
|
|
6902
|
+
if (extraFlags.firstRowInHorizontalLayoutPage) {
|
|
6903
|
+
result.push(
|
|
6904
|
+
...baseClasses.map((c) => `${c}--first-row-in-horizontal-layout-page`)
|
|
6905
|
+
);
|
|
6906
|
+
}
|
|
6894
6907
|
if (extraFlags.rowDisabled) {
|
|
6895
6908
|
result.push(...baseClasses.map((c) => `${c}--disabled`));
|
|
6896
6909
|
}
|
|
@@ -8116,8 +8129,9 @@ function objectValuesExcept(obj, exceptList) {
|
|
|
8116
8129
|
|
|
8117
8130
|
// src/components/InfiniteTable/components/cell.css.ts
|
|
8118
8131
|
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";
|
|
8119
|
-
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
8120
|
-
var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "
|
|
8132
|
+
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"]] });
|
|
8133
|
+
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: [] });
|
|
8134
|
+
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: [] });
|
|
8121
8135
|
var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a7";
|
|
8122
8136
|
|
|
8123
8137
|
// src/components/InfiniteTable/components/CheckBox.tsx
|
|
@@ -9072,6 +9086,7 @@ function InfiniteTableColumnCellFn(props) {
|
|
|
9072
9086
|
cellSelected,
|
|
9073
9087
|
rowSelected,
|
|
9074
9088
|
firstRow: rowInfo.indexInAll === 0,
|
|
9089
|
+
firstRowInHorizontalLayoutPage: rowIndexInHorizontalLayoutPage === 0,
|
|
9075
9090
|
groupRow: rowInfo.isGroupRow,
|
|
9076
9091
|
groupCell: rowInfo.isGroupRow ? !!column.groupByForColumn : false,
|
|
9077
9092
|
rowExpanded: rowInfo.isGroupRow ? !rowInfo.collapsed : false
|
|
@@ -9982,6 +9997,7 @@ function InfiniteTableHeaderCell(props) {
|
|
|
9982
9997
|
zebra: false,
|
|
9983
9998
|
rowActive: false,
|
|
9984
9999
|
firstRow: true,
|
|
10000
|
+
firstRowInHorizontalLayoutPage: true,
|
|
9985
10001
|
groupCell: false,
|
|
9986
10002
|
groupRow: false,
|
|
9987
10003
|
rowExpanded: false
|
|
@@ -18395,6 +18411,8 @@ function initSetupState2({
|
|
|
18395
18411
|
cellContextMenu: buildSubscriptionCallback(),
|
|
18396
18412
|
contextMenu: buildSubscriptionCallback(),
|
|
18397
18413
|
onFilterOperatorMenuClick: buildSubscriptionCallback(),
|
|
18414
|
+
flashingDurationCSSVarValue: null,
|
|
18415
|
+
onFlashingDurationCSSVarChange: buildSubscriptionCallback(),
|
|
18398
18416
|
onRowHeightCSSVarChange: buildSubscriptionCallback(),
|
|
18399
18417
|
onRowDetailHeightCSSVarChange: buildSubscriptionCallback(),
|
|
18400
18418
|
onColumnHeaderHeightCSSVarChange: buildSubscriptionCallback(),
|
|
@@ -18548,6 +18566,7 @@ var cleanupState = (state) => {
|
|
|
18548
18566
|
state.headerBrain.destroy();
|
|
18549
18567
|
state.renderer.destroy();
|
|
18550
18568
|
state.onRenderUpdater.destroy();
|
|
18569
|
+
state.onFlashingDurationCSSVarChange.destroy();
|
|
18551
18570
|
state.onRowHeightCSSVarChange.destroy();
|
|
18552
18571
|
state.onColumnHeaderHeightCSSVarChange.destroy();
|
|
18553
18572
|
state.onColumnMenuClick.destroy();
|
|
@@ -19504,6 +19523,14 @@ function useComputed() {
|
|
|
19504
19523
|
componentActions.rowHeight = rowHeight2;
|
|
19505
19524
|
}
|
|
19506
19525
|
});
|
|
19526
|
+
componentState.onFlashingDurationCSSVarChange.onChange(
|
|
19527
|
+
(flashingDuration) => {
|
|
19528
|
+
const num = flashingDuration ? flashingDuration * 1 : null;
|
|
19529
|
+
if (num != null && !isNaN(num)) {
|
|
19530
|
+
componentActions.flashingDurationCSSVarValue = num;
|
|
19531
|
+
}
|
|
19532
|
+
}
|
|
19533
|
+
);
|
|
19507
19534
|
componentState.onRowDetailHeightCSSVarChange.onChange((rowDetailHeight2) => {
|
|
19508
19535
|
if (rowDetailHeight2) {
|
|
19509
19536
|
componentActions.rowDetailHeight = rowDetailHeight2;
|
|
@@ -19828,7 +19855,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
19828
19855
|
}
|
|
19829
19856
|
let valid2 = isValidLicense(licenseKey, {
|
|
19830
19857
|
publishedAt: 1624970570587,
|
|
19831
|
-
version: "5.0.0-canary.
|
|
19858
|
+
version: "5.0.0-canary.4"
|
|
19832
19859
|
});
|
|
19833
19860
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
19834
19861
|
return true;
|
|
@@ -23731,6 +23758,7 @@ var InfiniteTableComponent = React68.memo(
|
|
|
23731
23758
|
domRef,
|
|
23732
23759
|
portalDOMRef,
|
|
23733
23760
|
onRowHeightCSSVarChange,
|
|
23761
|
+
onFlashingDurationCSSVarChange,
|
|
23734
23762
|
onRowDetailHeightCSSVarChange,
|
|
23735
23763
|
onColumnHeaderHeightCSSVarChange,
|
|
23736
23764
|
rowHeightCSSVar,
|
|
@@ -23821,18 +23849,29 @@ var InfiniteTableComponent = React68.memo(
|
|
|
23821
23849
|
), rowHeightCSSVar ? /* @__PURE__ */ React68.createElement(
|
|
23822
23850
|
CSSNumericVariableWatch,
|
|
23823
23851
|
{
|
|
23852
|
+
key: "row-height",
|
|
23824
23853
|
varName: rowHeightCSSVar,
|
|
23825
23854
|
onChange: onRowHeightCSSVarChange
|
|
23826
23855
|
}
|
|
23827
|
-
) : null,
|
|
23856
|
+
) : null, /* @__PURE__ */ React68.createElement(
|
|
23828
23857
|
CSSNumericVariableWatch,
|
|
23829
23858
|
{
|
|
23859
|
+
key: "flashing-duration",
|
|
23860
|
+
allowInts: true,
|
|
23861
|
+
varName: ThemeVars.components.Cell.flashingDuration,
|
|
23862
|
+
onChange: onFlashingDurationCSSVarChange
|
|
23863
|
+
}
|
|
23864
|
+
), rowDetailHeightCSSVar ? /* @__PURE__ */ React68.createElement(
|
|
23865
|
+
CSSNumericVariableWatch,
|
|
23866
|
+
{
|
|
23867
|
+
key: "row-detail-height",
|
|
23830
23868
|
varName: rowDetailHeightCSSVar,
|
|
23831
23869
|
onChange: onRowDetailHeightCSSVarChange
|
|
23832
23870
|
}
|
|
23833
23871
|
) : null, columnHeaderHeightCSSVar ? /* @__PURE__ */ React68.createElement(
|
|
23834
23872
|
CSSNumericVariableWatch,
|
|
23835
23873
|
{
|
|
23874
|
+
key: "column-header-height",
|
|
23836
23875
|
varName: columnHeaderHeightCSSVar,
|
|
23837
23876
|
onChange: onColumnHeaderHeightCSSVarChange
|
|
23838
23877
|
}
|
|
@@ -24330,6 +24369,157 @@ var _WeakFixedSizeSet = class {
|
|
|
24330
24369
|
var WeakFixedSizeSet = _WeakFixedSizeSet;
|
|
24331
24370
|
WeakFixedSizeSet.DEFAULT_SIZE = 10;
|
|
24332
24371
|
|
|
24372
|
+
// src/components/hooks/useEffectWhenSameDeps.ts
|
|
24373
|
+
var import_react67 = require("react");
|
|
24374
|
+
var isSameDeps = (deps, prevDeps) => {
|
|
24375
|
+
return deps.every((dep, index) => dep === prevDeps[index]);
|
|
24376
|
+
};
|
|
24377
|
+
var useEffectWhenSameDeps = (callback, deps) => {
|
|
24378
|
+
const depsRef = (0, import_react67.useRef)(deps);
|
|
24379
|
+
const sameDeps = isSameDeps(deps, depsRef.current);
|
|
24380
|
+
const isInitialRef = (0, import_react67.useRef)(true);
|
|
24381
|
+
depsRef.current = deps;
|
|
24382
|
+
const effectDepsRef = (0, import_react67.useRef)(["same"]);
|
|
24383
|
+
const effectDeps = sameDeps ? [Date.now()] : effectDepsRef.current;
|
|
24384
|
+
effectDepsRef.current = effectDeps;
|
|
24385
|
+
const callbackRef = (0, import_react67.useRef)(callback);
|
|
24386
|
+
callbackRef.current = callback;
|
|
24387
|
+
(0, import_react67.useEffect)(() => {
|
|
24388
|
+
if (isInitialRef.current) {
|
|
24389
|
+
isInitialRef.current = false;
|
|
24390
|
+
return;
|
|
24391
|
+
}
|
|
24392
|
+
return callbackRef.current();
|
|
24393
|
+
}, effectDeps);
|
|
24394
|
+
};
|
|
24395
|
+
|
|
24396
|
+
// src/components/hooks/useEffectWhen.ts
|
|
24397
|
+
var import_react68 = require("react");
|
|
24398
|
+
var isSameDeps2 = (deps, prevDeps, compare) => {
|
|
24399
|
+
return deps.every((dep, index) => {
|
|
24400
|
+
if (compare) {
|
|
24401
|
+
return compare(dep, prevDeps[index]);
|
|
24402
|
+
}
|
|
24403
|
+
return dep === prevDeps[index];
|
|
24404
|
+
});
|
|
24405
|
+
};
|
|
24406
|
+
var useEffectWhen = (callback, options) => {
|
|
24407
|
+
const { same: depsForSame, different: depsForDifferent, compare } = options;
|
|
24408
|
+
const sameDepsRef = (0, import_react68.useRef)(depsForSame);
|
|
24409
|
+
const differentDepsRef = (0, import_react68.useRef)(depsForDifferent);
|
|
24410
|
+
const sameRespected = isSameDeps2(depsForSame, sameDepsRef.current, compare);
|
|
24411
|
+
const differentRespected = !isSameDeps2(
|
|
24412
|
+
depsForDifferent,
|
|
24413
|
+
differentDepsRef.current,
|
|
24414
|
+
compare
|
|
24415
|
+
);
|
|
24416
|
+
const isInitialRef = (0, import_react68.useRef)(true);
|
|
24417
|
+
sameDepsRef.current = depsForSame;
|
|
24418
|
+
differentDepsRef.current = depsForDifferent;
|
|
24419
|
+
const effectDepsRef = (0, import_react68.useRef)(["same"]);
|
|
24420
|
+
const effectDeps = sameRespected && differentRespected ? [Date.now()] : effectDepsRef.current;
|
|
24421
|
+
effectDepsRef.current = effectDeps;
|
|
24422
|
+
const callbackRef = (0, import_react68.useRef)(callback);
|
|
24423
|
+
callbackRef.current = callback;
|
|
24424
|
+
if (sameRespected && differentRespected) {
|
|
24425
|
+
isInitialRef.current = false;
|
|
24426
|
+
}
|
|
24427
|
+
(0, import_react68.useEffect)(() => {
|
|
24428
|
+
if (isInitialRef.current) {
|
|
24429
|
+
return;
|
|
24430
|
+
}
|
|
24431
|
+
return callbackRef.current();
|
|
24432
|
+
}, effectDeps);
|
|
24433
|
+
};
|
|
24434
|
+
|
|
24435
|
+
// src/components/InfiniteTable/components/InfiniteTableRow/FlashingColumnCell.tsx
|
|
24436
|
+
var React69 = __toESM(require("react"));
|
|
24437
|
+
var currentFlashingDurationVar = stripVar(
|
|
24438
|
+
InternalVars.currentFlashingDuration
|
|
24439
|
+
);
|
|
24440
|
+
var defaultRender = ({ children }) => {
|
|
24441
|
+
return /* @__PURE__ */ React69.createElement(React69.Fragment, null, children);
|
|
24442
|
+
};
|
|
24443
|
+
var DEFAULT_FLASH_DURATION = 1e3;
|
|
24444
|
+
var createFlashingColumnCellComponent = (options = {}) => {
|
|
24445
|
+
const {
|
|
24446
|
+
flashDuration: FLASH_DURATION,
|
|
24447
|
+
// fadeDuration,
|
|
24448
|
+
flashClassName,
|
|
24449
|
+
// fadeClassName,
|
|
24450
|
+
render = defaultRender
|
|
24451
|
+
} = options;
|
|
24452
|
+
const FlashingColumnCell2 = React69.forwardRef(
|
|
24453
|
+
(props, _ref) => {
|
|
24454
|
+
var _a;
|
|
24455
|
+
const cellContext = useInfiniteColumnCell();
|
|
24456
|
+
const {
|
|
24457
|
+
state: { flashingDurationCSSVarValue }
|
|
24458
|
+
} = useInfiniteTable();
|
|
24459
|
+
const duration = typeof flashingDurationCSSVarValue === "number" ? (_a = flashingDurationCSSVarValue != null ? flashingDurationCSSVarValue : FLASH_DURATION) != null ? _a : DEFAULT_FLASH_DURATION : FLASH_DURATION != null ? FLASH_DURATION : DEFAULT_FLASH_DURATION;
|
|
24460
|
+
const { domRef, value, column, rowInfo, htmlElementRef } = cellContext;
|
|
24461
|
+
const rowId = rowInfo.id;
|
|
24462
|
+
const columnId = column.id;
|
|
24463
|
+
const initialRef = React69.useRef(true);
|
|
24464
|
+
const oldValueRef = React69.useRef(value);
|
|
24465
|
+
const oldValue = initialRef.current ? null : oldValueRef.current;
|
|
24466
|
+
initialRef.current = false;
|
|
24467
|
+
const flashTimeoutIdRef = React69.useRef();
|
|
24468
|
+
const fadeTimeoutIdRef = React69.useRef();
|
|
24469
|
+
useEffectWhen(
|
|
24470
|
+
() => {
|
|
24471
|
+
if (value === oldValueRef.current) {
|
|
24472
|
+
return;
|
|
24473
|
+
}
|
|
24474
|
+
if (flashTimeoutIdRef.current) {
|
|
24475
|
+
clearTimeout(flashTimeoutIdRef.current);
|
|
24476
|
+
}
|
|
24477
|
+
if (fadeTimeoutIdRef.current) {
|
|
24478
|
+
clearTimeout(fadeTimeoutIdRef.current);
|
|
24479
|
+
}
|
|
24480
|
+
const el = htmlElementRef.current;
|
|
24481
|
+
oldValueRef.current = value;
|
|
24482
|
+
if (!el) {
|
|
24483
|
+
return;
|
|
24484
|
+
}
|
|
24485
|
+
const flashDirection = typeof value === "number" ? value > oldValue ? "up" : "down" : "neutral";
|
|
24486
|
+
const internalflashCls = FlashingColumnCellRecipe({
|
|
24487
|
+
direction: flashDirection
|
|
24488
|
+
}).split(" ");
|
|
24489
|
+
el.style.setProperty(currentFlashingDurationVar, `${duration}`);
|
|
24490
|
+
if (flashClassName) {
|
|
24491
|
+
el.classList.add(flashClassName);
|
|
24492
|
+
}
|
|
24493
|
+
el.classList.add(...internalflashCls);
|
|
24494
|
+
flashTimeoutIdRef.current = setTimeout(() => {
|
|
24495
|
+
flashTimeoutIdRef.current = void 0;
|
|
24496
|
+
if (flashClassName) {
|
|
24497
|
+
el.classList.remove(flashClassName);
|
|
24498
|
+
}
|
|
24499
|
+
el.classList.remove(...internalflashCls);
|
|
24500
|
+
el.style.removeProperty(currentFlashingDurationVar);
|
|
24501
|
+
}, duration);
|
|
24502
|
+
return () => {
|
|
24503
|
+
if (flashTimeoutIdRef.current) {
|
|
24504
|
+
clearTimeout(flashTimeoutIdRef.current);
|
|
24505
|
+
}
|
|
24506
|
+
if (fadeTimeoutIdRef.current) {
|
|
24507
|
+
clearTimeout(fadeTimeoutIdRef.current);
|
|
24508
|
+
}
|
|
24509
|
+
};
|
|
24510
|
+
},
|
|
24511
|
+
{
|
|
24512
|
+
same: [columnId, rowId],
|
|
24513
|
+
different: [value]
|
|
24514
|
+
}
|
|
24515
|
+
);
|
|
24516
|
+
return /* @__PURE__ */ React69.createElement("div", __spreadProps(__spreadValues({ ref: domRef }, props), { className: join(props.className) }), render({ children: props.children, oldValue }));
|
|
24517
|
+
}
|
|
24518
|
+
);
|
|
24519
|
+
return FlashingColumnCell2;
|
|
24520
|
+
};
|
|
24521
|
+
var FlashingColumnCell = createFlashingColumnCellComponent();
|
|
24522
|
+
|
|
24333
24523
|
// src/index.tsx
|
|
24334
24524
|
var components = {
|
|
24335
24525
|
CheckBox: InfiniteCheckBox,
|
|
@@ -24346,6 +24536,7 @@ var components = {
|
|
|
24346
24536
|
DataSourceActionType,
|
|
24347
24537
|
DeepMap,
|
|
24348
24538
|
FixedSizeSet,
|
|
24539
|
+
FlashingColumnCell,
|
|
24349
24540
|
GroupRowsState,
|
|
24350
24541
|
InfiniteTable,
|
|
24351
24542
|
InfiniteTableClassName,
|
|
@@ -24357,6 +24548,7 @@ var components = {
|
|
|
24357
24548
|
RowSelectionState,
|
|
24358
24549
|
WeakFixedSizeSet,
|
|
24359
24550
|
components,
|
|
24551
|
+
createFlashingColumnCellComponent,
|
|
24360
24552
|
debounce,
|
|
24361
24553
|
debug,
|
|
24362
24554
|
defaultFilterTypes,
|
|
@@ -24372,6 +24564,8 @@ var components = {
|
|
|
24372
24564
|
useComponentState,
|
|
24373
24565
|
useDataSourceInternal,
|
|
24374
24566
|
useDataSourceState,
|
|
24567
|
+
useEffectWhen,
|
|
24568
|
+
useEffectWhenSameDeps,
|
|
24375
24569
|
useEffectWithChanges,
|
|
24376
24570
|
useEffectWithObject,
|
|
24377
24571
|
useGridScroll,
|
|
@@ -24383,6 +24577,7 @@ var components = {
|
|
|
24383
24577
|
useMasterRowInfo,
|
|
24384
24578
|
useOverlay,
|
|
24385
24579
|
useOverlayPortal,
|
|
24580
|
+
usePrevious,
|
|
24386
24581
|
useRowInfoReducers,
|
|
24387
24582
|
useVisibleColumnSizes
|
|
24388
24583
|
});
|