@infinite-table/infinite-react 5.0.0-canary.0 → 5.0.0-canary.2

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 CHANGED
@@ -320,15 +320,15 @@
320
320
  overflow-y: hidden;
321
321
  }
322
322
 
323
- /* vanilla-extract-css-ns:src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=LkFjdGl2ZUNlbGxJbmRpY2F0b3JfQWN0aXZlSW5kaWNhdG9yV3JhcHBlckNsc19fbnhicTFjMCB7CiAgd2lkdGg6IHZhcigtLWFjdGl2ZUNlbGxDb2xXaWR0aF9fMTZoa2JrYzcpOwogIGhlaWdodDogdmFyKC0tYWN0aXZlQ2VsbFJvd0hlaWdodF9fMTZoa2JrYzMpOwp9Ci5BY3RpdmVDZWxsSW5kaWNhdG9yX0FjdGl2ZUNlbGxJbmRpY2F0b3JfX254YnExYzEgewogIC0tYWN0aXZlQ2VsbE9mZnNldFhfXzE2aGtia2M0OiB2YXIoLS1hY3RpdmVDZWxsQ29sT2Zmc2V0X18xNmhrYmtjOCk7CiAgLS1hY3RpdmVDZWxsT2Zmc2V0WV9fMTZoa2JrYzU6IHZhcigtLWFjdGl2ZUNlbGxSb3dPZmZzZXRfXzE2aGtia2MyKTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKHZhcigtLWFjdGl2ZUNlbGxPZmZzZXRYX18xNmhrYmtjNCksIHZhcigtLWFjdGl2ZUNlbGxPZmZzZXRZX18xNmhrYmtjNSksIDBweCk7CiAgaW5zZXQ6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWluZGljYXRvci1pbnNldCk7CiAgYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXIsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci13aWR0aCkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLXN0eWxlKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3IsIHZhcigtLWluZmluaXRlLWFjY2VudC1jb2xvcikpKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWRlZmF1bHQpOwp9Ci5BY3RpdmVDZWxsSW5kaWNhdG9yX0FjdGl2ZUNlbGxJbmRpY2F0b3JDbHNfdmlzaWJsZV9fbnhicTFjMiB7CiAgZGlzcGxheTogYmxvY2s7Cn0KLkFjdGl2ZUNlbGxJbmRpY2F0b3JfQWN0aXZlQ2VsbEluZGljYXRvckNsc19oaWRkZW5fX254YnExYzMgewogIGRpc3BsYXk6IG5vbmU7Cn0= */
323
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=LkFjdGl2ZUNlbGxJbmRpY2F0b3JfQWN0aXZlSW5kaWNhdG9yV3JhcHBlckNsc19fbnhicTFjMCB7CiAgd2lkdGg6IHZhcigtLWFjdGl2ZUNlbGxDb2xXaWR0aF9fMTZoa2JrYzkpOwogIGhlaWdodDogdmFyKC0tYWN0aXZlQ2VsbFJvd0hlaWdodF9fMTZoa2JrYzQpOwp9Ci5BY3RpdmVDZWxsSW5kaWNhdG9yX0FjdGl2ZUNlbGxJbmRpY2F0b3JfX254YnExYzEgewogIC0tYWN0aXZlQ2VsbE9mZnNldFhfXzE2aGtia2M1OiB2YXIoLS1hY3RpdmVDZWxsQ29sT2Zmc2V0X18xNmhrYmtjYSk7CiAgLS1hY3RpdmVDZWxsT2Zmc2V0WV9fMTZoa2JrYzY6IHZhcigtLWFjdGl2ZUNlbGxSb3dPZmZzZXRfXzE2aGtia2MyKTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKHZhcigtLWFjdGl2ZUNlbGxPZmZzZXRYX18xNmhrYmtjNSksIHZhcigtLWFjdGl2ZUNlbGxPZmZzZXRZX18xNmhrYmtjNiksIDBweCk7CiAgaW5zZXQ6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWluZGljYXRvci1pbnNldCk7CiAgYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXIsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJvcmRlci13aWR0aCkgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLXN0eWxlKSB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1ib3JkZXItY29sb3IsIHZhcigtLWluZmluaXRlLWFjY2VudC1jb2xvcikpKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWRlZmF1bHQpOwp9Ci5BY3RpdmVDZWxsSW5kaWNhdG9yX0FjdGl2ZUNlbGxJbmRpY2F0b3JDbHNfdmlzaWJsZV9fbnhicTFjMiB7CiAgZGlzcGxheTogYmxvY2s7Cn0KLkFjdGl2ZUNlbGxJbmRpY2F0b3JfQWN0aXZlQ2VsbEluZGljYXRvckNsc19oaWRkZW5fX254YnExYzMgewogIGRpc3BsYXk6IG5vbmU7Cn0= */
324
324
  .ActiveCellIndicator_ActiveIndicatorWrapperCls__nxbq1c0 {
325
- width: var(--activeCellColWidth__16hkbkc7);
326
- height: var(--activeCellRowHeight__16hkbkc3);
325
+ width: var(--activeCellColWidth__16hkbkc9);
326
+ height: var(--activeCellRowHeight__16hkbkc4);
327
327
  }
