@infinite-table/infinite-react 7.2.0 → 7.2.1

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.
Files changed (5) hide show
  1. package/index.dev.js +7 -9
  2. package/index.dev.mjs +7 -9
  3. package/index.js +8 -8
  4. package/index.mjs +8 -8
  5. package/package.json +2 -2
package/index.dev.js CHANGED
@@ -6048,7 +6048,6 @@ var cursor = { pointer: "_16lm1iwk", "default": "_16lm1iwl", colResize: "_16lm1i
6048
6048
  var display = { flex: "_16lm1iw1p", contents: "_16lm1iw1q", none: "_16lm1iw1r", block: "_16lm1iw1s", grid: "_16lm1iw1t", inlineBlock: "_16lm1iw1u", inlineFlex: "_16lm1iw1v", inlineGrid: "_16lm1iw1w" };
6049
6049
  var flex = { "1": "_16lm1iw1c", none: "_16lm1iw1d" };
6050
6050
  var flexFlow = { column: "_16lm1iw2f", columnReverse: "_16lm1iw2g", row: "_16lm1iw2h", rowReverse: "_16lm1iw2i" };
6051
- var gap = { "0": "_16lm1iw2o", "1": "_16lm1iw2p", "2": "_16lm1iw2q", "3": "_16lm1iw2r", "4": "_16lm1iw2s", "5": "_16lm1iw2t", "6": "_16lm1iw2u", "7": "_16lm1iw2v", "8": "_16lm1iw2w", "9": "_16lm1iw2x", "10": "_16lm1iw2y", none: "_16lm1iw2z" };
6052
6051
  var height = { "0": "_16lm1iw1y", "100%": "_16lm1iw1z", "50%": "_16lm1iw20" };
6053
6052
  var justifyContent = { center: "_16lm1iw30", spaceBetween: "_16lm1iw31", spaceAround: "_16lm1iw32", start: "_16lm1iw33", end: "_16lm1iw34" };
6054
6053
  var left = { "0": "_16lm1iw26", "100%": "_16lm1iw27", "50%": "_16lm1iw28", auto: "_16lm1iw29" };
@@ -12238,7 +12237,7 @@ var DragList = (props) => {
12238
12237
  [DRAG_LIST_ATTRIBUTE]: props.dragListId
12239
12238
  };
12240
12239
  const children = typeof props.children === "function" ? props.children(domProps, contextValue) : props.children;
12241
- return /* @__PURE__ */ React44.createElement(DragListContext, { value: contextValue }, children);
12240
+ return /* @__PURE__ */ React44.createElement(DragListContext.Provider, { value: contextValue }, children);
12242
12241
  };
12243
12242
  var DRAG_LIST_ATTRIBUTE = "data-drag-list-id";
12244
12243
  var DRAG_ITEM_ATTRIBUTE = "data-drag-item-id";
@@ -25586,7 +25585,7 @@ var useLicense = (licenseKey = "") => {
25586
25585
  }
25587
25586
  let valid2 = isValidLicense(licenseKey, {
25588
25587
  publishedAt: 1624970570587,
25589
- version: "7.2.0"
25588
+ version: "7.2.1"
25590
25589
  });
25591
25590
  if (!licenseKey && !valid2 && isInsidePlayground) {
25592
25591
  return true;
@@ -29407,7 +29406,7 @@ var import_react70 = require("react");
29407
29406
 
29408
29407
  // src/components/InfiniteTable/components/GroupingToolbar/index.css.ts
29409
29408
  var GroupingToolbarItemClearCls = "hs68h8j _16lm1iwk _16lm1iwx _16lm1iw2n";
29410
- var GroupingToolbarItemRecipe = createRuntimeFn({ defaultClassName: "hs68h8e _16lm1iw12 _16lm1iw1x _16lm1iw2j _16lm1iw1p _16lm1iw31", variantClassNames: { active: { true: "hs68h8f _16lm1iwn _16lm1iw1h", false: "_16lm1iwo" }, draggingInProgress: { true: "hs68h8h", false: "hs68h8i" } }, defaultVariants: {}, compoundVariants: [] });
29409
+ var GroupingToolbarItemRecipe = createRuntimeFn({ defaultClassName: "hs68h8e _16lm1iw12 _16lm1iw1x _16lm1iw2j _16lm1iw1p", variantClassNames: { active: { true: "hs68h8f _16lm1iwn _16lm1iw1h", false: "_16lm1iwo" }, draggingInProgress: { true: "hs68h8h", false: "hs68h8i" } }, defaultVariants: {}, compoundVariants: [] });
29411
29410
  var GroupingToolbarPlaceholderCls = "hs68h81";
29412
29411
  var GroupingToolbarRecipe = createRuntimeFn({ defaultClassName: "hs68h80 _16lm1iw1p", variantClassNames: { orientation: { horizontal: "_16lm1iw2h _16lm1iw2j", vertical: "_16lm1iw2f" }, draggingInProgress: { true: "_16lm1iw1h", false: "hs68h86" }, dropRejected: { true: "hs68h87", false: "hs68h88" }, active: { true: "hs68h89", false: "hs68h8a" } }, defaultVariants: {}, compoundVariants: [[{ dropRejected: true, active: true }, "hs68h8b"], [{ dropRejected: false, active: true }, "hs68h8c"], [{ active: false, dropRejected: false }, "hs68h8d"]] });
29413
29412
 
@@ -29427,7 +29426,7 @@ function GroupingToolbarItemDefault(props) {
29427
29426
  props.onClear?.();
29428
29427
  }
29429
29428
  };
