@infinite-table/infinite-react 6.1.1-canary.0 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.css +269 -726
- package/index.d.ts +1288 -1274
- package/index.dev.js +562 -484
- package/index.dev.mjs +562 -484
- package/index.js +562 -484
- package/index.mjs +562 -484
- package/package.json +2 -2
- package/theme/balsam.css +127 -0
- package/theme/default.css +609 -0
- package/theme/minimalist.css +115 -0
- package/theme/ocean.css +123 -0
- package/theme/shadcn.css +88 -0
package/index.dev.js
CHANGED
|
@@ -1245,7 +1245,7 @@ function SpacePlaceholderFn(props) {
|
|
|
1245
1245
|
var SpacePlaceholder = React6.memo(SpacePlaceholderFn);
|
|
1246
1246
|
|
|
1247
1247
|
// src/components/VirtualList/VirtualList.css.ts
|
|
1248
|
-
var scrollTransformTargetCls = "
|
|
1248
|
+
var scrollTransformTargetCls = "mlx2t3";
|
|
1249
1249
|
|
|
1250
1250
|
// src/components/VirtualScrollContainer/index.tsx
|
|
1251
1251
|
var React7 = __toESM(require("react"));
|
|
@@ -1274,11 +1274,11 @@ var useOnScroll = (domRef, onScroll) => {
|
|
|
1274
1274
|
};
|
|
1275
1275
|
|
|
1276
1276
|
// src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts
|
|
1277
|
-
var ScrollableCls = { true: "
|
|
1278
|
-
var ScrollableHorizontalCls = { true: "
|
|
1279
|
-
var ScrollableVerticalCls = { true: "
|
|
1280
|
-
var VirtualScrollContainerChildToScrollCls = "
|
|
1281
|
-
var VirtualScrollContainerCls = "
|
|
1277
|
+
var ScrollableCls = { true: "_1ueijco2", false: "_1ueijco3", visible: "_1ueijco4", auto: "_1ueijco5", hidden: "_1ueijco6" };
|
|
1278
|
+
var ScrollableHorizontalCls = { true: "_1ueijco7", false: "_1ueijco8", visible: "_1ueijco9", auto: "_1ueijcoa", hidden: "_1ueijcob" };
|
|
1279
|
+
var ScrollableVerticalCls = { true: "_1ueijcoc", false: "_1ueijcod", visible: "_1ueijcoe", auto: "_1ueijcof", hidden: "_1ueijcog" };
|
|
1280
|
+
var VirtualScrollContainerChildToScrollCls = "_1ueijco1";
|
|
1281
|
+
var VirtualScrollContainerCls = "_1ueijco0 _16lm1iw0";
|
|
1282
1282
|
|
|
1283
1283
|
// src/components/VirtualScrollContainer/getScrollableClassName.ts
|
|
1284
1284
|
var getScrollableClassName = (scrollable) => {
|
|
@@ -1453,7 +1453,7 @@ var internalProps = {
|
|
|
1453
1453
|
};
|
|
1454
1454
|
|
|
1455
1455
|
// src/components/InfiniteTable/internalVars.css.ts
|
|
1456
|
-
var InternalVars = { currentColumnTransformX: "var(--
|
|
1456
|
+
var InternalVars = { currentColumnTransformX: "var(--_16hkbkc0)", y: "var(--_16hkbkc1)", currentFlashingBackground: "var(--_16hkbkc2)", currentFlashingDuration: "var(--_16hkbkc3)", activeCellRowOffset: "var(--_16hkbkc4)", activeCellRowOffsetX: "var(--_16hkbkc5)", activeCellRowHeight: "var(--_16hkbkc6)", activeCellOffsetX: "var(--_16hkbkc7)", activeCellOffsetY: "var(--_16hkbkc8)", scrollTopForActiveRow: "var(--_16hkbkc9)", scrollLeftForActiveRowWhenHorizontalLayout: "var(--_16hkbkca)", activeCellColWidth: "var(--_16hkbkcb)", activeCellColOffset: "var(--_16hkbkcc)", columnReorderEffectDurationAtIndex: "var(--_16hkbkcd)", columnWidthAtIndex: "var(--_16hkbkce)", columnOffsetAtIndex: "var(--_16hkbkcf)", columnOffsetAtIndexWhileReordering: "var(--_16hkbkcg)", columnZIndexAtIndex: "var(--_16hkbkch)", pinnedStartWidth: "var(--_16hkbkci)", pinnedEndWidth: "var(--_16hkbkcj)", pinnedEndOffset: "var(--_16hkbkck)", computedVisibleColumnsCount: "var(--_16hkbkcl)", baseZIndexForCells: "var(--_16hkbkcm)", bodyWidth: "var(--_16hkbkcn)", bodyHeight: "var(--_16hkbkco)", scrollbarWidthHorizontal: "var(--_16hkbkcp)", scrollbarWidthVertical: "var(--_16hkbkcq)", scrollLeft: "var(--_16hkbkcr)", scrollTop: "var(--_16hkbkcs)", virtualScrollLeftOffset: "var(--_16hkbkct)", virtualScrollTopOffset: "var(--_16hkbkcu)" };
|
|
1457
1457
|
|
|
1458
1458
|
// src/components/InfiniteTable/vars.css.ts
|
|
1459
1459
|
var CSS_LOADED_VALUE = "true";
|
|
@@ -5240,11 +5240,11 @@ var createRuntimeFn = (config) => {
|
|
|
5240
5240
|
};
|
|
5241
5241
|
|
|
5242
5242
|
// src/components/InfiniteTable/components/ActiveCellIndicator.css.ts
|
|
5243
|
-
var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "
|
|
5244
|
-
var ActiveIndicatorWrapperCls = "
|
|
5243
|
+
var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "nxbq1c1 _16lm1iwl _16lm1iw2", variantClassNames: { visible: { true: "nxbq1c3", false: "nxbq1c4" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5244
|
+
var ActiveIndicatorWrapperCls = "nxbq1c0 _16lm1iwl _16lm1iw4 _16lm1iw1f _16lm1iw1d _16lm1iw18 _16lm1iwu";
|
|
5245
5245
|
|
|
5246
5246
|
// src/components/InfiniteTable/components/ActiveRowIndicator.css.ts
|
|
5247
|
-
var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "
|
|
5247
|
+
var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "j26lrx0 _16lm1iwl _16lm1iw2 _16lm1iw1d _16lm1iw1f", variantClassNames: { active: { true: "j26lrx2", false: "j26lrx3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5248
5248
|
|
|
5249
5249
|
// src/components/InfiniteTable/components/ActiveRowIndicator.tsx
|
|
5250
5250
|
var { rootClassName: rootClassName3 } = internalProps;
|
|
@@ -5393,12 +5393,12 @@ var ActiveCellIndicator = React13.memo(
|
|
|
5393
5393
|
);
|
|
5394
5394
|
|
|
5395
5395
|
// src/components/InfiniteTable/components/cell.css.ts
|
|
5396
|
-
var ColumnCellCls = "
|
|
5397
|
-
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
5398
|
-
var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "
|
|
5399
|
-
var DetachedCellCls = "
|
|
5400
|
-
var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
5401
|
-
var SelectionCheckboxCls = "
|
|
5396
|
+
var ColumnCellCls = "_1eexc2a7 _1eexc2a6";
|
|
5397
|
+
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2an", variantClassNames: { dragging: { false: "_1eexc2ao", true: "_1eexc2ap" }, insideDisabledDraggingPage: { true: "_1eexc2aq", false: "_1eexc2ar" }, cellSelected: { false: "_1eexc2as", true: "_1eexc2at" }, treeNode: { parent: "_1eexc2au", leaf: "_1eexc2av", false: "_1eexc2aw" }, align: { start: "_1eexc2ax", end: "_1eexc2ay", center: "_1eexc2az" }, verticalAlign: { start: "_1eexc2a10", end: "_1eexc2a11", center: "_1eexc2a12" }, rowActive: { false: "_1eexc2a13", true: "_1eexc2a14" }, groupRow: { false: "_1eexc2a15", true: "_1eexc2a16" }, groupCell: { false: "_1eexc2a17", true: "_1eexc2a18" }, rowDisabled: { false: "_1eexc2a19", true: "_1eexc2a1a" }, zebra: { false: "_1eexc2a1b", even: "_1eexc2a1c", odd: "_1eexc2a1d" }, rowSelected: { true: "_1eexc2a1e", false: "_1eexc2a1f", null: "_1eexc2a1g" }, first: { true: "_1eexc2a1h", false: "_1eexc2a1i" }, last: { true: "_1eexc2a1j", false: "_1eexc2a1k" }, groupByField: { true: "_1eexc2a1l", false: "_1eexc2a1m" }, firstInCategory: { true: "_1eexc2a1n", false: "_1eexc2a1o" }, firstRow: { true: "_1eexc2a1p", false: "_1eexc2a1q" }, firstRowInHorizontalLayoutPage: { true: "_1eexc2a1r", false: "_1eexc2a1s" }, lastInCategory: { true: "_1eexc2a1t", false: "_1eexc2a1u" }, pinned: { start: "_1eexc2a1v", end: "_1eexc2a1w", false: "_1eexc2a1x" }, filtered: { true: "_1eexc2a1y", false: "_1eexc2a1z" } }, defaultVariants: {}, compoundVariants: [[{ firstRowInHorizontalLayoutPage: true, firstRow: false }, "_1eexc2a20"], [{ pinned: "start", lastInCategory: true }, "_1eexc2a21"], [{ pinned: "start", firstInCategory: true }, "_1eexc2a22"], [{ pinned: "end", firstInCategory: true }, "_1eexc2a23"], [{ pinned: "end", lastInCategory: true }, "_1eexc2a24"], [{ align: "center", groupCell: false }, "_1eexc2a25"], [{ rowDisabled: true, zebra: "odd" }, "_1eexc2a26"]] });
|
|
5398
|
+
var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "_1eexc2ae", variantClassNames: { right: { true: "_1eexc2af", false: "_1eexc2ag" }, left: { true: "_1eexc2ah", false: "_1eexc2ai" }, top: { true: "_1eexc2aj", false: "_1eexc2ak" }, bottom: { true: "_1eexc2al", false: "_1eexc2am" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5399
|
+
var DetachedCellCls = "_1eexc2a5";
|
|
5400
|
+
var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2aa", variantClassNames: { direction: { up: "_1eexc2ab", down: "_1eexc2ac", neutral: "_1eexc2ad" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5401
|
+
var SelectionCheckboxCls = "_1eexc2a8";
|
|
5402
5402
|
|
|
5403
5403
|
// src/components/InfiniteTable/components/cellDetachedCls.ts
|
|
5404
5404
|
var CELL_DETACHED_CLASSNAMES = [
|
|
@@ -5986,24 +5986,24 @@ var useInternalProps = () => {
|
|
|
5986
5986
|
};
|
|
5987
5987
|
|
|
5988
5988
|
// src/components/InfiniteTable/utilities.css.ts
|
|
5989
|
-
var absoluteCover = "
|
|
5990
|
-
var alignItems = { center: "
|
|
5991
|
-
var cssEllipsisClassName = "
|
|
5992
|
-
var cursor = { pointer: "
|
|
5993
|
-
var display = { flex: "
|
|
5994
|
-
var flex = { "1": "
|
|
5995
|
-
var flexFlow = { column: "
|
|
5996
|
-
var height = { "0": "
|
|
5997
|
-
var justifyContent = { center: "
|
|
5998
|
-
var left = { "0": "
|
|
5999
|
-
var outline = { none: "
|
|
6000
|
-
var overflow = { hidden: "
|
|
6001
|
-
var position = { relative: "
|
|
6002
|
-
var top = { "0": "
|
|
6003
|
-
var transformTranslateZero = "
|
|
6004
|
-
var userSelect = { none: "
|
|
6005
|
-
var visibility = { visible: "
|
|
6006
|
-
var zIndex = { "1": "
|
|
5989
|
+
var absoluteCover = "_16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i";
|
|
5990
|
+
var alignItems = { center: "_16lm1iw1r", stretch: "_16lm1iw1s" };
|
|
5991
|
+
var cssEllipsisClassName = "_16lm1iw24 _16lm1iw25 _16lm1iw1y";
|
|
5992
|
+
var cursor = { pointer: "_16lm1iwi", "default": "_16lm1iwj", colResize: "_16lm1iwk" };
|
|
5993
|
+
var display = { flex: "_16lm1iwz", contents: "_16lm1iw10", none: "_16lm1iw11", block: "_16lm1iw12", grid: "_16lm1iw13", inlineBlock: "_16lm1iw14", inlineFlex: "_16lm1iw15", inlineGrid: "_16lm1iw16" };
|
|
5994
|
+
var flex = { "1": "_16lm1iwm", none: "_16lm1iwn" };
|
|
5995
|
+
var flexFlow = { column: "_16lm1iw1n", columnReverse: "_16lm1iw1o", row: "_16lm1iw1p", rowReverse: "_16lm1iw1q" };
|
|
5996
|
+
var height = { "0": "_16lm1iw18", "100%": "_16lm1iw19", "50%": "_16lm1iw1a" };
|
|
5997
|
+
var justifyContent = { center: "_16lm1iw1t", spaceBetween: "_16lm1iw1u", spaceAround: "_16lm1iw1v", start: "_16lm1iw1w", end: "_16lm1iw1x" };
|
|
5998
|
+
var left = { "0": "_16lm1iw1f", "100%": "_16lm1iw1g", auto: "_16lm1iw1h" };
|
|
5999
|
+
var outline = { none: "_16lm1iwd" };
|
|
6000
|
+
var overflow = { hidden: "_16lm1iw1y", auto: "_16lm1iw1z", visible: "_16lm1iw20" };
|
|
6001
|
+
var position = { relative: "_16lm1iw1", absolute: "_16lm1iw2", "static": "_16lm1iw3", sticky: "_16lm1iw4", fixed: "_16lm1iw5" };
|
|
6002
|
+
var top = { "0": "_16lm1iw1d", "100%": "_16lm1iw1e" };
|
|
6003
|
+
var transformTranslateZero = "_16lm1iwe";
|
|
6004
|
+
var userSelect = { none: "_16lm1iw17" };
|
|
6005
|
+
var visibility = { visible: "_16lm1iw21", hidden: "_16lm1iw22" };
|
|
6006
|
+
var zIndex = { "1": "_16lm1iwo", "10": "_16lm1iwp", "100": "_16lm1iwq", "1000": "_16lm1iwr", "10000": "_16lm1iws", "100000": "_16lm1iwt", "1000000": "_16lm1iwu", "10000000": "_16lm1iwv", "1k": "_16lm1iww", "10k": "_16lm1iwx", "100k": "_16lm1iwy" };
|
|
6007
6007
|
|
|
6008
6008
|
// src/components/InfiniteTable/components/InfiniteTableFooter/InfiniteTableFooter.tsx
|
|
6009
6009
|
function InfiniteTableFooter(props) {
|
|
@@ -6149,29 +6149,29 @@ var React27 = __toESM(require("react"));
|
|
|
6149
6149
|
var import_react18 = require("react");
|
|
6150
6150
|
|
|
6151
6151
|
// src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
|
|
6152
|
-
var CellCls = "
|
|
6153
|
-
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "
|
|
6154
|
-
var HeaderCellProxy = "
|
|
6155
|
-
var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
6156
|
-
var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "
|
|
6157
|
-
var HeaderFilterEditorCls = "
|
|
6158
|
-
var HeaderFilterIconIndexCls = "
|
|
6159
|
-
var HeaderFilterOperatorCls = "
|
|
6160
|
-
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "
|
|
6161
|
-
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "
|
|
6162
|
-
var HeaderGroupCls = "
|
|
6163
|
-
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "
|
|
6164
|
-
var HeaderScrollbarPlaceholderCls = "
|
|
6165
|
-
var HeaderSortIconCls = "
|
|
6166
|
-
var HeaderSortIconIndexCls = "
|
|
6167
|
-
var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "
|
|
6168
|
-
var HeaderWrapperCls = "
|
|
6152
|
+
var CellCls = "_1eexc2a6";
|
|
6153
|
+
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "_12zfob129 _16lm1iw19 _16lm1iw1c _16lm1iwz _16lm1iw1p _16lm1iw1r _16lm1iw1w", variantClassNames: { filtered: { false: "_12zfob12a", true: "_12zfob12b" }, verticalAlign: { start: "_12zfob12c", end: "_12zfob12d", center: "_12zfob12e" }, align: { start: "_12zfob12f", end: "_12zfob12g", center: "_12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6154
|
+
var HeaderCellProxy = "_12zfob1n _16lm1iw24 _16lm1iw25 _16lm1iw1y";
|
|
6155
|
+
var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "_12zfob1o", variantClassNames: { rowActive: { false: "_12zfob1p", true: "_12zfob1q" }, cellSelected: { false: "_12zfob1r", true: "_12zfob1s" }, rowSelected: { false: "_12zfob1t", true: "_12zfob1u", null: "_12zfob1v" }, rowDisabled: { false: "_12zfob1w", true: "_12zfob1x" }, firstRow: { false: "_12zfob1y", true: "_12zfob1z" }, treeNode: { parent: "_12zfob110", leaf: "_12zfob111", false: "_12zfob112" }, firstRowInHorizontalLayoutPage: { false: "_12zfob113", true: "_12zfob114" }, groupRow: { false: "_12zfob115", true: "_12zfob116" }, groupCell: { false: "_12zfob117", true: "_12zfob118" }, align: { start: "_12zfob119", end: "_12zfob11a", center: "_12zfob11b" }, verticalAlign: { start: "_12zfob11c", end: "_12zfob11d", center: "_12zfob11e" }, zebra: { false: "_12zfob11f", even: "_12zfob11g", odd: "_12zfob11h" }, dragging: { true: "_12zfob11i", false: "_12zfob11j" }, insideDisabledDraggingPage: { true: "_12zfob11k", false: "_12zfob11l" }, first: { true: "_12zfob11m", false: "_12zfob11n" }, last: { true: "_12zfob11o", false: "_12zfob11p" }, groupByField: { true: "_12zfob11q", false: "_12zfob11r" }, firstInCategory: { true: "_12zfob11s", false: "_12zfob11t" }, lastInCategory: { true: "_12zfob11u", false: "_12zfob11v" }, pinned: { start: "_12zfob11w", end: "_12zfob11x", false: "_12zfob11y" }, filtered: { true: "_12zfob11z", false: "_12zfob120" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "_12zfob121"], [{ pinned: "end", firstInCategory: true }, "_12zfob122"], [{ pinned: false, lastInCategory: true }, "_12zfob123"]] });
|
|
6156
|
+
var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "_12zfob19 _16lm1iw12 _16lm1iw2", variantClassNames: { pinned: { start: "_12zfob1a", end: "_12zfob1b", false: "_12zfob1c" }, firstInCategory: { true: "_12zfob1d", false: "_12zfob1e" }, lastInCategory: { true: "_12zfob1f", false: "_12zfob1g" }, overflow: { true: "_12zfob1h", false: "_12zfob1i" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "_12zfob1j"], [{ pinned: "start", firstInCategory: true }, "_12zfob1k"], [{ overflow: true, pinned: "end" }, "_12zfob1l"], [{ pinned: "end", lastInCategory: true }, "_12zfob1m"]] });
|
|
6157
|
+
var HeaderFilterEditorCls = "_12zfob12r _16lm1iw1c _16lm1iw19";
|
|
6158
|
+
var HeaderFilterIconIndexCls = "_12zfob17";
|
|
6159
|
+
var HeaderFilterOperatorCls = "_12zfob12n _16lm1iwz _16lm1iw1p _16lm1iw1r _16lm1iw1";
|
|
6160
|
+
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "_12zfob12o _16lm1iw1 _16lm1iw1d", variantClassNames: { disabled: { true: "_12zfob12p", false: "_12zfob12q" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6161
|
+
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "_12zfob12k _16lm1iwz _16lm1iw1p _16lm1iw1s _16lm1iw1", variantClassNames: { active: { true: "_12zfob12l", false: "_12zfob12m" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6162
|
+
var HeaderGroupCls = "_12zfob12j _16lm1iwz _16lm1iw1p _16lm1iw1r";
|
|
6163
|
+
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "_12zfob124 _16lm1iw1 _16lm1iwz _16lm1iw1n _16lm1iw1v _16lm1iw22", variantClassNames: { menuVisible: { true: "_12zfob125" }, reserveSpaceWhenHidden: { true: "_12zfob126", false: "_12zfob127" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "_12zfob128"]] });
|
|
6164
|
+
var HeaderScrollbarPlaceholderCls = "_12zfob18 _16lm1iw2";
|
|
6165
|
+
var HeaderSortIconCls = "_16lm1iw1";
|
|
6166
|
+
var HeaderSortIconIndexCls = "_12zfob16";
|
|
6167
|
+
var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "_12zfob12", variantClassNames: { align: { start: "_12zfob13", center: "_12zfob14", end: "_12zfob15" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6168
|
+
var HeaderWrapperCls = "_12zfob12i _16lm1iw1y _16lm1iw1 _16lm1iwz _16lm1iw1p";
|
|
6169
6169
|
|
|
6170
6170
|
// src/components/InfiniteTable/components/icons/InfiniteIconClassName.ts
|
|
6171
6171
|
var InfiniteIconClassName = "InfiniteIcon";
|
|
6172
6172
|
|
|
6173
6173
|
// src/components/InfiniteTable/components/icons/FilterIcon.css.ts
|
|
6174
|
-
var FilterIconCls = "
|
|
6174
|
+
var FilterIconCls = "_6aunoi0 _16lm1iwz _16lm1iw1n _16lm1iw1 _16lm1iw1v _16lm1iw1r";
|
|
6175
6175
|
|
|
6176
6176
|
// src/components/InfiniteTable/components/icons/FilterIcon.tsx
|
|
6177
6177
|
var defaultLineStyle = {
|
|
@@ -7681,13 +7681,13 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
|
7681
7681
|
var import_react21 = require("react");
|
|
7682
7682
|
|
|
7683
7683
|
// src/components/InfiniteTable/InfiniteCls.css.ts
|
|
7684
|
-
var FooterCls = "
|
|
7685
|
-
var InfiniteCls = "
|
|
7686
|
-
var InfiniteClsHasPinnedEnd = "
|
|
7687
|
-
var InfiniteClsHasPinnedStart = "
|
|
7688
|
-
var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "
|
|
7689
|
-
var InfiniteClsShiftingColumns = "
|
|
7690
|
-
var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "
|
|
7684
|
+
var FooterCls = "_16lm1iw1";
|
|
7685
|
+
var InfiniteCls = "_1yeub2v0 _16lm1iw1 _16lm1iwz _16lm1iw1n _16lm1iw0";
|
|
7686
|
+
var InfiniteClsHasPinnedEnd = "_1yeub2vs";
|
|
7687
|
+
var InfiniteClsHasPinnedStart = "_1yeub2vr";
|
|
7688
|
+
var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "_1yeub2v2", variantClassNames: { horizontalLayout: { true: "_1yeub2v3", false: "_1yeub2v4" }, focused: { true: "_1yeub2v5", false: "_1yeub2v6" }, focusedWithin: { true: "_1yeub2v7", false: "_1yeub2v8" }, hasPinnedStart: { true: "_1yeub2v9", false: "_1yeub2va" }, hasPinnedEnd: { true: "_1yeub2vb", false: "_1yeub2vc" }, hasPinnedStartOverflow: { true: "_1yeub2vd", false: "_1yeub2ve" }, hasPinnedEndOverflow: { true: "_1yeub2vf", false: "_1yeub2vg" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "_1yeub2vh"]] });
|
|
7689
|
+
var InfiniteClsShiftingColumns = "_1yeub2vp";
|
|
7690
|
+
var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "_1yeub2vl", variantClassNames: { pinned: { start: "_1yeub2vm", end: "_1yeub2vn", false: "_1yeub2vo" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7691
7691
|
|
|
7692
7692
|
// src/components/InfiniteTable/utils/rafFn.ts
|
|
7693
7693
|
var rafFn = (fn) => {
|
|
@@ -8725,8 +8725,8 @@ var React31 = __toESM(require("react"));
|
|
|
8725
8725
|
var import_react22 = require("react");
|
|
8726
8726
|
|
|
8727
8727
|
// src/components/InfiniteTable/components/icons/ExpandCollapseIcon.css.ts
|
|
8728
|
-
var ExpanderIconCls = "
|
|
8729
|
-
var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "
|
|
8728
|
+
var ExpanderIconCls = "_6rdmyg0 _16lm1iwn _16lm1iwi _16lm1iw9";
|
|
8729
|
+
var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "_6rdmyg1", variantClassNames: { expanded: { true: "_16lm1iwg", false: "_6rdmyg3" }, direction: { end: "_6rdmyg4", start: "_6rdmyg5" }, disabled: { true: "_6rdmyg6", false: "_6rdmyg7" } }, defaultVariants: {}, compoundVariants: [[{ expanded: false, direction: "end" }, "_16lm1iwh"]] });
|
|
8730
8730
|
|
|
8731
8731
|
// src/components/InfiniteTable/components/icons/ExpandCollapseIcon.tsx
|
|
8732
8732
|
var THIS_ICON = `${InfiniteIconClassName}-expand-collapse`;
|
|
@@ -8782,7 +8782,7 @@ function ExpandCollapseIcon(props) {
|
|
|
8782
8782
|
var React32 = __toESM(require("react"));
|
|
8783
8783
|
|
|
8784
8784
|
// src/components/InfiniteTable/components/icons/LoadingIcon.css.ts
|
|
8785
|
-
var LoadingIconCls = "
|
|
8785
|
+
var LoadingIconCls = "_16lm1iwb _16lm1iwn _16lm1iwi";
|
|
8786
8786
|
|
|
8787
8787
|
// src/components/InfiniteTable/components/icons/LoadingIcon.tsx
|
|
8788
8788
|
var LoadingIcon = (props) => {
|
|
@@ -8832,9 +8832,9 @@ var LoadingIcon = (props) => {
|
|
|
8832
8832
|
};
|
|
8833
8833
|
|
|
8834
8834
|
// src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts
|
|
8835
|
-
var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "
|
|
8836
|
-
var RowHoverCls = "
|
|
8837
|
-
var TreeColumnCellExpanderCls = createRuntimeFn({ defaultClassName: "
|
|
8835
|
+
var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "_7pupv01", variantClassNames: { align: { start: "_7pupv02", center: "_7pupv03", end: "_7pupv04" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8836
|
+
var RowHoverCls = "_7pupv00";
|
|
8837
|
+
var TreeColumnCellExpanderCls = createRuntimeFn({ defaultClassName: "_7pupv05", variantClassNames: { align: { start: "_7pupv06", center: "_7pupv07", end: "_7pupv08" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8838
8838
|
|
|
8839
8839
|
// src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
|
|
8840
8840
|
function styleForGroupColumn({
|
|
@@ -9014,7 +9014,7 @@ var React34 = __toESM(require("react"));
|
|
|
9014
9014
|
var import_react23 = require("react");
|
|
9015
9015
|
|
|
9016
9016
|
// src/components/InfiniteTable/components/CheckBox.css.ts
|
|
9017
|
-
var CheckBoxCls = "
|
|
9017
|
+
var CheckBoxCls = "qz8ht90 _16lm1iwi";
|
|
9018
9018
|
|
|
9019
9019
|
// src/components/InfiniteTable/components/CheckBox.tsx
|
|
9020
9020
|
function forwardProps2() {
|
|
@@ -10310,7 +10310,7 @@ var React40 = __toESM(require("react"));
|
|
|
10310
10310
|
var import_react26 = require("react");
|
|
10311
10311
|
|
|
10312
10312
|
// src/components/InfiniteTable/components/icons/SortIcon.css.ts
|
|
10313
|
-
var SortIconCls = "
|
|
10313
|
+
var SortIconCls = "_1ek6mqy0 _16lm1iwz _16lm1iw1n _16lm1iw1 _16lm1iw1v";
|
|
10314
10314
|
|
|
10315
10315
|
// src/components/InfiniteTable/components/icons/SortIcon.tsx
|
|
10316
10316
|
var defaultLineStyle3 = {
|
|
@@ -10528,9 +10528,9 @@ function getColumnGroupResizer(colIndexes, config) {
|
|
|
10528
10528
|
}
|
|
10529
10529
|
|
|
10530
10530
|
// src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/ResizeHandle.css.ts
|
|
10531
|
-
var ResizeHandleCls = "
|
|
10532
|
-
var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "
|
|
10533
|
-
var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "
|
|
10531
|
+
var ResizeHandleCls = "zneyzh0 _16lm1iw2 _16lm1iw1d _16lm1iw1k _16lm1iw1i _16lm1iwk _16lm1iw1y";
|
|
10532
|
+
var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "zneyzhc _16lm1iw2 _16lm1iw1d _16lm1iw1i", variantClassNames: { constrained: { false: "zneyzhd", true: "zneyzhe" }, computedPinned: { start: "zneyzhf", end: "zneyzhg", false: "zneyzhh" }, computedFirstInCategory: { true: "zneyzhi", false: "zneyzhj" }, computedLastInCategory: { true: "zneyzhk", false: "zneyzhl" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "start", computedLastInCategory: true }, "zneyzhm"], [{ computedPinned: "end", computedFirstInCategory: true }, "zneyzhn"]] });
|
|
10533
|
+
var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "zneyzh1", variantClassNames: { computedPinned: { start: "zneyzh2", end: "zneyzh3 _16lm1iw1f _16lm1iw1m", false: "zneyzh4" }, computedFirstInCategory: { true: "zneyzh5", false: "zneyzh6" }, computedLastInCategory: { true: "zneyzh7", false: "zneyzh8" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "end", computedLastInCategory: false, computedFirstInCategory: true }, "zneyzh9"], [{ computedPinned: false, computedFirstInCategory: false, computedLastInCategory: true }, "zneyzha"], [{ computedPinned: "start", computedFirstInCategory: false, computedLastInCategory: true }, "zneyzhb"]] });
|
|
10534
10534
|
|
|
10535
10535
|
// src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/index.tsx
|
|
10536
10536
|
var { rootClassName: rootClassName7 } = internalProps;
|
|
@@ -11872,9 +11872,9 @@ var InfiniteTableLicenseFooter = React49.forwardRef(
|
|
|
11872
11872
|
var React50 = __toESM(require("react"));
|
|
11873
11873
|
|
|
11874
11874
|
// src/components/InfiniteTable/components/LoadMask.css.ts
|
|
11875
|
-
var LoadMaskCls = { visible: "
|
|
11876
|
-
var LoadMaskOverlayCls = "
|
|
11877
|
-
var LoadMaskTextCls = "
|
|
11875
|
+
var LoadMaskCls = { visible: "qy58ya1 qy58ya0 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i", hidden: "qy58ya2 qy58ya0 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i" };
|
|
11876
|
+
var LoadMaskOverlayCls = "qy58ya3 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i";
|
|
11877
|
+
var LoadMaskTextCls = "qy58ya4";
|
|
11878
11878
|
|
|
11879
11879
|
// src/components/InfiniteTable/components/LoadMask.tsx
|
|
11880
11880
|
var { rootClassName: rootClassName10 } = internalProps;
|
|
@@ -19563,6 +19563,377 @@ function getRowDetailApi(param) {
|
|
|
19563
19563
|
return rowDetailApi;
|
|
19564
19564
|
}
|
|
19565
19565
|
|
|
19566
|
+
// src/components/utils/clamp.ts
|
|
19567
|
+
function clamp(value, min, max) {
|
|
19568
|
+
return Math.min(Math.max(value, min), max);
|
|
19569
|
+
}
|
|
19570
|
+
|
|
19571
|
+
// src/components/InfiniteTable/eventHandlers/keyboardNavigation.ts
|
|
19572
|
+
function getNextEnabledRowIndex(getDataSourceState, activeRowIndex, direction) {
|
|
19573
|
+
const dataArray = getDataSourceState().dataArray;
|
|
19574
|
+
const min = 0;
|
|
19575
|
+
const max = dataArray.length - 1;
|
|
19576
|
+
let i = activeRowIndex;
|
|
19577
|
+
do {
|
|
19578
|
+
i += direction;
|
|
19579
|
+
const rowInfo = dataArray[i];
|
|
19580
|
+
if (!rowInfo) {
|
|
19581
|
+
return i < min ? min : max;
|
|
19582
|
+
}
|
|
19583
|
+
if (!rowInfo.rowDisabled) {
|
|
19584
|
+
return i;
|
|
19585
|
+
}
|
|
19586
|
+
} while (i >= min && i <= max);
|
|
19587
|
+
return clamp(i, min, max);
|
|
19588
|
+
}
|
|
19589
|
+
function handleRowNavigation(options, event) {
|
|
19590
|
+
const { getState, getDataSourceState, actions, api, dataSourceApi } = options;
|
|
19591
|
+
const { key } = event;
|
|
19592
|
+
const dataArray = getDataSourceState().dataArray;
|
|
19593
|
+
const arrLength = dataArray.length;
|
|
19594
|
+
const state = getState();
|
|
19595
|
+
const { brain } = state;
|
|
19596
|
+
let { activeRowIndex } = state;
|
|
19597
|
+
if (activeRowIndex == null) {
|
|
19598
|
+
return false;
|
|
19599
|
+
}
|
|
19600
|
+
const {
|
|
19601
|
+
start: [startRow],
|
|
19602
|
+
end: [endRow]
|
|
19603
|
+
} = brain.getRenderRange();
|
|
19604
|
+
const initialActiveRowIndex = activeRowIndex;
|
|
19605
|
+
const renderRowCount = endRow - startRow - 1;
|
|
19606
|
+
const min = 0;
|
|
19607
|
+
const max = arrLength - 1;
|
|
19608
|
+
const KeyToFunction = {
|
|
19609
|
+
ArrowDown: () => {
|
|
19610
|
+
activeRowIndex = getNextEnabledRowIndex(
|
|
19611
|
+
getDataSourceState,
|
|
19612
|
+
activeRowIndex,
|
|
19613
|
+
1
|
|
19614
|
+
);
|
|
19615
|
+
},
|
|
19616
|
+
ArrowUp: () => {
|
|
19617
|
+
activeRowIndex = getNextEnabledRowIndex(
|
|
19618
|
+
getDataSourceState,
|
|
19619
|
+
activeRowIndex,
|
|
19620
|
+
-1
|
|
19621
|
+
);
|
|
19622
|
+
},
|
|
19623
|
+
ArrowLeft: () => {
|
|
19624
|
+
const rowInfo = dataArray[activeRowIndex];
|
|
19625
|
+
if (brain.isHorizontalLayoutBrain) {
|
|
19626
|
+
const rowsPerPage = brain.rowsPerPage;
|
|
19627
|
+
if (activeRowIndex - rowsPerPage >= min) {
|
|
19628
|
+
activeRowIndex = activeRowIndex - rowsPerPage;
|
|
19629
|
+
} else {
|
|
19630
|
+
KeyToFunction.ArrowUp();
|
|
19631
|
+
}
|
|
19632
|
+
return;
|
|
19633
|
+
}
|
|
19634
|
+
if (rowInfo && rowInfo.isGroupRow) {
|
|
19635
|
+
return api.collapseGroupRow(rowInfo.groupKeys);
|
|
19636
|
+
}
|
|
19637
|
+
if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
|
|
19638
|
+
return api.rowDetailApi.collapseRowDetail(rowInfo.id);
|
|
19639
|
+
}
|
|
19640
|
+
return false;
|
|
19641
|
+
},
|
|
19642
|
+
ArrowRight: () => {
|
|
19643
|
+
const rowInfo = dataArray[activeRowIndex];
|
|
19644
|
+
if (brain.isHorizontalLayoutBrain) {
|
|
19645
|
+
const rowsPerPage = brain.rowsPerPage;
|
|
19646
|
+
if (activeRowIndex + rowsPerPage <= max) {
|
|
19647
|
+
activeRowIndex = activeRowIndex + rowsPerPage;
|
|
19648
|
+
} else {
|
|
19649
|
+
KeyToFunction.ArrowDown();
|
|
19650
|
+
}
|
|
19651
|
+
return;
|
|
19652
|
+
}
|
|
19653
|
+
if (rowInfo && rowInfo.isGroupRow) {
|
|
19654
|
+
return api.expandGroupRow(rowInfo.groupKeys);
|
|
19655
|
+
}
|
|
19656
|
+
if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
|
|
19657
|
+
return api.rowDetailApi.expandRowDetail(rowInfo.id);
|
|
19658
|
+
}
|
|
19659
|
+
return false;
|
|
19660
|
+
},
|
|
19661
|
+
Enter: () => {
|
|
19662
|
+
const rowInfo = dataArray[activeRowIndex];
|
|
19663
|
+
if (rowInfo && rowInfo.isGroupRow) {
|
|
19664
|
+
return api.toggleGroupRow(rowInfo.groupKeys);
|
|
19665
|
+
}
|
|
19666
|
+
if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
|
|
19667
|
+
return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
|
|
19668
|
+
}
|
|
19669
|
+
const hasRowDetail = api.rowDetailApi.isRowDetailEnabledForRow(
|
|
19670
|
+
rowInfo.id
|
|
19671
|
+
);
|
|
19672
|
+
if (hasRowDetail) {
|
|
19673
|
+
return api.rowDetailApi.toggleRowDetail(rowInfo.id);
|
|
19674
|
+
}
|
|
19675
|
+
return false;
|
|
19676
|
+
},
|
|
19677
|
+
PageDown: () => {
|
|
19678
|
+
activeRowIndex = Math.min(
|
|
19679
|
+
activeRowIndex + renderRowCount,
|
|
19680
|
+
arrLength - 1
|
|
19681
|
+
);
|
|
19682
|
+
},
|
|
19683
|
+
PageUp: () => {
|
|
19684
|
+
activeRowIndex = Math.max(activeRowIndex - renderRowCount, min);
|
|
19685
|
+
},
|
|
19686
|
+
End: () => {
|
|
19687
|
+
activeRowIndex = max;
|
|
19688
|
+
},
|
|
19689
|
+
Home: () => {
|
|
19690
|
+
activeRowIndex = min;
|
|
19691
|
+
}
|
|
19692
|
+
};
|
|
19693
|
+
const Fn = KeyToFunction[key];
|
|
19694
|
+
if (!Fn) {
|
|
19695
|
+
return false;
|
|
19696
|
+
}
|
|
19697
|
+
Fn();
|
|
19698
|
+
if (initialActiveRowIndex !== activeRowIndex) {
|
|
19699
|
+
actions.activeRowIndex = activeRowIndex;
|
|
19700
|
+
return true;
|
|
19701
|
+
}
|
|
19702
|
+
return false;
|
|
19703
|
+
}
|
|
19704
|
+
function computeNextActiveCellIndex(options, event) {
|
|
19705
|
+
const {
|
|
19706
|
+
api,
|
|
19707
|
+
getState,
|
|
19708
|
+
getComputed,
|
|
19709
|
+
getDataSourceState,
|
|
19710
|
+
dataSourceApi
|
|
19711
|
+
} = options;
|
|
19712
|
+
const { key, shiftKey } = event;
|
|
19713
|
+
const dataArray = getDataSourceState().dataArray;
|
|
19714
|
+
const state = getState();
|
|
19715
|
+
const { activeCellIndex, brain } = state;
|
|
19716
|
+
if (!activeCellIndex) {
|
|
19717
|
+
return false;
|
|
19718
|
+
}
|
|
19719
|
+
let [rowIndex, colIndex] = activeCellIndex;
|
|
19720
|
+
const {
|
|
19721
|
+
start: [startRow, startCol],
|
|
19722
|
+
end: [endRow, endCol]
|
|
19723
|
+
} = brain.getRenderRange();
|
|
19724
|
+
const renderRowCount = endRow - startRow - 1;
|
|
19725
|
+
const renderColCount = endCol - startCol - 1;
|
|
19726
|
+
const maxRow = getDataSourceState().dataArray.length - 1;
|
|
19727
|
+
const maxCol = getComputed().computedVisibleColumns.length - 1;
|
|
19728
|
+
const minRow = 0;
|
|
19729
|
+
const minCol = 0;
|
|
19730
|
+
rowIndex = clamp(rowIndex, 0, maxRow);
|
|
19731
|
+
colIndex = clamp(colIndex, 0, maxCol);
|
|
19732
|
+
const KeyToFunction = {
|
|
19733
|
+
ArrowDown: () => {
|
|
19734
|
+
rowIndex = clamp(rowIndex + 1, minRow, maxRow);
|
|
19735
|
+
},
|
|
19736
|
+
ArrowUp: () => {
|
|
19737
|
+
rowIndex = clamp(rowIndex - 1, minRow, maxRow);
|
|
19738
|
+
},
|
|
19739
|
+
ArrowLeft: () => {
|
|
19740
|
+
if (colIndex === minCol) {
|
|
19741
|
+
if (rowIndex !== minRow) {
|
|
19742
|
+
colIndex = maxCol;
|
|
19743
|
+
}
|
|
19744
|
+
if (brain.isHorizontalLayoutBrain) {
|
|
19745
|
+
const rowsPerPage = brain.rowsPerPage;
|
|
19746
|
+
if (rowIndex - rowsPerPage >= minRow) {
|
|
19747
|
+
rowIndex = rowIndex - rowsPerPage;
|
|
19748
|
+
} else {
|
|
19749
|
+
KeyToFunction.ArrowUp();
|
|
19750
|
+
}
|
|
19751
|
+
} else {
|
|
19752
|
+
KeyToFunction.ArrowUp();
|
|
19753
|
+
}
|
|
19754
|
+
} else {
|
|
19755
|
+
colIndex = clamp(colIndex - 1, minCol, maxCol);
|
|
19756
|
+
}
|
|
19757
|
+
},
|
|
19758
|
+
ArrowRight: () => {
|
|
19759
|
+
if (colIndex === maxCol) {
|
|
19760
|
+
if (rowIndex !== maxRow) {
|
|
19761
|
+
colIndex = minCol;
|
|
19762
|
+
}
|
|
19763
|
+
if (brain.isHorizontalLayoutBrain) {
|
|
19764
|
+
const rowsPerPage = brain.rowsPerPage;
|
|
19765
|
+
if (rowIndex + rowsPerPage <= maxRow) {
|
|
19766
|
+
rowIndex = rowIndex + rowsPerPage;
|
|
19767
|
+
} else {
|
|
19768
|
+
KeyToFunction.ArrowDown();
|
|
19769
|
+
}
|
|
19770
|
+
} else {
|
|
19771
|
+
KeyToFunction.ArrowDown();
|
|
19772
|
+
}
|
|
19773
|
+
} else {
|
|
19774
|
+
colIndex = clamp(colIndex + 1, minCol, maxCol);
|
|
19775
|
+
}
|
|
19776
|
+
},
|
|
19777
|
+
Enter: () => {
|
|
19778
|
+
const rowInfo = dataArray[rowIndex];
|
|
19779
|
+
if (rowInfo && rowInfo.isGroupRow) {
|
|
19780
|
+
return api.toggleGroupRow(rowInfo.groupKeys);
|
|
19781
|
+
}
|
|
19782
|
+
if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
|
|
19783
|
+
return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
|
|
19784
|
+
}
|
|
19785
|
+
if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
|
|
19786
|
+
return api.rowDetailApi.toggleRowDetail(rowInfo.id);
|
|
19787
|
+
}
|
|
19788
|
+
return false;
|
|
19789
|
+
},
|
|
19790
|
+
PageDown: () => {
|
|
19791
|
+
if (!shiftKey) {
|
|
19792
|
+
rowIndex = Math.min(rowIndex + renderRowCount, maxRow);
|
|
19793
|
+
} else {
|
|
19794
|
+
colIndex = Math.min(colIndex + renderColCount, maxCol);
|
|
19795
|
+
}
|
|
19796
|
+
},
|
|
19797
|
+
PageUp: () => {
|
|
19798
|
+
if (!shiftKey) {
|
|
19799
|
+
rowIndex = Math.max(rowIndex - renderRowCount, minRow);
|
|
19800
|
+
} else {
|
|
19801
|
+
colIndex = Math.max(colIndex - renderColCount, minCol);
|
|
19802
|
+
}
|
|
19803
|
+
},
|
|
19804
|
+
End: () => {
|
|
19805
|
+
if (!shiftKey) {
|
|
19806
|
+
rowIndex = maxRow;
|
|
19807
|
+
} else {
|
|
19808
|
+
colIndex = maxCol;
|
|
19809
|
+
}
|
|
19810
|
+
},
|
|
19811
|
+
Home: () => {
|
|
19812
|
+
if (!shiftKey) {
|
|
19813
|
+
rowIndex = minRow;
|
|
19814
|
+
} else {
|
|
19815
|
+
colIndex = minCol;
|
|
19816
|
+
}
|
|
19817
|
+
}
|
|
19818
|
+
};
|
|
19819
|
+
const Fn = KeyToFunction[key];
|
|
19820
|
+
if (!Fn) {
|
|
19821
|
+
return false;
|
|
19822
|
+
}
|
|
19823
|
+
Fn();
|
|
19824
|
+
return [rowIndex, colIndex];
|
|
19825
|
+
}
|
|
19826
|
+
function handleCellNavigation(options, event) {
|
|
19827
|
+
const result = computeNextActiveCellIndex(
|
|
19828
|
+
options,
|
|
19829
|
+
event
|
|
19830
|
+
);
|
|
19831
|
+
if (result) {
|
|
19832
|
+
options.actions.activeCellIndex = result;
|
|
19833
|
+
return true;
|
|
19834
|
+
}
|
|
19835
|
+
return false;
|
|
19836
|
+
}
|
|
19837
|
+
var validKeys = {
|
|
19838
|
+
ArrowUp: true,
|
|
19839
|
+
ArrowDown: true,
|
|
19840
|
+
ArrowLeft: true,
|
|
19841
|
+
ArrowRight: true,
|
|
19842
|
+
PageUp: true,
|
|
19843
|
+
PageDown: true,
|
|
19844
|
+
Home: true,
|
|
19845
|
+
End: true,
|
|
19846
|
+
Enter: true,
|
|
19847
|
+
" ": true
|
|
19848
|
+
};
|
|
19849
|
+
function handleKeyboardNavigation(options, event) {
|
|
19850
|
+
const { key } = event;
|
|
19851
|
+
const { getState } = options;
|
|
19852
|
+
const state = getState();
|
|
19853
|
+
const {
|
|
19854
|
+
activeRowIndex,
|
|
19855
|
+
activeCellIndex,
|
|
19856
|
+
keyboardNavigation,
|
|
19857
|
+
cellContextMenuVisibleFor,
|
|
19858
|
+
contextMenuVisibleFor
|
|
19859
|
+
} = state;
|
|
19860
|
+
if (cellContextMenuVisibleFor || contextMenuVisibleFor) {
|
|
19861
|
+
return false;
|
|
19862
|
+
}
|
|
19863
|
+
if (!validKeys[key]) {
|
|
19864
|
+
return false;
|
|
19865
|
+
}
|
|
19866
|
+
if (activeRowIndex != null && keyboardNavigation === "row") {
|
|
19867
|
+
return handleRowNavigation(options, event);
|
|
19868
|
+
}
|
|
19869
|
+
if (activeCellIndex != null && keyboardNavigation === "cell") {
|
|
19870
|
+
return handleCellNavigation(options, event);
|
|
19871
|
+
}
|
|
19872
|
+
return false;
|
|
19873
|
+
}
|
|
19874
|
+
|
|
19875
|
+
// src/components/InfiniteTable/api/getKeyboardNavigationApi.ts
|
|
19876
|
+
var KeyboardNavigationApi = class {
|
|
19877
|
+
constructor(param) {
|
|
19878
|
+
this.param = param;
|
|
19879
|
+
}
|
|
19880
|
+
setKeyboardNavigation(keyboardNavigation) {
|
|
19881
|
+
this.param.actions.keyboardNavigation = keyboardNavigation;
|
|
19882
|
+
}
|
|
19883
|
+
setActiveCellIndex(activeCellIndex) {
|
|
19884
|
+
this.param.actions.activeCellIndex = activeCellIndex;
|
|
19885
|
+
}
|
|
19886
|
+
setActiveRowIndex(activeRowIndex) {
|
|
19887
|
+
this.param.actions.activeRowIndex = activeRowIndex;
|
|
19888
|
+
}
|
|
19889
|
+
gotoRowWithDirection(direction) {
|
|
19890
|
+
const { getDataSourceState, getState } = this.param;
|
|
19891
|
+
const { activeRowIndex, keyboardNavigation } = getState();
|
|
19892
|
+
if (keyboardNavigation !== "row") {
|
|
19893
|
+
console.error("Keyboard navigation is not enabled for rows");
|
|
19894
|
+
return false;
|
|
19895
|
+
}
|
|
19896
|
+
if (activeRowIndex == null) {
|
|
19897
|
+
return false;
|
|
19898
|
+
}
|
|
19899
|
+
const newActiveRowIndex = getNextEnabledRowIndex(
|
|
19900
|
+
getDataSourceState,
|
|
19901
|
+
activeRowIndex,
|
|
19902
|
+
direction
|
|
19903
|
+
);
|
|
19904
|
+
if (newActiveRowIndex !== activeRowIndex) {
|
|
19905
|
+
this.param.actions.activeRowIndex = newActiveRowIndex;
|
|
19906
|
+
return newActiveRowIndex;
|
|
19907
|
+
}
|
|
19908
|
+
return false;
|
|
19909
|
+
}
|
|
19910
|
+
gotoRow(direction) {
|
|
19911
|
+
return this.gotoRowWithDirection(direction);
|
|
19912
|
+
}
|
|
19913
|
+
gotoNextRow() {
|
|
19914
|
+
return this.gotoRow(1);
|
|
19915
|
+
}
|
|
19916
|
+
gotoPreviousRow() {
|
|
19917
|
+
return this.gotoRow(-1);
|
|
19918
|
+
}
|
|
19919
|
+
gotoCell(config) {
|
|
19920
|
+
const { direction } = config;
|
|
19921
|
+
const key = direction == "top" ? "ArrowUp" : direction == "bottom" ? "ArrowDown" : direction == "left" ? "ArrowLeft" : "ArrowRight";
|
|
19922
|
+
const activeCellIndex = computeNextActiveCellIndex(this.param, {
|
|
19923
|
+
key,
|
|
19924
|
+
shiftKey: false
|
|
19925
|
+
});
|
|
19926
|
+
if (activeCellIndex === false) {
|
|
19927
|
+
return false;
|
|
19928
|
+
}
|
|
19929
|
+
this.param.actions.activeCellIndex = activeCellIndex;
|
|
19930
|
+
return activeCellIndex;
|
|
19931
|
+
}
|
|
19932
|
+
};
|
|
19933
|
+
function getKeyboardNavigationApi(param) {
|
|
19934
|
+
return new KeyboardNavigationApi(param);
|
|
19935
|
+
}
|
|
19936
|
+
|
|
19566
19937
|
// src/components/InfiniteTable/api/getImperativeApi.ts
|
|
19567
19938
|
function isSortInfoForColumn(sortInfo, col) {
|
|
19568
19939
|
if (sortInfo.id) {
|
|
@@ -19997,6 +20368,14 @@ var InfiniteTableApiImpl = class {
|
|
|
19997
20368
|
dataSourceActions: context.dataSourceActions,
|
|
19998
20369
|
getDataSourceState: context.getDataSourceState
|
|
19999
20370
|
});
|
|
20371
|
+
this.keyboardNavigationApi = getKeyboardNavigationApi({
|
|
20372
|
+
getState: context.getState,
|
|
20373
|
+
getDataSourceState: context.getDataSourceState,
|
|
20374
|
+
actions: context.actions,
|
|
20375
|
+
getComputed: context.getComputed,
|
|
20376
|
+
api: this,
|
|
20377
|
+
dataSourceApi: context.dataSourceApi
|
|
20378
|
+
});
|
|
20000
20379
|
this.rowDetailApi = getRowDetailApi({
|
|
20001
20380
|
getState: context.getState,
|
|
20002
20381
|
actions: context.actions,
|
|
@@ -20663,7 +21042,7 @@ function useYourBrain(param) {
|
|
|
20663
21042
|
var React53 = __toESM(require("react"));
|
|
20664
21043
|
|
|
20665
21044
|
// src/components/InfiniteTable/components/rowDetail.css.ts
|
|
20666
|
-
var RowDetailRecipe = createRuntimeFn({ defaultClassName: "
|
|
21045
|
+
var RowDetailRecipe = createRuntimeFn({ defaultClassName: "evqes20", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
20667
21046
|
|
|
20668
21047
|
// src/components/InfiniteTable/components/InfiniteTableRow/useRegisterDetail.ts
|
|
20669
21048
|
var import_react38 = require("react");
|
|
@@ -23214,7 +23593,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
23214
23593
|
}
|
|
23215
23594
|
let valid2 = isValidLicense(licenseKey, {
|
|
23216
23595
|
publishedAt: 1624970570587,
|
|
23217
|
-
version: "6.
|
|
23596
|
+
version: "6.2.0"
|
|
23218
23597
|
});
|
|
23219
23598
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
23220
23599
|
return true;
|
|
@@ -23322,431 +23701,130 @@ function onCellDoubleClick(context, event) {
|
|
|
23322
23701
|
};
|
|
23323
23702
|
if (onCellDoubleClick2) {
|
|
23324
23703
|
const result = onCellDoubleClick2(context, event);
|
|
23325
|
-
if (result && typeof result === "object") {
|
|
23326
|
-
dblClickResult = { ...dblClickResult, ...result };
|
|
23327
|
-
}
|
|
23328
|
-
}
|
|
23329
|
-
if (dblClickResult.preventEdit) {
|
|
23330
|
-
return;
|
|
23331
|
-
}
|
|
23332
|
-
const computed = context.getComputed();
|
|
23333
|
-
const column = computed.computedVisibleColumns[context.colIndex];
|
|
23334
|
-
context.api.startEdit({
|
|
23335
|
-
rowIndex: context.rowIndex,
|
|
23336
|
-
columnId: column.id
|
|
23337
|
-
});
|
|
23338
|
-
}
|
|
23339
|
-
function updateCellSelectionOnCellClick(context, event) {
|
|
23340
|
-
const {
|
|
23341
|
-
getDataSourceState,
|
|
23342
|
-
getState,
|
|
23343
|
-
getComputed,
|
|
23344
|
-
rowIndex,
|
|
23345
|
-
colIndex,
|
|
23346
|
-
dataSourceActions
|
|
23347
|
-
} = context;
|
|
23348
|
-
const dataSourceState = getDataSourceState();
|
|
23349
|
-
const { selectionMode, cellSelection: existingCellSelection } = dataSourceState;
|
|
23350
|
-
if (!existingCellSelection) {
|
|
23351
|
-
return;
|
|
23352
|
-
}
|
|
23353
|
-
if (selectionMode !== "multi-cell") {
|
|
23354
|
-
return;
|
|
23355
|
-
}
|
|
23356
|
-
const { multiCellSelector, computedVisibleColumns } = getComputed();
|
|
23357
|
-
const { brain } = getState();
|
|
23358
|
-
const { rowsPerPage } = brain;
|
|
23359
|
-
const columnsPerSet = computedVisibleColumns.length;
|
|
23360
|
-
const cellSelection = new CellSelectionState(existingCellSelection);
|
|
23361
|
-
multiCellSelector.cellSelectionState = cellSelection;
|
|
23362
|
-
const position2 = {
|
|
23363
|
-
rowIndex,
|
|
23364
|
-
colIndex
|
|
23365
|
-
};
|
|
23366
|
-
if (event.metaKey || event.ctrlKey) {
|
|
23367
|
-
multiCellSelector.singleAddClick(position2);
|
|
23368
|
-
} else if (event.shiftKey) {
|
|
23369
|
-
const horizontalLayout = !!getState().wrapRowsHorizontally;
|
|
23370
|
-
multiCellSelector.multiSelectClick(
|
|
23371
|
-
position2,
|
|
23372
|
-
horizontalLayout ? {
|
|
23373
|
-
horizontalLayout,
|
|
23374
|
-
rowsPerPage,
|
|
23375
|
-
columnsPerSet
|
|
23376
|
-
} : {
|
|
23377
|
-
horizontalLayout
|
|
23378
|
-
}
|
|
23379
|
-
);
|
|
23380
|
-
} else {
|
|
23381
|
-
multiCellSelector.resetClick(position2);
|
|
23382
|
-
}
|
|
23383
|
-
dataSourceActions.cellSelection = cellSelection;
|
|
23384
|
-
}
|
|
23385
|
-
function updateRowSelectionOnCellClick(context, event) {
|
|
23386
|
-
const {
|
|
23387
|
-
rowIndex,
|
|
23388
|
-
getDataSourceState,
|
|
23389
|
-
getComputed,
|
|
23390
|
-
dataSourceActions,
|
|
23391
|
-
api,
|
|
23392
|
-
cloneRowSelection: cloneRowSelection2
|
|
23393
|
-
} = context;
|
|
23394
|
-
const { multiRowSelector, renderSelectionCheckBox } = getComputed();
|
|
23395
|
-
const dataSourceState = getDataSourceState();
|
|
23396
|
-
const { selectionMode, groupBy, dataArray, isTree } = dataSourceState;
|
|
23397
|
-
if (groupBy.length) {
|
|
23398
|
-
return false;
|
|
23399
|
-
}
|
|
23400
|
-
if (isTree) {
|
|
23401
|
-
return false;
|
|
23402
|
-
}
|
|
23403
|
-
const rowInfo = dataArray[rowIndex];
|
|
23404
|
-
if (rowInfo?.rowDisabled) {
|
|
23405
|
-
return false;
|
|
23406
|
-
}
|
|
23407
|
-
if (selectionMode === "multi-row") {
|
|
23408
|
-
if (renderSelectionCheckBox && !event.key) {
|
|
23409
|
-
return false;
|
|
23410
|
-
}
|
|
23411
|
-
let { rowSelection: rowSelectionState } = dataSourceState;
|
|
23412
|
-
rowSelectionState = cloneRowSelection2(
|
|
23413
|
-
rowSelectionState
|
|
23414
|
-
);
|
|
23415
|
-
multiRowSelector.rowSelectionState = rowSelectionState;
|
|
23416
|
-
if (rowSelectionState && typeof rowSelectionState === "object") {
|
|
23417
|
-
if (event.shiftKey) {
|
|
23418
|
-
multiRowSelector.multiSelectClick(rowIndex);
|
|
23419
|
-
} else if (event.metaKey || event.ctrlKey) {
|
|
23420
|
-
multiRowSelector.singleAddClick(rowIndex);
|
|
23421
|
-
} else {
|
|
23422
|
-
multiRowSelector.resetClick(rowIndex);
|
|
23423
|
-
}
|
|
23424
|
-
dataSourceActions.rowSelection = rowSelectionState;
|
|
23425
|
-
return true;
|
|
23426
|
-
}
|
|
23427
|
-
} else if (selectionMode === "single-row") {
|
|
23428
|
-
const rowInfo2 = dataArray[rowIndex];
|
|
23429
|
-
const id = rowInfo2.id;
|
|
23430
|
-
if (event.metaKey || event.ctrlKey) {
|
|
23431
|
-
api.rowSelectionApi.toggleRowSelection(id);
|
|
23432
|
-
} else {
|
|
23433
|
-
api.rowSelectionApi.selectRow(id);
|
|
23434
|
-
}
|
|
23435
|
-
}
|
|
23436
|
-
return false;
|
|
23437
|
-
}
|
|
23438
|
-
|
|
23439
|
-
// src/components/InfiniteTable/eventHandlers/onCellMouseDown.ts
|
|
23440
|
-
function onCellMouseDown(context, event) {
|
|
23441
|
-
if (event.detail === 2) {
|
|
23442
|
-
return;
|
|
23443
|
-
}
|
|
23444
|
-
updateCellSelectionOnCellMouseDown(context);
|
|
23445
|
-
}
|
|
23446
|
-
function updateCellSelectionOnCellMouseDown(_context) {
|
|
23447
|
-
}
|
|
23448
|
-
|
|
23449
|
-
// src/components/utils/clamp.ts
|
|
23450
|
-
function clamp(value, min, max) {
|
|
23451
|
-
return Math.min(Math.max(value, min), max);
|
|
23452
|
-
}
|
|
23453
|
-
|
|
23454
|
-
// src/components/InfiniteTable/eventHandlers/keyboardNavigation.ts
|
|
23455
|
-
function getNextEnabledRowIndex(getDataSourceState, activeRowIndex, direction) {
|
|
23456
|
-
const dataArray = getDataSourceState().dataArray;
|
|
23457
|
-
const min = 0;
|
|
23458
|
-
const max = dataArray.length - 1;
|
|
23459
|
-
let i = activeRowIndex;
|
|
23460
|
-
do {
|
|
23461
|
-
i += direction;
|
|
23462
|
-
const rowInfo = dataArray[i];
|
|
23463
|
-
if (!rowInfo) {
|
|
23464
|
-
return i < min ? min : max;
|
|
23465
|
-
}
|
|
23466
|
-
if (!rowInfo.rowDisabled) {
|
|
23467
|
-
return i;
|
|
23468
|
-
}
|
|
23469
|
-
} while (i >= min && i <= max);
|
|
23470
|
-
return clamp(i, min, max);
|
|
23471
|
-
}
|
|
23472
|
-
function handleRowNavigation(options, event) {
|
|
23473
|
-
const { getState, getDataSourceState, actions, api, dataSourceApi } = options;
|
|
23474
|
-
const { key } = event;
|
|
23475
|
-
const dataArray = getDataSourceState().dataArray;
|
|
23476
|
-
const arrLength = dataArray.length;
|
|
23477
|
-
const state = getState();
|
|
23478
|
-
const { brain } = state;
|
|
23479
|
-
let { activeRowIndex } = state;
|
|
23480
|
-
if (activeRowIndex == null) {
|
|
23481
|
-
return false;
|
|
23482
|
-
}
|
|
23483
|
-
const {
|
|
23484
|
-
start: [startRow],
|
|
23485
|
-
end: [endRow]
|
|
23486
|
-
} = brain.getRenderRange();
|
|
23487
|
-
const initialActiveRowIndex = activeRowIndex;
|
|
23488
|
-
const renderRowCount = endRow - startRow - 1;
|
|
23489
|
-
const min = 0;
|
|
23490
|
-
const max = arrLength - 1;
|
|
23491
|
-
const KeyToFunction = {
|
|
23492
|
-
ArrowDown: () => {
|
|
23493
|
-
activeRowIndex = getNextEnabledRowIndex(
|
|
23494
|
-
getDataSourceState,
|
|
23495
|
-
activeRowIndex,
|
|
23496
|
-
1
|
|
23497
|
-
);
|
|
23498
|
-
},
|
|
23499
|
-
ArrowUp: () => {
|
|
23500
|
-
activeRowIndex = getNextEnabledRowIndex(
|
|
23501
|
-
getDataSourceState,
|
|
23502
|
-
activeRowIndex,
|
|
23503
|
-
-1
|
|
23504
|
-
);
|
|
23505
|
-
},
|
|
23506
|
-
ArrowLeft: () => {
|
|
23507
|
-
const rowInfo = dataArray[activeRowIndex];
|
|
23508
|
-
if (brain.isHorizontalLayoutBrain) {
|
|
23509
|
-
const rowsPerPage = brain.rowsPerPage;
|
|
23510
|
-
if (activeRowIndex - rowsPerPage >= min) {
|
|
23511
|
-
activeRowIndex = activeRowIndex - rowsPerPage;
|
|
23512
|
-
} else {
|
|
23513
|
-
KeyToFunction.ArrowUp();
|
|
23514
|
-
}
|
|
23515
|
-
return;
|
|
23516
|
-
}
|
|
23517
|
-
if (rowInfo && rowInfo.isGroupRow) {
|
|
23518
|
-
return api.collapseGroupRow(rowInfo.groupKeys);
|
|
23519
|
-
}
|
|
23520
|
-
if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
|
|
23521
|
-
return api.rowDetailApi.collapseRowDetail(rowInfo.id);
|
|
23522
|
-
}
|
|
23523
|
-
return false;
|
|
23524
|
-
},
|
|
23525
|
-
ArrowRight: () => {
|
|
23526
|
-
const rowInfo = dataArray[activeRowIndex];
|
|
23527
|
-
if (brain.isHorizontalLayoutBrain) {
|
|
23528
|
-
const rowsPerPage = brain.rowsPerPage;
|
|
23529
|
-
if (activeRowIndex + rowsPerPage <= max) {
|
|
23530
|
-
activeRowIndex = activeRowIndex + rowsPerPage;
|
|
23531
|
-
} else {
|
|
23532
|
-
KeyToFunction.ArrowDown();
|
|
23533
|
-
}
|
|
23534
|
-
return;
|
|
23535
|
-
}
|
|
23536
|
-
if (rowInfo && rowInfo.isGroupRow) {
|
|
23537
|
-
return api.expandGroupRow(rowInfo.groupKeys);
|
|
23538
|
-
}
|
|
23539
|
-
if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
|
|
23540
|
-
return api.rowDetailApi.expandRowDetail(rowInfo.id);
|
|
23541
|
-
}
|
|
23542
|
-
return false;
|
|
23543
|
-
},
|
|
23544
|
-
Enter: () => {
|
|
23545
|
-
const rowInfo = dataArray[activeRowIndex];
|
|
23546
|
-
if (rowInfo && rowInfo.isGroupRow) {
|
|
23547
|
-
return api.toggleGroupRow(rowInfo.groupKeys);
|
|
23548
|
-
}
|
|
23549
|
-
if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
|
|
23550
|
-
return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
|
|
23551
|
-
}
|
|
23552
|
-
const hasRowDetail = api.rowDetailApi.isRowDetailEnabledForRow(
|
|
23553
|
-
rowInfo.id
|
|
23554
|
-
);
|
|
23555
|
-
if (hasRowDetail) {
|
|
23556
|
-
return api.rowDetailApi.toggleRowDetail(rowInfo.id);
|
|
23557
|
-
}
|
|
23558
|
-
return false;
|
|
23559
|
-
},
|
|
23560
|
-
PageDown: () => {
|
|
23561
|
-
activeRowIndex = Math.min(
|
|
23562
|
-
activeRowIndex + renderRowCount,
|
|
23563
|
-
arrLength - 1
|
|
23564
|
-
);
|
|
23565
|
-
},
|
|
23566
|
-
PageUp: () => {
|
|
23567
|
-
activeRowIndex = Math.max(activeRowIndex - renderRowCount, min);
|
|
23568
|
-
},
|
|
23569
|
-
End: () => {
|
|
23570
|
-
activeRowIndex = max;
|
|
23571
|
-
},
|
|
23572
|
-
Home: () => {
|
|
23573
|
-
activeRowIndex = min;
|
|
23704
|
+
if (result && typeof result === "object") {
|
|
23705
|
+
dblClickResult = { ...dblClickResult, ...result };
|
|
23574
23706
|
}
|
|
23575
|
-
};
|
|
23576
|
-
const Fn = KeyToFunction[key];
|
|
23577
|
-
if (!Fn) {
|
|
23578
|
-
return false;
|
|
23579
23707
|
}
|
|
23580
|
-
|
|
23581
|
-
|
|
23582
|
-
actions.activeRowIndex = activeRowIndex;
|
|
23583
|
-
return true;
|
|
23708
|
+
if (dblClickResult.preventEdit) {
|
|
23709
|
+
return;
|
|
23584
23710
|
}
|
|
23585
|
-
|
|
23711
|
+
const computed = context.getComputed();
|
|
23712
|
+
const column = computed.computedVisibleColumns[context.colIndex];
|
|
23713
|
+
context.api.startEdit({
|
|
23714
|
+
rowIndex: context.rowIndex,
|
|
23715
|
+
columnId: column.id
|
|
23716
|
+
});
|
|
23586
23717
|
}
|
|
23587
|
-
function
|
|
23718
|
+
function updateCellSelectionOnCellClick(context, event) {
|
|
23588
23719
|
const {
|
|
23589
|
-
|
|
23720
|
+
getDataSourceState,
|
|
23590
23721
|
getState,
|
|
23591
23722
|
getComputed,
|
|
23592
|
-
|
|
23593
|
-
|
|
23594
|
-
|
|
23595
|
-
} =
|
|
23596
|
-
const
|
|
23597
|
-
const
|
|
23598
|
-
|
|
23599
|
-
|
|
23600
|
-
if (!activeCellIndex) {
|
|
23601
|
-
return false;
|
|
23723
|
+
rowIndex,
|
|
23724
|
+
colIndex,
|
|
23725
|
+
dataSourceActions
|
|
23726
|
+
} = context;
|
|
23727
|
+
const dataSourceState = getDataSourceState();
|
|
23728
|
+
const { selectionMode, cellSelection: existingCellSelection } = dataSourceState;
|
|
23729
|
+
if (!existingCellSelection) {
|
|
23730
|
+
return;
|
|
23602
23731
|
}
|
|
23603
|
-
|
|
23604
|
-
|
|
23605
|
-
|
|
23606
|
-
|
|
23607
|
-
} =
|
|
23608
|
-
const
|
|
23609
|
-
const
|
|
23610
|
-
const
|
|
23611
|
-
|
|
23612
|
-
const
|
|
23613
|
-
|
|
23614
|
-
|
|
23615
|
-
colIndex = clamp(colIndex, 0, maxCol);
|
|
23616
|
-
actions.activeCellIndex = [rowIndex, colIndex];
|
|
23617
|
-
const KeyToFunction = {
|
|
23618
|
-
ArrowDown: () => {
|
|
23619
|
-
rowIndex = clamp(rowIndex + 1, minRow, maxRow);
|
|
23620
|
-
},
|
|
23621
|
-
ArrowUp: () => {
|
|
23622
|
-
rowIndex = clamp(rowIndex - 1, minRow, maxRow);
|
|
23623
|
-
},
|
|
23624
|
-
ArrowLeft: () => {
|
|
23625
|
-
if (colIndex === minCol) {
|
|
23626
|
-
if (rowIndex !== minRow) {
|
|
23627
|
-
colIndex = maxCol;
|
|
23628
|
-
}
|
|
23629
|
-
if (brain.isHorizontalLayoutBrain) {
|
|
23630
|
-
const rowsPerPage = brain.rowsPerPage;
|
|
23631
|
-
if (rowIndex - rowsPerPage >= minRow) {
|
|
23632
|
-
rowIndex = rowIndex - rowsPerPage;
|
|
23633
|
-
} else {
|
|
23634
|
-
KeyToFunction.ArrowUp();
|
|
23635
|
-
}
|
|
23636
|
-
} else {
|
|
23637
|
-
KeyToFunction.ArrowUp();
|
|
23638
|
-
}
|
|
23639
|
-
} else {
|
|
23640
|
-
colIndex = clamp(colIndex - 1, minCol, maxCol);
|
|
23641
|
-
}
|
|
23642
|
-
},
|
|
23643
|
-
ArrowRight: () => {
|
|
23644
|
-
if (colIndex === maxCol) {
|
|
23645
|
-
if (rowIndex !== maxRow) {
|
|
23646
|
-
colIndex = minCol;
|
|
23647
|
-
}
|
|
23648
|
-
if (brain.isHorizontalLayoutBrain) {
|
|
23649
|
-
const rowsPerPage = brain.rowsPerPage;
|
|
23650
|
-
if (rowIndex + rowsPerPage <= maxRow) {
|
|
23651
|
-
rowIndex = rowIndex + rowsPerPage;
|
|
23652
|
-
} else {
|
|
23653
|
-
KeyToFunction.ArrowDown();
|
|
23654
|
-
}
|
|
23655
|
-
} else {
|
|
23656
|
-
KeyToFunction.ArrowDown();
|
|
23657
|
-
}
|
|
23658
|
-
} else {
|
|
23659
|
-
colIndex = clamp(colIndex + 1, minCol, maxCol);
|
|
23660
|
-
}
|
|
23661
|
-
},
|
|
23662
|
-
Enter: () => {
|
|
23663
|
-
const rowInfo = dataArray[rowIndex];
|
|
23664
|
-
if (rowInfo && rowInfo.isGroupRow) {
|
|
23665
|
-
return api.toggleGroupRow(rowInfo.groupKeys);
|
|
23666
|
-
}
|
|
23667
|
-
if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
|
|
23668
|
-
return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
|
|
23669
|
-
}
|
|
23670
|
-
if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
|
|
23671
|
-
return api.rowDetailApi.toggleRowDetail(rowInfo.id);
|
|
23672
|
-
}
|
|
23673
|
-
return false;
|
|
23674
|
-
},
|
|
23675
|
-
PageDown: () => {
|
|
23676
|
-
if (!shiftKey) {
|
|
23677
|
-
rowIndex = Math.min(rowIndex + renderRowCount, maxRow);
|
|
23678
|
-
} else {
|
|
23679
|
-
colIndex = Math.min(colIndex + renderColCount, maxCol);
|
|
23680
|
-
}
|
|
23681
|
-
},
|
|
23682
|
-
PageUp: () => {
|
|
23683
|
-
if (!shiftKey) {
|
|
23684
|
-
rowIndex = Math.max(rowIndex - renderRowCount, minRow);
|
|
23685
|
-
} else {
|
|
23686
|
-
colIndex = Math.max(colIndex - renderColCount, minCol);
|
|
23687
|
-
}
|
|
23688
|
-
},
|
|
23689
|
-
End: () => {
|
|
23690
|
-
if (!shiftKey) {
|
|
23691
|
-
rowIndex = maxRow;
|
|
23692
|
-
} else {
|
|
23693
|
-
colIndex = maxCol;
|
|
23694
|
-
}
|
|
23695
|
-
},
|
|
23696
|
-
Home: () => {
|
|
23697
|
-
if (!shiftKey) {
|
|
23698
|
-
rowIndex = minRow;
|
|
23699
|
-
} else {
|
|
23700
|
-
colIndex = minCol;
|
|
23701
|
-
}
|
|
23702
|
-
}
|
|
23732
|
+
if (selectionMode !== "multi-cell") {
|
|
23733
|
+
return;
|
|
23734
|
+
}
|
|
23735
|
+
const { multiCellSelector, computedVisibleColumns } = getComputed();
|
|
23736
|
+
const { brain } = getState();
|
|
23737
|
+
const { rowsPerPage } = brain;
|
|
23738
|
+
const columnsPerSet = computedVisibleColumns.length;
|
|
23739
|
+
const cellSelection = new CellSelectionState(existingCellSelection);
|
|
23740
|
+
multiCellSelector.cellSelectionState = cellSelection;
|
|
23741
|
+
const position2 = {
|
|
23742
|
+
rowIndex,
|
|
23743
|
+
colIndex
|
|
23703
23744
|
};
|
|
23704
|
-
|
|
23705
|
-
|
|
23706
|
-
|
|
23745
|
+
if (event.metaKey || event.ctrlKey) {
|
|
23746
|
+
multiCellSelector.singleAddClick(position2);
|
|
23747
|
+
} else if (event.shiftKey) {
|
|
23748
|
+
const horizontalLayout = !!getState().wrapRowsHorizontally;
|
|
23749
|
+
multiCellSelector.multiSelectClick(
|
|
23750
|
+
position2,
|
|
23751
|
+
horizontalLayout ? {
|
|
23752
|
+
horizontalLayout,
|
|
23753
|
+
rowsPerPage,
|
|
23754
|
+
columnsPerSet
|
|
23755
|
+
} : {
|
|
23756
|
+
horizontalLayout
|
|
23757
|
+
}
|
|
23758
|
+
);
|
|
23759
|
+
} else {
|
|
23760
|
+
multiCellSelector.resetClick(position2);
|
|
23707
23761
|
}
|
|
23708
|
-
|
|
23709
|
-
actions.activeCellIndex = [rowIndex, colIndex];
|
|
23710
|
-
return true;
|
|
23762
|
+
dataSourceActions.cellSelection = cellSelection;
|
|
23711
23763
|
}
|
|
23712
|
-
|
|
23713
|
-
ArrowUp: true,
|
|
23714
|
-
ArrowDown: true,
|
|
23715
|
-
ArrowLeft: true,
|
|
23716
|
-
ArrowRight: true,
|
|
23717
|
-
PageUp: true,
|
|
23718
|
-
PageDown: true,
|
|
23719
|
-
Home: true,
|
|
23720
|
-
End: true,
|
|
23721
|
-
Enter: true,
|
|
23722
|
-
" ": true
|
|
23723
|
-
};
|
|
23724
|
-
function handleKeyboardNavigation(options, event) {
|
|
23725
|
-
const { key } = event;
|
|
23726
|
-
const { getState } = options;
|
|
23727
|
-
const state = getState();
|
|
23764
|
+
function updateRowSelectionOnCellClick(context, event) {
|
|
23728
23765
|
const {
|
|
23729
|
-
|
|
23730
|
-
|
|
23731
|
-
|
|
23732
|
-
|
|
23733
|
-
|
|
23734
|
-
|
|
23735
|
-
|
|
23766
|
+
rowIndex,
|
|
23767
|
+
getDataSourceState,
|
|
23768
|
+
getComputed,
|
|
23769
|
+
dataSourceActions,
|
|
23770
|
+
api,
|
|
23771
|
+
cloneRowSelection: cloneRowSelection2
|
|
23772
|
+
} = context;
|
|
23773
|
+
const { multiRowSelector, renderSelectionCheckBox } = getComputed();
|
|
23774
|
+
const dataSourceState = getDataSourceState();
|
|
23775
|
+
const { selectionMode, groupBy, dataArray, isTree } = dataSourceState;
|
|
23776
|
+
if (groupBy.length) {
|
|
23736
23777
|
return false;
|
|
23737
23778
|
}
|
|
23738
|
-
if (
|
|
23779
|
+
if (isTree) {
|
|
23739
23780
|
return false;
|
|
23740
23781
|
}
|
|
23741
|
-
|
|
23742
|
-
|
|
23782
|
+
const rowInfo = dataArray[rowIndex];
|
|
23783
|
+
if (rowInfo?.rowDisabled) {
|
|
23784
|
+
return false;
|
|
23743
23785
|
}
|
|
23744
|
-
if (
|
|
23745
|
-
|
|
23786
|
+
if (selectionMode === "multi-row") {
|
|
23787
|
+
if (renderSelectionCheckBox && !event.key) {
|
|
23788
|
+
return false;
|
|
23789
|
+
}
|
|
23790
|
+
let { rowSelection: rowSelectionState } = dataSourceState;
|
|
23791
|
+
rowSelectionState = cloneRowSelection2(
|
|
23792
|
+
rowSelectionState
|
|
23793
|
+
);
|
|
23794
|
+
multiRowSelector.rowSelectionState = rowSelectionState;
|
|
23795
|
+
if (rowSelectionState && typeof rowSelectionState === "object") {
|
|
23796
|
+
if (event.shiftKey) {
|
|
23797
|
+
multiRowSelector.multiSelectClick(rowIndex);
|
|
23798
|
+
} else if (event.metaKey || event.ctrlKey) {
|
|
23799
|
+
multiRowSelector.singleAddClick(rowIndex);
|
|
23800
|
+
} else {
|
|
23801
|
+
multiRowSelector.resetClick(rowIndex);
|
|
23802
|
+
}
|
|
23803
|
+
dataSourceActions.rowSelection = rowSelectionState;
|
|
23804
|
+
return true;
|
|
23805
|
+
}
|
|
23806
|
+
} else if (selectionMode === "single-row") {
|
|
23807
|
+
const rowInfo2 = dataArray[rowIndex];
|
|
23808
|
+
const id = rowInfo2.id;
|
|
23809
|
+
if (event.metaKey || event.ctrlKey) {
|
|
23810
|
+
api.rowSelectionApi.toggleRowSelection(id);
|
|
23811
|
+
} else {
|
|
23812
|
+
api.rowSelectionApi.selectRow(id);
|
|
23813
|
+
}
|
|
23746
23814
|
}
|
|
23747
23815
|
return false;
|
|
23748
23816
|
}
|
|
23749
23817
|
|
|
23818
|
+
// src/components/InfiniteTable/eventHandlers/onCellMouseDown.ts
|
|
23819
|
+
function onCellMouseDown(context, event) {
|
|
23820
|
+
if (event.detail === 2) {
|
|
23821
|
+
return;
|
|
23822
|
+
}
|
|
23823
|
+
updateCellSelectionOnCellMouseDown(context);
|
|
23824
|
+
}
|
|
23825
|
+
function updateCellSelectionOnCellMouseDown(_context) {
|
|
23826
|
+
}
|
|
23827
|
+
|
|
23750
23828
|
// src/components/InfiniteTable/eventHandlers/keyboardSelection.ts
|
|
23751
23829
|
var validKeys2 = {
|
|
23752
23830
|
Enter: true,
|
|
@@ -24988,10 +25066,10 @@ MenuItem.defaultProps = {
|
|
|
24988
25066
|
};
|
|
24989
25067
|
|
|
24990
25068
|
// src/components/Menu/MenuCls.css.ts
|
|
24991
|
-
var MenuCls = "
|
|
24992
|
-
var MenuItemCls = createRuntimeFn({ defaultClassName: "
|
|
24993
|
-
var MenuRowCls = "
|
|
24994
|
-
var MenuSeparatorCls = "
|
|
25069
|
+
var MenuCls = "db3arf0 _16lm1iw0 _16lm1iw1 _16lm1iw16 _16lm1iw1n _16lm1iw8";
|
|
25070
|
+
var MenuItemCls = createRuntimeFn({ defaultClassName: "db3arf2 _16lm1iwz _16lm1iw1r _16lm1iw17", variantClassNames: { disabled: { true: "db3arf3 _16lm1iwj _16lm1iw17", false: "_16lm1iwi" }, active: { true: "db3arf5", false: "db3arf6" }, pressed: { false: "db3arf7", true: "db3arf8" }, keyboardActive: { true: "db3arf9", false: "db3arfa" } }, defaultVariants: {}, compoundVariants: [[{ active: true, disabled: false }, "db3arfb"], [{ pressed: true, active: true, disabled: false }, "db3arfc"]] });
|
|
25071
|
+
var MenuRowCls = "db3arf1";
|
|
25072
|
+
var MenuSeparatorCls = "db3arfd";
|
|
24995
25073
|
|
|
24996
25074
|
// src/components/Menu/childrenToRuntimeItems.tsx
|
|
24997
25075
|
var SEPARATOR = "-";
|
|
@@ -26938,7 +27016,7 @@ function useGridScroll(onScroll, deps) {
|
|
|
26938
27016
|
}
|
|
26939
27017
|
|
|
26940
27018
|
// src/components/InfiniteTable/components/HScrollSyncContent.css.ts
|
|
26941
|
-
var HScrollSyncContentCls = "
|
|
27019
|
+
var HScrollSyncContentCls = "yzx0vj0";
|
|
26942
27020
|
|
|
26943
27021
|
// src/components/InfiniteTable/components/HScrollSyncContent.tsx
|
|
26944
27022
|
function HScrollSyncContent(props) {
|