328
328
  .ActiveCellIndicator_ActiveCellIndicator__nxbq1c1 {
329
- --activeCellOffsetX__16hkbkc4: var(--activeCellColOffset__16hkbkc8);
330
- --activeCellOffsetY__16hkbkc5: var(--activeCellRowOffset__16hkbkc2);
331
- transform: translate3d(var(--activeCellOffsetX__16hkbkc4), var(--activeCellOffsetY__16hkbkc5), 0px);
329
+ --activeCellOffsetX__16hkbkc5: var(--activeCellColOffset__16hkbkca);
330
+ --activeCellOffsetY__16hkbkc6: var(--activeCellRowOffset__16hkbkc2);
331
+ transform: translate3d(var(--activeCellOffsetX__16hkbkc5), var(--activeCellOffsetY__16hkbkc6), 0px);
332
332
  inset: var(--infinite-active-cell-indicator-inset);
333
333
  border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
334
334
  background: var(--infinite-active-cell-background-default);
@@ -340,17 +340,17 @@
340
340
  display: none;
341
341
  }
342
342
 
343
- /* vanilla-extract-css-ns:src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TzW7CMBCE73mKvVSKK4yAQw9wQj312heI/FeyZbGjtSGgineviEUFagOpxNX+PLMz1o6XJuHOvYf2zVs0KgWu/jiqPmcvxPsJfBUAUqL/QI/JSdWhkkMrdWDrWMZ0IDeHneLyPjfq4YwjugKFWBQAjKs6/dLmrU+4cVJzaOPpgeFApBXLFm2qu5dZ6/5YfQNdDN6JDhk8u4vHV3Ff0QQKvVkuFftA43zKl0Lk7rUy6xWHrbc3W/yhbrtfYJ2L3OC+RA+RV3rAHzw23wgSKx8bxc4nMIpMOZ1MnkAOCioVNbUaGDfDQsAznCxyucdiPGgLXylWO4yoyZ0XctotpMXYkDrMQVMw6/8J1mit82e92bWeD94tiuM3HNfm3SUEAAA= */
343
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwWrDMAyG73kKXQbxqEvWwQ7pacdd+wJBsd1Eq2cHxW1aRt99NGYlhaUJozdjffy/fgkt31Wgg9n47sNpUhg8F398FZ+rN8vHDL4TACnJbclRMBJ7VLLvZOlZG5ZtOFmTwwE5neYWI5wy1t6AQqwTAKaqDjlkl3esThuNWQxa6UiHek4rPSjE48NNKypv/WiWoeIYqIwLsShEnGaJalex3zt9d4pX6r77AOtd5BcdU3LQclXO2MFj8y0gMLq2QTYugEKr0pcsewI5K6hE29Q4M26EhYBnuFjE4Z6T5ay72hhFjSmichF4b34vbdVfmqa2sXjKobRe7f6ru0XbXoVfb4Wdd2adnH8AzVggHQcEAAA= */
344
344
  .ActiveRowIndicator_ActiveRowIndicator__j26lrx0 {
345
345
  --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
346
- right: var(--infinite-runtime-browser-scrollbar-width);
346
+ right: 0;
347
347
  border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
348
348
  background: var(--infinite-active-row-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))), transparent calc(100% - var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)) * 100%))));
349
349
  }
350
- .ActiveRowIndicator_ActiveRowIndicatorCls_visible__j26lrx1 {
350
+ .ActiveRowIndicator_ActiveRowIndicatorRecipe_active_true__j26lrx2 {
351
351
  display: block;
352
352
  }
353
- .ActiveRowIndicator_ActiveRowIndicatorCls_hidden__j26lrx2 {
353
+ .ActiveRowIndicator_ActiveRowIndicatorRecipe_active_false__j26lrx3 {
354
354
  display: none;
355
355
  }
356
356
 
package/index.d.ts CHANGED
@@ -671,6 +671,11 @@ declare type InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE, COL_TYPE
671
671
  }) => Renderable | null;
672
672
  declare type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE>) => Renderable | null;
673
673
  declare type InfiniteTableColumnHeaderRenderFunction<T> = (headerParams: InfiniteTableColumnHeaderParam<T>) => Renderable;
674
+ declare type InfiniteTableColumnOrHeaderRenderFunction<T> = (params: (InfiniteTableColumnCellContextType<T> & {
675
+ rowInfo: InfiniteTableRowInfo<T>;
676
+ }) | (InfiniteTableColumnHeaderParam<T> & {
677
+ rowInfo: null;
678
+ })) => ReturnType<InfiniteTableColumnRenderFunction<T>>;
674
679
  declare type InfiniteTableColumnContentFocusable<T> = boolean | InfiniteTableColumnContentFocusableFn<T>;
