@infinite-table/infinite-react 2.0.0 → 2.0.1

package/index.d.ts

@@ -2560,8 +2560,8 @@ declare type InfiniteTableRowInfoDataDiscriminatorWithColumnAndApis<T> = {
     api: InfiniteTableApi<T>;
     dataSourceApi: DataSourceApi<T>;
 } & InfiniteTableRowInfoDataDiscriminatorWithColumn<T>;
-declare type InfiniteTablePropsEditable<T> = InfiniteTableColumnEditableFn<T> | undefined;
-declare type InfiniteTablePropsSortable<T> = InfiniteTableColumnSortable<T> | undefined;
+declare type InfiniteTablePropEditable<T> = InfiniteTableColumnEditableFn<T> | undefined;
+declare type InfiniteTablePropSortable<T> = InfiniteTableColumnSortable<T> | undefined;
 declare type InfiniteTablePropOnEditAcceptedParams<T> = InfiniteTableRowInfoDataDiscriminatorWithColumnAndApis<T> & {
     initialValue: any;
 };
@@ -2593,11 +2593,11 @@ interface InfiniteTableProps<T> {
      * This overrides both the global `columnDefaultSortable` prop and the column's own `defaultSortable` prop.
      * When used, it's the ultimate source of truth for whether (and which) columns are sortable.
      */
-    sortable?: InfiniteTablePropsSortable<T>;
+    sortable?: InfiniteTablePropSortable<T>;
     /**
      * This overrides both the global `columnDefaultEditable` prop and the column's own `defaultEditable` prop.
      */
-    editable?: InfiniteTablePropsEditable<T>;
+    editable?: InfiniteTablePropEditable<T>;
     pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
     pivotGrandTotalColumnPosition?: InfiniteTablePropPivotGrandTotalColumnPosition;
     groupColumn?: InfiniteTablePropGroupColumn<T>;

package/index.dev.js

@@ -9070,11 +9070,14 @@ var columnZIndexAtIndex5 = stripVar(InternalVars.columnZIndexAtIndex);
 var spacer = /* @__PURE__ */ React42.createElement("div", { className: flex["1"] });
 var InfiniteHeaderCellDataAttributes = keyMirror({
   "data-name": ``,
+  "data-field": ``,
   "data-header-align": "",
-  "data-column-id": ""
+  "data-column-id": "",
+  "data-sort": "",
+  "data-sort-index": ""
 });
 function InfiniteTableHeaderCell(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const column = props.column;
   const {
     api,
@@ -9353,9 +9356,12 @@ function InfiniteTableHeaderCell(props) {
   const zIndex2 = `var(${columnZIndexAtIndex5}-${column.computedVisibleIndex})`;
   style2.zIndex = zIndex2;
   const dataAttrs = {
+    "data-field": `${column.field || ""}`,
     "data-column-id": column.id,
     "data-header-align": align2,
-    "data-name": "HeaderCell"
+    "data-name": "HeaderCell",
+    "data-sort": column.computedSortedAsc ? "asc" : column.computedSortedDesc ? "desc" : "none",
+    "data-sort-index": `${(_p = column.computedSortIndex) != null ? _p : -1}`
   };
   return /* @__PURE__ */ React42.createElement(ContextProvider, { value: renderParam }, /* @__PURE__ */ React42.createElement(
     InfiniteTableCell,
@@ -16750,7 +16756,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react49.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.0"
+      version: "2.0.1"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -9056,11 +9056,14 @@ var columnZIndexAtIndex5 = stripVar(InternalVars.columnZIndexAtIndex);
 var spacer = /* @__PURE__ */ React42.createElement("div", { className: flex["1"] });
 var InfiniteHeaderCellDataAttributes = keyMirror({
   "data-name": ``,
+  "data-field": ``,
   "data-header-align": "",
-  "data-column-id": ""
+  "data-column-id": "",
+  "data-sort": "",
+  "data-sort-index": ""
 });
 function InfiniteTableHeaderCell(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const column = props.column;
   const {
     api,
@@ -9339,9 +9342,12 @@ function InfiniteTableHeaderCell(props) {
   const zIndex2 = `var(${columnZIndexAtIndex5}-${column.computedVisibleIndex})`;
   style2.zIndex = zIndex2;
   const dataAttrs = {
+    "data-field": `${column.field || ""}`,
     "data-column-id": column.id,
     "data-header-align": align2,
-    "data-name": "HeaderCell"
+    "data-name": "HeaderCell",
+    "data-sort": column.computedSortedAsc ? "asc" : column.computedSortedDesc ? "desc" : "none",
+    "data-sort-index": `${(_p = column.computedSortIndex) != null ? _p : -1}`
   };
   return /* @__PURE__ */ React42.createElement(ContextProvider, { value: renderParam }, /* @__PURE__ */ React42.createElement(
     InfiniteTableCell,
@@ -16740,7 +16746,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.0"
+      version: "2.0.1"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;