gantri-components 2.34.0-beta.13 → 2.34.0-beta.14

package/dist/components/table/hooks/use-move-row/index.d.ts

@@ -0,0 +1 @@
+export * from './use-move-row';

package/dist/components/table/hooks/use-move-row/use-move-row.d.ts

@@ -0,0 +1,4 @@
+import { UseMoveRowProps } from './use-move-row.types';
+export declare const useMoveRow: (props: UseMoveRowProps) => {
+    moveRow: (startIndex: number, endIndex: number) => void;
+};

package/dist/components/table/hooks/use-move-row/use-move-row.types.d.ts

@@ -0,0 +1,5 @@
+import { Dispatch, SetStateAction } from 'react';
+import { BaseTableDataType } from '../../table.types';
+export interface UseMoveRowProps {
+    setData: Dispatch<SetStateAction<BaseTableDataType[]>>;
+}

package/dist/components/table/hooks/use-track-sticky-cells/index.d.ts

@@ -0,0 +1 @@
+export * from './use-track-sticky-cells';

package/dist/components/table/hooks/use-track-sticky-cells/use-track-sticky-cells.d.ts

@@ -0,0 +1,3 @@
+import { UseTrackStickyCellsProps } from './use-track-sticky-cells.types';
+/** Mark table if header and/or first column cells are sticky. */
+export declare const useTrackStickyCells: (props: UseTrackStickyCellsProps) => void;

package/dist/components/table/hooks/use-track-sticky-cells/use-track-sticky-cells.types.d.ts

@@ -0,0 +1,7 @@
+import { ColumnDef } from '@tanstack/react-table';
+export interface UseTrackStickyCellsProps {
+    columns: ColumnDef<any, any>[];
+    /** The containing element that the child will intersect with. */
+    root: Element | null;
+    stickyFirstColumn: boolean | undefined;
+}

package/dist/components/table/table.types.d.ts

@@ -14,17 +14,19 @@ export interface TableProps<DataType extends BaseTableDataType> extends Partial<
      * To create collapsable rows, optionally provide the index with a `subRows` key. It should be an array of objects matching the expected data type.
      */
     data: DataType[];
-    enableReordering?: boolean;
     filters?: FiltersProps;
     getCellProps?: GetCellProps<DataType>;
     getHeaderCellProps?: GetHeaderCellProps<DataType>;
     /** Include `status` in the returned value to set the row status color. */
     getRowProps?: GetRowProps<DataType>;
-    onReorder?: (data: DataType[]) => Promise<void>;
     onRowClick?: OnRowClick<DataType>;
     /** Any options provided are passed to `useReactTable` and may override default values. */
     options?: Partial<TableOptions<DataType>>;
     paging?: PagingProps;
+    reordering?: {
+        enable: boolean;
+        onReorder: (data: DataType[]) => Promise<void>;
+    };
     search?: SearchProps;
     sorting?: SortProps;
 }

package/dist/helpers/mark-sticky-elements/mark-sticky-elements.d.ts

@@ -7,12 +7,14 @@ import { MarkStickyElementsArgs } from './mark-sticky-elements.types';
  *   const elementsToObserve = Array.from(
  *     document.querySelectorAll('tr td:first-child'),
  *   );
+ *   const root = [document.querySelector('[data-table-container]')];
  *   const stickyTo = 'left';
  *
  *    const { cleanupUseEffect } = markStickyElements({
  *     attrToApply: `${dataAttrIsSticky}-${stickyTo}`,
  *     elementsToMark,
  *     elementsToObserve,
+ *     root,
  *     stickyTo,
  *   });
  *

package/dist/helpers/mark-sticky-elements/mark-sticky-elements.types.d.ts

@@ -16,7 +16,7 @@ export interface StickyElementsDetails {
      */
     elementsToObserve: Element[];
     /**
-     * Value passed to IntersectionObserver options.
+     * The containing element that the child will intersect with. Value is passed to IntersectionObserver options.
      *
      * https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/root
      * */