@vuu-ui/vuu-table 0.8.55 → 0.8.57
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/cjs/bulk-edit/bulk-edit-panel/BulkEditPanel.css.js +6 -0
- package/cjs/bulk-edit/bulk-edit-panel/BulkEditPanel.css.js.map +1 -0
- package/cjs/bulk-edit/bulk-edit-panel/BulkEditPanel.js +58 -0
- package/cjs/bulk-edit/bulk-edit-panel/BulkEditPanel.js.map +1 -0
- package/cjs/bulk-edit/bulk-edit-row/BulkEditRow.css +4 -0
- package/cjs/bulk-edit/bulk-edit-row/BulkEditRow.js +20 -0
- package/cjs/bulk-edit/bulk-edit-row/BulkEditRow.js.map +1 -0
- package/cjs/header-cell/HeaderCell.css.js +1 -1
- package/cjs/index.js +4 -0
- package/cjs/index.js.map +1 -1
- package/cjs/table-dom-utils.js +7 -0
- package/cjs/table-dom-utils.js.map +1 -1
- package/cjs/useKeyboardNavigation.js +4 -0
- package/cjs/useKeyboardNavigation.js.map +1 -1
- package/cjs/useTableAndColumnSettings.js +17 -10
- package/cjs/useTableAndColumnSettings.js.map +1 -1
- package/cjs/useTableScroll.js +0 -1
- package/cjs/useTableScroll.js.map +1 -1
- package/esm/bulk-edit/bulk-edit-panel/BulkEditPanel.css.js +4 -0
- package/esm/bulk-edit/bulk-edit-panel/BulkEditPanel.css.js.map +1 -0
- package/esm/bulk-edit/bulk-edit-panel/BulkEditPanel.js +56 -0
- package/esm/bulk-edit/bulk-edit-panel/BulkEditPanel.js.map +1 -0
- package/esm/bulk-edit/bulk-edit-row/BulkEditRow.css +4 -0
- package/esm/bulk-edit/bulk-edit-row/BulkEditRow.js +18 -0
- package/esm/bulk-edit/bulk-edit-row/BulkEditRow.js.map +1 -0
- package/esm/header-cell/HeaderCell.css.js +1 -1
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/esm/table-dom-utils.js +7 -1
- package/esm/table-dom-utils.js.map +1 -1
- package/esm/useKeyboardNavigation.js +6 -2
- package/esm/useKeyboardNavigation.js.map +1 -1
- package/esm/useTableAndColumnSettings.js +18 -11
- package/esm/useTableAndColumnSettings.js.map +1 -1
- package/esm/useTableScroll.js +0 -1
- package/esm/useTableScroll.js.map +1 -1
- package/package.json +9 -9
- package/types/bulk-edit/bulk-edit-panel/BulkEditPanel.d.ts +13 -0
- package/types/bulk-edit/bulk-edit-panel/index.d.ts +1 -0
- package/types/bulk-edit/bulk-edit-row/BulkEditRow.d.ts +14 -0
- package/types/bulk-edit/bulk-edit-row/index.d.ts +1 -0
- package/types/bulk-edit/index.d.ts +2 -0
- package/types/index.d.ts +1 -0
- package/types/table-dom-utils.d.ts +1 -0
- package/types/table-header/useTableHeader.d.ts +3 -3
- package/types/useCellEditing.d.ts +2 -2
- package/types/useControlledTableNavigation.d.ts +1 -1
- package/types/useRowHeight.d.ts +2 -1
- package/types/useTable.d.ts +3 -3
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DataSourceRow } from "@vuu-ui/vuu-data-types";
|
|
3
|
+
import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
|
|
4
|
+
import { ColumnMap } from "@vuu-ui/vuu-utils";
|
|
5
|
+
import "./BulkEditRow.css";
|
|
6
|
+
type BulkEditRowProps = {
|
|
7
|
+
className?: string;
|
|
8
|
+
columnMap: ColumnMap;
|
|
9
|
+
columns: RuntimeColumnDescriptor[];
|
|
10
|
+
row: DataSourceRow;
|
|
11
|
+
offset: number;
|
|
12
|
+
};
|
|
13
|
+
export declare const BulkEditRow: (props: BulkEditRowProps) => JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./BulkEditRow";
|
package/types/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export declare const headerCellQuery: (colIdx: number) => string;
|
|
|
8
8
|
export declare const dataCellQuery: (rowIdx: number, colIdx: number) => string;
|
|
9
9
|
export declare const getTableCell: (containerRef: RefObject<HTMLElement>, [rowIdx, colIdx]: CellPos) => HTMLElement;
|
|
10
10
|
export declare const cellIsEditable: (cell: HTMLDivElement | null) => boolean | undefined;
|
|
11
|
+
export declare const cellDropdownShowing: (cell: HTMLDivElement | null) => boolean;
|
|
11
12
|
export declare const cellIsTextInput: (cell: HTMLElement) => boolean;
|
|
12
13
|
export declare function getRowIndex(rowEl?: HTMLElement): number;
|
|
13
14
|
export declare const closestRowIndex: (el: HTMLElement) => number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
|
|
2
|
+
import { RefCallback } from "react";
|
|
3
3
|
import { TableHeaderProps } from "./TableHeader";
|
|
4
4
|
export interface TableHeaderHookProps extends Pick<TableHeaderProps, "columns" | "onMoveColumn" | "onSortColumn" | "tableConfig"> {
|
|
5
5
|
label?: string;
|
|
@@ -10,6 +10,6 @@ export declare const useTableHeader: ({ columns, onMoveColumn, onSortColumn, tab
|
|
|
10
10
|
draggableColumn: JSX.Element | undefined;
|
|
11
11
|
draggedColumnIndex: number | undefined;
|
|
12
12
|
onClick: (evt: React.MouseEvent | React.KeyboardEvent) => void;
|
|
13
|
-
onMouseDown: import("react").MouseEventHandler
|
|
14
|
-
setContainerRef:
|
|
13
|
+
onMouseDown: import("react").MouseEventHandler | undefined;
|
|
14
|
+
setContainerRef: RefCallback<HTMLDivElement>;
|
|
15
15
|
};
|
|
@@ -3,8 +3,8 @@ export interface CellEditingHookProps {
|
|
|
3
3
|
navigate: () => void;
|
|
4
4
|
}
|
|
5
5
|
export declare const useCellEditing: ({ navigate }: CellEditingHookProps) => {
|
|
6
|
-
onBlur: FocusEventHandler
|
|
6
|
+
onBlur: FocusEventHandler;
|
|
7
7
|
onDoubleClick: (e: MouseEvent<HTMLElement>) => void;
|
|
8
|
-
onFocus: FocusEventHandler
|
|
8
|
+
onFocus: FocusEventHandler;
|
|
9
9
|
onKeyDown: (e: ReactKeyboardEvent<HTMLElement>) => void;
|
|
10
10
|
};
|
|
@@ -2,6 +2,6 @@ import { KeyboardEventHandler } from "react";
|
|
|
2
2
|
export declare const useControlledTableNavigation: (initialValue: number, rowCount: number) => {
|
|
3
3
|
highlightedIndexRef: import("react").MutableRefObject<number | undefined>;
|
|
4
4
|
onHighlight: (idx: number) => void;
|
|
5
|
-
onKeyDown: KeyboardEventHandler
|
|
5
|
+
onKeyDown: KeyboardEventHandler;
|
|
6
6
|
tableRef: import("react").RefObject<HTMLDivElement>;
|
|
7
7
|
};
|
package/types/useRowHeight.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { RefCallback } from "react";
|
|
1
2
|
interface RowHeightHookProps {
|
|
2
3
|
rowHeight?: number;
|
|
3
4
|
}
|
|
4
5
|
export declare const useRowHeight: ({ rowHeight: rowHeightProp, }: RowHeightHookProps) => {
|
|
5
6
|
rowHeight: number;
|
|
6
|
-
rowRef:
|
|
7
|
+
rowRef: RefCallback<HTMLDivElement>;
|
|
7
8
|
};
|
|
8
9
|
export {};
|
package/types/useTable.d.ts
CHANGED
|
@@ -15,11 +15,11 @@ export declare const useTable: ({ allowDragDrop, availableColumns, config, conta
|
|
|
15
15
|
"aria-rowcount": number;
|
|
16
16
|
rowClassNameGenerator: import("@vuu-ui/vuu-utils").RowClassNameGenerator | undefined;
|
|
17
17
|
draggableRow: JSX.Element | undefined;
|
|
18
|
-
onBlur: import("react").FocusEventHandler
|
|
18
|
+
onBlur: import("react").FocusEventHandler;
|
|
19
19
|
onDoubleClick: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
20
20
|
onFocus: (e: FocusEvent<HTMLElement>) => void;
|
|
21
21
|
onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
|
|
22
|
-
onMouseDown: import("react").MouseEventHandler
|
|
22
|
+
onMouseDown: import("react").MouseEventHandler | undefined;
|
|
23
23
|
columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
|
|
24
24
|
columns: RuntimeColumnDescriptor[];
|
|
25
25
|
data: DataSourceRow[];
|
|
@@ -27,7 +27,7 @@ export declare const useTable: ({ allowDragDrop, availableColumns, config, conta
|
|
|
27
27
|
handleContextMenuAction: import("@vuu-ui/vuu-data-types").MenuActionHandler;
|
|
28
28
|
headings: import("@vuu-ui/vuu-table-types").TableHeadings;
|
|
29
29
|
highlightedIndex: number | undefined;
|
|
30
|
-
menuBuilder: import("@vuu-ui/vuu-data-types").MenuBuilder
|
|
30
|
+
menuBuilder: import("@vuu-ui/vuu-data-types").MenuBuilder;
|
|
31
31
|
onContextMenu: (evt: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
32
32
|
onDataEdited: DataCellEditHandler;
|
|
33
33
|
onMoveColumn: (columns: ColumnDescriptor[]) => void;
|