29430
- return /* @__PURE__ */ React74.createElement("div", { ...props.domProps }, props.label, /* @__PURE__ */ React74.createElement(
29429
+ return /* @__PURE__ */ React74.createElement("div", { ...props.domProps }, props.label, /* @__PURE__ */ React74.createElement("div", { className: flex[1] }), /* @__PURE__ */ React74.createElement(
29431
29430
  "div",
29432
29431
  {
29433
29432
  tabIndex: 0,
@@ -29487,7 +29486,7 @@ function GroupingToolbarItem(props) {
29487
29486
  direction: column.computedSortedAsc ? 1 : column.computedSortedDesc ? -1 : 0
29488
29487
  }
29489
29488
  ) : null;
29490
- const header = /* @__PURE__ */ React75.createElement("div", { className: join(display.flex, flexFlow.row, gap[2], alignItems.end) }, columnHeader, sortIcon);
29489
+ const header = /* @__PURE__ */ React75.createElement(React75.Fragment, null, columnHeader, sortIcon);
29491
29490
  const active = dragItemId === id && dragSourceListId === GROUPING_TOOLBAR_DRAG_LIST_ID;
29492
29491
  const className = join(
29493
29492
  GroupingToolbarItemRecipe({
@@ -29553,9 +29552,8 @@ function GroupingToolbar(props) {
29553
29552
  }
29554
29553
  },
29555
29554
  onClear: () => {
29556
- dataSourceApi.setGroupBy(
29557
- groupBy.filter((g) => g !== group2)
29558
- );
29555
+ const newGroupBy = groupBy.filter((g) => g !== group2).filter(Boolean);
29556
+ dataSourceApi.setGroupBy(newGroupBy);
29559
29557
  }
29560
29558
  }
29561
29559
  );
package/index.dev.mjs CHANGED
@@ -5990,7 +5990,6 @@ var cursor = { pointer: "_16lm1iwk", "default": "_16lm1iwl", colResize: "_16lm1i
5990
5990
  var display = { flex: "_16lm1iw1p", contents: "_16lm1iw1q", none: "_16lm1iw1r", block: "_16lm1iw1s", grid: "_16lm1iw1t", inlineBlock: "_16lm1iw1u", inlineFlex: "_16lm1iw1v", inlineGrid: "_16lm1iw1w" };
5991
5991
  var flex = { "1": "_16lm1iw1c", none: "_16lm1iw1d" };
5992
5992
  var flexFlow = { column: "_16lm1iw2f", columnReverse: "_16lm1iw2g", row: "_16lm1iw2h", rowReverse: "_16lm1iw2i" };
5993
- var gap = { "0": "_16lm1iw2o", "1": "_16lm1iw2p", "2": "_16lm1iw2q", "3": "_16lm1iw2r", "4": "_16lm1iw2s", "5": "_16lm1iw2t", "6": "_16lm1iw2u", "7": "_16lm1iw2v", "8": "_16lm1iw2w", "9": "_16lm1iw2x", "10": "_16lm1iw2y", none: "_16lm1iw2z" };
5994
5993
  var height = { "0": "_16lm1iw1y", "100%": "_16lm1iw1z", "50%": "_16lm1iw20" };
5995
5994
  var justifyContent = { center: "_16lm1iw30", spaceBetween: "_16lm1iw31", spaceAround: "_16lm1iw32", start: "_16lm1iw33", end: "_16lm1iw34" };
5996
5995
  var left = { "0": "_16lm1iw26", "100%": "_16lm1iw27", "50%": "_16lm1iw28", auto: "_16lm1iw29" };
@@ -12180,7 +12179,7 @@ var DragList = (props) => {
12180
12179
  [DRAG_LIST_ATTRIBUTE]: props.dragListId
12181
12180
  };
12182
12181
  const children = typeof props.children === "function" ? props.children(domProps, contextValue) : props.children;
12183
- return /* @__PURE__ */ React44.createElement(DragListContext, { value: contextValue }, children);
12182
+ return /* @__PURE__ */ React44.createElement(DragListContext.Provider, { value: contextValue }, children);
12184
12183
  };
12185
12184
  var DRAG_LIST_ATTRIBUTE = "data-drag-list-id";
12186
12185
  var DRAG_ITEM_ATTRIBUTE = "data-drag-item-id";
@@ -25537,7 +25536,7 @@ var useLicense = (licenseKey = "") => {
25537
25536
  }
25538
25537
  let valid2 = isValidLicense(licenseKey, {
25539
25538
  publishedAt: 1624970570587,
25540
- version: "7.2.0"
25539
+ version: "7.2.1"
25541
25540
  });
25542
25541
  if (!licenseKey && !valid2 && isInsidePlayground) {
25543
25542
  return true;
@@ -29368,7 +29367,7 @@ import { useCallback as useCallback31 } from "react";
29368
29367
 
29369
29368
  // src/components/InfiniteTable/components/GroupingToolbar/index.css.ts
29370
29369
  var GroupingToolbarItemClearCls = "hs68h8j _16lm1iwk _16lm1iwx _16lm1iw2n";
29371
- var GroupingToolbarItemRecipe = createRuntimeFn({ defaultClassName: "hs68h8e _16lm1iw12 _16lm1iw1x _16lm1iw2j _16lm1iw1p _16lm1iw31", variantClassNames: { active: { true: "hs68h8f _16lm1iwn _16lm1iw1h", false: "_16lm1iwo" }, draggingInProgress: { true: "hs68h8h", false: "hs68h8i" } }, defaultVariants: {}, compoundVariants: [] });
29370
+ var GroupingToolbarItemRecipe = createRuntimeFn({ defaultClassName: "hs68h8e _16lm1iw12 _16lm1iw1x _16lm1iw2j _16lm1iw1p", variantClassNames: { active: { true: "hs68h8f _16lm1iwn _16lm1iw1h", false: "_16lm1iwo" }, draggingInProgress: { true: "hs68h8h", false: "hs68h8i" } }, defaultVariants: {}, compoundVariants: [] });
29372
29371
  var GroupingToolbarPlaceholderCls = "hs68h81";
29373
29372
  var GroupingToolbarRecipe = createRuntimeFn({ defaultClassName: "hs68h80 _16lm1iw1p", variantClassNames: { orientation: { horizontal: "_16lm1iw2h _16lm1iw2j", vertical: "_16lm1iw2f" }, draggingInProgress: { true: "_16lm1iw1h", false: "hs68h86" }, dropRejected: { true: "hs68h87", false: "hs68h88" }, active: { true: "hs68h89", false: "hs68h8a" } }, defaultVariants: {}, compoundVariants: [[{ dropRejected: true, active: true }, "hs68h8b"], [{ dropRejected: false, active: true }, "hs68h8c"], [{ active: false, dropRejected: false }, "hs68h8d"]] });
29374
29373
 
@@ -29388,7 +29387,7 @@ function GroupingToolbarItemDefault(props) {
29388
29387
  props.onClear?.();
29389
29388
  }
29390
29389
  };
29391
- return /* @__PURE__ */ React74.createElement("div", { ...props.domProps }, props.label, /* @__PURE__ */ React74.createElement(
29390
+ return /* @__PURE__ */ React74.createElement("div", { ...props.domProps }, props.label, /* @__PURE__ */ React74.createElement("div", { className: flex[1] }), /* @__PURE__ */ React74.createElement(
29392
29391
  "div",
29393
29392
  {
29394
29393
  tabIndex: 0,
@@ -29448,7 +29447,7 @@ function GroupingToolbarItem(props) {
29448
29447
  direction: column.computedSortedAsc ? 1 : column.computedSortedDesc ? -1 : 0
29449
29448
  }
29450
29449
  ) : null;
29451
- const header = /* @__PURE__ */ React75.createElement("div", { className: join(display.flex, flexFlow.row, gap[2], alignItems.end) }, columnHeader, sortIcon);
29450
+ const header = /* @__PURE__ */ React75.createElement(React75.Fragment, null, columnHeader, sortIcon);
29452
29451
  const active = dragItemId === id && dragSourceListId === GROUPING_TOOLBAR_DRAG_LIST_ID;
29453
29452
  const className = join(
29454
29453
  GroupingToolbarItemRecipe({
@@ -29514,9 +29513,8 @@ function GroupingToolbar(props) {
29514
29513
  }
29515
29514
  },
29516
29515
  onClear: () => {
29517
- dataSourceApi.setGroupBy(
29518
- groupBy.filter((g) => g !== group2)
29519
- );
29516
+ const newGroupBy = groupBy.filter((g) => g !== group2).filter(Boolean);
29517
+ dataSourceApi.setGroupBy(newGroupBy);
29520
29518
  }
29521
29519
  }
29522
29520
  );