675
680
  declare type InfiniteTableColumnEditable<T> = boolean | InfiniteTableColumnEditableFn<T>;
676
681
  declare type InfiniteTableColumnContentFocusableFn<T> = (params: InfiniteTableColumnContentFocusableParams<T>) => boolean;
@@ -785,7 +790,7 @@ declare type InfiniteTableColumn<DATA_TYPE> = {
785
790
  renderRowDetailIcon?: boolean | InfiniteTableColumnRenderFunction<DATA_TYPE>;
786
791
  renderSortIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
787
792
  renderFilterIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
788
- renderSelectionCheckBox?: boolean | InfiniteTableColumnRenderFunction<DATA_TYPE>;
793
+ renderSelectionCheckBox?: boolean | InfiniteTableColumnOrHeaderRenderFunction<DATA_TYPE>;
789
794
  renderMenuIcon?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
790
795
  renderHeaderSelectionCheckBox?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
791
796
  components?: {
@@ -1425,6 +1430,7 @@ declare class ReactHeadlessTableRenderer extends Logger {
1425
1430
  getScrollPositionForScrollRowIntoView: (rowIndex: number, config?: {
1426
1431
  scrollAdjustPosition?: ScrollAdjustPosition;
1427
1432
  offset?: number;
1433
+ colIndex?: number;
1428
1434
  }) => ScrollPosition | null;
1429
1435
  getScrollPositionForScrollColumnIntoView: (colIndex: number, config?: {
1430
1436
  scrollAdjustPosition?: ScrollAdjustPosition;
@@ -1897,6 +1903,10 @@ declare type DataSourceMutation<T> = {
1897
1903
  originalData: null;
1898
1904
  data: T;
1899
1905
  metadata: any;
1906
+ } | {
1907
+ type: 'clear-all';
1908
+ primaryKey: undefined;
1909
+ metadata: any;
1900
1910
  };
1901
1911
  declare class DataSourceCache<DataType, PrimaryKeyType = string> {
1902
1912
  private affectedFields;
@@ -1909,11 +1919,15 @@ declare class DataSourceCache<DataType, PrimaryKeyType = string> {
1909
1919
  delete: (primaryKey: PrimaryKeyType, originalData: DataType, metadata: any) => void;
1910
1920
  insert: (primaryKey: PrimaryKeyType, data: DataType, position: 'before' | 'after', metadata: any) => void;
1911
1921
  update: (primaryKey: PrimaryKeyType, data: Partial<DataType>, originalData: DataType, metadata: any) => void;
1922
+ resetDataSource: (metadata: any) => void;
1923
+ shouldResetDataSource: () => boolean;
1912
1924
  clear: () => void;
1913
1925
  isEmpty: () => boolean;
1914
1926
  removeInfo: (primaryKey: PrimaryKeyType) => void;
1915
1927
  getMutationsForPrimaryKey: (primaryKey: PrimaryKeyType) => DataSourceMutation<DataType>[] | undefined;
1928
+ getMutationsCount: () => number;
1916
1929
  getMutations: () => Map<PrimaryKeyType, DataSourceMutation<DataType>[]>;
1930
+ getMutationsArray: () => DataSourceMutation<DataType>[];
1917
1931
  }
1918
1932
 
1919
1933
  declare type BooleanDeepCollectionStateKeys<KeyType> = true | KeyType[][];
@@ -2209,10 +2223,13 @@ interface DataSourceApi<T> {
2209
2223
  getPrimaryKeyByIndex(id: any): any;
2210
2224
  updateData(data: Partial<T>, options?: DataSourceCRUDParam): Promise<any>;
2211
2225
  updateDataArray(data: Partial<T>[], options?: DataSourceCRUDParam): Promise<any>;
2226
+ flush(): Promise<any>;
2212
2227
  removeDataByPrimaryKey(id: any, options?: DataSourceCRUDParam): Promise<any>;
2213
2228
  removeDataArrayByPrimaryKeys(id: any[], options?: DataSourceCRUDParam): Promise<any>;
2214
2229
  removeData(data: Partial<T>, options?: DataSourceCRUDParam): Promise<any>;
2215
2230
  removeDataArray(data: Partial<T>[], options?: DataSourceCRUDParam): Promise<any>;
2231
+ clearAllData(options?: DataSourceCRUDParam): Promise<any>;
2232
+ replaceAllData(data: T[], options?: DataSourceCRUDParam): Promise<any>;
2216
2233
  addData(data: T, options?: DataSourceCRUDParam): Promise<any>;
2217
2234
  addDataArray(data: T[], options?: DataSourceCRUDParam): Promise<any>;
2218
2235
  insertData(data: T, options: DataSourceInsertParam): Promise<any>;